@charset "UTF-8";
@import url('./bootstrap/css/bootstrap.min.css');
@import url('./css/normalize.css');
body{
    font-family:calibri, arial,helvetica,sans-serif!important; 
    cursor:default;
    font-size:16px;
    color:#444444;
    background: #fff url(images/ysprite.png) Repeat-x 0px -343px;
}
.custom-container{
    margin-left:auto;
    margin-right:auto;
}

#ControlBar * {
    -moz-box-sizing: initial;
    -webkit-box-sizing: initial;
    box-sizing: initial;
}

.mark{    
     background-color: inherit; 
}

/*---------------FONTS--------------*/
h1 {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: left;
    padding: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
h2 {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 0px;
    margin-bottom: 10px;
    margin-top: 0px;
}
h4 {    
    font-weight: bold;
}
p {
    line-height: 170%;
    text-align: justify;
    font-size: 16px;
}
.container a{
    text-decoration: none;
    color: navy;
}
.container a:hover{
    text-decoration: none;
    color: #FF0000;
}
.leftcolumn ol, .maincolumn ol {
    list-style-type: decimal;
    margin-left: 30px;
    line-height: 170%;
    font-size: 16px;
}
.leftcolumn ul, .maincolumn ul, .content ul {
    list-style-type: disc;
    margin-left: 30px;
    line-height: 170%;
    font-size: 16px;
}
/*---------------HEADER--------------*/
.nopadding { 
    padding-right: 0px;
    padding-left: 0px;
}
.disclaimer {
    position: relative;
    margin: 0px 0px 10px 0px;
    border-top: 4px solid #ddd;
    color: #334872;
    text-align: center;
    font-family: arial;
    font-size: 15px;
    z-index:100;
}
.logo {
    height:76px;
    background: url(images/logo.png) no-repeat;
}
.rightimg {
    height:110px;
    background: #fff url(images/home.jpg) -250px -106px no-repeat;
    margin-top: -30px;
}
.legalnotice{
    font-size: 11px;
    width:100%;    
    border: 1px solid #cccccc; 
    padding: 5px; 
    line-height: 13px;
}
/*---------------NAV BAR--------------*/
.navbar {    
    min-height: 30px;
    margin-top: 10px;
    margin-bottom: 0px;
}
.navbar-nav>li {
    padding-left:1px;
}
.navbar-nav>li>a {
    text-align: center;    
    background-color: #336699!important;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    width: 170px;
    height: 30px;
    text-decoration: none;
    color: #fff!important;
    font-weight: bold;
    text-align: center;
    padding: 5px 0px!important;
    line-height: 17px;
    text-transform: uppercase;
}
.navbar-nav>li>a:focus {    
    background-color: #336699!important;
}
.navbar-nav>li>a:hover {
    color: yellow!important;
    background-color: #336699!important;
}
.navbar-default {
    background-color: #fff;
    border: 0px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}
.navbar-default .navbar-toggle {
    border-color: #fff;
}
.star {
    float: left;
    padding-left: 10px;
    padding-top: 4px;
    position: absolute;
    left: 1px;
    color: #92B4E1;
}
/*---------------HOME PAGE--------------*/
#map {
    background: #fbf6c4;
    float: left;
    height: auto !important;
}
#selectstate {
    border: 1px solid #6c94c5;
    width: 200px;
    height: 240px;
    background-color: #FFFFFF;
    text-align: left;
    overflow: auto;
    padding: 3px;
    padding-left: 10px;
    font-weight: normal;
    font-size: 16px;
}
#selectstate a{
    text-decoration: none;
    color: navy;
}
#selectstate a:hover{
    text-decoration: none;
    color: #FF0000;
}
.small_16 {
    font-size: 14px;
    text-align: center;
}
#mainmap {
    border-left: 2px solid #ded8ac;
    border-bottom: 2px solid #ded8ac;
    border-right: 2px solid #ded8ac;
    height: 310px;
    padding: 10px;
    vertical-align: top;
}
.flashobject {
    float:left;
}
.selectmap {
    padding-left: 10px;
    float:left;
}
/*---------------LEFT COLUMN CONTENT--------------*/
.leftcolumn, .maincolumn {
    color: #333;
    border: 0px solid #ccc;
    margin: 0px 5px 5px 0px;
    padding: 10px 0px;  
    background: #fff;
    text-align: left;
}
.pad_30 {
    padding: 30px;
    float: left;
}
/*---------------RIGHT COLUMN CONTENT--------------*/
.rightcolumn {
    float: left;
    color: #333;
    border: 0px solid #ccc;
    margin: 0px 0px 5px 0px;
    padding: 10px 20px 10px 10px;
    width: 225px;
    display: inline;
    background: #fff;
}
.steps {
    /*height: 295px;*/
    /*width: 221px;*/
    padding-top: 5px;
}
.steps p{
    font-size: 16px;
    padding-left: 60px;
    margin: 0px;
}
.step {
    text-align: left;
    width: 60px;
    float: left;
}
#easy123 {
    background: url(images/home.jpg) no-repeat;
    width: 200px;
    height: 45px;
}
.break20 {
    padding-bottom: 20px;
}
.hr {
    clear: both;
    border: none;
    border-bottom: 2px dotted silver;
    margin-top: 20px;
    margin-bottom: 20px;
}
.rightcolumnQues {
    text-align: center;    
    background-color: #4c5868;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    height: 30px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 5px 0px!important;
    line-height: 17px;
}
.smallbox{
    border: 1px solid;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
}
.smallboxbody a{
    color: navy;
}
.smallboxbody a:hover{
    color: #FF0000;
    text-decoration: none;
}
/*---------------STATES PAGES CONTENT--------------*/
.statescolumn {
    float: left;
    font-size: 11px;    
    line-height: 14px;
    margin-bottom: 20px;
}
.statescolumn a{
    width: 85px;
    display:inline-block;
}
.stateimg {    
    border: 0px solid #ccc;
    padding: 100px 0 0 0;        
    background: #fff;
}
/*---------------FINAL PAGE CONTENT--------------*/
.h1final {
    padding-top: 10px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: red;
}
.pfinal {
    padding-top: 10px;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
}
.download {
    border: 1px solid;
    min-height: 80px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    overflow: auto;
    padding: 10px 0px;
}
.download p{
    line-height: 16px;
    padding-top: 10px;
    text-align: left;
}
.download img{
    float: left;
    margin-right: 10px;
}
.addthis_toolbox {
    padding-top: 20px;
}
/*---------------FORM PAGE CONTENT--------------*/
.load {
    /* position: fixed; */
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    background: url('/images/ajax-loader.gif') 50% 50% no-repeat;
    z-index: 999;
}
/*---------------ADMIN PAGES OVERWRITE--------------*/
.admin a, .admin a:hover{    
    text-decoration: underline;
    color: #333;
}
.admin {
    box-sizing: inherit!important;
}
.dnnDropDownList .selected-item a, .dnnDropDownList .selected-item a:link {
    height:35px!important;
}
#ControlBar {
    height:54px!important;
}
.dnnFormPopup {
    top: 100px!important;
}


/*---------------FOOTER--------------*/
.footer {
    clear: both;
    color: #333;
    border: 0px solid #ccc;
    background: #fff;
    margin: 15px 0px 10px 0px;
    padding: 10px;
    text-align: center;
}
.footer p {
    text-align: center;
    line-height: 16px;
}
.footer a {
    color: gray;
    text-decoration: none;
}
.footer a:hover {
    color: gray;
    text-decoration: none;
}

/*---------------MEDIA QUERIES--------------*/
@media (min-width: 850px) {
    .custom-container{
        width:850px;
    }
    .container {
        width: auto;
        padding: 0; 
        margin: 0; 
    }
}

@media (max-width: 991px) {
    /*---------------HEADER--------------*/
    #rightimg {
        display: none;
    }
}
/*---------------NAV BAR AT 850--------------*/
@media (max-width: 850px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
        font-size: 16px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar {    
        min-height: 30px;
        border: 0px;
        background-color: #336699;
    }
    .navbar-collapse {
        padding-right: 15px;
        padding-left: 15px;
    }
    .navbar-nav > li > a {
        width: 100%;
    }
    .navbar-default .navbar-toggle:hover  {
        background-color: #92B4E1;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #92B4E1;
    }
}
@media (max-width: 767px) {
    /*---------------HEADER--------------*/
    .nopadding { 
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    /*---------------HOME PAGE--------------*/
    #usa_locator {
        display:none;
    }
    .donwloadlnk {
        margin-bottom:20px;
    }

}
@media (max-width:480px) {
    /*---------------FONTS--------------*/
    h1 {
        font-size: 16px;
        margin-bottom:10px;
    }
    h2 {
        font-size: 14px;
    }
    h4 {    
        font-size: 12px;
    }
    p {
        line-height: 18px;
        text-align: justify;
        font-size: 12px;
    }
    .h1final {
        font-size: 16px;
        line-height: 24px;
    }
    .pfinal {
        line-height: 16px;
        font-size: 12px;
    }
    .leftcolumn ul, .maincolumn ul, .content ul, .leftcolumn ol, .maincolumn ol {
        font-size: 12px;
    }
    
    /*---------------HEADER--------------*/
    .disclaimer {
        font-size: 8px;
    }
    .legalnotice {
        font-size: 8px;
        line-height: 8px;
    }
    /*---------------HOME PAGE--------------*/
    #map {
        width: 100%;
    }
    #selectstate {        
        width: 100%;
    }
    .selectmap {
        float:none;
    }
    /*---------------RIGHT COLUMN CONTENT--------------*/
    .rightcolumn {    
        width: 100%;
    }
    .pad_30 {
        padding: 10px;
        float: left;
        font-size: 12px;
    }
    /*---------------STATES PAGES CONTENT--------------*/
    .stateimg {        
        padding: 0px;        
    }
    /*---------------THANK YOU PAGE CONTENT--------------*/
    .mobilelnk {
        display:block!important;
    }
    .donwloadlnk {
        display:none;
    }
}