/* ------------------------------------------------------------------------------------------------------------------------------ 
						2010 (c) STAR Translation Services CSS			
						NAVIGATION MENU
-------------------------------------------------------------------------------------------------------------------------------- */
/**************************************************************************************/
/*****************************             RESET CSS              ***********************************/
/**************************************************************************************/

DD { /* -- IE6 -- Menu login submenu */
	margin-bottom:.5em;
}

#navigation-menu {

	width:975px;
	height:43px;
    margin-left: auto;
    margin-right: auto;
	
	/*border: 1px solid green;*/
}

#navigation { /* WIDTH MENU Firefox - auto remove width */
	width:975px;
	margin:0;
	padding:0;
	list-style: none;
}


/**************************************************************************************/
/*************************             DROPDOWN BEHAVIOUR           ******************************/
/**************************************************************************************/

/***********************                            FIRST LEVEL                             *************************/

ul.menu {
	float: left;
	width: 100%;
	z-index:1;
}

ul.menu li {
	position: static;
	float: left;
	z-index:2;
}

ul.menu li a {
	display: block;
	clear: both;
	position: relative;
	z-index:2;
}

/***********************                            SECOND LEVEL                            *************************/

ul.menu .submenu {
	position: absolute;
	float: none;				
	white-space: nowrap;
	z-index:2;
}

/***********************                             THIRD LEVEL                              *************************/

ul.menu .submenu .submenu {
	top: 0;
	left: 100%;
	z-index:2;
}

/***********************                    SHOW HIDE BEHAVIOUR                     *************************/

ul.menu .submenu {
	display: none;
	z-index:2;
}

ul.menu li.hover,
ul.menu li:hover {
	position: relative;
	z-index:2;
}

ul.menu li.hover .submenu,
ul.menu li:hover .submenu {
	position: absolute;
	display: block;
	z-index: 2000;
	z-index:2;
}

ul.menu li.hover .submenu .submenu,
ul.menu li:hover .submenu .submenu {
	display: none !important;
}

ul.menu .submenu li.hover .submenu,
ul.menu .submenu li:hover .submenu {
	display: block !important;
	z-index: 2000;
	z-index:2;
}

* html ul.menu .submenu {
	position: absolute;
	z-index:2;
}

* html ul.menu .submenu .submenu {
	position: absolute;
	z-index:2;
}

/**************************************************************************************/
/******************************             NAVIGATION           **********************************/
/**************************************************************************************/

ul#navigation { font-family: Arial; font-size: 12px; font-weight: bold; height: 43px; min-width: 975px; background: url('../images/menu/navigation-item-background.png') left bottom repeat-x; position: relative; z-index:50; }
ul#navigation li,
ul#navigation li p,
ul#navigation li p a { float: left; height: 100%; height:43px; }
ul#navigation li a { padding: 0 20px; text-decoration: none; color: #000; }


ul#navigation li.top-level p a { height: 27px; background:url('../images/menu/separator.png') right top no-repeat; padding: 12px 15px 0 15px; bottom:12px;}
/* Fix IE6 --*/
* html ul#navigation li.top-level p a { top:0px;}
/* Fix IE7 --*/
*:first-child+html ul#navigation li.top-level p a { top:0px; }

ul#navigation li.top-level p a.noimg {background:none;}
ul#navigation li.top-level p a:hover { color:#000; }
ul#navigation li.top-level p span { height: auto; margin: 0 !important;  padding-bottom: 12px;}
ul#navigation li.special { float: right; }
ul#navigation a { text-decoration: none; }
ul#navigation li.special a { border: none; }
ul#navigation li p a span { display: block; text-align: center; }
ul#navigation li { background: transparent url('../images/menu/navigation-item-background.png') left bottom repeat-x; }
ul#navigation li.special.last,
ul#navigation li.special:last-child { background: none; }

ul#navigation li.last p{ background: transparent url('../images/menu/right-cap.png') right bottom no-repeat; margin:0; }
ul#navigation li.first.active,
ul#navigation li.active:first-child,
ul#navigation li.hover,
ul#navigation li:hover { background-position: left top; background-color: #fff; }

/***********************                    SECOND LEVEL                     *************************/

ul#navigation div.submenu li,
ul#navigation div.submenu li p,
ul#navigation div.submenu li p a { float: none; border: none !important; }
ul#navigation div.submenu { background: #fff; margin-top: 39px; border: 1px solid #b7b7b7; border-top: none; font-weight: normal; margin-left: -1px; min-width: 150px; max-width: 300px; top: 0; left: 0; z-index: 1000;  border-bottom:0px;}

/********************                      BOTTOM 2 COLUMNS                     **********************/

ul#navigation div.submenu .bottomleft2 { background:url('../images/menu/flyout-shadow-left.png') left top no-repeat; width:15px; height:30px; position:relative; float:left; margin-left:-16px; margin-bottom:-43px; clear:both; margin-top:15px;}
ul#navigation div.submenu .bottomcenter2 { background:url('../images/menu/flyout-shadow-bg.png') left top repeat-x; width:402px; height:30px; position:absolute; margin-left:15px;}
ul#navigation div.submenu .bottomright2 { background:url('../images/menu/flyout-shadow-right.png') left top no-repeat; width:15px; height:30px; position:relative; float:right; margin-right:-15px;}

/********************                      BOTTOM 1 COLUMN                      **********************/

ul#navigation div.submenu .bottomleft { background:url('../images/menu/flyout-shadow-left.png') left top no-repeat; width:15px; height:30px; position:relative; float:left; margin-left:-16px; margin-bottom:-43px; clear:both; margin-top:15px;}
ul#navigation div.submenu .bottomcenter { background:url('../images/menu/flyout-shadow-bg.png') left top repeat-x; width:172px; height:30px; position:absolute; margin-left:15px;}
ul#navigation div.submenu .bottomright { background:url('../images/menu/flyout-shadow-right.png') left top no-repeat; width:15px; height:30px; position:relative; float:right; margin-right:-15px;}

/***************************                    MAIN                     ***************************/

ul#navigation div.submenu * { background: none; }
ul#navigation div.submenu a { border: none; display: block; }
ul#navigation div.submenu li.hover,
ul#navigation div.submenu li:hover { background: #b7b7b7; }
ul#navigation div.submenu li.hover a,
ul#navigation div.submenu li:hover a { color: #fff; }
ul#navigation div.submenu li.hover ul *,
ul#navigation div.submenu li:hover ul * { color: #000 !important; }

ul#navigation div.submenu li { height: 15px; line-height: 5px; display: block; float: left; clear: left; width: 100%; }
ul#navigation li.top-level div.submenu { padding: 15px; max-width: none; opacity:0.95;filter:alpha(opacity=95);}
ul#navigation li.top-level div.submenu.one-column { width: 170px; }
ul#navigation li.top-level div.submenu.two-columns { width: 400px; }
ul#navigation li.top-level div.submenu.anchor-right { left: auto; right: 0; }

ul#navigation li.top-level div.submenu div.left-column { width: 195px; float: left; border-right: 1px solid #ddd; padding: 3px 0; margin-bottom:-20px; }
ul#navigation li.top-level div.submenu div.right-column { width: 189px; float: left; padding: 3px 0px 10px 15px;  border-left: 1px solid #ddd; margin-left:-1px; _clear:right;}

/*************************                      DL, DT, DD                     ************************/

ul#navigation li.top-level div.submenu dl { font-size: 12px; margin: 0 0 0px; }
ul#navigation li.top-level div.submenu dl:last-child { margin: 0; }
ul#navigation li.top-level div.submenu dl dt { font-size: 12px; font-weight: bold; margin: 0 0 8px; }
ul#navigation li.top-level div.submenu dl dt a { padding: 0; }
ul#navigation li.top-level div.submenu dl dt a:hover { text-decoration: underline; color:#C00000;  }
ul#navigation li.top-level div.submenu dl dd { font-size: 12px; line-height: 13px; padding:0; margin:5px 0 0 10px; text-indent:0px;}
ul#navigation li.top-level div.submenu dl dd a { padding: 0; }
ul#navigation li.top-level div.submenu dl dd a:hover { text-decoration: underline; color:#C00000; }
ul#navigation li.top-level div.submenu dl dd a.more { color: #999; }
ul#navigation li.top-level div.submenu dl dd:last-child { margin-bottom:20px; }
ul#navigation li.top-level div.submenu dl dd{margin-bottom:expression(this.nextSibling == null ? "20px" : "inherit");}

/*******************                     HORIZONTAL NAV HACK IE6  FIX                  ******************/

* html ul#navigation li#uploadFiles { overflow: hidden; }

/*******************                     HORIZONTAL NAV HACK IE7 FIX                   ******************/

*:first-child+html ul#navigation .submenu .submenu { white-space: normal; width: 100%; }
*:first-child+html ul#navigation .submenu li { width: 280px; }

/*******************                         CLIENT LOGIN 2 COLUMNS                       ******************/

ul#navigation li.top-level div.submenu.two-columns.divider2{background:url('../images/menu/partners-flyout-bg2.png') #f5f5f5 right top repeat-y;top:215px;width: 400px;}
* html ul#navigation li.top-level div.submenu.two-columns.divider2{background:url('../images/menu/partners-flyout-bg2.png') #f5f5f5 right top repeat-y; width: 400px;top:205px; _top:220px;}
ul#navigation li.top-level div.client_head2 {background:url('../images/menu/bg-left-cap.gif') left repeat-x;color:#FFF;padding-left:6px;padding-top:6px;font-size:13px;height:24px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; position:absolute; left:0px; top:-2px; width:424px;}
* html ul#navigation li.top-level div.client_head2{background:url('../images/menu/bg-left-cap.gif') left repeat-x;color:#FFF;padding-left:6px;padding-top:4px;font-size:13px;height:24px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; position:absolute; left:0px; top:0px; width:424px; _top:-1px;}
ul#navigation li.top-level div.client_head2 span{color:#fff;font-size:12px;}

/*******************                          CLIENT LOGIN 1 COLUMN                        ******************/

ul#navigation li.top-level div.submenu.one-column.divider{background:url('../images/menu/partners-flyout-bg.png') #f5f5f5 right top repeat-y;top:160px;width: 170px;}
/* IE6 Fix */
* html ul#navigation li.top-level div.submenu.one-column.divider{background:url('../images/menu/partners-flyout-bg.png') #f5f5f5 right top repeat-y; width: 170px ;top:160px; _top:160px;}

ul#navigation li.top-level div.client_head {background:url('../images/menu/bg-left-cap.gif') left repeat-x;color:#FFF;padding-left:6px;padding-top:6px;font-size:13px;height:24px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; position:absolute; left:0px; top:-2px; width:195px;}
ul#navigation li.top-level div.client_head span{color:#fff;font-size:12px;}
ul#navigation li.top-level div.client-area a {color: #0173B9;}

/*******************                           CLIENT LOGIN BOTTOM                         ******************/


.lock {position:absolute; top:1px; *top:1px; left:175px; margin:0px; padding:0px;}

/*******************                            BUTTON UPLOAD FILES                        ******************/

ul#navigation li#uploadFiles { position: absolute; top: 7px; right: 8px; background: url('../images/menu/navigation-pill.png') no-repeat; width: 164px; height: 26px; }
ul#navigation li#uploadFiles p { font-size: 12px; float: none; }
ul#navigation li#uploadFiles p a{ padding: 6px 0 0; display: block; border: 0; text-align: center; width: 100%; }
ul#navigation li#uploadFiles:hover,
ul#navigation li#uploadFiles.hover { background-position: 0 -26px; height: 32px; overflow: visible; }
ul#navigation li#uploadFiles div.submenu { margin-top: 32px; }

/* First child left cap fix */
ul#navigation li#left_cap{background: transparent url('../images/menu/left-cap.png') -2px -46px;}
ul#navigation li#left_cap.hover,
ul#navigation li#left_cap:hover { background: transparent url('../images/menu/left-cap.png') -2px -2px; background-color: #fff;}