/* ######### CSS for Shade Tabs. Remove if not using ######### */
#tabscontainer
{
    clear:both;
    height:0px;
}
#tabcontent
{
    /*border-top:1px solid #dedddd; */
    width:620px;
    float:left; 
    margin-bottom: 1em;
    margin-top: 6px;
    /*padding: 7px 0 0 0;*/
}

.shadetabs{
    padding: 3px 0;
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 4px;
    font:12px Arial;
    list-style-type: none;
    text-align: left;
}

.shadetabs li{float:left;margin-top: 20px;}

.shadetabs li a{
    text-decoration: none;
    position: relative;
    z-index: 1;
    padding: 9px 10px 6px 10px;
    margin-right: 3px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #fff;
    background-color:#435296;
}

.shadetabs li a:visited{color: #fff;}

.shadetabs li a:hover{text-decoration: none; color: #fff;}

.shadetabs li a.selected{ /*selected main tab style */
    position: relative;
    top: 1px;
    color:#fff;
/*    border-bottom-color: white;*/
    background-color:#212a58;
}

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

.tabcontent{display:none;}

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