/*
*	nav_bar is the navigation tabs that appear in TaskWatch, CMS, ect
*   nav_bar_sub is the sub-tabs that go with nav_bar
*   menu is the dropdown menu that appears in TaskWatch as the quick actions
*   nav_menu is the InformX Menu (similar to menu but not quite)
*/
ul.nav_bar ul, ul.nav_bar_noSub ul, .nav_bar li, .nav_bar_noSub li
{
	display : inline; /* must have to avoid list */
	list-style-type : none;
	margin : 0;
	padding : 0;
}
ul.nav_bar select
{
	margin-top: -10px;	/* Keeps element from floating down too far */
}
ul.nav_bar, ul.nav_bar_noSub
{
	border-bottom : 1px solid #000;
	margin : 0; /* reduces margin */
	padding-bottom : 23px; /* moves the tabs up / down on top */
	padding-left : 20px;  /* moves the tabs left to right on top */
}
ul.nav_bar a, ul.nav_bar_noSub a
{
	background : #DDB;
	border : 1px solid #000;
	color : #000;
	float : left;
	font-size : 13px;
	font-weight : normal;
	line-height : 14px;
	margin-right : 3px; /* padding between tab */
	padding : 4px 6px 4px 6px;/*  padding in tab */
	text-decoration : none;
}
ul.nav_bar li.nav_tab_constant a, ul.nav_bar_noSub li.nav_tab_constant a
{
	background : #FFF;
	border:none;
	color : #000;
	float : right;
	font-size : 13px;
	font-weight : normal;
	line-height : 14px;
	margin-right : 3px; /* padding between tab */
	padding : 2px 6px 2px 2px;/*  padding in tab */
	text-decoration : none;
}
ul.nav_bar a:hover, ul.nav_bar_noSub a:hover 
{
	background-color: LightSteelBlue;
	color : #fff;
}
ul.nav_bar li.nav_tab_constant a:hover, ul.nav_bar_noSub li.nav_tab_constant a:hover
{
	background-color: LightSteelBlue;
	color: #000;
}
ul.nav_bar li.nav_tab_on a
{
	background-color: #F5F5FF;
	border-bottom : 1px solid #F5F5FF;
	color : #000;
}
ul.nav_bar li.nav_tab_on a:hover
{
	background-color: #F5F5FF;
	color:#000;
}
ul.nav_bar_noSub li.nav_tab_on a 
{
	background-color: #FFF;
	border-bottom : 1px solid #FFF;
	color : #000;	
}
ul.nav_bar_noSub li.nav_tab_on a:hover
{
	background-color: #FFF;	
	color: #000;
}
ul.nav_bar li.nav_tab_title, ul.nav_bar_noSub li.nav_tab_title
{
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	font-weight: bold;
}
ul.nav_bar li.spacer, ul.nav_bar_noSub li.spacer
{
	float: left;
	width: 20px;
	margin-right: 20px;
	margin-top: 5px;
}
/** Sub-Navigation Bar **/
ul.nav_sub_bar
{
    padding: 5px 0px 5px 10px;
    margin: 0px;
    border: 1px solid #dddddd;
    border-top: none;
}
ul.nav_sub_bar li
{
    list-style-type:none;
    display:inline;
    margin: 0px;
    padding: 0px;
}
ul.nav_sub_bar li a 
{
	color : #000;
	font-weight:normal;
	line-height : 10px; /* division lines in sub menu */
	padding : 5px 5px 5px 5px;
	margin: 0px;
	/*border-right: #F5F5FF 1px solid;
	border-left: #F5F5FF 1px solid;*/
	text-decoration:none;
}
ul.nav_sub_bar li a:hover 
{
	background-color: LightSteelBlue;
	/*border-right: black 1px solid;
	border-left: black 1px solid;*/
	color : #000;
}
ul.nav_sub_bar li.nav_tab_on a
{
	font-weight:bold;
}
ul.nav_sub_bar li.nav_tab_on a:hover
{
	background-color: #F5F5FF;
	color: inherit;
	/*border-right: #F5F5FF 1px solid;
	border-left: #F5F5FF 1px solid;*/
}
ul.nav_sub_bar li.nav_tab_constant
{
   float: right;
   margin: -15px 5px -10px 0px;
}
/* ul.menu is for Menus with Sub-Menus - no scripting */
ul.menu
{
	list-style-type: none;
	padding-left: 0px;
	background-color: #FFF;
	text-align:left;
	border: 2px solid #FFF;
}
ul.menu li
{
    padding-top: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
ul.menu a
{
    /*background-color: #FFF;*/
    padding: 3px;
	text-decoration: none;
}
ul.menu ul.menu
{
	margin-left: 50px;
	width: 150px;
}
ul.menu li:hover
{
	background-color: LightSteelBlue;
}
ul.menu li:hover > a
{
  background-color: transparent;
}
ul.menu a:hover
{
	color: #000;
}
ul.menu ul.menu
{
	display: none;
}
ul.menu:hover
{
	border: 2px solid #D55;
}
ul.menu li:hover > ul.menu
{
	display: block;
	position: absolute;
	border: 2px solid #D55;
}
ul.menu ul.menu li:hover
{
	background-color: LightSteelBlue;
}

/* ul.nav_menuContainer is for the InformX Menu */
ul.nav_menuContainer
{
	background-color: #F1F1F1;	/* Color for base row */
	list-style-type: none;		/* Remove bullets */
}

ul.nav_menuContainer a
{
	color: black;	/* Color for links */
}

ul.nav_menuContainer ul
{
	list-style-type: none;		/* Remove bullets */
	padding: 0 0 0 0;			/* otherwise large right and top indent */
	border: 1px solid #F1F1F1;	/* So that red border on-hover doesnt cause jumping */
	cursor: default;
	display: none;				/* Hide sub-menus when inactive */
}
ul.nav_menuContainer li
{
	padding: 2px 8px 2px 3px;	/* padding around list items */
	border-top: 1px solid lightyellow;
	border-bottom: 1px solid lightyellow;
	background-color: inherit;  
}
ul.nav_menuContainer li:hover
{
	border-top: 1px solid #E99;		/* red outline on highlighted items */
	border-bottom: 1px solid #E99;		/* red outline on highlighted items */
	background-color: #C6E2FF;
}
ul.nav_menuContainer > li
{
	float: left;					/* Left-align top-level elements */
	padding-right: 20px;			/* But space them out some */
	border: 0;
	border-left: 1px solid #F1F1F1; /* Set this so that red border on */
	border-right: 1px solid #F1F1F1;/* Highlight doesnt cause jump */
    color: black;
}
ul.nav_menuContainer > li:hover
{
	border: none;					/* Remove borders */
	border-left: 1px solid #E99;	/* Red side borders on hover */
	border-right: 1px solid #E99;
}
ul.nav_menuContainer > li > img
{
	padding-left: 13px;				/* Spacing between top-level and down arrow */
}
ul.nav_menuContainer li li
{
	background-color: linen;		/* All other levels assume this color */
	width: 180px;					/* This width is set so I can float the down */
}									/* arrow to the right */
ul.nav_menuContainer img.arrow
{
	float: right;					/* float down arrow to the right */
	margin-top: 5px;				/* Bring it in line */
}
ul.nav_menuContainer li:hover > ul
{
	display: list-item;				/* active sub menus*/
	position: absolute;
	z-index: 999;
	border: 1px solid #E99;
	margin-left: 0;
	margin-top: 15px;
}
ul.nav_menuContainer a
{
	background-color: inherit;
	padding: 2px;
	text-decoration: none;		/* Remove underline*/
	cursor: default;
}
ul.nav_menuContainer a:hover
{
	color: #000;				/* override default gray color */
}
ul.nav_menuContainer li:hover > a
{
  background-color: transparent; /* So that menu color shows through */
}
ul.nav_menuContainer li:hover > ul ul
{
	margin-top: -1px;			/* positioning for 3rd deep menu */
	margin-left: 170px;
}
ul.nav_menuContainer li.leftPad a, ul.nav_menuContainer li.leftPad span
{
	padding-left: 20px;			/* This is for li's without a left image */
}