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

.shadetabs{
padding: 0;
margin-left: 0; background:url(../images/bg_ultabs.jpg) top center repeat-x;
margin-top: 20px; float:right; width:100%;
margin-bottom: 0; height:65px; border-radius:10px 10px 0 0;
 font-size:1.3em; 
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; width:25%
}

.shadetabs li a{
text-decoration: none;
position: relative; 
z-index: 1; float:right; height:57px;
padding: 8px 5% 0; border-left: 1px solid #e6e5ea; 
margin-right: 0; line-height:28px;
color: #7a7a7a; text-align:center; width:90%
}



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

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

}

.shadetabs li a.selected{ /*selected main tab style */
position: relative; 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
{
   border-radius:0 10px 10px 0
}

.shadetabs li:last-child a.selected
{
   border-radius:10px 0 10px 0
}


.tabcontent{
display:none;
}

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


.tabcontentstyle{ /*style of tab content oontainer*/
 width:96%; margin-bottom: 0; float:right; background:#fff; margin:0 0 6px; border-radius:0 0 10px 10px; padding: 20px 2%; min-height:250px}

.tabcontent{
display:none;
}

@media (max-width: 767px)  
{
    .shadetabs li a {  border-left: none;  }
    .shadetabs li { width:100%}
}

@media (max-width: 480px)  
{
    .shadetabs  { background:none; height:auto; }
    .shadetabs li a  { height:34px }
    .shadetabs li:first-child a.selected  { border-radius:0 }
}