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

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

.innertabs   { 
    padding: 0;
margin-left: 0; 
margin-top: 10px; float:right; width:auto;
margin-bottom: -1px; height:80px;
list-style-type: none; direction:rtl;
text-align: right; 

}

.shadetabs li{

margin: 0;  float:right; width:50%
}

.innertabs li{

margin: 0 0 0 -1px;  float:right; width:auto; min-width:175px;
}
.shadetabs li a{
text-decoration: none; width:100%; 
position: relative; 
z-index: 1; float:right; height:57px; 
padding: 0 25px; background:rgba(54,121,180,0.6);
margin-right: 0; line-height:50px; font-family:'DINNEXTARABICBOLD'; 
color: #fff;
}

.innertabs li a{
text-decoration: none; width:100%; 
position: relative; 
z-index: 1; float:right; height:80px;  text-align:center;  
padding: 9px 25px 0; background:#3181c8; border-left:1px #3181c8 solid; border-right:1px #fff solid; 
margin-right: 0; line-height:40px; font-family:'DINNEXTARABICBOLD'; 
color: #fff; 
}

    .innertabs li a i {
        
        width: auto;
        display:inline-block;
        font-size: 1.2em;  
        height: 32px;
        text-align: center;
        color: #fff; line-height:32px; margin:0 0 1px;
    }

        .innertabs li a span {
        
        width: 100%;
        display:inline-block;
        font-size: 1.05em;  
        height: 24px;
        text-align: center;
        color: #fff; line-height:24px;
    }


.shadetabs li:first-child a { text-align:left}


.shadetabs li a:visited{
color: #fff;
}

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

}

.shadetabs li a.selected{ /*selected main tab style */
position: relative; background:#002b55
 
} 


.innertabs li a.selected{ /*selected main tab style */
position: relative;  color:#002b55; border-top:none; margin:-15px 0 0; padding-top:25px; height:95px;  
  background:#fff url(../images/arrowtabs.png) top center no-repeat;  border-right:1px #3181c8 solid; z-index:5; 
} 

.innertabs li:first-child a{ /*selected main tab style */
 border-right:1px #3181c8 solid !important;
} 


.innertabs li a.selected i{ /*selected main tab style */
 color:#3181c8
 
} 

.innertabs li a.selected span { /*selected main tab style */
 color:#3181c8
 
}  


.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%; margin-bottom: 0; float:right; background:rgba(67,140,204,0.6); margin:0; padding: 0 0 10px; /*min-height:120px*/}

.tabcontentstylein{ /*style of tab content oontainer*/
 width:100%; margin-bottom: 0; float:right; background:#fff; margin:0 0 30px; padding: 20px; border:1px #3181c8 solid; min-height:400px}


.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
        }

        .innertabs  { height:auto; border-top:1px #3181c8 solid }
        .innertabs li   { width:100% }
        .innertabs li a  { border-right:none; }
        .innertabs li a.selected  { background:#fff; height:80px; padding-top:9px; margin:0 }
}