/*JK - Modified to support colored backgrounds to indicate image age */

DIV.menuBar{
    FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #FFFFFF; BACKGROUND-COLOR: #999999; FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif; 
}
DIV.menuBar A.menuButton {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #FFFFFF; BACKGROUND-COLOR: #999999; FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menu {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #FFFFFF; BACKGROUND-COLOR: #999999; FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif; 
}

/* This controls the sub-menus */
DIV.menu A.menuItem {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #999999; BACKGROUND-COLOR: #999999; FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}

/* First visible menu item, ie. Region, Sector */
DIV.menuBar {
	COLOR: #FFFFFF; BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0 2px outset; PADDING-LEFT: 1px; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 2px outset; BACKGROUND-COLOR: #999999; TEXT-ALIGN: left; 
MARGIN-LEFT: 1px; MARGIN-RIGHT:1px;
}


/* This controls the active area of the button */
DIV.menuBar A.menuButton {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; Z-INDEX: 100; PADDING-BOTTOM: 2px; MARGIN: 1px; CURSOR: default; COLOR: #FFFFFF; PADDING-TOP: 2px; POSITION: relative; TOP: 0px; BACKGROUND-COLOR: #999999; TEXT-DECORATION: none
}

/* Removed left and right borders, caused buttons to "jiggle" when moused-over: jk */
DIV.menuBar A.menuButton:hover {
        BORDER-RIGHT: #e0e0e0 0px outset; BORDER-TOP: #e0e0e0 1px outset; BORDER-LEFT: #e0e0e0 0px outset; COLOR: blue; BORDER-BOTTOM: #e0e0e0 1px outset; BACKGROUND-COLOR: #cccccc
}

/*Set left and right border to 0px to stop the jiggle */
DIV.menuBar A.menuButtonActive {
	BORDER-RIGHT: #e0e0e0 0px inset; BORDER-TOP: #e0e0e0 1px inset; LEFT: 0px; BORDER-LEFT: #e0e0e0 0px inset; COLOR: blue; BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; padding-left: 2px; BACKGROUND-COLOR: #cccccc;
}

/* Set left and right borders to 0px to stop the jiggle */
DIV.menuBar A.menuButtonActive:hover {
	BORDER-RIGHT: #e0e0e0 0px inset; BORDER-TOP: #e0e0e0 1px inset; LEFT: 1px; BORDER-LEFT: #e0e0e0 0px inset; COLOR: blue; BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #cccccc;
}

DIV.menu DIV.menuItemSep {
        BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 2px 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
}


/* sub-menu, beneath Region and Sector*/
DIV.menu {
	BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0 2px outset; PADDING-LEFT: 0px; Z-INDEX: 101; LEFT: 0px; VISIBILITY: hidden; PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px; BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #999999; 
}
/* Controls properties of sub-menu items */ 
DIV.menu A.menuItem {
	FONT-WEIGHT: bold; PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #FFFFFF; PADDING-TOP: 3px; WHITE-SPACE: nowrap; TEXT-DECORATION: none;   
}

/* What happens when sub-menu moused-over */
DIV.menu A.menuItem:hover {
	COLOR: blue; BACKGROUND-COLOR: #cccccc;
}
DIV.menu A.menuItemHighlight {
	COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
}
DIV.menu A.menuItem SPAN.menuItemText {
	
}
DIV.menu A.menuItem SPAN.menuItemArrow {
	MARGIN-RIGHT: -0.75em
}
DIV.menu DIV.menuItemSep {
	BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 2px 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
}
/* End of orig brain_jar code */

/* My additions 18-May-04, jk. */
DIV.menu {
        BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0 2px outset; PADDING-LEFT: 0px; Z-INDEX: 101; LEFT: 0px; VISIBILITY: hidden; PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px; BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #999999; text-align:left; padding: .3em;
}

/* Controls properties of color sub-menu items */

DIV.menu A.youngcolormenuItem {        FONT-WEIGHT: bold; PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; PADDING-BOTTOM: 3px; CURSOR: default; COLOR: white; BACKGROUND-COLOR: #00CC66; PADDING-TOP: 3px; WHITE-SPACE: nowrap; TEXT-DECORATION: none;
}
DIV.menu A.youngcolormenuItem:hover {
        COLOR: blue; BACKGROUND-COLOR: #00FF00;
}


DIV.menu {
        BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0 2px outset; PADDING-LEFT: 0px; Z-INDEX: 101; LEFT: 0px; VISIBILITY: hidden; PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px; BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #999999; text-align:left; padding: .3em;
}

DIV.menu A.oldcolormenuItem {        FONT-WEIGHT: bold; PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; BACKGROUND-COLOR: #CC3333; PADDING-TOP: 3px; WHITE-SPACE: nowrap; TEXT-DECORATION: none;
}

DIV.menu A.oldcolormenuItem:hover {
        COLOR: blue; BACKGROUND-COLOR: #FF3333;
}



DIV.menu {
        BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0 2px outset; PADDING-LEFT: 0px; Z-INDEX: 101; LEFT: 0px; VISIBILITY: hidden; PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px; BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #999999; text-align:left; padding: .3em;
}

DIV.menu A.medcolormenuItem {        FONT-WEIGHT: bold; PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; BACKGROUND-COLOR: #FFFF99; PADDING-TOP: 3px; WHITE-SPACE: nowrap; TEXT-DECORATION: none;
}
DIV.menu A.medcolormenuItem:hover {
        COLOR: blue; BACKGROUND-COLOR: yellow;
}


DIV.menu A.menuItemHighlight {        COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
}
DIV.menu A.menuItem SPAN.menuItemText {

}
DIV.menu A.menuItem SPAN.menuItemArrow {
        MARGIN-RIGHT: -0.75em
}
DIV.menu DIV.menuItemSep {        BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 2px 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset}

/* End my additions */
