/* div.tabsdepth is required for IE6 and below to move content down the page because of use of absolute positioning with subtabs */
div.tabsdepth, div.tabsdepth1 {height:2em}
div.tabsdepth2 {height:4em}
div.tabsdepth3 {height:6em}

div.tabsdiv:after,ul.tabs:after,ul.tabs ul:after, ul.tabs ul ul:after{
content:".";
display:block;
font-size:0;
line-height:0;
height:0;
clear:both;
visibility:hidden;
}
div.tabsdiv{
width:100%;/*fix*/
}

ul.tabs.depth1 {margin-bottom:0}
ul.tabs.depth2 {margin-bottom:2em}
ul.tabs.depth3 {margin-bottom:3.5em}

ul.tabs {
position:relative;
}
ul.tabs ul{
position:absolute;
}
ul.tabs, ul.tabs ul {
left:0;
width:100%;
list-style-type:none;
padding:0;
margin:0;
border:0;
white-space: nowrap;
}
ul.tabs li {
display:block;
float:left;
padding:0;
margin: .2em .2em 0 .2em;
cursor: pointer;
background-repeat: no-repeat;
background-position: top left;
border-bottom-style:solid;
border-bottom-width:1px;
}
ul.tabs li a {
display:block;
font-size:1.1em;
font-weight:bold;
line-height:1.1em;
padding:.2em 1em .2em 1em;
text-decoration:none;
margin:0;
border:0;
white-space: nowrap;
background-repeat: no-repeat;
background-position: top right;
}
ul.tabs li.selected a {
color:#000;
}
ul.tabs li ul{
padding:.25em 0 0;
}
ul.tabs li ul li{
}
ul.tabs li ul li a{
font-size:1em;
}

ul.tabs, ul.tabs li ul{
/*background:#8FC9FF url("../images/tabs/clearbg.gif") repeat-x bottom left;*/
background: url("../images/tabs/clearbg.gif") repeat-x bottom left;
}
/* FIXES IE BUG FOR ANCHOR CLICKABLE AREA */
ul.tabs li a {
position:relative;
top:0;
left:0;
}

/*some default borders to create the appearance of tab edges or lack thereof */
ul.tabs li {
border:solid 1px #000;
}
ul.tabs li.active{
border-bottom:solid 1px #FFF;
}
ul.tabs li ul li.active{
border-bottom:solid 1px #FFF;
}
ul.tabs li ul li ul li.active{
border-bottom:solid 1px #FFF;
}
ul.tabs li.selected,
ul.tabs li.active ul li.selected,
ul.tabs li.active ul li.active ul li.selected{
border-bottom:solid 1px #FFF;
}