* {
    margin: 0;
    padding: 0;
}

a{ cursor: pointer;}
ul, ol {
    list-style: none outside none;
}

@media (min-width: 1200px)
{
    /*.col-lg-8.MATSGrid .MATSGridDiv
    {
        height: 307px !important;
    }*/
}
.clearfix{ clear: both;}
.header{ padding: 0;}
.navbar
{
    margin-bottom: 0 !important;
    min-height: 44px;
}
.navbar-wrapper {
    left: 0;
    margin-bottom: -90px;
    margin-top: 20px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    background-color: #71BF44;
}
.navbar-inverse 
{
    background-color: #71BF44;
    background-image: none;
     border: 0 none;
}
.nav > li > a {padding: 10px;}
.navbar-inverse .brand, .navbar-inverse .nav > li > a {
    color: inherit;
  
    text-shadow: none;
    text-transform: uppercase;
}
.row {
    margin-left: 0;
    margin-right: 0;
}
.row.masthead .brand img { padding: 20px 0 25px; }
.row .MATSGrid{ background-color: #f1f1f1; /*background-color: #CDE5F1; */
                border: 1px solid #b4b5b3;float: left; 
                margin: 20px 0; padding: 10px;   min-height: 390px; min-height: 430px\0/IE8 +11;}
.col-lg-8.MATSGrid .MATSGridHeader{float: left;background-color: #71bf44; color: #ffffff; padding: 10px 10px 20px; width: 100%;}
.col-lg-8.MATSGrid .MATSGridHeader h3{ text-transform: uppercase;}
.col-lg-8.MATSGrid .MATSGridDivThead{float: left; width:100%;}
.col-lg-8.MATSGrid .MATSGridDivThead th:first-child{width: 40%;}
.col-lg-8.MATSGrid .MATSGridDiv td:first-child{width: 40%;}
.col-lg-8.MATSGrid h3 {
    font-size: 16px;
    margin: 0;
      color: #fff;
    font-weight: bold;
}
.col-lg-8.MATSGrid h4 {
    font-size: 14px;
    color: #fff;
    margin: 0;
    padding: 0;
}
/*.dataTables_paginate.paging_full_numbers
{
    position: absolute;
    right: 15px;
   top: 38px;
}*/
.dataTables_paginate.paging_full_numbers
{
    margin: -40px 0 0;
    padding: 5px;
    text-align: right;
}
.dataTables_paginate .first,.dataTables_paginate .last{ display: none;}
.paging_full_numbers a.paginate_button{ background-color: #71bf44;padding: 2px 6px;color: #FFFFFF;}
.paging_full_numbers a.paginate_active{background-color: #ccc; padding: 2px 6px;}
.col-lg-8.MATSGrid thead{ background-color: #D9D9D9;}
.col-lg-8.MATSGrid th{ font-size: 11.5px; padding: 10px 3px; color: #4c4c4c; width: 11%;}
.col-lg-8.MATSGrid th:first-child{ padding-left: 15px; }
.col-lg-8.MATSGrid th.md{ width: 14%;padding-left:15px}
.col-lg-8.MATSGrid td{ font-size: 11.5px; padding: 8px 8px 8px 15px;color: #4c4c4c; width: 11%;}
.col-lg-8.MATSGrid td.md{ width: 14.2%;}
.col-lg-8.MATSGrid .dataTable .even{border-bottom: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;}
.MATSGrid .more {clear: both;padding: 8px 0 10px; float: right; font-size: 12px; }
.MATSGrid .more a{text-decoration: underline;}
.nav-justified > li > a {border-top: 1px solid #71BF44;}
@media (max-width: 767px) 
{
    .row .MATSGrid{ float: none;background-color: #f1f1f1; border:0 none;margin: 20px 0; padding: 0;}
    .col-lg-8.MATSGrid .MATSGridDiv{float: left;overflow-x: scroll;overflow-y: hidden;}
    .col-lg-8.MATSGrid { height: 600px;}
    .marketing .col-lg-4 { padding-right: 0;}
    .col-lg-8.MATSGrid td{ font-size: 11px; padding: 5px;}
    .dataTables_paginate.paging_full_numbers {
    margin: 0;
    padding: 5px;
    text-align: left;
}

}
@media (min-width: 767px) 
{
.col-lg-4,.col-lg-8{ float: left;}
.col-lg-4 {width: 33.33%;}
.col-lg-8 {width: 66.6667%;}
}
.marketing .col-lg-4{ padding-left: 0;}
.left-rail{background: url("../images/corner.png") no-repeat scroll right 0 #CDE5F1;margin: 20px 0;padding:10px 10px 10px 20px}
.left-rail h3{ color: #004c87;font-size: 19px; font-weight: bold; border-bottom: 1px solid #b4b5b3;}
.left-rail h4{font-size: 13px; padding: 0; margin: 0;}
.left-rail a{ color: #004c87; text-decoration: none;}
.left-rail ul{ margin-bottom: 0;}
.left-rail li{ padding: 0 0 10px 45px;font-size: 13px; }
.left-rail .tour{background: url("../images/tour.png") no-repeat scroll 0 0 transparent; border-bottom: 1px solid #b4b5b3;}
.left-rail .videoLink{background: url("../images/IndexVideo.png") no-repeat scroll 0 0 transparent; border-bottom: 1px solid #b4b5b3; margin-top: 10px;}
.left-rail .videoLink.lastItem{border-bottom: 0 none; padding-bottom: 20px; }
.left-rail .mpd-hp{background: url("../images/icon-fss.png") no-repeat scroll 0 0 transparent; border-bottom: 1px solid #b4b5b3; margin-top: 10px;}
.left-rail .msrbEdCen{background: url("../images/hp-msrb-ed-cen-icon.png") no-repeat scroll -5px -2px transparent; margin-top: 10px;}
.left-rail .updates{background: url("../images/updates.png") no-repeat scroll 0 0 transparent; margin-top: 10px; height: 50px;}
.left-rail .updates h4{ padding: 10px 0 0 0;}
.blueLinkBar{background-color: #CDE5F1;margin-bottom: 2px;padding: 20px 0 10px 40px;}
.blueLinkBar li{ float: left; min-height: 50px; padding: 0 35px;width: 33%;}
.blueLinkBar a{ color: #004c87; text-decoration: underline;}
.blueLinkBar .dp{ padding-left: 60px;}
.blueLinkBar .dp a{background: url("../images/dp.png") no-repeat scroll 0 0 transparent;padding:5px 0 20px 30px;}
.blueLinkBar .er{background: url("../images/er.png") no-repeat scroll 0 0 transparent;}
.blueLinkBar .vt{background: url("../images/vt.png") no-repeat scroll 0 0 transparent;}

footer{
    background: #5a5a5b;
    margin-bottom: 2px;padding: 20px 0;
    color: #e1e1e1; font-size: 11px;
}
footer .footerLogo{float:left; width: 20%;}
footer .linksDiv{float:right; width: 80%;}
footer a{ color: #e1e1e1;}
footer a:hover{ color: #e1e1e1;text-decoration: underline}
footer li a,.footer li a:active,.footer li a:visited,.footer li a:focus{ color: #71bf44; font-weight: bold;}
footer p a:hover,footer p a:visited,footer p a:active{ color: #e1e1e1; }
footer li a:hover,footer li a:visited{ color: #71bf44; font-weight: bold;}
footer .links,footer .version { float: left; width: 100%;margin: 0;}
footer .links li{  border-right: 1px solid #CCCCCC;
    display: table-cell; padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle; }
    footer .links li:first-child { padding-left: 0;}
footer .links li.lastChild { padding-right: 0; margin-right:0; border-right: 0 none; }
    footer .version li{ float: left; padding-right: 10px; color: #999;}
     footer .version .ver{ float: right;}
footer p { display: block; padding: 0;}
.nav-justified > .dropdown .dropdown-menu {}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.nav-justified > .dropdown .dropdown-menu{ left: -90%; top: 42px;}
.row .MATSGrid {min-height: 405px !important;}
}
.nav-justified > li > a:hover,
.nav-justified > li > a:focus {
    border-top: 1px solid #999;
}
.nav-justified > li > a { font-size: 16px;}
.nav-pills > li > a:hover {
      background-color: transparent; 
      text-decoration: underline;
}
.nav-pills.sec-nav{padding: 10px 0 30px;  padding: 10px 0 45px\0/IE8 +11;}
.nav-pills.sec-nav a{
    border-right: 1px solid #CDCDCD;
    font-size: 12px;
    padding: 0 7px;
     color: #004B84;
}
    .nav-pills.sec-nav .last-child a
    {
        border: 0 none;
    }
    .nav .alert-danger{ margin: 0;}
.sec-nav span.imp{
   background-color: #FFFFFF;
    border-right: 1px solid #CDCDCD;
    color: #004B84;
    float: left;
    font-size: 12px;
    padding: 0 10px 0 10px;
}
 .nav-pills.sec-nav .imp a{  background-color: #CEE6F2;border: 0 none;color: #003366;float: left;font-weight: 600;}
span.qk{ 
    background-color: #b0bbbf; 
    padding: 3px 10px;
    color: #ffffff;
    -webkit-box-shadow: inset 1px 1px 1px 0px #a7b0b5;
    -moz-box-shadow: inset 1px 1px 1px 0px #a7b0b5;
    box-shadow: inset 1px 1px 1px 0px #a7b0b5;
    border: 1px solid #c0c0c0;
    float: left;
    float: none\0/IE9;
    margin-left: 7px;
}
input[type=text] {
  padding: 7px;
/*  -webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
  -moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
  box-shadow: inset 2px 2px 2px 0px #dddddd;*/
    border-left: 1px solid #c0c0c0;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
}
.searchTextBox{ 
    float: left;
    height: 38px;
    font-style: italic;
    width: 253px;
    font-weight: 300;
    font-size: 16px;
    color: #929090;
}
.qk-search-btn{ float: left;margin-left: -2px;}
.dropdown-menu {padding: 10px 0 10px 10px; border-top: 0 none;}
.dropdown-menu.pr{ width: 520px;}
.dropdown-menu a{ font-size: 13px;}
.dropdown-menu a:hover{ background-color: transparent;}
.dropdown-menu li span{
 border-bottom: 1px solid #CDCDCD;
    float: left;
    margin-right: 20px;
    padding: 3px 30px 3px 10px;
    width: 180px;
}
.dropdown-menu li span.second{
    width: 280px;
}
.end
    {
    border: 0 none !important;
    }
.bl
    {
    clear: both;
    }
.quickSearchErrorSpan{display: inline-block; padding: 17px 0 0;width: 405px;}
.rt{ float: right;}
.rt.w{ width:110%;}
.searchOptions{ padding: 20px 0 20px 25px; width: 600px;}
.i3 ul{ padding: 20px 0 20px 5px; }
.searchOptions h3{ font-size: 20px; margin: 0; padding: 0;}
.searchOptions li{ width: 100%;float: left;padding: 0 0 15px 43px;}
.searchOptions h3 a{ text-decoration: underline;}
.searchOptions li.qkSearchLi{background: url("../images/tab2-1.png") no-repeat scroll 0 0 transparent;}
.searchOptions li.advSearchLi{background: url("../images/tab2-2.png") no-repeat scroll 0 0 transparent;}
.searchOptions li.myEMMALi{ background: url("../images/tab2-3.png") no-repeat scroll 0 0 transparent; padding-bottom: 5px;}
.searchOptions li.similarSearchLi{background: url("../images/tab2-4.png") no-repeat scroll 0 10px transparent; border-top: 1px dashed #999; padding-top: 10px; float: left;}
.searchOptions li p{ float: left; width: 100%; margin: 0 0 5px;}
.searchOptions li div.l{ float:left; width: 45%;}
.searchOptions li div.r{ float: left; width: 55%;}
.searchOptions .searchTextBox{ width: 80%;}
.searchOptions .quickSearchErrorSpanC label,
.searchOptions .similarSearchErrorSpan label,
.similarSearchNFSpan label
{
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 10px 5px;}
.searchOptions .rt.w{ width: 500px;}
.i3 h1.pilot{background: url(../../images/pilot.png) no-repeat right 0 transparent;height: 59px;width: 100%;}
.i3 ul{ padding: 20px 0 20px 5px; }
.i3 li{float: left;}
.i3 li.text{ width: 25%;padding: 0 20px 0 0;}
.i3 li.map{ width: 74%;}
.rt .alert{   font-size: 12px;
    font-weight: normal;
    margin: 11px 0;
    padding: 10px;}

/*******************Override css classes in acct.css***************************/
.signInContainer.ui-dialog-content.ui-widget-content {height: 445px !important; padding: 0; overflow: hidden;}
.acct.ui-dialog-content.ui-widget-content {max-height: 470px; min-height: 424px; }
/*.acct {padding: 3.5em 0.75em 0 0.4em;}*/
#si-content .signupBox {margin:12px 0 0 4px;margin-top: 8px\0/IE8 +9; ;padding: 30px 40px;position: inherit;width: 363px;}

.acct h1{width: auto; margin-left: 10px;}
.acct ul.signIn{margin:10px 0 0 10px; height: 221px;}
.acct ul.signIn li,.acct #remember{ margin: 8px 0 0;}
.acct label{font-weight: normal;margin: 0;}
.acct .allErrors{ padding: 0;}
.acct .signInPanel .buttons input[type="submit"]{margin-left: 0;}
.acct .accthdr h1{margin-left: 0;}
.uidSpan{ font-size: 13px; float: left;}
#si-content h1, .acct h1 {width: 96%;}
/******************Carousel Specific CSS***************/
/* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width: 979px) {
      .carousel .item {
        height: 500px;
      }
      .carousel img {
        width: auto;
        height: auto;
      }
    }
    @media (max-width: 767px) {

      
      .carousel {
        margin-left: -20px;
        margin-right: -20px;
      }
      .carousel .container {

      }
      .carousel .item {
        height: 300px;
      }
        .carousel .item h1
        {
            margin: 0;
            padding: 0;
        }
      .carousel img {
        height: auto;
        
      }
      .carousel-caption {
      /*  width: 65%;
        padding: 0 70px;
        margin-top: 0;*/
      }
  .carousel-caption .lead,
      .carousel-caption .btn {
        font-size: 18px;
      }
    }
    .carousel-inner {  
        width: auto;
        margin-left: auto;
        margin-right: auto;
}
.carouselBg{ 
    background-color: #e7e8e8;
    height: 371px;
    margin-top: 2px;
}
.carousel-caption
{
    left: 0;right: 0;bottom: 0;
    padding:0; margin: 0;
    position: relative; position: static; text-align: left; text-shadow: none; color: #262626;  z-index: 10;
}
.carousel-caption h1{ padding: 0 0 10px; margin: 0; border-bottom: 1px solid #ccc; color: #004b84; font-weight: bold; font-size: 22px;}
.carousel .active.left {left:0;opacity:0;z-index:2;}
.carousel .next {left:0;opacity:1;z-index:1;}
.carousel .item {
  height: 370px;
  background: url("../images/carousel_active_arrow.png") no-repeat scroll 0 0 #CDE5F1;
  padding: 30px 10px 30px 25px;
  -webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s;
}
.carousel .item.i2{ background-position: 0 25%;}
.carousel .item.i3{ background-position: 0 50%; padding-top: 0; padding-right: 0;}
.carousel .item.i3 h1{ padding-top: 20px; margin-right: 10px;}
.carousel .item.i4{ background-position: 0 75%;}
.carousel .item.i5{ background-position: 0 100%;}
.carousel .item.i3 p{ width: 33%;}
.carousel .statCarousel .carousel-caption ul{float: left; width: 100%;padding: 30px 0 20px 25px; }
.carousel .i1 ul{float: left; width: 100%;padding: 0 0 0 25px; }
.carousel .statCarousel .carousel-caption li,.carousel .i1 li{ float: left;width: 33%; text-align: center; padding-right: 25px;}
.carousel .i5 li{ float: left;width: 50%;padding: 5px 20px 0 80px;text-align: center;}
.carousel .i5 li:last-child{padding: 150px 10px 0 30px; width: 48%;}
.carousel .i5 li a{ color: #004b84; font-size: 16px; display: block; }

.carousel .statCarousel .carousel-caption a{ text-decoration: none;}
.carousel .statCarousel .carousel-caption h4{ padding-bottom: 30px; color: #004b84;margin-top: 0;}
.carousel-indicators
{
    bottom: 0;
    float: left;
    width: 33%;
    left: auto;
    list-style: none outside none;
    margin-left: 0;
    padding-left: 0;
    position:static;
    text-align: left;
    height: 360px;
}
.carousel-indicators li {
   background: #fff; 
    border: 0 none;
    border-radius: 0;
    display: table;
    float: left;
    height: 75px;
    list-style-type: none;
    margin: 0;
    padding: 0 35px 0 25px;
    text-indent: inherit;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.carousel-indicators li p{ display: table-cell; vertical-align: middle; color: #004b84; font-size: 16px;}
.carousel-indicators .active {
    background-color: #CDE5F1;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) inset;
    color: #004b84;
    height: 70px;
    margin: 0;
    width: 100%;
    font-weight: bold;
}
/*******************************************/
.jumbotron {  -webkit-box-shadow:inset 0 0 55px 20px   #e8ebe6;
  -moz-box-shadow: inset 0 0 55px 20px #e8ebe6;
  box-shadow:inset 0 0 55px 20px   #e8ebe6; background-color: #fcfffa; border-bottom: 1px solid #ccc; margin-bottom: 15px;}
.jumbotron h1{ font-size: 48px;color:#004b84; font-weight: lighter;}
.jumbotron h1.mpd{ font-size: 36px;color:#004b84; font-weight: lighter;}
.jumbotron div{ text-align: center;}
.jumbotron div a{ text-decoration: underline; color:#004b84;}
.jumbotron div input[type=button]{ background-color: #71bf44; color: #ffffff; font-size: 12px; text-align: center; border: 0 none; padding: 10px 50px; font-weight: bold; margin-top: 20px;}

/*******Systems Alert **********************/
.systemsAlert{ border-bottom: 2px solid #FAEBCC;}
.systemsAlert p{text-align: center; padding: 10px 0 5px;color: #333333; margin: 0;}
.systemsAlert p label{ background: url("../Images/systemsAlert.png") no-repeat 0 0 transparent; font-weight: normal;padding: 2px 0 4px 30px;}
.systemsAlert p a{ text-decoration: underline; color: #064f86;}
.systemsAlert .r{ text-decoration: underline; color: #064f86; font-size: 12px; padding: 0 0 10px;}


/************IPAD Fixes******************/
@media (min-width: 768px) and (max-width: 1003px) {
    .carousel-indicators li p{ font-size: 14px; margin-bottom: 5px;}
    .carousel .statCarousel .carousel-caption h4,  .carousel .carousel-caption,.carousel .i5 li a{ font-size: 13px;}
    .carousel .map img{ width: 95%;}
    .carousel .i1 img{ width: 98%;}
    .carousel .i5 img{ width: 98%;}
    .carousel .i5 li{padding: 35px 20px 0 40px;}
    .searchOptions{ width: auto;}
    .carousel-caption h1{ font-size: 16px;}
    .searchOptions h3{ font-size: 14px;}
    .searchOptions input[type="text"]{ width: 75%;}
    .marketing .left-rail:last-child { height: 420px;}
    .left-rail h3 { font-size: 16px;}
    .left-rail p{ font-size: 13px;}
    .blueLinkBar .dp{ padding-left: 0;}
    .col-lg-8.MATSGrid .MATSGridHeader {height: 80px;}
    .dataTables_paginate.paging_full_numbers { top: 11%; right: inherit; padding-left: 13px;}
    .col-lg-8.MATSGrid td {font-size: 10.5px; padding: 5px;}
     .nav-justified > .dropdown .dropdown-menu {left: -150%;}
 }
/****************************************************/
@media (max-width: 979px)
{
    .row .MATSGrid { min-height: 428px;}
}
@media (min-width: 1200px)
{
    .row .MATSGrid {min-height:390px\0/IE8 +11;}
    .searchOptions{ width: 720px;}
    
}
@media (max-width: 768px)
{
    .nav-justified > .dropdown .dropdown-menu { left: 0; width: 100%;}
    .dropdown-menu li span,.dropdown-menu li span.end,.dropdown-menu li span.second {clear: both; border-bottom: 1px solid #CDCDCD !important; width: 97%; text-align: center; padding-left: 0;}
    footer .linksDiv {float: none !important;width: 100% !important;}
    footer .linksDiv .links { padding: 10px 0;}
    footer .linksDiv .links a { padding: 10px 0; font-weight: normal;}
    footer p{clear: both;}
    footer .footerLogo img{ width: 120px; height: auto;}
 .carousel .i1 li img{ width: 85% !important;}
 .header{padding-bottom:15px;}
 .nav-pills.sec-nav {padding: 10px 0 20px;}
 .masthead .col-lg-4, .masthead .col-lg-8 {padding-left: 15px;padding-right: 15px;}
 .row.masthead .brand img { width: 220px; height: auto;}
 .quickSearchErrorSpan {padding: 0 0 0;}
 .left-rail h3 { font-size: 16px;}
 .pull-right {float: none !important;}
 .rt.w {width: auto;}
 .rt {float: left;}
 .blueLinkBar{padding-left: 0;}
 .dropdown-menu span{ float: left;}
 .blueLinkBar .dp{ padding-left: 0;}
 .blueLinkBar .dp a{ display: inline-block; font-size: 12px;}
 .nav-pills span.imp {padding-left: 0;}
 .nav-pills li.my {clear: both;margin-left: 0;padding-left: 0;}
 .table-responsive{border: 0 none;}
 .dataTable{ border: 1px solid #ccc;}
 .col-lg-8.MATSGrid{height: 100%;}
 .dataTables_paginate.paging_full_numbers { top: inherit; right: inherit; position: relative; background-color: #71bf44; padding: 0 0 10px 5px;}
 .MATSGrid .more {padding: 8px 10px 10px;}
 .row .MATSGrid{border: 1px solid #B4B5B3; border: 0 none;}
 .blueLinkBar li { float: none; width: 100%;}
 footer .links li {border-right: 0 none;display: block;padding-left: 0;padding-right: 0;vertical-align: middle;}

}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.col-lg-8.MATSGrid td{ font-size: 11px; padding: 5px;}
}