/* @group TAB BAR */

.menutab {

	font: 12px Arial, Helvetica, sans-serif;

	background: url(../../images/nav_bg_blue.png) no-repeat left bottom;

	width: 100%;

	height: 31px;

	margin: 0px;

	padding:0px;

}



#tabmenu {

	height: 28px;

	margin: 0px 0px 0px 15px;

	padding: 0;

	position: relative;

	z-index: 900;

	float: none;

	width: 100%;

}



#tabmenu ul {

	float: left;

	list-style: none;

	padding: 0;

	margin: 0;

	height: 28px;

	position: relative;

	top: 3px;

}





#tabmenu ul li {

	position: relative;



}



/*PARENT MENU*/



#tabmenu a {

	font-weight: bold;

	color: #ffffff;

	text-decoration: none;

	cursor: pointer;

	height: 28px;

	line-height: 28px;

	float: left;

	padding: 0;

	margin: 0;



}



#tabmenu ul li {

	background: url(../../images/tab_blue.png) no-repeat -1px 0px;

	padding-left: 11px;

}



#tabmenu ul li a,

#tabmenu ul li a_current,

#tabmenu ul li a.child {

	display: block;

	background: url(../../images/tab_blue.png) no-repeat 100% 0%;

	padding-right: 12px;

	color: #FFF;

}

/*PARENT MENU ACTIVE*/



#tabmenu ul li#current.haschild.active,

#tabmenu ul li#current.active,

#tabmenu ul li.haschild.active {

	background: url(../../images/tab_blue.png) no-repeat 0 -41px;

	padding-left: 11px;

}

#tabmenu ul li#current.haschild.active a,

#tabmenu ul li#current.active a,

#tabmenu ul li.haschild.active a

 {

	display: block;

	background: url(../../images/tab_blue.png) no-repeat 100% -41px;

	color: #333;

}





/*ALL LISTS*/



#tabmenu li {

	float: left;

	padding: 0;

	background: none;

}

#tabmenu ul ul a {

	background: none;

}

#tabmenu li:hover ul, 

#tabmenu li li:hover ul, 

#tabmenu li li li:hover ul, 

#tabmenu li li li li:hover ul,

#tabmenu li.iehover ul, 

#tabmenu li li.iehover ul, 

#tabmenu li li li.iehover ul,

#tabmenu li li li li.iehover ul {

	background: #0079F0;

}



/*PARENT ITEM SEPARATOR*/





/*DEFINE HOVER COLORS*/

/*another bit of extra code for IE - don't change tab hover*/

#tabmenu ul li.haschild.active a.haschild:hover {

	color:#333 ;

}



#tabmenu li:hover a, #tabmenu li.iehover a {

	color: #ffffff;

}



#tabmenu ul li a:hover,

#tabmenu ul li ul li a:hover,

#tabmenu ul li ul li ul li a:hover,

#tabmenu ul li:hover,

#tabmenu ul li.haschild.active ul li#current.active:hover,

#tabmenu ul li.haschild.active:hover,

#tabmenu ul li#current.haschild.active ul li.haschild:hover



{

	color: #eee;

	background-color:#0056c8 ;

}



/*

POSSIBLE TO SHOW PARENT INDICATOR HERE (NEEDS PADDING)

#tabmenu a.haschild,

#tabmenu li.active a.haschild {

background: url(../../images/arrow_right.gif) 100% 0 no-repeat;}

*/



/*SUBLEVEL PARENT INDICATORS*/



#tabmenu ul li ul li a.child, #tabmenu ul li ul li a.child:hover,

#tabmenu ul li ul li a.child:hover, #tabmenu ul li#active ul a.child,

#tabmenu ul li.haschild.active ul li.haschild.active a.child,

#tabmenu ul li#current.haschild.active ul li.haschild,

#tabmenu ul li.haschild.active ul li#current.haschild.active a.child,

#tabmenu ul li.haschild.active ul li.haschild.active ul li.haschild a.child

 {

	background: url(../../images/arrow_right.gif) 161px 50% no-repeat;

	padding:0px;

	color: #eee;

	

}

#tabmenu ul li#current.haschild.active li a,

#tabmenu ul li.haschild.active li a,

#tabmenu ul li.haschild.active ul li#current.active,

#tabmenu ul li.haschild.active ul li#current.active a,

#tabmenu ul li.haschild.active ul li.haschild.active

{

	color: #fff;

	background-image: none;

	margin: 0;

	padding: 0;

}



/* ADDED FOR STUPID IE */

#tabmenu ul li#current.haschild.active ul li.haschild a.child:hover

 {

	background: #0056c8 url(../../images/arrow_right.gif) 161px 50% no-repeat;

	}



/*SUBLEVEL STYLES*/



/*SUBLEVEL TEXT STYLES*/



#tabmenu li li a {

	font-weight: normal;

	padding: 0;

	height: 24px;

	line-height: 24px;

	text-indent: 5px;

}



#tabmenu ul ul a {

	display: block;

	color: #ffffff;

	text-decoration: none;

	width: 167px;

	text-transform: none;

}



#tabmenu li li {

	padding: 0;

	background: none;





/*DONT SHOW THE BACKGROUND IMAGE*/

	border-bottom: 1px solid #0056C8;

	border-top: 1px solid #008DFF;

}



/*SUBLEVEL POSITIONING*/

#tabmenu li ul {

	top: 28px;

	position: absolute;

	left: -999em;

	height: auto;

	width: 170px;

	font-weight: normal;

	border-width: 0;

	margin: 0;

	padding: 0;

	border-right: 1px solid #008DFF;

	border-left: 1px solid #008DFF;

	border-bottom: none;

	border-top: none;

}





#tabmenu li li {

	float: left;

	padding: 0;

	width: 170px;

}



#tabmenu li ul ul {

	margin: -29px 0 0 170px;

}



#tabmenu li:hover, #tabmenu li.iehover {

	left: 0;

}







/*SUBLEVEL HOVER STYLES*/



#tabmenu ul ul a:hover {

	background: none;

	height: 24px;

	line-height: 24px;

	padding: 0;

	margin: 0;

}



#tabmenu li li:hover {

	background: #0056C8;

	border-bottom: 1px solid #0056C8;

}







/* NO ACTIVE STYLES */



#tabmenu li li.active, #tabmenu li li.active {

	background-image: none;

}



/* HIDE OTHER LISTS FROM IE */

#tabmenu li:hover ul ul, 

#tabmenu li:hover ul ul ul,

#tabmenu li:hover ul ul ul ul,  

#tabmenu li.iehover ul ul, 

#tabmenu li.iehover ul ul ul, 

#tabmenu li.iehover ul ul ul ul {

	left: -999em;

}

#tabmenu li:hover ul, 

#tabmenu li li:hover ul, 

#tabmenu li li li:hover ul, 

#tabmenu li li li li:hover ul,

#tabmenu li.iehover ul, 

#tabmenu li li.iehover ul, 

#tabmenu li li li.iehover ul,

#tabmenu li li li li.iehover ul {

	z-index: 100;

	left: 0;

}

/* BECAUSE IE DOESNT UNDERSTAND CSS EVEN IN 2007 */

#tabmenu li.iehover ul li.iehover

 {

	background: #0056C8;

	border-bottom: 1px solid #0056C8;

}

/* @end */