/**
 * 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 {
display: block;
font-size: 12px;
font-weight: bold;
margin: 0 0 8px;
}

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;
}

.bebutton, .button, .check-all-zone{
position: relative;
overflow: visible;
display: inline-block;
padding: 0.7em 3em;
border: 1px solid #D4D4D4;
margin: 0;
text-decoration: none;
text-shadow: 1px 1px 0 white;
font: 11px/normal sans-serif;
color: #333;
white-space: nowrap;
cursor: pointer;
outline: none;
background-color: #ECECEC;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
background-image: -moz-linear-gradient(#f4f4f4, #ececec);
background-image: -o-linear-gradient(#f4f4f4, #ececec);
background-image: linear-gradient(#f4f4f4, #ececec);
-webkit-background-clip: padding;
-moz-background-clip: padding;
-o-background-clip: padding-box;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
border-radius: 0.2em;
zoom: 1;
}

.bebutton:active, .button:active, .bebutton.active, .button.active {
border-color: #2a65a0;
border-bottom-color: #3884CF;
background-color: #3072b3;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3072b3), to(#599bdc));
background-image: -moz-linear-gradient(#3072b3, #599bdc);
background-image: -o-linear-gradient(#3072b3, #599bdc);
background-image: linear-gradient(#3072b3, #599bdc);

}


.bebutton:hover, .button:hover, .bebutton:focus, .button:focus, .bebutton:active, .button:active, .bebutton.active, .button.active {
border-color: #3072b3;
border-bottom-color: #2a65a0;
text-decoration: none; 
text-shadow: -1px -1px 0 rgba(0,0,0,0.3); 
color: #fff; 
background-color: #3C8DDE;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
background-image: -moz-linear-gradient(#599bdc, #3072b3);
background-image: -o-linear-gradient(#599bdc, #3072b3);
background-image: linear-gradient(#599bdc, #3072b3);
}

.bebutton:-moz-focus-inner {
border: 0 none;
padding: 0;
}

#searchbutton{
margin-top:17px;
width:100px;
}

#title-prompt-text, #wp-fullscreen-title-prompt-text {
color: #BBB;
position: absolute;
font-size: 1.7em;
padding: 8px;
}

#title {
background-color: white;
}

#title {
border-color: #CCC;
}

#title {
padding: 3px 3px;
border-width: 1px;
border-style: solid;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 1.7em;
line-height: 100%;
width: 99%;
outline: none;
}

.form-wrapper{
width:100%;
}
#form-body{
float: left;
clear: left;
width: 100%;
margin-right: -340px;
}

#form-body-content{
margin-right: 300px;
}

#form-sidebar{
float: right;
clear: right;
width: 281px;
position: relative;
display:block;
}


#inner-form-sidebar{
width:280px;
min-height:250px;
}

#bodywrap{

}


.content-box, ul.content-box-tabs li a.current, .shortcut-button, .notification {
border-radius: 6px 6px 6px 6px;
}

.noteinformation {
background: url("../images/icons/information.png") repeat scroll 0 0 #DBE3FF;
color: #585B66;
border:1px solid #A2B4EE;
}

.noteattention {
background: url("../images/icons/exclamation.png") no-repeat scroll 10px 11px #FFFBCC;
border:1px solid #E6DB55;
color: #666452;
}

.notesuccess {
background: url("../images/icons/tick_circle.png") repeat scroll 0 0 #D5FFCE;
border:1px solid #9ADF8F;
color: #556652;
}

.noteerror {
background: url("../images/icons/cross_circle.png") repeat scroll 0 0 #FFCECE;
border:1px solid #DF8F8F;
color: #665252;
}

.notification {
background-position: 10px 11px !important;
background-repeat: no-repeat !important;
font-size: 13px;
margin: 0 0 15px;
padding: 0;
position: relative;
width: 99.8%;

}

.notification div {
display: block;
font-style: normal;
line-height: 1.5em;
padding: 10px 10px 10px 36px;
}

.notification .close {
color: #990000;
font-size: 9px;
position: absolute;
right: 5px;
top: 5px;
}

#login-content p {
padding: 0;
line-height:1.6em;
}

#login-content label {
float: left;
font-family: Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: normal;
padding: 0;
width: 200px;
}

#login-content input.text-input {
background: none repeat scroll 0 0 #FFFFFF;
float: right;
margin: 0 0 20px;
width: 240px;
}



.button, #main-content table tfoot td .bulk-actions select, .pagination a.number, form input.text-input, form textarea, form .wysiwyg, form select, .dp-popup {
border-radius: 4px 4px 4px 4px;
}

form input.text-input, form select, form textarea, form .wysiwyg {
background: url("../images/bg-form-field.gif") repeat-x scroll left top #FFFFFF;
border: 1px solid #D5D5D5;
color: #333333;
font-size: 13px;
padding: 6px;
}


p#remember-password {
float: right;
}


#login-content-button {
width: 100px;
float:right;
}

.form{
font-family: Trebuchet MS,Verdana,san-serif !important;
}

.form input[type="text"],  .form input[type="password"] {
background: url("../images/bg_formInputText.gif") repeat-x scroll 0 0 transparent;
border: 1px solid #C0C0C0;
border-radius: 6px 6px 6px 6px;
padding: 5px;
width: 240px ;
}

.form textarea{
background: url("../images/bg-form-field.gif") repeat-x scroll left top #FFFFFF;
border: 1px solid #D5D5D5;
color: #333333;
font-size: 13px;
padding: 6px;
border-radius: 6px 6px 6px 6px;
min-width:360px;
min-height:120px;
}


.form input {
outline: medium none !important;
}

input.specialTitle{
background: url("../images/bg-form-field.gif") repeat-x scroll left top #FFFFFF !important;
width:99% !important;
font-size:19px;
}

textArea.specialContent{
width:99% !important;
min-height: 350px;
}


.content-box, .content-box-header, ul.content-box-tabs li a.current, .shortcut-button, .notification {
border-radius: 6px 6px 6px 6px;
}

.content-box {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
margin: 0 0 20px;
}

.content-box-header {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

.content-box-header {
background: url("../images/bg-content-box.gif") repeat-x scroll left top #E5E5E5;
height: 30px;
margin-top: 1px;
}

.content-box-header h3 {
float: left;
padding: 7px 15px 0;
color: #222222;
font-family: arial,sans-serif;
font-weight: bold;
font-size: 15px;
}

.content-box-content {
border-top: 1px solid #CCCCCC;
font-size: 13px;
padding: 15px;
display:block;
background-color: whiteSmoke;
background-image: -ms-linear-gradient(top,#f9f9f9,#f5f5f5);
background-image: -moz-linear-gradient(top,#f9f9f9,#f5f5f5);
background-image: -o-linear-gradient(top,#f9f9f9,#f5f5f5);
background-image: -webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#f5f5f5));
background-image: -webkit-linear-gradient(top,#f9f9f9,#f5f5f5);
background-image: linear-gradient(top,#f9f9f9,#f5f5f5);
}


.content-box-content textarea, .content-box-content input[type="text"], .content-box-content .original{
width:95%;
min-height: 20px !important;
background: url("../images/bg-form-field.gif") repeat-x scroll left top #FFFFFF;
/*border: 1px solid #D5D5D5;*/
}


ul.content-box-tabs {
float: right;
margin: 0 !important;
padding: 6px 15px 0 0 !important;
}

#main-content ul li {
background: url("../images/icons/bullet_black.png") no-repeat scroll left center transparent;

}

ul.content-box-tabs li {
background-image: none !important;
float: left;
margin: 0;
padding: 0 !important;
}

ul.content-box-tabs li a {
border-bottom: 0 none;
color: #333333;
display: block;
margin: 1px;
padding: 4px 10px;
text-decoration: none;
}

ul.content-box-tabs li a:hover{
color:#DD4B39;
}

ul.content-box-tabs li a.current {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-radius:6px 6px 0 0 !important;
}

ul.content-box-tabs li a.current {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: #CCCCCC;
border-style: solid solid none;
border-width: 1px 1px 0;
margin: 0;
border-bottom:0px;
}


div.flash-error, div.flash-notice, div.flash-success
{
padding:.8em;
margin-bottom:1em;
border:2px solid #ddd;
}

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

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

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

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

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

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

div.form .rememberMe label
{
display: inline;
}

.list_item_div_wrapper{    
    padding-top:10px;
}

.item_div_wrapper{
padding:10px;   
}

.list_item_div_wrapper label{
    display:inline;
    
}

.list_item_div_wrapper textarea{
    min-width: 150px;
}

.selected_terms{
    border-top: 1px dotted #CCC;
    padding:5px 0px;
}

.list_terms{
    padding:5px 0px;
}

.list_terms_inner{
    overflow-y: scroll; 
    overflow-x:hidden;
    height:150px;
    background: url("../images/bg-form-field.gif") repeat-x scroll left top #FFFFFF;
    padding:7px;
    border:1px solid #CCC;
}

.selected_terms_inner{
    overflow-y: scroll; 
    overflow-x:hidden;
    height:75px;
    background: url("../images/bg-form-field.gif") repeat-x scroll left top #FFFFFF;
    padding:7px;
    border:1px solid #CCC;
}

.extra_block_buttons{
    margin-top:10px;
    float:left;
    margin-right:5px;
}

.extra_block_buttons_wrap{
    border-bottom:1px dotted #CCC;
}

.row_radio label{
	display:inline-block !important;
	
}