/* 
	forms 
*/

form { font-size:8pt; }

form p.description { 
	color:#777; padding:0px; 
	margin:0px; 
	font-size:0.85em; 
}

fieldset dl dt, form dl.zend_form dt { 
	font-weight:bold; 
	color:#003;
	background-color:#e0e0f3;
	margin-top:4px;
	/*
	background-image: -webkit-gradient(
	    linear,
	    left center,
	    right center,
	    color-stop(0.4, #e0e0f3),
	    color-stop(0.45, #F5F5F5)
	);
	background-image: -moz-linear-gradient(
	    left center,
	   	#e0e0f3 40%,
	    #F5F5F5 45%
	);
	*/
}
	
fieldset dl dd, form dl.zend_form dd { 
	margin:0px; margin-bottom:4px;
}

#user-form select option { 
		padding:0.2em 0 0.2em 0;
		margin:0.2em 0 0.2em 0
	}
	
#user-form select  {  
	 
}
#user-form fieldset { 
	border:0px; margin:1px; 
	padding:1px;
}
#user-form #send { 
	padding:0.2em; 
}

#send-element input { 
	border:1px solid #239;
	background:#669; color:#fff;
	min-width:120px; 
	font-weight:bold; 
	padding:3px; margin-top:4px;
}

input[type="submit"] {
	font-size:1.2em;
}
						
#send-label, #id-label { 
	display:none; 
}

form ul.errors li { 
	display:inline; 
	font-size:0.75em; 
	color:#fff; background:#a40; 
	padding:3px; 
}

form ul { 
	display:inline; margin:0px; 
	padding:0px; 
}

form .select2-container {
	width:100%;
}
form .select2-container ul {
	display:block;
}

input.readonly { 
	padding:0px; 
	border:1px dotted #ddd; 
	background:#f5f5f5; 
}

fieldset {
	border:none;
	margin:0px;
	padding:0px;
}


/*
	elements in groups of standard "dataform"
*/
#dataform div.formgroup { padding:1.5em 0.5em; border-bottom:1px dotted #999; }
#dataform div.formgroup-strict {  padding-bottom:0.5em; border-bottom:1px dotted #999; }

#dataform.compact div.formgroup  { padding:0.8em 0.5em; }
#dataform div.formgroup:last-child { border-bottom:0px; }
#dataform div.formgroup dt, form.compact dl.zend_form dt { 
			display:inline;
			background:transparent;
			margin:0px;
			}
#dataform div.formgroup dt label {
		font-weight:bold; 
	color:#003;
	background-color:#e0e0f3;
	padding:1px;
	margin-top:4px;
	margin-left:0px; 
}

#dataform div.formgroup dd   { 
	display:inline;
 
	}

/*
	special styling for certain elements
*/

div.form-note { 
	background:#f5f5f5;
	padding:0.5em;
	border:1px solid #999;
	width:90%;
	min-height:2em;
}

select {font-size:1.1em; padding:0.1em; }
select option { 
	padding:0.1em 0.3em;
	margin:0.0em;
}
select option:hover { 

}

/*
	"compact" form - more inline like style
*/

form.compact div.formgroup { padding:3px; }
form.compact dl.zend_form div.formgroup dt,
form.compact dl.zend_form dt { 
			display:inline;
			background:transparent;
}
form.compact div.formgroup dt label { 
			}

form.compact div.formgroup dd , form.compact  dd { 
	display:inline; 
	}

/*
	form frame  + opts bar
*/
div.formframe {
	min-width:380px; background:#f5f5f5; 
	border:1px dotted #aaa;
	margin-bottom:1em;
}

div.formframe div.opts { text-align:right; font-size:0.6em;  }
div.formframe div.opts a {color:#999; text-decoration:none}

fieldset dl, form dl.zend_form {
	padding-left:4px; margin:0.2em;
}
div.formframe h4 {
	text-shadow: none;
	background:#C4DEED;
	color:#555; 
	font-size:0.8em;
	padding:0.2em;
	margin:0.2em 0.3em;
}

/*
timepicker
*/

#util_timepicker_panel { 
		position:absolute; top:100px; left:100px; z-index:99;
		background: rgba(235,235,235,0.95);
		display:none;
	 }
#util_timepicker_panel {
	font-size:0.7em;
}

#util_timepicker_panel ul {
	list-style-type:none;
	padding:0.1em;
	margin:0.2em 0.3em;
}

#util_timepicker_panel ul.f1 {
	float:left;
}
#util_timepicker_panel ul.f1:first-child {
	border-right:1px dotted #888;
}

#util_timepicker_panel ul.f2 li {
	float: left;
    width: 3.5em;
    padding:0.1em;
}

#util_timepicker_panel ul.f2 li {
	color:#888;
}

#util_timepicker_panel ul.f2 li:first-child {
	color:#777; font-weight:bold;
}

#util_timepicker_panel ul ul li {
	cursor:pointer;
	border:1px solid transparent;
}

#util_timepicker_panel ul ul li:hover {
	border:1px dotted #c90;
	background:#ccc;
}

#util_timepicker_panel ul ul li.selected {
	background:#ccf;
}