.mattblacktabs{
width: 100%;
overflow: hidden;
background: #414141; /*background of tabs (default state)*/
border-bottom: 1px solid #ccc; /*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: normal 12px Verdana;
list-style-type: none;
}

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

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 18px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*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 */
}

.subtabs{
width: 100%;
overflow: hidden;
background: #fff; /*background of tabs (default state)*/
border-bottom: 0px solid #ddd; /*bottom horizontal line that runs beneath tabs*/
}

.subtabs ul{
margin: 0px;
margin-top: 5px;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font: normal 10px Verdana;
list-style-type: none;
text-decoration: none;
}

.subtabs li{
display: inline;
margin: 0;
text-decoration: none;
}

.subtabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 5px 18px; /*padding inside each tab*/
border-right: 2px solid white; /*right divider between tabs*/
color: white;
border-bottom: 0px;
background: #a1a1a1; /*background of tabs (default state)*/
}

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

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








.subtabsblack{
width: 559px;
overflow: hidden;
background: #ffffff; /*background of tabs (default state)*/
border-bottom: 1px solid #888888; /*bottom horizontal line that runs beneath tabs*/
}

.subtabsblack ul{
margin: 0px;
margin-top: 5px;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font: normal 10px Verdana;
list-style-type: none;
text-decoration: none;
}

.subtabsblack li{
display: inline;
margin: 0;
text-decoration: none;
}

.subtabsblack li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 5px 15px; /*padding inside each tab*/
border-right: 1px solid #777777; /*right divider between tabs*/
color: white;
border-bottom: 0px;
background: #a1a1a1; /*background of tabs (default state)*/
}

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

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