#live { height: 5px; }
ul { list-style: none; margin:0; padding:0; }
#content { padding-top: 0 !important; padding-bottom: 20px; }
.container { background: #fff; margin:15px 5px; padding:10px 20px; }
.container h2 { font-size: 200%; line-height: 130%; color: #fff; background: #2873ae;padding:5px; }
.container h2 a { color: #fff; }
.container h2 a:hover { color: #000; }
.accounts-subsection-head h4 { font-family: 'Archivo Narrow',Arial,sans-serif; font-size: 130%;}
.container h3 { line-height: 110%; border-top: 4px solid #2873ae; margin: 20px 0 10px; padding: 10px 0; font-size: 150%;}
.container input[type=text], .container input[type=password], #otherBusinessText input[type=text], .container .register-element-container:nth-of-type(1) .register-element { width: 60%; }
.container .register-element-container { padding: 5px 0; line-height:180%; }
.container .requiredStar { color: #B00E23; }
.register-element label { width: 100%; }
.register-form-element #nameFirst { width: 327px;}
.container .register-element-container:nth-of-type(1) .register-element:nth-of-type(2) { width: 30%; }
#register-buttons, .buttons { text-align: center; }
.container .register-form-element.checkboxes span, .container select { width: 50%; }
.register-form-element.checkboxes span p { display: inline-block; width: 49%;}
label.error { display: block; }

#updateAccounts-view, .contact-info { margin-top: 20px; }
#updateAccounts-view .register-element { clear: both; margin-bottom: 10px; overflow: hidden;margin: 0px; width: 100%; }
#updateAccounts-view .register-element label { float: left; font-weight: bold; vertical-align: baseline; width: 50%; padding:5px;
margin-right: 20px; margin-bottom: 10px;background: #FCFCFC; }
#updateAccounts-view .register-element span, #updateAccounts-view .register-element ul { float: left; width: 41%; display: block; }
#updateAccounts-view .register-element ul, .reset-msg { margin-bottom: 30px; }
.subsection-selected a, .accounts-subsection-element a { margin-left: 30px; color: #2873ae; }
.subsection-selected a:hover, .accounts-subsection-element a:hover { color: #000; }

.accounts-subsection-head, .accounts-subsection-element { clear: both; padding: 10px 0; line-height: 200%; }
ul li, .footable-row-detail-row { line-height: 1; padding: 10px 0; }
input[type=reset] { font-family: 'Archivo Narrow',Arial,sans-serif; font-weight: normal; padding: 4px 6px; text-align: center; height: 28px; border-radius: 0; text-transform: uppercase; font-size: 12px;border: 1px solid transparent;background: #2873ae; color: #fff; display: inline-block; vertical-align: top; }

input[type=reset]:hover { background: #4d4d4d; cursor: pointer; color: #fff; }
.footable-row-detail-name { font-weight: bold; }
.footable {width:100%;}

#dataTbl tr:nth-child(odd) { background:#fff; } 
#dataTbl tr:nth-child(even) { background:#eee; } 

.home #home-logo .logo { background-image: url('/images/logo@2x.png') }
#main-header #fixed-top #logo-nav .logo { background-image: url('/images/logo-condensed@2x.png') }
/* For change services page */
#privacy-view input, #accounts-email-alerts input, #accounts-contact-settings input, #accounts-classifieds-alerts input { float: left;
margin-right: 10px; margin-top: 5px;}
.edit p { margin-left: 25px; }
.select-all-none a, #accounts-classifieds-alerts a, #accounts-email-alerts a { margin-left: 0; }
h6, li.subscriptionHead em { font-size: 18px !important; padding-bottom: 0 !important; display: inline; font-style: normal; }
span.frequency { color: #888; display: inline; }
h4.email-alert { margin-top:0;}

/* Login page */
.first-login-element { padding: 10px 0; border-bottom: 1px solid #ccc; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden;}
#login .parent-login-element { width: auto; display: block; }
.login-element { float: left; width: 50%; }
.login-element:first-child { border-right: 1px solid #ccc; }
#join-now { padding: 10px 30px 0px; background: url("/images/login-offer-background.png") repeat-x scroll 0px 0px transparent; }
#join-now img { float: right; border: none !important; margin: 20px 0; }
#join-now ul { padding-top:10px; }
#join-now li { list-style: url("/images/why-join-checkmark.png") inside; vertical-align: top; font-weight: bold; padding: 5px; }
#login .login-element .login-form-element { padding: 5px 0; }
#join-now h1 { color: #000; font-size: 200%; }
.login-text { font-weight: bold; padding-top:10px;}
#join-now span { color:#156597; }
p.assistanceMsg { padding: 10px 0; line-height:150%; }

/* Account Print page*/
.first-register-element { text-align: right; padding-bottom: 10px; }
.login-element.right { padding-right: 30px;}
.login-element.left { padding-left: 30px;}
.account-print select, .account-print input[type=text] { width: 100%; margin-bottom:10px; }
#accounts-subsection-container .login-element.left { border-left: 1px solid #ccc; }
.login-footer { background-color: #e6e6e6; clear: both; padding: 10px 20px; }
.login-footer h5 { font-size: 20px; padding-bottom:10px; margin: 0; }
#LoginForm { margin: 20px 0;}


@media (max-width: 1000px) {
#main-header #fixed-top #logo-nav .logo { background-image: url('/images/logo-small@2x.png');margin: 0 auto; }
}

@media (max-width: 767px) {
.with-adt #main-nav:before, .no-adt #main-nav:before { width: 0 !important; }
.login-element { float: left; width: 100%; }
.login-element:first-child { border-right: none; }
#accounts-subsection-container .login-element.left { border-left: none; }
.login-element.left { padding-left: 0;}
.login-element.right { padding-right: 0;}
#join-now { padding: 10px; }
}