html, body{margin:0;padding:0;}
#page_wrap{width:100%;height:auto;margin:0;}
header.row{border-top:1px solid #336699;height:140px;display:block;margin:0!important;}
.cart_header{width: 48%;color: #fff;display: inline-block;padding:3px 0;}
.cart_items{width: 49%;display: inline-block;}
#main-body{margin-top:0px!important;display:block;}
.main-menu-wrapper {display:inline-block;margin-bottom:20px!important;border:1px solid #c3c3c3;}
section{margin-top:40px;display:block;padding:5px 0;}
a.link-default:hover {color:#303a75;}
a {color:#303a75;}
a:hover {color:#6873BA;text-decoration:underline; cursor:pointer;}
.even, .yui3-datatable-odd {background:#303a75;}
div.user-account-bar {border: 1px solid #303a75;}
.form-info, .formContainer .formContent {border-color:#303a75;}
.slide-1-desc {background-color:#303a75;}
h1, h2, h3 {color:#303a75;}
.enroll-search h3{font-size:20pt;}
#quickpay-container,#enroll-container{display: table;text-align: center;margin-left: auto;margin-right: auto;width:100%;font: 1.0em verdana,geneva,arial,helvetica,sans-serif !important;}
#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;}
#quickpay-container .formContainer .form-info span,#enroll-container .formContainer .form-info span {text-align:center;}
.webflow-flow .flow-item-active div, fieldset.review legend {color:#700000;}
.webflow-flow .flow-item-complete div {color:#de0000;}
.foot-hold .lower-middle{display:block;float:left;width:550px;height:50px;margin-left:50px;}
.hide-login{display:block;padding:10px 2px;font-size:14pt;font-weight:bold;color: #505050;}
.hide-login p{text-shadow: 0px 1px 5px #fff;}
.moby-wrap{width:1000px !important;}
#report-listing-container{margin-top:20px !important;}
.browse-container div.yui3-paginator div.yui3-paginator {height:25px !important;width:98.2%!important;}
.new-account-bar{background-color:#4461ad;}
.site-links{width:300px;margin-left:75px;}
.company-info{width:300px;margin-left:110px;}
#logo {margin:30px 5 10px 10px;}
.hor{margin-top:30px;}
#enroll-container h3{margin-left:0px;}
.auto-pay-check{font-size:8pt;}
#loading {
	border:none;
	color:#ffffff;
	background: #336699, url('./css_images/loading2.gif') no-repeat 6px 6px;
	background: url('./css_images/loading2.gif') no-repeat 6px 6px, -webkit-gradient(linear, left top, left bottom, from(#005696), to(#336699));
	background: url('./css_images/loading2.gif') no-repeat 6px 6px, -webkit-linear-gradient(top, #005696, #336699);
	background: url('./css_images/loading2.gif') no-repeat 6px 6px, -moz-linear-gradient(top, #005696, #336699);
	background: url('./css_images/loading2.gif') no-repeat 6px 6px, -ms-linear-gradient(top, #005696, #336699);
	background: url('./css_images/loading2.gif') no-repeat 6px 6px, -o-linear-gradient(top, #005696, #336699);
	background: url('./css_images/loading2.gif') no-repeat 6px 6px, linear-gradient(top, #005696, #336699);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b58ba',endColorstr='#336699');
}
div.form-header, .yui3-datatable caption, .formContainer h3, div.user-account-bar, .slide-1-desc,
.main-menu-wrapper .yui3-menu .yui3-menu-content .first-of-type  .yui3-menuitem a:hover,
.main-menu-wrapper .yui3-menu .yui3-menu-content .first-of-type li a.yui3-menu-label-menuvisible,
.main-menu-wrapper .yui3-menu .yui3-menu-content .first-of-type li a.yui3-menu-label:hover {
	color: #ffffff;
	background: #336699 url(./css_images/bg_grad_red2.png);
	background: -webkit-gradient(linear, left top, left bottom, from(#005696), to(#336699));
	background: -webkit-linear-gradient(top, #005696, #336699); 
	background: -moz-linear-gradient(top, #005696, #336699);
	background: -ms-linear-gradient(top, #005696, #336699);
	background: -o-linear-gradient(top, #005696, #336699);
	background: linear-gradient(top, #005696, #336699);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b58ba',endColorstr='##336699');
}
footer{background-color:#EDEDED;
border-radius: 0px 0px 12px 12px; 
-moz-border-radius: 0px 0px 12px 12px; 
-webkit-border-radius: 0px 0px 12px 12px; 
padding:0px;
border-bottom:1px dotted silver;
margin-top:20px;
}
.foot-hold{padding:20px 10px;}
.quickpay-left .pay-info{padding: 0 3%;}
.secondaryContainer .pay-info{color:red;padding:7px;}
.yui3-menuitem-content, .main-menu-wrapper, #guest-menu, .yui3-menu-content, .yui3-menu, .yui3-menu-horizontal, .yui3-menubuttonnav, .first-of-type{background-color:#EDEDED !important;}
#logo a {height:100%;}
.language{margin-left:20px !important;}
.content-container img{width:90%;}
.hide-this{display:none;}
.show-this{display:block;width:100%;}
#slideshow-wrapper{display:block;}
.container						{ margin: 0 auto !important}
.form-container						{ margin: 0 auto; }
.row:after, .col:after, .clr:after, .group:after, .col2:after, row2:after {content: "";display: block;height: 0;clear: both;visibility: hidden; }
.row{ margin-bottom: 1.5em; } /* set according to preference*/
.col, .col2 {display: block;float:left;width: 100%;}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
.moby-wrap{
	margin:10px auto;
	width:70%;
	background-color:#fff;
	border-radius: 15px; 
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
}
.labelCheckbox{
line-height:24px;
	font-size:14px;
	padding-left: 23px;
	overflow:hidden;
	width:75% !important;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	text-align:left;
	margin-left: 0;
}
.labelCheckboxSpan{
	width:80% !important;
	margin-left:34%;
	padding-left: 3px;
}
.label_accept_terms
{font-weight: bold;
height: 24px;
line-height: 24px;
text-align: left;
float: none;
margin-left: 0;
}
#confirm_user_account .labelCheckboxSpan
{width:80% !important;
margin-left:13% !important;
padding: 1px 0 0 3px;}
#confirm_user_account input#confirm{min-width:10px !important;margin-left:3% !important;margin-top:2px;}
#confirm_user_account .labelCheckbox{
line-height:24px;
	font-size:13px;
	display:block;
	overflow:hidden;
	width:75% !important;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	text-align:left;
	margin-left: 13px !important;
}
.decline-option-cancel{margin-top:5px !important;}
.legal-lang{overflow-y:scroll;margin-top:5px;height:250px;}
.legal-lang p{margin:0px !important;}
.overlay-content .secondaryContainer .secondaryContent{border:0 !important;}
.right_bar{float:right;}
.display-order{margin-top:3px !important;}
#history-container .yui3-datatable-scrollbar{display:none;}
#history-container .yui3-datatable-caption-table{margin:0 !important;}
#history-container .yui3-datatable-scrollable-y .yui3-datatable-y-scroller{overflow-y: hidden !important;height: 335px !important;}
#history-container .yui3-datatable-y-scroller-container
{width: 99.7% !important;
height: 264px !important;
overflow-y: hidden !important;}
.ext-history-container .pag-holder {position: relative !important;left:0 !important;top:-16px !important;margin: 0 auto !important;width: 580px !important;}
#history-container-pg 
{margin-top: -50px !important;width: 100% !important;}
#overlay #user-edit-container #change_password fieldset.submit {margin: 4% 0 0 27% !important;}
#overlay #payment-credit .edit-services fieldset.submit{margin-left: 18% !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-edit-container #agent_form fieldset.submit {margin: 4% 0 0 13% !important;}/* MUST KEEP VALUE FOR MANAGE AGENT USERS */
#agent_search fieldset.submit {margin: 4% 0 0 23% !important;}
#payment-subcontainer fieldset.submit {margin: 4% 0 0 37% !important;}
#user-edit-container #show-profile fieldset.submit {margin: 4% 0 0 25% !important;}
.span_3 #login-form #login-form label{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: 95% !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;margin-bottom: 6px !important;margin-left: 0 !important;}
.span_3 #login-form fieldset.submit 
{margin-left: 0px !important;margin-top: 17px !important;}
#login-links {margin: 8px 0 -12px 0 !important;padding: 5px 1px!important;}
.span_7 #login-form #login-links{margin: 2% 0 0 37%!important;}
.span_7 #login-form #login-links li {list-style-type: none !important;margin-bottom:5px}
.no-green:hover {background:#545252 !important;} 
#overlay #payment_email fieldset.submit {margin-left: 41% !important;}   
#overlay #payment-email-container .error {width: 85% !important;}
.account-box{vertical-align:middle;}
tr, td{vertical-align:middle !important;}
.form-space span,.display-order tr td span{margin-bottom:3px}
.main-menu-wrapper-mobile{display:none;}
.toggle {display:none;}
[id^="drop"] {display: none;}
.span_7 #login-form {margin-top:0 !important;}
.DueUponReceipt,.summary-detail{width: 120px;float:left}
.AmountDue{width: 120px;float:left}
.AmountDueButtons{width:120px;}
.order-description, .payment-description {width: 42% !important;}
.order-amount-due, .payment-amount-due,
.order-payment, .payment-payment {width: 20% !important;}	
.payment-edit-buttons{padding: 25px 0 5px 0;float: left;width: 100% ;margin: 0 auto ;}
.total-amount-container-mobile{display:none;}
.span_1 { width: 6.5%; }
	.span_2 { width: 15.0%; }
	.span_3 { width: 23.5%; }
	.span_4 { width: 33.0%; }
	.span_5 { width: 40.5%;float: right; }
	.span_6 { width: 49.0%; }
	.span_7 { width: 57.5%; }
	.span_8 { width: 66.0%; }
	.span_9 { width: 74.5%; }
	.span_10 { width: 83.0%; }
	.span_11 { width: 91.5%; }
	.span_12 { width: 100%; }
#middle-main{width: 540px !important;margin-left: 20px!important;}
#middle3{margin-top:5px;}
.form-frame fieldset.submit {margin-left: 0 !important;}
#overlay #enroll-search fieldset.submit {margin-left: 36% !important;}
div.info {margin: 5px !important;}
#right2 #payment-form fieldset.submit {margin-left: 25% !important;}
.payment-display-forms .formmgr-text {margin: 5px 0 7px 17% !important;}
#show-rows{text-align:center;}
#user-edit-container #agent_form input[type=button]#update{margin-left: 32% !important;}
.greeting_role:before {content: '\A';white-space:pre-wrap;}
#history-container .yui3-datatable-scrollable-y .yui3-datatable-table .yui3-datatable-columns{visibility:visible !important;}
#history-container .yui3-datatable-y-scroller-container .yui3-datatable-scroll-columns{visibility: hidden !important;display:none !important;}
#overlay #add-account-container .asset-container{margin: 10px auto 0 !important;}
#overlay #add-account-container .asset-container .auto-pay-text{margin-top: -28px;}
#overlay #add-account-container fieldset.submit {margin-left: 36% !important;}
#quickpay-container select.formmgr-field {width: 22% !important;}
textarea,input.text,input[type="text"],input[type="button"],input[type="submit"],.input-checkbox,input[type="radio"],input[type="checkbox"] {-webkit-appearance: none;}    
[type="radio"]:checked,[type="checkbox"]:checked,[type="radio"]:not(:checked),[type="checkbox"]:not(:checked) {position: absolute;left: -9999px;}
[type="radio"]:checked + label,[type="checkbox"]:checked + label,[type="radio"]:not(:checked) + label,[type="checkbox"]:not(:checked) + label{position: relative;cursor: pointer;display: inline-block;color: #666;}
[type="radio"]:checked + label:before,[type="radio"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 13px;height: 13px;border: 1px solid #9d9d9d;border-radius: 100%;background: #fff;}
[type="radio"]:checked + label:after,[type="radio"]:not(:checked) + label:after {content: '';width: 7px;height: 7px;background: #666666;position: absolute;top: 4px;left: 4px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after,[type="checkbox"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
[type="radio"]:checked + label:after,[type="checkbox"]:checked + 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: 5px;width: 13px;height: 13px;border: 1px solid #9d9d9d;background: #fff;}
[type="checkbox"]:checked + label:after,[type="checkbox"]:not(:checked) + label:after {content: '\00a0';background: url('images/checkmark.png') no-repeat center center;position: absolute;top: 4px;left: 4px;width: 13px;height: 13px;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;background-size: 14px;}
#ccExpiration_month,#ccExpiration_year{width: 20% !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 (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: 50px !important;}
.main-menu-wrapper{display:none !important;}
.main-menu-wrapper-mobile{position: absolute !important;z-index: 1000 !important;top: 22.5% !important;left: 0 !important;width: 100% !important;}
[id^="drop"] {display: none;}
label.toggle{font:15pt !important;}
.toggle {
    background: #336699 url(./css_images/bg_grad_red2.png);
    background: -webkit-gradient(linear, left top, left bottom, from(#005696), to(#336699));
    background: -webkit-linear-gradient(top, #005696, #336699);
    background: -moz-linear-gradient(top, #005696, #336699);
    background: -ms-linear-gradient(top, #005696, #336699);
    background: -o-linear-gradient(top, #005696, #336699);
    background: linear-gradient(top, #005696, #336699);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005696',endColorstr='#336699');
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: 97% !important;
width: 99% !important;
height:0px !important;
position: absolute!important;
top: 20.5%!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_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 2%;
    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 (-) */}
.dropdown a{border:0 !important;}

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

.navbar ul {float:none !important;}	
.navbar{background: #33568e !important;position: absolute !important;top: 34px !important;width: 98%;left: 1%;}  
.navbar ul a {font-size: 16px !important;padding: 10px 15px !important;color: #fff !important;border-right:0 !important;}
.navbar ul li {display: block;width: 100%;border-bottom: 1px solid #4474aa;}
.dropdown-content{left:0px !important;position:relative !important;color: #ffffff;border:0 !important;width:100% !important;background-color: #294777 !important;}
.dropdown-content li{border:0 !important;width:100% !important;margin:0 !important;}
.dropdown-content li a{border:0 !important;padding: 10px 25px !important;border-top: 1px solid #4474aa !important;}
.navbar ul ul li:hover > ul,.navbar ul li:hover > ul {display: none;}		
.navbar ul li a:hover{background:none !important;}	
}/* END 1024px TABLET */
@media screen and (max-width: 1024px ) {
#payment-subcontainer #payment-options {width: 95% !important;margin: 0 auto !important;}	
#gogreen-container {margin: 0 10px 10px 0px !important;width: 47% !important;}
.enroll-box {width: 100% !important;}	
#content_wrap .span_3{float:right !important;}	
#main-body, #top-b {width: 100% !important;}	
.moby-wrap {width: 98% !important;}	
#agent-menu .yui3-menu-label, 
#agent-menu .yui3-menuitem-content 
{padding: 5px 15px !important;
font-size: 125% !important;}
#left {margin-left: 1% !important;width: 59% !important;}
#right {width: 37% !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;}
#payment-options {width: 78% !important;margin: 0 1% !important;}
footer {width: 100%;}
#left #enroll-container #gogreen-container {width: 100% !important;}
#enroll-container fieldset.gogreen-submit {margin-left: 0% !important;}
#left-main,#right-main{width: 22% !important;}
#middle-main {width: 52% !important;margin-left: 2%!important;}
#account-summary-container {width: 100% !important;}
.summary-left {width: 48% !important;}
.view-statement {margin-top: 12px !important;}
.secondaryContainer li, .formContainer li {margin: 0 0 7px 25px !important;}
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;}
}/**** 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;}
}/**** END 1000px MOBILE STYLE ****/

@media screen and (max-width: 960px ) {
#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;}
#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;}       
}/**** END 960px MOBILE STYLE ****/

@media screen and (max-width: 920px ) {
#gogreen-container {width: 37%;}	
.summary-left {width: 40% !important;}
.summary-right{width: 58% !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;}
.navbar ul a {padding: 5px 12px;}
 #enroll-container fieldset.gogreen-submit input#submit{float: none !important;width: 83% !important;margin: 0px auto !important;}
 #enroll-container .gogreen-button {margin-left: 0px !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;}   
.error {font-size: 100% !important;}   
.toggle{top: 135px !important;}
.main-menu-wrapper-mobile{top: 149px !important;}
}/**** END 920px MOBILE STYLE ****/

@media screen and (max-width: 768px ) {
.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{
float: none !important;
    margin: 30px auto 0 !important;
    width: 98% !important;
}
fieldset.submit {margin-left: 30% !important;}
#enroll-container fieldset.submit {margin-left: 3% !important;}	
.toggle{top: 126px!important;}	
.main-menu-wrapper-mobile{top: 140px!important;}
#overlay #add-account-container fieldset.submit	input[type=button],#account-note-container fieldset.submit	input[type=button]
{width: 30% !important;}
#overlay #add-account-container fieldset.submit,#account-note-container fieldset.submit
{margin-left: 25% !important;}	
.span_5,.span_7 {width: 100% !important;float: none !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;}	
#user-profile-edit-container #user-edit-container .formContainer .formContent fieldset.info form#agent_form .asset-container {width: 100% !important;margin-left: 0px !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;}
.total-amount-line {height: 75px !important;}
#account-summary-container h1 {font-size: 115% !important;}	
body {font: 15px/1.5 arial,helvetica,clean,sans-serif !important;}
div.decline-option {margin: 0px auto 0!important;}
.dropdown-content li a {padding: 12px 25px !important;}
.green-left #gogreen-info {background-size: 40% !important;background-position: right 33% !important;height: auto !important;}
.green-right #gogreen-info {background-size: 60% !important;background-position: right 126% !important;height: auto !important;}
.green-left, .green-right {height: auto !important;}
.span_3 #login-form .formmgr-text {margin: 5px 0 0px 1% !important;}
.enroll-box {width: 100% !important;}
#gogreen-container {width: 100% !important;}
.span_9 {width: 60% !important;}
#left .forgot-submit {width: 49% !important;}
div.formContent div#captcha-container {margin-left: 41% !important;}
.form-info {padding-bottom: 9px !important;}
.today-date {width: 66%;}
table.datatable1 td, table.datatable1 th {padding: 8px!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 
{width: 100% !important;}
.new-account-bar .span_8 {width: 75% !important;}
.new-account-bar .span_4 {width: 24% !important;}
#payment_email input[type=button], input[type=submit] {width: 40%;}
.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: 31% !important;float: left;}
#payment-container input#cancel-payment-button {width: 100% !important;}
#payment-container input[type=button], 
#payment-container input[type=submit] {width: 32% !important;}
.total-amount-due3 {margin: 1% !important;float: left !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;}
.formmgr-row,#left #payment-subcontainer .formContainer .formContent fieldset.info form#payment-credit table.enter-tab td.enter-left 
{font-size: 100% !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: left !important;width: 43% !important;padding-top: 6px !important;margin: 15px 10px !important;height: 22px !important;}	
.AmountDueButtons {height:60px !important;float: left !important;width: 100% !important;}
.form-frame {float: left !important;width: 48% !important;margin-top: 0px !important;}	
.latest-payments {margin-top: 62px !important;width: 100% !important;}	
.DueUponReceipt{width: 40% !important;}
.AmountDue {width: 30% !important;}		
.total-amount-due {width: 100% !important;margin: 0 auto !important;}	
.summary-container input[type=button], .summary-container input[type=submit]{width: 100% !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;}	
.span_7 #login-form fieldset.submit {margin-left: 41% !important;}
#login-form {margin-top: 0px !important;}
#overlay #payment_email fieldset.submit {margin-left: 18% !important;}	
#overlay #payment_email nput[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 #quickpay-amount label {padding-top: 1%;}
#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] {height: 33px !important;min-width: 25% !important;margin-right:2% !important;}
label {margin-right: 1%;max-width:53%;font-size: 100% !important;padding-top: 1%;line-height:1 !important;}
.formmgr-field {height: 26px!important;font-size: 11pt!important;margin-bottom: 1% !important;}
.secondaryContainer li, .formContainer li {font-size: 100% !important;}
.span_3 .formContainer li {margin-bottom: 15px !important;}
#left {width: 100% !important;float: none !important;padding: 0% !important;margin: 0 auto !important;}
#left #enroll-container .formContainer {width: 100% !important;margin: 0 auto !important;}
.enroll-left,#left #enroll-container {margin: 0 !important;width: 100% !important;}
h3#flow-header {width: 100% !important;margin: 0 auto !important;}
.flow-holder {width: 80% !important;margin: 0 auto!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: 31% !important;}
#enroll-search label {padding-top: 1%;font-size: 11pt !important;}
#right {width:100% !important;float: none !important;margin: 4% 0 !important;}
.formmgr-row span {line-height: 1.5 !important;}
#left #enroll-container #gogreen-container {width: 85% !important; margin: 0 auto !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: 100% !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: 100% !important;margin: 0 auto !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;}
.logo-reduce {height: auto!important;width: 100%;}
section {margin-top: 50px !important;}
.span_3 #login-form{margin: 2% auto !important;}
#login-links {margin: 7% 1% 0!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: 80% !important;}
#contentImage,#contentImage img{width: 100% !important;}
#left-main {width: 34% !important;}
#middle-main, #right-main {width: 61% !important;margin-left: 4%!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: 80% !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;}
.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: 4% !important;}
#history-container .yui3-datatable-y-scroller-container {height: auto !important;}
#history-container-pg {margin-top: -45px !important;width: 100% !important;}
.ext-history-container .pag-holder {width: 80% !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:10px !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: 41% !important;}
#enroll-container fieldset.gogreen-submit input#submit,div.decline-option {width: 53% !important;}
#user-edit-container #agent_form input[type=button]#update {margin-left: 0% !important;}
#agent_form input[type=button]{min-width: 22% !important;}
#agent_form .formmgr-row span,.span_4 .formmgr-row span {padding-top:.5% !important;}
#payment-form label {width: 18% !important;float: left !important;}
}/**** END 768px MOBILE STYLE ****/

@media screen and (max-width: 700px ) {
#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 {
    float: none !important;
    width: 98% !important;
    margin: 10px auto !important;}	
#overlay #edit-account-container .webflow-flow .flow-item {width: 30% !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: 4% 1% 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: 0 0 10px 0 !important;width: 99% !important;}	
.enroll-box #gogreen-info h1 {margin-top: 1% !important;font-size: 130% !important;}	
.green-left #gogreen-info {background-size: 17% !important;}	
.green-right #gogreen-info {background-size: 32% !important;}	
.span_9,.span_3 {width: 100% !important;float: none !important;}	
.hide-login {right: 2% !important;top: 0% !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: 50px !important;}
.view-statement {width: 45% !important;font-size: 100% !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: 40px !important; width: 100% !important;font-size: 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-top: 7px !important;height: 28px !important;}
.summary-right h3 {font-size: 100% !important;}
#account-summary-container h1 {font-size:120% !important; line-height: 1!important;}
.main #middle-main .new-account-bar .span_8 .left_user_bar,
.main #middle-main .new-account-bar .span_4 .right_bar {font-size: 100% !important;padding: 10px 5px !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;}
#payment-cart-container h3 span, 
#account-restrictions h3 span, 
#recent-documents h3 span, 
#recent-payments h3 span, 
#payment-plan h3 span, 
#account-notes h3 span,
#user-accounts h3 span,
#account-users h3 span,
#my-profile h3 span,
#account-services h3 span, 
#go-autopay h3 span 
{padding:1px 0 2px 23px !important;}

#left-main, #middle-main {float: none !important;width: 100% !important;}	
.summary-left {width: 42% !important;}
.flow-holder {width: 90% !important;}
#enroll-container .gogreen-button {margin-left: 0px;}
#left #enroll-container .formContent {margin-top: 7% !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;}
#user-profile-edit-container #user-edit-container form#show-profile .asset-container {width: 93% !important;}
#payment-subcontainer fieldset.submit {margin: 4% 0 0 0% !important;}
.yui3-datatable-content {overflow-x: scroll;}
}/**** END 700px MOBILE STYLE ****/

@media screen and (max-width: 600px ) {
#payment-form label {width: 25% !important;}	
#enroll-container fieldset.gogreen-submit input#submit, div.decline-option {width: 80% !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;}	
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 {
    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: 37% !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: 60% !important;height: auto !important;font-size: 84% !important;}
#enroll-confirm-container div.confirm-content p {width: 95% !important;font-size: 100% !important;}
label {line-height: 1.5 !important;}	
#quickpay-container fieldset.submit, #enroll-container fieldset.submit {margin: 5% 0% 0 !important;}
#gogreen-image{display:none !important;}
.formmgr-text {margin: 3px 0 !important;}
.flow-holder {width: 100% !important;}	
.enroll-box {min-height: 272px !important;}	
.enroll-box #gogreen-info h1 {font-size: 125% !important;margin:0!important;}
.span_3 #login-form {width: 97% !important;margin: 0 auto !important;}
#gogreen-info {width: 100% !important;padding:0 !important;}
#left .forgot-submit {width: 100% !important;}
#left fieldset.forgot-submit{margin-left: 0% !important;}
.span_7 #login-form #login-links {width: 56% !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: 100% !important;padding-top: 0% !important;width: 100%;text-align: left !important;}
.formmgr-field {height: 34px!important;font-size: 100% !important;margin-bottom: 2% !important;}
select,input[type=text], input[type=password], textarea {width: 100% !important;}
.span_7 #login-form fieldset.submit {margin-left: 0% !important;width: 100% !important;}	
.span_5 {width: 100%;margin-left: 0;}	
.span_5 .content-container.secondaryContainer{margin:0px !important;}	
.span_7 {width: 100%;}	
.view-statement {width: 44% !important;}
#my-profile dl {width: 13%;}
.green-right #gogreen-info {background-position: right 100% !important;}
.green-left #gogreen-info {background-size: 20% !important;}
.debit-credit {min-width: 100% !important;}	
.latest-payments {margin-top: 83px !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: 1% auto !important;}
#image-captcha{width: 100% !important;}
#payment_void-messages div.warning{width:80% !important;height:auto !important;}
}/**** END 600px MOBILE STYLE ****/

@media screen and (max-width: 500px ) {
#payment-form label {width: 100% !important;float:none !important;}	
.ext-history-container .pag-holder {width: 90% !important;top: -8px !important;}	
.payment-trans-table td{display:block !important;}
.label {text-align: left !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, .payment-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;}	
section {padding: 10px 5px !important;}
.webflow-flow .flow-item div span {font-size: 80% !important;}	
#gogreen-container {height: 175px;}	
#gogreen-container {margin: 0 1% 2%!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;}	
.summary-container input[type=button], .summary-container input[type=submit] {width: 95% !important;}
.view-statement {width: 41% !important;}
.today-date {display:none !important;}
#left #enroll-container #gogreen-container {margin: 0 auto 16% !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;}
}/**** END 500px MOBILE STYLE ****/

@media screen and (max-width: 450px ) {
#loading {left: 37% !important;}
body {font: 16px/1.5 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;}	
.ext-history-container .pag-holder {top: -30px !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: 65% !important;}	
h3#flow-header {font-size: 150% !important;}
#my-profile ul,#my-profile dl {width: 80% !important;display: block !important;}	
.view-statement {width: 39% !important;}	
header.row {background-position-x: -55px !important;}	
.span_7 #login-form #login-links {width: 62% !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 .flow-item div span {font-size: 70% !important;}
.webflow-flow {padding-left: 1% !important;}
.label_accept_terms{font-size: 82% !important;}
#quickpay-container .webflow-flow .flow-item div span {font-size: 66% !important;}
#account-summary-container h2 {font-size: 110%;}
.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;}
}/**** END 450px MOBILE STYLE ****/

@media screen and (max-width: 375px ) {
#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 .green-left #gogreen-info .title h2 {line-height: 25px !important;}
.enroll-box .green-left #gogreen-info .details {line-height: 24px !important;}
#gogreen-container {margin: 0 1% 5%!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: 1px 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: 3% !important;}	
input[type=text], input[type=password], textarea {width: 99% !important;}	
label {max-width: 97% !important;width: 100% !important;text-align: left !important;}	
.special-footer .foot-hold .left-logo {width: 17%!important;}	
.span_7 #login-form #login-links {width: 75% !important;margin: 4% 5% !important;}	
table.datatable1 td, table.datatable1 th {font-size: 75% !important;}	
.summary-container .warning, .form-messages .warning, #payment_credit-messages .warning {padding: 1% 10% !important;width: 73% !important;}	
#account-summary-container h2 {font-size: 97% !important;}	
#account-summary-container h1 {font-size: 131% !important;line-height: 21px!important;}
#history-container-pg .yui3-paginator-pages {width: 41% !important;}
}/**** END 375px MOBILE STYLE ****/

@media screen and (max-width: 320px ) {
.special-footer .foot-hold .left-logo {display:none !important;}
.site-links, .company-info {margin-left: 21% !important;}

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


#payment-check div.pay-to-the-order-of {margin-left: 100px;}