/**** General ****/
#viewform_container { background: #EEEEEE; margin: 0 auto; text-align: right; width: 610px; }
#viewform_bottom { display: block; height: 10px; margin: 0 auto; width: 550px; }

/**** Form Section ****/

.formitem { display: block; margin: 0; padding: 4px 5px 2px 0px; position: relative; }
.formitem:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

.form_buttons:after { clear: both;content: "."; display: block; height: 0; visibility: hidden; }
.form_buttons { clear: both; display: block; margin-top: 10px; }

.formitem div { color: #444; font-weight: bold; margin: 0 4px 0 0; padding: 0 0 8px; }
.formitem div.left { display: inline; float: left; width: 48%;}
.formitem div.right { display: inline; float: right; width: 48%; }
.formitem div.left .medium { width: 100%; }
.formitem div.right .medium { width: 100%; }

.form_description { border-bottom: 1px dotted #ccc; clear: both; display: inline-block; margin: 0 0 1em; }
.form_description[class] { display: block; }
.form_description h2 { clear: left; font-size: 160%; font-weight: 400; margin: 0 0 3px; }
.form_description p { font-size: 95%; line-height: 130%; margin: 0 0 12px; }

form li.section_break { border-top: 1px dotted #ccc; margin-top: 9px; padding-bottom: 0; padding-left: 9px; padding-top: 13px; width: 97% !important; }
form .section_break h4 { font-size: 110%; font-weight: 400; line-height: 130%; margin: 0 0 2px; }
form .section_break p { font-size: 85%; margin: 0 0 10px; }


/**** Controls ****/
input.text { background: #fff url(../../graphics/images/misc/formshadow.gif) repeat-x top; border-bottom: 1px solid #ddd; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-top: 1px solid #7c7c7c; color: #333; font-size: 100%; margin: 0; padding: 2px 0; }
textarea.textarea { background: #fff url(../../graphics/images/misc/formshadow.gif) repeat-x top; border-bottom: 1px solid #ddd; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-top: 1px solid #7c7c7c; color: #333; font-family: Arial; font-size: 100%; margin: 0; width: 70%; }
select.select { color: #333; font-size: 100%; margin: 1px 0; padding: 1px 0 0; background: #fff url(../../graphics/images/misc/formshadow.gif) repeat-x top; border-bottom: 1px solid #ddd; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-top: 1px solid #7c7c7c; }
input.small { width: 25%; }
select.small { width: 25%; }
input.medium { width: 60%; }
select.medium { width: 50%;}
input.large { width: 70%; }
select.large { width: 70%; }
textarea.small { height: 5.5em; }
textarea.medium { height: 9em; }
textarea.large { height: 20em; }

/**** Guidelines and Highlight ****/
form li.highlighted { background-color: #F5F5F5; }
form .guidelines { background: #03818E; border: 1px solid Black; color: white; font-weight:bold; font-size: 90%; right: 100%; line-height: 130%; margin: 0 10px 0 8px; padding: 8px 10px 9px; position: absolute; top: 0;visibility: hidden;width: 42%; z-index: 1000; }
form .guidelines small { font-size: 105%; }
form li.highlighted .guidelines { visibility: visible; }
form li:hover .guidelines { visibility: visible; }