/********************************************************* {COPYRIGHT-TOP} ***
* Merative Confidential
* ***informedenrollment2***
* (C) Merative US L.P. 2009-2022
********************************************************* {COPYRIGHT-END} **/
/* ONLY WHAT'S NEEDED FOR THE THIDS PART OF THE APP (EULA, LOGIN. LOGGED OUT, ERROR */

body {
   background-color:#bababa;
}

#container {
    display: block;
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    padding: 6px;
    max-width: 860px;
    width: 100%;
} 

#pageContent {
    padding: 0px 0px;
    background: #ffffff none repeat scroll 0%;
    display: block;
    padding-top: 6px;
}

#bannerTitleCell  {
    background-color:#005A84;
    border-bottom:6px solid #FFFFFF;
    color:#FFFFFF;
    font-family:Arial,Helvetica,sans-serif;
    font-size:18px;
    height: 36px;
}


#logoutbutton input {
    background: #F0F0F0 none repeat scroll 0%;
    color:#666666;
    font-weight: bold;
} 

#logoutbutton .mouseover {
    color:#a00000;
}


#informedEnrollmentFooter a:hover {
font-weight: normal;

}

#clicktostart {
background: #ff9100 none repeat scroll 0%;
color: #ffffff;

}

.mouseover #clicktostart {
background: #2672ba none repeat scroll 0%;
color: #ffffff;

}

#headerM {
background: #ff9100 none repeat scroll 0%;
width: 100%;
padding-top: 7px;
color: #ffffff;
font-weight: normal;

}

#headerR {
background-color: #ffffff;
}

span.glossaryTerm:hover {
background-color: #e5eef2;

}

.historic {
background: #e2dfdc none repeat scroll 0%;

}

.changeoption {
background: #ffe9cc none repeat scroll 0%;

}

.scrollerBoxItem {
   background-color:#EEEFEF;
}

.serviceDescription {
       background-color:#EEEFEF;
}

h2 {
font-weight: bold;
font-style: italic;

}

.preferenceQtext {
color: #666666;
font-weight: normal;

}

.considerBullet {
color: #666666;
font-weight: normal;

}

.notesInLightBox {
color: #666666;
font-weight: normal;

}

.logoutHdr {
font-weight: normal;
color: #ff9100;

}

.logoutSubHdr {
color: #666666;
font-weight: normal;

}

.lightBoxPageFunctions {
color: #666666;
font-weight: normal;

}

.lightBoxPageFunctions .mouseover {
background-color: #005a84;
color: #ffffff;

}

.infoLightboxText {
color: #000000;

}

.contactUsHeader {
color: #666666;
font-weight: bold;

}

.contactUsArea {
color: #666666;
font-weight: normal;

}

.contactUsArea a {
font-weight: normal;

}

.contactUsArea a:hover {
font-weight: normal;

}

.highColor {
color: #f58434;
font-weight: bold;

}

.lightColor {
color: #666666;
font-weight: normal;

}

.zerocostreference {
color: #666666;
font-weight: normal;

}

#messageList {
text-align: left;
padding-bottom:5px;
background-color: #00ff00;
color: #ffffff;
margin-left:10px;

}

#errorList {
text-align: left;
padding-bottom:5px;
margin-left:10px;
background-color: #ffffff;
color: #ff0000;
}

.screenErrorMessages{
color: #ff0000;
font-weight: bold;
}


.screenInfoMessages{
color: #666666;
font-weight: bold;
}


/**********************************************************************
************************************************************************
****************** start IE 2.1 ****************************************/

.customerName {
    color: #FFFFFF;
}

@media (max-width: 767px) { .loggedOut-block { margin: 15px 0;  } }
.EULA-title { font-size: 20px; font-weight: bold; padding: 12px 8px; color: #404143; margin-top: 3px; margin-bottom: 0px; }  
.EULA-extra { font-size: 13px; padding: 12px 8px; color: #404143; }
.EULA-block { max-height: 400px; overflow: auto; border: 1px solid #d6d6d6; padding: 12px; margin: 0 12px; background-color: white; color: #404143; }
@media screen and (max-width: 767px) { .EULA-block { height: 220px;  } }
.EULA-buttons { text-align: right; padding: 12px; float: right; }
.EULA-buttons .col-md-12 { padding-right: 15px; }
@media (max-width: 767px) {
   .EULA-buttons { margin: 0 12px; padding: 12px; text-align: left; float: none; }
   .EULA-buttons .col-12 { margin-top: 12px; }
}
.EULA-button-gap { padding-right: 15px; display: inline-block; }
@media (max-width: 767px) { 
	.EULA-button-gap { padding-left: 15px; display:block; } 
	.EULA-button-gap + .EULA-button-gap { padding-top: 12px; }
}

/* login display */
.loginForm { margin-top: 50px; }
.loginPaddingLeft { width: 25%; }
@media screen and (max-width: 767px) { 
   .loginForm { margin-top: 10px; font-size: 80%; }
   .loginPaddingLeft { width: 1px; }
}

.btn.btn-primaryBtn { background-color: #0F6DFF; border-color: #0F6DFF; color: #ffffff; }
.btn.btn-primaryBtn:active, .btn.btn-primaryBtn:hover, .btn.btn-primaryBtn:focus { background-color: #0530AD; border-color: #0530AD; color: #ffffff; }
.btn-primaryBtn.active.focus, .btn-primaryBtn.active:focus, .btn-primaryBtn.active:hover, 
.btn-primaryBtn:active.focus, .btn-primaryBtn:active:focus, .btn-primaryBtn:active:hover { background-color: #054ADA; border-color: #054ADA; color: #ffffff; }

.btn.btn-secondaryBtn { background-color: #ffffff; border-color: #0F6DFF; color: #0F6DFF; }
.btn.btn-secondaryBtn:hover, .btn.btn-secondaryBtn:focus, .btn.btn-secondaryBtn.focus { background-color: #051B75; border-color: #051B75; color: #ffffff; }
.btn-secondaryBtn.active, .btn-secondaryBtn:active { color: #ffffff; background-color: #0530AD; border-color: #0530AD; }
.btn-secondaryBtn.active.focus, .btn-secondaryBtn.active:focus, .btn-secondaryBtn.active:hover, 
.btn-secondaryBtn:active.focus, .btn-secondaryBtn:active:focus, .btn-secondaryBtn:active:hover { color: #ffffff; background-color: #0530AD; border-color: #0530AD; }

/* 508 ADA */
.EULA-buttons .focusUnderline:focus {  
	 text-decoration: underline !important;	
}