/* FIELDSETS
---------------------------------------- */
fieldset { border:0; margin:25px auto 0px auto; width:515px; }

/* ACTION BUTTONS
---------------------------------------- */
input.action { padding:2px; font-size:11px; font-family:Verdana, Tahoma, Sans-serif; }

input.action:hover, input.action:focus { cursor:pointer; }

div.Actions { text-align:center; margin-left:50px; }

div.Actions p { margin-top:15px; font-size:11px; }


/* FIELD FORMATING
---------------------------------------- */
form ul { list-style:none; }

.middleColumn { display:block; margin:0px 10px 10px 0; background:#E9E9E9; padding:4px; width:306px; }

#Sidebar .middleColumn { margin:0 0 0 8px; display:inline; }

div.tab .field .middleColumn { clear:none !important; margin:0 !important; width:auto; }

.middleColumn .middleColumn { margin-left:0; margin-right:0; padding:0; }

.middleColumn .message { margin:0; }

div.requiredField label:after { content:'*'; color:#C00; }

div.field label { width:114px; padding-right:15px; text-align:right; float:left; }

div.field div.middleColumn { float:left; }

p.checkbox { margin-left:129px; }


/* INPUT BOXES
---------------------------------------- */

input.text, textarea, select { padding:2px; border:1px solid #A7A7A7; color:#000; font-size:12px; font-weight:bold; width:300px; }

textarea { font-family:Verdana, Tahoma, sans-serif; font-size:12px; }

input:focus span, textarea:focus span { border:3px solid #000; }

form .date input.month, form .date input.day, form .date input.year { width:auto; }

form .datetime .clear { clear:both; }

form .datetime .date, form .datetime .time { float:left; clear:none; width:auto; }

form .datetime .middleColumn .middleColumn { width:auto; }

form .datetime .date input,  form .datetime .time input { width:auto; }


/* SELECT DROPDOWN
---------------------------------------- */

select { width:auto; }


/* LABELS
---------------------------------------- */
.typography label { display:block; margin:10px 0 -10px 0; color:#777; font-size:12px; }

label.right { display:inline; }


/* CHECKBOXES
---------------------------------------- */
ul.optionset { margin:0; overflow:hidden; }

ul.optionset li { margin:6px 0; clear:both; }

ul.optionset li input { float:left; margin:0 6px; }

ul.optionset li label { margin:0; }


/* CLEAR FLOATS
This forces an element to surround floating elements that it contains, without having to put an element on the page that clears the float.
See IE stylesheets for the method that works for that browser, since it doesn't support pseudo-selectors. */

div.field:after { content:".";  display:block;  height:0; clear:both; visibility:hidden; }