/** -----------------------------------
	Form Theme
----------------------------------- **/

form.theme { width: auto; font-size: 12px;}
form.theme p { margin: 0 0 1px 0;}
form.theme table { width: 95%; border-collapse: collapse;}
form.theme table td, 
form.theme div.field { vertical-align: top; padding: 10px 5px 15px 5px; margin: 0;}
form.theme fieldset { padding: 5px; margin: 5px 10px 10px 0;}
form.theme ul { list-style: none;}
form.theme select option {padding: 2px 10px 2px 2px;}
form.theme label, 
form.theme .label { font-weight: bold;}
form.theme .desc {margin: 5px 0 0; color:#8F8F8F;}
form.theme .option {margin: 2px; margin-left: 5px;}
form.theme .date-picker { width: 90px; }
form.theme .button-panel {width: auto; border: none; padding: 10px 0 10px;}
form.theme .button-panel input { padding: 5px; font-size: 14px;}

form.theme col.left,
form.theme col.right { vertical-align: top;	width: 50%; }
form.theme table tbody td, 
form.theme div.field {	border-bottom: 1px dashed #DEF1F7;}
form.theme .button-panel { padding: 10px 0 10px auto; text-align:center;}

.message, .all-message { 
	width: 280px; display: none;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	/** FIXME
	 * http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser
	 *
	behavior:url(../jquery/border-radius.htc);
	*/
	padding: 0 5px; 
}
.all-message { display: none; width: 500px; margin-bottom: 5px;}

.message ol li {	margin-left: 10px;}
.good {
	border: 1px solid lime;	
	color: green; 
	background: #e0ffff url(../images/tick.png) 10px 10px no-repeat;
}
.warn {
	border: 1px solid #fad42e; 
	color: #363636;  
	background: #FFF8DC url(../images/warn.png) 10px 10px no-repeat;
}
.error {
	border: 1px solid #cd0a0a; 
	color: #cd0a0a; 
	background: #fef1ec url(../images/error.png) 10px 10px no-repeat;
}
.error .one {padding:10px 5px 10px 40px;}
.info {
	border: 1px solid #fad42e; 
	color: #e17009; 
	background: #FFFACD url(../images/info.png) 10px 10px no-repeat;
}
.show {display:block !important;}

form.one-col div.field > div > div {display:inline; }
form.one-col div.field > div > div.label {vertical-align:top;} 
form.one-col div.field > div > div.desc {display:block; text-align:right;}