/* GLOBAL STYLE SHEET */

/*************************************************************************************************
	QUICK REFERENCE
**************************************************************************************************	
**************************************************************************************************
	OPACITY
		filter:alpha(opacity=50);
		-moz-opacity:.50;
		opacity:.50;
		
**************************************************************************************************		
**************************************************************************************************/	

	

/*************************************************************************************************
	IMPORT EXTERNAL STYLE SHEETS
**************************************************************************************************/		
	/* TOP NAV */
		@import url(Nav/Horz/Blue/Nav.css);
		
/*************************************************************************************************
	"ZERO OUT" BROWSER STYLE FORMATTING
**************************************************************************************************/	
	/* Eliminates differences in formatting by different browsers */
		body, h1, h2, h3, h4, h5, h6, p, ol ,ul, form, blockquote {
			padding: 0;
			margin: 0;
		}
		
		h1, h2, h3, h4, h5, h6, pre, code {
			font-size: 1em;
		}
		
		a {
			text-decoration: none;
		}
		
		a img {
			border: none;
		}
	
	
/*************************************************************************************************
	HTML
**************************************************************************************************/	
	html {
		margin: 0;
		padding: 0;
	}
	
/*************************************************************************************************
	BODY
**************************************************************************************************/		
	body {
		background-color: #ffffff;
		background-image: url(images/Backgrounds/Gradient_GreyGrid_2x1000.jpg);
		background-attachment: fixed;
		color: #333;
		font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
		font-size: 70%;
		height: 100%;
		line-height: 150%;
		margin: 0;
		padding: 0;
		text-align: center;
		width: 100%;
	}
		
	/* //////////////////// */			
	/* PRINT MEDIA SETTINGS */
	/* //////////////////// */
		@media print{
			body {
				/* font-family: "Times New Roman", Times, serif; /* change to serif fonts for easier reading */
				font-size: 12pt; /* change to standard 12pt font size */
				color: #000000; /* change font color to black */
				background: #ffffff;  /* change background color to white */
			}	
		}
		
/*************************************************************************************************
	PAGE CONTENT
**************************************************************************************************/		
	/*
		Encapsulates all page content.  Used in conjunction with "PageLoader" to alternate between
		display of "page loading" message and loaded page content.
	*/
	PageContent {
		display: block;
	}
	
/*************************************************************************************************
	CONTAINER
**************************************************************************************************/		
	/*
		Encapsulates page elements like header, footer, etc.  Can be used to center a design and/or frame it. 
	*/
	#Container {
		width: 1000px;
		margin-top: 10px;
		margin-right: auto;
		margin-bottom: 10px;
		margin-left: auto;
		position: relative;
		text-align: left;
	}
		
	/* //////////////////// */			
	/* PRINT MEDIA SETTINGS */
	/* //////////////////// */
		@media print{
			#Container {
				width: 100%;
				margin: 0;
				text-align: left;
				background: #ffffff;  /* change background color to white */
				border: 0;
			}			
		}	
		
/*************************************************************************************************
	App
**************************************************************************************************/		
	#App {
		display: block;
		width: 700px;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
	}		
	
	#App div.Inner {
		display: block;
	}
		
/*************************************************************************************************
	AD 1
**************************************************************************************************/		
	#Ad1 {
		display: block;
		width: 270px;
		float: right;
		text-align: center;
	}	
	
	
/*************************************************************************************************
	ERISA AD
**************************************************************************************************/			
	#AD_ERISA {
		text-align: center;
	}		
	
	#AD_ERISA #ERISABox {
		background-image: url(images/Products/ERISABox_175x214.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		width: 175px;
		height: 214px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}		
	
	#AD_ERISA #CallToAction,
	#AD_ERISA #OtherAssessors {
		text-align: left;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#AD_ERISA #OtherAssessors {
		margin-top: 25px;
	}
	
	#AD_ERISA #CallToAction h2,
	#AD_ERISA #OtherAssessors h2{
		color: #000000;
		font-style: normal;
	}
	
	#AD_ERISA #CallToAction .button2,
	#AD_ERISA #OtherAssessors .button2 {
		margin-top: 10px;
		marign-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#AD_ERISA #OtherAssessors .button2 {
		width: 220px;
	}
	
	#AD_ERISA #RequestForm {
		display: none;
		background-color: #ffffff;
		border: 1px solid #616060;
		text-align: center;
		margin:0;
		margin-top: 15px;
	}
	
	#AD_ERISA #RequestForm .header {
		background-color:#2B804F;
		color: #ffffff;
		font-weight: bold;
		font-size: 12px;
		padding: 3px;
	}
	
	#AD_ERISA #RequestForm .inner{
		padding: 15px;
		padding-top: 10px;
		paddig-bottom: 10px;
	}
	
	#AD_ERISA #RequestForm .DemoFormInput {
		font-size: 11px;
	}

/*************************************************************************************************
	PARAGRAPH
**************************************************************************************************/		
	p { 
		margin-top: 0;
		margin-bottom: 20px;
	}

/*************************************************************************************************
	DROP CAPS
**************************************************************************************************/	
	/* Effects paragraphs with "dropCap" class */	
		p.DropCap:first-letter {
			color:#6a812c;
			display:block;
			float: left;
			font-family: serif;
			font-weight: normal;
			font-size: 500%;
			line-height: 85%;
			margin-right: 5px;
			margin-top: 5px;
			padding-bottom: 5px;
			text-transform: uppercase;
		}


/*************************************************************************************************
	PAGE BANNER
**************************************************************************************************/		
	#PageBanner {
		max-height: 100px;
	}


/*************************************************************************************************
	HEADLINES
**************************************************************************************************/		
	#PageHeadline {
		background: #ffffff;
		margin: 20px;
		margin-bottom: 10px;
	}
	
	h1 {
		font-size: 135%;
		font-weight: bold;
		color: #841F1F;
		border-bottom: 1px solid #616060;
		padding:0; 
		padding-bottom: 5px;
		margin:0;
		margin-bottom: 10px;
	}
		
	h2 {
		font-size: 115%;
		font-weight: bold;
		font-style: italic;
		color: #841F1F;     
		padding:0; 
		padding-top: 5px;
		margin:0;
	}
		
	/* //////////////////// */			
	/* PRINT MEDIA SETTINGS */
	/* //////////////////// */
		@media print{
			h1 {
				font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
			}
				
			h2 {
				font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
			}	
		}
	
/*************************************************************************************************
	LINKS
**************************************************************************************************/		
	/* SITE STANDARD */
		a:link {
			color: #4b4c4a;
			text-decoration: none;
		}
		
		a:visited {
			color: purple;
		}
		
		a:hover {
			text-decoration: underline;
		}
			
		a:active {
		
		}
	
	/* WEB STANDARD */
		a.Normal:link {
			color: blue;
			text-decoration: underline;
		}
		
		a.Normal:visited {
			color: purple;
			text-decoration: underline;
		}
		
		a.Normal:hover {
			color: blue;
			text-decoration: underline;
		}
			
		a.Normal:active {
			color: red;
			text-decoration: underline;
		}		
		
/*************************************************************************************************
	ORDERED & UNORDERED LISTS
**************************************************************************************************/		
	ol,ul {
		margin: 20px;
	}
	
	ul.Custom li{
		list-style: none;
		background-image: url(images/Bullets/Leaf_10x15.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		padding-left: 18px; /* Space between bullet and text */
		padding-top: 2px;
		padding-bottom: 3px;
		margin-bottom: 7px; /* Spacing between list items */
	}	
	
/*************************************************************************************************
	TABLES
**************************************************************************************************/			
	/* Alternating Row Colors */
		tr .even{
			background: #e1e1e1;
		}
		tr .odd{
			background: white;
		}
		
/*************************************************************************************************
	FORM ELEMENTS
**************************************************************************************************/	
	.FormLabel {
		text-align: right;
		font-weight: bold;
		color: #666666;
	}
	.FormInput{
		background-color: #ffffff;
		border: 1px solid #e0dfdf;
		color: #000000;
		font-size: 11px;
		height: 15px;
		padding: 1px 2px 0px 2px;
		margin-left: 5px;
	}
	
	.FormInput .Text{
		width: 150px;
	}
	
	.FormInput .Select{
	
	}
	
	.GreyDefault {
		color: #828692;
	}
	
	
/*************************************************************************************************
	PAGE LOADER
**************************************************************************************************/		
	#PageLoader {
		z-index:1000;
		height:100%; 
		width:100%;
		display: block;
		position: absolute; 
		top: 0; 
		left:0;
	}	   
	
	#PageLoadingMsg {
		width: 250px;
		margin: auto;
		margin-top: 50px;
		text-align:center;
		background-color: #ffffff;
		background-image: url(images/ProcessingWheel.gif);
		background-position: 25px 15px;
		background-repeat: no-repeat;
		border:1px solid #333;
		padding: 25px;
	}
	
/*************************************************************************************************
	ACTIVITY INDICATORS
**************************************************************************************************/
	/* PAGE/SECTION */		
		/*
			To place an overlay on top of existing content, either manually nest the following <div> inside the content block you wish to overlay like so...
			
			<div id="Overlay" class="Overlay"><div class="ActivityIndicator"><div class="ActivityIndicatorMsg">LOADING...</div></div></div>
			
			Note: you may insert the overlay div manually or via JavaScript
		*/
		
		.Overlay {
			position: absolute;
			display: none;
			top: 0; /* Top & Bottom set to zero ensure that the overlay will cover the entire parent*/
			bottom: 0;
			left: 0;
			width: 100%;
			height:100%; 
			text-align: center;
			background: #000;
			opacity: 0.75;
			-moz-opacity: 0.75; /* older Gecko-based browsers */
			filter:alpha(opacity=75); /* For IE6&7 */
		}
			
		.ActivityIndicatorContainer {
			margin: auto;
		}	
			
		.ActivityIndicator {
			background-image: url(images/ActivityIndicators/Transparent/Bar1_220x19.gif);
			background-repeat: no-repeat;
			width: 220px;
			height: 19px;
		}		
			
		.ActivityIndicatorMsg {
			text-align: center;
			color: #FFFFFF;
			font-weight: bold;
		}	
		
	/* ELEMENT */		
	/*  <div class="ActivityIndicatorElement">Processing...</div> */
		.ActivityIndicatorElement {
			background-image: url(images/ActivityIndicators/Transparent/Indicator_16x16.gif);
			background-repeat: no-repeat;
			background-position: left center;
			text-align: left;
			white-space: nowrap;
			padding-left: 21px;
		}		

/*************************************************************************************************
	DIVIDERS
**************************************************************************************************/
	/* Vertical */
		.VertDivider {
			background-image: url(images/Backgrounds/VertGreyDot_780.gif);
			background-position: top center;
			background-repeat: repeat-y;
		}
		
	/* Horizontal */
		.HorzDivider {
			background-image: url(images/Backgrounds/HorzGreyDot_1pixSpacing.gif);
			background-position: top center;
			background-repeat: repeat-x;
		}
		
/*************************************************************************************************
	HORIZONTAL RULES
**************************************************************************************************/			
	div.hr {
		height: 1px;
		background-color: #163866;
		margin: 0;
		margin-top: 15px;
		margin-bottom: 15px;
		padding: 0;
	}		

	
/*************************************************************************************************
	HEADER
**************************************************************************************************/	
	#Header {
		width: 700px;
		height: 10px;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
		background-image: url(images/Backgrounds/Header_700x10.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
		position: relative;
		/*border-bottom:1px solid #616060;*/
	}
	
	
	#Tagline {
		position: absolute;
		top: 36px;
		left: 275px;
		font-size: 12px;
		font-weight: bold;
		color: #616060;
	}
	
	#Tagline div{
		float: left;
		margin-left: 20px;
		padding-left: 17px;
		background-image: url(images/Bullets/Diamond_Maroon_11x12.gif);
		background-position: 0px 3px;
		background-repeat: no-repeat;
	}
	
	
	
	#Tagline a:link {
		font-size: 12px;
		font-weight: bold;
		color: #616060;
		text-decoration: none;
	}
	
	#Tagline a:visited {
		font-size: 12px;
		font-weight: bold;
		color: #616060;
		text-decoration: none;
	}
	
	#Tagline a:hover {
		font-size: 12px;
		font-weight: bold;
		color: #616060;
		text-decoration: none;
	}
		
	#Tagline a:active {
		font-size: 12px;
		font-weight: bold;
		color: #616060;
		text-decoration: none;
	}
	
	
		
/*************************************************************************************************
	CENTER
**************************************************************************************************/	
	#Center {
		background-color: #ffffff;
		border-left:1px solid #616060;
		border-right:1px solid #616060;
		position: relative;
	}
	
	/* //////////////////// */			
	/* PRINT MEDIA SETTINGS */
	/* //////////////////// */
		@media print{
			#Center {
				border: 0;
			}	
				
		}
		
/*************************************************************************************************
	LOGO
**************************************************************************************************/		
	#Logo {
		width: 232px;
		height: 69px;
		background-image: url(images/Logos/Logo_232x69.png);
		background-repeat: no-repeat;
		overflow: hidden;
		margin: 0;
		margin-left: 11px;
		margin-top: 11px;
		margin-bottom: 10px;
	}
	
	#Logo span {
		display: none;
	}
		
/*************************************************************************************************
	TOP NAV
**************************************************************************************************/	
	#Nav_Top {
		margin-top:-1px;
	}
		
		
/*************************************************************************************************
	MAIN CONTENT
**************************************************************************************************/		
	#MainContent {
		background-color: #ffffff;
		display: block;
		margin: 0;
		padding: 20px;
		/* height: 450px;
		overflow: auto; */
		position: relative;
	}	
	
		
	/* //////////////////// */			
	/* PRINT MEDIA SETTINGS */
	/* //////////////////// */
		@media print{
			#MainContent {
				width: 100%;
				height: auto;
				overflow: visible;
				background:#ffffff;
				margin: 0;
				padding: 0;
			}			
		}	
		
		
	
/*************************************************************************************************
	SIDE BAR
**************************************************************************************************/			
	#SideBar {
		background-color: #bbd37e;
		border-width: 2px;
		border-style: solid;
		border-color: #ccc #888 #555 #bbb;
		/* color: #ffffff; */
		float: right;
		font-size: 90%;
		height: auto; 
		margin: 0;
		margin-top: 20px;
		margin-bottom: 15px;
		margin-left: 15px;
		overflow: hidden;
		padding: 10px;
		padding-top: 0px;
		width: 150px;
	}
		
	#SideBar h1 {
		color: #000000;
		font-weight: bold;
		padding-bottom: 3px;
		margin-bottom: 5px;
	}
		
		
	/* //////////////////// */			
	/* PRINT MEDIA SETTINGS */
	/* //////////////////// */
		@media print{
			#SideBar {
				border-left: solid 1px #000000;
				padding: 10px;
				color: #000000; /* change font color to black */
				background: #ffffff;  /* change background color to white */
			}	
				
			#SideBar h1 {
				font-size: 115%;
				font-weight: bold;
				color: #000000;
				border: 0;
			}	
		}
		
/*************************************************************************************************
	BOTTOM NAV
**************************************************************************************************/			
	#Nav_Bottom {
		background-color: #ffffff;
		margin: 20px;
		margin-bottom: 0;
		padding: 5px; 
		overflow: hidden;
		color: #000000;
		width: auto;
		text-align: center;
		font-size: 90%;
		border-top: 1px solid #616060;
	}	
	
	#Nav_Bottom a {
		color: #000000;
		text-decoration: none;
	}	
	
	#Nav_Bottom a:visited {

	}
	
	#Nav_Bottom a:hover {
		text-decoration: underline;
	}
		
	#Nav_Bottom a:active {
	
	}
		
		

/*************************************************************************************************
	FOOTER
**************************************************************************************************/		
	#Footer {
		width: 700px;
		height: 17px;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
		background-image: url(images/Backgrounds/Footer_700x17.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
		
/*************************************************************************************************
	COPYRIGHT
**************************************************************************************************/		
	#Copyright {
		margin-top: 10px;
		padding-bottom: 20px;
		text-align: center;
		font-size: 80%;
	}		

/*************************************************************************************************
	PRINT SHARE SAVE
**************************************************************************************************/			
	#PrintShareSave	{
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
/*************************************************************************************************
	CSS-Based Drop-Shadows 
**************************************************************************************************/	

	/* EXAMPLE USAGE:
	
		<div id="ShadowContainer">
	        <div class="Shadow1">
	            <div class="Shadow2">
	                <div class="Shadow3">
	                    <div class="ShadowContent">
	                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
	                    </div>
	                </div>
	            </div>
	        </div>
    	</div>
	
	*/

	#ShadowContainer {
		position: relative;
		float: left;
		left: 3px;
		top: 3px;
		margin-right: 3px;
		margin-bottom: 3px;
	}
	
	#ShadowContainer .Shadow2,
	#ShadowContainer .Shadow3,
	#ShadowContainer .ShadowContent {
		position: relative;
		left: -1px;
		top: -1px;
	}
	
	#ShadowContainer .Shadow1 {
		background: #F1F0F1;
	}
	
	#ShadowContainer .Shadow2 {
		background: #DBDADB;
	}
	
	#ShadowContainer .Shadow3 {
		background: #B8B6B8;
	}
	
	#ShadowContainer .ShadowContent {
		background: #ffffff;
		border: 1px solid #848284;
		padding: 10px;
		width: auto;
	}
		
/*************************************************************************************************
	CSS-Based Drop-Shadows for TEXT
**************************************************************************************************/			
	/* EXAMPLE USAGE:
	
		<span class="DropShadowText">Drop-Shadowed Headline<span>Drop-Shadowed Headline</span></span> 	
	
	*/
	/* Drop Shadowed Text */
		.DropShadowText { 
			left: 1px;
			position: relative; 
			top: 1px; 
			color: #cecdcd;
		} 
	
	/* Text */
		.DropShadowText span { 
			color: #333;
			left: -2px;
			position: absolute; 
			top: -2px; 
		} 

	
/*************************************************************************************************
	CSS Float Clearing Solution
**************************************************************************************************/
			
	.clear-both, .clear-left, .clear-right {
		height: 1px;
	}
	
	.clear-left:after,
	.clear-right:after,
	.clear-both:after {
		content: ".";
		display: block;
		height: 0;
		font-size: 0;
		visibility: hidden;
	}
	.clear-left,
	.clear-right,
	.clear-both {
		min-height: 1px;
	}
	
	* html 
	.clear-left,
	.clear-right,
	.clear-both {
		height: 1px;
	}
	
	.clear-both {
    	clear: both;
    }
    
    .clear-left {
   	 	clear: left;
    }
    
    .clear-right {
    	clear: right;
    }
	
/*************************************************************************************************
	CALL-OUT BOX
**************************************************************************************************/	
/*
	<div class="CallOutBox">
		<div class="Top"><div class="Left"></div></div>
	    <div class="Header">
			<div class="Left">
				<!-- PLACE HEADLINE HERE-->
			</div>
		</div>
		<div class="Center">
			<div class="Left">
				<!-- PLACE CONTENT HERE-->
			</div>
		</div>
		<div class="Bottom"><div class="Left"></div></div>
	</div>
*/

	.CallOutBox {
		
	}

	.CallOutBox .Top {
		height: 9px !important;
		background: url(images/CallOutBoxes/CB2/Top_Right.png) no-repeat right top !important;
		margin-left: 9px !important;
		color: #ffffff;
	}

	.CallOutBox .Top .Left {
		height: 9px !important;
		background: url(images/CallOutBoxes/CB2/TopLeft.png) no-repeat left top !important;
		margin-left: -9px !important;
	}
	
	.CallOutBox .Header {
		background: #7f242c;
		border-left: 1px solid #616060;
	}
	
	.CallOutBox .Header .Left{
		background: #7f242c;
		border-right: 1px solid #616060;
		color: #ffffff;
		font-weight: bold;
		font-size: 11px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 4px;
		text-align: left;
	}
	
	.CallOutBox .Center {
		background: #ffffff;
		border-left: 1px solid #616060;
	}

	.CallOutBox .Center .Left {
		background: #ffffff;
		border-right: 1px solid #616060;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.CallOutBox .Bottom {
		height: 17px !important;
		background: url(images/CallOutBoxes/CB2/Bottom_Right.png) no-repeat right bottom !important;
		margin-left: 9px !important;
	}

	.CallOutBox .Bottom .Left {
		height: 17px !important;
		background: url(images/CallOutBoxes/CB2/Bottom_Left.png) no-repeat left top !important;
		margin-left: -9px !important;
	}
	
	
	
/*************************************************************************************************
	VERTICAL TABS
**************************************************************************************************/	
/*
	<div class="VertTab">
		<div class="Top"></div>   
	    <div class="Header">
			<!-- PLACE HEADLINE HERE-->
		</div>
		<div class="Center">
			<!-- PLACE CONTENT HERE-->
		</div>
		<div class="Bottom"></div>
	</div>
*/

	.VertTab {
		margin-top: 1px;
		margin-bottom: 1px;
		font-size: 10px;
	}

	.VertTab .Top {
		height: 9px !important;
		background: url(images/Tabs/Vertical/882C35/Top_Right.png) no-repeat right top !important;
		color: #ffffff;
	}

	
	.VertTab .Header {
		color: #ffffff;
		background: #7f242c;
		border-right: 1px solid #616060;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	
	.VertTab .Center {
		background: #ffffff;
		border-right: 1px solid #616060;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.VertTab .Bottom {
		height: 9px !important;
		background: url(images/Tabs/Vertical/882C35/Bottom_Right.png) no-repeat right bottom !important;
	}


/*************************************************************************************************
	IMAGES
**************************************************************************************************/					
	/* Peload Images */
	/*
		<img src="SomeImage.jpg" class="Preload">
	*/	
		.Preload {display:none;}

	
		
/*************************************************************************************************
	IMAGE SPRITES
**************************************************************************************************/	
	/* 
		A method of using a master image made up of smaller images that are used for presentation within a site, and displaying these images as needed by positioning them via the background-position property (x/y coordinates).
	
		Sprites reduce the number of files that are requested and downloaded by site visitors, resulting in noticeable decreases in Page-Loading times, Bandwidth usage, and Server loads.
		
		EXAMPLE USAGE:
			IMAGE:
			<img class="PICS Plus" src="#VARIABLES.DirLevel#1pix.gif" alt="" />

			HREF:
			<a href="##" class="ICON Plus"></a> 

			LIST:
			<ul>
				<li class="BULLET Plus">List Item 1</li>
				<li class="BULLET PlusSml">List Item 2</li>
				<li class="BULLET Minus">List Item 3</li>
			</ul>

			DIV:
			<div class="ICON Plus"></div>

	*/	
	/* IMAGE */
		.IMAGE {background-color: #FFF; background-image: url(images/Sprites/icons.png); background-repeat: no-repeat; display: block;}
	
	/* LINK */
		.LINK {background-color: transparent; background-image: url(images/Sprites/icons.png); background-repeat: no-repeat;}
		a.LINK {padding-left: 20px;}
	
	/* BULLET */
		.BULLET {list-style: none; background-image: url(images/Sprites/icons.png); padding-bottom: 10px;}
	
	
	/* Plus Sign */ .Plus {background-position: 0px 0px;} .IMAGE.Plus {width: 13px; height: 13px; line-height: 13px; overflow: hidden;} li.Plus {background-position: 0px 3px; padding-left: 20px;}
	/* Plus Sign - Small */ .PlusSml {background-position: 0px -50px;} .IMAGE.PlusSml {width: 9px; height: 9px; line-height: 9px; overflow: hidden;} li.PlusSml {background-position: 4px -45px; padding-left: 20px;}
	/* Minus Sign */ .Minus {background-position: 0px -100px;} .IMAGE.Minus {width: 13px; height: 13px; line-height: 13px; overflow: hidden;} li.Minus {background-position: 0px -97px; padding-left: 20px;}
	/* Minus Sign - Small */ .MinusSml {width: 9px; height: 9px; background-position: 0px -150px;}
	
	/* Text Size - Large */ .TxtSize-Larger {background-position: 0px 0px;} .IMAGE.Plus {width: 13px; height: 13px; line-height: 13px; overflow: hidden;} li.Plus {background-position: 0px 3px; padding-left: 20px;}

/*************************************************************************************************
	BUTTON - MAROON/WHITE TEXT/ARROW
**************************************************************************************************/
	/* EXAMPLE USAGE
		<a class="button" href="JavaScript: submit();" onclick="JavaScript: this.blur();"><span>Create Salary Report</span></a>
	*/
		/* REGULAR */
			a.button {
			    background: transparent url(images/Buttons/Maroon_WhiteArrow_Right.png) no-repeat top right;
			    color: #ffffff; /* Button Text Color */
			    display: block;
			    float: left;
			    font: bold 12px arial, sans-serif;
			    height: 19px; /* button height */
				margin: 0px;
			    /* margin-right: 5px;
				margin-left: 5px;*/
				padding: 0px;
			    padding-right: 20px; /* sliding doors padding */
			    text-decoration: none;
			}
			
			a.button span {
			    background: transparent url(images/Buttons/Maroon_WhiteArrow_Left.png) no-repeat top left;
			    display: block;
			    line-height: 9px;
			    padding: 5px 10px 5px 10px;   
				white-space: nowrap;    
			} 
			
		/* HOVER */
			a.button:hover {
				background-position: 100% -19px; /* - button height */
			}
			
			a.button:hover span {
				background-position: 0 -19px; /* - button height */
			} 	
			
		/* ACTIVE */
			a.button:active {
			    background-position: 100% -38px; /* - (2 x button height) */
			    color: #ffffff; /* Button Text Color - Active */
			    outline: none; /* hide dotted outline in Firefox */
			}
			   
			a.button:active span {
			    background-position: 0 -38px; /* - (2 x button height) */
			    padding: 6px 10px 4px 10px; /* push text down 1px */
			} 	
			
/*************************************************************************************************
	BUTTON - MAROON/WHITE TEXT/ARROW - REVERSED
**************************************************************************************************/
	/* EXAMPLE USAGE
		<a class="button_reverse" href="JavaScript: submit();" onclick="JavaScript: this.blur();"><span>Create Salary Report</span></a>
	*/
		/* REGULAR */
			a.button_reverse {
			    background: transparent url(images/Buttons/Maroon_WhiteArrow_Left_Reverse.png) no-repeat top left;
			    color: #fff; /* Button Text Color */
			    display: block;
			    float: left;
			    font: bold 12px arial, sans-serif;
			    height: 19px; /* button height */
			    margin: 0px;
				padding: 0px;
			    padding-left: 20px; /* sliding doors padding */
			    text-decoration: none;
			}
			
			a.button_reverse span {
			   	background: transparent url(images/Buttons/Maroon_WhiteArrow_Right_Reverse.png) no-repeat top right;
			    display: block;
			    line-height: 9px;
			    padding: 5px 10px 5px 10px;     
			} 
			
			a.button_reverse:visited {
				color: #fff; /* Button Text Color - Active */
				text-decoration: none;
			}
		
		/* HOVER */
			a.button_reverse:hover {
				background-position: 0 -19px; /* - button height */
				text-decoration: none;
			}
			
			a.button_reverse:hover span {
				background-position: 100% -19px; /* - button height */
			} 	
			
		/* ACTIVE */
			a.button_reverse:active {
			    background-position: 0 -38px; /* - (2 x button height) */
			    color: #fff; /* Button Text Color - Active */
			    outline: none; /* hide dotted outline in Firefox */
     
			}
			   
			a.button_reverse:active span {
			    background-position: 0 -38px; /* - (2 x button height) */
			    padding: 6px 10px 4px 10px; /* push text down 1px */
				
			} 	
			
/*************************************************************************************************
	BUTTON - MAROON/WHITE TEXT/ARROW - TOP
**************************************************************************************************/
	/* EXAMPLE USAGE
		<a class="button_top" href="##Top"><span>Top</span></a>
	*/
		/* REGULAR */
			a.button_top {
			    background: transparent url(images/Buttons/Maroon_WhiteArrow_Left_Top.png) no-repeat top left;
			    color: #fff; /* Button Text Color */
			    display: block;
			    float: left;
			    font: bold 12px arial, sans-serif;
			    height: 19px; /* button height */
			    margin: 0px;
				padding: 0px;
			    padding-left: 20px; /* sliding doors padding */
			    text-decoration: none;
			}
			
			a.button_top span {
			   	background: transparent url(images/Buttons/Maroon_WhiteArrow_Right_Reverse.png) no-repeat top right;
			    display: block;
			    line-height: 9px;
			    padding: 5px 10px 5px 10px;     
			} 
			
			a.button_top:visited {
				color: #fff; /* Button Text Color - Active */
				text-decoration: none;
			}
		
		/* HOVER */
			a.button_top:hover {
				background-position: 0 -19px; /* - button height */
				text-decoration: none;
			}
			
			a.button_top:hover span {
				background-position: 100% -19px; /* - button height */
			} 	
			
		/* ACTIVE */
			a.button_top:active {
			    background-position: 0 -38px; /* - (2 x button height) */
			    color: #fff; /* Button Text Color - Active */
			    outline: none; /* hide dotted outline in Firefox */
     
			}
			   
			a.button_top:active span {
			    background-position: 0 -38px; /* - (2 x button height) */
			    padding: 6px 10px 4px 10px; /* push text down 1px */
				
			} 	
			
/*************************************************************************************************
	BUTTON - MAROON/WHITE TEXT/ARROW - BTM
**************************************************************************************************/
	/* EXAMPLE USAGE
		<a class="button_btm" href="##Btm"><span>Bottom</span></a>
	*/
		/* REGULAR */
			a.button_btm {
			    background: transparent url(images/Buttons/Maroon_WhiteArrow_Left_Btm.png) no-repeat top left;
			    color: #fff; /* Button Text Color */
			    display: block;
			    float: left;
			    font: bold 12px arial, sans-serif;
			    height: 19px; /* button height */
			    margin: 0px;
				padding: 0px;
			    padding-left: 20px; /* sliding doors padding */
			    text-decoration: none;
			}
			
			a.button_btm span {
			   	background: transparent url(images/Buttons/Maroon_WhiteArrow_Right_Reverse.png) no-repeat top right;
			    display: block;
			    line-height: 9px;
			    padding: 5px 10px 5px 10px;     
			} 
			
			a.button_btm:visited {
				color: #fff; /* Button Text Color - Active */
				text-decoration: none;
			}
		
		/* HOVER */
			a.button_btm:hover {
				background-position: 0 -19px; /* - button height */
				text-decoration: none;
			}
			
			a.button_btm:hover span {
				background-position: 100% -19px; /* - button height */
			} 	
			
		/* ACTIVE */
			a.button_btm:active {
			    background-position: 0 -38px; /* - (2 x button height) */
			    color: #fff; /* Button Text Color - Active */
			    outline: none; /* hide dotted outline in Firefox */
     
			}
			   
			a.button_btm:active span {
			    background-position: 0 -38px; /* - (2 x button height) */
			    padding: 6px 10px 4px 10px; /* push text down 1px */
				
			} 				

						

			
/*************************************************************************************************
	BUTTON - Green/WHITE TEXT/ARROW
**************************************************************************************************/
	/* EXAMPLE USAGE
		<a class="button2" href="JavaScript: submit();" onclick="JavaScript: this.blur();"><span>Create Salary Report</span></a>
	*/
		/* REGULAR */
			a.button2 {
			    background: transparent url(images/Buttons/Green_WhiteArrow_Right.png) no-repeat top right;
			    color: #ffffff; /* Button Text Color */
			    display: block;
			    float: left;
			    font: bold 12px arial, sans-serif;
			    height: 19px; /* button height */
				margin: 0px;
			    /* margin-right: 5px;
				margin-left: 5px; */
				padding: 0px;
			    padding-right: 20px; /* sliding doors padding */
			    text-decoration: none;
			}
			
			a.button2 span {
			    background: transparent url(images/Buttons/Green_WhiteArrow_Left.png) no-repeat top left;
			    display: block;
			    line-height: 9px;
			    padding: 5px 10px 5px 10px;   
				white-space: nowrap;    
			} 
			
		/* HOVER */
			a.button2:hover {
				background-position: 100% -19px; /* - button height */
			}
			
			a.button2:hover span {
				background-position: 0 -19px; /* - button height */
			} 	
			
		/* ACTIVE */
			a.button2:active {
			    background-position: 100% -38px; /* - (2 x button height) */
			    color: #ffffff; /* Button Text Color - Active */
			    outline: none; /* hide dotted outline in Firefox */
			}
			   
			a.button2:active span {
			    background-position: 0 -38px; /* - (2 x button height) */
			    padding: 6px 10px 4px 10px; /* push text down 1px */
			} 				
			
/*************************************************************************************************
	HIGHTLIGHT IMAGE HOVER EFFECT
**************************************************************************************************/				
	/* EXAMPLE USAGE   
		<a class="ToggleOpacity" href="http://www.mysite.com"><img src="button.gif"/></a>
	*/
	
	/* 100% to 50% Opacity */     
		.ToggleOpacity100to50 img {
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
			-moz-opacity: 1;
		}
		
		.ToggleOpacity100to50:hover img {
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
			-moz-opacity: 0.5;
		}
	
	/* 50% to 100% Opacity */
		.ToggleOpacity50to100 img {
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
			-moz-opacity: 0.5;
		}
		
		.ToggleOpacity50to100:hover img {
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
			-moz-opacity: 1;
		}
		
		
/*************************************************************************************************
	OPACITY
**************************************************************************************************/			
		
		.Opacity50 {
			opacity: .5;
			filter: alpha(opacity=50);
			-moz-opacity: .5;
		}
		
/*************************************************************************************************
	TEXT
**************************************************************************************************/			
	/* Highlight */
		.highlight {background-color: yellow;}
		
	/* No Wrap */
		.nowrap {white-space: nowrap;}
		
	/* Change Case */
		.titlecase{
			text-transform: capitalize;
		}
		
		.lowercase{
			text-transform: lowercase;
		}
		
		.uppercase{
			text-transform: uppercase;
		}
		
	/* Search String */
		.SearchString {
			color: #999999;
			font-style: italic;
		}
		
		
/*************************************************************************************************
	SERVER-SIDE VALIDATION ERRORS
**************************************************************************************************/				
	.ValidationErrors {
		
	}
	
	.ValidationErrors h1{
		color: red;
		background-image: url(images/icons/Error.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		padding-left: 37px;
		padding-bottom: 15px;
	}  
	
	.ValidationErrors h1 span{
		position: relative;
		top: 10px;
	}  
	
	.ValidationErrors li span.error{
		color: red;
	}  
	
	.ValidationErrors li span.suggestion{
		color: #a0a0a0;
		font-style: italic;
	}  
	
/*************************************************************************************************
	CLIENT-SIDE VALIDATION ERRORS
**************************************************************************************************/				
	.ValidationErrorMsg {
		display: none;
		color: red;
	}
	
	
	
/*************************************************************************************************
	NEXT N INTERFACE - OVERRIDE OF DEFAULT FORMATTING
**************************************************************************************************/		

	.NextNInterface {
		font-size: 95%;
	}
	
	.NextNInterface p{
		
	}
	
	.NextNInterface a.Page:link {
		
	}
	
	.NextNInterface a.Page:visited {
		
	}
	
	.NextNInterface a.Page:hover {
		
	}
		
	.NextNInterface a.Page:active {
	
	}
	
	.NextNInterface a.CurrentPage:link {
		
	}	
	

		
/*************************************************************************************************
	COLDFUSION DEBUG
**************************************************************************************************/		
	#DebugBuffer {
		/*margin-top: 500px;*/
	}
	
	.cfdebug {
		color:black; 
		background-color:white; 
		font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
		font-size:small;
		text-align: left;
	}
	
	.cfdebuglge {
		color:black; 
		background-color:white; 
		font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
		font-size:medium;
	}
	
	a.cfdebuglink {color:blue; background-color:white }
	
	.template {	
		color: black; 
      	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
      	font-weight: normal; 
	}
	
	.template_overage {	
		color: red; 
       	background-color: white; 
       	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
       	font-weight: bold; 
		text-align: left;
	}	
		

/*************************************************************************************************
	PRINT MEDIA
**************************************************************************************************/					
	#PrintHeader {
		display: none;
		text-align: left;
		margin-bottom: 20px;
	}
	
	#PrintFooter {
		display: none;
		text-align: center;
		margin-top: 20px;
	}
	
	@media print{
		/* Hide Unwanted Page Areas */
			#PageLoader, #Header, #Nav_Top, #Nav_Left, #Nav_Bottom, #Footer, #Copyright, #PrintShareSave, #Ad1{
				display: none;
			}
		/* Show Print Specific Areas */
			#PrintHeader, #PrintFooter {
				display: block;
			}
	}
	
/*************************************************************************************************
	HOME PAGE
**************************************************************************************************/
	#HP_Main .MainElement {
		margin-bottom: 35px;
	}
	
	#HP_Main p {
		margin-bottom: 10px;
	}
	
/*************************************************************************************************
	CALCULATORS
**************************************************************************************************/
	div.CalculatorModule .CallOutBox .Center .Left {
		height: 230px;
		text-align: left;  
	}  
	
	div.CalculatorModule  .FormInput {
		background-color: #ffffff;
		border: 1px solid #e0dfdf;
		color: #000000;
		font-size: 11px;
		height: 15px;
		padding: 1px 2px 0px 2px;
		margin-left: 0px;
		margin-bottom: 5px;
	}
	
	div.CalculatorModule .FormInput .Text {
		width: 150px;
	}
	
	div.CalculatorModule .FormInput.Select{
		padding-bottom: 3px;
		height: 20px;
	}
	
	div.CalculatorModule .button{
		margin-top: 10px;
	}
	
	div.CalculatorModule .GreyDefault {
		color: #828692;
	}
	
	div.CalculatorModule .FormSpacer {
		margin-top: 5px;
	}
	
	.CalcTabs {
		margin-top: 30px;
		width:  123px; 
		text-align: left; 
		line-height: normal; 
	}  
	
	.EmbeddedCalculatorProse {
		margin-top: 15px;
		font-size: 90%;
		line-height: normal;
	}  
	
	
	.SubTabProse {
		padding: 5px;
		font-size: 90%;
		line-height: normal;
	}
	
	
	div.CalcTabs a:link {
		color: #ffffff;
		text-decoration: none;
	}
	
	div.CalcTabs a:visited {
		color: #ffffff;
	}
	
	div.CalcTabs a:hover {
		text-decoration: underline;
	}
		
	div.CalcTabs a:active {
	  
	}
	
	
/*************************************************************************************************
	SCO CALCULATOR
**************************************************************************************************/	



/*************************************************************************************************
	DOWNLOADS - GSC / eDOT
**************************************************************************************************/		
	#GSCDownload,
	#eDOTDownload {
		text-align: left;
	}
	
	#GSCDownload h2,
	#eDOTDownload h2{
		color: #7f242c;
	}
	
	#GSCDownload p,
	#eDOTDownload p{
		height: 50px;
	}
	
	
 	 
/*************************************************************************************************
	STARBURSTS
**************************************************************************************************/
	#HP_Main div.Headline {
		padding-left: 56px;
		min-height: 52px;
		background-position: bottom left;
		background-repeat: no-repeat;
		border-bottom: 1px solid #616060;
		margin-bottom: 10px;
	}
	
	div.FreeStarburst {
		background-image: url(images/misc/Starburst_FREE_51x52.png);
	}
	
	div.ForHRPros {
		background-image: url(images/misc/Starburst_ForHRPros_51x52.png);
	}
	
	div.FreeStarburst h1, 
	div.ForHRPros h1 {
		padding-top: 20px;
		margin: 0;
		border: 0;
	}
	
	div.ForHRPros h1.Line2 {
		padding-top: 0px;
		text-align: right;
	}
	
	div.FreeStarburst h1 span, 
	div.ForHRPros h1 span{
		color: #616060;
		font-size: 10px;
		font-weight: normal;
	}