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



.shadetabs{
padding: 0px 0;
margin:0 auto;
margin-bottom: 0px;
list-style-type: none;
text-transform:capitalize;
text-align: left; /*set to left, center, or right to align the menu as desired*/
letter-spacing:-1px;
margin-top:15px;
width:260px;
}
*html .shadetabs{}


.shadetabs li{
display: inline;
float:left;
padding:0;
margin:0 2px;
margin-left:0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 6px;
margin:0px;
font-size:1.3em;
color:#8cc8f3;
font-weight: bold;
display:block;
border-bottom:0px;/* Brown color theme*/
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
}

/*.shadetabs li a:visited{
color: #FFFFFF;
}*/

.shadetabs li a:hover{
text-decoration: none;
color: #8cc8f3;
}


.shadetabs li a.selected{ /*selected main tab style */
position: relative;

}

.shadetabs li a.selected{ /*selected main tab style */
color:#FFF;
/**border-top:4px solid #cc0000; /*Brown color theme*/ 
border-bottom:0px;
background:#3882b5;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
color:#d7eeff;
/**border-top:4px solid #cc0000; /*Brown color theme*/ 
border-bottom:0px;
}

.tabcontent{
display:none;
clear:both;
padding:10px;
z-index:100;
margin-top:23px;
color:#FFF;
border-top:#FFF solid 1px;
width:240px;
margin:0 auto;

}
.tabcontent2{
display:none;
border:#5ab2e2 solid 1px;
clear:both;
z-index:5;
padding:5px;
width:535px;
}
.tabcontent_friends{
display:none;
border:#5ab2e2 solid 1px;
clear:both;
padding:0px;
z-index:5;
width:660px;
}

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