/**
 * CSS styles for form and input fields.
 *
 * These styles are used with form and input fields generated via yiic script.
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2009 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */



div.artfosForm, div.recommendForm
{
	border: 2px solid #B7DDF2;
	background: #EBF4FB;
	margin: 0;
	padding: 5px;
	width: 550px;
}

div.recommendForm{
    font-size: .9em;
    margin: 0 auto;
}

div.classifiedSearchForm
{
	border: 2px solid #B7DDF2;
	background: #EBF4FB;
	margin: 10px 0 10px 0;
	padding: 5px;
	width: 260px;
}

div.artfosForm label.required
{
}

div.artfosForm span.required, div.classifiedSearchForm span.required,
div.recommendForm span.required
{
	color: red;
}

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

div.errorSummary p
{
	margin: 0;
	padding: 5px;
}

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

div.errorSummary ul li
{
	list-style: square;
}

div.artfosForm p.hint, div.recommendForm p.hint
{
	color: gray;
	font-size: 80%;
	margin: 0 0 0 20px;
}

div.artfosForm fieldset
{
	border: #DDD 1px solid;
	margin: 10px 0;
	padding: 10px;
}

div.artfosForm legend
{
	font-weight: bold;
}

div.artfosForm label
{
}

div.artfosForm div.action
{
	clear: left;
	margin-left: 160px;
	padding: 0.25em 0;
}

div.recommendForm div.action{
    clear: left;
    margin: 0 0 0 30px;
    padding: 0.25em 0;
}

div.classifiedSearchForm div.action
{
	clear: left;
	margin-left: 100px;
	padding: 0.25em 0;
}

div.artfosForm div.simple, div.artfosForm div.long,
div.artfosForm div.complex, div.artfosForm div.dateselect,
div.classifiedSearchForm div.simple, div.classifiedSearchForm div.long,
div.classifiedSearchForm div.complex, div.classifiedSearchForm div.dateselect,
div.recommendForm div.simple
{
	clear: left;
	padding: 0.25em 0;
}

div.artfosForm div.simple label, div.artfosForm div.long span
div.artfosForm div.complex span, div.artfosForm div.dateselect,
div.recommendForm div.simple label
{
	display: block;
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width: 150px;
}

div.recommendForm div.simple label{
    width: 90px;
}

div.classifiedSearchForm div.simple label, div.classifiedSearchForm div.long span
div.classifiedSearchForm div.complex span, div.classifiedSearchForm div.dateselect
{
	display: block;
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width: 90px;
}

div.artfosForm div.long label{
    display: block;
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
    width: 300px;
}

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

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

div.artfosForm div.simple div, div.artfosForm div.dateselect div,
div.artfosForm div.complex div
{
	margin-left: 160px;
}

div.classifiedSearchForm div.simple div, div.classifiedSearchForm div.dateselect div,
div.classifiedSearchForm div.complex div
{
	margin-left: 100px;
}

div.recommendForm div.simple div{
    margin: 0 0 0 100px;
}

div.artfosForm div.long div{
    margin-left: 210px;
}