body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-family: Calibri, Segoe, "Segoe UI", "Open Sans", sans-serif;
	font-weight: normal;
	font-size: 1em;
	color: #53565a;
}
#header {height:65px; border-bottom:1px solid #cecece; max-width:1180px; margin:0; margin-top:20px;}
@media (min-width:767px) {
	#header {
		margin-bottom:1em;
	}
}
.square-wrap {
	background-image: url(/images/inner-banner-squares.png);
	background-size: contain;
}
.square-wrap {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: right top;
}
.slogan {width:100%; height:51px; line-height:10px; text-align:right; font-weight:bold; font-size:12px; }
	.slogan sup {font-size:11px;}
nav.navbar {
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;
	max-width: 1200px;
}
nav.navbar a:hover {text-decoration:none;}
nav.navbar li.nav-item {padding-left:10px; padding-right:10px;}
.persistentNav	{height:30px; color:#565656; text-align:center;}
	.persistentNav span {font-weight:normal; font-size:9px; color:#565656; letter-spacing:1px; margin:0 2px;}	
	.persistentNav img {margin-left:5px;}
.persistentNavLinks {padding-top:6px; height:24px;}
	.persistentNavLinks a {font-size:9px; color:#565656; text-decoration:none; letter-spacing:1px; margin:0 2px;}
		.persistentNavLinks a:hover {font-size:9px;	text-decoration:underline;}

/* Footer */
footer {
	border-top: 1px solid #cecece;
	margin: 20px auto;
	margin-bottom:0;
	padding-top:15px;
	background-color: #53565a;
	min-height: 150px;
	color:#fff;
}
div.footer-copyright {
	background: #c8c9c7;
	color: #53565a;
	padding:15px;
	text-align:center;
	font-size:.9em;
	margin-top:0;
}
	#footer a {font-size:10px; color:#605c5c; text-decoration:none; }
		#footer a:hover {text-decoration:underline;}
	#footer ul {list-style: none; padding-left:0; }
		#footer ul li a {font-size:11px;}
		#footer ul li ul {padding-left:10px;}
			#footer ul li ul li a {color:#aeb4b1; font-size: 10px; font-weight:normal}
			

#copyrightText {font-size: 10px; text-align:center; padding-top:15px; color:#828282; clear:both;}
/* End Footer */

img {border-color:Silver;}
	img.border{border:1px solid silver;}
    img.rounded{border-radius:5px}
	img.doctype{border:none; vertical-align:middle; width:16px; }
h1 {text-align : left; font-size:1.9em; font-weight:normal; margin-bottom:1.0em;}
	h1.h2 {font-size:13px;}
h2 {text-align : left; font-size:1.4em; font-weight:normal; margin-bottom:10px;}
    h2.tight {margin:0}
h3 {text-align : left; font-size : 1.2em; margin-bottom:10px; margin-top:5px;}
h4 {text-align : left; font-size : 1.1em; color : #605c5c; margin-top:10px; margin-bottom:5px;}    
h5 {text-align:left;font-size: 14px; font-weight:normal; line-height:16px; margin-bottom:10px; border-bottom:solid 1px silver; max-width:325px;}
p {margin : 10px 0 10px 0;}
    p.center {text-align:center}
a {color:#008b52; text-decoration:none;}
	a:hover {color:#e97a1c; text-decoration:underline;}
ul {margin-top: 5px; margin-bottom:5px;}  
	ul.spaced li {margin-bottom:1em;}
li {margin-bottom:2px;}

hr {color : #999999;}
input.small {font-size:11px;}
select.small {font-size:11px;}
/* Tables */
table {}
	table.center {margin-left:auto; margin-right:auto;}
table.standard {width:100%;}
	table.standard td h2 a.small {font-size:12px;}
	table.standard td {margin:0; padding:2px}
	table.standard.tight td {margin:0; padding:0}
	table.standard th {text-align:left;}
td.top {vertical-align:top;}
td.right {text-align:right}
td.center{text-align:center}
th.center{text-align:center}
/* Breadcrumbs */
p.breadcrumbs {text-align:left; font-weight : normal;}
	p.breadcrumbs a {color : #006633;}
	p.breadcrumbs a:hover {color : #e97a1c;}

/* Master table display (homepage for each portal */
table.masterDisplay {margin-top:-2px; margin-left:-2px;width:100%}
	table.masterDisplay h2 {margin: -5px -5px 5px -5px; padding:3px; background-color:#ededed;}
	table.masterDisplay td.content {border:1px solid silver; padding:5px; -moz-border-radius:5px; border-radius:5px;}
	table.masterDisplay td.content.bottom h3 {text-align : left; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 14px; font-weight:normal; line-height:16px;
											  margin-top:15px; margin-bottom:2px;}
	table.masterDisplay td.content.bottom p {margin-top:3px; margin-bottom:3px;}
td.recentUpdates {border:1px solid silver; padding:10px 0; -moz-border-radius:5px; border-radius:5px; background-color:#f7f7f7}
	td.recentUpdates h2 {margin-top:0px;}
	td.recentUpdates table {padding:3px;}
/* Right Standout Box */
#rightbox {float:right; padding:5px; margin:10px 0 10px 10px; width:265px;}
	#rightbox .innerbox {border:solid 1px silver; padding:5px; margin-bottom:10px;}
	#rightbox .innerbox h1 {margin-top:0px; margin-bottom:5px; text-align : left; font-size : 14px;
							font-weight:normal; line-height:16px;}
	#rightbox .innerbox .right {text-align:right;}
	#rightbox .innerbox ul li {margin-bottom:3px;}
/* Archive and new listings */
div.archive {margin:10px 0; border:1px solid gray; border-radius:5px; padding:5px; color:gray; background-color:#ededed; background-image:url('/images/icons/folder-open.png'); 
		  background-position: 5px center; background-repeat:no-repeat; padding-left:25px; }
    div.archive p {margin:0;}
a.archive {color:gray}
td.archive {color:gray}
img.archive {margin-bottom:3px;}
img.internalicon {margin-bottom:3px}
a.new {font-weight:bold}
div.center, div.center h2, div.center h3, div.center h4 {text-align:center}

/* Display Boxes */
.displayBox {border:solid 1px silver; margin-bottom:10px; padding:5px;-moz-border-radius:5px; border-radius:5px;}
    .displayBox.minHeight {min-height:255px}
        .displayBox.minHeight a.bottom {position:absolute; left:22px;bottom:11px; width:165px}
	.displayBox h1 {margin:-5px; text-align:left; padding:4px; background-color:#ededed; font-weight:normal; font-size:14px;  margin-bottom:5px;
					border-top-left-radius:5px;border-top-right-radius:5px;}
		.displayBox.content p {margin-top:0; padding:4px;}
	.displayBox ul {margin:15px 0;}
		.displayBox ul li {margin-left:-20px; margin-bottom:5px;}
    .displayBox ul li span {color:silver; font-style: italic;}
    .displayBox ul.tight li {margin-left:-20px; margin-bottom:2px}
    
/* Expandable list  */
div.expandlist .selected {background-color:#f2f2f2; border:solid 1px silver; border-bottom:0;}
div.expandlist dl {list-style-type:none; margin:0;}
	div.expandlist dl dt {line-height:16px; border:solid 1px #ffffff; padding:2px;}
		div.expandlist dl dt:hover {background-color:#f2f2f2; /*cursor:pointer;*/}
	div.expandlist dl dd {margin-left:0px; margin-bottom:10px; display:none; padding:5px; border:1px solid silver; 
			   border-top:0; overflow:auto;}
	div.expandlist dl dd p.modified {color:Silver; font-size:10px; font-weight:bold; margin-bottom:0;}
/* Custom classes */
.banner {background-repeat:no-repeat; background-position: center; height:100px; border:solid 1px silver; margin-bottom:10px; -moz-border-radius:5px; border-radius:5px; background-color:black;}
.messagePopup {}
.standoutcell {background-color:#fafafa; border:dotted 1px silver; padding:4px; border-radius:5px;}
.errortext {color:Red;}
span.na {color:silver;}
/* End custom classes */

/* Message Box Styles */
.errorbox {background-color:#ffa1a1; padding:3px; color:#202020; background-image:url('/images/icons/red-xcircle.png'); 
		  background-position: 5px center; background-repeat:no-repeat; padding-left:25px; -moz-border-radius:5px; border-radius:5px;}
.successbox {background-color:#a7dfa7; padding: 3px; color:#202020; background-image:url('/images/icons/green-checkcircle.png'); 
		  background-position: 5px center; background-repeat:no-repeat; padding-left:25px; -moz-border-radius:5px; border-radius:5px;}

/* Main headline text under top banner */
.headline {font-size:15px; line-height:19px;}
/* Banner Button Style*/
.bannerButton a {display:block;	width:102px; /*padding-left:6px;*/ margin-top: 10px; height:20px; padding-top:6px; font-size:11px; line-height:13px; font-weight:bold;
				 text-decoration:none; color:#e97a1c; background-image:url(/images/framework/button-bg-hpf-top-panel.png); background-repeat:no-repeat;
				 text-align:center;}		
	.bannerButton a:hover {color:silver; font-size:11px; font-weight:bold; text-decoration:underline;}
/* Button styles */
.submitbutton {background-color:#FFDEAD; font-size:12px;width: 125px;}
	.submitbutton.small {background-color:#FFDEAD; font-size:11px;}
.cancelbutton {background-color:#efedee; font-size:12px; color:#494949;}
	.cancelbutton.small {background-color:#efedee; font-size:11px; color:#494949;}
/* Message Listing */
table.messages {width:100%; border-collapse:collapse;}
	table.messages td {margin:0; padding:3px; border:none;}
	table.messages th {text-align:left; font-weight:bold;}
		table.messages th.replies {text-align:center}
	table.messages td.messageinfo{width:15%;color:silver;font-size:11px;padding:10px 3px}
		table.messages td.messageinfo a {font-size:11px; color:#008b52; border-bottom:1px dotted #008b52;}
			table.messages td.messageinfo a:hover {color:#e97a1c; border-bottom:1px dotted #e97a1c; text-decoration:none;}
	table.messages td.replies {width:10%; text-align:center; vertical-align:top;border-bottom:1px solid #ededed; padding:10px 3px}
	table.messages td.message {width:75%; vertical-align:top;border-bottom:1px solid #ededed;padding:10px 3px}
div.reply {border-left:1px solid silver; padding-left:10px; margin-bottom:30px;}
	div.reply p.replyby {font-size:11px;color:silver;}
		div.reply p.replyby a {font-size:11px; color:#008b52; border-bottom:1px dotted #008b52;}
			div.reply p.replyby a:hover {color:#e97a1c; border-bottom:1px dotted #e97a1c; text-decoration:none;}
/* Bootstrap Overrides */
.btn {background-color: #DDDDDD; color: #494949; font-size:1em;}
.btn-default{color: #333; background-color: #fff; border-color: #ccc; margin: 5px 5px 5px 0;}
.btn-success {background-color:#01a862; color:white;}
.row .displayBox {overflow:hidden; margin:10px 15px;}
.consumer-application-img-list-full {max-width:1000px; display:block; margin:10px 0;}
.consumer-applications-thumbnail-list div {margin: 0 auto; text-align:center;}
.consumer-applications-thumbnail-list h2 {text-align:center;}
.consumer-application-img-list-thumbnail {margin: 5px 10px;}
.consumer-applications-images-uploaded{}
.consumer-applications-uploads input {margin:10px 0;}
#consumer-applications-show-images{margin: 0 15px;}
.consumer-applications-filters {height:44px; padding:6px 12px;}
.image-container{position:relative; display:inline-block; text-align:center; margin:10px 20px; padding: 15px 5px;}
.image-container .btn-top-right {background-color:#ffa1a1; color: #333; width:30px; height:30px; padding: 5px; margin: 5px;}
label {font-weight:normal; margin:0 7px}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@media (max-width:767px)
{
.consumer-applications-thumbnail-list {text-align:center;}
.consumer-applications-thumbnail-list h2 {text-align:center;}
.consumer-application-img-list-full{width:100%; height:auto;}
.consumer-applications-thumbnail-list a div {width:90px !important; margin: 0 auto;}
}

/* set a max-width for horizontal fluid layout and make it centered */
#content.container-fluid {
	margin-top:85px;
	margin-right: auto;
	margin-left: auto;
	max-width: 1200px;
	padding-left:0;
	padding-right:0;
}
.table>tbody>tr>th {border-top:0;}
.table>tbody>tr>td {border-top:0;}
dt {font-weight:normal}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.slogan {text-align:right;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	   
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

}

@media all{
        .featherlight{display:none; position:fixed; top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}
        .featherlight:last-of-type{background:rgba(0,0,0,.8)}
        .featherlight:before{content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-.25em}
        .featherlight .featherlight-content{position:relative; text-align:left; vertical-align:middle; display:inline-block; overflow:auto; padding:25px 25px 0; border-bottom:25px solid transparent; margin-left:5%; margin-right:5%; max-height:95%; background:#fff; border-radius:10px; cursor:auto; white-space:normal; max-width:600px}
        .featherlight .featherlight-inner{display:block}
        .featherlight .featherlight-close-icon{position:absolute; z-index:9999; top:0; right:0; line-height:25px; width:25px; cursor:pointer; text-align:center; font-family:Arial,sans-serif; background:#fff; background:rgba(255,255,255,.3); color:#000; border:0;}
    }
@media (max-width:991.98px)
{
    .featherlight .featherlight-content h2 {
        font-size: 1.5rem;
    }
}
/* Banners */
.inner-banner {
	color: #fff;
	background: #53565a;
	position: relative;
	margin-right:0 !important;
	margin-left:0 !important;
	margin-bottom:1.5em;
}

@media (max-width:991.98px) {
	.inner-banner {
		background: #009a44;
		background-image: none !important;
	}
}

/* Large size inner banner */
@media (min-width:991.98px) {
	.inner-banner {
		background-size: cover;
		height: 265px;
		border-radius: 10px;
	}
}

.inner-banner .banner-text {
	padding: 1rem 1rem;
	font-weight: 300;
	font-size: 1.25rem;
}

@media (min-width:992px) {
	.inner-banner .banner-text {
		padding: 2.75rem 1.25rem;
	}
}

@media (min-width:1200px) {
	.inner-banner .banner-text {
		padding: 3.125rem 1.5rem;
	}
}

.inner-banner .banner-text h1 {
	font-weight: 200;
	margin-bottom: 0;
}

@media (min-width:992px) {
	.inner-banner .banner-text h1 {
		font-size: 2.7rem;
	}
}

/*.inner-banner .banner-text p {
	font-size: 1.75rem;
	font-weight:200
}*/
/* Widgets */
div.widget {
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding:2rem;
	border-radius:10px;
}
div.widget div.form-controls .form-control {
	display:inline;
}
	div.widget div.form-controls input[type=text],
	div.widget div.form-controls select {
		width: 70%;
		height: 38px;
	}
div.widget .btn-default, 
div.widget .btn-success {
		margin: 0;
		display:inline;
		height:38px;
	}
	div.widget ul li span {
		color: #c0c0c0
	}
div.widget h1, div.widget h2 {
	margin-top:0;
	padding-top:0;
}
	div.widget.light {
		background-color: #f1ebeb;
	}
	div.widget.dark {
		background-color: #53565a;
		color:white;
	}
.overlay {
	background: #7a7a7a;
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.5;
	z-index: 9999;
}

.loader {
	position: fixed;
	display: none;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('/images/ajax-loader.gif') 50% 50% no-repeat rgb(249,249,249);
	background-color: transparent;
}