﻿/* Style Usage Guide
   .first - Applied to non-selected first list item
   .firstSelected - Applied to first list item when it is selected
   .last - Applied to non-selected last list item
   .lastSelected - Applied to last list item when it is selected
*/   

#navBar {
	position: absolute;
	z-index: 2;
	left: 75px;
	bottom: 19px;
	background-image: url('../css/images/NavBarTabBkg.gif');
	background-repeat: repeat-x;
	width: 522px;
}

#navBar ul {
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	font-style: normal;
	color: #FFFFFF;
	line-height: 0px;
}

#navBar ul li {
	float: left;
	background-image: url('../css/images/NavBarTabRight.gif');
	background-repeat: no-repeat;
	background-position: right top;	
}

#navBar ul a {
	line-height: 21px;
	margin: 0px;
	padding: 0 46px 0 46px;
	background: url("../css/images/NavBarTabLeft.gif") no-repeat left top;
	text-decoration: none;
	color: #fff;
	float: left;
	display: block;
}

#navBar ul .first a {
	background: url('../css/images/NavBarLeftEdge.gif');
	background-repeat: no-repeat;
}

#navBar ul a:hover {
	background-image: url('../css/images/NavBarTabSelectedBkg.gif');
	background-repeat: repeat-x;
}

#navBar ul .first a:hover {
	background-image: url('../css/images/NavBarFirstTabSelectedBkg.gif');
	background-repeat: repeat-x;
}


/*
#navBar ul li.last:hover {
	background-image: url('../css/images/NavBarTabSelectedBkg.gif');
	background-repeat: repeat-x;
}
*/

/*
#navBar ul li.last:hover {
	background-image: url('../css/images/NavBarTabRightSelectedLast.gif');
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 4px; 
}
*/

#navBar ul .last a:hover {
	background: url("../css/images/NavBarTabLeft.gif") no-repeat left top;
}


#navBar ul .selected a {
	background-image: url('../css/images/NavBarTabSelectedBkg.gif');
	background-repeat: repeat-x;
	font-weight: bold;
}


#navBar ul .selectedFirst a {
	background-image: url('../css/images/NavBarFirstTabSelectedBkg.gif');
	background-repeat: repeat-x;
	background-position: right top;
	padding: 0 47px 0 46px;
    font-weight: bold;
}

#navBar ul li.selectedLast {
/*	background-image: url('../css/images/NavBarTabRightSelectedLast.gif');*/
	background-image: url('../css/images/NavBarTabSelectedBkg.gif');
	background-repeat: no-repeat;
/*	background-position: right top;*/
	font-weight: bold;
	padding: 0 0px 0 1px;
/*	padding-right: 6px; */
}

