@charset "utf-8";
/* ########################################################################### *
/* ***** DOCUMENT INFO  ****************************************************** *
/* ########################################################################### *
 * ##### NAME:  global.css
 * ##### VERSION: v1.0
 * ##### UPDATED: 02/07/08 (Eclipse Group)
/* ########################################################################### *

/* ########################################################################### *
/* ***** INDEX *************************************************************** *
/* ########################################################################### *
/* ##### GLOBAL & CSS IMPORTS
/* ##### TYPOGRAPHY
/* ##### LAYOUT & GRIDS
/* ##### HEADER
/* ##### FOOTER
/* ##### TOOLBAR
/* ##### NAVIGATION
/* ##### CONTENT
/* ##### TABLES
/* ##### FORMS
/* ##### MODAL WINDOW
/* ########################################################################### */

/* ########################################################################### *
/* ##### GLOBAL & CSS IMPORTS
/* ########################################################################### */

/* YUI RESET & FONTS */
@import 'ecl_reset-min.css';
@import 'ecl_fonts-min.css';

a:link 		{ color:#000; text-decoration:none }
a:visited	{ color:#000; text-decoration:none }
a:focus		{ text-decoration:underline }
a:hover		{ text-decoration:underline }
a:active	{ color:#000 }

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.nodisplay {
	display: none;
}

.hidden {
	position: absolute;
	left: -9999px;
	overflow: hidden;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.imgLeft {
	float: left;
	padding: 0 15px 5px 0;
}

.imgRight {
	float: right;
	padding: 0 0 5px 15px;
}



/* ########################################################################### *
/* ##### TYPOGRAPHY
/* ########################################################################### */

body 
{
	font-size: 12px;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{
	font-family: Arial, Helvetica, sans-serif;
}

p, h1, h2, h3, h4, h5, h6
{
	margin-bottom: 1em;
}

p
{
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;	
}

h1 
{
	font-size: 2em;
	line-height: 1.5em;
	margin-bottom: 0.75em;
	color: #000;
}

h2 
{
	font-size: 1.5em;
	line-height: 1em;
	margin-bottom: 1em;	
	color: #000;
}

h3 
{
	font-size: 1.333em;
	line-height: 1.125em;
	margin-bottom: 1.125em;
	color: #000;
}

h4 
{
	font-size: 1.166em;
	line-height: 1.285em;
	margin-bottom: 1.285em;	
	font-weight: bold;
	color: #000;
}

h5 
{
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;	
	font-weight: bold;
	color: #000;
}

h6 
{
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;	
	font-weight: bold;
}

strong, 
.strong 
{
	font-weight: bold;
}

.emphasis 
{
	font-style: italic;	
}

.subdued 
{
	color: #666;
}

.highlight 
{
	color: #039;
}

.error 
{
	color: #c90400;
}

.success 
{
	color: #639905;
}

/* Text Replacement globals */
.replacement
{
	position: absolute;
	z-index: 10;
	background-repeat: no-repeat;
}

a .replacement
{
	z-index: 20;
	cursor: hand;
	c\ursor: pointer;	
}



/* ########################################################################### *
/* ##### LAYOUT GRIDS
/* ########################################################################### */

	.container 
	{
		margin: 0 auto;
		text-align: left;
		width: 990px;
	}
	
		.bodyContent
		{
			padding: 20px 0px 60px 0px;
		}
		
			.leftColumn,
			.contentColumn,
			.rightColumn
			{
				min-height: 1px; /* Prevent float left if the column has no content */
			}


			/* GRID GLOBALS */
			.leftColumn,
			.contentWrapper,
			.rightColumn
			{
				display: inline;
				float: left;
			}
			
			.leftColumn
			{
				width: 200px;
				padding-left: 20px;
			}
		
			.contentWrapper
			{
				width: 550px;
			}			

				.contentWrapper .contentColumn 
				{
					margin: 0 20px 0 20px;
				}					
		
			.rightColumn
			{
				width: 200px;
				padding-right: 20px;
			}			
		
		
			/* GRID: One column (full width) */
			.grid_oneColumn
			{
			
			}
					
				.grid_oneColumn .contentWrapper 
				{

				}		
		
		
			/* GRID: Two column */		
			.grid_twoColumn
			{

			}
				
				.grid_twoColumn .contentWrapper
				{
					width: 770px;
				}
				
					.grid_twoColumn .contentWrapper .contentColumn
					{

					}
		
				.grid_twoColumn .leftColumn
				{

				}
								
			
			/* GRID: Three column (left column, body & right column) */					
			.grid_threeColumn
			{
			
			}

				.grid_threeColumn .leftColumn
				{

				}
			
				.grid_threeColumn .contentWrapper
				{

				}			

					.grid_threeColumn .contentWrapper .contentColumn 
					{

					}					
			
				.grid_threeColumn .rightColumn
				{

				}
					



/* ########################################################################### *
/* ##### HEADER
/* ########################################################################### */

.header 
{
	margin: 0;
}

	.header .logo 
	{
		display: inline;
		float: left;
		padding: 16px 0 0 20px;
	}
	
	.header .globalFunctions 
	{
		display: inline;
		float: right;
		padding: 12px 20px 0 0;
	}
	
		.header .globalFunctions ul li 
		{
			border: none;
			padding: 0 1px 0 4px;
			font-size: 85%;
		}
		
		.header .globalFunctions ul li.highContrast img 
		{
			vertical-align: middle;
		}
		
		.header .globalFunctions .nav_top
		{
				text-align: right;
		}
		
			.header .globalFunctions .nav_top ul
			{
				float: right;
				padding-bottom: 5px;
			}
			
				.header .globalFunctions .nav_top ul li 
				{
					border: none;
					padding: 0 1px 0 8px;
					margin-left: 8px;
					font-size: 85%;
					background: url('images/list_seperator.gif') no-repeat 0 5px;
				}
			
				.header .globalFunctions .nav_top ul li:first-child,
				.header .globalFunctions .nav_top ul li.first,
				.header .globalFunctions .nav_top ul li:last-child,
				.header .globalFunctions .nav_top ul li.last 
				{
					background: none;
				}			
				
			.header .nav_top li.fontSize
			{
				border-right: none;
				background: none;
				margin-right: 0;
				padding-right: 0;
				width: 34px;
			}			
			
			.header .globalFunctions a .increaseIcon
			{
				float: left;
				width: 15px;
				height: 15px;
				background: url('images/btn_fontSizeIncrease.gif') no-repeat 0 0;
				overflow: hidden;
			}
			
			.header .globalFunctions a .decreaseIcon
			{
				float: left;
				width: 19px;
				height: 15px;
				background: url('images/btn_fontSizeDecrease.gif') no-repeat 0 0;
				overflow: hidden;
			}
			
			.header .globalFunctions a:hover .decreaseIcon, 
			.header .globalFunctions a:hover .increaseIcon
			{
				background-position: 0 -15px;
				cursor: pointer;
			}			
		
		.header .globalFunctions .globalSearch
		{
			text-align: right;
		}	
	
	
	/* ##### Primary navigation (header) */
	
	/*.header .nav_primary ul
	{
		padding-left: 1em;
		background: url(images/bg_nav_primary.jpg) no-repeat 0 0;
	}	
		
		.header .nav_primary ul li 
		{
			border: none;
			padding: 0 1px 0 8px;
			margin-left: 8px;
			font-weight: bold;
			background: url(images/list_seperator.gif) no-repeat 0 16px;
		}	

			.header .nav_primary ul li:first-child,
			.header .nav_primary ul li.first
			{
				background: none;
				margin-left: 0;
			}	

			.header .nav_primary ul li.active
			{
				padding: 1em 8px;
				margin-right: -8px;
			}
		
		.header .nav_primary ul li a,
		.header .nav_primary ul li a:link,
		.header .nav_primary ul li a:visited,
		.header .nav_primary ul li a:active						
		{
			padding: 1em 0em;
			display: block;
			color: #FFFFFF;
		}						
				
		.header .nav_primary ul li a:hover,
		.header .nav_primary ul li a:focus				
		{
			color: #000;
			text-decoration: none;
		}*/					
		
	
	
	/* Accessibility links */
	.accessibilityLinks
	{
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.accessibilityLinks a,
	.accessibilityLinks a:visited
	{
		color: #FFFFFF;
		position: absolute;
		left: -9999px;
	}
	
	.accessibilityLinks a:hover,
	.accessibilityLinks a:focus,
	.accessibilityLinks a:active	
	{
		left: 2.5em;
		top: 0em;
		color: #003399;
	}

	

/* ########################################################################### *
/* ##### FOOTER
/* ########################################################################### */
.footer
{

}

	.footer .logo {
		display: inline;
		float: left;
		padding: 10px 0 0 0;
	}
	
	.footer .nav_legal {
		display: inline;
		float: right;
		padding: 15px 0 0 0;
	}
	
		.footer .nav_legal ul li {
			border-left: 1px solid #666;
			padding: 0 1px 0 4px;
			font-size: 85%;
		}
		
		.footer .nav_legal ul li:first-child,
		.footer .nav_legal ul li.first {
			border-left: 0px;
		}
		
			.footer .nav_legal ul li a:link,
			.footer .nav_legal ul li a:visited,
			.footer .nav_legal ul li a:active {
				color: #666;
			}
			
			.footer .nav_legal ul li.designedby {
				padding-left: 18px;
				color: #fff;
			}
			
			.footer .nav_legal ul li.eclipselogo {
				border-left: 0;
			}
			
			.footer .nav_legal ul li.eclipselogo {
				position: relative;
				top: 7px;
			}




/* ########################################################################### *
/* ##### NAVIGATION
/* ########################################################################### */

/* ##### General navigation styles */

.nav_horizontal li
{
	float: left;	
}


/* ##### Secondary navigation (left column) */

	
	.leftColumn .nav_secondary li 
	{
		display: block;
		line-height: 3em;
	}
	

		.leftColumn .nav_secondary li a 
		{
			display: block;
			padding: 0em 8px;
			font-weight: bold;
			background: url('images/bg_nav_secondary.gif') bottom;
		}	
		
		.leftColumn .nav_secondary li.active a,
		.leftColumn .nav_secondary li.active a:hover,
		.leftColumn .nav_secondary li.active a:focus 
		{
			color: #000;
		}

	
	.leftColumn .nav_secondary li a:hover,
	.leftColumn .nav_secondary li a:focus,
	.leftColumn .nav_secondary li.active li a:hover,
	.leftColumn .nav_secondary li.active li a:focus 
	{
		background: none #EFEFEF;
		text-decoration: none;
		color: #000;
	}
	
	.leftColumn .nav_secondary li.active li a:hover,
	.leftColumn .nav_secondary li.active li a:focus 
	{
		font-weight: normal;
	}
		
		.leftColumn .nav_secondary li li a,
		.leftColumn .nav_secondary li.active li a 
		{
			padding-left: 16px;
			font-weight: normal;
			color: #008bda;
			background-color: transparent;
		}
			
			.leftColumn .nav_secondary li li li a,
			.leftColumn .nav_secondary li.active li li a,
			.leftColumn .nav_secondary li li.active li a 
			{
				padding-left: 26px;
				color: #666;
			}



/* ########################################################################### *
/* ##### CONTENT
/* ########################################################################### */

.contentColumn 
{
}

	.contentColumn ul,
	.contentColumn ol {
		margin: 0 0 1em 16px;
	}
	
	.contentColumn ol {
		margin-left: 22px;
	}
	
		.contentColumn ul li {
			list-style-type: disc;
		}
		
		.contentColumn ol li {
			list-style-type: decimal;
		}

.searchContainer {
	margin-bottom: 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #f4f3f3;
}
		
.pagination	{
	margin-bottom: 10px;
}

	.pagination .results {
		display: inline;
		float: left;
		color: #000;
	}
	
	.pagination .nav_pagination {
		display: inline;
		float: right;
	}
	
		.nav_pagination a:link,
		.nav_pagination a:visited {
			color: #000;
		}
	
		.nav_pagination ul {
			margin: 0px;
		}
				
			.nav_pagination .previous {
				margin: 0 5px 0 0;
				border-right: 1px solid #000;
				padding: 0 9px;
			}
		
			.nav_pagination .next {
				margin: 0 0 0 5px;
				border-left: 1px solid #000;
				padding: 0 9px;
			}
		
			
/* ########################################################################### *
/* ##### TABLES
/* ########################################################################### */

.table-generic 
{
	margin-bottom: 1.5em;
	width: 100%;
}

	.table-generic thead th 
	{
		border-left: 1px dotted #FFF;
		border-right: 1px dotted #FFF;
		padding: 5px 10px;
		background-color: #aa9b84;
		font-weight: bold;
		color: #FFF;
	}
	
	.table-generic tbody td 
	{
		border: 1px dotted #aa9b84;
		padding: 5px 10px;
	}
					
td.minWidth 
{
	width: 1px;
}
		
/* ########################################################################### *
/* ##### FORMS
/* ########################################################################### */

input, select, textarea 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666;
}

.boxform,
.summaryBox 
{
	margin: 0 0 1em 0;
	border: 1px solid #ccc;
	padding: 15px;
	background-color: #f4f3f3;
}

	.summaryBoxHead 
	{
		margin-bottom: 10px;
		padding-bottom: 5px;
		border-bottom: 1px solid #ccc;
	}

		.summaryBoxHead h2 
		{
			display:inline;
			float:left;
			margin-bottom: 0;
		}
		
		.summaryBoxHeadButton 
		{
			float:right;
			display:inline;
		}
		
		.summaryBoxHeadButton .button 
		{
			margin: 0 0 0 10px;
		}
	
	.summaryBoxFloat 
	{
		display:inline;
		width:49%;
	}

.form-container p { color: #333; }
.form-container .confirmation p { color: #33; }
.form-container h2 { font-size:108%; font-weight:bold; margin-bottom: 1em; }
.form-container p.note { margin: .2em 0 .2em 165px; font-style:italic; }
.form-container p.note strong { font-style:italic; }
.form-container fieldset { margin: 0 0 1em 0; padding: 0 0 1em 0; border-bottom: 1px solid #cecece; position:relative}
.form-container legend { display:none; }
.form-container .legend { margin-bottom: 1.2em; }
.form-container fieldset div { padding: 0.4em 0; }
.form-container fieldset div.shortRight { text-align:right; padding:0; width:56px; float:left}
.form-container fieldset div.mediumRight { text-align:right; padding:0;	width:177px; float:left }
.form-container fieldset div.longRight { text-align:right; padding:0; width:236px; float:left }
.form-container fieldset div.fieldFloat {display:inline; float:left; padding:0; margin-right:10px}
.form-container label, 
.form-container span.label { margin-right: 5px; padding-right: 10px; width: 150px; display: block; float: left; text-align: left; position: relative; color: #000; }
.form-container span.indent { padding-left:10px; width:145px }
.form-container p.value { margin-bottom: 0px; color:#444 }
.form-container .legend strong { font-weight: bold; }
.form-container .legend em { font-style:normal; }
.form-container input[type="text"],
.form-container input[type="password"],
.form-container select,
.form-container textarea { padding:2px; }
.form-container input[type="text"],
.form-container input[type="password"],
.form-container select,
.form-container textarea { border: 1px solid #999; }
.form-container .fieldinfo { position:relative; top:2px; left:2px; vertical-align:top }
.form-container p .fieldinfo,
.form-container h2 .fieldinfo { top:0; }
.form-container div.controlset p { margin: 0 0 0.8em 0; }
.form-container div.controlset label, 
.form-container div.controlset input { display: inline; float: none; }
.form-container div.controlset ul { margin:0px; }
.form-container div.controlset input,
.form-container div.controlset li { list-style-type:none; margin: 0 0 0.5em 0; }
/*.form-container div.controlset td { padding: 0 0 0.5em 0; }*/
.form-container div.controlset label { vertical-align: top; }
.form-container div.controlset .fieldinfo { position:relative; top:0; left:0; vertical-align:top }
.form-container div.controlset div { margin-left: 170px; }
.form-container div.controlset div.searchButton { margin-left:0;padding-left: 170px; }
.form-container div.controlset div.other { margin-left:0; padding-left: 24px; }
.form-container div.controlset li label,
.form-container div.controlset td label { display:inline; float:left; text-align:left; margin:0; padding:0; width:350px; }
.form-container div.controlset li input,
.form-container div.controlset td input { display:inline; float:left; text-align:left; margin:0; padding:0; width:24px; }
.form-container div.controlset li .status { display:inline; float:right; width:70px; font-weight:bold; color:#636; }
.form-container div.groupedText .fieldinfo { position:relative; top:2px; left:2px; vertical-align:top }
.form-container div.groupedText div { padding-bottom:0px; float:left; display:inline; margin-left:0px; color:#444; width:400px;}
.form-container div.groupedText div div { display:block; clear:both;}
.form-container .error label, 
.form-container .error span,
.form-container .error input,
.form-container .error textarea,
.form-container .error select { color:#b91111; border-color: #b91111; }

input.short {width: 50px}
select.short {width: 56px}
input.medium {width: 170px}
select.medium {width: 176px}
input.long {width: 230px}
select.long {width: 236px}

.confirmation {
	margin: 0 0 1em 0; 
	border: 1px solid #ccc; 
	padding: 10px 15px 0 15px; 
	font-weight: bold;
	color: #666;
}

.errors { 
	margin: 0 0 1em 0; 
	padding: 15px 15px 10px 15px; 
	border: 1px solid #ccc; 
	font-weight: bold;
	color: #be1f1f;
}

	.errors ul {
		margin: 0 0 0 25px; 
	}
	
	.errors ul li { 
		list-style-type: none;
		margin-bottom: 5px;
	}

.buttons {
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px 0;
}

.button {
  display: block;
	float: left;
	width: auto;
  overflow: visible;
	margin: 0 10px 0 0;
	border: 1px solid #3fadc8;
	padding: 1px 5px 2px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
    color: #fff;
	cursor: pointer;
}

.primary {
	border: 1px solid #fe8700;
}

.tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 1;
}

.tooltip.pretty {
	background: url('images/img_tooltip.png');
	font-size: 1em;
	border: none;
	width: 164px;
	padding: 15px 20px 18px 30px;
	height: 91px;
	opacity: 1;
}

.tooltip h3 {
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	color: #000;
}

.tooltip div {
	margin: 0;
	font-size: 1em;
	color: #666;
}



/* ########################################################################### *
/* ##### MODAL WINDOW
/* ########################################################################### */

/* Overlay */
#contactModalOverlay {height:100%; width:100%; position:fixed; left:0; top:0; z-index:3000; background-color:#000; cursor:wait;}

/* Container */
#contactModalContainer {width:500px; position:fixed; left:50%; top:10%; margin-left:-250px; z-index:3100; font-size:85%; text-align:left; }
#contactModalContainer .content { padding:20px; background-color:#FFF; }
#contactModalContainer a.modalCloseX,
#contactModalContainer a.modalCloseX:link,
#contactModalContainer a.modalCloseX:active,
#contactModalContainer a.modalCloseX:visited {position:absolute; top:18px; left:425px; text-transform:uppercase; font-size:85%;}