/* CSS Document */

.navigation{
	height: 27px;
	float: left;
	font-size: 12px;
	line-height: normal;	
	/*background:url(../images/na_bg.gif) no-repeat;*/
	position: relative; 
	text-transform: capitalize; 
	z-index: 550;
}

.navigation ul{
	list-style-type: none;
	margin: 0;
	margin-left: 0px; /*Left offset of entire tab menu relative to page*/
	padding: 0;
	margin-top: 2px; 
	margin-left: 8px;
	position: relative; 
	z-index: 6;
}

.navigation ul li{
	float: left;
	margin: 0;
	padding: 0px 0px 0px 1px;
	text-decoration: none; 
	position: relative; 
	z-index: 1;
	background: url(../images/nav_bdr.png) no-repeat 0px 6px;;
	/*background:url(../images/navli.gif) no-repeat right 6px;*/	
}

.navigation a{
	float: left;
	/*background:url(../images/glowtab-left.gif) no-repeat 0 1px;*/
	margin: 0;
	padding: 0 0 0 8px;
	text-decoration: none;
	text-transform: capitalize; 
	line-height: 15px;
	outline: none;
}

.navigation a:hover{
	text-decoration: none;
}

.navigation a span{
	float: left;
	display: block;
	/*background:url(../images/glowtab.gif) no-repeat right top;*/
	padding: 3px 16px 3px 8px;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF; 
	text-transform: uppercase;
	font-family: Arial;
	outline: none;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.navigation a span{
	float: none;
	outline: none;
}

/* End IE5-Mac hack */

.navigation a:hover span {
	color: #16afd8;
}

.navigation li.selected a{ /*Selected Tab style*/
	background-position: 0 -42px; /*Shift background image up to start of 2nd tab image*/
}

.navigation li.selected a span{ /*Selected Tab style*/
	background-position: 100% -42px; /*Shift background image up to start of 2nd tab image*/
	color: #FFFFFF;
}

.navigation a:hover, .navigation li.selected a:hover{ /*onMouseover style*/
	background-position:0% -21px; /*Shift background image up to start of 2nd tab image*/
}

.navigation a:hover span, .navigation li.selected a:hover span{ /*onMouseover style*/
	background-position:100% -21px; /*Shift background image up to start of 2nd tab image*/
}

.navigation li.client{
	background:none;
	padding: 0px 0px 0px 0px;
}

.navigation li.client a{
	background:none;
}

.navigation li.client a span{
	color: #16afd8;
	background: url(../images/clientlogin_ico.gif) no-repeat 0 7px; 
	padding-left: 15px;
	margin-left: 5px;
}

.navigation li.client a:hover span{ 
	background:url(../images/clientlogin_ico.gif) no-repeat 0 7px;
	color:#000; 
	padding-left:15px
}

.navigation ul li.client a:hover span{  
	background:url(../images/clientlogin_ico.gif) no-repeat 0 7px;
	color:#000; 
	padding-left:15px
}

.navigation li.request{
	background:none;
	padding:0px 0px 0px 0px;
}

.navigation li.request a{
	background:none;
}

.navigation li.request a span{ 
	color:#16afd8;
	background:url(../images/request_ico.gif) no-repeat 0 4px; 
	padding-left:15px; 
	margin-left:10px;
}

.navigation li.request a:hover span{
	background:url(../images/request_ico.gif) no-repeat 0 4px;
	color:#000; 
	padding-left:15px
}

.navigation ul li.request a:hover span{ 
	background: url(../images/request_ico.gif) no-repeat 0 4px; 
	color: #000; 
	padding-left: 15px
}

/************************************************************************/

.navigation ul li ul{
	display:none;
	text-align: left;
	background: none;
}

.navigation ul li li{ 
	margin:0;
	text-align: left;
	background: none;
}

.navigation ul li ul li ul li ul, .navigation ul li:hover ul li:hover ul li ul{ 
	display:none;
	text-align: left;
	background: none;
}

/* specific to non IE browsers */
.navigation ul li:hover a {
	color: #16afd8; 
	background-position: 0% -21px;	
}

.navigation ul li:hover a span{ 
	background-position: 100% -21px; 
	color: #d3edfa;
}

.navigation ul li:hover ul {
	display: block; 
	position: absolute; 
	top: 26px; 
	left: 0; 
	border: #107bae solid 1px;
	border-top: none; 
	margin-left: 0; 
	z-index: 10000; -moz-opacity:0.96;	-khtml-opacity: 0.96;	opacity: 0.96; 
	font-family: Arial;  
	/*background:url(../images/drop-body-bg.png) bottom; */
	background: #0872a6;
	padding-bottom: 2px;
}

.navigation ul li:hover ul li{ 
	display: block; 
	width: 199px;	
}

.navigation ul li:hover ul li a.hide {
	background: #F0ECE6; 
	color: #000;
}

.navigation ul li:hover ul li:hover a.hide { 
	width: 199px;
}

.navigation ul li:hover ul li ul {
	display: none;
	margin-left: 15px;
}

.navigation ul li:hover ul li a {
	display: block; 
	background: none; 
	color: #FFFFFF; 
	font-weight: normal;
	font-size: 11px;
	border-bottom: #147fb2 solid 1px; 
	width: 183px; 
	clear: both; 
	padding: 5px 6px 5px 10px; 	
}

.navigation ul li:hover ul li a:hover {
	color: #FFFFFF;
	background: #107bae;
}

.navigation ul li:hover ul li:hover ul {
	display: block; 
	position: absolute; 
	left: 183px; 
	z-index: 1000000; 
	top: 0px; 
	color: #000;
	padding-top: 0px; 
}

.navigation ul li:hover ul li a.nb{ 
	border: none;
}

.navigation ul li:hover ul li:hover ul li a {
	display: block; 
	width: 183px;  
	color: #FFFFFF;		
}

.navigation ul li:hover ul li:hover ul li a:hover {
	color: #FFFFFF;
}

.navigation ul li:hover ul li:hover ul li:hover ul{ 
	display:block;
}

.navigation ul li ul li span.droptop{
	/*background: url(../images/drop-top.png) no-repeat 1px 0;*/
	height: 13px;
	position: absolute;
	top: -10px;
	width: 199px;
	left: 0;
}

.navigation ul li ul li span.subdroptop{
	/*background: url(../images/sub-drop-top.png) no-repeat 1px 0;*/
	height: 7px;
	position: absolute;
	top: -7px;
	width: 199px;
	left: 0;
}