/*****************************  Title bar ************************************/
#title-bar {
	width: 100%;
	padding: 25px 0px 0px 0px;
	height: 80px;
	background: transparent url(../img/icons/title-bar.png) 50% 0;
}
#title-bar .title {
	margin-top: 10px;
	color: #fff;
}
#title-bar .title h1 {
	font-size: 30px;
	line-height: 1em;
	font-weight: normal !important;
}
#title-bar-blue {
	width: 100%;
	padding: 25px 0px 0px 0px;
	height: 80px;
	background: transparent url(../img/icons/title-bar-blue.png) 50% 0;
}
#title-bar-blue .title {
	margin-top: 10px;
	color: #fff;
}
#title-bar-blue .title h1 {
	font-size: 30px;
	line-height: 1em;
	font-weight: normal !important;
}
#breadcrumbs {
	color: white;
}
#breadcrumbs ul {
	margin: 0;
	padding: 0;
}
#breadcrumbs li {
	float: left;
	margin: 0px;
	color: #fff;
	padding: 0 9px 0 0;
	line-height: 1em;
	list-style-type: none;
}
#breadcrumbs li a {
	color: #fff;
	padding: 0 0 0 10px;
	background: transparent url(../img/icons/arrow-right-white-small.png) 0 5px no-repeat;
}
/*****************************  Page layout title bar ************************************/
.titlebar {
	width: 100%;
	padding: 25px 0px 0px 0px;
	height: 75px;
	background-position: center;
}
.titlebar .title {
	margin-top: 10px;
	color: #fff;
}
.titlebar .title h1 {
	font-size: 30px;
	line-height: 1em;
	font-weight: normal !important;
}
/*****************************  Section Navigation ************************************/
#section-nav-parent {
	position: relative;
}
#section-nav {
	background: #fff;
	border-radius: 2px;
	padding: 20px 15px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	width: 142px;
}
#section-nav li {
	list-style-type: none;
	margin-bottom: 15px;
	font-size: 11px;
}
#section-nav li a:hover {
	color: #F63;
}
/* 
This adds highlight to correct element 
Add additional pages here
*/
body.ac-upgrade li#ac-upgrade a {
	color: #000;
	font-weight: 700;
}
/*****************************  Notifications bar ************************************/
#notifications {
	background: #ebebeb;
	height: 40px;
}
#notifications p {
	float: left;
	font-size: 11px;
	color: #667;
	line-height: 22px;
}
#notifications p strong {
	font-size: 14px;
	color: white;
	text-transform: uppercase;
	height: 30px;
	float: left;
	padding: 10px 10px 0 10px;
}
#notifications p.message {
	padding-top: 10px;
	padding-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#notifications p.updated {
	float: right;
	padding-top: 10px;
	padding-right: 10px;
}
/*****************************  Prominent Messaging ************************************/
.prominent-messaging {
	height: 209px;
	padding-top: 30px;
}
/*****************************  Info Sections  ************************************/
.module.info {
	padding-top: 30px;
	padding-bottom: 30px;
	position: relative;
}
#make-a-payment .btn, #register-for-account .btn {
	margin: 7px 0 39px 0;
}
.info.extra {
	display: none;
}
.home-page .article {
	margin-top: 20px;
}
/* Quick Links */
#quick-linnks ul.chevron {
	margin-top: 15px;
}
#quick-linnks ul.chevron li {
	margin-bottom: 20px;
}
#quick-links.module.info {
	padding: 0 0 20px 0;
}
/* Popular Topics */
#popular-topics {
	background: #ebe9e9;
}
/* Smart Meter */
#smart-meter {
	background: #21a250;
	 /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ab64c', endColorstr='#21a250');
	 /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#6ab64c), to(#21a250));
	 /* for webkit browsers */ background: -moz-linear-gradient(top, #6ab64c, #21a250);
	 /* for firefox 3.6+ */ padding: 10px 0;
	
					}
#smart-meter h2, #smart-meter h3 {
	color: #fff;
	margin-bottom: 10px;
}
#smart-meter h2 {
	margin: 50px 0 0 0;
}
/* Open Icons */
.cta {
	width: 100%;
	padding: 10px 0px 10px 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
	bottom: -30px;
}
.cta {
	bottom: 0;
}
.cta p {
	margin-bottom: 5px;
}
.cta .swap {
	display: none;
}
.cta .open {
	margin: 0;
	line-height: 2em;
	position: absolute;
	left: 48.5%;
	bottom: -15px;
	height: 20px;
	z-index: 10;
	width: 29px;
	height: 30px;
	color: #F63 !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	text-decoration: none;
	cursor:pointer;
}
.cta .open:hover, .cta .open:link, .cta .open a {
	text-decoration: none;
	font-size: 16px !important;	
}
.cta .open.grey {
	background: transparent url(/Style%20Library/APScom/img/icons/icons.png) -8px -173px no-repeat;
}
.cta .open.grey:hover {
	color:#667 !important;
}

.cta .open.green {
	background: transparent url(/Style%20Library/APScom/img/icons/icons.png) -10px -302px no-repeat;
}
.cta .open.green:hover {
	color:White !important;
}

.cta .open.blue {
	background: transparent url(/Style%20Library/APScom/img/icons/icons.png) -10px -360px no-repeat;
}
.cta .open.blue:hover {
	color:White !important;
}

.cta .open.white {
	background: transparent url('/Style%20Library/APScom/img/icons/icons.png') -10px -234px no-repeat;
}
.cta .open.white:hover {
	color:#667 !important;
}

/*****************************  Registration Flow  ************************************/
/* Text Sizer */
.text-size-switcher {
	position: absolute;
	left: 42px;
	top: 18px;
	font-weight: 600;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 11px;
}
.text-size-switcher a {
	border: 1px solid #cecece;
	border-top: 1px solid #cecece;
	background: #eee;
	line-height: 1em;
	position: absolute;
	bottom: 0;
	padding: 0.2em 0.25em;
	font-family: 'Open Sans', Arial, sans-serif;
	cursor:pointer;
	color: rgb(102,102,102);
	text-decoration:none !important;
}
.text-size-switcher a:link{
	color:#667;
}
.text-size-switcher a:hover {
	cursor:pointer;
	color: #F47B20 !important;
	text-decoration:none !important;
}

.text-size-switcher a:visited {
	cursor:pointer;
	color: rgb(102,102,102);
	text-decoration:none !important;
}
.text-size-switcher a.small {
	font-size: 10px;
	left: 65px;
}
.text-size-switcher a.medium {
	font-size: 13px;
	left: 85px;
}
.text-size-switcher a.large {
	font-size: 18px;
	left: 108px;
}
.text-size-switcher a.current {
	background: #d7d7d7;
	border: 1px solid #bababa;
}
/* Form Elements */
.large-fields #name-options {
	padding-top: 10px;
}
.large-fields #name-options ul {
	float: left;
	margin: 0 20px 0 0;
}
.large-fields #name-options a {
	color: #ff0099;
}
.large-fields .divider.bottom {
	margin-bottom: 12px;
	border-bottom: 1px solid #e0e0e0;
	margin-top:13px;
	width:576px;
	margin-left:96px;

}
.large-fields label, .large-fields .llabel {
	float: right;
	color: #667;
	font-size: 18px;
	margin-top: 12px;
	text-align: right;
	font-weight: 600;
	font-family: 'Open Sans', Arial, sans-serif;
}
.tt{
	text-transform:inherit !important;
}

.large-fields input[type=text].error, .large-fields input[type=password].error, .large-fields input[type=radio].error .large-fields input[type=checkbox].error, .large-fields select.error {
	border: 1px solid #FF0000;
}
.large-fields .selector.focus,.large-fields input[type=text]:focus, .large-fields input[type=password]:focus, .large-fields input[type=radio]:focus, .large-fields input[type=checkbox]:focus, .large-fields select:focus {
	border: 1px solid #999;
	outline: none;
}
.large-fields label.error, .errorl {
	color: #ff0000;
	font-size: 11px;
	float: left;
	line-height: 20px;
	text-align:left;
	text-transform:lowercase;
}
label.error{
	width:500px;
	text-transform:lowercase;
}
div.checker span label.error{
    color: #FF0000;
    float: left !important;
    font-size: 11px;
    line-height:14px;
    margin-top: -52px;
    text-align: left;
    width: 500px;
   }

.large-fields label.two-lines {
	margin-top: 3px;
}
.large-fields label.active, .labela {
	color: #49a942;
}
.large-fields input[type=text], .large-fields input[type=password] {
	background: #eeeeee;
	color: #333;
	border: 1px solid #c8c8c8;
	height: 38px;
	line-height:38px;
	padding: 0px 5px;
	width: 268px;
	float: left;
	font-size: 14px;
	font-family: 'Open Sans', Arial, sans-serif;
}
.large-fields textarea {
	background: #eeeeee;
	color: #333;
	border: 1px solid #c8c8c8;
	line-height: 18px;
	width: 268px;
	float: left;
	font-size: 14px;
	font-family: 'Open Sans', Arial, sans-serif;
	min-height:110px;
	overflow:auto;
	padding: 10px 5px;
}
.large-fields input[name=reminder-answer] {
	width: 350px;
}
.large-fields select {
	background: #eeeeee;
	color: #333;
	border: 1px solid #c8c8c8;
	height: 38px;
	width: 280px;
	font-size: 14px;
	font-family: 'Open Sans', Arial, sans-serif;
}
/* Form tool tip */
#form-tool-tip, .form-tool-tip-multi {
	float: left;
	width: 160px;
	position: relative;
	background: transparent url(../img/icons/tool-tip-chevron.png) 0px 0 no-repeat;
}
#form-tool-tip, .form-tool-tip-multi {
	padding-left: 40px;
	margin: 44px 0 0 -18px;
}
#form-tool-tip .indicator , .form-tool-tip-multi .indicator{
	position: absolute;
	top: 10px;
	left: -38px;
	width: 18px;
	height: 36px;
	background: transparent url(../img/icons/form-status-chevron.png) 0px 0px no-repeat;
}
.icon {
	width: 30px;
	height: 30px;
	margin-bottom: 20px;
	background: transparent url(../img/icons/register-sprite.png) -10px -100px no-repeat;
}
#form-tool-tip ul, .form-tool-tip-multi ul {
	margin-left: 20px;
}
#form-tool-tip li, .form-tool-tip-multi li {
	font-size: 11px;
	line-height: 1.5em;
}
/* Page Elements*/
.actions {
	padding-top: 15px;
}
/*div .actions a, div .actions a:hover,div .actions a:visited {
	color:#fff !important;
	line-height:32px !important;
}*/
.actions h2 {
	float: left;
	margin: 0px;
	font-size: 30px !important;
	text-transform: lowercase;
}
.actions span.account {	
	font-size: 11px;
	/*float: left;	
	bottom: 5px;
	font-family: 'Open Sans', Arial, sans-serif;
	padding-left: 50px;
	margin-bottom: 5px*/
}
.steps {
	float: left;
	line-height: 20px;
	margin: 32px 0 5px 0;
	font-family: 'Open Sans', Arial, sans-serif;
}
.steps li {
	float: left;
	color: #667;
	font-size: 14px;
	margin: 0 20px 0 0;
	background: transparent url(../img/icons/register-sprite.png) 100px 100px no-repeat;
}
.steps li.first {
	margin-left: -45px !important;
	background: transparent;
}
.steps li.current {
	font-weight: 700;
	padding-left: 45px;
	background-position: -10px 0px;
}
.steps li.future, .steps li.done {
	padding-left: 45px;
	background-position: -10px -50px;
}
#dvForm {
	margin: 0 0 7px 0;
	width: 758px;
	float: left;
}
.vertical-line {
	border-right: 1px solid #e0e0e0;
}
#dvForm fieldset {
	clear: both;
}
.form-set {
	float: left;
	margin: 0 0 12px 0;
}
.myprofile .form-set{
	width:100% !important;
}
a.check {
	position: absolute;
	right: -10px;
	top: 10px;
}
select {
	margin-left: 10px;
}
.form-set.reminder {
	margin-bottom: 50px;
}
.paperless .form-set {
	margin-bottom: 0;
}
.paperless label {
	margin-top: 10px;
}
.paperless ul {
	padding-top: 10px;
}
.checkAcntPref.paperless ul{
	padding-top:0px !important;
}
.paperless li {
	font-size: 11px;
	margin-bottom: 9px;
	clear: both;
	height: 23px;
}
.paperless li * {
	line-height: 12px;
	float: left;
	margin-bottom: 5px;
}
.paperless li p {
	margin: 3px 0 0 5px;
}
fieldset.form-controls {
	margin-top: 23px;
	margin-bottom:10px;
}
/*input[type=submit] {
	margin-left : 7px;
}*/
.verisign {
	margin-bottom: 20px;
}
.ul {
	margin-top: 10px;
}
.verisign-badge {
	float: right;
	width: 69px;
	height: 50px;
	background: transparent url(../img/icons/register-sprite.png) -10px -355px no-repeat;
	font-size: 11px;
}
/*****************************  Payment Options  ************************************/
#title-bar {
	height: 75px;
	background-image: url(../img/icons/title-bar-red.png);
}
#title-bar h1 {
	line-height: 0.5em;
}
.module ul {
	padding-left: 30px;
}
.residential.payment-options .actions {
	margin: 17px 0 10px;
	float: left;
}
.residential.payment-options .actions a {
	padding-right: 20px;
}
.module {
	padding-top: 20px;
}
#pay-online .round {
	background: transparent url(../img/icons/round-payment-options.png) 0px -2px no-repeat;
}
#pay-online .container_5 .grid_4 {
	width: 728px;
}
.round {
	margin-top: 15px;
}
#pay-online .round .label {
	margin-top: 0;
	line-height: 1em;
}
#pay-online {
	padding-bottom: 25px;
}
#pay-online .round .label {
	color: #39a450;
}
#auto-pay, #pay-in-person, #gift-checks {
	background: #ebebeb;
}
#auto-pay .round {
	background: transparent url(../img/icons/round-payment-options.png) 2px -182px no-repeat;
}
#pay-online li {
	margin-bottom: 17px;
}
#auto-pay li {
	margin-bottom: 10px;
}
#pay-by-phone .related-info {
	margin-top: 75px;
}
#pay-by-phone .related-info ul, #pay-by-mail .related-info ul {
	padding-left: 0;
}
#pay-by-mail .related-info li {
	font-size: 14px;
	margin: 0;
}
#pay-by-mail .related-info {
	margin-top: 40px;
}
#gift-checks .related-info {
	margin-top: 30px;
}
#pay-in-person {
	padding-bottom: 0;
}
#pay-in-person .cta {
	bottom: 0;
}
#address {
	width: 280px;
}
#pay-in-person .error {
	margin: 0;
}
#pay-in-person input.address {
	width: 230px;
	margin-bottom: 20px;
	background: #fff;
}
#pay-in-person input.zip {
	width: 130px;
	margin-bottom: 10px;
	background: #fff;
	clear: left;
}
#pay-in-person input[type=submit] {
	margin: 10px 0 0 10px;
	width: 85px;
}
#pay-in-person p.optional {
	clear: both;
}
#pay-in-person {
	background: #f0f0f0;
}
#pay-in-person .cta .open {
	background-position: -10px -415px;
}
#pay-in-person form {
	border-right: 1px solid #dadada;
	margin-top: -10px;
}
/*#form-tool-tip {
	padding : 0 0 0 40px;
	position: absolute;
	left : 354px;
	top : -4px;
	background : transparent url(../img/icons/tool-tip-chevron-grey.png) 0 0 no-repeat;
	font-size: 12px;
}*/
#pay-in-person #form-tool-tip ul {
	padding: 0px;
}
#payment-methods {
	padding-top: 35px;
}
#payment-methods h3 {
	font-weight: 400;
	margin-bottom: 30px;
}
#payment-methods p {
	margin: 20px 0;
}
#form-tool-tip .indicator, .form-tool-tip-multi .indicator {
	top: -5px;
}
.confirmation {
	font-size: 14px !important;
	font-family: 'Open Sans', Arial, sans-serif;
	margin-bottom: 0px;
	line-height: 1.5em;
}
.form-info, #form-tool-tip strong, .form-tool-tip-multi strong {
	font-size: 11px;
	line-height: 1.5em !important;
}
/* New Form Elements */
.large-fields1 #name-options {
	padding-top: 10px;
}
.large-fields1 #name-options ul {
	float: left;
	margin: 0 20px 0 0;
}
.large-fields1 #name-options a {
	color: #ff0099;
}
.large-fields1 .divider.bottom {
	margin-bottom: 30px;
	border-bottom: 1px solid #e0e0e0;
}
.large-fields1 label {
	color: #667;
	font-size: 18px;
	margin-top: 12px;
	text-align: right;
	line-height: 20px;
	font-weight: 600;
	font-family: 'Open Sans', Arial, sans-serif;
}
.large-fields1 input[type=text].error, .large-fields1 input[type=password].error, .large-fields1 input[type=radio].error .large-fields1 input[type=checkbox].error, .large-fields1 select.error {
	border: 1px solid #FF0000;
}
.large-fields1 input[type=text]:focus, .large-fields1 input[type=password]:focus, .large-fields1 input[type=radio]:focus, .large-fields11 input[type=checkbox]:focus, .large-fields1 select:focus {
	border: 1px solid #999;
	outline: none;
}
.large-fields1 label.error {
	color: #ff0000;
	font-size: 11px;
	float: left;
}
.large-fields1 label.two-lines {
	margin-top: 3px;
}
.large-fields1 label.active {
	color: #49a942;
}
.large-fields1 input[type=text], .large-fields1 input[type=password] {
	background: #eeeeee;
	color: #333;
	border: 1px solid #c8c8c8;
	line-height: 18px;
	padding: 10px 5px;
	width: 268px;
	float: left;
	font-size: 14px;
	font-family: 'Open Sans', Arial, sans-serif;
}
.large-fields1 input[name=reminder-answer] {
	width: 350px;
}
.large-fields1 select {
	background: #eeeeee;
	color: #333;
	border: 1px solid #c8c8c8;
	height: 38px;
	width: 280px;
	font-size: 14px;
	font-family: 'Open Sans', Arial, sans-serif;
}
.large-fields1 select option {
	margin: 10px 5px;
}
.boldnone {
	font-weight: normal !important;
}
.boldFont
{
    font-weight: bold !important
}
#dvForm1 {
	margin: 0 0 7px 20px;
	width: 958px !important;
	float: left;
}
.pref .grid_2 {
	width: 270px !important;
}
.pref .grid_1 {
	width: 150px !important;
}
.large-fields .llabel-left {
	text-align: left;
}
.large-fields .color-link {
	color: #0081C6 !important;
}
.prefinfo .grid_tick {
	width: 30px;
	float: left;
	margin-left: 5px;
	margin-top: 10px;
}
.prefinfo .grid_change {
	width: 130px;
	float: left;
}
.large-fields .labelb {
	float: left !important;
	color: #000;
	font-size: 18px;
	margin-top: 12px;
	text-align: left !important;
	line-height: 20px;
	font-weight: 600;
	font-family: 'Open Sans', Arial, sans-serif;
}
.large-fields .sectionheader {
	float: left !important;
	color: #000;
	font-size: 20px;
	margin-top: 12px;
	text-align: left !important;
	line-height: 20px;
	font-weight: 600;
	font-family: 'Open Sans', Arial, sans-serif;
}

.large-fields .changelink, .changelink {
	float: left !important;
	color: #0081C6;
	font-size: 13px;
	margin-top: 12px;
	text-align: left !important;
	line-height: 20px;
	font-weight: 600;
	font-family: 'Open Sans', Arial, sans-serif;
	white-space: nowrap;
	text-decoration: underline;
}
.large-fields .changelink a:hover, .large-fields .changelink:hover, .changelink a:hover, .changelink:hover{
		text-decoration: underline;
	color: #F47B20 !important;
}
.radios label {
	float: left !important;
	margin-top: 0px !important;
	margin-left: 10px;
}
.radios td {
	padding-bottom: 10px;
}
.radios1 label {
	float: left !important;
	margin-top: 0px !important;
	margin-left: 10px;
	font-size: 11px !important;
	font-weight: normal !important;
	padding-bottom:2px !important;
	line-height:18px;
}
.radiolabel label {
	margin-top: 0px !important;
	font-size: 11px !important;
	padding: 0 10px !important;
	font-weight: normal !important;
}
.radiolabel18 label {
	margin-top: 0px !important;
	font-size: 18px !important;
	padding: 0 10px !important;
	font-weight: normal !important;
}
.form-info {
	margin-bottom: 5px;
/*	text-transform:lowercase; TFS bug 15608 */
}
.myprofile #dvForm {
	margin: 0 0 7px 20px;
	width: 758px;
	float: left;
}
.myprofile .large-fields .llabel {
	float: right;
	color: #667;
	font-size: 13px;
	margin-top: 12px;
	text-align: right;
	font-weight: normal !important;
	font-family: verdana, arial, sans-serif;
	}
.myprofile .large-fields .labelb {
	float: left !important;
	color: #000;
	font-size: 13px;
	margin-top: 10px;
	text-align: left !important;

	font-weight: normal !important;
	font-family: verdana, arial, sans-serif;
}
.myprofile .large-fields .changelink, changelink {
	float: left !important;
	color: #0081C6;
	font-size: 13px;
	margin-top: 10px;
	text-align: left !important;
	font-weight: normal !important;
	font-family: verdana, arial, sans-serif;
	white-space: nowrap;
	text-decoration: underline;
}
.changemail .large-fields input[type=text] {
	width: 100px;
	
}
.changemail .large-fields select {
	background: #eeeeee;
	color: #333;
	border: 1px solid #c8c8c8;
	height: 38px;
	width: 100px;
	font-size: 14px;
	font-family: 'Open Sans', Arial, sans-serif;
}
.changemail .large-fields select option {
	margin: 0;
}
.changegrid td {
	padding: 5px;
}
.currentbankaccount .form-set {
	margin-bottom: 10px;
}
.personalizeaccount .form-set {
	margin-bottom: 10px;
	width: 100%;
}
.form-tool-tip-fixed-postion {
	margin-top: 10px !important;
}
/*****************************  Date Picker  ************************************/
#dialog_link {
	padding: .4em 1em .4em 20px;
	text-decoration: none;
	position: relative;
}
#dialog_link span.ui-icon {
	margin: 0 5px 0 0;
	position: absolute;
	left: .2em;
	top: 50%;
	margin-top: -8px;
}
ul#icons {
	margin: 0;
	padding: 0;
}
ul#icons li {
	margin: 2px;
	position: relative;
	padding: 4px 0;
	cursor: pointer;
	float: left;
	list-style: none;
}

ul#icons span.ui-icon {
	float: left;
	margin: 0 4px;
}
.ui-datepicker-trigger {
	margin-top: 5px;
	margin-left: 4px;
	vertical-align: middle;
}
.ui-datepicker {
	width : 210px;
	float: right!important;
}
.radiolabel1 label {
	margin-top: 0px !important;
	font-size: 11px !important;
	padding: 0 10px !important;
	font-weight: normal !important;
	line-height: 17px;
}

.radiolabelbold1 label
{
    margin-top: 0px !important;
	font-size: 11px !important;
	padding: 0 10px !important;
	font-weight: bold !important;
	line-height: 17px;
}
.radiolabel1 td {
	padding-bottom: 10px;
}
.textArea1{
	border:1px;
	border:thin #cccccc solid;
	background-color:#eeeeee;
	overflow:hidden;
	color:#667;
	font-size:14px;
	width:364px;
	font-family: 'Open Sans', Arial, sans-serif;
}
input:focus, select:focus, textarea:focus{
	border:1px;
	border:thin #999 solid;
}

/*-------Radio Button Background Classes---------*/
.radioInfo {
	float: left;
	margin-left: 5px;
	padding: 10px;
	line-height: 18px;
}
.radioBgColor {
	background: #eee;
	color: #000;
}
/*-------Radio Button Background Classes---------*/
.error-msg{
	min-height:13px;
}
.noarrow #form-tool-tip, .noarrow .form-tool-tip-multi{
	background:transparent !important;
	margin-top:0px !important;
}
.printcontrol{
	position:absolute !important;
	
}
/*----------- Common Styles ---------------- */
.white-bg
{
    background:#ffffff;
}

.text14{
	font-family: 'Open Sans', Arial, sans-serif;
	font-size:14px !important;
	font-weight:600;
}
.taleft{
text-align: left !important;
}

.default-tool-tip{
    margin-left: 780px;
    position: absolute;
    width: 160px;
    white-space:normal !important;
    line-height:17px;


}
.default-tool-tip ul {
	margin-left: 17px;
}
.default-tool-tip li {
	font-size: 11px;
	line-height: 1.5em;
}
.orangeIcon{
	width: 30px;
	height: 30px;
	background: url(../img/icons/orangeIcon.png) 0 0px no-repeat;
	margin-top:-26px;
	margin-bottom:20px;
}
a.btn, a.btn:hover 
{
    text-decoration:none;
}
.width120{
	width:120px !important;
}
.width150{
	width:150px !important;
}
.width176{
	width:176px !important;
}
.sprinkle{
	float:left;
	padding:5px 0;
}
.sprinkle label{
	float:left;
	margin:0px;
}
.shutOf label{
	float: left;
	text-align: left;
	margin-top: 0px;
    margin-left: 32px;
    margin-top: -20px;
    width: 500px;
}

.shutOf div.checker span label.error{
    margin-top: -20px;
   }
.shutOf label{
	float: left;
	text-align: left;
	margin-top: 0px;
    margin-left: 32px;
    margin-top: -20px;
    width: 500px;
}
.custShutOff label.error{
	width:350px;
	white-space:normal;
	margin-left:167px !important;
	line-height: 20px;
}
.width100{
	width:100px !important;
}
.width50{
	width:50px !important;
}
.width167{
	width:167px !important;
}
.width520{
	width:520px !important;
}
.width130{
	width:130px !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* hacked for chrome and safari */
.large-fields input[type="text"], .large-fields input[type="password"] {
padding: 0px 5px;
line-height:inherit;
}
}
/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:first-of-type .shutOf div.checker span label.error{
    margin-top: -40px;
   } 
/* IE8/9 */
@media screen\0 { 
.shutOf div.checker span label.error{
    margin-top: -20px !important;
   }
}
/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:first-of-type .shutOf div.checker span label.error{
    margin-top: -40px;
   } 
.stAdd label.error{
	width:200px;
}

.toMailAdd label.error{
	width:auto !important;
}
.toMailAdd label, .toMailAdd .llabel{
	font-size:11px !important;
	font-weight:normal !important;
	margin-top:0px !important; 
}
.toAdd1 label.error{
	width:auto !important;
	min-height:20px !important;
	margin:0px;
}
.width200{
	width:200px;
}
.seeMore .original label, .seeMore .swap label{
    float: left;
    font-size: 11px;
    font-weight: normal;
    margin-top: -13px;
    text-align: right;
    width: 111px;
 }
.ml180{
	margin-left:180px;	
}
.taright{
text-align: right !important;
}

/* Duplo CSS Grid */
.duplo .content
{
	display:none;
}
.duplo .content.active
{
	display:inline;
}

.duplo label{
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin-top: -13px;
    text-align: right;
    width: 100%;
    color:#999999;    
    font-family:Arial, Helvetica, sans-serif;
    text-align:center;
 }
 
.duplo {
	padding: 10px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
	bottom: -30px;
	clear:both;
	bottom: 0;
}

.duplo .content span,.duplo .content span:hover{
	position: relative;
	display:block;
	margin:auto;
	top:27px;
	bottom: -15px;
	height: 20px;
	z-index: 10;
	width: 29px;
	height: 30px;
	text-decoration: none;
	cursor:pointer;
		text-decoration: none;
	font-size: 16px !important;	

}

.duplo .white .content span{
	background: transparent url('/Style%20Library/APScom/img/icons/icons.png') -10px -234px no-repeat;
}
.duplo .white .content span:hover {
	color:#667 !important;
}
.toggle {

}
.toggleBg {
    margin:4px;
	background-image:url('/Style%20Library/APScom/img/icons/toggSelect.png');
	background-repeat:no-repeat;
	width:120px;
	height:26px;
    float:left;
} 
.toggle label {
    float:left;
    width:60px;
}
 
.toggle label span {
    text-align:center;
    padding:0px 0px;
    display:block;
    cursor: pointer;
}
 
.toggle label input {
    position:absolute;
    top:-20px;
}
 
.toggle .input-checked {
	background-image:url('/Style%20Library/APScom/img/icons/toggBG.png');
    background-repeat:no-repeat;
	height:26px;
    color:#999;
}
.guaSubmit label.error{
	width:100px !important;
}
.guaSubmit td{
	padding-bottom:0px !important;
}
.myprofile .grid_change{
	float:left;
	margin-right:0px;
}
.landlordEmails
{
    background: #eeeeee;
    color: #b5b5b5;
	border: 1px solid #c8c8c8;
	line-height: 18px;
	padding: 10px 5px;
	width: 268px;
	float: left;
	font-size: 14px;
	font-family: 'Open Sans', Arial, sans-serif;
}
.landlordEmailGrid
{
    width: 500px !important;
}
.p68
{
    padding-left: 68px
}
.p5
{
    padding-left: 5px
}
.p10
{
    padding-left: 10px
}
.p75
{
    padding-left: 75px;
}
.llordEmailCheckBox
{
	outline: none;
	color: #000;	    
	font-size: 13px;
	margin-top: 0px !important;
	float:right;
	text-align: left !important;
	line-height: 20px;
	font-weight: normal !important;
	font-family: verdana, arial, sans-serif;
}
.customerNameBold
{
    color: #fff;
}
.large-fields .rightlink, .rightlink {
	float: left !important;
	color: #0081C6;
	font-size: 11px;
	margin-top: 12px;
	text-align: left !important;
	line-height: 20px;
	font-weight: normal !important;
	font-family: 'Open Sans', Arial, sans-serif;
	white-space: nowrap;
	text-decoration: none;
}
.large-fields .rightlink a:hover, .large-fields .rightlink:hover, .rightlink a:hover, .rightlink:hover{
		text-decoration: underline;
	color: #F47B20 !important;
}
.SpecialButton
{
    background-image: none !important;
    background-color: White !Important
}

/*****************************  Reset Password  ************************************/
.pwchecksizemet{    
    width:42px; height:40px;
    background: transparent url(../img/icons/8c-green.png) no-repeat;    
}

.pwchecksizenotmet{    
    width:42px; height:40px;
    background: transparent url(../img/icons/8c-red.png) no-repeat;
}

.pwcheckuppercasemet{    
    width:42px; height:40px;
    background: transparent url(../img/icons/1u-green.png) no-repeat; 
}

.pwcheckuppercasenotmet{    
    width:42px; height:40px;
    background: transparent url(../img/icons/1u-red.png) no-repeat; 
}

.pwchecklowercasemet{    
    width:42px; height:40px;
    background: transparent url(../img/icons/1l-green.png) no-repeat; 
}

.pwchecklowercasenotmet{    
    width:42px; height:40px;
    background: transparent url(../img/icons/1l-red.png) no-repeat; 
}

.pwchecknumorspecialcharmet{    
    width:42px; height:40px;
    background: transparent url(../img/icons/1n-green.png) no-repeat; 
}

.pwchecknumorspecialcharnotmet{    
    width:42px; height:40px;
    background: transparent url(../img/icons/1n-red.png) no-repeat; 
}

.pwmatchmet {
    width:42px; height:40px;
    background: transparent url(../img/icons/m-green.png) no-repeat;
}

.pwmatchnotmet {
    width: 42px; height: 40px;
    background: transparent url(../img/icons/m-red.png) no-repeat;
}

.pwcheckbase
{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius:50%;
    width:40px; height:40px;    
    line-height:40px;
    font-size:14px;
    font-weight: bold;
    font-family:verdana;
    color:#fff;
    text-align:center;
}

.pwcheckmet{
    background:#49a942;
}

.pwchecknotmet{
    background:#ff0000;
}

.form-tool-tip-unbound {
    float: left;
    width: 160px;
    position: relative;
    padding-left: 40px;
	margin: 44px 0 0 -18px;
}

.bulletarrowr {
	padding-left: 22px;
	background: transparent url(../img/icons/arrow-right.png) 0 4px no-repeat;
	height: 20px;
    width:250px;
}

.bulletarrowr a {
text-decoration: none !important;
	color: #667 !important;
	font-size: 11px;
}

.bulletarrowr a:hover {
	text-decoration: underline !important;
	color: #F47B20 !important;
}