/****************************** TCF 15/09/2006: All Site Editor styling ******************************/
/** TCF 15/09/2006  Duplicated and unused style sheets removed from \SE\Styles\  **/
/** This style sheet based on \SE\Styles\siteeditor.css **/
body { 
	font-size : 11px;
    font-family : Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; 
	color : #434f5e
}
a
{
	text-decoration: none;
	color : #003366;
}
a:hover 
{
	    color: #0A82C1;
}
/*nav*/
.nav, a.nav { 
    font-size: 11px;
	color : #333333;
	font-weight : bold;
	color : #434F5E
}
a.navTab { 
	font-weight : normal
}
a.nav:hover { 
	color : #434F5E
}
.navTab:hover { 
    text-decoration : underline;
	color : #ffffff
}


/* 	==================== Warnings and Errors 	==================== */

.warning
{
	font-family:Arial;
	font-style:normal;
	font-size:10;
	font-weight:bold;
	color:red;
	text-align:left;
}

/***************************** VARIANT START ****************************/

#VariantTree
{ 
	width:100%;	
}

#VariantTree table
{
	width:100%;	
	padding: 2 2 2 2;	
}

#VariantTree table th
{
	text-align:left;
	font-size:x-small;
	background-color:#999999;
	color:White;
}

#VariantTree table td 
{
	font-size:x-small;	
}

#VariantTree table table th 
{
	font-weight:normal;
	text-align:left;
	font-size:x-small;	
	background-color:#BBBBBB;
}

#VariantTree input.RowOn 
{
	background-color:#EEEEEE;	
}

#VariantTree input.RowOff 
{
	background-color:#FFFFFF;	
}

#VariantTree a.AddVariant 
{
	color:white;	
}

#VariantTree a.AddVariant:hover 
{
	text-decoration:underline;
}

#VariantTree a 
{
	color:FireBrick;	
}

#VariantTree a:hover 
{
	text-decoration:underline;
}
/***************************** VARIANT END ****************************/



/*********************** User Scenario Specify Begin ************************/

#chgUserData table  
{
	position: absolute;
	top:4px;
	left:4px;	
	z-index:2;
	border:2px #D62939 solid;
	padding: 2px 2px 2px 2px;
	height:130px;
	width:560px;
}

#chgUserData table.BorderGrey 
{
	position: absolute;
	top:6px;
	left:6px;	
	z-index:0;
	border-top: 1px #CCCCCC solid;
	border-bottom: 3px #CCCCCC solid;
	border-right: 3px #CCCCCC solid;
	border-left: 1px #CCCCCC solid;	
	padding: 2px 2px 2px 2px;
	height:131px;
	width:562px;
}

#chgUserData input.saveBtn  
{
	position:relative ;
	top:25px;
	left:0;
 	font-size: 13px;
    font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
	height : 25px;
	background : #eeedf0;
	width : 150px
}

#chgUserData input.cancelbtn  
{
	position:relative ;
	top:25px;
	left:0;
 	font-size: 13px;
    font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
	height : 25px;
	background : #eeedf0;
	width : 150px
}

#SEButtons /* TCF 13/10/2006 Put back in */
{
	display:inline;
}
#SEButtons input.imgSEButton /* TCF 13/10/2006 Put back in */
{
	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;
}
/* 	==================== TEMPLATE CONTENT ACX INCLUDE END 	==================== */

/* 	==================== Header	====================  */
#header 
{
	width:797; 
}
#header span.bold { 
	font-weight: bold; 
}
#header table tr 
{
	padding: 0px 0px 0px 0px;
}
#header li.accessinfo
{ 
	display:none;	
}

#header td.headerBar { 
	height: 66px;
	width:797;
	background-image: url(../images/logo_wh_bg.gif);
	background-repeat: no-repeat;
	text-align: right;
	background-color: #EDEDEE;
	border-top: 1px #CCCCCC solid;
 
	/*	
	border-left: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;*/
	
}

#header td.headerTextbar { 
	height: 15px;
	text-align: right;
	padding-right: 1em;
	background-color: #EDEDEE;
	border-top: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	font-size: .9em;	
}

#LoginBox input.LoginButton  
{
	position:relative ;
	top:25px;
 	font-size: 13px;
    font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
	height : 25px;
	background : #eeedf0;
	width : 150px
}

#LoginBox input.textBox  
{
  	font-size: 11px;
    font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
 }

#LoginBox table  
{
	position: absolute;
	top:-1px;
	left:-1px;	
	z-index:2;
	border:2px #D62939 solid;
	padding: 2px 2px 2px 2px;
	height:120px;
	width:300px;
}

#LoginBox table.BorderGrey 
{
	position: absolute;
	top:-0px;
	left:-0px;	
	z-index:0;
	border-top: 1px #CCCCCC solid;
	border-bottom: 3px #CCCCCC solid;
	border-right: 3px #CCCCCC solid;
	border-left: 1px #CCCCCC solid;	
	padding: 2px 2px 2px 2px;
	height:122px;
	width:302px;
}

#LoginBox  
{
	position:absolute ;
	left:260px;
	right:100px;	
	height:120px;
	width:300px;
 
	z-index:1;
}
.header li { 
	display: inline;
}
.header ul { 
	margin: 0px
}

#header li.accessinfo 
{
	display:none;	
}
a.headerlinks { 
	margin: 0;
	text-decoration: none;
	padding: .5em .4em;
	display: block;
	/*width: 120px;*/
	/* width was 98%*/
	text-align: right;
}

a.headerlinks:hover { 

}
 
td 
{
	/* FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;  */
	/*font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 67%; */
}

/************* Add/Update SE Page Event Calendar **************/
#divEventCalendar td span
{
	font-size:8pt; 
}
#divEventCalendar td label
{
	font-size:8pt; 
}

td.RowOn 
{	 
    font-size:x-small;
    background-color:#EEEEEE;
}

td.RowOff 
{	
    font-size:x-small;
    background-color:#FFFFFF;
}


/****************************** Default  END ******************************/


/****************************** Active Menu BEGIN ******************************/

#ActiveMenuTab 
{
	position:absolute;
	top:0px;
	left:0px;
	width:15px;
	height:620px;
	background-color:#eee;
	font-size:11px;
	z-index:100;
	/*filter:alpha(opacity=80);*/
	cursor:hand;	
}
#ActiveMenuTab span 
{
	height:400px;
	text-align:center;
	writing-mode: tb-rl;
	filter: flipv fliph;
	font-family:Tahoma;
}
#ActiveMenu 
{	
	color:White;
	position:absolute;
	top:0px;
	left:-150px;
	width:150px;
	height:620px;
	z-index:100;
	overflow:visible;
	background-color:Firebrick;
	border:none;	
	padding-left:5px;
	filter:alpha(opacity=80);
	text-align:left;	
}
#ActiveMenu td /* TCF 27/09/2006 */
{
	color:White;
	font-family:Tahoma;
	font-size:12px;
	text-align:left;
	font-weight: bold;
	/*text-decoration: underline;*/
	border-bottom: 1px dotted #fff;
}
#ActiveMenu td a
{
	color:White;
	font-family:Tahoma;
	font-size:11px;
	text-align:left;
}
#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 ******************************/


/*********************** CORPORATE SITE STANDARD BEGIN **********************/

Span.Error 
{
	color:Red;
}

input.button 
{
	Z-INDEX: 105; 
 	font-size: 13px;
    font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
	height : 25px;
	background : #eeedf0;
	width : 150px;
	position:absolute;
 
 }
 
input.button_over 
{
	Z-INDEX: 105; 
 	font-size: 13px;
    font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
	height : 25px;
	background : #eeedf0;
	width : 150px;
	position:absolute;
 }


.title { 
    font-size: 18px;
	color : #000000
}
.navTab { 
    font-size: 11px;
	color : #ffffff
}
.arrow { 
    font-size: 11px;
	color : #333333
}
/*backgrounds*/
.greyBG { 
	background-color : #cccccc
}
/*Form elements*/
input { 
/*	font-size: 10px;
    font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
	height : 19px;
	background : #eeedf0;*/
}
/*13/04/2011 JDS These class should be appled to textboxes, select and textareas*/
.textInput{
    font-size: 11px;
    font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
	background : #eeedf0
}
input.radioSearch { 
	font-size: 10px;
    font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
	height : 19px;
	background : #ffffff;
}
.SERadioButtons label
{
	font-size: 12px;
    font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
}
.SERadioButtons input
{
	background : #ffffff;
}
.SEInfo
{
	font-size: 12px;
    font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
}
input.150 {
	height: 21px;
	width : 150px
}
input.200 {
	height: 21px;
	width : 200px
}
input.250 
{
	height: 21px;
	width : 250px
}
input.300 {
	height: 21px;
	width : 300px
}
input.400 {
	height: 21px;
	width: 400px
}
input.22 {
	height: 21px;
	width: 22px
}
input.33 {
	height: 21px;
	width: 33px
}
input.66 {
	height: 21px;
	width: 66px
}
input.checkbox {
	background : #ffffff;
}
select {
	/*font-size: 11px;
    font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
	height : 18px;
	background : #eeedf0*/
}
select.200 
{
	width : 200px
}
select.150 {
	width : 150px
}
textarea {
	/*font-size: 11px;
    font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
	background : #eeedf0*/
}
textarea.150 { 
	width : 150px
}
textarea.200 { 
	width : 200px
}
textarea.250 {
	width : 250px
}
textarea.300 {
	width : 300px
}
textarea.400 { 
	width : 400px
}
.menuPad { 
	padding : 1px;
}

.hidden 
{
	visibility: hidden
}

/*********************** CORPORATE SITE STANDARD END  ***********************/


/********************************* SEARCH  START *****************************/
#SearchOptions table 
{
	background-color:FireBrick;
	filter:alpha(opacity=90);
	padding:0 0 0 0;
	width:100%;
}

#SearchOptions td 
{
	color:White;	
	font-size:x-small;
}

#PageSearch 
{
	width:100%;
    font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;    
}

#PageSearch table 
{
	width:100%;
	padding:0 0 0 0;
	background-color:#BBBBBB;	
}

#PageSearch table th 
{	
	font-size:x-small;
    color:#666666;
    background-color:#CCCCCC;
}

#PageSearch a 
{
	color:Firebrick;	
	text-decoration:none;
}

#PageSearch a:hover 
{
	text-decoration:underline	
}

#PageSearch td.RowOn 
{
	background-color:#EEEEEE;
	font-size:x-small;	
}

#PageSearch td.RowOff 
{
	background-color:#FFFFFF;	
	font-size:x-small;
}

#SearchHRTop hr 
{
	color:FireBrick;
	filter:alpha(opacity=50);
}

#SearchHRBottom hr 
{
	color:FireBrick;
	filter:alpha(opacity=50);
}

#SearchPageLinks 
{
	text-align:center;
}
#SearchPageLinks .pageLinks {float:left;width:100%; margin:1em 0em;padding:0em}
#SearchPageLinks .pageLinks li {float:left; list-style:none; text-align:center;width:auto; font-size:x-small;}
#SearchPageLinks .pageLinks a, .pageLinks span {text-decoration:none;background-color:#999999;color:#FFFFFF;font-weight:bold;font-size: 0.9em;padding:0.35em 0.2em;border-right:0.2em solid #FFFFFF; display:block;width:1.5em}
#SearchPageLinks .pageLinks a.longNum, .pageLinks span.longNum {width:auto}
#SearchPageLinks .pageLinks a:hover {color:#FFFFFF;background-color:#666666}
#SearchPageLinks .pageLinks li.selected a {background-color:firebrick}
#SearchPageLinks .pageLinks .text {text-decoration:underline;color:#333333;background-color:#FFFFFF; width:auto}
#SearchPageLinks .pageLinks a.text:hover {color:#3366CC;background-color:#FFFFFF}
#SearchPageLinks .pageLinks li span.text {text-decoration:none}

#SearchPageLinks .pageLinks.additional {margin:0em}
#SearchPageLinks .pageLinks.additional .more {text-align:right}


/********************************* SEARCH END ********************************/

/*********************************** HEADINGS ********************************/
 
#PageTitle 
{
	position:relative;
	width:100%;	
}

#PageTitle table 
{
	font-size:small;
	color:Black;
	font-weight:bold;
	font-family:Verdana;
	width:100%;	
	Padding:1; 		
}

#PageTitle hr 
{
	color:FireBrick;
	filter:alpha(opacity=50);
}

#PageTitle table td.RightColumn 
{
	text-align:right;	
}

#PageTitle TD.header 	
{
	background-color: #FFFFFF; 
	font-size:small;
	color:Black;
	font-weight:bold;
	width:100%;
}

#PageTitle input.imgClose 
{
	border:0;
}

/******************************* HEADINGS END ********************************/

/******************************* INFO HEADING ********************************/

#overDiv 
{	
	width:200;
}

#overDiv table 
{
	width:100%;
	background-color:firebrick;
	padding: 0 0 0 0;
}

#overDiv table td 
{
	background-color:White;	
}

#overDiv table table td.Heading 
{
	color:White;
	background-color:FireBrick;	
}

#overDiv table table td.Body 
{
	background-color:white;
}

/***************************** INFO HEADING END ******************************/

/******************************* BREADCRUMB **********************************/
#BreadCrumbRules li {font-size:x-small;}
#BreadCrumbRules ul li ul li {font-size:x-small;}
/***************************** BREADCRUMB END ********************************/

/******************************** POPUP **************************************/
#SEPopup th {font-size:x-small; text-align:right; padding-right: 5px}
#SEPopup td {font-size:x-small}
#SEPopup td.Warning {font-size:x-small; color:FireBrick;}

/*popUps*/
.popUpBorder { 
	background-color : #434F5E
}
.popUpFill { 
	background-color : #ffffff
}
.popUp { 
	position:absolute;
	top:80px;
	left:600px;
	visibility:hidden
}
/****************************** POPUP END ************************************/

/**************************** Next/Previous Images ***************************/
/**************************** Daisy, 15 April 2005 ***************************/

#PageNavigation1_imgNext 
{
	height:15;
	width:48;	
}

#PageNavigation1_imgPrevious 
{
	height:15;
	width:64;	
}

#TopMenu1_imgQuickSearch 
{
	height:16;
	width:16;	
}

/****************** 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: 0px;
	left: 0px;
}
/* layers the Edit button on top of content - required for the Image sections */
.butEditZ
{
	z-index: 100; 
	position: relative;
}
.butInfo, .butInfoZ
{
	background-color: Transparent;
	border: none;
	background-image:url(../Images/info_blue.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	top: 0px;
	left: 0px;
}
/* layers the Info button on top of content - required for the Image sections */
.butInfoZ
{
	z-index: 101;  
	position: relative;
}
/***************************** Section Help - Hover Over **********************************/
.CurrentStatus
{
	position:absolute;
	display:none;
	/*Z-INDEX:100;	*/
	width:100px;
}
.CurrentStatus table 
{
	width:100%;
	background-color:#0000CC;	
}
.CurrentStatus table table 
{	
	background-color:white;	
}
.CurrentStatus td.Heading 
{	
	background-color:#0000CC;	
	color:White;
	font-size: 8pt;
}
.CurrentStatus td.Body 
{	
	background-color:white;	
}
CurrentStatus 
{
	position:absolute;
	display:none;
/*	Z-INDEX:100;	*/
	width:200px;
}
/***************************** Section Help End - Hover Over ********************************/


/** Generic data grid styles **/
.SEItemStyleOn td
{	
	background-color:#EEEEEE;
}
.SEItemStyleOff td
{
	background-color:#FFFFFF;
}
.SEDataGridHeader
{
	font-weight: bold;
}
.SEDataGridItem
{
	font-weight: normal;
}
/*Links TCF 03/10/2006  Make links like buttons */
.SELinkButton
{
	text-decoration: none;
	color : #003366;
	font-size:10px;
	background-color: #CCCCCC;
	border: solid 1px black;
	padding: 1px 5px 1px 5px;
}
/* KP Search Premier Services DB pop-up */
#CopiedContent 
{
	font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;	
	vertical-align:middle; 	
}
#CopiedContent span.EventInfo
{
	color: firebrick;
 	margin: 3px;
 	font-size: 13px;	
}
#CopiedContent span.LeftHandLabel
{
	vertical-align: top;
	float: right;
	display:inline;
}
#CopiedContent .txtArea
{
	vertical-align: top;
	float: left;
	display:inline;
	width:700px;
}
#CopiedContent button.CopyButton  
{
 	font-size: 12px;
    font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
	height : 25px;
	background : #eeedf0;
	width : 130px
}
.clear
{
	background-color: Red;
	clear:both;
}

/*********** Spark Datagrid styling For all results **********/

.ResultsGrid
{
	border: solid 2px #BBBBBB;
}
.ResultsGrid td
{
	border: solid 2px #BBBBBB;
	padding: 0 0 0 5px;
}
.ResultsGridHead, .ResultsGridHead a, .ResultsGridHead a:hover
{
    background-color: #CCCCCC;
    color:#666666;
    font-size: x-small;
    font-weight: bold;
    text-align: center;
}
.ResultsGridHeadHidden
{
	background-color: #bbbbbb;
}
.ResultsGridHighlight td
{
	background-color: firebrick;
	font-size: x-small;
	color: #FFFFFF;
}
.ResultsGridOn td
{
    font-size: x-small;
	background-color:#EEEEEE;
}
.ResultsGridOff td
{
    font-size: x-small;
	background-color:#FFFFFF;
}
.ResultsGridCenter
{
	text-align: center;
}
.ResultsGridPaging
{
	font-size: larger;
	font-weight: bold;
	text-align: center;
}
/*********************************************/
.rightAlign
{
	float:right;
}
.buttonAlign
{
	float:left;
	margin-right:5px;
	width:50px;
}