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

/* AJAX*/ 
.shadetabs{
font:  12px tahoma;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
border: 0px solid #FF0000;
width: 322px;
}

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

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: -3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
font-family: Arial, Helvetica;
font-size: 10px;
font-weight: bold;
/*margin-left: 10px;*/

}

.shadetabs li a:visited{
/*color: #2d2b2b;*/
font-family: Arial, Helvetica;
font-size: 10px;
font-weight: bold;
}

.shadetabs li a:hover{
text-decoration: none;
/*color: #2d2b2b;*/
font-family: Arial, Helvetica;
font-size: 10px;
font-weight: bold;
}

.shadetabs li.selected{
position: relative;
top: 0px;
/*font:  bold 12px tahoma;*/
font-family: Arial, Helvetica;
font-size: 10px;
font-weight: bold;

}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
color: #000000;
position: relative;
font-family: Arial, Helvetica;
font-size: 10px;
font-weight: bold;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
/*color: #2d2b2b;*/
position: relative;
} 

.contentstyle{
padding: 10px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
width: 300px;
height: 180px;
border: 1px solid #778;
text-align: left;
margin-top: -15px;
background: #FFFFFF;
}