
/* 
	##############################
	SPECIFIC FORM STYLES
	############################## */

/* ----- default types -------------- */
label {
	text-align:right;
	float:left;
	margin-right:10px;
	display:block;
	font-size:9px;
	color:#333;
	}

.submit input, #signinForm .submit {
	color: #fff;
	font-size:9px;
	background: #333;
	border: 2px outset #000;
	margin:3px 0px 0px 60px;
	width:60px;
	clear:both;
	}


/* ----- sign-up-form -------------- */	
#signinForm {
	width:300px;
	}
	
#signinForm fieldset {
	position:absolute; 
	bottom:12px;
	}
	
#signinForm label {
	color:#f0ebe1;
	width:50px;
	float:left;
	clear:both;
	}
	
#signinForm .inputField {
	float:left;
	background-color:#ccc;
	border:1px solid #FFF;
	color:black;
	width:150px;
	}

#signinForm .submit {
	clear:none;
	float:left;
	margin:3px 0 0 0;
	}
	
#signinForm .formErrors li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}
	
#signinForm .formErrors {
	position:absolute;
	top:5px;
	left:55px;
	color:red;
	padding:0;
	border:none;
	}
	
/* ----------- registration form ------------- */

#registrationForm {
 	padding: 5px 5px 0 7px;
	margin-top:10px;
	}
#registrationForm p
{
	margin:0;
	padding:0;
}
/*#registrationForm .submit input{ */
.submit input{
	color: #fff;
	font-size:9px;
	background: #333;
	border: 2px outset #000;
	margin:3px 0px 0px 90px;
	width:60px;
	clear:both;
	}
#registrationForm select {
	margin: 10px 0 10px 90px; 
}
	
#registrationForm-info {
	height:75px; 
	width:265px;
	margin-bottom:20px;
	}
#registrationForm label {
	float:left;
	display:block;
	width:80px;
	text-align:left;
	line-height:15px;
	font-size:9px;
	color:#333;
	}
#registrationForm .inputField {
	float:left;
	width:150px;
	height:15px;
}
#registrationForm .formErrors, #registrationForm .formSuccess {
	width:250px;
}	


	

	
/* ----- newsletter sign-up form -------------- */
	
#newsletterForm {
 	padding: 5px;
	margin-top:10px;
	width:260px;
	}


	
#newsletterForm label {
	float:left;
	margin:0px 5px 5px 10px;
	display:block;
	font-size:9px;
	color:#333;
	}	
/*
#newsletterForm .submit input{ 
	color: #fff;
	font-size:9px;
	background: #333;
	border: 2px outset #000;
	margin:3px 0px 0px 90px;
	width:60px;
	clear:both;
	} */
#newsletterForm .formErrors , #newsletterForm .formSuccess {
	width:250px;
}		

/*  -----------   contactUsForm ------- */

.insetForm .wrapper
{
	padding:30px 10px 30px 10px;
	width:540px;
	margin-left:0px;
	
}

.insetForm fieldset { 
	position:relative;
	margin: 0 0 .5em 0;
}
/*
#contactUsForm legend { 
	position:absolute; 
	top:-.5em;
	left:.2em;
}
*/
.insetForm label {
	clear:both;
	display:block;
	font-size:10px;
	color:#333;
	width:140px;
	text-align:right;
	margin: 0 0 10px 0;
}
.insetForm .inputField {
	float:left;
	margin: 0 150px 10px 10px;
	/*border:1px solid black; */
}

.insetForm #questions {
	margin-left:150px; 
	display:inline;
}
.insetForm #questions label {
	text-align:left;
	margin:0;
}
.insetForm #questions .inputField {
	margin: 0 0 10px 0; 
	float:left;
}
.insetForm .submit-button {
	display:block;
  	margin-left: auto ;
  	margin-right: auto ; 
}

.insetForm .formErrors , .insetForm .formSuccess {
	width:390px;
	margin-left:160px;
}	

.insetForm .resources {
	margin:0px;
	padding:10px 10px 10px 160px;
	width:300px;
}
.resources  .inputField {
	margin:0 0 10px 0;
	float:left;
}
.resources label {
	text-align:left;
	width:75px;
}
 .resources p {
	width:100%;
	float:left;
	margin-top:20px;
}
.resources .selectBox {
	float:left;
	margin: 0 75px 10px 75px;
}
.insetForm .offers {
	margin-left:152px;
}
.offers label {
	float:right;
	text-align:left;
	width:440px;
}
.offers .checkboxField {
	float:left;
	width:10px;
	margin-left:10px;
	
}
/* 

	##############################
	DEFAULT STYLES
	############################## */
.inputField {
	float:right;
	background-color:#ccc;
	border:1px solid #FFF;
	margin:0px 20px 3px 0px
	}
	
select {
	 background-color: #ccc;
	 color: #000;
	 border:1px solid #ccc;
	 margin:0px 0px 0px 85px;
	 font-size:10px;
	}
	
	
	
.formErrors, .formSuccess {
	border:1px solid #F00;
	color:black;
	padding:5px;
	width:90%;
	margin-bottom:10px;
	}

.formErrors li {
	margin-left:10px;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:disc;
	padding:0 0 0 10px;
	text-indent:-14px;
}
.formSuccess {
	border:2px solid #009933;
}

.hiddenFields {
	display: none;
}

.fieldError {
	background-color:#F00; /*#9A131D; */
	color:white;
}


#workshop-registration fieldset {
	margin-bottom:15px;
}
#workshop-registration legend {
	margin-bottom:10px;
}
#workshop-registration label {
	width:80px;
}
#workshop-registration .label-subscribe {
	width:160px;
	text-align:left;
}
#workshop-registration .check-subscribe {
	margin-left:48px;
}
#workshop-registration .inputField {
	float:left;
}
#workshop-registration .misc {
	display:none;
}
#workshop-registration .radio {
	margin:0 5px;
}
#workshop-registration .radio-label {
	width:105px;
}

