<head>
<Style>
underline


@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

.PageBackground
{
	BACKGROUND-COLOR:#e8ebed;
	margin-left: 0;
	margin-right:0;
	
}

.appButton
{
	width: 100px;
	background-color:white;
	height: 20px;
	font-family: Roboto, sans-serif;
	text-transform: uppercase;
	border-style: solid;
	border-width:1;
	border-color:#0D5DA6;
	font-size: 10pt;
	color: #0D5DA6;
}

.appButtonLong
{
	width: 200px;
	background-color:white;
	height: 20px;
	font-family: Roboto, sans-serif;
	text-transform: uppercase;
	border-style: solid;
	border-width:1;
	border-color:#0D5DA6;
	font-size: 10pt;
	color: #0D5DA6;
}

.appButton:hover{
	border-color: #60b2d4;
	color: #60b2d4;
}

.appButtonLong:hover{
	border-color: #60b2d4;
	color: #60b2d4;
}

.Topheader {
	z-index: 1000;
	font-size: 13px;
	font-size: .8125rem;
	font-family: Roboto, sans-serif;
	width: 100%;
	border-top: 5px solid #822433;
	position: fixed;
	background: #fff;
	top:0;
}

.Topheader.active {
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
}

.Topheader .Topheader-logoarea {
	/*height: 106px;*/
	top: 0;
	width: 100%;
	overflow: visible;
	background: #fff;
	max-width: 984px;
	margin-left: auto;
	margin-right: auto;

}


.Topheader .Topheader-logo {
	display: inline-block;
	z-index: 2001;
	width: 280px;
	position: absolute;
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
	top: 12px;
}

.Topheader .Topheader-logo img {
	width: 50%;
	height: auto;
	margin-left:5px;
}

.Topheader .pageTitle{
	font-size: 14px;
	font-family: Roboto, sans-serif;
	font-weight: 500;
	border-bottom: 2px solid #822433;
	padding-right: 4px;
	width: 250px;
	margin-left: 20px;
	float: right;
	text-align: center;
	background: #822433;
	height: 20px;
	color: white
}

.Topheader .Topheader-support-links {
	top: 35px;
	float: right;
}

.Topheader-support-links-submenus {
	color: #37424a
}

.Topheader .Topheader-support-links>ul {
	vertical-align: top;
	display: inline-block;
	padding-left: 0;
	list-style: none;
	margin-left: -10px;
	line-height: 18px
}

.Topheader .Topheader-support-links>ul>li {
	display: inline-block;
	padding-right: 10px;
	border-right: 1px solid #dee1e3;
	padding-left: 10px;
}

.Topheader .Topheader-support-links>ul>li a:hover{
	text-decoration: underline;
}


.Topheader .Topheader-support-links li:first-child header.top {
	font-style: italic;
	font-weight: 550;
	color: #37424a;
	font-size: 13px;
	font-size: .8125rem;
	text-align: center
}

.Topheader .Topheader-support-links>ul>li:last-child {
	border-right: none
}


.Topheader .Topheader-support-links header.top a {
	display: inline-block;
	color: #37424a;
	font-size: 13px;
	font-size: .8125rem;
	font-weight: 550;
	text-transform: uppercase;
	text-decoration: underline;
}

.Topheader .Topheader-support-links header.top img {
	margin-right: 3px;
	top: 2px;
	position: relative;
}


/*****************************************************************************************/
/* footer     																			 */
/*****************************************************************************************/
footer {
	position:static;
	width: 100%;
	background: #37424a;
	color: #fff;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	line-height: 18px;
	
	margin-bottom: -10px;
}

footer a {
	color: #fff;
	text-decoration: none
}
footer a:active,
footer a:link,
footer a:visited {
	color: #fff
}
footer a:hover {
	color: #ccc;
	text-decoration: underline
}
footer nav section header {
	line-height: 22px;
	text-transform: uppercase;
	color: #72b5cc;
	font-size: 14px;
	font-size: .875rem;
	margin-bottom: 10px;
	font-weight: 500
}
footer nav section ul+header {
	margin-top: 20px
}
footer nav section li+li {
	margin-top: 10px
}
footer nav section li a {
	line-height: 23px;
	font-size: 16px;
	font-size: 1rem
}
footer nav section li a>i {
	margin-left: 4px
}

footer .footer-bottom-nav .social {
	position: absolute;
	top: 40px;
	bottom: 25px;
	right: 0
}

footer .footer-bottom-nav section .footer-bottom-nav-left header {
	margin-bottom: 10px
}

footer .footer-bottom-nav section .footer-bottom-nav-left li+li,
footer .footer-bottom-nav section .footer-bottom-nav-right li+li {
	margin-top: 8px
}
footer .footer-bottom-extras {
	padding-bottom: 29px;
	position: relative;
	background: #23292e
}

footer .footer-copy-holder {
	float: left;
	margin-left: 218px
}

footer .footer-copy {
	line-height: 18px;
	color: #c5c5c5
}
footer .footer-copy .copyright,
footer .footer-copy nav {
	display: inline-block;
	line-height: 18px;
	margin-bottom: 16px;
	margin-top:40px;
}
footer .footer-copy nav.lfg-rwd-footer-nav-bt {
	margin-bottom: 0
}
footer .footer-copy nav ul {
	padding-left: 0;
	list-style: none;
	margin-left: -4px;
	
	padding-right: 5px
}
footer .footer-copy nav ul>li {
	display: inline-block;
	padding-left: 4px;
	padding-right: 4px
}
footer .footer-copy-small{
	float: right;
	margin-top: 30px;
	margin-left: 0px;
	font-size: 10px;
	background: #23292e;
	color: #c5c5c5;
	font-family: Roboto, sans-serif;
}
footer .footer-copy nav ul li:last-child a {
	border-right: 0px solid #787e83;
}
footer .footer-copy nav ul a {
	padding-right: 9px;
	border-right: 1px solid #787e83;
	color: #c5c5c5
}
footer .footer-copy nav ul li:first-child {
	padding-right: 9px;
	border-right: 0px solid #787e83;
	color: #c5c5c5
}
footer .footer-logo-holder {
	position: absolute;
	top: 15px;
	width: 200px
}

footer .u-global-container-footer {
	height: 200px;
	max-width:984px;
	
	margin:auto;
}

footer .u-global-container-nav {
	height: 10px;
	
}

footer .u-image-responsive {
	margin-bottom: 46px;
	margin-top: 40px;
	float: left;
	width: 159px;
	height: auto;
	
}



.footerServiceContainer {
	display: flex;
	padding-top: 30px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	flex-wrap: wrap;
}


.footerServiceCategoryHolder 
{

	/*margin-left: auto;*/
	margin-right: auto;    
}
   

.footerServiceTitles {
	 Font-Family: Roboto-Medium; 
	 Font-Size: 20px; 
	 margin-left: 10px;
	 Color: #ffffff; 
	 Font-Style: normal; 
	 Text-Align: left !important;
	 Line-Height: 23px;

}

.footerServiceHolder {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

.footerServiceCategoryTitles {
	font-size: .875rem;
	font-family: Roboto, sans-serif;
	color: #72b5cc !important;
	text-align: right !important;
	text-transform: uppercase !important;
} 

.footer-bottom-content
{
	max-width: 984px;
	margin-left: auto;
	margin-right: auto;
}



/*****************************************************************************************/
/* footer - END  																		 */
/*****************************************************************************************/


/*****************************************************************************************/
/* anylinkmenu																		 */
/*****************************************************************************************/
.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: white;
text-decoration: underline;
}


/* ######### Default class for drop down menus ######### */

.anylinkcss{
position: fixed;
left: 0;
z-index: 2100;
visibility: hidden;
width: 200px; /* default width for menu */
}

.anylinkcss img {
margin-left: 50px;
}

.anylinkcss submenu{
font-size: 14px;
font-family: Roboto, sans-serif;
font-style: normal;
line-height: 18px;
background: white;
z-index: 2200;
width: 200px; /* default width for menu */
}

.anylinkcss ul{
border: 1px solid black;
border-bottom-width: 0;
box-shadow: 3px 3px 5px rgba(0,0,0,.4);
background: white;
z-index: 2200;
margin: 0;
margin-top: -1px;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
font-size: 14px;
font-family: Roboto, sans-serif;
font-style: normal;
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 0px solid black;
padding: 5px 0;
text-decoration: none;
text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
text-decoration: underline;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 2100;
background: #DEFFCA;
box-shadow: 3px 3px 5px rgba(0,0,0,.4);
}

.anylinkcsscols .column{
width: 130px;
float: left;
}

.anylinkcsscols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcsscols li{
padding-bottom: 3px;
}

/*****************************************************************************************/
/* anylinkmenu - END  															 */
/*****************************************************************************************/



/*****************************************************************************************/
/* efluidmenu																			 */
/*****************************************************************************************/
.efluidmenu {
	z-index: 2000;
	font: normal 13px Roboto, sans-serif;
	background: white;/*#37424a;  background of menu bar (default state)*/
	width: 100%;
	position: relative;
	float: right;
}


.efluidmenu, .efluidmenu * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.efluidmenu > ul { /* style of top UL menu */
	z-index: 2000;
	padding-top: 38px;
	padding-left: 0px;
	list-style: none;
	margin: 0px;
	width: 100%;
	position: relative;
	text-align: right;
}


.efluidmenu > ul li { /*Top level list items*/
	position: relative;
	display: inline-block;
	text-align: left;
	margin-right: 8px; /* Spacing between level list items */
	z-index: 2000;
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	perspective: 500px;
	-webkit-perspective-origin: 50%;
	-moz-perspective-origin: 50%;
	perspective-origin: 50%;
}

.efluidmenu > ul li a { /*Top level menu link items style */
	color: #23292a;
	display: inline-block;
	padding: 11px 7px;
	text-decoration: none;
	font: normal 17px Roboto, sans-serif;
	font-weight: 500;
	text-transform: none;
	line-height: 8px;
}


.efluidmenu > ul li#sitelogo { 
	margin-right: 8px;
	width: 55px;
	position: relative;
	vertical-align: top;
}

.efluidmenu > ul li#sitelogo a{
	padding: 0;
	position: absolute;
	top: 0;
	line-height: normal;
		display: block;
}

.efluidmenu > ul li#sitelogo a:hover{
	background: none;
}

.efluidmenu > ul li#sitelogo a img{
	width: 55px;
	border-width: 0;
}

ul li#search { /* style for LI that houses search form */ 
	float: right;
	margin-right: 5px;
	padding-top: 7px;
}

ul li#search form {
	position: relative;
	width: 210px;
	display: block;
}

ul li#search input[type="text"] {
	height: 28px;
	width: 100%;
	text-indent: 3px;
	padding-right: 27px;
	border-radius: 5px;
	border: 1px solid #eee;
}

ul li #query_submit { /* submit button image position */ 
	position: absolute;
	right: 4px;
	top: 22%;
}


.efluidmenu > ul li a:link, .efluidmenu ul li a:visited {
	color: #616c73;
	font-weight: 400;
}

.efluidmenu > ul li.selected a{ /*CSS class that's dynamically added to the currently active menu items' LI element*/
	background-image:url("/JPFebill/images/grayTriangle2.png");
	background-repeat: no-repeat;
	background-position: center top;
	color: black;
	font-weight: 550;
}

.efluidmenu > ul li a:hover {
	color: black;
	font-weight: 550;
}

.efluidmenu > ul li.multicolumn a:hover {
	text-decoration: none;
}

.efluidmenu > ul li.selected ul li a {
	color: white;
	background: #616c73;
	/*font-style: italic;*/
	font-weight: 400;
	font-size: 15px;
}


/* ## Sub Menus CSS ## */

.efluidmenu ul li > ul {
	position: absolute;
	padding: 0;
	left: 0;
	width: 230px; 
	display: block;
	background: #616c73; /*color change*/
	display: none;  /*collapse all sub menus to begin with*/
	visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);

}

/*Sub level menu list items (alters style from Top level List Items)*/

.efluidmenu ul li > ul li {
	display: block;
	margin-right: 0;
	background: #616c73;
	color: white;
}

/* Sub level menu links style */

.efluidmenu ul li > ul li a {
	font-family: 'Roboto', sans-serif;
	color: white;
	display: block;
	padding: 14px;
	margin-right: 0;
	border-top-width: 0;
	border-bottom: 1px solid #616c73;
}

/* Controls dropdown links appearance when you hover */
.efluidmenu ul li ul > li a:hover {
	background: #616c73;
	color: white;
	text-decoration: underline;
	/*font-weight: 900;*/
}

/* # Multiple columns UL sub menu # */


ul.multicolumn {
	width: 460px !important;
	left: 300px;
	margin-bottom: 20px;
	overflow: hidden;
}

ul.multicolumn li {
	float: left;
	display: inline;
}

ul.multicolumn li {
	width: 50%;
		/* width: 33%; */ /* for 3 columns */
		/* width: 25%; */ /* for 4 columns */
}

/* # Rich HTML independent multiple columns DIV drop down # */

div.richmulticolumn{ /* style for richmulticolumn drop down before it's added to fluid menu DOM */
	display: none;
}

.efluidmenu ul li > div.richmulticolumn {
	position: absolute;
	left: 0;
	display: none;
	visibility: hidden;
	border: 1px solid #edf6f8;
	padding: 10px;
	width: 450px;
	color: white;
	background: #24a9a7;
}

.efluidmenu ul li > div.richmulticolumn .column {
	width: 140px;
	float: left;
}

.efluidmenu ul li > div.richmulticolumn .column b {
	margin-bottom: 1em;
	display: block;
	font-size: 14px;
}

.efluidmenu ul li > div.richmulticolumn .column ul {
	margin: 0;
	margin-right: 15px;
	padding: 0;
	list-style-type: none;

}

.efluidmenu ul li > div.richmulticolumn li {
	padding: 0;
	margin: 0;
	display: block;
	border-bottom: 1px solid #edf6f8;
}

.efluidmenu ul li > div.richmulticolumn li a {
	padding: 4px;
	display: block;
	color: white;
	font-size: 14px;
	text-transform: none;
}

.efluidmenu ul li > div.richmulticolumn li a:hover {
	background: #2cc1bf;
}


/* ######### CSS Animations  ######### */

@-moz-keyframes fade-in-rise-down {
	
	0% {
		pointer-events: auto;
		opacity: 0;
		-moz-transform: translateY(-10px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}

}

@-moz-keyframes fade-out-nudge-up {
	
	0% {
		pointer-events: none;
	}
	100% {
		opacity: 0;
		-moz-transform: translateY(-10px);
	}
}

@-webkit-keyframes fade-in-rise-down {
	
	0% {
		pointer-events: auto;
		opacity: 0;
		-webkit-transform: translateY(-10px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}

}

@-webkit-keyframes fade-out-nudge-up {
	
	0% {
		pointer-events: none;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-10px);
	}
}


@keyframes fade-in-rise-down {
	
	0% {
		pointer-events: auto;
		opacity: 0;
		transform: translateY(-10px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}

}

@keyframes fade-out-nudge-up {
	
	0% {
		pointer-events: none;
	}
	100% {
		opacity: 0;
		transform: translateY(-10px);
	}
}

.fade-in-rise-down-animation {
	-webkit-animation: fade-in-rise-down ease forwards 0.4s;
	-moz-animation: fade-in-rise-down ease forwards 0.4s;
	-ms-animation: fade-in-rise-down ease forwards 0.4s;
	-o-animation: fade-in-rise-down ease forwards 0.4s;
	animation: fade-in-rise-down ease forwards .4s;
}

.fade-out-nudge-up-animation {
	-webkit-animation: fade-out-nudge-up ease forwards 0.4s;
	-moz-animation: fade-out-nudge-up ease forwards 0.4s;
	-ms-animation: fade-out-nudge-up ease forwards 0.4s;
	-o-animation: fade-out-nudge-up ease forwards 0.4s;
	animation: fade-out-nudge-up ease forwards .4s;
}


/* ######### CSS class applied to down arrow images  ######### */


.downarrow {
	position: relative;
	margin-left: 6px;
		border-width: 0;
}

/* ######### CSS class applied to main menu UL in mobile menu mode when menu is open ######### */

.efluidmenu .openmobileclass {
	display: block;
}


/* ############# Animated Drawer icon (mobile menu toggler) CSS ############# */

.efluid-animateddrawer {
	font-size: 10px;
	/* Base font size. Adjust this value to modify size of drawer icon */
	width: 3em;
	height: 2.8em;
	outline: none;
	position: relative;
	display: none;
	left: 12px;
	z-index: 1000;
}

.efluid-animateddrawer:before, .efluid-animateddrawer:after {
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 0.6em;
	/* height of top and bottom drawer line */
	background: white;
	border-radius: 2px;
	top: 0;
	left: 0;
	opacity: 1;
	-webkit-transition: all 0.3s ease-in;
	/* set transition type and time */
	transition: all 0.3s ease-in;
}

.efluid-animateddrawer:after {
	top: auto;
	bottom: 0;
}

.efluid-animateddrawer span {
	width: 100%;
	height: 0.6em;
	/* height of middle drawer line */
	background: white;
	position: absolute;
	top: 50%;
	margin-top: -0.3em;
	/* set this to - half of middle drawer line height */
	border-radius: 2px;
	-ms-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: all 0.3s ease-in 0.3s;
	/* set transition type and time */
	transition: all 0.3s ease-in 0.3s;
}

.efluid-animateddrawer span::after {
	content: '';
	display: block;
	width: 100%;
	height: 0.6em;
	/* height of middle drawer line */
	background: white;
	border-radius: 2px;
	position: absolute;
	-ms-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: all 0.3s ease-in 0.3s;
	/* set transition type and time */
	transition: all 0.3s ease-in 0.3s;
}

/*old css from jpf_bp.css unchanged****
***************************************
***************************************/




{
	TEXT-DECORATION: underline
}

.logonSubmitBtn
{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:11px;
font-weight: bold;
background-image:url(../jpfebill/images/btnbkgd1.gif);
background-color: transparent;
border:thin;
border:#990000;
width:67px;
height:21px;
}

.externalRedirectHeader
{
	height: 20pt;
	background-color: yellow;
	text-align: center;
	margin-bottom: 10px;
	margin-top: -4pt;
}

.netMenu
{
	FONT-SIZE: 8pt;
	FLOAT: right;
	COLOR: #ffffce;
	LINE-HEIGHT: 12px;
	MARGIN-RIGHT: 6px;
	TEXT-ALIGN: right;
	fontFamily: Helvetica, Arial, sans-serif
}
.netMenuMac
{
	FONT-SIZE: 9pt;
	FLOAT: right;
	COLOR: #ffffce;
	LINE-HEIGHT: 12px;
	MARGIN-RIGHT: 6px;
	TEXT-ALIGN: right;
	fontFamily: Helvetica, Arial, sans-serif}
	

.ArialBlk A:link
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #000000;
	FONT-FAMILY: Arial, 'Arial Black';
	text-decoration: underline;
}
.ArialBlk A:hover
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #990000;
	FONT-FAMILY: Arial, 'Arial Black';
	text-decoration: underline;
}
.ArialBlk A:visited
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #000000;
	FONT-FAMILY: Arial, 'Arial Black';
	text-decoration: underline;
}

.ArialBlkBold A:link
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	COLOR: #000000;
	FONT-FAMILY: Arial, 'Arial Black';
	text-decoration: underline;
}
.ArialBlkBold A:hover
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	COLOR: #990000;
	FONT-FAMILY: Arial, 'Arial Black';
	text-decoration: underline;
}
.ArialBlkBold A:visited
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	COLOR: #000000;
	FONT-FAMILY: Arial, 'Arial Black';
	text-decoration: underline;
}


.ArialLarge A:link
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 11pt;
	COLOR: #000000;
	FONT-FAMILY: Arial, 'Arial Black';
	text-decoration: underline;
}
.ArialLarge A:hover
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 11pt;
	COLOR: #990000;
	FONT-FAMILY: Arial, 'Arial Black';
	text-decoration: underline;
}
.ArialLarge A:visited
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 11pt;
	COLOR: #000000;
	FONT-FAMILY: Arial, 'Arial Black';
	text-decoration: underline;
}

.LFhintLine A:link
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	COLOR: #000000;
	FONT-FAMILY: Arial, 'Arial Black';
	text-decoration: underline;
}
.LFhintLine A:hover
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	COLOR: #990000;
	FONT-FAMILY: Arial, 'Arial Black';
	text-decoration: underline;
}
.LFhintLine A:visited
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	COLOR: #000000;
	FONT-FAMILY: Arial, 'Arial Black';
	text-decoration: underline;
}


.enabledField
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	FONT-FAMILY: arial,helvetica
}
.disabledField
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	FONT-FAMILY: arial,helvetica;
	BACKGROUND-COLOR: #cccccc
}

.disabledTextBox
{
	BACKGROUND-COLOR: #cccccc;
}

.menuOption
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	COLOR: white;
	FONT-FAMILY: "arial","arial black";
	TEXT-DECORATION: none
}
.on
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: red;
	FONT-FAMILY: arial, helvetica;
	TEXT-DECORATION: none
}
.off
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: white;
	FONT-FAMILY: arial, helvetica;
	TEXT-DECORATION: none
}

.SectionTitles
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: #990000;
	FONT-FAMILY: Arial;
	BACKGROUND-COLOR: #004E84;
}



.PeriodTitle
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: black;
	FONT-FAMILY: Arial;
	BACKGROUND-COLOR: khaki
}


.LFRedText
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 10pt;
	COLOR: #990000;
	FONT-FAMILY: Arial
}

.LFRedTextBold10
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: #990000;
	FONT-FAMILY: Arial
}

.LFRedTextBold
{
	font-family: Arial;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12pt;
	COLOR: #990000;
	FONT-FAMILY: Arial
}

.RecordSelect
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	FONT-FAMILY: Arial;
	BACKGROUND-COLOR: aqua
}

.PrivacyUnderline
{
	TEXT-DECORATION: underline;
}

.titleFontBlack10
{
	FONT-WEIGHT: bolder;
	FONT-SIZE: 10pt;
	COLOR: black;
	FONT-FAMILY: Arial
}

.JPGreenLarge
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 12pt;
	COLOR: #00413a;
	FONT-FAMILY: Arial;
	FONT-VARIANT: normal
}

.LFRedLarge
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 12pt;
	COLOR: #990000;
	FONT-FAMILY: Arial;
	FONT-VARIANT: normal
}

.LFRedLargeBold
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 13.5pt;
	COLOR: #990000;
	FONT-FAMILY: Arial;
	FONT-VARIANT: normal
}

.LFBlackLarge
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 12pt;
	COLOR: #000000;
	FONT-FAMILY: Arial;
	FONT-VARIANT: normal
}

.requiredField
{
	FONT-SIZE: 9pt;
	COLOR: red;
	FONT-FAMILY: Arial, Tahoma
}




.LFappInstructions
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: black;
	FONT-FAMILY: 'Trebuchet MS', Tahoma, Arial;
	BACKGROUND-COLOR: #ffffff;
}

.appField
{
	FONT-SIZE: 9pt;
	COLOR: black;
	FONT-FAMILY: Arial, Tahoma;
	BACKGROUND-COLOR: moccasin
}

.tagFontn
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	FONT-FAMILY: Arial, Helvetica
}

.outlineTable  
{
	border: 1 solid tan 
}

.errorTag 
{
	FONT-WEIGHT: normal;
	COLOR: #00413a;
	FONT-SIZE: 8pt;
	FONT-FAMILY: Verdana, Tahoma, Arial;
}

.bannerLink A:link
{
	FONT-SIZE: 9pt;
	COLOR: #000000;
	FONT-FAMILY: Arial;
	font-weight: bold;
}
.bannerLink A:visited
{
	FONT-SIZE: 9pt;
	COLOR: #000000;
	font-weight: bold;
}
.bannerLink A:hover
{
	COLOR: #990000;
	font-weight: bold;
}

.helpLink
{
}
.helpLink A:link
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	COLOR: black;
	FONT-FAMILY: Arial
}
.helpLink A:visited
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: black;
	FONT-FAMILY: Arial
}
.helpLink A:hover
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #008080;
	FONT-FAMILY: Arial
}
.barLink
{
}
.barLink A:link
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #008080;
	FONT-FAMILY: Arial
}
.barLink A:visited
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #008080;
	FONT-FAMILY: Arial
}
.barLink A:hover
{
	FONT-WEIGHT: normal;
	COLOR: red;
	FONT-FAMILY: Arial
}
UL
{
	MARGIN-BOTTOM: 3pt;
	MARGIN-LEFT: 12pt
}
LI
{
	MARGIN-BOTTOM: 0pt
}


#adminGuideTable
{
	border: 0px;
	border-spacing: 0px;
	margin-right: auto;
	margin-left: auto;
	border-width: 0px;
	padding: 0px;
	width: 500px;
	
}

#adminGuideTable a
{
	font-size: 24px;
	text-decoration: none;
}

#adminGuideTable div
{
	text-align: center;
	width: 500px;
}


/* Centers and sets the width for the content in impersonate */
.impersonateContainer
{
	margin-right: auto;
	margin-left: auto;
	width: 500px;
}

.formsContainer
{
	margin-right: auto;
	margin-left: auto;
	width: 97%;
	background: white;
	padding: 10px;
	max-width: 984px;
}

.formSelectContainer
{
	background: #e8ebed;
	padding: 10px;
	margin: 10px;
	margin-left: 0px;
	margin-right: 0px;
	max-width: 984px;
}



/*************************************************************
*********************** links ********************************
**************************************************************/

.textLink
{
}
.textLink A:link
{
	FONT-SIZE: 12pt;
	COLOR: blue;
	FONT-FAMILY: Roboto, sans-serif;
}
.textLink A:visited
{
	FONT-SIZE: 9pt;
	COLOR: blue
}
.textLink A:hover
{
	COLOR: red
}

.LFtextLink
{
}
.LFtextLink A:link
{
	FONT-SIZE: 9pt;
	font-weight: bold;
	COLOR: #000000;
	FONT-FAMILY: Arial
}
.LFtextLink A:visited
{
	FONT-SIZE: 9pt;
	font-weight: bold;
	COLOR: #000000;
	FONT-FAMILY: Arial
}
.LFtextLink A:hover
{
	FONT-SIZE: 9pt;
	font-weight: bold;
	COLOR: #990000;
	FONT-FAMILY: Arial
}


/************************************************************
********************* End Links *****************************
*************************************************************/

/*************************************************************
************************* Tables *****************************
**************************************************************/
 .RecordsetTitle{
	background:#616B72;
 }
 .columnHeaders{
	text-align: left;
	font-family: Roboto, sans-serif;
	font-size: 13px;
	color:white;
	background:#616B72;
	text-transform: uppercase;
	height: 50px;
	min-width: 50px;
 }

 .columnHeaderSmall{
	text-align: center;
	font-family: Roboto, sans-serif;
	text-transform: uppercase;
	font-size: 10pt;
	font-weight: 400;
	color:white;
	background:#616B72;
	height: 50px;
 }

 .multilineColumnHeaderFont
 {
	font-size: 9pt;
	font-family: Roboto, sans-serif;
	text-transform: uppercase;
	color: white;
 }



.RecordHighlight
{
	height: 50px;
	FONT-SIZE: 11pt;
	COLOR:#37424A ;
	FONT-FAMILY: Roboto, sans-serif;
	BACKGROUND-COLOR: #F2F4F6;
}

.LargeRecordHighlight
{
	
	FONT-SIZE: 12pt;
	COLOR: #37424A;
	FONT-FAMILY: Robot, sans-serif;
	BACKGROUND-COLOR: #DCDEE0;
}

.RecordNormal
{
	height: 50px;
	FONT-SIZE: 11pt;
	COLOR: #37424A;
	FONT-FAMILY: Roboto, sans-serif;
	BACKGROUND-COLOR: white;
}

.RecordNormalGrayForm
{
	FONT-SIZE: 18px;
	COLOR: #616b72;
	FONT-WEIGHT: MEDIUM;
	FONT-FAMILY: Roboto, sans-serif;
}


/*table navigation bars*/
.NavigationBar
{
	FONT-SIZE: 12pt;
	COLOR: #37424A;
	FONT-FAMILY: Roboto, sans-serif;
	BACKGROUND-COLOR: white;
	height: 30px;
}
/* left align and sets the width for the content in group application */
.tableContainer{
	width: 100%;
	
}

.tableCellFormat
{
	border-spacing: 0px;
}

.tableCellBorderFormat
{
	border-width: 1px;
	border-style: solid;
	border-color: #c1c4c5;
	padding-left: 15px;
}

.formTitleRow
{
	text-align: left;
	font-family: Roboto, sans-serif;
	font-size: 11pt;
	color:white;
	background: #78848b;
	text-transform: none;
	height: 20px;
}

.dataTable{
	width: 100%;
	border: solid 1px #e8ebed;
	background:#e8ebed;
}

/***********************************************************
************************ End Tables ************************
************************************************************/

/*************************************************************
************************* Forms *****************************
**************************************************************/
.formSelectFirstColumn
{
	width: 45%;
	padding-left: 15px;
	font-weight: 500;
}

.formSelectSecondColumn
{
	width: 30%;
	padding-left: 15px;
	font-weight: 400;
	color: #616B72
}

.formSelectThirdColumn
{
	width: 25%;
	padding-left: 15px;
	font-weight: 400;
	color: #616B72;
}

.formTableHeader
{
	height: 35px;
	text-align: left;
	font-family: Roboto, sans-serif;
	color:white;
	background:#616B72;
}

.formTableHeader span
{
	font-size: 12pt !important;
}

.grayFormBackground
{
	background:#dedee0;
}


/***********************************************************
************************ End Forms *************************
************************************************************/


/**********************************************************
**********************Evidence of Insurability **************
***********************************************************/


.EOIPageContainer {
	max-width:984px;
	padding:10px;
	margin:auto;
	height: 320px;
}

.EOILinksTable {

 FONT-SIZE: 12pt;
	COLOR: #616B72;
	width: 984px;
	FONT-FAMILY: 'Roboto', sans-serif;
	BACKGROUND-COLOR: white;
	padding:10px;
}

.EOILinkSpacing
{

	padding-left: 10px;

}

/**********************************************************
*************** End Evidence of Insurability **************
***********************************************************/

/**********************************************************
********************** Policy *****************************
***********************************************************/

.PolicyPageContainer {

	margin-right: auto;
	margin-left: auto;
	width: 97%;
	padding: 10px;
	max-width: 984px;
}

.policyHeadingSpacing
{
	 padding: 10px;
	
}


.policyResultsContainer
{
	background: white;

	width: 100%;
	height: 40%;
	padding: 20px;
	
}
.policyDetailsContainer
{
	background: white;
	width: 100%;
	height: 40%;
	padding: 10px;
}

.policyTableBorder  
{
   border-collapse: collapse;
	 
}




/***********************************************************
************************ Form 5500 ************************
***********************************************************/


.formTableBorder {

	border: 1px solid grey;
	border-collapse: collapse;

}

/************************************************************
*********************** My Forms **************************
************************************************************/
.myFormsContainer {
	margin-right: auto;
	margin-left: auto;
	width: 97%;
	padding: 10px;
	max-width: 984px;
	
}

.myFormsTableContainer {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 40%;
	padding: 10px;	
	background: white; 
} 



/***********************************************************
************************ Group Applications ****************
***********************************************************/

.appInstructions
{
	FONT-SIZE: 12pt;
	COLOR: #616B72;
	FONT-FAMILY: 'Roboto', sans-serif;
	BACKGROUND-COLOR: white;

}

.appInstructionsContainer{
	width: 60%;
}

/***********************************************************
*********************** End Group Applications *************
************************************************************/

/***********************************************************
******************* Search Boxes ***************************
************************************************************/


.searchContainer{
	background: white;
	margin-bottom: 20px;
	width: 100%;
	height: 40%;
}

/*for any text inside the search container*/
.searchText{
	font-family: 'Roboto', sans-serif;
	font-size: 12pt;
	color: #616B72;
	}
/*searchBox*/
.box{
	width: 380px;
	height: 42px;
	border-style: solid;
	border-width: 1px;
	border-color:#bfbfbf;
	margin-bottom: 30px;
	font-family: 'Roboto', sans-serif;
	font-size: 14pt;
	text-align:left;
	color: #616B72;
	padding-left: 20px;

}

.box::placeholder
{
	font-style: italic;
}

.mediumBox{
	width: 230px;
	height: 42px;
	border-style: solid;
	border-width: 1px;
	border-color:#bfbfbf;
	font-family: 'Roboto', sans-serif;
	font-size: 14pt;
	text-align:left;
	color: #616B72;
	padding-left: 20px;

}

.mediumBox::placeholder
{
	font-style: italic;
}

.smallBox{
	border-style: solid;
	border-width: 1px;
	border-color:#bfbfbf;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	height: 42px;
	width: 150px;
	text-align: left;
	color:#616B72;

}

.smallTextBox{
	border-style: solid;
	border-width: 1px;
	border-color:#bfbfbf;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	height: 42px;
	width: 80px;
	text-align: left;
	color:#616B72;

}

.dropBox{
	min-width: 200px;
	height: 42px;
	border-style: solid;
	border-width: 1px;
	border-color:#bfbfbf;
	/*margin-bottom: 30px;*/
	font-family: 'Roboto', sans-serif;
	font-size: 14pt;
	color: #616B72;
	max-width: 700px;

}

.smallDropBox{
	min-width: 80px;
	height: 30px;
	border-style: solid;
	border-width: 1px;
	border-color:#bfbfbf;
	/*margin-bottom: 30px;*/
	font-family: 'Roboto', sans-serif;
	font-size: 14pt;
	color: #616B72;
	
}

.multilineTextBox{
	border-style: solid;
	border-width: 1px;
	border-color:#bfbfbf;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	height: 42px;
	width: 350px;
	text-align: left;
	color:#616B72;
}

.textBox::placeholder{
	font-style: italic;
}

.textBox{
	height: 42px;
	border-style: solid;
	border-width: 1px;
	border-color:#bfbfbf;
	font-family: 'Roboto', sans-serif;
	font-size: 14pt;
	color: #616B72;
	max-width: 700px;
	padding-left: 8px;
}
/* For styling drop boxes that are part of forms */
.smallDropBox
{
	width: 100px;
	height: 42px;
	border-style: solid;
	border-width: 1px;
	border-color:#bfbfbf;
	font-family: 'Roboto', sans-serif;
	font-size: 10pt;
	color: #616B72;
}

.largeDropBox{
	width: 520px;
	height: 40px;
	border-style: solid;
	border-width: 1px;
	border-color:#bfbfbf;
	margin-bottom: 30px;
	font-family: 'Roboto', sans-serif;
	font-size: 14pt;
	color: #616B72;

}

/*********************************************************
******************* End Search Boxes *********************
**********************************************************/

/*************************************************************
************************* Group Information *****************
**************************************************************/

.groupInformationContainer
{
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}


/*************************************************************
************************* End Group Information *************
**************************************************************/


/*************************************************************
************************* Commission *************
**************************************************************/
 
 .commissionContainer {

	margin-right: auto;
	margin-left: auto;
	width: 97%;
	padding: 10px;
	max-width: 984px;
	padding-top: 108px;
	
}

.commissionStepsContainer 
{

	margin-right: auto;
	margin-left: auto;
	width: 97%;
	padding: 10px;
	max-width: 984px;


}





  .commissionTableContainer 
  {
	background: white;
	width: 100%;
	height: 40%;
	padding: 20px;
	
}

.commissionAcctMaintenanceButton 
{
	FONT-SIZE: 12pt;
	color: white;
	background-COLOR: #0D5DA6;
	FONT-FAMILY: Roboto, sans-serif;
	text-transform: uppercase;
	min-width:100px;
	height:40px;
	padding-left: 32px;
	padding-right:32px;
	font-weight:400;
	margin-right: 10px;
	border: none; 

}

/*************************************************************
************************* End Commission *************
**************************************************************/



/*************************************************************
************************* Evidence of Insurability ***********
**************************************************************/

.evidenceOfInsurabilityContainer
{
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}

/*************************************************************
************************* End Evidence of Insurability *******
**************************************************************/

/*************************************************************
************************** Billing ***************************
**************************************************************/
.accountDropContainer{
	width: 60%;
	background:white;
}



/*************************************************************
************************ End Billing *************************
**************************************************************/

/************************************************************
***********************general Components********************
************************************************************/
.messageContainer
{
	text-align: center;
	font-family: Roboto, sans-serif;
	width:40%;
	border-left: solid 20px #e8ebed;
} 
.button
{
	FONT-SIZE: 14pt;
	color: white;
	background-COLOR: #0D5DA6;
	FONT-FAMILY: Roboto, sans-serif;
	text-transform: uppercase;
	min-width:200px;
	height:50px;
	padding-left: 32px;
	padding-right:32px;
	font-weight:400;
	margin-right: 10px;
	border: none; 
	
}


.button:hover
{
	background-color: #60b2d4;
}

.memberEnrollButton{
	FONT-SIZE: 14pt;
	color: white;
	margin-left:10%;
	margin-right:10%;
	background-COLOR: #0D5DA6;
	FONT-FAMILY: Roboto, sans-serif;
	text-transform: uppercase;
	width:80%;
	height:50px;
	font-weight:400;
	margin-top:20px;
	border: none; 
}
.memberEnrollButton:hover{
	background-color: #60b2d4;
}

.button2{
	FONT-SIZE: 14pt;
	color: #0D5DA6;
	background-COLOR: white;
	FONT-FAMILY: Roboto, sans-serif;
	text-transform: uppercase;
	min-width:200px;
	height:50px;
	padding-left: 32px;
	padding-right:32px;
	font-weight:400;
	border-style: solid;
	border-color: #0D5DA6;
	border-width: 1px;
}
.button2:hover{
	border-color: #60b2d4;
	color: #60b2d4;
}

.button3 /* Layout for cancel/reset buttons */
{
	FONT-SIZE: 14pt;
	color: #0D5DA6;
	background-color: white;
	text-transform: uppercase;
	height:50px;
	padding-left: 32px;
	padding-right:32px;
	font-weight:400;
	margin-right: 20px;
	border: 0;
	min-width: 100px;
}

.button3:hover
{
	color: #60b2d4;
}
.button4{
	width: 100%;
	background-color:transparent;
	height: auto;
	font-family: Roboto, sans-serif;
	text-transform: uppercase;
	border:none;
	font-size: 12pt;
	color: #0480b6;
}

.button4:hover{
	color: #0D5DA6;
}

.smallButton{
	width: 75px;
	background-color:white;
	height: 20px;
	font-family: Roboto, sans-serif;
	text-transform: uppercase;
	border-style: solid;
	border-width:1;
	border-color:#0D5DA6;
	font-size: 10pt;
	color: #0D5DA6;

}

.smallButton:hover{
	border-color: #60b2d4;
	color: #60b2d4;
}



.smallButton2{
	min-width: 75px;
	background-color:white;
	height: 20px;
	font-family: Roboto, sans-serif;
	text-transform: uppercase;
	border-style: none;
	font-size: 10pt;
	color: #0D5DA6;
}
.smallButton2:hover
{
	color: #60b2d4;
}
.smallButton3{
	width: 100%;
	background-color:transparent;
	height: auto;
	text-transform: uppercase;
	font-family: Roboto, sans-serif;
	border:none;
	border-right: 1px solid #787e83;
	font-size: 10pt;
	color: #036A94;
	text-decoration: underline;
}
.smallButton3:hover{
	COLOR: #60b2d4; /*#D8D8D8;*/
	text-decoration: underline;

}

.smallButton4
{
	min-width: 75px;
	background-color:white;
	height: 20px;
	font-family: Roboto, sans-serif;
	text-transform: uppercase;
	border-style: solid;
	border-width:1;
	border-color:#0D5DA6;
	font-size: 10pt;
	color: #0D5DA6;
}

.smallButton4:hover
{
	border-color: #60b2d4;
	color: #60b2d4;
}

 .radioButton{
	margin-left: 5px;
	margin-bottom: 20px;
	border-width:1;
	border-color:#616B72;

}
.pageTitleContainer{
	margin-bottom: 20px;
	margin-top: 60px;
	width:100%;
	background:#e8ebed;
	margin-right: auto;
	margin-left: auto;
	
}

.link1{
	FONT-SIZE: 12pt;
	COLOR: #3EA6C5;
	FONT-FAMILY: Roboto, sans-serif;
}
.link2{
	Font-size: 12pt;
	color:#D8D8D8;
	font-family: Roboto, sans-serif;

}

.Privacy A:link
{
	FONT-SIZE: 10pt;
}

.navigationContainer{
	background: white;
	width: 100%;

}
/*for extra messaging or links i.e "getAdobeReader"*/
.addOnContainer{
	Font-Family: Roboto, sans-serif;
	color:#616B72;
	font-size:  8pt;
	

}
.u-global-container{
	max-width:984px;
	padding:20px;
	margin:auto;

	padding-top:108px;
	position:static;
	min-height:60%;
	width:100%;
	height: auto;
	margin-bottom: 10px;


}

.u-global-containerPopup{ /*used for holding links in popup banner*/
	max-width:984px;
	margin:auto;
	position:static;
	width:100%;
	height: auto;
}

.publicHeaderBack /* Style for the back link in the public banner */
{
	margin-top: 106px;
	margin-left: 15px;
	color: black;
	font-size: 16pt;
}

.publicHeaderBackLinks /* Style for the banner with links in popups */
{
	margin-top: 77px;
	margin-left: 15px;
}

.tooltip{
	position: relative;
	display: inline-block;
	

}
.tooltip .tooltiptext{
	visibility: hidden;
	font-family: Roboto, sans-serif;
	font-size: 10pt;
	width:140px;
	background:#e8ebed;
	color:#616B72;
	text-align: left;
	padding: 5px 0;
	border-radius: 6px;

	position: absolute;
	z-index: 1;

}

.tooltip:hover .tooltiptext{
	visibility: visible;
}

.tooltip:hover .tooltiptext,
.tooltip:focus-within .tooltiptext {
    visibility: visible !important;
}

.documentTextUnderline{
	border-bottom: solid 1px #00413A;
}

/************************************************************
/*******************end general Components*******************
*************************************************************/

/************************************************************
************************ html components ********************
*************************************************************/
textarea{
	font-family: Roboto, sans-serif;
	
	
}
html{

	font-size: 14px;
	font-family: Roboto, sans-serif;
	color: #616B72;

}

 body {
   height:100%;
   BACKGROUND-COLOR:#e8ebed;
   margin:auto;
   
   
}

form{
	height: auto;
}

A:link
{
	FONT-SIZE: 12pt;
	COLOR: #0D5DA6;
	FONT-FAMILY: Roboto, sans-serif;
	text-decoration: underline;
}
A:visited
{
	FONT-SIZE: 12pt;
	COLOR: #0D5DA6;
	FONT-FAMILY: Roboto, sans-serif;
}
A:hover
{
	FONT-SIZE: 12pt;
	COLOR: #60b2d4; /*#D8D8D8;*/
	FONT-FAMILY: Roboto, sans-serif;
	text-decoration: underline;
}

/************************************************************
********************** end html components ******************
*************************************************************/


/************************************************************
************************** Fonts ****************************
*************************************************************/
.subTitleFont{
	Font-size: 14pt;
	color: #616B72;
	Font-family: Roboto,Sans-serif;
	text-transform: upperCase;

}
.dataFont
{
	FONT-SIZE: 10pt;
	color:#616B72;
	FONT-FAMILY: Roboto,Sans-serif;
}
.dataFontb
{
	
	FONT-SIZE: 10pt;
	COLOR: #616B72;
	FONT-FAMILY: Roboto, Sans-serif;
}
.titleFont
{
	FONT-SIZE: 14pt;
	COLOR: #616B72;
	FONT-FAMILY: Roboto, sans-serif;
}
.bigRed
{
	FONT-SIZE: 12pt;
	COLOR: #822433;
	FONT-FAMILY: Roboto,sans-serif;
}
.titleFontBlack
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 12pt;
	MARGIN: 0px;
	COLOR: black;
	FONT-FAMILY: Arial, 'CG Times'
}
.titleFont2
{
	FONT-SIZE: 14pt;
	COLOR: #616B72;
	FONT-FAMILY: Roboto, sans-serif;
	text-transform: upperCase;
}
.pageTitle2{
	font-family: Roboto condensed, sans-serif;
	font-size: 18pt;
	color: #616B72;
}
.hintLine
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: #616B72;
	FONT-FAMILY: Roboto, sans-serif;
}

.LFhintLine
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	COLOR: #000000;
	FONT-FAMILY: "arial","arial black";
}

.LFhintLineRed
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	COLOR: #990000;
	FONT-FAMILY: "arial","arial black";
}

.pageTitle{
	font-family: Roboto condensed, sans-serif;
	font-size: 34px;
	font-weight: 300;
	color: #37424a;
	display: inline-block;
	margin: 0;
}

.tagFont
{
	color:#616B72;
	FONT-SIZE: 9pt;
	FONT-FAMILY: Roboto, sans-serif;
}

.helptext
{
	
	FONT-SIZE: 9pt;
	COLOR: #616B72;
	FONT-FAMILY: Roboto,Sans-serif;
}

.linkDescription{
	font-family: Roboto, sans-serif;
	color:#616B72;

}

.warning{
	font-family: Roboto, sans-serif;
	text-align: center;
	color: #ce0d0d;
	font-size:10pt;

}

.Copyright
{
	FONT-SIZE: x-small;
	COLOR: #00413a
}

.PrivacyMsg
{
	FONT-SIZE: 10pt;
	font-family:Roboto, sans-serif;
	COLOR: #616B72;
	DISPLAY: inline-block;
	TEXT-ALIGN: left;
}

.messageText
{
	font-size: 14px;
	font-family: Roboto, sans-serif;
	color:#616B72;
	text-decoration: none;
}

/* Companion class for messageText so links can be made the same size */
.messageLink
{
	font-size: 14px !important;
	font-family: Roboto, sans-serif;
	text-decoration: none;
}

/* Styles the text that is overlayed on the banner image */
.homeBannerText
{
	font-size: 35pt;
	font-family: Roboto, sans-serif;
	color: white;
}

/* Styles the category title for each section */
.homeStackTitle
{
	font-size: 18pt;
	font-family: Roboto, sans-serif;
	color: #616B72;
	line-height: normal !important;
}

.homeStackTitleWithHeading
{
	display: inline;
	font-weight: normal;
	font-size: 18pt;
	font-family: Roboto, sans-serif;
	color: #616B72;
	
}

/* Styles the name of the link a tag */
.homeStackElementName
{
	color: #0D5DA6 !important;
	font-size: 14pt !important;
}

/* Styles the name of the link a tag when hovered over */
.homeStackElementName:hover
{
	COLOR: #60b2d4 !important;
}

/* Styles the description of the element (span tag) */
.homeStackElementDescription
{
	font-family: Roboto, sans-serif;
	font-size: 11pt;
	margin-top: 8px;
}

.infoText{
font-weight: bold;
font-family: Roboto, sans-serif;
font-size: 11pt;
color:#616B72;
}
.titleFontRed{
font-family: Roboto, sans-serif;
font-size: 18pt;
color: #822433;

}
/************************************************************
************************ end Fonts **************************
*************************************************************/

/************************************************************
************************ Admin Guide ************************
*************************************************************/

.adminGuideContainer
{
	margin-right: auto;
	margin-left: auto;
	width: 700px;
	height: 700px;
}

.adminGuidePageContainer
{
	margin-right: auto;
	margin-left: auto;
	max-width: 984px;
	background: white;
	padding: 15px;
	
}

.adminGuideImage
{
	display: inline-block;
	width: 13%;
}

.adminGuideList
{
	margin-left: 0px;
}

.adminGuideList li
{
	font-family: Roboto, sans-serif;
}
.adminGuideTextContainer
{
	display: inline-block;
	vertical-align: top;
	padding-left: 15px;
	width: 85%;
}

.adminGuideText
{
	font-family: Roboto, sans-serif;
}

.adminGuideTitle
{
	font-size: 20pt;
	font-family: Roboto, sans-serif;
	color: #822433;
}

.adminGuideTitleContainer
{
	margin-bottom: 15px;
}

.adminGuideLink
{
	font-family: Roboto, sans-serif;
}

.adminGuidePDF
{
	font-family: Roboto, sans-serif;
	color: #666666;
}

/************************************************************
********************** end Admin Guide **********************
*************************************************************/

/*************************************************************
************************** Home ******************************
**************************************************************/

/* Styles the div that wraps everything within the stack */
.homeStackContainer
{
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	max-width: 984px;
}

/* Styles each stack section */
.homeStackSection
{
	width: calc(100% - 40px);
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background: white;
	padding: 20px;
}

/* Styles the divs in the homeStackTopRow div */
.newHomeStackSection
{
	margin-left:auto;
	margin-right:auto;
	/*margin-top: 20px;
	margin-bottom: 20px;*/
	background: white;
	padding-top: 20px;
}

.newHomeStackSection[style="width: 67%;"] /* Hacky solution to get the manage your account padding added without adding padding to the access additional resources section*/
{
	width: calc(67% - 40px) !important;
	padding: 20px;
}


.newHomeStackSection[style="width: 100%;"] /* Hacky solution to get the manage your account padding added without adding padding to the access additional resources section*/
{
	width: calc(67% - 40px) !important;
	padding: 20px;
}


/* Styles the div that contains the category title for each section */
.homeStackTitleContainer
{
	margin-left: 10px;
	height: 30px;
}

/* Styles the div containing each link and its description */
.homeStackElement
{
	margin: 15px;
	padding-right: 10px;
}

.spotlightBox
{
   border-bottom: 20px solid #e8ebed;
   width: 100%;
   margin-left:auto;
   margin-right:auto;
}

/* Styles the div containing each link and image in Access additional resources */
.aarElement
{
	height: 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid lightgray;
	flex: 1;
}

.aarSection
{
	padding: 0px;
	padding-top: 20px;

}
.homeStackAARElement:last-of-type
{
	border-bottom: 0px solid lightgray;
}

.aarElementNameContainer
{
	line-height: 40px;
}

.homeStackAARIcon
{
	width: 45px;
	float: right;
}

/*
*  The admin guide icon appears to be much larger than other icons so this styles it differently
*/
.homeStackAARIcon[src="/JPFebill/images/Stack_Title_Images/EOI_member.png"]
{
	width: 40px;
	float: right;
}

.homeStackAARName
{
	color: #0D5DA6 !important;
	font-size: 16pt !important;
	line-height: normal !important;
}

.homeStackAARName:hover
{
	COLOR: #60b2d4 !important;
}



/* 
*  Styles the div tag that contains all of the homeStackSubSection div tags 
*/
.homeStackSubSectionContainer
{
	display: flex;
}

/* Styles the div tag that contains the homeStackElement div tags */
.homeStackSubSection
{
	flex: auto;
	width: 50%;
}

/* Styles the div tag that contains the banner image */
.homeBannerImageContainer
{
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	width: 100%;
	max-width: 984px;
	position: relative;
}

/* Makes the div containing the text be rendered on top of the banner image */
.homeBannerTextContainer
{
	float: left;
	position:absolute;
	background-color: #822433;
	top: 30%;
	left: 5%;
	height: 30%;
	width: 30%;
	padding: 20px;
	padding-top: 15px;
	z-index: 900;
}



/* Styles the banner image img tag */
.homeBannerImage
{
	width: 100%;
}

/* Styles the images that appear next to the section titles */
.homeStackTitleIcon {
	height: 100%;
	margin-right: 5px;
}

/* 
	Styles the div that allows the "Manage your account" and "Access additional resources"
	sections to be in the same row    
*/
.homeStackTopRow
{
	display: inline-flex;
	width: 100%
}

/* Makes sure that if there are two divs the second has a left margin separating it from the first */
.homeStackTopRow div:nth-child(2)
{
/*		margin-left: 20px;*/
}

.homeStackTopRow .newHomeStackSection:nth-child(2)
{
	margin-left: 20px;
}

/* Custom subsection styling for the "Get forms & documents" section */
.gfdSubSectionContainer
{
	display: inline-flex;
}


/* Puts a dividing line on the right side of each div in the "Get forms & documents" section */
.gfdSubSectionContainer .homeStackElement
{
	border-right: 1px solid lightgray;
}

/* Prevents the last div from having a dividing line in the "Get forms & documents" section*/ 
.gfdSubSectionContainer .homeStackElement:last-of-type
{
	border-right: 0px solid lightgray;
}

/* Styles the li elements in the "Manage your account" section of the member home page */
.memberStackList
{
	margin-left: 0px;
	margin-right: 10px;
}

/* Styles the individual list elements in the "Manage your account" section of the member home page */
.memberStackList li
{
	margin-bottom: 15px;
	color: gray;
	font-family: Roboto, sans-serif;
}



/*************************************************************
************************** End Home **************************
**************************************************************/


/*************************************************************
************************ member search ***********************
**************************************************************/
	.memberEnrollContainer{
		width:100%;
		height: 40px;
		margin-top:0px;

	}
	.memberTableTab{
		font-family: Roboto, sans-serif;
		font-size: 14pt;
		color: #036A94;
		width:200px;
		background-color:#F2F4F6;
		border: none;

	}
	
	.memberTableTab:hover{
		font-style: bold;


	}
	.memberTableTab:disabled{
		background-color:#d8d8d8;
		color: white;

	}
	.memberTableContainer{
		background-color: white;
		

	}

	/*  Voluntary Work subpage */

	#bigBlob
	{
		width: 100%;
	}

	#volWorkButtonsRow
	{
		margin-left:auto;
		margin-right: 0;
	}

	/* End Voluntary Work subpage */

	.tableHeadersSpacing
	{
		min-width: 50px;
		margin:auto;
	}


	.tableSortArrowsContainer
	{
		height: 24px;
		width: 24px;
		background-size: 100%;
		vertical-align: middle;
	}
	
	.columnHeadersWithArrows
	{
		line-height: 50px;
		padding-left: 10px;
	}

	.formTextField
	{
		border: 1px solid #bfbfbf;
		height: 42px;
		padding-left: 8px;
		padding-right: 8px;
		font-family: Roboto, sans-serif;
		font-size: 18px;
		color: #6161B7;
	}

	.msButtonPaddingOverride
	{
		padding-left: 5px;
		padding-right: 5px;
	}

	.msStepOneSpacer
	{
		width: 55%
	}

/************************************************************
******************** end member search **********************
*************************************************************/


/************************************************************
******************** start EOI Report list ******************
*************************************************************/

.EOITableHeaders
{
	min-width: 50px;
	margin:auto;
}

/************************************************************
******************** end EOI Report list ********************
*************************************************************/

/************************************************************
******************** RGO Relations **************************
*************************************************************/
.RGOAppInstructions{
	FONT-SIZE: 12pt;
	COLOR: #616B72;
	FONT-FAMILY: 'Roboto', sans-serif;
	BACKGROUND-COLOR: #e8ebed;
}
.formContainer{
	background-color:white;
	padding: 20px;
	width: 105%;
}

/************************************************************
******************* End RGO Relations ***********************
*************************************************************/

/*************************************************************
************************* table forms ************************
**************************************************************/

.tFormHeader
{
color: #822433;
font-size: 34px;
line-height: 34px;
font-family: "Roboto", sans-serif;
font-weight: 300;
text-align: left;
margin-bottom: 30px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
text-decoration: none;
}

.tFormTitle
{
color: #822433;
font-family: "Roboto Condensed", sans-serif;
font-size: 50px;
font-weight: 300;
line-height: 50px;
text-align: left;
margin-bottom: 30px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
text-decoration: none;
}

.tFormSubText
{
color: #606569;
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
margin-bottom: 9px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
text-decoration: none;
}

.tFormItemText
{
color: #4f585e;
font-family: Roboto, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 26px;
margin-left: 2px;
margin-right: 20px;
margin-top: 0px;
}

.tFormTableHeader
{
color: #37424a;
font-family: Roboto, sans-serif;
font-weight: bold;
font-size: 20px;
margin-bottom: 10px;
}

/*************************************************************
********************* end table forms ************************
**************************************************************/

/*************************************************************
********************* Member Help ****************************
**************************************************************/

.memberHelpLink
{
font-size: 12pt;
color: #0D5DA6;
font-family: Roboto, sans-serif;
text-decoration: none;
}

.memberHelpLink:visited
{
font-size: 12pt;
color: #0D5DA6;
font-family: Roboto, sans-serif;
text-decoration: none;
}

.memberHelpLink:hover
{
color: #60b2d4;
}


/*************************************************************
********************* end Member Help ************************
**************************************************************/

/*************************************************************
********************* View Docs ******************************
**************************************************************/

.viewDocsContentContainer
{
background-color: white;
padding:20px;
margin-bottom: 20px;
}

.viewDocsRadio
{
margin-right: 6px;
}

.spacerRow
{
height: 20px;
}

/*************************************************************
********************* End View Docs **************************
**************************************************************/


/*************************************************************
********************* Checkbox and Radio Buttons *************
**************************************************************/

.radioBtn[type="radio"]:checked,
.radioBtn[type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.radioBtn[type="radio"]:checked + label,
.radioBtn[type="radio"]:not(:checked) + label
{
position: relative;
padding-left: 28px;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #666;
}
.radioBtn[type="radio"]:checked + label:before,
.radioBtn[type="radio"]:not(:checked) + label:before 
{
content: '';
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 18px;
border: 2px solid #bfbfbf;
border-radius: 100%;
background: #fff;
}
.radioBtn[type="radio"]:checked + label:after,
.radioBtn[type="radio"]:not(:checked) + label:after
{
content: '';
width: 14px;
height: 14px;
background: #822433;
position: absolute;
top: 4px;
left: 4px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.radioBtn[type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.radioBtn[type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}

/*************************************************************
********************* End Checkbox and Radio Buttons *********
**************************************************************/

/*************************************************************
********************* Multistep Display **********************
**************************************************************/


.tab_wapper:last-child {
margin-right: 0;
}
.tab_wapper {
padding: 20px 0;
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0;
margin-right: 2%;
border-bottom: 1px solid #d7d7d7;
margin-bottom: 30px;
list-style: none
}

.tab_wapper li {
color: #595959;
/*font-style: italic;*/
font-family: Roboto, sans-serif;
float: left;
clear: none;
text-align: inherit;
width: 10.75%;
margin-left: 0;
margin-right: 2%;
font-size: 14px;
font-size: .875rem;
line-height: 1.2;
min-width: 100px;
}


li.active, .tab_wapper li.active {
color: #8f2533;
}

.circleWrapper
{
border-radius: 50%;
border: 2px solid;
font-family: Roboto, sans-serif;
font-size: 14px;
line-height: 18px;
height: 18px;
width: 18px;
display: block;
text-align: center;
}

.previous
{
color: #195c80 !important;
}

.current
{
background-color: #8f2533;
border-color: #8f2533;
color: white;
}

/*************************************************************
***************** End Multistep Display **********************
**************************************************************/


/*************************************************************
***************** Claims *************************************
**************************************************************/

.claimsSubSection
{
margin-left: 0px;
}

.claimsUnorderedList
{
margin-left: 0px;
font-size: 16px;
}

/*************************************************************
***************** End Claims *********************************
**************************************************************/
/* Designed for text in tables */
.requiredFieldText {
	text-align: right;
}

/* Designed for text in divs */
.requiredFieldStandalone {
	float: right;
}


.myClaimsLinks{
	FONT-WEIGHT: bold;
}


.searchContainerDelAd{
	background: white;
	margin-bottom: 20px;
	width: 100%;
	height: 40%;
}

.formContainerPopup{
	background-color:white;
	padding:20px;
}

.formContainerWide{
	background-color:white;
	padding: 20px;
	width: 100%;
}

.dentalClaimsContainer{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;

}

.helpContainer td{
	padding-bottom: 1em;

}

.subHeading{
	font-size: 24px;
	font-family: Roboto, sans-serif;
	color:#37424a;
	font-weight: light;
}

.pubNavMenuButton:hover{
	text-decoration: underline;
}

.noRightMargin{
	margin-right: 0px;
}

.centerText{
	text-align: center;
}

.noLeftIndent{
	padding-left: 0px !important;
}

.indentCell{
	padding-left:20px;
}

.indentCellsTenPx tr td{
	padding-left: 10px;
}

.grayTableBorder{
	border: solid 1px #e8ebed;
}

.grayTableBackground{
	background-color: #e8ebed;
}

.newhomeStackTitleContainer{
	padding-bottom: 26px;
}

A.skip-link {
	position: absolute;
	top: -40px;
	left: 0;
	background: #bf1722;
	color: #ffffff;
	padding: 8px 12px;
	z-index: 1000;
}

.skip-link:focus {
	top: 0;
}

@media print{
	.hide-on-print{
		display: none !important;
		
	}

	.show-on-print{
		display: block !important;
		/*margin-top: 60px;*/
	}
}


</style>
</head>
