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

 /* Adapted to yform and yrow to avoid interference from other classes */

div.yform input,
div.yform textarea,
div.yform select
{
	margin: 0.2em 0 0.5em 0;
	/* Correct any width issues: */
	width:auto;
}

div.yform fieldset
{
	border: 1px solid #DDD;
	padding: 10px;
	margin: 0 0 10px 0;
    -moz-border-radius:7px;
}

div.yform label
{
	font-weight: bold;
	font-size: 1em; /* font-size: 0.9em; */
	display: block;
}

div.yform .yrow
{
	margin: 1em 0;/* margin: 5px 0; */
}

div.yform .hint
{
	margin: 0;
	padding: 0;
	color: #999;
	
	/* Added */
	line-height: 1.2;
}
div.yform .note
{
	font-style: italic;
}

div.yform span.required
{
	color: red;
}

div.yform div.error label,
div.yform label.error,
div.yform span.error
{
	color: #C00;
}

div.yform div.error input,
div.yform div.error textarea,
div.yform div.error select,
div.yform input.error,
div.yform textarea.error,
div.yform select.error
{
	background: #FEE;
	border-color: #C00;
}

div.yform div.success input,
div.yform div.success textarea,
div.yform div.success select,
div.yform input.success,
div.yform textarea.success,
div.yform select.success
{
	background: #E6EFC2;
	border-color: #C6D880;
	/* Correct any width issues: */
	width:auto;
}

div.yform .errorSummary
{
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 0.9em;
    color: #FF0000;
}

div.yform .errorMessage
{
	color: red;
	font-size: 0.9em;
}

div.yform .errorSummary p
{
	margin: 0;
	padding: 5px;
    color:#FF0000;
}

div.yform .errorSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
}

div.ywide.yform label
{
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width: 150px; /* increased from 100px */
}

div.ywide.yform .yrow
{
	clear: left;
}

div.ywide.yform .buttons, div.wide.yform .hint, div.wide.yform .errorMessage
{
	clear: left;
	padding-left: 110px;
}

/**
 * 	Enhancements
 * 
 */

/* wide form with just text content in rhs column: (user/admin)*/
div.ywide.yform .text-content{
	margin: 0.2em 0 0.5em;
    position: relative;
    text-align: left;
	clear:right;
	float:left;
}
/* Links in hints */
div.yform .hint a
{
	color: #999;
}
div.form .hint a:hover
{
	color: #555555;
}
/* List jobs */

div.yview {
    border: 1px solid #C9E0ED;
    margin: 10px 0;
    padding: 10px;
}
.list-view {
	 color: #555555;
	 font-size:0.9em;
}

div.yform input[type=checkbox] {
    float: left;
    margin: 0px 5px 0px 0px;
}

div.yform input[type=radio] + label { display: inline; margin: 0 20px 0 5px; }

.nobr	{ white-space:nowrap; }
.text-top {vertical-align:top}
/**
 * 	Lists
 */
.list-inline{
	list-style: none;
	padding: 0;
	margin: 0;
}	
.list-inline li{
	display: inline;
	padding: 0;
	margin: 0;
}
div.yrow input.readonly
{
	background-color: #DCDCDC!important;
}