/* banner */
body {margin:0; padding:0}
#containbanner {margin:0; padding:0; width:100%; background:#fff; height:26px; border-bottom:1px solid #ccc}
#containbanner div#bannerid {float:left}
#containbanner div#tourismid {float:right}

.removed {
text-decoration:line-through;
}
.added {
text-decoration:underline;
}
acronym{
border-bottom:1px dashed #666666;
text-decoration:none
}
body{
background-color:#ffffff;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0
}
p,th,td,li,dt,dd,blockquote,h3,h4,h5,h6,legend,#print,#containutility,#tagline,#ssl p, #popup{
font-size:x-small;
voice-family:"\"}\"";
voice-family:inherit;
font-size:small;
}
h1,#siteid{
font-size:medium;
voice-family:"\"}\"";
voice-family:inherit;
font-size:large;
}
h2{
font-size:small;
voice-family:"\"}\"";
voice-family:inherit;
font-size:medium;
}
#skipnav,#copyright,#ada{
font-size:xx-small;
voice-family:"\"}\"";
voice-family:inherit;
font-size:x-small;
}
#ssl img{
float:left;
}
#ssl p{
margin:0;
padding:0 0 0 5px;
}
#popup{
margin:0;
padding:0 0 0 5px;
}
#killdoublequotes{
}
h1{
margin:0;
padding:25px 0 0 0 !important;
padding:0;
}
h4{
font-variant:small-caps
}
h5{
font-style:italic
}
h6{
font-style:italic;
font-weight:normal
}
h2, h3, h4, h5, h6{
margin:7px 0px 0px 0px;
padding:0
}
hr{
height:1px;
border-bottom:1px solid #bbbbbb;
border-right:0px;
border-top:0px;
border-left:0px
}
table{
font-size:1.0em;
margin:0
}
tr{
vertical-align:top
}
th{
padding:0;
}
td{
padding:0
}
strong{
color:#444444;
font-weight:bold
}
em{
font-style:italic
}
form{
margin:0;
padding:0
}
blockquote{
margin:10px 10px 10px 10px;
}
ol{
margin:7px 0px 0px 48px;
}
p, dl, table, fieldset{
margin:7px 0px 0px 10px;
}
p, li, dt, dd, blockquote{
line-height:140%
}
label{
vertical-align:top
}
.unbold{
font-weight:normal;
vertical-align:top
}
table{
border-top:1px solid #cccccc;
border-left:1px solid #cccccc
}
th{
background-color:#B3C8DB;
}
td{
background-color:#FFFFFF;
}
td, th{
padding:2px 5px 2px 5px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc
}
ul{
margin:7px 0px 0px 40px;
}
/*----Header----*/
#banner{
background:#cccc99;
border-bottom:1px solid #000000
}
#banner img{
display:block
}

#containhead{
height:60px;
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
background-color:#fff;
/*background-image:url(../../images/itd/itd-logo.gif);*/
background-repeat:no-repeat;
}
#containhead div#sitelogo{
float:left
}
#containhead div#siteid{
font-weight:bold;
padding:0px 0px 0px 110px;
}
#containhead div#tagline{
color:#555555;
padding:0px 0px 0px 110px;
font-weight:bold
}
#containhead div#skipnav{
clear:both;
}
/*------Utility Bar----*/
#containutility{
width:100%;
float:left;
background-color:#B3C8DB;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
}
#containutility dt{
border-left:1px solid #000000;
display:inline;
padding:0 2px 0 6px;
}
#containutility dt.first{
border:0
}
#utility1{
float:left;
margin:0 0 0 0;
padding:4px 5px 5px 0;
}
#utilityr{
float:right;
text-align:right;
vertical-align:top;
margin:0 0 0 0;
padding:4px 8px 0 8px
}
#utilityr label{
font-weight:normal;
vertical-align:middle;
}
#utilityr input.searchbox{
border:1px solid #cdcdcd;
vertical-align:top;
}
#utilityr input.searchbutton{
background:#ffffff;
border:1px solid #cdcdcd;
font-weight:normal;
color:#2962A0;
vertical-align:top;
text-decoration:none
}
/*----Content----*/
.content{
border-left:1px solid #666666;
margin:0px 0px 0px 200px;
padding:16px 25px 15px 20px;
}
#pagenav{
margin:50px 0 0 0
}
#pagenav dt{
display:inline;
margin:0 10px 0 0
}
#print{
float:right;
text-align:right;
}
.contactinfo{
line-height:150%;
margin:0 0 10px 20px;
padding:0 0 0 0
}
.contactinfo span{
display:block
}
.contain {
float:left;
}
/*----Footer----*/
#containfooter{
width:100%;
background-color:#B3C8DB   ;
border-top:1px solid #292929;
border-bottom:1px solid #292929;
float:left;
}
#containfooter dt{
border-left:1px solid #000000;
display:inline;
padding:0 2px 0 6px;
}
#containfooter dt.first{
border:0
}
#footerl{
float:left;
margin:0 0 0 0;
padding:4px 5px 5px 0
}
#footerr{
float:right;
margin:0 0 0 0;
padding:4px 5px 0 8px
}
#copyright{
clear:both;
padding:0 0 2px 20px;
}
#ada{
clear:both;
margin-top:5px;
color:#999999;
padding:0 0 2px 5px;
}
/*----Sidebar----*/
#sidebarleft{
background-color:#efefef;
float:left;
width:200px;
margin:0;
padding:0
}
/*----Application----*/
.app-content{
background-color:#FCFBF8;
margin:0;
padding:16px 25px 15px 20px;
}
#ssl{
clear:both;
padding:3px 0 0 0;
}
select{
height:20px
}
fieldset{
border:1px solid #cccccc;
background-color:#FCFBF8;
padding:0 0 10px 0 
}
.tableapp{

}
.tableapp table{
border:0px;
background-color:#FCFBF8;
}
.tableapp th{
border:0px;
white-space:nowrap;
font-weight:normal;
text-align:right;
background-color:#E7EEF3;
}
.tableapp td{
text-align:left;
background-color:#FCFBF8;
border:0px;
}
.tableapp strong{
vertical-align:top;
padding:0 2px 0 15px;
color:#000000
}
.tableapp textarea{
width:520px;
}
form fieldset dl{
width:100%;
}
form fieldset dt{
clear:both;
width:200px;
float:left;
text-align:right;
}
legend{
font-weight:bold;
}
.buttonprototype{
margin:10px 0px 10px 10px;
padding:0px 0px 0px 0px;
}
.buttonprototype :link,.buttonprototype :visited{
background:#B3C8DB none;
border:1px solid #ccc;
color:#444444;
margin:0px 5px 0px 0px;
padding:1px 5px 2px 5px;
text-decoration:none;
}
div.menu{
width:200px;
margin:10px 10px 20px 0px;
border:1px #8F8F8F solid;
background-color:#fff;
padding:0px 0px 5px 0px;
float:left;
}
.menu h2{
border-bottom:#8F8F8F solid 1px;
font-size:small;
padding:0px 3px 0px 3px;
margin:0px;
background-color:#B3C8DB;
color:#000;
}
.menu ol{
list-style-type:none;
background-color:#fff;
margin-left:0px;
padding-left:0px;
}
.menu li{
padding-left:10px;
margin-left:0px;
}
/* begin action buttons - wrap all form action buttons with a div tag with the class button. if using two rows of buttons, each row would be wrapped with the button class div tag */

.button{
margin:20px 0 10px 10px;
padding:0;
}
.button input{
background:#B3C8DB;
border:1px solid #bbbbbb;
color:#000000;
margin:0;
padding:1px 0 0 0;
text-decoration:none;
}

/* clear and search buttons - wrap clear and search buttons with this unique class since they are typically located inside a fieldset. */

#buttonsearch{
margin:5px 0 0 0;
padding:0;
}
#buttonsearch input{
background:#efefef;
border:1px solid #bbbbbb;
color:#000000;
text-decoration:none;
margin:0;
padding:0;
}

/* begin error message - wrap error message block with error id div - use p tag for first sentance and ol-li tags for each individual error message */

#error{
background-color:#FCFBF8;
color:#ff0000;
margin:7px 0 0 0;
padding:0;
}
#error p{
font-weight:bold;
line-height:150%;
margin:0 0 0 20px;
padding:0;
}
#error ol, ul{
list-style-type:disc;
line-height:150%;
margin:0 0 0 50px;
padding:0;
}
#error li{
margin:0;
padding:0;
}
.layoutcolumns table {
border:0px;
}
.layoutcolumns td{
padding:0px 10px 0px 0px;
border:0px;
}
.content table tr td div.menubox {
border:1px solid #BCD6C3;
}
.content table tr td div.menubox h2 {
background-color:#DDE8FD;
border-bottom:1px solid #BCD6C3;
font-size:1.1em;
margin-top:0px;
padding:1px 5px 2px 5px;
}
.content table tr td div.menubox dl {
margin:0px 5px 5px 5px;
}
#surveyradiobuttonhoriz ol{
padding:0 0 0 0;
}
#surveyradiobuttonhoriz ol li{
padding:0 0 20px 0;
}
#surveyradiobuttonhoriz ol ol{
margin:5px 0 0 0;
}
#surveyradiobuttonhoriz li li{
display:inline;
}
#surveyradiobuttonhoriz label{
font-weight:normal;
}
.date span{
padding:0 0 10px 0;
}
.radio span{
font-weight:normal;
}/* mostly header styles */
/* unique to the bar that flows accross application pages and usually houses the main menu, Login ID, and logout */

/* houses the note on the login pages */
#note{
background:#efefef none;
border:#ccc 1px solid;
color:#006666;
font-weight:bold;
margin:0px 0px 10px 0px;
padding:1px 5px 2px 5px
}
a.popup {
padding-top:4px;
padding-right:19px;
margin-right:0px;
position:relative;
white-space:nowrap;
background-image:url(../../images/popup.gif);
background-position:right;
background-repeat:no-repeat;
}
a.popupsmall{
padding-top:4px;
padding-right:12px;
margin-right:0px;
position:relative;
white-space:nowrap;
background-image:url(../../images/popup.gif);
background-position:right;
background-repeat:no-repeat;
}
.map{
background-color:#FF0000;
}
.normal{
font-weight:normal;
}
.indent{
padding:0px 0px 0px 20px;
}
.faq{
font-weight:bold;
font-size:small;}
#ext{
vertical-align:bottom;
}
#title{
color:#6B6B6B;
font-weight:bold
}
.agency dt{
padding:0px 0px 0px 20px;
font-weight:bold;
}
.agency dd{
padding:0px 0px 0px 10px;}

.view{

}
.view table{
border:0px;
width:95%;
}
.view th{
border:0px;
text-align:right;
background-color:#FCFBF8;
color:#000000;
width:15%;
font-weight:normal;
white-space:nowrap;
padding:5px 2px 5px 5px;
}
.view td{
border:0;
background-color:#fff;
padding:5px 2px 5px 5px;
}
.view strong{
vertical-align:top;
padding:0 2px 0 15px;
}
.view textarea{
width:520px;
}
.addedit{

}
.addedit table{
border:0px;
}
.addedit th{
border:0px;
text-align:right;
background-color:#FCFBF8;
color:#000;
font-weight:normal;
padding:5px 2px 5px 5px;
}
.addedit td{
border:0;
background-color:#FCFBF8;
padding:5px 2px 5px 5px;
}
.addedit strong{
vertical-align:top;
padding:0 2px 0 15px;
}
.addedit textarea{
width:520px;
}
.smallh2{
font-size:small;
font-weight:bold;
}
.modal-box
{
    width:550; 
    background: #fff; 
    padding: 10px 10px 10px; 
    -moz-box-shadow: 0px 0px 20px ; 
    box-shadow: 0px 0px 20px; 
    -webkit-box-shadow: 0px 0px 20px;
}                   
.modal-background 
{
	background-color:#000;
	filter:alpha(opacity=60);
	opacity:0.4;
    overflow:hidden;
}
td.thformat {
Background-color: #E7EEF3;
Border: 0 none;
Font-weight: normal;
Text-align: right;
White-space: nowrap;
}   
 td.thformat2 {
Background-color: #F7FE2E;
Border: 0 none;
Font-weight: normal;
Text-align: right;
White-space: nowrap;
}