﻿@import "//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css";

body {
	background: #fff;
	color: #000000;
	font-family:Arial, Helvetica sans-serif;
	font-size:100%;
	height: 100%;
	margin: 0;
}

.sso-body {
    
    display:block;
    margin:0 auto;
	padding-bottom: 50px;
}




.clear-fix { clear: both;float: none;margin: 0 auto;padding: 0;}

.navlink a {display:block; background-color:#06C; color:#fff; padding:5px 10px; border-radius:.7em}

label {display:block; margin:.5em 0px}
input.Button, input.TextBox {clear:both;  margin:0em 0 }

fieldset {margin:1em; border:1px solid #ccc; border-radius:1em; background-color:#eee}
h1 {font-weight:bold; font-size:120%; margin:1em}

.Dialog 
{
	background-color: #D1F1B5;
	border: solid 1.0pt #8ECA59;
}
.Dialog td
{
	padding: 4px ;
}
.Button 
{

}

.FieldLabel 
{
	
	font-size: 10pt;
	font-weight: bolder;
}
.Label
{
	
	color: #454545;
}
.TextBox, .sso-sub-form > input[type="text"]
{
	/*box-shadow: 1px 1px 5px 1px #DBDBDB inset;
    border: 1px solid #bcbcbc;* 020317*/
	height:24px;
	line-height:24px;	
	width:322px;
	border-radius:0px;
}



.RequiredFieldValidator
{
	font-weight: bolder;
	font-size: 10pt;
	color: #ff0000;
	
}
.RequiredFieldValidatorMarker 
{
	
	font-size: 10pt;
	font-weight: bolder;
	color: #0000FF;	
	display:none;
}
.ValidationSummary
{
background-color: #F85E5E !important;
    border-style: solid;
    border-width: 0.5pt;
    font-weight: bolder;
    border-color: #F80D0D;
    padding: 5px;
    color: #FFF !important;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    margin-top: 15px;
}
.HyperLink 
{
	
	font-size: 11px;
}
.CheckBox
{
	
}
.EmailTextBox 
{
	width: 250px;
}
.cssnav	{
	position:relative;
	
	background-image: url(usercontrols/NeedHelp.gif);
	background-repeat: no-repeat;display: block;
	width: 540px;
	height: 301px;
	margin: 0; 
	margin-bottom:0px;
	padding: 0; 
	}
	.cssnav a {
	display:block;
	font-size: 11px;
	width: 125px;
	height: 25px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	color: black;
	text-decoration: none;
	}
	.cssnav img {
	width: 100%;
	height: 100%;
	border: 0;
	}
	* html a:hover {visibility:visible}
	.cssnav a:hover img{visibility:hidden}
	.cssnav span {	position:absolute;
		left:5px;
		top:3px;
		margin:0;
		cursor: pointer;
	}
	.content {font-size: 12px; color: #000000; text-decoration: none;}
	.contentred {font-size: 11px; color: #FF0000; text-decoration: none;}
	.contentSearch a:link {color: #00539b; text-decoration: underline;}
	.content a:link {color: #00539b; text-decoration: underline; font-size: 13px;}
	.content a:visited {color: #00539b; text-decoration: underline;}
	.content a:active {color: #00539b; text-decoration: underline;}
	.content a:hover {color: #00539b; text-decoration: underline;}
	
    .login-sumary
     {
        display: block;
        margin: 0 auto;
        position: relative;
        float: none;
        clear: both;
        background-color: #fff;
        
    }
	
	.red-top-bar {
	   /* background-color:#036; 
        height:10px; 
        width:98%; 
        clear:both; 
        display:block; 
        max-width:960px;
	    margin-top: 1.5em;*/
	}
	

    .login-wrapper > .row {
        display: block;
        float: none;
        clear: both;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    form { background-color: #fff;}
	
    .form-sso-container {
        
        clear:both; 
        display:block; 
        min-height:400px;
        
    }
	


    .forgot-user-box h2.ctrlTitle, .forgot-password-box h2.ctrlTitle{ margin-top:40px; border-bottom: solid 1px #ccc; padding-bottom:25px; margin-bottom:0px;}
	
	
    .right-sso-decoration {
        width:24%; 
        float:left; 
        display:block; 
        padding:5% 8px;
    }


    .sso-sub-form {
        padding: 2% 0;
        line-height: 120%;
        vertical-align: middle;
    }

    .sso-sub-form > input[type="text"] {

        padding: 5px;
        border: 1px solid #ccc;
        border-radius: 0px;
    }

    .button-row {
        margin: 1% auto;
		border-top:solid 1px #ccc;
		padding-top:20px;
		

    }

    .button-row > .Button,
    .button-row > .btn
     {
        border-radius: 8px;
        padding: 6px 12px;
        border: 1px solid #ccc;
        font-weight: 700;

    }

    .button-row > .Button:first-child,
    .button-row > .btn:first-child {
        margin-left: 0;
        margin-right: 4px;
    }

    .button-row > .Button:last-child,
    .button-row > .btn:last-child {       
        margin-right: 0;
    }

    .button-row > .Button:only-child,
    .button-row > .btn:only-child
     {       
        margin-left: 0;
        margin-right: 0;
    }


    .button-row > .btn.btn-default,
    .button-row > .Button.btn-default {
        vertical-align:middle;
    }
    
    .button-row .btn.btn-primary,
    .button-row .Button.btn-primary,
#main_ForgotPasswordUserControl1_SubmitButton{
background: #57297f; /* Old browsers */
background: -moz-linear-gradient(top,  #57297f 0%, #350267 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #57297f 0%,#350267 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #57297f 0%,#350267 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57297f', endColorstr='#350267',GradientType=0 ); /* IE6-9 */
border:1px solid #350267; 
        vertical-align:middle;
        font-weight:bold; 
        color:#fff; 
        text-shadow: none;}
		
		.login-button .Button{
background: #57297f; /* Old browsers */
background: -moz-linear-gradient(top,  #57297f 0%, #350267 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #57297f 0%,#350267 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #57297f 0%,#350267 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57297f', endColorstr='#350267',GradientType=0 ); /* IE6-9 */
border:1px solid #350267; 
        vertical-align:middle;
        font-weight:bold; 
        color:#fff; 
        text-shadow: none; border-radius: 3px; padding: 6px 12px; font-weight:bold;}
		
    

    .sso-sub-form label {
        padding-right: 6px; width:90px;		
    }

      .content.mobile-login {
        text-align: left;
        float: left;
        padding:2% 0% 5% 0;
		width:100%;
	
            
    }
	
	.form-content.mobile-login{ float: left; padding:2% 0% 0% 0; width:96%;
	
		}
	


      label {
          float: left; 
      }

	/* for mobile template */
	
.mobileContainer {font-size: 1.9em;}
.mobileContainer #RememberMeCheckBox {width:50px; height:50px; margin-right:20px}
.mobileContainer .loginLinks a {display:block; background-color:#06C; color:#fff; padding:5px 10px; border-radius:.4em; text-align:center; font-size:110%; margin:.5em 0; text-decoration:none}
.mobileContainer .loginLinks a:hover, .mobileContainer .loginLinks a:active {background-color:#09C}
.loginLinks .reset {display:none}


.mobileContainer #RememberMeCheckBox:checked + label {background-color:#ccc;}

.mobileContainer label {display:block; margin:.5em 0px}
.mobileContainer .remember {margin:1em 0; padding:.6em; border-radius:.4em;  color:#000; text-align:center; border:1px solid #ccc;}
.mobileContainer .remember input {}
.mobileContainer .remember label {display:inline;}
.mobileContainer .remember input {margin:0 .6em 0 0}
.mobileContainer input.Button, .mobileContainer input.TextBox {clear:both;  margin:.5em 0; font-size:110%; padding:5px 10px }

.mobileContainer fieldset {margin:1em; border:1px solid #ccc; border-radius:1em; background-color:#eee; font-size:120%}
.mobileContainer h1 {font-weight:bold; font-size:120%; margin:1em}
.mobileContainer .loginLinks a.hide {display:none}

/* Replicating Ebusiness skinning */

    /* Universal styles */

        body {
            margin: 0;
        }

        .wrapper {
            background: transparent;
            
			min-height: 100%;
        }

        .container {
            width: 960px;
            margin: 0 auto;
            position: relative;
        }

        @media screen and (max-width: 994px) {
            header .container {
                box-sizing: border-box;
                width: 100%;
                padding: 0 10px;
            }

        }



        .default-login-table {
            /*width: 100%; 070317*/
        }

    /* Header */

        .header-container {
            height: 210px;
        }

        a.logo {
            background: url(images/logo.jpg) no-repeat;
            width: 398px;
            height: 43px;
            text-indent: -9999px;
            position: absolute;
            left: 4px;
			top:40px;
        }

        @media screen and (max-width: 470px) {
            .header-container {
                height: 155px;
            }

            a.logo {
                    width: inherit;
                    background-size: contain;
                    margin: 0px auto;
                    display: block;
                    position: relative;
                    top: 20px;
                    left: inherit;
    
            }


            #main_ForgotPasswordUserControl1_SubmitButton,
            #main_ForgotPasswordUserControl1_CancelButton {
                padding: 14px 12px;
                font-size: 135%;
            }
        }

        .secondary2 {
            float: right;
            margin: 14px 0 7px;
            padding: 0;
        }

        @media screen and (max-width: 40.5em) {
            .secondary2 {
                display: none;
            }
        }

        .secondary2 a,
        .secondary2 .connected {
            font-size: 14px;
            color: #FFF;
        }

        .secondary2 a {
            background: url(images/secondaryDivide.png) no-repeat 100% 50%;
            margin-right: 12px;
            padding-right: 14px;
        }

        .secondary2 .social {
            display: inline-block;
            vertical-align: middle;
        }

        .secondary2 .social a {
            background: url(images/social.png) no-repeat;
            display: block;
            text-indent: -9999px;
            width: 20px;
            height: 26px;
            margin-right: 7px;
            padding: 0;
            float: left;
        }

        .secondary2 .social a.fb {
            margin-right: 6px;
            background-position: -4px 0;
        }
        .secondary2 .social a.fb:hover,
        .secondary .social a.fb:focus { background-position: -4px -42px; }
        .secondary2 .social a.twitter { background-position: -31px 0; }
        .secondary2 .social a.twitter:hover,
        .secondary .social a.twitter:focus { background-position: -31px -42px; }
        .secondary2 .social a.yt { background-position: -57px 0; }
        .secondary2 .social a.yt:hover,
        .secondary .social a.yt:focus { background-position: -57px -42px; }
        .secondary2 .social a.linked {
            background-position: -83px 0;
            margin-right: 0;
        }
        .secondary2 .social a.linked:hover,
        .secondary .social a.linked:focus { background-position: -83px -42px; }

    /* Footer */

        /*.footerNav {
            background: #3F5D8B;
            padding: 32px 22px 27px;
            margin-top: 28px;
            clear: both;
        }*/
footer{/*background: url(images/footer-bg.jpg) repeat-x #57297f;*/ width:100%; float:left; padding:0px 0 50px 0;}
		
        .footerNav ul.col {
            list-style: none;
            float: left;
            width: 150px;
            margin: 0;
            padding: 0;
        }
.regSign{font-size: 9px;
    vertical-align: top;
    margin-top: -5px;
    display: inline-block;}		

        @media screen and (max-width: 40.5em) {
            .footerNav ul.col {
                padding-bottom: 10px;
            }
        }

        div.footerNav ul.col li.title a {
            font-size: 18px;
            margin-bottom: 8px;
            
            font-weight: normal;
        }

        .footerNav ul.col li a {
            color: #FFF;
            font-size: 12px;
            text-decoration: none;
        }

        .clear {
            clear: both;
            display: block;
            float: none;
        }

        .contentInfo {
			margin:0 0 20px 0 ;
        }

        .contentInfo a {
            text-decoration: none;
            color: ##333;
        }

        .contentInfo a:hover,
        .contentInfo a:focus {
            color: #2a6496;
            text-decoration: underline;
        }

        .contentInfo h2 {
            font-size: 18px;
            color: #333;
            
            font-weight: normal;
            margin-bottom: 13px;
            line-height: 1.2;
        }

        .contentInfo address {
            font-size: 12px;
            line-height: 1.21;
            color: #333;
            margin-bottom: 10px;
            font-style: normal;
        }

        .contentInfo .credit {
            font-size: 9px;
            color: #333;
            letter-spacing: 0.025em;
        }

/* END Replicating Ebusiness skinning - Matt H */

@media screen and (max-width: 40.5em) {
 
    .mobile-hide {
        display: none;
        visibility: hidden;
    }

    .container {
        display: block;
        float: none;
        clear: both;
        width: inherit;
    }


    .mobile-sumary.mobile-way {        
        max-width: 500px;
   
    }

    .red-top-bar {
        display: none;
    }

    #ForgotUsernameUserControl1_CancelButton,
    #ForgotPasswordUserControl1_CancelButton {
        border: 1px solid #ddd;
        border: 1px solid #ccc;
        text-shadow: 1px 1px #fff;
        background: rgb(242,242,242);
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod�EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(221,221,221,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(221,221,221,1)));
        background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(221,221,221,1) 100%);
        background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(221,221,221,1) 100%);
        background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(221,221,221,1) 100%);
        background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(221,221,221,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dddddd',GradientType=0 );
        color: #525252;
        font-weight: bold;

    }

    #divPhoneHelp {
        width: 99% !important;
        margin: 0 auto;
        max-width: 500px !important;
        margin: 0 auto;
        
    }

    #divPhoneHelp table {
        max-width: 480px !important;
        width: 100%;
        margin: 0 auto;
    }

    #divPhoneHelp td
	{
        display: block !important;
    }
   
    
    .button-row.mobile-way input {
        margin: 2% auto;
        -ms-border-radius: 4px;
        border-radius: 4px;
        box-shadow: 2px 2px 2px #ddd;
        cursor: pointer;
        letter-spacing: 0.2px;
        text-shadow: 1px 1px 1px #efefef;
                
    } 
   

    .mobile-login-table-sub {
        width: 100%;
        margin: 0 auto;
        max-width: 470px;
        display: block;
    }

    .mobile-login {
        text-align:center;
		
    }

	 .content tr td {
        float: left !important;	
		
    }
	
	 .content tr {
	 display:block !important;
	 clear:both;
	 width:100% !important;
	 min-width:200px;}

	.content tbody:nth-child(3) {
	clear:both !important;
	float:none !important;}
	


    .sso-table,
    .sso-row,
    .sso-cell {
        margin: 0;
        padding: 0;
        clear: both;
        float: none;
        display: block;
    }

    .EmailTextBox 
{
	width: 99%;
    min-width: 250px;
}

	.content .EmailTextBox,
    .content.mobile-login .TextBox,
    .content.mobile-login input[type=text]
     	{
	padding:0 3%;
	color:#666;
	text-shadow:1px 1px 1px #efefef;
	font-size:145%;
	height:44px;
	line-height:44px;
	border:1px solid #ccc;
	border-radius:4px; 
	background: rgb(252,252,252); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(252,252,252,1) 45%, rgba(238,238,238,1) 96%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(45%,rgba(252,252,252,1)), color-stop(96%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(252,252,252,1) 45%,rgba(238,238,238,1) 96%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(252,252,252,1) 45%,rgba(238,238,238,1) 96%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(252,252,252,1) 45%,rgba(238,238,238,1) 96%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(252,252,252,1) 45%,rgba(238,238,238,1) 96%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
        -moz-box-shadow: 0 1px 1px #e2e2e2 inset, 0 1px 0 #fff;
        -webkit-box-shadow: 0 1px 1px #e2e2e2 inset, 0 1px 0 #fff;
        box-shadow: 0 1px 1px #e2e2e2 inset, 0 1px 0 #fff;
		width:100%;
		
	
	}
	
	.content.mobile-login input.Button {
	padding:3% 0%;	
	clear:both;
	width:99%;

	}
	
	.forgot-user-box input.Button {
		padding:14px 12px !important; 	
	clear:both;
	width:99%;
	font-size:135% !important;}

	
	#ForgotUsernameUserControl1_SubmitButton, 
	#ForgotPasswordUserControl1_SubmitButton,
    #SubmitButton	{
	
	border:1px solid #adc671;
	-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.54);
    -moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.54);
    box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.54);

    background: rgb(202,226,133); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhZTI4NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZmNiNTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(202,226,133,1) 0%, rgba(159,203,87,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(202,226,133,1)), color-stop(100%,rgba(159,203,87,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(202,226,133,1) 0%,rgba(159,203,87,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(202,226,133,1) 0%,rgba(159,203,87,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(202,226,133,1) 0%,rgba(159,203,87,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(202,226,133,1) 0%,rgba(159,203,87,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cae285', endColorstr='#9fcb57',GradientType=0 ); /* IE6-8 */
	
	cursor:pointer;
    color:#5B6028; 
    font-weight:bold; 
	}




    .login-wrapper.mobile-login {
        float: none;
        clear: both;width: 100%;
        margin: 0 auto;
        overflow: hidden;
        min-height: 100px;
        padding: 0;
    }

    .default-login-table.mobile-login {
        clear: both;
        display: block;
        width: 99%;
        margin: 0 auto;
    }
	


    
    
    .content.mobile-login {
        text-align: left;
        float: none;
        width: inherit;
        padding: 10px 10px 20px 10px;
		
        display: block;
        clear: both;
		
    }


    .button-row > .Button:first-child,
    .button-row > .btn:first-child,
    .button-row > .Button:last-child,
    .button-row > .btn:last-child,
    .button-row > .Button:only-child,
    .button-row > .btn:only-child
     {

        margin-left:auto;    
        margin-right:auto;    
        
    }


    .content.mobile-login big {
        font-size: 140%;
    }

    .content.mobile-login p,
    .content.mobile-login p a
     {
        font-size: 110%;
        line-height: 135%;
        color: #666;

    }

    .content.mobile-login p a {
        color: #0066cc;
    }

    .content.mobile-login .login-wish-list {
        line-height:230% ;
    }

     .content.mobile-login b {
        font-size: 110%;
         color: #555;
         text-shadow: 1px 1px 1px #efefef;
    }


     .content.mobile-login .CheckBox input,
     .content.mobile-login .CheckBox label{
         float: left;
     }

     .content.mobile-login .CheckBox label {
         font-style: italic;
         color: #888;
         font-size: 105%;
     }

      .content.mobile-login .CheckBox input {
          width: 20px;
          height: 30px;
          line-height: 30px;
          vertical-align: middle;
      }

      .content.mobile-login .CheckBox label {
          height: 30px;
          line-height: 30px;
          vertical-align: middle;
          margin: 3px 0 0 0 !important;
          
      }

}


h2.heading{color: #57297f;
    font-size: 22px;
	font-family:Arial,sans-serif; font-weight:normal;
    padding: 0 0 20px 0;
	border-bottom:solid 1px #d3d4d2;
	margin:0px;}
	
/*header .secondary2 { position: absolute; padding:0; top:15px; right: -43px; width: 21%; background-image:none; border:0px; }*/
/*header .secondary2 a { font-size: 13px; text-decoration:underline; color: #00539B; font-family:Arial; background: url(images/layout/secondaryDivide.png) no-repeat 100% 50%; margin-right: 5px; padding-right: 5px; }*/
header .secondary2 {font-size: 11px;}

.alzHomeIcon{
    vertical-align: middle;
}


 .footerNav #footer_bg_bar {
    clear: both;
    background-image: url(images/layout/footer_purple_bar.jpg);
    background-repeat: repeat-x;
    width: 100%;
    height: 33px;
    z-index: 200;
    left: 0;
    top: 0;
    position: absolute;
}

.footerNav .footcontentinner {
    max-width: 960px;
    margin: 0 auto;
    background-color: #fff;
    min-height: 120px;
}

.footcontentinner #footerLastLinks {
    clear: both;
    max-width: 930px;
    width:100%;
    margin: 0;
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
    padding: 15px 15px;
    min-height: 120px;
    text-align: left;
}
 .footcontentinner #footerLastLinks a {
    font-size: 11px;
    text-decoration: none;
    color: #00539b;
    padding-right: 4px;
    padding-left: 4px;
}

 #footerLastLinks .bbb {
    margin: 0;
    padding: 0;
    float: right;
    width: 120px;
    margin-top: 20px;
    margin-right: 15px;
}

 .footcontentinner #footerLastLinks p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-left: 4px;
    padding-right: 25px;
    text-align: left;
    margin: 1em 0;
}

 .footcontentinner .btmLogos {
    margin: 0;
    padding: 0;
    float: left;
    max-width: 960px;
    width:100%;
    padding-top: 5px;
    padding-bottom: 10px;
   background: url(images/footer-inner-bg.jpg) repeat-x #fff; ;
    color: #333333;
}
 .footcontentinner img{
    max-width:85%;
    width:auto!important;
    height: auto;
	margin-right:0px !important;
	padding-top:5px;
}

.footcontentinner .btmLogos p {
    margin-top: 9px;
    margin-right: 25px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    text-align: left;
    padding-left:20px;
	width:580px;
	float:right;
	
}

.footcontentinner .btmLogos strong{
	display:block;
}
	
	
	
	
	
@media screen and (max-width: 42.0em)
{
	.footcontentinner #footerLastLinks { width:auto;}
	.btmLogos img{ width:100% !important; margin-bottom:15px; margin-left:30px !important;}
	.footcontentinner .btmLogos p{ width:auto;}
	#footerLastLinks .bbb{  text-align:right;}
	.login-sec{ border:none !important; padding-right:0px !important; margin-right:0px !important; width:100% !important;}
	.NewUser{ margin-top:20px; width:100%;  border-top:solid 1px #ccc; padding-top:15px;}
	.cancelLink{  width:100%; text-align:center; float:left; font-size:14px !important; margin-top:5px; font-weight:bold;}
	.ForgotArea-mobile{ display:block !important; float:left; margin-top:10px}
	.ForgotArea-mobile span {color: #00539b; font-family: Arial; font-size: 12px; text-decoration: underline; border-right: 1px solid #333; padding-right: 5px; margin-right: 5px;}
	.ForgotArea{ display:none}
	.NewUser span{ font-weight:bold; font-size:14px !important;}
	.contentInfo{ margin: 0 15px 20px 15px ;}
    .forgot-user-box h2.ctrlTitle, .forgot-password-box h2.ctrlTitle{ margin-left:10px; margin-right:10px; margin-bottom:0px; margin-top:20px}
	.default-login-table h2.ctrlTitle{ padding-top:5px !important;}
	.wrapper {background: url(images/header_bg_repeat.jpg)repeat-x 50% 0; min-height: 600px;}
	div.RadToolTip{ display:none;}
	.form-sso-container .ValidationSummary{ display:block !important}
	.NewUser strong{ margin-bottom:8px !important;}
	.MainLog{ border-bottom:none !important}
	.button-row{ border-top:none}
}
	
	
	.default-login-table h2.ctrlTitle{ padding-top:25px;}
	
	
	.login-sec{ float:left;  border-right: 1px solid #d3d4d2; margin-right:50px; padding-right:60px;}
	.NewUser{ float:left; }
	.ForgotArea{ clear:both; margin-top:20px; float:left}
	.ForgotArea-mobile{ display:none ;}
	
	.MainLog{padding: 20px 0; float: left; border-top: 1px solid #d3d4d2; border-bottom: 1px solid #d3d4d2; }
	
	.login-sec strong {
    width: 100%;
    color: #56297e;
    font-weight: bold;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    padding: 10px 0;
}

.NewUser strong {
    width: 100%;
margin-bottom:20px;
    color: #56297e;
    font-weight: bold;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    padding: 10px 0;
}
.NewUser a.HyperLink, .btnGo input.button {
background: #57297f; /* Old browsers */
background: -moz-linear-gradient(top,  #57297f 0%, #350267 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #57297f 0%,#350267 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #57297f 0%,#350267 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57297f', endColorstr='#350267',GradientType=0 ); /* IE6-9 */
border:1px solid #350267; 
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    vertical-align: middle;
    padding: 0 32px;
    text-decoration: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;

}
	.NewUser span {
    float: left;
		clear:both;
    margin: 20px 0 0 0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}
	
	
	
	h2.ctrlTitle {
    color: #57297f;
    font-size: 22px;
	margin-top:0px;
	font-weight:normal
	

}

.CommonTable {
    border-bottom: 1px solid #D3D4D2;
    border-top: 1px solid #D3D4D2;
    padding-bottom: 25px;
    padding-top: 20px;
    margin-top: 16px;
    margin-bottom: 15px;
}

.ForgotArea span {
    color: #00539b;
    font-family: Arial;
    font-size: 12px;
    text-decoration: underline;
    border-right: 1px solid #333;
    padding-right: 5px;
    margin-right: 5px;
}

.form-sso-container .ValidationSummary{ display:none; }
a.cancelLink {font-size: 14px;}	


/*CSS changes on 9Dec-15*/
.RadToolTip_Default .rtWrapper .rtWrapperTopLeft,  
.RadToolTip_Default table.rtShadow .rtWrapperTopCenter, 
.RadToolTip_Default table.rtShadow .rtWrapperBottomCenter{
    background-image: none !important;
}


.RadToolTip_Default .rtWrapper .rtWrapperLeftMiddle, 
.RadToolTip_Default table.rtShadow .rtWrapperRightMiddle {
    background-image: none !important;
}

.RadToolTip_Default .rtWrapper .rtWrapperTopRight, 
.RadToolTip_Default table.rtShadow .rtWrapperBottomLeft, 
.RadToolTip_Default table.rtShadow .rtWrapperBottomRight, 
.RadToolTip_Default table.rtShadow .rtWrapperTopCenter {
    background-image: none !important;
}


.RadToolTip_Default .rtWrapper .rtWrapperContent {
    background-color: #e3b503 !important;
    color: #333;
    border-radius:8px
}

.RadToolTip table.rtShadow .rtCloseButton {
    top: 6px !important;
    right: 6px !important;
}

.RadToolTip_Default .rtCallout {
    background-image: url('left_pin_point.png') !important;
    height: 22px !important;
}

.RadToolTip .rtCalloutMiddleLeft {
    margin-top: -15px !important;
    background-position: 0 0px !important;
}


/*@-moz-document url-prefix() {
	h2.ctrlTitle{ padding-top:30px;}
	
	}*/
	
	
 
/*	 @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) 
{ 
	 	.default-login-table .mobile-login{ padding-top:0px;}
}
*/


.popup { display:none}
	 .popup-content{ font-size:12px; margin-bottom:20px;}
	 .popup-content li{ padding:5px 0;}
	 h2.popup-title{color: #57297f; font-size: 22px; font-weight: normal; border-bottom: solid 1px #ccc; padding-bottom:10px;}
	 
	 
@media only screen and (min-width:767px) and (max-width:999px){  
footer{ width:96%; padding: 30px 2%;}
.content.mobile-login{padding: 2% 0% 5% 2%; width:98%}
.forgot-user-box h2.ctrlTitle, .forgot-password-box h2.ctrlTitle{ margin-left:2%;  margin-right:2%;}
.container{ width:100%;}
.form-sso-container{ min-height:auto}
.footcontentinner .btmLogos p{width: 360px;}
.secondary2 {
    float: right;
    margin: 14px 0 7px;
	position:relative !important;
	width:auto !important;
	right:0px !important;
}
a.logo{ left:15px;}

	 
	 .footcontentinner #footerLastLinks{ padding: 15px 2%; width:96%;}
	.button-row{ margin-right:2%;}
	.MainLog{ width:98%;}
}
	 
.secondary2 a, .secondary2 a:link {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: underline;
    color: #00539B;
    margin-left: 3px;
    margin-right: 3px;
    background: none;
}



.secondary2 a img {
    margin-top: -5px;
}     
	 
	.sso-sub-form .FieldLabel {
    font-weight: normal !important;
} 


#divPhoneHelp {
    min-height: 350px;
}

.ForgotPasswordCompleteContents {
    margin: auto;
    margin-top: 50px;
    width: 81%;
    background: #eee;
    padding: 30px;
}

a, a:link, a:visited, a:active {
    color: #00539b;
    text-decoration: none;
    font-weight: normal;
}

.emailSendHeader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 0 0 15px 0;
    line-height: 16px;
    color: #333;
    font-weight: 700;
}

.emailSendText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #333;
    line-height: 16px;
}

.emailSendFooter {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 14px 0 0 0;
    line-height: 16px;
    color: #333;
    font-weight: 700;
}
	 

/* Added 020317*/

.mustContain {
    font-family: Verdana, Geneva, sans-serif;
    float: right;
    font-size: 11px;
    color: #333333;
    font-style: italic;
}

.form-sec {
    clear: both;
    /*margin-bottom: 100px; 120617*/
}

.form-sec h2.ctrlTitle {
    color: #57297f;
    font-size: 22px;
    margin: 50px 0 0 0;
    float: left;
    padding: 0 0 20px 0;
}

.ForgotPassword {
    border-top: 1px solid #d3d4d2;
    border-bottom: 1px solid #d3d4d2;
    padding: 20px 0 20px 0;
    clear: both;
}

span.FieldLabel {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: normal !important;
    color: #333333;
    margin-right: 25px;
    width: 132px;
    float: left;
}

.ForgotPassword{border-top:1px solid #d3d4d2; border-bottom:1px solid #d3d4d2; padding: 20px 0 20px 0 ; width: 696px; clear:both;}
 
 
 
 .textbox {float:left; width:322px;}
 .textbox input{float:left; height:24px; width:322px; -webkit-box-shadow: 1px 1px 5px 1px #DBDBDB inset;
-moz-box-shadow: 1px 1px 5px 1px #DBDBDB inset;
box-shadow: 1px 1px 5px 1px #DBDBDB inset; border:1px solid #bcbcbc;}
 td.textbox em{float:left;  font-family: Verdana;  font-size: 12px; color:#333; width:100%; text-align:right}   
 .textLabel{float:left;ma;}
 
 
 .error{float:left;}
 .Loginspace{margin-top:25px; float:left;}
 .boxspace{margin-bottom:20px; float:left;}
 
 .buttons{margin-top:15px; float:left;}
 
 #ForgotPasswordResetUserControl1_CancelButton {background-image:none; background-color:#FFF !important; border:none !important; color:#00539b; 
 font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-decoration: underline;}
 
 
 td.EmailLabel{float:left; width:117px;}
 td.Validate{float:left; width:15px;}
 td.EmailBox{float:left;}
 td.EmailBox input{float:left; height:24px; width:322px; -webkit-box-shadow: 1px 1px 5px 1px #DBDBDB inset;
-moz-box-shadow: 1px 1px 5px 1px #DBDBDB inset;
box-shadow: 1px 1px 5px 1px #DBDBDB inset; border:1px solid #bcbcbc;}
   
 #PasswordTextBox, #LoginTextBox{float:left; height:24px; width:322px; -webkit-box-shadow: 1px 1px 5px 1px #DBDBDB inset;
-moz-box-shadow: 1px 1px 5px 1px #DBDBDB inset;
box-shadow: 1px 1px 5px 1px #DBDBDB inset; border:1px solid #bcbcbc;}
 
.ForgotArea{width:100%; float:left; margin:20px 0 0 0;}
 
.ForgotArea span{color:#00539b; font-family:Arial; font-size:12px; text-decoration:underline; border-right:1px solid #333; padding-right:5px; margin-right:5px;}
 
.ForgotArea small{color:#00539b; font-family:Arial; font-size:12px; text-decoration:underline;}

td.textbox em{float:left;  font-family: Verdana;  font-size: 12px; color:#333; width:100%; text-align:right}   
 .textLabel{float:left;ma;}
 
 
 .error{float:left;}
 .Loginspace{margin-top:25px; float:left;}
 .boxspace{margin-bottom:50px; float:left;}
 
 
 .buttons{margin-top:15px; float:left;}
 
 #ForgotPasswordResetUserControl1_CancelButton {background-image:none; background-color:#FFF !important; border:none !important; color:#00539b; 
 font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-decoration: underline;}

.TextBox, .sso-sub-form > input[type="text"] {
    line-height: 15px;
} 

input.Button {
    padding: 0 20px;
    height: 30px;
    border-radius: 5px;
}

input.button, input.Button, input.printbtn, div.AdvancedWindowDiv .AdvancedSearchButton, div.RadWindow_PersonifyDefault .WindowButtonRow input, .buttonRow input, .affilTable input.StandardButton, a.certbtn, input.btnFilterSearch, .RadGrid input.payNow, .editControls input.updateCart {
    background-image: url('images/btn-green.jpg');
    background-position: 0px 0px;
    background-repeat: repeat-x;
    border: 1px solid #57297F !important;
    padding: 10px 26px;
    margin: 0;
    line-height:10px;
    height: 30px;
    vertical-align: middle;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: bold;
    color: #FFF;
    font-size: 11px;
    font-size: 14px;
    cursor: pointer;
}

input.button[id$="CancelButton"] {
    background-image: none;
    background-color: #FFF !important;
    border: none !important;
    color: #00539b;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-decoration: underline;
}

input, textarea {
    font-family: Arial, Helvetica, sans-serif;
}
 
.Label {
    color: #333333;
    font-family: Verdana;
    font-size: 12px;
}

td {
    text-align: left;
    font-weight: normal;
}

td.textbox input[id$="NewUserNameTextBox"]{
	margin-left:1px;
}

 
/*IE 10 11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	td.textbox input[id$="NewUserNameTextBox"]{
		/*margin-left:-2px;*/
	}
} 


 
/* Added 020317*/	 

/* Added 070317*/	 

.default-login-table.mobile-login {
    position: relative;
} 

.login-sec b{color: #000000;  float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; padding:10px 0;}
 
 .login-sec strong{width:100%; color: #56297e; font-weight:bold; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 18px; padding:10px 0;}
 
 div.MainLog{border-top:1px solid #d3d4d2; border-bottom:1px solid #d3d4d2; width:100%; float:left; height:240px;}
 
 .btnGo input{float:left; margin-top:15px;}
 
 
 .requried-info {
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin-top: 15px;
	width:100%;

}
 
 .requried-info p {
    color: #333333;
    font-family: verdana;
    font-size: 11px;
    font-weight: normal;
    padding-bottom: 8px;
}	 


td.EmailBox input{float:left; height:24px; width:322px; -webkit-box-shadow: 1px 1px 5px 1px #DBDBDB inset;
-moz-box-shadow: 1px 1px 5px 1px #DBDBDB inset;
box-shadow: 1px 1px 5px 1px #DBDBDB inset; border:1px solid #bcbcbc;}
   
 #main_LoginTextBox,
 #main_PasswordTextBox{float:left; height:24px; width:322px; -webkit-box-shadow: 1px 1px 5px 1px #DBDBDB inset;
-moz-box-shadow: 1px 1px 5px 1px #DBDBDB inset;
box-shadow: 1px 1px 5px 1px #DBDBDB inset; border:1px solid #bcbcbc;}

/*IE 10 11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .login-sec b{display:block; clear:both;}
    .NewUser strong{width:80%;} 
}

/* Added 070317*/	 
.footcontentinner{
	max-width: 960px;
    margin: 0 auto;
    background-color: #fff;
    min-height: 120px;
    margin-top: 25px;
}

@media screen and (max-width: 42.0em){
	.content.mobile-login b {
	    display: block;
	    clear: both;
	}

	div.MainLog {
	    width: 100%;
	    float: left;
	    height: auto;
	}


	.content.mobile-login input.Button {
	    padding: 0% 0%;
	    clear: both;
	    width: 100%;
	    height: 44px;
	}

	#main_LoginTextBox, #main_PasswordTextBox {
	    float: left;
	    height: 24px;
	    width: 100%;
	}


	.NewUser a.HyperLink, .btnGo input.button {
	    font-size: 15px;
	    width: 100%;
	    text-align: center;
	    padding: 6px 0;
	}

	.form-sec h2.ctrlTitle {
	    margin: 0px 0 0 0;
	    padding: 0 0 05px 0;
	}


	.form-sec {
	    clear: both;
	    margin-bottom: 10px;
	}

	.MainLog {
	    padding: 5px 0;
	}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
  	.login-sec {
	    float: left;
	    border-right: 1px solid #d3d4d2;
	    margin-right: 40px;
	    padding-right: 60px;
	}
}

footer{
	bottom: 0;
    height: 120px;
	margin-top:50px;
}

footer:after {
  content: "";
  display: block;
}

#wrapper.Register.Customer  #content {
    width: 100%;
    padding-bottom: 21px;
}


.ForgotPassword .Loginspace tr:nth-of-type(1),
.ForgotPassword .Loginspace tr:nth-of-type(2){
	margin-bottom:10px;
	float:left;
	clear: both;
}

.ForgotPassword .Loginspace tr:nth-of-type(1) input,
.ForgotPassword .Loginspace tr:nth-of-type(2) input{
	width:322px;
	/*margin-left: 1px;*/
}

.ForgotPassword .Loginspace tr input{
	-webkit-box-shadow: 0px 0px 0px 0px transparent ;
    -moz-box-shadow: 0px 0px 0px 0px transparent ;
    box-shadow: 0px 0px 0px 0px transparent ;
	border: 1px solid #bcbcbc;
	height:24px;
	
}



.ForgotPassword .Loginspace .boxspace {
    margin-bottom: 0px;
    float: left;
}

.ForgotPassword .Loginspace .boxspace:nth-of-type(4) {
    margin-top: 20px;
}

.ForgotPassword .Loginspace .TextBox {
    height: 24px;
}


.ForgotPassword .Loginspace td.textBox {
    height: 56px;
}


@media screen and (max-width: 42.0em){
	
	.ForgotPassword {
		padding: 0px 0 20px 0;
	}
	
	.ForgotPassword .Loginspace tr:nth-of-type(1), 
	.ForgotPassword .Loginspace tr:nth-of-type(2) {
		margin-bottom: 0px;
		float: left;
		clear: both;
	}
	
	.ForgotPassword .Loginspace tr{
		float:none;
		width:100%;
		margin-bottom:10px;
	}
	
	.ForgotPassword .Loginspace td{
		text-align: left;
		font-weight: normal;
		width: 100%;
		/*clear: both;
		display: block;*/
		position: relative;
		overflow: hidden;
		float: none;
		
	}
	
	.ForgotPassword .Loginspace td input{
		/*width: 100% !important;*/
		border-radius:0px !important;
	}
	
	.form-sec {
		clear: both;
		margin-bottom: 10px;
		padding: 10px;
	}
	
	
	.ForgotPassword .Loginspace span.FieldLabel {
		padding: 10px 0;
	}
	
	footer{
		position:relative;
		bottom:auto;
		margin-top: 10px;
		height:auto;
	}
	
	/*--------------------*/
	#main_logintextbox, #main_passwordtextbox {
		float: left;
		height: 40px;
		width: 100%;
	}
	
	.forgotpassword .loginspace td {
		width: auto;
	}
	
	.ForgotPassword .Loginspace .TextBox{
		height:24px;
		overflow:visible;
	}
	.ForgotPassword .Loginspace .boxspace:nth-of-type(4) {
		margin-top: 0px;
	}	
	
	.ForgotPassword .Loginspace .boxspace:nth-of-type(3) {
		margin-bottom: 0px;
		float: left;
	}
	
	.forgotpassword .loginspace td input {
		width: none !important;
	}
	.forgotpassword {
	border-top: 1px solid #D3D4D2;
	border-bottom: 1px solid #D3D4D2;
	padding: 20px 0 20px 0;
	width: 100%;
	clear: both;
	}
	
	.ForgotPassword .Loginspace tr:nth-of-type(1) input, .ForgotPassword .Loginspace tr:nth-of-type(2) input {
		width: 100%;
	}
	
	.textbox input {
		float: left;
		height: 24px;
		width: 100%;
		-webkit-box-shadow: 1px 1px 5px 1px #DBDBDB inset;
		-moz-box-shadow: 1px 1px 5px 1px #DBDBDB inset;
		box-shadow: 1px 1px 5px 1px #DBDBDB inset;
		border: 1px solid #bcbcbc;
	}
	
	 .forgotpassword .loginspace td:nth-of-type(1) {
        width: 15%;
		padding: 0 !important;
    }

    .forgotpassword .loginspace td:nth-of-type(2) {
        width: 2%;
		padding: 0 !important;
    }

    .forgotpassword .loginspace td:nth-of-type(3) {
        width: 100%;
		padding: 0 !important;
    }
	
	.userNameReset .Loginspace {
		margin-top: 8px;
		float: left;
		width: 100%;
	}
	
	.userNameReset .loginspace tr {
		float: left;
		width: 100%;
		margin-bottom: 0px;
	}
	
	.form-sec table{
		width:100%;
	}
	
	.ForgotPassword .Loginspace td.textLabel:nth-of-type(3) span.FieldLabel {
		padding-left: 10px;
	}
	
	.ForgotPassword .NewPasswordTextBox{
		margin-left:2px;
	}
	
	.resetLinks.buttons {
		margin-top: 15px;
		float: left;
		width: 100%;
		text-align: center;
	}
	
	.resetLinks.buttons  input {
		width: 100%;
	}
	
	.resetLinks.buttons input.button[id$="CancelButton"] {
		background-image: none;
		background-color: transparent !important;
		border: none !important;
		color: #00539b;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		text-decoration: underline;
	}
	
	.resetLinks.buttons input.button, 
	.resetLinks.buttons input.Button{
		background: #57297f; /* Old browsers */
		background: -moz-linear-gradient(top,  #57297f 0%, #350267 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #57297f 0%,#350267 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #57297f 0%,#350267 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57297f', endColorstr='#350267',GradientType=0 ); /* IE6-9 */
		border:1px solid #350267; 
		color: #FFFFFF;
		cursor: pointer;
		float: left;
		font-size: 14px;
		font-weight: bold;
		line-height: 30px;
		vertical-align: middle;
		padding: 0 32px;
		text-decoration: none;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 15px;
		height:40px
	}
	
	 .forgotpassword .loginspace td:nth-of-type(1){
		vertical-align:top;
    }
	
	.ForgotPassword span[id$="ConfirmPasswordLabel"]{margin-top:13px}
	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type="email"]:hover,
    input[type="number"]:hover,
    input[type="search"]:hover,
    input[type="text"]:hover,
    input[type="tel"]:hover,
    input[type="url"]:hover,
    input[type="password"]:hover,
    textarea:hover,
    select:hover{font-size: initial;}
}
@media (min-width: 768px) {
    input[type="email"]:hover,
    input[type="number"]:hover,
    input[type="search"]:hover,
    input[type="text"]:hover,
    input[type="tel"]:hover,
    input[type="url"]:hover,
    input[type="password"]:hover,
    textarea:hover,
    select:hover{font-size: inherit;}
}

@media screen and (min-width: 1280px){
	footer {
    bottom: 0;
    height: 120px;
    margin-top: 103px;
	}
}


/*Start :: Custom new skinning*/


@font-face {
  font-family: 'HouschkaAltPro';
  src: url('fonts/HouschkaAltPro-ExtraBold.eot');
  src: url('fonts/HouschkaAltPro-ExtraBold.eot?#iefix') format('embedded-opentype'), url('fonts/HouschkaAltPro-ExtraBold.woff2') format('woff2'), url('fonts/HouschkaAltPro-ExtraBold.woff') format('woff'), url('fonts/HouschkaAltPro-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'HouschkaAltPro';
  src: url('fonts/HouschkaAltPro-Medium.eot');
  src: url('fonts/HouschkaAltPro-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/HouschkaAltPro-Medium.woff2') format('woff2'), url('fonts/HouschkaAltPro-Medium.woff') format('woff'), url('fonts/HouschkaAltPro-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'HouschkaAltPro';
  src: url('fonts/HouschkaAltPro-Bold.eot');
  src: url('fonts/HouschkaAltPro-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/HouschkaAltPro-Bold.woff2') format('woff2'), url('fonts/HouschkaAltPro-Bold.woff') format('woff'), url('fonts/HouschkaAltPro-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'alz-icons';
  src: url('fonts/alz-icons.eot');
  src: url('fonts/alz-icons.eot?#iefix') format('embedded-opentype'), url('fonts/alz-icons.woff2') format('woff2'), url('fonts/alz-icons.woff') format('woff'), url('fonts/alz-icons.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

a {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.container-fluid {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 25px;
  padding-left: 25px;
}

@media (min-width: 576px) {
  .container-fluid {
    padding-right: 25px;
    padding-left: 25px;
  }
}

@media (min-width: 768px) {
  .container-fluid {
    padding-right: 25px;
    padding-left: 25px;
  }
}

@media (min-width: 992px) {
  .container-fluid {
    padding-right: 25px;
    padding-left: 25px;
  }
}

@media (min-width: 1200px) {
  .container-fluid {
    padding-right: 25px;
    padding-left: 25px;
  }
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 3px 1.5rem;
  clear: both;
  font-weight: normal;
  color: #808285;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #737578;
  text-decoration: none;
  background-color: #f7f7f9;
}

.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #4a0d66;
}

.dropdown-item:disabled {
  color: #D1D3D4;
  cursor: not-allowed;
  background-color: transparent;
}

@font-face {
  font-family: 'HouschkaAltPro';
  src: url("./fonts/HouschkaAltPro-Light.eot?") format("eot"), url("./fonts/HouschkaAltPro-Light.woff2") format("woff2"), url("./fonts/HouschkaAltPro-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "HouschkaAltPro";
  src: url("./fonts/HouschkaAltPro-Medium.eot?") format("eot"), url("./fonts/HouschkaAltPro-Medium.woff2") format("woff2"), url("./fonts/HouschkaAltPro-Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "HouschkaAltPro";
  src: url("./fonts/HouschkaAltPro-Bold.eot?") format("eot"), url("./fonts/HouschkaAltPro-Bold.woff2") format("woff2"), url("./fonts/HouschkaAltPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "HouschkaAltPro";
  src: url("./fonts/HouschkaAltPro-ExtraBold.eot?") format("eot"), url("./fonts/HouschkaAltPro-ExtraBold.woff2") format("woff2"), url("./fonts/HouschkaAltPro-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "alz-icon";
  src: url("./fonts/alz-icons.eot");
  src: url("./fonts/alz-icons.eot?#iefix") format("embedded-opentype"), url("./fonts/alz-icons.woff") format("woff"), url("./fonts/alz-icons.ttf") format("truetype"), url("./fonts/alz-icons.svg#alz-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}



.customheader {
  background: #fff;
  border-bottom: 1px solid #fff;
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1), cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1), cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1), cubic-bezier(0.77, 0, 0.175, 1);
}

header {
  background: #fff;
  border-bottom: 1px solid #fff;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1), cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1), cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1), cubic-bezier(0.77, 0, 0.175, 1);
}

.customheader {
  transition: top 0.5s;
}

header .logo{
  background:#fff;
}

@media (min-width: 768px) {
  header {
    border-bottom: none;
    z-index: 1000;
  }
}

header::after {
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  content: "";
  opacity: 0;
  display: block;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  z-index: -1;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.37) 0%, transparent 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.37) 0%, transparent 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.37)), to(transparent));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.37) 0%, transparent 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.37) 0%, transparent 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e000000', endColorstr='#00000000', GradientType=0);
  /* IE6-9 */
}

header .container-fluid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  max-width: 100%;
}

@media (min-width: 768px) {
  header .container-fluid {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (min-width: 1200px) {
  header .container-fluid {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.logo {
  text-align: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 15px 0 0 15px;
  -webkit-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
}

@media (min-width: 576px) {
  .logo {
    -webkit-flex-basis: 80%;
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    text-align: left;
    padding: 0 0 0 25px;
  }
}

@media (min-width: 768px) {
  .logo {
    -webkit-flex-basis: 2px;
    -ms-flex-preferred-size: 2px;
    flex-basis: 2px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

@media (min-width: 1200px) {
  .logo {
    padding: 0 0 0 35px;
  }
}


@media (min-width: 1400px) {
  .logo {
    padding-left: 100px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 450px;
    -ms-flex-preferred-size: 450px;
    flex-basis: 380px;
  }
}

.logo a,
.logo a:visited {
  display: inline-block;
}

.logo svg {
  display: block;
  height: 25px;
  width: auto;
  margin: 2px 0 0;
  max-width: 100%;
}

@media (min-width: 576px) {
  .logo svg {
    margin-top: 7px;
    height: 35px;
  }
}

@media (min-width: 992px) {
  .logo svg {
    height: auto;
    width: 360px;
    max-height: 40px;
  }
}

.logo svg path {
  fill: #4a0d66;
}

.menuToggle {
  color: #fff;
  width: 60px;
  height: 60px;
  text-align: center;
  background: #4a0d66;
  text-transform: uppercase;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border: none;
  cursor: pointer;
  -webkit-transition: background-color 0s;
  -o-transition: background-color 0s;
  transition: background-color 0s;
  position: relative;
  font-family: "HouschkaAltPro", Arial, sans-serif;
}

.menuToggle::before {
  content: "i";
  font-family: "alz-icon";
  display: block;
  font-size: 26px;
  line-height: 1;
  margin: 0;
  font-weight: normal;
  text-transform: none;
  position: absolute;
  top: 10px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

@media (min-width: 768px) {
  .menuToggle {
    display: none;
  }
}

.menuToggle:focus {
  outline: none;
}

.menuToggle:hover {
  background: #8106B9;
}


.mainHelpline {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 45px;
  line-height: 42px;
  text-align: center;
  background: #808285;
  color: #fff;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  font-size: 9px;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  text-shadow: 0 0;
}

@media (min-width: 576px) {
  .mainHelpline {
    font-size: 10px;
  }
}

@media (min-width: 768px) {
  .mainHelpline {
    font-size: 12px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    background: transparent;
    color: #359A8E;
    padding: 0 35px;
    line-height: 1.2;
  }
}

@media (min-width: 992px) {
  .mainHelpline {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    border: none;
    padding: 0 20px;
    height: auto;
    font-size: 16px;
    font-size: 1rem;
  }
}

@media (min-width: 1200px) {
  .mainHelpline {
    padding: 0 45px 0 0;
  }
}

.mainHelpline span,
.mainHelpline a {
  display: inline-block;
  vertical-align: middle;
}

/* Added Feb2024 */
div.mainHelpline span {
    color: #58595b;
}

@media (min-width: 768px) {
  .mainHelpline span,
  .mainHelpline a {
    display: block;
    font-family: "HouschkaAltPro", Arial, sans-serif;
    font-size: 16px;
  }
}

.mainHelpline span.phone {
  font-size: 16px;
  margin: 0 0 0 7px;
  text-decoration: none;
}

/* Added Feb2024 */
div.mainHelpline span.phone {
    color: #4a0d66;
}

@media (min-width: 576px) {
  .mainHelpline span.phone {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media (min-width: 768px) {
  .mainHelpline span.phone {
    font-size: 22px;
    font-size: 1.375rem;
    margin: 0 0 0 11px;
  }
}

@media (min-width: 992px) {
  .mainHelpline span.phone {
    font-size: 26px;
  }
}

.mainHelpline a,
.mainHelpline a:visited,
.mainHelpline a[href^="tel"] {
  color: #fff;
  text-decoration: none;
  pointer-events: auto;
}

@media (min-width: 768px) {
  .mainHelpline a,
  .mainHelpline a:visited,
  .mainHelpline a[href^="tel"] {
    color: #359A8E;
    pointer-events: none;
	font-weight:700;
  }
}

.mainHelpline a:hover,
.mainHelpline a:visited:hover,
.mainHelpline a[href^="tel"]:hover {
  text-decoration: underline;
}

a.headerDonateBtn {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  width: 130px;
  text-align: center;
  height: 45px;
  line-height: 41px;
  /* background: #359A8E; Updated Feb2024 */
  background: #ffa805 !important;
  /* color: #fff; Updated Feb2024 */
  color: #4a0d66 !important;
  border-top: 1px solid #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 18px;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  position: relative;
  text-shadow: 0 0;
}

a.headerDonateBtn::before {
  content: "w";
  font-family: "alz-icon";
  display: inline-block;
  margin: 0 7px 0 0;
  vertical-align: middle;
  text-transform: none;
}

@media (min-width: 768px) {
  a.headerDonateBtn {
    height: 55px;
    line-height: 51px;
    font-size: 20px;
    font-size: 1.25rem;
    width: auto;
    -webkit-flex-basis: 150px;
    -ms-flex-preferred-size: 150px;
    flex-basis: 150px;
  }
}

@media (min-width: 992px) {
  a.headerDonateBtn {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    border: none;
    line-height: 1.2;
    height: 85px;
    line-height: 85px;
    text-transform: uppercase;
    padding: 0 40px;
    margin: 0;
    -webkit-flex-basis: 185px;
    -ms-flex-preferred-size: 185px;
    flex-basis: 105px;
    max-width: 105px;
    font-size: 26px;
    font-size: 1.625rem;
  }
}

@media (min-width: 1400px) {
  a.headerDonateBtn {
    height: 100px;
    line-height: 100px;
    font-size: 26px;
    font-family: "HouschkaAltPro", Arial, sans-serif;
  }
}

a.headerDonateBtn:hover {
  text-decoration: none;
  /* background: #256D65; Updated Feb2024 */
  background: #e09000 !important;
  /* color: #fff; Updated Feb2024 */
  color: #4a0d66 !important;
}

a.headerDonateBtn::before {
  display: inline-block;
  margin: 0 7px 0 0;
  vertical-align: middle;
  text-transform: none;
}

@media (min-width: 992px) {
  a.headerDonateBtn::before {
    display: none;
  }
}

a.headerDonateBtn::after {
  content: "";
  display: block;
  visibility: hidden;
  -webkit-transition: visibility 0.3s ease-out;
  -o-transition: visibility 0.3s ease-out;
  transition: visibility 0.3s ease-out;
}

.topLinks {
  display: none;
}

@media (min-width: 768px) {
  .topLinks {
    font-size: 14px;
    font-size: 0.875rem;
    display: block;
    padding: 11px 20px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 500px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    text-align: center;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    background: #F1F2F2;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

@media (min-width: 1200px) {
  .topLinks {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    background: transparent;
    text-align: right;
    white-space: nowrap;
  }
}

@media (min-width: 1400px) {
  .topLinks {
    font-size: 16px;
    font-size: 1rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin: 0 auto;
  }
}

.topLinks ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 768px) {
  .topLinks ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.topLinks li {
  margin: 0;
  position: relative;
}

@media (min-width: 768px) {
  .topLinks li {
    padding: 0 0.4rem;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
  }
}

@media (min-width: 768px) {
  .topLinks li::after {
    border-color: #58595B;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    height: 70%;
    border-right: 1px solid #fff;
  }
}

.topLinks li:last-child::after {
  display: none;
}

.topLinks a,
.topLinks a:visited {
  color: #808285;
  display: inline-block;
  font-size: 16px !important;
  padding: 5px 9px;
  text-decoration: none;
  font-weight: 400;
  font-family: "HouschkaAltPro", Arial, sans-serif;
}

@media (min-width: 768px) {
  .topLinks a,
  .topLinks a:visited {
    color: #58595B;
    font-weight: 700;
    border-radius: 3px;
  }
}

.topLinks a:hover,
.topLinks a:visited:hover {
  text-decoration: none;
  color: #359A8E;
}

.topLinks a.email::before,
.topLinks a:visited.email::before {
  display: inline-block;
  margin: 0 7px 0 0;
  vertical-align: middle;
  line-height: 1rem;
  position: relative;
  top: -2px;
}

.mainNav {
  background: #fff;
  position: fixed;
  top: 0;
  right: -100%;
  bottom: 0;
  width: calc(100% - 25px);
  z-index: 1000;
  border-top: 5px solid #8106B9;
  -webkit-transition: right 0.2s ease-out;
  -o-transition: right 0.2s ease-out;
  transition: right 0.2s ease-out;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  min-height: 80px;
}

@media (min-width: 768px) {
  .mainNav {
    border-top: none;
    position: relative;
    top: auto;
    right: auto;
    height: auto;
    width: 100%;
    background: #4a0d66;
    white-space: normal;
    overflow: visible;
  }
}

.mainNav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  -webkit-transition: margin 0.2s ease-out;
  -o-transition: margin 0.2s ease-out;
  transition: margin 0.2s ease-out;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

@media (min-width: 768px) {
  .mainNav ul {
    padding: 8px 0 0;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    vertical-align: inherit;
  }
}

.mainNav li {
  margin: 0;
  position: relative;
  border-bottom: 1px solid #BCBEC0;
}

@media (min-width: 768px) {
  .mainNav li {
    border: none;
  }
}

.mainNav li a {
  display: block;
  padding: 5px 15px;
  color: #4a0d66;
  text-decoration: none;
  font-weight: 700;
  position: relative;
  font-size: 18px;
  font-size: 1.125rem;
  padding: 11px 30px;
}

@media (min-width: 768px) {
  .mainNav li a {
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 20px 15px 25px;
    font-weight: 700;
  }
}

@media (min-width: 992px) {
  .mainNav li a {
    font-size: 18px;
    font-family: "HouschkaAltPro", Arial, sans-serif;
  }
}

@media (min-width: 768px) {
  .mainNav li a::before {
    content: "";
    position: absolute;
    height: 2px;
    bottom: 13px;
    left: 7px;
    right: 7px;
    background-color: #fff;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
  }
}

.mainNav li a:hover {
  background: #4a0d66;
  color: #fff !important;
}

@media (min-width: 768px) {
  .mainNav li a:hover {
    background: transparent;
  }
}

@media (min-width: 768px) {
  .mainNav li a:hover::before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
}

.mainNav li.search {
  display: none;
}

@media (min-width: 768px) {
  .mainNav li.search {
    display: block;
  }
}

.mainNav li.search>a::after {
  content: "y";
  font-family: "alz-icon";
  display: inline-block;
  font-weight: normal;
  vertical-align: middle;
  margin: 0 0 5px 7px;
}

.mainNav li.search>a::after {
  display: inline-block;
  font-weight: normal;
  vertical-align: middle;
  margin: 0 0 5px 7px;
}


/* Personify Fix top nav sizing MK 12-7-18 */

@media (min-width: 768px) {
  .topLinks ul li a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media (min-width: 1400px) {
  .topLinks ul li a {
    font-size: 16px;
    font-size: 1.6rem;
  }
}



/*Base css overrite*/

.topLinks a.email::before,
.topLinks a:visited.email::before {
  content: "a";
  display: inline-block;
  margin: 0 7px 0 0;
  font-family: "alz-icon";
  vertical-align: middle;
  line-height: 1rem;
  position: relative;
  top: -2px;
}

/*Start Mobile main menu*/

@media (max-width: 42em) {
  .mainNav {
    background: #fff;
    position: fixed;
    top: 0;
    right: -100%;
    bottom: 0;
    width: calc(100% - 25px);
    z-index: 1000;
    border-top: 5px solid #8106B9;
    -webkit-transition: right 0.2s ease-out;
    -o-transition: right 0.2s ease-out;
    transition: right 0.2s ease-out;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
  .mainNav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    -webkit-transition: margin 0.2s ease-out;
    -o-transition: margin 0.2s ease-out;
    transition: margin 0.2s ease-out;
    width: 100%;
    display: block;
    vertical-align: top;
    clear: both;
  }
  .mainNav li {
    margin: 0;
    position: relative;
    border-bottom: 1px solid #BCBEC0;
  }
  .mainNav li a {
    display: block;
    padding: 5px 15px;
    color: #4a0d66;
    text-decoration: none;
    font-weight: 700;
    position: relative;
    font-size: 18px;
    padding: 11px 30px;
    text-shadow: 0 0;
    font-family: "HouschkaAltPro", Arial, sans-serif;
  }

  .mobile-hide{
    display: none;
  }

}

footer {
  padding: 40px 0;
  text-align: center;
}

footer a,
footer a:visited {
  color: #808285 !important;
  text-decoration: underline;
}

p.footerAddress {
  font-weight: 700;
  font-size: 22px;
  font-size: 1.375rem;
  margin: 0 0 35px;
  width: 100%;
  color: #58595B;
}

@media (min-width: 992px) {
  p.footerAddress {
    margin: 0 0 25px;
    font-size: 26px;
    font-size: 1.625rem;
  }
}

p.footerAddress span {
  display: block;
  position: relative;
}

@media (min-width: 992px) {
  p.footerAddress span {
    display: inline-block;
    padding: 0 13px;
  }
}

@media (min-width: 992px) {
  p.footerAddress span::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border-right: 3px solid #808285;
    height: 60%;
  }
}

p.footerAddress span:last-child::after {
  display: none;
}

ul.footerLinks {
  list-style: none;
  padding: 0;
  margin: 0 0 25px;
}

@media (min-width: 992px) {
  ul.footerLinks {
    margin: 0 0 11px;
    font-size: 18px;
    font-size: 1.125rem;
  }
}

ul.footerLinks li {
  display: inline-block;
  margin: 0;
}

ul.footerLinks li::after {
  content: "|";
  display: inline-block;
  padding: 0 6px 0 11px;
}

ul.footerLinks li:last-child::after {
  display: none;
}

.footerSocial {
  margin: 0 -25px 25px;
  width: calc(100% + 50px);
}

@media (min-width: 992px) {
  .footerSocial {
    width: auto;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.footerSocial ul {
  list-style: none;
  padding: 0;
  margin: 0 0 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
}

@media (min-width: 992px) {
  .footerSocial ul {
    width: auto;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin: 0 35px 0 0;
  }
}

.footerSocial ul li {
  border-right: 1px solid #fff;
  width: 14.2857%;
  font-size: 30px;
  font-size: 1.875rem;
}

@media (min-width: 992px) {
  .footerSocial ul li {
    width: auto;
  }
}

.footerSocial ul li:last-child {
  border: none;
}

.footerSocial ul li a,
.footerSocial ul li a:visited {
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #359A8E;
  color: #fff !important;
}

@media (min-width: 992px) {
  .footerSocial ul li a,
  .footerSocial ul li a:visited {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    text-decoration: underline;
  }
}

.footerSocial ul li a:hover,
.footerSocial ul li a:visited:hover {
  background: #256D65;
}

ul.footerLinks li a {
  font-size: 18px;
  text-decoration: underline;
}

/*Base css overrite*/

p.footerAddress {
  margin: 0 0 25px;
  font-size: 26px;
  font-family: "HouschkaAltPro", Arial, sans-serif !important;
}

.copyright-wrapper {
  margin-bottom: 29px;
  font-family: "HouschkaAltPro", Arial, sans-serif;
  font-size: 16px;
  color: #808285;
}

footer UL LI {
  list-style-type: none;
}

ul.footerLinks li ul {
  display: none;
  position: absolute;
  min-width: 170px;
  top: 100%;
  left: 0;
  background: #fff;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  padding: 8px 9px;
  margin: 0;
  text-align: left;
  font-size: 15px;
  font-size: 0.9375rem;
}

.footerSocial .fa {
    display: inline-block;
    font: normal normal normal 14px/63px FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*Start Mobile main menu*/

.desktop-hide{
	display:none;
}


.select-language-dropdown{
  position: relative;
}

.languagelist.on{
  display: block;
  margin-top: 5px;
}

ul.footerLinks li.select-language-dropdown li::after {
    content: "";
    display: inline-block;
    padding: 0 6px 0 11px;
}

.languagelist li,
.languagelist li a{
  width: 85%;
  border-radius: 3px;
  font-family: "HouschkaAltPro", Arial, sans-serif;
  text-decoration: none !important;
  font-size: 15px !important;
}

.languagelist li a:hover{
  background: #359A8E;
  color: #fff !important;
}

@media (max-width: 42em) {

  .footerSocial .fa {
      font-size: 30px;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  
  .wrapper {
    background: transparent;
		min-height: 600px;
	}
	
	.mainNav.on {
		right: 0;
	}
	
	.mainNavShade {
		position: fixed;
		top: 60px;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.8);
		z-index: 999;
		opacity: 0;
		pointer-events: none;
		-webkit-transition: opacity 0.2s ease-out;
		-o-transition: opacity 0.2s ease-out;
		transition: opacity 0.2s ease-out;
	}
	
	.mainNavShade.on {
		opacity: 1;
		pointer-events: auto;
	}
	
	.desktop-hide{
		display:block;
	}
	
	.mainNav li.mainNavTopLink a, .mainNav li.mainNavTopLink a:visited {
		font-weight: 400;
		color: #808285;
	}
	
	.mainNav li.mainNavTopLink a.email::before, .mainNav li.mainNavTopLink a:visited.email::before {
		content: "a";
		display: inline-block;
		margin: 0 7px 3px 0;
		font-family: "alz-icon";
		vertical-align: middle;
	}
	.menuToggle.on::before {
		content: "n";
	}
	
	.menuToggletext.closetext{
		display:none;
	}	
	
	.menuToggle.on .menuToggletext.on{
		display:none;
	}
	
	.menuToggle.on .menuToggletext.closetext.on{
		display:inline;
	}
	
	.menuToggle span {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 4px;
		text-align: center;
	}
	
	/* .customheader { */
		/* position: fixed; */
	/* } */
	a.headerDonateBtn {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
		width: 100%;
		text-align: center;
		height: 45px;
		line-height: 45px;
		background: #359A8E;
		color: #fff;
		border-top: 1px solid #fff;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 18px;
		text-decoration: none;
		-webkit-font-smoothing: antialiased;
		position: relative;
		text-shadow: 0 0;
		margin-top: 10px;
	}
	
	p.footerAddress {
		margin: 0 0 25px;
		font-size: 22px;
		font-family: "HouschkaAltPro", Arial, sans-serif !important;
	}
	


}


/*End :: Custom new skinning*/




