/*JDS 13/05/09 - Added style to active menu table to handle cell padding*/
.activeMenuTable td
{
	padding:3px;
}
.closeAtiveMenu
{
	font-weight: bold;
	background-color: #C84646;
	color: white;
	border: 1px solid #fff;
	cursor: hand;
	width: 20px;
	height: 20px;
}
.closeAtiveMenu:hover
{
	background-color: #B43232;
}

/*JDS 17/04/09 - Site editor active menu styles, update from siteeditormenu.css*/
/*Hover menu*/
.popupHoverLeft
{
	float: left;
}
.popupMenu
{
	/*Set the Panel invisible by assigning a CSS classname which sets display to none.*/
	display: none;
}
#ActiveMenuAjax
{
	color: White;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 160px;
	height: 585px;
	z-index: 100;
	overflow: visible;
	background-color: #B43232;
	border: none;
	padding-left: 5px;	
}

/****************************** Active Menu BEGIN ******************************/
#ActiveMenuTab
{
	position: absolute;
	z-index: 100;
	top: 0px;
	left: 0px;
	width: 160px;
	background-color: #B43232;
	filter: alpha(opacity=85);
	cursor: hand;
	padding: 2px;
	text-align: center;
	font-size: 11px;
	font-family: Tahoma;
	font-weight: bold;
	color: white;
}
#ActiveMenu
{
	color: White;
	position: absolute;
	top: 0px;
	left: -310px;
	width: 160px;
	height: 585px;
	z-index: 100;
	overflow: visible;
	background-color: #B43232;
	border: none;
	padding-left: 5px; /*filter:alpha(opacity=85);	*/
}
#ActiveMenu td
{
	color: white;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
}
#ActiveMenu td a
{
	color: white;
	font-family: Tahoma;
}

#ActiveMenuReset
{
	font-size: xx-small;
	color: Navy;
	text-align: center;
}

#LoginButton
{
	color: White;
	position: absolute;
	top: 0px;
	left: -195px;
	width: 100px;
	height: 15px;
	z-index: 100;
	overflow: visible;
	background-color: Firebrick;
	border: none;
	padding-left: 5;
	filter: alpha(opacity=60);
	text-align: center;
}

#LoginButton a
{
	color: White;
	font-family: Tahoma;
	font-size: 11px;
	text-align: center;
}


/****************** Edit Image - TCF 13/10/2006 **********************************/
/** Use button not image as KP styles to set images are affecting position of Edit image button **/
.butEdit, .butEditZ
{
	background-color: Transparent;
	border: none; /*background-image:url(../Images/edit.gif);*/
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	top: 1px;
	left: 12px;
	vertical-align: top;
}
/* layers the Edit button on top of content - required for the Image sections */

.butEditZ
{
	z-index: 101;
	position: absolute;
}

.butInfoZ, .butInfo
{
	background-color: Transparent;
	border: none; /*background-image:url(../Images/info_blue.gif);*/
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	top: 1px;
	left: 1px;
	vertical-align: top;
}
.butInfoY
{
	position: absolute;
	width: 10px;
	height: 10px;
	top: 1px;
	left: 1px;
}


/* layers the Info button on top of content - required for the Image sections */

.butInfoZ
{
	z-index: 101;
	position: absolute;
}

/***************************** Info Hover Over - starts **********************************/
div .CurrentStatusZ, div .CurrentStatus
{
	position: absolute;
	display: none;
	z-index: 102;
	width: 100px;
}
div .CurrentStatusZ
{
	margin: 6px 0 0 22px;
}
div .CurrentStatus
{
	margin: 6px 0 0 10px;
}
div .CurrentStatusZ table, div .CurrentStatus table
{
	width: 100%;
	background-color: blue;
}

div .CurrentStatusZ table table, div .CurrentStatus table table
{
	background-color: white;
}

div .CurrentStatusZ td.Heading, div .CurrentStatus td.Heading
{
	background-color: blue;
	color: White; /*font-size:67%;*/
}

div .CurrentStatusZ td.Body, div .CurrentStatus td.Body
{
	background-color: white; /*font-size:67%;*/
}
/***************************** Info Hover Over - ends ********************************/