@font-face {
	font-family: "StandardFontRegular";
	src: url("/lib/css/fonts/OpenSans/OpenSans-Regular-webfont.eot");
	src: url("/lib/css/fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"),
			 url("/lib/css/fonts/OpenSans/OpenSans-Regular-webfont.woff") format("woff"),
			 url("/lib/css/fonts/OpenSans/OpenSans-Regular-webfont.ttf") format("truetype"),
			 url("/lib/css/fonts/OpenSans/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "StandardFontRegular";
	src: url("/lib/css/fonts/OpenSans/OpenSans-Semibold-webfont.eot");
	src: url("/lib/css/fonts/OpenSans/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"),
			 url("/lib/css/fonts/OpenSans/OpenSans-Semibold-webfont.woff") format("woff"),
			 url("/lib/css/fonts/OpenSans/OpenSans-Semibold-webfont.ttf") format("truetype"),
			 url("/lib/css/fonts/OpenSans/OpenSans-Semibold-webfont.svg#OpenSansBold") format("svg");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "StandardFontLight";
	src: url("/lib/css/fonts/OpenSans/OpenSans-Light-webfont.eot");
	src: url("/lib/css/fonts/OpenSans/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"),
			 url("/lib/css/fonts/OpenSans/OpenSans-Light-webfont.woff") format("woff"),
			 url("/lib/css/fonts/OpenSans/OpenSans-Light-webfont.ttf") format("truetype"),
			 url("/lib/css/fonts/OpenSans/OpenSans-Light-webfont.svg#OpenSansLight") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "StandardFontLight";
	src: url("/lib/css/fonts/OpenSans/OpenSans-Regular-webfont.eot");
	src: url("/lib/css/fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"),
			 url("/lib/css/fonts/OpenSans/OpenSans-Regular-webfont.woff") format("woff"),
			 url("/lib/css/fonts/OpenSans/OpenSans-Regular-webfont.ttf") format("truetype"),
			 url("/lib/css/fonts/OpenSans/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "StandardFontSemiBold";
	src: url("/lib/css/fonts/OpenSans/OpenSans-Semibold-webfont.eot");
	src: url("/lib/css/fonts/OpenSans/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"),
			 url("/lib/css/fonts/OpenSans/OpenSans-Semibold-webfont.woff") format("woff"),
			 url("/lib/css/fonts/OpenSans/OpenSans-Semibold-webfont.ttf") format("truetype"),
			 url("/lib/css/fonts/OpenSans/OpenSans-Semibold-webfont.svg#OpenSansSemibold") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "StandardFontSemiBold";
	src: url("/lib/css/fonts/OpenSans/OpenSans-Bold-webfont.eot");
	src: url("/lib/css/fonts/OpenSans/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"),
			 url("/lib/css/fonts/OpenSans/OpenSans-Bold-webfont.woff") format("woff"),
			 url("/lib/css/fonts/OpenSans/OpenSans-Bold-webfont.ttf") format("truetype"),
			 url("/lib/css/fonts/OpenSans/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "StandardFontBold";
	src: url("/lib/css/fonts/OpenSans/OpenSans-Bold-webfont.eot");
	src: url("/lib/css/fonts/OpenSans/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"),
			 url("/lib/css/fonts/OpenSans/OpenSans-Bold-webfont.woff") format("woff"),
			 url("/lib/css/fonts/OpenSans/OpenSans-Bold-webfont.ttf") format("truetype"),
			 url("/lib/css/fonts/OpenSans/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg");
	font-weight: normal;
	font-style: normal;
}
html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	overflow-y: scroll;
}

body, p, span, div, table, tr, td, a, ul, ol, li, textarea, input {
	font-family: StandardFontRegular, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	height: 100%;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	line-height: 100%;
	color: hsl(0, 0%, 20%);
	margin: 0px;
	padding: 0px;
	background-color: hsl(0, 0%, 100%);
	background-image: url("/lib/images/framework/bg-image.png");
	background-position: center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
}

body.phoneView {
	width: 100%;
	/*overflow-x: hidden;*/

	background-image: none;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

p, div, table, tr, td, ul, ol, li, textarea, input {
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	line-height: 100%;
	margin: 0px;
	padding: 0px;
}

body.phoneView, .phoneView p, .phoneView div, .phoneView td, .phoneView li, .phoneView textarea, .phoneView input {
	font-size: 13pt;
}

p, div, table, tr, td, ul, ol, li, textarea, input {
	color: hsl(0, 0%, 20%);
}

p {
	text-align: left;
}

span {
	text-align: left;
}

div {
	text-align: left;
}

table {
	border-collapse: collapse;
}

td {
	vertical-align: top;
}

a {
	color: hsl(5, 85%, 40%); /*hsl(200, 100%, 35%);*/
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

a.noHL:hover {
	background: none;
	text-decoration: none;
}

.block {
	display: block;
}

ul {
	margin: 20px 20px 20px 50px;
}

.phoneView ul, .phoneView ol {
	margin: 15px 15px 15px 35px;
}

ol {
	margin: 20px 20px 20px 50px;
}

.phoneView ol {
	margin: 15px 15px 15px 35px;
}

li {
	line-height: 150%;
	letter-spacing: 0.5px;
	margin-top: 15px;
}

.phoneView li {
	margin-top: 10px;
}

li:first-child {
	margin-top: 0px;
}

iframe {
	border: solid 2px hsl(0, 0%, 10%);
}

img.map, map area {
    outline: none;
}
/*** IMAGES ***/
img.basic {
	display: inline-block;
	border: border: solid 1px hsla(0, 0%, 0%, 0.35); /*hsl(200, 100%, 25%);*/
}

img.basicRound {
	display: inline-block;
	border: solid 1px hsla(0, 0%, 0%, 0.35); /*hsl(200, 100%, 25%);*/
	/*
	background-color: hsla(205, 80%, 12%, 0.60);
	border-radius: 12px;
	padding: 1px;
	*/
}

img.basicBorder {
	border: solid 1px hsla(0, 0%, 0%, 0.35);
}

img.impact {
	display: inline-block;
	border: solid 1px hsla(0, 0%, 0%, 0.35); /*hsl(200, 100%, 25%);*/
}

img.impactRound {
	display: inline-block;
	border: solid 1px hsla(0, 0%, 0%, 0.35); /*hsl(200, 100%, 25%);*/
	/*
	background-color: hsla(205, 80%, 12%, 0.60);
	border-radius: 12px;
	padding: 1px;
	*/
}

img.impactThin {
	display: inline-block;
	border: solid 1px hsla(0, 0%, 0%, 0.35); /*hsl(200, 100%, 25%);*/
}

img.impactThinRound {
	display: inline-block;
	border: solid 1px hsla(0, 0%, 0%, 0.35); /*hsl(200, 100%, 25%);*/
	/*
	background-color: hsla(205, 80%, 12%, 0.60);
	border-radius: 12px;
	padding: 1px;
	*/
}

img.noShadow {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;	
}
/*** INPUTS & TEXTAREAS ***/
form.default {
	margin: 0px;
	padding: 0px;
}

input.default, textarea.default, input.alert, textarea.alert {
	width: 100%;
	font-size: 12pt;
	letter-spacing: 0.5px;
	line-height: 140%;
	padding: 5px;
	color: hsl(0, 0%, 10%);
	border: none;
	resize: none;
	background: none;
	background-color: hsl(0, 0%, 100%);
	border: solid 1px hsl(0, 0%, 80%);
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input.dataField, p.dataValue {
	width: 100%;
	font-size: 11pt !important;
	line-height: 150% !important;
	letter-spacing: 0.5px !important;
	padding: 5px;
	color: hsl(0, 0%, 10%);
	border: none;
	resize: none;
	background: none;
	background-color: hsl(0, 0%, 100%);
	border: solid 1px hsl(0, 0%, 80%);
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

p.dataValue {
	background: none;
}

input.dataField:focus {
	outline: none;
	box-shadow: 0px 0px 2px 2px hsla(205, 100%, 65%, 0.90);
}

tr.selectedRow input.dataField:focus {
	box-shadow: 0px 0px 3px 3px hsla(205, 100%, 65%, 1.0);
	background-color: hsla(205, 100%, 15%, 0.50);
}

input.alert, textarea.alert, input.alert:focus, textarea.alert:focus {
	background-color: hsl(0, 100%, 85%) !important;
}

input.default:focus, textarea.default:focus, input.alert:focus, textarea.alert:focus {
	outline: none;
	box-shadow: 0px 0px 2px 2px hsla(205, 100%, 65%, 0.90);
}

input.signUp, textarea.signUp {
	font-size: 11pt;
	letter-spacing: 0.5px;
	line-height: 18px;
	padding: 4px;
	resize: none;
	color: hsl(200, 100%, 10%);
	background: none;
	background-color: hsl(0, 0%, 100%);
	border: solid 1px hsl(200, 35%, 60%);
	border-radius: 4px;
}

input.signUp:focus, textarea.signUp:focus {
	outline: none;
	border: solid 1px hsl(200, 100%, 75%);
	box-shadow: 0px 0px 5px 0px hsla(205, 100%, 65%, 0.90);
}
/*** TEXT ***/
p.text, span.text, div.text, a.text, .text {
	font-size: 12pt !important;
	line-height: 150%;
	letter-spacing: 0.5px;
}

p.defaultDark, span.defaultDark, .defaultDark {
	color: #000000;
	line-height: 150%;
	letter-spacing: 0.5px;
}

p.mediumLarge, span.mediumLarge, .mediumLarge {
	font-size: 13pt !important;
	line-height: 150%;
	letter-spacing: 0.5px;
}

p.large, span.large, .large {
	font-size: 15pt !important;
	line-height: 150%;
	letter-spacing: 0.5px;
}

p.big, span.big, .big {
	font-size: 16pt !important;
	line-height: 150%;
	letter-spacing: 0.5px;
}

p.huge, span.huge, .huge {
	font-size: 18pt !important;
	line-height: 150%;
	letter-spacing: 0.5px;
}

p.impact, span.impact, .impact {
	font-size: 15pt !important;
	font-weight: bold;
	line-height: 140%;
	letter-spacing: 0.5px;
}

p.medium, span.medium, .medium {
	font-size: 11pt !important;
	line-height: 150% !important;
	letter-spacing: 0.5px !important;
}

p.small, span.small, .small {
	font-size: 10pt !important;
	line-height: 150% !important;
	letter-spacing: 0.5px !important;
}

p.label {
	font-size: 13pt !important;
	line-height: 150%;
	color: hsl(5, 100%, 40%) !important;
	letter-spacing: 0.5px;
}

p.bold, span.bold {
	font-weight: bold !important;
}

p.black, span.black {
	color: hsl(0, 0%, 0%); !important;
}

p.darkBlue, span.darkBlue {
	color: hsl(200, 100%, 30%); !important;
}

p.gold, span.gold {
	color: hsl(45, 100%, 40%) !important;
}

p.tan, span.tan {
	color: hsl(40, 55%, 30%) !important;
}

p.paleBlue, span.paleBlue {
	color: hsl(200, 75%, 75%) !important;
}

p.dim, span.dim {
	color: hsl(200, 5%, 50%) !important;
}

p.red, span.red {
	color: hsl(5, 100%, 40%) !important;
}

p.imgCaption {
	font-size: 11pt;
	font-style: italic;
	text-align: right;
	line-height: 135%;
	color: hsl(0, 0%, 50%);
	padding: 6px 4px 4px 4px;
}

p.noSpacing, span.noSpacing {
	letter-spacing: 0px !important;
}

p.normSpacing, span.normSpacing {
	letter-spacing: 1px !important;
}

p.littleSpacing, span.littleSpacing {
	letter-spacing: 0.5px !important;
}

p.underlineBlack {
	border-bottom: solid 1px hsl(0, 0%, 0%);
}

p.shadow {
	text-shadow: hsla(0, 0%, 0%, 0.50) 1px 1px 1px !important;
}
ul.lineSpaceM li {
	margin-top: 12px;
}

.phoneView ul.lineSpaceM li {
	margin-top: 8px;
}

ul.noIndent, ol.noIndent {
	margin: 0px;
	margin-left: 20px !important;
}
/*** SOLID BOX ***/
.solidBox {
	/*border-radius: 12px;*/
	border: solid 1px hsl(0, 0%, 70%);
	background-color: hsl(0, 0%, 100%);
	padding: 20px;
}



/*** BASIC BOX ***/
div.basicBox, div.basicBoxRound, div.basicBoxXtraRound {
	border: solid 1px hsl(0, 0%, 80%);
	background-color: hsl(0, 0%, 98%);
	padding: 20px;
	box-sizing: border-box;
}

div.basicBoxRound {
	border-radius: 12px;
	overflow: hidden;
}

div.basicBoxXtraRound {
	border-radius: 16px;
	overflow: hidden;
}

div.basicBoxXtraOpaque {
	background-color: hsl(0, 0%, 98%);
}

div.basicBoxHeader, div.basicBoxHeaderRound, div.basicBoxHeaderFullRound {
	position: relative;
	font-weight: bold;
	text-align: center;
	background-color: hsl(0, 0%, 94%);
	padding: 8px;
}

div.basicBoxHeaderRound {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

div.basicBoxHeaderFullRound {
	border-radius: 10px;
}

div.basicBoxHeaderAlert {
	background-color: hsl(0, 100%, 20%);
}

div.basicBoxFooter, div.basicBoxFooterRound {
	text-align: center;
	background-color: hsl(0, 0%, 100%);
	padding: 12px;
}

div.basicBoxFooterRound {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

img.bbHeadDisplayButton {
	position: absolute;
	display: block;
	right: 8px;
	top: 8px;
	width: 24px;
	height: 24px;
	border: none;
}

div.basicBoxContents {
	padding: 12px;
}



/*** ROUND RECT ITEM DARK ***/
div.roundRectDark {
	border: solid 2px hsl(200, 50%, 40%);
	background-color: hsla(205, 80%, 12%, 0.65);
	border-radius: 16px;
	padding: 8px;
}

div.roundRectDarkHeader {
	border: solid 2px hsl(200, 50%, 40%);
	background-color: hsla(205, 50%, 40%, 0.65);
	border-radius: 16px;
	padding: 8px;
}



/*** INSET BOX ***/
div.insetBox, div.insetBoxRound, div.insetBoxXtraRound {
	border: solid 1px hsla(205, 50%, 40%, 0.25);
	background-color: hsla(205, 80%, 12%, 0.60);
	box-shadow: inset 0px 1px 8px 1px hsla(0, 0%, 0%, 0.35);
	padding: 12px;
}

div.insetBoxRound {
	border-radius: 12px;
	overflow: hidden;
}

div.insetBoxXtraRound {
	border-radius: 16px;
	overflow: hidden;
}



/*** LINED LIST TABLE ***/
table.listTable {}

table.listTable td {
	font-size: 11pt;
	vertical-align: middle;
	padding: 8px 6px;
}

table.listTable tr.head td {
	padding: 0px;
	background-color: hsla(205, 50%, 40%, 0.65);
}

table.listTable tr.headRound td:first-child {
	border-top-left-radius: 8px;
}

table.listTable tr.headRound td:last-child {
	border-top-right-radius: 10px;
}

table.listTable tr.head .staticHeading, table.listTable tr.head .sortHeading {
	display: block;
	font-size: 11pt;
	color: hsl(200, 30%, 95%);
	text-align: center;
	padding: 6px 12px;
	white-space: nowrap;
	cursor: pointer;
}

table.listTable tr.heading {
	background-color: hsl(200, 40%, 45%);
}

table.listTable td.heading {
	color: hsl(200, 100%, 95%);
	font-size: 12pt;
	letter-spacing: 0.5px;
	line-height: 130%;
	text-align: center;
	white-space: no
}

table.listTable td.subhead {
	width: 1%;
	color: hsl(200, 5%, 25%);
	font-size: 11pt;
	letter-spacing: 0.5px;
	line-height: 130%;
	text-align: right;
	white-space: nowrap;
}

table.listTable tr.head .sortHeading {
	color: hsl(200, 100%, 85%);
	padding-left: 16px;
	padding-right: 16px;
}

table.listTable tr.head .sortHeading:hover {
	text-decoration: none;
	background-color: hsla(0, 0%, 100%, 0.05);
}

table.listTable tr.head .sortHeading:active {
	background-color: hsla(0, 0%, 100%, 0.1);
}

table.listTable tr.head .sortAsc {
	background-image: url("/lib/images/misc/arrow-sort_asc-v2.png"), url("/lib/images/misc/arrow-sort_asc-v2.png");
	background-position: left center, right center;
	background-repeat: no-repeat, no-repeat;
	background-color: hsla(0, 0%, 0%, 0.2);
}

table.listTable tr.head .sortDesc {
	background-image: url("/lib/images/misc/arrow-sort_desc-v2.png"), url("/lib/images/misc/arrow-sort_desc-v2.png");
	background-position: left center, right center;
	background-repeat: no-repeat, no-repeat;
	background-color: hsla(0, 0%, 0%, 0.2);
}

table.listTable td.label {
	color: hsl(200, 50%, 55%);
	text-align: right;
}

table.listTable td.info {
	color: hsl(200, 20%, 75%);
}

table.listTable td.text {
	color: hsl(200, 20%, 75%);
	padding: 6px 12px;
}

table.listTable td.sort {
	color: hsl(0, 0%, 100%);
	background-color: hsla(0, 0%, 0%, 0.15);
}

table.listTable td.inactive {
	color: hsl(200, 35%, 40%);
}

table.listTable td.content {}

table.listTable div.content, table.listTable p.content {
	border-left: solid 2px hsl(200, 40%, 40%);
	padding: 4px 8px;
	line-height: 140%;
}

table.listTable p.contentText {
	line-height: 140%;
}

table.listTable td.footer {
	background-color: hsl(200, 65%, 20%);
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	padding: 12px;
}

table.listTable td span.subdued {
	color: hsl(200, 25%, 60%);
}

table.listTablePadL td {
	padding: 10px 15px;
}

table.linedListTable {}

table.linedListTable td {
	border-top: solid 2px hsl(200, 65%, 20%);
}

table.linedListTable tr:first-child td { /*need to use <tbody> if table has a heading*/
	border-top: none;
}

tr.linedRow {
	border-top: solid 1px hsl(200, 40%, 45%);
}

tr.selectedRow {
	background-color: hsl(50, 50%, 50%);
}

tr.alertRow {
	background-color: hsla(0, 100%, 50%, 0.50);
}



/*** FEATURE ITEM ***/
table.featureItem {
	width: 100%;
}

table.featureItem td {
	font-size: 11pt;
	line-height: 135%;
	vertical-align: middle;
	padding: 6px;
}

table.featureItem td.hilite {
	color: hsl(40, 100%, 65%);
	font-size: 12pt;
	font-weight: bold;
	text-align: right;
}

table.featureItem td.content {
	width: 95%;
}

table.featureItem td.buttons {
	width: 1%;
}

table.featureItem div.buttonBox {
	border-radius: 8px;
	padding: 8px;
	background-color: hsla(0, 0%, 100%, 0.15);
}

table.featureItem td.image {
	width: 1%;
}

table.featureItem div.thumbImageClickable {
	position: relative;
}

table.featureItem img.thumbImage {
	display: block;
	border: solid 2px #ffffff;
	box-shadow: 2px 2px 2px 0px hsla(0, 0%, 0%, 0.35);
}

table.featureItem img.thumbImageMagnify {
	display: block;
	position: absolute;
	z-index: 1;
	right: 2px;
	bottom: 2px;
	width: 22px;
	height: 22px;
	padding: 3px;
	background-color: hsla(0, 0%, 0%, 0.50);
	border-top-left-radius: 6px;
	pointer-events: none;
}

table.featureItem img.thumbImageClickable {
	display: block;
	border: solid 2px #ffffff;
	box-shadow: 2px 2px 2px 0px hsla(0, 0%, 0%, 0.35);
	cursor: pointer;
}

table.featureItem img.thumbImageClickable:hover {
	box-shadow: 0px 0px 12px 3px hsla(205, 100%, 65%, 0.95), 2px 2px 2px 0px hsla(0, 0%, 0%, 0.35);
}

table.featureItem td p.title {
	color: #ffffff;
	font-size: 14pt;
	font-weight: bold;
	line-height: 135%;
	padding-top: 3px;
}

table.featureItem td p.summary {
	color: hsl(200, 15%, 65%);
	font-size: 11pt;
	line-height: 135%;
	padding-top: 3px;
}

table.featureItem td p.subdued {
	color: hsl(200, 35%, 50%);
	font-size: 11pt;
	line-height: 135%;
	padding-top: 3px;
}

table.featureItem td span.new {
	color: #00ff55;
}

table.featureItem td span.update {
	color: #ffd630;
}



/*** PLOTS ***/
div.c3PlotDiv {
	height: 300px;
	background-color: hsl(0, 0%, 100%);
}
div.modalDiv {
	position: fixed;
	z-index: 1000;
	display: none;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: hsla(205, 75%, 5%, 0.85);
	cursor: pointer;
}
/*** IOOS BAR ***/
div.ioosBar, div.ioosBarActive {
	position: fixed;
	z-index: 1000;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 38px;
	padding: 1px;
	box-sizing: border-box;
	background-color: hsl(0, 0%, 100%);
	border-bottom: solid 1px hsla(0, 0%, 0%, 0.1);
}

div.ioosBarActive {
	background-color: hsl(40, 100%, 75%);
}

div.ioosBar a.ioosBarLink, div.ioosBar div.ioosBarLink {
	display: inline-block;
	padding-right: 4px;
}

div.ioosBar div.ioosBarLink {
	pointer-events: none !important;
}

div.ioosBar a.ioosBarLink:hover {
	text-decoration: none;
	background-color: hsl(0, 0%, 95%);
}



/*** SOCIAL MEDIA LINKS ***/
div.socialMediaLinks {
	position: absolute;
	z-index: 1;
	right: 0px;
	top: 0px;
	font-size: 0px;
	background-color: hsl(0, 0%, 100%);
	padding: 10px 10px 3px 3px;
	border-bottom-left-radius: 6px;
}

div.socialMediaLinkSpacer {
	display: block; /*inline-block;*/
	width: 36px; /*5px;*/
	height: 5px; /*36px;*/
}

a.socialMediaLinks {
	display: block; /*inline-block;*/
}

img.facebookMediaLogo, img.twitterMediaLogo, img.youtubeMediaLogo {
	display: block;
	width: 36px;
	height: 36px;
}



/*** FACEBOOK LINK ***/
div.facebookLink {
	position: relative;
	padding: 4px;
	text-align: right;
	font-size: 0px;
}

div.facebookLink:hover {
	background-color: hsl(0, 0%, 95%);
}

div.ioosBarActive div.facebookLink:hover {
	background-color: hsl(40, 100%, 80%);
}

a.facebookLink {
	display: inline-block;
}

div.ioosBar a.facebookLink:hover {
	text-decoration: none;
}

div.ioosBarActive a.facebookLink:hover {
	text-decoration: none;
}

img.facebookLink {
	display: block;
	width: 28px;
	height: 28px;
	border: none;
}



/*** NEWSLETTER SIGNUP ***/
div.newsletterSignup {
	position: relative;
}

div.newsletterSignupBtn, div.newsletterSignupForm {
	position: relative;
	height: 36px;
	padding: 4px;
	box-sizing: border-box;
}

div.newsletterSignupBtn {
	cursor: pointer;
}

div.ioosBar div.newsletterSignupBtn:hover {
	background-color: hsl(0, 0%, 95%);
}

div.ioosBarActive div.newsletterSignupBtn:hover {
	background-color: hsl(40, 100%, 80%);
}

p.newsletterSignupSmall, p.newsletterSignupNorm {
	color: hsl(200, 100%, 25%);
	letter-spacing: 0.5px;
	text-align: center;
	pointer-events: none;
}

p.newsletterSignupSmall {
	height: 11px;
	line-height: 11px;
	font-size: 7pt;
	white-space: nowrap;
}

p.newsletterSignupNorm {
	height: 17px;
	line-height: 17px;
	font-size: 10pt;
	white-space: nowrap;
}

img.newsletterSignupIcon {
	display: block;
	right: 8px;
	height: 28px;
	width: 24px;
	pointer-events: none;
}



/*** GOOGLE TRANSLATE ***/
div.googleTranslateWidgetContainer {
	min-height: 24px;
	text-align: center;
}

div.googleTranslateWidget {
	display: inline-block;
}

div.googleTranslateWidget a:hover {
	text-decoration: none;
}



/*** MENU ***/
div.menuPanel {
	position: fixed;
	z-index: 2;
	left: 0px;
	width: 164px;
	top: 0px;
	bottom: 0px;
	height: auto;
	background-color: hsl(200, 76%, 42%);
	padding: 4px 0px 12px 0px; /*42px 0px 12px 0px;*/
	overflow-y: auto;
}

div.menuPanelInternal {
	background-color: hsl(40, 100%, 35%);
}

div.menuPanel td.menuLogo {
	height: 120px;
	vertical-align: middle;
}

div.menuPanel a.menuLogo {
	display: block;
	width: 100%;
	max-width: 160px;
	margin: 0px auto 10px auto;
}

div.menuPanel a.menuLogo:hover {
	text-decoration: none;
	/*
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url("/lib/images/framework/menu_logo-hl.png");
	*/
}

div.menuPanel img.menuLogo {
	display: block;
	width: 100%;
	max-width: 160px;
	border: none;
	pointer-events: none;
}

div.menuPanel div.menuList {
	margin-top: 8px;
}

div.menuPanel a.menuItem, div.menuPanel a.menuItemSelected, div.menuPanel p.menuItemDisabled, div.menuPanel p.menuUsername {
	display: block;
	font-size: 12pt;
	line-height: 40px;
	font-style: normal;
	letter-spacing: 1px;
	color: hsl(0, 0%, 100%);
	text-align: right;
	padding: 0px 10px 0px 2px;
	margin-right: 0px;
}

div.menuPanelInternal a.menuItem {
	color: hsl(0, 0%, 100%);
}

div.menuPanel a.menuItem:hover {
	text-decoration: none;
	background-color: hsl(200, 76%, 52%);
}

div.menuPanelInternal a.menuItem:hover {
	text-decoration: none;
	background-color: hsl(40, 100%, 40%);
}

div.menuPanel a.menuItem:active {
	background-color: hsl(200, 100%, 45%);
}

div.menuPanelInternal a.menuItem:active {
	background-color: hsl(40, 100%, 45%);
}

div.menuPanel a.menuItemSelected {
	background-color: hsl(5, 70%, 60%);
}

div.menuPanelInternal a.menuItemSelected {
	color: hsl(40, 100%, 15%);
	background-color: hsl(40, 100%, 80%);
}

div.menuPanel a.menuItemSelected:hover {
	text-decoration: none;
}

div.menuPanel p.menuItemDisabled span.menuItemDisabled {
	opacity: 0.25 !important;
	filter: alpha(opacity=25) !important;
}

div.menuPanel p.menuUsername {
	font-size: 12pt;
	line-height: 32px;
	color: hsl(200, 100%, 10%);
	background-color: hsl(40, 100%, 80%);
	text-align: center;
	padding: 0px 8px;
	margin: 0px 5px 5px 5px;
	border-radius: 5px;
}

div.menuPanelInternal p.menuUsername {
	color: hsl(40, 100%, 15%);
	background-color: hsl(200, 100%, 80%);
}

div.menuPanel p.menuSpacer {
	height: 24px;
}

div.sponsorContainer {
	padding-top: 16px;
	text-align: center;
}

a.menuSponsor {
	display: block;
	margin: 16px auto 0px auto;
}

a.menuSponsor:first-child {
	margin-top: 0px;
}

a.menuSponsor img {
	display: block;
	margin: 0px auto;
}

/*** PHONE TITLE & MENU ***/
div.phoneTitleBar {
	position: fixed;
	z-index: 9;
	width: 100%;
	height: 50px;
	top: 0px;
	left: 0px;
	font-size: 0px;
	background-color: hsl(200, 76%, 42%);
	/*text-align: center;*/
}

a.phoneLogoAndTitle {
	/*position: absolute;*/
	display: inline-block; /*block*/
	/*
	z-index: 2;
	left: 0px;
	top: 0px;
	cursor: pointer;
	*/
}

img.phoneLogo {
	display: inline-block;
	width: 0px; /*110px;*/ /*half size*/
	height: 0px; /*50px;*/ /*half size*/
	border: none;
	pointer-events: none;
}

img.phoneTitle {
	display: inline-block;
	width: 0px; /*200px;*/ /*half size*/
	height: 0px; /*50px;*/ /*half size*/
	border: none;
	pointer-events: none;
}

div.phoneMenuButton, div.phoneMenuButtonActive {
	position: absolute;
	z-index: 1;
	right: 0px;
	top: 0px;
	cursor: pointer;
}

div.phoneMenuButtonActive {
	background-color: hsla(0, 0%, 100%, 0.20);
}

img.phoneMenuButton {
	display: block;
	width: 50px; /*half size*/
	height: 50px; /*half size*/
	border: none;
	pointer-events: none;
}

div.phoneMenuContainer {
	position: fixed;
	z-index: 8;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	overflow-x: hidden;
	pointer-events: none;
}

div.phoneMenu {
	position: absolute;
	display: block;
	width: 160px;
	height: auto;
	top: 50px;
	bottom: 0px;
	right: -160px;
	background-color: hsl(200, 76%, 35%);
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	pointer-events: all;
	-webkit-transition: 0.35s ease-out;
	-moz-transition: 0.35s ease-out;
	-o-transition: 0.35s ease-out;
	transition: 0.35s ease-out;
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

div.phoneMenuSlideOpen {
	-webkit-transform: translate(-160px, 0px);
  -moz-transform: translate(-160px, 0px);
  -ms-transform: translate(-160px, 0px);
  -o-transform: translate(-160px, 0px);
  transform: translate(-160px, 0px);
}

div.phoneMenuInstantClose {
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

div.phoneMenu .menuItem, div.phoneMenu .menuItemActive, div.phoneMenu .menuItemSelected, div.phoneMenu p.menuItemDisabled {
	display: block;
	font-size: 12pt;
	line-height: 40px;
	font-style: normal;
	letter-spacing: 1px;
	color: hsl(0, 0%, 100%);
	text-align: right;
	padding: 0px 8px 0px 2px;
	/*margin-left: 3px;*/
}

div.phoneMenu .menuItem:hover, div.phoneMenu .menuItemSelected:hover {
	text-decoration: none;
}

div.phoneMenu .menuItemActive {
	text-decoration: none;
	background-color: hsl(200, 76%, 52%);
}

div.phoneMenu .menuItemSelected {
	background-color: hsl(5, 70%, 60%);
}

div.phoneMenu p.menuItemDisabled {
	opacity: 0.35
}

div.phoneMenu span.menuItemDisabled {
	opacity: 0.25 !important;
	filter: alpha(opacity=25) !important;
}



/*** CONTENT ***/
div.contentPanel, div.contentPanelNoCoastline {
	position: relative;
	z-index: 1;
	margin-left: 164px;
	min-width: 500px;
	min-height: 100%;
	box-sizing: border-box;
}

div.contentPanelNoCoastline {}

div.bgCoastline {
	position: fixed;
	z-index: 0;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	/*
	background-image: url("/lib/images/framework/bg-coastline.png");
	background-position: right top;
	background-attachment: scroll;
	background-repeat: no-repeat;
	*/
}

div.bgCoastlineNoPad {
	background-position: right -36px;
}

@media screen and (max-width: 1464px) {
	div.bgCoastline {
		display: none;
	}

	div.contentPanel {}
}

@media screen and (min-width: 1465px) and (max-width: 1644px) {
	div.bgCoastline {
		width: 1644px;
	}

	div.contentPanel {
		width: 1300px;
	}
}

@media screen and (min-width: 1645px) {
	div.bgCoastline {}

	div.contentPanel {
		margin-right: 180px;
	}
}

.phoneView div.contentPanelNoCoastline {
	margin-left: 0px;
	min-width: initial;
	min-height: initial;
}

.phoneView div.contentPanel, .phoneView div.contentPanelNoCoastline {
	position: absolute;
	width: auto;
	left: 0px;
	right: 0px;
	height: auto;
	top: 0px;
	bottom: 0px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

div.contentDiv, div.contentDivNoTopPad {
	margin: 0px auto;
	padding-top: 70px;
	padding-left: 60px;
	padding-right: 60px;
	padding-bottom: 60px;
}

div.contentDivNoTopPad {
	padding-top: 20px;
}

div.contentDivNoBottomPad {
	padding-bottom: 0px;
}

div.contentDivMinBottomPad {
	padding-bottom: 10px;
}

.phoneView div.contentDiv {
	/*margin: 0px auto;*/
	padding-top: 65px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}

.phoneView div.contentDivNoPad {
	padding-top: 50px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

div.content {}

.phoneView div.contentPaddingWrapper {
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}



/*** COMMON PAGE BOTTOM ***/
div.commonPageBottom, div.commonPageBottomInvis {
	position: absolute;
	width: 100%;
	bottom: 0px;
	padding: 20px;
	background-color: hsl(0, 0%, 100%);
	border-top: solid 2px hsl(200, 50%, 75%);
	box-sizing: border-box;
}

.phoneView div.commonPageBottom {
	position: relative;
}

div.commonPageBottomInvis {
	position: relative;
	visibility: hidden;
}



/*** COMMON PAGE CONTENT ***/
div.commonContentSponsorLogos {
	font-size: 0px;
	text-align: center;
}

a.commonContentSponsorLogo {
	display: inline-block;
	vertical-align: top;
	margin: 10px 10px;
}

img.commonContentSponsorLogo {
	display: block;
	pointer-events: none;
}



/*** POP-UP INFO - USED FOR BOX LINK SUMMARIES, ETC. ***/
div.popUpInfo {
	position: absolute;
	z-index: 100;
	width: 400px;
	left: 0px;
	top: 0px;
	background-color: hsl(200, 100%, 95%);
	border: solid 1px hsla(0, 0%, 0%, 0.20);
	border-radius: 6px;
	/*box-shadow: 0px 0px 12px 3px hsla(205, 100%, 65%, 0.95);*/
	pointer-events: none;
}

div.popUpInfoContent {
	border-radius: 5px;
	padding: 8px;
	color: hsl(0, 0%, 10%);
	font-size: 11pt;
	line-height: 130%;
}

p.popUpInfoCredit {
	font-size: 12px;
	font-style: italic;
}



/*** PRELOAD IMAGES ***/
div.preloadImages {
	position: fixed;
	left: 0px;
	top: -1000px;
	visibility: hidden;
}
/* LINK BUTTONS */
.linkButton, .linkButtonInline {
	display: inline-block;
	min-width: 150px;
	color: hsl(0, 0%, 100%);
	font-size: 12pt;
	letter-spacing: 0.5px;
	font-weight: normal;
	text-align: center;
	line-height: 30px;
	padding: 8px 28px;
	background-color: hsl(5, 75%, 45%);
	border-top-left-radius: 25px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 25px;
	cursor: pointer;
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: -moz-none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}

.linkButtonInline {
	min-width: initial;
	padding: initial;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 3px;
}

.phoneView .linkButton {
	display: block;
	min-width: initial;
}

.linkButton:hover, .linkButtonInline:hover {
	text-decoration: none;
	background-color: hsl(5, 80%, 55%);
}

.phoneView .linkButton:hover {
	text-decoration: none;
	background-color: hsl(5, 80%, 55%);
}

.linkButton:active, .linkButtonInline:active {
	background-color: hsl(5, 85%, 605%);
}

.phoneView .linkButton:active {
	background-color: hsl(5, 85%, 605%);
}

.roundedLinkButton {
	display: inline-block;
	color: hsl(0, 0%, 100%);
	font-size: 11pt;
	font-weight: normal;
	text-align: center;
	line-height: 32px;
	border-radius: 16px;
	background-color: hsl(200, 100%, 40%);
	padding: 0px 16px;
	margin: 5px 2px 5px 2px;
	cursor: pointer;
	pointer-events: initial;
}

.roundedLinkButton:hover {
	text-decoration: none;
	background-color: hsl(200, 100%, 50%);
}

.roundedLinkButton:active {
	background-color: hsl(200, 100%, 60%);
}

.fullSpanLinkButton {
	display: block;
	color: hsl(0, 0%, 100%);
	font-size: 12pt;
	font-weight: normal;
	text-align: center;
	line-height: 50px;
	border-radius: 6px;
	background-color: hsl(200, 100%, 40%);
	padding: 0px 16px;
	cursor: pointer;
	pointer-events: initial;
}

.fullSpanLinkButton:hover {
	text-decoration: none;
	background-color: hsl(200, 100%, 50%);
}

.fullSpanLinkButton:active {
	background-color: hsl(200, 100%, 60%);
}



/* PAGE BUTTON */
.pageButton, .pageButtonInactive {
	display: inline-block;
	min-width: 150px;
	color: hsl(5, 100%, 30%);
	font-size: 12pt;
	letter-spacing: 0.5px;
	font-weight: normal;
	text-align: left;
	line-height: 135%;
	padding: 10px 12px;
	border-radius: 6px;
	cursor: pointer;
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: -moz-none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}

.pageButtonInactive {
	color: hsl(0, 0%, 10%);
	cursor: default;
}

.pageButtonBold, .pageButtonInactiveBold {
	font-family: StandardFontSemiBold, sans-serif;
}

.pageButton:hover {
	text-decoration: none;
	background-color: hsla(0, 0%, 0%, 0.05);
}

.pageButton:active {
	background-color: hsla(0, 0%, 0%, 0.10);
}



/* STANDARD BUTTON COMMON STYLING */
.standardButton {
	/*display: set in Buttons::standardButton();*/
	border-radius: 4px;
	padding: 4px;
	vertical-align: bottom; /*prevents space appearing below inline-block items*/
	box-sizing: border-box;
	cursor: pointer;
	pointer-events: all;
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: -moz-none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}

.standardButton:hover {
	text-decoration: none;
}

.standardButton:focus {
	text-decoration: none;
}

.standardButton table.btnIconText {
	width: 100%;
}

.standardButton td.btnIcon {
	width: 1%;
	padding: 0px;
}

.standardButton td.btnText {
	padding: 0px 4px;
}

.standardButton p.btnIcon {
	display: block;
}

.standardButton img.btnIcon {
	display: block;
}

.standardButton p.btnText {
	font-size: 11pt;
	line-height: 190%;
	white-space: nowrap;
}

.standardButton p.btnText a {}

.standardButton p.btnText a:hover {
	text-decoration: none;
}

.standardButton p.btnData {
	display: none;
}

.largeShadow {
	box-shadow: 2px 2px 2px 0px hsla(0, 0%, 0%, 0.35);
}

.smallShadow {
	box-shadow: 2px 2px 2px 0px hsla(0, 0%, 0%, 0.35);
}

.noShadow {}

.smallRound {
	border-radius: 2px;
}

.mediumRound {
	border-radius: 4px;
}

.largeRound {
	border-radius: 8px;
}

.btnFlat {
	border: none;
	background: none;
}


/* BLUE BUTTON */
.btnBlue, .btnBlueDisabled {
	background-color: hsl(200, 100%, 40%);
}

.btnBlue:hover {
	background-color: hsl(200, 100%, 50%);
}

.btnBlue:active, .btnBlue:focus {
	background-color: hsl(200, 100%, 60%);
}

.btnBlue p.btnText, .btnBlue p.btnText a, .btnBlueDisabled p.btnText, .btnBlueDisabled p.btnText a {
	color: hsl(0, 0%, 100%);
}

.btnBlueDisabled {
	background-color: hsl(0, 0%, 35%);
	opacity: 0.25;
	filter: alpha(opacity=25);
	pointer-events: none;
}

.btnBlueDisabled p.btnText {
	background-image: none;
}



/* GOLD BUTTON */
.btnGold, .btnGoldDisabled {
	background-color: hsl(50, 60%, 70%);
}

.btnGold:hover {
	background-color: hsl(50, 65%, 75%);
}

.btnGold:active, .btnGold:focus {
	background-color: hsl(50, 70%, 80%);
}

.btnGold p.btnText, .btnGold p.btnText a, .btnGoldDisabled p.btnText, .btnGoldDisabled p.btnText a {
	color: hsl(0, 0%, 0%);
}

.btnGoldDisabled {
	background-color: #b8b082;
	opacity: 0.25;
	filter: alpha(opacity=25);
	pointer-events: none;
}

.btnGoldDisabled p.btnText {
	background-image: none;
}



/* SILVER BUTTON */
.btnSilver, .btnSilverDisabled {
	background-color: hsl(0, 0%, 90%);
}

.btnSilver:hover {
	background-color: hsl(0, 0%, 95%);
}

.btnSilver:active, .btnSilver:focus {
	background-color: hsl(0, 0%, 100%);
}

.btnSilver p.btnText, .btnSilver p.btnText a, .btnSilverDisabled p.btnText, .btnSilverDisabled p.btnText a {
	color: hsl(0, 0%, 0%);
}

.btnSilverDisabled {
	background-color: #9f9f9f;
	opacity: 0.25;
	filter: alpha(opacity=25);
	pointer-events: none;
}

.btnSilverDisabled p.btnText {
	background-image: none;
}



/* BLUE OUTLINE BUTTON */
.btnBlueOutline, .btnBlueOutlineDisabled {
	color: hsl(0, 0%, 10%);
	border-radius: 4px;
	border: solid 1px hsla(200, 100%, 35%, 0.50);
	background-color: hsla(200, 100%, 100%, 0.50);
	box-shadow: none;
}

.btnBlueOutline td.btnText, .btnBlueOutlineDisabled td.btnText {
	padding: 0px 6px;
}

.btnBlueOutline td.btnIcon {
	padding: 0px;
}

.btnBlueOutline img.btnIcon {
	display: block;
}

.btnBlueOutline:hover {
	background-color: hsla(200, 100%, 85%, 0.30);
}

.btnBlueOutline:active, .btnBlueOutline:focus, .btnBlueOutlineActive {
	background-color: hsla(200, 100%, 85%, 0.45);
}

.btnBlueOutline p.btnText, .btnBlueOutline p.btnText a, .btnBlueOutlineDisabled p.btnText, .btnBlueOutlineDisabled p.btnText a {
	color: hsl(200, 100%, 25%);
}

.btnBlueOutlineDisabled {
	opacity: 0.25;
	filter: alpha(opacity=25);
	pointer-events: none;
}

.btnBlueOutlineDisabled p.btnText {
	background: none;
}



/* WHITE OUTLINE BUTTON */
.btnWhiteOutline, .btnWhiteOutlineDisabled {
	color: hsl(0, 0%, 10%);
	border-radius: 4px;
	border: solid 1px hsla(0, 0%, 0%, 0.25);
	background-color: hsl(0, 0%, 100%);
	box-shadow: none;
}

.btnWhiteOutline td.btnText, .btnWhiteOutlineDisabled td.btnText {
	padding: 0px 6px;
}

.btnWhiteOutline td.btnIcon {
	padding: 0px;
}

.btnWhiteOutline img.btnIcon {
	display: block;
}

.btnWhiteOutline:hover {
	background-color: hsl(0, 0%, 97%);
}

.btnWhiteOutline:active, .btnWhiteOutline:focus, .btnWhiteOutlineActive {
	background-color: hsl(0, 0%, 94%);
}

.btnWhiteOutline p.btnText, .btnWhiteOutline p.btnText a, .btnWhiteOutlineDisabled p.btnText, .btnWhiteOutlineDisabled p.btnText a {
	color: hsl(0, 0%, 10%);
}

.btnWhiteOutlineDisabled {
	opacity: 0.25;
	filter: alpha(opacity=25);
	pointer-events: none;
}

.btnWhiteOutlineDisabled p.btnText {
	background: none;
}



/* IMAGE BUTTON */
.imageButton {
	display: inline-block;
	cursor: pointer;
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: -moz-none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}



/* TOGGLE BUTTON */
.toggleButton {
	display: block;
	cursor: pointer;
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: -moz-none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}
div.noticePanel {
	display: none;
	position: fixed;
	z-index: 9999;
	left: 0px;
	top: 0px;
	width: 100%;
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: -moz-none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}

div.noticeMsgStandard, div.noticeMsgConfirmation, div.noticeMsgAlert {
	position: relative;
	padding: 8px 80px;
	box-shadow: 2px 2px 18px 2px hsla(0, 0%, 0%, 0.90);
}

p.noticeMsg {
	font-size: 14pt;
	line-height: 36px;
	letter-spacing: 0.5px;
	text-align: center;
	color: hsl(0, 0%, 100%);
	background-color: hsla(0, 0%, 0%, 0.35);
	border-radius: 3px;
	pointer-events: none;
}

div.noticeMsgStandard {
	background-color: hsl(200, 100%, 40%);
}

div.noticeMsgConfirmation {
	background-color: hsl(155, 100%, 35%);
}

div.noticeMsgAlert {
	background-color: hsl(0, 100%, 40%);
}

div.noticeCloseButton {
	position: absolute;
	display: block;
	width: 26px;
	height: 26px;
	right: 10px;
	top: -1px;
	bottom: 0px;
	margin-top: auto;
	margin-bottom: auto;
	border-radius: 4px;
	cursor: pointer;
}

img.noticeCloseButton {
	display: block;
	padding: 4px;
	border: none;
}

div.noticeCloseButton:hover {
	background-color: hsla(0, 0%, 100%, 0.30);
}

div.noticeCloseButton:active, div.noticeCloseButton:focus {
	background-color: hsla(0, 0%, 100%, 0.40);
}
div.confirmContainer {
	display: none;
	position: fixed;
	z-index: 9000;
	left: 0px;
	right: 0px;
	top: 0px;
	width: auto;
	height: 100%;
	padding: 0px 12px;
	background-color: hsla(0, 0%, 0%, 0.65);
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: -moz-none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}

div.confirmPanel {
	position: relative;
	top: 16px;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	padding: 16px;
	border-radius: 6px;
	box-shadow: 2px 2px 18px 2px hsla(0, 0%, 0%, 0.90);
	background-color: hsl(200, 100%, 40%);
}

p.confirmPanelMsg {
	font-size: 12pt;
	line-height: 150%;
	letter-spacing: 0.5px;
	text-align: center;
	padding: 12px;
	color: hsl(0, 0%, 100%);
	background-color: hsla(0, 0%, 0%, 0.45);
	border-radius: 6px;
}

div.confirmPanelButtonRow {
	margin-top: 16px;

}

div.confirmPanelButtonSlot {
	background-color: hsla(0, 0%, 0%, 0.45);
	padding: 2px;
	border-radius: 6px;
}
div.promptContainer {
	display: none;
	position: fixed;
	z-index: 9100;
	left: 0px;
	right: 0px;
	top: 0px;
	width: auto;
	height: 100%;
	padding: 0px 12px;
	background-color: hsla(0, 0%, 0%, 0.65);
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: -moz-none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}

div.promptPanel {
	position: relative;
	top: 16px;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	padding: 16px;
	border-radius: 6px;
	box-shadow: 2px 2px 18px 2px hsla(0, 0%, 0%, 0.90);
	background-color: hsl(200, 100%, 40%);
}

p.promptPanelMsg {
	font-size: 12pt;
	line-height: 150%;
	letter-spacing: 0.5px;
	text-align: center;
	padding: 12px;
	color: hsl(0, 0%, 100%);
	background-color: hsla(0, 0%, 0%, 0.40);
	border-radius: 6px;
}

div.promptPanelButtonRow {
	margin-top: 16px;

}

div.promptPanelButtonSlot {
	background-color: hsla(0, 0%, 0%, 0.45);
	padding: 2px;
	border-radius: 6px;
}
/*** BOX LINKS ***/
div.boxLinks {
	text-align: center;
	margin-top: 15px;
}

.phoneView div.boxLinks {
	margin-top: 20px;
}

div.boxLinks:first-child {
	margin-top: 0px;
}

div.boxLinksLeft {
	text-align: left;
}

div.boxLinksRight{
	text-align: right;
}



div.boxLink {
	position: relative;
	z-index: 1;
	display: inline-block;
	vertical-align: top;
	margin: 15px 15px;
	font-size: 0px;
}

.phoneView div.boxLink {
	display: block;
	margin: 10px 0px 0px 0px;
}

img.boxLinkNew {
	position: absolute;
	z-index: 2;
	display: block;
	left: -12px;
	top: -12px;
	width: 42px;
	height: 42px;
	border: none;
	pointer-events: none;
}

a.boxLinkContent, div.boxLinkContent {
	position: relative;
	z-index: 1;
	display: block;
	border: solid 1px hsla(0, 0%, 0%, 0.20);
	border-radius: 8px;
	padding: 10px;
	background-color: hsl(0, 0%, 100%);
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
}

div.boxLinkContent {
	cursor: default;
}

a.boxLinkContent:hover {
	text-decoration: none;
	/*box-shadow: 0px 0px 12px 3px hsla(205, 100%, 65%, 0.95);*/
	background-color: hsl(200, 100%, 95%);
}

.phoneView a.boxLinkContent, .phoneView div.boxLinkContent {
	height: 112px;
	padding: 5px;
}

.phoneView a.boxLinkContent:hover {
	box-shadow: none;
}

div.boxLinkType {
	position: absolute;
	z-index: 1;
	width: 100%;
	bottom: 0px;
	left: 0px;
	text-align: center;
}

p.boxLinkType, p.boxLinkTypeCyan, p.boxLinkTypeOrange {
	display: inline-block;
	min-width: 80px;
	font-family: StandardFontSemiBold, sans-serif;
	color: hsl(0, 0%, 0%);
	font-size: 9pt;
	letter-spacing: 0.5px;
	text-align: center;
	padding: 5px 8px 4px 8px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	box-sizing: border-box;
	pointer-events: none;
}

p.boxLinkTypeCyan {
	color: hsl(0, 0%, 100%);
	background-color: hsl(190, 100%, 38%);
}

p.boxLinkTypeOrange {
	color: hsl(0, 0%, 100%);
	background-color: hsl(40, 65%, 42%);
}

div.boxLinkImage {
	position: relative;
	width: 160px;
	height: 120px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	/*border-bottom: solid 1px hsl(0, 0%, 90%);*/
	border: solid 1px hsla(0, 0%, 0%, 0.35);
	box-sizing: border-box;
	overflow: hidden;
	pointer-events: none;
}

.phoneView div.boxLinkImage {
	position: absolute;
	left: 5px;
	top: 5px;
	width: 115px;
	height: 100px;
	border-top-left-radius: 4px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 0px;
	/*border-bottom: none;*/
}

div.boxLinkText {
	position: relative;
	width: 160px;
	height: 62px; /*60px;*/
	overflow: hidden;
	pointer-events: none;
}

.phoneView div.boxLinkText {
	position: absolute;
	display: flex;
	align-items: center;
	width: auto;
	left: 120px;
	right: 0px;
	height: 110px;
	top: 0px;
}

p.boxLinkTitle {
	position: relative;
	font-size: 9pt;
	letter-spacing: 0.5px;
	line-height: 135%;
	text-align: center;
	color: hsl(0, 0%, 10%);
	padding: 6px 5px 6px 7px;
	margin: auto 0px;
	pointer-events: none;
}

.phoneView p.boxLinkTitle {
	top: -2px;
	font-size: 11pt;
	text-align: left;
	padding: 0px 10px 0px 10px;
}

span.boxLinkTitleImpact {
	font-size: 11pt;
	font-weight: bold;
}
a.pageSectionLink {
	display: block;
	height: 0px;
}



/*** SPACERS ***/
div.contentVertSpacerXXS {
	height: 5px !important;
}

div.contentVertSpacerXS {
	height: 10px !important;
}

div.contentVertSpacerS {
	height: 20px !important;
}

.phoneView div.contentVertSpacerS {
	height: 15px !important;
}

div.contentVertSpacerSM {
	height: 30px !important;
}

.phoneView div.contentVertSpacerSM {
	height: 25px !important;
}

div.contentVertSpacerM {
	height: 40px !important;
}

.phoneView div.contentVertSpacerM {
	height: 35px !important;
}

div.contentVertSpacerL {
	height: 60px !important;
}

.phoneView div.contentVertSpacerL {
	height: 55px !important;
}

div.contentVertSpacerXL {
	height: 80px !important;
}

.phoneView div.contentVertSpacerXL {
	height: 75px !important;
}

div.contentHorizSpacerS {
	display: inline-block;
	width: 6px !important;
}

div.contentHorizSpacerM {
	display: inline-block;
	width: 15px !important;
}

div.contentHorizSpacerL {
	display: inline-block;
	width: 20px !important;
}


/*** DIVIDERS ***/
div.horizDivider {
	border-top: solid 3px hsl(200, 75%, 80%);
	margin-top: 15px;
	/*margin-bottom: 12px;*/
}

div.horizDividerFaint {
	border-top: solid 3px hsl(200, 75%, 90%);
	margin-top: 15px;
	/*margin-bottom: 12px;*/
}



/*** NANOOS TITLE ***/
div.nanoosTitle {
	/*margin-bottom: 10px;*/
}

img.nanoosTitle {
	display: block;
	width: 250px;
	height: 250px;
	border: 0px;
	margin: 0px auto;
}

div.nanoosSubtitle {
	text-align: center;
}

div.nanoosSubtitleBar, div.nanoosSubtitleBarInternal {
	display: inline-block;
	min-width: 420px;
	background-color: hsl(200, 100%, 40%);
	border-radius: 100px;
	padding: 10px 50px;
	margin: 6px auto 0px auto;
}

div.nanoosSubtitleBarInternal {
	background-color: hsl(0, 0%, 100%);
}

.phoneView div.nanoosSubtitleBar, .phoneView div.nanoosSubtitleBarInternal {
	min-width: initial;
}

p.nanoosSubtitleText {
	color: hsl(0, 0%, 100%);
	font-size: 14pt;
	line-height: 26px;
	letter-spacing: 0.5px;
	text-align: center;
}

div.nanoosSubtitleBarInternal p.nanoosSubtitleText {
	color: hsl(10, 100%, 25%);
}



/*** IMPACT BLOCK ***/
div.impactBlockLeft, div.impactBlockCenter {
	position: relative;
	/*width: 90%;*/
	/*max-width: 400px;*/
}

div.impactBlockCenter {
	margin: 0px auto;
}

.standardView div.impactBlockLeft, .standardView div.impactBlockCenter {
	width: 90%;
	max-width: 400px;
}

a.impactBlock {
	display: block;
	background-color: hsl(200, 76%, 50%);
	border: solid 2px hsl(0, 0%, 100%);
	box-shadow: 0px 0px 0px 3px hsl(5, 70%, 65%);
	padding: 6px;
	border-radius: 15px;
	padding-right: 0px;
	box-sizing: border-box;
}

a.impactBlock:hover {
	text-decoration: none;
	background-color: hsl(200, 76%, 55%);
	border: solid 2px hsl(0, 0%, 100%);
	box-shadow: 0px 0px 0px 3px hsl(5, 70%, 70%);
}

table.impactBlock {
	min-height: 64px;
}

table.impactBlock td {
	vertical-align: middle;
}

table.impactBlock td.nvsImage {
	position: relative;
	width: 76px;
}

div.impactBlockImg {
	position: absolute;
	width: 76px;
	height: auto;
	left: 0px;
	top: 0px;
	bottom: 0px;
	border-radius: 6px;
	/*border: solid 1px hsl(0, 0%, 55%);*/
	overflow: hidden;
	/*background-image: url("/lib/images/nvs/nvs-block-image.png");*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
}

img.impactBlockImg {
	display: block;
	width: 76px;
	border-radius: 6px;
	overflow: hidden;
	box-sizing: border-box;
}

div.impactBlockText {
	padding-left: 12px;
	padding-right: 8px;
}

p.impactBlockTitle {
	font-family: StandardFontRegular, sans-serif !important;
	color: hsl(0, 0%, 100%);
	font-size: 16pt;
	letter-spacing: 0.5px;
	font-weight: normal;
	line-height: 125%;
}

.phoneView p.impactBlockTitle {
	font-size: 15pt;
}

p.impactBlockInfo {
	color: hsl(200, 35%, 90%);
	font-size: 10pt;
	letter-spacing: 0.5px;
	font-weight: normal;
	line-height: 130%;
	margin-top: 4px;
}

div.impactBlockLink {
	position: absolute;
	z-index: 1;
	right: -18px;
	top: 50%;
	margin-top: -18px;
	padding: 2px;
	border-radius: 18px;
	background-color: hsl(0, 0%, 100%);
}



/*** LINK BLOCK ***/
div.linkBlock {
	margin-top: 20px;
}

.phoneView div.linkBlock {
	max-width: initial;
	margin-top: 10px;
}

div.linkBlock:first-child {
	margin-top: 0px;
}

div.linkBlockInlineBlock {
	display: inline-block;
	margin-right: 20px;
}

a.linkBlock {
	display: block;
	background-color: hsl(0, 0%, 100%);
	border: solid 1px hsla(0, 0%, 0%, 0.20);
	padding: 10px;
	border-radius: 8px;
	box-sizing: border-box;
}

a.linkBlock:hover {
	text-decoration: none;
	/*box-shadow: 0px 0px 12px 3px hsla(205, 100%, 65%, 0.95);*/
	background-color: hsl(200, 100%, 95%);
}

div.linkBlockSmallAll a.linkBlock {
	padding: 8px 10px;
	border-radius: 6px;
}

table.linkBlock {
	/*
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	*/
	overflow: hidden;
	pointer-events: none;
}

table.linkBlock td {
	vertical-align: middle;
}

table.linkBlock td.linkBlockImg {
	position: relative;
	width: 120px;
	height: 100px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: hsl(0, 0%, 50%);
	border: solid 1px hsla(0, 0%, 0%, 0.20);
	box-sizing: border-box;
}

div.linkBlockLarge table.linkBlock td.linkBlockImg {
	width: 150px;
	height: 130px;
}

.phoneView table.linkBlock td.linkBlockImg {
	width: 80px;
}

img.linkBlockImg {
	display: block;
	width: 150px;
	border: solid 1px hsla(0, 0%, 0%, 0.20);
}

.phoneView img.linkBlockImg {
	width: 80px;
}

img.linkBlockIcon {
	display: block;
	border: none;
}

div.linkBlockSmallAll img.linkBlockIcon {
	width: 24px;
}

div.linkBlockText {
	padding: 4px 8px 6px 12px;
}

div.linkBlockLarge div.linkBlockText {
	padding: 8px 8px 8px 12px;
}

div.linkBlockSmallAll div.linkBlockText {
	padding: 2px 2px 2px 10px;
}

.phoneView div.linkBlockText {
	padding: 6px 6px 6px 8px;
}

p.linkBlockTitle {
	position: relative;
	font-family: StandardFontRegular, sans-serif !important;
	color: hsl(200, 100%, 35%);
	font-size: 13pt;
	letter-spacing: 0.5px;
	font-weight: normal;
	line-height: 130%;
}

div.linkBlockSmall p.linkBlockTitle, div.linkBlockSmallAll p.linkBlockTitle {
	font-size: 12pt;
}

div.linkBlockLarge p.linkBlockTitle {
	font-size: 16pt;
}

.phoneView p.linkBlockTitle {
	top: -2px;
	font-size: 12pt;
}

span.linkBlockTitleBold {
	font-family: StandardFontBold, sans-serif;
}

p.linkBlockInfo {
	color: hsl(0, 0%, 30%);
	font-size: 11pt;
	letter-spacing: 0.5px;
	font-weight: normal;
	line-height: 125%;
	margin-top: 6px;
}

div.linkBlockSmall p.linkBlockInfo, div.linkBlockSmallAll p.linkBlockInfo {
	font-size: 9pt;
	line-height: 125%;
}

div.linkBlockLarge p.linkBlockInfo {
	font-size: 13pt;
	line-height: 135%;
}

.phoneView p.linkBlockInfo {
	margin-top: 2px;
}



/*** REGIONAL HUB ITEM ***/
/*
div.regionalHubItem {
	position: relative;
	display: inline-block;
}

.standardView div.regionalHubItem {
	margin: 0px auto;
	margin-top: 20px;
	max-width: 350px;
}

.phoneView div.regionalHubItem {
	margin-top: 10px;
}

div.regionalHubItem:first-child {
	margin-top: 0px;
}

img.regionalHubItemNew {
	position: absolute;
	z-index: 2;
	display: block;
	left: -12px;
	top: -12px;
	width: 42px;
	height: 42px;
	border: none;
	pointer-events: none;
}

a.regionalHubItem {
	display: block;
	background-color: hsl(0, 0%, 100%);
	border: solid 1px hsla(0, 0%, 0%, 0.20);
	padding: 10px;
	border-radius: 8px;
	box-sizing: border-box;
}

a.regionalHubItem:hover {
	text-decoration: none;
	background-color: hsl(200, 100%, 95%);
}

a.regionalHubItem a.regionalHubItemLinkButton:hover {
	text-decoration: none;
	background-color: hsl(0, 0%, 100%);
}

table.regionalHubItem {
	overflow: hidden;
	pointer-events: none;
}

table.regionalHubItem td.regionalHubItemImg {
	position: relative;
	width: 150px;
	height: 150px;
	background-color: hsl(0, 0%, 100%);
	border: solid 1px hsla(0, 0%, 0%, 0.20);
	box-sizing: border-box;
}

.phoneView table.regionalHubItem td.regionalHubItemImg {
	width: 80px;
}

table.regionalHubItem td.regionalHubItemContentTop {
	padding: 5px 10px;
}

table.regionalHubItem td.regionalHubItemContentBottom {
	vertical-align: bottom;
	padding: 5px 10px;
}

.phoneView table.regionalHubItem td.regionalHubItemContent {
	vertical-align: middle;
}

img.regionalHubItemImg {
	display: block;
	width: 150px;
}

.phoneView img.regionalHubItemImg {
	width: 80px;
}

p.regionalHubItemTitle {
	position: relative;
	font-family: StandardFontRegular, sans-serif !important;
	color: hsl(200, 100%, 35%);
	font-size: 24px;
	letter-spacing: 0.5px;
	font-weight: normal;
	line-height: 130%;
}

.phoneView p.regionalHubItemTitle {
	font-size: 20px;
	padding-left: 10px;
}

div.regionalHubItemInfo {
	color: hsl(0, 0%, 25%);
	font-size: 16px;
	letter-spacing: 0px;
	font-weight: normal;
	line-height: 200%;
}

.regionalHubItemLinkButton {
	display: inline-block;
	color: hsl(200, 75%, 30%);
	font-size: 11pt;
	font-weight: normal;
	text-align: center;
	line-height: 28px;
	border-radius: 8px;
	border: solid 1px hsl(200, 50%, 80%);
	padding: 0px 10px;
	cursor: pointer;
	pointer-events: initial;
	box-sizing: border-box;
}

.regionalHubItemLinkButton:hover {
	text-decoration: none;
	background-color: hsl(200, 100%, 50%);
}
*/

div.regionalHubItems {
	position: relative;
	text-align: center;
	margin-top: 15px;
}

.phoneView div.regionalHubItems {
	margin-top: 20px;
}

div.regionalHubItems:first-child {
	margin-top: 0px;
}

div.regionalHubItem {
	position: relative;
	z-index: 1;
	display: inline-block;
	vertical-align: top;
	margin: 15px 15px;
	font-size: 0px;
}

.phoneView div.regionalHubItem {
	display: block;
	margin: 10px 0px 0px 0px;
}

img.regionalHubItemNew {
	position: absolute;
	z-index: 2;
	display: block;
	left: -12px;
	top: -12px;
	width: 42px;
	height: 42px;
	border: none;
	pointer-events: none;
}

a.regionalHubItem {
	position: relative;
	z-index: 1;
	display: block;
	border: solid 1px hsla(0, 0%, 0%, 0.20);
	border-radius: 24px; /*8px;*/
	padding: 10px;
	background-color: hsl(0, 0%, 100%);
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
}

a.regionalHubItem:hover {
	text-decoration: none;
	background-color: hsl(200, 100%, 95%);
}

.standardView a.regionalHubItem {
	min-height: 250px;
}

.phoneView a.regionalHubItem {
	height: 112px;
	padding: 5px;
}

.phoneView a.regionalHubItem:hover {
	box-shadow: none;
}

div.regionalHubItemImage {
	position: relative;
	width: 180px;
	height: 135px;
	border-top-left-radius: 16px; /*4px;*/
	border-top-right-radius: 16px; /*4px;*/
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border: solid 1px hsla(0, 0%, 0%, 0.35);
	box-sizing: border-box;
	overflow: hidden;
	pointer-events: none;
}

.phoneView div.regionalHubItemImage {
	position: absolute;
	left: 5px;
	top: 5px;
	width: 115px;
	height: 100px;
	border-top-left-radius: 4px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 0px;
}

div.regionalHubItemTitle {
	position: relative;
	width: 180px;
	font-size: 16px;
	letter-spacing: 0.5px;
	line-height: 135%;
	text-align: center;
	color: hsl(0, 0%, 10%);
	margin-top: 8px;
	pointer-events: none;
}

.phoneView div.regionalHubItemTitle {
	position: absolute;
	display: flex;
	align-items: center;
	width: auto;
	left: 120px;
	right: 0px;
	height: 110px;
	top: 0px;
	font-size: 18px;
	text-align: left;
	padding: 0px 10px 0px 12px;
	margin-top: initial;
}

div.regionalHubItemInfo {
	display: block;
	width: 180px;
	margin-top: 15px;
	margin-bottom: 50px;
}

div.regionalHubItemInfo p, div.regionalHubItemInfo a {
	margin-top: 5px;
}

div.regionalHubItemInfo p:first-child, div.regionalHubItemInfo a:first-child {
	margin-top: 0px;
}

p.regionalHubItemInfoText, p.regionalHubItemInfoTextWithUnderline {
	color: hsl(0, 0%, 25%);
	font-size: 14px;
	line-height: 135%;
	text-align: center;
}

p.regionalHubItemInfoTextWithUnderline {
	border-bottom: solid 1px hsla(0, 0%, 0%, 0.15);
	margin-bottom: 10px;
}

img.regionalHubItemNew {
	position: absolute;
	z-index: 2;
	display: block;
	left: -8px;
	top: -8px;
	width: 42px;
	height: 42px;
	border: none;
	pointer-events: none;
}

div.regionalHubItemJoinButtonDiv {
	position: absolute;
	z-index: 1;
	display: block; /*flex; used for multiple buttons side-by-side*/
	justify-content: space-between;
	bottom: 11px;
	width: auto;
	left: 11px;
	right: 11px;
	font-size: 0px;
	text-align: center;
	pointer-events: none;
}

.regionalHubItemWireButton {
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	line-height: 28px;
	border-radius: 14px;
	color: hsl(200, 100%, 30%);
	border: solid 1px hsl(200, 65%, 80%);
	padding: 0px 13px;
	cursor: pointer;
	pointer-events: initial;
	box-sizing: border-box;
}

.regionalHubItemWireButton:hover {
	text-decoration: none;
	color: hsl(0, 0%, 100%);
	border-color: hsl(200, 70%, 60%);
	background-color: hsl(200, 70%, 60%);
}

.regionalHubItemSolidButton {
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	line-height: 140%;
	border-radius: 16px;
	color: hsl(0, 0%, 100%);
	background-color: hsl(200, 100%, 40%);
	padding: 8px 14px;
	cursor: pointer;
	pointer-events: initial;
	box-sizing: border-box;
}

.regionalHubItemSolidButton:hover {
	text-decoration: none;
	color: hsl(0, 0%, 100%);
	background-color: hsl(200, 100%, 50%);
}



/*** SECTION MENUS ***/
div.sectionMenu, div.sectionSubMenu {
	text-align: center;
	background-color: hsl(200, 76%, 42%);
	border-radius: 6px;
	padding: 6px; /*2px;*/
	margin-top: 25px;
	/*margin-bottom: 25px;*/
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: -moz-none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}

div.sectionMenu:first-child {
	margin-top: 0px;
}

div.sectionSubMenu {
	background-color: hsl(200, 15%, 50%);
	margin-top: 10px;
}

.phoneView div.sectionMenu, .phoneView div.sectionSubMenu {
	/*margin-bottom: 20px;*/
}

div.sectionMenu .sectionMenuButton, div.sectionMenu .sectionMenuButtonSelected, div.sectionSubMenu .sectionMenuButton, div.sectionSubMenu .sectionMenuButtonSelected {
	display: inline-block;
	color: hsl(0, 0%, 100%);
	font-size: 12pt;
	letter-spacing: 0.5px;
	font-weight: normal;
	white-space: nowrap;
	line-height: 35px;
	padding: 0px 12px;
	border-radius: 4px;
	margin: 2px 2px; /*0px 1px;*/
	cursor: pointer;
}

.phoneView div.sectionMenu .sectionMenuButton, .phoneView div.sectionMenu .sectionMenuButtonSelected, .phoneView div.sectionSubMenu .sectionMenuButton, .phoneView div.sectionSubMenu .sectionMenuButtonSelected {
	line-height: 44px;
}

div.sectionMenu .sectionMenuButton:first-child, div.sectionMenu .sectionMenuButtonSelected:first-child, div.sectionSubMenu .sectionMenuButton:first-child, div.sectionSubMenu .sectionMenuButtonSelected:first-child {
	margin-left: 0px;
}

div.sectionMenu .sectionMenuButton:last-child, div.sectionMenu .sectionMenuButtonSelected:last-child, div.sectionSubMenu .sectionMenuButton:last-child, div.sectionSubMenu .sectionMenuButtonSelected:last-child {
	margin-right: 0px;
}

div.sectionMenu .sectionMenuButton:hover, div.sectionSubMenu .sectionMenuButton:hover {
	text-decoration: none;
	background-color: hsla(0, 0%, 100%, 0.10); /*hsla(0, 0%, 0%, 0.15);*/
}

div.sectionMenu .sectionMenuButton:active, div.sectionSubMenu .sectionMenuButton:active {
	text-decoration: none;
	background-color: hsla(0, 0%, 100%, 0.20); /*hsla(0, 0%, 0%, 0.30);*/
}

/*
div.sectionMenu .sectionMenuButtonSelected, div.sectionSubMenu .sectionMenuButtonSelected {
	color: hsl(40, 100%, 65%);
	background-color: hsla(0, 0%, 0%, 0.45);
}
*/

div.sectionMenu .sectionMenuButtonSelected {
	color: hsl(200, 100%, 15%);
	background-color: hsl(0, 0%, 100%);
	pointer-events: none;
}

div.sectionSubMenu .sectionMenuButtonSelected {
	color: hsl(200, 15%, 15%);
	background-color: hsl(0, 0%, 100%);
	pointer-events: none;
}

div.sectionMenu .sectionMenuButtonSelected:hover, div.sectionSubMenu .sectionMenuButtonSelected:hover {
	text-decoration: none;
}

select.sectionPulldown, select.sectionPulldown option {
	font-size: 13pt;
	margin: 5px 0px;
}

p.sectionSubMenuSectionTitle {
	color: hsl(200, 10%, 70%);
	font-size: 20px;
	text-align: center;
	font-style: italic;
	margin: 10px 0px;
}



/*** GRAPHIC BLOCK ***/
div.graphicBlockPanel {
	background-color: hsl(0, 0%, 100%);
	border: solid 1px hsla(0, 0%, 0%, 0.20);
}

p.graphicBlockTitle {
	color: hsl(200, 100%, 30%);
	font-size: 22px;
	text-align: center;
	margin: 10px;
}

span.graphicBlockTitleDim {
	font-family: StandardFontLight, sans-serif;
	color: hsl(200, 15%, 45%);
}

p.graphicBlockSectionTitle {
	color: hsl(0, 0%, 55%);
	font-size: 20px;
	text-align: center;
	/*font-style: italic;*/
	margin: 10px 0px;
}

p.graphicBlockSectionTitle:first-child {
	margin-top: 5px;
}

div.graphicBlockButtons {
	padding: 6px 6px 8px 6px;
	text-align: center;
}

.graphicBlockButton, .graphicBlockButtonSelected {
	display: inline-block;
	vertical-align: top;
	color: hsl(200, 100%, 25%);
	font-size: 12pt;
	letter-spacing: 0.5px;
	font-weight: normal;
	white-space: nowrap;
	line-height: 35px;
	padding: 0px 12px;
	border-radius: 4px;
	margin: 2px 2px;
	/*border: solid 1px hsl(200, 50%, 75%);*/
	cursor: pointer;
}

.phoneView .graphicBlockButton, .phoneView .graphicBlockButtonSelected {
	font-size: 11pt;
	letter-spacing: 0.5px;
	line-height: 40px;
}

.graphicBlockButton:hover {
	text-decoration: none;
	background-color: hsla(0, 0%, 0%, 0.05);
}

.graphicBlockButton:active {
	text-decoration: none;
	background-color: hsla(0, 0%, 0%, 0.10);
}

.graphicBlockButtonSelected {
	color: hsl(0, 0%, 100%);
	background-color: hsl(200, 100%, 40%);
}

.graphicBlockButtonSelected:hover {
	text-decoration: none;
}




/*** PAGE TITLE ***/
p.pageTitle {
	font-size: 18pt;
	line-height: 125%;
	letter-spacing: 0.5px;
	text-align: center;
	color: hsl(10, 100%, 40%);
	/*margin-bottom: 25px;*/
}

.phoneView p.pageTitle {
	font-size: 16pt;
	line-height: 120%;
	/*margin-bottom: 15px;*/
}



/*** SECTION HEADINGS ***/
div.sectionHeading, div.sectionHeadingNoUnderline {
	margin-top: 50px;
	border-bottom: solid 3px hsl(200, 80%, 65%);
	/*margin-bottom: 25px;*/
}

.phoneView div.sectionHeading, .phoneView div.sectionHeadingNoUnderline {
	margin-top: 30px;
	/*margin-bottom: 15px;*/
}

div.sectionHeading:first-child, div.sectionHeadingNoUnderline:first-child {
	margin-top: 0px;
}

div.sectionHeadingNoUnderline {
	border-bottom: none;
}

p.sectionHeading, p.sectionHeadingGold, p.sectionHeadingBlue {
	position: relative;
	top: 5px;
	font-size: 18pt;
	line-height: 125%;
	letter-spacing: 0.5px;
	color: hsl(0, 0%, 20%);
}

p.sectionHeadingGold {
	color: hsl(40, 100%, 70%);
}

p.sectionHeadingBlue {
	color: hsl(200, 100%, 70%);
}

/*
.phoneView p.sectionHeading, .phoneView p.sectionHeadingGold, .phoneView p.sectionHeadingBlue {
	font-size: 16pt;
	line-height: 120%;
}
*/



/*** TEXT BLOCK ***/
div.textBlock {
	margin-top: 25px;
}

.phoneView div.textBlock {
	margin-top: 15px;
}

div.textBlock:first-child {
	margin-top: 0px;
}



/*** CONTENT BLOCK ***/
div.contentBlock {
	margin-top: 25px;
}

.phoneView div.contentBlock {
	margin-top: 20px;
}

div.contentBlock:first-child {
	margin-top: 0px;
}

div.contentBlock div.content {}

div.contentBlock div.contentWithImg {
	position: relative;
	min-height: 200px;
}

div.contentBlock div.contentWithImgSquare {
	position: relative;
	min-height: 270px;
}

div.contentBlock div.contentWithImgSmall {
	min-height: 120px;
}

div.contentBlock div.contentWithImgSmallSquare {
	min-height: 180px;
}

div.contentBlock div.contentWithImgMedium {
	min-height: 200px;
}

div.contentBlock div.contentWithImgMediumSquare {
	min-height: 270px;
}

div.contentBlock div.contentWithImgLarge {
	min-height: 250px;
}

div.contentBlock div.contentWithImgLargeSquare {
	min-height: 360px;
}

div.contentBlock div.image, div.contentBlock div.imageSquare {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 270px;
	height: auto;
	border: solid 1px hsla(0, 0%, 0%, 0.35); /*hsl(200, 100%, 25%);*/
	background-color: hsl(0, 0%, 100%);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
}

div.contentBlock div.imgContain {
	background-size: contain !important;
}

div.contentBlock div.noBorder {
	border: none !important;
	background-color: initial !important;
}

div.contentBlock div.imageSquare {
	min-height: 270px;
}

/*
.phoneView div.contentBlock div.imageSquare {
	width: 100%;
	height: initial;
	padding-top: 100%;
}
*/

div.contentBlock div.imgSmall, div.contentBlock div.imgSmallSquare {
	width: 180px;
	min-height: 120px;
}

div.contentBlock div.imgSmallSquare {
	min-height: 180px;
}

div.contentBlock div.imgMedium, div.contentBlock div.imgMediumSquare {
	width: 270px;
	min-height: 180px;
}

div.contentBlock div.imgMediumSquare {
	min-height: 270px;
}

div.contentBlock div.imgLarge, div.contentBlock div.imgLargeSquare {
	width: 360px;
	min-height: 240px;
}

div.contentBlock div.imgLargeSquare {
	min-height: 360px;
}

.phoneView div.contentBlock div.image { /* phone version does not have square or sized images */
	position: relative;
	left: initial;
	top: initial;
	bottom: initial;
	width: initial;
	height: 180px;
	/*margin-bottom: 20px;*/
}

div.contentBlock div.text {
	padding: 0px;
}

div.contentBlock div.textAsideImg {
	margin-left: 294px;
	padding: 2px 0px 2px 0px;
}

div.contentBlock div.textAsideImgSmall {
	margin-left: 204px;
}

div.contentBlock div.textAsideImgMedium {
	margin-left: 294px;
}

div.contentBlock div.textAsideImgLarge {
	margin-left: 384px;
}

.phoneView div.contentBlock div.text {
	margin-top: 20px;
}

.phoneView div.contentBlock div.text:first-child {
	margin-top: 0px;
}



/*** IMAGE BLOCK ***/
div.imageBlockWrapper {
	text-align: center;
	margin-top: 30px;
	/*margin-bottom: 30px;*/
}

.phoneView div.imageBlockWrapper {
	margin-top: 20px;
	/*margin-bottom: 20px;*/
}

div.imageBlockWrapper:first-child {
	margin-top: 0px;
}

div.imageBlock {
	display: inline-block;
	text-align: center;
}

div.imageBlock div.imageContainer {
	position: relative;
	display: inline-block;
	solid 1px hsl(200, 100%, 25%);
	margin: 0px auto;
}

div.imageBlock img.imageBlock {
	position: relative;
	z-index: 1;
	display: block;
}

div.imageBlock p.credit {
	position: absolute;
	z-index: 2;
	right: 0px;
	bottom: 0px;
	font-size: 10pt;
	line-height: 100%;
	font-style: italic;
	text-align: right;
	color: hsl(0, 0%, 0%);
	background-color: hsla(0, 0%, 100%, 0.50);
	padding: 6px 6px 4px 6px;
}

div.imageBlock p.caption {
	font-size: 11pt;
	font-style: italic;
	text-align: center;
	line-height: 145%;
	color: hsl(200, 10%, 50%);
	padding: 8px 48px 4px 48px;
}



/*** DYNAMIC CONTENT BLOCK ***/
div.dynamicContentBlock {
	margin-top: 30px;
}

.phoneView div.dynamicContentBlock {
	margin-top: 20px;
}

div.dynamicContentBlock:after {
  content: "";
  display: table;
  clear: both;
}

div.dynamicContentBlockText {
	float: left;
  width: 50%;
  padding-right: 20px;
  box-sizing: border-box;
}

div.dynamicContentBlockImg {
	float: left;
  width: 50%;
  box-sizing: border-box;
}

@media screen and (max-width: 1100px) { /* on smaller screens, stack instead of displaying as columns */
  div.dynamicContentBlockText {
    float: initial;
  	width: initial;
  	padding-right: 0px;
  }

  div.dynamicContentBlockImg {
		float: initial;
  	width: initial;
  	margin-top: 30px;
	}
}

.phoneView div.dynamicContentBlockText {
	float: initial;
  width: initial;
  padding-right: 0px;
}

.phoneView div.dynamicContentBlockImg {
	float: initial;
  width: initial;
  margin-top: 20px;
}



/*** WEBINAR BLOCK ***/
div.webinarBlockWithImage, div.webinarBlockNoImage, div.webinarBlockXtraPad {
	position: relative;
	margin-top: 25px;
	background-color: hsl(0, 0%, 100%);
	border: solid 1px hsl(0, 0%, 80%);
	border-radius: 6px;
	padding: 15px;
}

div.webinarBlockXtraPad {
	padding: 20px;
}

.phoneView div.webinarBlockWithImage, .phoneView div.webinarBlockNoImage, .phoneView div.webinarBlockXtraPad {
	margin-top: 20px;
}

.phoneView div.webinarBlockXtraPad {
	padding: 15px;
}

/*div.webinarBlockWithImage {
	min-height: 200px;
}*/

div.webinarBlockOverview {
	position: relative;
}

.standardView div.webinarBlockWithImage div.webinarBlockOverview {
	 min-height: 200px;
}

div.webinarBlockDateTile {
	position: absolute;
	z-index: 2;
	left: -5px;
	top: -5px;
	background-color: hsl(0, 0%, 100%);
	border-right: solid 1px hsl(0, 0%, 80%);
	border-bottom: solid 1px hsl(0, 0%, 80%);
	border-bottom-right-radius: 5px;
	padding: 5px 10px 10px 5px;
}

p.webinarBlockDateTileMonth {
	width: 50px;
	font-size: 16px;
	color: hsl(0, 0%, 40%);
	text-align: center;
}

p.webinarBlockDateTileDay {
	font-size: 20px;
	color: hsl(0, 0%, 0%);
	text-align: center;
	margin-top: 6px;
}

div.webinarBlockImage {
	position: absolute;
	z-index: 1;
	left: 0px;
	width: 250px;
	height: auto;
	top: 0px;
	bottom: 0px;
	background-repeat: none;
	background-position: center;
	background-size: cover;
	border: solid 1px hsla(0, 0%, 0%, 0.35);
}

.phoneView div.webinarBlockImage { /* phone version does not have square or sized images */
	position: relative;
	left: initial;
	top: initial;
	bottom: initial;
	width: initial;
	height: 180px;
	margin-bottom: 10px;
}

div.webinarBlockInfo {}

.standardView div.webinarBlockInfo {
	padding-bottom: 3px;
}

.standardView div.webinarBlockWithImage div.webinarBlockInfo {
	margin-left: 265px;
}

p.webinarBlockTitle {
	/*font-family: StandardFontSemiBold, sans-serif;*/
	color: hsl(0, 0%, 0%);
	font-size: 17px;
	line-height: 135%;
}

p.webinarBlockDate {
	font-size: 16px;
	color: hsl(10, 100%, 35%);
	line-height: 135%;
	margin-top: 5px;
}

div.webinarBlockSummary, div.webinarBlockSummaryConstrained {
	position: relative;
	margin-top: 10px;
}

.phoneView div.webinarBlockSummary, .phoneView div.webinarBlockSummaryConstrained {
	margin-top: 5px;
}

div.webinarBlockSummaryConstrained {
	max-height: 130px;
	overflow: hidden;
}

.phoneView div.webinarBlockSummaryConstrained {
	max-height: 180px;
}

div.webinarBlockSummaryMore {
	position: absolute;
	z-index: 1;
	width: 100%;
	left: 0px;
	height: 75px;
	bottom: 0px;
	background-image: linear-gradient(to bottom, hsla(0, 0%, 100%, 0.0) 0%, hsla(0, 0%, 100%, 1.0) 75%);
	/*border-bottom: solid 1px hsl(0, 0%, 85%);*/
	cursor: pointer;
}

div.webinarBlockSummaryMoreLabelContainer {
	position: absolute;
	width: 100%;
	bottom: 0px;
	text-align: center;
}

div.webinarBlockSummaryMoreLabel {
	display: inline-block;
	color: hsl(200, 100%, 35%);
	font-size: 15px;
	padding: 6px 10px;
	text-align: center;
	background-color: hsl(0, 0%, 100%);
	border: solid 1px hsl(200, 50%, 70%);
	border-radius: 4px;
	box-shadow: 0px 0px 0px 3px hsl(0, 0%, 100%);
	pointer-events: none;
}

.phoneView div.webinarBlockSummaryMoreLabel {
	font-size: 16px;
	padding: 8px 10px;
}

div.webinarBlockSummaryMore:hover div.webinarBlockSummaryMoreLabel {
	background-color: hsl(200, 100%, 95%);
}

p.webinarBlockSummary {
	font-size: 15px;
	color: hsl(0, 0%, 25%);
	/*margin-top: 5px;*/
	line-height: 135%;
}

div.webinarBlockPresenters {
	margin-top: 5px;
}

div.webinarBlockPresenter {
	margin-top: 5px;
}

div.webinarBlockPresenter:first-child {
	margin-top: 0px;
}

p.webinarBlockPresenterName {
	font-size: 15px;
	color: hsl(0, 0%, 0%);
	line-height: 135%;
}

p.webinarBlockPresenterInfo {
	font-size: 14px;
	color: hsl(0, 0%, 25%);
	font-style: italic;
	line-height: 135%;
	margin-left: 30px;
}

.phoneView p.webinarBlockPresenterInfo {
	margin-left: 20px;
}

div.webinarBlockLinks {
	margin-top: 5px;
}

.phoneView div.webinarBlockLinks {
	margin-top: 20px;
}

p.webinarBlockLink {}

a.webinarBlockLink, a.webinarBlockLinkM {
	display: inline-block;
	color: hsl(0, 0%, 100%);
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	line-height: 30px;
	background-color: hsl(200, 100%, 40%);
	border-radius: 15px;
	padding: 0px 15px;
	margin: 6px 6px 0px 0px;
}

a.webinarBlockLinkM {
	line-height: 34px;
	border-radius: 17px;
}

.phoneView a.webinarBlockLink, .phoneView a.webinarBlockLinkM {
	display: block;
	font-size: 16px;
	line-height: 36px;
	border-radius: 18px;
	margin: 10px auto 0px auto;
}

a.webinarBlockLink:hover, a.webinarBlockLinkM:hover {
	text-decoration: none;
	background-color: hsl(200, 100%, 50%);
}

a.webinarBlockLink:active, a.webinarBlockLinkM:active {
	background-color: hsl(200, 100%, 60%);
}



/*** IFRAME ***/
iframe.standardIframe {
	margin-top: 25px !important;
	border: solid 1px hsl(0, 0%, 70%);
	background-color: hsl(0, 0%, 100%);
}

div.iFrameContainer, div.iFrameContainerNoBorder {
	border: solid 1px hsl(0, 0%, 70%);
	background-color: hsl(0, 0%, 100%);
	overflow: hidden;
}

div.iFrameContainerNoBorder {
	border: none;
}



/*** FLASH MOVIE ***/
div.flashMovieWrapper {
	text-align: center;
	margin-top: 30px;
	/*margin-bottom: 30px;*/
}

div.flashMovieWrapper:first-child {
	margin-top: 0px;
}



/*** PAGE CONTENT PANELS ***/
div.pageContentPanels {
	position: relative;
	margin-top: 25px;
}

.phoneView div.pageContentPanels {
	margin-top: 20px;
}

@media screen and (min-width: 1200px) {
	div.pageContentPanel {
		float: left;
		width: 70%;
		box-sizing: border-box;
	}

	div.pageInfoPanel {
		float: right;
		width: 30%;
		padding-left: 30px;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 1199px) {
	div.pageContentPanel {}

	div.pageInfoPanel {
		margin-top: 20px;
	}
}

.phoneView div.pageContentPanel {
	float: none;
	width: initial;
}

.phoneView div.pageInfoPanel {
	float: none;
	width: initial;
	margin-top: 20px;
	padding-left: 0px;
}

div.pageContentPanelNoLinks {}

div.pageInfoPanelBox {
	background-color: hsl(210, 40%, 25%);
	border-radius: 6px;
	padding: 15px;
}

p.pageContentInfoHeading {
	font-size: 15pt;
	color: hsl(40, 100%, 70%);
	line-height: 135%;
	letter-spacing: 0.5px;
	text-align: center;
	margin-top: 25px;
}

p.pageContentInfoHeading:first-child {
	margin-top: 0px;
}

p.pageInfoPanelItemTitle {
	font-size: 11pt;
	color: hsl(0, 0%, 100%);
	line-height: 130%;
	letter-spacing: 0.5px;
	margin-top: 15px;
}

p.pageInfoPanelSummary {
	font-size: 10pt;
	color: hsl(200, 10%, 75%);
	line-height: 130%;
	letter-spacing: 0px;
	margin-top: 5px;
}

p.pageInfoPanelLink {
	font-size: 10pt;
	line-height: 130%;
	letter-spacing: 0px;
	margin-top: 5px;
}



/*** KEY LINK ***/
a.pageInfoKeyLink, a.pageInfoKeyLinkActive {
	display: block;
	background-color: hsl(210, 15%, 42%);
	border: solid 4px hsl(210, 15%, 42%);
	border-radius: 5px;
	margin-top: 10px;
	overflow: hidden;
}

a.pageInfoKeyLink:first-child, a.pageInfoKeyLinkActive:first-child {
	margin-top: 0px;
}

a.pageInfoKeyLink:hover {
	text-decoration: none;
	background-color: hsl(210, 12%, 50%);
	border-color: hsl(210, 12%, 50%);
}

a.pageInfoKeyLinkActive {
	background-color: hsl(40, 30%, 50%);
	border: solid 4px hsl(40, 30%, 50%);
}

a.pageInfoKeyLinkActive:hover {
	text-decoration: none;
}

table.pageInfoKeyLink {
	width: 100%;
	min-height: 35px;
	pointer-events: none;
}

table.pageInfoKeyLink td {
	vertical-align: middle;
}

table.pageInfoKeyLink td.image {
	width: 50px;
	height: 50px;
	background-repeat: none;
	background-position: center;
	background-size: cover;
	border: solid 1px hsl(0, 0%, 55%);
	background-color: hsl(0, 0%, 100%);
}

a.pageInfoKeyLinkActive table.pageInfoKeyLink td.image {
	border-color: hsl(40, 30%, 60%);
}

table.pageInfoKeyLink td.text {
	padding: 1px 7px;
}

p.keyLinkLabel {
	font-family: StandardFontSemiBold, sans-serif;
	color: hsl(0, 0%, 100%);
	font-size: 10pt;
	letter-spacing: 0.5px;
	line-height: 135%;
	text-align: left;
}

p.keyLinkSummary {
	font-size: 9pt;
	letter-spacing: 0.5px;
	line-height: 135%;
	text-align: left;
	color: hsl(210, 10%, 75%);
	margin-top: 3px;
}



/*** DOCUMENTS ***/
div.documentGroup {
	margin-top: 24px;
	border-radius: 8px;
	border: solid 1px hsl(0, 0%, 80%);
	overflow: hidden;
}

.phoneView div.documentGroup {
	margin-top: 15px;
}

div.documentGroup:first-child {
	margin-top: 0px;
}

div.documentGroup div.groupLabel {
	background-color: hsl(200, 25%, 95%);
	padding: 6px;
}

div.documentGroup p.groupLabel {
	font-size: 12pt;
	line-height: 28px;
	letter-spacing: 0.5px;
	color: hsl(0, 0%, 10%);
	padding-left: 10px;
}

div.documentGroup span.groupLabelItemCount {
	font-size: 11pt;
	color: hsl(200, 55%, 40%);
	text-shadow: none;
}

div.documentGroup div.docItems {
	padding: 6px;
	background-color: hsl(0, 0%, 100%);
	overflow: hidden;
}

a.docItem {
	display: block;
	padding: 8px 8px;
}

div.docItems a.docItem {
	display: block;
	border-top: solid 1px hsl(0, 0%, 95%);
	padding: 8px 8px;
}

div.docItems a.docItem:first-child {
	border-top: none;
}

a.docItem:hover {
	text-decoration: none;
	background-color: hsla(0, 0%, 0%, 0.05);
}

a.docItem:active {
	background-color: hsla(0, 0%, 0%, 0.10);
}

a.docItem table.docItem {
	width: 100%;
}

a.docItem table.docItem td {
	vertical-align: middle;
	font-size: 11pt;
}

a.docItem table.docItem td.icon {
	width: 1px;
	padding-right: 10px;
}

a.docItem table.docItem td.icon img.docIcon {
	display: block;
	width: 30px;
	height: 30px;
}

a.docItem table.docItem td.label {
	color: hsl(0, 0%, 10%);
	line-height: 150%;
}

a.docItem table.docItem td.type {
	width: 50px;
	text-align: right;
	color: hsl(0, 0%, 50%);
	white-space: nowrap;
}

.phoneView a.docItem table.docItem td.type {
	padding-top: 3px;
	padding-bottom: 5px;
	text-align: left;
}

a.docItem table.docItem td.fileSize {
	width: 80px;
	text-align: right;
	color: hsl(0, 0%, 50%);
	white-space: nowrap;
}

.phoneView a.docItem table.docItem td.fileSize {
	padding-top: 3px;
	padding-bottom: 5px;
	text-align: left;
}

a.docItem table.docItem td.date {
	width: 110px;
	text-align: right;
	color: hsl(0, 0%, 35%);
	white-space: nowrap;
}

.phoneView a.docItem table.docItem td.date {
	padding-top: 3px;
	padding-bottom: 5px;
	text-align: left;
}

/*** DOCUMENTS - SIMPLE ***/
div.documentGroupSimple {
	border-radius: 0px;
	border: none;
	box-shadow: none;
}

div.documentGroupSimple div.groupLabel {
	background: none;
	padding: 6px 0px 4px 0px;
}

div.documentGroup p.groupLabel {
	padding-left: 0px;
}

div.documentGroupSimple div.docItems {
	background: none;
	padding: 0px;
	padding-left: 24px;
}

div.documentGroupSimple div.docItemsNoIndent {
	padding-left: 0px;
}

div.documentGroupSimple div.docItems a.docItem {
	border-top: none;
}



/*** DOCUMENT WITH COVER ***/
a.docCoverLinkVert, a.docCoverLinkHoriz {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 10px;
	margin: 5px;
	font-size: 0px;
	text-decoration: none;
	box-sizing: border-box;
}

a.docCoverLinkHoriz {
	width: 390px;
	margin: 5px 10px;
}

a.docCoverLinkVert:hover, a.docCoverLinkHoriz:hover {
	text-decoration: none;
	background-color: hsl(200, 100%, 95%);
}

div.docCoverLinkImg {
	width: 200px;
	height: 282px;
	background-color: hsl(0, 0%, 100%);
	border: solid 1px hsla(0, 0%, 0%, 0.20);
	background-position: center top;
	background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
	pointer-events: none;
}

a.docCoverLinkHoriz div.docCoverLinkImg {
	width: 150px;
	height: 194px; /*210px;*/
}

a.docCoverLinkVert div.docCoverLinkText {
	width: 200px;
	margin-top: 5px;
	box-sizing: border-box;
}

a.docCoverLinkHoriz div.docCoverLinkText {
	position: absolute;
	left: 160px;
	top: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 220px;
	height: 210px;
	padding-left: 10px;
	box-sizing: border-box;
}

p.docCoverLinkTitle {
	color: hsl(200, 100%, 35%);
	font-size: 16px;
	line-height: 145%;
	text-align: center;
	pointer-events: none;
}

a.docCoverLinkHoriz p.docCoverLinkTitle {
	text-align: left;
}

p.docCoverLinkSubtitle {
	font-style: italic;
	color: hsl(200, 10%, 45%);
	font-size: 16px;
	line-height: 145%;
	text-align: center;
	margin-top: 3px;
	pointer-events: none;
}

a.docCoverLinkHoriz p.docCoverLinkSubtitle {
	text-align: left;
}



/*** PERSON INFO BLOCK ***/
div.personInfoBlockList {
	margin-top: 12px;
}

div.personInfoBlockGrid {
	display: inline-block;
	width: 420px;
	margin: 8px;
}

.phoneView div.personInfoBlockGrid {
	display: block;
	width: initial;
}

table.personInfoBlock {}

table.personInfoBlock:first-child {
	margin-top: 0px;
}

table.personInfoBlock td.portrait {
	padding-right: 8px;
}

table.personInfoBlock td.portrait img.portrait {
	display: block;
	border: solid 1px hsla(0, 0%, 0%, 0.35);
}

table.personInfoBlock td.portrait img.portraitBlank {
	display: block;
	border: solid 1px hsla(0, 0%, 100%, 0.15);
	background-color: hsla(0, 0%, 100%, 0.05);
}

table.personInfoBlock td.portrait img.portraitEmpty {
	display: block;
	border: none;
}

table.personInfoBlock td.portrait img.portraitLink {

}

table.personInfoBlock td.portrait img.portraitLink:hover {
	box-shadow: 0px 0px 10px 3px hsla(205, 100%, 65%, 0.95);
}

.phoneView table.personInfoBlock td.portrait img.portraitLink {
	box-shadow: none;
}

table.personInfoBlock td.info {}

table.personInfoBlock td.info p.name {
	color: hsl(200, 75%, 25%);
	font-size: 14pt;
	line-height: 125%;
	letter-spacing: 0.5px;
}

.phoneView table.personInfoBlock td.info p.name {
	font-size: 12pt;
	line-height: 135%;
}

table.personInfoBlock td.info p.roles {
	color: hsl(10, 35%, 45%);
	font-size: 11pt;
	line-height: 135%;
	letter-spacing: 0.5px;
}

.phoneView table.personInfoBlock td.info p.roles {
	font-size: 10pt;
	line-height: 135%;
}

table.personInfoBlock td.info p.orgs, table.personInfoBlock td.info p.contact {
	color: hsl(200, 15%, 45%);
	font-size: 10pt;
	line-height: 120%;
	margin-top: 2px;
}

.phoneView table.personInfoBlock td.info p.orgs, .phoneView table.personInfoBlock td.info p.contact {
	font-size: 9pt;
	line-height: 135%;
}



/*** LOGO BLOCK ***/
.logoBlock {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding: 8px;
	margin: 8px 16px;
}

a.logoBlock:hover {
	text-decoration: none;
}

div.logoBlockImg {
	display: inline-block;
	border-radius: 5px;
	background-color: hsl(0, 0%, 100%);
	border: solid 1px hsl(0, 0%, 80%);
	/*box-shadow: 2px 2px 2px 0px hsla(0, 0%, 0%, 0.35);*/
	font-size: 0px;
	overflow: hidden;
}

a.logoBlock:hover div.logoBlockImg {
	text-decoration: none;
	box-shadow: 0px 0px 12px 3px hsla(205, 100%, 65%, 0.95); /*, 2px 2px 2px 0px hsla(0, 0%, 0%, 0.35);*/
}

img.logoBlockImg {
	display: block;
	height: 80px;
	padding: 5px;
}

.phoneView img.logoBlockImg {
	height: 60px;
}

p.logoBlockName {
	color: hsl(0, 0%, 15%);
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	margin-top: 6px;
}



/*** MULTI SECTION PAGE BUTTONS ***/
div.multiSectionPageButtons {
	border-radius: 6px;
	background-color: hsl(200, 100%, 25%);
	overflow: hidden;
}

table.multiSectionPageButtons {
	width: 100%;
}

table.multiSectionPageButtons td.multiSectionPageButtonL, table.multiSectionPageButtons td.multiSectionPageButtonR {
	width: 49%;
}

table.multiSectionPageButtons td.multiSectionPageButtonL {
	text-align: left;
}

table.multiSectionPageButtons td.multiSectionPageButtonR {
	text-align: right;
}

table.multiSectionPageButtons td.hSpacer {
	padding: 0px 25px;
}

a.multiSectionPageButton {
	display: block;
	border-radius: 6px;
	background-color: hsl(200, 100%, 30%);
	padding: 12px;
	cursor: pointer;
	pointer-events: initial;
}

a.multiSectionPageButton:hover {
	text-decoration: none;
	background-color: hsl(200, 100%, 40%);
}

a.multiSectionPageButton:active {
	background-color: hsl(200, 100%, 50%);
}

table.multiSectionPageButton {
	width: 100%;
}

table.multiSectionPageButton td {
	vertical-align: middle;
}

table.multiSectionPageButton td.arrow {
	width: 1%;
}

table.multiSectionPageButton td.label {}

table.multiSectionPageButton div.arrowWrapper {
	position: relative;
	width: 20px;
	height: 40px;
	overflow: hidden;
}

table.multiSectionPageButton div.arrowL, table.multiSectionPageButton div.arrowR {
	position: absolute;
	width: 28px;
	height: 28px;
	background-color: hsl(0, 0%, 100%);
	transform: rotate(45deg);
}

table.multiSectionPageButton div.arrowL {
	left: 6px;
	top: 6px;
}

table.multiSectionPageButton div.arrowR {
	left: -14px;
	top: 6px;
}

p.multiSectionPageButtonL, p.multiSectionPageButtonR {
	color: hsl(0, 0%, 100%);
	font-size: 12pt;
	letter-spacing: 0.5px;
	line-height: 145%;
}

p.multiSectionPageButtonL {
	text-align: left;
	padding-left: 12px;
}

p.multiSectionPageButtonR {
	text-align: right;
	padding-right: 12px;
}



/*** SIMPLE LINED TABLE ***/
div.simpleLinedTable {
	padding: 10px 15px;
	background-color: hsl(0, 0%, 100%);
	border: solid 1px hsl(0, 0%, 70%);
}

table.simpleLinedTable {
	width: 100%;
}

table.simpleLinedTable td {
	padding: 5px 0px;
	border-top: solid 1px hsl(0, 0%, 90%);
}

table.simpleLinedTable tr.head td {
	border-top: none;
	padding-bottom: 10px;
}


/*** GOOGLE TRANSLATE WIDGET ***/
.goog-te-gadget-simple {
	border: solid 1px hsl(0, 0%, 100%) !important;
}

.goog-te-gadget-icon {
	display: none !important;
}

.goog-te-menu-value {
	line-height: 20px !important;
}

div.debugMessage {
	position: fixed;
	z-index: 1000;
	right: 0px;
	top: 0px;
	font-size: 11pt;
	color: #00ff00;
	text-align: left;
	padding: 6px 28px 6px 8px;
	background-color: #000000;
	border-left: solid 1px #00ff00;
	border-bottom: solid 1px #00ff00;
	max-height: 1000px;
	overflow-y: auto;
	overflow-x: hidden;
}

div.debugMessagePhp {
	position: fixed;
	z-index: 1000;
	left: 0px;
	top: 0px;
	font-size: 11pt;
	color: #00ff00;
	text-align: left;
	padding: 6px 28px 6px 8px;
	background-color: #000000;
	border-right: solid 1px #00ff00;
	border-bottom: solid 1px #00ff00;
	max-height: 1000px;
	overflow-y: auto;
	overflow-x: hidden;
}
.vSpaceXXS {
	margin-top: 5px !important;
}

td.vSpaceXXS {
	padding-top: 5px !important;
}

.vSpaceXS {
	margin-top: 10px !important;
}

td.vSpaceXS {
	padding-top: 10px !important;
}

.phoneView .vSpaceXS {
	margin-top: 8px !important;
}

.vSpaceS {
	margin-top: 20px !important;
}

.phoneView .vSpaceS {
	margin-top: 15px !important;
}

td.vSpaceS {
	padding-top: 20px !important;
}

.phoneView td.vSpaceS {
	padding-top: 15px !important;
}

.vSpaceSM {
	margin-top: 25px !important;
}

.phoneView .vSpaceSM {
	margin-top: 20px !important;
}

td.vSpaceSM {
	padding-top: 25px !important;
}

.vSpaceM {
	margin-top: 40px !important;
}

.phoneView .vSpaceM {
	margin-top: 35px !important;
}

td.vSpaceM {
	padding-top: 40px !important;
}

.phoneView td.vSpaceM {
	padding-top: 35px !important;
}

.vSpaceL {
	margin-top: 60px !important;
}

.phoneView .vSpaceL {
	margin-top: 55px !important;
}

td.vSpaceL {
	padding-top: 60px !important;
}

.phoneView td.vSpaceL {
	padding-top: 55px !important;
}

.vSpaceXL {
	margin-top: 80px !important;
}

.phoneView .vSpaceXL {
	margin-top: 75px !important;
}

td.vSpaceXL {
	padding-top: 80px !important;
}

.phoneView td.vSpaceXL {
	padding-top: 75px !important;
}

.hSpaceXS {
	padding: 0px 2px !important;
}

.hSpaceS {
	padding: 0px 4px !important;
}

.hSpaceM {
	padding: 0px 8px !important;
}

.hSpaceL {
	padding: 0px 16px !important;
}

.hSpaceXL {
	padding: 0px 24px !important;
}

.textCenter, .centerContents, .center {
	text-align: center !important;
}

.textLeft, .contentsLeft {
	text-align: left !important;
}

.textRight, .contentsRight {
	text-align: right !important;
}

.textVertCenter, .vertCenterContents {
	vertical-align: middle !important;
}

table.vertCenterContents td {
	vertical-align: middle !important;
}

.vertTopContents, .vertAlignTop {
	vertical-align: top !important;
}

table.basicPadding td {
	padding: 6px; !important;
}

.hLeft {
	margin-right: auto !important;
}

.hRight {
	margin-left: auto !important;
}

.hCenter {
	margin-left: auto !important;
	margin-right: auto !important;
}

.vCenter {
	margin-top: auto !important;
	margin-bottom: auto !important;
}

.bold {
	font-weight: bold !important;
}

.unBold {
	font-weight: normal !important;
}

.sup {
	position: relative;
	top: -3px;
	font-size: smaller !important;
}

.sub {
	position: relative;
	top: 3px;
	font-size: smaller !important;
}

.noWrap, .nowrap {
	white-space: nowrap !important;
}

.textWrap {
	white-space: normal !important;
}

.noPad {
	padding: 0px !important;
}

.pad4 {
	padding: 4px !important;
}

.pad8 {
	padding: 8px !important;
}

.pad12 {
	padding: 12px !important;
}

.pad16 {
	padding: 16px !important;
}

.margin6 {
	margin: 6px !important;
}

.margin8 {
	margin: 8px !important;
}

.fontSize0 {
	font-size: 0px !important;
}

.noBorder, .noBorders, .noBorders td {
	border: none !important;
}

.noTopBorder {
	border-top: none !important;
}

.noPointerEvents, .pointerEventsNone {
 pointer-events: none !important;
}

.autoPointerEvents {
	pointer-events: auto !important;
}

.allPointerEvents {
 pointer-events: all !important;
}

.bold {
	font-weight: bold !important;
}

.italic {
	font-style: italic !important;
}

.letterSpacing0 {
	letter-spacing: 0px !important;
}

.lineHeight100 {
	line-height: 100% !important;
}

.lineHeight125 {
	line-height: 125% !important;
}

.lineHeight135 {
	line-height: 135% !important;
}

.lineHeight150 {
	line-height: 150% !important;
}

.indentXS {
	margin-left: 10px !important;
}

.indent, .indentS {
	margin-left: 20px !important;
}

.indentM {
	margin-left: 30px !important;
}

.indentML {
	margin-left: 40px !important;
}

.indentL {
	margin-left: 50px !important;
}

.fullWidth {
	width: 100% !important;
}

.maxWidth {
	width: 99% !important;
}

.minWidth {
	width: 1% !important;
}

.halfWidth {
	width: 50% !important;
}

.fullHeight {
	height: 100% !important;
}

.opaque {
	opacity: 1.0 !important;
	filter: alpha(opacity=100) !important;
}

.dull {
	opacity: 0.75 !important;
	filter: alpha(opacity=75) !important;
}

.faded {
	opacity: 0.55 !important;
	filter: alpha(opacity=55) !important;
}

.translucent {
	opacity: 0.25 !important;
	filter: alpha(opacity=25) !important;
}

.tableDisplay {
	display: table !important;
}

.blockDisplay, .displayBlock {
	display: block !important;
}

.inlineBlockDisplay, .displayInlineBlock {
	display: inline-block !important;
}

.visibilityHidden {
	visibility: hidden !important;
}

.visibilityVisible {
	visibility: visible !important;
}

.positionRelative {
	position: relative !important;
}

.positionAbsolute {
	position: absolute !important;
}

.hideOverflow, .noScroll {
	overflow: hidden !important;
}

.borderWidth10 {
	border-width: 10px !important;
}

.borderRadiusS {
	border-radius: 6px !important;
}

.borderRadiusM {
	border-radius: 12px !important;
}

.borderRadiusL {
	border-radius: 24px !important;
}

.clearBoth {
	clear: both !important;
}

div.shadowDefault, img.shadowDefault {
	box-shadow: 3px 3px 3px 1px hsla(0, 0%, 0%, 0.4) !important;
}

div.shadow, img.shadow {
	box-shadow: 3px 3px 3px 0px hsla(0, 0%, 0%, 0.5) !important;
}

div.overlayShadow {
	box-shadow: 3px 3px 9px 0px hsla(0, 0%, 0%, 0.65) !important;
}

.defaultBorder, .impactBorder {
	border: solid 2px hsl(0, 0%, 0%) !important;
}

.selectable {
	-webkit-touch-callout: all !important;
	-webkit-user-select: all !important;
	-khtml-user-select: all !important;
	-moz-user-select: all !important;
	-ms-user-select: all !important;
	user-select: all !important;
}

.textSelectable {
	-webkit-touch-callout: text !important;
	-webkit-user-select: text !important;
	-khtml-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	user-select: text !important;
}

.notSelectable {
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: -moz-none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}

.clickable:hover, .clickable:active, .clickable:focus {
	cursor: pointer;
}

.notClickable:hover, .notClickable:active, .notClickable:focus {
	cursor: default;
}

.pointerEventsAll {
	pointer-events: all !important;
}

.pointerEventsNone {
	pointer-events: none !important;
}

.bgWhite {
	background-color: #ffffff;
}

.mw1000 {
	max-width: 1000px !important;
}

.mw950 {
	max-width: 950px !important;
}

.mw900 {
	max-width: 900px !important;
}

.mw850 {
	max-width: 850px !important;
}

.mw800 {
	max-width: 800px !important;
}

.mw750 {
	max-width: 750px !important;
}

.mw700 {
	max-width: 700px !important;
}

.mw650 {
	max-width: 650px !important;
}

.mw600 {
	max-width: 600px !important;
}

.mw550 {
	max-width: 550px !important;
}

.mw500 {
	max-width: 500px !important;
}

.mw400 {
	max-width: 400px !important;
}

.mw350 {
	max-width: 350px !important;
}

.mw300 {
	max-width: 300px !important;
}