/* --------------------------------------------------------------------
    
  1. CSS Reset                                                                  
  
 -------------------------------------------------------------------- */

 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-family: inherit;
		vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
		outline: 0;
}

body {
		color: black;
		background: white;
		font-size: 62.5%;
}

ol, ul {
		list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
		border-collapse: separate;
		border-spacing: 0;
}

caption, th, td {
		text-align: left;
		font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
		content: "";
}

blockquote, q {
		quotes: "" "";
}





/* --------------------------------------------------------------------
    
  2. Structure                                                                  
  
 -------------------------------------------------------------------- */


body {
		background: #2f2f2f;
}

	div#mainContent {
			position: relative;
			margin: 0 auto 10px;
			width: 840px;
			padding: 80px 0 60px;
			background: #ffffff;
	}
	
		div#mainContent img#logo {
				position: absolute;
				top: 0;
				right: 50px;
		}
	
		div#mainContent h1 {
				position: relative;
				display: block;
				margin: 0 50px;
				width: 740px;
				padding-bottom: 7px;
				margin-bottom: 1em;
				border-bottom: 1px solid #999999;
		}
		
			div#mainContent h1 span {
			}
			
		div#mainContent div.intro {
				position: relative;
				z-index: 200;
				margin: -1em 50px 1em;
				padding-bottom: 17px;
				border-bottom: 1px solid #f1f1f1;
		}
		
			div#mainContent div.intro p {
					margin: 0.75em 0;
			}
		
		.survey_page div.intro {
				display: none;
		}
		
		div#mainContent form {
				position: relative;
				width: 740px;
				margin: 0 50px 20px;
				float: left;
		}
		
			div#mainContent form p.legend {
					position: relative;
					margin-bottom: 30px;
			}
			
			div#mainContent form p.user {
					position: relative;
					float: left;
					clear: left;
					margin: 14px 0 9px;
			}
			
				div#mainContent form p.user label {
						display: block;
						width: 80px;
						float: left;
						clear: both;
				}
				
				div#mainContent form p.user input {
						position: relative;
						width: 234px;
						top: -3px;
						margin-left: 20px;
						float: left;
						clear: none;
				}
				
			div#mainContent form p.error {
					position: relative;
					clear: both;
					background: #cf0202;
					padding: 4px 0;
					margin-bottom: 17px;
			}
			
			div#mainContent form ul.error {
					position: relative;
					clear: both;
					background: #cf0202;
					padding: 0 0 4px;
					top: -17px;
					margin-bottom: 7px;
			}
			
			div#mainContent form > fieldset {
					position: relative;
					width: 740px;
					float: left;
					clear: left;
					margin-bottom: 4px;
			}
			
				div#mainContent form fieldset h2 {
						width: 236px;
						top: 3px;
						margin-bottom: -3px;
				}
				
				div#mainContent form fieldset fieldset {
						position: relative;
						float: right;
						top: -14px;
						width: 485px;
						margin-bottom: 15px;
				}
				
					div#mainContent form fieldset fieldset h3 {
							padding-bottom: 14px;
					}
				
					div#mainContent form fieldset fieldset input {
							position: relative;
							float: left;
							clear: both;
					}
		
					div#mainContent form fieldset fieldset label {
							position: relative;
							float: left;
							clear: none;
							display: block;
							padding-top: 3px;
							padding-bottom: 10px;
							padding-left: 5px;
					}
				
					div#mainContent form fieldset fieldset textarea {
							position: relative;
							float: left;
							clear: both;
							width: 234px;
							height: 100px;
					}
		
			div#mainContent form button {
					position: relative;
					float: left;
					clear: both;
					margin-top: 14px;
					text-align: center;
			}
							
		div#mainContent p.feedback {
				position: relative;
				margin-bottom: 30px;
				width: 740px;
				min-height: 300px;
				margin: 0 50px 20px;
		}
		
		div#mainContent #footer {
				position: relative;
				clear: both;
				margin-bottom: -60px;
				width: 840px;
				min-height: 60px;
		}

			div#mainContent #footer p {
					position: relative;
					margin: 0 50px;
					width: 740px;
					padding: 7px 0 60px;
					border-top: 1px dotted #aaaaaa;
			}




/* --------------------------------------------------------------------
    
  3. Typography                                                                  
  
 -------------------------------------------------------------------- */

div#mainContent {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif !important;
	font-size: 9pt;
}

h1 {
	font-size: 2.5em;
	color: rgb(238, 119, 3);
}
	
div#mainContent div.intro,
div#mainContent form {
    	color: rgb(0, 44, 89);
}

div#mainContent div.intro {
		line-height: 1.5;
}

div#mainContent form {
}

    div#mainContent h2,
    div#mainContent p.legend {
    }
    	
    	div#mainContent form fieldset h2 {
    			text-align: right;
    			font-size: 1.3em;
    			color: #838383;
    			font-weight: 400;
    	}
    			
    div#mainContent p.user label {
    }
    
    div#mainContent form p.error,
    div#mainContent form ul.error {
    		text-align: center;
    		color: #ffffff;
    		font-weight: 800;
    }
    
    div#mainContent form ul.error {
    		text-align: left;
    		padding: 0 10px 5px;
    }
    
    
    	div#mainContent form ul.error li {
    			margin: 0.5em 0;
    	}
    
    div#mainContent form fieldset fieldset h3 {
    		color: rgb(0, 44, 89);
    		font-weight: 400;
    		font-size: 9pt;
    }
    
    div#mainContent form fieldset fieldset label {
    		color: #555555;
    }
    
    h3.error {
    		color: red !important;
    		font-weight: bold !important;
    }

    
div#mainContent p.feedback {
    	color: rgb(0, 44, 89);
    	text-align: center;
}

div#mainContent #footer p {
    	text-align: center;
    	color: #666666;
    	font-size: 0.8em;
}