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

.shadetabs{
padding: 3px 10px;
margin-left: 0px;
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*/
width:576px;
background-image: url(../images/udt-top.gif);
background-repeat: no-repeat;
height:40px;
}
.shadetabs li{
display: inline;
margin: 0;
}
.shadetabs li span{
color:#00CCFF;
text-decoration:none;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 0px 10px;
margin:10px 0 0 0;
color: #666;
line-height:24px;
}

.shadetabs li a:hover{
text-decoration: underline;
}

.shadetabs li a.selected{ /*selected main tab style */
color:#00CCFF;
font-weight:bold;
text-decoration: none;

}

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

.tabcontent{
display:none;
background-image: url(../images/udt-mid.gif);
		background-repeat: repeat-y;
		width:576px;
}
.udt-btm {
background-image: url(../images/udt-btm.gif);
background-repeat: no-repeat;
width:576px;
height:30px;
}

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