/* @override 
	https://www-rdev.doctorsim.com/css/forms.css
	https://www-rdev.doctorsim.com/css/forms.css?v2
*/

/* GLOBAL FORMS */
/* --------- layout & elements --------- */
#formcontainer { width: 860px; margin: 0 auto 10px; padding: 20px 0 40px 60px; border: 1px solid #ddd; background: #f8f8f8 url(../img/bg-lightgray.jpg) top repeat-x;  text-align: left; }
	.ie #formcontainer { padding: 40px 0 10px 60px; text-align: center}
	.opera #formcontainer { padding: 40px 0 90px 60px; }

#formcontainer2 { width: 860px; margin: 10px auto 10px; padding: 20px 0 80px 60px; border: 1px solid #ddd; background: #f8f8f8 url(../img/bg-lightgray.jpg) top repeat-x; text-align: left; }
	.ie #formcontainer2 { padding: 40px 0 10px 60px; text-align: center; }
		
#formcontainer_resend { width: 860px; margin: 10px auto 10px; padding: 20px 0 80px 60px; border: 1px solid #ddd; background: #f8f8f8 url(../img/bg-lightgray.jpg) top repeat-x; text-align: left; }
	.ie #formcontainer_resend { padding: 40px 0 10px 60px; text-align: center; }
	
#formcontainer_lost { width: 860px; margin: 10px auto 10px; padding: 20px 0 80px 60px; border: 1px solid #ddd; background: #f8f8f8 url(../img/bg-lightgray.jpg) top repeat-x; text-align: left; }
	.ie #formcontainer_lost { padding: 40px 0 10px 60px; text-align: center; }	

label { display: block; float: left; text-align: right; width: 210px; padding: 42px 20px 0 0; font-size: 130%; }
	
label.labelCheckbox { display: block; padding: 4px 0 0 195px; text-indent: -18px; width: 210px; font-size: 130%; margin: 20px 0; }
label.labelCheckbox2 { display: block; width: 350px; padding: 4px 0 20px 220px; font-size: 120%; clear: both; }
label.labelCheckbox3 { display: block; width: 350px; padding: 20px 0 30px 210px; font-size: 120%; clear: both; }
label.labelLink { display: block; width: 822px; font-size: 130%;
	padding-top: 9px;
	padding-bottom: 9px;		
	padding-right: 0;
	margin-top: 17px;
}	
div.buttons { display: block; width: 500px; padding: 0; margin: 0 0 0 230px; }
	.ie6 div.buttons { margin: 0 0 0 -10px; }
	.ie7 div.buttons { width: 550px; margin: 0 0 0 5px; }	
div.buttons2, div.buttons3 { display: block; width: 500px; padding: 0; margin: 15px 0 0 230px; }
	.ie div.buttons2 { width: 550px; margin: 0 0 0 15px; }
	.ie div.buttons3 { width: 800px; margin: 15px 0 0 45px; }
		
input.entryText, input.entryPassword { font-size: 140%; border: 1px solid #ccc; background: #fff; color: #444; padding: 6px 0 6px 8px; display: block; width: 340px; float: left; margin: 30px 0 2px; }
	
input.formButton { border: 1px solid #ccc; padding: 8px 16px; font-size: 140%; background: url(../img/bg-lightgray2.jpg) bottom repeat-x; cursor: pointer; outline: none; color: #555; margin-right: 40px; }

select.pickOption { width: 350px; font-size: 120%; border: 1px solid #ccc; background: #fff; color: #666; margin: 38px 0 5px 0; padding: 6px; }
	.ie select.pickOption { float: left; padding: 18px; }
	.opera select.pickOption { height: 36px; }

/* --------- isolated elements --------- */
.optionitem { text-indent: 27px; }
.optionitem2 { text-indent: 12px; }
.selected { font-weight: bold; color: #444; }
.optioncheck { line-height: 70px; font-size: 120%; vertical-align: baseline; clear: both; }
br { clear: left; }
a.lostpassword:link, a.lostpassword:active, a.lostpassword:visited  { padding: 4px 14px; background: #aaa; cursor: pointer; outline: none; color: #fff; font-size: 75%; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	margin-right: 28px;
}
a.lostpassword:hover { background: #999; color: #fff; }
a.lostpassword1:link, a.lostpassword1:active, a.lostpassword1:visited  { padding: 4px 14px; background: #45a908; cursor: pointer; outline: none; color: #fff; font-size: 75%; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	margin-right: 28px;
}


a.lostpassword1:hover { background: #999; color: #fff; }

/* --------- validation & tips --------- */
input.error { border: 1px solid red; }
input.valid { border: 1px solid green; }
label.valid { background: none;	display: block; }
/*label.error { float: right; display: inline; margin: 5px 0 0 5px; padding: 6px 0 8px 16px; background: url(../img/box-error.gif) left bottom no-repeat; color: red; font-size: 14px; text-align: left; width: 250px; height: 48px; line-height: 67px; }
	.ie label.error { background-position: 0 18px; }*/

.formtip { display: block; font-size: 95%; color: #aaa; padding-left: 230px; margin: 0; }
	.ie .formtip { width: 350px; margin-right: 300px; }
.formtip a:link, .formtip a:visited, .formtip a:active, .formtip a:hover { color: #777; text-decoration: underline; }

/* --------- signup specifics --------- */
#procustomer { color: #777; margin-top: 50px; display: block; }
	.ie #procustomer { margin-top: 70px; }
#procustomer.off { color: #ccc; }
#procustomer.off input.activateme { color: #ccc; border: 1px solid #eee; background: #eee; }

#customer { color: #777; }
#customer.off { color: #ccc; }
#customer.off input.activateme { color: #ccc; border: 1px solid #eee; background: #eee; }