/* Elite Fitness Tabbed Area for Forums Home by John Beales */

.centeritem {
margin: 0 0px 11px 0;
background-color:#fff;
}
#tabzone a { color: #004080;}
#tabzone a:hover { color: #666; }
#tabzone .tabinner {
background: url(http://www.elitefitness.com/images_ef/centertab_contentbg.gif) no-repeat right top;
position: relative;
}
#tabzone div.tabinner_outer {
background: #fff url(http://www.elitefitness.com/images_ef/tab_gradient.jpg) repeat-x left top;
border: 1px solid #C7C7C7;
}
.tabtop {
background: url(http://www.elitefitness.com/images_ef/centertab_topbg.gif) repeat-x left top;
height: 18px;
padding: 5px 0 0 2px;
border-top: 1px solid #C7C7C7;
border-left: 1px solid #C7C7C7;
border-right: 1px solid #C7C7C7;
font-size: 10px;
font-weight: bold;
}
#tabzone .tabtop {
font-weight: normal;
font-style: italic;
text-align: right;
color: #666;
padding-right: 5px;
}
#tabzone .tabtop a {
font-weight: bold;
font-style: normal;
}
.tabbottom {
background: url(http://www.elitefitness.com/images_ef/centertab_footerbg.gif) repeat-x left top;
height: 31px;
}
#tabzone .tabbottom ul.floatleft {
padding-top:8px;
padding-left: 12px;
font-weight: normal;
font-size: 10px;
width: 370px;
}
#tabzone .more {
margin-top: 5px;
}
#tabs {
height: 35px;
margin: 0;
padding: 0;
list-style: none;
}
#tabs li {
float: left;
margin: 0;
padding: 0;
text-align: center;
list-style-type: none;
font-size: 10px;
}
#tabs li a {
height: 35px;
padding: 0 0 0 8px;
font-weight: bold;
background: url(http://www.elitefitness.com/images_ef/centertab_left_wbg.gif) no-repeat left top;
display: list-item;
color: #fff;
text-decoration: none;
}
#tabs li a span {
background: url(http://www.elitefitness.com/images_ef/centertab_right_wbg.gif) no-repeat right top;
padding: 7px 10px 0 0;
margin: 0;
float: left;
height: 28px;
}
#tabs li a:hover, #tabs li a.active {
background-position: left -35px;
}
#tabs li a:hover span, #tabs li a.active span {
background-position: right -35px;
color: #004080;
}
#tabzone .hidden {
display: none;
}
#tabzone .tabdl {
height: 250px;
overflow:auto;
margin: 0;
padding: 0;
}
#tabzone .tabdl dt {
background: url(http://www.elitefitness.com/images_ef/misc/images_ef/bullet.gif) no-repeat scroll left top;
padding: 0 0 0 23px;
margin: 0px 2px 0px 12px;
font-weight: bold;
}
#tabzone .tabdl dt a {
color: #000;
}
#tabzone .tabdl dt a:hover {
color: #666;
}
#tabzone .tabdl dt span {
font-weight: normal;
color: #666;
}
#tabzone .tabdl dt span a:hover {
color: #004080;
}
#tabzone .tabdl dd {
margin: 5px 0 10px 25px;
}
#tabzone .tabdl dd a.tab_more {
font-size: 9px;
}

#tabzone input {
display: block;
margin-left: 100px;
margin-bottom: 2px;
width: 110px;
}
#tabzone label {
float: left;
margin: 0;
padding: 2px 0 0 0;;
width: 95px;
text-align: right;
}
#tabzone form .submitimg {
width: auto;
margin-left: 0px;
margin-bottom: 5px;
padding-left: 89px;
}
#tabzone form .floatleft {
display: block;
width: 95px;
text-align: right;
}
#tabzone .tabdl p {
margin: 5px 0 5px 0;
padding: 0;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
#tabzone .tabbottom ul {
list-style-type: none;

padding: 10px 0 0 0;
margin: 0 auto;
font-size: 10px;
font-weight: normal;
width: 340px;
}
#tabzone .tabbottom ul li {
margin: 0;
border-left: 1px solid #000;
padding: 0 5px;
float: left;
font-size: 10px;
}
#tabzone .tabbottom ul li.first {
border-left: 0 none;
}
#tabzone .tabbottom ul li a {
text-decoration: none;
}
#tabzone .welcomeimg {
position: absolute;
bottom: 0;
margin: 0;
}
#tabzone #welcomeimg {
float: right;
position: absolute;;
top: 0;
right: 20px;
min-height: 250px;
height: 100%;
width: 230px;
background: none;
padding: 0;
}
#tabzone #welcomemsg {
padding-right: 240px;
}

/* this actually applies to vBulletin pop-ups to make sure they're not blocked by the tabbed area at all */
.vbmenu_popup {
z-index: 999;
}