/********************************* General Styles Begin ************************/
body { 
	font-size : 12px;
    font-family : Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; 
	color : #434f5e
}
body.WhiteBG { 
	background-color: #FFFFFF;
}
img
{
	border:0;	
}
a{
	text-decoration: none;
	color : #003366;
}
a:hover {
	    color: #0A82C1;
}
th 
{
	font-size:12px; 
	text-align:right; 
	padding-right: 5px
}

td {
	font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	/*color: #000000;*/
	/*font-size: 67%; */
}

td.Heading {
	font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	/*color: #000000;*/
	/*font-size: 67%; */
	font-weight:bold;
}
td.RowOn 
{	 
    font-size:x-small;
    background-color:#EEEEEE;
}

td.RowOff 
{	
    font-size:x-small;
    background-color:#FFFFFF;
}
.greyBG { 
	background-color : #cccccc
}
.warning
{
	font-family:Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	color:#9F3333;
}
/************************************ General Styles End **************************/

/*********************** User Input Field Styles BEGIN **********************/
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:hover
{
	cursor: hand;
}
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;
 }
/*.SEInfo
{
	font-size: 12px;
    font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
}*/

input { 
	font-size: 11px;
    font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
	background : #eeedf0;
}

input.hidden
{
	display:none;	
}

input.formButton
{
	cursor: hand;
	font-weight:bold;
	padding-left: 10px; 
	padding-right: 10px; 
}
input.radioSearch { 
	font-size: 11px;
    font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
	background : #ffffff;
}

select {
	font-size: 11px;
    font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
	background : #eeedf0
}

textarea {
	font-size: 11px;
    font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
	background : #eeedf0
}
.checkbox {
	background : #ffffff;
}
.small {
	width : 150px;
}
.medium {
	width: 200px;
	
}
.large {
	width : 250px;
}
.larger {
	width : 300px;
}
.x-large {
	width: 400px;
}
/*********************** User Input Field Styles END **********************/

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

#PageTitle table 
{
	color:Black;
	font-weight:bold;
	width:100%;	
	Padding:1px; 		
}

#PageTitle hr 
{
	color:#9F3333;
	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 ********************************/

/***************************** 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:#9F3333;	
}

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

/*********************** User Scenario Specify End **************************/


/***** Styles for SElogin.aspx Begin *****/
#header 
{
	width:797px; 
}
#header .logo
{
	height: 66px;
	width: 797px;
	background-image: url(../images/logo_wh_bg.gif);
	background-repeat: no-repeat;
	background-color: #EDEDEE;
	border-top: 1px #CCCCCC solid;		
}
#header h1 
{
	font-size: 2em;
	font-weight: bold;
	text-align: right;	
	color: #9F3333;
	padding-right: 10px;
	padding-top: 5px;
}
#LoginBox  
{
	position: absolute;
	left:260px;
	height:120px;
	width:300px; 
	top:150px;
}
#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: 12px;
  	width: 150px;
 }
#LoginBox table  
{
	position: absolute;
	top:-1px;
	left:-1px;	
	z-index:2;
	border:2px #D62939 solid;
	padding: 7px 2px 2px 2px;
	height:120px;
	width:300px;
}
#LoginBox table td
{	
	font-size: 1.2em;
	font-weight: normal;
	padding-left: 10px;
}
#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;
}
/***** Styles for SElogin.aspx End *****/


/********************************* SEARCH  START *****************************/

#SearchOptions table 
{
	background-color:#9F3333;
	filter:alpha(opacity=90);
	padding:0 0 0 0;
	width:100%;
}

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

#PageSearch 
{
	width:100%;
}

#PageSearch table 
{
	
	padding:0 0 0 0;
	background-color:#BBBBBB;	

}

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

#PageSearch a 
{
	color:#C84646;	
	text-decoration:none;
}
#PageSearch a:hover 
{
	text-decoration:underline	
}
#PageSearch td.RowOn 
{
	background-color:#EEEEEE;
	font-size:small;	
}
#PageSearch td.RowOff 
{
	background-color:#FFFFFF;	
	font-size:small;
}


/*this is overriding gridview style*/



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

#SearchHRBottom hr 
{
	color:#9F3333;
	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:#9F3333}
#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 ********************************/


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

#overDiv 
{	
	width:200;
}

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

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

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

#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:9pt; text-align:right; padding-right: 5px}
#SEPopup td {font-size:9pt}
#SEPopup td.warning {font-size:9pt; color:FireBrick; font-weight:bold; }*/

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

/**************************** Next/Previous Images **************************
#PageNavigation1_imgNext 
{
	height:15;
	width:48;	
}

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

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

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

/*********** 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: small;
    font-weight: bold;
    text-align: center;
}
.ResultsGridNoHeader
{
	display:none;
}
.ResultsGridHeadHidden
{
	background-color: #bbbbbb;
}
.ResultsGridHighlight td
{
	background-color: #9F3333;
	font-size: small;
	color: #FFFFFF;
}
.ResultsGridOn td
{
    font-size: small;
	background-color:#EEEEEE;
}
.ResultsGridOff td
{
    font-size: small;
	background-color:#FFFFFF;
}
.ResultsGridCenter
{
	text-align: center;
}
.ResultsGridPaging
{
	font-size: larger;
	font-weight: bold;
	text-align: center;
	padding:0 0 0 0em;
}

/**************************************
Paging, used throughout site
**************************************/
tr.paging
{
	background-color:#EEEDE8;
}

tr.paging td td
{	
	padding:0 0 0 0em;
}

tr.paging td td span
{
	background-color:#EEEDE8;
	padding:.5em;
	font-weight:bold;
}

tr.paging td td a
{
	background-color:#E2E0D8;
	padding:.5em;
}

/*********************************************/

/*===================== PAGE FILTER ======================*/
  
  #iPageFilter
  {
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	background-color:#000000;
	filter:alpha(style=0,opacity=50);
  }
  
  #iPreviewFilter
  {
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	background-color:#000000;
	filter:alpha(style=0,opacity=50);
	z-index:2;
	display:none;
  }
  
  #iAssetManagerFilter
  {
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	background-color:#000000;
	filter:alpha(style=0,opacity=50);
	z-index:2;
	display:none;
  } 
  
  
/*===================== POPUP STYLES ======================*/
/*Asset Manager*/
  .assetmanager
  {
	position:absolute;
	top:20px;
	left:5px;
	width: 550px;
	height:390px;	
	display:block;
  }
  
  .assetmanageroff
  {
	display:none;
  }
  
  #iAssetManagerDIV
  {
	position:absolute;
	top:120px;
	left:120px;
	width: 560px;
	height:	420px;
	border:2px #999999 solid;
	background-color:#CCCCCC;
	display:none;
	z-index:101;
	
  }
  
  #iAssetManagerDIVShadow
  {
	position:absolute;
	top:125px;
	left:125px;
	width: 560px;
	height:	420px;
	background-color:#000000;
	border:2px firebrick solid;
	filter:alpha(style=0,opacity=50);
	display:none;
	z-index:100;
  }
  
   .preview
  {
	position:absolute;
	top:20px;
	left:5px;
	/*width:250px;
	height:175px;*/
	display:block;
  }
  
  .previewoff
  {
	display:none;  
  }
  
  #iPreviewDIV
  {
	position:absolute;
	top:40px;
	left:100px;
	/*width:260px;
	height:200px;*/
	background-color:#CCCCCC;
	display:none;
	z-index:2;
  }
  
  #iPreviewEditorButtons
	{
		position:absolute;
		top:530px;
		left:300px;
		z-index:2;
	}
  
  #iPreviewDIVShadow
  {
	position:absolute;
	top:45px;
	left:105px;
	/*width: 260px;
	height:200px;*/

	background-color:#000000;
	filter:alpha(style=0,opacity=50);
	display:none;
	z-index:1;
  }

/****************************** Gallery  Start ******************************/
#Gallery
{
	position:absolute;
	top:40px;
	left:625px;
	width:340px;
	height:550px;
	background-color:#CDCDCD;
	border:2px #999999 solid;
	color:#9F3333;
	z-index:1;
	overflow:hidden;	
}

#GalleryShadow
{
	position:absolute;
	top:45px;
	left:630px;
	width:340px;
	height:550px;
	background-color:#AAAAAA;
	border:2px firebrick solid;
	color:#9F3333;
	z-index:1;
	overflow:hidden;	
}

#Gallery .iGalleryCSS
{
	position:absolute;
	top:28px;	
	left:4px;
	width:325px;
	height:513px
} 

#Gallery .GalleryCSS
{
	position:absolute;
	top:4px;	
	left:4px;
	width:325px;
	height:537px;
	background-color:White;
	padding:2px 2px 2px 2px;
	border-style:solid;
	border-color:FireBrick;
	border-width:1px;
	overflow : auto;
	
} 

#Gallery table
{
	position:absolute;
	top:0px;
	left:0px;	
	font-size:small;
	font-weight:bold;
	z-index:100;
}

#Gallery table td
{
	text-align:left;
	vertical-align:top;
}



/****************************** Gallery  End ********************************/

/****************************** Upload Image End ********************************/
#tab_one
		{
			position: absolute;
			left: 0;
			top: 2px;
			WIDTH: 150px; 
			CURSOR: hand;
			BACKGROUND-COLOR: #999999; 
			TEXT-ALIGN: center;	
			font-family:verdana;
			font-size:small;
			text-decoration:underline;
		}
		
		#tab_two
		{
			position: absolute;
			left: 155px;
			top: 2px;
			WIDTH: 150px; 
			CURSOR: hand; 
			BACKGROUND-COLOR: #999999; 
			TEXT-ALIGN: center;	
			font-family:verdana;
			font-size:small;
			text-decoration:underline;
		}
		
		#tab_three
		{
			position: absolute;
			left: 310px;
			top: 2px;
			WIDTH: 150px; 
			CURSOR: hand; 
			BACKGROUND-COLOR: #999999; 
			TEXT-ALIGN: center;	
			font-family:verdana;
			font-size:small;
			text-decoration:underline;
		}
		
		#popupBody td
		{

			font-family:verdana;
			font-size:x-small;	
		
		}
		
		#popupBody .button
		{

			font-family:verdana;
			font-size:x-small;	
		
		}
		
/*
		#popupBody .tb
		{

			font-family:verdana;
			font-size:x-small;	
		
		}
*/
		
		#UploadFiles
		{
			left: 0px;			
			width: 100%;
			position: absolute;
			top: 17px;
			height: 369px;
			background-color: #CCCCCC;
		}
		#UploadFiles td
		{
		font-family:arial;
		font-size:small;
		}
		
		#ManageFiles
		{
			left: 0px;			
			WIDTH: 100%;
			POSITION: absolute;
			TOP: 17px;
			HEIGHT: 369px;
			BACKGROUND-COLOR: #CCCCCC;
		}
		#ManageFiles td
		{
		font-family:arial;
		font-size:small;
		}
		
		#ManageFolders
		{
			left: 0px;			
			WIDTH: 100%;
			POSITION: absolute;
			TOP: 17px;
			HEIGHT: 369px;
			BACKGROUND-COLOR: #CCCCCC;		
		}
		#ManageFolders td
		{
		font-family:arial;
		font-size:small;
		}

/****************************** Upload Image End ********************************/

/******* Editor - missing items added 03/05/2007 - SR  ***********************/
/****************************** Editor  BEGIN ******************************/
/*===================== PAGE STYLES ======================*/
	#Editor
	{
		position:absolute;
		top:40px;
		left:25px;
		width:560px;
		height:550px;
		border:2px #999999 solid;
		background-color:#CDCDCD;
		color:#9F3333;
		z-index:1;
		overflow:hidden;
	}
	
	#EditorSpecificTop
	{
		position:absolute;
		top:40px;
		left:25px;
		width:560px;
		height:100px;
		border:2px #999999 solid;
		background-color:#CDCDCD;
		color:#9F3333;
		z-index:1;
		overflow:hidden;
	}
	
	#EditorshadowSpecificTop
	{
		position:absolute;
		top:45px;
		left:30px;
		width:560px;
		height:100px;
		background-color:#AAAAAA;
		border:2px firebrick solid;
		color:#9F3333;
		z-index:1;
		overflow:hidden;
	}
	
	#EditorSpecificBottom
	{
		position:absolute;
		top:155px;
		left:25px;
		width:560px;
		height:435px;
		border:2px #999999 solid;
		background-color:#CDCDCD;
		color:#9F3333;
		z-index:1;
		overflow:hidden;
	}
	
	#EditorshadowSpecificBottom
	{
		position:absolute;
		top:160px;
		left:30px;
		width:560px;
		height:435px;
		background-color:#AAAAAA;
		border:2px firebrick solid;
		color:#9F3333;
		z-index:1;
		overflow:hidden;
	}
	
	#EditorSpecificCrop
	{
		position:absolute;
		top:605px;
		left:25px;
		width:940px;
		/*height:200px;*/
		border:2px #999999 solid;
		background-color:#CDCDCD;
		color:#9F3333;
		z-index:1;
		overflow:hidden;
	}
	
	#Editorshadow
	{
		position:absolute;
		top:45px;
		left:30px;
		width:560px;
		height:550px;
		background-color:#AAAAAA;
		border:2px firebrick solid;
		color:#9F3333;
		z-index:1;
		overflow:hidden;
	}
	
	
  #Editor td
  {
	font-family:arial;
	font-size:small;
	background-color: #CCCCCC;
	padding-left: 3px;
    padding-top:3px;
  }
  
  #Editor h1
  {
	font-family:arial;
	font-size:small;
	font-weight:bold;
  
  }
  
  #Editor a
  {
	font-family:arial;
	font-size:x-small;
	color:red;  
  }
  
  #Editor a:hover
  {
	text-decoration:none;
	font-family:arial;
	font-size:x-small;
	color:red;  
  }
  
#EditorError
{
	position:absolute;
	top: 582px;
	left:174px;
	text-align:left;
	color: #9F3333;
	z-index: 2;
}

  #Editor .butClass
  {    
    border: 1px solid;
    border-color: #D6D3CE;
  }

#EditorButtons
{
	position:absolute;
	top: 560px;
	left:100px;
	z-index:2;
	width:475px;
	text-align:right;
}

#EditorButtons .butClass
  {    
    border: 1px solid;
    border-color: #D6D3CE;
  }
#textPosition
{
	position:absolute;
	top: 560px;
	left:32px;
	z-index:2;
	width:300px;
	text-align:left;
}
#sparkred
 {
	color: Red;
 } 
 
#GalleryResults 
{
	position:relative;
	width:100%;	
}
  
  
/***************** Daisy, .Net 2.0 Changes ************************/

.popupSurround
{
	position: absolute;
    background-color: White;
    border: solid 5px #EC5046;
    padding: 10px;
}

/* Blocks out the bg when using ajax popups */
/* Ignore the sligthly odd filter/opacity tags! */
.modal_bg
{
	background-color: silver;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#screenTitle
{
	position:absolute; 
	left:25px; 
	top:4px; 
	font-size:large; 
	color:Firebrick; 
	font-weight:bold;
}