body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0;
	padding: 0;
        scrollbar-base-color: #FFFFFF; 
        scrollbar-track-color: #EFEFEF; 
        scrollbar-face-color: #DEDFEF; 
        scrollbar-highlight-color: #D7D5D5; 
        scrollbar-3dlight-color: #6A76E4;
        scrollbar-darkshadow-color: #6A76E4;
        scrollbar-shadow-color: #D7D5D5; 
        scrollbar-arrow-color: #29386B;
        BGCOLOR: "FFFFFF";
        TEXT: "000000";
        LINK: "0000FF";
        ALINK: "FF0000";
        VLINK: "0000C0";
}


A {
        color: #333366;
/*      text-decoration: none; */
}

a:link{
	color: #333366;
/*	text-decoration: none; */
}

a:visited{
        color: #333366;
/*      text-decoration: none; */
}

a:hover{
	color: #006699;
/*	text-decoration: none; */
}

.input { 
	font: verdana;
	font-size: 14px;
	color:#384E7F;
	border-width:1; 
	border-color:#8E9CBD; 
	border-style:solid; 
	font-weight:normal;
	border-width: 1px; 
	background-image: url('../images/form_shadow.gif');
}


/*********** .layout elements ***********/


#pageHeader   {
	clear: both;
	float: left;
	height: 85px;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	width: 100%;
/*	background-image:url('../images/bg_banner2.gif'); */
/*	background-repeat:no-repeat;
        background-position: right bottom;
        background: #28386C;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28386C', endColorstr='#92A4E1');
        background: -webkit-gradient(linear, left top, left bottom, from(#28386C), to(#92A4E1));
        background: -moz-linear-gradient(top,  #28386C,  #92A4E1);
        background-image: -ms-linear-gradient(top, #28386C 0%, #92A4E1 100%);
        background-image: -o-linear-gradient(top, #28386C 0%, #92A4E1 100%); */
/*	border-bottom: 3px solid #4C66A0; */
/*	border-bottom: 3px solid #92A4E1; */
}

#Logo   {
	float: left;
	margin: 5px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	min-height: 85px;
	min-width:300px;
/*	background-image: url('../images/mainlogo_trans.gif');
	background-image: url('../images/jhlogo.gif'); */
	background-repeat: no-repeat;
	background-position: left;
}

#EALogo {
        float: right;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        min-height: 85px;
        min-width: 395px;
        color: #FFFFFF;
        font-family: Calibri, Arial, Helvetic, sans-serif;
        font-size: 17pt;
/*	font-weight: bold;  */
        vertical-align: text-bottom;
        text-align: right;
/*        background-image: url('../images/bg_banner2.gif');*/
        background-repeat: no-repeat;
        background-position: right bottom;
}


#ContentArea{
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
	min-height: 250px;
/*	background-color: #D8DFEE; */
/*	background-color: #859CCB; */
/*	background: #92A4E1;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92A4E1', endColorstr='#ECECEC');
	background: -webkit-gradient(linear, left top, left bottom, from(#92A4E1), to(#ECECEC));
	background: -moz-linear-gradient(top,  #92A4E1,  #ECECEC);
        background-image: -ms-linear-gradient(top, #92A4E1 0%, #ECECEC 100%);
        background-image: -o-linear-gradient(top, #92A4E1 0%, #ECECEC 100%); */
/*	border-bottom: 3px solid #4C66A0; */
/*	border-bottom: 3px solid #ECECEC; */
} 

#ContentAreaNotAuth{
        float: left;
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        height: 300px;
        background: #92A4E1;
/*        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92A4E1', endColorstr='#ECECEC');
        background: -webkit-gradient(linear, left top, left bottom, from(#92A4E1), to(#ECECEC));
        background: -moz-linear-gradient(top,  #92A4E1,  #ECECEC);
        background-image: -ms-linear-gradient(top, #92A4E1 0%, #ECECEC 100%);
        background-image: -o-linear-gradient(top, #92A4E1 0%, #ECECEC 100%); */
/*        border-bottom: 3px solid #4C66A0; */
        text-align: center;
}

#loginArea{
	float: left;
	width: 40%;
	margin: 0;
	padding: 0;
	background-color: #D8DFEE;
} 


#enterpriseAuth{
	float: left;
	width: 100%;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	FONT-FAMILY: arial;
	FONT-SIZE: 12pt;
	FONT-WEIGHT: bold;
	text-align: left;
} 


#LoginForm {
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	border-top: 1px solid #838382;
	border-bottom: 2px solid #838382;
	border-left: 1px solid #838382;
	border-right: 2px solid #838382;
	text-align: center;
        height: 285px;
}


.waitingtext{
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana,Arial,sans-serif;
	color: #4a5b84;
}

.loginLabel{
	font-size: 12px;
	font-weight: normal;
/*	line-height: 1.5;	*/
	font-color: #333366;
        text-align: center;
}

#logon-wait-text {
	visibility: hidden;
	text-align: center;
}

#logon-submit-button {
	text-align: center;
}




/************ Content on Right **************/

.contentDisplay{
	width: 100%;
	margin: 0px;
	padding: 10px;
	background-color: #D8DFEE;
} 

.infoText {
	font-size: 10px;
	font-weight: normal;
	color: #384E7F;
	font-family: Verdana,Arial,sans-serif;
}

.appName {
	font-size: 12px;
	font-weight: bold;
	color: #384E7F;
	font-family: Verdana,Arial,sans-serif;
	font-variant: small-caps;
}

.ContentBlock {
	width: 99%;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	border-top: 1px solid #838382;
	border-bottom: 2px solid #838382;
	border-left: 1px solid #838382;
	border-right: 2px solid #838382;
	float: right;
        height: 285px;
}

td {
        font-size: 10pt;
}

.contentMenu {
	background-image: url('../images/bg_menu.gif');
   	min-height: 30px;
	padding: 3;
	height: 30px;
        font-size: 12px;
        font-weight: bold;
        color: #384E7F;
        font-family: Verdana,Arial,sans-serif;
        font-variant: small-caps;
}

.contentMenu .controls {
	text-align: center;
}

.contentMenu .controls2 {
        text-align: right;
}

.contentMenu .controls ul {
	padding: 0px 10px 0 0;
	margin: 0px;
}

.contentmenu .controls ul li{
	list-style-type: none;
	display: inline;
	padding: 0;
	font-variant: small-caps;
	font-size: 12px;
	color: #384e7f;
	font-family: verdana,arial,sans-serif;
}

.contentMenu .controls ul li a{
	color: #213769;
}

.contentMenu .controls ul li a:hover {
	color:#63A5E8;
}

#textDisplay {
	padding-left: 5px;
/*        height: 240px; */
        overflow: auto;
}

#textdisplay2 {
        padding: 5px;
        overflow: auto;
}

#faqTextDisplay {
        width: 95%;
        float: center;
        padding: 10px;
        background-color: #FFF;
        text-align: left;
        border-top: 1px solid #838382;
        border-bottom: 2px solid #838382;
        border-left: 1px solid #838382;
        border-right: 2px solid #838382;
}

.textdisplay_leftcolumn {
	float: left;
	margin: 0;
	padding: 0px 0px 0px 10px;
	width: 59%;
	overflow: auto;
}

.textdisplay_rightcolumn {
	float: right;
	margin: 0;
	padding: 20px 0px 0px 0px;
	width: 39%;
	overflow: auto;
}

#textDisplay a {
        text-decoration: underline;
}

#troublelink {
        text-align: center;
        font-size: 14px;
        font-family: verdana;
        font-weight: bold;
        float: left;
        width: 100%;
        padding: 10px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        color: #FF0000;
}

#troublelink a {
        color: #FF0000;
}

#troublelink a:hover {
        text-decoration: underline;
}

#bookmarkchange {
        text-align: center;
        font-size: 14px;
        font-family: verdana;
        font-weight: normal;
        float: left;
        width: 100%;
        padding: 30px 0px 20px 0px;
        margin: 0px 0px 0px 0px;
        color: #000000;
}

#bookmarkchange a {
        color: #0000FF;
        font-weight: bold;
}

#bookmarkchange a:hover {
        text-decoration: underline;
}


/*********** Legalese Area *************/


#Legalese {
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/*	background-color: #ECECEC; */
/*        background: #ECECEC;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECECEC', endColorstr='#FFFFFF');
        background: -webkit-gradient(linear, left top, left bottom, from(#ECECEC), to(#FFFFFF));
        background: -moz-linear-gradient(top,  #ECECEC,  #FFFFFF); 
        background-image: -ms-linear-gradient(top, #ECECEC 0%, #FFFFFF 100%);
        background-image: -o-linear-gradient(top, #ECECEC 0%, #FFFFFF 100%); */
/*	border-bottom: 1px solid #E3E3E3; */
/*	border-bottom: 1px solid #FFFFFF; */
	font-size: 10px;
	font-weight: normal;
	line-height: 1.5em;
	color: black;
	font-family: Verdana,Arial,sans-serif;
	text-align: center;
/*	border-bottom: 1px solid #B9B9B9; */
} 

.LegaleseText{
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.5em;
	color: black;
	font-family: Verdana,Arial,sans-serif;
} 

.detailsese
{
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.5em;
	color: black;
	font-family: Verdana,Arial,sans-serif;
        text-align: justify;
}


/*********** Footer Area *************/

#Footer{
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.5em;
	color: black;
	font-family: Georgia;
	text-align: center;
} 


#leftcolumn {
	margin: 0;
	padding: 0px;
}

#rightcolumn {
	margin: 0;
	padding: 0px;
}

.spacer {
	height-min: 20px;
}

#eacomments{
        width: 450px;
        margin: 0px;
        padding: 0px;
        background-color: #FFFFFF;
        border-bottom: 1px solid #FF1010;
        border-top: 1px solid #FF1010;
        border-left: 1px solid #FF1010;
        border-right: 1px solid #FF1010;
        visibility: hidden;
        display: none;
}

#loginhelp {
        width: 450px;
        margin: 0px;
        padding: 0px;
        background-color: #FFFFFF;
        border-bottom: 1px solid #FF1010;
        border-top: 1px solid #FF1010;
        border-left: 1px solid #FF1010;
        border-right: 1px solid #FF1010;
        visibility: hidden;
        display: none;
}

#logininfo {
        width: 450px;
        margin: 0px;
        padding: 0px;
        background-color: #FFFFFF;
        border-bottom: 1px solid #FF1010;
        border-top: 1px solid #FF1010;
        border-left: 1px solid #FF1010;
        border-right: 1px solid #FF1010;
        visibility: hidden;
        display: none;
}

#faq {
        width: 450px;
        margin: 0px;
        padding: 0px;
        background-color: #FFFFFF;
        border-bottom: 1px solid #FF1010;
        border-top: 1px solid #FF1010;
        border-left: 1px solid #FF1010;
        border-right: 1px solid #FF1010;
        visibility: hidden;
        display: none;
}

.redLight {
        padding: 3px;
        width: 75%;
        color: #FF0000;
        background-color: #FFFFFF;
        border-top: 1px solid #FF0000;
        border-bottom: 1px solid #B70000;
        border-left: 1px solid #FF0000;
        border-right: 1px solid #B70000;
        text-align: center;
}

.greenLight {
        padding: 3px;
        width: 75%;
        color: #0E641A;
        background-color: #FFFFFF;
        border-top: 1px solid #2A9F3A;
        border-bottom: 1px solid #0E641A;
        border-left: 1px solid #2A9F3A;
        border-right: 1px solid #0E641A;
        text-align: center;
}

.yellowLight {
        padding: 3px;
        width: 75%;
        color: #FF8204;
        background-color: #FFFFFF;
        border-top: 1px solid #FF8204;
        border-bottom: 1px solid #EA831C;
        border-left: 1px solid #FF8204;
        border-right: 1px solid #EA831C;
        text-align: center;
}

.default2 {
        padding: 3px;
        width: 75%;
        background-color: #FFFFFF;
        text-align: center;
        visibility: hidden;
        display: none;
}

#Message{
        position: absolute;
        width: 394px;
        left:30%;
        top: 20%;
        background-color: #FFF;
        margin: 0px;
        padding: 0px;
        font-size: 12px;
        font-weight: bold;
        line-height: 1.5em;
        color: #000000;
        font-family: Verdana;
        border-top: 3px solid #B41D1D;
        border-bottom: 3px solid #931717;
        border-left: 3px solid #B41D1D;
        border-right: 3px solid #931717;
        visibility: hidden;
}

#MessageNotAuth{
        float: center;
        width: 90%;
        background-color: #FFF;
        margin:0 auto;
        padding: 0px;
        font-size: 12px;
        font-weight: bold;
        line-height: 1.5em;
        color: #000000;
        font-family: Verdana;
        border-top: 3px solid #B41D1D;
        border-bottom: 3px solid #931717;
        border-left: 3px solid #B41D1D;
        border-right: 3px solid #931717;
}

.MessageHeader{
        background-image: url('../images/not_auth_header_bg.gif');
        text-align: center;
}

.expire {
        color: #B41D1D;
        text-decoration: underline;
}

.button {
        font-size: 12px;
        height: 25px;
        border-top: 1px solid #0303FD;
        border-bottom: 1px solid #000099;
        border-left: 1px solid #0303FD;
        border-right: 1px solid #000099;
        padding: 2px 12px 0px 12px;
        color: #003399;
        cursor: pointer;
        background-image: url('../images/bg_button.gif');
}

.aboutbutton {
        font-size: 12px;
        height: 25px;
        border-top: 1px solid #0303FD;
        border-bottom: 1px solid #000099;
        border-left: 1px solid #0303FD;
        border-right: 1px solid #000099;
        padding: 2px 2px 2px 2px;
        color: #003399;
        cursor: pointer;
/*        background-image: url('../images/bg_button.gif'); */
        background: #92A4E1; /* for non-css3 browsers */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#92A4E1'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#92A4E1)); /* for webkit browsers */
        background: -moz-linear-gradient(top,  #fff,  #92A4E1); /* for firefox 3.6+ */
        background-image: -ms-linear-gradient(top, #FFFFFF 0%, #92A4E1 100%);
        background-image: -o-linear-gradient(top, #FFFFFF 0%, #92A4E1 100%);
}

.aboutbutton a {
        display: block;
}


.error_message {
	color: #b41d1d;
	text-decoration: none;
	font-size: 12px;
	font-family: verdana,sans;
	font-weight: bold;
}

#changepassword {
	margin: 0px;
	padding: 0px;
	display: none;

}

#accountmanagement {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display: none;
	width: 98%;
}

/** new styles for FTL  **/

 

#textdisplay3 {
	padding: 5px;
	overflow: auto;
}

.textdisplay_rightcolumn2 {
	float: right;
	margin: 0;
	padding: 10px 0px 0px 0px;
	width: 50%;
	overflow: auto;
	height: 100%;
}

.infotextRed {
	font-size: 10px;
	font-weight: normal;
	color: #cc0000;
	font-family: verdana,arial,sans-serif;
	border: 1px solid #ccdaff;
	padding: 0px 2px 2px 2px;
	background: #f5f5f5;
	line-height: 3em;
}

.infotextBlue {
	font-size: 10px;
	font-weight: normal;
	color: #0000cc;
	font-family: verdana,arial,sans-serif;
	border: 1px solid #ccdaff;
	padding: 0px 2px 2px 2px;
	background: #f5f5f5;
}

.infotextForgotPassword {
        font-size: 10px;
        font-weight: normal;
        color: #0000cc;
        font-family: verdana,arial,sans-serif;
        border: 0px solid #ccdaff;
        padding: 0px 30px 0px 0px;
        line-height: 2em;
        text-align: right;
}

.infotextBig {
	font-size: 16px;
	font-weight: bold;
	color: #003399;
	font-family: arial,sans-serif;
	border: 2px solid #ccdaff;
	padding: 5px;
	background: #f5f5f5;
}

.infotextNotice {
        font-size: 16px;
        font-weight: bold;
        color: #993300;
        font-family: arial,sans-serif;
        border: 2px solid #ffdacc;
        padding: 5px;
        background: #f5f5f5;
        text-align: center;
}

#textdisplay4 {
	padding: 5px;
	overflow: auto;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: D8DFEE;
width: 200px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
color: 000000;
}