/* Move down content because we have a fixed navbar that is 50px tall */

html {padding: 0;
    margin: 0;
    width:100%;
}

body {
    padding: 0;
    margin: 0;
    width: 100%;
    font-family: 'Open Sans', Arial;
}

/* Set some basic padding to keep content from hitting the edges */
.pageContent {
    padding-left: 35px;
    padding-right: 40px;
    padding-bottom: 35px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
    color:#333;
 /*  padding: 12px;*/
}
input[type="checkbox"] {margin-right: 4px;}

/*This sets all images to be responsive*/
 img 
    {max-width: 100%;
    height: auto;}

 /*Eliminates the dotted underline when using the abbr tag*/
 abbr[title] {
  border-bottom: none !important;
  cursor: inherit !important;
  text-decoration: none !important;
}


 h1 {color:#000;
    font-size: 26px;
 margin-top: 26px;
 font-weight: bold
}

h2 {color:#194178;
    font-size: 18px;
    margin-top: 6px;
     line-height: 1.3em;
}
h2.home {color:#194178;
    font-size: 30px;   
}

h2.white {color:#fff;
    font-size: 18px;   
    font-weight: bold;
}

h3 {color:#333;
    font-size: 16px;
    font-weight:bold;
}
.white {color:#fff}
h4
{font-family: arial;
    font-size: 14px;
    color: #333;
     padding: 4px 0;
    font-weight: bold;}    

h4.home a
{font-family: arial;
    font-size: 14px;
    color: #333;
     padding: 4px 0;
    }   
    
h5
{font-family: arial;
    font-size: 13px;
    color: #333;
     padding: 4px 0;
    font-weight: bold;}    

a
{font-weight:600;
    text-decoration: none;}
    
a:hover
{color: #01367d;
    text-decoration: underline;}

a:focus
{color: #006699;
    text-decoration: underline;}

a:active
{color: #006699;
    text-decoration: underline;}

ul li {list-style-type:none; list-style-image: url('../images/bullet_blue.png'); margin:4px 0 }

ul.white li {list-style-type:none; list-style-image: url('../images/bullet_white.png'); margin:4px 0 }

hr {border-top: 1px solid #aaa;}

table {border-collapse:collapse;}
table td {vertical-align:top}
table td.middle
{vertical-align: middle;}

.DOTbanner {
    background: #194077;
    color: #fff;
    font-size: 14px;
    padding: 6px 0;

}
.DOTbanner a {
    color: #fff;
  text-decoration:none;
}
.fhwa {font-size: 16px;font-weight:bold;}
.dotbg{ background: #194077;}

 .dotTopLinks
{
    font-family: arial,verdana,helvetica;
   margin-top:6px;
    font-size: 11px;
    text-align: right;
    padding-right: 6px;
    float:right;
}

.rspcbbanner {
    height:auto;
    background-color:#1c6da6;
    color: #fff;
    padding:16px 0 0;
}
.mainTitle{font-size: 36px;padding-bottom: 14px;}
.smalltitle {font-size: 16px}
.rspcbbg {background:#1c6da6;}

.textRight {text-align: right;}
.ctr .textRight {text-align: right;}


.navbg {background:#0a1f60; padding:0}
.borderBlack {border: solid 1px #000;}

.bggray {background-color:#efefef;padding: 24px 0}
.bgnavy {background-color: #142867; color: #fff; padding: 24px 0}
.bgnavy a {color: #fff; text-decoration:underline}
.bgroyal {background-color: #0067b8; color: #fff; padding: 24px 0}
.bgroyal a {color: #fff; text-decoration:underline}
.bgorangeGradiant { 
 background-color: orange; /* For browsers that do not support gradients */
  background-image: linear-gradient(180deg, #fbaa80, #f7ca6d); /* Standard syntax (must be last) */
  padding: 24px 0;
  font-size:small;
}

.bgwhite {background-color:#fff; padding: 6px 16px; width:90% }

.rspcbbanner a, rspcbbanner a:hover {
     color: #fff;
    text-decoration:none;
     padding:16px 0
   }

.floatright{float:right; margin: 3px 3px 8px 20px;}
.floatleft{float:left; margin: 3px 20px 8px 3px;}
.ctr {text-align:center;}

.navbar {
     margin: 0 0 0 -15px;
    border-radius: 0;
   
    padding-top: 0;
   min-height: 32px;
   border-color: #0a1f60;
    background-color: #0a1f60;
    background-image: none;
}
.navbar-form {
  /*For search box*/
    float:right !important;
}

.navbar-nav > li > a
{padding-top: 7px;
padding-bottom: 7px;
line-height: normal;
font-weight:bold;
font-family:Arial;
    list-style-type:none;
}

/*
.navbar-inverse {
    border-color: #0a1f60;
    background-color: #0a1f60;
    background-image: none;
}*/

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
   /*border-right: 1px solid #fff;*/
    font-size:13px;
}

.navbar-inverse .navbar-nav > li > a.noborder {
    color: #fff;
    border-right: none;
}
.navbar-inverse .navbar-nav > li > a:hover {
    color: #999;
}
 .navbar-inverse .navbar-nav > li > a:hover {
            color: #999;
            box-shadow: none;
        }
.navbar-inverse .navbar-nav > .open > a
{background-color:#01367d;}


.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
   background-color:#01367d; color: #fff; border-bottom: solid 3px #0ad37b; background-image:none; box-shadow:none;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border: none;
   background-image:none;
   padding-left:0;
   background-color:#0a1f60;
}

.nav > li {
    margin: 0;
}
.navbar-nav > li > .dropdown-menu
{list-style-image:none;}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
min-width: 190px; 
  padding: 6px 6px 12px 16px;
  margin: 2px 0 0 14px;
  text-align: left;
  list-style-type: none;
  background-color: #1c6da6;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: none;
  color: #fff;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .175);
   box-shadow: 0 0 0 rgba(0, 0, 0, .175);
   font-size:smaller;

}
.dropdown-menu a {color: #fff;}

.dropdown-menu ul a {color: #fff;list-style-image:none;}

.dropdown-menu > li {padding: 3px 20px; list-style-type:none;}

.dropdown-menu > li > a {
   padding: 3px 0;
  font-weight: normal;
  line-height: 1.42857143;
  color: #fff;
  white-space: nowrap;
  display:inline-block;
list-style-type:none;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus
{
  color: #ccc;
 /* text-decoration:underline;*/
  background: #ccc;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1c6da6;
  outline: 0;
  list-style-type:none;
}

/*Use this style to create a clickable link on a nav dropdown*/
.dropdown:hover .dropdown-menu {
    display: block;
    /*border-top: solid 3px #15396c;*/

}
/*end of clickable dropdown*/


 a.nav_active {
       /* text-decoration: underline;*/
        color: #fff;
        font-weight: bold;
    }
 .nav_on {  color: orangered;}

.gov_search
{
   float: right;
    text-align: right;
    padding:6px;
     font-size: 11px;
       width: 360px;  /*buttons on the dashboard do not fit with 410 px*/
       position:relative;
       right: 0px;
       top: 0px;
       z-index: 1000;
}

    /*DigitalGov search styles*/
 input.usagov-search-autocomplete {border: #ccc 1px solid;  color: #666; width: 200px; height: 22px;}
input.srchbtn {margin: 0; float:right}
/*End DigitalGov search*/


 .search
{
  /*float: right;
    text-align: right;*/ 
    padding:0;
    font-size: 12px;
    /*width: 410px;
    margin-top: -18px;*/

}
.form-control:focus {
  border-color: #fff;
 
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 5%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: .5;
}

    .carousel-indicators li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
 background-color: #fff\9;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 10px;
}

.carousel-indicators .active {
    width: 14px;
    height: 14px;
    margin: 1px;
    background-color: #000;
    border: 1px solid #000;
    border-radius: 10px;
}
.clrboth {clear: both;}
.clrleft {clear: left;}
.clrright {clear: right;}

/* Responsive: Portrait tablets and up */
/*@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }*/


#bluebox
 {background-color:#4388cd;
  color: #fff;
  padding:0;
  margin: 0;
 }
#bluebox h3 {color:#fff;}
 #bluebox ul 
 { padding-top: 3px;
   margin-bottom: 1px;
 }
 #bluebox li 
 {
  padding: 1px 0 3px;
  list-style-image: url('../images/bullet_white.png')
   }
  
  #bluebox a
 {  color: #fff;
  
 }
 #bluebox a:link
 {text-decoration:underline;
 }
 #bluebox img.icon { margin: 0}


.btn-primary {background-color: #000a53; border-color: #01367d; font-weight:bold; background-image: none;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {background-color: #000a53; background-image: none;}

.btn-lg, .btn-group-lg > .btn {font-weight: normal;}

.homepage_statefreight { margin:0; }

.homepage_bgblue {background-color: #01367d; padding: 26px 0; color: #fff; margin-bottom: 30px}
.homepage_bgblue h2 {font-size: 30px; color: #fff;}
.homepage_bgblue p {width: 75%; line-height: 24px;}
.homepage_bgblue a {color: #fff; text-decoration:none;}
.homepage_bgblue a:hover {color: #fff; text-decoration:underline;}

.contacts {background-color: #2a333e; color: #fff; font-size: 12px; padding: 0;}
.contacts a {color:white; text-decoration:underline;}
.contacts a:hover {color:#ccc;}

.about {text-align:left; }
.about h2 {margin-top:0;}
.about img {margin:0 auto;}
.text {font-size: 13px; padding: 26px 0 26px 26px; }

.stayConnected{width: 300px; height: 165px; background-color:#000a53; color: #fff; padding:10px 0; margin:0 auto; }
.stayConnected .icons {text-align:center; padding-left: 30px}
.stayConnected img {padding-right: 40px; vertical-align: middle;}


.bgblue {background-color: #01367d}
.bgblue a {color:#fff; text-decoration:underline;}
.bgblue a:hover {color:#ccc;}
.bglightblue {background-color: #1c6da6}
.bgdarkblue {background-color: #194178}
.bgp2pblue {background-color: #4388cd; color: #fff} 

.bgp2pblue_padding {background-color: #4388cd; padding: 26px 0; color: #fff;}
.bgp2pblue_padding h2 {font-size: 22px; color: #fff;}
.bgp2pblue_padding a {color: #fff; text-decoration:underline;}

.greenBox {background-color: #009966; padding: 12px; color:#fff; margin-top: 30px; margin-bottom: 30px; font-size: 16px;}
.greenBox ul li {list-style-image: none; list-style-type: disc; margin-bottom: 10px;}

.greenTextBox {width:40%}
.greenTextBox a {text-decoration:underline}
.calendarBorder {border: 1px solid #fff; color:#fff; padding: 10px 15px 15px 15px; margin: 30px 10px 40px 10px;}
.calendarBorder p {font-size: 12px;}

.archiveBorder {border: 1px solid #fff; color:#fff; padding: 10px 10px 15px 10px; margin: 30px 0; font-size: 12px;}
.archiveBorder p {font-size: 12px;}
.archiveBorder table td {padding-top: 5px;}

table.dashboard {
border:none;
margin-bottom: 10px;
width:100%;
margin-left: 28px;
}
table.dashboard td {
border:none;
font-size: 13px;
padding: 8px;

}

table.dashboard td.gray {
background-color:#e7e7e7;
width:42%
}
.gray {background-color:#e7e7e7;
       padding:4px 6px 4px 9px;
}
table.lined {
border-top: 1px solid #999;
border-left: 1px solid #999;
margin-bottom: 10px;
width:90%;
}

table.lined td, table.lined th {
border-bottom: 1px solid #999;
border-right: 1px solid #999;
font-size: 12px;
padding: 8px;
}

table.lined td {
vertical-align: top;
font-size: 12px;
}
table.lined td li {
vertical-align: top;
font-size: 12px;
margin-left: -30px;
}

table.lined th {background: #01367d; color:#fff; font-weight:bold}
table.lined th a {color: #fff;}

table.lined th.leftalign {background: #01367d;}
 .lined h3 {color: #fff;}
     .lined .header2 {background-color: #dedede; color:#000; font-weight:bold;}
   .lined .near {background-color:antiquewhite}
    .lined .mid {background-color:beige}
  .lined .long {background-color:palegreen}
table.lined th.valignmid, table.lined td.valignmid {vertical-align: middle;}


table.lined2 {
border-top: 1px solid black;
border-left: 1px solid black;
margin-bottom: 10px;
padding: 0;
}
table.lined2 td, table.lined2 th {
border-bottom: 1px solid black;
border-right: 1px solid black;
font-size: 12px;
padding: 5px;
}
table.lined2 td {
vertical-align: top;
font-size: 12px;
}
table.lined th.right, table.lined2 th.right, table.lined td.right, table.lined2 td.right {text-align: right;}

table.lined2 th {background: #dae2ea; text-align: left;}

.tleft {text-align: left;}
.lined th.tleft, .lined td.tleft {text-align: left;}
p.tright {text-align: right;}

table.generic, table.generic2
  {border: 1px solid #b1b1b1;
    font-size: 12px;
    color: #000;
    margin: 12px 0px;
    background-color: #e7e7e7;
    }

table.generic tr.light, table.generic2 tr.light, table.generic tr.light th, table.generic2 td.light, table.itsCourses tr.light
  {background-color: #f8f8f9;
  }
table.generic th, table.generic2 th
  {background-color: #01367d;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align: left;
    padding: 6px 10px;
    border-bottom: 1px solid #d2d5d0;
    border-right: 1px solid #d2d5d0;
    }

table.generic th.ctr, table.generic td.ctr, table.generic2 th.ctr, table.generic2 td.ctr {text-align: center;}
table.generic td.vertalignmid, table.generic2 td.vertalignmid {vertical-align: middle;}

table.generic td, table.generic2 td, table.itsCourses td
  {vertical-align: top;
    padding: 6px 10px;
    border-bottom: 1px solid #d2d5d0;
    border-right: 1px solid #d2d5d0;
    font-size: 12px;
    }
table.generic td a, table.generic2 td a
  {
    font-size: 12px;
    } 

table.genericTabs
  {border: 1px solid #bdd9e4;
   font-size: 11px;
    color: #000;
    margin: 0;
    background-color: #f8f8f8;
    }

table.genericTabs tr.light, table.genericTabs tr.light th
  {background-color: #e9f0f3;
  }
table.genericTabs th
  {background-color: #bdd9e4;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    text-align: left;
    padding: 4px;
    border-bottom: 1px solid #bdd9e4;
    border-right: 1px solid #bdd9e4;
    }

table.genericTabs td
  {vertical-align: top;
    padding: 4px;
    border-bottom: 1px solid #bdd9e4;
    border-right: 1px solid #bdd9e4;
    font-size: 11px;
    }
table.genericTabs td a
  {
    font-size: 11px;
    } 
table.tech_assist {width: 100%; margin-top:-24px;}
table.tech_assist td {padding: 6px 3px 12px; vertical-align:top}
table.tech_assist th {padding: 6px 3px; text-align: right; vertical-align:top}


table.noteworthy {margin:-36px auto 0;}
table.noteworthy td, th {vertical-align: top; padding: 9px;}
table.noteworthy th {color:#333333;}
table.noteworthy td a {text-decoration:none;color:#337ab7 }
table.noteworthy td a:hover {color: #666 }
table.noteworthy td a.img {margin-right: 12px; float:left; }
table.noteworthy td a.title {font-size: 14px; margin-bottom: 6px; margin-top: 0;}
table.noteworthy th.date {white-space: nowrap;}

table.noteworthysearch {width:90%; color: #fff; margin-top:-24px;}  
table.noteworthysearch td, th {vertical-align: top; padding: 9px; font-size: 13px;}
table.noteworthysearch td label {margin: 0 0 0 5px;}
table.noteworthysearch td a {text-decoration:none; }
table.noteworthysearch td a:hover {color: #666 }
table.noteworthysearch td a.img {margin-right: 12px; float:left; }
table.noteworthysearch td a.title {font-size: 14px; margin-bottom: 6px; margin-top: 0;}
table.noteworthysearch th.date {white-space: nowrap;}

.emphasisBox {
      background-color: #b6d3ec;
      padding: 12px;
      font-weight: bold;
      font-size: 14px;
      font-style: italic;
    }

.linedblue {margin: 0 0 15px 0; padding: 0; background-color: #f8f8f8; border-top: 1px solid #e7e7e7; border-left: 1px solid #ccc; color: #333333; }
.linedblue tr.light {background-color: #e9f0f3;}
.linedblue th, .linedblue td {font-size: 13px; margin: 0; padding: 6px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; vertical-align:top;}
.linedblue th {font-weight: bold; background-color: #bdd9e4; text-align: left;}
.linedblue ul li {font-size: 13px; }

.linedblue ul li {margin: 0; padding: 0;}
.linedblue ul {margin: 0; padding: 0;}
.linedblue th.ctr, .linedblue td.ctr {text-align: center;}
.linedblue th.cellNoRightBorder, .linedblue td.cellNoRightBorder, .generic td.cellNoRightBorder, .generic2 td.cellNoRightBorder {border-right: none;}

.linedblue3 {margin: 0 0 15px 0; padding: 0; background-color: #f8f8f8; border-top: 1px solid #ccc; border-left: 1px solid #ccc; color: #333333;}
.linedblue3 tr.light {background-color: #e9f0f3;}
.linedblue3 th, .linedblue3 td {margin: 0; padding: 4px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.linedblue3 th {font-size: 12px; font-weight: bold; background-color: #bdd9e4;}
.linedblue3 td {text-align: center;}
.linedblue3 th.textLeft, .linedblue3 td.textLeft {text-align: left;}
.linedblue3 th.textRight, .linedblue3 td.textRight {text-align: right;}
.linedblue3 td, .linedblue3 ul li {font-size: 11px;}

.small {font-size: 11px;}
.captionHome {font-size: 12px; margin:-9px 4px 24px 0; text-align:left }
.caption {font-size: 12px; margin:9px 0; font-style:italic; font-weight:bold;}
.photocredit  {font-size: 11px; margin:9px 0; }


.contactsBox
  {
    background-color: #f8f8f9;
    margin-top: 12px;
    width: 80%;
    border: 1px solid #999;
    padding: 12px;
}

.fltleft {
    float: left;
}

/*----  Generic expand and contract code for long lists like on this page: t3_ask_experts_whatsNew.aspx ----*/
.item_container {margin: 0 0 0 0; padding:0px 14px 0 15px; }
.item_container p {margin:0; padding:3px 12px; }
.item_container  td {vertical-align: top; }
.header_Item {margin: 0 14px 0 15px; }
table .itemContent td{vertical-align: top;}

#hiddenItem {display: none;}
.showItemCall { font-weight: bold; padding-top: 3px;}
.hideItemCall {display: none;font-weight: bold;padding-top: 3px; }
.showItem {vertical-align: middle;margin-right: 4px;}
.hideItem {display: none; vertical-align: middle;margin-right: 4px;}

#hiddenItem2 {display: none;}
.showItem2Call { font-weight: bold; padding-top: 3px;}
.hideItem2Call {display: none;font-weight: bold;padding-top: 3px; }
.showItem2 {vertical-align: middle;margin-right: 4px;}
.hideItem2 {display: none; vertical-align: middle;margin-right: 4px;}

#hiddenItem3 {display: none;}
.showItem3Call { font-weight: bold; padding-top: 3px;}
.hideItem3Call {display: none;font-weight: bold;padding-top: 3px; }
.showItem3 {vertical-align: middle;margin-right: 4px;}
.hideItem3 {display: none; vertical-align: middle;margin-right: 4px;}

#hiddenItem4 {display: none;}
.showItem4Call { font-weight: bold; padding-top: 3px;}
.hideItem4Call {display: none;font-weight: bold;padding-top: 3px; }
.showItem4 {vertical-align: middle;margin-right: 4px;}
.hideItem4 {display: none; vertical-align: middle;margin-right: 4px;}

#hiddenItem5 {display: none;}
.showItem5Call { font-weight: bold; padding-top: 3px;}
.hideItem5Call {display: none;font-weight: bold;padding-top: 3px; }
.showItem5 {vertical-align: middle;margin-right: 4px;}
.hideItem5 {display: none; vertical-align: middle;margin-right: 4px;}

#hiddenItem6 {display: none;}
.showItem6Call { font-weight: bold; padding-top: 3px;}
.hideItem6Call {display: none;font-weight: bold;padding-top: 3px; }
.showItem6 {vertical-align: middle;margin-right: 4px;}
.hideItem6 {display: none; vertical-align: middle;margin-right: 4px;}

#hiddenItem7 {display: none;}
.showItem7Call { font-weight: bold; padding-top: 3px;}
.hideItem7Call {display: none;font-weight: bold;padding-top: 3px; }
.showItem7 {vertical-align: middle;margin-right: 4px;}
.hideItem7 {display: none; vertical-align: middle;margin-right: 4px;}

#hiddenItem8 {display: none;}
.showItem8Call { font-weight: bold; padding-top: 3px;}
.hideItem8Call {display: none;font-weight: bold;padding-top: 3px; }
.showItem8 {vertical-align: middle;margin-right: 4px;}
.hideItem8 {display: none; vertical-align: middle;margin-right: 4px;}

#hiddenItem9 {display: none;}
.showItem9Call { font-weight: bold; padding-top: 3px;}
.hideItem9Call {display: none;font-weight: bold;padding-top: 3px; }
.showItem9 {vertical-align: middle;margin-right: 4px;}
.hideItem9 {display: none; vertical-align: middle;margin-right: 4px;}

#hiddenItem10 {display: none;}
.showItem10Call { font-weight: bold; padding-top: 3px;}
.hideItem10Call {display: none;font-weight: bold;padding-top: 3px; }
.showItem10 {vertical-align: middle;margin-right: 4px;}
.hideItem10 {display: none; vertical-align: middle;margin-right: 4px;}

#hiddenItem11 {display: none;}
.showItem11Call { font-weight: bold; padding-top: 3px;}
.hideItem11Call {display: none;font-weight: bold;padding-top: 3px; }
.showItem11 {vertical-align: middle;margin-right: 4px;}
.hideItem11 {display: none; vertical-align: middle;margin-right: 4px;}

#hiddenItem12 {display: none;}
.showItem12Call { font-weight: bold; padding-top: 3px;}
.hideItem12Call {display: none;font-weight: bold;padding-top: 3px; }
.showItem12 {vertical-align: middle;margin-right: 4px;}
.hideItem12 {display: none; vertical-align: middle;margin-right: 4px;}

#hiddenItem13 {display: none;}
.showItem13Call { font-weight: bold; padding-top: 3px;}
.hideItem13Call {display: none;font-weight: bold;padding-top: 3px; }
.showItem13 {vertical-align: middle;margin-right: 4px;}
.hideItem13 {display: none; vertical-align: middle;margin-right: 4px;}

#hiddenItem14 {display: none;}
.showItem14Call { font-weight: bold; padding-top: 3px;}
.hideItem14Call {display: none;font-weight: bold;padding-top: 3px; }
.showItem14 {vertical-align: middle;margin-right: 4px;}
.hideItem14 {display: none; vertical-align: middle;margin-right: 4px;}

#hiddenItem15 {display: none;}
.showItem15Call { font-weight: bold; padding-top: 3px;}
.hideItem15Call {display: none;font-weight: bold;padding-top: 3px; }
.showItem15 {vertical-align: middle;margin-right: 4px;}
.hideItem15 {display: none; vertical-align: middle;margin-right: 4px;}

#hiddenItem16 {display: none;}
.showItem16Call { font-weight: bold; padding-top: 3px;}
.hideItem16Call {display: none;font-weight: bold;padding-top: 3px; }
.showItem16 {vertical-align: middle;margin-right: 4px;}
.hideItem16 {display: none; vertical-align: middle;margin-right: 4px;}

#hiddenItem17 {display: none;}
.showItem17Call { font-weight: bold; padding-top: 3px;}
.hideItem17Call {display: none;font-weight: bold;padding-top: 3px; }
.showItem17 {vertical-align: middle;margin-right: 4px;}
.hideItem17 {display: none; vertical-align: middle;margin-right: 4px;}

#hiddenItem18 {display: none;}
.showItem18Call { font-weight: bold; padding-top: 3px;}
.hideItem18Call {display: none;font-weight: bold;padding-top: 3px; }
.showItem18 {vertical-align: middle;margin-right: 4px;}
.hideItem18 {display: none; vertical-align: middle;margin-right: 4px;}

#hiddenItem19 {display: none;}
.showItem19Call { font-weight: bold; padding-top: 3px;}
.hideItem19Call {display: none;font-weight: bold;padding-top: 3px; }
.showItem19 {vertical-align: middle;margin-right: 4px;}
.hideItem19 {display: none; vertical-align: middle;margin-right: 4px;}

#hiddenItem20 {display: none;}
.showItem20Call { font-weight: bold; padding-top: 3px;}
.hideItem20Call {display: none;font-weight: bold;padding-top: 3px; }
.showItem20 {vertical-align: middle;margin-right: 4px;}
.hideItem20 {display: none; vertical-align: middle;margin-right: 4px;}

#hiddenItem21 {display: none;}
.showItem21Call { font-weight: bold; padding-top: 3px;}
.hideItem21Call {display: none;font-weight: bold;padding-top: 3px; }
.showItem21 {vertical-align: middle;margin-right: 4px;}
.hideItem21 {display: none; vertical-align: middle;margin-right: 4px;}

#hiddenItem22 {display: none;}
.showItem22Call { font-weight: bold; padding-top: 3px;}
.hideItem22Call {display: none;font-weight: bold;padding-top: 3px; }
.showItem22 {vertical-align: middle;margin-right: 4px;}
.hideItem22 {display: none; vertical-align: middle;margin-right: 4px;}

#hiddenItem23 {display: none;}
.showItem23Call { font-weight: bold; padding-top: 3px;}
.hideItem23Call {display: none;font-weight: bold;padding-top: 3px; }
.showItem23 {vertical-align: middle;margin-right: 4px;}
.hideItem23 {display: none; vertical-align: middle;margin-right: 4px;}

#hiddenItem24 {display: none;}
.showItem24Call { font-weight: bold; padding-top: 3px;}
.hideItem24Call {display: none;font-weight: bold;padding-top: 3px; }
.showItem24 {vertical-align: middle;margin-right: 4px;}
.hideItem24 {display: none; vertical-align: middle;margin-right: 4px;}

#hiddenItem25 {display: none;}
.showItem25Call { font-weight: bold; padding-top: 3px;}
.hideItem25Call {display: none;font-weight: bold;padding-top: 3px; }
.showItem25 {vertical-align: middle;margin-right: 4px;}
.hideItem25 {display: none; vertical-align: middle;margin-right: 4px;}

.bckground999 {background: #999999;}
.width990px {width: 990px;}
.colorccc {color: #cccccc;}
.fontWeightNormal {font-weight: normal;}
h3.fontWeightNormal {font-weight: normal;}

.grayForm {background: #e6e6e6; padding: 10px 20px 20px 20px; margin: 0 0 0 0; border: solid 1px #c7c7c7;}
.grayForm table td {padding: 5px 0 10px 0;}

.emphasis {background-color: #bdd9e4; margin: 15px 0 10px 0; padding: 5px 0 5px 0; border: 1px solid #d2d5d0; text-align: center;}
.emphasis2 {background-color: #bdd9e4; margin: 15px 0 10px 0; padding: 5px 20px 5px 20px; border: 1px solid #d2d5d0; font-style: italic;}


.width100pc {width: 100%;}
.width95pc {width: 95%;}
.width90pc {width: 90%;}
.width80pc {width: 80%;}
.width75pc {width: 75%;}
.width65pc {width: 65%;}
.width60pc {width: 60%;}
.width55 {width: 55%;}
.width50pc {width: 50%;}
.width48 {width: 48%;}
.width45pc {width: 45%;}
.width40pc {width: 40%;}
.width35pc {width: 35%;}
.width30pc {width: 30%;}
.width20pc {width: 20%;}
.width10pc {width: 10%;}
.width5px {width: 5px;}
.width20px {width: 20px;}
.width25px {width: 25px;}
.width30px {width: 30px;}
.width35px {width: 35px;}
.width40px {width: 40px;}
.width45px {width: 45px;}
.width50px {width: 50px;}
.width55px {width: 55px;}
.width60px {width: 60px;}
.width70px {width: 70px;}
.width75px {width: 75px;}
.width80px {width: 80px;}
.width90px {width: 90px;}
.width100px {width: 100px;}
.width110px {width: 110px;}
.width120px {width: 120px;}
.width200px {width: 120px;}
.width140px {width: 140px;}
.width150px {width: 150px;}
.width170px {width: 170px;}
.width200pxfix {width: 200px;}
.width185px {width: 185px;}
.width195px {width: 195px;}
.width230px {width: 230px;}
.width240px {width: 240px;}
.width250px {width: 250px;}
.width285px {width: 285px;}
.width300px {width: 300px;}
.width310px {width: 310px;}
.width325px {width: 325px;}
.width335px {width: 335px;}
.width350px {width: 350px;}
.width355px {width: 355px;}
.width360px {width: 360px;}
.width400px {width: 400px;}
.width407px {width: 407px;}
.width415px {width: 415px;}
.width430px {width: 430px;}
.width450px {width: 450px;}
.width455px {width: 455px;}
.width500px {width: 500px;}
.width520px {width: 520px;}
.width625px {width: 625px;}
.height20px {height: 20px;}

marginauto {margin: auto 0;}
.marginright_5px {margin-right: 5px;}
.marginright_10px {margin-right: 10px;}
.marginright_15px {margin-right: 15px;}
.marginright_20px {margin-right: 20px;}
.marginright_25px {margin-right: 25px;}
.marginright_30px {margin-right: 30px;}
.marginright_35px {margin-right: 35px;}
.marginright_40px {margin-right: 40px;}
.marginright_50px {margin-right: 50px;}
.marginbottom_zero {margin-bottom: 0;}
.marginbottom_5px {margin-bottom: 5px;}
.marginbottom_10px {margin-bottom: 10px;}
.marginbottom_15px {margin-bottom: 15px;}
.marginbottom_20px {margin-bottom: 20px;}
.marginbottom_25px {margin-bottom: 25px;}
.marginbottom_30px {margin-bottom: 30px;}
.marginbottom_40px {margin-bottom: 40px;}
.marginbottom_50px {margin-bottom: 50px;}
.marginbottom_60px {margin-bottom: 60px;}
.marginbottom_70px {margin-bottom: 70px;}
.marginbottom_80px {margin-bottom: 80px;}
.marginbottom_90px {margin-bottom: 90px;}
.marginbottom_100px {margin-bottom: 100px;}
.margintop_5px {margin-top: 5px;}
.margintop_10px {margin-top: 10px;}
.margintop_15px {margin-top: 15px;}
.margintop_20px {margin-top: 20px;}
.margintop_25px {margin-top: 25px;}
.margintop_30px {margin-top: 30px;}
.margintop_36px {margin-top: 36px;}
.margintop_40px {margin-top: 40px;}
.margintop_50px {margin-top: 50px;}
.margintop_60px {margin-top: 60px;}
.margintop_65px {margin-top: 65px;}
.margintop_70px {margin-top: 70px;}
.margintop_80px {margin-top: 80px;}
.margintop_90px {margin-top: 90px;}
.margintop_100px {margin-top: 100px;}
table.margintop_20px {margin-top: 20px;}
.marginleft_zero {margin-left: 0;}
.marginleft_10px {margin-left: 10px;}
.marginleft_15px {margin-left: 15px;}
.marginleft_20px {margin-left: 20px;}
.marginleft_25px {margin-left: 25px;}
.marginleft_30px {margin-left: 30px;}
.marginleft_35px {margin-left: 35px;}
.marginleft_40px {margin-left: 40px;}
img.marginleft_20px {margin-left: 20px;}
.fltrightmargins {margin: 0 0 10px 20px;}
.fltrightmargins img {margin: 0;}
.paddingtop_0px {padding-top: 0px;}
.paddingtop_5px {padding-top: 5px;}
.paddingtop_10px {padding-top: 10px;}
.paddingtop_15px {padding-top: 15px;}
.paddingtop_20px {padding-top: 20px;}
.paddingtop_25px {padding-top: 25px;}
.paddingtop_30px {padding-top: 30px;}
.paddingtop_35px {padding-top: 35px;}
.paddingtop_40px {padding-top: 40px;}
.paddingtop_45px {padding-top: 45px;}
.paddingtop_50px {padding-top: 50px;}
.paddingbottom_0px {padding-bottom: 0px;}
.paddingbottom_5px {padding-bottom: 5px;}
.paddingbottom_10px {padding-bottom: 10px;}
.paddingbottom_15px {padding-bottom: 15px;}
.paddingbottom_20px {padding-bottom: 20px;}
.paddingbottom_25px {padding-bottom: 25px;}
.paddingbottom_30px {padding-bottom: 30px;}
.paddingbottom_35px {padding-bottom: 35px;}
.paddingbottom_40px {padding-bottom: 40px;}
.paddingbottom_45px {padding-bottom: 45px;}
.paddingbottom_50px {padding-bottom: 50px;}
.paddingbottom_zero {padding-bottom: 0;}
.paddingbottom_30px {padding-bottom: 30px;}
.paddingright_20px {padding-right: 20px;}
.paddingleft_0px {padding-left: 0px;}
.paddingleft_10px {padding-left: 10px;}
.padding_0px {padding: 0px;}
.padding_5px {padding: 5px;}
.padding_10px {padding: 10px;}
.padding_15px {padding: 15px;}
.padding_20px {padding: 20px;}
.textBlack {color: #000;}

.rightsidebox {margin: 0 0 10px 10px; padding: 10px; border: solid 1px #999; font-size: 13px}
.bordered {border: solid 1px #eee; padding: 5px;}
.bordered2 {border: solid 1px #b5cbd5; padding: 5px 15px; background: #cfe9f4;}

.footer_bgblue {background-color:#194077; padding: 26px 0; color: #fff; font-size: 12px}
.footer_bgblue a {color: #fff; text-decoration:none;}
.footer_bgblue a:hover {color: #fff; text-decoration:underline;}

.footerbg {background:#2a333e;}

.footer_home {background-color:#15396c; color:#fff; font-size: 12px; padding: 0 0 36px;}

.footer_home a {color: #fff;}

.footer_home a:hover {color: #fff;  text-decoration: underline;}

.footer_home a:focus {color: #fff;  text-decoration: underline;}

.footer {left: 0; bottom: 0; background-color:#2a333e; color:#fff; font-size: small; }

.footer a {color: #fff;}

.footer a:hover {color: #fff;  text-decoration: underline;}

.footer a:focus {color: #fff;  text-decoration: underline;}

table.search_results {
    border-left: 1px solid #cfcfcf;
    width: 100%;
    font-size: 13px;
    margin-top: 12px;
}

table.search_results th {
border-bottom: 1px solid #cfcfcf;
background: #3369A7;
color: #fff;
text-align: left;
padding: 8px;
font-size: 14px;
}

table.search_results th a {
    color: #fff;
    text-decoration: underline
}

table.search_results td {
vertical-align: top;
border-right: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
padding: 4px;
}

table.search_results td a {
    text-decoration: none;
    font-weight: bold;
    color: #3369A7;
}

table.search_results td a:hover {
    text-decoration: underline
}

table.search_results td ul {
padding-bottom: 0
}

table.search_results td li {
margin: 4px 0 0 -24px
}

table.tech_assist_chckbox input {
    margin-right: 5px
}

table.tech_assist_chckbox td {
    padding-right: 20px;
}

/*For Roadway Safety Fundamentals book 6-1-17 through 12/13/17*/
.tanbox, .tanbox95, .tanbox1, .tanbox33pct {
    background: #e7e3d6;
    color: #000;
    margin: 8px 0 8px 24px;
    border: 1px solid #b6c4df;
    padding: 10px 10px 5px 10px;
    float: right;
    font-size: 12px;
    clear: right;
}

.tanbox {
    width: 430px;
}

.tanbox95 {
    width: 95%;
}
.tanbox33pct {
    width: 33%;
    margin: 8px 0 8px 12px;
}
.rsf div.tanbox h4, .rsf div.tanbox95 h4, .rsf div.tanbox1 h4 {margin: 0 0 5px 0;}
.rsf div.tanbox img, .rsf div.tanbox95 img, .rsf div.tanbox1 img {
        margin: 0 0 20px 0;
        padding: 0 0 0 0;
    }

.leftcolumn {
    float: left;
    width: 350px;
    background-color: #0d3264;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 100%;
    margin-bottom: -100%;
    color: white;
    font-size: 14px;
    border-right: 1px solid #4b6e98;
}

.rightcolumn {
    float: left;
    width: 55%;
    background-color: #0d3264;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 100%;
    margin-bottom: -100%;
    color: white;
}

.whiteheader {
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 13px;
}

a.bluelinkbutton {
    background-color: #3169a5;
    color: white;
    font-weight: bold;
    border: none;
    width: 60px;
    padding: 2px;
    display: inline-block;
    cursor: pointer;
}

/* for download PDF button*/
.pdf {width: 150px; color: #fff; background-color:#ff3300; padding: 10px; line-height:normal; text-align: center; font-size: 11px;}
.pdf a {color: #fff; font-weight: bold;}


/*For Vision Zero  6-5-17*/
.vision_top {
    padding: 0 24px 24px;
    font-size: 14px;
    line-height: 21px;
    margin: 0 -10px -10px -10px;
}

.container1 {
    overflow: hidden;
    margin-bottom: 10px;
    width: 1200px;
}


table.vz_results {
    padding: 6px 0 6px 12px;
    width: 100%;
}

 table.vz_results tr {
        padding: 6px;
    }

table.vz_results th {
        vertical-align: top;
        padding: 4px 12px 0 0;
        font-weight: normal;
        text-align: left;
    }

.vz_results th.noborder {
    border: none;
}

.vz_results th.bold {
    font-weight: bold;
}

table.vz_results td {
    vertical-align: top;
    padding: 0 12px 12px 0;
}

/*Road Safety Fundamentals*/
.rsf {
    padding: 0 24px 24px 24px;
}

.rsf h1 {
    margin: 10px 0 5px 0;
    padding: 0 0 0 0;
}

.rsf h2 {
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
}

.rsf h3 {
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
    font-size: 18px;
}

.rsf h4 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 16px;
}

.rsf h5 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 14px;
}

.rsf h6 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 14px;
}

.rsf p {
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
}

.rsf img {
    margin: 20px 0 20px 0;
    padding: 0 0 0 0;
}

.rsf hr {
    margin: 20px 0 20px 0;
    padding: 0 0 0 0;
}

.rsf img.marginleft_25px {
    margin-left: 25px;
}

.rsf p.imageDescription {margin-top: -17px;}

.video-card {
    background-color: #f3f4f6;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    display: block;
    float: right;
    margin: 25px 0 20px 30px;
    overflow: hidden;
    width: 375px;
}

.video-card-text {
    padding: 18px;
}

audio, canvas, img, video {
    vertical-align: middle;
}

.clearleft {clear: left;}
.clearright {clear: right;}

sup, sub {vertical-align: baseline; position: relative; font-size: 80%;} 
sup {top: -0.7em;}
sub {top: .5ex;}
.iewraplink  {word-wrap: break-word;}
.padding20px {padding: 20px;}

.buttonBlue {color: #fff; background-color: #3369a7; width:75%; margin: 30px auto 0 auto; padding: 8px 40px 5px 40px; text-align: center;}
.buttonDarkBlue {color: #fff; background-color: #175293; font-size: 16px; width: 60%; border: solid 1px #fff; margin: 0 auto 10px auto; text-align: center; padding: 8px 0 7px 0;}
.buttonDarkBlue a:link, .buttonDarkBlue a:visited {color: #fff;}
.buttonDarkBlue a:hover, .buttonDarkBlue a:active {color: #ddd;}

.buttonGreen {color: #fff; background-color: #7fb942; width: 60%; margin: 0 auto 0 auto; padding: 8px; position: relative; z-index: 5; text-align:center}

.boxGreen {color: #fff; background-color: #7fb942; padding: 0px 15px 15px 20px;}
.boxGreen h3 {color: #fff; background-color: #7fb942;}
.boxGreen a:link, .boxGreen a:visited {color: #fff; font-weight: bold;}
.boxGreen a:hover, .boxGreen a:active {color: #fff; font-weight: bold;}


.doubleGray {border: 0; color: #cdcccc; height: 3px; background-color: #cdcccc; margin: 0 0 10px 0; padding: 0 0 0 0;}
.blueBox {background-color: #3369a7; margin: 0 0 0 0; padding: 0 22px 0 22px; position: relative;}
.blueBox p {color: #fff;}
.blueBox p.first {padding-top: 40px; line-height: 1.5em;}

.lghtBlue {background-color: #dae3f3; color: #000;}

.grayBox {background-color: #eeedee; margin: 15px 0 0 0; padding: 0 22px 10px 22px;}
.grayBox p {line-height: 1.3em;}

.valignTop {vertical-align: top;}
.valignMid {vertical-align: middle;}
.width100px {width: 100px;}
.width200px {width: 200px;}
.width300px {width: 300px;}

/* This rule causes links to wrap so they don't cause their parent element to exceed their parent elements */
/* For example, add this class to a td which contains a long link to prevent its row and table from extending beyond its parent div/element */
.fixLinkBreak {
    white-space: pre-wrap; /* css-3 */    
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */}


/*training table container styles*/
#training_table {
    width: 1030px;
    margin-left: -8px;
}

    #training_table .content {
        padding: 4px 0 0 2px;
        text-align: left;
    }

/**tabs in training table **/

/* root element for tabs  */
ul.tabs2 {
    list-style: none;
    margin: 9px 0 0 19px !important;
    padding: 0;
    height: 40px;
    width: 600px;
}

    /* single tab */
    ul.tabs2 li {
        float: left;
        text-indent: 0;
        padding: 0;
        margin: 0 !important;
        list-style-image: none !important;
    }

    /* link inside the tab. uses a background image */
    ul.tabs2 a {
        background: url("../images/tabs2.png") no-repeat -420px 0;
        font-size: 12px;
        font-family: Arial, Sans-Serif;
        font-weight: bold;
        display: block;
        height: 40px;
        text-align: center;
        text-decoration: none;
        color: #fff !important;
        padding: 0px;
        position: relative;
        top: 4px;
        border-top: 1px solid #cfcfcf;
    }

        ul.tabs2 a:active {
            outline: none;
        }

        /* when mouse enters the tab move the background image */
        ul.tabs2 a:hover {
            background-position: -420px -31px;
            color: #6b6d6b;
        }

        /* active tab uses a class name "current". its highlight is also done by moving the background image. */
        ul.tabs2 a.current, ul.tabs2 a.current:hover, ul.tabs2 li.current a {
            background-position: -420px -62px;
            cursor: default !important;
            color: #fff !important;
            background-color: #3369a7;
        }

        /* Different widths for tabs: use a class name: s, l, xl */


        /* width 1 */
        ul.tabs2 a.s {
            background-position: -553px 0;
            width: 81px;
        }

            ul.tabs2 a.s:hover {
                background-position: -553px -31px;
            }

            ul.tabs2 a.s.current {
                background-position: -553px -62px;
            }

        /* width 2 */
        ul.tabs2 a.l {
            background-position: -257px -0px;
            width: 184px;
        }

            ul.tabs2 a.l:hover {
                background-position: -257px -51px;
            }

            ul.tabs2 a.l.current {
                background-position: -257px -82px;
            }


        /* width 3 */
        ul.tabs2 a.xl {
            background-position: 0 -0px;
            width: 248px;
        }

            ul.tabs2 a.xl:hover {
                background-position: 0 -31px;
            }

            ul.tabs2 a.xl.current {
                background-position: 0 -62px;
            }

/* tab pane styling */
.panes2 div {
    padding: 4px 6px;
    font-size: 13px;
    font-family: arial;
}

/* initially all panes are hidden */
.panes2 .pane {
    display: none;
}

.panes2 .big {
    padding: 3px 18px;
    font-size: 13px;
    font-family: arial;
    width: 100%;
}

.panes2 a, .panes2 a:hover {
    color: #000;
}

/*************end tabs ************/

table.training {
    width: 100%;
    margin: 0 0 0 0;
    font-size: 12px;
    padding: 0px;
    border-right: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
}

    table.training tr.gray {
        background-color: #e5e5e5;
    }

    table.training th {
        color: #fff;
        background-color: #3369a7;
        text-align: left;
        border-right: 1px solid #cfcfcf;
        border-bottom: 1px solid #cfcfcf;
        border-top: 1px solid #cfcfcf;
        padding: 10px 6px;
        margin: 0px;
    }
        table.training th.provider {
            width: 110px;
        }

        table.training th.title {
            width: 250px;
        }

        table.training th.topic {
            width: 170px;
        }

        table.training th.audience {
            width: 190px;
        }

        table.training th.delivery {
            width: 130px;
        }

        table.training th.topic2 {
            width: 100px;
        }

        table.training th.audience2 {
            width: 100px;
        }

        table.training th.level {
            width: 100px;
        }
          table.training th.free {
            width: 65px;
        }

      

     table.training th a.sort-by { 
	padding-right: 18px;
	position: relative;
    color: #fff;
}
a.sort-by:before,
a.sort-by:after {
	border: 4px solid transparent;
	content: "";
	display: block;
	height: 0;
	right: 5px;
	top: 50%;
	position: absolute;
	width: 0;
}
a.sort-by:before {
	border-bottom-color: #fff;
	margin-top: -9px;
}
a.sort-by:after {
	border-top-color: #fff;
	margin-top: 1px;
}

#landingpage_noRight table.training th a {
    color: #fff;
}

table.training td {
    vertical-align: top;
    padding: 6px;
    margin: 0px;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
}

    table.training td.arrow {
        background: url("../images/bgArrow.png") no-repeat center right;
        height: 80px;
    }

    table.training td.arrow_white {
        background: url("../images/bgArrow_white.png") no-repeat center right;
        height: 80px;
    }

/*END New Styles for Training Page Redesign -Oct, 2016*/

/**************New Styles for Higher Ed Redesign -Oct, 2016*********************/


table.course_finder {
    border-left: 1px solid #cfcfcf;
   
    }

    table.course_finder th {
        border-bottom: 1px solid #cfcfcf;
        background: #3369A7;
        color: #fff;
        text-align: left;
        padding: 6px;
        font-size: 14px;
    }

    table.course_finder td {
        vertical-align: top;
        border-right: 1px solid #cfcfcf;
        border-bottom: 1px solid #cfcfcf;
        padding: 6px;
        font-size: 13px
    }

        table.course_finder td table td {
            vertical-align: top;
            border-right: none;
            border-bottom: none;
            padding: 6px;
        }

.course_finder a {
  
    font-weight: bold;
     color: #3369A7;
}

.callout_box_courseFinder {
    background: #e7e7e7;
}

.courseFinder_callout_content {
    padding: 10px;
}

.topboxCourseFinder1 {
    background-color: #e7e7e7;
    margin-left: 12px;
    font-size: 13px
}

.topboxCourseFinder1_content {
    padding: 10px;
}

.topboxCourseFinder1_title {
    color: #3369a7;
    font-size: 14px;
    font-weight: bold;
    margin-top: 12px;
}

.topboxCourseFinder2 {
    width: 274px;
}

.topboxCourseFinder2_content {
    padding: 8px 0;
}
/****What's this? hover-over styles****/
.keyterm {
    border-bottom: 1px dotted #666699;
    text-decoration: none;
    float:right;
}

.hover-item {
    position: relative;
    cursor: pointer;
}
    .hover-item span {
        display: none;
        position: absolute;
        top: -90px;
        left: -135px;
        width: 220px;
        padding: 6px;
        border: 1px solid #999;
        border-radius: 5px;
        background-color: #f9f9f9;
        z-index: 100;
        font-size: 12px;
        color: #333;
        cursor: default;
    }
    .hover-item:hover span {
        display: block;
        z-index: 100;
    }
.hover-item2 {
    position: relative;
    cursor: pointer;
}
    .hover-item2 span {
        display: none;
        position: absolute;
        top: 15px;
        left: 40px;
        width: 420px;
        padding: 6px;
        border: 1px solid #999;
        border-radius: 5px;
        background-color: #f9f9f9;
        z-index: 100;
        font-size: 12px;
        font-weight: normal;
        color: #333;
        cursor: default;
    }

    .hover-item2:hover span {
        display: block;
        z-index: 100;
    }

    .blueTitle2 {
    color: #3369a7;
    font-size: 14px;
    font-weight: bold;
}
    .blueTitle {
    color: #3369a7;
    font-size: 20px;
    margin-top: 14px;
    margin-bottom: 14px;
}

.blueTitle_big {
    color: #3369a7;
    font-size: 26px;
    margin-top: 27px;
    margin-bottom: 16px;
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

/* Skip to Main Content style*/
#skiptocontent {
    text-indent: -10000px;
    height: 1px;
}


table.champions {
    width: 100%;
    margin: 0 0 30px 0;
    font-size: 12px;
    padding: 0px;
    border-right: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
}

table.champions tr.gray {
     background-color: #e5e5e5;
}

table.champions th {
     color: #fff;
     background-color: #3369a7;
     text-align: left;
     border-right: 1px solid #cfcfcf;
     border-bottom: 1px solid #cfcfcf;
     border-top: 1px solid #cfcfcf;
     padding: 10px 6px;
     margin: 0px;
}

table.champions td {
     vertical-align: top;
     padding: 6px;
     margin: 0px;
     border-right: 1px solid #cfcfcf;
     border-bottom: 1px solid #cfcfcf;
}


/* Styles for Champions Archive pages | December 2021 */
.archivesButton {text-align: center; font-size: 16px; width: 100%; margin-bottom: 40px; display: inline-block; box-sizing: border-box;}
.archivesButton a:link, .archivesButton a:visited {color: #fff; background-color: #01367d; font-weight: bold; text-decoration: none; padding: 10px 20px 10px 20px; border-radius: 25px; border:0.1em solid #fff;}
.archivesButton a:hover, .archivesButton a:active {color: #ddd; background-color: #01367d; font-weight: bold; text-decoration: none; padding: 10px 20px 10px 20px; border-radius: 25px; border:0.1em solid #ddd;}
.blue2 {color: #fff; background-color: #014c87; padding: 30px 15px 15px 25px;}
.fltright {float: right;}

.blueButton a:link, .blueButton a:visited {color: #fff; background-color: #142867; font-weight: bold; text-decoration: none; padding: 10px 20px 10px 20px; border-radius: 25px; display: inline-block; text-align: center;}
.blueButton a:hover, .blueButton a:active {color: #ddd; background-color: #2143ac; font-weight: bold; text-decoration: none; padding: 10px 20px 10px 20px; border-radius: 25px; display: inline-block; text-align: center;}


/* Styles for Vision Zero CoP pages | December 2021*/
h1 {font-size: 32px; border-bottom: 8px solid #1397f3; padding-bottom: 20px; margin-bottom: 30px;}
h1 span.lightBold {font-weight: 600;}
h2 {color: #000; font-size: 24px; font-weight: 700; margin-top: 0px}
.newsFlash {color: #fff; background-color: #0067b8; margin: 15px 0 30px 0; padding: 10px 20px 20px 20px;}
.newsFlash h3 {color: #fff; font-size: 24px;}
.newsFlash ul li {color: #fff; list-style-image: none; list-style-type: disc;}
.newsFlash a:link, .newsFlash a:visited {color: #fff; font-weight: bold;}
.newsFlash a:hover, .newsFlash a:active {color: #ddd; font-weight: bold; text-decoration: underline;}
.bgRoyalBlue {background-color: #0067b8; color: #fff;}
.bgRoyalBlue h2 {color: #fff;}
.bgRoyalBlue a:link, .bgRoyalBlue a:visited {color: #fff; font-weight: bold;}
.bgRoyalBlue a:hover, .bgRoyalBlue a:active {color: #ddd; font-weight: bold; text-decoration: underline;}

.bggray2 {background-color: #f3f2f2;}
.bgNavy {color: #fff; background-color: #142867;}
.bgNavy h2 {color: #fff;}
.bgNavy h2 a:link, .bgNavy h2 a:visited {color: #fff; font-weight: bold;}
.bgNavy h2 a:hover, .bgNavy h2 a:active {color: #ddedf9; font-weight: bold; text-decoration: underline;}
.bgNavy h3 {color: #fff; line-height: 1.3em;}
.bgNavy h3 a:link, .bgNavy h3 a:visited {color: #ddd; font-weight: bold;}
.bgNavy h3 a:hover, .bgNavy h3 a:active {color: #fff; font-weight: bold; text-decoration: underline;}
.bgNavy p {color: #fff;}


.bggray3 {background-color: #f3f2f2; padding: 0 0 0 0; margin: 0 0 40px 0; border: solid 1px #ddd;}
.bggray3 ul {margin: 20px 20px 20px 20px; padding: 0px;}
.bggray3 ul li {list-style-type: none; list-style-image: none; margin: 15px 0px 15px 15px; padding: 0px; font-size: 16px;}
.borderGray {border: solid 1px #ccc;}

.action_plans {border-top: solid 1px #ddd; border-left: solid 1px #ddd; margin-bottom: 40px;}
.action_plans th, .action_plans td {padding: 5px; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd;}
.action_plans th {text-align: left; padding: 10px 8px 5px 8px; font-size: 14px; color: #fff; background-color: #142867; vertical-align: bottom; position: sticky; top: 0;}
.action_plans td {padding: 10px 8px 5px 8px; font-size: 13px;}
.action_plans th.ctr, .action_plans td.ctr {text-align: center;}

.extraMargin {margin-bottom: 40px;}
.vz ul li {margin-bottom: 15px;}

.bggray4 {background-color: #f3f2f2; padding: 15px 15px 10px 20px; border: solid 1px #ddd;}

.actionPlansComment {margin: 0px 0px 30px 0px; padding: 5px 15px 10px 15px; color: #fff; background-color: #165581;}
.actionPlansComment h2, .actionPlansComment h3 {color: #fff; margin-top: 10px;}

.red {color: red;}

.footnote_no {clear: left; float: left; width: 4%; margin: 0 5px 0 0; font-size: 0.70em; text-align: right;}
.footnote {width: 94%; float: left; font-size: 0.70em; margin: 0 0 5px 0;}