﻿/* =============================================================================== */
/* =  Legend Brand Style Sheet       ============================================= */
/* =  CENTRAL THEME                  ============================================= */
/* =                                 ============================================= */
/* =  Marcus Purnell  June 2008      ============================================= */
/* =============================================================================== */


/* =============================================================================== */
/* =  Root Styles                    ============================================= */
/* =============================================================================== */


/* Following code centers the page layers and sets up the page congainers */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #333333;
	background-image: url(_images/BG_LegendBrands.gif);
	background-repeat: no-repeat;
}

.oneColElsCtr #container {
	width: 46em;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.oneColElsCtr #mainContent {
}




/* =============================================================================== */
/* =  Main Layer Styles              ============================================= */
/* =============================================================================== */




#LBX_BackgroundContainer
{
	position:relative;
	background-color:#333333;
	width:719px;
	background-image:url(_images/lbbportal_bg_middle.jpg);
	background-repeat:repeat-y;	
	}
	
#LBX_BrandsInsert
{
	position:absolute;
	top:270px;
	left:3px;
	width:719px;
	height:auto;
	text-align:center;
	z-index:1050px;
	}	

#LBX_FooterContent
{
	position:relative;
	top:-42px;
	left:0px;
	height:10px;
	width:719px;
	text-align:center;
	margin-top:0pt;
	}	
	
#LBX_Core_Top
{
	position:absolute;
	top:20px;
	left:3px;
	width:719px;
	height:400px;
	background-image:url(_images/lbbportal_brandlayer.png);	
    background-repeat:no-repeat;
	z-index:1000;
	}
	
#LBX_ImageBottom
{
	position:relative;
	background-image:url(_images/lbbportal_bg_base.jpg);
	height:267px;
	width:719px;
	}		
	
#LBX_ImageTop
{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	}
	
#LoginBox
{
	position:relative;
	left:200px;
	top:350px;
	width:350px;
	 }

#LBX_LegendBrandsFirsts
{
	position:relative;
	left:410px;
	top:20px;
	width:210px;
	height:195px;
	}



/* =============================================================================== */
/* =  Classes                        ============================================= */
/* =============================================================================== */

.accentBox
{
	border-width:.025em;
	border-style:outset;
	padding:25pt 15pt 26pt 15pt;
	background-color:#FFFFFF;
	}	

.contentTable
{
	margin:0px 0px 0px -3px;
	}
	
.contentEditor
{
	 background-color:White;
	 text-align:left;
	}		

.footerAddressText
{
	font-size:7pt;
	line-height:15pt;
	}

.illustrationText
{
	font-size:7pt;
	font-style:italic;
	}

.style2 {
	font-size: 7pt;
	line-height: 7.5pt;
}

.style3 {
	font-size: 8pt;
	margin-bottom: 5px;
}
	
.topPadTable {
	margin-top: 65px;
	margin-top: 70px;
}

.Title
{
	color:Black;
	font-size:16pt;
	}

.SubTitle
{
	color:Black;
	font-size:13pt;
	}
	
.SubTitle_wh
{
	color:White;
	font-size:11pt;
	}	
	
.SubTitle_smBLK
{
	color:Black;
	font-size:11pt;
	}	

.PrimaryContent
{
	color:Black;
	font-size:11pt;
	}
	
.BaseLine
{
	font-size:7pt;
	}
	
.BaseLineAddress
{
	font-size:7pt;
	text-align:center;
	padding-top:3pt;
	}


.topPadTableLEFT {
	margin-top: 40px;
	
}	
	

/* =============================================================================== */
/* =  Traditional Elements           ============================================= */
/* =============================================================================== */


h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	line-height: 16pt;
	font-weight: bolder;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 3px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: 12pt;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	margin-top: 2px;
	padding-bottom: 0px;
	margin-bottom: 4px;
}

a
{
	color:Navy;
	text-decoration:none;
	}

a:hover
{
	color:Red;
	text-decoration:none;
	}





/* =============================================================================== */
/* =  Legacy Home Page Elements         ========================================== */
/* =============================================================================== */



	
	
#BrandLinks {
	overflow: visible;
	position: absolute;
	visibility: visible;
	z-index: 5;
	height: 95px;
	width: 737px;
	top: 300px;
}

#FlashForm {
	position:absolute;
	top:580px;
	width:350px;
	height:400px;
	z-index:6;
	margin-left: 53pt;
}

#LegendFirst {
	position:absolute;
	top:740px;
	width:250px;
	height:250px;
	z-index:3;
	margin-left: 333pt;
}


/* =============================================================================== */
/* =  Portal Elements         ==================================================== */
/* =============================================================================== */


#PORTAL_PageContainer
{ 
	width:700px;
	height:auto;
	top:25px;
	position:relative;
	margin-bottom:150px;		
	}
	
#PORTAL_MarketingWindow
{
	position:absolute;
	left:0px;
	top:30px;	
	width:710px;
	height:auto;
	}	
	
#PORTAL_MarketingWindow_Shadow
{
	
	}
	
#PORTAL_BrandLayer
{	
	position:relative;
	width:700px;
	height:104px;
	background-image: url(_images/_PORTAL_BrandBar.png);
	left:-1px;
	top:0px;
	z-index:150;
	}
	
#PORTAL_MarketingWindowContent
{
	position:relative;
	left:0px;
	width:700px;
	background-image:url(_images/_PORTAL_WatermarkBase.png);
	background-position:bottom;
	background-repeat:no-repeat;	
	}


#PORTAL_BodyContent
{
	position:relative;
	width:700px;
	height:auto;
	left:0px;
	margin-top:15px;
	}
		
		
#PORTAL_MarketingWindowImage
{
	position:absolute;
	left:0px;
	top:-175px;
	width:700px;
	height:auto;
	}		
	
#PORTAL_MarketingContentContainer
{
	position:relative;
	left:0px;
	top:175px;
	width:700px;
	height:auto;
	background-color:#FFFBEF;
	}
	
#PORTAL_Baseline
{
	position:relative;
	left:0px;
	top:0px;
	width:700px;
	height:25px;
	background-image:url(_images/_PORTAL_Baseline.png);
	background-repeat:no-repeat;
	z-index:150px;
	}

#PORTAL_Baseline_Shadow
{	
	background-image:url(_images/_PORTALBaseline.png);
	background-repeat:no-repeat;
	}		
