.tabs a, .tabs a:active, .tabs a:hover, .tabs a:visited, .tabs a:link { text-decoration:none; }
.tabs { border-bottom: 1px solid #CCC; display: block; height: 30px; padding: 0; }
.tabs-content { border-color: #CCC; border-style: solid; border-width: 0 1px 1px; padding:19px; }
.tabs li { display: block; float: left; height: 30px; padding: 0; width: auto; margin:0; }
.tabs li a { background: none repeat scroll 0 0 #000; border: 1px solid #CCC; color: #fff; display: block; height: 29px; line-height: 30px; margin: 0 -1px 0 0; padding: 0 9px; width: auto; font-weight:bold; }
.tabs li a.active { color:#000; background: none repeat scroll 0 0 #FFFFFF; border-width: 1px 1px 0; height: 30px; }
.tabs-content>li, ul.tabs-content, ul.tabs { margin:0; }

/*tabs indent*/
ul.tabs { padding-left:20px; }

/*hide all tabs except the first one for loading purposes*/
.tabs-content>li { display:none; }
.tabs-content>li.active { display:block; }