/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/// CORE
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/  

@font-face {font-family:MuseoSansRounded;src:url('../Fonts/MuseoSansRounded-300.otf');}

html{-webkit-text-size-adjust: none !important}
* {margin: 0;padding: 0;}
body {height: 100%;width: 100%;background-color: #ffffff;padding: 0;margin: 0;overflow-x: hidden;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;-ms-background-size: cover;background-size: cover;color: #000;
overflow-x: hidden;font-family: MuseoSansRounded, sans-serif !important;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}
BODY > * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;font-family: MuseoSansRounded, sans-serif !important;font-size: 15px; overflow: hidden}

IMG {border: none;outline: none;}
A {cursor: pointer;color: inherit;outline: none;}
a:hover {text-decoration: underline;}
a.back {top: 6px;padding: 0 0 0 20px;max-width: 120px;background-repeat: no-repeat;float: left;overflow: hidden;margin: 0;border-width: 0 5px;width: auto;height: 26px;line-height: 26px;font-family: inherit;font-size: 20px;
        color: #005990 !important;text-overflow: ellipsis;text-decoration: none;white-space: nowrap;background-image: url(../Images/new_arrow.png);background-position: left center;left: 6px;}
form {height: 100%;width: 100%; max-width: 1140px;background: #ffffff;margin: 0 auto;}
H1, H2 {line-height: 20px;font-weight: bold;color: #000 !important;text-align: center;}
A.inline {color: #006ec2;margin-right: 4px;text-decoration: none;}
.wait{font-size: 20px; font-style:italic; display: none; text-align: center; font-weight: bold; margin-top: 20px;}

UL LI INPUT[type="TEXT"], INPUT[type="NUMBER"], UL LI INPUT[type="PASSWORD"], UL LI TEXTAREA {color: #6D84A2;border: 0;font: normal 17px Helvetica;padding: 0;display: inline-block;margin-left: 0;width: 100%;-webkit-appearance: textarea;}
UL LI INPUT[type="CHECKBOX"], UL LI INPUT[type="RADIO"] {margin: 0;font-size: 17px;color: rgb(50,79,133);padding: 10px 10px;}
UL LI INPUT[type="CHECKBOX"]:active, UL LI INPUT[type="CHECKBOX"]:focus {background-color: lightgray;}
UL LI INPUT[type="CHECKBOX"]:after, UL LI INPUT[type="RADIO"]:AFTER {content: attr(title);display: block;width: 246px;margin: -12px 0 0 17px;}
UL LI TEXTAREA {height: 120px;padding: 0;text-indent: -2px;width: 100%;}
ul {width: auto;color: black;background: #fff;border: 1px solid #ddd;font-size: 15px;padding: 0;margin: 0 auto;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
ul li {overflow: hidden;list-style-type: none;vertical-align: middle;}
ul li a, li.img a + a {text-decoration: none;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
ul li.arrow a.active, ul li.link a.active, ul li div a.active {color: #fff;}
ul li a.button {background-color: #194fdb;color: #fff;}
ul li img {display: inline;vertical-align: middle;}
ul li.img a + a {margin: -10px 10px -20px -5px;font-size: 15px;font-weight: bold;}
ul li.img a + a + a {font-size: 15px;font-weight: normal;margin-left: -10px;margin-bottom: -10px;margin-top: 0;}
ul li.img a + small + a {margin-left: -5px;}
ul li.img a + small + a + a {margin-left: -10px;margin-top: -20px;margin-bottom: -10px;font-size: 15px;font-weight: normal;}
ul li.img a + small + a + a + a {margin-left: 0 !important;margin-bottom: 0;}
ul li a + a {color: #000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;margin: 0;padding: 0;}
ul li a + a + a, ul li.img a + a + a + a, ul li.img a + small + a + a + a {color: #999;margin: 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;padding: 0;}
ul li.address DIV {background: url(../Images/chevron.png) no-repeat right center;text-align: left;padding-right: 25px;}
ul li.address {padding-right: 25px;}
ul li.address DIV, ul li.address SPAN {width: 100%;padding-right: 30px;padding-bottom: 8px;}
ul li.arrow A, ul li.address DIV A {width: 100%;display: block;vertical-align: middle;}
ul li.address DIV A {white-space: normal;}
ul li.address:last-child DIV A {-webkit-border-bottom-left-radius: 0;-webkit-border-bottom-right-radius: 0;}
ul li.arrow SPAN {line-height: 12px;}
ul li.arrow BR {height: 1px;line-height: 1px;}
li:first-child {border-top: 0;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
li:last-child {-webkit-border-bottom-left-radius: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
ul li.arrow {background: transparent url(../Images/chevron.png) right center no-repeat;line-height: 22px;}
.hideAll{display: none !important}
.noChevron{ background: none !important}
.rememberMeCheck{margin-right: 10px !important}
.fontBold{font-weight: bold !important}

/*////////////////////////////////////////
/// SAFARI HACKS
////////////////////////////////////////*/

#main_ckbRemMe, #main_chkDoNotAsk{padding:0 !important}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/// WRAPPERS
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#divWrapper {-moz-min-width: 320px;-ms-min-width: 320px;-o-min-width: 320px;-webkit-min-width: 320px;min-width: 320px;width: 80%;margin: 20px auto;}
#divWrapperNarrow {-moz-min-width: 500px;-ms-min-width: 500px;-o-min-width: 500px;-webkit-min-width: 500px;min-width: 500px;width: 50%;margin: 20px auto 30px;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/// NAVIGATION
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.navBar {top: 54px;z-index: 100;width: 100%;padding: 20px 0 6px 0;height: 26px;text-align: center;background-color: #ffffff;border-bottom: 1px solid #DDD;font-family: MuseoSansRounded, Sans-Serif !important;}
.nav {height: 100%;-moz-min-width: 300px;-ms-min-width: 300px;-o-min-width: 300px;-webkit-min-width: 300px;min-width: 300px;min-height: 300px;display: block;}
.navButton {height: 24px;line-height: 24px;cursor: pointer;}
.titleContainer > span{ position: relative; top: 3px; background-color: #fff;}
#pageBranding{background-color: #fff !important}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/// CAPTCHA
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.CaptchaIcons{ padding-left: 10px; font-size: 14px;}
div.validationSummary {-moz-min-width: 320px;-ms-min-width: 320px;-o-min-width: 320px;-webkit-min-width: 320px;min-width: 320px;width: 100% !important;text-align: center; }
.validationSummary ul {width: 100% !important;padding: 8px 0;background: #F9EDBE url(../Images/close.png) no-repeat right top !important; /*#FAFFBD*/cursor: pointer;-webkit-border-radius: 0;
                       -moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;border-left: none;border-right: none;}
.validationSummary ul li {border: none;color: #c10000;line-height: 15px;padding: 4px 20px 4px 10px;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0; width: 94% !important}
.Captcha {margin-bottom: 0;}
.Captcha a.active {background: none;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/// TOGGLE / FILTERS
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.toggle {width: 55px;height: 34px;display: block;position: relative;float: right;overflow: hidden;-webkit-border-radius: 18px;-moz-border-radius: 18px;-ms-border-radius: 18px;-o-border-radius: 18px;border-radius: 18px;margin-left: 15px;}
.toggle input[type="checkbox"]:checked {-webkit-transition: left 0.3s;-moz-transition: left 0.3s;-ms-transition: left 0.3s;-o-transition: left 0.3s;transition: left 0.3s;left: -2px;}
.toggle input[type="checkbox"] {width: 220px;height: 40px;-webkit-appearance: textarea;-moz-appearance: textfield;-ms-appearance: textarea;-o-appearance: textarea;margin: 0;border: 0;background: transparent url(../Images/on_off.png) 0 0 no-repeat;
                                -webkit-transition: left 0.3s;-moz-transition: left 0.3s;-ms-transition: left 0.3s;-o-transition: left 0.3s;transition: left 0.3s;position: absolute;top: -1px;left: -25px;cursor: pointer;}
.listFilter {color: rgb(51, 51, 51);font-size: 15px;line-height: 30px;margin: 0 0 8px 0;}
.listFilter .applyFilters {float: right;color: #0060cc;font-size: 15px;text-decoration: none;cursor: pointer;}
.listFilter .applyFilters:hover {text-decoration: underline;}      
.panelToggle {display: none;}
.panelToggle:checked + div.rightPanel {opacity: 1;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}    
.toggleLab {display: inline-block;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;color: #FFFFFF;z-index: 2;font-size: 15px;vertical-align: middle;font-weight: bold;}
.toggleLab IMG {padding: 5px;margin: 4px;display: inline-block;}
.toggleLab IMG:active {-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;background-color: #B2B2B2;}         
#menuToggle, .toggleLab {display: none;}       
.filterToggle {display: none;}      
                                
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/// PANELS
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.rightPanel {text-align: center;position: fixed;opacity: 0;top: 0;right: 0;height: 100%;min-height: 300px;width: 320px;display: block;z-index: 200;background-color: #b8e2ff;box-shadow: #000000 -4px 2px 10px 0;-moz-box-sizing: border-box;
             box-sizing: border-box;color: rgb(51, 51, 51);display: block;font-size: 15px;font-weight: normal;line-height: 20px;padding: 10px;-webkit-transform: translate3d(100%,0,0);-moz-transform: translate3d(100%,0,0);-ms-transform: translate3d(100%,0,0);
             -o-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0);-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-ms-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;overflow-y: auto;}
.rightPanel .close {position: fixed;top: 1px;right: 3px;text-align: right;cursor: pointer;background-image: url(../Images/closePanel.png);width: 35px;height: 35px;text-indent: 100%; /* ADA : hide label if background uses an image however ADA needs label*/}
.rightPanel .edit {border: none;background-color: transparent;}
.rightPanel .edit li {text-align: left;}
.rightPanel .edit li:last-child {text-align: center;}
.rightPanel .edit INPUT {background-color: #FFF;}
.rightPanel .subTitle {font-weight: bold;font-size: 18px;line-height: 48px;margin: auto;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/// POPUPS
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
                   
#main_popupWin_header {background-color: #8fb8ff !important;font-family: 'Open Sans', sans-serif !important;height: 17px !important;}
#main_popupWin_content {border-color: #DDD !important;background-color: #f2f2f2 !important;}                   
                               
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/// MENU
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.menu:focus {opacity: 1;left: 0;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.menu {white-space: nowrap;background-color: #666;height: 1000%;min-height: 100%;position: fixed;top: 0;left: -500px;opacity: 0;width: 340px;z-index: 999;-webkit-transform: translate3d(-500px,0,0);-moz-transform: translate3d(-500px,0,0);
       -ms-transform: translate3d(-500px,0,0);-o-transform: translate3d(-500px,0,0);transform: translate3d(-500px,0,0);-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;
       transition: all 0.3s linear;padding-top: 0px;}
.menu .username {display: block;line-height: 50px;margin-top: 0;}
.menu .username SPAN {font-size: 18px;color: #51C1F1;padding-left: 25px;}
.menu > div, .menu > div > a {height: 40px;}
.menu > div {display: block;width: 100%;margin: 0;border-left: none;}
.menu > div > a:hover, .menu > div > a:focus {background-color: #888;box-shadow: inset 5px 0 #51C1F1;}
.menu > div > a {color: #FFF;display: block;text-decoration: none !important;font-weight: normal;font-size: 15px;line-height: 40px;width: 100%;padding: 0 0 0 45px;text-decoration: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
                 -o-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-ms-transition: all 0.3s linear;transition: all 0.3s linear;}
.menu > div > span {color: #FFF;display: block;text-decoration: none !important;font-weight: normal;font-size: 15px;line-height: 50px;width: 100%;padding: 0 0 0 45px;text-decoration: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
                 -o-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-ms-transition: all 0.3s linear;transition: all 0.3s linear;}
.menu .myprofile {background: url(../Images/menu/NS_MyProfile.png) no-repeat;background-size: auto 30px;background-position: 5px 5px;}
.menu .home {background: url(../Images/menu/NS_MyAccounts.png) no-repeat;background-size: auto 30px;background-position: 5px center;}
.menu .moving {background: url(../Images/menu/move-icon-white.png) no-repeat; background-size: auto 30px; background-position: 5px center;}
.menu .contact {background: url(../Images/menu/NS_ContactUS.png) no-repeat;background-size: auto 30px;background-position: 5px center;}
.menu .help {background: url(../Images/menu/book-service-online-icon-white.png) no-repeat;background-size: auto 30px;background-position: 5px center;}
.menu .offers {background: url(../Images/menu/great-offers-icon-white.png) no-repeat;background-size: auto 30px;background-position: 5px center;}
.menu .otp {background: url(../Images/menu/NS_MakeaPayment.png) no-repeat;background-size: auto 30px;background-position: 5px center;}
.menu .secure {background: url(../Images/menu/NS_SignOut.png) no-repeat;background-size: auto 30px;background-position: 5px center;}
.menu .SignIn {background: url(../Images/menu/NS_SigninW.png) no-repeat;background-size: auto 30px;background-position: 5px center;}
.menu .bills {background: url(../Images/menu/NS_BillHistory.png) no-repeat;background-size: auto 30px;background-position: 5px center;}
.menu .recurring {background: url(../Images/menu/NS_MyRecurring.png) no-repeat;background-size: auto 30px;background-position: 5px center;}
.menu .wallet {background: url(../Images/menu/NS_MyWallet.png) no-repeat;background-size: auto 30px;background-position: 5px center;}
.menu div a span.messageCenter {background-image: url(../Images/menu/NS_Message.png);width: 35px;height: 35px;float: left;margin: 9px 7px 0 0;text-align: center;color: #cc0000;font-weight: 700;line-height: 30px;}
.menu div a.menuMessage {padding: 0 0 0 5px;}
.menu div a.menuMessage div.menuMsgBackground {background-color: #FFF;z-index: 100;position: relative;}
.menu .payments {background: url(../Images/menu/NS_PaymentHistory.png) no-repeat;background-size: auto 35px;background-position: 5px center;}
.menu .settings {background: url(../Images/menu/Settings.png) no-repeat;}
#menuToggle:checked + form .menu {opacity: 1;left: 0;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
#menuToggle:checked + form div div div div div .toggleLab {color: #666;}
#divMainMenu > div{border-bottom: 1px solid #858585}
#vwMain .menu > div > a{line-height: 20px !important}
.closeMenu{display: none}
.SignIn, .home{ width:100% !important}

@media only screen and (max-width:1100px)
{
    
    .closeMenu{width: 45px; height: 45px; display: block; float: right; background: url(../Images/menu/close-menu.jpg) no-repeat; background-size: auto 40px; background-position: 5px center; padding: 0; margin: -3px 10px 0 0;}
    .closeMenu a {width: 100%;height: 100%;position: relative;float: left;}
    .SignIn, .home    
    {
        float: left;
        width: 80% !important;
        display: block !important;
    }

   
}

@media only screen and (min-device-width:800px) and (max-device-height:1280px) and (min-resolution: 192dpi) and (-webkit-device-pixel-ratio:2) and (orientation: portrait)
{
    .menu {
        width: 340px !important;
        display: block !important;
    }
    
}

@media only screen and (max-width:740px) {
    .menu {
        width: 100% !important;
        display: block !important;
    }
    
}


@media only screen and (max-device-width: 640px) and (orientation: landscape)
{
.menu > div{height: 40px !important}
  .menu > div > a{background-size: auto 25px !important;line-height: 40px !important;height: 40px !important;} 
  .closeMenu{width: 45px !important;height: 40px !important;margin: 0 10px 0 0 !important;}
 
}

/*//////////////////////////////////
/// Buttons
//////////////////////////////////*/

.NSButton, .NSButtonMini,INPUT[type="SUBMIT"] {font-family: 'Open Sans', sans-serif !important;display: inline-block !important;padding: 5px 20px !important;margin: 5px 0 0 0 !important;text-align: center !important;
                                               font-weight: normal;text-decoration: inherit !important;max-width: 240px !important;min-width: auto; color: #FFF;cursor: pointer !important;line-height: 29px !important;vertical-align: central !important;
                                               -webkit-border-radius: 2px !important;-moz-border-radius: 2px !important;-ms-border-radius: 2px !important;-o-border-radius: 2px !important;border: 0 solid #FFF;
                                               -webkit-appearance: none; /* block rouned corner of Button on Mobile Safari */-webkit-border-radius: 0;border-radius: 0px !important;}
.CustomButtonEFT {font-family: 'Open Sans', sans-serif !important;display: inline-block !important;padding: 5px 20px !important;margin: 5px 0 0 0 !important;text-align: center !important;
                                               font-weight: normal;text-decoration: inherit !important;max-width: 240px !important;min-width: 60px; color: #FFF;cursor: pointer !important;line-height: 29px !important;vertical-align: central !important;
                                               -webkit-border-radius: 2px !important;-moz-border-radius: 2px !important;-ms-border-radius: 2px !important;-o-border-radius: 2px !important;border: 0 solid #FFF;
                                               -webkit-appearance: none; /* block rouned corner of Button on Mobile Safari */-webkit-border-radius: 0;border-radius: 0px !important;}
.NSButtonMini {vertical-align: middle !important;max-width: 66px !important;font-size: 15px !important;line-height: 29px !important;padding: 2px 11px !important;margin-top: 0 !important;margin: 0 !important;}
.NSButtonGreen {background-color: #ef4123;}
.NSButtonBlue {background-color: #00599a;}
.NSButtonBlueOutlined {background-color: #fff;border:3px solid #00599a;color: #00599a;height: 23px;line-height: 22px !important;font-weight: bold;}
.NSButtonBlueOutlined:hover{background-color: #00599a;border:3px solid #00599a;color: #fff;height: 23px;line-height: 22px !important;}
.NSButtonLightBlue {background-color: #54C1D6;}
.NSButtonRed {background-color: #ef4123;}
.NSButtonWhite {border: 1px solid #333;background-color: #FFF;color: #333;padding: 9px 0;}
.NSButtonLightBlue:hover, .NSButtonLightBlue:focus, .NSButtonLightBlue:active {background-color: #2da1b9;}
.NSButtonRed:hover, .NSButtonRed:focus, .NSButtonRed:active {background-color: #dc2a0b;}
.NSButtonWhite:hover, .NSButtonWhite:focus, .NSButtonWhite:active {background-color: #eee;}
.NSButtonBlue:hover, .NSButtonBlue:focus, .NSButtonBlue:active {background-color: #00487c;}
.NSButtonGreen:hover, .NSButtonGreen:focus, .NSButtonGreen:active {background-color: #dc2a0b;}
.blueButton, .greenButton, .redButton, .signInButton {font-family: MuseoSansRounded, sans-serif !important;display: inline-block;border-width: 0 12px;padding: 10px 0;text-align: center;font-weight: normal;
                                                      text-decoration: inherit;width: 280px;color: #FFF !important;cursor: pointer;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;-moz-box-sizing: border-box;box-sizing: border-box;height: 50px;line-height: 50px;-moz-transition-duration: 0.2s;transition-duration: 0.2s;}
.blueButton {background-color: rgb(0, 96, 204);}
.redButton {background-color: #ce4444;border-top: 1px solid #89c5ff;border-bottom: 1px solid #024f98;}
.greenButton {background-color: #008c00;border-top: 1px solid #89c5ff;border-bottom: 1px solid #024f98;}
.signInButton {background-color: rgb(0, 96, 204);color: white !important;text-decoration: initial !important;width: 150px;height: 40px;line-height: 20px;}
.buttonLeft, .buttonRight {width: 40%;max-width: 280px;}
.blueButton:hover, .blueButton:focus {background: #008AB8;border: solid 1px #007CA6;}
.blueButton:active {-webkit-box-shadow: inset 0 1px 4px #000000;-moz-box-shadow: inset 0 1px 4px #000000;box-shadow: inset 0 1px 4px #000000;background: #007095;border: solid 1px #006586;}
.greenButton:hover, .greenButton:focus {background: #007E00;border: solid 1px #007100;}
.greenButton:active {-webkit-box-shadow: inset 0 1px 4px #000000;-moz-box-shadow: inset 0 1px 4px #000000;box-shadow: inset 0 1px 4px #000000;background: #006600;border: solid 1px #005C00;}
.redButton:hover, .redButton:focus {background: #B93D3D;border: solid 1px #A53636;}
.redButton:active {-webkit-box-shadow: inset 0 1px 4px #000000;-moz-box-shadow: inset 0 1px 4px #000000;box-shadow: inset 0 1px 4px #000000;background: #903030;border: solid 1px #7C2929;}
INPUT[type="BUTTON"].addNewImage {background: url(../Images/blueAdd.png) no-repeat center;width: 50px;padding: 0;margin-left: 10px;border: none;height: 35px;text-indent: 100%;}
.divButton {margin-top: 24px;margin-bottom: 24px;text-align: center;}

/*//////////////////////////////////
/// BRANDING
//////////////////////////////////*/

.pageBranding {border-bottom: none;display: inline-block;width: 100%;height: 70px !important;background-color: white;vertical-align: middle;padding: 0;top: 0;z-index: 100; /* causes problem for message flag */box-sizing: border-box;padding-top: 20px;}
.pageBranding IMG {vertical-align: middle;display: inline-block;}
.divMainLogo {display:inline;float:left;height:50px;}
.divMainLogo img {height: 100%;}
.divMyRelianceLogo {display:inline;float:right;height:50px;}
.icon {color: #fff;-ms-text-shadow: #000000 0 -1px 1px;text-shadow: #000000 0 -1px 1px;padding: 4px 0;font-size: 24px;font-weight: bold;}
.whiteToolBar {color: #000;-ms-text-shadow: none;text-shadow: none;margin-top: 3px;}
.welcome {height: 25px;text-align: center;padding: 10px 0;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#999), color-stop(2, #999));}
#imgLogo {vertical-align: middle;display: block;height: 50px;}

/*//////////////////////////////////
/// FOOTER
//////////////////////////////////*/

.pageFooter {position: fixed;bottom: 0;font-size: 12px;background-color: #f2f2f2;padding: 8px 0;width: 100%;min-height: 30px;}
#pageFooter div#defaultFooter {margin-bottom: 0;text-align: center;line-height: 28px;}
#pageFooter div#defaultFooter .small {font-size: 93%;}

/*//////////////////////////////////
/// FLOAT
//////////////////////////////////*/

.floatLeftMobile{float: left}
.floatRightMobile{float: right}


/*//////////////////////////////////
/// TITLES
//////////////////////////////////*/

DIV.subTitle {line-height: 18px;color: #333333;margin: 24px auto 8px;width: 100%;}
DIV.subTitle SPAN {padding-left: 0;font-weight: bold;}
/*.titleLeft {-moz-min-width: 35px;-ms-min-width: 35px;-o-min-width: 35px;-webkit-min-width: 35px;min-width: 48px;width:48px;cursor: pointer;float:left;border-radius:5px;border: 1px solid grey;}*/
.titleLeft {display:none;}
.titleLeftMobile {display:none;background-color:white;}
/*.titleLogo {height: 100%;width: auto;margin: 0;vertical-align: middle;display:inline-block; float:left;}*/
.titleLogo {display:none;}
.titleLogo img {height:100%;}
.titleLogoTwo {height: 100%;width: 50%;margin: 0;vertical-align: middle;display:inline-block;width:50%;}
.titleLogoTwo img {height:70px;}
.titleSignIn {text-align: right;width: 150px;}
div#divProfileSummaryLabels2 {padding-top: 0 !important;}
.editAccountLab{width: 40% !important; float: left; line-height: 20px }

/*//////////////////////////////////
/// MAIN STYLE
//////////////////////////////////*/

#divSignIn {float: right;padding: 2px 10px 4px 27px;font-size: 18px;color: #FFF;background: url(../Images/menu/NS_SigninW.png) no-repeat left top;-ms-background-size: auto 24px;background-size: auto 24px;}
#divSignInBtn {margin-top: 3px;margin-right: 5.6%;margin-bottom: 3px;}
#divLanguagesSmallScreen {display: inline-block;}
.catalog {width: 38.2% !important;margin-left: auto !important;margin-right: auto !important;}
DIV.catalog {width: 36.2% !important;}
.description, .description2 {width: 100%;margin: 4px 0 5px;font-size: 15px;color: #333333;text-align: justify;}
.listbox {border: 1px solid #ddd;background-color: #fff;padding: 10px 10px 25px;margin-top: 5px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
.ExportToExcel {position: relative;top: -36px;display: inline-block;float: right;width: 32px;}
div.bd {display: block;float: right;width: 50%;background: transparent;border: 0;min-height: 0;color: #000;-ms-text-shadow: #FFF 1px -1px 2px;text-shadow: #FFF 1px -1px 2px;text-align: center;}
div.uim {display: block;float: left;width: 50%;}
div.uim .uiCommand a {font-size: 85%;font-weight: bold;color: #481060;}

.floatLeft {display: inline;float: left !important;}
.floatRight {display: inline;float: right !important;}
.floatNone {display: inline;float: none !important;}
.clear {clear: both;width: 0;height: 0;}
.nowrap {white-space: nowrap;}
.margin5 {margin: 0 5px;}
.marginTop10 {margin-top: 10px;}
.marginBottom20{margin-bottom: 20px !important;}

div.dateFilter {font-size: 17px;line-height: 33px;display: inline;float: right !important;}
.edit li {padding: 8px;text-align: right;line-height: 35px;}
.edit li.alignLeft {text-align: left;}
.edit li.alignRight {text-align: right;}
.edit li.subTitle {text-align: left;height: 10px;line-height: 10px;font-size: 18px;font-weight: bold;color: #FFF !important;-ms-text-shadow: #000 0 1px 1px;text-shadow: #000 0 1px 1px;background: #CCC;}
.edit li.link A {font-size: 17px;text-align: center;text-decoration: inherit;-ms-text-shadow: #383838 0 2px 0;text-shadow: #383838 0 2px 0;color: #FFF;padding: 8px 0;background-color: #0099CC;}
.edit li.link DIV {padding-bottom: 0;}
.edit INPUT[type="text"], .edit INPUT[type="password"], .edit INPUT[type="number"] {height: 35px !important;width: 300px;float: right;font-size: 18px;color: #333;text-align: left;padding: 0 5px;border: 1px solid #CCC;
                                                                                    -webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;}
.edit INPUT[type="number"] {-webkit-appearance: textfield;-moz-appearance: textfield;-ms-appearance: textfield;-o-appearance: textfield;}
.edit TEXTAREA {color: #333;padding: 5px;border: 1px solid #CCC;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;}
SELECT {cursor: pointer;color: #6D84A2;text-indent: 0;font-size: 15px;width: 309px;float: right;height: 35px;line-height: 35px;background: #FFFFFF;padding-left: 3px;margin-right: 3px;max-width: 100%;-webkit-border-radius: 2px;
        -moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;border: 1px solid #CCC;}
.edit INPUT[type="text"]:hover, .edit INPUT[type="password"]:hover, .edit INPUT[type="number"]:hover, .edit TEXTAREA:hover, SELECT:hover {border: 1px solid #666;}
.edit INPUT[type="RADIO"] {margin: 0 5px 0 0;}
.edit .date {width: 170px !important;cursor: pointer;text-align: center;background: url("../Images/calendar.png") no-repeat 96% center;}
.edit INPUT.date {height: 28px !important;}
.edit .lab {line-height: 30px;color: inherit;font-size: 15px;float: left;text-align: left;}
.edit .likeLab {border-style: none !important;color: inherit;text-align: right;float: right;font-size: 15px;line-height: 35px;font-weight: normal;}
.edit .active SPAN {color: #FFF;}
.edit LABEL {font-size: 18px;color: inherit;}
.edit A {padding: 8px;margin: -8px -8px -8px -8px;}

.action {margin-bottom: 8px;padding: 0 10px;}
.map {height: 240px;width: 298px;margin: auto;border: 1px solid #DDD;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;}
.map DIV DIV {-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;}
.blueLink, SPAN.blueLink {text-decoration: underline;color: #333333 !important;}
.highLightedText {line-height: 17px;color: #8D1212 !important;}
#help > * {display: none;}
#home {display: block;}
#home A {white-space: normal;}
.RadioDisabled LABEL {color: #707070; /* ADA contrast : do not use lighter than this*/}
.List DIV {border-right: 1px solid #4D5760;padding: 0 1em;display: inline;}
.List DIV A {color: #333333;text-decoration: none;}
.List .Label {width: 70px;text-align: left;margin-left: 10px;border-right: none;padding: 0;}
.List .Current, .List .Current A {color: #000 !important;font-weight: bold !important;cursor: default;}
.Progressing {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: url(../Images/diag_stripe_grey1.gif) repeat;}
.NoDisplay {display: none !important;}
.Child {border: 0;margin-left: 20px;}
ul li.NoArrow {text-align: left;padding-right: 25px;}
#map_canvas {width: 100%;height: 300px;}
.MapMarker {color: black;background-color: #F75950;font-size: 11px;font-weight: bold;text-align: center;width: 12px;}

/*  This is used to fix the Google maps popup window. The scroll bar appears in the marker popup window when browser is in zoom mode. */
.gm-style-iw {overflow: hidden !important;width: 75px !important;}
.scrollFix {line-height: 1.35;overflow: hidden;white-space: nowrap;color: #333;}
div#info {overflow: hidden;}

/* Style for List View of e-Cash Location*/
.eCashListViewHeader {text-align: center !important;color: #ffffff !important;background: -webkit-gradient(linear, left top, left bottom, from(rgb(105, 105, 105)), to(rgb(81, 81, 81)), color-stop(0.42, rgb(158, 158, 158)));padding-left: 3px;font-size: 15px;padding: 5px 0;}
.eCashListViewButton {display: inline-block;padding: 10px 0;}
.eCashListViewButtonSmall {padding: 2px 3px;margin: 0;font: bold 1em helvetica, sans-serif;vertical-align: top;letter-spacing: -0.05em;color: #000000;width: 60%;margin: auto;font-size: 12px;}
.eCashListViewAddress {font-size: 15px;color: #666;width: 70%;}
.ECashConfirmCheckBox input {height: 20px;width: 20px;}
.eCashButtonSearch {display: inline-block;width: 40%;padding: 3px;font-size: 15px;}
.rowHover {cursor: pointer;}
.eCashListViewItemRow {color: #284775;padding: 20px 0;}
.eCashListViewAltRow {background-color: #EEE;color: #284775;margin: 20px 0;}
.eCashButtonL {float: left;width: 49%;}
.eCashButtonR {float: right;width: 49%;}
.eCashButtonReceiptL {display: inline-block;float: left;padding: 0;height: 40px;font-size: 15px;width: 47%;}
.eCashButtonReceiptR {display: inline-block;float: right;padding: 0;height: 40px;font-size: 15px;width: 47%;}
.eCashButtonReceipt {display: inline-block;padding: 0;height: 40px;font-size: 15px;width: 100%;}

.collapse {display: none;}
.expanded {display: block;}
.upDownArrow {display: none;}
.homeAccountNo:after {content: attr(original-acc);}
.listViewAltRow {background-color: #EBF4FA;}
.edit SPAN.listViewHeaderTitle {color: #FFF;font-size: 18px;}
.edit li.listViewRow SPAN {font-size: 18px;color: #000;}
.edit li.listViewAltRow SPAN {font-size: 18px;color: #000;}
.edit li.listViewEmptyRow {text-align: center;}
ul li.arrow a:hover, .listViewRow:hover, .listViewAltRow:hover, ul li.arrow a:active, .listViewRow:active, .listViewAltRow:active {background-color: #DDD !important;cursor: pointer;}
ul li a {white-space: normal;}
.roundedCorner {border: 1px solid #C0C0C0 !important;overflow: hidden;width: 100%;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;}
.adjustGridEmpty {border: none;text-align: left;padding-left: 10px;font-size: 18px;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
.adjustDescription {padding: 10px;}
.disableSelector {border: none;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;background: #f2f2f2;appearance: none;}
.disableSelector::-ms-expand {display: none;}
.edit SPAN.confirmMessage {color: #A54B00;}
.edit li.confirmMessage {color: #A54B00;border: none;line-height: 20px;}
ul.ulConfirmMessage {border: none;list-style-position: inside;list-style-type: disc;}
.ScanImg {float: left;vertical-align: text-bottom;margin: 4px;}
.loginInput {padding-left: 10px;}
.smallLink {font-size:small;padding: 0px;margin: 0px;line-height:12px;}
.smallTextForVal {margin-bottom:0px;}
.rememberMe {float:left;padding-left:0px;}
#lblBannerText {font-size: 15px;}
.bannerText {color: #8F131F;width: 190px;}
#ui-datepicker-div {display: none;}
.paddingShort {padding: 7px 0 0 0}
.paddingLong {padding: 20px 0 0 0}
.sortColumnUP :after {content: url(../Images/UpArrow.gif);width: 20px;height: 20px;margin-left: 0;}
.sortColumnDOWN :after {content: url(../Images/DownArrow.gif);width: 20px;height: 20px;margin-left: 4px;}
.dataPager {display: inline-block;vertical-align: middle;text-align: center;background-color: #EEEEEE;overflow: hidden;line-height: 36px;height: 36px;width: 100%;padding: 0 0 10px 0;}
A.dataPagerNumericStyle,.dataPagerCurrentStyle {padding: 0;margin: 13px 5px;height: 20px;width: 20px;display: inline-block !important;font-size: 15px;font-weight: bold;text-decoration: none;line-height: 20px;}
.dataPagerCurrentStyle{text-decoration: underline !important }
.dataPagerBackPrevStyle {margin: 0 !important;margin-right: 3px !important;padding: 10px !important;text-decoration: none;font-size: 26px;width: 32px;height: 30px;}
#divMainContent {height: 100%;display: block;}
ul.Password li,ul.Password li.Valid {margin: 0;list-style-position: outside;padding: 2px 0 0 35px !important;list-style: none;background: url('../Images/Invalid.png');line-height: 23px;background-position: 10px 10px;background-repeat: no-repeat;}
ul.Password li.Valid {background: url('../Images/Valid.png');background-repeat: no-repeat;background-position: 10px 6px;}
ul.Password {border: none;font-size: 15px;margin: 0;-moz-min-width: 150px;-ms-min-width: 150px;-o-min-width: 150px;-webkit-min-width: 150px;min-width: 150px;}
.separator {border-bottom: 1px solid #cccccc;height: 3px;}
.faq {width: 15px;height: 15px;border: white 1px solid;border-radius: 10px;}
.contactInformation {margin-bottom: 30px;display: block !important;border-top: dashed 1px #999;margin: 30px 0;color: white !important;background-color: #000000;border-radius: 10px;padding: 10px;}
.bannerSM {display: none;}
.subList {line-height: 17px !important;text-align: left !important;border: none;list-style-type: circle !important;}
.subList ul {list-style-type: disc !important;}
.GroupWarningBlock {max-width: 371px;line-height: 20px !important;}
.MessageStyle {border: 1px #D2D2D2 solid;border-radius: 10px;background-color: blanchedalmond;}
.divActions {width: 100%;text-align: center;}
.NSTableWidth {max-width: 1024px;-moz-min-width: 320px;-ms-min-width: 320px;-o-min-width: 320px;-webkit-min-width: 320px;min-width: 320px;}
.NSColumnWidth {max-width: 768px;}
#main_ddlCCMonth{width: 60px !important; min-width: 40px !important;}
#main_ddlCCYear{width: 90px !important; min-width: 90px !important;}
#main_ddlPDMonth {
    width: 60px !important;
    min-width: 40px !important;
}

#main_ddlPDYear {
    width: 90px !important;
    min-width: 90px !important;
}
.supportedCC{margin-top: 15px; }
.lineHeight40{line-height: 40px !important}

/*//////////////////////////////////
/// ERRORS / WARNING
//////////////////////////////////*/

.msgError {background-color: #efdddd;}
.msgError span {color: #b36562 !important;}
.msgInformation {background-color: #dbedf7;}
.msgInformation span {color: #467897 !important;}
.msgSuccess {background-color: #e0f0d6 !important;}
.msgSuccess span {color: #3d7134 !important;}
.msgWarning {background-color: #faf6e0;}
.msgWarning span {color: #947c4c !important;}

/*//////////////////////////////////
/// COMMON STYLES
//////////////////////////////////*/

.listbox {border: none;padding: 10px 0 25px;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;}
.NSContentItem,.NSContentItemAlt,.NSContentItemEmpty {height: 32px !important;padding: 10px !important;font-size: 15px !important;color: #333333 !important;text-align: center !important;line-height: 32px !important;overflow-x: hidden;
                                                      text-overflow: ellipsis;max-width: 1024px;font-weight: normal !important;border-top: 1px solid #ddd;vertical-align: middle;}
.NSContentItem a,.NSContentItemAlt a,.NSContentItemEmpty a {text-decoration: none;}
.NSContentItemAlt {background-color: #e8eefb;}
.NSClickable {background: url(../Images/chevron.png) no-repeat right center;cursor: pointer;}
.NSClickable:hover {background-image: url(../Images/chevron.png);background-position: right center;background-repeat: no-repeat;background-color: #d6edfb;-webkit-transition: 0.1s linear;-ms-transition: 0.1s linear;transition: 0.1s linear;}

/* //////////////////////////////////
/// HEADER
//////////////////////////////////*/

.NSHeaderItem {font-size: 15px !important;color: #333 !important;text-align: center !important;font-weight: 600 !important;min-height: 32px;padding-top: 10px;background-color: #DDD !important;border-top-left-radius: 6px;border-top-right-radius: 6px;}
.GreyHeader{background-color: #dddddd}

/*//////////////////////////////////
/// FOOTERS
//////////////////////////////////*/

/*.FooterItem {text-align: center; padding: 10px 0}*/
.FooterItem {left: 0;right: 0;bottom: 0;height: 30px;padding-top: 5px;border-top: 1px solid #ddd;color: #333;font-size: 13px;position: fixed;background-color: #FFF!important;margin-top: 20px; width:100%; }
.FooterContainer{width:70% !important; max-width: 1140px !important;text-align: left; float: none; display: block; position: relative; margin: auto}
.FooterItem a{color:#666;}
.NSFooterItem {text-align: center;border-bottom-left-radius: 0;border-bottom-right-radius: 0;background-color: #DDD;}
.NSFloatRight {float: right !important;}
.NSAlignLeft {text-align: justify !important;}
.NSAlignCenter {text-align: center !important;}
.NSAlignRight {text-align: right !important;}
.NSHeightLow {height: 10px !important;min-height: 10px !important;line-height: 10px !important;}
.NSHeightHi {height: 60px !important;line-height: 60px !important;}
.NSHeightAuto {height: auto !important;}
.NSNoBorder {border: none !important;}
.NSNoRadius {border-radius: 0 !important;}
.NSPaddingRemoveVert {padding-top: 0 !important;padding-bottom: 0 !important;}
.NSPaddingRemove {padding: 0 !important;}
.NSPaddingMed {padding: 17px !important;}

/*//////////////////////////////////
/// HOVER EFFECT SIGN IN PAGE | 4 IMAGES
//////////////////////////////////*/
 .row:before {display: table;content: " ";}
 .rolloverContainer{width: 100%; display: table; position: relative; max-width:1200px; padding-top: 15px;}
.col-sm-3{width: 25%; float: left; }
.hovereffect {width: 100%;height: 100%;overflow: hidden;position: relative;text-align: center;cursor: default; padding:5px 0 0 0 !important;   cursor: pointer;}
.hovereffect .overlay {width: 90%;position: absolute;overflow: hidden;left: 0;top: auto;bottom:0px;padding:0 1em;height: 2.5em;background-color:rgba(0,0,0,0.5);color: #fff; cursor: pointer; /*-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;
                       -webkit-transform: translate3d(0,60%,0);transform: translate3d(0,60%,0);*/ }
.hovereffect img {display: block;position: relative;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s; width:100%}
/*.hovereffect:hover img {-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}*/
.hovereffect h2 {color: #fff;text-align: center; font-weight: bold; position: relative;font-size: 1em;padding: 0;margin: 0px;display: inline-block;}
.hovereffect h2 {-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.hovereffect:hover .overlay,.hovereffect:hover h2 {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.hovereffect:hover h2 {-webkit-transition-delay: 0.05s;transition-delay: 0.05s;}
.overlay h2 {color: #fff !important}

/*//////////////////////////////////
/// 4 main images 
//////////////////////////////////*/

.NSImageDiv {width: 100%;min-height: 200px;display: inline-block;background-position: 50% 50%;background-size: cover;margin-bottom: 20px;}
.NSImageSupport {background-image: url("../Images/NSImageSupport.jpg");background-position: 50% 20%;}
.NSImageSignIn {background-image: url("../Images/NSSignIn.jpg");}
.NSImageOTP {background-image: url("../Images/NSOtp.jpg");}
.NSImageMobile {background-image: url("../Images/NSMobile.jpg");}
.NSImageHelp {background-image: url("../Images/NSHelp.png");background-position: 50% 50%;background-size: contain;background-repeat: no-repeat;}
.NSImageSignUp {background-image: -webkit-linear-gradient(263deg, transparent 70%, white 78%), url(../Images/NSSignUp.jpg);background-position: 50% 20%;background-size: contain;background-repeat: no-repeat;background-color: white;}
.NSErrorMessage {color: #c10000 !important;float: left;padding-left: 2px;}
.NSNotify {color: #333333 !important;}
.fieldsetAda {border: none;}
.fieldsetAda legend {display: none;}
.PaddingLeftZero{padding-left: 0 !important}
.asBlock {display: inline-block;vertical-align: middle;}
#btnHamburger {border: 0 !important}
#btnHamburger img {padding: 6px 0 0 0 !important; width: 68% !important}
.titleLeftMobile {border: 0 !important; float: right;}
.titleLeftMobile img {padding: 6px 0 0 0 !important; width: 80% !important}

/*//////////////////////////////////
/// DROPDOWN MENU
//////////////////////////////////*/

/*Garrett Edit  - remove left and right margins/padding, set width to 100%*/
/*.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto; display: table;width: 80%;}*/
.container {display: table; width: 100%;}
.title {font-size: 15px;font-weight: bold;margin: 0 0 10px 0; margin-left: -67px}
.titleContainer{margin-top: 5px; padding-bottom:5px; border-top: 1px solid #ddd; text-align: center; padding-top: 15px; height: 1px !important}

/*.navbar-right ul {list-style-type: none;margin: 0;padding: 0;overflow: hidden;}
.navbar-right ul li {float: left;}*/
/*ul {list-style-type: none;margin: 0;padding: 0;overflow: hidden;}
li {float: left;}*/
/*li a, .dropbtn {display: inline-block;color: #00487c;text-align: center;padding: 0 14px 0 16px;text-decoration: none; font-weight: bold}
li a:hover, .dropdown:hover .dropbtn {background-color: white;}
li.dropdown {display: inline-block;}*/
.navbar-right {list-style-type:none; margin: 0; padding: 0; overflow: hidden;}
.li-menuItem { float:left}
.li-menuItem a, .dropbtn {display: inline-block; color: #00487c; text-align:center; padding: 0 14px 0 16px; text-decoration:none; font-weight: bold;}
.li-menuItem a:hover, dropdown:hover .dropbtn {background-color:white;}
.li-menuItem .dropdown {display:inline-block;}
.dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1000}
.dropdown-content a {color: #00487c;padding: 12px 16px;text-decoration: none;display: block;text-align: left;}
.dropdown-content a:hover {background-color: #DCE6F2}
.dropdown:hover .dropdown-content {display: block;}
.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px dashed;border-top: 4px solid\9;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.navbar-collapse ul li{font-size: 15px !important}
.navbar-collapse ul{border: none !important}
.clearPadding{padding: 0 !important}
.padding10{padding: 10px !important}
.padding20{padding: 20px !important}
.margin20{margin: 20px 0 !important}
.padding30{padding: 30px !important}
.paddingLeftRight5{padding:0 5px !important}
.paddingLeft10{padding-left: 10px !important}
.paddingTop10{padding-top:10px !important}
.paddingTop20{padding-top:20px !important}
.paddingBottom0{padding-bottom: 0 !important}
.paddingBottom5{padding-bottom:5px !important; vertical-align: middle !important}
.paddingBottom10{padding-bottom:10px !important; vertical-align: middle !important}
.paddingBottom20{padding-bottom:20px !important; vertical-align: middle !important}
.paddingBottom24{padding-bottom:24px !important; vertical-align: middle !important}
.marginTop10{margin-top:10px !important; float: left}
.marginTop20{margin-top:20px !important; float: left}
.floatRight{float: right}
.floatRightMobile{float: right}
.paddingInput{padding: 10px 15px 10px 15px !important; line-height:34px }
.myRelianceLogo img{width:160px; display: none;}
.myRelianceLogo {display: none;}
.navTop{font-family: inherit;font-size: 12px;line-height: 1.5; font-weight: 400; }   
.navTop a:hover {color: #23527c; text-decoration: underline;}
.lblCustName {border-right: 1px solid black; padding-right: 15px;}
.lblLastLogin {border-right: 1px solid black;border-left: 1px solid black;  padding-right: 15px; padding-left: 15px;}
.lblLogOut {padding-left: 15px; color:#00487c; font-weight:bold;text-decoration: underline !important}
.lblMyProfile {padding-left: 15px; color:#00487c; font-weight:bold; padding-right: 15px;}  
.navTop a{text-decoration: none !important}

/*//////////////////////////////////
/// PAY EDIT PAGE
//////////////////////////////////*/

.PayTextTransit{width:132px !important}
.PayTextInst{width: 140px !important}
.cBoxRemember{float:left;line-height: 30px; padding-right: 10px}
.legendStatus{padding-bottom: 15px !important; line-height:20px; float: left;}


/*//////////////////////////////////
/// DASHBOARD TOP SECTION
//////////////////////////////////*/

.dashboardTopContainer{background-color: #DCE6F2; width: 100%; padding:0; height: auto; margin: 0 auto; display: table; float: left; margin-bottom: 10px; border-radius: 5px;}    
.accNumberContent{width: 35%;  float: left; padding: 15px 0 15px 15px; }
.amountContent{width: 45%;  float: left;  padding: 15px 0 15px 10px; }
.viewPayBillContent{width: 15%;  float: right;  padding: 15px 0; }
.amountContentBillIssue{ width: 33%; float: left; padding-bottom:10px}
.amountContentAmountDue{ width: 34%;  float: left; padding-bottom:10px}
.amountContentBillDate{ width: 33%;  float: left;}
.dropdownDashboard span,.accNumberContent span, .amountContentBillIssue span, .amountContentAmountDue span, .amountContentBillDate span, .viewPayBillContent span {display: block}
.accNumberDropbtn {background-color: #DCE6F2;color: black;font-size: 14px;border: none;cursor: pointer; padding: 0}
.dropdownDashboard {position: relative;display: inline-block;}
.accDropContent {display: none;position: absolute;background-color: #DCE6F2;min-width: 100px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.accDropContent a {color: black;padding: 6px 16px;text-decoration: none;display: block;}
.accDropContent a:hover {background-color: #98d8e2}
.dropdown:hover .accDropContent {display: block;}
.dropdown:hover .accNumberDropbtn {background-color: #DCE6F2;}
.paddingAccNumber{padding:6px 0px}
.dashboard{width: 100%; font-size: 15px}
.payAllLink{width: 100%; position:relative;padding-top: 5px; display: block; color:#00487C; padding-bottom: 15px;}
.manageRecurringLink{width:100%; position:relative; color:#00487C; text-decoration:underline;}
.accountAddress{padding-top: 10px; width: 80%; display: block; }
.bottomColumn {width: 32%; display:inline-block; float: left;}
.margin1per{margin: 0 2%}
.preAuthorisedPayment{width: 100%; height: auto !important; margin:20px 0 10px 0 !important}
.subTitleHome{text-align: center; border-top: 1px solid #ddd; padding-top: 15px; font-size:16px !important; margin: 5px auto 8px !important;}
.divLegend span {font-size: 15px;padding-left: 7px !important}
.signInTitle{font-weight: bold !important}
.smallLink{font-size: 12px !important}
 #main_lblExtraMessageTwo{ padding-top: 15px !important}


/*//////////////////////////////////////////////////
/// GLOBAL FONT SIZE
/////////////////////////////////////////////////*/

ul, ul.menuItems > li, ul.ulAccountDashboard div *, ul.catalog > li,  .edit .lab, .AccLeft, .NSHeaderItem div, .NSContentItem,.NSContentItemAlt,.NSContentItemEmpty, .description, .description2,
    .edit .likeLab, .edit .likeLab, .statusRight, .divLegend span, .accountEditLabel, .colDate, .edit INPUT[type="text"], .edit INPUT[type="password"], .edit INPUT[type="number"],
    .columnAcct50, .columnNick50, .columnDate50, .columnGroup50, .listFilter, .edit LABEL, .divAccountNo, .divDueDate, .divTotal, .divAction, .divCatalog, #main_lblCCSave, .edit LABEL, #main_lclACHType, .AccLeftSmall, .PayDDL
      {font-size: 15px !important}
    DIV.subTitle, H1, H2,  .title, .signInTitle, .NSButton, .CustomButtonEFT, .blueButton, .greenButton, .redButton, .signInButton, .NSButtonBlue, .logInButton  {font-size: 18px !important}
    
/*//////////////////////////////////////////////////
/// FONTS SIZE ADJUSTMENTS MOBILE
/////////////////////////////////////////////////*/

@media only screen and (max-width: 480px)
{
    ul, ul.menuItems > li, ul.ulAccountDashboard div *, ul.catalog > li,  .edit .lab, .AccLeft, .NSHeaderItem div, .NSContentItem,.NSContentItemAlt,.NSContentItemEmpty, .description, .description2,
    .smallLink, .edit .likeLab, .edit .likeLab, .statusRight, .divLegend span, .accountEditLabel, .colDate, .edit INPUT[type="text"], .edit INPUT[type="password"], .edit INPUT[type="number"],
    .columnAcct50, .columnNick50, .columnDate50, .columnGroup50, .listFilter, .edit LABEL, .divAccountNo, .divDueDate, .divTotal, .divAction, .divCatalog, #main_lblCCSave, .edit LABEL, #main_lclACHType, .AccLeftSmall, .PayDDL
      {font-size: 12px !important}
    DIV.subTitle, H1, H2,   .title, .signInTitle, .PayButton, .NSButton, .CustomButtonEFT, .blueButton, .greenButton, .redButton, .signInButton, .NSButtonBlue, .logInButton  {font-size: 14px !important}
    
    /* Other Adjustments */
    .edit .likeLab,  .edit .lab, .NSContentItem, .NSContentItemAlt, .NSContentItemEmpty, .edit li{line-height: 30px !important}
    .NSContentItem, .NSContentItemAlt, .NSContentItemEmpty {height: 30px !important}
    .adjustImgMode{width: 7% !important}
    .NSHeightAuto {height: auto !important;}
    ul.Password li{background-position: 10px 8px !important}
}


/*//////////////////////////////////////////////////
/// LINE HEIGHT GLOBAL
/////////////////////////////////////////////////*/

@media only screen and (max-width: 390px)
{
#main_lblLastName, #main_lblEmail{line-height: 18px !important}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/// RESPONSIVE
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 1440px)
{
    form {width: 60% !important;}
}

@media only screen and (max-width: 1100px)
{
    .hideMobile{display: none !important}
    .container {width: 100%}
    .myRelianceLogo img{margin-top: 5px !important; display: inline !important; }
    .fullLogo .myRelianceLogo img{margin-top: 5px !important }
    .titleLeft {display:inline-block; float:right; }
    .accNumberContent{width: 40%;}
    .amountContent{width: 55%;}
    .viewPayBillContent{width: 100%; text-align: center !important; padding: 18px 0 15px 0 !important; background-color: #fff !important}
    .viewPayBillContent a {float: none !important}   
    .fullLogo {display:none;}
    .myRelianceLogo {display: inline-block;}
     .titleLeft {-moz-min-width: 35px;-ms-min-width: 35px;-o-min-width: 35px;-webkit-min-width: 35px;min-width: 35px;width: 35px;margin-left: 0px;padding-left: 8px;cursor: pointer;display:inline-block;vertical-align:middle;float:right;}
    .titleLeftMobile {-moz-min-width: 40px;-ms-min-width: 40px;-o-min-width: 40px;-webkit-min-width: 40px;min-width: 40px;width: 40px;height: 40px;margin-left: 7px;cursor: pointer;display:inline-block;vertical-align:middle;float:right;
                      border-radius: 5px;border: 1px solid grey;margin-top: 7px; text-align: right}
    .titleLeftMobile img {max-height:100%;max-width: 100%;}
    .titleLogo {display:inline-block;}
    .titleLogoTwo {display:inline;float:left;width:185px;margin-left: 0px;}
    .titleLogo img {float:left;}
}

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

}

@media only screen and (max-width: 900px) 
{
    form {height: 100%;width: 90%;background: #ffffff;margin: 0 auto;}
}

@media only screen and (min-width: 768px)
{
 .hideLargeScreen{display: none !important}   
}

@media only screen and (max-width: 768px) 
{
     .hideMobile768{display: none !important}
    .rememberMeCheck{margin-right: 10px !important}
    form {height: 100%;width: 100%;background: #ffffff;}
   
    #divSignIn {display: none;}
    #divSignInBtn {display: none;}
    #divLanguagesSmallScreen {display: block;text-align: center;position: relative;}
    #lblBannerText {font-size: 12px;}
    .bannerText {padding-right: 5px;color: #8F131F;}
    DIV#divWrapper {-moz-min-width: 320px !important;-ms-min-width: 320px !important;-o-min-width: 320px !important;-webkit-min-width: 320px !important;min-width: 320px !important;width: 100% !important;}
    DIV#divWrapperNarrow {-moz-min-width: 320px !important;-ms-min-width: 320px !important;-o-min-width: 320px !important;-webkit-min-width: 320px !important;min-width: 320px !important;width: 100% !important;margin: 20px 0;}
    div.validationSummary {margin: 0;text-align: center;}
    .catalog {width: 100% !important;}
    DIV.catalog {width: 95% !important;}
    ul {width: 100%;border-left: none;border-right: none;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;}
    li:first-child {border-top: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;}
    li:last-child {-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;}
    .nav {height: 100%;}
    .pageFooter {-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
    .upDownArrow {display: inline;float: right;height: 22px;position: absolute;right: 6px;top: 45px;}
    div.uim {float: none;width: 100%;text-align: center;margin-left: auto;margin-right: auto;}
    div.List, div.bd {width: 100%;}
    SELECT {height: 30px;line-height: 30px;width: 128px;}
    .edit li {line-height: 30px;}
    .edit INPUT[type="text"], .edit INPUT[type="password"] {height: 28px !important;width: 124px;}
    .edit INPUT[type="number"] {height: 28px !important;width: 124px;}
    .edit INPUT[type="password"]{padding: 0 !important}
    .blueButton, .greenButton, .redButton {font-size: 18px;}
    .mobileGrid {font-size: 14px;}
    .mobileGrid tr td {padding: 5px 0 !important;}
    .mobileGrid td a {padding: 5px 5px;font-size: 15px;}
    .adjustDescription {padding: 5px;}
    .divButton {margin-top: 10px;margin-bottom: 10px;}
    .adjustGridEmpty {font-size: 15px;}
    .roundedCorner {-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;}
    .edit li.listViewRow, li.listViewAltRow {padding-top: 4px;padding-bottom: 4px;}
    .edit li.listViewRow SPAN {font-size: 15px;}
    .edit li.listViewAltRow SPAN {font-size: 15px;}
    div.dateFilter {font-size: 18px;line-height: 28px;padding-top: 5px;}
    .toggleLab {display: none;}
    #main_popupWin {max-width: 100% !important;position: fixed !important;bottom: 0 !important;left: 0 !important;top: inherit !important;}
    #main_popupWin_header {max-width: 100% !important;}
    #main_popupWin_content {max-width: 100% !important;}    
    DIV.subTitle SPAN {padding-left: 10px !important;}
    .description {padding:10px; text-align: justify !important; width: 95% !important}
    .description2 {padding-left: 10px !important; width: 95% !important}
    .pageBranding {border-bottom: 1px solid #DDD;display: inline-block;width: 100%;height: 55px !important;background-color:white;vertical-align: middle;padding: 0;top: 0;z-index: 100; /* causes problem for message flag */margin-top: 0px;}
   
    .divMainLogo {display:none;float:left;height:75px;}
    .divMainLogo img {height: 100%;}
    .navBar {top: 0;background-color:white;padding: 12px 0;}
    .navBar A, .navBar SPAN {color: black !important;}
    a.back {top: 8px;background-image: url(../Images/new_arrow.png);margin: 0 10px;color: #0060cc !important; padding-bottom: 0 !important}
    .back:active {-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
    .back span {display: none;}
    .vis {width: 95%;margin: 4px;margin-bottom: 1px;max-width: 300px;/*transition: all 1s linear;*/text-align: left;}
    .filterCaption {font: normal 16px Helvetica;width: 47%;}
    .filterClose {width: 25px;}
    .filterBlock:hover {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
    .bannerText {font-size: 14px;}
    .hideOnSmallScreen {display: none !important;}
    #divMainContent {padding: 0 !important;}
    #divWrapper {margin: 0;}
    .divFilter {opacity: 0;height: 0;position: fixed;top: -200px;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
    #filterToggle:checked ~ DIV > * .divFilter {opacity: 1;height: auto;position: inherit;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
    #masterToggle {cursor: pointer;}
    #masterToggle IMG:active {background-color: #B2B2B2;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;} 
    form {width: 100% !important;}
    .contactInformation {width: 100% !important;border: none !important;padding-left: 15px;border-radius: 0;}
    .bannerSM {display: inline-block;background-color: #f2f2f2;overflow-x: hidden;background: url("../Images/banner.jpg") no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;position: absolute;top: 0;left: 100px;width: 100%;height: 49px;z-index: -100;opacity: 0.9;}
    .forBigScreenOnly {display: none;}
    .bannerBG {background: none;border: none;}
    .bottomLinks{display: none !important}
    .titleContainer{text-align: center !important; margin-top: 0 !important;  padding-top: 10px !important; }
    DIV.subTitle {margin: 16px auto 8px !important;}
    .listbox{margin-top: 0 !important}
    .container{border:0 !important}
    .FooterContainer{width:100% !important; text-align: left; padding-left: 3% }
    ul{border-top: 0 !important}
    .myRelianceLogo img{padding-left:10px}
    .titleLeftMobile {padding-right: 10px !important}
    .statusRight{line-height: 32px !important;  min-width: 600px !important}
}

@media only screen and (max-width: 640px)
{
    div.validationSummary ul li {font-size: 12px !important; line-height: 14px !important }
    .rememberMeCheck{margin-right: 0px !important}
}

@media only screen and (max-height: 520px) 
{
    .menu {height: 100% !important;overflow:scroll !important; }
    #main_lblExtraMessageTwo{text-align: left !important;}
}

@media only screen and (max-width: 480px) 
{
    #divMainContent {padding:  0 !important;}
    .NSImageDiv {display: none;}
    .NSPaddingMed {padding: 3px !important;}
    .hideOnVerySmallScreen {display: none !important;}
    .NSHeaderItem {min-height: 25px;padding-top: 5px;}
    .NSHeaderItem div {-webkit-font-stretch: normal;-o-font-stretch: normal;font-stretch: normal;line-height: 16px;}
    .NSButton {padding: 5px 20px !important;margin: 5px auto !important;max-width: 240px !important;line-height: 29px !important;}
    .NSButtonMini {max-width: 30px !important;font-size: 12px !important;line-height: 24px !important;padding: 0 5px !important;margin-top: 0 !important;margin: 0 !important;}
    
    .title{margin-left: -50px !important}
    .viewPayBillContent{background-color: #fff; padding: 10px 0 25px 0 !important}
    .amountContent{padding:5px 0 15px 10px;}
    .AccLeft {padding-left:5px;}
    label#main_lblDoNotAsk.DoNotAskLabel.lab{margin-left: 10px !important}
   
}

@media only screen and (max-width: 425px) 
{
    .edit INPUT[type="password"]{padding: 0 5px !important}
    .AccLeftSmall{max-width: 100% !important}
    #btnHamburger img {width: 70% !important;}
    .titleContainer{border-top: none !important}
    
    .floatLeftMobile{float: none !important}
    .floatRightMobile{float: none !important}
    
    .PayTextTransit{width:60px !important}
    .PayTextInst{width: 60px !important}
}

@media only screen and (max-width: 414px) 
{
    .rightPanel {width: 100%;}
    .statusRight{min-width: 310px !important}
}

@media only screen and (max-width: 375px)
{
    .editAccountLab{width: 34% !important}

}

@media only screen and (max-width: 320px)
{
      .AnswerText {max-width:170px !important}
      .edit INPUT[type="password"]{padding: 0 !important}
       .dashboardTopContainer{width: 100%}    
    .AccRight{ margin:0 !important;}
    #divMainMenu > div > a, .menu .wallet, .menu .help {background-size: auto 25px !important;}
    .menu > div > a {height: 30px !important; line-height: 40px !important}
    .menu > div > span{line-height:35px !important}
    .menu-sublink{line-height: 10px !important;}
    .menu {padding-top: 10px !important}
    .menu > div{height:40px !important}
    .menu .secure {background-position: 5px 7px;}
    .NSContentItem, .NSContentItemAlt, .NSContentItemEmpty {height: auto !important}
    .closeMenu{height: 30px !important}
    
}



@media only screen and (min-width: 769px)
{
    form {max-width:1140px !important}
  form{width: 90% !important;}  
    .navbar-header {float: left;}
    .navbar-right {float: right!important;margin-right: -15px;margin-top:10px}
}
    
@media only screen and (max-device-width: 800px)
{
    .ExportToExcel{display: none !important}
}

/*@media only screen and (max-device-width: 740px) and (orientation : landscape)
{
    .loginLeftWrapper{display: none !important}
    
    }*/
   
.Nick{width: auto !important}

/*///////////
IPHONE 6 only for DatePicker
//////////*/

@media only screen and (max-device-width: 375px) and (orientation: portrait) and (color:8) and (device-aspect-ratio:2)
{
 #ui-datepicker-div{position: absolute !important; top: 252px !important}   
}

/*///////////////////////////////////////
FIREFOX ONLY
//////////////////////////////////////*/

@-moz-document url-prefix()
{
    .toggle input[type="checkbox"]:checked {left: -3px}
    .toggle input[type="checkbox"] {width: 220px;height: 38px;top: -3px;}
}

@media only screen and (max-device-width: 600px) and (orientation: landscape)
{
   label#main_lblDoNotAsk.DoNotAskLabel.lab{margin-left: 10px !important}
}

/*///////////////////////////////////////
iPhones
//////////////////////////////////////*/
/*
@media only screen and (max-device-width: 768px) and (-webkit-min-device-pixel-ratio:2) 
{
    UL LI INPUT[type="CHECKBOX"], .rememberMeCheck{-webkit-transform: scale(0.7) !important; margin-top: 0px !important; margin-right: 5px !important}
    .rememberMe{padding-top:3px !important}
}



@media only screen and (max-device-width: 480px) and (orientation: landscape)
{
   UL LI INPUT[type="CHECKBOX"], .rememberMeCheck{ margin-right: 5px !important} 
}
*/

/*
@media only screen and (max-width:680px)
{
    .navbar-header-mobile{width: 100%;background-color: #fff;position: fixed !important;top: 0 !important;overflow: hidden;z-index: 999999; height: 60px !important}
    .logoReliance{width: 70%; position: relative; float: left}
    .logoReliance img{width: 160px !important;}
    .menu {top: 60px !important}   
    #pageBranding{z-index: 9999999 !important}
} 

*/

.ui-datepicker select.ui-datepicker-year{width: 100% !important}