form, button { border: 0; margin: 0; padding: 0; } 
.spacer { clear: both; height: 1px; } 

/* ----------- myform ----------- */ 
.myform { margin: 0; width: 320px; padding: 0 14px 14px 0; } 

/* ----------- stylized ----------- */ 
#stylized { border: none; width: 100%; /* border: solid 2px #b7ddf2; */ /* background: #ebf4fb; */ } 
#stylized h1 { font-size: 14px; font-weight: bold; margin-bottom: 8px; } 
#stylized p { /* font-size: 11px; color: #666666; margin-bottom: 10px; border-bottom: solid 1px #b7ddf2; padding-bottom: 0;*/ } 
#stylized label { display: block; text-align: left; /* width: 100px; */ float: left; font-size: 14px; } 
#stylized label.error { text-align: left; width: 210px; margin-left: 130px; clear: both; float: left; color: red; font-weight: normal; } 
#zipwrap label.error { text-align: left; width: 210px; margin: 0; clear: both; float: left; color: red; font-weight: normal; }  
#stylized input { float: left; /*font-size: 12px;*/ padding: 2px; /* border: solid 1px #022D36; */ width: 225px; /* margin: 4px 0 10px 10px; */ } 
#stylized input.radio_btns { float: left; font-size: 12px; padding: 4px 2px; border: none; width: 20px; margin: 2px 5px 10px 0; } 
/* #stylized textarea.bio { float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #022D36; width: 195px; margin: 2px 0 10px 10px; } */ 
#stylized textarea.bio { float: left; font-size: 12px; padding: 4px 2px; width: 229px; height:100px; margin:0; } 
.radio_btns { float: right; width: 200px; padding: 0 15px 0 0; } 
#stylized input.statefield { float: left; font-size: 12px; padding: 4px 0 4px 2px; border: solid 1px #022D36; width: 24px; } 
#stylized input.zipfield { float: left; font-size: 12px; padding: 4px 0 4px 2px; margin: 0 10px 0 0; /*border: solid 1px #022D36;*/ width: 50px; } 
#stylized input.mi { float: left; font-size: 12px; padding: 4px 0 4px 2px; margin: 0 10px 0 0; /*border: solid 1px #022D36;*/ width: 20px; } 
#stylized .three_part label { display: block; text-align: left; width:20px; float: left; font-size: 14px; } 
#stylized input.ddmm { float: left; font-size: 12px; padding: 4px 0 4px 2px; margin: 0 10px 0 0; /*border: solid 1px #022D36;*/ width: 30px; } 
#stylized input.yyyy { float: left; font-size: 12px; padding: 4px 0 4px 2px; margin: 0 10px 0 0; /*border: solid 1px #022D36;*/ width: 40px; } 
#stylized #termsagree label { width: 195px; } 
#stylized button { clear: both; margin-left: 110px; width: 125px; height: 35px; background: #ffffff url(assets/images/select_photo_btn.png) no-repeat; text-align: center; line-height: 35px; color: #FFFFFF; font-size: 11px; font-weight: bold; } 

#stylized input.submit_btn { clear:both; float:right; margin:0 50px 0 0; width:auto; border:none; }
#category	{ width:230px }
/* #stylized input.submit_btn { clear:both; margin:0 0 0 128px; width:auto; border:none; } */ 
/* #stylized input.submit_btn { clear:both; margin:10px 0 0 110px; width:100px; height:35px; background:#ffffff url(assets/images/join_btn.png) no-repeat; line-height:35px; border:none; } */
/* #stylized input.send { float:left; } */ 
/* #stylized input.join { background: #ffffff url(assets/images/btns/join.png) no-repeat; } */ 
/* #stylized input.login { background: #ffffff url(assets/images/login_btn.png) no-repeat; } */ 
/* #stylized input.update { background: #ffffff url(assets/images/update_btn.png) no-repeat; } */ 

/* browse photo button */ 
div.fileinputs { position: relative; float: left; margin: 0 0 0 10px; width: 200px; } 
div.photofile { position: absolute; top: 0px; left: 0px; z-index: 1; } 
input.file { /* position: relative; text-align: right; -moz-opacity: 0; filter: alpha(opacity: 0); opacity: 0; z-index: 2; margin:0; width:125px; height:35px; */ } 
#stylized .recaptcha_input_area label { float: none; margin: 0; padding: 0; } 
#stylized .recaptcha_input_area input { float: none; margin: 0; padding: 0; } 

.referrer_question { position:relative;float:left;border:none; background:url(/assets/images/bkgds/question.png) 5px 5px no-repeat #4EAFC1; padding:0 0 10px 0; margin:0 0 15px 0;} 
.referrer_question h4 { padding:6px; }
.referrer_question .text { width:400px;float:left;clear:both;margin:0 0 0 60px} 
.referrer_question ul { position:relative;float:left;margin:0 0 0 10px}
.referrer_question ul li {margin:0;padding:0;width:150px;position:relative;float:left;display:inline}
.referrer_question ul li input {margin:0;padding:0;width:15px;position:relative;float:left;display:inline}
.referrer_question ul li label {margin:0;padding:0;width:auto;position:relative;float:left;display:inline}
ol.formol .referrer_question li label, ol.formol { color:#02323D; } 
#referrer_selection { background:#4EAFC1;position:relative;float:left } 
	#referrer_selection label { padding:0 0 0 10px; margin:0; } 
#referrer_selection_other { background:#4EAFC1; display:none;position:relative;float:left; } 

.referrer_question #referrer_selection ul li, .referrer_question #referrer_selection_other ul li { width:400px;margin:10px 0 0 0 }
.referrer_question select { margin:0 0 0 15px;width:320px }

/* form styling */
ol.formol						{ position:relative;float:left;width:100%;margin:0 0 25px 0}
ol.formol input, ol.formol select, ol.formol textarea	{ font-family:"Trebuchet MS",sans-serif;font-weight:bold;color:#666}
ol.formol li					{ position:relative;float:left;width:100%;margin:7px 0 7px 0;}
ol.formol li label				{ color:#333;font-weight:normal;width:120px;text-align:left;margin:0 10px 0 0;position:relative;float:left; }
ol.formol li .w50				{ position:relative; float:left; width:37%; }
ol.formol li #zipwrap			{ position:relative; float:left; }
ol.formol li #zipwrap label		{ width:55px;}
ol.formol li #recaptcha			{ height:auto;margin:0 0 25px 0}
ol.formol li #recaptcha #recaptcha_widget_div	{ position:relative;float:left;margin:0 0 0 110px}
ol.formol li #terms				{ height:auto }
ol.formol li #terms a			{ color:#333 }
.small			 				{ color: #666666; display: block; font-size: 10px; font-weight: normal; text-align: left; width: 100%; float:right }

ol.formol li #termswrap				{ margin:0; padding:0; height:auto; width:90%; position:relative; float:left; }
#termswrap a,#termswrap a:visited	{ color:#666666; text-decoration:underline; }
#termswrap a:hover					{ color:#A91A1F; text-decoration:underline; }
ol.formol li#terms label			{ width:auto;float:left;text-align:left;}
ol.formol li#terms input			{ float:left;position:relative;}
ol.formol li#submit					{ height:auto;}
ol.formol .field_desc { font-size:11px;position:relative;float:left;clear:both;margin:5px 0 0 130px;font-style:italic;}
#subpage-middle ol.formol .field_desc { padding:0;color:#666;padding:2px 0 2px 0}
#billingcycle						{ width:235px;font-size:12px}

ol.formol input.error{border:3px solid #FF0000}
ol.formol label.error{position:relative;width:80%;text-align:right;clear:both;margin:0 0 15px 0;display:block;color:#FF0000;}

