/* CSS Document */

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid #0068B4; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 10px Arial;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #0068B4; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}




.mattblacktabs2{
width: 100%;
overflow: hidden;
border-bottom: 1px solid #DCDCDC; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs2 ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 10px Arial;
list-style-type: none;
}

.mattblacktabs2 li{
display: inline;
margin: 0;
}

.mattblacktabs2 li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: black;
background: #DCDCDC; /*background of tabs (default state)*/
}

.mattblacktabs2 li a:visited{
color: black;
}

.mattblacktabs2 li a:hover, .mattblacktabs li.selected a{
background: #CACACA; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}