/***************
	Tabs
***************/
#tabs-container  {
	clear:left;
	float:left;
	width:930px;
	overflow:hidden;
	margin:auto;
	margin-top:25px;
}

#tabs-container ul {
	list-style-type: none;
	margin:0;
	padding:0;
	position:relative;
}

#tabs-container li {
	float: left;
	background: url(../img/tabs/inactive_right.png) no-repeat right;
	padding-top:8px;
	padding-bottom:8px;
	padding-right:12px;
}

#tabs-container li a {
	background: url(../img/tabs/inactive_left.png); 
	background-repeat: no-repeat; 
	background-position: left;
	
	padding-top:13px;
	padding-bottom:12px;
	padding-left:13px;
	padding-right:3px;
}


#tabs-container li .last {
	background: url(../img/tabs/last_inactive_right.png) no-repeat right;
}
#tabs-container li .first a {
	background:url(../img/tabs/first_inactive_left.png) no-repeat left;
	padding-top:13px;
	padding-bottom:12px;
	padding-left: 13px; 
	padding-right:5px;
}

#tabs-container li.tab_active_first {background:url(../img/tabs/active_right.png) no-repeat right; }
#tabs-container li.tab_active_first a {background: url(../img/tabs/first_active_left.png) no-repeat left; }
#tabs-container ul li.tab_active {background:url(../img/tabs/active_right.png) no-repeat right; }
#tabs-container ul li.tab_active a {background: url(../img/tabs/active_left.png) no-repeat left; }
#tabs-container li.tab_active_last {background:url(../img/tabs/last_active_right.png) no-repeat right; }
#tabs-container li.tab_active_last a {background: url(../img/tabs/active_left.png) no-repeat left;}


/* Use the following classes if there is only a single tab */
#tabs-container li.tab_single {background:url(../img/tabs/last_active_right.png) no-repeat right; }
#tabs-container li.tab_single a {
	background: url(../img/tabs/first_active_left.png) no-repeat left; 
	padding-left: 27px; 
	padding-right:5px;
	padding-top:12px;
}
 

#tabs-container .tab_hover_li { background: url('../img/tabs/hover_right.png') no-repeat right;}
#tabs-container .tab_hover_a { background: url('../img/tabs/hover_left.png') no-repeat left;}
#tabs-container .tab_hover_right_li { background: url('../img/tabs/hover_right.png') no-repeat right;}
#tabs-container .tab_hover_right_a { background: url('../img/tabs/hover_left.png') no-repeat left;}
#tabs-container .tab_hover_left_li { background: url('../img/tabs/hover_right.png') no-repeat right;}
#tabs-container .tab_hover_left_a { background: url('../img/tabs/hover_left.png') no-repeat left;}