/* 
xperthr
23.01.2007
Chris Armstrong
Thoughtbubble Ltd
menu.css
- menu styles
*/
/* 

/* TOP NAVIGATION */
/* -------------------------------------------- */
.topNavBar { 
	background-image:url(../images/stretch_1px_line.jpg);
	background-repeat:repeat-x;
	height:90px;
	min-width:780px;
	/*background-color: #eceaeb;*/
}

.topNavLink  
{
    float:left; 
    width:68px; 
    font-size:70%; 
    font-weight:bold; 
    background-image:url(../images/toplink_off.jpg); 
    background-repeat:repeat-x; border-right:2px solid #D6D4D2; 
    height:68px; 
    font-family: Tahoma, 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; 
}

.topNavLinkOn { float:left; width:68px; font-size:70%; font-weight:bold; background-image:url(../images/toplink_on.jpg); background-repeat:repeat-x; border-right:2px solid #D6D4D2; height:68px; font-family: Tahoma, 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; }

.topNavLinkSpar { float:left; width:68px; font-size:70%; font-weight:bold; background-color:#ED1C24; background-repeat:repeat-x; border-right:2px solid #D6D4D2; height:68px; font-family: Tahoma, 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; }

.topNavLinkSpar a:link, .topNavLinkSpar a:visited { color:#FFFFFF; text-decoration:none; }
.topNavLinkSpar a:hover { color:#00AADF; text-decoration:none; }

.topNavLink a:link, .topNavLink a:visited { color:#848480; text-decoration:none; }
.topNavLink a:hover { color:#00AADF; text-decoration:none; }

.topNavLinkOn a:link, .topNavLinkOn a:visited { color:#00AADF; text-decoration:none; }
.topNavLinkOn a:hover { color:#00AADF; text-decoration:none; }

.outer { height: 68px; position: relative; overflow: hidden; border-right:2px solid #FFFFFF;}
.outer {display:table; position: static;}

.middle {position: absolute; top: 50%;} /* for explorer only*/
.middle {display: table-cell; vertical-align: middle; position: static;}

.inner {position: relative; top: -50%; width:66px; text-align:center; } /* for explorer only */
.inner {position: static;}

.topNavBarSearch { 
	background-image:url(../images/1px_search.jpg);
	background-repeat:repeat-x;
	height:90px;
	min-width:780px;
}
/* ie fix to set minimum width as ie does not support min width style */
* html .minwidth { margin-left:800px; }
* html .container { margin-left:-800px; position:relative; }
/*\*/
* html .minwidth, * html .container { height: 1px; }
/**/
#siteLogo 
{ 
    float:left; 
    border-right:2px solid #D6D4D2; 
    background-color:#F2EFF0;
    border-right:2px solid #D6D4D2;
    float:left;
    height:90px;
}
#siteLogoInner 
{
     border-right:2px solid #FFFFFF; 
}

.loggedInMsg { float:right; width:400px; margin-top:3px; text-align:right; padding:0 5px 0 0; font-size:80%; }

hr { background:#D6D4D2; color:#D6D4D2; height:1px; border:0; padding: 5px auto 5px 0;  text-align: left; }
hr.hrpad10 { margin: 10px auto 10px 0;  text-align: left; }


#searchBox { float:right; width:210px; height:68px; }

.searchBtn { float:left; width:50px; }
.searchForm { float:left; width:145px; margin-left:10px; text-align:right; height: 68px; }
.searchText { width:100px; height:20px; border:1px solid #666666; margin-top:20px; }
.btnSearchGo, .inlineButtonGo { width:26px; height:22px; border:0; }
.btnSearchGo { float:left; margin:21px 0 0 10px; }
.xsmallText { font-size:60%; }

/* LEFT NAVIGATION */
/* -------------------------------------------- */
#leftNavCol { position:absolute; top:90px; left:0px; }
.leftNavLink { width:148px; font-size:70%; font-weight:bold; background-color:#ECECEC; border-right:2px solid #D6D4D2; font-family: Tahoma, 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; }
.leftNavLinkOn { width:148px; font-size:70%; font-weight:bold; background-color:#00AADF; border-right:2px solid #D6D4D2; font-family: Tahoma, 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; }
.leftSubNavLink { width:148px; font-size:70%; background-color:#DDEEF9; border-right:2px solid #D6D4D2; font-family: Tahoma, 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; }
.leftSubNavLinkOn { width:148px; font-size:70%; font-weight:bold; background-color:#FFFFFF; border-right:2px solid #FFFFFF; font-family: Tahoma, 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; }

.leftNavLink .leftNavLinkInner { width:146px; border-right:2px solid #FFFFFF; border-top:2px solid #FFFFFF; border-bottom:2px solid #D6D4D2; }
.leftNavLinkOn .leftNavLinkInner { width:146px; border-right:2px solid #FFFFFF; border-bottom:2px solid #B4D3EE;/* background-image:url(../images/NewMenuItemOn.png); background-repeat: no-repeat;*/ }

.leftSubNavLink .leftNavLinkInner { width:146px; border-right:2px solid #FFFFFF; border-top:2px solid #FFFFFF; border-bottom:2px solid #B4D3EE;/* background-image:url(../images/NewMenuItem.png); background-repeat: no-repeat;*/ }

.leftSubNavLinkOn .leftNavLinkInner { width:146px; border-right:2px solid #FFFFFF; border-top:2px solid #FFFFFF; border-bottom:2px solid #D6D4D2; }

.leftSubNav { display:none; }
.leftSubNavOn { display:block; }

.leftNavPadding { padding:4px 0px 4px 8px; }

.leftNavLink a:link, .leftNavLink a:visited { color:#848480; text-decoration:none; }
.leftNavLink a:hover { color:#00AADF; text-decoration:none; }

.leftNavLinkOn a:link, .leftNavLinkOn a:visited { color:#FFFFFF; text-decoration:none; }
.leftNavLinkOn a:hover { color:#FFFFFF; text-decoration:none; }

.leftSubNavLink a:link, .leftSubNavLink a:visited { color:#848480; text-decoration:none; }
.leftSubNavLink a:hover { color:#666666; text-decoration:none; }

.leftSubNavLinkOn a:link, .leftSubNavLinkOn a:visited { color:#000000; text-decoration:none; }
.leftSubNavLinkOn a:hover { color:#000000; text-decoration:none; }

.topLeftNavLink { border-top:2px solid #D6D4D2; }

.helpImg { margin:0 0 5px 17px; }

/* new menu icon */
.newItem { background-image:url(../images/NewMenuItem.png); background-repeat: no-repeat; }
.newItemOn { background-image:url(../images/NewMenuItemOn.png); background-repeat: no-repeat; }
.newSubNavItem { background-image:url(../images/NewSubMenuItem.png); background-repeat: no-repeat; }
.newSubNavItemOn { background-image:url(../images/NewSubMenuItemOn.png); background-repeat: no-repeat; }

/* END OF LEFT NAVIGATION */
/* ----------------------------------------------------------*/

