/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{
width: 945px;
overflow: hidden
}

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

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

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0 0 1px 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid #fff; /*right divider between tabs*/
color: #000;
background: #E8C9D1; /*background of tabs (default state)*/
opacity:0.8;
filter:alpha(opacity=80)
}

.mattblacktabs li a:visited{
color: #000;
}

.mattblacktabs li a:hover, .mattblacktabs li:active a{
background: #F0D8DC; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
opacity:0.8;
filter:alpha(opacity=80)
}

.mattblacktabs li a.blue{background-color:#6DAFE5; color:#000; opacity:0.7;filter:alpha(opacity=70);float:right; border-right:0}

.mattblacktabs li a.blue:hover, .mattblacktabs li:active a.blue{
background: #A1CBEE; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
opacity:0.8;
filter:alpha(opacity=80)
}

.mattblacktabs li a.green{background-color:#A0C143; color:#000; opacity:0.8;filter:alpha(opacity=80);float:right; border-right:0;margin-left:1px}

.mattblacktabs li a.green:hover, .mattblacktabs li:active a.green{
background: #A0C143; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
opacity:0.7;
filter:alpha(opacity=70)
}

.mattblacktabs li a.red{background-color:#931515; color:#fff; opacity:0.9;filter:alpha(opacity=90);float:right; border-right:0;margin-right:1px}

.mattblacktabs li a.red:hover, .mattblacktabs li:active a.red{
background: #A41717; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
opacity:0.95;
filter:alpha(opacity=95)
}