/*
Rosemead School of Psychology
Contact Form CSS
------------------------------
Site-Level:		Local
Media:			Screen
Updated:		September 23 2004
Author:			Tim Beardshear
*/



/* Font styles 
-------------------------------------- */
#main_content form,
#main_content select,
#main_content input,
#main_content textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1em;
	color:#454545;
	}
	
#main_content legend {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#454545;
	margin:0;
	padding:0;
	line-height:2em;
	}

#main_content .formtitle {
	color:#454545;
	}
	
#main_content #studentinfo .formtitle,
#main_content #additionalinfo .formtitle {
	font-weight:bold;
	color:#666666 !important;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#main_content .selectlabel {
	line-height:2.4em;
	background-color:#FFF;
	margin-top:0 !important;
	}
	
#main_content .red {
	color:#FF0000;
	}
	


/* Layout
-------------------------------------- */

/* divideline creates line dividers to break up form sections */
#main_content .divideline {
	border-top:solid 1px #999999;
	}
	
#main_content .divideline fieldset {
	border-bottom:solid 1px #999999;
	}


/* HTML styles */
#main_content input,
#main_content select {
	float:left;
	}

#main_content input {
	margin:0 0 10px 0;
	padding:0 0 1px 0;
	}
	
#main_content select {
	margin:4px 0 8px 0;
	padding:0;
	}
	
#main_content textarea {
	margin:0;
	padding:0;
	}
	

/* Stacked form layout */
#main_content .stack-radiolabel {
	float:left;
	width:300px;
	margin:0;
	padding:0 0 3px 0;
	display:block;
	line-height:1.75em;
	}
	
#main_content .stack-radio {
	display:block;
	float:left;
	clear:left;
	width:13px;
	height:13px;
	margin:4px;
	padding:0 0 3px 0;
	}

#main_content .stack-textlabel {
	float:left;
	clear:left;
	width:450px;
	margin:0;
	padding:5px 0 5px 0;
	line-height:1.25em;
	}

#main_content .stack-textfield {
	height:16px;
	clear:left;
	}
	
#main_content .stack-select {
	height:16px;
	clear:left;
	margin:2px 0 15px 0;
	}
	
	
/* Inline form layout */
#main_content .line-formlabel,
#main_content .line-selectlabel {
	display:block;
	float:left;
	clear:left;
	margin:4px 15px 0 0;
	padding:0;
	text-align:right;
	line-height:1.4em;
	}

#main_content .line-select {
	margin:3px 10px 5px 0 !important;
	}

#main_content .line-radio {
	display:block;
	float:left;
	width:13px;
	height:13px;
	margin:4px;
	padding:0;
	}
	
#main_content .radiolabel {
	float:left;
	width:50px;
	clear:none;
	margin:0 0 10px 0;
	padding:0;
	text-align:left;
	line-height:1.75em;
	}
	
	

#main_content .formtitle {
	clear:left;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	}

#main_content .midfield {
	float:left;
	line-height:1.75em;
	}
	
#main_content .clear {
	clear:left;
	}
	
#main_content .textfield {
	height:16px;
	}

#main_content .checkbox {
	text-align:left;
	display:block;
	float:left;
	width:13px;
	clear:left;
	margin:1px 0 5px 0;
	padding:0 0 0 0;
	}
	
#main_content .checkboxlabel {
	text-align:left;
	display:block;
	float:left;
	margin:0 0 10px 0;
	padding:0 0 0 5px;
	line-height:1.25em;
	}

#main_content .col_container {
	float:left;
	width:220px;
	margin:0 0 0 0;
	padding:0 0 1px 0; /* fixes IE mac */
	}
	
#main_content .form_group {
	padding:0 0 15px 0;
	}
	
#main_content .checkbox_text {
	float:left;
	clear:left;
	margin:0 0 15px 0;
	}
	
#main_content #submit {
	margin:10px 0 15px 0;
	padding:3px;
	}
	
#main_content .forminfo {
	margin:0 0 15px 0;
	}
	
#main_content .subform {
	margin:0 0 0 19px;
	}
	

/* IE hacks
---------------------------------------------- */
* html #main_content input,
* html #main_content select {
	float:none;
	/* Begin hide IE-mac \*/
	float:left;
	/* End hide IE-mac */
	}
	
* html #main_content .midfield {
	float:none;
	display:inline;
	/* Begin hide IE-mac \*/
	float:left;
	display:block;
	/* End hide IE-mac */
	}
	
* html #main_content .checkboxlabel,
* html #main_content .checkboxlabel {
	/* Begin hide IE-mac \*/
	margin:3px 0 10px 0;
	/* End hide IE-mac */
	}


* html #main_content form,
* html #main_content select,
* html #main_content input,
* html #main_content textarea {
	line-height:1.25em;
	}

* html #main_content legend {
	/* Begin hide IE-mac \*/
	margin:0 0 10px -7px;
	/* End hide IE-mac */
	}