/**

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

	border: 1px solid #858585;

}



div.form fieldset {

	border: 1px solid #DDD;

	padding: 10px;

	margin: 0 0 10px 0;

	-moz-border-radius: 7px;

}



div.form label {

	font-weight: bold;
	color: #00461f;
	display: block;
	font-size: 11px;



}

div.form labelItems {

	/*font-weight: bold;
	
	color: #00461f;
	display: block;
	*/

	font-size: 11px;



}


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:first-child,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: auto;

}



div.wide.form .row {

	clear: left;

}



div.wide.form .buttons,div.wide.form .hint,div.wide.form .errorMessage {

	clear: left;

	padding-left: 110px;

}



.span-19 {

	width: 750px;

}



.button {

	display: inline-block;

	outline: none;

	cursor: pointer;

	text-align: center;

	text-decoration: none;

	font: 14px/ 100% Arial, Helvetica, sans-serif;

	padding: .5em 2em .55em;

	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);

	-webkit-border-radius: .5em;

	-moz-border-radius: .5em;

	border-radius: .5em;

	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);

	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);

	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);

}



.button:hover {

	text-decoration: none;

}



.button:active {

	position: relative;

	top: 1px;

}



.orange {

	color: #fef4e9;

	border: solid 1px #da7c0c;

	background: #f78d1d;

	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a),

		to(#f47a20) );

	background: -moz-linear-gradient(top, #faa51a, #f47a20);

	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =

		'#faa51a', endColorstr = '#f47a20' );

}



.orange:hover {

	background: #f47c20;

	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11),

		to(#f06015) );

	background: -moz-linear-gradient(top, #f88e11, #f06015);

	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =

		'#f88e11', endColorstr = '#f06015' );

}



.orange:active {

	color: #fcd3a5;

	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20),

		to(#faa51a) );

	background: -moz-linear-gradient(top, #f47a20, #faa51a);

	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =

		'#f47a20', endColorstr = '#faa51a' );

}



.mint {

	color: #fef4e9;

	border: solid 1px #da7c0c;

	background: #f78d1d;

	background: -webkit-gradient(linear, left top, left bottom, from(#21B6A8),

		to(#00461f) );

	background: -moz-linear-gradient(top, #21B6A8, #00461f);

	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =

		'#21B6A8', endColorstr = '#00461f' );

}



.mint:hover {

	background: #f47c20;

	background: -webkit-gradient(linear, left top, left bottom, from(#1FA195),

		to(#198076) );

	background: -moz-linear-gradient(top, #1FA195, #198076);

	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =

		'#1FA195', endColorstr = '#198076' );

}



.mint:active {

	color: #fcd3a5;

	background: -webkit-gradient(linear, left top, left bottom, from(#1B958A),

		to(#21B6A8) );

	background: -moz-linear-gradient(top, #1B958A, #21B6A8);

	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =

		'#1B958A', endColorstr = '#21B6A8' );

}