ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px; /*--Set height of tabs--*/
width: 100%; margin-top: 10px;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
margin-bottom: -1px; /*--Pull the list item down 1px--*/
overflow: hidden;
position: relative;
background: #F6F5F3;
border: 3px solid #F6F5F3;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;
}
ul.tabs li a {
text-decoration: none;
color: #333;
display: block;
font-size: 1.4em;
padding: 3px 10px;
outline: none;
Background: #f6f5f3;
border: 3px solid #f6f5f3;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;
}
ul.tabs li a:hover {
background: #C9E8F7;
border: 3px solid #C9E8F7;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;
}
html ul.tabs li.active a {
background: #0978ac; color: #fff;
border: 3px solid #0978ac;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;
}
html ul.tabs li.active a:hover
{
background: #0978AC; color: #fff;
border: 3px solid #0978AC;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;
}
.tab_container {
overflow: hidden;
clear: both;
float: left; width: 100%;
background: #fff;
}
.tab_content {
padding: 0px;
}