/******************************************************************************/
/* TCF 24/04/2007                                                             */
/* The following styles are used by the SE menu and Edit/Info buttons         */
/* This style sheet should be called by each SE Template page                 */
/******************************************************************************/

/****************************** Active Menu BEGIN ******************************/
#ActiveMenuTab 
{
	position:absolute;
	z-index:100;
	top:0px;
	left:0px;
	width:160px;
	background-image: url(../images/menu_bg.gif);
	background-repeat:repeat-y;
	background-position: top right;
	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:Firebrick;*/
	background-image: url(../images/menu_bg.gif);
	background-repeat:repeat-y;
	background-position: top right;
	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;
}

/*#ActiveMenuDrag 
{
	font-size:xx-small;
	color:Navy;
	text-align:center;
}*/

#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;
}

/****************************** ACTIVE MENU END ******************************/

/* #SEButtons 
{
	display:inline;
}
#SEButtons input.imgSEButton 
{
	height:10px;
	width:10px;
}
span.labStatusStyle 
{
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none; 
	FONT-SIZE: 8pt; 
	Z-INDEX: 100; 
	left: 100px; 
	BORDER-left: medium none; 
	COLOR: #000000; 
	TOP: 0px; 
	BORDER-BOTTOM: medium none; 
	FONT-FAMILY: Tahoma; 
	POSITION: absolute;
}

.PreviewLabel
{
	z-index:10;
	left: 220px;	
	position:absolute;		
	top: -70px;
	border-style:none;
	height: 35px;
	width: 120px;
}
*/

/****************** 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 */

/*JDS 14/10/08-Hid the position and z-index since this was causing 
the buttons to get placed wrongly on pages like key people (with image sections)
if this causes issues elswhere it should be revised*/
.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 */

/*JDS 14/10/08-Hid the position and z-index since this was causing 
the buttons to get placed wrongly on pages like key people (with image sections)
if this causes issues elswhere it should be revised*/
.butInfoZ
{
	/*z-index: 101;  
	position: absolute;*/
}

.infoEditPanel
{

}
#relatedlinks .infoEditPanel, #addlogoarea .infoEditPanel
{
	width:25px; 
	height:15px;
	float:left;
}
/***************************** 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 ********************************/