body {
    margin: 0;
    background-color: #fff;
    font-size: 0.8em;
    font-family: Arial;
}
a{
    text-decoration: none;
}
    
#tabs{
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    height: 40px;
}
#tabs li{
    float: left;
    margin-top: 10px;
    height: 30px;
    background-image: url(tab-left.png) !important;
    background-image: url(tab-left.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 10px;
}
#tabs li.open{
    height: 40px;
    margin-top: 0;
}
#tabs li a{
    display: block;
    color: White;
    padding: 7px 30px 10px 20px;
    font-size: 1.1em;
    background-image: url(tab-right.png)!important;
    background-image: url(tab-right.gif);
    background-repeat: no-repeat;
    background-position: top right;
}
#tabs li.open a{
    cursor: default;
    font-weight: bold;   
}

.tab{
    padding: 10px;
    display:none;
}
.tab p{
    color: White;
    padding: 0;
    margin: 0 0 10px 0;
}
.tab .buttonbar{
    overflow: hidden;
}
.tab .buttonbar a{
    display: block;
    float: left;  
    margin: 0px 5px 10px 0;
}
.tab .buttonbar img{
    border: 0px;
}
.tab table{
    width: 100%;
    font-size: 1em;
    background-color: White;
    border: 5px solid white;
    border-spacing: 0 5px;
    border-collapse: collapse;
}
.tab th{
    color: #808080;
    font-weight: bold;
    padding: 5px;
    text-align: left;
    white-space: nowrap;
}
.tab td{
    color: #005A99;
    border-top: 1px solid #808080;
    padding: 5px;
    vertical-align: top;
}
.tab td.nowrap{
    white-space: nowrap;
}
.tab th.first, .tab td.first{
    border: 0px;
}
.tab td.first{
    padding: 0;
    height: 44px;
    width: 184px;
    vertical-align: middle;
    text-align: center;
    line-height: 1em;
    background-position: center;
    background-repeat: no-repeat; 
}
.tab td.first a{
    display: block;
    color: White;
    text-decoration: none;
    font-weight: bold;
    padding: 5px;
}
.tab td span{
    font-size: 0.75em;
    display: block;
}

li.blue, div.blue, li.open.blue:hover, li.blue:hover{
    background-color: #14436F;
}
.blue td.first, tr.blue td.first{
    background-image: url(button-blue.jpg);
}

li.bluetint70, div.bluetint70, li.open.bluetint70:hover, li.bluetint70:hover{
    background-color: #4C6EA7;
}
.bluetint70 td.first, tr.bluetint70 td.first{
    background-image: url(button-bluetint70.jpg);
}

li.bluetint40, div.bluetint40, li.open.bluetint40:hover, li.bluetint40:hover{
    background-color: #7A67AE /*#99ACCD*/;
}
.bluetint40 td.first, tr.bluetint40 td.first{
    background-image: url(button-bluetint40.jpg);
}

li.silver, div.silver, li.open.silver:hover, li.silver:hover{
    background-color: rgb(152,157,165);
}
.silver td.first, tr.silver td.first{
    background-image: url(button-silver.jpg);
}

li.green, div.green, li.open.green:hover, li.green:hover{
    background-color: rgb(1,106,58);
}
.green td.first, tr.green td.first{
    background-image: url(button-green.jpg);
}

li.red, div.red, li.open.red:hover, li.red:hover{
    background-color: rgb(217,0,38);
}
.red td.first, tr.red td.first{
    background-image: url(button-red.jpg);
}

li.orange, div.orange, li.open.orange:hover, li.orange:hover{
    background-color: #F78C18;
}
.orange td.first, tr.orange td.first{
    background-image: url(button-orange.jpg);
}

li.cyan, div.cyan, li.open.cyan:hover, li.cyan:hover{
    background-color: rgb(0,149,229);
}
.cyan td.first, tr.cyan td.first{
    background-image: url(button-cyan.jpg);
}

li.cyan50, div.cyan50, li.open.cyan50:hover, li.cyan50:hover{
    background-color: #7FCAF2;
}
.cyan50 td.first, tr.cyan50 td.first{
    background-image: url(button-cyan50.jpg);
}

.gray{
    background-color: #ccc;
}
.gray td.first, tr.gray td.first{
    color: #ccc;
}