﻿/* Generic form styling */
fieldset {position:relative;width: 100%;float:left;margin:0;padding: 5px; border: 1px solid #BFBAB0;line-height:normal;}
legend {margin-left: 2%;padding: 0;color: #000000;font-weight: bold;}
fieldset ol {padding-left:2%;margin:0!important;list-style: none;vertical-align:middle;}
fieldset li {color: #000;list-style: none;width: 98%;margin-left:0!important;padding-bottom:5px;}
fieldset label {margin-right: 5px;margin-top: 3px;}
fieldset li p.field_help {display:block;float:left;width:85%;margin:5px 0px 10px 10px;font-style:italic;}
fieldset input {line-height:normal;	margin:0;}
fieldset select {float: left;margin-right: 8px;line-height:normal;}	
fieldset textarea {line-height:normal;margin:0;}

/*	this rules applies to option button and checkboxes within a form, 
	to make sure they are not 20em wide, like a standard input. */
span.OptionButton input, span.CheckBox input {width:1em!important;}
fieldset img {margin-left:3px;margin-top:2px;padding:0;}	
fieldset .check_boxes_list input {font-size:11px;line-height:normal;display:inline-block;float:left;margin:0;width:20px;}
fieldset .check_boxes_list label {text-align: left;display:inline-block;font-size:11px;float:left;width:110px;
                                  /* Generic */
	margin-right: 5px;		
	margin-top:3px;
}

fieldset .check_boxes_list br {float:none;display:block;clear:both;}

/* Labels Inline with fields */
fieldset.inline {/* Righ aligned Labels markup */float: left;clear: left;}
fieldset.inline li {/* Righ aligned Labels markup */float: left;clear: left;padding-bottom: 3px;padding-top: 3px;vertical-align:middle;}
fieldset.inline label {	/* Righ aligned Labels markup */float: left;text-align: right;display:inline;}

/* Labels on top of fields */
fieldset.top ol {text-align:left;}
fieldset.top li {float: left;clear: left;vertical-align:middle;width:98%;}
fieldset.top label {float: left;display:block;margin-left:5px;margin-top:3px;margin-bottom:1px;width:100%;}	
fieldset.top input {float: left;display:block;margin-left:5px;margin-top:1px;margin-bottom:3px;width:95%;}	
fieldset.top select {float: left;display:block;margin-left:5px;margin-top:1px;margin-bottom:3px;width:95%;}	
fieldset.top span.CheckBox {float:left;display:block;font-size:11px;line-height:normal;margin:0;width:20px;}

/* Dividing the form in two */
span.FormItemLeftHalf {float:left;vertical-align:middle;}
span.FormItemRightHalf {float:right;vertical-align:middle;}

/* Submit styles */
fieldset.submit {border: none;width:100%;text-align:center}
fieldset.submit ol {text-align:center;padding:0;margin:0 auto 0 auto!important;display:inline-block;float:none;}
fieldset.submit li {display:inline-block;width:auto;float:left;}
fieldset.submit input {width:100%;}
fieldset.twobuttons li {width:44%;margin-left:3%;margin-right:3%;}
fieldset.threebuttons li{width:30%;margin-left:3%;margin-right:3%;}
