﻿@charset "utf-8";
/* CSS Document */
html,body {
        margin:0;
        padding:0px;
        font-family:Verdana,Arial;
        color:#222;
        font-size:1em;
        text-align: center;
        background-color:#FFF;
        font-family:Verdana,Arial,Helvetica;
        height:100%;
    }
.maintable {
    width:100%;
    
}
h3 {
    margin-bottom:10px;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    color:#003366;
}
.header_gradient_gray {    
    background-image:url(/images/header_bg.png);
    border-bottom:solid 1px #999999;
    padding-top:15px;
    padding-bottom:5px;
}
.main {
    padding-left:35px;
    padding-right:35px;
    padding-top:15px;

}
.mainheader {

    padding-left:35px;
    padding-right:35px;
    font-size:2em;
    color:#003366;
    font-family:Verdana,Arial,Helvetica;
    font-weight:bold;
    line-height:1em;
}
.mainnav{
    padding-left:35px;
    padding-right:35px;
    padding-top:3px;
    padding-bottom:3px;
    background-image:url(/images/nav_bg.png);
    color:#FFF;
    text-decoration:none;
    
}
.mainnav a, .mainnav a:hover, .mainnav a:active, .mainnav a:visited {
    color:#FFF;
    text-decoration:none;
    }
.mainfooter {
    padding-left:35px;
    padding-right:35px;
    padding-top:65px;
    text-align:center;
    color:#888;
    font-size:10px;
}
#holder{
    min-height: 100%;
    position:relative;
}
#body{
    padding-bottom: 100px;    /* height of footer */
}
.MainPage {
    padding:0px;
}
.Footer{
    padding-left:2px;
    padding-bottom:2px;
    padding-top:2px;
    background-color:#ffffff;
    color:#888;
    font-size:.65em;
    background-repeat:repeat-x;
    text-align:center;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    border-top:solid 1px #ffffff;

}
.textbox {
    border: solid 1px #003A52;
    font-size: 1em;
    font-family: Verdana,Arial;
    color: #003A52;
    width: 100%;
    /* Force border-box on all textboxes since the width is 100% */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.textbox:focus
{
    background-color:#ddeeff;
    background-image:url(/images/textbox_bg.png);
    background-repeat:repeat-x;    
}

.error-textbox {
    border: solid 1px #CC0000;
    font-size: 1em;
    font-family: Verdana,Arial;
    color: #CC0000;
    background-color: #FDEEF4;
    width: 100%;
    /* Force border-box on all textboxes since the width is 100% */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.button {
    border:solid 0px #aaaaaa;
    background-color:#003A52;
    background-image:url(/images/nav_bg.png);
    color:#FFFFFF;
    padding:10px;
    font-family:Verdana,Arial;
    font-size:.75em;
}
.button:hover {
    border:solid 0px #aaaaaa;
    background-color:#336699;
    background-image:url(/images/nav_over_bg.png);
    background-repeat:repeat-x;
    color:#FFFFFF;
    padding:10px;
    font-family:Verdana,Arial;
    font-size:.75em;
}
.button_small {
    border:solid 0px #aaaaaa;
    background-color:#003A52;
    background-image:url(/images/nav_bg.png);
    color:#FFFFFF;
    padding:2px;
    font-family:Verdana,Arial;
    font-size:12px;
}
.button_small:hover {
    border:solid 0px #aaaaaa;
     background-color:#336699;
    background-image:url(/images/nav_over_bg.png);
    background-repeat:repeat-x;
}
h1 {
   color:#336699;
   font-size:22px;
   margin:0px;
   padding:0px;
}
h2 {
   color:#336699;
   font-size:1.5em;
   margin:0px;
   padding:0px;
}
#navigation {
}
#navigation ul {
    list-style-type: none;
    margin: 0px;
    padding:0px;
    }
#navigation li {
    float:left;
}
#navigation li a {
    background-image:url(/images/nav_bg.png);
    background-repeat:repeat-x;
    background-color:#003A52;
    padding-right: 20px;
    padding-left: 20px;
    display: block;
    line-height: 35px;
    text-decoration: none;
    font-family: Verdana,Arial;
    font-size: 15px;
    color: #FFFFFF;
    border-right:solid 1px #FFFFdd;
}
#navigation li a:hover { 	
    background-color:#008080;
    background-image:url(/images/nav_over_bg.png);
    background-repeat:repeat-x;
}
#navigation li.selected a { 	
    background-color:#008080;
    background-image:url(/images/nav_over_bg.png);
    background-repeat:repeat-x;
}

div.menu {
    z-index: 1;
}

div.popup a:hover { background-color: #faa; }
div.menu:hover div:first-child { border-bottom: none; }
div.menu div.popup { display: none; }
div.menu:hover div.popup { 
    background-color:#003A52;
    position:absolute;
    display: block; 
    z-index: 1;
    float:left;
}


div.menu div {
    padding: 5px;
}


div.popup div, div.popup a { display:block; text-decoration: none; margin: 2px 2px 2px 5px; background-color:#ffffff;
    border:solid 1px #FFFFdd; }
div.popup div + div, div.popup a + a { margin-top: 10px; }

.ErrorTable {
    border:solid 2px #CC0000;
    border-radius: 5px;
    padding:5px;
    background-color:#FFEEbb;
}
.ErrorText {
    color:#CC0000;
    padding:10px;
}
.ErrorTitleBar {
    background:#CC0000;
    color:#FFFFFF;
    padding:10px;
    font-size:1.35em;
    font-weight:bold;
    font-family:Verdana,Arial,Helvetica;
}
.ErrorBox {
    border:solid 2px #cc0000;
    border-radius:3px;
    background-color:#ffeeee;
    color:#BB0000;
    width:85%;
    max-width:600px;
    min-width:200px;
    padding:5px;
}
.ErrorBody,.NoticeBody {
   padding:5px;
}
.ErrorHeader,.NoticeHeader  {
   font-weight:bold;
   display:inline;
}
.NoticeBox {
    border:solid 2px #003366;
    border-radius:3px;
    background-color:#ddeeff;
    color:#003366;
    width:85%;
    max-width:800px;
    min-width:150px;
    padding:5px;
}
.NoticeBoxGreen {
    border:solid 2px #007700;
    border-radius:3px;
    background-color:#ddffdd;
    color:#007700;
    width:85%;
    max-width:800px;
    min-width:200px;
    padding:5px;
}
.NoticeBoxOrange {
    border:solid 2px #FF3300;
    border-radius:3px;
    background-color:#FFEEbb;
    color:#FF3300;
    width:85%;
    max-width:800px;
    min-width:200px;
    padding:5px;
}
.NoticeOrange {
    border:solid 2px #FF3300;
    background-color:#FFEEbb;
    color:#FF3300;
    padding:5px;
}
.NoticeRed {
    border:solid 2px #cc0000;
    background-color:#ffeeee;
    color:#cc0000;
    padding:5px;
}
.UpperRight {
    vertical-align:top;
    text-align:right;
    display:inline;
    float:right;
}
a {
    color:#003A52;
}
a:visited {
    color:#003A52;
}
a:active {
    color:#003A52;
}
.textleft {
    text-align:left;
    padding-left:20px;
    padding-right:10px;
    text-wrap:none !important;
    white-space:nowrap;
}
.textright {
    padding-left:10px;
    padding-right:1px;
    text-align:right;
}
.right {
    text-align:right;
}
.HiddenArea {
    display:none;

}
.GridTable {
    border:solid 1px #333;
    border-radius:5px;
}
.CurvedTable {
    border:solid 2px #888;
    border-radius:5px;
    padding:10px;
    background-color:#eee;
}
 .table-header, .table-header a, .table-header a:hover, .table-header a:visited, .table-header a:active {
    background-image:url(/images/nav_bg.png);
    padding: 2px;
    background-color: #003A52;
    color:#FFF;
    border-bottom: 2px solid #003A52;
    border-top: 2px solid #003A52;
    border-left: 2px solid #003A52;
    border-right: 2px solid #003A52;
    font-family:Verdana,Arial;
 }
    .table-header a, .table-header a:hover, .table-header a:visited, .table-header a:active {
        color:#FFF;
        text-decoration:none;
        border: 0px;
    }
 .row-style{
    background-color: #FFFFFF;
    border-top: 1px dotted #333;
}
  .alternate-row-style{
    background-color: #EEEEEE;
    border-top: 1px dotted #333;
}
    .selected-row-style{
    background-color: #bbb;
    border-top: 1px dotted #333;
}
 .flagged-style{
    background-color: #FAAFBE;
    border-top: 1px dotted #990000;
    color:#990000;
}
  .flagged-over-style{
    background-color: #990000;
    border-top: 1px dotted #990000;
    color:#FFFFFF;
}
  .highlight-style{
    background-color: #B5EAAA;
    border-top: 1px dotted #006000;
    color:#006000;
}
    .highlight-over-style{
    background-color: #006600;
    border-top: 1px dotted #006000;
    color:#FFFFFF;
}
.assessed-style{
    background-color: #27ae60;
    border-top: 1px dotted #2ecc71;
    color:#ffffff;
}
.assessed-over-style{
    background-color: #2ecc71;
    border-top: 1px dotted #2ecc71;
    color:#FFFFFF;
}
.boxes 
{ font: 10px Trebuchet MS,Verdana; margin: 0px; padding: 0px;  }
.boxes a:link, .boxes a:visited, .boxes a:active
{ background-color: #fff; 
	border: 1px solid #0052ac; 
	border-radius: 5px;
	color: #333333; 
	margin: 1px; 
	padding: 1px 5px; 
	text-decoration: none; 
} 
.boxes a:hover 
{ 
	background-color: #003A52; 
	border: 1px solid #0052ac; 
	border-radius: 5px;
	color: #FFFFFF; 
	margin: 1px; 
	padding: 1px 5px; 
	text-decoration: none; 
} 
.current 
{ 
    font: 10px Trebuchet MS,Verdana; 
    margin: 0px; 
    padding: 0px;
	background-color: #003A52; 
	border: 1px solid #0052ac; 
	border-radius: 5px;
	color: #FFFFFF; 
	font-weight: bold; 
	margin: 1px; 
	padding: 1px 5px; }
.PageBlock {
    padding-top:3px;
    padding-bottom:10px;
    display:block;
    text-align:left;
}
.Question{
	font-size:1em;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	margin:0px;
	color:#003366;
	font-weight:bold;
	padding-bottom:3px;
}
.AnswerA
{
	font-size:1em;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	margin:0px;
	color:#FF0000;
	font-weight:bold;
	table-layout:auto;
	float:left;
	padding-right:5px;
}
.Answer{
	font-size:1em;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	margin:0px;
	padding-bottom:12px;
}
.AddressDiv{
    vertical-align:top;
    display:inline-block;
    min-width:295px;
    max-width:300px;
    border-radius:3px;
    background-repeat:repeat-x;
    background-color:#eee;
    border:solid 2px #888;    
    padding:5px;
    text-align:left;
    margin-bottom:4px;
    position:relative;
    min-height:85px;
}
.AddressDiv:hover {
    cursor:pointer;
    background-color:#ccc;
    background-image:url(/images/button_grad.png);
    background-repeat:repeat-x;
}
.label {
    display:inline;
    font-weight:bold;
}
.error-label {
    display:inline;
    font-weight:bold;
    color:#CC0000;
}
.red {
    display:inline;
    color:#CC0000;
}
.PopUpHint
{
	background:#eeeeee;
	position:absolute;
	z-index: 100;
	border:solid 1px #aaaaaa;
	padding: 5px 5px 5px 5px;
	text-transform:capitalize;
	display:none;
	color:#000000;
	padding:0px;
	
} 
.PopUpLink,.PopUpLink a:link, .PopUpLink a:visited,.PopUpLink a:active
{
	color:#000000;
	padding-left:10px;
	padding-right:12px;
	padding-bottom:1px;
	text-decoration:none;
	border-top:solid 1px #eeeeee;
	border-bottom:solid 1px #eeeeee;
}
.PopUpLink_Over,.PopUpLink_Over a:link, .PopUpLink_Over a:visited,.PopUpLink_Over a:active
{
	background:#FFFFFF;
	color:#000000;
	text-decoration:none;	
	padding-left:10px;
	padding-right:12px;
	padding-bottom:1px;
	background-image:url('/images/hintarrow.gif');
	background-repeat:no-repeat;
	background-position:left center;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
}