body, h1, h2, h3, h4, h5, h6, p, a {
	font-family: Arial, Helvetica, sans-serif;
}

div#divForgotPswdAction {}
body {
	width: 1024px;
	margin: 0px auto 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h1
{
	margin: 0px 0px 0px 60px;
	font-size: 15px;
	line-height: 20px;
	color: #1B4164;
}
h1
{
	margin: 0px 0px 0px 0px;
	font-size: 15px;
	line-height: 20px;
	color: #1B4164;
}
h2
{
	font-size: 13px;
	color: #1B4164;
	text-align: center;
}
p.basictext1
{
	font-size: 12px;
	color: #444444;
	height: 20px;
	margin: 3px 0px 0px 60px;
}
p.basictext2
{
	font-size: 11px;
	color: #666666;
	height: 20px;
	margin: 30px 0px 0px 0px;
}
p.basictext3
{
	font-size: 13px;
	color: #444444;
	height: 19px;
	margin: 6px 0px 0px 7px;
	padding: 0px;
}

p.basictextTextRegister
{
	font-size: 13px;
	color: #444444;
	height: 19px;
	margin: 6px 0px 0px 7px;
	padding: 0px;
    width: 520px;
}

p.basictextNewUserRegister {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	height: 20px;
	margin: 0px 0px 5px 0px;
	white-space: nowrap;
}

#idNewUserRegClick:visited {
	color: #666666;
}

	p.copyright {
		font-size: 10px;
		color: #666666;
		text-align: center;
	}
p.date
{
	margin: 0px 0px 0px 0px;
	/*color: #1B4164;*/
	font-size: 14px;
	text-align: right;
}
/*****************MASTER*PAGE**************************/
.leftNavBar {
	float: left;
	width: 0px;
	position: static;
	margin: 30px 0px 0px 20px;
}
.contentMain
{
	width: 795px;
	float: right;
	margin-top:3px;
	padding: 0px 0px 0px 10px;
}
.contentMainBody
{
	width: 795px;
	float: right;
}
/*****************LOGIN*PAGE**************************/

a.hyperlinkStyle1
{
	font-size: 11px;
	color: #444444;
	text-decoration: none;
}
a.hyperlinkStyle1:hover
{
	text-decoration: underline;
	color: #666666;
}
a.forgotSign
{
	margin: 0px 5px 15px 0px;
	float: left;
	font-size: 11px;
	color: #444444;
	text-align: left;
	width: 200px;
	text-decoration: none;
	font-style: italic;	
}

a.forgotUserName
{
	margin: 5px 5px 0px 0px;
	float: right;
	font-size: 10px;
	color: #444444;
	text-align: right;
	width: 100px;
	text-decoration: none;
	font-style: italic;
}

a.forgotSign:hover
{
	text-decoration: underline;
	color: #666666;
}

.prodName {
	margin: 0px 0px 0px 60px;
	font-size: 15px;
	line-height: 20px;
	/*color: #1B4164;  SPFS Color*/
	color: #19BFB7; /* For IBEA Colors*/
}

.lgnBroadcastMsg
{
    margin: 300px 0px 0px 0px;
    height: 400px;
}

.broadcastmsg
{
    display:inline-block;
    margin: 0px 0px 0px 0px;
    font-size: 15px;
    line-height: 20px;
    color: Red;
}
.labeltext
{
	padding: 0px;
	font-size: 13px;
	color: #666666;
	margin: 4px 4px 13px 6px;
	height: 18px;
}
img.addfavorites
{
	border-style: none;
	margin-bottom: -4px;
}
.loginBody
{
	margin: 0px auto 0px auto;
	width: 1024px;
}
.loginHeader
{
	padding: 10px 0px 5px 10px;
	height: 60px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
}
.headerLogo
{
	padding: 0px 0px 0px 0px;
	
	height: 49px;
	width: 100%;
}
.signOutHeaderLogo {
	padding: 0px 0px 0px 0px;
	background-image: url('../Images/logo.png');
	background-repeat: no-repeat;
	background-position: left center;
	border: none;
	border-width: thin;
	height: 73px;
	width: 250px;
	float: left;
}
.signOutLoginbtn
{
	margin: 10px 0px 0px 60px;
	float: left;
}
.signOutContentLeft
{
	margin: 60px 0px 0px 0px;
	width: 671px;
	height: auto;
	float: left;
}
.signOutBodyContent
{
	padding: 20px 0px 20px 0px;
	width: 100%;
	height: 380px;
	position: inherit;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
	background-image: url('../styles/images/signOutBG.png');
	background-repeat: no-repeat;
	background-position: 20% 90%;
}

.loginBodyContent
{
	padding: 20px 0px 20px 0px;
	width: 100%;
	height: 380px;
	position: relative;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
	background-image: url('../styles/images/loginCenterBG.png');
	background-position:0px 70px;
	background-repeat: no-repeat;

}
/*
.loginBodyContentLeft   ForSPFS
{
	padding: 20px 0px 20px 0px;
	width: 100%;
	height: 380px;
	position: inherit;
	background-image: url('../styles/images/loginCenterBG.png');
	background-position: 33px center;
	background-repeat: no-repeat;
}
*/
.loginBodyContentLeft {
	padding: 20px 0px 20px 0px;
	width: 100%;
	height: 380px;
	position: inherit;
	background-image: url('../styles/images/loginCenterBG.png');
	background-repeat: no-repeat;
	background-position-y: 80px;
	background-position-x: 10px;
	background-size: 61%;
}
	.loginContentRight {
	padding: 10px 0px 0px 0px;
	margin: 0px;
	width: 360px;
	height: auto;
	float: right;
}
.loginContentLeft {
	width: 650px;
	/*height: auto;*/
	float: left;
}
.loginBox
{
	padding: 3px;
	width: 224px;
	height: 250px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}
.eCenterLogin
{
	background-image: url('../styles/images/eCenterLoginBG.png');
	background-repeat: repeat-x;
	width: 222px;
	height: 25px;
	border: 0px solid #999999;
	/* margin-bottom: 15px; */
	margin: -3px 0px 6px -3px;
}
.logintextbox
{
	margin: 5px 0px 0px 0px;
}
.loginbtn
{
	margin: 10px 5px 0px 0px;
	float: right;
}
.loginFooter
{
	width: 100%;
	height: auto;
	margin-top: 10px;
}

.loginFooterLeft
{
    border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #999999;
	
	padding: 0px 0px 0px 0px;
	background-position: center;
	height: auto;
	width: 100%;
	float: left;
}

.loginmessage
{
	float: left;
	margin-top: 5px;
	margin-right: -30px;
	width: 330px;
	padding-left: 5px;
}
.SmallErrorText
{
	font-size: 10px;
	font-style: italic;
	color: #CC0000;
	line-height: normal;
	float: left;
}
.SmallErrorText2 {
	font-size: 12px;
	font-style: italic;
	color: #CC0000;
	line-height: normal;
	float: left;
}
.SmallBottomText
{
	font-size: 9px;
	color: #666666;
	text-align: center;
	width: 100%;
	float: right;
	margin-bottom: 10px;
}
/*******************MASTER*PAGE************************/
/***************HEADER***************/
.header
{
	width: 1065px;
	margin: 0px auto 0px auto;
	height: 60px;
}
.headerContain
{
	padding: 0px 0px 5px 10px;
	height: 60px;
}
.headerLogo
{
	padding: 15px 0px 0px 0px;
	height: 49px;
	width: 250px;
	float: left;
}
.EPMTitle {
	margin: -15px 0px 0px 30px;
	width: 350px;
	float: left;
	position: relative;
	color: dimgray;
}
.infoRight
{
	float: right;
	width: 300px;
	height: 40px;
	margin-top: -15px;
}
.infoRightTime {
	float: right;
	margin: -20px -25em 0 0;
	position: relative;
	color: dimgray;
}
.personalInfo {
	float: right;
	width: 293px;
	height: 18px;
	margin: 29px 1em 0 auto;
}
a.signOut
{
	color: #1B4164;
	font-size: 11px;
	float: right;
	text-decoration: none;
}
a.signOut:hover
{
	color: #999999;
	text-decoration: underline;
}
.separator
{
	color: #999999;
	width: 2px;
	margin: 0px 10px 0px 10px;
	float: right;
	font-size: 11px;
}
.welcomeText {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #1B4164;
	/*color: ;*/
	float: right;
	text-align: right;
	white-space: nowrap;
}

.footCompLink {
	font-size: 8pt;
	font-family: Arial;
}

	/* footer company name btm left */
	.footCompLink a, .footCompLink a:visited {
		color: dimgray;
	}

/*footer btm right copyright*/
.footCompNameCopyrt {
	display: inline-block;
	float: right;
	width: 50%;
	text-align: right;
	font-size: 8pt;
	font-family: Arial;
	color: #666666;
	margin: 0px 0px;
}
/**from above width: 204px;*/
.mainNav {
	margin: 0px auto 0px auto;
	width: 1024px;
	height: 35px;
	position: absolute;
}
/* New CSS */
#mainNavMenu {
	padding: 0px 5px;
	width: 1024px;
	height: 32px;
	/*border: 1px solid #999999;*/
	display: block;
	float: left;
	margin: -51px 0px 5px 0px;
	/*background-image: url('../Styles/images/mainNavBG.png');*/
	/*background-repeat: repeat-x;*/
	list-style: none;
	/*position:relative;  */
}
	/* seprator on top menu */
/*#mainNavMenu li.top
{
	background-position: right 6px;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	float: left;
	list-style-type: none;
	background-image: url('images/separator.png');
	background-repeat: no-repeat;
	height: 30px;
}*/

/*This style applies to all li (including far right pop down */
#mainNavMenu li
{
	background-position: right 6px;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	float: left;
	list-style-type:none;
	height: 30px;
}


#mainNavMenu li.top 
{
display:block;
position:relative;
 float:left; 
 height:30px;
 color:#FFFFFF;
 }

	
	
/*#mainNavMenu li a.top_link {


display:block; float:left; height:35px; line-height:33px;  text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}*/

/* Main top Nav Bar menu */
/* Main top Nav Bar menu -- top_link is entries that are not selected*/
	#mainNavMenu li a.top_link {
		display: block;
		float: left;
		height: 30px;
		line-height: 30px;
		text-decoration: none;
		font-size: 11px;
		font-weight: bold;
		padding: 0 0 0 0px;
		cursor: pointer;
		color: dimgray; /* #1B4164 = SPFS Blue, #666666;=dark grey, PayAccel grey #9e9e9e */
	}

/* Main top Nav Bar menu -- top_link1 is the currently selected entry and is highlighted in dark blue*/
	#mainNavMenu li a.top_link1 {
		display: block;
		background-position: center center;
		margin-top: 1px;
		/*background-image: url('../styles/images/navHover.png');*/
		/* background-repeat: repeat-x;*/
		background-color: #19BFB7; /* For IBEA Colors*/
		border-color: #13928C; /* For IBEA Colors*/
		color: #FFFFFF;
		font-weight: bold;
		/*height: 29px;*/
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		cursor: pointer;
	}

/* Main top Nav Bar menu -- when hovering over an entry it highlights in dark blue just that entry*/
/* Turning off test 20201005 by renaming from top_link to link3*/

	#mainNavMenu li a.top_link:hover {
		display: block;
		height: 30px;
		line-height: 30px;
		text-decoration: none;
		font-size: 11px;
		font-weight: bold;
		background-position: center center;
		margin-top: 1px;
		/*background-image: url('../styles/images/navHover.png');*/
		/*background-repeat: repeat-x;*/
		background-color: #19BFB7; /* For IBEA Colors*/
		border-color: #13928C; /* For IBEA Colors*/
		color: #FFFFFF;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
	

/* Main top Nav Bar menu -- when hover over top nav bar this ??*/
	/* Turning off test 20201005 by renaming from li.top to top3*/
#mainNavMenu  li.top3:hover
{
	display:block; 
	float:left; 
	height:30px; 
	line-height:30px;  
	text-decoration:none; 
	font-size:11px; 
	font-weight:bold; 
	background-position: center center;
	margin-top:0px;
	background-repeat: repeat-x;
	color: #FFFFFF;
	
}
/*
#mainNavMenu li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; }
/*#mainNavMenu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; margin:0px 0px 0px 0px;height:30px; background: url(../Styles/images/Bluestrip.png) no-repeat right top;}*/

/* Main top Nav Bar menu -- this is probably for a Main Nav heading that is Not Selected that doesn't have any drop down pop up menu to show*/
	/* I don't see this being used as we rarely have a nodown menu heading*/
	/* Administration Options etc*/
	#mainNavMenu li a.top_link span.nodown {
		/*padding: 8px 17px 7px 18px;*/
		margin: 0px 3px 2px 2px;
		font-size: 11px;
		color: #666666;
		line-height: 14px;
		text-decoration: none;
		font-weight: normal;
		background: red;


	}
	
	/* Main top Nav Bar menu -- if hover over Top Nav Bar's then show the span.down if there is one*/
	/* This does All the Headings along the Main top Nav bar*/
	/* Administration Options etc*/
	#mainNavMenu li a.top_link span.down {
		float: left;
		padding: 0 12px 0 12px;
		/*display: block;*/
		margin: 0px 0px 0px 0px;
		height: 30px;
		color: #1B4164; /* #1B4164 = SPFS Blue #666666;=dark grey*/
		/*float: left;
		overflow: auto;*/
	}

/*#EPMAppNames {
	float: left;
	padding: 300px 12px 0 12px;
	margin: 0px 0px 0px 0px;
	height: 30px;
}
*/
/*display: block;
	position:relative;*/
/*float: left;
		overflow: auto;*/
/*20201006 ***** this used when hovering over the Main Nav bar, first drop sub menu drop down items*/
/*
	#mainNavMenu li a.top_link span.nodown:hover {
		background-position: 10px 1px;
		background-image: url('../Styles/images/navHover.png'); /* this causes the blue background when hovering
		background-repeat: repeat-x;
		color: yellow; #666666; this is the font for on hover on the first drop down sub menu
		font-weight: bold;
		height: 14px; /*14px
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;


		left: 20px;
		top: 33px;
		padding: 3px;
		border: 1px solid #999999;
		white-space: nowrap;
		width: 2290px;
		z-index: 400;
		height: auto;
		vertical-align: central;
		display: block;
		position: relative;
		float: left;
		width: auto;
		background: red;
	}
	*/
/* Main top Nav Bar menu -- if hover over Top Nav Bar's then this causes 
the sub menu that pops down to show in color #EEEEEE*/
/* turned off 20201006 to see if can get jquery to do instead width was 220px*/
/*
	#mainNavMenu li:hover ul.subPopUp {
		left: 1px;
		top: 32px;
		background: black;
		padding: 0px;
		border: 1px solid #999999;
		white-space: nowrap;
		width: 220px;
		height: auto;
		z-index: 300;
		position: relative;
	}
	*/
/* Testing addiong 20201015*/
#subPopUp {
	left: 100px;
	top: 32px;
	background: blue;
	padding: 0px;
	border: 1px solid #999999;
	/*white-space: nowrap;*/
	width: 80px;
	height: auto;
	z-index: 300;
	display: block;
	position: relative;
	background-color: red;
	min-width: 100%;
	float: left;
	color: red;
}


/*20201015 turning off temp*/
/*#mainNavMenu li:hover {position:relative; z-index:200;}*/

/* This sets the 1st Main nav sub menu to appear--also sets it to no put 2 headings on same line*/
/*#mainNavMenu li:hover ul.sub li
	{display:block; height:25px;color:#FFFFFF;  left:0px;position:relative; float:left; width:220px; font-weight:normal;}*/
	
/*#mainNavMenu li:hover ul.sub li a*/
/*{display:block; font-size:10px;  color:#FFFFFF;  width:180px; line-height:10px;white-space:normal;  color:#000; text-decoration:none;}*/


	
/*This is the first Nav subMenu - Sets it to have an arrow on the right and the background color*/
/*Turned off 20201015 so jscript can do test*/
#mainNavMenu li ul.subPopUp li a.fly {
	/*background: url(arrow.gif) 100px 6px no-repeat;*/
	/*background-color: lightblue;/*	/*This is the background color for the box that goes around the first drop down menu items*/
	width: 183px;						/* This sets the width of the dark blue hover box for the main nav first sub menu pop upd*/
	/*min-width: 100%;*/
	float: left;
	color: #1B4164;	/* #1B4164 = SPFS Blue*/ /*This is the font color for the EPMAppNames wording that is in the first drop down menu items*/
}

/*This is the first Nav subMenu - Sets it to have an arrow on the right and the background color*/
/*Turned off 20201015 so jscript can do test*/
#mainNavMenu li ul.subPopUp li a.flynoarrow {
	/*background: url(arrow.gif) 100px 6px no-repeat;*/
	/*background-color: lightblue;/*	/*This is the background color for the box that goes around the first drop down menu items*/
	background-color: #19BFB7; /* For IBEA Colors*/
	border-color: #13928C; /* For IBEA Colors*/

	width: 183px; /* This sets the width of the dark blue hover box for the main nav first sub menu pop upd*/
	/*min-width: 100%;*/
	float: left;
	color: #1B4164; /* #1B4164 = SPFS Blue*/ /*This is the font color for the EPMAppNames wording that is in the first drop down menu items*/
}
	/***********************************/


/* this one is the hover over the first main sub menu wording (left) 
/*(color here sets the font color but I didn't see it showing 
unless I changed class submenu to submenu2 width was 190px, color 201006  was #FFFFFF*/
/*Interesting color sets the wording color for the far right menu item, but fontsize sets the first drop down*/
/* Testing turning this off as we need it in the timer way of showing the popup*/
/* 20201006 turned off
	#mainNavMenu li:hover ul.sub li a:hover 
{display:block; font-size:30px; height:auto; 
 width:210px;white-space:nowrap;  line-height:10px;left:0px;
 text-decoration:none;font-weight:bold; position:relative;
 background-image: url('../Styles/images/navHoverlong.png');}
*/
/*new change - this is the 2nd and more Main Nav Bar popup sub menu items and the color sets the font color was 180px*/
/*This causes the blue highlight to appear when hovering over first pop down main nav bar and the arrow as well*/
#mainNavMenu li:hover ul.subPopUp li a.fly:hover {
	color: white; /*20201006 was #FFFFFF this is the font color of the hovered left submenu item*/
	height: auto;
	background-position: 205px 10px, center center;
	/*background-image: url('../Styles/images/arrowwhite2.png'), url('../Styles/images/navHover.png');*/
	/*background-repeat: no-repeat, repeat-x;*/
	background-color: #19BFB7; /* For IBEA Colors*/
	border-color: #13928C; /* For IBEA Colors*/
	background-image: url('../Styles/images/arrowwhite2.png');
	/*width:30px;*/
}

/* 20230827 This is for the EPM PayAccel apptypes 63 when hover over the first sub menu that is the only sub menu*/
#mainNavMenu li:hover ul.subPopUp li a.flynoarrow:hover {
	color: white; /*20201006 was #FFFFFF this is the font color of the hovered left submenu item*/
	height: auto;
	background-position: 205px 0px, center center;
	/*background-image: url('../Styles/images/navHover.png');*/
	/*background-repeat: repeat-x;*/
	background-color: #19BFB7; /* For IBEA Colors*/
	border-color: #13928C; /* For IBEA Colors*/
	background-size: auto auto;
	/*width:30px;*/
}


/* sub sub menu --this controls the Main Nav Bar sub (rt) sub pop up menu that appears on the right side*/
/* sub sub menu */
/*
#mainNavMenu li:hover li:hover ul,
#mainNavMenu li:hover li:hover li:hover ul,
#mainNavMenu li:hover li:hover li:hover li:hover ul,
#mainNavMenu li:hover li:hover li:hover li:hover li:hover ul*/

/* Changed 12/9/2011 to not be automatic on hover but to use delay via jscript hoverintent*/
/* The HoverIntent sets the class for items classed EPMNames to this class when hovered over for a 1/2 second via a call OnOpen in EPM.Master*/
.FarRightPop {
	left: 200px;
	top: 0px;
	background: #EEEEEE; /*# is lite gray - this is the background for the far right popup nav menu for main nav bar*/
	border: 1px solid #999999;
	white-space: nowrap;
	width: 210px; /*210px;*/
	z-index: 400;
	line-height: 30px;
	height: auto;
	vertical-align: central;
}

/* Added 10/5/2020 to not be automatic on hover but to use delay via jscript hoverintent*/
/* The HoverIntent sets the class for items classed Sub to the 'Top' items when hovered over for a 1/2 second via a call OnOpen in EPM.Master*/
.MainHeadingFirstPopDown {
	padding: 30px;
	border: 1px solid #999999;
	color: red;
	/*	min-width: 10%;
	max-width:220px;
	left:10px;
	top:33px;*/
	width: 230px;
	z-index: 400;
	height: auto;
	vertical-align: central;
	font-size: 10px;
	line-height: 10px;
	text-decoration: none;
	font-weight: bold;
	background-color: #EEEEEE; /*#EEEEEE is lite gray - This is the background color for the first drop down box from main nav bar*/
	float: left;
}



	/*.subsubpopup
{left:210px; top:0px; background: white; padding:3px; border: 1px solid #999999;  white-space:nowrap; width:230px; z-index:400; height:auto;}
*/
#mainNavMenu li ul.subPopUp li a.fly {
	background: url(../Styles/images/arrow.gif) 200px 12px no-repeat;
	content: "\A"; /*This is used so wording between entries break to a new line*/
	white-space: pre; /*This is used so wording between entries break to a new line*/
}

#mainNavMenu li ul.subPopUp li a.flynoarrow {
	background: none;
	content: "\A"; /*This is used so wording between entries break to a new line*/
	white-space: pre; /*This is used so wording between entries break to a new line*/
	float: left;
}
	/*hover over sub menu 
new change*/
	/*
#mainNavMenu li:hover ul.sub li a.fly:hover
{*/
	/*
	float:left; 
	display:block;  
	height:15px;
	width:210px;
	*/
	/*
 background: url(../Styles/images/Bluestripsidrightearrow.png) no-repeat right top;

}*/
	/*{float:left; display:block;  height:auto;
background-image: url('../Styles/images/navHoverlong.png');
	background-repeat: repeat-x;
}*/
	/*{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff;}*/
	/*#mainNavMenu li:hover li:hover li:hover a.fly,
#mainNavMenu li:hover li:hover li:hover li:hover a.fly,
#mainNavMenu li:hover li:hover li:hover li:hover li:hover a.fly
{ background: url(../Styles/images/arrow.gif);  color:#fff; border-color:#fff;} 
*/
	/*sub sub menu */
	/*
#mainNavMenu li:hover li:hover li a.fly,
#mainNavMenu li:hover li:hover li:hover li a.fly,
#mainNavMenu li:hover li:hover li:hover li:hover li a.fly
{background: url(../Styles/images/arrow.gif) 170px 12px no-repeat;font-size:10px}
*/
	/*subMenu is the far right popdown (side)*/
	.subMenu {
		overflow: auto;
		overflow-x: hidden;
		height: auto !important;
		max-height: 200px !important;
		/*	width:100%;*/ /* this does set the width of the far right box*/
	}

/* This is the class for the far right nav popup that appears to the far right of the first main nav bar sub menu where all the action cmds are*/
.farrightnav {
	display:block;
	width: 157px;
	content: "\A"; /*This is used so wording between entries break to a new line*/
	white-space: pre; /*This is used so wording between entries break to a new line*/
	}

/* This hides all the Main Nav Bar Sub Pop Up Menu and Far Right Sub Menu (Sub Sub Menu) 
off the left and top sides of the screen 
until they are hovered over*/
/* turned off 10/07/2020
#mainNavMenu ul, 
#mainNavMenu li:hover ul ul,
#mainNavMenu li:hover li:hover ul ul,
#mainNavMenu li:hover li:hover li:hover ul ul,
#mainNavMenu li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:10;  margin:0; padding:0; list-style:none;
}
*/
#mainNavMenu ul,
#mainNavMenu li ul ul,
#mainNavMenu li li ul ul,
#mainNavMenu li li li ul ul,
#mainNavMenu li li li li ul ul {
	position:absolute;
	left: -9999px;
	top: -9999px;
	/*width: 10px;*/
	margin: 0;
	padding: 0;
	list-style: none;
}

/*{position:absolute; left:-9999px; top:-9999px; width:0;  margin:0; padding:0; list-style:none;
}*/

/*This color is the font for the Main Nav bar first sub menu drop down (ie. System Config)*/
#mainNavMenu li a {
	padding: 8px 17px 7px 18px;
	margin: 0px 3px 2px 2px;
	font-size: 11px;
	color: #1B4164; /* #1B4164 = SPFS Blue*/ /*20201005 #666666 is a darkdarkgrey*/
	line-height: 14px;
	text-decoration: solid; /*none;*/
}


/*Sets font for main NavBar*/
	#mainNavMenu li a:hover {
		background-position: center center;
		/*background-image: url('../Styles/images/navHover.png');*/
		/*background-repeat: repeat-x;*/
		background-color: #19BFB7; /* For IBEA Colors*/
		border-color: #13928C; /* For IBEA Colors*/

		color: white; /*#FFFFFF;*/ /*When hover over top main nav bar already selected item and the far right pop up menu items (but not first pop down)*/
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}

/*20201016 testing for far right but not working so can remove*/
#mainNavMenu li li a:hover {
	/*background-color: blue;*/
	color: #FFFFFF; /*#FFFFFF;*/ /*When hover over far right pop up below top main nav bar and to side of first sub menu */
	background-position: center center;
	background-size: 100% 100%;
	/*background-image: url('../styles/images/navHover.png');*/
	/*background-repeat: repeat-x;*/
	background-color: #19BFB7; /* For IBEA Colors*/
	border-color: #13928C; /* For IBEA Colors*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	content: "\A"; /*This is used so wording between entries break to a new line*/
	white-space: pre; /*This is used so wording between entries break to a new line*/
}

#mainNavMenu li a.selected {
	background-position: center center;
	/*background-image: url('../styles/images/navHover.png');*/
	/*background-repeat: repeat-x;*/
	background-color: #19BFB7; /* For IBEA Colors*/
	border-color: #13928C; /* For IBEA Colors*/
	color: deeppink; /*#FFFFFF;*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#mainNavMenu li a.current {
	background-position: center center;
	/*background-image: url('../styles/images/navHover.png');*/
	/*background-repeat: repeat-x;*/
	background-color: #19BFB7; /* For IBEA Colors*/
	border-color: #13928C; /* For IBEA Colors*/
	color: teal; /*#FFFFFF;*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* End of New CSS */
.mainNavMenu
{
	padding: 0px;
	width: 1024px;
	height: 32px;
	border: 1px solid #999999;
	display: block;
	float: left;
	margin: 0px 0px 5px 0px;
	background-image: url('../styles/images/mainNavBG.png');
	background-repeat: repeat-x;
}
.mainNavMenu li
{
	background-position: right 6px;
	padding: 30px 0px 5px 0px;
	margin: 0px;
	float: right;
	/*list-style-type: none;*/
	background-image: url('images/separator.png');
	background-repeat: no-repeat;
	height: 30px;
}
.mainNavMenu li a
{
	padding: 8px 17px 7px 18px;
	margin: 0px 3px 2px 2px;
	font-size: 11px;
	color: #666666;
	line-height: 14px;
	text-decoration: none;
}
	.mainNavMenu li a:hover {
		background-position: center center;
		/*background-image: url('../styles/images/navHover.png');*/
		/*background-repeat: repeat-x;*/
		background-color: #19BFB7; /* For IBEA Colors*/
		border-color: #13928C; /* For IBEA Colors*/
		color: green;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
	.mainNavMenu li a.selected {
		background-position: center center;
		/*background-image: url('../styles/images/navHover.png');*/
		/*background-repeat: repeat-x;*/
		background-color: #19BFB7; /* For IBEA Colors*/
		border-color: #13928C; /* For IBEA Colors*/
		color: #FFFFFF;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
	.mainNavMenu li a.current {
		background-position: center center;
		/*background-image: url('../styles/images/navHover.png');*/
		/*background-repeat: repeat-x;*/
		background-color: #19BFB7; /* For IBEA Colors*/
		border-color: #13928C; /* For IBEA Colors*/
		color: #FFFFFF;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}

#MainAppNameTextInActive1
{
	padding: 8px 17px 7px 18px;
	margin: 0px 3px 2px 2px;
	font-size: 11px;
	color: #666666;
	line-height: 14px;
	text-decoration: none;
}

.footerarea {
	display: flex;
	margin: 10px 0px 0px 0px;
	float: left;
	width: 100%;
}

.separatorN
{
	width: 1px;
	height: 20px;
	background-color: #999999;
	float: left;
	margin-top: 6px;
}
/*.mainNavMenu a:hover span
{
	background-position: left center;
	background-image: url('../styles/images/navHoverL.png');
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding: 6px 13px 8px 17px;
}*/

.mainpagearea {
	background-color: white;
	width: 1090px;
	height: 1280px;
	margin: 45px auto 0px auto;	/*top margin to 4px if no BreadCrumb change see line 1336 for other area to edit*/ 
	border: 1px solid #ccc;
	padding: 0px 5px;
	border-radius: 5px;
	box-shadow: 0px 13px 23px -22px #000000;
}

/***************SIDER*MENU***************/
.sider {
	/*width: 210px;*/
	float: left;
	/*margin-top: 5px;*/
	margin-top: -51px; /*20260116 turning on to fix Admin screen headers - was off*/
}
#headsidebar
{
	padding: 0px;
	margin: -50px 0px;	
}
.sideMenu {
	padding: 0px;
	margin: 0px;
	/*width: 210px;*/
	height: auto;
}

.leftnavastab {
	display: inline;
	padding: 0px;
	margin: 0px;
}

.navtabsmain {
	display: inline-block;
}

.tabmenuActive {
	display: inline;
	border: solid;
	border-width: 1px 1px 0 1px;
	margin: 0 5px 0 0;
	border-radius: 25px;
	background-color: blue;
}

.tabmenuNotActive {
	display: inline;
	border: solid;
	border-width: 1px 1px 0 1px;
	margin: 0 5px 0 0;
	border-radius: 25px;
	background-color: #efefef;
}

.roundedtabs {
	display: inline;
	border: solid;
	border-width: 1px 1px 0 1px;
	margin: 0 5px 0 0;
}

.roundedtabsTopAppul {
	display: inline;
	border: solid;
	border-width: 1px 1px 0 1px;
	margin: 0 5px 0 0;
}

/*For the 'a' menu tab item action*/
.activemenuitem {
	padding: 0 10px;
}

/*For the 'a' menu item tab that isn't selected action*/
.nonactivemenuitem {
	padding: 0 10px;
}

a {
	text-decoration: none;
}
ul, li{/* margin:0px; *//* padding:0px; *//* list-style:none; *//* vertical-align:top; */}
/***first*box*style***/
.siderNav
{
	border-width: 1px;
	border-color: #999999;
	display: block;
	/*width: 210px;*/
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
}
	.siderNav li {
		/*width: 210px;*/
}
/***first*link*style***/
		.siderNav li a
{
	border-width: 1px;
	border-color: #999999;
	display: block;
	overflow: hidden;
	/*width: 210px;*/
	height: 30px;
	padding: 0px;
	text-indent: 12px;
	letter-spacing: 0px;
	line-height: 33px;
	font-size: 11px; /* this sets the font size for the left nav bar headings - normally set to 11px */
	color: #666666;
	background-image: url('../styles/images/sideNav.png');
	background-repeat: no-repeat;
	border-bottom-style: solid;
}
.siderNav li a:link, .siderNav li a:visited
{
	color: #666666;
}
.siderNav li a:active, .siderNav li a:hover, .siderNav li a.link_2th_ov:link, .siderNav li a.link_2th_ov:visited, .siderNav li a.link_2th_ov:active, .siderNav li a.link_2th_ov:hover
{
	background-position: left top;
	background-image: url('../styles/images/sideNavh.png');
	background-repeat: no-repeat;
}
/***second*box*style***/
		.siderNav li ul {
			/*display: block;
	width: 210px;
	background: #ffffff;
	*/
			/*display: inline-flex;*/
			display: inline;
			border: solid;
			border-width: 1px 1px 0 1px;
			margin: 0 5px 0 0;
		}
.siderNav li ul li {
	/*width:233px;*/

}

/***second*link*style***/
.siderNav li ul li a
{
	border-width: 1px;
	border-color: #999999;
	padding: 0px 0px 0px 30px;
	width: 180px;
	height: 30px;
	line-height: 35px;
	color: #888888;
	border-bottom-style: solid;
}
.siderNav li ul li a:link, .siderNav li ul li a:visited
{
	color: #888888;
	text-indent: 0px;
	font-weight: normal;
	background: none;
}
.siderNav li ul li a:active, .siderNav li ul li a:hover, .siderNav li ul li a.link_3th_ov:link, .siderNav li ul li a.link_3th_ov:visited, .siderNav li ul li a.link_3th_ov:active, .siderNav li ul li a.link_3th_ov:hover
{
	color: #1E4164;
	font-weight: bold;
	background-repeat: no-repeat;
}

#SideNavAppFuncActive {
	font-weight: bold;
	background-repeat: no-repeat;
	background-color: white; /*#1E4164 = SPFS Blue*/
	border-width: 0px;
	border-color: #999999;
	padding: 10px 5px 5px 10px;
	color: #1E4164;
	border-radius: 10px 10px 0px 1px;
}

/*
	#SideNavAppFuncActive
{
    background-position: 193px 14px;
	color: #1E4164;
	font-weight: bold;
	background-image: url('images/siderSubicon.png');
	background-repeat: no-repeat;
}

#SideNavAppFuncNotActive
{
    border-width: 1px;
	border-color: #999999;
	padding: 0px 0px 0px 30px;
	width: 180px;
	height: 30px;
	line-height: 35px;
	color: #888888;
}
*/

#SideNavAppFuncNotActive {
	border-width: 0px;
	border-color: #999999;
	padding: 10px 5px 5px 10px;
	line-height: 35px;
	color: #1E4164;
	border-radius: 10px 10px 0px 1px;
}

.regStartContentFarLeft
{
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0px;
	width: 865px;
	height: auto;
	float: left;
}

.h1a
{
	margin: 0px 0px 0px 0px;
	font-size: 15px;
	line-height: 20px;
	color: #1B4164;
}

/**************Forgot Password Screen *****/
.forgetContentLeft
{
	padding: 10px 0px 0px 0px;
	margin: 0 0 0 50px;
	width: 865px;
	height: auto;
	float: left;
}
.forgotPwdBody
{
	margin: 0px 0px 0px 200px;
	width: 1024px;
}
.forgotPwdBodyContent
{
	padding: 20px 0px 20px 0px;
	width: 100%;
	height: 380px;
	position: relative;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
	background-image: url('../styles/images/signOutBG.png');
	background-repeat: no-repeat;
	background-position: 20% 90%;
}
.forgotPwdBox
{
	margin: 25px 0 0 0px;
	padding: 3px;
	width: 420px;
	height: auto;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}

.eCenterForgotPwd
{
	background-image: url('../styles/images/eCenterLoginBG.png');
	background-repeat: repeat-x;
	width: 420px;
	height: 25px;
	border: 1px solid #999999;
	margin-bottom: 15px;
}

.RegTextEmailScreen
{
	background-image: url('../styles/images/eCenterLoginBG.png');
	background-repeat: repeat-x;
	width: 530px;
	height: 25px;
	border: 1px solid #999999;
	margin-bottom: 15px;
}

.TextEmailRegBox
{
	margin: 25px 0 0 0px;
	padding: 3px;
	width: 540px;
	height: auto;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}



.headerContentLeft h1
{
	margin: 0px 0px 0px 0px;
	font-size: 15px;
	line-height: 20px;
	color: #1B4164;
}
.headerContentLeft p
{
	font-size: 12px;
	color: #444444;
	height: 20px;
	margin: 0px 0px 0px 0px;
    width: 858px;
}
.headerContentLeft
{
	width: 600px;
	height: auto;
	float: left;
}
/* Breadcrumb and message */
.upperHeader
{
	width: 700px;
	float: right;
	height:20px;
	
}


.breadCrumb {
	border: 1px solid #ccc;	
	margin: 0px 12px 10px -4px;	/*To adjust breadcrumb round box down, also have to adjust headsidebar (main page) line 1026*/
	padding: 8px 10px 10px 12px;
	color: dimgray; /*#374F6C*/
	border-radius: 22px;
	background-color: #F9F9F9;
	float: left;
	visibility:collapse;
}

/* the a level for the breadcrumb clickable link*/
.breadcrumba {
	color: dimgray; /*#374F6C*/
}

.breadCrumbText {
	color: #1e4164;
}

.ModalPopupBG
{
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.HellowWorldPopup
{
    min-width:200px;
    min-height:150px;
    background:white;
}

.gridColExtraSpacing
 {
 padding-right:20px;
 padding-left:20px;
 }

.gridColSmSpacing {
	padding-right: 5px;
	padding-left: 5px;
}

/*****************For Set Printable PopUpDialogue on EPM Apps**************************/
.fragment {
    font-size: 12px;
    font-family: tahoma;
    height: 100px;
    border: 1px solid #ccc;
    color: #555;
    display: block;
    padding: 10px;
    box-sizing: border-box;
    text-decoration: none;
}

/* For Top Right X box to close*/
#close {
    float:right;
    display:inline-block;
    padding:2px 5px;
    background:#ccc;
    cursor:pointer;
}

.closeX {
    float:right;
    display:inline-block;
    padding:2px 5px;
    background:#ccc;
    cursor:pointer;
}

.fragment:hover {
    box-shadow: 2px 2px 5px rgba(0,0,0,.2);

}

/*Adding for Eye icon for masked data via password text box*/
.container input[type="password"],
.container input[type="text"] {
	padding: 10px;
	font-size: 14px;
	border: solid 2px #f0f0f0;
	border-radius: 5px;
	outline: none;
	width: 100%;
}

	.container input[type="password"]:focus,
	.container input[type="text"]:focus {
		border: solid 2px #f0f0f0;
		box-shadow: 0 0 5px #f0f0f0;
	}

.maskeyeicon {
	margin-left: -30px;
	cursor: pointer;
	vertical-align: -3px;
	/*background-image: url('../styles/images/show.png');*/
}
.maskeyeiconslash {
	margin-left: -30px;
	cursor: pointer;
	vertical-align: -3px;
	/*background-image: url('../styles/images/show.png');*/
}