@charset "UTF-8";
 
 
 
/************************************************************************/
/***** "Variables" (search and replace these when you update a site *****/
/************************************************************************/
.headerFont
{
	font-family: /*<headerFont>*/'Lato', sans-serif /*</headerFont>*/ ; 
}

.bodyFont
{
	font-family: /*<bodyFont>*/'Roboto', sans-serif /*</bodyFont>*/ ; 	 
}

.primaryColor1
{
	background: /*<primaryColor1>*/ #1474FF /* </primaryColor1> */ ;
}

.darkTextColor
{
	color: /*<darkTextColor>*/ #212121 /*</darkTextColor>*/ ;
}

.lightTextColor
{
	color: /*<lightTextColor>*/#FFFFFF /*</lightTextColor>*/;
}

.navigationTextColor
{
	color: /*<lightTextColor>*/ #666666 /*</lightTextColor>*/ ;
}

.lineColor
{
	border-left-color: /*<lineColor>*/ #CCCCCC; /*</lineColor>*/
}


 
/*****************************************************************/
/***** Elements and Element Mimics (e.g., legend and .legend) *****/
/*****************************************************************/
 
body {
	background: #f2f2f2;
	border: 0px;
	font-family: /*<bodyFont>*/ 'Roboto', sans-serif /*</bodyFont>*/;  
	font-style: inherit;
	font-weight: inherit;
	margin: 0px;
	outline: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
 }
 
fieldset {
	border-style: none;
	margin: 0px;
	padding-bottom: 20px;
	padding: 0px;
 } 	
 
h1 {
	color: /*<darkTextColor>*/ #212121 /*</darkTextColor>*/ ;
	font-family: /*<headerFont>*/'Lato', sans-serif /*</headerFont>*/ ; 
	/* font-size: 34pt; */
	/* font-weight: normal; */
	margin-top: 0px;
 }
 
h2 {
	color: /*<darkTextColor>*/ #212121 /*</darkTextColor>*/ ;
	font-family: /*<headerFont>*/'Lato', sans-serif /*</headerFont>*/ ; 
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
 }
 
h3 {
	color: /*<darkTextColor>*/ #212121 /*</darkTextColor>*/ ;
	font-family: /*<headerFont>*/'Lato', sans-serif /*</headerFont>*/ ; 
	/* font-size: 14pt; */
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
 }

legend {
	border-style: none;
	border-top-color: /*<lineColor>*/ #CCCCCC; /*</lineColor>*/
	border-top-style: solid;
	border-top-width: 1px;
	color: /*<darkTextColor>*/ #212121 /*</darkTextColor>*/ ;
	font-family: /*<headerFont>*/'Lato', sans-serif /*</headerFont>*/ ; 
	/* font-size: 16pt; */	
	font-weight: bold;
	padding-bottom: 20px;
	padding-top: 20px;
	text-transform: uppercase;
	width: 100%;
 }
 
label {
	color: /*<lightTextColor>*/ #666666 /*</lightTextColor>*/ ;
	font-family: /*<headerFont>*/'Lato', sans-serif /*</headerFont>*/ ;
	font-weight: bold;
 }
 
.label {
	color: /*<lightTextColor>*/ #666666 /*</lightTextColor>*/ ;
	font-family: /*<headerFont>*/'Lato', sans-serif /*</headerFont>*/ ;
	/* font-weight: bold; */
 }
 
table {
	font-family: /*<bodyFont>*/'Roboto', sans-serif /*</bodyFont>*/ ; 	 
	/* font-size: 14pt; */
	text-align: left;
 }
 
td {border-color:  /*<lineColor>*/ #CCCCCC; /*</lineColor>*/}
 
 
/*******************/
/***** Classes *****/
/*******************/

.banner-h2 {
	/* font-size: 16pt; */
	font-weight: normal;
	line-height: 30px;
	padding-left: 50px;
 }
 
.nonProductionTag {
	background: black;
	color: /*<lightTextColor>*/#FFFFFF /*</lightTextColor>*/;
	/* font-size: 48pt; */
	padding: 10px;
	position: absolute;
	top: 10px;
	vertical-align: middle;
	z-index: 10000;
 }

.message	{
	color: #009900; 
 	border: solid 1px;
 	padding: 10px;
 }  
 
.message legend
{
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
	border: none;
	width: auto;
	padding: 0px;
}
.errorMessage	{color: #FF0000;}
.warningMessage	{color: #FF00FF;}
.infoMessage	{color: #3366ff;} 

 
 
.imageValignHelper {
	display: inline-block;
	height: 57px;
	vertical-align: middle;
 }
 
.instructions {
	color: /*<darkTextColor>*/ #212121 /*</darkTextColor>*/ ;
	font-family: /*<bodyFont>*/'Roboto', sans-serif /*</bodyFont>*/ ; 	 
	/* font-size: 15px; */
	font-weight: bold;
 }

.navigation {
	color: /*<lightTextColor>*/ #666666 /*</lightTextColor>*/ ;
	font-family: /*<bodyFont>*/'Roboto', sans-serif /*</bodyFont>*/ ; 
	font-weight: bold;
 }
 
	.navigation ul {
		border: 0;
		list-style: none;
		margin: 0;
		outline: 0;
		padding: 0;
		text-align: left;
		vertical-align: baseline;
	 }
 
		.navigation ul li {
			border-bottom-color: /*<lineColor>*/ #CCCCCC; /*</lineColor>*/
			border-bottom-width: 1px;
			border-bottom-style: solid;
			width: 100%;
		 }
 
			.navigation ul li a {
				color: /*<lightTextColor>*/ #666666 /*</lightTextColor>*/ ;
				display: block;
				padding-top: 20px;
				padding-bottom: 20px;
				padding-left: 30px;
				text-decoration: none;
			 }
 
				.navigation ul li a.unselected {} 
 				.navigation ul li a.unselectedTabbed {text-decoration: none; margin-left: 20px;}
				
				.navigation ul li a.selected {text-decoration: underline;}
 				.navigation ul li a.selectedTabbed {text-decoration: underline; margin-left: 20px;}
 
				.navigation ul li a:hover {
					background: /*<primaryColor1>*/ #1474FF /* </primaryColor1> */ ;
					color: #FFFFFF;
					

				 }
 
.popup {
	background: /*<primaryColor1>*/ #1474FF /* </primaryColor1> */ ;
	border: thick solid /*<lineColor>*/ #CCCCCC; /*</lineColor>*/
	color: /*<lightTextColor>*/#FFFFFF /*</lightTextColor>*/;
	display: none;
	left: 25%;
	right: 25%;
	overflow: auto;
	padding: 32px;
	position: absolute;
	position: fixed;
	text-align: center;
	top: 25%;
	vertical-align: middle;
	z-index: 1002;
 }
 
	.popup a {
		background: #EEEEEE;
		border-bottom: 1px solid #333333;
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #333333;
		border-top: 1px solid #CCCCCC;
		color: /*<darkTextColor>*/ #212121 /*</darkTextColor>*/ ;
		font: bold 11px Arial;
		padding: 2px 6px 2px 6px;
		text-decoration: none;
	 }
	 
	 .popup  h2 {
		color: #fff;
	}
		 

.text_footer {
	margin-left: 20px;
	margin-top: 15px;
 }

.input_table {
	border-collapse: collapse;
	border: 0px;
}

	.input_table td,
	.input_table th {
		text-align: left;
		padding: 2px;
		border: 0px;
	}
	
	.input_table th {
		vertical-align: bottom;
	}
	
	.input_table td {
		vertical-align: top;
	}

.report_table {
	border-collapse: collapse;
	border: 0px;
}

	.report_table td,
	.report_table th {
		text-align: left;
		padding: 2px;
		border: 0px;
	}
	
	.report_table th {
		vertical-align: bottom;
	}
	
	.report_table td {
		vertical-align: top;
	}
	
.default_table {
    border-collapse: collapse;
    border: 1px solid;
}

	.default_table td,
	.default_table th {
	    padding: 2px;
	    border: 1px solid;
	    text-align: left;
	    vertical-align: top;
	}
	
	.default_table th {
	    vertical-align: bottom;
	}


/***************/
/***** IDs *****/
/***************/
#banners {
	background: #408AC4;
	border-bottom: solid 3px /*<lineColor>*/ #CCCCCC; /*</lineColor>*/
	height: 109px;
	width: 100%;
 }
 
	#banners img {float: right;}
 
	#banners span {
		float: left;
		padding-left: 10px;
		padding-top: 30px;
	 }
 
		#banners span strong {
			color: /*<darkTextColor>*/ #212121 /*</darkTextColor>*/ ;		
			font-family: /*<headerFont>*/'Lato', sans-serif /*</headerFont>*/ ; 
			font-size: 27px;
			font-weight: normal;
		 }
 
#banner-text {
	float: left;
	line-height: 16px;
 }
 
	#banner-text p {
		color: /*<lightTextColor>*/#FFFFFF /*</lightTextColor>*/;
		padding-left: 10px;
	 }
 
	#banner-text h1 {padding-left: 10px;}
 
#content {
	background: #fff;
	border-left-color: /*<lineColor>*/ #CCCCCC; /*</lineColor>*/
	border-left-style: solid;
	border-left-width: 1px;
	display: inline;
	float: left;
	min-height: 460px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	width: 690px;
 }
 
#container {
	background: #fff;
	padding-top: 20px;
	width: 950px;
 }

 
#footer {
	background: #fff;
	border-top: 1px solid /*<lineColor>*/ #CCCCCC; /*</lineColor>*/
	display: inline-table;
	font-size: smaller;	
	padding-top: 10px;
	text-align: left;
	width: 914px;
 }
 
	#footer a {
		color: /*<lightTextColor>*/#FFFFFF /*</lightTextColor>*/;
		text-decoration: none;
	 }
 
		#footer a:hover {text-decoration: underline;}
 
#footer img {
	border: 0;
	display: inline;
	float: left;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin-left: 20px;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	vertical-align: top;
 }
 
#header {
	background: /*<primaryColor1>*/ #1474FF /* </primaryColor1> */ ;
	height: 57px;
	text-align: left;
 }
 
	#header a {
		color: #cccccc;
		text-decoration: none;
	 }
 
		#header a:hover {color: #FF3300;}
 
	#header h1 {
		color: /*<lightTextColor>*/#FFFFFF /*</lightTextColor>*/;
		font-size: 40px;
		font-weight: bold;
		letter-spacing: -2px;
		line-height: 10px;
		margin-top: 60px;
		vertical-align: baseline;
	 }
 
		#header h1 span {
			border: 0;
			background: /*<primaryColor1>*/ #1474FF /* </primaryColor1> */ ;
			font-family: inherit;
			font-size: 14px;
			font-style: inherit;
			font-weight: inherit;
			font-weight: normal;
			margin: 0;
			outline: 0;
			padding: 0;
			vertical-align: baseline;
		 }
 
	#header h2 {
		border: 0;
		color: /*<lightTextColor>*/#FFFFFF /*</lightTextColor>*/;
		font-family: inherit;
		font-size: 12px;
		font-weight: normal;
		margin: 0;
		outline: 0;
		padding: 0;
		vertical-align: baseline;
	 }
 
		#header h2 a {
			border: 0;
			color: /*<lightTextColor>*/#FFFFFF /*</lightTextColor>*/;
			font-family: inherit;
			font-size: 12px;
			font-style: inherit;
			font-weight: inherit;
			font-weight: normal;
			margin: 0;
			outline: 0;
			padding: 0;
			text-decoration: none;
			vertical-align: baseline;
		 }
 
			#header h2 a:hover {
				border: 0;
				color: orange;
				font-family: inherit;
				font-size: 12px;
				font-style: inherit;
				font-weight: inherit;
				font-weight: normal;
				margin: 0;
				outline: 0;
				padding: 0;
				text-decoration: none;
				vertical-align: baseline;
			 }
 
 
#left_column {
	display: table;
	float: left;
	/* font-size: 14px; */
	padding-left: 20px;
	padding-right: 20px;
	width: 178px;
 }
 
#logo {
	border-right-color: #3788FD;
	border-right-style: solid;
	border-right-width: 1px;
	float: left;
	padding-left: 50px;
	padding-right: 46px;
 }
 
	#logo img {vertical-align: middle;}

#pageIntro {
	color: #FF0000;
	font-family: /*<bodyFont>*/'Roboto', sans-serif /*</bodyFont>*/ ; 	 
	/* font-size: 14px; */
	font-style: normal;
	font-weight: normal;
	padding-left: 13px;
	padding-top: 8px;
	text-align: left;
	width: 491px;
 }
 
#footer_prefix {
	background: /*<primaryColor1>*/ #1474FF /* </primaryColor1> */ ;
	color: /*<lightTextColor>*/#FFFFFF /*</lightTextColor>*/;
	display: inline-table;
	text-align: center;
	width: 950px;
 }

 
#titles {float: left;}
 
#top_menu {
	color: /*<lightTextColor>*/#FFFFFF /*</lightTextColor>*/;
	display: block;
	float: none;
	font-family: /*<headerFont>*/'Lato', sans-serif /*</headerFont>*/ ; 
	/* font-size: 14pt; */
	line-height: 57px;
	vertical-align: middle;
 }

	#top_menu ul {
		border: 0;
		font-family: inherit;
		font-style: inherit;
		font-weight: inherit;
		margin-left: -27px;
		margin: 0;
		outline: 0;
		padding: 0;
	 }
	 
		#top_menu li {
			display: inline;
		/* padding-left: 15px; */
		 }
	  
		#top_menu li a {
			color: /*<lightTextColor>*/#FFFFFF /*</lightTextColor>*/;
			display: inline;
			padding: 3px;
			text-decoration: none;
		 }
	 
			#top_menu li a:hover {color: #0099FF;}
 
	#top_menu a.selected {text-decoration: underline;}
 

#wrapper {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 950px; /*Original value 75%;*/
 }