*
{
	margin: 0px;
	padding: 0px;
}

td {font-size:13px}
body
{
	padding: 20px;
	padding-top: 10px;
	text-align:center;
	background-color:#BAD2E2;
}
body, ul, ol
{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        line-height:1.3em;
        color: #444;
}
ul, ol { margin-top: 2px; margin-bottom: 2px; margin-left: 30px; }

a { color: #8B4B4D;text-decoration:none;
	border-bottom:1px dotted #9D0000;
 }
a:visited { color: #8B4B4D; }

#summary ul
{
        list-style: none;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 40px;
}

#summary table
{
        margin-left: 40px;
        margin-top: 10px;
        margin-bottom: 10px;
}

#summary td.number
{
        vertical-align: top;
        padding-right: 10px;
        font-size: 13px;
}


#summary td.question_text
{
        vertical-align: top;
        padding-right: 10px;
        width: 550px;
        font-size: 13px;
}

#summary td.answer
{
        vertical-align: top;
        padding-right: 10px;
        font-size: 13px;
        width: 200px;
}

#summary td.caution
{
        color: red;
        vertical-align: top;
        font-size: 13px;
        width: 80px;
}

#summary td.vulnerable
{
        color: yellow;
        vertical-align: top;
        font-size: 13px;
        width: 80px;
}

#summary td.proficient
{
        vertical-align: top;
        font-size: 13px;
        width: 80px;
}

#summary td.optimal
{
        color: green;
        vertical-align: top;
        font-size: 13px;
        width: 80px;
}

h1
{
	font-size: 1.7em;
	color: #014DA2;
	font-weight: normal;
        margin-bottom: 10px;
	padding: 0px;
}
h2 {
font-size:1.5em;
font-weight:normal;color:#014DA2;
}
h3
{
	font-size: 1.1em;
	color: #014DA2;
	font-weight: normal;
	margin: 0px;
	margin-top: 8px;
	padding: 0px;
	padding-bottom: 4px;
	border-color: #BAD2E2;
	border-width: 0px 0px 0px;
	border-style: dotted;
}

#container
{
	width: 750px;
	text-align: left;
	text-transform: inherit;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
  border: 1px solid #779;
}

#scale { width:100%;  }


#header { padding: 10px 18px 0px 34px } 
#header p {padding:0px}
#header a {border:0}
p
{
	padding-bottom:1.1em;
}

#message
{
        color: #FFAC00;
	font-weight: bold;
        font-size: 1.1em;
        padding: 3px;
        margin-left: 0px;
        margin-bottom: 2px;

}

.loginlinks
{
	margin-left: 7px;
	margin-top: 4px;
}

#container .progress
{
	font-size: .7em;
	color: #749696;
	padding: 0px;
	margin: 0px;
	padding-left: 0.8px;
	padding-bottom: 2px;
	margin-bottom: 7px;
	width: 6em;
	border-color: #BAD2E2;
	border-width: 1px;
	border-style: dotted;
}

ol#progress_sections
{
	clear: both;
	color: #fff;
	background-color: #BAD2E2;
	height: 25px;
	margin: 0px;
	padding: 0px;
	padding-left: 0px;
	font-size: .7em;
	width: 750px;
}

ol#progress_sections li
{
	float: left;
	list-style: none;
	margin: 0px;
	width: 20%;
	padding-top: 5px;
	text-align: center;
	height: 20px;
}

ol#progress_sections .complete { background-color: #749696; }

ol#progress_sections .active
{
	background-color: #014DA2;
	font-weight: bold;
	background-image: url(/images/gradient.gif);
	background-position: right;
}

ol.meter
{
	height: 25px;
	margin: 0px;
	margin-left: -7px;
	padding: 0px;
	font-size: .1em;
	width: 140px;
	display: none;
}

div#logo
{
        text-align: right;
	float: right;
        padding-top: 15px;
	margin: 0px;
	margin-bottom: 7px;
}

.map_description
{
	color: #999;
	font-size: .9em;
	font-style: italic;
	display: block;
	font-family: Georgia, serif;
	padding: 0px;
	margin: 0px;
	padding-left: 7px;
}

.map_name
{
	color: #999;
	font-size: 3.2em;
	font-family: Georgia, serif;
	padding: 0px;
	margin: 0px;
	padding-left: 5px;
}

#login .large
{
	font-size: 22px;
	width: 320px;
	color: #666;
}

.smallprint
{
	font-size: 10px;
	line-height: 12px;
}
label
{
	font-size: 13px;
	color: #4F4F4F;
}
#scale h2 {margin-top:12px}
.question {padding-top:15px;}
.inactive {color: #ccc}
.active {background-color: white}
.question label
{
	margin-right:12px;
}
.radio_md {width:15px;height:15px; }

.question ul.answers
{
	bottom: 10px;
	padding-top: 3px;
	padding-left: 7px;
	padding-bottom: 0px;
	height: 20px;
        margin:0 13px;
}
.inactive li {color:#bbb}
.inactive ul.answers {
  background-color: #eee;
}
.active ul.answers {
  background-color: #C2D7EF;
}
.question ul.answers li
{
	list-style-type: none;
	list-style-position: default;
	float: left;
	margin-right: 18px;
	font-size: 0.8em;
}

ul.answers li label
{
	font-family: verdana, arial, helvetica, sans-serif;
}
.inactive ul.answers li label{
  color: #bbb;
}
.active ul.answers li label {
  color: #59718F;
}



.question p
{
	clear: both;
        padding-bottom: 2px;
        padding-top: 2px;
}
.inactive p {
  color: #bbb;
}
.active p {
  color: #666;
}

#results
{
	width:100%;
}

#results th { font-weight:normal; width: 45px; text-align: center}
#results tr { text-align:center;}
#results td { border: 1px solid #ccc;	padding:3px;
}
.specialRow
{
	background-color: #EBC35C;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-variant: small-caps;
}
.resultCaption { font-size:15px;}
.resultNumbers { }
.resultsFocus {
background-color: #fff; color:#00377F;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:20px; text-align:center; font-style:italic; height:70px;
}
.deepRow {background-color: #00377F; color:#fff; text-align:center;	font-variant: small-caps;
font-family: Verdana, Arial, Helvetica, sans-serif;}
.mapOn { background-color:#D1DEEF}


#profile label {
display:block;
}
#profile select {
width:320px

}
#profile input {
padding:2px;
}
#profile input:focus {
padding:3px;
    border: 1px inset #999;
    background-color:#ffffcc;
}
h3.first_sub_scale_header
{
    font-weight: bold;
}
h3.sub_scale_header
{
    font-weight: bold;
    padding-top:10px;
}
#interp {
}
#footer {
    padding: 5px 18px 5px 18px;
}
#footer a { border:0}
#footer p {
    font-size: 11px;
    color: gray;
}
#footer span.trademark {
    vertical-align: super;
    font-size: 0.2em;
}
p.upper_menu {
    float: right;
}
.gridFocusCell
{
        background-image: url(/images/orange_gradient.gif);
        background-repeat: repeat;

}

#interp ul li{
        list-style-type: square;
        font-size: 12px;
        color: #333;
}
#interp h1 {font-size:18px; font-weight:bold; margin-top:20px; color:#666; line-height:20px; }
#interp h2{font-size:18px;margin-top:14px;
font-weight:normal;color:#014DA2}
#interp h3 { color:#999;font-weight:bold;font-size:14px;
  border-bottom: none;
font-style:normal;
}
#coverpage {text-align:center}
#coverLogoLines {
text-align:center;
}
#coverSponsor {margin-top:100px;text-align:center}
#coverLogoLines h2  {font-size:14px; font-weight:normal;margin-bottom:12px; text-align:center}
#coverLogoLines .caption { margin-left: auto; margin-right: auto; width: 300px; border-top: 1px solid black }
#model_menu { margin-bottom: 5px;  padding: 3px; font-size: 13px; }
p#progress { margin-left:-35px;margin-top:-17px;margin-right:-35px}
p.instructions { padding:0}
#completed_maps,#incomplete_maps {padding-right:5px;margin:0;font-size: 12px; color: #444; list-style-type: none; }
#completed_maps li,#incomplete_maps li{border-top:0px solid #ccc;margin-bottom:4px;padding-top:4px;color: #444;  }
.result_date {font-size:10px; color:#666}
#completed_maps li a,#incomplete_maps li a {border:0;}
#side_menu {padding-left: 12px; margin-left: 470px; width: 200px; border-left: 1px dotted #ccc}
#side_menu h3 {font-weight:bold}
#side_menu p {padding-bottom:5px}
.button_start a{border:0}
#user_menu { float:right;width:250px;text-align:right;font-size: 0.8em }
#user_menu a { border-bottom:1px dotted #9D0000; }

#in_progress{height:26px;background-image: url(../images/panel_inprogress.jpg);width:100%;padding-top:2px}
#in_progress img{float:right;margin-right:15px;border:0}
#admin_progress{height:24px;background-image: url(../images/panel_adminprogress.gif);width:100%;padding-top:2px;}
.inprog {padding:5px 10px;font-size:13px;color:#759797;}

#results_menu {margin:0;font-size: 12px; color: #444; list-style-type: none;}
#results_menu li{list-style-position: inside; float:left;padding:4px 8px;background-image: url(../images/navline.gif);background-repeat: no-repeat;background-position: right;}
#results_menu a{border:0}
#results_menu .map_date { padding:4px 34px;height:17px;color:#fff;background-color:#545454;background-image: url(../images/panel_mapdate.jpg);}

#scale_head {border:1px solid #99B2D1;padding:2px 0; font-size:14px; color:#99B2D1;margin:16px 0;width:250px}
.scale_number {background-color:#99B2D1; color:#fff; padding:2px}
ul#topnav 
{
        list-style-type: none;
        list-style-position: default;
        margin: 0 0 0 20px;
        padding: 0;
}

#topnav .off
{
        float: left;
        background-image: url(../images/tab_off.jpg);
        background-repeat: no-repeat;
        height:19px;
        width:110px;
        text-align:center;
        margin:0;
        padding-top:5px;
        }

#topnav .off a
{
        font-size: 15px;
        font-decoration: none;
        font-color: #8E4835;
        color: #900;
        text-transform: inherit;
        text-decoration: none;
	border-bottom:0;
}

#topnav .on
{
        float: left;
        background-image: url(../images/tab_on.gif);
        background-repeat: no-repeat;
        height:19px;
        width:114px;
        text-align:center;
        padding:5px 0 0 0;
        margin:0px;
}
#topnav .on a
{
        text-decoration: none;
        font-size:15px;
        background: #E6F2FA;
        padding-bottom:1px;
        color:#000;
	border:0px;
}
#mainbody
{
        clear:both;
        background: #fff;
        min-height: 500px;
        padding: 5px 0px;
        border-bottom: 1px solid #BAD2E2;
        border-top: 0px solid #BAD2E2;
        margin-top:-1px;
	padding:15px 35px;
}
p#graph {
        margin-left: -35px;
		margin-right:-35px;
}
/* Login screen styles */
#utility_box {width:221px;height:400px;border-left:1px dotted #ccc;padding-left:12px;float:right;margin:25px 0 0 10px}
#utility_box a {border:0;}
.reverse_head {color:#fff;background-color:#BAD2E2;height:15px;padding:3px;border-top:1px dashed #999;width:210px;font-size:11px;text-transform:uppercase;margin-bottom:5px}
#login input {width:166px;padding:2px}
#login .login_button{width:128px;display:block;margin-bottom:5px}
.utility_type {font-size:10px;border-bottom:1px dotted;}

div.profile_question {
  margin-bottom: 1em;
}
#admin_instructions{ background-image: url(../images/bg_gradient_gray.gif);
background-repeat: repeat-y;
border:1px solid #999;padding:10px;float:right; margin:15px;font-size:13px;width:275px;}
#code_list{width:300px;font-size:12px;color:#999}
#code_list th{normal;font-size:11px;text-transform:uppercase;text-align:center;}
#code_list th a{border:0}
#code_list table {border-collapse:collapse;border-bottom:1px solid #999;}
#code_list th{border-top:2px solid #999}
#code_list td{text-align:center;border-top:1px solid #999}
#code_list .on{background-color:#FFF0D1}
p.warning {
  font-size: 10px;
}

p.extra_padding {
  padding-bottom: 30px;
}

span.rt {
  font-size: 11px;
  vertical-align: text-top;
}


/* admin dashboard table */
#adminTable a {border:0;}
#adminTable td.g {text-align:left;padding-left:3px;}
#adminTable td {text-align:center;padding:2px;}
#adminTable th {text-align:center;font-size:13px;font-weight:normal;}
#adminTable .mapTH {font-size:11px;color:#777;}
.admin_dash_row {border-top:1px solid #ccc;height:10px}
.admin_dash_row label{color:#888;display:block;float:left}
.admin_dash_row .data {float:right;width:65px;height:24px;background-color:#FFF0D1;text-align:center}
.admin_promo {font-weight:bold;color:gold;padding-top:15px}

/* print alert box */
#printOptions {width:305px;height:163px;position:absolute;border:0;display:none;background-image: url(/images/bg_printAlert.png);margin-top:-20px;padding:25px 5px 5px 28px}
* html #printOptions {width:314px;height:171px;background-image: url(/images/bg_printAlert.gif);}