/*CSS Reset*/
@font-face {
    font-family: 'sourcesanspro';
    src: url("../content/styles/fonts/sourcesanspro-regular-webfont.eot");
    src: url("../content/styles/fonts/sourcesanspro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../content/styles/fonts/sourcesanspro-regular-webfont.woff") format("woff"), url("../content/styles/fonts/sourcesanspro-regular-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'sourcesansprobold';
    src: url("../content/styles/fonts/sourcesanspro-bold-webfont.eot");
    src: url("../content/styles/fonts/sourcesanspro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../content/styles/fonts/sourcesanspro-bold-webfont.woff") format("woff"), url("../content/styles/fonts/sourcesanspro-bold-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal; }

    @font-face {
    font-family: 'SourceSansPro';
    src: url("../content/styles/fonts/sourcesanspro-regular-webfont.eot");
    src: url("../content/styles/fonts/sourcesanspro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../content/styles/fonts/sourcesanspro-regular-webfont.woff") format("woff"), url("../content/styles/fonts/sourcesanspro-regular-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'SourceSansProBold';
    src: url("../content/styles/fonts/sourcesanspro-bold-webfont.eot");
    src: url("../content/styles/fonts/sourcesanspro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../content/styles/fonts/sourcesanspro-bold-webfont.woff") format("woff"), url("../content/styles/fonts/sourcesanspro-bold-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal; }

    @media print
    {    
        .no-print, .no-print *
        {
            display: none !important;
        }
    }
form
{
    position: relative;
}
body
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    background-color: #6e6159;
    background-image: url(../fmcsaPageBG.png);
    background-repeat: repeat-x;
    background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(17%,#e4e4e8),color-stop(100%,#6e6159));
    background: -webkit-linear-gradient(top,#e4e4e8 17%,#6e6159 100%);
    background: -moz-linear-gradient(top,#e4e4e8 17%,#6e6159 100%);
    background: -o-linear-gradient(top,#e4e4e8 17%,#6e6159 100%);
    background: linear-gradient(top,#e4e4e8 17%,#6e6159 100%);
    background: linear-gradient(to bottom,#e4e4e8 17%,#6e6159 100%);
    color: #333;
}
/*input
{
    margin: 0;
    padding: 1px 6px;
    vertical-align: baseline;
}*/
table.leftNavAndContenttable
{
    background-color: #c7d3e0;
}
svg
{
    overflow: hidden;
}

ul, ol
{
    padding-left: 40px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
    display: block;
}

nav ul
{
    list-style: none;
    padding: 0;
}

blockquote, q
{
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after
{
    content: '';
    content: none;
}

a
{
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background: transparent;
}

abbr[title], dfn[title]
{
    border: 0;
    cursor: default;
}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

hr
{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}
header, footer, section, div, nav, article, body, html, address, svg, video, audio
{
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    position: static;
}

html {overflow:auto;
}
a img
{
    border: 0;
}
h1, h2, h3, h4, h5, h6
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin: 10px 0;
    color: #333;
}

input, textarea, button, submit
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
}
a, a:link, span.gc-cs-link
{
    color: #033591;
    text-decoration: none;
}

a:visited
{
    color: #033591;
}

a:hover
{
    color: #8f600d;
}

a.definition, a.definition:visited, a.definition:hover
{
    color: inherit;
}

article p a, article table a, article ul a, article ol a
{
    text-decoration: underline;
}
a.no-underline, a.footnoteLnk
{
    text-decoration: none;
}

h1
{
    font-size: 21px;
    font-weight: 600;
}

h2
{
    font-size: 19px;
    font-weight: 600;
}

h3
{
    font-size: 18px;
    font-weight: 600;
}

h4
{
    font-size: 15px;
    font-weight: 600;
}

h5
{
    font-size: 14px;
    font-weight: 600;
}

h6
{
    font-size: 13px;
    font-weight: 600;
}
select
{
    color: #444;
}

.clear
{
    clear: both;
}

.element-invisible
{
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    font-size: 1em;
    background: #fff;
}

.container-inline div, .container-inline label
{
    display: inline;
}
input[type=text], input[type=num], input[type=phone], input[type=email], input[type=password]
{
    padding: 2px;
    border: solid 1px Gray;
}
::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder
{
    color: #d9d9d9;
    opacity: 1;
}
.watermark
{
    color: #919191;
    opacity: 1;
}
#skip-link
{
    position: relative;
    z-index: 9999;
    margin: 0;
    margin: 0;
}

#skip-link a:link, #skip-link a:hover, #skip-link a:visited
{
    background-color: #e1e1e1;
    color: #444;
}

#page-bg-container
{
    width: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
    background: url("../Images/Layout/metal-gradient.png") repeat-x;
    height: 850px !important;
}

#page-wrapper
{
    
}

#dot-header
{
    height: 21px;
    padding-top: 3px;
    background: #15396c;
    font-family: Verdana, Tahoma, 'DejaVu Sans' , sans-serif;
    position: relative;
    z-index: 3;
}

#dot-header .mode-ribbon
{
    position: relative;
    margin: 0 auto;
    padding: 0px 0 0 5px;
    line-height: 18px;
    font-size: 0.846em;
}

#dot-header .mode-ribbon img
{
    display: block;
    float: left;
    margin-right: 6px;
    margin-top: 0px;
    border: none;
}

#dot-header a
{
    color: white;
    text-decoration: none;
}

#dot-header .mode-ribbon-links
{
    list-style-type: none;
    position: absolute;
    right: 0;
    top: 1px;
    margin: 0;
    font-size: 0.846em;
    text-align: right;
}

#dot-header .mode-ribbon-links a
{
    padding: 0 7px 0 3px;
    border-right: 1px solid #bfe3f6;
}

#dot-header .mode-ribbon-links li:last-child a
{
    border-right: none;
}

#dot-header .mode-ribbon-links li
{
    display: inline;
    list-style-type: none;
}

.PageWrap
{
    /*margin-top: 20px;ncjohnson 3/29/18 removed gray bar at top*/
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    min-width: 1281px;
    z-index: 2;
}

#fmcsa-header
{
    background-position: 0% 0%;
    position: relative;
    color: white;
    height: 51px;
    z-index: 9999;
    padding: 15px 0px 10px 20px;
    background-color: #266092;
    background-image: url(../Images/fmcsaBannerGradient.png);
    background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(17%,#64a1d2),color-stop(100%,#266092));
    background: -webkit-linear-gradient(top,#64a1d2 17%,#266092 100%);
    background: -moz-linear-gradient(top,#64a1d2 17%,#266092 100%);
    background: -o-linear-gradient(top,#64a1d2 17%,#266092 100%);
    background: linear-gradient(top,#64a1d2 17%,#266092 100%);
    background: linear-gradient(to bottom,#64a1d2 17%,#266092 100%);
    color: #333;
}

#ai-login-pnl
{
    position: absolute;
    top: 23px;
    right: 242px;
    text-align: right;
    color: White;
    padding-right: 10px;
    border-right: solid 1px #d9d9d9;
    text-shadow: 1px 1px 1px #444;
}

#ai-login-pnl.logged-in
{
    top: 17px;
}

#ai-login-pnl a
{
    text-transform: uppercase;
    font-size: 13px;
    color: white;
}
#ai-login-pnl .user-name
{
    font-size: 12px;
}
#fmcsa-header .search-form
{
    position: absolute;
    top: 20px;
    right: 20px;
}

#fmcsa-header .search-form .form-submit
{
    background-color: white !important;
    width: 25px;
    margin-left: -5px;
    background: white url("../Images/Layout/magnifying-glass2.png") 3px no-repeat !important;
    color: transparent;
    vertical-align: bottom;
    height: 26px;
    border: 1px solid #d3d3d3;
    font-size: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
}

#fmcsa-header .search-form .form-text
{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: 1px solid #d3d3d3;
    height: 24px;
    width: 180px;
    padding: 0 0 0 5px;
    outline: 0;
}
#ai-header
{
    background-color: #001647;
    height: 46px;
}


#ai-login-pnl a
{
    text-decoration: none;
}




/*#ai-header a
{
    color: White;
    text-decoration: none;
}
#ai-header a:hover
{
   color:#323a45;
   
}*/
#ai-header a.site-logo
{
    display: block;
    float: left;
    padding: 0 20px 0 5px;
  
    
} 

#ai-header a:hover.site-logo
{
   /* njohnson 3/23/18 to match responsive overwrite background colors in logo*/  
   color:transparent;
   background-color:transparent;
 
}


 .ai-nav-menu{ display:block; width:1281px;
}

.ai-nav-menu ul{
}

#ai-header .ai-nav-menu ul, #ai-header .ai-nav-menu ul li {
    list-style: none;
  margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 13px;
    
}

.active {border-bottom: 4px solid #DFF72C;}

#ai-header .ai-nav-menu > ul{
}

    #ai-header .ai-nav-menu > ul > li {
      display: block;
        float: left;
        margin: 14px .4em;
        position: relative;
       /*width: 50px !important;*/
    }
    /*#ai-header .ai-nav-menu > ul > li:last-child {display:none;
    }*/
        /*top level links*/
        #ai-header .ai-nav-menu > ul > li > a {margin: 0; padding: 14px 10px; color:white;}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
#ai-header .ai-nav-menu > ul > li > a  {padding:14px 10px;}
}*/

#ai-header .ai-nav-menu > ul > li:hover a {background-color: #DBE2EF; color:#1471B9;}

/*set up the hover*/
#ai-header .ai-nav-menu > ul > li > ul
{
    display: none; 
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 100;
    width: 230px;
    margin: 0;
    padding: 0 6px 10px 6px;
    background-color: #DBE2EF;color:#323a45;

}
#ai-header .ai-nav-menu > ul > li:hover ul {display: block;}
#ai-header .ai-nav-menu > ul > :nth-child(8) > ul {
     left: auto;
     right: 0;
     /* background-color: red;*/
        }
#ai-header .ai-nav-menu > ul > li > ul > li {padding:.75em .3em; border-bottom: 1px solid #323a45;}
#ai-header .ai-nav-menu > ul > li > ul > li.descriptive {font-weight:normal;}

.discriptive2 {font-weight:normal;}

#ai-header .ai-nav-menu > ul > li > ul > li > a {padding:0; }
#ai-header .ai-nav-menu > ul > li:hover > ul > li > a {color:#323a45;}
#ai-header .ai-nav-menu > ul > li > ul > li > a:hover {color:#1471B9;}
#ai-header .ai-nav-menu > ul > li > ul > li > a:before{content:'\00BB'; margin-right:.2em;}

#fmcsa-footer
{
    color: White;
    position: relative;
    padding-top: 20px;
    padding-left: 80px;
    padding-bottom: 60px;
}

#fmcsa-footer a
{
    color: White;
    text-decoration: none;
}

#fmcsa-footer a:hover
{
    text-decoration: underline;
}

#fmcsa-footer address
{
    background-image: url("../images/Layout/FMCSA_Footer_Image.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    height: 380px;
    width: 46%;
    text-transform: uppercase;
    padding-left: 0;
    font-size: 15px;
    float: left;
    padding: relative;
}
#fmcsa-footer address p
{
    margin-left: 55px;
}
#fmcsa-footer address a:hover
{
    text-decoration: none;
}
#fmcsa-footer .footer_dot_label
{
    font-family: 'Trebuchet MS' , 'Lucida Grande' , 'Lucida Sans Unicode' , 'Lucida Sans' , Tahoma, sans-serif;
    font-size: 18px;
    margin-top: 0px;
}

#fmcsa-footer .dot-logo
{
    position: absolute;
    left: 80px;
    top: 20px;
}

#fmcsa-footer .footer_administration_label
{
    text-transform: none;
    font-style: italic;
}

#fmcsa-footer span.gc-cs-link
{
    color: White;
}

#fmcsa-footer ul.menu
{
    border-left: 2px solid #a39c99;
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    height: 380px;
    width: 24%;
}

#fmcsa-footer ul.menu li
{
    padding: 0 0 15px 20px;
    background-image: url("../Images/Icons/list-arrow.png");
    background-repeat: no-repeat;
    background-position: 5px 3px;
}


#loginTimeout
{
    display: none;
}

.browserAlert
{
    color: White;
    background-color: #15396c;
    z-index: 3;
    position: relative;
    margin: 0;
    font-family: SourceSansPro, Arial, Sans-Serif;
    padding: 5px;
    font-size: 13px;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.browserAlert .message
{
    width: 985px;
    margin: 0 auto;
    z-index: 3;
    position: relative;
}

.browserAlert a
{
    color: White;
    text-decoration: underline;
}

.FeedBackFooterBtn
{
    background: none repeat scroll 0 0 #001647;
    border: 0;
    color: White;
    padding: 4px 8px;
    text-align: center;
    display: inline-block;
    position: absolute;
    right: 20px;
    bottom: 20px;
    position: fixed;
    right: 20px;
    bottom: 10px;
    z-index: 1000;
}
.clear
{
    clear: both;
}
.SubBody
{
    background-color: #ffffff;
    padding-bottom: 0;
}

.WholePanelDef1 .newsheading
{
    color: White;
}
.leftNavAndContenttable a.TreeNodeSelect, .leftNavAndContenttable a.TreeNodeSelect:link, .leftNavAndContenttable a.TreeNodeSelect:visited, .leftNavAndContenttable a.TreeNodeSelect:active
{
    color: White;
}
.dq-menu .blackSM, .dq-menu .black, .dq-menu .dq_section_td
{
    text-align: left;
}
#dataquality
{
    text-align: left;
}
#dataquality a.match_head
{
    color: #058faf;
}
.dqtable4 > tbody > tr > td
{
    background-color: White;
}
#dataquality a.white2
{
    color: White;
}
.error
{
    color: Red;
}
#dataquality center *
{
    text-align: left;
}
#dataquality .dq-tabs td
{
    padding: 0;
}
#dataquality .dq-tabs td img
{
    height: 19px;
    display: block;
}
#dataquality a[name]
{
    color: Black;
    text-decoration: none;
}
.middleMapBoxStyle input[type=image]
{
    display: block;
}
#MainContent_MainContent_MainContent_Table2 tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > input[type=image]
{
    display: block;
}

/*Telerik*/
.SiteBody .RadGrid_WebBlue .rgExpand, #RadGridFiveYearPanel .RadGrid_WebBlue .rgExpand
{
    background-position: 2px -722px;
}
.SiteBody .RadGrid_WebBlue .rgCollapse, #RadGridFiveYearPanel .RadGrid_WebBlue .rgCollapse
{
    background-position: 2px -754px;
}
.SiteBody .RadGrid_WebBlue .rgExpand, .SiteBody .RadGrid_WebBlue .rgCollapse, #RadGridFiveYearPanel .RadGrid_WebBlue .rgExpand, #RadGridFiveYearPanel .RadGrid_WebBlue .rgCollapse
{
    background-image: url(../Images/Telerik_Legacy_Icons.jpg);
}
.SiteBody .RadGrid_WebBlue .rgAltRow, .SiteBody .RadGrid_WebBlue .rgAltRow .rgExpandCol
{
    background: #fff;
    background: #fff;
    padding: 4px 4px 4px 8px;
    color: #000;
    font-size: 11px;
    text-align: left;
    height: 20px;
    border-color: #fff #fff #e9e9e9;
}
.SiteBody .RadGrid_WebBlue .rgRow, .SiteBody .RadGrid_WebBlue .rgRow .rgExpandCol
{
    background: rgb(220, 220, 220);
    color: #000000;
    font-size: 11px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    text-align: left;
    height: 20px;
    border-color: #f0f2f4 #f0f2f4 #e9e9e9;
}
.SiteBody .RadGrid_WebBlue, .SiteBody .DetailTable_WebBlue
{
    border: 1px solid #69798c;
}

.SiteBody .RadGrid_WebBlue td.rgGroupCol, .SiteBody .RadGrid_WebBlue td.rgExpandCol
{
    background-color: #F0F2F4;
    border-color: #f0f2f4 #f0f2f4 #e9e9e9;
}

#fmcsa-footer p
{
    color: White;
    font-size: 15px;
    padding: 0;
}
p#skip-link
{
    padding: 0;
}

/*updated navigation styling on used on homepage*/
/*NEW FMCSA Tools / New Login option  njohnson 03/06/3018*/
/*
.AI-login-tools-outer-wrapper {
  background-color: #f1f1f1; }

.AI-login-tools-inner-wrapper {
  padding: 1em 1em .5em; }
  .AI-login-tools-inner-wrapper.logged-in .h3 {
    font-weight: bold;
    font-size: 1.3rem;
    width: 100%;
    padding-bottom: .25em; }
   div.header-links {border-top: 1px solid #1471B9; }
    .AI-login-tools-inner-wrapper.logged-in .h3 a{ 
                float:right;
                margin-right:2em;
            
    }
  .AI-login-tools-inner-wrapper.logged-in ul {
    margin: 0;
    padding-left: 0; }
    .AI-login-tools-inner-wrapper.logged-in ul li {
      margin: 0 1em;
      padding: 0;
      display: inline-block;
      text-align: middle; }
   
  .AI-login-tools-inner-wrapper.logged-out a {
    text-transform: uppercase;
    font-weight: bold;
    color: #000; }
    .AI-login-tools-inner-wrapper.logged-out a img {
      width:auto;
      height:14px;
      margin-left:.2em;
      vertical-align: middle; }
  .AI-login-tools-inner-wrapper .login-border-top {
    width: 10em;
    border-top: 7px solid #1471B9; }*/