@charset "UTF-8";
/* CSS Document */

/** SIGN UP FORM **/
#form {
	text-align:center;
	font-size:.9em;
}
#form form {
	width:550px;
	margin:0 auto;
}
#form form fieldset {
	text-align:left;
	clear:both;
	border:1px solid #ccc;
	margin-top:1em;
	padding:1em 2em 2em 2em;
	-moz-border-radius:8px;
	border-radius:3px;
}
#form form fieldset legend {
	font-size:1.1em;
	font-weight:bold;
	color:#666666;
}
#form form label { 
	display:block; 
	float:left; 
	width:165px; 
	padding:2px; 
	margin:10px 0 0 0;
	text-align:right; 
}
#form form div.fullWidthInstructions { 
	/*display:block; */
	float:left; 
	width:100%; 
	padding:5px; 
	margin:15px 0 0 0; 
	text-align:left; 
	background-color:#FFFFCC;
	border-top:1px solid #FFCC33;
	border-bottom:1px solid #FFCC33;
}
#form form div.fullWidthHeader { 
	float:left;
	width:498px;
	font-weight:bold;
	margin:20px -3px 5px 0;
	padding:5px;
	border-top:1px solid #abd7e2;
	border-bottom:1px solid #abd7e2;
	background:#e8f6f9;
}
/*#form form div.fullWidthHeader { */
	/*display:block; */
	/*float:left; 
	width:100%; 
	padding:5px; 
	margin:15px 0 0 0; 
	text-align:left;
	font-weight:bold;
	background-color:#f7fbfc;*/
	/*border-top:1px solid #FFCC33;*/
	/*border-bottom:1px solid #999999;
}*/
#form form label.fullWidth { 
	/*display:block; */
	float:left; 
	width:100%; 
	padding:2px 0; 
	margin:10px 0 0 0; 
	text-align:left;
}
#form form label.labelRight { 
	display:block; 
	float:left; 
	width:auto; 
	padding:2px; 
	margin:20px 0 0 8px;
	text-align:left; 
}
#form form label.plain {
	text-align:center;
	width:99%;
}
#form form label.plain input {
	margin-bottom:3px;
}
#form form label span.example {
	font-size:.9em;
	font-style:italic;
	color:#999999;
}
#form form input,
#form form textarea {
	width:auto;     
	margin:10px 0 0 10px;
	padding:2px;
	/*border:1px inset #999999;*/
	border:1px solid #CCCCCC;
	background:#f7fbfc;
}
#form form input.radio {
	border:none;
	background:none;
}
#form form select {
	width:auto;     
	margin:10px 0 0 10px;
	padding:1px;
	/*border:1px inset #999999;*/
	border:1px solid #CCCCCC;
	background:#f7fbfc;
}
#form form select#project_timeframe,
#form form select#project_type,
#form form select#pages,
#form form select#content,
#form form select.budget {
	width:auto;     
	margin:10px 0 0 0;
}
#form form input.noMargin,
#form form select.noMargin { /* for phone inputs No Left Margin */
	width:auto;     
	margin:10px 0 0 0;
/*	padding:2px;
	border:1px inset #999999;
	background:#f7fbfc;*/
}
#form form input.marginRight { /* for phone inputs has Right Margin */
	width:auto;     
	margin:10px 10px 0 0;
/*	padding:2px;
	border:1px inset #999999;
	background:#f7fbfc;*/
}
#form form input#phone2 { /* for phone inputs No Left Margin */
	width:auto;     
	margin:10px 0 0 0;
}
#form form input#phone3 { /* for phone inputs has Right Margin */
	width:auto;     
	margin:10px 10px 0 0;
}
#form form input.marginTop { /* for checkbox inputs */     
	margin:15px 0 0 10px;
}
#form form textarea { 
	overflow:auto; 
}
#form form input.fullWidth,
#form form textarea.fullWidth {
	width:502px; 
	margin:10px 0 0 0;
}
#form form label.error { 
	display:block;  
	float:left; 
	width:100%; 
	padding:0; 
	margin:0; 
	text-align:center; 
}
#form form #errormessage {
	position:relative;
	margin:0 auto;
	text-align:center;
	font-size:1.2em;
	width:350px;
	color:#FF0000;
	padding:15px;
	background:#FFCCCC;
	border:1px solid #FF0000;
}
#form form #errormessage #errorIcon {
	position:absolute;
	width:16px;
	height:16px;
	top:17px;
	left:35px;
	background:url(../images/error.gif) no-repeat;
}

/** Begin Securimage **/
#form form label.message {
	font-size:.9em;
	width:167px;
	margin:10px 0 0 10px;
	text-align:left;
	color:#a5b2bf;
}
#form form label.error_message {
	font-size:.9em;
	width:167px;
	margin:10px 0 0 10px;
	text-align:left;
	padding:7px;
	color:#FF0000;
	background:#ffebe8;
	border:1px solid #FF0000;
}
#form form img.securimage {    
	margin:5px 0 0 10px;
	padding:3px;
	border:1px solid #CCCCCC;
	background:#f7fbfc;
}
#form form img.securimage_icon {
	margin:0 0 -6px 0;
}
/** End Securimage **/

#form form button {
	width:102px;
	height:32px;     
	margin:15px 0 0 10px;
	border:none;
	cursor:pointer;
	background:url(../images/btn-submit.jpg) no-repeat #fff;
}
#form form br {
	clear:left;
}
#form form .asterics {
	color:#FF0000;
	margin:0 0 0 5px;
}

/* THANKYOU FORM */
#form #thankyou {
	margin:0 40px;
}
#form #thankyou fieldset {
	clear:both; 
	border:1px solid #ccc;
  	padding:1em 2em 2em 2em;       
  	margin-top:1em;
	-moz-border-radius:8px;
	border-radius:3px;
}
#form #thankyou fieldset legend {
	font-size:1.1em;
	font-weight:bold;
	color:#666666;
}