/**
Copyright Bridgeline Software, Inc. An unpublished work created in 2008. All rights reserved. 
This software contains the confidential and trade secret information of Bridgeline Software, Inc. ("Bridgeline").  
Copying, distribution or disclosure without Bridgeline's express written permission is prohibited.
**/

/*****BEGIN TOP NAV STYLES*****/
#site_nav {
	width:961px;
	height:40px;
	margin:0 0 0 0;
	position:relative;
	overflow:hidden;
		background:url('/images/siteNavBG.jpg') repeat-x;
}
#site_nav img {
	border:0;
}
#site_nav, #site_nav ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 0;
}

#site_nav li {
	float: left;
	position:relative;
	padding:0px 0px 0px 2px;
	background-image:url(/images/menu_divider.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#site_nav li.first {
	padding:0px 0px 0px 2px;
	background-image:none;
}

#site_nav img{
	display:block;
}
#site_nav  a {
	display: block;
	color: #554e11;
	text-decoration: none;
}
img.highlight
{
	visibility: hidden;
	position: absolute;
}
#site_nav li:hover, #site_nav li.sfhover
{
	
}
#site_nav li:hover img, #site_nav li.sfhover img
{
	visibility:hidden;
}
#site_nav li:hover img.highlight, #site_nav li.sfhover img.highlight, #site_nav li.selected img.highlight
{
	visibility: visible;
	top:0px;
	left: 2px;
}
ul#site_nav li { z-index: 201; }
/*****END TOP NAV STYLES*****/


/*****BEGIN LEFT NAV STYLES*****/
/*All left items are inside <div><nobr><span>item text</span></nobr></div>
where the classes listed below are applied to the <div>.
Each <div> is contained in a <td> written by the treeview control.
The control writes an independent <table> for each menu item.
Before the <td> containing our menu item code, the control writes additionals <td>
for the indentation level (+1 <td> for level2 items, +2 <td> for level3 items.
The negative margins below should cancel the width taken by the additional <td> tags.*/
div.leftNav table
{
	/*border-top: 1px solid #abbc6f;*/
}
div.leftNav
{
	float:left;
	display:table;
	width: 200px;
	margin:0;
	padding:0;
}
div.LeftNavigation
{
	width: 200px;
	float:left;
	cursor: pointer;
	overflow-x:hidden;
}

/*****BEGIN first level styles*****/
/*normal non-current node*/
.hasChildNode, .noChildNode, .LastParentNode
{
	font-size:1.2em;
	font-weight:bold;
	color: #333;
	display:block; 
	background: url('/images/sidemenu_head_off.jpg') no-repeat top right;
	background-color:#fff !important;
	text-decoration:none;
	border-top: 1px solid #abbc6f;
	padding:.4em 18px .4em 10px;
	width: 172px;
	line-height:1.2em;
}
/*hover on normal non-current node*/
.hasChildHoverNode, .noChildHoverNode, .LastParentNodeHover
{
	font-size:1.2em;
	font-weight:bold;
	color: #333;
	display:block; 
	background: url('/images/sidemenu_head_on.jpg') no-repeat top right !important;
	background-color:#e0e4c9!important;
	text-decoration:none;
	border-top: 1px solid #abbc6f;
	padding:.4em 18px .4em 10px;
	width: 172px;
	line-height:1.2em;
}
/*current node off state & hover state*/
/*.SelectedTreeNode is used for hover on .SelectedParentNode*/
.SelectedParentNode, .SelectedTreeNode, 
.SelectedLastParentNode, .SelectedLastParentNodeHover,
.SelectedNodeNoChild, .SelectedNodeNoChildHover
{
	font-size:1.2em;
	font-weight:bold;
	color: #333;
	display:block; 
	background: url('/images/sidemenu_head_on.jpg') no-repeat top right!important;
	background-color:#e0e4c9!important;
	text-decoration:none;
	border-top: 1px solid #abbc6f;
	padding:.4em 18px .4em 10px;
	width: 172px;
	line-height:1.2em;
}
/*****END first level styles*****/

/*****BEGIN second level styles*****/
/*normal non-current node*/
.secondLevelTreeNode, .firstSecondLevelTreeNode, .lastSecondLevelTreeNode
{
	font-size:1em;
	font-weight:bold;
	color: #999999;
	display:block; 
	background: url('/images/sidemenu_head_off.jpg') no-repeat top right;
	border-top: 1px solid #abbc6f;
	padding:.4em 18px .4em 24px;
	text-decoration:none;
	width:158px; 
	line-height:1.5em;
}
/*hover on normal non-current node*/
.secondLevelHoverTreeNode, .firstSecondLevelHoverTreeNode, .lastSecondLevelHoverTreeNode
{
	font-size:1em;
	font-weight:bold;
	color:#640000;
	display:block; 
	background: url('/images/sidemenu_t3_on.jpg') no-repeat top right;
	border-top: 1px solid #abbc6f;
	padding:.4em 18px .4em 24px;
	text-decoration:none;
	width:158px; 
	line-height:1.5em;
}
/*current node off state & hover state*/
.secondLevelSelectedTreeNode, .secondLevelSelectedHoverTreeNode, 
.firstSecondLevelSelectedTreeNode,.firstSecondLevelSelectedHoverTreeNode, 
.lastSecondLevelSelectedTreeNode, .lastSecondLevelSelectedHoverTreeNode,
.lastSecondLevelSelectedTreeNodeWithChild, .lastSecondLevelSelectedHoverTreeNodeWithChild
{
	font-size:1em;
	font-weight:bold;
	color:#640000;
	display:block; 
	background: url('/images/sidemenu_t3_on.jpg') no-repeat top right;
	border-top: 1px solid #abbc6f;
	padding:.4em 18px .4em 24px;
	text-decoration:none;
	width:158px; 
	line-height:1.5em;	
}
/*****END second level styles*****/

/*****BEGIN third level styles*****/
/*normal non-current node*/
.thirdLevelTreeNode
{
	font-size:1em;
	font-weight:bold;
	color: #999999;
	display:block; 
	background: url('/images/sidemenu_head_off.jpg') no-repeat top right;
	border-top: 1px solid #abbc6f;
	padding:.5em 18px .4em 48px;
	text-decoration:none;
	width:134px; 
	line-height:1.5em;
}
/*hover on normal non-current node*/
.thirdLevelHoverTreeNode
{
	font-size:1em;
	font-weight:bold;
	color:#640000;
	display:block; 
	background: url('/images/sidemenu_t3_on.jpg') no-repeat top right;
	border-top: 1px solid #abbc6f;
	padding:.5em 18px .4em 48px;
	text-decoration:none;
	width:134px; 
	line-height:1.5em;
}
/*current node off state & hover state*/
.thirdLevelSelectedTreeNode, .thirdLevelSelectedHoverTreeNode
{
	font-size:1em;
	font-weight:bold;
	color:#640000;
	display:block; 
	background: url('/images/sidemenu_t3_on.jpg') no-repeat top right;
	border-top: 1px solid #abbc6f;
	padding:.5em 18px .4em 48px;
	text-decoration:none;
	width:134px; 
	line-height:1.5em;	
}
/*****END third level styles*****/

/******BEGIN edit mode styles. Also used if node is set to invisible.
These are appended to the above styles on page load.
They are also added by JS on the fly as the nodes are created in Site Editor.
NOTE: Do not include left padding/margin here. The JS version adds the level-specific
indent via <td> tags. Those <td> tags are turned off for the page load version.******/
.GrayedTreeNode
{
	font-size: 1em;
	font-weight: normal !important;
	color: #cccccc !important;
	cursor: default;
	border:none !important;
	width:134px;
	line-height:1.5em;
	padding-top:.5em;
	padding-right:18px;
	padding-bottom:.4em;
	display:block;
	background: url('/images/sidemenu_head_invisible.jpg') no-repeat top right!important;
}
.SelectedGrayedTreeNode
{
	font-size: 1em;
	font-weight: normal !important;
	color: #cccccc !important;
	cursor: default;
	border:none !important;
	width:134px;
	line-height:1.5em;
	padding-top:.5em;
	padding-right:18px;
	padding-bottom:.4em;
	display:block; 
	background: url('/images/sidemenu_head_invisible.jpg') no-repeat top right !important;
}
/******END edit mode styles*****/

/*general*/
nobr
{
	display:block;
	margin:0;
	padding:0;
}
span.treeNodeText
{
	display:block;	
	margin:0;
	padding:0;
	white-space:normal;
}
/*****END LEFT NAV STYLES*****/