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


.shadetabs{ padding:0; height:30px; display: block;
	background-repeat: repeat-x;
	width: 345px;
	margin: 0;
} 
.shadetabs li{padding:0; margin:0; list-style:none; display:inline;
} 
.shadetabs li a{height:30px; padding-left:23px; display: block; color: #ffffff; text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif;line-height:30px; cursor:pointer; background:url('http://www.doubleviewmedia.com/tabsMoo/topMenuImages.png') 0px -30px no-repeat;
	float: left;
}
 .shadetabs li a span{line-height:30px; float:left; display:block; padding-right:23px; background:url('http://www.doubleviewmedia.com/tabsMoo/topMenuImages.png') 100% -30px no-repeat;
}
 .shadetabs li a:hover{background-position:0px -60px; color:rgb(255,255,255);
} 
.shadetabs li a:hover span{background-position: 100% -60px;
} 
.shadetabs li a.selected,.shadetabs li a.selected:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('http://www.doubleviewmedia.com/tabsMoo/topMenuImages.png') 0px -90px no-repeat; color:rgb(82,82,82);
}
.shadetabs li a.selected span, .shadetabs li a.selected:hover span{background:url('http://www.doubleviewmedia.com/tabsMoo/topMenuImages.png') 100% -90px no-repeat;
} 

.tabcontent{ position:relative; height:440px; background : #eeeeee;  border:15px solid #eeeeee; 
}



@media print {

.tabcontent { display:none;} #tabContent .active{ padding:0px 10px; display: block; 
}}