/* TABBAR styles
 * Following based on great ideas on
 * http://woork.blogspot.com/2008/03/clean-tab-bar-digg-like-using-css.html
 * See also the comments on the page for the float:left; for A and SPAN to fix IE6
 */
ul.tabbar, li.tabbar {border:0; margin:0; padding:0; list-style:none;}
ul.activetabbar, li.activetabbar {border:0; margin:0; padding:0; list-style:none;}
ul.tabbar, ul.activetabbar {
border-bottom:solid 1px #DEDEDE;
height:29px;
padding-left:20px;
}
li.tabbar, li.activetabbar {float:left; margin-right:2px;}

.tabbar a:link, .tabbar a:visited {
background:url(/img/tabs/tab-round.png) right 60px;
color:#666666;
display:block;
float: left;
font-weight:bold;
height:30px;
line-height:30px;
text-decoration:none;
}
.tabbar a span {
background:url(/img/tabs/tab-round.png) left 60px;
display:block;
float: left;
height:30px;
margin-right:14px;
padding-left:14px;
}
.tabbar a:hover {
background:url(/img/tabs/tab-round.png) right 30px;
display:block;
float: left;
}
.tabbar a:hover span {
background:url(/img/tabs/tab-round.png) left 30px;
display:block;
float: left;
}

/* -------------------------------- */
/* ACTIVE ELEMENTS */
.activetabbar a:link, .activetabbar a:visited, .activetabbar a:visited, .activetabbar a:hover {
background:url(/img/tabs/tab-round.png) right 0 no-repeat;
}
.activetabbar a span, .activetabbar a:hover span {
background:url(/img/tabs/tab-round.png) left 0 no-repeat;
}
/* END of TABBAR styles */

/* SUBTABBAR styles
 * Following based on great ideas on
 * http://woork.blogspot.com/2008/03/clean-tab-bar-digg-like-using-css.html
 * See also the comments on the page for the float:left; for A and SPAN to fix IE6
 */
ul.subtabbar, li.subtabbar {font-size:80%; margin:0; padding:0; list-style:none;}
ul.subtabbar {
border-bottom:solid 1px #DEDEDE;
height:29px;
padding-left:20px;
}
li.subtabbar {float:left; margin-right:2px; border-right:solid 1px #DEDEDE;}

.subtabbar a:link, .subtabbar a:visited {
 /*
 *  background:url(/img/tabs/tab-round.png) right 60px;
  */
color:#666666;
display:block;
float: left;
font-weight:bold;
height:30px;
line-height:30px;
text-decoration:none;
}
.subtabbar a span {
 /*
 *  background:url(/img/tabs/tab-round.png) left 60px;
  */
display:block;
float: left;
height:30px;
margin-right:14px;
padding-left:14px;
}
.subtabbar a:hover {
background:#DEDEDE;
display:block;
float: left;
}
.subtabbar a:hover span {
 /*
 *  background:#DEDEDE;
  */
display:block;
float: left;
}

/* END of TABBAR styles */