@media screen, print {
	/** -----------------------------------
		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;}
	
	form div.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; 
	}
	form div.message ol li {	margin-left: 10px;}
	form div.good {
		border: 1px solid lime;	
		color: green; 
		background: #e0ffff;
	}
	form div.warn {
		border: 1px solid #fad42e; 
		color: #363636;  
		background: #FFF8DC;
	}
	form div.error {
		border: 1px solid #cd0a0a; 
		color: #cd0a0a; 
		background: #fef1ec;
	}
	form div.info {
		border: 1px solid #fad42e; 
		color: #e17009; 
		background: #FFFACD;
	}
	
	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;}

}