/*intention of this file is to house non brand specific styles that are common across all member applications, i.e. dirservices, coverage, claimsinquiry, benefitsinquiry
examples of these styles are those relating to general body content & header.
For use in responsive design upgraded brands only. 
*/

body{
	font-family: normal 14px Verdana, Arial, Helvetica, sans-serif;
}

.header__logo{
	padding-left:2%;
}

@media only screen and (max-width: 992px) {
	.header__logo{
	padding-left:5%;
   }
}

@media only screen and (max-width: 450px) {
	.header__logo{
	padding-left:6%;
   }
}

.header__logo-img {
    max-width: 500px;
    padding-left: 0px;
    padding-right: 4px;
    width:100%;
}


.topLinksRe {
	padding-right:2%;
    max-width:75%;
    text-align: right;
}
/*when links move to new line, add padding on top to facilitate touch target accessibility*/
@media only screen and (max-width: 576px) {
	.topLinksRe{
    padding-top:15px;

   }
}

.topLinksRe a {
	display:inline-block;
	height:20px;
	line-height:20px;
	border-left:1px solid #06c;
	padding-left: 1.2%;
	padding-right: 1.2%;
	color:#214370;
	font-style:normal;
}

.topLinksRe a:hover {
	text-decoration: underline;
	font-weight: bold;
	color:#214370;
}

.topLinksRe a:visited {
	text-decoration: underline;
	font-weight: bold;
	color:#214370;
}

@media screen and (max-width: 1223px) and (min-width: 1200px) {
	.topLinksRe a{
	font-size:10px;

   }
}

@media screen and (max-width: 700px) and (min-width: 576px){
	.topLinksRe a{

	 padding-left: 1%;
	 padding-right: 1%;
     font-size:10px;
	 }
}

@media screen and (max-width: 635px) and (min-width: 576px) {
	.topLinksRe a{
	font-size:9px;
   }
}

@media screen and (max-width: 577px) and (min-width: 576px) {
	.topLinksRe a{
    padding-left: 0.5%;

   }
}

@media only screen and (max-width: 379px) {
	.topLinksRe a{
	font-size:10px;
   }
}

@media only screen and (max-width: 348px) {
	.topLinksRe a{
    padding-left: 1%;
    padding-right: 1%;
   }
}

@media only screen and (max-width: 345px) {
	.topLinksRe a{
    font-size:9px;
   }
}



.topLinksRe a:first-child {border-left:none;}
.topLinksRe a:link {text-decoration:none;}
.topLinksRe a:visited {text-decoration:none;}
.topLinksRe a:hover {text-decoration:underline;}
.topLinksRe a:active {text-decoration:underline;}

.bottomLinksHeaderRe {
	min-height:45px;
	padding-top:10px;
	padding-bottom:3px;
	background-color:#cfd8e1;
    margin-left: 8px;
    margin-right: 8px;
}




@media screen and (max-width: 767px) and (min-width: 576px) {
	.bottomLinksHeaderRe{
	min-height:55px;
   }
}

.bottomLinksHeaderRe .welcomeText {

	color:#000000;
	font-style:normal;
	/*font-size:11px;*/
	height:20px;
	line-height:20px;
}

.bottomLinksHeaderRe .bottomLinksRe{
    padding-right:1.5%;
    max-width:75%;
    text-align: right;
}


/*when links move to new line, add padding on top to facilitate touch target accessibility
add margin left to achieve right alignment
*/
@media only screen and (max-width: 576px) {
	.bottomLinksHeaderRe .bottomLinksRe{
    padding-top:5px;
    margin-left: 25%;
    padding-right:2%;

   }
}

@media only screen and (max-width: 453px) {

    .bottomLinksHeaderRe .bottomLinksRe{
        white-space: nowrap;

   }
}

/*keep tweaking margin left to ensure cell right aligns. */
@media only screen and (max-width: 445px) {

    .bottomLinksHeaderRe .bottomLinksRe{
     margin-left: 20%;

   }
}

@media only screen and (max-width: 415px) {

    .bottomLinksHeaderRe .bottomLinksRe{
     margin-left: 15%;

   }
}

@media only screen and (max-width: 387px) {

    .bottomLinksHeaderRe .bottomLinksRe{
     margin-left: 13%;

   }
}

@media only screen and (max-width: 375px) {

    .bottomLinksHeaderRe .bottomLinksRe{
     margin-left: 10%;

   }
}

@media only screen and (max-width: 362px) {

    .bottomLinksHeaderRe .bottomLinksRe{
     margin-left: 8%;

   }
}

@media only screen and (max-width: 355px) {

    .bottomLinksHeaderRe .bottomLinksRe{
     margin-left: 5%;

   }
}

@media only screen and (max-width: 343px) {

    .bottomLinksHeaderRe .bottomLinksRe{
     margin-left: 0%;

   }
}

@media only screen and (max-width: 329px) {

    .bottomLinksHeaderRe .bottomLinksRe{
     margin-left: -2%;

   }
}

/*end tweaks*/




.bottomLinksHeaderRe .bottomLinksRe a {

    display:inline-block;
	height:20px;
	line-height:20px;
    border-left: 1px solid #000000;
	padding-left: 1.2%;
	padding-right: 1.2%;
    color:#000000;
	font-style:normal;
}




.userName{
    font-weight:bold;
    white-space: nowrap;
}



.bottomLinksHeaderRe .bottomLinksRe a:first-child {border-left:none;}
.bottomLinksHeaderRe .bottomLinksRe a:link {text-decoration:none;}
.bottomLinksHeaderRe .bottomLinksRe a:visited {text-decoration:none;}
.bottomLinksHeaderRe .bottomLinksRe a:hover {text-decoration:underline;}
.bottomLinksHeaderRe .bottomLinksRe a:active {text-decoration:underline;}




.footer {
	min-height: 40px;
    padding-top: 10px;
    padding-bottom: 3px;
    background-color: #cfd8e1;
    margin-left: 6px;
    margin-right: 6px;
}

.goToPadding{
	padding-top:50px;
}jqu

@media only screen and (max-width: 576px){
	.goToPadding{
	    padding-top:80px;
    }
}

/*FEP specific move out to sep file*/