﻿html, body, form {padding: 0px; margin: 0px;}

body {
	background-color: #c7d5eb;
	text-decoration: none;
	font:normal 12px/18px Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	color: #000;
	text-align: center;
}

p {margin: 18px auto;}

div#container {
	width: 770px;
	margin: 0px auto;
	text-align: left;
}

p.MainHead {margin: 18px auto; line-height: 24px;}

.pagebreak {display: none;}

.clear {
	clear: both;
	display: block;
	float: none !important;
	font: normal 0px/0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

#navbar #txtSearch {
	height:16px;
	line-height:16px;
	margin:0;
	padding:3px 2px 4px;
	vertical-align:top;
}


/*===========[ Application ]===========================================================*/

input,
textarea,
select {border: 1px solid #7b7fc6; margin: 0px 3px;}

.checkbox input,
.radio input {border-width: 0px; margin: auto;}

.big {font-size: 16px; font-weight: bold;}
.big input {width: 24px; height: 24px;}

.checkbox label {margin-right: 18px;}

textarea {display: block; width: 95%; margin: auto;}

p {padding: 0px 18px;}

fieldset {
	margin: 9px 18px;
	background-color: #f4f4ff;
	border: 1px solid #7B7FC6;
	padding: 6px;
}

fieldset legend {
	color: #5a5a8c;
	font-size: 14px;
	font-weight: bold;
	background-color: #E9EAFF;
	margin-bottom: 6px;
}

label {margin: 0px 6px;}

th {text-align: right;}

.centerHeadings thead th,
.centerHeadings tbody td {text-align: center;}

table.reference {width: 100%;}

table.reference th,
table.reference td {text-align: center;}
table.reference th {padding-top: 6px;}
table.reference input {width: 95%;}

table.tblEqual {width: 100%;}
table.tblEqual th {text-align: right;}
table.tblEqual td {text-align: left;}

#tblRaces th,
#tblRaces td {vertical-align: top;}

#tblRaces input {border: 0px; margin-top: 2px;}
#tblRaces label {margin: 0px;}

a#btnViewSurvey {
	cursor: pointer;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

p.question label {
	display: block;
	width: 45%;
	font-weight: bold;
	float: left;
	clear: both;
}

p.question span {float: left;}

	p.question span label {
		display: inline;
		float: none;
		width: auto;
	}

div.error {
	color: #c00;
	font-size: 18px;
	font-weight: bold;
	margin: 18px auto;
	text-align: center;
}

div.error ul {
	color: #600;
	font-size: 12px;
	line-height: 18px;
	padding: 0px;
	margin: auto;
}

div.error ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div.magoo {
	background: transparent url('/images/magoo.gif') no-repeat scroll center top;
	padding-top: 120px;
}

div.success {
	background-color: #090;
	border: 1px solid #030;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 36px;
	margin: 18px auto;
	text-align: center;
}

.btnSubmit {
	color: #060;
	cursor: pointer;
	font: normal normal bold 18px/24px Arial, Helvetica, Sans-Serif;
	margin: 18px;
	width: 200px;
}