/* NJDOT Style Sheet dotstyles.css */
/* 4-19-2004, DMH */
/* 1-08-2007, MD */

body {
	background: white;
	font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* Toggle Display style - only style showing controlled by javascript toggle */
.toggle { display: none; }

.nounderline     { text-decoration: none; }
.nounderlinebold { text-decoration: none; font-weight: bold; }
.strikethrough   { text-decoration: line-through; }

p          { font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; }
ul         { font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; }
ol         { font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; }
th         { font: bold 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; }
td         { font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; }
blockquote { font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px 0px 0px 20px; }
small      { font: 6pt Verdana, Geneva, Arial, Helvetica, sans-serif; }

h1 { margin: 0px; color: #000066; font: bold 14pt Verdana, Geneva, Arial, Helvetica, sans-serif; }
h2 { margin: 0px; color: #000066; font: bold 12pt Verdana, Geneva, Arial, Helvetica, sans-serif; }
h3 { margin: 0px; color: #000066; font: bold 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; }
h4 { margin: 0px; color: #000066; font: bold 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; }
h5 { margin: 0px; color: #000066; font: bold 6pt Verdana, Geneva, Arial, Helvetica, sans-serif; }

/* colors */
.dotred    { color: #CC0000; }
.dotblue   { color: #000066; }
.navblue   { color: #ccccff; }
.njdotred  { color: #f42a41; }
.njdotblue { color: #0019a8; }
.red       { color: #990000; }
.blue      { color: #000033; }
.white     { color: #FFFFFF; }
.black     { color: #000000; }

/* Special fonts */
.a8white   { color: #FFFFFF; font: 8pt Arial, Helvetica, sans-serif; }
.a8bwhite  { color: #FFFFFF; font: bold 8pt Arial, Helvetica, sans-serif; }
.v8bwhite  { color: #FFFFFF; font: bold 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; }
.v8red     { color: #FF0000; font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; }
.boldred   { color: #CC0000; font-weight: bold; }
.dotfooter { font: 8pt Arial, Helvetica, sans-serif; }
.pdf       { font: 8pt Arial, Helvetica, sans-serif; }

/* Verdana fonts */
.v6   { font: 6pt Verdana, Geneva, Arial, Helvetica, sans-serif; }
.v8   { font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; }
.v10  { font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; }
.v12  { font: 12pt Verdana, Geneva, Arial, Helvetica, sans-serif; }
.v14  { font: 14pt Verdana, Geneva, Arial, Helvetica, sans-serif; }
.v8b  { font: bold 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; }
.v10b { font: bold 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; }
.v12b { font: bold 12pt Verdana, Geneva, Arial, Helvetica, sans-serif; }
.v14b { font: bold 14pt Verdana, Geneva, Arial, Helvetica, sans-serif; }
.v8n  { font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; font-stretch: condensed; }
.v10n { font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; font-stretch: condensed; }
.v12n { font: 12pt Verdana, Geneva, Arial, Helvetica, sans-serif; font-stretch: condensed; }
.v14n { font: 14pt Verdana, Geneva, Arial, Helvetica, sans-serif; font-stretch: condensed; }

.v12bdotblue { color: #330099; font: bold 12pt Verdana, Geneva, Arial, Helvetica, sans-serif; }

/* Arial fonts */
.a6    { font: 6pt Arial, Helvetica, sans-serif; }
.a8    { font: 8pt Arial, Helvetica, sans-serif; }
.a10   { font: 10pt Arial, Helvetica, sans-serif; }
.a12   { font: 12pt Arial, Helvetica, sans-serif; }
.a14   { font: 14pt Arial, Helvetica, sans-serif; }
.a8b   { font: bold 8pt Arial, Helvetica, sans-serif; }
.a10b  { font: bold 10pt Arial, Helvetica, sans-serif; }
.a12b  { font: bold 12pt Arial, Helvetica, sans-serif; }
.a14b  { font: bold 14pt Arial, Helvetica, sans-serif; }
.a8n   { font: 8pt Arial, Helvetica, sans-serif; font-stretch: condensed; }
.a10n  { font: 10pt Arial, Helvetica, sans-serif; font-stretch: condensed; }
.a12n  { font: 12pt Arial, Helvetica, sans-serif; font-stretch: condensed; }
.a14n  { font: 14pt Arial, Helvetica, sans-serif; font-stretch: condensed; }
.a8bn  { font: bold 8pt Arial, Helvetica, sans-serif; font-stretch: condensed; }
.a10bn { font: bold 10pt Arial, Helvetica, sans-serif; font-stretch: condensed; }
.a12bn { font: bold 12pt Arial, Helvetica, sans-serif; font-stretch: condensed; }
.a14bn { font: bold 14pt Arial, Helvetica, sans-serif; font-stretch: condensed; }

/* Form Table Styles */
table.frmtable { padding: 1px; border-width: 2px; border-spacing: 0px; border-style: solid; border-collapse: collapse; background-color: white; border-color: #ccccff; }
table.frmtable tr.heading th { border-width: 1px; border-spacing: 0px; border-style: solid; padding: 0; font: bold 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000066; border-color: #ccccff; background: #ccccff; }
table.frmtable th { border-width: 1px; border-spacing: 0px; border-style: solid; padding: 0; font: bold 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000066; border-color: #F8F8F8; background: #ccccff; }
table.frmtable td { border-width: 1px; border-spacing: 0px; border-style: solid; padding: 0; font: 10pt Arial, Helvetica, sans-serif; color: #000000; border-color: #ccccff; }
table.frmtable tr.s0 td { border-width: 1px; border-spacing: 0px; border-style: solid; padding: 0; font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; border-color: #F8F8F8; background-color: #FFFFFF; }
table.frmtable tr.s1 td { border-width: 1px; border-spacing: 0px; border-style: solid; padding: 0; font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; border-color: #F8F8F8; background-color: #F8F8F8; }
table.frmtable tr.s0 th { border-width: 1px; border-spacing: 0px; border-style: solid; padding: 0; font: normal 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; border-color: #F8F8F8; background-color: #ccccff; }
table.frmtable tr.s1 th { border-width: 1px; border-spacing: 0px; border-style: solid; padding: 0; font: normal 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; border-color: #F8F8F8; background-color: #ccccff; }

/* Category page layout component */
table.category td.verticalbar {color:#ccccff; background-color:#ccccff}

/* Table fonts */
.tbl1    { font: 14pt Arial, Helvetica, sans-serif; }
.tbl2    { font: 12pt Arial, Helvetica, sans-serif; }
.tbl3    { font: 10pt Arial, Helvetica, sans-serif; }
.tbl4    { font: 8pt Arial, Helvetica, sans-serif; }
.tbl5    { font: 6pt Arial, Helvetica, sans-serif; }
.tblh1   { font: bold 14pt Arial, Helvetica, sans-serif; color: #000066; }
.tblh2   { font: bold 12pt Arial, Helvetica, sans-serif; color: #000066; }
.tblh3   { font: bold 10pt Arial, Helvetica, sans-serif; color: #000066; }
.tblh4   { font: bold 8pt Arial, Helvetica, sans-serif; color: #000066; }
.tblh5   { font: bold 6pt Arial, Helvetica, sans-serif; color: #000066; }
.tblh1bk { font: bold 14pt Arial, Helvetica, sans-serif; color: #000066; background: #ccccff; }
.tblh2bk { font: bold 12pt Arial, Helvetica, sans-serif; color: #000066; background: #ccccff; }
.tblh3bk { font: bold 10pt Arial, Helvetica, sans-serif; color: #000066; background: #ccccff; }
.tblh4bk { font: bold 8pt Arial, Helvetica, sans-serif; color: #000066; background: #ccccff; }
.tblh5bk { font: bold 6pt Arial, Helvetica, sans-serif; color: #000066; background: #ccccff; }
.tblfoot { font: 8pt Arial, Helvetica, sans-serif; }

/* Input form fonts */
.frm1    { font: 14pt Arial, Helvetica, sans-serif; color: #000066; }
.frm2    { font: 12pt Arial, Helvetica, sans-serif; color: #000066; }
.frm3    { font: 10pt Arial, Helvetica, sans-serif; color: #000066; }
.frm4    { font: 8pt Arial, Helvetica, sans-serif; color: #000066; }
.frm5    { font: 6pt Arial, Helvetica, sans-serif; color: #000066; }
.frm1bk  { font: 14pt Arial, Helvetica, sans-serif; color: #000066; background: #ccccff; }
.frm2bk  { font: 12pt Arial, Helvetica, sans-serif; color: #000066; background: #ccccff; }
.frm3bk  { font: 10pt Arial, Helvetica, sans-serif; color: #000066; background: #ccccff; }
.frm4bk  { font: 8pt Arial, Helvetica, sans-serif; color: #000066; background: #ccccff; }
.frm5bk  { font: 6pt Arial, Helvetica, sans-serif; color: #000066; background: #ccccff; }
.frmh1   { font: bold 14pt Arial, Helvetica, sans-serif; color: #000066; }
.frmh2   { font: bold 12pt Arial, Helvetica, sans-serif; color: #000066; }
.frmh3   { font: bold 10pt Arial, Helvetica, sans-serif; color: #000066; }
.frmh4   { font: bold 8pt Arial, Helvetica, sans-serif; color: #000066; }
.frmh5   { font: bold 6pt Arial, Helvetica, sans-serif; color: #000066; }
.frmh1bk { font: bold 14pt Arial, Helvetica, sans-serif; color: #000066; background: #ccccff; }
.frmh2bk { font: bold 12pt Arial, Helvetica, sans-serif; color: #000066; background: #ccccff; }
.frmh3bk { font: bold 10pt Arial, Helvetica, sans-serif; color: #000066; background: #ccccff; }
.frmh4bk { font: bold 8pt Arial, Helvetica, sans-serif; color: #000066; background: #ccccff; }
.frmh5bk { font: bold 6pt Arial, Helvetica, sans-serif; color: #000066; background: #ccccff; }
.frmfoot { font: 8pt Arial, Helvetica, sans-serif; }

/* LINKS by link type */

/* Default links */
a:link    { color: #330099; text-decoration: underline; }
a:visited { color: #330099; text-decoration: underline; }
a:hover   { color: #FF0000; text-decoration: underline; }
a:active  { color: #FF0000; text-decoration: underline; }

/* Navigation Bar links */
a.navbar:link    { color: #000066; text-decoration: none; }
a.navbar:visited { color: #000066; text-decoration: none; }
a.navbar:hover   { color: #CC0000; text-decoration: none; }
a.navbar:active  { color: #CC0000; text-decoration: none; }

a.a8whitetored:link    { color: #FFFFFF; text-decoration: none; }
a.a8whitetored:visited { color: #FFFFFF; text-decoration: none; }
a.a8whitetored:hover   { color: #FFFFFF; text-decoration: none; }
a.a8whitetored:active  { color: #FFFFFF; text-decoration: none; }

/* Bold Body links */
a.bblnk:link    { color: #000066; font-weight: bold; text-decoration: none; }
a.bblnk:visited { color: #000066; font-weight: bold; text-decoration: none; }
a.bblnk:hover   { color: #CC0000; font-weight: bold; text-decoration: none; }
a.bblnk:active  { color: #CC0000; font-weight: bold; text-decoration: none; }

/* Navigation Bar Heading links */
a.navbartoplink:link    { font: bold 8pt Arial, Verdana, Helvetica, sans-serif; text-decoration: none; color: white; font-stretch: condensed; }
a.navbartoplink:visited { font: bold 8pt Arial, Verdana, Helvetica, sans-serif; text-decoration: none; color: white; font-stretch: condensed; }
a.navbartoplink:hover   { font: bold 8pt Arial, Verdana, Helvetica, sans-serif; text-decoration: none; color: white; font-stretch: condensed; }
a.navbartoplink:active  { font: bold 8pt Arial, Verdana, Helvetica, sans-serif; text-decoration: none; color: white; font-stretch: condensed; }

/* Footer links */
a.footer:link    { color: #000066; text-decoration: none; }
a.footer:visited { color: #000066; text-decoration: none; }
a.footer:hover   { color: #FF0000; text-decoration: none; }
a.footer:active  { color: #FF0000; text-decoration: none; }

/* Banner links */
a.banner:link    { color: #FFFFFF; text-decoration: none; }
a.banner:visited { color: #FFFFFF; text-decoration: none; }
a.banner:hover   { color: #FFFFFF; text-decoration: underline; }
a.banner:active  { color: #FFFFFF; text-decoration: none; }

/* Other attributes for NJ DOT CSS */
.alpha-lower ol { list-style-type: lower-alpha; }
.alpha-upper ol { list-style-type: upper-alpha; }
.roman-lower ol { list-style-type: lower-roman; }
.roman-upper ol { list-style-type: upper-roman; }
.decimal ol     { list-style-type: decimal; }

ol.alpha-lower  { list-style-type: lower-alpha; }
ol.alpha-upper  { list-style-type: upper-alpha; }
ol.roman-lower  { list-style-type: lower-roman; }
ol.roman-upper  { list-style-type: upper-roman; }
ol.decimal      { list-style-type: decimal; }

a.navbar00:link,a.navbar00:visited,
a.navbar01:link,a.navbar01:visited,
a.navbar02:link,a.navbar02:visited,
a.navbar03:link,a.navbar03:visited,
a.navbar04:link,a.navbar04:visited,
a.navbar05:link,a.navbar05:visited,
a.navbar06:link,a.navbar06:visited,
a.navbar07:link,a.navbar07:visited,
a.navbar08:link,a.navbar08:visited,
a.navbar09:link,a.navbar09:visited,
a.navbar10:link,a.navbar10:visited,
a.navbar11:link,a.navbar11:visited,
a.navbar12:link,a.navbar12:visited,
a.navbar13:link,a.navbar13:visited,
a.navbar14:link,a.navbar14:visited,
a.navbar15:link,a.navbar15:visited,
a.navbar16:link,a.navbar16:visited,
a.navbar17:link,a.navbar17:visited,
a.navbar18:link,a.navbar18:visited,
a.navbar19:link,a.navbar19:visited,
a.navbar20:link,a.navbar20:visited,
a.navbar21:link,a.navbar21:visited,
a.navbar22:link,a.navbar22:visited,
a.navbar23:link,a.navbar23:visited,
a.navbar24:link,a.navbar24:visited,
a.navbar25:link,a.navbar25:visited
{ text-decoration: none; color: #000066; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }

a.navbar00:hover,a.navbar00:active,
a.navbar01:hover,a.navbar01:active,
a.navbar02:hover,a.navbar02:active,
a.navbar03:hover,a.navbar03:active,
a.navbar04:hover,a.navbar04:active,
a.navbar05:hover,a.navbar05:active,
a.navbar06:hover,a.navbar06:active,
a.navbar07:hover,a.navbar07:active,
a.navbar08:hover,a.navbar08:active,
a.navbar09:hover,a.navbar09:active,
a.navbar10:hover,a.navbar10:active,
a.navbar11:hover,a.navbar11:active,
a.navbar12:hover,a.navbar12:active,
a.navbar13:hover,a.navbar13:active,
a.navbar14:hover,a.navbar14:active,
a.navbar15:hover,a.navbar15:active,
a.navbar16:hover,a.navbar16:active,
a.navbar17:hover,a.navbar17:active,
a.navbar18:hover,a.navbar18:active,
a.navbar19:hover,a.navbar19:active,
a.navbar20:hover,a.navbar20:active,
a.navbar21:hover,a.navbar21:active,
a.navbar22:hover,a.navbar22:active,
a.navbar23:hover,a.navbar23:active,
a.navbar24:hover,a.navbar24:active,
a.navbar25:hover,a.navbar25:active
{ text-decoration: none; color: #CC0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }

table.navbar { width:97%; background-color:#ccccff; border: 0px #000000 solid; border-collapse: collapse; border-spacing: 0px; }

td.navbardiv { background-color:#ffffff; display:table-cell; }

td.sub { background-color:#ffffff; }