/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 21, 2014, 11:39:15 AM
    Author     : Husen
*/

#tab-nav-container{
    border-bottom: 4px solid #D3D3D3;
    height: 60px;
    display: none
}
h3.nav-tab{
    border-bottom: 4px solid #D3D3D3;
    height: 27px;
    float: left;
    background: none repeat scroll 0 0 #C1C1C1;
    border-color: #C1C1C1 #C1C1C1 #D3D3D3;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 4px;
    padding: 16px 19px;
    cursor: pointer;
    font-size: 18px;
    color: #5c5c5c;
    font-family: 'Bebas Neue';
    margin: 0px;
}
h3.nav-tab.active{
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #F39200;
    color: #333333;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 4px;

}
.container-tab{
    float: left;
    display: none;
    margin-top: 30px;
}
.container-tab.active{
    display: block;
}
.responsive-tab:hover{
    text-decoration: none;
    color: #5C5C5C;
}
.responsive-tab{
    display: block;
    position: relative;
    background:url('../images/close.png') no-repeat 93% center #C1C1C1;
    border-color: #C1C1C1 #C1C1C1 #D3D3D3;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 4px;
    color: #5C5C5C;
    cursor: pointer;
    float: none;
    font-family: 'Bebas Neue';
    font-size: 18px;
    height: 27px;
    clear: both;
    margin: 0;
    padding:10px;

}
.responsive-tab.active{
    background: url('../images/open.png') no-repeat 93% center #FFFFFF;
    border-color: #F39200;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 4px;
    color: #333333;
}


/* Accordion responsive breakpoint */
/*@media all and (max-width: 788px) {
    #tab-nav-container{
        display: none;
    }
    .responsive-tab{
        display: block;
    }
}*/