/*--------------------------
	CSS by Rod Miles	Optrics Engineering January 2008
----------------------------*/

/*
	CSS to style the Optrics.com forms
*/ 


.formField, #comments
	{
	    font: 1em verdana,helvetica,sans-serif;
	    margin: 2px 0;
	    padding: 2px;
	    border: 1px solid #666;
	    color: #336;
	    float: left;
	    width: 190px;
	}

#comments {width: 250px; height: 70px; font-size: 1em;}

#contactForm #comments, #partnerForm #comments, #demoForm, #webinarForm, #meetingForm {width: 491px;
margin-left: 20px
}
 
#contactForm, #downloadForm, #partnerForm, #evalForm, #demoForm, #webinarForm, #meetingForm
	{
	position: relative;
	margin: 20px 0;
	font-size: 1em;
    top: 0px;
    left: 0px;
}
 
#contactForm p, #downloadForm p, #partnerForm p, #evalForm, #demoForm p, #meetingForm p
	{
	    padding: 0 0 10px 10px; 
	    margin: 0; 
	    color: #333; 
	    text-align: left;
	}

.formHeader
	{
	    position: relative;
	    width: 460px;
	    height: 74px;
	    margin:0;
	    padding:0;
	}

#downloadForm .formHeader {background: url('../images/form-head-download.png') no-repeat 0 0;}
#contactForm .formHeader {background: url('../images/form-head-contact.png') no-repeat 0 0;}
#evalForm .formHeader {background: url('../images/form-head-eval.png') no-repeat 0 0;}
#partnerForm .formHeader {height: 94px;background: url('../images/form-head-partner.png') no-repeat 0 0;}
#demoForm .formHeader {height: 74px;background: url('../images/form-head-demo.png') no-repeat 0 0;
    top: 0px;
    left: 0px;
}
#webinarForm .formHeader {background: url('../images/form-head-webinar.png') no-repeat 0 0;}
#meetingForm .formHeader {background: url('../images/form-head-meeting.png') no-repeat 0 0;}

.formBody
	{
	    position: relative;
	    width: 460px;
	    margin:0;
	    padding:0;
	    background: url('../images/form-body-bg.png') repeat-y 0 0;
	}

.formBody p.intro {clear:both; padding-top: 7px !important;line-height: 1.5em}

.formBody h4 {clear:both; font-family: tahoma,verdana,sans-serif;text-align: left; margin-left: 10px; color: #333; border-bottom: 1px solid #369; width: 95%}

.formFooter
	{
	    position: relative;
	    width: 460px;
	    height: 60px;
	    overflow: auto;
	    text-align: right;
	    padding:30px 0 0 0;
	    margin:0 0 0 0;
	    clear: both;
	}
	
#requiredFields .formFooter {background: url('../images/form-footer-bg1.png') no-repeat 0 0;}
#optionalFields .formFooter {background: url('../images/form-footer-bg2.png') no-repeat 0 0;}
#contactForm .formFooter, #partnerForm .formFooter, #demoForm .formFooter, #webinarForm .formFooter, #downloadForm .formFooter, #meetingForm .formFooter  {background: url('../images/form-footer-bg2.png') no-repeat 0 0;
    top: 0px;
    left: 0px;

}

#optionalFields {display: none;}
#requiredFields .formFooter {clear: both;}

.formItem label  /* Contact Form Field Label (resources.aspx, contact.aspx...) */
	{
	display: block;
	width: 180px;
	text-align: right;
	padding: 2px 5px 0 0;
	float: left;
	color: #333;
	font-weight: bold;
	}

.formItem
	{
	position: relative;
	height: auto;
	margin: 0;
	padding: 0;
	}

.formFooter img { margin-right: 25px; }
 
.radioBoxDiv
	{
	clear:both; 
	width: 70%; 
	margin: 0 0 0 100px;
	}