/***** Start of font-face rules  *****/
/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
with any questions regarding Web Fonts:  http://www.linotype.com
*/
@import url("1.css");

@font-face{
font-family:"Trade Gothic W01 Light";
src:url("../fonts/1d699af3-0e50-4c4b-a343-42d071e85714.eot#iefix");
src:url("../fonts/1d699af3-0e50-4c4b-a343-42d071e85714.eot#iefix") format("eot"),url("../fonts/537b145a-6a7d-4787-81d9-7228d3a42458.woff") format("woff"),url("../fonts/8e50278c-45cd-4808-b774-24767d958f17.ttf") format("truetype"),url("../images/d918b947-5fcb-42e2-8286-a98a801876de.svg#d918b947-5fcb-42e2-8286-a98a801876de") format("svg");
}

@font-face{
font-family:"Trade Gothic W01 Roman";
src:url("../fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.eot#iefix");
src:url("../fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.eot#iefix") format("eot"),url("../fonts/c4aef0d4-bfcf-4790-acf5-909881f411e8.woff") format("woff"),url("../fonts/e741f29c-bc18-4343-bff3-db2465a0be3e.ttf") format("truetype"),url("../images/853e2a9b-4057-42a5-ad7e-0762cda0b13c.svg#853e2a9b-4057-42a5-ad7e-0762cda0b13c") format("svg");
font-style: normal;
font-weight: normal;
}

@font-face{
font-family:"Trade Gothic W01 Roman";
src:url("../fonts/59fa12c0-25c9-4c0c-bd1e-32204311d86d.eot#iefix");
src:url("../fonts/59fa12c0-25c9-4c0c-bd1e-32204311d86d.eot#iefix") format("eot"),url("../fonts/1c164451-034c-41f5-9542-390709016510.woff") format("woff"),url("../fonts/7062b4ff-265a-4366-b34f-443ec5cc2dad.ttf") format("truetype"),url("../images/09f52831-e1cf-48be-9c1e-2d1577e420b7.svg#09f52831-e1cf-48be-9c1e-2d1577e420b7") format("svg");
font-style: oblique;
font-weight: normal;
}

@font-face{
font-family:"Trade Gothic W01 Roman";
src:url("../fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot#iefix");
src:url("../fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot#iefix") format("eot"),url("../fonts/f51d24dd-8256-43c6-ba1a-6aeae9d3f262.woff") format("woff"),url("../fonts/955ee494-66b2-4eb2-8f19-bc3a088df16d.ttf") format("truetype"),url("../images/d5153ad4-7c93-4757-9147-640e69ec4801.svg#d5153ad4-7c93-4757-9147-640e69ec4801") format("svg");
font-style: normal;
font-weight: bold;
}

@font-face{
font-family:"Trade Gothic W01 Roman";
src:url("../fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot#iefix");
src:url("../fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot#iefix") format("eot"),url("../fonts/f51d24dd-8256-43c6-ba1a-6aeae9d3f262.woff") format("woff"),url("../fonts/955ee494-66b2-4eb2-8f19-bc3a088df16d.ttf") format("truetype"),url("../images/d5153ad4-7c93-4757-9147-640e69ec4801.svg#d5153ad4-7c93-4757-9147-640e69ec4801") format("svg");
font-style: normal;
font-weight: bold;
}

@font-face{
font-family:"Trade Gothic W01 Cn 18";
src:url("../fonts/087e5c21-3358-4cf3-9d2c-289a03a48292.eot#iefix");
src:url("../fonts/087e5c21-3358-4cf3-9d2c-289a03a48292.eot#iefix") format("eot"),url("../fonts/fb754dec-aa8f-444c-be48-868464c47ab0.woff") format("woff"),url("../fonts/295ff20c-2b48-4fa6-be92-a53bbf9bbbb4.ttf") format("truetype"),url("../images/c573d9d0-0726-4b95-aeee-fb621a299563.svg#c573d9d0-0726-4b95-aeee-fb621a299563") format("svg");
}
@font-face{
font-family:"TradeGothicW01-BoldCn20 675334";
src:url("../fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot#iefix");
src:url("../fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot#iefix") format("eot"),url("../fonts/5fdc935e-9e30-442a-bbe9-8d887b858471.woff") format("woff"),url("../fonts/616c4c87-a077-43f4-a9f4-f01267c13818.ttf") format("truetype"),url("../images/c901ad5f-a842-4549-a1f4-583a97f7e169.svg#c901ad5f-a842-4549-a1f4-583a97f7e169") format("svg");
font-style: normal;
font-weight: normal;
}
@font-face{
font-family:"TradeGothicW01-BoldCn20 675334";
src:url("../fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot#iefix");
src:url("../fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot#iefix") format("eot"),url("../fonts/5fdc935e-9e30-442a-bbe9-8d887b858471.woff") format("woff"),url("../fonts/616c4c87-a077-43f4-a9f4-f01267c13818.ttf") format("truetype"),url("../images/c901ad5f-a842-4549-a1f4-583a97f7e169.svg#c901ad5f-a842-4549-a1f4-583a97f7e169") format("svg");
font-style: normal;
font-weight: bold;
}

/* Regular */
 @font-face {
      font-family: "Open Sans";
        src: url('../fonts/OpenSans-Regular-webfont.eot');
        src: url('../fonts/OpenSans-Regular-webfont.eot#iefix') format('embedded-opentype'),
        url('../images/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'),
        url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
        url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}
/***** End of font-face rules  *****/


/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, div {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

p { line-height: 1.35em; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, div { display: block; }

.errContainerError,
.errContainerInfo,
.errContainerWarn {
	padding: 5px;
	margin: 5px;
	font-size: 14px;
    line-height: 1.2;
}

.errContainerInfo {
    padding: 5px;
    border: thin solid rgb(153, 177, 127);
    background-color: rgb(242, 240, 229);
}

.errError {
    margin-left: 0;
}
.errInfo,
.errWarn {
	margin-left: 3px;
	line-height: 1.2;
}

body { 
	line-height: 1; 		
	height: 100%;	
}

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-spacing: 0;    
    letter-spacing: 0.5px;
	font-weight: 300;
 }

table tr:nth-child(odd) td a:hover
{
    color: #002f6c;
    text-decoration: underline;
}

table tr td a, table tr td a:visited, table tr td a:active
{
    color: #002f6c;
}

/* ### Start Master Page Content CSS ### */

html {
	font-family: 'Trade Gothic W01 Roman', Arial, sans-serif;
    font-size: 14px;
    color: #000000;
	background: #FFFFFF;
	background-attachment: fixed;	
	height:100%;
}

strong {
    font-family: 'Trade Gothic W01 Roman', Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
}

em {
    font-family: 'Trade Gothic W01 Roman', Arial, sans-serif;
    font-weight: normal;
    font-style: italic;
}

input[type='text'], input[type='password'], select, textarea {
    border: 1px solid #ababab;
    font-size: 14px;
    padding: 6px;
}

input[type=text].empty, input[type=password].empty {
    background-color: #f0f0f0;
}

textarea 
{
    resize: vertical;
}
.messagetextbox { width: 270px !important; }

a {
    font-weight: 600;    
	color: #002F6C;
    text-decoration: none;
}
a:visited {
    background-color: inherit;		
	color: #002F6C;
}
a:hover {	
	color: #002F6C;
	text-decoration: underline;
    cursor: pointer;	
}

::-ms-reveal {
    display: none !important;
}

.coInquiryBtn {
    width: 38px;
    height: 20px;
    overflow: hidden;
    text-indent: 40px;
    background: url('../images/icon-sprite_1.png') 9px 2px no-repeat;
    cursor: pointer;
}

.coInquiryBtn:hover { background-position: 9px -49px; }

button, input[type="button"], input[type="submit"], .button {
    font-family: 'Trade Gothic W01 Light', Arial, sans-serif;
    color: white;    
    background: #397192;
    -webkit-box-shadow:none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: 0 13px;
    font-weight: normal;
    font-size: 16px;
    min-width: 100px;
    cursor: pointer;
    background-clip: border-box;
    height: 30px;
}

button:active, input[type="button"]:active, input[type="submit"]:active, .button:active {
    -webkit-transition-property: box-shadow;
    -moz-transition-property: box-shadow;
    -o-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    text-decoration: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


button:not(.link-style):not(.linkStyle):not(.link-button):disabled, 
input[type="button"]:not(.link-style):not(.linkStyle):not(.link-button):disabled,
input[type="submit"]:not(.link-style):not(.linkStyle):not(.link-button):disabled {
    background-color: #63666a !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: inherit !important;
}

button.link-style:disabled, 
input.link-style:disabled, 
button.linkStyle:disabled, 
input.linkStyle:disabled,
.link-button[disabled=disabled],
.link-button:disabled,
button.link-style:hover:disabled, 
input.link-style:hover:disabled, 
button.linkStyle:hover:disabled, 
input.linkStyle:hover:disabled,
.link-button[disabled=disabled]:hover,
.link-button:hover:disabled
{
    color: gray !important;
    cursor: default;
}

.container-clear:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.placeholder { color: #bababa; }

.content-container-padding { padding: 20px; }

#WrapperContainer { margin: 0 auto; }

#WrapperContainer, #PageContainer, #MasterHeaderContainer { width: 1200px; }

h1, h2, #MasterHeaderRightLinks, #SiteNavigationContainer, #SiteFooterContainer, #SiteNavigationContainerBiz, p, li {    
    font-style: normal;
}

h1 {
    font-family: 'Trade Gothic W01 Light', arial, sans-serif;
    font-size: 28px;
    color: #333333;
}

h2 {
    font-weight: 600;
    font-size: 16px;
    color: #333333;
    letter-spacing: -.19px;
    font-family: 'Trade Gothic W01 Light', arial, sans-serif;
}

h3, h4 {
    font-family: 'TradeGothicW01-BoldCn20 675334', arial, sans-serif;
}

/* ### Masthead ### */

#MasterHeaderContainer {
    height: 82px;    
}

#MasterHeaderLogoContainer { float: left; }
#MasterHeaderLogoContainer a img {
     width: 270px; 
}

#MasterHeaderContainer .master-header-logo {
    display: block;
    padding: 20px 0 0 15px;
}

#MasterHeaderRightLinks {
    text-align: right;
    padding: 35px 64px 10px 0;    
	color: #000000;    
	font-size: 14px;
    font-weight: 600;	
}

#MasterHeaderRightLinks a { 	
	color: #000000; 
}

#MasterHeaderRightLinks a.active {	
	color: #000000; 
}

#MasterHeaderRightLinks a:hover {
    color: #000000;
}

#MasterHeaderRightLinks a.active { cursor: inherit; }

#MasterHeaderRightLinks strong { font-weight: bold; }

#MasterHeaderMessagesLink {
    background: url('../images/icon-sprite.png') 0 1px no-repeat;
    margin: 0 0 0 18px;
    padding: 0 0 13px 32px;
    cursor: pointer;
    position: relative;
}

.MasterHeaderMessagesLinkWithoutCountIcon { padding-left: 28px !important;}

#MasterHeaderMessagesLink:hover { background-position: 0 -50px; }

#MasterHeaderMessagesLink.disabled { background-position: 0 -100px; }

#MasterHeaderMessagesLink .master-header-messages-badge {
    background-color: #ff0000;
    border-radius: 10px;
    color: white;
    text-align: center;
    font-size: 14px;
    line-height: 12px;
    font-weight: bold;
    position: absolute;
    top: -12px;
    left: 15px;    
}

.master-header-messages-badge {
	min-width: 14px;
    height: 14px;
    padding: 1px 2px 1px 1px;
}

#MasterHeaderSettingsLink {
    background: url('../images/icon-sprite.png') 0 -150px no-repeat;
    margin: 0 0 0 14px;
    padding: 0 0 10px 23px;
    cursor: pointer;
}

#MasterHeaderSettingsLink:hover, #MasterHeaderSettingsLink.active { background-position: 0 -200px; }

#MasterHeaderSettingsLink.active { cursor: inherit; }

#MasterHeaderSettingsLink.disabled {
    background-position: 0 -251px;
    cursor: inherit;
}

.master-header-logoutlink {
    background: url('../images/icon-sprite.png') 0 -301px no-repeat;
    margin: 0 0 0 16px;
    padding: 0 0 10px 21px;
    cursor: pointer;
}

.master-header-logoutlink:hover { background-position: 0 -352px; }

.master-header-logoutlink.disabled {
    background-position: 0 -402px;
    cursor: inherit;
}

/* ### Site Navigation ### */

#SiteNavigationContainer {    
	background-color: #f0f0f0;
    height: 40px; 
    color: #333333;
    padding-left: 63px;
    font-weight: normal;
    font-size: 14px; 
	border-top: 1px solid #222222;
	border-right: 1px solid #222222;
	border-left: 1px solid #222222;
}

#SiteNavigationContainerBiz {    
	background-color: #f0f0f0;
    height: 40px; 
    color: #333333;
    font-weight: normal;
    font-size: 14px; 
	border-top: 1px solid #222222;
	border-right: 1px solid #222222;
	border-left: 1px solid #222222;
    padding-left: 20px;
}

/* *** Need to move these backgrounds into a sprite, existing or new *** */

#NavBackBiz {
    background: url('../images/background-page-middle.png');
    height: 11px;
    position: relative;
    top: -6px;
    left: -20px;
	width:1198px;
}

#NavBack {
    background: url('../images/background-page-middle.png');
    height: 11px;
    position: relative;
    top: -6px;
    left: -63px;
	width:1198px;
}

#NavBackLeftBiz {
    background: url('../images/background-page-left.png');
    width: 5px;
    height: 5px;
    position: relative;
    left: -20px;
    top: -11px;
}

#NavBackLeft {
    background: url('../images/background-page-left.png');
    width: 5px;
    height: 5px;
    position: relative;
    top: -11px;
    left: -63px;
}

#NavBackRight {
    background: url('../images/background-page-right.png');
    width: 5px;
    height: 5px;
    position: relative;
    top: -16px;
    left: 1122px;
}

#NavBackRightBiz {
    background: url('../images/background-page-right.png');
    width: 5px;
    height: 5px;
    position: relative;
    top: -16px;
    left: 1165px;
}

#SiteNavigationContainer a,#SiteNavigationContainerBiz a {    
    display: inline-block;
    padding: 11px 31px 10px 31px;
    text-decoration: none;
    color: #333333;
    font-weight: normal;
}

#SiteNavigationContainerBiz a {    
    display: inline-block;
    padding: 11px 27px 10px 27px;
    text-decoration: none;
    color: #000000;
    font-weight: normal;
}

#SiteNavigationContainer li,#SiteNavigationContainerBiz li {
    display: inline-block;
    text-align: center;	
	height: 40px; 
    text-transform: uppercase;		
}

#SiteNavigationContainer li:hover, #SiteNavigationContainerBiz li:hover {
    cursor: pointer;
	background-color: #63666A;
    color: #ffffff;
}

#SiteNavigationContainer li:hover a, #SiteNavigationContainerBiz li:hover a {    
    color: #ffffff;
}

#SiteNavigationContainer li.disabled, #SiteNavigationContainer li.disabled:hover,#SiteNavigationContainerBiz li.disabled, #SiteNavigationContainerBiz li.disabled:hover  {    
    cursor: default;
}

#SiteNavigationContainer li.active,#SiteNavigationContainerBiz li.active {
    position: relative;
    color: white;
    cursor: default;
    background-color: #63666A;
}

#SiteNavigationContainer li.active a,#SiteNavigationContainerBiz li.active a {    
    color: white;    
}

#SiteNavigationContainer li.active:hover,#SiteNavigationContainerBiz li.active:hover {
    position: relative;
    cursor: default;    
}


#SubNavigationContainer {
	background: #d0d4d5;	
	border-right: 1px solid #222222;
	border-left: 1px solid #222222;
}

#SubNavigationContainer a {    
	color: #333333;
	font-size: 14px;
    text-decoration: none;
	font-weight: normal;	
}

#SubNavigationContainer ul {    
	border-bottom: 1px solid #222222;
	padding-left: 80px;
}

#SubNavigationContainer li {
    display: inline-block;
    padding: 14px 28px 14px 13px;
    text-align: center;	
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    cursor: pointer;    
}

#SubNavigationContainer li:hover a 
{ 	
	color: #333333;
    text-decoration: underline;
	font-weight: normal;
}

#SubNavigationContainer li.active { 	
	
}

#SubNavigationContainer li.active a {
    cursor: inherit;    
	font-weight: bold;
    color: #002f6c;
}

/*
	######################
	Need to write a js to place the active-pointer on the active li
	######################
*/
/* *** Active Pointer should be in a sprite *** */

.active-pointer {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 7px;
    bottom: -1px; 
    background: url('../images/nav-active-pointer.png') no-repeat bottom center;
}

#ContentContainer, #SiteFooterContainer {    
	border-right: 1px solid #222222;
	border-left: 1px solid #222222;	
}

#ContentContainer {
	background: #ffffff;    
	border-bottom: 1px solid #222222;
    min-height: 509px;
}

/* ### Site Footer ### */

#SiteFooterContainer {
	background: #D9D9D9;    
	border-top: 1px solid #222222;    
	color: #000000; 
	text-align: right;	
	font-size: 10px; 
	border-bottom: 1px solid #222222;
    position:relative;
    padding: 20px 0 100px;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing:0.143em;
}
#SiteFooterContainer #EnrollMobileFooterDiv {
    text-align: left;
}

#SiteFooterContainer a {
    font-size: 10px;	
	color: #000000;	
    text-transform: uppercase;
    font-weight: normal;
}

#SiteFooterContainer a:hover {	
	color: #000000;	
}

#SiteFooterContainer div { float: left; }

#EnrollMobileFooterDiv {
    letter-spacing:0.143em;
    background: url('../images/icon-sprite.png') 0 -2469px no-repeat;
    height: 32px;
    padding: 0 0 0 31px;    
	margin: 6px 0 6px 3%;
    cursor: pointer;
}

.raise-tagline img {
    width: 100%;
}

.raise-tagline {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 96px;
    max-width: 586px;
}

a > #EnrollMobileFooterDiv:hover {
    text-decoration: underline;
}

#FooterLinks {
	margin: 6px 0 6px 3%;
    line-height: 1.5em;
}

#FooterLinks ul { float: left; }

.footer-links1 { }

.footer-links2 { margin-left: 35px; }

.footer-links3 { margin-left: 36px; }

#SiteFooterContainer #FooterNotice {
    float: right;    
	margin: 6px 82px 6px 0;    
    line-height: 13px;
    width: 275px;
    letter-spacing:0.143em;
}

.iconEHL, .iconehl-copyright-footer {    
    background: url('../images/ehl.png') left no-repeat;
    background-size: 15px;
    padding-left: 18px;
}


.container-clear {	
	font-size: 14px;
}

/* ### Start Page Content CSS ### */

#LeftRailDiv {	
	font-size: 14px;
	color: #333333;
    padding: 0px 0 0 65px;
    float: left;
    position: relative;
    width: 770px;
    padding-top: 25px;
    padding-bottom: 0.25in;
}

#LeftRailDiv h1 {
    margin-bottom: 25px;
    font-size: 22px;
    color: #333333;
}

#LeftRailDiv p {    
    margin-bottom: 20px;
}


#RightRailDiv .coClear, .coRightRailLine2 {    
    font-size: 14px;
    padding: 6px 6px;
}

/* ### Right side region   */

#RightRailDiv {
    float: right;
    width: 290px;
    padding-top: 25px;
}

#RightRailDiv h1 {
    margin: 0 0 0 0;
    padding: 0 0 10px 5px;
    border-bottom: 2px solid #397192;
    font-size: 18px;
    color:#397192;
}

#RightRailDiv .bills-title-h1 {
    border-bottom: 2px solid #397192;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-bottom: 10px;
    margin-right: 15px;
}

#RightRailDiv #BillsSummary {
    margin-right: 15px;
    padding-bottom: 10px;
}

#RightRailDiv a {		
    font-weight: normal;
    font-size: 14px; 
    text-decoration: none;
    zoom: 1;
}

#RightRailDiv a:visited , #RightRailDiv a:active, #RightRailDiv a:hover {
	color: #002F6C;
}
#RightRailDiv a:hover {
	text-decoration: underline;
}

#RightRailDiv a.header-link, #RightRailDiv a.header-link:visited, #RightRailDiv a.header-link:active,
 #RightRailDiv a.header-link:hover{
    text-decoration: none;
    cursor: default;
    color: #397192;
    font-size: 18px;
}

#RightRailDiv a.uberLink-disabled, #RightRailDiv a.uberLink-disabled:hover{
    color: #A0A0A0 !important;
    pointer-events: none;
    cursor: default;
    font-size: 14px;
}

#RightRailDiv span.indent
{
    padding-left: 15px;    
}
.coRightRailLine1, .coRightRailLine2 {
    border-top: none;
    border-bottom: none;
    padding-bottom: 11px;
}

#RightRailDiv .coRightRailLine2 {
    padding: 10px 0 14px 3px;
    letter-spacing: .3px;
    color: #333333;
}

#RelatedLinksWrapper {
    background: #f0f0f0; 
    padding: 10px; 
    margin-right: 20px; 
}
 
/* ### Login page CSS ### */

.login-container, .login-container-alt {
    border: none;
    height: 670px;
    position: relative;
    background: url("../images/background-login.png") no-repeat;
}

#login-dialog, #signout-dialog {
    width: 420px;
    position: absolute;
    top: 50px;
    left: 390px;
    line-height: 1.25em; /* Firefox v1.0+ */
}

#login-dialog, #signout-dialog, #login-dialog p {
    line-height: 1.42857;
}

#login-dialog-content div, #signout-dialog-content div, #login-dialog h1, #signout-dialog h1 { margin-bottom: 12px; }

#login-dialog, #signout-dialog {
    background-color: #63666A;
}

#login-dialog-header, #signout-dialog-header {
    color: white;
    margin-top: 12px;
    font-size: 16px;
    font-weight: 600;
    margin-left: 22px;
    margin-bottom: 13px;   	
}

#login-dialog-content {	
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    background: #F4F4F4;
    border-bottom: 1px solid #DBDBDB;
    padding: 20px 20px 0 20px; /* Firefox v3.5+ */
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
}

#login-dialog a{	
    font-weight: normal;
}

#signout-dialog-content {    
    font-weight: bold;
    font-size: 14px;
    background: #F4F4F4;
    border-bottom: 1px solid #DBDBDB;
    padding: 20px 20px 10px 20px; /* Firefox v3.5+ */
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
}

#login-dialog-content div, #signout-dialog-content div, #coLoginDialog h1, #coLogoutDialog h1 { margin-bottom: 10px; }

sup {font-size: 14px; vertical-align:top;}

sup.smallFontSuperscript{font-size: 12px; vertical-align:super;}

#login-dialog-content .coTakeMeDiv div.coSelect { margin: 0 0 0 5px; }

.welcome-div {
    font-family: 'Trade Gothic W01 Roman', Arial, sans-serif;
    font-size: 18px;
    text-align: left;
    color: #002f6c;    
    font-style: normal;
    font-weight: bold;
    white-space: nowrap;
    line-height: 1.1;
}

#login-dialog-footer {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    border-top: 1px solid #FFFFFF;
    padding: 10px 20px;
    font-size: 12px;
    font-weight: normal;
    background: #F4F4F4;
}

.error-container, .bills-error-container .error {
    background: #dbbfbf;
    border: 1px solid #882b2b;
    padding: 5px;
    color: #000000;
    font-size: 14px;
    margin-bottom: 20px;
}

.bills-error-container .error {
    display: block;
}

div#BillsSummary_BillSummaryErrorPanel.error-container {
    margin-bottom: 0;
}

/*.error-container a, .error-container a:active, .error-container a:visited {
    color: #ffffff;
}*/

.placeholder { color: rgb(117, 117, 117); }

div.trueStampPlaceHolder {
    width: 100%;
    padding-bottom: 5px;
}

div.trueStampPlaceHolder div.trueStampDiv { padding: 10px 0px 25px 0px; }

.takeme-div {
    margin: 15px 0 10px 0;
    vertical-align: middle;
    font-weight: normal;
}

.password-div { margin: 12px 0; }

.password-div a { margin-left: 5px; }

#signout-message {
    width: 375px;
    padding-top: 30px;
}
/* ### End Login page CSS ### */

/* ### End Content CSS ### */

/* ### Start of  Forgot password  page CSS ### */

.coForgotPasswordWorkflows {
    padding: 25px 0 17px 0;
    margin-bottom: 0;
    margin-left: 70px;
    margin-top: 50px;
}

.forgot-password-steps {
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    background-color: rgb(255, 255, 255);
    width: 900px;
    height: 360px;
    padding: 23px;
	-moz-box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(64, 64, 66, 0.1);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
	border-collapse: separate; /*IE9 Fix - apply shadow for div within table */
}

.forgot-password-steps p {
    margin-bottom: 12px;
	font-weight: normal;    
    font-style: normal;
    padding-top: 10px;
    font-size: 14px;
}

.forgot-password-steps .coHelpText {
    color: #333333;
    display: block;
    margin: 6px 0 6px 154px;
}

.forgot-password-steps {
    font-weight: bold;
    display: inline-block;
    width: 946px;
    font-weight: bold;
}

.forgot-password-label {    
    font-size: 14px;
    font-weight: bold;
	width:20%;
	white-space : nowrap;
	vertical-align: middle;
}

.change-password-info {
    margin-bottom: 17px;
    padding-bottom: 6px;
}

.forgot-password-steps input[type='Label'] { font-weight: bold; }

.forgot-password-cells {
    padding-bottom: 25px;
    padding-left: 30px;
}

.forgot-password-control {
    padding-left: 20px;
    padding-bottom: 5px;
    text-wrap: none;
}

.forgot-password-help-text {    
    font-size: 14px;
    padding-left: 23px;
    padding-bottom: 20px;
    color: #333333; /*font-weight: bold;*/
}
.forgot-password-vertical-gap{
line-height: 10px;
}

.datepicker {
    
	background: url("../images/icon-sprite2_1.png") 170px -647px no-repeat;
    margin-right: 0px;
    cursor: pointer;
    padding-right: 0px;
    height: 18px;
    width: 185px;
}


.datepicker:hover {
    background: url("../images/icon-sprite2_1.png") no-repeat;
	background-position: 170px -765px;   
}

input.coCalendarControl,
.form-container input[type='text'].coCalendarControl {
    background: url("../images/icon-sprite2_1.png") 135px -648px no-repeat;
    cursor: pointer;
    width: 150px;
}

input.coCalendarControl:hover,
.form-container input[type='text'].coCalendarControl:hover {
    background: url("../images/icon-sprite2_1.png") no-repeat;
    background-position: 135px -769px;
}

.errContainerError {
    padding-bottom: 20px;
    padding-top: 10px;
    width: 1000px;
    padding-left: 25px;
    position: absolute;
    font-weight: bold;
    color: #FF0000;
    border: 1px solid #FF0000;
    background-color: #FFC3CE;
    text-align: match-parent !important;
    vertical-align: text-top !important;
    vertical-align: top;
    font-size: 14px;
}

.confirmButtonContainer {
    text-align: left;
    padding-left: 270px;
}

.change-password-space-separator { padding-top: 16px; }

.forgot-password-error-region {
    padding-top: 20px;
    text-align: left;
    width: 800px;
    padding-bottom: 20px;
}

.forgot-password-header {
    padding-top: 10px;
    vertical-align: bottom;
    text-align: left;
    padding-left: 70px;
    padding-bottom: 10px;    
}

.forgot-password-error-header {
    
    padding-top: 30px;
    vertical-align: bottom;
    text-align: left;
    padding-left: 20px;
}

/* ### end of  Forgot password  page CSS ### */

.BackButton {
    padding-left: 200px;
    vert-align: top;
}

.hidden { display: none; }


/*
Client-side Forms
*/

.formPanel {
    border: solid 1px #c3c3c3;
    background-color: white;
}

.formPanel fieldset {
    border: none;
    padding: 5px;
}

.formPanel fieldset label { font-weight: bold; }

.formPanel ol.formFields {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.formPanel ol.formFields > li {
    clear: both;
    text-align: left;
    padding: 5px;
    margin-bottom: 20px;
}

.formPanel ol.formFields > li > label {
    float: left;
    text-align: right;
    width: 35%;
    padding-right: 5px;
    font-weight: bold;
}

.formPanel ol.formFields > li > span {
    float: left;
    text-align: left;
    padding-right: 5px;
    font-weight: normal;
}

.formPanel ol.formFields > li > div { float: left; }

.formPanel div.formCommands {
    margin-left: 65%;
    margin-top: 15px;
    padding: 5px;    
    text-align: center;
}

.formPanel div.formCommands input { /*width: 125px;*/ }

table.boxy-wrapper {
   position: absolute;
   background: none repeat scroll 0 0 #F4F4F4;
   padding: 0 10px 0 10px;
}

table.boxy-wrapper tr td { background-color: rgb(244, 244, 244); }

table.boxy-wrapper.fixed { position: fixed; }

table.boxy-wrapper tr td.top { height: 5px; }

table.boxy-wrapper tr td.left { width: 10px; }

table.boxy-wrapper tr td.right { width: 10px; }

table.boxy-wrapper tr td.bottom { height: 20px; }

/*modal dialogs*/

#simplemodal-overlay, .boxy-modal-blackout {
    background-color: black;
    cursor: wait;
    opacity: 0.5;
    position: fixed;
}

#simplemodal-container {
    background-color: rgb(244, 244, 244);
    padding: 10px 10px 10px 10px;
    border: 1px solid #e0e0e0;
}

#UpdateCategorySimpleModalContainer {
    background-color: rgb(244, 244, 244);
    padding: 10px 10px 10px 10px;
    border: 1px solid #e0e0e0;
}
#UpdateCategorySimpleModalContainer div.simplemodal-wrap {
    overflow: inherit !important;
}
#SimpleModalEditScheduledTransferInternalDialog > div.simplemodal-wrap {
    overflow: visible !important;
}

#simplemodal-container canvas { display: none; }

/**********************************************************
 *                                                        *
 *  Client-side Dialogs                                   *
 *                                                        *
 **********************************************************/

.dialogPanel { }

.dialogPanel form {
    margin: 0;
    padding: 0;
}

.dialogPanel-header { margin-bottom: 5px; }

.dialogPanel-title {
    color: #333333;
    float: left;    
    font-size: 28px;
}

.dialogPanel-close { float: right; }

.check-image-container {
    background-color: #B7B7B7;
    padding: 10px;
    text-align: center;
    width: 645px; height: 300px;
}

.check-image-commands {
    margin-top: 15px;
    padding: 5px;
    text-align: center;
}

.ui-datepicker-trigger { vertical-align: middle; }

.dialogPanel-close a div {
    background: url('../images/icon-sprite.png') 5px -1920px no-repeat;
    cursor: pointer;
    width: 20px;
    height: 20px;
    float: right;
    margin: 0px -3px 0 0;    
}

/*CategorizationMenu Dialog in MemorizationPanel*/
#memorizationPanel_categorizationMenuModule_addManageCategoryDialog .dialogPanel-close a div 
{    
     margin: 2px -10px 0 0;    
}

.dialogPanel-close a div:hover { background-position: 5px -1971px; }

div.select,
.select-bgcontainer-transfer {
    display: inline-block;
    border: 1px solid #ababab;
    padding: 0 0 0 0;
    background: white;
    width: 270px;
    overflow: hidden;
    position: relative;
    z-index: 0;
    cursor: pointer;
}

select {
    width: 270px;
    font-size: 14px;
    background: transparent;
    border: none;
    cursor: pointer;
    outline: 0;
    padding-right: 0;
    display:block;

}

.formTable .ddlSelect {
    display: table-cell;
     border: 1px solid #ababab;
}

.select > div {
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.select:after {
    content: '';
    display:block; 
    width:25px; 
    height:32px;
    position:absolute; 
    right:-2px;
    top:-2px;
    background: white;
    margin: 2px;
    pointer-events:none;
    z-index: 5;
    pointer-events: none;
}

.select:before {
    content: url("../images/icon-sprite.png");
    display:block; 
    width:1em; 
    height:1em;
    position:absolute; 
    right:-2px;
    top:-2269px;
    background: white;
    margin: 2px;
    pointer-events:none;
    z-index: 6;
    pointer-events: none;
}

select::-ms-expand{
  display:none;
}

.select.auto-resize, .select.auto-resize div, .select.auto-resize select {
    width: auto;
}

.IAQuestionsSelect {
    width: 660px;
    overflow: hidden;
}
.IAQuestionsSelect > select {
    width: 690px;
    padding-right: 10px;
}

.RSAQuestionsText {
    width: 500px;
}

.form-container.rsa-qa-form-container {
    width: 790px
}

.form-container.rsa-qa-form-container .fields-cell-control-selfservice {
    width: 725px;
    padding-left: 0;
}

.form-container.rsa-qa-form-container .fields-cell-label.rsaLabelSpace {
    padding-right: 5px;
    width: 10%;
}

.form-container.rsa-qa-form-container .fields-cell-control {
    padding-left: 0;
}

.select-bgcontainer-transfer {
  	background: url("../images/icon-sprite.png") 160px -2266px white no-repeat;
	width: 170px;
}

select.select-transfer { width: 200px !important; }

#ddlFilterStatus .select-transfer { width: 200px !important; }

.controlReference { font-weight: bold;text-transform: uppercase; }

.fields-cell-button-gap { padding-left: 30px; }

#ctlPendingTransfersDataGrid tr td.remaining-transfer-column-center-align { text-align: center; }

.transfer-history-enquiry-center-align {
    padding-left: 11px;
    vertical-align: middle;
}

tr.sortable-row td.recurring-image-center-align { padding-left: 10px; }

.access-content-transfer { width: 730px; }

.enrollment-container {
    margin-left: 65px;
    width: 700px;
}

.enrollment-p-class {
    padding-left: 65px;
    padding-top: 20px;
    padding-bottom: 20px;
}

td.enrollment-label-width { width: 60%; }

.enrollment-fields-row {
    display: table-row;
	vertical-align: top;
}

.enrollment-fields-cell-label {
    display: table-cell;
    color: #333333;	
	font-size: 14px;
    display: table-cell;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 8px;
    text-align: left;
    vertical-align: top;
}

.enrollment-fields-cell-control {
    display: table-cell;	
    padding-bottom: 10px;
    padding-left: 20px;
    text-align: left;
    vertical-align: top;
}

.enrollment-sub-header {
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 20px;
    display: block;
}

.enrollment-button-gap { padding-left: 140px; }

.enrollment-verification-title {
    padding-left: 65px;
    padding-top: 20px;
}

.errorinfo-dialog {
    color: red;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}

.errortransferinfo-dialog { padding: 5px 5px 5px 20px; }

div.timeoutWarning {
	/* Javascript controls the visibility settings */
	display: none;
	text-align: center;
	font-weight: bold;
	border: 1px solid #ababab;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
	background-color: White;
	color: #333333;	
	padding: 5px;
    margin-top: 15px;
	width: 600px;
}

div.timeoutWarning #popupWarning {
	width: 590px;
    display: none;
}

div.select.ia-select {
    width: 660px;
    background-position: 650px -2266px;
}

#MasterHeaderRightLinks a.active-link-settings {
	color: #000 !important;
    background-position: 0 -200px;
}

#MasterHeaderRightLinks a.active-link-messages {
	color: #000 !important;
   background-position: 0 -50px;
}

#RightRailDiv h1.financial-overview-bills-margin { margin-top: 26px; }

.advertisement {
	padding: 41px 0 30px 3px;
}

.upcoming-bill-payment-error {
    background-color: white;
    border-style: none;
    cursor: auto;
    height: 130px;
    left: 0;
	margin-left: 25px;
    top: 116px;
    width: 620px;
}

.upcoming-bill-pay-error {
    position: relative;
    height: 24px;
    margin-left: 0px;
    margin-right: 20px;
    margin-top: 20px;
}

/*Account summary begin*/

.balance-section {    
    font-size: 14px;
    color: #3F3F3F;
    font-weight: 600;
    float: right;
	position: relative;
    display: inline;
}

.balance-section-header {
    color: #7F7E7F;
    font-weight: 400;
    letter-spacing: 0.2px;
    margin-bottom: 8px;
	text-align: right;
}

.available-balance-label {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}

.available-balance-value {
    font-size: 28px;
    font-weight: 600;
    color: #000000;
}

.current-balance-label {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}

.current-balance-value {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}

.available-balance-row {
    margin-bottom: 10px;
    font-size: 100%;    
}

.current-balance-row {
    vertical-align: baseline;
    color: #3F3F3F;	
    font-size: 14px;
    font-weight: 600;
    text-align: right;
}

.current-balance-value {
    word-wrap: normal;
    text-align: left;
    text-autospace: none;
}

.radio-button-oval-style:active {
    background-color: #E4E4E4;
	border-radius: 12% 12% 12% 12%/50% 50% 50% 50%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    cursor: inherit;
    height: 24px;
    width: 96px
}

.account-type-filter-radio-list {
	/*display: inline;*/
    position: relative;
    left: 10px;
}

.radio-button-oval-style {
    color: #000000;
    cursor: pointer;
    font-weight: 600;
    margin-left: 6px;
    padding: 3px 8px
}

#ctlAccountTypeFilter input[type=radio] {
    display: none;
    position: relative;
    overflow: hidden;
}

#ctlAccountTypeFilter input[type=radio] + label {    
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    cursor: pointer;
    padding: 3px 8px;
	display: inline;
    position: relative;    
}

#ctlAccountTypeFilter input[type=radio]:checked + label {	
    background-color: #E4E4E4;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    cursor: inherit;
    height: auto;
    width: auto;
    position: relative;
    display: inline;
    z-index: 1000;
}

#ctlAccountTypeFilter tr {
    position: relative;
	display: inline;
}

#ctlAccountTypeFilter tr td {
    position: relative;
	display: inline;
}

.summary-header {
    position: relative;
    display: inline;
    color: #3F3F3F;	
    font-size: 14px;
    font-weight: 400;
    float: left;
}

.summary-radio-button-section {
	position: relative;
    display: inline;
    /*
    left: 70px;
    top: -10px;*/
    z-index: 10;
}

.summary-box {
    color: #3F3F3F;	
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 20px;
}

.summary-upper-half {
    position: relative;
    mso-element-wrap: auto;
    word-wrap: normal;
    margin-bottom: 20px;
}

.footer {
    color: #333333;
    font-size: 14px;
    line-height: 1.25em;
    font-style: normal;
    font-weight: 400;
    height: 35px;
}

.group-header {
    color: #3F3F41;
	
    font-size: 14px;
    font-weight: 400;
    padding-left: 12px;
    font-size: 16px;
    padding: 10px;
    font-style: normal;
    line-height: 1.35em;
    background-color: white;
}

.section-divider {
    position: relative;
    top: 3px;
    padding-bottom: 40px;
    background: none repeat scroll 0 0 #EDEDED;
    z-index: -1;
}


tr.alternatingItemList td {
    color: #333333;    
    font-size: 14px;
    line-height: 1.25em;
    margin-left: 45px;
    margin-right: 5px;
    padding: 6px 5px 6px 20px;
    text-align: left;
    vertical-align: middle
}

.balanceListSection-sortable-row {
    color: #333333;    
    font-size: 14px;
    line-height: 1.25em;
    margin-left: 45px;
    margin-right: 5px;
    padding: 6px 5px 6px 20px;
    text-align: left;
    vertical-align: middle
}

#BlanceListSection tr.footer td {
    color: #333333;	
    line-height: 1.25em;
    margin-left: 45px;
    margin-right: 5px;
    padding: 6px 5px 6px 20px;
    text-align: left;
	vertical-align: middle;
    font-size: 14px;
}

table.BalanceListTableSortable table.sortable tr.footer td {
    color: #333333;    
    line-height: 1.25em;
    margin-left: 45px;
    margin-right: 5px;
    padding: 6px 5px 6px 20px;
    text-align: left;
	vertical-align: middle;
    font-size: 14px;
    text-align: left;
}

.balance-list-access-content {    
    
	/* Firefox v3.5+ */
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

.balance-list-header {
    
	/* Firefox v3.5+ */
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);    
}

.balance-list-sortable {
    
	/* Firefox v3.5+ */
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    border-collapse: separate !important;
}

#BlanceListSection table.sortable tr:nth-child(2n), thead tr:nth-child(2n + 1) {
    box-shadow: none;
}

.balance-list-date { padding-left: 0 !important; }

#BlanceListSection table.sortable tr:last-child { line-height: 1.25em; }

.header-account { padding-left: 20px; }

#BlanceListSection tr.sortable-row td {
    font-size: 14px;    
}

#BalanceListSection table.sortable tbody {
    background: none repeat scroll 0 0 #EDEDED;
}

#BalanceListSection table.sortable tbody tr.sortable-header td { padding-left: 5px; }

.current-balance-div {
    text-align: right;
	font-weight: 600;
}

#BlanceListSection table.sortable tbody tr:nth-child(2n), thead tr:nth-child(2n + 1) td {
    background: white;
}

#BlanceListSection table.sortable tbody {
    background: none repeat scroll 0 0 #EDEDED;
}

#BlanceListSection {
    margin-bottom: 20px;
    white-space: normal;
    vertical-align: top;
}

tr.account-group-item-style { font-size: 14px; }

tr.account-group-item-style td {
    color: #333333;	
	line-height: 1.25em;
    padding: 6px 5px 6px 20px;
    text-align: left;
    vertical-align: middle;
}

.BalanceListTableSortable {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
    top: 5px;
}

tr.account-group-item-style td.column-amount-style {
    text-align: right;
    padding-right: 25px;
}

tr.account-group-item-style td.column-amount-style-with-dagger:after, tr.alternatingItemList td.column-amount-style-with-dagger:after {
    content: " \2020";
    vertical-align: super;
    font-size: 11px;
}

tr.account-group-item-style td.column-amount-style-with-white-space, tr.footer td.column-amount-style-with-white-space, tr.alternatingItemList td.column-amount-style-with-white-space {
    padding-right: 37px !important;
}

tr.account-group-item-style td.column-text-style { text-align: left; }

tr.alternatingItemList td.column-amount-style {
    text-align: right;
    padding-right: 25px;
}

tr.alternatingItemList td.column-text-style { text-align: left; }

table.BalanceListTableSortable table.sortable tr.footer td.column-amount-style {
    text-align: right;
    padding-right: 25px;
}

table.BalanceListTableSortable table.sortable tr.footer td.column-text-style { text-align: left; }

tr.sortable-header td.column-amount-style {
    text-align: right;
    padding-right: 25px;
}

tr.sortable-header td.column-text-style { text-align: left; }
/*Account summary end*/

/*Session Sumamry page*/

.margin-spacing {
    line-height: 20px;
    padding-left: 10px;
}

/*Session Sumamry page*/

#cemFromDate_Txt, #cemToDate_Txt {
     margin-left: 35px;
     display: block;
}

/*Spending Page css start*/

.spendingtab-title
{
	padding-top:10px;
	padding-bottom:10px;
	font-weight:600;
	font-size:16px;
    letter-spacing: -0.19px;
    color: #333333;
}

.spendingtab-previousbudget-title {
    padding-bottom: 28px;
}

h3.spending-by-accounts-title-div {
	width: 100%;
	padding: 10px 0 10px 10px;
	font-weight:600;
	font-size:14px;
	color: #343434;
	background: url("../images/icon-sprite.png") 1px -2165px no-repeat;
    margin-left: 5px;
}

h3.spending-by-accounts-title-div:hover {
    /*background-position: 1px -2213px;*/
    background-position: 1px -2163px;
}
h3.spending-by-accounts-title-div.accounts-list-active {
    background-position: 1px -2317px;
    margin-left: 5px;
}
h3.spending-by-accounts-title-div.accounts-list-active:hover {
    background-position: 1px -2317px;
    margin-left: 5px;
}
#BudgetEnabledAccountsTitleDiv{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: .5em;    
}   

    
    .enabledaccounts li {
        margin-left: 40px;
        margin-bottom: .5em;
        list-style-type: disc;
        font-size: 14px;
    }

    div.stoppmt  {
        padding-left:13px;
        line-height: 1.1em;
    }

    .stoppmt li {
        list-style-type: disc;
    }    

    .stoppmt li p{
        padding-top: 5px;
    }    

 
    div.accountsContainer    {
        padding: 15px 5px 15px 0;
	    border-bottom: 1px solid #CCCCCC;
	}
	
	.parentchartlink-spending {
		padding: 10px 0 20px 0;
	}
	
    .spendingnav-link {
        font-size: 14px;
    }
	
	.categorization-panel
	{
		display: inline-block;
		width: 275px;
		height: 30px;
		line-height: 30px; 
	}
	
div.budgetFilterMain .disabledLink
{
	color: #bbbbbb;
	cursor:default;
	text-decoration:none;
}
	
table.accountsTable
{
	width: 100%;
	border:0px;
	padding: 0px 10px 5px 5px;
}

table.accountsTable td.accountLink
{
	width:80%;
	text-align:left;
	padding: 5px 0 5px 20px;
}
table.accountsTable td.accountAmount
{
	width:20%;
	text-align:right;
	padding: 5px 0 5px 0;
    white-space: nowrap;
}

table.accountsTable tr:nth-child(2n) {
	background-color: #FFFFFF;
} 

table.accountsTable tr:nth-child(2n+1) {
	background-color: #F4F4F4;
} 

table.legends-table {
    border: 0px;
    padding: 0 0 0 0;
    font-size: 14px;
}

table.legends-table thead tr th {
    font-weight: 600;
}

table.legends-table thead tr th.subcategoryname-legendheader-table 
{
   text-align: left;
   padding: 5px 0 5px 5px;
   width: 100px;
   white-space: normal;
   word-break: normal;
}

table.legends-table thead tr th.subcategorytotal-legendheader-table {
   text-align: left;  
   padding: 5px 0 5px 0;
   width: 80px;
   word-break: break-all;
   vertical-align: top;
}

table.legends-table thead tr th.subcategorytotal-legendheader-table div 
{
    width: 80px;
    word-break: break-all;
    white-space: pre-wrap;
}

table.legends-table td
{
    vertical-align: top;
}

#Legends-ColumnChart-Container {
    padding-top: 10px;
}

table.legends-table td.marker-legend-table {
    width: 18px;
}

table.legends-table td.name-legend-table {
    width: 100px;
    word-break: normal;
    white-space: normal;
}

table.legends-table td.name-legend-table div 
{
    margin: 5px 13px 5px 0px;
    width: 100px;
}

table.legends-table td.total-legend-table {
    width: 80px;
    word-break: break-all;
}

table.legends-table td.total-legend-table div 
{
    margin: 5px 0px 5px 0px;
    width: 80px;
    word-break: break-all;
    white-space: pre-wrap;
}
	
/*Budget Layout CSS Start*/
.budget-right-region {
    float: right;
    position: relative;   
    margin-bottom: 40px;
}
.budget-left-region {
    position: relative;
    margin-bottom: 40px;
    float: left;
}
#CurrentBudgetDiv li.tab-active:first-child {
    box-shadow: -9px 22px 0 -9px #FFFFFF, 11px 22px 0 -9px #FFFFFF, 0 1px 4px rgba(0, 0, 0, 0.3);
}
#CurrentBudgetDiv li.tab-active {
    background-color:rgb(255,255,255);
	color:#3F3F41;
	position:relative;
	box-shadow:-11px 22px 0 -9px #fff, 11px 22px 0 -9px #fff, 0 1px 4px rgba(0, 0, 0, 0.3);
	cursor:inherit;
    z-index: 4;
}
#CurrentBudgetDiv li {
    z-index:1;    
    font-size: 14px;
	font-weight:600;
	color:#333333;
	letter-spacing: 1px;
	margin-left:-2px;
	padding:9px 27px 10px;
	cursor:pointer;
	background-color:rgb(248,248,248);
	display: inline-block;
	/* Firefox v3.5+ */
	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
	box-shadow:0 1px 4px rgba(0,0,0,0.3);
}
.access-content-width {
    width: 500px !important;
}
.spending-clear {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.wide-left-rail-div {
    width: 1110px !important;
}
.current-budget-add-category-style {
    float: right;
    font-size: 14px !important;
}
table.currentBudgetControls {
    width: 500px;
}
div.noBudgetedCategoriesLabel {
    margin-bottom: 5px;
}
table.currentBudget {
    width: 500px;
}

#CurrentBudgetDisplayArea table.currentBudget tr.dataRow:nth-child(2n),
#CurrentBudgetDisplayArea table.currentBudget thead tr.dataRow:nth-child(2n+1)
{
	background-color: #F4F4F4;
}

#CurrentBudgetDisplayArea table.currentBudget tr.dataRow:nth-child(2n+1) {    
	background-color: #FFFFFF;
}

div.currentBudgetCategoryName {
    display: inline;
    float: left;
    padding-right: 20px;
    width: 100px;
    white-space: normal;
}

td.actualAmount {
    width: 70px;
    word-break: break-all;
    white-space: normal;
    text-align: right;
	padding-top: 10px;
    padding-right: 10px;
}

td.overspentamount-currentbudget {
    font-weight: bold;
}

td.targetAmount     
{
    width: 70px;
    word-break: break-all;
    white-space: normal;
    text-align: right;
	padding-top: 10px;
    padding-right: 10px;
}

th.targetAmount {    
    width: 70px;
    word-break: break-all;
    white-space: normal;
    padding-right: 10px;
}

table.currentBudget thead tr th.actualAmount 
{
    width: 70px;
    word-break: break-all;
    white-space: normal;
    text-align: right;
    padding-right: 10px;
}
#CurrentBudgetDisplayArea div.canvas {
    display: inline;
	width: 200px;
	float: right;    	   
}

#CurrentBudgetDisplayArea div.OverBudget {
	/*position: absolute;
	z-index:1;*/
}

#previousBudgetDisplayArea div.OverBudget {
	/*position: absolute;
	z-index:1;*/
}

.overbudget-img {
   position: absolute;
   z-index:100;
}


td.deleteCategory {    
    text-align: center;
}
input.targetAmount {
    width: 70px;
	height: 12px;
    font-size: 14px;
    text-align: right;    
}
td.deleteCategory a {
    background: url("../images/icon-sprite2.png") no-repeat scroll 8px -55px transparent;
    overflow: hidden;
    text-indent: 40px;
    width: 32px;
    height: 24px;
    display: block;
}
td.deleteCategory a:hover {
    background-position: 8px 5px;
}

tr.sub-category-row td.budgetBar {
        padding-left: 30px;    
}
table.currentBudget thead tr th.budgetBar{
    height: 40px;
    text-align: left;
    padding-left: 10px;
}
table.currentBudget thead tr th {
    vertical-align: middle;
    text-align: right;
}
table.currentBudget thead tr {
    color: #333333;    
    font-size: 14px;
    line-height: 30px;
}

tr.dataRow div.currentBudgetCategoryName{
    
    line-height: 1.25em;
    font-size: 14px;
    color: #333333;
    font-weight: 600;
	text-decoration: none;   
}
tr.sub-category-row div.currentBudgetCategoryName {
    font-size: 14px;
    font-weight: 400;
}

td.addcategorieslink-column {
    padding: 10px 10px 10px 0;
}

#CurrentBudgetDisplayArea table.currentBudget tr.dataRow:hover {
    background: #eee;
    cursor: pointer;
}

tr.dataRowHover {
    background: #eee;
    cursor: default; 
}

td.budgetBar 
{
    vertical-align: middle;
    text-align: left;
	padding-top: 10px;
    padding-bottom: 0;
    word-break: normal;
    padding-left: 10px;
}

.budgetEnabledAccounts-budget {
    padding: 15px 0 5px 0;
    width: 100%
}
table.previousBudget thead tr.datarow {
	background-color: #F4F4F4;
}
table.previousBudget thead tr.datarow th {
	height: 40px;
    vertical-align: middle;
}
#previousBudgetDisplayArea div.canvas {
	display: inline;
	float: right;
	width: 200px;    
}
div.previousBudgetCategoryName {
	display: inline;
	float: left;
	white-space: normal;
	width: 100px;
	padding-right: 20px;
}
tr.dataRow div.previousBudgetCategoryName {
	color: #333333;
	
	font-size: 14px;
	font-weight: 600;
	line-height: 1.25em;
	text-decoration: none;
}
#previousBudgetBody {	
    margin-bottom: 20px;
}
tr.sub-category-row div.previousBudgetCategoryName {
	font-size: 14px;
	font-weight: 400;
}

#previousBudgetDisplayArea table.previousBudget tr.dataRow:nth-child(2n),
#previousBudgetDisplayArea table.previousBudget thead tr.dataRow:nth-child(2n+1)
{
	background-color: #F4F4F4;
}

#previousBudgetDisplayArea table.previousBudget tr.dataRow:nth-child(2n+1) {    
	background-color: #FFFFFF;
}

td.previousActualAmount 
{
    width: 70px;
    word-break: break-all;
    white-space: normal;
	text-align: right;
	padding-top: 12px;
	padding-right: 10px;
}
td.previousTargetAmount 
{
    width: 70px;
    word-break: break-all;
    white-space: normal;
	text-align: right;    
	padding-right: 10px;
}
table.previousBudget thead tr {
	color: #333333;
	
	font-size: 14px;
	line-height: 30px;
}
table.previousBudget thead tr.datarow th.actualAmountPrevious {
	padding-right: 10px;
    width: 70px;
    word-break: normal;
    white-space: normal;
}
table.previousBudget thead tr.datarow th.budgetBar {
	text-align: left;
    padding-left: 10px;
}
div.hide-right-rail-div {
	display: none !important;
}

table.previousBudget {
	width: 500px;
}


#currentBudgetModule_updateCurrentBudgetCategoryDialog div.trash-icon {
    margin-bottom: 10px;
    font-weight: normal;
    margin-top: 20px;
    display:table;
}

#currentBudgetModule_updateCurrentBudgetCategoryDialog div.trash-icon-row {
     display: table-row;
}

#currentBudgetModule_updateCurrentBudgetCategoryDialog div.trash-icon-img {
    background: url("../images/icon-sprite2.png") no-repeat scroll 0 -59px transparent;
    display: table-cell;
    height: 40px;
}

#currentBudgetModule_updateCurrentBudgetCategoryDialog div.trash-icon-img:hover {
    background-position: 0 1px;
    cursor: pointer;
}

#currentBudgetModule_updateCurrentBudgetCategoryDialog div.trash-icon-link {
    display: table-cell;
    padding: 0 0 0 5px;
}

.fields-cell-button {
    display: inline;
    padding-left: 20px;
    padding-right: 20px;
}
#currentBudgetModule_updateCurrentBudgetCategoryDialog div.access-content {
    margin-left: 5px;
    height: 190px;
}

strong {
    font-weight: bold;
}
a.trash-icon {
    font-weight: normal;
}
#UpdateBudgetCategoryDialogErrorDiv {
    background: none repeat scroll 0 0 #F0D3D6;
    border: 1px solid #C65863;
    color: #C65863;
    display: none;
    font-size: 14px;
    padding: 5px;
}
/*Budget Layout CSS End*/

/* CSS Start for Spending Page - importcategoryDialog */

table.importCategoryActualsDataTable tr td
{
	padding: 3px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #ced7bd;
	vertical-align:middle;
}
table.importCategoryActualsDataTable td.checkAll
{
	width:20px;    
}
table.importCategoryActualsDataTable td.chkCategory
{
	padding-left: 20px;
}
table.importCategoryActualsDataTable tr.subCategoryRow td.chkCategory
{
	word-wrap:break-word;
	word-break:break-word;
	width: 21.6em;
	padding-bottom: 8px; /* firefox fix for table cell height */
	float:left;
}
table.importCategoryActualsDataTable td.errorSpan
{
	 width:20px;
	 text-align:left;
}
table.importCategoryActualsDataTable td.categoryName
{
	width:280px;
	text-align:left;
}
table.importCategoryActualsDataTable td.parentCategoryName
{
	width:280px;
	text-align:left;
	font-weight:bold;
}
table.importCategoryActualsDataTable td.actualAmount
{
	width:100px;
	text-align:right;
}
table.importCategoryActualsDataTable td.targetAmount
{
	width:100px;
	text-align:right;
}
table.importCategoryActualsDataTable
{
	border:1px solid #ced7bd;
}

table.importCategoryActualsDataTable tr.selectAllRow
{
	background-color:#f2f0e5;
}
table.importCategoryActualsDataTable tr.primaryCategoryRow
{
	background-color:White;
}
table.importCategoryActualsDataTable td a
{
	color:#0066cc;
	font-size:14px;
}
table.importCategoryActualsDataTable td.viewAll
{
	padding-left:22px;
}

table.importCategoryActualsDataTable tr.alternaterow
{
background:#E9EDFE;	
}
table.importCategoryActualsDataTable tr.row
{
	background:white;
}
div.allCategoryActualsDisplayArea
{
	background:white;
	height:480px;
	width:517px;
	top:20px;
	left:10px;
}
div.CategoryActualsTemplate .body
{
	text-align:center;
	height: 400px;
	overflow:auto;
	font-size:14px;
	overflow-x: hidden;
	background-color:White;
	padding:15px 1px 2px 15px;
}

div.CategoryActualsTemplate .header
{
	border-bottom: 2px solid #6B6B6B;
	font-size:14px;
	font-weight:700;
	color:#000;
	background-color:White;
	height:20px;
	width:100%;
}
 table.importCategoryActualsDataTable tr.viewLinkRow
 {
	 display:none;
 }
 
 div.import-dialog-commands
 {
	 text-align:right;
	 background-color:White;
	 padding:10px 20px 17px 20px;
	 height:20px;
	 border-top:1px solid #6B6B6B;
 }

div.errorDivMajor
{
	padding: 5px;
	text-align: left;
	background:white;
	height:auto;
	color:Red;
	height:80px;
	text-align:left;
	position:relative;
	font-size:14px;
	padding-bottom:5px;
	padding-top:15px;
}
.divCategoryActualsContainer
{
	height:530px;
	background:white;
}
div.categoryImportValidationError
{
	text-align: left;
	background:white;
	height:auto;
	color:Red;
	/*height:20px;*/
	text-align:left;
	position:relative;
	font-size:14px;
	padding:5px 0 5px 5px;
}

/* CSS End for Spending Page - importcategoryDialog */


/*Spending Page css end*/
/*  Settings color highlight */
.highlight-settings-link {
	color: #000 !important;
	background-position: 0 -200px !important;
}

div#MasterHeaderContainer + div#ContentContainer {
    border-top: 1px solid black;
}

/* pseudo element apply for ie 10 */
::-ms-reveal {
    width: 0px;
    height: 0px;
} 
::-ms-clear {
    width: 0px;
    height: 0px;
}
/*Start of Partial NEWUI standard*/
/*******************Common Styles for Every Page***************/
.form-container {
    width: 765px;
    font-weight: 400;
    font-size: 14px;
    color: black;
    background-color: rgb(255, 255, 255);
    padding-left: 15px;
    padding-top: 23px;
    padding-bottom: 5px;
    -moz-box-shadow: none; /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: none; /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: none; /*-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#4d000000,Positive=true)"; co*//*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#4d000000,Positive=true);*/
}

.form-container p {
    margin-bottom: 12px;
    
    font-style: normal;
    letter-spacing: 0.2px;
}

.left .form-container button { margin: 0 24px 0 147px; }

.form-container h1 { text-align: left; }

.form-container input[type='text'], input[type='password'] { width: 228px; }
.form-container input.phone-field { width: auto; }
.phone-field.VAMFieldWithError + .phone-field, .phone-field.VAMFieldWithError + .phone-field + .phone-field {
    background-color: #F0D3D6 !important;
}

.form-container input.currency-input,
input.currency-input { width: 150px; }

.transfer-container {
    width: 700px;
    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
    /*-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#4d000000,Positive=true)"; co*//*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#4d000000,Positive=true);*/
    display: table-cell;
}

.transfer-container .select, .transfer-container .select select{
    width: 425px;
}

/* For Internal Add Transfer */

#AddTransferWorkflow_cemAddFirstTransferDate_Txt { white-space: nowrap; }

.fields-frequency-cell-control {
    display: table-cell;
    text-align: left;
    
    padding-left: 20px;
    padding-bottom: 10px;
    width: 350px;
}

.transfer-form-container-frequency-text { width: 40px !Important; }

/* For Internal Add Transfer */


.form-space-separator {
    padding-top: 16px;
    padding-right: 5px;
}

.form-space-separator-category-height  
{
    padding-top: 16px;
    height: 20px;    
}
.form-fields {
    display: table;
    margin-bottom: 0.5em;
    width: 100%;
}

.fields-row {
    display: table-row;
    width: 100%;    
}

.fields-row div { vertical-align: middle; }

.fields-row-padding { padding-bottom: 20px; }

.fields-row-span-padding { padding-top: 10px;}

.fields-cell-label {
    display: table-cell;
    color: #333333;
    
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    font-weight: bold;
    width: 25%;
    padding-bottom: 10px;
    white-space: nowrap;
}

.required-mark {
    color: red;
    display: inline-block;
    vertical-align: text-top;
    font-weight: normal;
    font-size: 14px;
}

.required-mark-dialog {
    color: red;
    display: inline-block;
    padding-top: 7px;
    padding-left: 4px;
    vertical-align: top;
}

.required-mark-textarea {
    padding-top: 26px;
}

.required-mark-icon-reveal {
    color: red;
    display: inline-block;
    margin-left: -23px;
}

/*OOBA Pages CSS*/
    .fields-cell-label-OOBA {
	    display: block;
        color: #333333;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        font-weight: bold;
        width: 100%;
        padding-bottom: 10px;
    }
    .fields-cell-label-OOBA p
    {
        font-weight: normal;
    }
    .fields-cell-label-OOBA p b
    {
        font-weight: bold;
    }
	#tandcdivtext
    {
        height: 200px;
        float: left;
        overflow: auto;
        overflow-x: hidden;
        color: #bbb;
    }
	#OOBATermsAndConditionDialog {
		background: none repeat scroll 0 0 #F4F4F4;
		width: 725px;
		height: 600px;
		padding: 20px 20px 30px 20px;
	}
	#OOBATermsAndConditionDialog .formPanel {
		background: none repeat scroll 0 0 #FFFFFF;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
		padding: 15px;
		height: 475px;
	}
	#OOBATermsAndConditionDialog .formPanel ol li {
		line-height:1.35em;
		word-spacing: 2.0px;
		margin: 5px 10px 5px 20px;
        list-style: disc;
    }
	#OOBATermsAndConditionDialog canvas { display: none; }
	#OOBATermsAndConditionDialog .tnc-close-button
	{
		text-align: center;
	}

/*OOBA Pages CSS*/

/*BudgetFilter control CSS start*/

.fields-cell-centeralign {
    text-align: center;
    width: 50%;
}

.fields-cell-rightalign { text-align: right; }
/*BudgetFilter control CSS end*/

/*Spending Page - Budget Layout CSS Start*/

.fields-cell-label-budget { padding-bottom: 0px; }

.fields-row-legends div {
    vertical-align: top;   
}

.legendmarker-div {
    margin: 5px 10px 5px 5px;
    width: 18px;
    height: 18px;
}
/*Spending Page - Budget Layout CSS End*/

.challenge-question-label-div { width: 87.3px; }

.fields-empty-cell { width: 12%; }

.fields-cell-control {
    display: table-cell;
    text-align: left;
    padding-left: 20px;
    padding-bottom: 10px;
    text-wrap: none;
}

.atLeastOnePhoneNumber {
    font-style : italic;
    font-size: 12px;
    
}

.fields-cell-control.iaQuestionCell {
    padding-top: 5px;
}

.fields-cell-control-selfservice {
    display: table-cell;
    text-align: left;
    
    padding-left: 20px;
    padding-bottom: 0px;
    text-wrap: none;
}

.fields-cell-control-footer {
    display: inline;
    padding-right: 20px;
}


.help-text {
    text-align: left !important;
    font-weight: normal !important;
    
    font-size: 14px !important;
    color: #333333;
    padding-top: 5px;
    padding-bottom: 5px;
}

.help-icon {
    text-align: center;
    color: rgb(255, 255, 255);
    line-height: 15px;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    -moz-border-radius: 12px; /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius: 12px; /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    border-radius: 12px; /* Firefox v3.5+ */
    background-color: rgb(87, 160, 214);
    background-size: auto;
    background-clip: border-box;
    background-origin: padding-box;
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 4px 4px 4px 4px;
}

.help-icon:hover { background-color: rgb(243, 142, 1); }

input[type="submit"].linkStyle, button.link-style, button.linkStyle, input[type="button"].linkStyle, input[type="button"].link-style, input[type="submit"].link-style, .link-button {
    font-family: 'Trade Gothic W01 Roman', Arial, sans-serif;
    color: #002f6c;
    font-weight: bold;
    background: none;
    background-image: none;
    border: none;
    display: inline-block;
    text-decoration: none;
    cursor: Pointer;
    font-weight: 600;
    letter-spacing: .1px;
    box-shadow: none;
    text-align: center;
    padding-left: 0px;
    min-width: 20px;
    font-size: 16px;
}

input[type="submit"].linkStyle:not(:disabled):hover, 
button.link-style:not(:disabled):hover, button.linkStyle:not(:disabled):hover, 
input[type="button"].linkStyle:not(:disabled):hover, input[type="button"].link-style:not(:disabled):hover, 
input[type="submit"].linkStyle:not(:disabled):hover, .link-button:not(:disabled):hover {
    box-shadow: none;
    color: #002f6c !important;
    text-decoration: none;
}

.check-available {
    
    /*color: #32E01B;*/
    color: green;
    font-size: 14px;
    background: none;
    border: none;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    padding-top: 10px;
}

.user-exist-error-summary {
    float: left;
    padding-top: 0px !important;
    padding-left: 20px;
    text-align: left;
    /* "Open Sans", helvetica, sans-serif;*/
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #882b2b !important;
    letter-spacing: 0.1px;
    margin: 0;
}

.check-availability-control { width: 26%; }

.check-availability-cell { padding-bottom: 0; padding-left: 0;}

/*******************Page specific style ***************/

.view-categories-label {
    font-size: 16px;
    /*: "Open Sans", helvetica, sans-serif;*/
    padding-left: 13px;
    padding-bottom: 10px;
    width: 77%
}

.content-box-view-categories {
    background-color: rgb(255, 255, 255);
    padding-top: 15px; /* Firefox v1.0+ */
    white-space: normal;
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); /*-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#4d000000,Positive=true)"; co*//*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#4d000000,Positive=true);*/    
}

.alternate-item-view-categories {
    background-color: rgb(237, 237, 237);
    padding-top: 20px; /* Firefox v1.0+ */
}

.tax-image { text-align: center; }

tr.grid-header td, thead.grid-header td {
    /* Open Sans, helvetica, sans-serif;*/
    color: rgb(127, 126, 129);
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    margin-right: 50px;
    margin-left: 50px;
    vertical-align: text-top;
    padding-right: 10px;
    height: 10px;
}

.userActivity-Header { padding-left: 15px; }

/*******************End of page specific style ***************/

.sortable { width: 100%; }

tr.sortable-header td {
    margin-right: 40px;
    margin-left: 45px;    
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
}

tr.sortable-header td, tr.tablesorter-headerRow th {    
    color: #333333;
    font-size: 14px;
    text-shadow: none;
    font-weight: bold;
}

tr.sortable-header a {
    color: #333333;
    text-decoration: none;
}

tr.sortable-header a span{
    display: block;
    padding-left: 20px;
    background: no-repeat;
    background-position: left center;
}

tr.sortable-row td {    
    font-size: 14px;
    line-height: 1.25em;
    color: #333333;
    text-align: left;
    margin-right: 5px;
    margin-left: 45px;
    vertical-align: middle;
    padding-right: 5px;
    padding-left: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.user-column {
    word-break: break-all;
    width: 125px;
}

table.sortable
{
    background-color: #ffffff;
}

table > thead > tr, table.sortable tr.sortable-header, table.tablesorter tr.tablesorter-headerRow {
    background-color: #f0f0f0;
}

table.sortable tr:nth-child(even), thead tr:nth-child(odd) {  }

table.sortable tr:nth-child(odd) {
    background-color: #f0f0f0;
}

/*Transfer columns*/

.transfer-column {
    font-size: 14px;
    white-space: nowrap;
    padding-right: 5px;
    padding-left: 7px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: left;
}

.transfer-frequency-column {
    font-size: 14px;
    white-space: normal;
    padding-right: 5px;
    padding-left: 7px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: left;
}
.transfer-account-column {
    font-size: 14px;
    width: 120px;
    white-space: normal;    
    padding-right: 5px;
    padding-left: 7px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: left;
    word-break: normal;
}
.transfer-amount-column {
    font-size: 14px;
    text-align: right;
    padding-right: 20px;
}

.recurring-edit-transfer {
    display: block;
    width: 32px;
    height: 24px;
    overflow: hidden;
    text-indent: 40px;
    background: url("../images/icon-edit-recurring.png") no-repeat;
    background-position: 10px 10px;
}

.recurring-edit-transfer-message {
    display: inline;   
    background: url("../images/icon-edit-recurring.png") no-repeat;
    background-position: 0px -1px;
    padding-right: 3px;
}

.helpAnswer .recurring-edit-transfer-message {
    padding-right: 20px;
}

#LeftRailDiv p.instruction-pending-transfer {
    display: inline;        
}

.single-edit-transfer {
    display: block;
    width: 32px;
    height: 24px;
    overflow: hidden;
    text-indent: 40px;
    background: url("../images/icon-edit.png") no-repeat;
    background-position: 10px 10px;
}

/*Transfer columns*/

.form-container table.sortable {
    margin-bottom: 17px;
    margin-top: 17px;
}

.form-container button { margin: 0 0 15px 22px; }

.delete-user a {
    display: block;
    width: 32px;
    height: 24px;
    overflow: hidden;
    text-indent: 40px;
    background: url("../images/icon-sprite2.png") 8px -55px no-repeat;
}

.delete-user a:hover { background-position: 8px 5px; }

/* For Manage Alert Screen */

.edit-alert a {
    display: block;
    width: 32px;
    height: 24px;
    overflow: hidden;
    text-indent: 40px;
    background: url("../images/icon-edit.png") no-repeat;
    background-position: 10px 5px;
}

div .edit-alert {
    vertical-align: middle;
    padding-right: 0px;
}

.edit-alert a:hover {
    /*background-position: 8px -537px;*/
    background: url("../images/icon-edit.png") no-repeat;
    background-position: 10px 5px;
}

.delete-alert a {
    display: block;
    width: 32px;
    height: 24px;
    overflow: hidden;
    text-indent: 40px;
    background: url("../images/icon-sprite2.png") 8px -55px no-repeat;
}

.delete-alert a:hover { background-position: 8px 5px; }

div .delete-alert {
    vertical-align: middle;
    padding-left: 0px;
}

.tablesorter-header-inner { text-align: center; }


.tablesorter thead tr:nth-child(1) {
    height: 30px;
    white-space: nowrap;
}


.all-alerts-form-container { width: 730px; }

.manage-alert-error-container {
    display: block;
    padding-left: 20px;
    padding-top: 20px;
    visibility: inherit;
    width: 720px;
}

/* For Manage Alert Screen */

h1 .arrow {
    background: url("../images/icon-sprite2.png") 3px -105px no-repeat;
    padding: 0 9px;
}


/****** Start CSS for Schedule alerts page******/

.sort-schedule-alert-table-header td {
    
    color: rgb(127, 126, 129);
    font-size: 14px;
    text-align: left;
    margin-right: 40px;
    margin-left: 45px;
    vertical-align: middle;
    padding-right: 15px;
    padding-left: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.form-container #ctlAlertTypesDataGrid {
    background-color: rgb(255, 255, 255);
    width: 760px;
    margin: 2px 2px 2px 2px;
	/* Firefox v3.5+ */
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	/* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

.sort-schedule-alert-tableRow td {
    font-size: 14px;
    line-height: 1.25em;
    color: #333333;
    text-align: left;
    margin-right: 5px;
    margin-left: 45px;
    vertical-align: middle;
    padding-right: 5px;
    padding-left: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
}
/****** End -CSS for Schedule alerts page******/

/****** Start -CSS for message details page******/


.message-details-subject {
    margin-bottom: 1em;
    width: 650px;
}

.message-return {
    margin-bottom: 1em;
    width: 650px;
    font-size: 14px;
    font-weight: 200;
}

.message-Details-Instr {

    margin-bottom: 0.5em;
    width: 740px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 0.5px;
    word-break: normal;
}

.message-Details-Instr-break {
    white-space: pre-line !important;
    word-wrap: break-word;
}

.message-details-reply {
    float: right;
    padding-right: 10px;
}

.message-image-cell {
    width: 20px;
    height: 15px;
}

.messages-unread {
    font-weight: bold;
    font-size: 15px;
    color: #002f6c;     
}

.messages-read {
    font-weight: normal;
    font-size: 15px;
    color: #002f6c;
    text-decoration: none;   
}

.message-sender {
    width: 25%;
    padding-right: 15px;
    word-break: normal;
    white-space: normal; 
}

.message-date { width: 20%; }

.message-subject {
    width: 55%;
    word-break: normal;
    white-space: normal;
}





/****** End -CSS for message detailspage******/

/****** CSS for Setting page******/

.div-row {
    width: 830px;
    display: block;
    padding-bottom: 50px;
}

.div-column {
    width: 45%;
    float: left;
    display: block;
    padding-right: 5%;
    padding-bottom: 25px;
}

.div-hide { display: none; }

.settings-content-h2 {
    font-size: 16px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 20px;
}

.div-setting-block {
    width: 340px;
    min-height: 260px;
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); /*-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#4d000000,Positive=true)"; co*//*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#4d000000,Positive=true);*/
}

div.box-shadow {
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); /*-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#4d000000,Positive=true)"; co*//*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#4d000000,Positive=true);*/
}

.settings-content-link {
    margin-bottom: 15px;
    margin-right: 5px;
    line-height: 17px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .1px;
}

.settings-content-link.sup-script-fix {
	margin-bottom: 11px;
}

.settings-content-h2.sup-script-fix {
	margin-bottom: 16px;
}

.settings-content-link.sup-script-fix-ie {
	margin-bottom: 10px;
}

.settings-content-h2.sup-script-fix-ie {
	margin-bottom: 15px;
}

.uberLink-disabled {
    color: #A0A0A0;
    pointer-events: none;
    cursor: default;
}
/******End of CSS for Setting page ****/

/*** CSS for Link button style for DesButton type *****/


/*** End of CSS for Link button style for DesButton type *****/

/** CSS Used for Statement copy page ***/

.add-user-button {
    padding-left: 20px;
    margin-bottom: 15px;
}

.show-deleted-user-checkbox {
    padding-left: 20px;
    margin-bottom: 15px;
    margin-top: 12px;
}
/** End of CSS Used for Statement copy page ***/

/*******************User confirmation Styles*****************************/

.form-fields-pad { padding-bottom: 40px; }

.form-fields-bottom-border { border-bottom: solid #e0e0e0 1px; }

.shared-access-error-message {
    color: #C65863;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding-top: 5px;
}

.user-confirmation-table {
    border: rgb(170, 170, 170) 1px solid;
    width: 98%;
}

.user-confirmation-table .fields-cell-label {
    padding-left: 1em;
    padding-top: 1em;
}

.user-confirmation-header {
    background: rgb(234, 234, 234);
    border-bottom: rgb(190, 190, 190) 1px solid;
    line-height: 2em;
}

.user-confirmation-header .fields-cell-control {
    text-align: right;
    vertical-align: middle;
    padding-right: 1em;
}

.user-confirmation-header .fields-cell-label {
    vertical-align: middle;
    padding-left: 1em;
    padding-top: 0px;
}

.user-confirmation-header h2 { width: 9.5em; }

.user-confirmation-header h3 {
    width: 8.5em;
    font-size: 14px;
    color: #333333;
    letter-spacing: -.10px;
}

.div-shared-full-access {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 0px;
}

/*******************Styles for Add Sub user steps indicator control***************/

.workflow-steps-highlighter {
    position: relative;
    margin-bottom: 25px;
}

.workflow-steps-highlighter li {
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    background-color: rgb(228, 228, 228);
    padding: 6px 25px 6px 33px;
    line-height: 0;
    margin-left: -23px; /* Firefox v1.0+ */
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 12px; /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius: 12px; /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    border-radius: 12px; /* Firefox v3.5+ */
}

.workflow-steps-highlighter li.step-one {
    padding: 6px 55px 6px 4px;
    margin-left: 0;
    position: relative;
    z-index: 6;
}

.workflow-steps-highlighter li.step-one.step-completed {
    padding: 6px 35px 6px 4px;
    text-align: center;    
}

.workflow-steps-highlighter li.step-one.step-completed span {
    background: url('../images/icon-sprite_1.png') 3px -2535px white no-repeat;
    padding-left: 7px;
    padding-right: 10px;
    text-align: center;
}

.workflow-steps-highlighter li.step-one.step-active {
    padding: 6px 25px 6px 4px;
    margin-left: 0;
}

.workflow-steps-highlighter li.step-two {
    z-index: 5;
    position: relative;
}

.workflow-steps-highlighter li.step-two.step-completed { padding: 6px 35px 6px 33px; }

.workflow-steps-highlighter li.step-two.step-completed span {
    background: url('../images/icon-sprite_1.png') 3px -2535px white no-repeat;
    padding-left: 7px;
    padding-right: 10px;
}

.workflow-steps-highlighter li.step-two.step-active {
    padding: 6px 25px 6px 4px;
    margin-left: -24px;
}

.workflow-steps-highlighter li.step-three {
    z-index: 4;
    position: relative;
}

.workflow-steps-highlighter li.step-three.step-completed { padding: 6px 25px 6px 4px; }

.workflow-steps-highlighter li.step-three.step-active {
    padding: 6px 25px 6px 4px;
    margin-left: -19px;
}

.workflow-steps-highlighter span {
    background-color: #fff;
    color: #333333;
    height: 14px;
    min-width: 10px;
    padding: 0 5px;
    text-align: center;
    font-size: 14px;
    line-height: 12px;
    font-weight: bold;
    -moz-border-radius: 9px; /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius: 9px; /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    border-radius: 9px; /* Firefox v3.5+ */
}

.workflow-steps-highlighter li.step-active {
    color: #fff;
    background-color: #397192;
    -moz-box-shadow: 0 1px 0 rgb(255, 255, 255), inset 0 1px 1px rgba(0, 0, 0, 0.2); /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: 0 1px 0 rgb(255, 255, 255), inset 0 1px 1px rgba(0, 0, 0, 0.2); /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: 0 1px 0 rgb(255, 255, 255), inset 0 1px 1px rgba(0, 0, 0, 0.2); /*-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ffffffff,Positive=true)"; 	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ffffffff,Positive=true);*/
    z-index: 7;
}

.workflow-steps-highlighter li.step-active span { color: #397192; }

.iaQuestionPadding { padding-right: 15px; }

.clearRightPadding { padding-right: 0px; }

.user-management-form { padding: 2px; }

.user-management-form-details { padding-bottom: 7px; }

.account-preference-title {
    padding-bottom: 5px;
    height: 15px;
    color: #333333;
    font-size: 16px;
    text-align: left;
}

#rblAccountMasking {
    padding-top: 10px;
    padding-left: 5px;
    font-size: 14px;
}

.account-preferences-padding-style {
    padding-left: 20px;
    margin-bottom: 15px;
}

.change-login-security-form {
    padding-left: 20px;
    padding-bottom: 2px;
    padding-right: 2px;
    padding-top: 2px;    
}

.clear-bottom-margin { margin-bottom: 0px; }

.updateAnswer {
    padding-left: 110px;
    margin-top: 10px;
}

.challengeUser-form {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
}

.challengeUser-button {
    padding-left: 105px;
    margin-top: 10px;
}

.change-login-security-heading {
    font-size: 18px !important;
    margin-bottom: 8px !important;
    zoom: 1 !important;
    color: black !important;    
}

.stop-payment-left-div { width: 150px; }

.form-container .emptyGridWidth { width: 750px; }

.view-category-grid-padding {
    padding-left: 20px;
    padding-bottom: 10px;
    padding-right: 7px;
}

.view-category-grid-content {   
    font-size: 14px;
}

.view-category-grid-row-height { height: 20px; }

/** Stop payment css **/

.toggle-button-div {
    
    font-size: 14px;
    font-weight: 400;
    color: #3F3F3F;
    margin-top: 25px;
}

.toggle-button {
    font-weight: 600;
    color: #000;
    padding: 3px 8px;
    margin-left: 6px;
    cursor: pointer;
}

.toggle-button-active {
    background-color: rgb(228, 228, 228);
    width: 96px;
    height: 24px;
	/* Firefox v3.5+ */
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	/* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    position: relative;
    cursor: inherit;
}  
  /** End of Stop payment **/

.validation-error-text, span.error {
    color: #882b2b;
    font-size: 14px;
    font-weight: bold !important;
    margin: 0;
    padding-top: 5px;
}

/*******************Styles for Modify Sub user steps indicator control***************/

.modify-steps-container {
    position: relative;
    margin-bottom: 25px;
}

.modify-steps {
    text-align: center;
    margin-right: 10px;
    width: 100px;
    font-size: 14px;
    font-weight: 600;
    display: inline-table;
    background-color: rgb(228, 228, 228);
    padding: 6px 25px 6px 25px;
    line-height: 1em;
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3); /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3); /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

.active-step {
    color: rgb(255, 255, 255);
    background-color: rgb(242, 141, 0);
    -moz-box-shadow: 0px 1px 1px rgb(255, 255, 255), inset 0px 1px 1px rgba(0, 0, 0, 0.2); /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: 0px 1px 1px rgb(255, 255, 255), inset 0px 1px 1px rgba(0, 0, 0, 0.2); /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: 0px 1px 1px rgb(255, 255, 255), inset 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.inactive-step a { color: rgb(127, 126, 128); }

.inactive-step a:hover { color: rgb(87, 160, 214); }

.inactive-step a:active {
    position: relative;
    top: 1px;
}

.inactive-step:hover {
    -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 1px 2px rgb(87, 160, 214);
	/* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 1px 2px rgb(87, 160, 214);
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 1px 2px rgb(87, 160, 214);
}

.management-account-preferences-form { padding: 23px 2px 23px 2px; }

tr.grid-header-padding-style td { padding-left: 20px; }

.form-confirmation-data-line-height { line-height: 25px; }

.statement-month-year-select {
    width: 129px !important;
    background-position: 119px -2266px !important;
}

.month-year-dropdown-width { width: 158px; }

.form-container table.account-display-grid-width {
    width: 100%;
    margin-top: 5px;
}

.clear-bottom-margin { margin-bottom: 0; }

.category-template-category-width { width: 300px; }

.category-template-description-width { width: 390px; }

.category-template-tax-related-width { width: 80px; }

.messgae-container {
    width: 700px;
    padding-left: 9px;
}

.messgae-container.wide {
	width: 1050px;
}


.fields-cell-message-label {
    width: 20px;
    padding-left: 5px;
}

.fields-row-message { width: 10%; }

.fields-cell-message-label {
    display: table-cell;
    text-align: left;
    font-weight: normal;
    width: 25%;
    vertical-align: top;
    padding-top: 10px;   
}

.fields-cell-message-control {
    padding-left: 10px;
    padding-bottom: 1px;
}

.message-body-cell-label { vertical-align: top; }

.message-header-label { font-size: 18px; text-align: left;}

.subuser-instruction-row-padding { padding-bottom: 0px; }

/* ### Tool Tip Styles ### */

body .ui-tooltip, .arrow:after {
    background: white;
    border: 1px solid #dedede;
}

.ui-tooltip {
    padding-left: 10px;
    font-weight: normal;
    font-size: 14px;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);
    border: 1px solid #000;
}

.div-tooltip { width: 10px; }

.arrow {
    width: 30px;
    height: 7px;
    overflow: hidden;
    position: absolute;
    left: 0;
    /* margin-left: -35px; */
    bottom: -7px;
}

.arrow.top {
    top: -7px;
    bottom: auto;
}

.arrow.left { left: 6px; }

.arrow.bottom.left { left: 2px; }

.arrow:after {
    content: "";
    position: absolute;
    /* left: 4px; */
    top: -20px;
    width: 25px;
    height: 19px;
    box-shadow: 6px 5px 9px -9px black;
    -moz-box-shadow: 6px 5px 9px -9px black;
    -webkit-box-shadow: 6px 5px 9px -9px black;
    -o-box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
}

.arrow.top:after {
    bottom: -20px;
    top: auto;
    /* left: 7px; */
}

.ui-tooltip p { margin-bottom: 0.5em; }

div.textRegion {
    border: 1px solid black;
    overflow: auto;
	height: 550px;
}

div.textRegion ul {
    list-style: disc;
    padding-left: 30px;
}

div.textRegion ol {
    list-style-type: decimal;
    padding-left: 30px;
}


#divTermsAndConditions td {
    padding: 5px;
}

div#divTermsAndConditions.textRegion {
    padding: 5px;
    margin-right: 5px;
    height: 555px
}

div#divTermsAndConditions {
    background-color: white;
}

.welcome-sub-user-label {
    color: #807e82;
	font-weight: bold;
}
 
/* Styles related to Alert -Manage Contacts Page */

.alert-container { width: 370px; }

.terms-conditions-form-conatiner-padding { padding-right: 15px; }
   

.alert-fields-cell-label { width: 30%; }

.form-container input.alert-field-cell-control { width: 180px; }

.alert-header-row {
    color: #3F3F41;    
    font-size: 16px;
    width: 100%;
    font-weight: 600;
}

.alert-cell-padding { padding-left: 10px !important; }

.alert-formcontainer-padding {

    padding-right: 2px;
    padding-bottom: 3px;
    padding-left: 2px;
}
/* Styles related to Alert -Manage Contacts Page */

.ia-div-select { width: 530px; }

.workflow-steps-highlighter li.step-two-complete {
       padding: 6px 10px 6px 4px;
    text-align: center;
}

.workflow-steps-highlighter li.step-two-complete span {
    background: url('../images/icon-sprite_1.png') 3px -2535px white no-repeat;
    padding-left: 7px;
    padding-right: 10px;
    text-align: center;
}

.create-subuser-middle-name-padding-style { padding-top: 0px; }

.subuser-credentials .validation-error-text {
	position: relative;
    z-index: 1;
	cursor: default;
}

.subuser-credentials input[type="password"], .subuser-credentials input[type="text"] {
	position: relative;
    z-index: 2;
}

.sso-screen {
    height: 600px;
    width: 800px;
    left: -65px;
    overflow: scroll;
}

.font-weight-bold { font-weight: bold !important; }

.float-right-clear-both {
    float: right;
    clear: both;
}

.margin-b1em { margin-bottom: 1em; }

.upcoming-bill-wrapper {
    width: 275px;
    height: 135px;
}

/*End of Partial NEWUI Standard*/

.billPayFeeTip {
    position:absolute;
    font-size: 10px;
    color: #333;
    top:0;
    left:0;
    background: #f6a828;
    }
    td .ui-state-hover {
    border-color: #f6a828 !important;
}
.billPayFee {
    display:none;
}

span.edit-schedule-label {
    width: 21% !important;
}
#divquicktransferconfirm div ol > li > label {
    width: 30% !important;
}

/*.tandcdivtext
    {
        height: 200px;
		width: 100%;
        float: left;
        overflow: auto;
        overflow-x: hidden;
        color: #bbb;
    }*/
.underline-message
    {
        padding-left: 25px;
        font-size:9pt;
    }

/*Validation*/
/* Property: ValidationSummary.CssClass
Overall appearance of the ValidationSummary control.
Consider background, font, and border attributes. */
.DESVALSummary
{
   color: #882b2b;
   background: #dbbfbf;
   border: #882b2b;
   padding: 5px 25px;
}

/* Property: ValidationSummary.HeaderCssClass
The ValidationSummary header area. */
.DESVALSummaryHeader
{
   color: #882b2b;
}
.DESVALSummaryHeader TR
{
   color: #882b2b;
}

/*Property: ValidationSummary.ErrorMessageCssClass
Applied to each error message listed in the ValidationSummary.*/
.DESVALSummaryErrors
{
   color: #882b2b;
   margin-top:6px;
}

.formContainer .formInputContainer {
    line-height: 150%;
    background: #ffffff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 5px;
    margin-bottom: 10px;    
}
.formContainer-enrollment3 {
    width: 850px;
}
.formButtonContainer {
    text-align: center;
}



table.fullWidth {
    width: 100%;
}

.EnrollStep
{
	font-size: large;
}

.EnrollInstruction
{
	font-size: x-large;
}

table.instruction {
    padding-top: 15px;
    height: 100px;
    width: 700px;
}


table.dataTable tr.header td,
table.dataTable tr.header td *,
table.dataTable tr.footer td,
table.dataTable tr.footer td *{
	font-weight: bold;
}

table.formTable tr.header td,
table.formTable tr.header td *{
	font-weight: bold;
}


table.enrollterms{
    border: 1px solid #333;
    text-align: left;
    vertical-align: middle;
    
}

table.enrollterms tr {
    background-color:#FfFfFf;
    color:#333;
}

table.enrollterms th{
    background-color:#f0f0f0;
    color:#333;
    vertical-align: middle;
}

table.enrollterms td{
    padding:1px;
}

.notes{
 font-size: 10px;
}

table.formTable  table.formTable td {
    padding-bottom: 3px;
}

.negative-balance
{
    color: red !important;
}
.positive-balance
{
    color: black ;
}

#OboWarningPanel {
    position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
    font-weight: bold;
	text-align: center;
	border: 1px solid Black;
	background-color: Red;
	color: White;
	padding: 4px;
}

div.adBelowInstructionsContainer {
    padding-bottom: 20px;
}

div.adBelowMessage {
    padding-top: 25px;
    margin-bottom: -25px;
}
.transaction-header,.tblloanAcctDetailsHeader {
    position: relative;
    display: inline;
    color: #3F3F3F;	
    font-size: 14px;
    font-weight: 600;
    float: left;
    padding-top:12px;
    padding-bottom:12px;

}

.loanAccountDetailsCell {
    padding-left: 50px;
    padding-right: 80px;
    padding-bottom: 4px;
}

.loanBalanceWarning {
    text-align: left;
    font-weight: normal;
    font-size: 14px;
}

.loanInfoLinkDesc {
    margin: 0 0 10px 0;
    padding: 15px 10px 10px 15px;
    font-size: 14px !important;
    line-height: 30px;
    border-bottom: none !important;
    text-decoration: underline !important;
    color: #002F6D;
    font-weight: 600;
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
}

.loanInfoLink {
    padding: 80px 10px 10px 15px !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}
.moreLoanInfoLink {
    padding: 80px 10px 10px 7px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    line-height: 60px;
    margin-left: 75px;
}

.loanConactPhoneSpan {
    margin-left: 50px;
    text-decoration: none !important;
    font-weight: 600;
}

.loanAssistantPhoneSpan {
    line-height: 30px;
    color: #002F6D;
    margin-left: 80px;
    font-weight: 600;
}

.comericaContactAddrSpan {
    color: #002F6D;
    font-weight: 600;
    text-align: center;
    margin-top: 10px;
}

#tblLoanAcctDetails {
    padding-left:6px;
}

#tblLoanAcctDetails td{
    font-size: 14px;
}

.loanAcctDetailsBoldCell {
    font-weight: bold;
    padding-bottom: 6px;
    height: 14px;
    vertical-align: middle;
}

.pnlDateFilters {
    margin-top: 20px;    
}

.cellSeparator {
    height: 10px;
}
.reorder-check-instructions ul
{
    list-style: disc;
    padding-left: 30px;
    padding-bottom: 10px;
}

#ctlQuestionList td {
    padding-bottom: 20px;    
}

.instructions-list {
    list-style: disc;
    padding-left: 40px;
}

.instructions-list li{
    padding-bottom: 2px;
}

.icon-reveal {
    width: 23px;
    height: 18px;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(../images/reveal.png)
}
span.icon-reveal {
    position: relative;
    display: inline-block;
    left: -24px;
    vertical-align: middle;
    cursor:pointer;
}

#EmptyDiv {
    display: none;
}

.security-registration-row >  td {
    padding-bottom: 15px;
}

.security-registration-row > td:first-child, .AlignRightText tr td:first-child {
   text-align: right;
   padding-right:10px;
}

.security-registration-checkbox {
    width: 200px; 
    display: inline-flex; 
    vertical-align: middle;
    line-height: 14px;
    padding-left: 38px;
    max-height: 30px;
}

.security-registration-div-alignment {
    display: flex; 
    
}

.security-registration-extension-div {
    margin-left: 40px;
}

.not-clickable {
    cursor: default !important;
}

.bullet-list {
    list-style: disc;
    line-height: 15px;
    padding-left: 15px;
}

#pnlPrint {
	margin-top: 2px;
    display: inline;
    float: right;
    margin-right: 10px;
    cursor: pointer;
	width: 100px;
	text-align: right;
}

table[id$=radioChallengeMethodList] {
    display: inline-block;
}

.zelle-logo-menu {
    vertical-align: middle;
    width: 170px;
    height: 20px;
    padding-bottom: 3px;
}

/*Styles for Update Profile page Start*/

.fields-cell-control.mobile-check-cell {
    position: relative;
}

.fields-cell-control.mobile-check-cell .mobile-check-wrapper {
    position: absolute;
    top: 0;
    left: -220px;
}

.mobile-check-wrapper-updateprofile {
    left: -200px !important;
}

.fields-cell-control.mobile-check-cell .mobile-check-wrapper > div{
    display: inline-block;
    width: 175px;
}

/*Styles for Update Profile page End*/

/* Styles for Security Registration */
.ssn-divider {
    margin-left: -23px;
}

input[id$=txtSSN1], input[id$=txtSSN2] {
    width: 30px;
}

/* Styles for Security Registration End*/
/*IE related fixes*/
select:focus::-ms-value {background-color: white; color:#000;}

.ie9 .select:hover:after, .ie10 .select:hover:after{
    background: transparent;
}

.ie9 #login-dialog, .ie9 #signout-dialog {
    /* SVG as background image (IE9/Chrome/Safari/Opera) */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MTQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMzOTcxOTIiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM4ZGM4ZTgiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5MTQpIiAvPgo8L3N2Zz4=);
}

.ie9 button:hover, .ie9 input[type="button"]:hover, .ie9 input[type="submit"]:hover, .ie9 .button:hover {
    /* SVG as background image (IE9/Chrome/Safari/Opera) */
    /*background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0MjYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM4ZGM4ZTgiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMyYTU1NmQiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c0MjYpIiAvPgo8L3N2Zz4=);*/
}

.ie9 button, .ie9 input[type="button"], .ie9 input[type="submit"], .ie9 .button {
    /* SVG as background image (IE9/Chrome/Safari/Opera) */
    /*background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3MTUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM4ZGM4ZTgiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMzOTcxOTIiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3MTUpIiAvPgo8L3N2Zz4=);*/
}

.ie9 input[type="submit"].linkStyle, .ie9 button.link-style, .ie9 button.linkStyle, .ie9 input[type="button"].linkStyle, .ie9 input[type="button"].link-style, .ie9 input[type="submit"].link-style, .ie9 .link-button {
    background: none;
    background-image: none;
}

input::-ms-reveal{
    display:none;
}


/*Firefox specific styles*/
@-moz-document url-prefix() {
    .validation-error-text br {
        display: block;
    }

    span.error span:before {
        content: '\A';
        white-space: pre-wrap;
    }
    span.error span:after {
        content: '';
    }

    span.error br {
        display: none;
    }

    .IAQuestionsSelect > select {
        padding-right: 25px !important;
    }

    .welcome-div {
        white-space: nowrap;
    }

    input[id$=txtSSN1], input[id$=txtSSN2] {
        width: 23px;
    }

    .fields-cell-control.mobile-check-cell .mobile-check-wrapper {
        left: -200px;
    }
}
/*Chrome/Safari specific styles*/
@media screen and (-webkit-min-device-pixel-ratio:0) {

    div.select,
    .select-bgcontainer-transfer {
        height: 28px;
    }

    #dgAddAccounts input[type='text']:not(.coCalendarControl) {
        height: 30px;
        box-sizing: border-box;
    }

    .security-registration-checkbox {
    display: -webkit-box; 
}
}

.arrow-down {
          width: 0; 
          height: 0; 
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-top: 12px solid #f0f0f0;
          float: left;
          margin-left: 149px;
        }

.row-wrapper {
    width: 665px; height: 375px;
}

.error-div{
    width: 645px; height: 300px;
}

.image-wrapper{
    float: left; position: absolute; z-index: 3; width: 645px; height: 300px; display: block;
}

.image-wrapper-second{
    z-index: 2; width: 645px; height: 300px; display: none;
}

.check-image{
    width: 645px; height: 300px; margin-left: auto; margin-right: auto;

}

.close-item-wrapper{
    margin: 5px 10px 5px 0px;
}

.close-check-row{
    margin-bottom: 5px;
}

div.close-check-row > div:first-child{
    float: right;
}

div.close-check-row > div:last-child{
    clear: both;
}

div.messgae-container .fields-cell-label {
    width: 15%;
}

div.inquiry-dropdown {
     width: 700px;
}

div.inquiry-dropdown select{
     width: 700px;
}

.account-inquiry-sub-dropdown{
    width: 550px !important;
}

.account-inquiry-sub-dropdown select{
     width: 550px;
}

.account-inquiry-sub-input{
     width: 538px !important;
}

.account-inquiry-inline-label {
     text-align: left; 
     display:inline-block;
     width: 75px !important ; 
}

.account-inquiry-inline-input {
     text-align: left; 
     display:inline-block;
     width: 175px !important; 
}

.travel-notice-inline-label {
     text-align: left; 
     display:inline-block;
     width: 45px !important ; 
}

.travel-notice-inline-calendar-input {
     text-align: left; 
     display:inline-block; 
}

.inquiry-inline-label {
     text-align: left; 
     display:inline-block;
     width: 75px !important ; 
}

.inquiry-inline-input {
     text-align: left; 
     display:inline-block;
     width: 175px !important; 
}

.inquiry-more-info-label{
    margin-top: 5px;
    margin-bottom: 10px;
    display: block;
}

.left-align {
	text-align: left;
}

.more-info-warning-note-label{
    margin-top: 5px;
    margin-bottom: 10px;
    display: block;
    color: red;
}

.red-legend {
	color: red;
}

input[type='text'].small-input, .small-input {
    width: 150px;
}

.table-caption-bottom {
	caption-side: bottom;
	display: table-caption;
}

.table-caption-top {
	caption-side: top;
	display: table-caption;
}

#LeftRailDiv p.other-inquiry-instructions {
	margin-bottom: 0;
}

.other-inquiry-instructions {
	width: 700px;
}


.inline-control-container {
    display:inline-block; 
    vertical-align: top !important;
}

.adjusted-topic-fields{
    line-height: 2.2em;
    margin-top: -27px;
}

.input-associated-checkbox-container{
    margin: 0px 0 10px 0;
    font-weight: normal;
}

.small-font {
	font-size: small;
}