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


.right_block{
	width:610px;
	float:left;
	padding:10px 0px 0px;
	
}

.shadetabs{
padding:0;
margin: 0;
font: normal 12px arial;
color:#000;
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;
padding:0;

}

.shadetabs li a{
text-decoration: none;
z-index:1;
font: normal 12px arial;
color:#5c5c5c;
background:url(../images/top-btn-back.jpg) right top  no-repeat;
padding:20px 25px 18px 25px;
margin:0;
border-left:1px solid #ccc;

}

.shadetabs li a span{
text-decoration: none;
position: relative;
z-index:1;
background:url(../images/top-btn-back-l.jpg) left top  no-repeat;
padding:20px 0px 20px 7px;
text-decoration:none;

}

.shadetabs li a:hover{
text-decoration:underline;
background:url(../images/top-btn-back-h.jpg) right top  no-repeat;
font: normal 12px arial;
color:#000;
text-decoration:none;
}

.shadetabs li a:hover span{
text-decoration:underline;
background:url(../images/top-btn-back-l-h.jpg) left top  no-repeat;
font: normal 12px arial;
color:#000;
text-decoration:none;
}

.shadetabs li a.selected span{ /*selected main tab style */
background-image: url(../images/top-btn-back-l-h.jpg);
text-decoration:none;
background-position:left top;
}

.shadetabs li a.selected{ /*selected main tab style */
background:url(../images/top-btn-back-h.jpg) right top  no-repeat;
top:1px;
font: normal 12px arial;
color:#000;
text-decoration:none;
}



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

.tabcontent{
display:none;
}