/**
 * CSS styles for forms generated by yiic.
 *
 * The styles can be applied to the following form structure:
 *
 * <div class="form">
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row buttons">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 * </div>
 *
 * The above code will render the labels and input fields in separate lines.
 * In order to render them in the same line, please use the "wide" form as follows,
 *
 * <div class="wide form">
 *     ......
 * </div>
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2010 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

div.form
{
}

div.form input,
div.form textarea,
div.form select
{
	margin: 0.2em 0 0.5em 0;
}

div.form fieldset
{
	border: 1px solid #DDD;
	padding: 10px;
	margin: 0 0 10px 0;
    -moz-border-radius:7px;
}

div.form label
{
	font-weight: bold;
	font-size: 0.9em;
	display: block;
}

div.form .row
{
	margin: 5px 0;
}

div.form .hint
{
	margin: 0;
	padding: 0;
	color: #999;
}

div.form .note
{
	font-style: italic;
}

div.form span.required
{
	color: red;
}

div.form div.error label,
div.form label.error,
div.form span.error
{
	color: #C00;
}

div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error
{
	background: #FEE;
	border-color: #C00;
}

div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success
{
	background: #E6EFC2;
	border-color: #C6D880;
}


div.form .errorSummary
{
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 0.9em;
}

div.form .errorMessage
{
	color: red;
	font-size: 0.9em;
}

div.form .errorSummary p
{
	margin: 0;
	padding: 5px;
}

div.form .errorSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
}

div.wide.form label
{
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width: 100px;
}

div.wide.form .row
{
	clear: left;
}

div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage
{
	clear: left;
	padding-left: 110px;
}

/** start of custom css **/

/** for button **/

div.form input[type="submit"], div.form button, div.form input[type="button"]  {
	display: inline-block;
	line-height: 1;
	padding: 7px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	background-color: #0000ff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #000;
}
div.form input[type="submit"]:hover, div.form button:hover, div.form input[type="button"]:hover  {
	background-color: #f00 !important;
    border: 1px solid #f00;
}

div.form input[type="submit"]#another_submitButton  {
	background-color: #888;
}

div.form button#enter_a_new_client {
		background-color: #459e3d;
}

div.form input[type="button"]#copy_from_client_address, div.form input[type="button"]#copy_from_client_shipping_address {
		background-color: #888;
}

div.form input[type="button"]#check_all_service, div.form input[type="button"]#deselect_all_service {
		background-color: #888;
}

div.form button#change_client {
		background-color: #888;
}

div.form input[type="submit"]#cancel_client {
	background-color: red;
}
div.form input[type="submit"]#cancel_client:hover  {
	background-color: orange !important;
    border: 1px solid orange;
}


ul#file-wizard-client-description-block {
    margin: 0;
    padding: 0;
}

ul#file-wizard-client-description-block li {
    display: inline-block;
    padding-right: 50px;	
    vertical-align: middle;  
    text-align: left;
}

div#content input[type="button"]#client_form_button  {
	display: inline-block;
	line-height: 1;
	padding: 7px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	background-color: #0000ff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #000;
}
div#content input[type="button"]#client_form_button:hover  {
	background-color: #f00 !important;
    border: 1px solid #f00;
}


div#tabs-contact td.button-column input[type="button"] {
	display: inline-block;
	line-height: 1;
	padding: 7px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	background-color: #888;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #000;
}
div#tabs-contact td.button-column input[type="button"]:hover  {
	background-color: #f00 !important;
    border: 1px solid #f00;
}

div#content button[type="button"].create_update_color  {
	display: inline-block;
	line-height: 1;
	padding: 7px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	background-color: green;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #000;
}
div#content button[type="button"].create_update_color:hover, div#content input[type="submit"].view_preview_color:hover  {
	background-color: #f00 !important;
    border: 1px solid #f00;
}

div#content input[type="submit"].view_preview_color  {
	display: inline-block;
	line-height: 1;
	padding: 7px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	background-color: blue;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #000;
}

/* view button in detail-view table inside view pages **/
div#content td button[type="button"].view_preview_color {
	display: inline-block;
	line-height: 1;
	padding: 7px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	background-color: blue;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #000;
}
div#content td button[type="button"].view_preview_color:hover  {
	background-color: #f00 !important;
    border: 1px solid #f00;
}

/** for dialog widget **/
.dialogWidgetCreateButton  {
	display: inline-block;
	line-height: 1;
	padding: 7px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
	background-color: #888;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #000;
}


/** for tabs **/
.hidden { display: none; }

.ui-tabs-hide { display:none; }

.ui-tabs .ui-tabs-nav li { list-style: none; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important;}
.ui-tabs .ui-tabs-nav li a { padding: .5em 1em; text-decoration: none; }

/** for flash **/
span.flash-error, span.flash-notice, span.flash-success
{
     border:1px solid #ddd;
     padding-left:1em !important;
     padding-right:1em !important;
}

span.flash-error
{
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}

span.flash-notice
{
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;
}

span.flash-success
{
    background:#E6EFC2;
    color:#264409;
    border-color:#C6D880;
}

span.flash-error a
{
    color:#8a1f11;
}

span.flash-notice a
{
    color:#514721;
}

span.flash-success a
{
    color:#264409;
}

/** end of custom css **/