/* Basic CSS for menus to be included by other CSS files */

/* LAYOUT CSS -- this part should not be altered! */

/* This selector will activate on page load when the menue is displayed */
.psoitMenuContainer, .psoitMenu {
	float: left;  /*IE fix */
	position: relative;
	color: #000000;
}


/* Top menu, horizontal */
.psoitMenu-horizontal-mode .psoitMenu-level-1 {
	float: left;
	padding-left:0em;
	padding-right:0em;
	height: 18px;
}

/* Anchor has NO style */
.psoitMenu-top a, .psoitMenu-top a:visited {
	text-decoration:none;
}

/* All NON-Selected Labels font color black */
.psoitMenu-top .psoitMenu-label,
.psoitMenu-top a{
	color: #000000;
}

/* ALL Selected Labels font color black */
.psoitMenu-top .psoitMenu-item-selected .psoitMenu-label,
.psoitMenu-top .psoitMenu-item-selected a {
	color: #000000;
}

/* What to do if the LI has NO icon
by default show NO icons
-you css can override this
*/
.psoitMenu-level-1  {
	background: none;
}

/* Vertical: true */
/* 
class="psoitMenu-top psoitMenuContainer psoitMenu-vertical-mode" 
class="psoitMenu-item-odd psoitMenu-level-1 psoitMenu-item psoitMenu-item-first psoitMenu-lines-c"
*/
.psoitMenu-vertical-mode  .psoitMenu-level-1 {
	width: 10em;
	position:relative;
	/* override float:left in basic.css */
	float:none;
	margin:0;
	padding-left: 5px;	/* Label 5px in */
	/* If border then make sure HR css renders correctly 
	border-bottom:1px solid black;
	*/
 }

.psoitMenu-vertical-mode .psoitMenu-level-1 .psoitMenu-item-last {
	border-bottom: none;
}

/* FORMATTING CSS -- can be altered. */


/* Menu containers */

.psoitMenu-item table.psoitMenu-table {
	font: 11px "Arial", "Verdana", sans-serif;
}


.psoitMenu-item {
	cursor: pointer;
}


/* Hide expansion indicators */

/* These are indicators for items that have sub-menus, and are hidden cause they generate a
   blank space in front of the content of those items */

.psoitMenu .psoitMenu-item .minus,
.psoitMenuContainer .psoitMenuContainer .psoitMenu-item .minus,
.psoitMenu .psoitMenu-item .plus,
.psoitMenuContainer .psoitMenuContainer .psoitMenu-item .plus {
	display: none;
}

/* Helper classes to hide the menu onload */
/* To hide the menu before it is loaded */
.psoitHideOnLoad {
	display:none;
}
.psoitHideOnLoad ul {
	display:none;
}

.psoitMenuContainer .psoitMenu-item-hr,
.psoitMenuContainer .psoitMenuContainer .psoitMenu-item-hr {
	margin:0;
	padding:0;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid blue;
	background:red;
	/* note: width of 100% breaks in IE */
	/* If you take out width:auto then FireFox does not pad right properly */
	width:auto;
}

/* for CSS2 browsers */
.psoitMenuContainer .psoitMenu-item-hr hr *,
.psoitMenuContainer .psoitMenuContainer .psoitMenu-item-hr hr *,
/* for CSS1 browsers */
.psoitMenuContainer .psoitMenu-item-hr hr,
.psoitMenuContainer .psoitMenuContainer .psoitMenu-item-hr hr {
	display: none;
}



/* End HR style */

/* Start - ICON Alignment */
/* Controls the behavior of ALL left icons */
.psoitMenuContainer .psoitMenuContainer .icon {
	background: none;
	width: 32px;
	padding-right:5px;
}

/* If you have an icon column and you want the Label to be left aligned, where the
   icon would start, then uncomment this section
.psoitMenuContainer .psoitMenuContainer  .psoitMenu-noicon {
	background: none;
	width: 0px;
}
*/
/* End - ICON Alignment */

/* Sub-menu */
.psoitMenuContainer .psoitMenuContainer {
	position: absolute;
	width: 10em;
}

/* General items that's not a top menu */
.psoitMenuContainer .psoitMenuContainer .psoitMenu-item {
	width: 10em;
	padding:0em;
}

/* TOP Menu - Set vertical align to center table */
.psoitMenu-vertical-mode .psoitMenu-level-1,
.psoitMenu-horizontal-mode .psoitMenu-level-1 {
	vertical-align:middle;
}

/* TOP Menu - Have table use 100% of DIV so it can be vertical-align: middle */
.psoitMenu-horizontal-mode .psoitMenu-level-1 .psoitMenu-table {
	height:100%;
}

.psoitMenuContainer .psoitMenuContainer  .psoitMenu-label {
	/* This scenario is needed when an Arrow image is over a menu item image */
	/* Make the Menu label FILL the td so the Arrow will be right aligned */
	/* psoitMenu-item-collapsed, psoitMenu-item-expanded */
	width:1000px; 
}


/* Must include this CSS for Animation and Special Effects.  Fixes IE problems */
/*.psoitMenuContainer .psoitMenuContainer .psoitMenu {
	filter: alpha(opacity=100);
}*/

.psoitMenuDisabled {
	cursor: default !important;
}

.psoitMenuDisabled .psoitMenu-table .psoitMenu-label,
.psoitMenuDisabled .psoitMenu-table .psoitMenu-label a
{
	color: #aaa !important;
	cursor: default !important;
}

.psoitMenuPath,
.psoitMenuPath td,
.psoitMenuPath a
{
	background: orange !important;
}

.psoitMenuScrollUpActive {
	height: 10px;
	margin: 0px !important;
	padding: 0px !important;
	background: url(../images/scroll_up_active.gif) no-repeat center top;
}

.psoitMenuScrollUpInactive {
	height: 10px;
	margin: 0px !important;
	padding: 0px !important;
	background: url(../images/scroll_up_inactive.gif) no-repeat center top;
}

.psoitMenuScrollDownActive {
	height: 10px;
	margin: 0px !important;
	padding: 0px !important;
	background: url(../images/scroll_down_active.gif) no-repeat center bottom;
}

.psoitMenuScrollDownInactive {
	height: 10px;
	margin: 0px !important;
	padding: 0px !important;
	background: url(../images/scroll_down_inactive.gif) no-repeat center bottom;
}