﻿/* Styling HeaderPanel Menu */

#headerPanel .menu
{
	border-top:solid 6px #f29333;
	width:550px;
	height:28px;
	float:right;	
}

#headerPanel .menu a
{
	text-decoration:none;
	overflow:hidden;
	cursor:pointer;
}

#headerPanel .menu ul
{
	list-style:none;
	float:right;	
	margin:0px;
	padding:0px;	
}

#headerPanel .menu ul li
{
	height:28px;	
	background-position:right top;	background-repeat:no-repeat;
	background-image:url(../../media/template/headerMenuSep.gif); padding-right:21px;		
	white-space:normal;	float:left; /* IE 7 Hack - suppress white space between span items */	
}

/* IE 6 Hack - non-reactive link spans */
#headerPanel .menu ul li a:hover
{zoom: 1;}	


#headerPanel .menu ul li.lastItem
{
	background-image:none;	
	padding-right:0px;
}

#headerPanel .menu ul li a .ls, #headerPanel .menu ul li a .rs
{
	height:28px;
	width:9px;	
	display:inline-block;
	background-repeat:repeat-x;
}


#headerPanel .menu ul li a:hover .ls,
#headerPanel .menu ul li.selected .ls
{
	background-image:url(../../media/template/headerMenuLs.gif);
}

#headerPanel .menu ul li a:hover .rs,
#headerPanel .menu ul li.selected .rs
{
	background-image:url(../../media/template/headerMenuRs.gif);	
}

#headerPanel .menu ul li .text
{
	color:#656565;
	font-family:Trebuchet MS, tahoma, Geneva, sans-serif;
	font-size:12px;		
	text-align:center;	
	display:inline-block;
	vertical-align:top;
	padding-top:3px;
	height:25px;
	width:auto;	
	background-repeat:repeat-x;
}

#headerPanel .menu ul li a:hover .text,
#headerPanel .menu ul li.selected .text
{
	color:White;
	background-image:url(../../media/template/headerMenuBk.gif);	
}
