/* CUSTOM FORM STYLING */

div.form-container { 
	padding: 5px; background-color: #FFF;}

p.legend { 
	margin-bottom: 1em; }

p.legend em { 
	color: #C00; font-style: normal; }

div.errors { 
	margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }

div.errors p { 
	margin: 0; }

div.errors p em { 
	color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { 
	margin: 0; }

div.form-container form p.note, 
div.form-container form span.required { 
	margin-left: 170px; font-size: 90%; color: #333; }

div.form-container form fieldset { 
	margin: 10px 0; padding: 10px; border: #DDD 1px solid; }

div.form-container form legend { 
	font-weight: bold; color: #666; }

div.form-container form fieldset div { 
	padding: 0.25em 0; }
	
		
div.form-container label { 
	margin-right: 10px; 
	padding-right: 10px; 
	width: 12em;
	display: block; 
	float: left; 
/*	text-align: right;*/ 
	position: relative;
	}

div.form-container label.error, 
div.form-container span.error { 
	color: #C00; }

div.form-container label em, 
div.form-container span.label em { 
	position: absolute; 
	right: 0; 
	font-size: 120%; 
	font-style: normal; 
	color: #C00; 
	}
div.form-container label.FormHeading{
	float:none;
	width: 100%;
	text-align:left;
	margin: 1em 0;
	}	

div.form-container input.error { border-color: #C00; background-color: #FEF; }

div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
	
/*		#Content .middleColumn {
			position:relative; 
			left: 274;
			/*border:1px solid #0f0;
			background-color:#CCCCCC; 
			padding:0px;
			width:5px;
		}*/	
		
		#Content .message {
			color:red;
			background:#ddd;
			border:1px solid #ccc;
			padding:3px;
			margin:3px;
		}
		#Content span.message {
			width: 350px;
		}
		
		
		#Content form div {
			margin-top:10px;
			width:100%;
		}
/*		#Content form label {
			font-size:1em;
			padding-right: 15px;
		}
			#Content form label.left {
				width:12em;
				vertical-align: top;
				text-align: left;
				padding-right: 15px;
			}
			
			#Content form label.FormHeading {
				font-size:1.1em;
				color:#000;
				font-weight:bold;
				text-align: left;
				float: left;
				padding:10px;
			}*/
			
		#Content form input.text,
    	#Content form select {
			width:310px;
			color:#000;
			background:#f8f8f8;
			padding:2px;
			/*text-align: right;*/			
		}
		
		#Content form textarea {
			width:310px;
			color:#000;
			background:#f8f8f8;
			padding:2px;
			/*text-align: right;*/			
		}
		
		#Content form input.numeric {
			width:20px;
			background:#f0f0f0;
			border:1px solid #aaa;
			padding:3px;
			color:#000;
			margin-right:4px;
		}
		#Content form input.year {
			width:35px;
		}
		#Content form p.Actions {
			text-align:right;
			padding:0 22px 15px 0;
			}
			#Content form p.Actions input {
				padding:2px;
			}

		div.form-container form .optionset {
			text-align:left;
			padding:0 0px 25px 0;
			display: block;
			float: none;
			list-style: none;
			color: #000;
			}
			div.form-container form .optionset label {
				display:inline;
				float:none;
				margin-bottom: .8em;
				width: 25em;
				font-size: 1em;
				color: #000;
				}
		
		div.form-container .checkboxset {
			text-align:left;
			padding:0 0px 15px 0;
		}


		
#supported {
	display : none;
	padding : 10px;
}

#noSupport {
	margin : 10px;
	padding : 10px;
}

form div.field input{
	height : 16px;
	font-size : 14px;
	font-weight : lighter;
	margin: 3px;
	padding: 4px;
	/*width : 300px;*/
	vertical-align: middle;
}

form div.field input.checkbox{
	height : 26px;
	font-size : 18px;
	font-weight : lighter;
	width : 16px;
	
}

fieldset{
	border : 3px solid #CCCCCC;
	padding: 10px;
	margin: 10px;
}

form label.left {
	float: left;
	width: 8em;
	font-size : 16px;
	text-align: right;
	margin: 6px 3px;
	vertical-align: top;
}		

#MemberLoginForm_LoginForm label.left {
	float: none;
	width: 8em;
	font-size : 16px;
	text-align: right;
	margin: 6px 3px;
	vertical-align: top;
}
		
