/**
 * 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 Q	iang 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.field 
{
	position:relative;
	margin: .25em 0;
	border: #0073ab 2px solid;
	cursor:pointer;
}
div.field.active
{
	cursor:pointer;
}
div.field.active label 
{
	color: #0073ab;
}
div.field label 
{
	font-size: 1.2em;
	color: #666;
	display:block;
	float: left;
	width: 175px;
	text-align:left;
	margin: 0.40em;
	cursor:pointer;
}

div.field div.inputlist.label-small label {
	font-size: 1em;
}
div.field div.inputlist label {
	display: inline;
	float: none;
}

div.field div.inputlist.radio input {
	height: auto;
}
div.field div.inputlist.radio label {
	font-size: 1em;
}
div.field label.narrow
{
	width: 75px;
}

div.field input, div.field select, div.field button
{
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
	padding: .2em;
	margin: .8em 0;
	border: 0px; 
	height: 25px;
	background: #fff;
	border: none;
}

div.field textarea
{
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
	padding: .2em;
	margin: .8em 0;
	border: 0px; 
	background: #fff;
	border: none;
}


a.button-small {
	display:block;
	margin: .4em .4em .4em 0;;
	padding: .4em .8em;
	float: left;
	text-decoration:none;
	border: none;
}
a.button-small.active, div.field a.button-small.active {
	color: #000;
}
div.field button, .button-small
{
	background: #0073ab;
	color: #fff;
	margin: 0 .5em;
	padding: 0 .75em;
	border: none;	
}

div.search {
	float: right;
}
div.field.checkbox label {
	width: 350px;
}
div.field.checkbox input {
	float: left; 
	margin-left: 0.4em;
}
div.field input.narrow, div.field select.narrow
{
	width: 75px;
}
div.field input.normal, div.field select.normal
{
	width: 210px;
}
div.field input.wide, div.field select.wide, div.field textarea.wide
{
	width: 650px;
}

div.field .errorMessage
{
	position:absolute;
	left: 100px;
	background:#e75200;
	margin-top:-10px;
	color: #fff;
	border: 3px solid #b64202;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: .3em 1em;
	z-index: 99;
	-moz-box-shadow: 2px 2px 5px #56340f;
	-webkit-box-shadow: 2px 2px 5px #56340f;
	font-size:16px;
	background-image:url(../images/warnung_icon.gif);
	background-repeat:no-repeat;
	background-position:left;
}
div.field .hint
{
	display:none;
}
.ui-widget button.submit,
button.submit,
a.submit 
{
	display: block;
	background: #0073ab;
	padding: 4px 4px;
	margin-top: 2px;
	text-align: left;
	font-size: 28px;
	width: 430px;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	border: none;
}

#important{
	width:200px;
	height:200px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}

.ui-widget-header { 
	border: none;
	background: #0073ab;
	color:#FFF;
	font-size: 1.2rem;
	font-weight: bold;
	font-family: Arial,sans-serif;
}
.ui-widget-content {
	background: #fff;
	font: Arial,sans-serif;
}
.ui-widget-overlay {
	opacity: 0.8;
}