/***** Menu Body ********************************************************/

.menuBody
{
	background-color:	#EAEBF0;
	color:				black;
	margin:				0px;
	padding:			0px;
	border:				none;
	overflow:			hidden;
	cursor:				default;
}

/***** Menu Borders *****************************************************/

.menuBody .menuOuterBorder
{
	border:			1px solid;	
	border-top:		none;
	border-left:	none;
	border-color:	threedhighlight threeddarkshadow
					threeddarkshadow threedhighlight;
}

.menuBody .menuInnerBorder
{
	border:			1px solid;					
	border-color:	#666666;
	/*
	border-color:	threedlightshadow threedshadow
					threedshadow threedlightshadow;
	*/	
	padding:		1px 1px 1px 1px;
	width:			100%;
	height:			100%;
	background:		url("../Graphics/Menu/background.gif") repeat-y;
}

/***** Menu Separator ***************************************************/

.menuBody TR.menuDivider
{
	height:				2px;
	width:				100%;
}

.menuBody TD.menuDivider
{
	font-size:			1px;
	padding:			2px 2px 2px 22px;
}

.menuBody .menuDividingLine
{
	overflow:			hidden;
	border-top:			1px solid threedshadow;
	border-bottom:		1px solid threedhighlight;
	height:				2px;
}

/***** Menu Items *******************************************************/

.menuBody TD
{
	font:				menu;
	font-size:		    8pt !important;
}

.menuBody .hover TD
{

	background-color:	#B6BDD2;
	color:				black;
}

.menuBody .header TD
{
	font-weight:		bold;
}

/***** Menu Items - Icon Cell - No Icon Defined *************************/

.menuBody .hover TD.emptyIconCell,
.menuBody .disabled-hover TD.emptyIconCell
{
	border:				1px solid #0A246A;
	border-right:		0px;
	padding:			1px;
}

.menuBody .standard TD.emptyIconCell,
.menuBody .disabled TD.emptyIconCell,
.menuBody .header TD.emptyIconCell
{
	border:				none;
	padding:			2px 2px 2px 1px;
}								

.menuBody TD.emptyIconCell SPAN
{
	width:				16px;
}

/***** Menu Items - Icon Cell - Containing Icon or a Checkbox ***********/

.menuBody .hover TD.iconCell,
.menuBody .disabled-hover TD.iconCell
{
	border:				1px solid #0A246A;
	border-right:		0px;
	padding:			1px;
}

.menuBody .standard TD.iconCell,
.menuBody .disabled TD.iconCell,
.menuBody .header TD.iconCell
{
	border:				none;
	padding:			2px 2px 2px 1px;
}	

/***** Menu Items - Icon Cell - Containing an Icon **********************/

.menuBody TD.iconCell IMG
{
	width:			16px;
	height:			16px;
	/*filter:			Alpha(Opacity=65);*/
}

.menuBody .hover TD.iconCell IMG
{
	filter:			none;
}

.menuBody .standard TD.iconCell IMG,
.menuBody .header TD.iconCell IMG
{
	position:		relative;
	left:			1px;
}

.menuBody .disabled TD.iconCell IMG
{
	position:		relative;
	left:			1px;
	filter:			progid:DXImageTransform.Microsoft.BasicImage(grayScale=1,opacity=0.50);	
	
	/* Because we are using positioning, the filter applied to the parent disabledContainer
	 * doesn't get applied to this element so we have to do the same thing that it would do. */
}

/***** Menu Items - Icon Cell - Containing a Checkbox *******************/

.menuBody TD.iconCell SPAN SPAN SPAN
{
	width:			16px;
	height:			16px;
}

.menuBody .hover TD.iconCell SPAN SPAN SPAN
{
	position:		relative;
	top:			-1px;
}


.menuBody .standard TD.iconCell SPAN SPAN SPAN,
.menuBody .header TD.iconCell SPAN SPAN SPAN
{
	position:		relative;
	left:			1px;
	top:			-1px;
}

.menuBody .disabled TD.iconCell SPAN SPAN SPAN
{
	position:		relative;
	left:			1px;
	filter:			progid:DXImageTransform.Microsoft.BasicImage(grayScale=1,opacity=0.50);	
}


/***** Menu Items - Label Cell ******************************************/

.menuBody TD.labelCell
{
	width:				100%;
}

.menuBody .hover TD.labelCell,
.menuBody .disabled-hover TD.labelCell
{
	border:				1px solid #0A246A;
	border-left:		0px;
	border-right:		0px;
	padding:			0px 5px 0px 5px;
}

.menuBody .standard TD.labelCell,
.menuBody .disabled TD.labelCell,
.menuBody .header TD.labelCell
{
	border:				none;
	padding:			1px 5px 1px 5px;
}

/***** Menu Items - Shortcut Cell ***************************************/

.menuBody .hover TD.shortcutCell,
.menuBody .disabled-hover TD.shortcutCell
{
	border:				1px solid #0A246A;
	border-left:		0px;
	border-right:		0px;
	padding:			0px 5px 0px 5px;
}

.menuBody .standard TD.shortcutCell,
.menuBody .disabled TD.shortcutCell,
.menuBody .header TD.shortcutCell
{
	border:				none;
	padding:			1px 5px 1px 5px;
}
								
/***** Menu Items - Arrow Cell ******************************************/
								
.menuBody TD.arrowCell
{
	width:			20px;
	font-family:	Webdings;
	font-size:		80%;
	color:			black;
}

.menuBody .hover TD.arrowCell,
.menuBody .disabled-hover TD.arrowCell
{
	border:				1px solid #0A246A;
	border-left:		0px;
	padding:			0px 2px 0px 0px;
}


.menuBody .standard TD.arrowCell
.menuBody .header TD.arrowCell
{
	border:				none;
	padding:			1px 2px 1px 1px;
	position:			relative;
	left:				-1px;
}	

.menuBody .disabled TD.arrowCell
{
	border:				none;
	padding:			1px 2px 1px 1px;
	position:			relative;
	left:				-1px;
	top:				-2px;
}

/***** Check Boxes ******************************************************/

.menuBody .checkbox
{
}

.menuBody .checkbox .unchecked
{
}

.menuBody .hover .checkbox .unchecked
{
}

.menuBody .checkbox .checked
{
	border:				1px solid #0A246A;
	background-color:	#B6BDD2;
	color:				black;
	text-align:			center;
	vertical-align:		middle;
	font-family:		Marlett;
	font-size:			10pt;	
}

.menuBody .hover .checkbox .checked
{
}

.menuBody .disabled .checkbox .checked
{
	position:			relative;
	top:				-2px;
	filter:				progid:DXImageTransform.Microsoft.BasicImage(grayScale=1,opacity=0.50);	
	
	/* Because we are using positioning, the filter applied to the parent disabledContainer
	 * doesn't get applied to this element so we have to do the same thing that it would do. */
	 
	/* If I don't do the move the checkbox up 2px, it looks like it's down lower than it should be..
	 * But only when it's disabled. */
}

/***** Disabled Items ***************************************************/

.menuBody .disabled .disabledContainer
{
	color:			#A6A6A6;
	filter:			progid:DXImageTransform.Microsoft.BasicImage(grayScale=1,opacity=0.50);
	width:			100%;
	height:			100%;
}


/***** Menu Bar *********************************************************/

.menuBar DIV
{
	background-image:		url("../Graphics/Menu/Menu-BG.jpg");
	background-repeat:		no-repeat;
	width:					1155px;
	height:					45px;
	overflow-x:				hidden;	
}

.menuBar TABLE
{
	position:			relative;
	left:				20px;
	top:				0px;
	height:				39px;
}

.menuBar TR
{
}

.menuBar TD
{
	padding-left:		5px;
	padding-right:		5px;
	text-align:			center;
	vertical-align:		middle;	
}

/* Specify how the box around the menu bar text looks
 * based on the state. */

.menuBar A
{ 
	display:			inline-block;
	text-decoration:	none;
	font:				13pt Verdana;
}

.menuBar .open A
{
	padding:			3px;
	border:				1px solid #666666;
	background-color: 	#F4F3F1;
}

.menuBar .hovered A
{
	padding:			3px;
	border: 			1px solid #0A246A;
	background-color: 	#B6BDD2;
}

.menuBar .standard A
{
	padding:			4px;
	border: 			none;
}

/* Specify how the menu text looks based on the state. */
.menuBar A .menuText
{
	display:			inline-block;
	color:				black;
}

.menuBar .open A .menuText
{
}

.menuBar .hovered A .menuText
{
}

.menuBar .standard A .menuText
{
}