@charset "utf-8";
/* CSS Document */
/* IFX Forum, Inc. Site tabs style sheet 
This establishes styles for tabs.
- the names are coordinated with the jquery javascript code found in IFXForum-tabsControl.js
- it's necessary to override the width percentage of #tabs li to fit page specific requirements

This style sheet is not referenced in the pages; rather it is cut/paste code that can be easily tweaked to meet page-specific requirements
*/

#tabs_wrapper {
}
#tabs_container { 
	width: 75%;
	height: 20px;
	padding-top: 5px; padding-bottom: 3px;
	background-color: #F2F6FA;
}
#tabs {
    list-style: none;
    padding: 5px;
    margin:10px;
}
#tabs ul {
    text-align: center;
}
#tabs li {
    float:left;
    display: block;
    width: 25%;
    text-align: center;
	margin-left: 0;
    margin-bottom:0px;
}
#tabs li a {
    width: auto;
    display: block;
    border: none;
    margin: 10px 1px;
    padding: 3px;
    font-size:14px;
    font-weight:200;
    color:#000;
    text-decoration: none;
    background-image:url(../img/tab2xBGoff.png);
    background-repeat:repeat-x;
    outline: none;
}
#tabs li a:hover {
	background-color: #FFCC00;
	color:#990000;
}
#tabs li.active a {
	background-image:url(../img/tab2xBG8f.png);
	background-repeat:repeat-x;
	color:#fff;
	
}
#tabs li.active a:hover {
    background-image:none;
    background-color: #333399;
}
#tabs_content_container {
    background-color: #F2F6FA;
    border: none;
    margin: 0px;
    width: 75%;
    margin-top: 45px;
}
#tabs_content_container hr {
    background:#91BA40;
    border:0; height:1px;
    margin:0px 5px;
}
.tab_content {
    display: none;
}