/* STYLES */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	/*font-size: 69%;*/
	line-height: 1.4em;
	color:#6d6e71;
}
/* LAYOUT */
#page {
	width:900px;
	margin:0 auto;
	text-align:left;
}
#header {
	padding:0 20px;
	margin:2.4em 0 1em 0;
}
#content {}
#footer {
	margin:0 20px;
	padding:1em 0 2em 0;
	border-top: 1px solid #c9c9ca;
}
#banner { margin-bottom:1em; }
div.welcome div#banner,
div.disclaimer div#banner,
div.thankyou div#banner {
	width:900px;
	height:296px;
	background:url(../images/hdr_welcome.jpg) no-repeat 0 0;
}
div.summary div#banner,
div.complete div#banner,
div.login div#banner,
div.evaluation div#banner {
	width:900px;
	height:237px;
	background:url(../images/hdr_report.jpg) no-repeat 0 0;
}
div#banner .inside { padding:20px 600px 20px 20px; }
#left_box {
	width:200px;
	margin:0 20px 0 0;
}
#main_box {	width:680px; }
#left_half,
#right_half {
	width:420px;
}
div.thankyou #left_half,
div.thankyou #right_half {
	width:440px;
	text-align:center;
	margin:0 0 1em 0;
	border: 1px solid #b5b6b9;
	border-radius: 7px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 7px;
}

#submenu {
	color:#FFF;
	background-color:#176f88;
	padding:20px;
	margin:0 0 1em 0;
	border-radius: 7px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 7px;
}
#picref {
	background-color:#e2eaf0;
	padding:20px;
	margin:0 0 1em 0;
	border-radius: 7px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 7px;
}
.container {
	padding:20px;
	margin:0 0 1em 0;
	border: 1px solid #b5b6b9;
	border-radius: 7px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 7px;
	line-height:1.8em;
}
.container_blue {
	background-color:#c7d4de;
	color:#126E88;
}
.container_green {
	border: 1px solid #57c583;
}
.container_purple {
	border: 1px solid #b97fb8;
}
.container table td {
	
}
.login_page {
	text-align:center;
}

/* NAVIGATION */
ul#nav li {
	margin: 0 0 0.2em 0;
	padding: 0 0 0 8px;
	list-style:none;
}
ul#nav li.active { color:#b8cdec; list-style-image:url(../images/list_active.gif) }
ul#nav li a:link { color:#FFF; font-style:normal; font-variant:normal; }
ul#nav li a:visited { color:#FFF; font-style:normal; font-variant:normal; }

/* TYPOGRAPHY */
img {
	border: 0;
}
a, a:link {
	color:#2d6fa7;
	text-decoration:none;
}
a:visited {
	color:#2d6fa7;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-size: 2.5em;
	font-weight:normal;
	line-height: 1.2em;
	margin: 0 0 0.3em 0;
	padding: 0;
	color:#126e88;
}
#header h1 { margin:1em 0 0 0; display:inline; }
h2 {
	font-size: 1.8em;
	font-weight:normal;
	line-height: 1.25em;
	margin: 0 0 0.3em 0;
	padding: 0;
	color:#126e88;
}
h3 {
	font-size: 1.5em;
	font-weight:normal;
	line-height: 1.25em;
	margin: 0 0 0.3em 0;
	padding:0;
	color:#126e88;
}
#submenu h3 { color:#FFF; }
h4 {
	font-size: 1em;
	font-weight:bold;
	line-height: 1.2em;
	margin: 0 0 0.5em 0;
	padding: 0;
}
h5 {
	font-size: 1em;
	font-weight:normal;
	line-height: 1.2em;
	margin: 0 0 0.3em 0;
	padding: 0;
}
h6 {
	font-size: 0.9em;
	font-weight:normal;
	line-height: 1.2em;
	margin: 0 0 0.3em 0;
	padding: 0;
}
p {
	font-size: 1em;
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height:1.4em;
}
blockquote {
	border-left:10px solid #ddd;
	margin-left:10px;
}
pre {
	font-family: monospace;
	font-size: 1.0em;
}
strong, b {
	font-weight: bold;
}
em, i {
	font-style:italic;
}
code {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	white-space: pre;
}
/* LISTS */
ul {
	line-height:1.4em;
	margin: 0 0 1em 0;
	padding: 0;
}
ul li {
	margin: 0 0 0.2em 10px;
	padding: 0;
}
ol {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 0 1em 0;
	padding: 0;
}
ol li {
	font-size: 1.0em;
	margin: 0 0 0.25em 30px;
	padding: 0;
}
dl {
	margin: 0 0 1em 0;
	padding: 0;
	line-height: 1.4em;
}
dl dt {
	font-weight: bold;
	margin: 0.25em 0 0.25em 0;
	padding: 0;
}
dl dd {
	margin: 0 0 0 30px;
	padding: 0;
}
/* TABLES */
table {
	font-size: 1em;
	margin: 0;
	padding: 0;
	border-spacing:0;
	border-collapse:collapse;
}
table caption {
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 1.5em 0;
}
th {
	font-weight: bold;
	text-align: left;
}
td {
	font-size: 1em;
}
table.inside { margin:0 0 1em 0; }
table.inside td { padding:0 20px 0 20px; }

table td.orange {
	background-color:#f58220;
	padding:2px 20px;
	color:#FFF;
}
table td.orange2 {
	background-color:#fef1e2;
	padding:2px 20px;
}
/* HORIZONTAL RULES */
hr {
	/*display: none;*/
	border:0;
	border-bottom:1px;
	border-bottom-style:solid;
	border-color:#c9c9ca;
	margin:0 0 1em 0;
}
div.hr {
	height: 1px;
	margin: 1.5em 10px;
	border-bottom: 1px solid #c9c9ca;
}
/* FORMS */
form {
	margin:0;
	padding:0;
}
label {
	font-weight: bold;
	color:#6d6e71;
}
fieldset {
	border: 1px solid #eee;
	padding: 5px 10px;
	margin: 0 0 1em 0;
}
fieldset legend {
	color: #666;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 0 0px;
	padding: 0;
	background-color: #fff;
}
* html fieldset legend {
	margin: 0 0 10px -10px;
}
fieldset ul {
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}
fieldset ul li {
	list-style: none;
	margin: 0 0 0.5em 0;
	padding: 0;
}
input, select, textarea {
	color:#008dd0;
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 2px;
}
input, select {
	font-weight:bold;
	vertical-align:middle;
}
textarea {
	width: 320px;
	height: 8em;
	border:1px solid #86a7b9;
}
select {
	border:1px solid #86a7b9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 4px;
	padding:0;
}
option { padding:0 2px 2px 2px; margin-top:2px; border:none; }
div.login select,
div.location select,
div.login select,
div.evaluation select {
	color:#FFF;
	background-color:#008dd0;
}
input.textfield {
	border:1px solid #86a7b9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 4px;
}
input.checkbox { }
input.radio { }
input.button {
	color:#FFF;
	width:142px;
	height:2.2em;
	line-height:1.7em;
	background-color:#008dd0;
	text-align:center;
	margin:0 0 1.5em 0;
	text-decoration:none;
	cursor:pointer;
	padding-bottom:5px;
	border-radius: 7px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 7px;
	border:none;
}
a.button,
a.button:visited {
	color:#FFF;
	display:block;
	width:140px;
	height:2.2em;
	line-height:2.2em;
	background-color:#008dd0;
	text-align:center;
	margin:0 0 1.5em 0;
	text-decoration:none;
	border-radius: 7px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 7px;
	border:none;
}
a.admin, input.admin { width:100px; margin:1em 0; }
label.radio { padding-right:10px; }
/* CLEARFIX */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	min-width: 0;		/* trigger hasLayout for IE7 */
	display: inline-block;
	/* \*/	display: block;	/* Hide from IE Mac */
}
* html .clearfix {
	/* \*/  height: 1%;	/* Hide from IE Mac */
}
.clear {
	clear:both;
}
/* MISCELLANEOUS */
.username {
	font-size: 1.5em;
	font-weight:normal;
	line-height: 1.2em;
	margin: 0 0 0.3em 0;
	padding: 0;
}
.vid_link { line-height:2.2em; margin:0 24px; }
.vid_link img { vertical-align:top; }
.grey { color:#6d6e71; }
.blue {  color:#126E88; }
.red {  color:#b81237; }
.green {  color:#1cad5b; }
.purple { color:#b97fb8; }
.spacing { margin: 0 0 1em 0; }
.inside { padding:1em 20px; }
.titles { padding:0 20px; }
.floatLeft { float:left; }
.floatRight { float:right; }