/**
* The form css file assumes the following oocss html element object
*
* wrap all field blocks with the field class
*
*
*
*
*
*
*
*
*
*
*
enter this and that
*
*
*
*
*
* Add custom form styles by adding a new object root level class on the surrounding top level element (like the form)
* for example:
* .myFunkFormSkin .inputBox{//input styles} // can use inputBox style outside of a field but you will have to manually implement focus, error and success classes
* .myFunkFormSkin .field .inputBox{//input styles}
* .myFunkFormSkin .field.error .inputBox{//input error style}
*/
/* Resets the input elements styles, make expand to fit container (.inputBox) */
.input,.inputBox input,.inputBox select,.inputBox textarea{margin:0px;padding:0px;width:100%;border:0px;outline:none;background-color:transparent;-webkit-appearance: none;-webkit-focus-ring-color: none;}
/* Default padding for field blocks has position relative so things can be positioned relative to the field */
.field{margin:5px 0px;position:relative;}
/* padding and margin break widths so remove them, the input elements pading is defined by padding on .inputBox*/
input.btn{width:auto;}
/* make required * red have to use span element here becuase that''s what yii creates */
span.required { color:#CC0000 }
/* the input container class can be used to wrap the inputBox class it ensures positioning is not skewed by error messages appearing within the .field container */
.inputContainer {position:relative;}
/* Default Skin */
/* make a nice looking input, defines padding and input box style */
.inputBox {background:#ffffff url('skin/input-bg.png') repeat-x top left;border-top:1px solid #b2b2b2;border:1px solid #ccc;padding:0.3em;border-top-color:#bbb;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:0px 1px 0px rgba(255,255,255,0.5);-moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);-webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);}
.error .inputBox {background:#fff1f1 url('skin/input-bg-error.png') repeat-x top left; border-color:#c99393 #e2a3a3 #e2a3a3;}
.success .inputBox {background:#eeffeb url('skin/input-bg-success.png') repeat-x top left; border-color:#94c78c #a4da9b #a4da9b;}
.focus .inputBox {border-color:#889999 #aaaaaa #aaaaaa;box-shadow: 0 0 5px #387BBE;-moz-box-shadow:0 0 5px #387BBE;-webkit-box-shadow: 0 0 5px #387BBE; background-image:none;}
.focus .inputBox.noHighlight, .focus.noHighlight .inputBox{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}
.validating .inputBox{/*border-color:#ccc;*/}/* this class is applied when the form is validating the input, typically when sending the ajax response to check validation */
/* formHint style */
.hint{color:#999999;font-size:80%;}
/* .inFieldLabel you may need to tweak the positions for different forms */
.inFieldLabel{position:absolute;cursor:text;left:8px;top:0px;color:#999;line-height:24px;top:50%;margin-top:-12px;}
.errorMessage{color: red;font-size: 0.9em;}
/**
* Yii form classes!
* CSS styles for forms generated by yiic.
*
* The styles can be applied to the following form structure:
* NOTE: you must have a parent class of form
*
*
*
*
*
hint text
*
*
*
*
*
hint text
*
*
*
*
*
hint text
*
*
*
* 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,
*
*