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

.shadetabs{
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
width:478px;
height:20px;
padding:0;
margin:0;
}

.shadetabs li#tabs1, .shadetabs li#tabs2{
float:left;
width:100px;
height:20px;
margin:0;
}
.shadetabs li#tabs3{
float:left;
width:178px;
height:20px;
margin:0;
}

.shadetabs li div#tab1, .shadetabs li div#tab2{
cursor:pointer;
width:100px;
height:20px;
text-decoration: none;
line-height:20px;
color:#CCCCCC;
background: url(../../images/inactive2.gif) no-repeat;
}
.shadetabs li div#tab3{
cursor:pointer;
width:178px;
height:20px;
text-decoration: none;
line-height:20px;
color:#CCCCCC;
background: url(../../images/inactive.gif) no-repeat;
}

.shadetabs li div#tab1:visited, .shadetabs li div#tab2:visited, .shadetabs li div#tab3:visited{
color: #CCCCCC;
}

.shadetabs li div#tab1:hover, .shadetabs li div#tab2:hover, .shadetabs li div#tab3:hover{
text-decoration: underline;
color: #ffffff;
}


.shadetabs li div#tab1.selected, .shadetabs li div#tab2.selected{ /*selected main tab style */
cursor:pointer;
width:100px;
height:20px;
color:#660000;
line-height:20px;
background-image: url(../../images/active2.gif);
}
.shadetabs li div#tab3.selected{ /*selected main tab style */
cursor:pointer;
width:178px;
height:20px;
color:#660000;
line-height:20px;
background-image: url(../../images/active.gif);
}

.shadetabs li div#tab1.selected:hover, .shadetabs li div#tab2.selected:hover, .shadetabs li div#tab3.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
min-height:224px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
}

@media print {
.tabcontent {
display:block !important;
min-height:224px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
}
}