@font-face {
	font-family: Museo Sans;	
	src: url('fonts/Museo Sans W01 300.eot');
	src: url('fonts/Museo Sans W01 300.eot?#iefix') format('embedded-opentype'),
    	 url('fonts/Museo Sans W01 300.woff') format('woff'),
       	 url('fonts/Museo Sans W01 300.ttf') format('truetype'),
         url('fonts/Museo Sans W01 300.svg') format('svg');
  	font-weight: normal;
  	font-style: normal;
}


@font-face {
	font-family: Museo Sans med;	
	src: url('fonts/Museo Sans W01 500.eot');
	src: url('fonts/Museo Sans W01 500.eot?#iefix') format('embedded-opentype'),
    	 url('fonts/Museo Sans W01 500.woff') format('woff'),
       	 url('fonts/Museo Sans W01 500.ttf') format('truetype'),
         url('fonts/Museo Sans W01 500.svg') format('svg');
  	font-weight: normal;
  	font-style: normal;
}

@font-face {
	font-family: Museo Sans dark;	
	src: url('fonts/Museo Sans W01 700.eot');
	src: url('fonts/Museo Sans W01 700.eot?#iefix') format('embedded-opentype'),
    	 url('fonts/Museo Sans W01 700.woff') format('woff'),
       	 url('fonts/Museo Sans W01 700.ttf') format('truetype'),
         url('fonts/Museo Sans W01 700.svg') format('svg');
  	font-weight: normal;
  	font-style: normal;
}

body{color:#424242;}/*636466*/

/* DEFAULT ROW STYLES */
.row{ margin-bottom: 1.5em; } /* set according to preference*/

#main-body, #top-b {
    width: 100% !important;
    margin: 0px auto 0!important;
}
.ViewDoc{white-space: nowrap;}

#header{padding:0 0;}
#top-bar {height: 33px; background: #C60C30;}
#bottom-bar {height: 25px; background: #15385C;}
#loading {
	border:none;
	color:#ffffff;
	background: #15385C url('images/loading.gif') no-repeat 6px 6px; /* fallback */
	background:	url('images/loading.gif') no-repeat 6px 6px, -webkit-gradient(linear, left top, left bottom, from(#15385C), to(#15385C)); /* Saf4+, Chrome*/
	background: url('images/loading.gif') no-repeat 6px 6px, -webkit-linear-gradient(top, #15385C, #15385C); /* Chrome 10+, Saf5.1+*/
	background: url('images/loading.gif') no-repeat 6px 6px, -moz-linear-gradient(top, #15385C, #15385C); /* FF3.6+*/
	background: url('images/loading.gif') no-repeat 6px 6px, -ms-linear-gradient(top, #15385C, #15385C); /* IE10 */
	background: url('images/loading.gif') no-repeat 6px 6px, -o-linear-gradient(top, #15385C, #15385C); /* Opera 11.10+*/
	background: url('images/loading.gif') no-repeat 6px 6px, linear-gradient(top, #15385C, #15385C); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#15385C',endColorstr='#15385C');
	
}
a.link-default:hover {color:#303a75;}
a:hover {cursor:pointer !important;color:#0084d6;text-decoration:underline;}
.even, .yui3-datatable-odd {background:#303a75;}
div.user-account-bar {border: 1px solid #303a75;}
.form-info, .formContainer .formContent {border-color:#b0b0b0;}
.slide-1-desc {background-color:#303a75;}
h1, h2, h3 {color:#15385C;}
.enroll-search h3{font-size:20pt;}
#quickpay-container .formmgr-row, #quickpay-container .form-messages, #quickpay-container fieldset.submit,#enroll-container .formmgr-row, #enroll-container .form-messages, #enroll-container fieldset.submit{text-align:left;}
#quickpay-container input#postal,#enroll-container input#postal {width:65px;}
#quickpay-container .formContainer .form-info,#enroll-container .formContainer .form-info {font-size:1.2em;font-weight:bold;}
#quickpay-container .formContainer .form-info span,#enroll-container .formContainer .form-info span {color:#666;}
#quickpay-container .formContainer h3,#enroll-container .formContainer h3 {display:none;}
#quickpay-container .formContent, #quickpay-container .formContainer .form-info,#enroll-container .formContent, #enroll-container .formContainer .form-info {border:none;background:none;filter:none;margin: 20px 0 0 0;}
#quickpay-container .formContainer .form-info span,#enroll-container .formContainer .form-info span {text-align:center;}
.nmhlw-amount,.nmhlw-amount-input{display:inline-block;width:48%;}
.nmhlw-amount-input{text-align:right;}
#nmhlw-quickpay-form{padding: 5% 2%;}
.nmhlw-amount,.vm-total{font-weight:bold;}
.vm-shorten{max-width:100px;text-align:right;}
.vm-total{text-align: right;font-size:125%;margin-top: 20px;margin-right: 16px;}
.vm-total{font-weight:bold;}
.vm-exit-container{text-align: right;float: right;margin-right: 12px;margin-top: 10px;}
.vm-innerliner{border-bottom: 1px solid #ccc;margin-top: 10px;}
.vm-exit-container {margin-top: 15px !important;}
.dollar{width: 10px !important;display: inline-block !important;vertical-align: top;}
.webflow-flow .flow-item-active div, fieldset.review legend {color:#800000;}
.webflow-flow .flow-item-complete div {color:#bb0000;}
#quickpay-container,#enroll-container {text-align: center;margin-left: auto;margin-right: auto;width:600px;font: 1.0em verdana,geneva,arial,helvetica,sans-serif !important;}
.password_details{margin-left:20% !important;padding:5px 0 0 !important;}
.formContainer .password_details li{font-size:13px !important;margin: 0 0 1px 0 !important;}
.payment-settings-box{text-align: center;background-color: #666;color: #fff;padding-top: 10px;padding-bottom: 10px;margin: 10px auto;font-size:105% !important;}
.payment-settings-box span{display:inline-block;}
.payment-settings-box .general-button{margin-left:10px;}

/* alarmnewengland footer */
#footer-phone {text-align:center; font-weight:bold; font-size:larger; margin-top:10px;}
#footer-phone a {color:#0D8BD5;}
#footer-social{text-align:center; margin-top:20px;}
#footer-social span {padding:12px;}

/*    *********************** */
/*  	RESPONSIVE DEISIGN     */

.foot-hold .lower-middle{display:block;float:left;width:550px;height:50px;margin-left:50px;}
.moby-wrap{width:100% !important;}
#report-listing-container{margin-top:20px !important;}
#enroll-container .formContainer{margin-right:20px !important;}
.yui3-datatable-content{width:100% !important;}
.yui3-datatable-content table caption{width:100% !important;}
.browse-container table.yui3-datatable-table{width: 100% !important;}
#quickpay-container, #enroll-container{width:600px !important;font-size:8pt !important;}
.new-account-bar{background-color:#666;border: 2px solid #424242 !important;margin-bottom:32px !important;}
#logo {margin:30px 5 10px 10px;}
#left #quickpay-left #quickpay-container #payment-subcontainer .formContainer .formContent fieldset.info table{margin-left:-130px;}
#left #quickpay-container .formContainer .formContent fieldset.info .debit-credit table.enter-tab{margin-left:-110px;}
#left #payment-container #payment-subcontainer .formContainer .formContent fieldset.info form#payment-credit .debit-credit table.enter-tab{margin-left:-160px;margin-bottom:20px;}
.text-decor{text-decoration:none !important;}
#edit-account-container #edit-account-flow .asset-container .auto-pay-text{margin-left:-30px!important;}
#left #quickpay-container .debit-credit table.enter-tab{margin-left:-40px!important;}
#left #quickpay-container .debit-credit .edit-services{width:400px;}
#left #quickpay-container .debit-credit .edit-services label[for="act_type"]{height:20px!important;}
#left #quickpay-container .debit-credit .edit-services input#act_type{margin-top:0px!important;}
.site-links{width:300px;margin-left:100px;}
.company-info{width:300px;margin-left:105px;margin-top:-10px;}
#logo a {height:100%;}
.language{margin-left:65px !important;}
.content-container img{width:90%;}
.hide-this{display:none;}
.show-this{display:block;width:100%;}
#slideshow-wrapper{display:block;}
.main-menu-wrapper{margin-top:-95px;}
.yui3-menu-horizontal ul {text-align: right;}
.yui3-menu-horizontal li,.remove {float: none !important;display: inline-block;}
.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label, .yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-content {float: none !important;text-align: left!important;}
.yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-content{font-weight:normal !important;}
.yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label em {font-weight: normal !important;background: none !important;padding-right: 0px !important;}
.yui3-menu-horizontal li li {display: block !important;}
/* MAIN CONTAINER */
#page_wrap{width:100% !important;margin: 0px auto !important}
.container{ margin: 0 auto !important}
.form-container{ margin: 0 auto; }
/* SELF CLEARING FLOATS - CLEARFIX METHOD */
.row:after, .col:after, .clr:after, .group:after, .col2:after, row2:after {content: "";display: block;height: 0;clear: both;visibility: hidden; }
/* DEFAULT ROW STYLES */
.row{ margin-bottom: 0em; } /* set according to preference*/
/* DEFAULT COLUMN STYLES */
.col, .col2 {display: block;float:left;width: 100%;}
/* RESET MARGINS */
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
/*  This is for the upper navigator */
/* COLUMN WIDTH ON DISPLAYS +768px */
@media ( min-width : 768px ) {
	.span_1 { width: 6.5%; }
	.span_2 { width: 15.0%; }
	.span_3 { width: 23%; }
	.span_4 { width: 33.0%; }
	.span_5 { width: 40.5%;float: right !important; }
	.span_6 { width: 49.0%; }
	.span_7 { width: 57.5%; }
	.span_8 { width: 66.0%; }
	.span_9 { width: 77%; }
	.span_10 { width: 83.0%; }
	.span_11 { width: 91.5%; }
	.span_12 { width: 100%; }
	.wayne-ins{width:100%;font-size:12pt;}
}

.col2:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
@media ( min-width : 600px ) {
	.spanx_1 { width: 6.5%; }
	.spanx_2 { width: 15.0%; }
	.spanx_3 { width: 23.5%; }
	.spanx_4 { width: 32.0%; }
	.spanx_5 { width: 40.5%; }
	.spanx_6 { width: 49.0%; }
	.spanx_7 { width: 57.5%; }
	.spanx_8 { width: 66.0%; }
	.spanx_9 { width: 74.5%; }
	.spanx_10 { width: 83.0%;padding-left:2%; }
	.spanx_11 { width: 91.5%; }
	.spanx_12 { width: 100%; }
	.opt-in{font-size:12pt;}
	.opt-top{font-size:12pt;}
}

.moby-wrap{
	margin:0px auto;
	width:70%;
	background-color:#fff;
	border-radius: 15px; 
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
}

.terms .secondaryContainer{margin:0 !important;}
.terms .secondaryContainer .secondaryContent {margin:0 !important;border: 0 !important;}

.ConfirmRadio 
{width: 100% !important;
font-size: 12px !important;
text-align: left !important;
max-width: 100% !important;
padding-top: 1px !important;}

#gogreen-image{border:none!important;width:200px !important;}

#gogreen-image img{width: 90%!important;padding: 0 0 0 4%!important;margin-bottom: 60px !important;}
#enroll-container fieldset.gogreen-submit {margin-left: 4% !important;}	
.no-green, .green-paper {float: left !important;margin: 0px !important;}
#enroll-container .lower-green .formContent{margin-top:0 !important;}

.formContainer h3 ,.yui3-skin-sam .yui3-datatable-caption{
	color:#fff !important;
    background: #15385C !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#15385C), to(#15385C)) !important;
    background: -webkit-linear-gradient(top, #15385C, #15385C) !important;
    background: -moz-linear-gradient(top, #15385C, #15385C) !important;
    background: -ms-linear-gradient(top, #15385C, #15385C) !important;
    background: -o-linear-gradient(top, #15385C, #15385C) !important;
    background: linear-gradient(top, #15385C, #15385C) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#15385C', endColorstr='#15385C') !important;
}
.yui3-skin-sam .yui3-datatable-caption{	width: 100% !important;}
.secondaryContainer h3 span, .formContainer h3 span {padding-bottom:5px!important;}
.ext-history-container .yui3-datatable-caption {width: 97.5% !important;}
.yui3-skin-sam .yui3-menu-content, .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-content {
    color: #000 !important;
    background: none !important;
    border: none !important;
}
.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menuitem-content:hover{padding: 6px 13px !important;color: #fff!important;text-decoration:underline !important;border:none !important;}

.main-menu-wrapper .yui3-menu .yui3-menu-content .first-of-type li a.yui3-menu-label:hover,
.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-active, .yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-active .yui3-menuitem-content, .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-menuvisible{
	background: none !important;
    color: #0084D6 !important;
    border-top: solid 1px #0084D6 !important;
    padding: 2px 13px 3px !important;
}

.yui3-skin-sam .yui3-menu-label, .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label, .yui3-skin-sam .yui3-menuitem-content 
{padding: 3px 13px !important;color: #636466 !important;}

.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label, .yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-content 
{margin: 0 !important;border-width:0 !important;}

.yui3-menu-horizontal li li a.yui3-menuitem-content {color:#fff !important;padding: 6px 13px !important;}
.yui3-menu-horizontal li li a:hover {border-top: none !important;}
.yui3-menu-horizontal li ul {background: #0084d6;}
/* MAIN LOGIN FORM */
.span_3 #login-form #login-form label
{width: 29% !important;
text-align: left !important;}
.span_3 #login-form #login-form input[type="text"],
.span_3 #login-form #login-form input[type="password"],
.span_3 #login-form #login-form textarea
{width: 65% !important;margin-bottom: 6px !important;}
.span_3 #login-form .formContent fieldset.info {padding: 10px !important;}
.span_3 .formContainer li{list-style-type: none !important;margin-bottom: 6px !important;}
fieldset.submit{margin-left: 36% !important;margin-top: 4% !important;}
#login-links {margin: 9px 0 -5px 0 !important;}
.span_7 #login-form #login-links{margin-left:34% !important;}
.span_7 #login-form #login-links li {list-style-type: none !important;}

section#content_wrap{padding:50px 1% 0 !important;}
div.secondaryContainer, div.formContainer {margin:0 0 15px 0 !important;}

.green-left, .green-right {margin: 0 10px 0 3% !important;}
#gogreen-info {padding: 35px 15px 35px !important;width: 91% !important;margin: 0px 10px 0 0 !important;}   
    
div.formContent div#captcha-container {margin-left: 36% !important;}
#login-captcha div#captcha-container {margin-left: 0% !important;}
.flow-holder {left:0 !important;margin: 0 !important;text-align: center;}   
#flow-header {width: 100% !important;margin: 0 auto !important;}
#contentImage img{width: 100% !important;}

#enroll-container fieldset.gogreen-submit input#submit:hover {    
    background: #8cc63f !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#8cc63f), to(#a6e542)) !important;
    background: -webkit-linear-gradient(top, #8cc63f, #a6e542) !important;
    background: -moz-linear-gradient(top, #8cc63f, #a6e542) !important;
    background: -ms-linear-gradient(top, #8cc63f, #a6e542) !important;
    background: -o-linear-gradient(top, #8cc63f, #a6e542) !important;
    background: linear-gradient(top, #8cc63f, #a6e542) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cc63f', endColorstr='#a6e542') !important;
}
div.decline-option {margin-top: 0px !important;}  
#enroll-confirm-container .decline-option {margin-top: 5px !important;}
.no-green:hover {background:#545252 !important;}
fieldset.review legend.review-item{width: 92% !important;}
div.terms {width: 87% !important;}
fieldset.review,fieldset.review a.edit {font-size: 12px !important;}   
div.info span {font-size: 13px !important;}

#confirm_user_account .labelCheckboxSpan {margin-left: 3% !important;}
    
.secondaryContainer li, .formContainer li {margin: 0 0 5px 0px !important;}
#middle-main {width:56%!important;margin-left: 2% !important;}
#left-main,#right-main{width:20% !important;}
#account-summary-container {display:block !important;margin-bottom: 5px !important;}
.span_5 .content-container{float: right !important;width: 95% !important;}
.border-top-hr, .check-border-top {margin-bottom: 10px;}
.pay-to-the-order-of{text-align: center;font-size: 13px;margin-top: 10px;}

#overlay .asset-container{margin: 10px 10px 0 0 !important;float: right !important;}
#overlay .asset-container h3{background: none !important;}
#overlay .asset-container .secondaryContent{border: none !important;}
#overlay #user-edit-password-container #user-edit-container #change_password .asset-container,
#overlay #user-edit-password-container #user-edit-container #change_password .asset-container h3 
{margin-top: 0px !important;}

#overlay .flow-holder {left:50% !important;}
#overlay #add-account-container .formContainer{margin-top: 30px !important;}
#overlay #add-account-container .formContainer .info{margin-top: 15px !important;}
#overlay #edit-account-container #edit-account-flow .formContainer .formContent fieldset.info form#account_services .asset-container 
{margin-top: 0px !important;}    

#overlay #payment-email-container .error {width: 80% !important;}  

#overlay #user-edit-container #change_password fieldset.submit {margin: 3% 0 0 24% !important;}

#overlay #edit-account-container #edit-account-flow .formContainer {margin-top: 60px !important;}
#overlay #edit-account-container #edit-account-flow .formContainer .formContent fieldset.info .asset-container div,
#overlay #edit-account-container #edit-account-flow .formContainer .formContent fieldset.info .asset-container
{float: right !important;margin:0 5px 0 0 !important;width: 233px !important;}
#overlay #payment-credit .edit-services fieldset.submit{margin-left: 18% !important;}
#overlay #edit-account-container .review,
#overlay #add-account-container .review{width: 100% !important;}
#overlay #edit-account-container .legal-lang,
#overlay #add-account-container .legal-lang {width: 100% !important;overflow-y: scroll;height: 330px !important;}
#overlay #edit-account-container #edit-account-flow .asset-container div h2
{margin-top:15px !important;}
#overlay #edit-account-container #confirm_user_account span,
#overlay #add-account-container #confirm_user_account span {margin-left: 25px !important;}
#overlay #edit-account-container #confirm_user_account label,
#overlay #add-account-container #confirm_user_account label
{width: 75% !important;max-width: 75% !important;text-align: left !important;}

#overlay #account-information-container #edit-account-flow .formContainer {margin-top: 60px !important;}

#overlay #account-information-container .formContainer{box-shadow: 0 0 0 0 !important;}
#overlay form#insurance_change .formmgr-haserror .formmgr-text p.formmgr-message-text 
{margin-left: 0px !important;}
 
#overlay #account-restrictions-edit-container .labelCheckboxSpan label
{width:50% !important;max-width:50% !important; text-align:left !important; margin-left:5px !important;}

#overlay #user-profile-edit-container .asset-container div h2{margin-top: 0px !important;}
#history-container-pg{margin-top: -55px !important;margin-left: -14px !important;}
   
#overlay #account-restrictions-edit-container fieldset.submit{margin: 5% 0 0 24% !important;}
#overlay #payment-plan-edit-container fieldset.submit{margin: 5% 0 0 24% !important;}

.user-confirm .asset-container {padding: 10px !important;width: 34% !important;float: right !important;}
.user-confirm .asset-container .ext-edit-account-container{width: 95% !important;}
       
#scheduled-payment-search label.labelCheckbox{text-align:left !important;}
#scheduled-payment-search .labelCheckboxSpan{margin-left: 37% !important;}

.labelCheckboxSpan{
	width:100% !important;
	margin-left:25%;
	padding-left: 3px;
}
.PDF_viewer {width: 99% !important; margin: 0 0 20px !important;}
.span_4{float:right !important;}  
.span_4 #right2 .error{width: 78% !important;}

#user-edit-container{margin-top:0px !important;}
.browse-container {margin: 0px auto !important;width: 100% !important;}
.browse-container div.yui3-paginator div.yui3-paginator {width: 99.7% !important;}
#user-edit-container #agent_form fieldset.submit {margin: 4% 0 0 13% !important;}
#agent_search fieldset.submit,#user-edit-container #agent_form fieldset.submit {margin: 4% auto 0 !important;text-align:center;}
#agent_search fieldset input,#user-edit-container #agent_form fieldset input{float:none !important; display:inline-block;} 

.auto-pay-asset{padding:10px;}

#left, #left1, #right, #right, #right1, #middle1, #primary, #secondary, #left-b, #right-b 
{margin: 0px !important;}
.right_bar{float:right;}
 
#delete_agent_user-messages .warning {width: 85% !important;}

.summary-left {width: 43% !important;}

button.accordion {
    background: #d8d8d8;
background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#d8d8d8));
background: -webkit-linear-gradient(top, #f4f4f4, #d8d8d8);
background: -moz-linear-gradient(top, #f4f4f4, #d8d8d8);
background: -ms-linear-gradient(top, #f4f4f4, #d8d8d8);
background: -o-linear-gradient(top, #f4f4f4, #d8d8d8);
background: linear-gradient(top, #f4f4f4, #d8d8d8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#d8d8d8');
    color: #4e4e4e;
    cursor: pointer;
    padding: 9px 5px 7px 3px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;   
    font-size:12px;
    margin:0; 
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion.active, button.accordion:hover {
    background:#eaeaea;
}
/* Style the accordion panel. Note: hidden by default */
div.panel {padding: 1px;background-color: white;display: none; margin-bottom: 5px;}
.leftside{float:left;width:48%;}
.rightside{float:right;width:49%;}
button.accordion:after {
	content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #3d3d3d;
    float: right;
    margin-right: -2px;
}
button.accordion.active:after {content: "\2796"; /* Unicode character for "minus" sign (-) */}
.yui3-skin-sam .yui3-menu-content, .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-content{padding:0 !important;}
.span_3 #login-form div.error {width: 70% !important;}
.main #middle-main .new-account-bar {margin-bottom: 10px !important;}
.main #middle2 #video-container {margin: 0px auto !important;}
.main #middle4 {margin-top: 0px !important;padding-top: 0px !important;}
.total-amount-line {width: 100% !important;margin-top:8px;}
.total-amount-due fieldset.submit {float: right;}
.total-amount-due {padding-right: 0 !important;}
.bottom-line{border-bottom: 1px dotted grey;}
.main #left-main, .main #right-main,.main #middle-main,.main #middle-main .new-account-bar {margin-top: 0px !important;}
#middle1 {width: 100% !important;margin-bottom: 10px !important;}
.enroll-box{width:100% !important;}
.green-left.green-right{width:45%;}
.playbar-btn {
    border-radius: 5px !important;
    width: 61px !important;
    height: 32px !important;
    padding-top: 2px !important;
    margin-top: 0 !important;
}
.form1{margin-top: -4px;}
.bottom-label{margin-bottom:2px;}
.labelCheckboxSpan input#confirm{min-width:10px !important;}
#edit-account-container #confirm_user_account input.formmgr-field {margin-left: 0 !important;}
#history-container .yui3-datatable-content .yui3-datatable-table .yui3-datatable-data {height: auto !important;}
#add_user_account {float: left;}
.span_3 #login-form fieldset.submit {margin-left: 0 !important;}
.span_5 .secondaryContainer h3 span.header, .content-container .secondaryContainer h3, #right .content-container div h2, #right .secondaryContainer h3 span, .asset-container div h2, .asset-container div.auto-pay-text h2, .asset-container div h3, .asset-container .secondaryContainer h3 span.header, #right2 .secondaryContainer h3 span{color: #15385C !important;/*font-weight: bold !important;*/}
label {max-width: 35% !important;}
.flow-holder{text-align: center!important;}
.webflow-flow .flow-item {text-align: center !important;display: inline-block !important;height: 50px !important;margin-left:-4px !important;float:none !important;font-size: 110% !important;}
.formmgr-text {margin: 7px 0 5px 36% !important;}
#captcha-container .formmgr-text {margin: 5px 0 7px 1% !important;}
#payment-options {width: 80% !important;margin: 0 auto !important;}
.debit-credit-card p {text-align: center !important;}
.credit-discover, .credit-mc, .credit-visa, .credit-amex {float: none !important;display: inline-block;}
.debit-credit-card{float: none !important;margin: 0 auto !important;text-align: center !important;}
.formContainer .formContent .edit-services {width: 70%;float: none !important;margin: 20px auto 0!important;}
#left #quickpay-container .formContainer .formContent fieldset.info form#payment-credit table.enter-tab {margin-left: -10%!important;}
.quickpay-left #quickpay-container fieldset.info table {margin-left: -2% !important;}
#overlay fieldset.submit {margin-left: 20% !important;}
.agent-exit fieldset.submit,#add_user_account fieldset.submit{margin-left: 0% !important;margin-top: 8% !important;}
.labelCheckbox{text-align:left !important;max-width: 100% !important;width: 67% !important;}
.mode-agent .hide-login {margin-top: -1px;line-height: 1;}
.secondaryContainer .panel  li{font-size: 100% !important;font-family:inherit !important;}
.secondaryContainer .panel  p{padding-bottom:0 !important;}
#agent_access-browse .yui3-datatable-cell, #agent_access-browse .yui3-datatable-header {padding: 4px 8px 4px 8px !important;}
#account-note-container fieldset.submit {margin-left: 36% !important;}
#account_services fieldset.submit {margin-top: 6% !important;}
.review dt {margin: 0 !important;padding: 5px 10px 5px !important;}
#payment_email fieldset.submit {margin-left: 36% !important;} 
.lastest-activity{border-top: 1px dotted #808080;padding-top: 3px;}
.carousel-container{height: 6.5rem;display:block;margin-top:50px;background-color:white;}
.footer-copyright a {font-family:"Museo Sans med", Helvetica Neue,Helvetica,Arial,sans-serif !important; }
#main-menu{display:none}
#overlay #edit-account-container #edit-account-flow .formContainer .formContent fieldset.info .asset-container .auto-pay-asset{width:240% !important;}
.account-box{padding: 1%!important;}
.sub-header .span_3{width:20% !important;}
.sub-header .span_9{width:80% !important;}
.main-menu-wrapper-mobile,.toggle,[id^="drop"] {display: none;}
.DueUponReceipt,.AmountDue,.AmountDueButtons{display:inline-block;width: 23%;}
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox,
input[type="checkbox"] {
-webkit-appearance: none;
}    
input[type="button"]:disabled,input[type="submit"]:disabled{padding: 2px 6px !important;}
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:checked + div label,[type="checkbox"]:checked + label.labelCheckbox,
[type="checkbox"]:not(:checked) + div label,[type="checkbox"]:not(:checked) + label.labelCheckbox
{
    position: relative;
    cursor: pointer;
    display: inline-block;
    color: #666;
    padding: 0px 0 0 25px !important;
}
[type="checkbox"]:not(:checked) + div label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="checkbox"]:checked + div label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 13px;
    height: 13px;
    border: 1px solid #9d9d9d;
    background: #fff;
}
[type="checkbox"]:checked + label:after {
    content: '\00a0';
    background: url('images/checkmark.png') no-repeat center center;
    position: absolute;
    top: 2px;
    left: 4px;
    width: 13px;
    height: 13px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-size: 14px;    
}
.span_7 .formContainer{margin: 0px 0px 20px 10px;}
.navbar ul{list-style:none;position:relative;float:left;margin:0;padding:0;border:0 !important;}
.navbar ul a{display:block;text-decoration:none;padding:14px;color: #15385C!important;font-size: 18px;font-family: Museo Sans, sans-serif;}
.navbar ul li{position:relative;float:left;margin:0;padding:0}
.navbar ul li.current-menu-item{background:#ddd}
.navbar ul li a:hover{color: black !important; background:white;}
.navbar ul ul{display:none;position:absolute;top:100%;background: #15385C;padding:0;z-index: 9999;}
/*.navbar ul li:hover{background: #15385C;} */
/*.navbar ul li:hover a{color: #fff !important;}*/
.navbar ul ul li{float:none;width:220px}
.navbar ul ul a{line-height:120%;padding:7px 16px;color: #fff !important;border:0 !important;font-size: 16px !important;}
.navbar ul ul a:hover{color: white !important; background: #C60C30 !important;text-decoration:none !important;border:0 !important;}
.navbar ul ul ul{top:0;left:100%}
.navbar ul li:hover > ul{display:block}
.dropdown-content{border: 1px solid #c3c3c3;border-right: 0 !important;}
.total-amount1 .total-amount-due3{text-align:right;}
#quickpay-amount{margin: 0 0 0 15%;}
footer.row {margin: 0 auto;position: absolute;background: #fff;width: 100%;display: block;left: 0;padding-top:20px !important;}
.footer-copyright{margin: 0 auto;text-align: center;padding: 1% 0;color: #636466 !important;}
.footer-copyright ul{text-align: center;padding-bottom:5px;}
.footer-copyright ul li{display:inline-block;}
.footer-copyright a{color: #636466 !important;}
.gogreen-container h1{font-size:22px;}
.gogreen-container h2{font-size:200%;}
.gogreen-container span{margin-top:15px;line-height:1.75;display: block;}
.total-amount-due-container:after{clear:both;}
#right-main .account-display{margin-left:5px !important;}
#right-main dt{padding:5px 3px 0 5px !important;}
.secondaryContainer h3 span.toggle_header,.showAllAccounts{display:none;}
.review div.error {margin: 10px 0 !important;}
#overlay div.error {width: 88% !important;}
.hidden{display: none;}
.ShowAll{font-size: 10pt;}
#overlay #edit-account-container #confirm_user_account .labelCheckboxSpan{margin-left:40px !important;}
.span_7 #login-form {width:80% !important;}
#header{position: fixed;width: 100%;display: block;z-index: 999;background: #fff;top: 0;}
.f-nav{box-shadow: 0px 2px 3px #E4E4E4;-moz-box-shadow: 0px 2px 3px #E4E4E4;-webkit-box-shadow: 0px 2px 3px #E4E4E4;}
#header.f-nav {padding: 5px 0 !important;}	
.f-nav .logo-reduce{width:80px !important;}
.f-nav  .sub-header .span_3 {width: 16% !important;}
.f-nav .navbar ul {top: 0px !important;}
.f-nav  .main-menu-wrapper {margin-top: -52px !important;}
.f-nav .navbar ul ul {top: 100% !important;}
.f-nav .navbar ul a {padding: 11px 14px !important;}
img.logo-reduce {width:110px;}
.mode-agent .main-menu-wrapper {margin-top: -95px !important;}
.mode-agent .sub-header .span_3 {width: 16% !important;}
.mode-agent .navbar ul a {padding: 10px 14px;font-size: 16px !important;}
.f-nav .sub-header .span_9 {width: 83% !important;}
.mode-agent .f-nav .hide-login {font-size: 10px !important;}
.hide-login a {color: white; font-size:14px; font-weight: bold;}
.asset-container{font-family: arial,helvetica,clean,sans-serif !important;}
.yui3-skin-sam .yui3-paginator-content {margin: 0px 0 6px 0 !important;}
.total-amount1{padding:0 4px !important;}
div.formContainer.forgot{max-width:500px; margin:0 auto !important;}
ul.social-icons li:last-child{margin-right:0px !important;}
#middle2 .formContainer{margin-top:20px !important;}
#middle2 #payment-check .edit-services fieldset.submit{margin-left:37% !important;}
#middle2 .asset-container{width: 97% !important;margin: 15px auto 0 !important;float: none !important;}
#middle2 fieldset.review {width: 98.5% !important;}
#middle2 fieldset.review legend.review-item {width: 100% !important;}
#middle2 .labelCheckboxSpan {margin-left: 2% !important;}
#full_ach {margin: 0 auto !important;max-width:70%;}
#full_ach .user-confirm{margin-top:20px !important;}
#full_ach .form-width{width: 47%;float: left;}
#full_ach #payment-check .edit-services fieldset.submit{margin-left: 36% !important;}
#full_ach .user-confirm .asset-container{margin-top: 3% !important;width:100% !important;padding-left:1%;float:none !important;}
#full_ach fieldset.review legend.review-item {width: 50% !important;}
#full_ach .form-width fieldset.submit {margin-left: 9% !important;}
#total_bottom{display:none;}
.divTable,#payment-form{display: table;width: 100%;}
.divTableRow {display: table-row;}
.divTableRowBot{display: block;padding: 2px 0;}
.divTableHeading {display: table-header-group;}
.divTableCell, .divTableHead {display: table-cell;padding: 3px 10px;vertical-align: middle;}
.divTableHeading {display: table-header-group;}
.divTableRow.header{background: #666666;color: #ffffff;font-weight: bold;}
.divTableBody {display: table-row-group;}
#payment-container .divTableRow.header {background: #f5f5f5 !important;color:#666666!important;}
.align_left{text-align:left !important;}
.align_right{text-align:right !important;}
.payment_actions_button{margin-bottom:4px;}
#payment-form-messages div.error{width:92% !important;}
#payment-subcontainer #payment-check{margin:0 auto;float:none !important;}
.span_7 #login-form #login-links.login-main {margin-left: 27% !important;}
#foot .container{max-width:1570px;margin:0 auto;}
#gogreen-info {margin:0 auto !important;width: 100% !important;}
.copyright-area .col-md-12{text-align:center;padding: 10px 0;}
.copyright-area {background-color:#15385C; color: #FFFFFF;}
#foot .copyright-area .container {padding-left: 0% !important;}
.copyright-area a{font-family: "Museo Sans W01_500","Helvetica Neue",Helvetica,Arial,sans-serif;color: inherit;}
.yui3-paginator-current-page.yui3-paginator-page {padding: 3px 6px!important;}  
 .yui3-skin-sam a.yui3-paginator-next:link {padding:3px 0px 3px 3px !important;}    
.yui3-skin-sam .yui3-paginator-previous{padding: 3px 0px 3px 3px !important;}   
.ext-edit-account-container .user-confirm .asset-container{width:94% !important;}
#ext-edit-account-container{max-width: 500px;margin: auto;2

.nav-area h2 {border-bottom: 2px solid #EEE; color: #000; font-size:1.20em; margin-right:30px;}


/******************/
/*START RESPONSIVE*/
/******************/

@media screen and (max-width: 1500px) {
}

@media screen and (max-width: 1400px) {
#right {width: 30% !important;}
#payment-form label {max-width: 40% !important;}
}

@media screen and (max-width: 1200px){
#foot .container {padding-left: 10%;}
#right {width: 26% !important;}
.hide-login{padding-right:1% !important;}
#left {width: 71% !important;}
}

/**** THIS STARTS MOBILE STYLES ****/

/* 1024px TABLET ONLY MENU */
@media all and (max-width: 860px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 1) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px), only screen and (min-resolution: 132dpi) and (max-width: 1024px) {
.form-space span, .display-order tr td span {margin-bottom: 8px !important;}	
section {margin-top: 10px !important;}
   
/* Styling the toggle menu */
.main-menu-wrapper{display:none !important;}
.main-menu-wrapper-mobile{position: absolute !important;z-index: 1000 !important;top:120px !important;left: 0 !important;width: 100% !important;}
[id^="drop"] {display: none;}

label.toggle{font:15pt !important;}
.toggle {
    background: #15385C url(./css_images/bg_grad_red2.png);
    background: -webkit-gradient(linear, left top, left bottom, from(#15385C), to(#15385C));
    background: -webkit-linear-gradient(top, #15385C, #15385C);
    background: -moz-linear-gradient(top, #15385C, #15385C);
    background: -ms-linear-gradient(top, #15385C, #15385C);
    background: -o-linear-gradient(top, #15385C, #15385C);
    background: linear-gradient(top, #15385C, #15385C);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#15385C',endColorstr='#15385C');
display: block !important;
padding:24px 0px !important;	
color:white !important;
font-size:15px!important;
font-weight:bold!important;
text-decoration:none !important;
border:none !important;
line-height: 0px!important;
float: left !important;
text-align: left !important;
margin-left: 0% !important;
padding-left: 1% !important;
max-width: 99% !important;
width: 99% !important;
height:0px !important;
position: absolute!important;
top: 100px !important;
}
#fadeIn {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
.toggle:before {
    content: '';
    display: block;
    width: 20px;
    height: 6px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    top: 15px;
    left: 8px
}
.toggle.active:before {
    content: '';
    display: block;
    width: 25px;
    height: 0px;
    border-top: 2px solid #fff;
    border-bottom: 0px solid #fff;
    position: absolute;
    top: 23px !important;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 5px;
    -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; 
}
.toggle:after {
    content: '';
    display: block;
    width: 20px;
    height: 7px;
    border-bottom: 2px solid #fff;
    position: absolute;
    top: 24px;
    left: 8px
}
.toggle.active:after {
    content: '';
    display: block;
    width: 25px;
    height: 0px;
    border-bottom: 2px solid #fff;
    position: absolute;
    top: 23px !important;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 5px;
    -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

.f-nav .toggle {top: 75px !important;}
.f-nav .navbar {top: 2px !important;}
.dropdown_mobile.toggle {
display: block !important;
padding:2% 0px !important;	
color:white !important;
text-decoration:none !important;
border:none !important;
float: right !important;
text-align: left !important;
width: 50px !important;
background: #161436 !important;
border-left: 1px solid #44415c !important;
margin: 0;
position: relative !important;
}
.dropdown:hover{background: none !important;}
.dropdown_mobile.toggle:before {
    content: '';
    background: none !important;
    display: none !important;
}
.dropdown_mobile.toggle:after {
    content: '';
    background: url("images/down_arrow.png") no-repeat center center;
    display: block;
    width: 40px;
    height: 20px;
    text-align: center;
    margin: 0 auto;
    border:0 !important;    
}
.dropdown .dropbtn{background:none !important;padding: 10px 9px 10px 15px !important;}
.dropdown .dropbtn:after {
	content: '\00a0'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #ffffff !important;
    float: right;
    padding: 0 3%;
    border: 0 !important;  
    background:url('images/plus.png') no-repeat 95% center; 
}

.dropdown .active:after {content: "\00a0"; background:url('images/minus.png') no-repeat 95% center;/* Unicode character for "minus" sign (-) */}


/* Display Dropdown when clicked on Parent Lable */
[id^=drop]:checked + ul{display: block !important;width: 100%;}

.navbar ul {float:none !important;}	
.navbar{background: #0068bf!important;position: absolute !important;top: 26px !important;width: 100%;left: 0%;}  
.navbar ul a {font-size: 15px !important;padding: 10px 15px !important;color: #fff !important;border-right:0 !important;border-bottom: solid 1px #0084d6; border-top:0 !important;}
.navbar ul li {display: block;width: 100%;}
.navbar ul ul a{color:#fff !important;} 
 
/* Hide Dropdowns by Default */
.dropdown-content{left:0px !important;position:relative !important;color: #ffffff;border:0 !important;width:100% !important;background-color: #0084d6  !important;}
.dropdown-content li{border-bottom: 1px solid #0068bf !important;width:100% !important;margin:0 !important;}
.dropdown-content li a{border:0 !important;padding: 10px 25px !important;border-bottom: 1px solid #517b16 !important;}

/* Hide menus on hover */
.navbar ul ul li:hover > ul,.navbar ul li:hover > ul {display: none;}		

.navbar ul li a:hover{background:none !important;border-top: 0!important;color:#fff !important;}	
.navbar ul li a:active{background: #2191ef!important;}
	
}/* END 1024px TABLET */

@media screen and (max-width: 1500px ) {
	#middle-main {margin-left: 2% !important;}
	#left-main, #right-main {width: 20% !important;}
}

@media screen and (max-width: 1024px ) {
.hide-login {padding-right: 2% !important;}	
.webflow-flow .flow-item {width: 115px !important;}	
input[type="button"]:disabled,input[type="submit"]:disabled{padding: 4px 10px!important;}	
.lastest-activity {padding-bottom: 3px;font-size: 90% !important;}	
.sub-header, #content_wrap {width: 97% !important;}	
.logo-reduce{padding-left:1%;}	
.carousel-container{background-size:cover;margin-top: 70px !important;}	
#account-summary-container h1 {line-height: 1 !important;}
.summary-right h3 {font-size: 10pt !important;}	
.ShowAll {font-size: 8pt !important;}
.navbar ul ul a{font-size: 100% !important;padding: 10px 30px !important;}	
.view-statement{padding: 7px 10px 6px !important;min-width: 108px !important;}
input#register, input#scheduled-search-submit, .wallet-select input[value="Continue"], input#payment-retry, input#back, td input.form-submit, .form1 .submit input, input#exit_add, input#update_note, input#cancel_payment, input#cancel-payment-button, input#send, input#un_enroll, input#continue, input#payment-continue, input#print, input#emailer, input#confirm, input#close, input#run, input#auto_execute, input#delete, .fully-paid, input#change_password, .general-button, input#submit, input#reset, input#clear, input#cancel, input#all_paynow, input#search, input#update, input#submit_btn, input#add, input#checkout, input#change_field, input#edit, #quickpay-container input#search, #quickpay-container input#submit, #quickpay-container input#update	
{padding: 7px 10px 6px !important;margin-right: 8px;}
.enroll-box #gogreen-info .title h2 {font-size: 180% !important;}	
.main-menu-wrapper .navbar ul{float:left !important;}
.main-menu-wrapper-mobile .navbar ul{float:none !important;}
.interior-content {width: 95% !important;}	
.span_9 {width: 74% !important;}	
section.row .span_3{margin: 20px 10px 0 0 !important;width: 24% !important;}	
.main-menu-wrapper,.moby-wrap, header.row, header .row, .sub-header, header {width: 100% !important;}	
#payment-subcontainer #payment-options {width: 95% !important;margin: 0 auto !important;}	
.gogreen-container {margin: 0 10px 10px 0px !important;min-height:auto !important;}
.enroll-box {width: 100% !important;}	
#content_wrap .span_3{float:right !important;}	
#main-body, #top-b {width: 100% !important;}	
.moby-wrap {width: 100% !important;}	
#agent-menu .yui3-menu-label, 
#agent-menu .yui3-menuitem-content 
{padding: 5px 15px !important;
font-size: 125% !important;}
#full_ach {max-width: 80% !important;}
#main-body #left {margin: 0 !important;}
#main-body #left .secondaryContainer,#right .secondaryContainer{margin: 0 !important;}
#right {margin: 0px 0 0 0 !important;}

section {padding: 10px !important;}

.span_3 #user-profile-container #my-profile .secondaryContent ul li {margin-bottom:7px !important;}

.site-links a{margin:0 5px !important;}
.site-links {margin-left: 27% !important;}

/*.yui3-skin-sam .yui3-datatable-cell, .yui3-skin-sam .yui3-datatable-header {padding: 6px 10px 6px 10px !important;}*/
#payment-options {width: 78% !important;margin: 0 1% !important;}
footer {width: 100%;}
#left #enroll-container .gogreen-container {width: 100% !important;margin-top: 20px !important;}
#left-main,#right-main{width: 22% !important;}
#middle-main,.second-main #middle-main {width: 52% !important;margin-left: 2%!important;}
#account-summary-container {width: 100% !important;}
.summary-left {width: 48% !important;}
.secondaryContainer li, .formContainer li {margin: 0 0 7px 25px !important;}
.AmountDueButtons {margin-top: 4px;}
table.datatable1 td, table.datatable1 th {padding: 7px 4px !important;}
#go-green h3{background-size: cover;}
.interior-content object, .interior-content embed{width:99% !important;}
.lower-gogreen .form-info {margin-top: 60px!important;}
.lower-gogreen {margin: 41px 0 0 0 !important;}
.moby-wrap .second-main {padding: 0px 0px !important;}
.bottom-line, .summary-container, .summary-container table, .second-main #middle1, .second-main #middle2, .second-main #middle3, .second-main #account-summary-container,.latest-payments {width: 100%!important;}
#page_wrap {width: 100% !important;}
#page_wrap {margin: 0px auto !important;}
#payment-subcontainer #payment-check {width: 100% !important;}
input[type=button], input[type=submit]{padding:6px !important;}
.green-left, .green-right {max-width: 320px !important;}
}/**** END 1024px MOBILE STYLE ****/

@media screen and (max-width: 1000px ) {
.ext-consumption-container, #add-account-container, #edit-account-container, #user-edit-container, #account-information-container {display: block;width: 100% !important;}
.navbar#agent-menu ul a {padding: 15px 19px !important;font-size: 80% !important;}
}/**** END 1000px MOBILE STYLE ****/

@media screen and (max-width: 960px ) {
#foot .container {padding-left: 5% !important;}	
#quickpay-container, #enroll-container {width: 100% !important;}	
.cart_total div,.cart_amounts {width: 50% !important;}
#middle-main, .second-main #middle-main {width: 72% !important;}
.summary-container table tr td{width: 30% !important;}
#payment-cart-container {width: 100% !important;}	
.new-account-bar {height: auto !important;}
#go-green h3 span {padding-left: 36px !important;}
#go-green h3 {background-size: initial !important;padding: 0 !important;margin: 0 !important;
background:	#693 url("images/gogreen_header_mobile.png") no-repeat 10px center !important;
background: url("images/gogreen_header_mobile.png") no-repeat 10px center,-moz-linear-gradient(left, #679a40 0%, #99ca3c 30%, #99ca3c 70%, #99ca3c 70%, #679a40 100%) !important;
background: url("images/gogreen_header_mobile.png") no-repeat 10px center,-webkit-linear-gradient(left, #679a40 0%,#99ca3c 30%,#99ca3c 70%,#99ca3c 70%,#679a40 100%) !important;
background: url("images/gogreen_header_mobile.png") no-repeat 10px center,linear-gradient(to right, #679a40 0%,#99ca3c 30%,#99ca3c 70%,#99ca3c 70%,#679a40 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#679a40', endColorstr='#679a40',GradientType=1 )!important;
}
#middle-main,#right-main {width: 73% !important;}	
#left-main {width: 25% !important;}	
.gogreen-container {width: 42%;}	
.PDF_view {width:98% !important;}	
.flow-holder{width:100% !important;}
#main-body, #top-b {width: 100% !important;}	
#login-form {margin-left: 0px !important; }
input[type="radio"].formmgr-field, input[type="checkbox"].formmgr-field {box-shadow: 0 0 0 0 !important;height: 23px !important;}
#right {width: 30% !important;float: right !important;}
#left {width: 66% !important;}
#right .secondaryContainer {width: 100% !important;margin: 0 !important;}
#left #enroll-container .gogreen-container {width: 90%;}
#account_report-container iframe,#payment_report_detailed-container iframe,div#payment_report_detailed-container {width: 100% !important;}
#overlay .overlay-content {width: 67% !important;}
#overlay #history-container.overlay-content {width:595px !important;}
}/**** END 960px MOBILE STYLE ****/

@media screen and (max-width: 920px ) {
.formContainer .formContent .edit-services {width: 99%;}
fieldset.review {width: 100% !important;}	
#enroll-confirm-container .formContainer .formContent {margin-left: 0px !important;}	
#enroll-container fieldset.gogreen-submit {margin-left: 0px !important;margin: 0 auto !important;}	
.gogreen-container {width: 37%;}	
.summary-left {width: 40% !important;}
.summary-right{width: 58% !important;text-align: right !important;}
.account-box{font-size: 8pt !important;}
.summary-label {font-size: 10pt !important;width: 100% !important;}
.left_user_bar, .right_bar span {width: 100% !important;}	
#middle1,.main #middle-main .new-account-bar {width: 100% !important;}
.total-amount-line,.summary-container,.summary-full,
.summary-container table, .summary-container table tr {width: 100% !important;}
#payment-cart-container {width: 100% !important;}
.webflow-flow {margin-left: 0% !important;margin-right: 0% !important;float:none !important;}
 #enroll-container fieldset.gogreen-submit input#submit{float: none !important;width: 100% !important;margin: 0px auto 10px!important;}
 #enroll-container .gogreen-button {margin-left: 0px !important;margin-right: 0px !important;width: 100% !important;}
 div.decline-option {margin: 20px auto  0!important;width: 83% !important;float: none !important;}
 #enroll-container .no-green {width: 99% !important;margin-top: 2% !important;}
#left #enroll-container .gogreen-container #gogreen-info .title h2 {font-size: 200% !important;line-height: 1.25 !important;}
#left #enroll-container .gogreen-container #gogreen-info .title p {line-height: 1.25 !important;}
div.decline-option a{float: none !important;}  
#payment-form label{text-align:left !important; width:100% !important;float: none !important;}
#right2 #payment-form fieldset.submit {margin-left: 1% !important;}   
#enroll-container fieldset.gogreen-submit {width: 70% !important;} 
.total-amount-container-mobile{display:block !important;}
.total-amount1,.total-amount2{display:none !important;}
.total-amount-due3{float:none !important;padding-bottom: 1% !important;font-size: 100% !important;}
#payment-edit .general-button {width: 47% !important;}
.nav-area a {line-height: 1.5 !important;} 
.nav-area {padding: 15px 0 !important;}
.user-confirm .asset-container {width: 94% !important;}
.span_7 #login-form {width: 100% !important;}
}/**** END 920px MOBILE STYLE ****/

@media screen and (max-width: 768px ) {
.payment-display-forms .formmgr-text {margin: 0 0 10px 13% !important;}	
.payment-display-forms{width:100% !important;margin: 0 0 0 17% !important;}	
.payment-settings-box span {display:block !important; text-align: center !important;}	
.summary-detail {padding: 1px 30px 0 0px !important;}	
#foot .container {padding-left: 2% !important;}	
.footer-copyright {font-size: 110%;}
#add_user_account {width: 55% !important;}	
#add_user_account .form-width{margin-left: 0px !important;}	
.yui3-skin-sam .yui3-paginator-page {margin-right: 5px !important;}	
.yui3-datatable-data span.alert {border: 1px solid red !important;padding: 3px 3px 2px 2px !important;font-size: 80% !important;}	
.yui3-skin-sam .yui3-datatable-cell{padding: 6px 10px 6px 10px !important;}	
.logo-reduce{padding-top:0px;}	
#overlay #edit-account-container #edit-account-flow .formContainer {margin-top: 30px !important;}
.total-amount-due input[type=button]{min-width: 48% !important;}	
#add-account-container .webflow-flow .flow-item {width: 24% !important;margin: -4px !important;}	
.span_7 #login-form #login-links{margin-left: 35% !important;}	
.payment-display-forms .formmgr-text {margin: 0 0 10px 13% !important;}	
.payment-display-forms{width:100% !important;margin: 0 0 0 17% !important;}	
.payment_actions_button{width:100% !important;}	
.payment_item_description,.payment_description{width: 48% !important;}	
.payment_amounts_header,.payment_amounts{width: 19% !important;}
#middle-main  table.datatable1 th {padding: 8px 3px!important;}	
.no-green{height:auto !important;padding: 6px 1px !important;line-height: 1 !important;}	
.formmgr-text {margin: 7px 0 5px 23% !important;}	
.span_3 #login-form fieldset.submit input[type=submit]{width: 63% !important;}	
.enroll-box #gogreen-info h1 {margin-top: 5px !important;}
label {max-width: 40% !important;}
.cart_total div,.cart_amounts {width: 100% !important;}	
.interior-content {width: 99% !important;}
.span_9 .content-container .secondaryContainer {width: 100% !important;}	
.span_7 #user-edit-container {width: 100%!important;}	
#user-edit-container #agent_form fieldset.submit {margin: 20px 0 0 0% !important;}	
#enroll-confirm-container .confirm-content fieldset.info #login-form input#login{width: 50% !important;margin-top: 2% !important;}	
#enroll-container .no-green {width: 60% !important;margin: 30px auto 0 !important;float: none !important;}	
section.row .span_3 {margin: 10px 10px 0 0 !important;width: 34% !important;}
.ticket#payment-subcontainer fieldset.submit {margin: 4% 0 0 6% !important;}	
fieldset.review div.accept-terms .label_accept_terms {line-height: 1.25 !important;}	
#add-account-container .container-height .formContainer .formContent fieldset.info form#account_services .form-width {
    float: none !important;
    width: 80% !important;
    margin: 0 auto !important;
}	
#add-account-container .container-height .formContainer .formContent fieldset.info form#account_services .asset-container,
#overlay #add-account-container .container-height .formContainer .formContent fieldset.info form#account_services .asset-container
{
float: none !important;
    margin: 30px auto 0 !important;
    width: 98% !important;
}
#overlay #user-edit-container #change_password fieldset.submit {margin: 5% 0 0 41% !important;}
fieldset.submit {margin-left: 41% !important;margin-top: 6% !important;}
#enroll-search fieldset.submit {margin-left: 18% !important;}	
#overlay #add-account-container fieldset.submit,#account-note-container fieldset.submit
{margin-left: 10% !important;}
section#content_wrap {padding: 20px 1% 0 !important;}
#gogreen-info {padding: 35px 15px 30px 0 !important;}
.enroll-box #gogreen-info .title h2 {font-size: 165% !important;}	
.enroll-box #gogreen-info .details {font-size: 120% !important;}
.gogreen-container span {line-height: 1.5 !important;}
.gogreen-container h1 {font-size: 140% !important;}
.gogreen-container span {margin-top: 8px !important;}
.span_5,.span_7 {width: 90% !important;float: none !important;margin: 2% auto 10px !important;}	
#overlay #user-edit-container #agent_form input[type=button]{width: 30% !important;}	
#overlay #user-edit-container #agent_form input[type=button]#update {margin-left: 1% !important;}
#overlay #user-edit-container #agent_form fieldset.submit {margin: 4% 0 0 1% !important;}
#user-profile-edit-container #user-edit-container .formContainer .formContent fieldset.info form#agent_form .form-width{width: 100% !important; margin:0 auto !important;float: none !important;}	
#user-profile-edit-container #user-edit-container .formContainer .formContent fieldset.info form#agent_form .asset-container {width: 95% !important;float: none !important;margin: 20px auto 0 !important;}
.interior-content object, .interior-content embed{width:100% !important;}
.payment-edit-buttons .total-amount-due3 {float: right !important;}	
#confirm_user_account .labelCheckboxSpan {width: 100% !important;}	
#edit-account-container #edit-account-flow .formContainer .formContent .form-width fieldset.info {
 margin-left: 0px !important;}	
#confirm_user_account fieldset.submit{margin-left:1% !important;}
#account-summary-container h1 {font-size: 115% !important;}	
body {font: 14px/1.25 arial,helvetica,clean,sans-serif !important;}
div.decline-option {margin: 0px auto 0!important;}
.dropdown-content li a {padding: 10px 25px !important;}
.green-left #gogreen-info {background-size: 25% !important;background-position: 94% 33% !important;height: auto !important;}
.green-right #gogreen-info {background-size: 45% !important;background-position: 95% 33% !important;height: auto !important;}
.green-left, .green-right {height: auto !important;}
.span_3 #login-form .formmgr-text {margin: 5px 0 3px 1% !important;}
.enroll-box {width: 100% !important;}
.gogreen-container {width: 100% !important;}
.span_9 {width: 60% !important;}
#left .forgot-submit {width: 70% !important;}
div.formContent div#captcha-container {margin-left: 41% !important;}
.today-date {width: 66%;}
table.datatable1 th {padding: 8px!important;font-size: 90% !important;}
table.datatable1 td {padding: 6px!important;font-size: 90% !important;}
.summary-label {font-size: 100% !important;}
#user-edit-container #show-profile fieldset.submit {margin: 4% 0 0 2% !important;}
#user-edit-container #show-profile input[type=button], #user-edit-container #show-profile input[type=submit] 
{width: 31% !important;}
.ext-consumption-container, #add-account-container, #edit-account-container, #user-edit-container, #account-information-container,#left #user-edit-container 
{width: 100% !important;}
.new-account-bar .span_8 {width: 75% !important;}
.new-account-bar .span_4 {width: 24% !important;}
.ticketContent input[type=button], .ticketContent input[type=submit] {width: 31%;}
.PDF_view {width:98% !important;}
.span_8,.span_4{width: 100% !important;}
form#cancel-payment {width: 26% !important;float: left;}
#payment-container input#cancel-payment-button {width: 100% !important;}
.total-amount-due3 {margin: 1% !important;float: none !important;font-size: 110% !important;font-weight: bold;}
.payment-edit-buttons #cancel-payment .general-button 
{width: 99% !important;
margin: 0 17px 0 0px !important;
padding: 6px 0 0 0 !important;
height: 20px !important;}	
.payment-edit-buttons #cancel-payment input[type="button"] 
{margin: 0px auto 0!important;}
.payment-edit-buttons input[type="button"]
{width: 27% !important;
margin: 0 17px 5px 0px !important;
padding: 0px 0 0px 0 !important;
height: 28px !important;}
.payment-edit-buttons-container
{width: 100%!important;
margin-left: 6%!important;}
.payment-edit-buttons #cancel-payment input#cancel-payment-button {
    height: 35px !important;
    padding-top: 2px!important;
    font-size: 75% !important;
}
.payment-edit-buttons {margin:0 !important;}	
.payment-edit-buttons .general-button {
    width: 33% !important;
    margin: 0 17px 5px 0px !important;
    padding: 8px 0 0 0 !important;
    height: 25px !important;
}
.payment-edit-buttons form#cancel-payment{width: 28% !important;float: left;}
.payment-edit-buttons input#cancel-payment-button{float: left;min-width: 100% !important;}
table.datatable1 tr.data {line-height: 20px !important;}
#payment-credit input[type=button], #payment-credit input[type=submit] {width: 31% !important;}
#left #payment-subcontainer .formContainer .formContent table td.opt-left {font-size: 100% !important;}
.payment-holder {width: 42% !important;height: 58px !important;}
.account-box {font-size: 9pt !important;padding: 1px !important;}
.CartTable,.CartTable tr{width:100% !important;}
#payment-cart-container .cartContent {font-size: 100% !important;}
#account-summary-container {margin-bottom: 10px !important;}
dt {padding: 0px 10px 0 !important;}
dd {margin: 0px 0px 0 15px !important;width: 87% !important;}	
#payment-container div.formContent {padding-top: 0% !important;}
table.datatable1 tr.data {height: 33px !important;}	
.secondaryContainer li, .formContainer li {margin: 0 0 6px 25px !important;}	
.form-frame fieldset.submit {margin-left: 0px;}
.view-statement {float: right !important;width: 45% !important;margin-top: 0px !important;}	
.AmountDueButtons {height:50px !important;float: left !important;width: 100% !important;}
.form-frame {float: none !important;width: 100% !important;margin-top: 0px !important;}	
.latest-payments {margin-top: 20px !important;width: 100% !important;}	
.DueUponReceipt{width: 35% !important;}		
.AmountDue{width: 28% !important;}
.total-amount-due {width: 100% !important;margin: 0 auto !important;float: none !important; padding-top:0px !important;}	
.summary-container input[type=button], .summary-container input[type=submit]{width: 48% !important;margin: 0 1% 0 0!important;float: left !important;}
.total-amount-due fieldset.submit {float: none !important;margin: 5px auto !important;width: 100% !important;}	
.form1 .submit input {float: none !important;margin-left: 0px !important;}	
.span_7 #login-form #login-links li {list-style-type: none !important;margin-bottom: 14px;margin-left: 8% !important;}	
.span_7 #login-form fieldset.submit {margin-left: 41% !important;}
.span_7 #login-form input[type=button], .span_7 #login-form input[type=submit]{width: 44% !important;}
#login-form {margin-top: 0px !important;}
#overlay #payment_email fieldset.submit {margin-left: 18% !important;}	
#overlay #payment_email input[type=button], 
#overlay #payment_email input[type=submit]
{width: 38% !important;}
.submit #print, .submit #emailer {margin-right: 2%!important;}
#quickpay-container .ticket input[type=button], 
#quickpay-container .ticket input[type=submit] {width: 30% !important;margin-right: 2% !important;}
#left #quickpay-container .formContainer .formContent fieldset.info .edit-services .exit-container input[type=button], 
#left #quickpay-container .formContainer .formContent fieldset.info .edit-services .exit-container input[type=submit]
{width: 31% !important;}
	
#left #quickpay-container .formContainer .formContent fieldset.info .edit-services .exit-container 
{width: 100% !important;margin: 0 auto !important;}	
.formContainer .formContent .edit-services .debit-credit-card {width: 80% !important;margin: 0 auto !important;float: none !important;}
.formContainer .formContent .edit-services {width: 100% !important;float: none !important;margin: 0 auto !important;}
.quickpay-left .pay-info {margin: 0 auto !important;}
#payment-options {margin: 0 auto !important;width: 70% !important;}
#quickpay-container .form-info {width: 100% !important;margin: 0 auto !important;}
#quickpay-container, #enrol-container {width: 100% !important;margin: 0 auto !important;}
.quickpay-left {width: 100% !important;margin: 0 auto !important;}
#enroll-confirm-container div.confirm-content {width: 100% !important;font-size: 100% !important;}
.span_3 {width: 38%;}
.hide-login {position: absolute;right: 1%;top: 2%;}
input[type=button], input[type=submit] {padding: 6px !important;min-width: 22% !important;margin-right:2% !important;}
label {max-width:53%;font-size: 100% !important;}
.formmgr-field {height: 23px!important;font-size: 11pt!important;margin-bottom: 1% !important;}
.secondaryContainer li, .formContainer li {font-size: 105% !important;}
.span_3 .formContainer li {margin-bottom: 15px !important;}
#main-body #left {width: 90% !important;float: none !important;padding: 0% !important;margin: 0 auto !important;}
#left #enroll-container .formContainer {width: 100% !important;margin: 10px auto 0 !important;}
.enroll-left,#left #enroll-container {margin: 0 !important;width: 100% !important;}
.lower-gogreen {margin: 41px 0 0 0 !important;}
h3#flow-header {width: 100% !important;margin: 0 auto !important;}
.flow-holder {width: 100% !important;margin: 0 auto!important;}
#enroll-search label {padding-top: 1%;font-size: 11pt !important;}
#right {width:90% !important;float: none !important;margin: 4% auto !important;}
.formmgr-row span {line-height: 1.5 !important;}
.enroll-left #enroll-container #enroll-container .gogreen-container,
#left #enroll-container .gogreen-container
{width: 85% !important; margin-left: 0px!important;margin: 20px auto 0 !important;}
.no-green {width: 300px !important;}
#right .secondaryContainer {width: 100% !important;margin: 0 !important;}
#enroll-confirm-container .formContainer .formContent {margin: 10px auto !important;width: 100% !important;}
fieldset.review {width: 100% !important; margin: 15px auto 0 !important;}
fieldset.review legend.review-item 
{width: 98% !important;
padding: 0 1%!important;
font-size: 11pt !important;
margin: 10px auto 0 !important;}
fieldset.review dl {font-size: 11pt !important;}
a.edit {font-size: 10pt !important;}
div.terms {padding: 0px !important;width: 97% !important;margin: 10px 0 0 10px !important;height: 200px !important;}
div.decline-option a {font-size: 14pt !important;}
.label_accept_terms,fieldset.review div.accept-terms div {width: 100% !important;}
div.info span {font-size: 11pt !important;}
.span_3 #login-form{margin: 2% auto !important;}
#login-links {margin: 5% 0 -10px 29%!important;}
.company-info {margin-left: 27% !important;}
.dropdown .dropbtn:after {font-size: 16px !important;}
.toggle {max-width: 99% !important;}
.moby-wrap {width: 100% !important;margin: 0px auto !important;}
.navbar {width: 100%!important;left: 0%!important;}        
footer{border-radius: 0 !important;-moz-border-radius: 0 !important;-webkit-border-radius: 0 !important;padding-bottom: 2%}
#overlay #groups-document-container {width: 90% !important;}
#contentImage,#contentImage img{width: 100% !important;}
#left-main {width: 34% !important;}
#middle-main, #right-main {width: 63% !important;margin-left: 0%!important;}
#right-main{margin-right: 1% !important;}
#overlay .overlay-content {width: 80% !important;}
#user-profile-edit-container #user-edit-container form#show-profile .form-width 
{margin-left: -5% !important;}
#user-edit-password-container #user-edit-container .formContainer,
#user-edit-password-container #user-edit-container .formContainer .formContent
{width: 100% !important;}
#user-edit-password-container #user-edit-container .formContainer .formContent fieldset.info .asset-container,
#user-edit-password-container #user-edit-container .formContainer .formContent fieldset.info form#change_password .form-width .exit-container
{width: 100% !important;margin:0 !important;}
#add-account-container .formContainer .formContent fieldset.info form#enroll-search .form-width {width: 100% !important;float: none !important;}
#overlay #add-account-container #enroll-search fieldset.submit {margin-left: 26% !important;}
#overlay #add-account-container #enroll-search input[type=button]{width: 31% !important;}
#overlay #add-account-container .flow-holder {width: 100% !important;margin-bottom: 10px !important;}
.labelCheckbox{line-height: 1.5 !important;}
#add-account-container .user-confirm .formContent .asset-container {float: right !important;}
#overlay #edit-account-container .flow-holder {width: 100% !important;}
#overlay #edit-account-container #edit-account-flow .formContainer .formContent .form-width fieldset.submit {
    margin-left: 0px !important;}
#overlay #edit-account-container #edit-account-flow .formContainer .formContent .form-width fieldset.submit input[type=button], input[type=submit] {
    width: 43% !important;}
#overlay #edit-account-container #edit-account-flow .formContainer .formContent fieldset.info form#account_services .asset-container,
#overlay #edit-account-container #edit-account-flow .formContainer .formContent fieldset.info .asset-container div
{width: 100% !important;margin: 10px auto !important;}
#overlay #edit-account-container #edit-account-flow .formContainer .formContent fieldset.info form#account_services .form-width
{width: 95% !important;margin: 0 auto !important;float:none !important;}
.ticket input[type=button]{width: 26% !important;}
.browse-container div.yui3-paginator div.yui3-paginator {height: auto !important;}
.span_7 #user-edit-container #agent_form input[type=button]{width: 30% !important;}
#history-container {height:auto !important;padding-bottom: 6% !important;}
#history-container .yui3-datatable-y-scroller-container {height: auto !important;}
#history-container-pg {margin-top: -74px !important;width: 92% !important;margin-left: 11px !important;}
.ext-history-container .pag-holder {width: 80% !important;left: 0px !important;}
#history-container .yui3-skin-sam .yui3-datatable-cell{padding: 4px 7px !important;}
#history-container .yui3-datatable-scrollable-y .yui3-datatable-y-scroller {height: auto !important;}
#agent_search input[type=button]{margin-bottom:20px !important;    min-width: 22% !important;}
#agent_access-browse,#agent_access-browse-pg,#events-browse,#events-browse-pg {float:none !important;}
#left fieldset.forgot-submit {margin-left: 36% !important;}
#enroll-container fieldset.gogreen-submit input#submit,div.decline-option 
{width: 61% !important;
padding: 8px 0 !important;
float: none !important;
height: auto !important;}
#user-edit-container #agent_form input[type=button]#update {margin-left: 0% !important;}
#agent_form input[type=button]{min-width: 23% !important;}
#payment-form label {width: 18% !important;float: left !important;}
#enroll-container .exit-container {margin: 0 auto !important;}
#enroll-container .user-entry-forms #enroll-profile fieldset.submit {width: 82% !important;margin: 20px 0 0 18% !important;}
#payment_email input[type=button], input[type=submit] {width: 98% !important;}
#forgot_username, #forgot_password {width: 88% !important;}
#middle-main, .second-main #middle-main {width: 63% !important;}
.span_4 .right_bar {width: 56% !important;}
#middle-main, .second-main #middle-main {margin-left: 2%!important;}
.main #middle-main .new-account-bar {width: 98% !important;}
.general-button {height: auto !important;width: 97% !important;}
.view-statement a:link {padding: 3% 23% !important;}
#agent_search fieldset.submit input#search {margin-left: -10% !important;}
#forgot_username label, #forgot_password label {text-align: right !important;}
#main-body #left .formContainer .span_7 #login-form #login-links {margin-left: 27% !important;}
#login-links li{margin: 0 20px 10px 0px !important;display: inline-block;font-size:105% !important;}
#add-account-container .formContainer .formContent fieldset.info form#enroll-search .asset-container {width: 100% !important;float: none !important;}
overlay .asset-container {margin: 20px 10px 0 0 !important;}
#user-profile-edit-container #user-edit-container .asset-container .secondaryContainer p,
#user-edit-password-container .asset-container .secondaryContainer p
{margin-top: 0px !important;}
.new-account-bar {width: 96% !important;}
.browse-container {width: 100% !important;margin: 0px 0 0 0px !important; }
.span_7 .formContainer {margin: 0px 0px 20px 0px !important;}
#right .formContainer {width: 100% !important;}
.enroll-flow {width: 100% !important;height: auto !important;}
#overlay .asset-container {margin: 10px 10px 0 0 !important;}
#payment-container .general-button {width: 26% !important;font-size: 75% !important;}
#payment-check .edit-services fieldset.submit, #payment-credit .edit-services fieldset.submit {margin-left: 26% !important;}
.total-amount-line {padding-bottom: 10px !important;padding-top: 10px;}
.span_5 .content-container {float: none !important;width:100% !important;}
.ticketContent fieldset.submit {margin-left: 10% !important;}
#add-account-container .user-confirm .formContent fieldset.info form#payment-check {float: none !important;width: 100% !important;}
#add-account-container .user-confirm .formContent fieldset.info .asset-container {float: none !important;width: 98% !important;margin:20px auto 0 !important;}
#gogreen-info {width: 95% !important;}
.gogreen-container {margin: 0 !important;padding-bottom: 14px !important;}
.display-order{margin-bottom:5px;}
.ShowAll a{white-space: nowrap;}
.payment-settings-box .general-button{float: none !important;margin: 10px auto 0 !important;padding: 7px 0 !important;}
.ext-consumption-container,#add-account-container, #edit-account-container, #overlay #edit-account-container, #user-edit-container, #account-information-container{width:90% !important; margin:0 auto;}
#payment-check {width: 100% !important;float: none !important;}
#overlay #payment-check .edit-services fieldset.submit {margin-left: 0% !important;}
.user-confirm .asset-container {width: 97% !important;}
#account-information-container #edit-account-flow .formContainer .formContent fieldset.info .asset-container,
#user-profile-edit-container #user-edit-container form#show-profile .asset-container {width: 93% !important;}
.payment_actions_button {margin-bottom: 5px !important;}
fieldset.review fieldset.submit {text-align: left !important;}
.green-left, .green-right {max-width: 100% !important;}

}/**** END 768px MOBILE STYLE ****/

@media screen and (max-width: 700px ) {	
.payment-display-forms input {width: 65% !important;}	
.lastest-activity {padding-top: 5px !important;}	
#all_paynow_1{margin-bottom:0 !important;}	
.col-xs-6 {width: 50% !important;}	
.col-xs-12 {width: 100% !important;}
fieldset.submit {margin-left: 1% !important;}	
.showAllAccounts{display:block !important;text-align: right !important;}	
.new-account-bar {border-radius: 3px !important;-moz-border-radius: 3px !important;-webkit-border-radius: 3px !important;}
.secondaryContainer h3 span.toggle_header{display:block !important;padding-bottom: 0px!important;}	
#my-profile-content,#user-accounts-content,
#recent-documents-content,#recent-payments-content,
#account-services-content,#account-notes-content,
#account-restriction-content
{display:none;}	
.second-main .secondaryContainer > h3 {padding: 3px 10px !important;border-radius: 3px 3px 0 0 !important;}
#left-main .header,#recent-documents .header,
#recent-payments .header,#account-services .header,
#account-notes .header,#account-restrictions .header
{width: 70% !important;display: inline-block !important;}
.toggle_header{background: none !important;padding: 0 !important;float: right;}
#my-profile h3 .toggle_header a,#user-accounts h3 .toggle_header a,
#recent-documents h3 .toggle_header a,#recent-payments h3 .toggle_header a,
#account-services h3 .toggle_header a,#account-notes h3 .toggle_header a,
#account-restrictions h3 .toggle_header a
{
	content: '\00a0'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #ffffff !important;
    float: right;
    padding: 12px;
    border: 0 !important;  
    background:url('images/plus_header.png') no-repeat 95% center; 
}	
.toggle_header_link#my-profile-content-active,
.toggle_header_link#user-accounts-content-active,
.toggle_header_link#recent-documents-content-active,
.toggle_header_link#recent-payments-content-active,
.toggle_header_link#account-services-content-active,
.toggle_header_link#account-notes-content-active,
.toggle_header_link#account-restriction-content-active
{background:url('images/minus_header.png') no-repeat 95% center !important; }
#right2 div.content-container div.secondaryContainer div.secondaryContent p { margin-top: 0px !important;}	
#close-history {margin-left: 43% !important;}	
.container-height {margin-top: 30px !important;}
#overlay #edit-account-container #edit-account-flow .formContainer .formContent fieldset.info .asset-container {  float: none !important;}
#overlay #edit-account-container #edit-account-flow .formContainer .formContent fieldset.info .asset-container .auto-pay-asset {width: 100% !important;}	
#edit-account-container input#submit {margin-left: 0px !important;}	
#add-account-container .webflow-flow .flow-item {width: 31% !important;}	
#overlay .ext-history-container .pag-holder {width: 92% !important;    padding-bottom: 10% !important;}
.ext-history-container .pag-holder {top: -60px !important;}	
#overlay #history-container.overlay-content {width: 92% !important;}	
form#agent_search {width: 99% !important;}
#agent_search fieldset.submit input#search {margin-left: 0% !important;}	
.span_9 .content-container {width: 99% !important;margin: 20px auto !important;}		
.general-button {padding: 11px 0 !important;font-size: 100% !important;}	
.main #middle-main .new-account-bar {width: 100% !important;}	
#middle-main, .second-main #middle-main {margin-left: 0%!important;width: 100% !important;margin-top: 1% !important;}	
#enroll-container fieldset.gogreen-submit {margin-top: 2% !important;}	
.span_3 #login-form fieldset.submit {margin-left: 0% !important;}
.span_3 #login-form .formContent fieldset.info {padding: 1% 5% 0 !important;}	
.gogreen-container {padding: 0 !important;}
section.row .span_3 {margin: 0px auto !important; width:100% !important;}
#payment-form label {width: 22% !important;}	
.hide-login p {text-align: right !important;}	
#user-edit-container #agent_form fieldset.submit {margin: 4% 0 0 0% !important;}
#user-edit-container #agent_form input[type=button]#update {margin-left: 0% !important;}
#agent_search fieldset.submit {margin: 4% 0 0 1% !important;}
#history-container .yui3-datatable-scroll-liner	{padding: 4px 7px !important;}
.submit #print, .submit #emailer {margin: 0 0 4% 0 !important;}	
.payment-edit-buttons .general-button ,.payment-edit-buttons form#cancel-payment{width: 45% !important;}	
.payment-edit-buttons td{width: 100% !important;}	
.total-amount-container-mobile {display: block !important; }	
.payment-edit-buttons .total-amount-due3 {display:none !important;}	
#edit-account-container #edit-account-flow .formContainer .formContent .form-width {
    width: 98% !important;}	
#overlay #edit-account-container #edit-account-flow .formContainer .formContent .asset-container,
#overlay #edit-account-container #edit-account-flow .formContainer .formContent fieldset.info .asset-container div, #overlay #edit-account-container #edit-account-flow .formContainer .formContent fieldset.info .asset-container
{float: none !important;width: 98% !important;margin: 10px auto !important;}	
#add-account-container .user-confirm .formContent .form-width fieldset.info {
    width: 90%;
    margin: 0 auto !important;}	
#confirm_user_account .labelCheckboxSpan {width: 100% !important;}
#overlay .user-confirm  fieldset.submit {margin-left: 0 !important;}
#add-account-container .user-confirm .formContent .form-width {float: none !important;width: 98% !important;}	
#add-account-container .user-confirm .formContent .asset-container {
    float: none !important;
    width: 97% !important;
    margin: 10px auto !important;
}	
#overlay #add-account-container .container-height .formContainer .formContent fieldset.info form#account_services .form-width {
width: 100% !important;}
#overlay #add-account-container .container-height .formContainer .formContent fieldset.info form#account_services .asset-container {
width: 100% !important;}	
#overlay #add-account-container form#account_services fieldset.submit {margin-left: 0% !important;width: 90%;margin: 0% auto!important;}
#overlay #add-account-container .flow-holder .webflow-flow .flow-item {width: 28%;}
#overlay #user-edit-container #change_password fieldset.submit {margin: 4% 0 0 0% !important;}	
#overlay #payment_email fieldset.submit {margin-left: 0 !important;}	
#payment-options {width: 94% !important;}	
.span_3 #login-form .formmgr-text {margin: 5px 0 0px 0% !important;}	
#login-links {margin: 1% 0 0!important;}	
.span_3 #login-form #login-form input[type="text"], .span_3 #login-form #login-form input[type="password"], .span_3 #login-form #login-form textarea {width: 100% !important;}
#gogreen-info {padding: 30px 0 10px 0 !important;width: 99% !important;}	
.enroll-box #gogreen-info h1 {margin-top: 1% !important;}	
.green-left #gogreen-info {background-size: 20% !important;}	
.green-right #gogreen-info {background-size: 32% !important;}	
.span_9,.span_3 {width: 100% !important;float: none !important;}	
.hide-login {right: 2% !important;font-size: 90% !important;padding: 2px 0 !important;}	
.span_3 #login-form {width: 100% !important;}
#left .forgot-submit {width: 65% !important;}
#left fieldset.forgot-submit{margin-left: 23% !important;}
#forgot_username input[type=button], #forgot_username input[type=submit] {width: 48% !important;}
table.datatable1 tr.data {height: 40px !important;}
input[type=button], input[type=submit],#left #quickpay-container .formContainer .formContent fieldset.info .edit-services .exit-container input[type=button], #left #quickpay-container .formContainer .formContent fieldset.info .edit-services .exit-container input[type=submit],
#quickpay-container .ticket input[type=button], #quickpay-container .ticket input[type=submit],#user-edit-container #show-profile input[type=button], #user-edit-container #show-profile input[type=submit],
#overlay #add-account-container #enroll-search input[type=button] 
{margin-bottom: 20px !important;height: 36px !important; width: 100% !important;}
.company-info {margin-left: 0% !important;height: 35px!important;}
.site-links {margin-left: 0% !important;    height: 30px !important;}
table.datatable1 td, table.datatable1 th {padding: 10px 4px;}
#right-main {width: 100% !important;margin: 0% 0% !important;}
.summary-container .warning, .form-messages .warning, #payment_credit-messages .warning 
{margin-top: 15px !important;margin-bottom: 15px !important;}
.view-statement {padding: 9px 2px 8px !important;width: 99% !important;font-size: 100% !important;float:none !important;margin-top:15px !important;}
.form-frame {margin-top: 10px !important;}
.latest-payments {padding: 5px 0 2px !important;}
.formContent fieldset.info {padding: 10px !important;}
#overlay fieldset.submit {margin-left: 0% !important;}
.AmountDueButtons {height: auto !important;}
.summary-container input[type=button], .summary-container input[type=submit] {width: 100% !important;margin: auto !important;float: none !important;}
.summary-right h3 {font-size: 100% !important;line-height: 1.5 !important;}
#account-summary-container h1 {font-size:120% !important; line-height: 1!important;}
.main #middle-main .new-account-bar .span_8 .left_user_bar,
.left_user_bar, .right_bar span,.main #middle-main .new-account-bar .span_4 .right_bar {font-size: 100% !important;padding: 10px 5px !important;}
.main #middle-main .new-account-bar .span_4 .right_bar {margin-right: 5px;text-align: right !important;}
#middle1, .main #middle-main .new-account-bar {padding: 0px !important;height:auto !important;}
#middle-main {margin: 6% 0 0 0!important;}
.account-box {font-size: 100% !important;padding: 15px !important;}
#my-profile ul {width: 18%;display: table-cell;}
#my-profile dl {width: 30%;display: table-cell;}
#left-main, #middle-main {float: none !important;width: 100% !important;}	
.summary-left {width: 42% !important;}
.flow-holder {width: 100% !important;}
#enroll-container .gogreen-button {margin-left: 0px;}
#left #enroll-container .formContent {margin-top: 6% !important;}
.foot-hold {padding: 10px 10px 30px !important;}
#enroll-container #enroll-search input[type=button], #enroll-container #enroll-search input[type=submit], #enroll-container #enroll-profile input[type=button], #enroll-container #enroll-profile input[type=submit] {width: 100% !important;}
#enroll-container fieldset.gogreen-submit input#submit {font-size: 150% !important;}
#left #enroll-container .gogreen-container #gogreen-info .title h2 {font-size: 150% !important;line-height: 1.25 !important;}
#payment-subcontainer fieldset.submit {margin: 4% 0 0 0% !important;}
.yui3-datatable-content {overflow-x: scroll;}
#enroll-search fieldset.submit {margin-left: 1% !important;}
#enroll-container .user-entry-forms #enroll-profile fieldset.submit {width: 98% !important;margin: 20px 0 0 1% !important;}
.webflow-flow .flow-item {margin: -4px !important;}
section {width: 80% !important;margin: 0px auto 0 !important;}
#main-body #left,#right {width: 100% !important;}
.payment-display-forms input {width: 65% !important;}
form#cancel-payment {width: 100% !important;}
.span_5,.span_7 {width: 100% !important;}
.right_bar_refresh{display:none;}
.new-account-bar .span_4 {width: 27% !important;}
.span_4 .right_bar {width: 100% !important;}
.new-account-bar .span_8 {width: 65% !important;}
#gogreen-info {padding: 15px 0 10px 0 !important;}
.enroll-box {min-height: 150px !important;}
.span_3 .login-form {width: 100% !important;}
}/**** END 700px MOBILE STYLE ****/

@media screen and (max-width: 600px ) {
.span_7 #login-form #login-links.login-main {margin-left: -2% !important;}	
.payment-display-forms	input[type=text]{width: 65% !important;}	
.carousel-container {background-size: 150% !important;margin-top: 70px !important;height: 13.625rem !important;}	
.ticketContent fieldset.info {margin-left: 3%;}	
#left .quickpay-left #quickpay-container .formContainer .formContent fieldset.info form table.check-confirm td.ck-left, 
#left #quickpay-container .formContainer .formContent fieldset.info table.enter-tab td.enter-left {width: 60% !important;}	
#left #quickpay-container .formContainer .formContent fieldset.info table.enter-tab {margin-left: -1% !important;}
#edit-account-container #edit-account-flow .formContainer .formContent .form-width #confirm_user_account-messages .error {margin-left: 10px !important;}	
.span_7 #login-form input[type=button], .span_7 #login-form input[type=submit] {width: 100% !important;}
.payment_item_description, .payment_description {width: 35% !important;}	
.payment_amounts_header, .payment_amounts {width: 25% !important;}	
.general-button {margin-bottom: 20px !important;}	
#edit-account-container .formContainer .formContent form#payment-check table.enter-tab {margin-left: 0px!important;}	
.pay-to-the-order-of {text-align: left !important;}	
#overlay #payment-check .edit-services fieldset.submit {margin-left: 0% !important;}	
.form-frame {width: 100% !important;}	
#payment-check .edit-services fieldset.submit, #payment-credit .edit-services fieldset.submit {margin-left: 0% !important;}	
label[for=amount],label[for=account],label[for=amount_due]{width: 100% !important;}
label[for=amount]:after {content: ""!important;}
#quickpay-amount input#amount{width: 37% !important;}	
#forgot_username, #forgot_password {width: 100% !important;}	
.formContent fieldset.info {padding: 10px;}	
div.error{width: 80% !important;}	
#enroll-container fieldset.gogreen-submit {width: 100% !important;padding: 13px 0 !important;}
#user-entry-forms #left #enroll-container .formContent {margin-top: 15px !important;}	
#forgot_username .formmgr-text,#forgot_password .formmgr-text{margin: 5px 0 10px 0% !important;}	
#add-account-container .formContainer .formContent fieldset.info form#enroll-search .asset-container { width: 100%  !important;float: none  !important;}
#forgot_username label, #forgot_password label {text-align: left !important;}	
.span_7 #user_search fieldset.submit, .span_7 #payment_search fieldset.submit, .span_7 #document_search fieldset.submit
 #user-edit-container #change_password fieldset.submit, #user-edit-container #agent_form fieldset.submit, #account_report fieldset.submit, 
 #payment_report_detailed fieldset.submit, #payment_plan fieldset.submit,#document_search fieldset.submit {
    margin: 20px 0 0 0% !important;
}	
[type="radio"]:checked + div label:after, [type="radio"]:not(:checked) + div label:after{top: 5px !important;}	
[type="radio"]:checked + div label:before, [type="radio"]:not(:checked) + div label:before {top: 1px !important;}	
#overlay #user-profile-edit-container #user-edit-container #show-profile .formmgr-text {margin: 5px 0 7px 0% !important;}	
#overlay #user-edit-container #change_password fieldset.submit{width: 100% !important;}	
#enroll-container .no-green {width: 84% !important;}
#enroll-container fieldset.gogreen-submit input#submit, div.decline-option {width: 85% !important;}	
#payment-form label {width: 25% !important;}	
#overlay #add-account-container fieldset.submit	input[type=button],#account-note-container fieldset.submit	input[type=button]
{width: 100% !important;}
#overlay #add-account-container fieldset.submit,#overlay #add-account-container .agent-exit,#account-note-container fieldset.submit
 {margin-left: 0% !important;}	
#overlay #add-account-container .form-width{margin-left: 0px !important;}	
.span_7 #user-edit-container #agent_form fieldset.submit{margin-left: 0% !important;}	
.span_7 #user-edit-container #agent_form input[type=button] {width: 100% !important;}	
.span_7 .formContent fieldset.info {padding: 1% 4% !important;}	
#overlay fieldset.submit, fieldset.submit,#user-edit-container fieldset.submit{margin-left: 0% !important;}	
.span_4 #right2 .formContent fieldset.info{padding: 1% 3% !important;}
#payment-credit input[type=button], #payment-credit input[type=submit] {width: 98% !important;}	
#payment-container input[type=button], #payment-container input[type=submit],form#cancel-payment,
#user-edit-container fieldset.submit
{width: 100% !important;}	
.payment-display-forms	input[type=text]{width: 65% !important;}
#overlay #edit-account-container #edit-account-flow .formContainer .formContent .form-width fieldset.submit input[type=button], input[type=submit] {
    width: 100% !important;
    margin: 10px auto !important;
}	
#overlay #edit-account-container .webflow-flow .flow-item {width: 40% !important;}	
.labelCheckboxSpan {margin-left: 1% !important;}	
#overlay #add-account-container .flow-holder .webflow-flow .flow-item {width: 32%;}	
#add-account-container .formContainer .formContent fieldset.info form#enroll-search .form-width {
    width: 90% !important;
    margin: 0 auto !important;
    float: none !important;
}
#overlay #add-account-container #enroll-search fieldset.submit {margin-left: 0% !important;}
#user-edit-password-container #user-edit-container .formContainer .formContent fieldset.info form#change_password .form-width {width: 95% !important;}
	
#user-profile-edit-container #user-edit-container form#show-profile .form-width {width: 94% !important;}	
#payment_email{width: 86% !important;margin: 0 auto !important;}	
#payment-email-container{width:90% !important;}
.edit-services select,.edit-services input[type=text],.edit-services input[type=password],.edit-services textarea {
    width: 88% !important;
}	
#ccExpiration_month,#ccExpiration_year,#ccCVC{width: 30% !important;}
.payment-holder {width: 50% !important;height: auto !important;}
#enroll-confirm-container div.confirm-content p {width: 95% !important;font-size: 100% !important;}
label {line-height: 1.5 !important;}	
#gogreen-image{display:none !important;}
.formmgr-text {margin: 3px 0 !important;}
.flow-holder {width: 100% !important;}	
.enroll-box #gogreen-info h1 {margin:0!important;}
.span_3 #login-form {width: 97% !important;margin: 0 auto !important;}
#gogreen-info {width: 94% !important;padding: 20px 0 10px 0 !important;margin: 10px auto !important;float: none !important;background-size: 30% !important;}
#left .forgot-submit {width: 100% !important;}
#left fieldset.forgot-submit{margin-left: 0% !important;}
.span_7 #login-form #login-links {text-align: center !important;}
.today-date {width: 65%;font-size: 81% !important;}
.special-footer .foot-hold .left-logo {width: 25%!important;}
label,.quickpay-email {max-width: 100% !important;font-size: 120% !important;padding-top: 0% !important;width: 100%;text-align: left !important;}
.formmgr-field {height: 25px!important;font-size: 100% !important;margin-bottom: 2% !important;}
select,#enroll-container select#question,input[type=text], input[type=password], textarea {width: 100% !important;}
.span_7 #login-form fieldset.submit,.span_7 #login-form form#login-form fieldset.submit,
.span_7 #login-form #login-links
{margin-left: 0% !important;width: 100% !important;}	
.span_5 .content-container .secondaryContainer,.span_5 .content-container{margin:0px !important;width: 100% !important;}	
#my-profile dl {width: 13%;}
.green-right #gogreen-info {background-position: right 100% !important;}
.green-left #gogreen-info {background-size: 24% !important;}
.debit-credit {min-width: 100% !important;}	
.latest-payments {margin-top: 95px !important;}
.secondaryContainer li, .formContainer li {font-size: 110% !important;}
#user-profile-edit-container #user-edit-container form#show-profile .form-width 
{margin-left: 0% !important;margin: 0% auto !important;float: none !important;}
#user-profile-edit-container #user-edit-container .formContainer .formContent .form-width .exit-container {
    margin-left: 0px !important;
}
#user-edit-container #show-profile fieldset.submit {margin: 4% 0 0 0% !important;}
#overlay #user-edit-container #agent_form input[type=button]{width: 100% !important;}	
#overlay #user-edit-container #agent_form input[type=button]#update {margin-left: 0% !important;}
#overlay #user-edit-container #agent_form fieldset.submit {margin: 4% 0 0 0% !important;}
#overlay #user-profile-edit-container #user-edit-container .formContainer .formContent fieldset.info form#agent_form .form-width {
    width: 97% !important;
    margin: 0 auto !important;
    float: none !important;
}
.yui3-skin-sam .yui3-datatable-cell, .yui3-skin-sam .yui3-datatable-header {padding: 3px 5px  !important;}
div#captcha-container,div.formContent div#captcha-container {width: 50% !important;margin-left: 0 !important;margin: 3% auto !important;}
#image-captcha{width: 100% !important;}
#payment_void-messages div.warning{width:80% !important;height:auto !important;}
.form-info span {font-size: 90% !important;padding:5px !important;}
.span_7 #login-form #login-links li {font-size: 115% !important;margin: 0 9px 6px 9px !important;display: inline;}
#overlay .ext-document-email-container #document-email-container fieldset.submit {margin: 20px 0 0 0% !important;}
#credit h2,#check h2{font-size: 150% !important;}
h3#flow-header {font-size: 150% !important;}
#overlay #add-account-container .formContainer {margin-top: 20px !important;}
#account_services label[for=account]{width: 15% !important;font-size: 120% !important;margin-bottom:10px !important;}
#overlay #add-account-container form#account_services fieldset.submit {margin: 10% auto 0!important;}
#payment-container .general-button {width: 99% !important;}
#payment-subcontainer #payment-check .edit-services fieldset.submit, #payment-subcontainer #payment-credit .edit-services fieldset.submit {margin-left: 0% !important;}
#left #payment-subcontainer .formContainer .formContent fieldset.info form#payment-check table.enter-tab {margin-left: -1%;}
#agent_form .formmgr-row span, .span_4 .formmgr-row span {padding-bottom: 5px !important;line-height: 1.2 !important;font-weight: bold !important;}
.formmgr-row span {width: 100% !important;}
#history-container .yui3-datatable-scroll-liner {padding: 1px 2px !important;}
#add_user_account {width: 100% !important;}
#add-account-container .asset-container{width: 95% !important;}
section {width: 90% !important;}
.user-confirm .asset-container {width: 91% !important;}
.password_details {margin-left: 0% !important;}
section {min-height: auto !important;}
.login-form {width: 100% !important;}
}/**** END 600px MOBILE STYLE ****/

@media screen and (max-width: 500px ) {
.carousel-container {height: 10.625rem !important;}	
table.datatable1 td, table.datatable1 th {font-size: 80% !important;line-height: 1.1 !important;}	
.showAllAccounts{font-size:90% !important;}	
.main #middle-main .new-account-bar .span_8 .left_user_bar, .left_user_bar, .right_bar span, .main #middle-main .new-account-bar .span_4 .right_bar {font-size: 85% !important;}	
#header {padding: 3px 0 !important;}	
.pipe{display:none;}
.footer-copyright ul li {padding: 2% 4%;}
#quickpay-amount {margin: 0 0 0 0%;}
/*label[for=amount]:after{content: "\00a0$" !important;float: right;}*/
label[for=amount], label[for=account], label[for=amount_due] {width: 61% !important;font-size: 105% !important;}
#enroll-profile label[for=account],#account_services label[for=account]{width: 75% !important;font-size: 120% !important;margin-bottom:10px !important;}	
#delete_agent_user-messages .warning{width:82% !important;}	
.view-statement a:link {padding: 3% 15% !important;}	
.ConfirmRadio {max-width: 95% !important;}	
.no-green{padding: 6px 1px 3px 1px !important;}	
#enroll-container .no-green {width: 99% !important;}	
#enroll-container fieldset.gogreen-submit input#submit, div.decline-option {width: 100% !important;}	
section.row .span_3 {margin: 10px auto !important;}	
.enroll-box #gogreen-info .details {font-size: 100% !important;line-height: 1.5 !important;}
.enroll-box #gogreen-info .title h2,.enroll-box #gogreen-info h1 {font-size:175% !important;}	
#payment-form label {width: 100% !important;float:none !important;}	
.ext-history-container .pag-holder {width: 90% !important;}	
.payment-trans-table td{display:block !important;}
.payment-trans-table .formContainer li {font-size: 115% !important;}
table.datatable1 span.alert, .yui3-datatable-data span.alert {margin-left: 2px !important;}	
.order-amount-due, .pament-amount-due, .order-payment, .payment-payment {width: 27% !important;}	
#payment-container div.formContent {font-size: 85% !important;}	
div #ccCVC_popup{right: 2% !important;width: 258px !important;}	
.webflow-flow .flow-item div span {font-size: 70% !important;}	
.gogreen-container {height: 175px;}	
.gogreen-container {margin: 2% 1% !important;}	
.span_7 #login-form fieldset.submit {margin-left: 0% !important;}	
.special-footer .foot-hold .lower-middle {width: 46%!important;}
.special-footer .foot-hold .left-logo {width: 20%!important;}	
#recent-documents table.datatable1 .data td:nth-child(2){max-width: 5ch !important;overflow: hidden;text-overflow: ellipsis;}
#recent-payments table.datatable1 .data td:nth-child(5),
#recent-payments table.datatable1 th:nth-child(5)
{display:none !important;}
table.datatable1 {font-size: 95% !important;}	
.today-date {display:none !important;}
.enroll-left #enroll-container #enroll-container .gogreen-container, #left #enroll-container .gogreen-container {margin: 30px auto 20% !important;}
.span_7 #login-form #login-form {width: 90% !important;margin: 0 auto !important;}
.summary-detail{width:80% !important;}
#overlay .overlay-content {width: 90% !important;}
.quickpay-container, .pass-fail, .ticketContent, .form-messages{width: 97% !important;margin: 0 auto !important;}
.main #middle-main .new-account-bar {width: 98% !important;}
#enroll-confirm-container .confirm-content fieldset.info input#login{width: 100% !important;}
.DueUponReceipt {width: 30% !important;}
.lastest-activity{padding-top:3px;}
#account-summary-container h1 {font-size: 112% !important;}
section {width: 95% !important;}
.summary-right h3 {font-size: 90% !important;}
ul.social-icons li a {min-width: 45px !important;line-height: 45px !important;font-size: 150% !important;} 
.toggle{top:89px !important;}
.navbar {top: 17px !important;}
#overlay #payment-check label {max-width: 45% !important;}
}/**** END 500px MOBILE STYLE ****/

@media screen and (max-width: 450px ) {
.f-nav .toggle {top: 61px !important;}
ul.social-icons li {margin: 0 5px 10px 0px !important;}	
ul.social-icons li a {min-width: 40px !important;line-height: 40px !important;font-size: 130% !important;} 	
.right_bar {width: 100% !important;}	
fieldset table td {padding: 5px 4px !important;}	
.secondaryContainer li, .formContainer li {margin: 0 0 8px 25px !important;}	
.secondaryContainer .tableContent ul{padding: 5px 10px 0 !important;}
.main #middle-main .new-account-bar {padding: 8px 0px !important;}
#left-main .header, #recent-documents .header,
#recent-payments .header,#account-services .header,
#account-restrictions .header
{width: 80% !important;line-height: 1.1 !important;font-size: 90% !important;}	
.summary-container .warning, .form-messages .warning, #payment_credit-messages .warning {margin-top: 5px !important;margin-bottom: 5px !important;}
#account-summary-container h3 {line-height: 1.2 !important;}	
.form1 input[type=button],#middle2{margin-bottom:0 !important;}
.total-amount-line {padding-top: 0px !important;}	
.footer-copyright {font-size: 90% !important;padding: 1% 3% !important;}
.new-account-bar {padding: 5px 10px !important;margin-bottom: 15px !important;}	
.left_user_bar {padding: 5px!important;}	
#edit-account-container #confirm_user_account span,	
.secondaryContainer li, .formContainer li {font-size: 105% !important;}	
div.tableFooter a {font-size: 90% !important;}	
label, .quickpay-email {font-size: 110% !important;}	
.yui3-skin-sam .yui3-datatable-cell, .yui3-skin-sam .yui3-datatable-header {padding: 8px 3px !important;font-size: 90% !important;}	
.hide-login {text-align: right !important;}	
#left #payment-subcontainer .formContainer .formContent fieldset.info form#payment-credit table.enter-tab {margin-left: -5% !important;}	
#credit h2, #check h2 {font-size: 115% !important;}	
.payment_item_description, .payment_description {width: 40% !important;}	
.display-order{font-size: 90% !important;}
.payment-edit{font-size: 85% !important;}	
#overlay #edit-account-container #confirm_user_account span, #overlay #add-account-container #confirm_user_account span {margin-left: 10px !important;}	
.view-statement {padding: 7px 0 !important;}
#left #enroll-container .gogreen-container #gogreen-info .title h2 {font-size: 175% !important;}
.formContainer .formContent .edit-services .debit-credit-card {width: 100% !important;}	
.debit-credit-card p {font-size: 100% !important;}	
#left #payment-subcontainer .formContainer .formContent table {margin: 0px auto;}
#quickpay-container	.flow-holder {width: 102% !important;}
#quickpay-container .flow-holder,#quickpay-container .flow-holder .webflow-flow,#quickpay-container .webflow-flow .flow-item {text-align: left!important;}	
#quickpay-container .webflow-flow .flow-item {width: 25% !important;}
#payment-subcontainer #payment-options {width: 98% !important;margin: 0 auto !important;padding-left: 6px !important;}	
div#payment-option-check {background-size: 19% !important;height: 35px !important;}	
.credit-discover, .credit-mc, .credit-visa, .credit-amex {width: 11% !important;background-size: 100%;}	
.formmgr-field {margin-bottom: 1% !important;}
.card-link{font-size: 90% !important;}
input[type=text], input[type=password], textarea {font-size: 140% !important;}
section {width: 93% !important;}	
#history-container .yui3-datatable-scroll-liner {padding: 0px 1px !important;}	
#history-container table {font-size: 80% !important;}	
.ext-history-container .pag-holder {top: -90px !important;}	
.yui3-skin-sam .yui3-paginator-pages {width: 43% !important;}	
#delete_agent_user-messages .warning {width: 74% !important;}	
.view-statement a:link {padding: 3% 28% !important;font-size: 90% !important;}	
.form-frame {float: none !important;width: 100% !important;}
.hide-login {font-size: 75% !important;margin:1% 0 !important;top: 1% !important;}	
.formContainer li,
.summary-container .warning, .form-messages .warning, #payment_credit-messages .warning,
.secondaryContainer > h3,.secondaryContent, .secondaryContainer p 
{font-size: 90% !important;}	
#account-summary-container h1 {font-size: 100% !important;margin-bottom: 5px;}
#loading {left: 37% !important;}
body {font: 16px/1.25 arial,helvetica,clean,sans-serif !important;}	
div#captcha-container, div.formContent div#captcha-container {width: 90% !important;}	
.webflow-flow .flow-item {margin: -3px !important;}	
fieldset.review div.accept-terms .label_accept_terms {line-height: 1.5 !important;}	
#overlay #account-restrictions-edit-container fieldset.submit {margin: 5% 0 0 0% !important;}	
#history-container-pg {margin-top: -63px !important;}	
#history-container {padding-bottom: 17% !important;}
#history-container-pg .yui3-paginator-pages {width: 49% !important;}	
#payment-container div.formContent {font-size: 87% !important;}	
.labelCheckboxSpan {width: 98% !important;}	
#overlay #add-account-container .flow-holder .webflow-flow .flow-item div span {font-size: 55% !important;}	
#my-profile ul,#my-profile dl {width: 90% !important;display: block !important;font-size: 90% !important;}	
.span_7 #login-form #login-links {padding: 0 !important;margin: 4% 0% !important;}	
.summary-label, .bottom-label {width: 100% !important;}
#recent-documents table.datatable1 .data td:nth-child(2),
#recent-documents table.datatable1 th:nth-child(2)
{display:none !important;}	
.site-links,.company-info {width: 250px;}	
.special-footer .foot-hold .left-logo {width: 25%!important;}	
.special-footer .foot-hold .left-logo {width: 23%!important;}
.webflow-flow {padding-left: 1% !important;}
.label_accept_terms{font-size: 82% !important;}
#account-summary-container h2 {font-size: 100%;}
.DueUponReceipt {width: 33% !important;font-size: 87% !important;}
.AmountDue {width: 30% !important;font-size: 87% !important;}
#unenroll-messages .warning {width: 77% !important;}
div.decline-option-cancel{width:100% !important;}
.browse-container {font-size: 85% !important;margin: 0 0 0 0px !important;}
.enroll-box #gogreen-info .title h2,.enroll-box #gogreen-info h1 {font-size:130% !important;}
.toggle{top: 59px !important;}
.navbar{top: 7px !important;}
.webflow-flow .flow-item {width: 24% !important;font-size: 115% !important;}
.webflow-flow .flow-item-active div{font-weight:normal !important;}
#enroll-container fieldset.gogreen-submit {width: 83% !important;}
#enroll-container fieldset.gogreen-submit input#submit, div.decline-option{padding: 11px 0 !important;}
.span_7 #login-form #login-links li {font-size: 100% !important;}
.main #middle-main .new-account-bar .span_8 .left_user_bar, .main #middle-main .new-account-bar .span_4 .right_bar 
{padding: 0px 0px !important;}
.span_4 .right_bar {margin-top: -17px !important;}
.new-account-bar .span_8 {width: 90% !important;}
.span_4 .right_bar {float: none !important;}
.summary-detail {width: 96% !important;padding: 5px !important;}
.summary-right h3,#account-summary-container h3,.latest-payments {font-size: 70% !important;}
.summary-detail .summary-label,.summary-detail .summary-value {font-size: 100% !important;}
.latest-payments {margin: 10px auto 3px!important;}
.AmountDueButtons {height: auto !important;}
div#gogreen-info {width: 98%!important;}
#add-account-container .webflow-flow .flow-item {width: 33% !important;}
.new-account-bar {width: 93% !important;}
.new-account-bar .span_4 {width: 20% !important;}
.logo-reduce{width: 100px !important;margin: 3% 3% 0px !important;}
.f-nav .logo-reduce{width: 100px !important;margin: 10% 3% 0px !important;}
.f-nav .hide-login {top: 10% !important;}
.main-menu-wrapper-mobile {top: 100px !important;}
.enroll-box {min-height: auto !important;}
.form-info span {font-size: 78% !important;}
#right {margin: 5% auto 1%!important;}
div.terms {margin: 10px 0 0 0px !important;}
#user-accounts li {font-size: 90% !important;}
table.datatable1 tr.data {height:35px !important;}
div.tableContent div.none {font-size: 90%;}
.asset-container div h2,.asset-container div p {font-size: 90% !important; }
.payment_item_description, .payment_description {width: 35% !important;}
#left #payment-subcontainer .formContainer .formContent fieldset.info form#payment-credit table.enter-tab td.enter-right,
#left #payment-subcontainer .formContainer .formContent table td.confirm-right,
#left #payment-subcontainer .formContainer .formContent fieldset.info form#payment-check table.enter-tab td.enter-right,
.confirm-message,#left #payment-subcontainer .formContainer .formContent fieldset.info table.check-confirm td.ck-right,
div.info span
{font-size: 100% !important;}
#payment-form input[type=text]{width: 75% !important;}
#overlay #payment_email input[type=button], #overlay #payment_email input[type=submit] {width: 100% !important;}
#agent_access-browse .yui3-datatable-cell, #agent_access-browse .yui3-datatable-header {padding: 4px 5px 4px 5px !important;font-size: 84% !important;}
.payment_display_left, .payment_display_right {width: 100% !important;float: none !important;}
.formContainer .payment_display_left li{font-size: 110% !important;}
.span_5 div.content-container div.secondaryContainer div.secondaryContent p {margin-top: -2px !important;}
.labelCheckbox {width: 80% !important;margin-bottom: 3% !important;}
.green-left #gogreen-info {background-size: 21% !important;}
.navbar ul a {padding: 10px 15px !important;}
.dropdown .dropbtn {padding: 8px 9px 8px 15px !important;}
.ViewDoc{font-size:95% !important;padding: 0 5px;}
.mode-agent .hide-login {margin: 3% 0 !important;line-height: 1.25 !important;}
#payment-cart-container .cartContent {font-size: 80% !important;}
.gogreen-container span {margin-top: 2px !important;line-height: 1.30 !important;}
section#content_wrap {padding: 15px 1% 0 !important;}
.main #middle-main .new-account-bar {width: 99% !important;}
#payment-options {padding-bottom: 8px;}
.f-nav .navbar {top: 8px !important;}
.col-xs-6 {width: 48% !important;display: inline-table;}
.nav-area a {line-height: 2 !important;font-size: 80% !important;}
.nav-area h2, .nav-area h2 a{font-size: 90% !important;}
div.tableContent div.none {padding: 5px 7px !important;}
input#register, input#scheduled-search-submit, .wallet-select input[value="Continue"], input#payment-retry, input#back, td input.form-submit, .view-statement, .form1 .submit input, input#exit_add, input#update_note, input#cancel_payment, input#cancel-payment-button, input#send, input#un_enroll, input#continue, input#payment-continue, input#print, input#emailer, input#confirm, input#close, input#run, input#auto_execute, input#delete, .fully-paid, input#change_password, .general-button, input#submit, input#reset, input#clear, input#cancel, input#all_paynow, input#search, input#update, input#submit_btn, input#add, input#checkout, input#change_field, input#edit, #quickpay-container input#search, #quickpay-container input#submit, #quickpay-container input#update{font-size: 100%;}
#payment-container .divTableRow.header {font-size: 90% !important;}
.payment-container .divTableHead{white-space:nowrap;}
}/**** END 450px MOBILE STYLE ****/

@media screen and (max-width: 375px ) {
#my-profile ul, #my-profile dl {font-size: 95% !important;}	
.payment-display-forms input[type=text] {width: 62% !important;}	
.carousel-container {height: 7.625rem !important;}	
ul.social-icons li a {min-width: 35px !important;line-height: 35px !important;font-size: 120% !important;} 	
.card-link {font-size: 95% !important;margin-bottom: 0px !important;}
.formContainer li, .summary-container .warning, 
.form-messages .warning, #payment_credit-messages .warning, .secondaryContainer > h3, 
.secondaryContent,div.tableFooter a,
div.tableFooter a 
{font-size: 80% !important;}	
#edit-account-container #confirm_user_account span, .secondaryContainer li, .formContainer li 
{font-size: 115% !important;}
.footer-copyright ul li {display: block !important;text-align: center;}	
#left .quickpay-left #quickpay-container .formContainer .formContent fieldset.info form table.check-confirm td.ck-left, #left #quickpay-container .formContainer .formContent fieldset.info table.enter-tab td.enter-left {width: 60% !important;}	
#left .quickpay-left #quickpay-container .formContainer .formContent fieldset.info form table.check-confirm td.ck-left, #left #quickpay-container .formContainer .formContent fieldset.info table.enter-tab td.enter-left {width: 55% !important;}
#left .quickpay-left #quickpay-container .formContainer .formContent fieldset.info form table.check-confirm td.ck-left {font-size: 9pt !important;}
#left .quickpay-left #quickpay-container .formContainer .formContent fieldset.info form table.check-confirm td.ck-right {font-size: 11pt !important;}	
.payment-display-forms input[type=text] {width: 62% !important;}	
.payment_item_description, .payment_description {width: 33% !important;}	
.payment_amounts_header, .payment_amounts {width: 27% !important;}	
.credit-discover, .credit-mc, .credit-visa, .credit-amex {width: 11% !important;background-size: 98%;}	
.payment-holder {width: 50% !important;}	
#quickpay-container .webflow-flow .flow-item div span {letter-spacing: -.3px;font-size: 85% !important;}
div.warning span, div.error span {margin-left: 4% !important;}	
#history-container table {font-size: 75% !important;}	
.enroll-left #enroll-container #enroll-container .gogreen-container, #left #enroll-container .gogreen-container {margin: 30px auto 10% !important;}	
section {padding: 10px 5px !important;}	
#right2 .secondaryContent h2 {padding: 2px 10px 10px !important;}
.webflow-flow .flow-item-active div {font-weight:normal;}	
fieldset.review div.accept-terms .label_accept_terms {padding-left: 23px !important;}
#history-container .yui3-datatable-cell{padding: 1px 2px  !important;}
.order-amount-due, .payment-amount-due, .order-payment, .payment-payment {width: 29% !important;}	
.form-space span, .display-order tr td span {margin-bottom: 11px !important;}	
.payment-edit-buttons #cancel-payment input#cancel-payment-button {font-size: 87% !important;}	
#payment-container div.formContent {font-size: 75% !important;}		
.enroll-box #gogreen-info .details {line-height: 1.25 !important;font-size: 95% !important;}
#gogreen-info,.gogreen-container {height: auto !important;}
.span_3 #login-form fieldset.submit {margin-left: 0% !important;}
.span_3 #login-form #login-form input[type="text"], .span_3 #login-form #login-form input[type="password"], .span_3 #login-form #login-form textarea 
{width: 99% !important;}
.span_3 #login-form #login-form label {width: 100% !important;}	
.secondaryContainer p {padding: 5px 15px !important;}
.formmgr-text {margin: 5px 0 7px 0% !important;}
div.error {width: 82% !important;padding: 10px 1px 10px 37px !important;}
#left .forgot-submit {width: 100% !important;}	
div.formContent div#captcha-container {width: 88% !important;padding: 5% !important;}	
.formContent fieldset.info {padding: 1% 3% !important;}
#enroll-confirm-container div.terms, #enroll-confirm-container fieldset.info, #enroll-confirm-container dl, div.terms, legend.review-item, fieldset.review {width: 94%!important;}	
input[type=text], input[type=password], textarea {width: 99% !important;}	
label,#overlay #payment-check label{max-width: 97% !important;width: 100% !important;text-align: left !important;}	
.special-footer .foot-hold .left-logo {width: 17%!important;}	
table.datatable1 td, table.datatable1 th {font-size: 80% !important;font-weight: normal !important;}	
.summary-container .warning, .form-messages .warning, #payment_credit-messages .warning,
#payment_void-messages div.warning {padding: 1% 10% !important;width: 73% !important;}	
#account-summary-container h2 {font-size: 95% !important;}	
#account-summary-container h1 {line-height: 1!important;}
#history-container-pg .yui3-paginator-pages {width: 41% !important;}
.gogreen-container {margin: 0 0 3% 0 !important;}
.green-right{padding-top: 0% !important;}
#gogreen-info {padding: 5px 0 10px 0 !important;margin: 2px auto !important;}
}/**** END 375px MOBILE STYLE ****/

@media screen and (max-width: 320px ) {
section {margin-top: 15px !important;}	
table.datatable1 span.alert, .yui3-datatable-data span.alert{float: none !important;margin-left: 1px !important;}	
label[for=amount], label[for=account], label[for=amount_due] {width: 46% !important;font-size: 104% !important;}	
.webflow-flow .flow-item div span {font-size: 75% !important;}		
.special-footer .foot-hold .left-logo {display:none !important;}
.site-links, .company-info {margin-left: 21% !important;}

}/**** END 320px MOBILE STYLE ****/


@-webkit-keyframes heartBeat{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes heartBeat {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.heartBeat.active:after,.heartBeat.active:before {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: .3S;
  animation-duration: .3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}