@CHARSET "ISO-8859-1";

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

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*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 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 8px; /*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 */
}

/* bluetabs, based on mattblacktabs */

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

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

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

.bluetabs li a
{
    background-position: #03497E;
    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: #03497E; /*background of tabs (default state)*/
}

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

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

#selected 
{
	background: lightblue;
}