/***** CSS Document - Rebranding 2020 ******/

html {
    font-family: 'Mute', Calibri, Arial, sans-serif;
    font-size: 16px;
}
body, h3, h4, h5, h6, ul, ol, li, p {
    font-family: 'Mute', Calibri, Arial, sans-serif;
}
h1, h2, h3 {
    margin-top: 0;
}
/********** ICON FONT LOAD **********/

@font-face {
    font-family: "Nucleo";
    src: url("https://www.imercer.com/uploads/fonts/nucleo/fonts/nucleo.woff");
}
/********** HEADLINE STYLES **********/
h1 {
    font-family: 'Grifo', Constantia, Georgia, serif;
    font-size: 2rem;
    line-height: 2.1875rem;
}
h2 {
    font-family: 'Grifo', Constantia, Georgia, serif;
    font-size: 1.625rem;
    line-height: 1.8125rem;
}
h3 {
    font-size: 1.25rem;
    line-height: 1.625rem;
}
h4 {
    font-weight: 600;
    font-size: 1.15rem;
    line-height: 1.625rem;
}
h5 {
    font-size: 1rem;
    line-height: 1.625rem;
}
h6 {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.625rem;
}
/********** END HEADLINE STYLES **********/


/********** HERO STYLES **********/
.smallHero {
    font-family: "Grifo S";
    font-size: 50px;
    font-weight: bold;
    line-height: 60px;
}
.heroSubhead {
    font-family: "Mute Semibold", Arial, sans-serif;
    font-size: 26px;
    line-height: 33px;
}
.mediumHero {
    font-family: "Grifo S";
    font-weight: 700;
    font-size: 58px !important;
    line-height: 60px;
    margin: 1rem;
    color: #ffffff !important;
}
.heroDescription {
    font-family: 'Mute Light', Arial, sans-serif;
    font-size: 26px;
    line-height: 33px;
    color: #ffffff !important;
    margin: 1rem
}

@media (max-width: 575.98px) {
.mediumHero {
    font-size: 41px !important;
    line-height: 46px !important;
    margin: 1rem;
    color: #ffffff;
}
.heroDescription {
    font-family: 'Mute Regular', Arial, sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff !important;
    margin: 1rem
}
}
#subheadSmaller {
    background-color: #003865;
    color: #fff;
}

@media (max-width: 1199.98px) {
#lgDescription {
    display: none;
}
}

@media (min-width: 1200px) {
#subheadSmaller {
    display: none;
}
}
.smallKicker {
    font-family: "Mute";
    font-size: 25px;
    font-weight: 300;
    letter-spacing: -0.5px;
    line-height: 30px;
}
.category-kicker {
    color: #4E6287;
    font-family: "Mute";
    font-size: 16px;
    line-height: 24px;
}
.category-kicker-small {
    color: #4E6287;
    font-family: "Mute";
    font-size: 14px;
    line-height: 24px;
}
/********** END HERO STYLES **********/


/********** PARAGRAPH STYLES **********/
p {
    color: #001F37;
    font-size: 1rem;
    line-height: 1.5rem;
}
p.pLead {
    color: #001F37;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.5rem;
}
p.pLarge {
    color: #001F37;
    font-size: 1.125rem;
    line-height: 1.625rem;
}
p.pLargeLead {
    color: #001F37;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.625rem;
}
p.pCondensed {
    color: #001F37;
    font-size: 0.875rem;
    line-height: 1.3125rem;
}
p.pCondensedLead {
    color: #001F37;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.3125rem;
}
.pageHeadline {
    text-transform: none;
    letter-spacing: 0px;
    font-family: 'Grifo', Constantia, Georgia, serif;
    font-size: 2rem;
    line-height: 2.1875rem;
}

/********END PARAGRAPH STYLES *******/


/******** TEXT LINK STYLES *******/
.contentPane a:link {
    font-family: 'Mute', Calibri, Arial, sans-serif;
    line-height: 1.4;
    color: #005A8E;
    font-size: 16px;
    text-decoration: underline;
}
.contentPane a:hover {
    font-family: 'Mute', Calibri, Arial, sans-serif;
    color: #009DE0;
    text-decoration: underline;
}
#contentPane a:link {
    font-family: 'Mute', Calibri, Arial, sans-serif;
    line-height: 1.4;
    color: #005A8E;
    font-size: 16px;
    text-decoration: underline;
}
#contentPane a:hover {
    font-family: 'Mute', Calibri, Arial, sans-serif;
    color: #009DE0;
    text-decoration: underline;
}
.normalLink a:link {
    font-family: 'Mute', Calibri, Arial, sans-serif;
    line-height: 1.4;
    color: #005A8E;
    font-size: 16px;
    text-decoration: underline;
}
.normalLink a:hover {
    font-family: 'Mute', Calibri, Arial, sans-serif;
    color: #009DE0;
    text-decoration: underline;
}
/******** END TEXT LINK STYLES *******/

#contentPane ul {
    color: #001F37;
    font-size: 1rem;
    line-height: 1.5rem;
}

.contentPane li {
    color: #001F37;
    font-size: 1rem;
    line-height: 1.5rem;
}
/* Hotcakes Description block - right-side box */

.sideBox li {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 18px;
    margin-left: -7px;
}
a.sideBoxLink:link {
    font-size: 14px;
}
/***** HOME PAGE CONTENT BOXES - Kept for other regions home pages ****/
.contentBox {
    margin-bottom: 1rem;
    margin-top: 1rem;
    border-top: 8px solid;
}
.contentRow {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}
.contentImage {
    margin-top: 5px;
    border: 1px solid #BFBFBF;
    width: 100%;
    height: auto;
}
.singleColumnStory {
    margin-top: 5px;
    margin-left: -5px;
}
.singleColumnStory img {
    border: 1px solid #BFBFBF;
}
/**** END OF HOME PAGE CONTENT BOXES ****/



/************** NEW BUTTONS *************/
	
/**** SMALL BUTTON ****/	
button.smallButton {
    font-family: 'Mute', Calibri, Arial, sans-serif;
    border: none;
    padding: 8px 32px;
    background-color: #005A8E;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    text-align: center;
    cursor: pointer;
}
button.smallButton:hover {
    background-color: rgba(0,90,142,0.80);
}
button.smallButton:focus {
    outline: 0px;
    border: 2px solid rgba(118,211,255,0.8);
}
/**** MEDIUM BUTTON ****/
button.mediumButton {
    border: none;
    padding: 8px 32px;
    background-color: #005A8E;
    color: #FFFFFF;
    font-family: "Mute";
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
}
button.mediumButton:hover {
    background-color: rgba(0,90,142,0.80);
}
button.mediumButton:focus {
    outline: 0px;
    border: 2px solid rgba(118,211,255,0.8);
}
/***** DISABLED BUTTON ******/
button.disabledButton {
    border: none;
    padding: 8px 32px;
    background-color: rgba(108,114,120,0.2);
    color: rgba(30,32,34,0.5);
    font-family: "Mute";
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    text-align: center;
    cursor: pointer;
}
/************** END NEW BUTTONS *************/


/*********** OLD BUTTON CODE UPDATED *********/

/* Blue Button */
a.BlueButton:link {
    background-color: #005A8E;
    border: none;
    color: #ffffff !important;
    margin: .25rem 1rem 1rem 0rem;
    display: inline-block;
    font-family: 'Mute', Calibri, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 6px 24px 4px 24px;
    text-align: center;
    text-decoration: none !important;
}
a.BlueButton:visited {
    background-color: #005A8E;
    border: none;
    color: #ffffff !important;
    margin: .25rem 1rem 1rem 0rem;
    display: inline-block;
    font-family: 'Mute', Calibri, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 6px 24px 4px 24px;	
    text-align: center;
    text-decoration: none !important;
}
a.BlueButton:hover {
    background-color: rgba(0,90,142,0.70);
    color: #ffffff !important;
    text-decoration: none;
}
/******* Orange Button - NOW PINK ********/

a.OrangeButton:link {
    background-color: #B2025B;
    border: none;
    color: #ffffff;
    margin: .25rem 1rem 1rem 0rem;
    display: inline-block;
    font-family: 'Mute', Calibri, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 6px 24px 4px 24px;
    text-align: center;
    text-decoration: none !important;
}
a.OrangeButton:visited {
    background-color: #B2025B;
    border: none;
    color: #ffffff;
    margin: .25rem 1rem 1rem 0rem;
    display: inline-block;
    font-family: 'Mute', Calibri, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 6px 24px 4px 24px;
    text-align: center;
    text-decoration: none !important;
}
a.OrangeButton:hover {
    background-color: rgba(178,2,91,0.70);
    color: #ffffff;
    text-decoration: none !important;
}
/******** Green Button - UPDATED *********/
a.GreenButton:link {
    background-color: #14853D;
    border: none;
    color: #ffffff;
    margin: .25rem 1rem 1rem 0rem;
    display: inline-block;
    font-family: 'Mute', Calibri, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 6px 24px 4px 24px;
    text-align: center;
    text-decoration: none !important;
}
a.GreenButton:visited {
    background-color: #14853D;
    border: none;
    color: #ffffff;
    margin: .25rem 1rem 1rem 0rem;
    display: inline-block;
    font-family: 'Mute', Calibri, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 6px 24px 4px 24px;
    text-align: center;
    text-decoration: none !important;
}
a.GreenButton:hover {
    background-color: rgba(20,133,61,0.70);
    color: #ffffff;
    text-decoration: none !important;
}
/********* Orange CTA button - NOW PINK ********/
a.buttonCTA {
    background-color: #B2025B;
    border: none;
    color: #ffffff;
    margin: .25rem 1rem 1rem 0rem;
    display: inline-block;
    font-family: 'Mute', Calibri, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 6px 24px 4px 24px;
    text-align: center;
    text-decoration: none !important;
}
/************** END OLD BUTTON CODE ************/

/* Divider - used in place of hr tag */
.divider {
    color: #d8d8d8;
    background-color: #d8d8d8;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
}
/*****GRADIENT RULE (BLUE TO GREEN) FOR TOP OF PAGES******/
.gradientRule {
    background: rgb(0,157,224);
    background: linear-gradient(45deg, rgba(0,157,224,1) 0%, rgba(0,172,65,1) 100%);
    height: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
}
/*********** CARDS *********/
.card-bg {
    background-color: #FFFFFF;
    box-shadow: 0 0 4px 0 rgba(30,32,34,0.30)
}
.card-content {
    padding: 24px;
}
.card-content p {
    margin-bottom: 24px;
}
.card-title {
    color: #001F37;
    font-family: "Grifo S";
    font-size: 26px;
    font-weight: bold;
    line-height: 29px;
    margin-bottom: 24px;
}
.card-description {
    color: #001F37;
    font-family: "Mute";
    font-size: 16px;
    line-height: 23px;
}
.card-link:link {
    font-family: "Mute";
    font-size: 16px;
    text-decoration: none !important;
    color: #005a8e;
}
.card-link:hover {
    font-family: "Mute";
    font-size: 16px;
    text-decoration: none !important;
    color: #009DE0;
}
.card-topBorder {
    border-top: 3px solid #003865;
}
.card-icon {
    color: #009de0;
    font-size: 24px !important;
    font-weight: 700 !important;
    margin-right: 5px;
    vertical-align: middle;
}
.blueBox:hover {
    text-decoration: none !important;
    background-color: rgba(194, 231, 239, 0.2);
}
.box {
    height: 100%;
}
.linkArrow {
    font-size: 16px !important;
    margin-left: 5px;
    vertical-align: middle;
    color: #4e6287;
}
/*********** END CARDS *********/

/*********TABLE STYLES***********/

	.condensedTable thead {
		border-bottom:2px solid #001f37;
	}
	.condensedTable th {
		font-size:16px !important;
		line-height: 24px !important;
		font-weight: 600 !important;
		color:#001f37 !important;
		padding-bottom:16px !important;
		background-color:#ffffff !important;
	}
	.condensedTable tr {
		border-bottom:1px solid #d5d9d0;
	}
	.condensedTable td {
		font-size:16px !important;
		line-height: 24px!important;
		color:#001f37 !important;
		padding:16px 16px 16px 0px !important;
	}

/*********END TABLE STYLES***********/

/*********ACCORDION STYLES***********/

#accordion {
	border-bottom: 1px solid #003865;
}

.panel-default .panel-heading:before {
	font-weight:400;
    /* symbol for "opening" panels */
    font-family: 'Nucleo';
    /* essential for enabling icon */
    float: left;
    /* adjust as needed */
    color: #4E6287;
    /* adjust as needed */
    margin-right: .75rem;
	font-size:24px;
	vertical-align: top;
	line-height:20px;
}
.panel-default .panel-heading[aria-expanded="true"]:before {
    content: "\f0b5";/* adjust as needed, taken from nucleo/css/style.css */	
}
.panel-default .panel-heading:before {
    content: "\f0b4";/* adjust as needed, taken from nucleo/css/style.css */
}
.panel-default>.panel-heading {
    border-left: none;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #FFF;
    /* border-bottom: 1px solid #D5D9E0; */
    border-top: 1px solid #003865;
	padding-left: 0px !important;
	padding-right: 0px !important;		
}
.panel-default>.panel-heading:hover, .panel-default>.panel-heading:focus {
    background-color: #FFF;
}
.panel-group .panel+.panel {
    margin-top: 0px;
}
.panel-group .panel {
    border-radius: 0px;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.panel-default > .panel-heading:last-child {
    border-bottom: 1px solid #003865;
	
}
.panel {
    border: none;
}
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #ddd;
	padding:0px 36px 10px !important;
}
.panel-title a {
    text-decoration: none;
    color: #005A8E;
    font-family: 'Mute', Calibri, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
}
.panel-title a:hover {
    color: #009DE0;
}
.panel-heading {
    cursor: pointer;
}
.panel-body li {
    font-family: 'Mute', Calibri, Arial, sans-serif;
    color: #001F37;
    font-size: 16px;
}
/*********END ACCORDION STYLES***********/


/***SIDE COLUMN***/

.relatedLinksBox {
    background-color: #eee;
    padding: .5rem 1rem;
}
.relatedLinksTop {
    background-color: #006d9e;
    color: #fff;
    padding: .2rem 1rem;
    text-transform: uppercase;
}
.relatedLinksBox a {
    color: #006d9e;
    font-size: 1rem;
}
.relatedLinksBox a:hover {
    color: #00a8c8;
}
.relatedLinksBox h6 {
    text-transform: uppercase;
    margin-bottom: .7rem;
    font-size: 1rem;
    font-weight: 600;
}
.relatedLinksBox p {
    margin-bottom: .7rem;
}
.relatedLinksBox hr {
    border-top: 1px dashed #b1b1b1;
    margin: 1.25rem 0rem 1rem 0rem;
}
/*****************MARGINS******************/

.right1rem {
    margin-right: 1rem;
}
.bottom1rem {
    margin-bottom: 1rem;
}
.top1rem {
    margin-top: 1rem;
}
.left1rem {
    margin-left: 1rem;
}
.margin1rem {
    margin: 1rem;
}
.noMargin {
    margin: 0;
}
.bottom2rem {
    margin-bottom: 2rem;
}
.bottom15rem {
    margin-bottom: 1.5rem;
}
.bottomHalfrem {
    margin-bottom: .5rem;
}
/*****************END MARGINS*****************/


/*************OVERVIEW PAGE STYLES**************/


.float-r a {
    color: #005A8E;
    text-decoration: underline !important;
}
.float-r a:hover {
    color: #009DE0 !important;
    text-decoration: underline !important;
}
#RelArticles a {
    color: #005A8E;
    text-decoration: underline !important;
}
#RelArticles a:hover {
    text-decoration: underline !important;
    color: #009DE0 !important;
}
/* ensures equal height boxes */	

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
    flex-grow: 1;
}
/* end ensures equal height boxes */	


.relArticleTitle {
    font-family: "Mute Semibold", Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 16px;
}
/**********END OVERVIEW PAGE STYLES***********/


/**********UTILITIES***********/
.uppercase {
    text-transform: uppercase;
}
.ff-serif {
    font-family: "Grifo S", Georgia, serif;
}
.font-normal {
    font-weight: normal;
}
.font-medium {
    font-weight: 600;
}
.lts-1 {
    letter-spacing: 1px;
}
.lts-2 {
    letter-spacing: 2px;
}
.w-full {
    width: 100%;
}
.text-c {
    text-align: center;
}
.text-l {
    text-align: left;
}
.text-r {
    text-align: right;
}
.clearfix::before, .clearfix::after {
    content: "";
    display: table;
    clear: both;
}
.float-l {
    float: left;
}
.float-r {
    float: right;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.ml-auto {
    margin-left: auto;
}
.mr-auto {
    margin-right: auto;
}
.mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
}
.mx-1 {
    margin-left: 1rem;
    margin-right: 1rem;
}
.mx-2 {
    margin-left: 2rem;
    margin-right: 2rem;
}
.mx-3 {
    margin-left: 3rem;
    margin-right: 3rem;
}
.my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
}
.my-1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.my-2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.my-3 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.mt-0 {
    margin-top: 0rem !important;
}
.mt-1 {
    margin-top: 1rem;
}
.mt-2 {
    margin-top: 2rem;
}
.mt-3 {
    margin-top: 3rem;
}
.mb-0 {
    margin-bottom: 0rem !important;
}
.mb-1 {
    margin-bottom: 1rem;
}
.mb-2 {
    margin-bottom: 2rem;
}
.mb-3 {
    margin-bottom: 3rem;
}
.ml-0 {
    margin-left: 0rem !important;
}
.ml-1 {
    margin-left: 1rem;
}
.ml-2 {
    margin-left: 2rem;
}
.ml-3 {
    margin-left: 3rem;
}
.px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
}
.px-1 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.px-2 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.px-3 {
    padding-left: 3rem;
    padding-right: 3rem;
}
.py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}
.py-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.py-2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.py-3 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.pt-0 {
    padding-top: 0rem !important;
}
.pt-1 {
    padding-top: 1rem;
}
.pt-2 {
    padding-top: 2rem;
}
.pt-3 {
    padding-top: 3rem;
}
.pb-0 {
    padding-bottom: 0rem !important;
}
.pb-1 {
    padding-bottom: 1rem;
}
.pb-2 {
    padding-bottom: 2rem;
}
.pb-3 {
    padding-bottom: 3rem;
}
/**********END UTILITIES***********/



/********************COLORS********************/

/*~*~*~*BLUE*~*~*~*/

/* text and headline color */
.Blue900 {
    color: #001F37;
}
.Blue800 {
    color: #003865;
}
.Blue700 {
    color: #005A8E;
}
.Blue600 {
    color: #007BB7;
}
.Blue500 {
    color: #009DE0;
}
.Blue400 {
    color: #3BB8F0;
}
.Blue300 {
    color: #76D3FF;
}
/*~*~*~*GREEN*~*~*~*/
.Green800 {
    color: #1C4228;
}
.Green700 {
    color: #275D38;
}
.Green600 {
    color: #14853D;
}
.Green500 {
    color: #00AC41;
}
.Green200 {
    color: #ADDFB3;
}
/*~*~*~*PURPLE*~*~*~*/
.Purple800 {
    color: #322164;
}
.Purple700 {
    color: #463282;
}
.Purple600 {
    color: #643C99;
}
.Purple500 {
    color: #8246AF;
}
.Purple300 {
    color: #B896D4;
}
/*~*~*~*TURQUOISE*~*~*~*/
.Turquoise800 {
    color: #004646;
}
.Turquoise700 {
    color: #005E5D;
}
.Turquoise600 {
    color: #007A76;
}
.Turquoise500 {
    color: #00968F;
}
.Turquoise200 {
    color: #98DBCE;
}
/*~*~*~*TEAL*~*~*~*/
.Teal800 {
    color: #053851;
}
.Teal700 {
    color: #004C6C;
}
.Teal600 {
    color: #0B6088;
}
.Teal500 {
    color: #0077A0;
}
.Teal200 {
    color: #9CD9E4;
}
/*~*~*~*PINK*~*~*~*/
.Pink800 {
    color: #850144;
}
.Pink700 {
    color: #B2025B;
}
.Pink600 {
    color: #B2025B;
}
.Pink500 {
    color: #EE3D8B;
}
.Pink100 {
    color: #F4CDD4;
}
/*~*~*~*BLUE-GRAY*~*~*~*/
.BlueGray800 {
    color: #2D394F;
}
.BlueGray700 {
    color: #3E4E6B;
}
/* Alternate headline color */
.BlueGray600 {
    color: #4E6287;
}
.BlueGray500 {
    color: #6B81A6;
}
.BlueGray400 {
    color: #87A0C4;
}
.BlueGray200 {
    color: #BED3E4;
}
/*~*~*~*GRAY*~*~*~*/
.Gray800 {
    color: #383B3F;
}
.Gray700 {
    color: #52575C;
}
.Gray600 {
    color: #6C7278;
}
.Gray500 {
    color: #868D95;
}
.Gray400 {
    color: #A0A6AE;
}
.Gray200 {
    color: #D5D9E0;
}
/*****************END COLORS****************/


/********* DON'T KNOW WHAT THESE ARE FOR *****/
.bannerImage {
    float: right;
}

.contentGreyHR {
    color: #D8D8D8;
    background-color: #D8D8D8;
    height: 1px;
    border: 0;
    margin-top: .5rem;
    margin-bottom: .5rem;
    width: 100%;
}
.blueThickHR {
    color: #007BB7;
    background-color: #007BB7;
    height: 7px;
    border: 0;
    margin-top: 0;
    margin-bottom: .5rem;
    width: 100%;
}
.mainContent {
    padding-top: 1rem;
}
.group:hover, .group:focus {
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.75);
}
.group:hover .topLabel, .group:focus .topLabel {
    background-color: #00a8c8;
    cursor: pointer;
}
.group a {
    text-decoration: none;
}
.xxsText {
    display: none !important;
}

@media (max-width: 499px) {
.xxsText {
    display: block !important;
}
}
.regularText {
    display: none !important;
}

@media (min-width: 500px) {
.regularText {
    display: block !important;
}
}
.heroImage {
    display: none !important;
}

@media (min-width: 992px) {
.heroImage {
    display: block !important;
}
}

@media (max-width: 800px) {
/* Blue Button */
a.BlueButton:link {
    background-color: #005A8E !important;
    border: none !important;
    color: #ffffff !important;
    margin: .25rem 1rem 1rem 0rem !important;
    display: inline-block !important;
    font-family: 'Mute', Calibri, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 6px 24px 4px 24px !important;
    text-align: center !important;
    text-decoration: none !important;
}
a.BlueButton:visited {
    background-color: #005A8E !important;
    border: none !important;
    color: #ffffff !important;
    margin: .25rem 1rem 1rem 0rem !important;
    display: inline-block !important;
    font-family: 'Mute', Calibri, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 6px 24px 4px 24px !important;	
    text-align: center !important;
    text-decoration: none !important;
}
a.BlueButton:hover {
    background-color: rgba(0,90,142,0.70) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}
}
/* Divider - used in place of hr tag */

.divider {
    color: #d8d8d8;
    background-color: #d8d8d8;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 15px;
    margin-right: 15px;
}
.container .contentPane {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.mainContainer {
    padding-top: 10px;
}
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, textarea {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    -moz-box-shadow: inset 0 1px 1px #eeeeee;
    -webkit-box-shadow: inset 0 1px 1px #eeeeee;
    -o-box-shadow: inset 0 1px 1px #eeeeee;
    box-shadow: inset 0 1px 1px #eeeeee;
    background-color: #FFF;
    border: 1px solid #cccccc;
    color: #666666;
    display: inline-block;
    height: auto;
    padding: 2px;
    font-size: 16px;
    vertical-align: middle;
    width: 100%;
}
.lnkProductName {
    font-size: 15px;
}



/*** fixing links in tabbed panels ***/

#verticalTab .SD_Tabbed_Content p a {
    font-family: 'Mute', Calibri, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400 !important;
    text-decoration: underline;
    color: 
    #005A8E;
}
#verticalTab .SD_Tabbed_Content p a:hover {
    color: 
    #007bb7;
    text-decoration: underline !important;
}
#verticalTab .SD_Tabbed_Content li a {
    font-family: 'Mute', Calibri, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400 !important;
    text-decoration: underline;
    color: 
    #005A8E;
}
#verticalTab .SD_Tabbed_Content li a:hover {
    color: 
    #007bb7;
    text-decoration: underline !important;
}