/**
* CSS styles for forms generated by yiic.
*
* The styles can be applied to the following form structure:
*
*
*
* 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,
*
*
* ......
*
*
* @author Qiang Xue
* @link http://www.yiiframework.com/
* @copyright Copyright © 2008-2010 Yii Software LLC
* @license http://www.yiiframework.com/license/
*/
.form{font-family:Arial, Helvetica, sans-serif;}
input,
textarea,
select {margin: 0.2em 0 0.5em 0; font-family:Arial, Helvetica, sans-serif; }
fieldset {border: 1px solid #DDD; padding:10px; margin: 0 0 10px 0; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px; }
.ui-dialog fieldset {border:none; padding:0; margin:0; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; } /*wabbit edit pop-up override */
label {font-weight: bold; font-size: 0.9em; display:inline-block;}
*+html label { display:inline; min-height:1px;}
.row {margin:0.5em 0;}
.hint {margin: 0; padding: 0; color: #999;}
.event-form .hint { margin: 8px 15px; }
.event-form h3 { margin-left: 15px; margin-top: 45px; font-size: 17px;}
.event-form input[type=checkbox] { margin-bottom: 0; margin-top: 7px; }
.note {font-style: italic;}
span.required {color: red;}
.error label:first-child,
label.error,
span.error {color: #C00;}
.error input,
.error textarea,
.error select,
input.error,
textarea.error,
select.error {background: #FEE; border-color: #C00;}
.success input,
.success textarea,
.success select,
input.success,
textarea.success,
select.success { background-color:#e2ffcb; border-color: #528927; -webkit-box-shadow: 0 1px 3px 0 rgba(32, 72, 0, 0.3) inset; -moz-box-shadow: 0 1px 3px 0 rgba(32, 72, 0, 0.3) inset; box-shadow: 0 1px 3px 0 rgba(32, 72, 0, 0.3) inset;}
.errorSummary {border: 2px solid #C00;padding: 7px 7px 12px 7px;margin: 0 0 20px 0;background: #FEE; font-size: 0.9em;}
.errorMessage {color: red; font-size: 0.9em;}
.errorSummary p { margin: 0; padding: 5px;}
.errorSummary ul {margin: 0; padding: 0 0 0 20px;}
.widelabel {float: left; margin-right: 10px; position: relative; text-align: right; width: 100px;}
.wide.row {clear: left;}
.wide.buttons, div.wide.hint, div.wide.errorMessage {clear: left; padding-left: 110px;}
.error input[type="text"],
.error textarea {box-shadow: 1px 1px 3px 0 #c56c6c inset;}
/*----- upgrade styles ----------------------------------------------------------------- */
form {background: none repeat scroll 0 0 #f7f7f7; margin: 0; padding: 20px; border:1px solid #E1E1E1;}
.ui-dialog form {padding:0px; border:none;} /*wabbit edit pop-up override */
input, textarea, select { border: 1px solid #9b9b9b; padding:3px; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px; width:50%; }
input, textarea {webkit-box-shadow: inset 1px 1px 3px 0px rgb(180, 180, 180); -moz-box-shadow: inset 1px 1px 3px 0px rgba(180, 180, 180);
box-shadow: inset 1px 1px 3px 0px rgb(180, 180, 180); }
.button,
input[type="submit"] { color: #ccc; font-weight:bold; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:1px solid #404040; text-shadow:0 -1px 1px #404040; width:auto; padding:3px 8px;
background: #515151; /* Old browsers */
background: -moz-linear-gradient(top, #515151 0%, #5b5b5b 7%, #3f3f3f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#515151), color-stop(7%,#5b5b5b), color-stop(100%,#3f3f3f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #515151 0%,#5b5b5b 7%,#3f3f3f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #515151 0%,#5b5b5b 7%,#3f3f3f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #515151 0%,#5b5b5b 7%,#3f3f3f 100%); /* IE10+ */
background: linear-gradient(top, #515151 0%,#5b5b5b 7%,#3f3f3f 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#3f3f3f',GradientType=0 ); */ /* IE6-9 */
}
input:focus, textarea:focus, select:focus, textarea:focus {-webkit-box-shadow: 0 0 2px 1px #97AEF0; -moz-box-shadow: 0 0 2px 1px #97AEF0; box-shadow: 0 0 2px 1px #97AEF0;}
input[type="checkbox"], input[type="radio"], input[type="file"] {width:auto; border:none; background:transparent none; box-shadow:none; font-size:0.9em; }
label {color:4F4F4F; font-family:Arial, Helvetica, sans-serif;}
.button:hover,
input[type="submit"]:hover {color: #ffffff;}
.button:active,
input[type="submit"]:active {color: #ccc; background:none #000; -webkit-box-shadow: 0 0 1px 1px #fff, 0 0 3px 1px #97AEF0 ; -moz-box-shadow: 0 0 1px 1px #fff, 0 0 3px 1px #97AEF0; box-shadow: 0 0 1px 1px #fff, 0 0 3px 1px #97AEF0; }
textarea {-moz-appearance:textfield; -webkit-appearance:textfield; appearance:textfield;}
#ContactForm_subject,
#ContactForm_body {width:440px;}
.wide .row {padding-top: 9px; padding-bottom: 3px; }
.row label {display:block;}
.type_checkbox {margin:1em 0;}
.type_checkboxlist > span,
.type_radiolist > span { display:inline-block;}
.type_checkboxlist > span > label,
.type_radiolist > span > label {font-weight:normal; margin-left:3px; display: inline;}
.type_file input { padding-left: 0px; }
.wide .type_checkbox input {margin-top: 4px;}
.wide .type_checkboxlist > span,
.wide .type_radiolist > span {margin-top: 2px;}
.wide .row {border-top:1px solid #E1E1E1; }
.wide label {width:25%; display:inline-block; margin-right:-3px; vertical-align:top; padding-top:3px; }
.wide input, .wide textarea, .wide select {width:73%; margin-top:-1px;}
.wide input[type="submit"], .wide input[type="checkbox"], .wide input[type="radio"] {width:auto;}
.wide input[type="file"] {margin-top:3px;}
.wide .type_checkboxlist > span > label,
.wide .type_radiolist > span > label {padding:0;}
.wide .type_checkboxlist > span input[type="checkbox"], .wide .type_radiolist > span input[type="radio"] {top:1px; position:relative;}
.row.buttons {padding-top:11px;}