/**
 * 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 .field_name_help {font-size: 80%; color: #777; }
div.form input[type=text],
div.form input[type=password],
div.form textarea,
div.form select
{
	margin: 0.1em 0 0.3em 0;
	font-family: Verdana, 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
	font-size: 9.0px;
	color: #424242;
	padding: 1px;
	border: 1px solid #CCC;
	outline: none;
	
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;	
	
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
	
	-moz-transition: border .2s linear, box-shadow .2s linear;
	-webkit-transition: border .2s linear, -webkit-box-shadow .2s linear;
}

div.form input:focus 
, div.form textarea:focus
, div.form select:focus
, div.form span.select2 span:focus
{
    border: 1px solid #80bfff;
    
    -moz-box-shadow: 0 0 3px #80bfff, 0 1px 2px rgba(0, 0, 0, .15) inset;
    -webkit-box-shadow: 0 0 3px #80bfff, 0 1px 2px rgba(0, 0, 0, .15) inset;
    box-shadow: 0 0 3px #80bfff, 0 1px 2px rgba(0, 0, 0, .15) inset;
}

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

div.form label
{
	font-weight: bold;
	font-size: 1.0em;
	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: 1px 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 .field_name_help
{
	float: left;
	position: relative;
	text-align: right;
	margin-left: 110px;
}
div.wide.form legend {
	color:#000; /* IE styles legends with blue text by default */
	*margin-left:-7px; /* A hack that only ie reads to position the legend in the same place cross browser */
	font-weight: bold;
	font-size: 1.1em;
}

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

div.wide.form .rowleft a:link
{
	float: left;
	margin-right: 3px;
	position: relative;
	top:5px;
	text-align: left;
}

div.wide.form input,
div.wide.form textarea,
div.wide.form select
{
	margin: 0.2em 0 0.5em 0;
	font-size: 1.1em;
}

div.wide.form input[type="radio"],
div.wide.form input[type="checkbox"] {
  margin: 6px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

div.wide.form textarea
{
	resize: none;
}

div.wide.form option:nth-child(even) {
  background-color: #FAFAFA;
}

div.wide.form input.readonly
{
    background-color: #F7F5FB;
    border-style: none;
}

div.wide.form textarea.readonly
{
    background-color: #F7F5FB;
    border-style: none;
}

div.wide.form input.label
{
	border-style:none;
	border-width:0;
}

div.wide.form .row
{
	margin: 2px 0;
	clear: right;
}

div.wide.form .rowleft
{
	width: 450px;
	float: left;
	position:relative;
	height: 25px;
}

div.wide.form .rowleftTextArea
{
	width: 330px;
	float: left;
	position:relative;
	height: 85px;
}

div.wide.form .rowclear
{
	float: none;
	clear: both;
	height: 25px;
}

div.wide.form .rowclearerror
{
	float: none;
	clear: both;
	min-height: 25px;
}

div.wide.form .rowclearselect2
{
	float: none;
	clear: both;
	height: 30px;
}

div.wide.form .rowclearselect2multiple
{
	float: none;
	clear: both;
	min-height: 30px;
	height: auto;
}

div.wide.form .rowclearTextArea
{
	float: none;
	clear: both;
	height: 85px;
}

div.wide.form .rowhint
{
	float: none;
	clear: both;
	margin: 5px 5px 15px 5px;
	color: #333;
}

div.wide.form .summaryrow
{
	float: right;
	clear: both;
	margin-right: 10px;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:1.1em;
}

div.wide.form .buttons
{
	float: right;
	clear: both;
    display:block;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
}

div.wide.form .errorMessage
{
	clear: left;
	padding-left: 160px;
	color: #999;
}

div.wide.form .hint
{
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	padding: 0 0 1.5px 0;
	color: #555;
}

div.wide.form .extraInfo
{
    cursor: pointer;
    text-decoration:underline;
}