@charset "UTF-8";
/* FirstView CSS DEFAULT LAYOUT */

/*
 	DEFAULTS
	BODY 		- color:#
	LINKS 		- color:#
	H1 		- color:#
	h2 		- color:#
	BG 		- color:#
*/

/*================================= LAYOUT =================================*/

html, body {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	height:100.1%;
	letter-spacing:0;
	text-align:left;
	width:100%;
	z-index:0;
}
input, textarea, select {
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

table {
	border-collapse: collapse;
	width:100%;
}

	table td{
		color:#666;
		font-size:11px;
		padding:10px 0px;
	}

	table th{
		color:#999;
		font-size:11px;
	}
	
ul {
	margin:0px 0px 10px 30px;
	text-align:left;
}
	
ul li{
	list-style:outside disc;
}

li{
	color:#666;
	line-height:16px;
	margin:0px 0px 10px;
}


div {
	background:transparent;
}
div.clear {
	clear:both;
}

.right {
	float:right;
}
.left {
	float:left;
}

.alignTop {
	vertical-align:top!important;
	padding-top:17px;
}

fieldset,
img{
	border: none;
}

.hide {
	display:none;
}

.fileInput {
	margin-bottom:10px;
}

/*================================= END | LAYOUT =================================*/

/*================================= TYPOGRAPHY =================================*/

h1 {
	color:#CCC;
	font-size:27px;
	margin-bottom:15px;
	padding:0;
	font-weight:normal;
}

h3 {
	background:#4c4c4c;
	color:#FFF;
	font-size:16px;
	font-weight:normal;
	padding:10px 20px;
}

h4 {
	color:#333;
	font-size:16px;
	font-weight:600;
	border-bottom:1px solid #f49b50;
	padding-bottom:5px;
	margin-bottom:15px;
}

h5 {
	background:#4c4c4c;
	color:#FFF;
	font-size:12px;
	font-weight:normal;
	padding:7px 10px;
}

	h5 span{
		color:#999;
		font-size:11px;
	}

p {
	color:#666;
	line-height:16px;
	padding-bottom:10px;
}

	.errorColor{
		color:#F00;
	}

a,
a:visited {
	color:#09C;
	border: none;
	font-size:11px;
	text-decoration: underline;
	cursor:pointer;
}

a:focus, a:hover, a:active {
	text-decoration: none;
	border: none;
}

sup span {
	font-size:9px !important;	
}

/*================================= END | TYPOGRAPHY =================================*/

/*================================= LINKS =================================*/

/*===== LINKS | default =====*/

a.emailLink{
	color:#33a7fd;
}

/*===== LINKS | Slider =====*/

a.slider,
a.slider span{
	background:url(../img/btn/slider.png);
	/* background-color:#f49b50; 	To be changed with PHP - see dynamicStyles.css */
	/* color:#FFF; 				To be changed with PHP - see dynamicStyles.css */
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	text-decoration:none;
	white-space:nowrap;
}

a.slider{
	background-position:left top;
	height:32px;
	line-height:30px;
	margin-left:-2px;
	padding:0px 0px 0px 25px;
}

a.slider.right{
	margin-right:-4px;
}
	
	a.slider span{
		background-position:right top;
		padding:0px 25px 2px 0px;
	}

	a.slider:hover{		/*hover state*/
		background-position:left -32px;
	}
		
		a.slider:hover span{
			background-position:right -32px;
		}

	a.slider:active{	/*Pressed state*/
		background-position:left -64px;
	}
		
		a.slider:active span{
			background-position:right -64px;
		}

	a.slider.disabled{	/*Disabled state*/
		color:#DEDEDE;
		background-position:left -96px;
		cursor:default;
	}
		
		a.slider.disabled span{
			color:#DEDEDE;
			background-position:right -96px;
		}

/*===== LINKS | Slider | h42 =====*/

#contentWrapper a.slider.h42,
#contentWrapper a.slider.h42 span{
	background:url(../img/btn/sliderH42.png);
	background-color:#4C4C4C; 	/* To be changed with PHP - see dynamicStyles.css */
	color:#FFF; 				/* To be changed with PHP - see dynamicStyles.css */
	font-size:14px;
}

#contentWrapper a.slider.h42{
	background-position:left top;
	height:42px;
	line-height:40px;
}
	
	#contentWrapper a.slider.h42 span{
		background-position:right top;
		padding:0px 25px 2px 0px;
	}

	#contentWrapper a.slider.h42:hover{		/*hover state*/
		background-position:left -42px;
	}
		
		#contentWrapper a.slider.h42:hover span{
			background-position:right -42px;
		}

	#contentWrapper a.slider.h42:active{	/*Pressed state*/
		background-position:left -84px;
	}
		
		#contentWrapper a.slider.h42:active span{
			background-position:right -84px;
		}

	#contentWrapper a.slider.h42.disabled{	/*Disabled state*/
		color:#DEDEDE;
		background-position:left -126px;
		cursor:default;
	}
		
		#contentWrapper a.slider.h42.disabled span{
			color:#DEDEDE;
			background-position:right -126px;
		}

/*================================= END | LINKS =================================*/

/*================================= HEADER =================================*/

#headerWrapper {
	background:#066;
	display:block;
	height:120px;
	position:fixed;
	width:100%;
	z-index:100;
}
	
	#header {
		background:url(../img/bg/headerBg.png) top left repeat-x;
		height:138px;
		padding-top:2px;
		width:100%;
	}
	
		#headerContainer {
			height:117px;
			margin:0 auto;
			width:1010px;
		}

/*=== HEADER | SEARCHBOX ===*/

#searchBox {
	display:block;
	height:65px;
	margin:0;
	padding:0;
	width:330px;
}

	#searchBox a{
		border:none;
		display:block;
		float:left;
		color:#FFF;
		font-weight:bold;
		height:20px;
		margin:0;
		padding:10px 20px;
		text-decoration:none;
	}

	#searchBox a:hover{
		text-decoration:underline;
	}

/*=== HEADER | NAVIGATION ===*/

#headerContainer ul {
	list-style:none;
	margin:0px;
}
	#headerContainer ul li{
		background:url(../img/bg/navLiBorder.png) right top repeat-y;
		float:left;
		list-style-type:none;
		line-height:1;
	}
	
		#headerContainer ul li a {
			color:#FFFFFF;
			display:block;
			font-size:12px;
			margin-right:2px;
			padding:11px 13px 11px 13px;
			text-decoration:none;
		}
		
		#headerContainer ul li a:hover {
			background:url(../img/bg/navItemBg.png) repeat-x left bottom;
		}
		
		#headerContainer ul li a.selected {
			background:url(../img/bg/navItemBg.png) repeat-x left top;
		}
	
	#headerContainer ul li.first{
		padding:0 2px;
	}
			
		#headerContainer ul li.first span.borderRight {
			background:url(../img/bg/navLiBorder.png) repeat-y;
			float:left;
			display:block;
			height:35px;
			width:2px;
		}
			
		#headerContainer ul li.first a {
			margin:0;
		}
			
		#headerContainer img.logo {
			margin-left:-123px;
		}

/*=== END | HEADER | NAVIGATION ===*/

/*================================= END | HEADER =================================*/

/*================================= PAGE CONTENT =================================*/


span.disabled{
	font-size:11px;
	color:#aaa;
}

.whiteContentWrapper{
	background-color:#FFF;
	min-height:75%;
	padding:0 0 40px 0;
	width:100%;
}

#contentWrapper {
	margin:0 auto;
	padding:120px 0 0 0;
	position:relative;
	width:1020px;
	z-index:90;
}

#contentWrapper.loginPopupActive{
	-khtml-opacity:0.15; 
	-moz-opacity:0.15; 
	-ms-filter:”alpha(opacity=15)”; 
	filter:alpha(opacity=15); 
	opacity:0.15;
}

/*=== PAGE CONTENT | PANELS ===*/

.panel{
	display:block;
	margin:20px 0px;
	padding:3px;
}
	
	.panel h3 {
		font-size:12px;
		text-transform:uppercase;
		padding:8px 10px;
	}
	
	.panel.oneThree h3 {
		margin-bottom:15px;
	}
	
	.panel h4 {
		margin-top:20px;
	}
	
	.panel h4.top {
		margin-top:7px;
	}

	.panel .closer{			/* closing div for bottom border */
		display:block;
		margin:0px -3px -3px -3px; /*Negative Margins counteract parent div padding*/
		height:3px;
	}

	.panel.oneThree{			/* one third width panel */
		background:url(../img/bg/panelOneThree.gif) left top no-repeat;
		display:block;
		width:321px;  /*6px padding on parent div*/
	}

		.panel.oneThree .copyWrapper{
			margin:25px 20px 25px 40px;
		}
		
			.panel.oneThree .copyWrapper .title{
				color:#f79d52;
				padding:0px;
			}
			
			.panel.oneThree .copyWrapper .description{
				font-size:14px;
				font-weight:bold;
				padding:0px;
			}
			
			.panel.oneThree .linkWrapper{
				font-size:11px;
				margin:0px 20px 15px 20px;
			}
			
			.panel.oneThree .linkWrapper strong{
				font-size:14px;
			}
			
				.panel.oneThree .linkWrapper p{
					padding:0px;
				}

		.panel.oneThree .closer{			/* closing div for bottom border */
			background:url(../img/bg/panelOneThree.gif) left bottom no-repeat;
		}

	.panel.twoThree{			/* two third width panel */
		display:block;
		width:645px;  /*6px padding on parent div*/
	}

		.panel.twoThree .closer{			/* closing div for bottom border */
			background:url(../img/bg/panelTwoThree.gif) left bottom no-repeat;
		}
	

	.panel.full{				/* full width panel */
		display:block;
		width:1004px;  /*6px padding on parent div*/
	}

		.panel.full .closer{			/* closing div for bottom border */
			background:url(../img/bg/panelFull.gif) left bottom no-repeat;
		}	

/*=== END | PAGE CONTENT | PANELS ===*/



/*=== PAGE CONTENT | CONTACT PANEL ===*/

	#contactUs .copyWrapper table td{
		padding:2px 0px;
	}
	
/*=== END | PAGE CONTENT | CONTACT PANEL ===*/	
		

/*================================= END | PAGE CONTENT =================================*/


/*================================= LOGIN POPUP =================================*/

#loginPopupTable{
	height:100%;
	width:100%;
	z-index:95;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#loginPopupTable td{
	text-align:left;
	vertical-align:middle;
}

	#loginPopupTable h3{
		position:relative
	}
	
	#loginPopupTable .closeButton{
		background:url(../img/icon/closeIcon.png) left top no-repeat;
		display:inline-block;
		float:right;
		height:28px;
		position:absolute;
		right:-10px;
		top:-10px;
		width:28px;
	}
	
	#loginPopupTable .closeButton:hover{
		background-position:0 -29px;
	}
	
	#loginPopupTable .closeButton:active{
		background-position:0 -59px;
	}

#loginPopup,
.loginPopup {
	background:url(../img/bg/loginPopup.gif) left top no-repeat;
	display:block;
	left:50%;
	margin-left:-317px;
	padding:3px;
	position:fixed;
	top:30%;
	width:634px;
}

#loginPopup.alt,
.loginPopup.alt {
	background:url(../img/bg/loginPopupSmall.gif) left top no-repeat;
	margin-left:-157px;
	width:314px;
}

	#login #loginPopup{
		position:static;
		margin:50px auto;
	}
	
	#loginPopup table{
		margin:20px auto 10px;
		width:90%;
	}
	
	#loginPopup table th{
		padding-right:10px;
		text-align:right;
		vertical-align:middle;
		width:80px;
	}
	
	.registerCopy {
		padding:10px 60px 0 0;
		vertical-align:top;
		width:237px;
	}
	
	.registerCopy p{
		padding:0 0 15px 0;
	}
	
	/*#loginPopup table tr.helpRow td{
		padding-top:30px;
	}*/
	
	#loginPopup table a.slider{
	}
	
	#loginPopup p{
		color:#999;
		font-size:11px;
	}
	
	#loginPopup a{
		color:#999;		
	}
	
	#loginPopup ._jsLoginFormCancel {
		margin-left:5px;
		color:#F00;
	}

#loginPopup .closer{
	background:url(../img/bg/loginPopup.gif) left bottom no-repeat;
	display:block;
	height:2px;
	margin:0px -3px -3px -3px;
	width:640px;
}

#loginPopup .closer.alt{
	background:url(../img/bg/loginPopupSmall.gif) left bottom no-repeat;
	width:320px;
}
/*================================= END | LOGIN POPUP =================================*/



/*================================= FOOTER =================================*/

#footerWrapper {
	background:url(../img/bg/footerGradient.png) top left repeat-x;
	display:block;
	width:100%;
	z-index:99;
}

#footerContainer {
	display:block;
	height:90px;
	margin:0 auto;
	width:1010px;
}

#footer {
	display:block;
	height:55px;
	margin:0 auto;
	padding:15px 0px;
	width:1010px;
}

	#footer .copyWrapper{
		display:block;
		margin-left:20px;
	}

	#footer ul{
		display:inline-block;
		margin:5px 0px 10px 0px;
	}

	#footer li{
		border-left:1px solid #fff;
		display:inline-block;
		margin:0px;
		padding:0 17px;
	}

		#footer li.first{
			padding-left:0px;
			border:none;
		}

		#footer a{
			color:#fff;
			-khtml-opacity:0.40; 
			-moz-opacity:0.40; 
			-ms-filter:”alpha(opacity=40)”; 
			filter:alpha(opacity=40); 
			opacity:0.40;			
		}

		#footer a:hover{
			-khtml-opacity:1.0; 
			-moz-opacity:1.0; 
			-ms-filter:”alpha(opacity=100)”; 
			filter:alpha(opacity=100); 
			opacity:1.0;	
			color:#fff;
		}


	#footer p{
		color:#FFF;
		font-size:11px;
		-khtml-opacity:0.40; 
		-moz-opacity:0.40; 
		-ms-filter:”alpha(opacity=40)”; 
		filter:alpha(opacity=40); 
		opacity:0.40;
	}

/*================================= END | FOOTER =================================*/

/*========== FEEBACK BARS ==========*/

a.feedbackPositive{
	background:#cfc url(../img/btn/closeCross.png) no-repeat 15px 13px;
	border:1px solid #360;
	color:#360;
	display:block;
	font-size:16px;
	padding:15px 15px 15px 40px;
}

a.feedbackPositive:hover{
	background-color:#6c6;
}

a.feedbackNegative{
	background:#f99 url(../img/btn/closeCross.png) no-repeat 15px 13px;
	border:1px solid #600;
	color:#600;
	display:block;
	font-size:16px;
	padding:15px 15px 15px 40px;
}

a.feedbackNegative:hover{
	background-color:#c66;
}

/*========== END | FEEBACK BARS ==========*/

/*========== FILE LIST UL ============== */


#contentWrapper .tableOfContents {
	width:215px;
	padding:20px 0px;
}

	#contentWrapper .tableOfContents h3 {
		background:none;
		color:#999;
		font-size:14px;
		line-height:26px;
		margin:0px 15px;
		padding:0px;
	}

	#contentWrapper .tableOfContents a.altColorBlue {
		margin-right:15px;
	}

	#contentWrapper .tableOfContents ul {
		background:none;
		font-size:11px;
		margin:15px 0px 20px 0px;
		padding:0;
		border-bottom:1px solid #eaeaea;
	}

	#contentWrapper .tableOfContents ul li {
		list-style:none;
		margin:0px;
		
		border-top:1px solid #eaeaea;
		border-collapse:collapse;
	}

		#contentWrapper .tableOfContents ul li:hover{
			background-color:#eaeaea;
		}
			#contentWrapper .tableOfContents ul li:hover a{
				color:#666;
			}

		#contentWrapper .tableOfContents ul li a{
			text-decoration:none;
			color:#999;
			display:block;
			padding:15px;
		}
		
		#contentWrapper .tableOfContents a.slider{
			margin-left:40px;
		}

/* Other */

.spamMessage {
	font-weight:normal !important;
	color:#C00;
	margin-top:10px;
}