* CSS style library for page navigation elements
 *
 * @author Shaun Lessman
 * @version $Id: navigation.css,v 1.1 2006/09/28 16:51:41 slessman Exp $$Revision: 1.1 $
 * @updated $Date: 2006/09/28 16:51:41 $$Author: slessman $
 */


/***************************************************
 *
 * TopNav Section
 *
 ***************************************************/
 
div#topNavSection {
	width: 100%;
}

div#topNavSection img {
	vertical-align: bottom;
}

div.wrapper-extranetTopNav {
	width: 800px;
}

ul#extranetTopNav {
	list-style: none;
	float: right;
	padding: 0;
	margin: 0 0 3px 0;
	text-transform: uppercase;
}

ul#extranetTopNav li {
	color: #828282;
	float: left;
	font: 9px arial;
	margin: 0 0 0 15px;
	padding: 0;
}

div#extranetLogo {
	width: 248px;
	margin: 0 0 0 0;
	float: left;
}

ul#mainNav {
	list-style: none;
	float: right;
	padding: 0;
	margin: 18px 0 0 0;
}

ul#mainNav li {
	float: left;
	margin: 0 0 0 8px;
}

ul#mainNav li img {
	display: block;
}



/***************************************************
 *
 * Main Navigation Dropdowns
 *
 ***************************************************/

#vikingNav { 
    padding: 0; 
	margin: 18px 0 0 0;
	line-height: 9px;
    list-style: none !important;
	text-transform: uppercase;
	float: right; 
	display: inline;
    }
	
	#vikingNav div { 
		padding: 0; margin: 0; 
		}
	
	#vikingNav ul { 
		padding: 0; 
		margin: 0; 
		list-style: none !important;
		}
	
	#vikingNav a { 
		display: block;
	}
	
	#vikingNav li { 
		float: left; /* this needs to be there for opera width: 5em; */
		padding: 0 0 7px 18px; 
	} /* padding for the top level images */
	
	#vikingNav.vikingNavCulinary li {
		padding: 0 0 7px 8px; 
	}

	#vikingNav li ul { 
		position: absolute; 
		left: -999em;  
		line-height: 14px;
		background: #fff; 
		border: 1px solid #cccccc; 
		margin: 7px 0 0 -11px; 
		padding: 0 0 8px 0;
		width: 169px;
		z-index: 9999;
	}
	
	#vikingNav li:hover ul, #vikingNav li.sfhover ul { 
		left: auto; 
	}

	#vikingNav li:hover, #vikingNav li.hover {
		position: static; /* Fix for sticking menus after de-focus in IE7 */
	}
	
	#vikingNav li li, #vikingNav.vikingNavCulinary li li { 
		float: none; 
		height: auto; 
		text-align: left; 
		padding: 5px 10px 0 10px; 
		margin: 0; 
	} /* inside text */
	
	#vikingNav li li a { 
		display: inline; 
		font-weight: normal; 
		color: #828282; 
		font-size: 11px; 
		text-decoration: none;  
		padding: 0; margin: 0; 
	}
	
	#vikingNav li li.selected a {
		font-weight: bold;
	}
	 
	#vikingNav li li a:hover { 
		color: #257fba; 
	}
	
	#vikingNav li#vikingNavLast ul { 
		width: 120px; 
		margin-left: -78px; /* this should be (width - 42px) */ 
	}
	
	#vikingNav.vikingNavCulinary li#vikingNavLast ul { 
		width: 120px; 
		margin-left: -53px; /* this should be (width - 42px) */ 
	}
	
	
	
/***************************************************
 *
 * MetaNav Bar
 *
 ***************************************************/

div#metaNavBar {
	width: 100%;
	height: 22px;
	padding: 0px;
	font-family: Arial;
	font-size: 11px;
	text-align: right;
	vertical-align: top;
}

div#metaNavBar a {
	color: #336699;
}

div#metaNavBar a:hover {
	color: #003366;
}


/***************************************************
 *
 * MainNav Bar
 *
 ***************************************************/

div#mainNavBar {
	width: 100%;
	height: 25px;
	background-image: url(../images/mainnav_background.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align: left;
}

table#mainNav {
	width: 100%;
}

td.mainNav {
	padding-right: 20px;
	/* Reserved for future use */
}

td.mainNavSearchBox {
	width: 100%;
	text-align: right;
	vertical-align: top;
}


/***************************************************
 *
 * SubNav Bar
 *
 ***************************************************/

div#subNavBar {
	width: 100%;
	font-family: Arial;
	font-size: 11px;
	text-align: left;
	border-bottom: 1px solid #333333;
}

div#subNavBarBackground {
	height: 24px;
	margin-bottom: 1px;
	background-color: #e5e5e5;
}

table#subNav {
	height: 24px;
}

table#subNav td {
	vertical-align: middle;
}

td.subNavLo {
	padding: 0px 5px;
	color: #000000;
	background-color: #e5e5e5;
}

td.subNavLo a {
	color: #000000;
}

td.subNavLo a:hover {
	color: #003366;
}

td.subNavHi {
	padding: 0px 5px;
	color: #ffffff;
	background-color: #336699;
}

td.subNavHi a {
	color: #ffffff;
}

td.subNavHi a:hover {
	color: #ffffff;
}

td.subNavSeparator {
	/* Reserved for future use */
}


/***************************************************
 *
 * Breadcrumb Trail
 *
 ***************************************************/

div#breadcrumb {
	padding-bottom: 10px;
}


/***************************************************
 *
 * SideNav Bar
 *
 ***************************************************/

@media screen { 
	td.sideNavSection {
		width: 160px;
		height: 100%;
		vertical-align: top;
		background-image: url(../images/td.sideNavSection_background.gif);
		background-repeat: repeat-y;
		background-position: right;
	}
}

#navWrap {
	padding: 0;
	background: #ffffff;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	width: 158px;
	margin: 0 0 30px 0;
}

* html #navWrap {
	w\idth: 160px;
	width: 158px;
}

#navWrap.navWrapBottom {
	border-top: 1px solid #cccccc;
	margin: 0 0 30px 0;
}

#navWrap.navWrapReports {
	border-top: 1px solid #cccccc;
	margin: 0 0 30px 0;
}

#navWrapReports {
	border-top: 1px solid #cccccc;
	margin: 30px 0 30px 0;
}

#navWrap #sideNavTop {
	xborder-bottom: 1px solid #cccccc;
}

#navWrap div.sideNavTierHeader {
	color: #828282;
	padding: 3px 10px;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 10px;
	background: #efefef;
	font-weight: bold;
}

* html #navWrap div.sideNavTierHeader {
	he\ight: 15px;
	height: 6px;
}


#navWrap div.sideNavTierHeader a {
	color: #828282;
	font-size: 10px;
	font-weight: bold;
}

#navWrap div.sideNavTierHeader a:hover {
	color: #257fba;
	font-size: 10px;
}

#navWrap div.sideNavTierHeaderFirst {
	color: #828282;
	padding: 6px 10px 3px 10px;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 10px;
	background: #efefef;
	font-weight: bold;
}

* html #navWrap div.sideNavTierHeaderFirst {
	he\ight: 15px;
	height: 6px;
}

#navWrap div.sideNavTierHeaderFirst a {
	font-size: 10px;
	font-weight: bold;
}

#navWrap #sideNavSelectedParent {
	background: #ffffff;
	border-bottom: 1px solid #efefef;
	font-size: 10px;
}

#navWrap #sideNavRelated {
	background: #ffffff;
	border-bottom: 0;
	font-size: 10px;
	margin: 0 0 4px 0;
	padding-top: 8px;
}

#navWrap a {
	color: #828282;
}

#navWrap a:hover {
	color: #257fba;
}

#navWrap #isRoot, #navWrap #isRoot a {
	color: #333333 !important;
	font-weight: bold !important;
}

#navWrap .sideNavTier1 {
	margin: 3px 0 6px 10px;
	text-transform: lowercase;
}

#navWrap .sideNavTier2 {
	margin: 0 0 6px 5px;
	text-transform: lowercase;
}

#navWrap .sideNavTier3 {
	margin: 3px 0 6px 5px;
	text-transform: lowercase;
}

#navWrap .tier1 {
	padding: 0 5px 2px 0;
}

#navWrap .tier2 {
	padding: 0 5px 2px 0;
}

#navWrap .tier3 {
	padding: 0 5px 2px 0;
}

td.sideNavSection a {
	xcolor: #336699;
	font-weight: normal;
}

td.sideNavSection a:hover {
	xcolor: #003366;
}

div#sideNavSeparator {
	border-top: 2px solid #666666;
	position: relative;
	margin: 0px 10px;
	bottom: 1px;
}

div#sideNavBottom {
	padding: 8px 10px 20px 10px;
}

div#sideNavBottom .title {
	color: #666666;
	font-weight: bold;
}

div#sideNavBottom p {
	margin: 10px 0px;
}


/***************************************************
 *
 * BottomNav Section
 *
 ***************************************************/

div#bottomNavSection {
	width: 100%;
}

div#bottomNavSection img {
	vertical-align: bottom;
}


/***************************************************
 *
 * BottomNav Bar
 *
 ***************************************************/

div#bottomNavBar {
	width: 100%;
	font-family: Arial;
	font-size: 11px;
	text-align: left;
	border-top: 1px solid #333333;
	border-bottom: 3px solid #666666;
}

div#bottomNavBarBackground {
	height: 24px;
	margin: 1px 0px;
	background-color: #e5e5e5;
}

table#bottomNav {
	height: 24px;
}

table#bottomNav td {
	vertical-align: middle;
}

td.bottomNav {
	padding: 0px 5px;
}

td.bottomNav a {
	color: #336699;
}

td.bottomNav a:hover {
	color: #003366;
}

td.bottomNavSeparator {
	/* Reserved for future use */
}


/***************************************************
 *
 * Footer (also inside BottomNavSection)
 *
 ***************************************************/

div#footerBar {
	width: 100%;
	height: 23px;
	margin-top: 5px;
	font-family: Arial;
	font-size: 11px;
	text-align: right;
}

div#footerBar img {
	vertical-align: middle;
}

div#footerBar a {
	color: #336699;
}

div#footerBar a:hover {
	color: #003366;
}

div#footer {
	width: 800px;
	padding: 0 0 10px 0;
	margin: 30px 0 0 0;
}

div#footer ul#footerNav {
	list-style: none;
	float: left;
	padding: 0;
	margin: 3px 0 0 0;
}

div#footer ul#footerNav li {
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
}	

div#footer ul#footerNav li img {
	display: block;
}

div#footer #footerCopyright img {
	float: right;
	padding: 0; margin: 0;
}

div#footer #footerCopyright {
	color: #aaa;
	font-size: 10px;
	float: right;
	padding: 0; margin: 0;
}