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

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{ 
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
/*background: white url(http://www.ektron.com/images/shade.gif) top left repeat-x;*/
}



.shadetabs li a:hover{
text-decoration: underline;
color:#2d2b2b;
}

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

.shadetabs li a.selected{ /*selected main tab style */
/*background-image: url(http://www.ektron.com/images/shadeactive.gif);*/
border-bottom-color: white;
color:Red;
}

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

}
.tabcontentstyle{ /*style of tab content oontainer*/
background-color:#FFFFFF;
width: 95%;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent1{ /*style of tab content oontainer*/
border: 1px solid gray;
background-color:#FFFFFF;
width: 100%;
margin-bottom: 1em;
padding: 10px;
}

.tabcontentbasic{ /*style of tab content oontainer*/
width: 95%;
}


#Tabdetails { float:left; padding:3px 0px 0px 0px;  }
#Userdocs { float:right; }
#Menu { float:left; }
#Menu ul				{ margin:0px; padding:0px; list-style:none;}
#Menu ul li				{ margin:0px; padding:0px; list-style:none; background:none; display:inline}
#MyprofileLeft { width:550px; float:left; padding:10px 0px 0px 10px; }
#MyprofileRight { width:350px; float:right; padding:10px 0px 0px 10px; }
.tabcontent	{ padding:0px 0px 5px 0px; float:left; height:auto; width:500px; }