/* basic layout and miscellaneous styles */
#contactform input,
#contactform textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#contactform fieldset{
	margin-bottom:10px;
	padding:15px;
	page-break-after:auto;
	width:225px;
}
#contactform fieldset li{
	padding: 0px 2px 2px;/* top left ??? */
}

#contactform legend{
	color:#002D64;
	font-weight:bold;
	margin:0px;
	padding:0px;
	font-size:14px;
}

#contactform label.r {/*marks required fields*/
	font-weight:bold;
	font-style:normal;
}
#contactform label.o, 
#contactform label em{/*marks optional fields*/
	font-weight:normal;
	font-style:normal;
}

#contactform  input.btn{
	margin-top:15px;
}
#contactform  br.reset{
	clear:both;
}
#contactform br.break{
	page-break-after:auto;
}

/* 
FORM ELEMENTS ARE BROKEN INTO LISTS
List item definitions are directly below. Items are displayed in 1, 2, or 3 columns.
Written by Rey Echevarria, last updated 05.09.2007
*/

/* member professional profile section */
#contactform ol li{/* question */
	margin-bottom:10px;
	page-break-after:auto;
}
#contactform ol li li{/* selection */
	margin-bottom:0px;
	page-break-after:auto;
}

#contactform ul{
	list-style:none;
	margin:0px;
	/*margin-top:10px;*/
	padding:0px;
	page-break-after:auto;
}

#contactform li.note{
	font-style:italic;
}
#contactform li.note em{font-weight:bold;}
#contactform ul.indent_30{margin-left:30px}

/* horizontal selection - list itmes are displayed on one line */
#contactform ul.hselect, 
#contactform ul.hselect li{
	display:inline;
	margin:0px;
	padding:0px;
}

/* vertical selection - list itmes are displayed as a standard list */
#contactform ul.vselect, 
#contactform ul.vselect li{
	margin:0px;
	padding:0px;
}

/* column dimensions */
#contactform li.clear{
	clear:both;
	width:350px;
}
#contactform li.line{
	clear:both;
	width:200px;
}
#contactform li.col1{
	width:200px;
	display:inline;
	float:left;
}
#contactform li.col2, 
#contactform li.col3{
	width:150px;
	display:inline;
	float:left;
}

/* column labels */
#contactform li.line label, 
#contactform li.col1 label{
	width:75px;
	float:left;
	text-align:left;
}
#contactform li.col2 label{
	width:55px;
	float:left;
	text-align:right;
}
#contactform li.col3 label{
	width:45px;
	float:left;
	text-align:right;
}

/* column input fields */
#contactform li.line input, 
#contactform li.line select, 
#contactform li.col1 input, 
#contactform li.col1 select{
	float: right;
	text-align: left;
}
#contactform li.line input, 
#contactform li.col1 input{
	width: 100px;
}
#contactform li.col2 input,
#contactform li.col2 select{
	float: right;
	text-align: left;
}
#contactform li.col2 input{
	width: 70px;
}
#contactform li.col3 input,
#contactform li.col3 select{
	float: right;
	text-align: left;
}
#contactform li.col3 input{
	width: 70px;
}