/*

IMPORTANT: 
After making changes to this file make sure to create an entry in updates.xml that basically does what update 205 does - create a minified version of this file.

*/

div.layoutpanel {float:left; width:100%; clear:both; line-height:1.25em;}
div.layoutpanelpadding {padding:1.5em 0px 1.5em 0px; min-width:1px;}
div.layoutpanel ol.layoutpanellist {display:inline-block; width:100%;}
div.layoutpanel ol.layoutpanellist, div.layoutpanel ol.layoutpanellist li.layoutpanellistitem {margin:0; padding:0; list-style-type:none;}
div.layoutpanel ol.layoutpanellist li.layoutpanellistitem {float:left;}
div.layoutpanel ol.layoutpanellist li.radiowrapper {margin:0px;}
div.layoutpanel ol.layoutpanellist li.layoutpanellinebreak {float:none; clear:left;}
div.layoutpanel div.layoutfieldwrapper {float:left; display:block}
div.layoutpanel span.vdlabel {display:block; font-weight:700; float:left; text-align:left}
div.layoutpanel span.vdlabel label {line-height:1.6em;}
div.layoutpanel span.vdlabel label.labelbeforechoice {clear:both;}
div.layoutpanel div.vdcontent {display:block}
div.layoutpanel div.vdcontent label.choicelabel {font-weight:400; float:none; clear:none; vertical-align:2px;}
div.layoutpanel div.vdcontent {float:left;}

/*
HDN 08.06.2011:
These styles seems to do no good, other than messing up the content inside the vdcontent container (in this case, an interval layout).
Why should inputs float anyway - we can't seem to figure that out.
Please uncomment if this change make the regression monster appear...

div.layoutpanel div.vdcontent input {float:left;}
div.layoutpanel div.vdcontent input[type=radio] {float:none;}
div.layoutpanel div.vdcontent input[type=checkbox] {float:none;}
*/


/* HDN 13.12.2011: Added for better alignment between label and input (case: h ttp://frezz-intranet-prj.tangora.com/page592.aspx) */
div.layoutpanel div.vdcontent input[type=checkbox] {vertical-align:bottom;} 


div.layoutpanel div.vdcontent div.choicegroup {float:left; width:100%;}
div.layoutpanel div.vdcontent div.choicegroup span.layoutfieldwrapper {clear:both;}
div.layoutpanel div.vdcontent .displaytext { padding-top:2px }
div.layoutpanel div.vdcontent span.displaytext { display:inline-block; }
div.layoutpanelfloatbreaker {clear:both; height:0px;}
form {margin:0px; padding:0px;} /* search for GLOBAL_FORM_STYLES for explanation of why this generic style is here */