/* custom css file for /tax/ */

/*homepage*/
/* cool blue - #43649D */
/* grey - #57595B */
.rss_title {margin-bottom:10px;}
.rss_link {display:none;}
.rss_date {display:none;}
.rss_description {display:none;}

.homepage_container {
 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-weight: 300;
}

.column_container {

}

.left_column {
    float:left;
    border-right:1px solid #ccc;
    width:30%;
    padding:10px;
}

.left_column h2, .center_column h2, .right_column h2 {font-weight:normal; color:#57595B; border-bottom:0px; font-size:1.6em; font-weight:300;
margin-bottom:15px; margin-top:0px;}

.left_column li, .center_column li, .right_column li {
    margin-left:-23px;
    font-size:1em;
    padding:5px 0px;
}

.center_column {
    float:left;
    width:30%;
    padding:10px;
}
.right_column {
    float:right;
    border:1px solid #ccc;
    padding:10px;
    margin:0px 0px 10px 0px;
    width:30%;
    min-height:230px;
}

.right_column .link_button {
    margin-left:15px;
}

.file_and_pay {
    clear:both;
    border:1px solid #ccc;
    padding:10px;
    margin:10px 0px;
    min-height:75px;
    color:#57595B;
    background:url(../images/oktap_logo.png) no-repeat right bottom;
    background-size:100px;
    background-position:95% 40px;
}

.fap {
    color:#43649D;
    font-weight:bold;
}

.fap_leftside {
    float:left;
    font-size:3em;
}
.fap_rightside {
    float:right;
    width:73%;
    line-height:1.4;
}

.fap_rightside .link_button {
    margin-top:7px;
}


.about_us {
    border:1px solid #ccc;
    margin:10px 0px;
    height:60px;
}
.about_leftside {
    font-size:3em;
    color:#57595B;
    padding:0px;
    width:30%;
    float:left;
    margin-left:10px;
}

.about_logo {
    float:left;
    margin-left:230px;
    margin-top:-58px;
    -moz-margin-top:-59px;
    background:url(../images/about_background.jpg) no-repeat;
    height:58px;
    width:100px;
}


.about_rightside {
    background:#efefef;
    display:block;
    text-align:right;
    width:63%;
    height:55px;
    float:right;
    padding-top:5px;

}

.about_rightside li {
    padding-left:25px;
    display:inline;
    margin-right:30px;

}

.about_rightside li a:link {color:#111;}

.motor_vehicles {
    border:1px solid #ccc;
    padding:10px;
    margin:10px 0px;
    height:100px;
    background:url(../images/motorvehicles_background.png) no-repeat;
    background-size:200px;
    background-position:0px;
}
.motor_leftside {
    padding-top:15px;
    float:left;
    font-size:3em;
    color:#57595B;
    width:40%;
}
.motor_rightside {
    width:60%;
    float:right;
    line-height:1.5;
}

.motor_rightside a:link {color:#111;}
.motor_rightside a:visited {color:#43649D;}

.motor_vehicles_logo {}

.login_link { float:left; margin-left:140px; margin-top:-20px; }
.login_link a:link {text-decoration:underline; color:#43649D;}
.login_link a:visited {color:#111;}
.login_link a:hover {text-decoration:none;}

.right_column .link_button {
    margin-top:20px !important;
    margin-left:0px;
    clear:both;
}

.link_button a {
    border:1px solid #ccc;
    padding:5px;
    border-radius:5px;
    font-weight:bold;


}
    .link_button a:link {color:#43649D;}
    .link_button a:visited {color:#111;}
    .link_button a:hover {text-decoration:underline;}


/* IE8 Fixes */

.file_and_pay {
    background:url(../images/oktap_logo.png) no-repeat 95% 20px \9;
}

@media all and (-ms-high-contrast:none)
     {
     .about_logo {margin-top:-55px;} /* IE10 */
     *::-ms-backdrop, .about_logo { margin-top:-55px; } /* IE11 */
     }

@media only screen and (min-width: 768px) and (max-width: 987px) {
    .left_column, .center_column, .right_column {
        float:left;
        width:95%;
        border:none;
        }
    .fap_leftside {float:none;}
    .fap_rightside {float:none;}
    .about_logo {display:none;}
    .about_us {min-height:150px;}
    .about_leftside {width:50%; float:none;}
    .about_rightside {float:none; height:86px;
    width:100%;}
    .about_rightside li {display:block; text-align:left;
    padding-left:0px; margin-left:0px;}
    .motor_vehicles {min-height:160px; background:none;}
     .motor_leftside {padding-top:0px; margin-top:-10px;
     float:none;}
     .motor_rightside {float:none; margin-left:-20px; padding-left:0px;
     margin-top:30px;}



}


@media only screen and (min-width: 480px) and (max-width: 767px) {
   .left_column, .center_column, .right_column {
        float:left;
        width:95%;
        border:none;
        }
    .fap_leftside {float:none;}
    .fap_rightside {float:none;}
    .about_logo {display:none;}
    .about_us {min-height:150px;}
    .about_leftside {width:50%; float:none;}
    .about_rightside {float:none; height:86px;
    width:100%;}
    .about_rightside li {display:block; text-align:left;
    padding-left:0px; margin-left:0px;}
    .motor_vehicles {min-height:170px; background:none;}
     .motor_leftside {padding-top:0px; margin-top:-10px;
     float:none;}
     .motor_rightside {float:none;   margin-left: -20px; padding-left: 0px; }
     .social_media_links_wrapper span {display:none;}
     #social_media_links {margin-top:-10px;}

}


@media only screen and (max-width: 479px) {

    .left_column, .center_column, .right_column {
        float:left;
        width:95%;
        border:none;
        }

    .fap_leftside {float:none; font-size:1.5em; }
    .fap_rightside {float:none;}
    .file_and_pay {background:none; height:200px;}
    .about_logo {display:none;}
    .about_us {min-height:125px;}
    .about_leftside {width:90%; float:none; font-size:1.5em;}
    .about_rightside {float:none; height:86px;
    width:100%;}
    .about_rightside li {display:block; text-align:left;
    padding-left:0px; margin-left:0px;}
    .motor_vehicles {min-height:155px; background:none;}
     .motor_leftside {padding-top:0px; margin-top:-10px;
     float:none; font-size:1.5em; }
     .motor_rightside {float:none; padding-left:0px;
      width:100%;}
    .social_media_links_wrapper span {display:none;}
    .footer_links {font-size:9px;}
}