/*

imat.com.mx
main menu tabs css
screen variant
version 2.02br
12 de marzo de 2009
por beta rouge

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

*/

.mattblacktabs{
width: 100%;
overflow: hidden;
padding-top: 17px;
padding-bottom: 17px;
border-bottom: 1px dotted #cfcfcf;
border-top: 1px dotted #cfcfcf;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 35px; /*offset of tabs relative to browser left edge*/
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
list-style-type: none;
}

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

.mattblacktabs li a {
float: left;
display: block;
text-decoration: none;
margin: 0;

padding-right: 7px; /*padding inside each tab*/
padding-left: 8px; /*padding inside each tab*/

border-right: 0px solid #7dc100; /*right divider between tabs*/
border-left: 0px solid #7dc100; /*right divider between tabs*/

color: #7dc100;

background: #FFFFFF; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited {
color: #5f9202;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #e5ffb5;
color: #5f9202;

/*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}