/* main css for thruway.ny.gov */
body { margin: 0; padding: 0; color: #000; background-color: #fff; 
       font-family: verdana, arial, helvetica, sans-serif; }
/* be kind to ns4 rule */
p, td, li, ul, ol, h1, h2, h3, h4, h5, h6 { font-family: verdana, arial, helvetica, sans-serif; }
a { color: #0612ff; text-decoration: none; }
a:link { color: #0612ff; text-decoration: none; }
a:visited { color: #0612ff; text-decoration: none; }
a:hover { color: #003366;  text-decoration: underline; }

/* NS 6 bug fix for images, removes extra whitespace when displayed inline */
table#header td img { display: block; border: 0; }
img { display: block; border: 0; }
ul li img { display: inline; border: 0; }
.border { display: inline;  border: 1px solid #000 !important; } /* Image with border */
.inline { display: inline; border: 0; }

.hide { height: 0; width: 0; overflow: hidden; position: absolute;  /* for the benefit of IE5 Mac */ }

a.bookmark { color: #000; text-decoration: none;}
a.bookmark:link { color: #000; }
a.bookmark:visited { color: #000; }
a.whiteout { font-size: .70em; color: #fff; }
a.whiteout:link { color: #fff; }
a.whiteout:visited { color: #fff; }
a.whiteout:hover { color: #fff; }
a.prwhiteout { color: #FDFDD8; }

h1 { font-family:  verdana, helvetica, arial, times new roman, garamond, times, serif; 
color: #ccc; line-height: .90em; font-weight: normal; vertical-align: bottom;
padding: 0 6px 0 0; margin: 0; text-align: right; border-bottom: 1px solid #ccc; }
h2 { text-transform: uppercase; font-size: 1.1em; margin: 4px; padding-top: 2px;}
h3 { text-transform: capitalize; font-size: 1.1em; margin: 4px; padding-top: 2px;}
h4 { text-transform: uppercase; font-size: 1em; margin: 4px; padding-top: 2px;}
h5 { text-transform: capitalize; font-size: 1em; margin: 4px; padding-top: 2px;}

#breadcrumbs { margin: 0; padding-right: 0; padding-left: 2px; padding-bottom: 4px; 
  padding-top: 2px; color: #fff; background-color: #37689D; font-size: 65%;
  font-weight: bold; border-bottom: 1px solid gray; }
td#breadcrumbs a, #breadcrumbs a { color: #e5e5e5; text-decoration: underline; }
td#breadcrumbs a:hover, #breadcrumbs a:hover { color: #FF9; text-decoration: underline; }

/* content */
table#content { border-right: 1px solid #ccc;}
table#content td { vertical-align: top; }
/* searchbar */
#searchbar { font-size: 70%; margin: 0; padding: 0; background-color: #eaeaea; border-right: 1px solid #ccc; vertical-align: bottom; }
#searchbarhome { margin: 0; padding: 0; background-color: #eaeaea; border-right: 1px solid #ccc; }

#searchform { margin: 0 0 3px 3px;  padding: 0; }
.searchlabel { color: #01284F; font-weight: bold; }
#searchbutton { position: relative; top: 1px; }

/* no break tag */
.nobr { white-space: nowrap; }

/* navbar */
#navbar2
{
	background-color: #eaeaea;
	border-right: 1px solid #ccc;
    /* width must be equal to (165px - L/R padding - L/R borders) */
	width: 162px;
	padding: 0;
	margin: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	/* display: block; */ /*for some reason we need this */
	font-size: 70%;
}

#navbar2 td { vertical-align: top; }

/** COMMENTED OUT the hack below as it was causing the project and studies
navbar to expand to the full width of the page in IE 5.X browsers.**/
/* IE 5.x/win Box Model Tan Hack */
/** html td#navbar2 {
width: 100%;
w\idth: 162px;
}*/

ul#navlist2
{
	display: block;
	text-align: left;
	list-style: none;
	padding: 0;
	width: 162px; 
	margin: 0;
}

ul#navlist2 li
{
display: block;
margin: 0;
padding: 0;
width: 100%;
}

/* IE 5.x/win Hack */
* html ul#navlist2 { margin-left: -15px; ma\rgin-left: 0; }

ul#navlist2 li a
{
width: 158px;
display: block;
margin: 0;
padding: 0 0 0 3px;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #0612ff;
text-decoration: none;
background: #eaeaea;
}

/* IE 5.x/win Hack */
* html ul#navlist2 li a { width: 162px; w\idth: 158px; }

ul#navlist2 li a:hover
{
color: #003366;
background: #8CACCF;
border-color: #ffe #aaab9c #ccc #fff;
text-decoration:none;
}

ul#navlist2 li.navdivider{
display: block;
padding: 0 0 1px 3px;
background: #c5c5c5;
border-width: 0 1px 0 0;
border-color: #fff #aaab9c #fff #fff;
border-style: solid;
color: #fff;
background: #37689D;
font-weight: bold;
width:159px;
}
/* IE 5.x/win Hack */
 * html ul#navlist2 li.navdivider *{
width: 162px;
w\idth: 159px;
} 

ul#navlist2 li.navsectionhead a, #navlist2 li.navsectionheadez a {
display: block;
margin: 0;
padding: 0 0 0 3px;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #003366;
background: #c5c5c5;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}

ul#navlist2 li.navsectionheadpj a{
display: block;
margin: 0;
padding: 0 0 0 3px;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #03254A;
background: #E9E9D4;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}


ul#navlist2 li.navsectionhead23 a{
display: block;
margin: 0;
padding: 0 0 0 3px;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #ffffff;
background: #463527;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}

ul#navlist2 li.navsectionheadalb a{
display: block;
margin: 0;
padding: 0 0 0 3px;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #FCFD7E;
background: #000000;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}

ul#navlist2 li.navsectionheadbuf a{
display: block;
margin: 0;
padding: 0 0 0 3px;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #000;
background: #8DABC8;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
ul#navlist2 li.navsectionheadnewb a{
display: block;
margin: 0;
padding: 0 0 0 3px;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #fff;
background: #0F77C3;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
ul#navlist2 li.navsectionheadwil a{
display: block;
margin: 0;
padding: 0 0 0 3px;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #fff;
background: #0F77C3;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
ul#navlist2 li.navsectionhead84 a{
display: block;
margin: 0;
padding: 0 0 0 3px;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #fff;
background: #479584;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
ul#navlist2 li.navsectionheadtzb a{
display: block;
margin: 0;
padding: 0 0 0 3px;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #fff;
background: #002b54;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
ul#navlist2 li.navsectionheadwb a{
display: block;
margin: 0;
padding: 0 0 0 3px;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #fff;
background: #00376f;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
ul#navlist2 li.navsectionheadsgib a{
display: block;
margin: 0;
padding: 0 0 0 3px;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #fff;
background: #3f687a;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
/* IE 5.x/win Hack */
 * html ul#navlist2 li.navsectionhead a, ul#navlist2 li.navsectionheadez a { width: 162px; w\idth: 158px;} 

ul#navlist2 li.navsectionhead a:hover {
color: #fff;
border-color: #ffe #aaab9c #ccc #fff;
text-decoration: none;
background-color: #4A76A6;
}

ul#navlist2 li.navsectionheadpj, ul#navlist2 li.navsectionhead23, ul#navlist2 li.navsectionhead84, ul#navlist2 li.navsectionheadalb, ul#navlist2 li.navsectionheadbuf, ul#navlist2 li.navsectionheadnewb, ul#navlist2 li.navsectionheadwil a:hover {
color: #000;
border-color: #ffe #aaab9c #ccc #fff;
text-decoration:none;
background-color: #D4EAFF;
}

ul#navlist2 li.navsectionheadez a:hover {
color: #fff;
border-color: #ffe #aaab9c #ccc #fff;
text-decoration:none;
font-style: italic;
font-weight: bolder;
background-color: #990099;
}

.clear { clear:both; }
/* Projects and Studies */
.matrix { float: left; }
.matrix p { text-align: center; }
.column { float: left; width:49%; }
.columnr{ float: left; width:51%; text-align:right; }
.columnr p { text-align:center; }
.columnc { float: left; width:51%; text-align:center; }
.columnright{ float: right; width:51%;}


.calloutbold { font-weight: bold; color: #336699; }

/* Boxes */
.featureboxtzb { margin: 0 0 4px 0; border: #ccc 1px solid; text-align:center;}

.featurebox { margin: 0 0 4px 0; border: #ccc 1px solid; }
.featurebox p { margin: 0; padding: 2px; }
.featureboxtitle { padding: 2px; border-bottom: #ccc 1px solid;
                   background-color: #37689d; font-weight: bold; color: #fff; }
.featureboxpurple { padding: 2px; border-bottom: #ccc 1px solid;  
                   background-color: #9C009D; font-weight: bold; color: #fff; }
.featurepurpletitle { padding: 2px; border-bottom: #ccc 1px solid;
                  font-weight: bold; color: #9C009D; }
.featureboxalert { padding: 2px; border-bottom: #ccc 1px solid;
                   background-color: red; font-weight: bold; color: #fff; }
.featureboxcustomer { padding: 2px; border-bottom: #ccc 1px solid;
                   background-color: #af4141; font-weight: bold; color: #fff; }
.featurebox ul { margin-top: 6px; margin-bottom: 4px; padding-top: 0; padding-bottom: 0; margin-left: 6px; padding-left: 15px; }
.featurebox ul li { margin-top: 0; margin-bottom: 8px; padding-top: 0; padding-bottom: 0;
list-style-image: url(../images/bullet-bluespark.gif); list-style-position: outside; }

.tablebox { margin: 4px 4px 4px 0; padding: 1px; border: #C0C0C0 2px solid; }
.tableboxtitle { padding: 2px; border-bottom: #C0C0C0 2px solid; background-color: #f8f8df; font-weight: bolder; color: #74756A; text-transform: uppercase;}
.tablecolumnright { padding-right: 70px; float:right; display:block; }
.tabletext { padding-left: 8px; padding-right: 4px; padding-top: 2px; text-align: left;}

/* this is for the I-84/I-87 home page*/
.imagebox { margin: 4px 4px 4px 0; padding: 1px; width:35%; float:right;}

/* this is for the customer service box on the home page*/
.tableboxcs { background-color: #FFf; margin: 0 0 4px 0; padding: 1px; border: #C0C0C0 2px solid; }
.tableboxtitlecs { padding: 2px; border-bottom: #C0C0C0 2px solid; background-color: #c00; font-weight: bolder; color: #F3E5E5; text-transform: uppercase;}

/* this is for the projects and studies index page main content heading */
.headingboxtitle { margin-top: 6px; margin-right: 4px; margin-bottom: 1px; margin-left:4px; padding: 2px; border-bottom: #ccc 1px solid; background-color: #37689d; font-size: .85em; font-weight: bold; color: #fff; }

.center { text-align: center; margin-left: auto; margin-right: auto; }

/* masthead */
#masthead { line-height: .9em; font-size: 2.6em; font-family: garamond, times new roman, times, serif;
  color: gray; text-align: right; vertical-align:  text-top; font-weight: 600; margin-right: 0; 
  padding-right: 0; padding-left: 0; padding-bottom: 0; padding-top: 1px; border-bottom: 1px groove #ccc;
  text-transform: capitalize; }

.lower { font-style: italic; text-transform: none !important; }
/* who's who, and other pages */
.highlight { background-color: #f8f8df; COLOR: #74756A; font-size: .90em; border: 1px solid #C0C0C0; text-align:center; }
/* black heading */
.blackbold { color: #000; font-family:  verdana, arial, helvetica, sans-serif; 
	font-weight: bold; text-decoration: underline; }
a.blackbold:link { color: #000; font-weight: bold; text-decoration: underline; }
a.blackbold:visited { color: #000; font-weight: bold; text-decoration: underline; }
a.blackbold:hover { color: #0612ff; font-weight: bold; }

/********** Travel Plaza Side Box ***********/
/* leave a uniform padding around sidebar */
.travelbox { margin: 0 3px 0 3px; border: #ccc 1px solid; font-size: .95em; width:45%; float:right;}
.travelbox p { margin: 0; padding: 2px; color: #000;}
.traveltitle { padding: 2px; border-bottom: #ccc 1px solid;
                   background-color: #37689d; font-weight: bold; color: #fff; text-align:center; }
				   
/* sidebar */
/* leave a uniform padding around sidebar */
#sidebar { padding: 4px 4px 4px 4px; margin: 0; font-size: 80%; }
table#sidebar td { vertical-align: top; }
#sidebar p { margin-left: 2px;  margin-right:2px; margin-top:4px; margin-bottom:4px; }
.sidebarbox { margin: 0; border: #ccc 1px solid; font-size: .95em; }
.sidebarbox p { margin: 0; padding: 2px; }
.sidebarboxtitle { padding: 2px; border-bottom: #ccc 1px solid; 
                   background-color: #37689d; font-weight: bold; color: #fff; }

ul.pj {
display: block;
list-style-position:outside;
list-style-type:square;
margin-top: 3px;
margin-bottom: 3px;
padding-left:10px;
margin-left:10px;
}
.pj2{
margin-left:6px;
/* font-size: .75em !important;  */
list-style-type:circle; 
}

/* primarycontent */
/* leave a uniform padding around primary content */
#primarycontent { padding: 4px 4px 4px 4px; margin: 0; font-size: 80%;}
#primarycontent td { margin: 4px; padding: 4px; border: 1px solid #C0C0C0; }
#primarycontent th { 
    background-color: #f8f8df; /* light yellow */ 
    COLOR: #74756A;
	font-size: 85%;
    FONT-WEIGHT: bolder;
    text-transform: uppercase;
	border: 1px solid #C0C0C0; 
}
#primarycontent caption { COLOR: #74756A; FONT-WEIGHT: bolder; text-transform: uppercase; }
#primarycontent ul ul { list-style-type:square;}
#primarycontent ul ul ul{ list-style-type:circle;}
#primarycontent table {
	vertical-align: top;
	margin: 0;
	border: 0;
	padding: 0;
}

#printpage { text-align:right; font-size: .8em !important; }

li.w-padding { margin-top: 0; margin-bottom: 8px; }
.nopadding {margin: 0; padding: 0;}
.no-padding ul{ margin: 0; padding: 0; }
.no-padding li{ list-style-type: circle; margin: 0; padding: 0; }
.small { font-size: .8em !important; }
.small2 { font-size: .85em !important; }
.smaller { font-size: 70% !important; }
/* commented out 4/27/2010 JC, causing issues with ol li
.small li { list-style-type: circle; margin-left: 8px; } */
/* Map Table */
.maptable table { border: 0 !important; width: 547px; text-align:center;}
.maptable table td { border: 0 !important;}
.maptable td { margin: 0 !important; padding: 0 !important; border: 0 !important;}
.maptable img {margin: 0 !important; padding: 0 !important; border: 0 !important; display: block !important;}
table#maptable { border: 0 !important; width: 547px;}
table#maptable td { margin: 0 !important; padding: 0 !important; border: 0 !important;}
table#maptable img {margin: 0 !important; padding: 0 !important; border: 0 !important; display: block !important;}

/* dotted line */
.dottedline { border-bottom: #ccc 1px dotted; padding-right: 150px;}

.bgcolor {background-color:#eaeaea;}
/* horizontal rule */
.hrbar { border-bottom: #ccc 1px dashed; padding: 2px 0 2px 0;}
.hrbar2 { border-bottom: #ccc 1px solid; padding: 2px 0 2px 0; }
.hrbartzb { border-bottom: #ccc 1px groove; padding: 0px 0 2px 0;}
.hrbarhome { border-bottom: #ccc 1px dashed; padding: 0; margin-top: -15px; }


/* homepage boxes */
#homecontainerbox2 {border: #ccc 1px solid; border-top: 0; width:100%; margin: 0 0 4px 0;}
#homecontainerbox2 ul { margin-top: 6px; margin-bottom: 4px; padding-top: 0; padding-bottom: 0; margin-left: 6px; padding-left: 15px; }
#homecontainerbox2 ul li { margin-top: 0; margin-bottom: 8px; padding-top: 0; padding-bottom: 0;
list-style-image: url(../images/bullet-bluespark.gif); 
list-style-position: outside; }

.homeboxright2 {
  float:right;
  margin:0;
  width:49.5%;
  padding-left:0;

}
.homeboxleft2 {
  float:left;
  border-right: #ccc 1px solid;
  margin:0;
  width:50%; 
  padding-right:0;
  }

.homebottom {
  margin-top:4px; 
  padding-top:12px; 
  clear:both;
}

/********** News Meeting page (webcast) boxes ***********/
#webcastmainbox {border: #cccccc 1px solid; border-top: 0; width:100%; margin: 0px 0px 4px 0px;}
.webcastboxright {
  float:right;
  margin:0px auto;
  width:50%;
  padding-left:0;
   padding-right:0;
     border-left: #fff 1px solid;
  border-bottom: #fff 1px solid;
    border-left: #cccccc 1px solid;


  }
.webcastboxleft {
  float:left;
  border-left: #fff 1px solid;
  border-bottom: #fff 1px solid;
  margin:0px;
  width:49%; 
  padding-right:0;
   padding-left:0;
   text-align:center;
  }

.webcastbottom {
  clear:both;
  padding-top:5px;
  font-size: .8em !important; 
}

/* list used in Tap 602 */
ul.list1 { list-style-position: outside; list-style-type:decimal !important; padding-top: 2px; padding-bottom: 2px; }
ul.list1 ul li { list-style-position: outside; list-style-type: upper-alpha !important; padding-top: 2px; padding-bottom: 2px;}
.list1 ul ul li { list-style-position: outside; list-style-type:lower-alpha !important; padding-top: 2px; padding-bottom: 2px; }

/* boldheading */
.boldheading { color: #000; font-weight: bold; }
.boldheading a { color: #000; }
/* list index for rules and regs, letters, roman numbers, numbers, etc. */
ul.alpha {
list-style-position: outside;
list-style-type:lower-alpha !important;
padding-top: 2px; padding-bottom: 2px;
}
ul.alpha ul li {
list-style-position: outside;
list-style-type: decimal !important;
padding-top: 2px; padding-bottom: 2px;
}
.alpha ul ul li {
list-style-position: outside;
list-style-type: lower-roman !important;
padding-top: 2px; padding-bottom: 2px;
}
.alpha ul ul ul li{
list-style-position: outside;
list-style-type: lower-alpha !important;
padding-top: 2px; padding-bottom: 2px;
}
.alpha ul ul ul ul li{
list-style-position: outside;
list-style-type: lower-alpha !important;
padding-top: 2px; padding-bottom: 2px;
}

/* Travel Tools Top Nav */
#toolsnav {
font-size: 85%;
width: 100%;
margin: 4px 0 0 0;
padding: 0 0 0 .5em;
}

#toolsnav UL {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#toolsnav LI {
display: block; 
width: auto;
margin: 0;
padding: 0 2px 0 2px;
float: left;
}

#toolsnav A {
display: block;
width: auto;
text-decoration: none;
font-weight: bold;
color: white;
background: #336699;  /* blue */
margin: 0;
padding: 4px 10px;
border-left: 3px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #aaa;
border-bottom: 1px solid #fff;
}

#toolsnav A:hover, #toolsnav A:active { 
color: #fff;
text-decoration:underline;
background: #336699;  /* blue */
}

#toolsnav A:visited { 
text-decoration:none;
}

#toolsnav A.active:link, #toolsnav A.sel:link, #toolsnav A.sel:visited
{
position: relative;
z-index: 102;
font-weight: bold;
border-top: 1px solid gray;
border-right: 1px solid gray;
border-left: 1px solid gray;
border-bottom: 1px solid #eaeaea;
color: #003366;
background: #eaeaea;  /* grey */
}

/* Travel Tools Sub Navs 1-3 */
#toolssublevel1, #toolssublevel2, #toolssublevel3, #toolssublevellast {
font-size: 85%;
width: 100%; 
color: black;
background: #eaeaea;  /* grey */
padding: 5px 0 4px 9px;
margin-left: -4px;
clear: left;
}
#toolssublevellast {
border-bottom: 1px solid gray;
color: #eaeaea;
padding-top: 0 !important;
padding-bottom: 0 !important;
}

#toolssublevel1 a, #toolssublevel2 a, #toolssublevel3 a {
text-decoration: underline;
color: #0612ff; /* link blue */
background: #eaeaea;  /* grey */
}

#toolssublevel1 a:hover, #toolssublevel1 a:active, #toolssublevel1 a.sel:link, #toolssublevel1 a.sel:active,
#toolssublevel2 a:hover, #toolssublevel2 a:active, #toolssublevel2 a.sel:link, #toolssublevel2 a.sel:active,
#toolssublevel3 a:hover, #toolssublevel3 a:active, #toolssublevel3 a.sel:link, #toolssublevel3 a.sel:active {
color: #0612ff;
}

#toolssublevel1 a.sel, #toolssublevel2 a.sel, #toolssublevel3 a.sel { color: #0612ff; }
#toolssublevel1 a:hover, #toolssublevel1 a.sel:hover,
#toolssublevel2 a:hover, #toolssublevel2 a.sel:hover,
#toolssublevel3 a:hover, #toolssublevel3 a.sel:hover {
text-decoration: none;
color: #0612ff;
background: #8caccf;  /* blue */
}

/* footer */
#footer { margin: 0; padding-right: 0; padding-left: 2px; padding-bottom: 5px; padding-top: 2px;
 color: #fff; background-color: #37689D; font-size: 70%; border-top: 1px solid gray; }
td#footer a, #footer a { color: #fff; background-color: #37689D; text-decoration: none; }
td#footer a:hover, #footer a:hover { text-decoration: underline; }

/* External Apps, like WTAS, PBSS, and TINC  */
.highlightrow { margin: 0; padding: 0; color: #ff0000; background-color: #f8f8df;}
.highlightimpt { color: #ff0000; }
/* Laneclosures */
.moderateblock { background-color: #ffff00; }
.severeblock { background-color: #ff0000; }
td.laneclosurestrong { font-weight: bold;  margin: 4px;  padding: 4px; border: 1px solid #C0C0C0; }
/********** Gmap Text Page **************/
.gmapregionheader { color:#fff; background-color:#37689d; margin: 0; text-align: center; }
.gmapregionheaderdesc { color:#000; background-color:#dadada; border-bottom: 1px solid #ababab;
padding: 1px 0 2px 0; margin: 0; text-align: center; font-size: .8em !important; }
#gmapreturntomap { padding-right:2px; text-align:right; font-size: .8em !important; }