/* ---------------------------------------------------------------------------------------------------------- */
/*	Default form styles applied to everything															      */
/* ---------------------------------------------------------------------------------------------------------- */
	
	form{
		width:275px; /* this width doesn't actually give the form a width since it's just a form and not a div. however, this is the recommended width */
		margin:0;
		padding:0;
		border:0;
		}
	form fieldset{
		margin:0;
		padding:0;
		border:0;
		}
	form input, form select{
		font-size:10px;
		border:1px solid #d3d3c3;
		padding:2px;
		color:#69665c;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		}
			
	form label{
		display:block;
		color:#69665c;
		font-size:10px;
		padding-right:5px;
		}
	form ol{
		margin:0;
		padding:0;
		}
	form ul, form li{
		list-style-type:none;
		margin:0;
		}
		
/* ---------------------------------------------------------------------------------------------------------- */
/*	Fieldset for the first required contact fields														      */
/* ---------------------------------------------------------------------------------------------------------- */

	form #fieldsetcontact li{
		display:block;
		clear:left;
		margin-bottom:5px;
		text-align:left;
		position:relative;
		}
	form #fieldsetcontact label{
		float:left;
		text-align:right; 
		width:97px;
		font-weight:bold;
		padding-top:1px;
		}
	
	form #fieldsetcontact input, form #fieldsetcontact select{
		width:164px;
		margin-top:0px;
		}
	form #fieldsetcontact select{
		width:170px;
		}
			
/* ---------------------------------------------------------------------------------------------------------- */
/*	Fieldset for the optional fields														         		  */
/* ---------------------------------------------------------------------------------------------------------- */

	form .optionalfieldsheader{
		font: bold 10px Verdana, Arial, Helvetica, sans-serif;
		color:#999999;
		margin:20px 0 5px 0;
		padding:2px 0 5px 0;
		border-top:1px solid #e1e1e1;
		}
	form #fieldsetoptional li{
		margin:0 0 10px 0;
		padding:0;
		}
	form #fieldsetoptional select{
		width:273px;
		}
	form #fieldsetoptional label{
		}
	form #fieldsetoptional label.checkbox{
		padding:0 0 0 10px;
		margin:0;
		height:16px;
		font-size:10px;
		}
	form #fieldsetoptional label.checkbox:hover{ 
		cursor:pointer;
		}
	form #fieldsetoptional .checkbox input{
		border:0;
		margin-bottom:-1px;
		}

/* ---------------------------------------------------------------------------------------------------------- */
/*	Button styles																			         		  */
/* ---------------------------------------------------------------------------------------------------------- */

	form button{	
		border-color:#b56c0e;
		background-color:#ec8a0c;
		font: bold 12px Verdana, Arial, Helvetica, sans-serif;
		padding:5px;
		color:white;
		margin-top:5px;
		float:right;
		}
	form button:hover{
		cursor:pointer;
		background-color:#fbac48;
		}


/* ---------------------------------------------------------------------------------------------------------- */
/*	For jQuery Validation plugin															         		  */
/* ---------------------------------------------------------------------------------------------------------- */
		

		
		form #fieldsetcontact label.error{
			width:272px;
			color:red;
			backround-color:#c1bdb1;
			display:block;
			margin-top:-4px;
			margin-bottom:5px;
			}
/*		form #fieldsetcontact span.error{
			position:absolute;
			right:-10px;
			top:4px;
			background:url("/images/red_asterix.jpg") no-repeat right;
			margin-right:-3px;
			height:12px;
			width:13px;
			}
*/		

		/*form #fieldsetcontact span.error{
			position:relative;
			background:url("/images/red_asterix.jpg") no-repeat right;
			height:12px;
			width:13px;
			float:right;
			margin-right:-15px;
			margin-top:-14px;
			display:block;
			
			}*/


form #fieldsetcontact span.error {
	background:transparent url(/images/red_asterix.jpg) no-repeat scroll right center;
	height:12px;
	position:absolute;
	right:-15px;
	top:4px;
	width:13px;
}			



		
		p.form-error-message{
			color:#c0421b !important;
			background-color:#ffe0d7 !important;
			font-size:11px !important;
			font-weight:bold !important;
			margin:0 !important;
			padding:5px !important;
			padding-top:4px !important;
			}
		p#top{
			margin:0;
			margin-bottom:10px !important;
			}
		p#bottom{
			margin-bottom:5px !important;
			}
		p.form-error-message img{
			margin-bottom:-1px !important;
			margin-right:5px !important;
			}
		form #fieldsetcontact .optional{
			display:none;
		}
		form #fieldsetcontact .optional label,form #fieldsetcontact .optional select{
			width:273px;
		}
		form #fieldsetcontact .optional label{
			padding:15px 0 3px;
			text-align:left;
		}

/* ---------------------------------------------------------------------------------------------------------- */
/*	To hide elements by default																				  */
/* ---------------------------------------------------------------------------------------------------------- */
	 	form #fieldsetcontact li#us-form-list-element{display:none;}
		form #fieldsetcontact li#canada-form-list-element{display:none;}
		p.form-error-message{ display:none;}