/* tabs */

div#menu-container {
	width: 720px;
	margin: 0;
	height: 20px;
	color: #07123B;
	background: #FFF url(/f/images/tabmenu/bg_menucontainer.gif) repeat-x;
}

div#menu-container ul {
	list-style: none;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	overflow: visible;
	padding-left: 8px;
	height: 20px;
}

div#menu-container ul.firstitem-active { /* ul if first menu item is active */
	background: url(/f/images/tabmenu/firstitem_active.gif) no-repeat;
}

div#menu-container ul.firstitem-inactive { /* ul if first menu item is inactive */
	background: url(/f/images/tabmenu/firstitem_inactive.gif) no-repeat;
}

div#menu-container ul li {
	float: left;
	height: 20px;
	padding: 0;
}

div#menu-container ul li a {
	display: block;
	height: 20px;
	padding: 0 17px 0 6px;
	text-decoration: none;
}

div#menu-container ul li.active a {
	color: #F42546;
	font-weight: 600;
}

div#menu-container ul li.inactive a {
	color: #07123B;
}

div#menu-container ul li.inactive a:hover {
	color: #F42546;
}

div#menu-container ul li span {
	display: block;
	height: 20px;
	padding-right: 8px;
	background-repeat: no-repeat;
}

div#menu-container ul li.active { /* active list item */
	background: url(/f/images/tabmenu/item_bg_active.gif) repeat-x;
}

div#menu-container ul li.inactive { /* inactive list item */
	background: url(/f/images/tabmenu/item_bg_inactive.gif) repeat-x;
}

div#menu-container ul li.active span.inactive-item-follows { /* set right image for ACTIVE -> INACTIVE */
	background: url(/f/images/tabmenu/closer_active_inactive.gif) top right no-repeat;
}

div#menu-container ul li.inactive span.active-item-follows { /* set right image for INACTIVE -> ACTIVE */
	background: url(/f/images/tabmenu/closer_inactive_active.gif) top right no-repeat;
}

div#menu-container ul li.inactive span.inactive-item-follows { /* set right image for INACTIVE -> INACTIVE */
	background: url(/f/images/tabmenu/closer_inactive_inactive.gif) top right no-repeat;
}

div#menu-container ul li.active span.no-item-follows { /* set right image for last tab (ACTIVE) */
	background: url(/f/images/tabmenu/closer_active_none.gif) top right no-repeat;
}

div#menu-container ul li.inactive span.no-item-follows { /* set right image for last tab (INACTIVE) */
	background: url(/f/images/tabmenu/closer_inactive_none.gif) top right no-repeat;
}