ul.tabs {
float:left;
list-style:none;
height:32px;
width:100%;
border-radius:8px 0 -50px 0;
margin:0;
padding:0;

}
 
ul.tabs li {
float:left;
line-height:31px;
overflow:hidden;
position:relative;
background-color:#00b8d7 !important;

margin:0 5px -2px 0;
padding:0;

}
.tabs li {padding-left: 0px !important;}
ul.tabs li a {
text-decoration:none;

display:block;
font-size:1.2em;
border:1px solid #fff;
outline:none;
padding:10px 20px;
}
 
ul.tabs li a:hover {
background:#eee;
color:#000;

}
 
html ul.tabs li.active {
background-color:#fff !important;
color:#00b8d7 !important;
border:1px solid #ccc;
border-bottom:1px solid #fff;

}
html ul.tabs li.active a:hover {
color:#00b8d7 !important;
background-color:#fff !important;
}


 
.tabContainer {
border:1px solid #ccc;
overflow:hidden;
clear:both;
float:left;
width:100%;
background:#fff;
}
 
.tabContent {
font-size: 12px;
padding:20px;
}