/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 0;
margin-left: 0; 
margin-top: 20px; float:right; width:100%;
margin-bottom: 0; height:40px;
 font-size:13px;
list-style-type: none; direction:rtl;
text-align: right; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{

margin: 0;  float:right;
}

.shadetabs li a{
text-decoration: none;
position: relative; font-size:18px;
z-index: 1; float:right; height:40px;
padding: 0 22px;
margin-right: 0; line-height:40px;
color: #8b8b8b;
}



.shadetabs li a:visited{
color: #7a7a7a;
}

.shadetabs li a:hover{
text-decoration: none;
color:#000; 

}

.shadetabs li a.selected{ /*selected main tab style */
position: relative; background:#027937; color:#fff
 
} 

.shadetabs li a.selected{ /*selected main tab style */
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.shadetabs li:first-child a.selected
{
  
}


.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}


.tabcontentstyle{ /*style of tab content oontainer*/
 width:100%; float:right; border:1px #f0efef solid; border-top:1px #027937 solid; background:#fff; margin:0 0 25px; padding: 15px; min-height:220px}

.tabcontent{
display:none;
}

@media (max-width: 767px)  
{
    .shadetabs { border-bottom:none; height:auto;
    }
    .shadetabs li  { width:100%; 
        }
        .shadetabs li a { width:100%; padding:0; text-align:center
        }
}