@import url(../../../../css/passwordsecurity.css);

/* RESET */
input[type="button"], input[type="submit"], textarea, button {
    -webkit-appearance: none; /*Safari/Chrome*/
    -moz-appearance: none; /*Firefox*/
    -ms-appearance: none; /*IE*/
    -o-appearance: none; /*Opera*/
    appearance: none;
    -webkit-border-radius: 0; 
}

html {
	background: #252627 url('/images/pattern-cracks.png') repeat;
	min-height: 100%;
}
body {
	font:400 1.2em "Gotham A","Gotham B",Helvetica,Arial,sans-serif;
	color:#252627;
	-webkit-font-smoothing:antialiased;
	line-height:150%;
}

/* start field labels */
.flabel{
	color:#666;
	top:-5px;
	font-family:Arial, Helvetica, Sans Serif
	} 
.ie7 .flabel {
	top:5px;
	}
.field  {
	color:#000;
	padding:5px;
	border:1px solid #aeaeae;
	background:#fff;
	height:25px;
}
.flabel.infield {
	line-height: 25px;
}
.field_large  {
	color:#000;
	padding:5px;
	height:25px;
	border:1px solid #aeaeae;
	border-top-color:#929293;
	border-bottom-color:#bdbdbd;
	-moz-box-shadow:inset 0 2px 2px -1px rgba(0,0,0,0.2),0 1px rgba(255,255,255,0.3);
	-webkit-box-shadow:inset 0 2px 2px -1px rgba(0,0,0,0.2),0 1px rgba(255,255,255,0.3);
	-o-box-shadow:inset 0 2px 2px -1px rgba(0,0,0,0.2),0 1px rgba(255,255,255,0.3);
	box-shadow:inset 0 2px 2px -1px rgba(0,0,0,0.2),0 1px rgba(255,255,255,0.3);
	background:#fff;
}
textarea.field, textarea.field_large {height:auto}
.field_height {
	padding:8px;
}
select.field {height:35px;}
.field_focus, select.field:focus {
	border:1px solid #4e74c9;
	-moz-box-shadow: 0 0 5px #4e74c9;
	-webkit-box-shadow: 0 0 5px #4e74c9;
	-o-box-shadow: 0 0 5px #4e74c9;
	box-shadow: 0 0 5px #4e74c9;
	border-collapse: separate; /* i have spent 2 hours to get this to work box-shadow in IE inside a table so this is fucking needed! */
}
.field_required {color:red;font-weight:bold}
.field_error, input.error, select.error {border:1px solid red;}
.digit_3{width:25px}
.digit_4{width:35px}
.textfield input.readonly {
	border:none;
	background: transparent;
}
input:disabled, textarea:disabled {
	background: #dadada;
	color:#666;
}
/* end field labels */
/* start rpdialog */
.rpdialog_border, .modal .modal_large{
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow: 0px 0px 34px rgba(0, 0, 0, 0.80);
	-moz-box-shadow: 0px 0px 34px rgba(0, 0, 0, 0.80);
	-webkit-box-shadow: 0px 0px 34px rgba(0, 0, 0, 0.80);
}
.modal {
	padding:10px;
	width:590px;
	height:420px;
	background: #fff;
}
.modal_large {
	padding:10px;
	width:760px;
	height:auto;
	background: #fff;
}

.modal_medium {
	padding:15px;
	width:460px;
	height:430px;
	background: #fff;
}
.displayBlock {
	display: block;
}

.modal .close, .modal_large .close {
	background: transparent url(../images/close_button.png);
	display:inline-block;
	vertical-align: middle;
	height:30px;
	width:30px;
	float:right;
	outline:none;
}
.modal .close:active, .modal_large .close:active {position:relative;top:1px}

/*end rpdialog */
/* start tabs */
.tabs ul, .tabs ul li {margin:0;padding:0}
.tabs ul {width:100%}
.tabs ul li, .tabs ul li a {
	display:block;
	height:40px;
	float:right;
	margin:0 2px;
}
.tabs ul li {border-radius: 4px 4px 0px 0px;}
.tabs ul li a, .ui-tabs .ui-tabs-nav li a {padding:5px !important;}
.tabs ul li a {display:block}
.tabs ul li span {margin:4px;vertical-align:middle}
.tabs ul li.inactive span {display:inline-block;vertical-align:text-bottom;margin-top:10px}
/* end tabs */

p {
	font:normal 14px "Gotham A","Gotham B",Helvetica,Arial,sans-serif;
	-webkit-font-smoothing:antialiased;
	margin-bottom:10px
}
a {text-decoration: none}
a:hover {text-decoration: underline}
a.help_icon {
	display:inline-block;
	background: transparent url(../images/icon-info.png);
	width:17px;
	height:17px;
	vertical-align: top;
	margin:0 5px;
	outline:none;
}
a.help_icon:hover {background-position: 0px 17px}
.underline {text-decoration: underline;}
#flash {
	display:none;
	position:fixed;
	top:0px;
	width:100%;
	text-align:center;
	z-index: 1000;
}
#flash #message {
	display:inline-block;
	max-width:100%;
	padding:5px 10px;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	border-radius:0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.80);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.80);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.80);
	background: #3c8d28;
	color:#fff;
}

div#error,div#javaScriptErrors {
	font-weight:bold;
	position:fixed;
	top:0px;
	width:100%;
	text-align:center;
	z-index: 1000;
	color:#fff;
	cursor:pointer;
}
.message_icon {
	display:inline-block;
	vertical-align: middle;
	height:28px;
	width:28px;
	margin-right:5px;
}
.xbutton {display:inline-block;width:12px;height:10px;background: transparent url(../images/btn-close-x.png);margin-left:10px;float:right}
.red_icon {background: transparent url(../images/icon-error-red.png) no-repeat;}
.green_icon {background: transparent url(../images/icon-error-green.png) no-repeat;}
.orange_icon {background: transparent url(../images/icon-error-orange.png) no-repeat;}
.loading_icon {background: transparent url(../images/icon-loading.gif) no-repeat;width:24px;height:24px}
div#error .message, div#javaScriptErrors .message {
	display:inline-block;
	max-width:100%;
	padding:5px 10px;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	border-radius:0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius:0 0 3px 3px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.80);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.80);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.80);
	font:'Arial 14px #fff';
	line-height:16px;
	font-weight:normal;
	text-align:left;
}
div#error .red_message,div#javaScriptErrors .red_message {background:#de0a18}
div#error .green_message,div#javaScriptErrors .green_message {background:#3c8d28}
div#error .orange_message, div#javaScriptErrors  .orange_message {background:#FF8200}
div#error .error_title {text-decoration:underline;font-weight:bold;text-align:left;white-space:nowrap;min-width:130px}
.printer {display:inline-block;width:25px;height:25px;background: transparent url(../images/print.gif) no-repeat;vertical-align:middle}
.lte8 div#error .message {
	border-right:1px solid #dadada;
	border-left:1px solid #dadada;
	border-bottom:1px solid #dadada;
}
.ie7 div#error, .ie7 div#flash {left:0;}
.ie7 div {zoom:1}
.ie7 button {outline:none;border:none;overflow:visible}
/* Start Containers */
#container {
	background: #252627 url('/images/pattern-cracks.png') repeat;
	min-width: 860px;
	max-width: 100%;
	margin: 0 auto 10px auto;
}

#container #main-body {
	margin: 0;
}

#container #main-body #main-logos {
	background: url('/images/rp-header-bkg.png') no-repeat;
	margin: 0 auto;
	padding: 0;
	min-width:1210px;
	position:relative;
}

#body {
	margin: 0;
	padding:2.5rem 5rem;
	background: transparent;
	background-color: white ;
	background:#fff url(/images/bkg/RP_FIB_BG_zigzag.png) center top repeat;
	min-width: 1050px;
	min-height: 480px;
}

#rp-logo {
	background-color: white;
	margin-bottom: 30px;
	padding: 0px;
	width:100%;
	height: 88px;
}

#rp-logo #brand {
	margin-top: 5px;
	width: 300px;
	height: auto;	
}

#rp-logo img:nth-of-type(2) {
	margin-bottom: -10px;
}

#property-logo {float:right;}

div.body_left {
	
	}
	
div.body_right {
	
	}
	
div#header {
	background-color: black;
	background-color: rgba(0,0,0,0.6);
	height: 32px;
	}
div#header h1 {
	margin: 0;
	font-size: inherit;
}
	
div#header .name {
	padding-left: 5rem;
	position: absolute;
	}

div#footer {
	background: #252627 url('/images/pattern-cracks.png') repeat;
	height:86px;
	padding:0 5rem;
	padding-top:40px;
	font-size: 70%;
	color: #666;
}
div#footer p a {color: #4e74c9; font-weight: bold;}
div#footer p, div#footer p a, div#footer p a:visited {font-size: 14px; text-align:left;text-decoration:none}
div#footer p a:hover {text-decoration: underline}
#feedback {
	display:none;
	width:175px;
	height:100px;
	background: transparent url(../images/feedback-dbl.png);
	float:left;
	position:relative;
	top: -40px;
}
#feedback:hover {background-position: 0 100px}
#feedback_form .thankyou {
	margin-top:20%;
	display:none;
}
#yapstone {
	display:block;
	width:300px;
	height:73px;
	background: transparent url(/images/logo-yapstone-white.png) top right no-repeat;
	float:right;
	position:relative;
	background-size: 70%;
	
}
#rentpayment {
	display:block;
	width:300px;
	height:55px;
	background: transparent url(/images/RentPayment_WhiteLogo.png) top right no-repeat;
	float:right;
	position:relative;
}
#pageHeader {
	text-shadow: 2px 2px 2px #050505;
	filter: dropshadow(color=#050505, offx=2, offy=2);
	text-transform: uppercase;
	line-height: 32px;
	font-weight: 500;
}
/* End Containers */

/* Colors */
.text_header {
	padding-right: 5rem;
}
.text_header, .text_header a, .text_header a:visited {
	color:#fff;
	font-size:20px;
	text-decoration:none;	
}
.text_header span {display:block}
.top_header.text_header.nav {
	position: absolute;
	right: 0px;
	margin-top: 5px;
}
.text_grey {color:#666;}
.text_blue {color:#1A4A99}
.text_red {color:#ff0000}
.text_orange{color:#FF6600}
.text_darkred{color:#d00000}
.text_embossed {text-shadow: 1px 1px 0px #ffffff}
.text_capitalize {text-transform:capitalize}
/* text sizes */
.text_xlarge, .text_xlarge td {font-size:26px}
.text_large, .text_large td {font-size:24px}
.text_large_blue {font-size:24px;color:#4e74c9;}
.text_medium, .text_medium td {font-size:16px}
.text_default_size {font-size:13px}
.text_small {font-size:11px}
.text_italic_orange {font-family:Georgia;font-size:12px;font-weight:normal;font-style:italic;text-decoration:none;color:#FF6600}
.text_italic_grey {font-family:Georgia;font-size:13px;font-weight:normal;font-style:italic;text-decoration:none;color:#666}
.text_green {font-family:Arial;font-size:14px;color:#3f7e34}
.text_medium_grey {font-size:16px;color:#666}
.text_italic {font-family:Georgia;font-weight:normal;font-style:italic;text-decoration:none;}
.text_numeric {font-family:'Courier New', monospace}
.text_blue_label {font-size:14px;font-weight:bold;line-height:16px;color:#1A4A99}
.text_default_size_green { font-size:13px; color:#3c8d28; white-space: nowrap;}
.italic {font-style:italic}
.green {color:#3f7e34}
/* margins */
.margin_right_20 {margin-right:20px}
/* text styles */

/* Gradients */
.diagonal_gradient {
	background: #e5e5e5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTVlNWU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  #e5e5e5 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #e5e5e5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #e5e5e5 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #e5e5e5 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(-45deg,  #e5e5e5 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

/* tooltip */
.tooltip {
	opacity: 0.87;
	background: #393939;
	color: #FFF;
	border: 2px solid #ddd;
	font-size: 11px;
	line-height: 1.3em;
	margin: 10px auto;
	padding: 5px;
	position: relative;
	text-align: center;
	width: 90px;
	cursor: pointer;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
}

.tooltip-arrow-border-up {
	border-color: transparent transparent #666666 transparent;
	border-style: solid;
	border-width: 10px;
	height: 0;
	width: 0;
	position: absolute;
	top: -22px;
	left: 30px;
}

.tooltip-arrow-up {
	border-color: transparent transparent #EDEDED transparent;
	border-style: solid;
	border-width: 10px;
	height: 0;
	width: 0;
	position: absolute;
	top: -19px;
	left: 30px;
}
/* floats */
.float_left {float:left}
.float_right {float:right}
b, .bold, .bold td {font-weight:500}
#payment_summary #line_items tr:nth-of-type(1) td,
#payment_summary #final_total tr:nth-of-type(1) td,
#payment_summary #line_items tr:nth-of-type(1) td input,
#payment_summary #final_total tr:nth-of-type(1) td input
{
	font-size: 16px;
	font-weight: bold;
}

.hr {border-bottom:1px solid #aaa}
.hr-dash {border-bottom:1px dashed #aaa; margin:10px 0px}
.v-spacer {margin-bottom:10px}

.header_button {
	display:block;
	float:right;
	text-align:center;
	padding: 0 10px;
	margin-right: 6px;
	border-radius: 12px;
	line-height: 110%;
}
#menuLink,
.header_button:hover {
	background-color: white;	
}

#menuLink,
.header_button:hover span {
	color: black;
}

.header_button span {
	font-size:12px;
	font-weight:500;
}

.button {
	cursor:pointer;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	display:inline-block;
	font-size:22px;
	font-weight:normal;
	text-decoration:none;
	margin:10px;
	padding:8px 40px;
	white-space:nowrap;	
	font:500 1.2em "Gotham A","Gotham B",Helvetica,Arial,sans-serif;
	-webkit-font-smoothing:antialiased;
}

.sm_button {
	cursor:pointer;
	border-radius:3px;
	border-style: solid;
	border-width: 1px;
	display:inline-block;
	font-family:arial;
	font-size:16px;
	font-weight:normal;
	text-decoration:none;
	margin:10px;
	padding:8px 40px;
	white-space:nowrap;
	font:500 1.2em "Gotham A","Gotham B",Helvetica,Arial,sans-serif;
	-webkit-font-smoothing:antialiased;
}

.extra_sm_button {
	cursor:pointer;
	border-radius:2px;
	border-style: solid;
	border-width: 1px;
	display:inline-block;
	text-decoration:none;
	font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:500;
	margin:2px;
	padding:3px 20px;
	white-space:nowrap;
	/*font:500 1.0em "Gotham A","Gotham B",Helvetica,Arial,sans-serif;*/
	-webkit-font-smoothing:antialiased;
}

#autopay_submit_button{font-size: 14px; padding: 6px 10px;} /* these styles are needed to get cancel button (created with <a>) and set autopay (created with <button>) to have same dimensions */

.auto_button {
	cursor:pointer;
	border-radius:3px;
	border-style: solid;
	border-width: 1px;
	display:inline-block;
	font-family:arial;
	font-weight:normal;
	text-decoration:none;
	padding:5px 20px;
	white-space:nowrap;
	font-family: "Gotham A","Gotham B",Helvetica,Arial,sans-serif;
	font-weight: 500;
	-webkit-font-smoothing:antialiased;
}

.button:hover, .auto_button:hover, .sm_button:hover {text-decoration: none}

/* ORANGE BUTTON */

.orange {
	color: #FFFFFF;
	border:1px solid #ff6600;
	text-shadow: 1px 1px 1px rgba(000,000,000, .20);
	background: #ff9900; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff9900 0%, #ff6600 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9900), color-stop(100%,#ff6600)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fff9900 0%,#ff6600 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff9900 0%,#fff6600 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff9900 0%,#ff6600 100%); /* IE10+ */
	background: linear-gradient(top,  #ff9900 0%,#ff6600 100%); /* W3C */
}

.orange:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7e00), color-stop(1, #ff9900) );
	background:-moz-linear-gradient( center top, #ff7e00 5%, #ff9900 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7e00', endColorstr='#ff9900');
	background-color:#ff9900;
}

.orange:active {
	position:relative;
	top:1px;
}

/* BLUE BUTTON */

.blue {
	background-color:#4e74c9;
	text-shadow: 1px 1px 1px rgba(000,000,000, .20);
	border:1px solid #415CB0;
	color:#FFFFFF;
}

.blue:hover {
	background-color:#5F85DB;
}

.blue:active {
	position:relative;
	top:1px;
}
.blue:disabled{
	opacity: 0.5;
	pointer-events: none;
}

/* GREY ENABLED BUTTON */

.grey_enabled {
	background-color:#C0C0C0;
	border:1px solid #C0C0C0;
	color:#666666;
}

.grey_enabled:hover {
	background-color:#ccc;
}

.grey_enabled:active {
	position:relative;
	top:1px;
}

/* GREY BUTTON */

.grey, .grey:hover {
	background: -moz-linear-gradient(top,  #ededed 0%, #dfdfdf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ededed 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ededed 0%,#dfdfdf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ededed 0%,#dfdfdf 100%); /* IE10+ */
	background: linear-gradient(top,  #ededed 0%,#dfdfdf 100%); /* W3C */
	background-color:#ededed;
	border:1px solid #dcdcdc;
	color:#aeaeae;
	text-shadow:1px 1px 0px #ffffff;
	cursor:default;
}

.grey:hover {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ededed');
}

.grey:active {
	position:relative;
	top:0px;
}

.negative {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%,#7e7e7e)); /* Chrome,Safari4+ */
  	background: -webkit-linear-gradient(top,  #abababa 0%,#7e7e7e 100%); /* Chrome10+,Safari5.1+ */
  	background: -moz-linear-gradient(top,  #bababa 0%, #7e7e7e 100%); /* FF3.6+ */
  	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#666666');
	background-color:#888888;
	text-shadow: 1px 1px 1px rgba(000,000,000, .20);
	border:1px solid #acacac;
	color:#FFFFFF;
	
}

.negative:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05,#7e7e7e), color-stop(1, #bababa) );
}
.negative:active {
	position:relative;
	top:1px;
}

/* Two Line Button Style */

.twoline {
	padding: 5px 40px;
	padding-top: 10px;
	text-transform: uppercase;
	text-align:center;
}

.twoline span {
	display: block;
	text-transform: none;
	font: italic normal 13px/20px Georgia, sans-serif;
	text-align:center;
}

.text_links {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:13px;
	color:#666;
	text-decoration:none;
}

.text_links:hover {color:#999;}
.text_links:visited {color:#333;}

/* table with borders */
table.bordered {
	width: 100%;
	border-collapse: separate; /* need this for rounded corners on tables */
	*border-collapse: collapse; /* IE7 and lower */
}
table.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

table.interactive tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
table.bordered td, table.bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
}

table.bordered tr.detail td, table.bordered tr.detail th {
    border-left: 1px solid #ccc;
    border-top: none;
    border-bottom: 1px solid #ccc;
    padding: 10px;
}
table.bordered tr.lineitem td, table.bordered tr.lineitem th  {
	border-left: none;
    border-top: none;
    border-bottom: none;
    padding: 5px;
}
table.bordered tr.invoice td, table.bordered tr.invoice th  {
	border-left: none;
    border-top: none;
    border-bottom: 4px solid #999;
    padding: 5px;
}

table.bordered th {
	background: -moz-linear-gradient(top , #fff 0%, #ccc 100%) repeat scroll 0 0 transparent; /* Firefox */
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ccc)); /* Chrome,Safari4+ */
  	background: -webkit-linear-gradient(top,  #fff 0%,#ccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#fff,#ccc);
	background: -ms-linear-gradient(top,  #fff 0%,#ccc 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 -- needs zoom:1 */
	background: linear-gradient(center top, #fff 0%,#ccc 100%); /* W3C */
    border-top: none;
    text-shadow: 1px 1px 0px #ffffff; 
    font-size:14px;
    border-bottom: 2px solid #999;
}

table.bordered td:first-child, table.bordered th:first-child,
table.bordered tr.detail td:first-child,  
table.bordered tr.detail th:first-child {
    border-left: none;
}

table.bordered th:first-child {
    -moz-border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
    border-radius: 10px 0 0 0;
}

table.bordered th:last-child {
    -moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0;
}

table.bordered th:only-child{
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

table.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 10px;
    -webkit-border-radius: 0 0 0 10px;
    border-radius: 0 0 0 10px;
}

table.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 10px 0;
    -webkit-border-radius: 0 0 10px 0;
    border-radius: 0 0 10px 0;
}

.section-title {
	color: black;
	font-size: 24px;
	font-weight: 300;
	text-transform: uppercase;
}
.round_box {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:20px;
	background-color: white;
}
.inline_box {display:inline-block}
.round_box_no_padding {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	overflow-y:auto;
	overflow-x:hidden;
	background-color: white;
}

.round_box_title {
	text-align: center;
	background-color: white 
	font-size:20px;
	text-transform: uppercase;
	font-weigth: 400;

	zoom:1; /*gain layout IE7+ */
}

.round_box_header, .round_box_title p {padding:10px 20px}
.ie .round_box_title p {margin-bottom:0}

.round_box_content {
	padding:10px 20px;
}

.hallow_box {border:1px solid #ccc;}
.grey_box {background: #efefef;}
.light_blue_box {background: #f2f2f2;border:1px solid #ccc}
.important_grid {
	border:1px solid #d00000;
	padding:2px;
}
.important_grid table.grid {width:100%}
.important_grid table.grid tr th {background: #efefef}
.important_grid table.grid tr th, .important_grid table.grid tr td {padding:4px;font-size:12px;border-bottom:1px dashed #efefef}
.important_grid table.grid tr.last th, .important_grid table.grid tr.last td {border:none}
.important_grid table.grid tr.divider th, .important_grid table.grid tr.divider td {border-top:1px solid #dadada} 
.important_grid table.grid tr td {vertical-align: top}
.important_grid table.grid tr.red td {color:#ff0000}

.red_box {
	border:1px solid #d00000;
	padding:20px;
}

.error_box {
	color:#fff;
	font-weight: bold;
	background: #b8031f;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
}
.blue_box {
	-moz-box-shadow: inset 0 0 80px #bce2fb;
    -webkit-box-shadow: inset 0 0 80px #bce2fb;
    box-shadow: inset 0 0 80px #bce2fb;
	border:1px solid #ccc;
	border-radius:3px;
}
.green_box {
	-moz-box-shadow: inset 0 0 80px #bdf4b7;
    -webkit-box-shadow: inset 0 0 80px #bdf4b7;
    box-shadow: inset 0 0 80px #bdf4b7;
	border:1px solid #8fdd86;
	border-radius:10px;
}

.section {
	font-size: 20px;
	font-weight: 500;
	font-style: normal;
	text-decoration: none;
}

.w10 {width:9%}
.w15 {width:14%}
.w20 {width:19%}
.w25 {width:24%}
.w30 {width:29%}
.w33 {width:33%}
.w35 {width:34%}
.w40 {width:39%}
.w45 {width:45%}
.w50 {width:49%}
.w55 {width:54%}
.w60 {width:59%}
.w65 {width:64%}
.w70 {width:69%}
.w75 {width:74%}
.w80 {width:79%}
.w85 {width:84%}
.w90 {width:89%}
.w92 {width:92%}
.w95 {width:94%}
.w100 {width:99%}
.full_width {width:100%}

/* Start text alignment */
.align_left, tr.align_left th, tr.align_left td {text-align:left}
.align_center, tr.align_center th, tr.align_center td  {text-align:center}
.align_right, tr.align_right th, tr.align_right td {text-align:right}
.valign_top {vertical-align:top}
.valign_bottom {vertical-align: bottom}
.valign_middle {vertical-align: middle}
/* End text alignment */

table.grid {width:99%}
table.grid tr td {padding:2px}
table.pad tr td, table.pad tr th {padding:5px}

ul.list_green_check {
	list-style-type: none;
	list-style-image: url(../images/icon-green-check.png);
	display:inline-block;
	vertical-align: bottom;
}
ul.list_green_check li span {position:relative;top:-5px;}
.property_address b {font-size:16px;line-height:20px;font-weight:bold;text-shadow: 1px 1px 0px #ffffff;font-style:normal}

/* Login page */
#login_box, #new_user_box {min-height:310px;display:inline-block;vertical-align: middle}
#login_box {width:60%;}
#login_box #forgot_password {display:inline-block;z-index:1}
#new_user_box {width:27%}
#mcafee {
	position: relative;
	top:-10px;
}
#verisign {
	width:100px;
	height:72px;
	display:block;
	background:transparent url(../images/verisign.gif) no-repeat;
}
.third_party_logos {
	position:relative;
	margin:0 0 -20px 0;
	width:100%;
}
#confirmPayment {
	width:900px;
	height:auto;
	padding:20px;
}
#confirmPayment .section.heading {
	text-transform: uppercase;
	font-size:16px;
}
#confirmPayment .round_box {
	font-size: 14px;
}
optInCreditReporting {
    width:900px;
    height:auto;
    padding:20px;
}
#optInCreditReporting .section.heading {
    text-transform: uppercase;
    font-size:16px;
}
#optInCreditReporting .round_box {
    font-size: 14px;
}
#renter_payment_information{
	min-width: 550px;
}
#renter_information {
	width:47%;
	min-width:262px;	
}
#payment_method {
	width:48%;
	min-width:268px;
	margin-left:20px;
}
#renter_information .round_box,
#payment_method .round_box {
	min-height: 180px;
}
#payment_summary {min-width:341px; float: left; margin-left: 10px; }
#confirm_renter_information, #confirm_payment_method, #confirm_payment_summary {margin:5px}
#confirm_renter_information #payment_method {margin-left:15px}
#confirm_cvv #helpCvv {margin-top:6px}

#confirm_renter_information .round_box,
#confirm_payment_method .round_box,
#confirm_payment_summary .round_box {
	height:150px;
	overflow-y:auto;
	overflow-x:hidden; 
	line-height: 1.7em;
}

#renter_information .round_box_no_padding,
#confirm_renter_information .round_box_no_padding,
#confirm_payment_method .round_box_no_padding,
#confirm_payment_summary .round_box_no_padding,
#payment_method .round_box_no_padding {height:250px;overflow-y:auto;overflow-x:hidden}

#payment_method .card_logo {margin:5px}
#quickpayment_workspace {position:relative;}
#createlogin_paymentmethod {position:relative;}
#quickpayment_workspace div#account_tabs {
	width:97%;
	border-radius: 3px;
	display:none;
}
#createlogin_paymentmethod div#account_tabs {
	width:97%;
	border-radius: 3px;
	display:none;
}
#quickpayment_workspace div#account_tabs ul {
	width:99%;
	border-radius: 10px 10px 0 0;
    float:right;
}
#createlogin_paymentmethod div#account_tabs ul {
	width:99%;
	border-radius: 10px 10px 0 0;
	float:right;
}
#quickpayment_workspace div#account_tabs ul li.active {
	background: #ccc;
	border:3px solid #ccc;
	border-radius: 10px 10px 0 0;
	-moz-box-shadow: inset 0px 0px 60px -25px #efefef;
    -webkit-box-shadow: inset 0px 0px 60px -25px #efefef;
    box-shadow: inset 0px 0px 60px -25px #efefef;
}
#createlogin_paymentmethod div#account_tabs ul li.active {
	background: #ccc;
	border:3px solid #ccc;
	border-radius: 10px 10px 0 0;
	-moz-box-shadow: inset 0px 0px 60px -25px #efefef;
	-webkit-box-shadow: inset 0px 0px 60px -25px #efefef;
	box-shadow: inset 0px 0px 60px -25px #efefef;
}
/* if the logo image names ever change, must update function paymentTracking() in analytics_tracking.js */
#quickpayment_workspace div#account_tabs ul li.active .visa_logo {width:48px;background: transparent url(../images/tabs/logo-visa.png) 0px 25px;}
#quickpayment_workspace div#account_tabs ul li.active .mastercard_logo {width:41px;background: transparent url(../images/tabs/logo-mastercard.png) 0px 25px;}
#quickpayment_workspace div#account_tabs ul li.active .discover_logo {width:60px;background: transparent url(../images/tabs/logo-discover.png) 0px 25px;}
#quickpayment_workspace div#account_tabs ul li.active .echeck_logo {width:60px;background: transparent url(../images/tabs/logo-echeck.png) 0px 25px;}
#quickpayment_workspace div#account_tabs ul li.active .secheck_logo {width:60px;background: transparent url(../images/tabs/seCheckCombined.png) 0px 25px;}
#quickpayment_workspace div#account_tabs ul li.active .americanexpress_logo{width:31px;background: transparent url(../images/tabs/logo-americanexpress.png) 0px 25px;}
#quickpayment_workspace div#account_tabs ul li.active .debit_logo, #quickpayment_workspace div#account_tabs ul li.active .debitcard_logo {width:55px;background: transparent url(../images/tabs/logo-debitcard.png) 0px 25px;}
#quickpayment_workspace div#account_tabs ul li.active .creditcard_logo {width:60px;background: transparent url(../images/tabs/logo-creditcard.png) 0px 25px;}
#quickpayment_workspace div#account_tabs ul li.active .star_logo {width:39px;background: transparent url(../images/tabs/logo-star.png) 0px 25px;}
#quickpayment_workspace div#account_tabs ul li.active .nyce_logo {width:47px;background: transparent url(../images/tabs/logo-nyce.png) 0px 25px;}
#quickpayment_workspace div#account_tabs ul li.active .pulse_logo {width:45px;background: transparent url(../images/tabs/logo-pulse.png) 0px 25px;}
#quickpayment_workspace div#account_tabs ul li.active .debit_visa_logo {width:48px;background: transparent url(../images/tabs/logo-debit_visa.png) 0px 25px;}
#quickpayment_workspace div#account_tabs ul li.active .debit_master_logo {width:41px;background: transparent url(../images/tabs/logo-debit_master.png) 0px 25px;}
#quickpayment_workspace div#account_tabs ul li.active .debit_discover_logo {width:41px;background: transparent url(../images/tabs/logo-debit_discover.png) 0px 25px;}
#quickpayment_workspace div#account_tabs ul li.active .flexibleRent_logo {width:238px;background: transparent url(../images/tabs/BE_FR_Plus_Text_Tab_Logo.png) 0px 25px;}
#quickpayment_workspace div#account_tabs ul li.active:hover span {background-position: 0px 0px}
#quickpayment_workspace div#account_tabs ul li.inactive span {font-weight:bold;font-size:16px;color:#1A4A99;}
#createlogin_paymentmethod div#account_tabs ul li.active .visa_logo {width:48px;background: transparent url(../images/tabs/logo-visa.png) 0px 25px;}
#createlogin_paymentmethod div#account_tabs ul li.active .mastercard_logo {width:41px;background: transparent url(../images/tabs/logo-mastercard.png) 0px 25px;}
#createlogin_paymentmethod div#account_tabs ul li.active .discover_logo {width:60px;background: transparent url(../images/tabs/logo-discover.png) 0px 25px;}
#createlogin_paymentmethod div#account_tabs ul li.active .echeck_logo {width:60px;background: transparent url(../images/tabs/logo-echeck.png) 0px 25px;}
#createlogin_paymentmethod div#account_tabs ul li.active .secheck_logo {width:60px;background: transparent url(../images/tabs/seCheckCombined.png) 0px 25px;}
#createlogin_paymentmethod div#account_tabs ul li.active .americanexpress_logo{width:31px;background: transparent url(../images/tabs/logo-americanexpress.png) 0px 25px;}
#createlogin_paymentmethod div#account_tabs ul li.active .debit_logo, #createlogin_paymentmethod div#account_tabs ul li.active .debitcard_logo {width:55px;background: transparent url(../images/tabs/logo-debitcard.png) 0px 25px;}
#createlogin_paymentmethod div#account_tabs ul li.active .creditcard_logo {width:60px;background: transparent url(../images/tabs/logo-creditcard.png) 0px 25px;}
#createlogin_paymentmethod div#account_tabs ul li.active .star_logo {width:39px;background: transparent url(../images/tabs/logo-star.png) 0px 25px;}
#createlogin_paymentmethod div#account_tabs ul li.active .nyce_logo {width:47px;background: transparent url(../images/tabs/logo-nyce.png) 0px 25px;}
#createlogin_paymentmethod div#account_tabs ul li.active .pulse_logo {width:45px;background: transparent url(../images/tabs/logo-pulse.png) 0px 25px;}
#createlogin_paymentmethod div#account_tabs ul li.active .debit_visa_logo {width:48px;background: transparent url(../images/tabs/logo-debit_visa.png) 0px 25px;}
#createlogin_paymentmethod div#account_tabs ul li.active .debit_master_logo {width:41px;background: transparent url(../images/tabs/logo-debit_master.png) 0px 25px;}
#createlogin_paymentmethod div#account_tabs ul li.active .debit_discover_logo {width:41px;background: transparent url(../images/tabs/logo-debit_discover.png) 0px 25px;}
#createlogin_paymentmethod div#account_tabs ul li.active .flexibleRent_logo {width:238px;background: transparent url(../images/tabs/BE_FR_Plus_Text_Tab_Logo.png) 0px 25px;}
#createlogin_paymentmethod div#account_tabs ul li.active:hover span {background-position: 0px 0px}
#createlogin_paymentmethod div#account_tabs ul li.inactive span {font-weight:bold;font-size:16px;color:#1A4A99;}
#quickpayment_workspace div#account_tabs ul li.ui-tabs-selected {
	background: #fff;
	border-width: 3px 3px 0px 3px;
	border-style: solid;
	border-color: #ccc;
}
#createlogin_paymentmethod div#account_tabs ul li.ui-tabs-selected {
	background: #fff;
	border-width: 3px 3px 0px 3px;
	border-style: solid;
	border-color: #ccc;
}
#quickpayment_workspace div#account_tabs ul li.ui-tabs-selected .visa_logo,
#quickpayment_workspace div#account_tabs ul li.ui-tabs-selected .mastercard_logo,
#quickpayment_workspace div#account_tabs ul li.ui-tabs-selected .discover_logo,
#quickpayment_workspace div#account_tabs ul li.ui-tabs-selected .echeck_logo,
#quickpayment_workspace div#account_tabs ul li.ui-tabs-selected .secheck_logo,
#quickpayment_workspace div#account_tabs ul li.ui-tabs-selected .americanexpress_logo,
#quickpayment_workspace div#account_tabs ul li.ui-tabs-selected .debitcard_logo,
#quickpayment_workspace div#account_tabs ul li.ui-tabs-selected .creditcard_logo,
#quickpayment_workspace div#account_tabs ul li.ui-tabs-selected .star_logo,
#quickpayment_workspace div#account_tabs ul li.ui-tabs-selected .nyce_logo,
#quickpayment_workspace div#account_tabs ul li.ui-tabs-selected .pulse_logo,
#quickpayment_workspace div#account_tabs ul li.ui-tabs-selected .debit_visa_logo,
#quickpayment_workspace div#account_tabs ul li.ui-tabs-selected .debit_master_logo,
#quickpayment_workspace div#account_tabs ul li.ui-tabs-selected .debit_logo,
#quickpayment_workspace div#account_tabs ul li.ui-tabs-selected .flexibleRent_logo,
#quickpayment_workspace div#account_tabs ul li.ui-tabs-selected .maestro_logo {
	background-position: 0px 0px;
}
#createlogin_paymentmethod div#account_tabs ul li.ui-tabs-selected .visa_logo,
#createlogin_paymentmethod div#account_tabs ul li.ui-tabs-selected .mastercard_logo,
#createlogin_paymentmethod div#account_tabs ul li.ui-tabs-selected .discover_logo,
#createlogin_paymentmethod div#account_tabs ul li.ui-tabs-selected .echeck_logo,
#createlogin_paymentmethod div#account_tabs ul li.ui-tabs-selected .secheck_logo,
#createlogin_paymentmethod div#account_tabs ul li.ui-tabs-selected .americanexpress_logo,
#createlogin_paymentmethod div#account_tabs ul li.ui-tabs-selected .debitcard_logo,
#createlogin_paymentmethod div#account_tabs ul li.ui-tabs-selected .creditcard_logo,
#createlogin_paymentmethod div#account_tabs ul li.ui-tabs-selected .star_logo,
#createlogin_paymentmethod div#account_tabs ul li.ui-tabs-selected .nyce_logo,
#createlogin_paymentmethod div#account_tabs ul li.ui-tabs-selected .pulse_logo,
#createlogin_paymentmethod div#account_tabs ul li.ui-tabs-selected .debit_visa_logo,
#createlogin_paymentmethod div#account_tabs ul li.ui-tabs-selected .debit_master_logo,
#createlogin_paymentmethod div#account_tabs ul li.ui-tabs-selected .debit_logo,
#createlogin_paymentmethod div#account_tabs ul li.ui-tabs-selected .flexibleRent_logo,
#createlogin_paymentmethod div#account_tabs ul li.ui-tabs-selected .maestro_logo {
	background-position: 0px 0px;
}

#quickpayment_workspace #ccnum_form > p:first-child{
	text-align: left;
}
#createlogin_paymentmethod #ccnum_form > p:first-child{
	text-align: left;
}

#newaccount_workspace {position:relative;}
#newaccount_workspace div#account_type_tabs {
	width:97%;
	border-radius: 3px;
}
#newaccount_workspace div#account_type_tabs ul {
	width:99%;
	border-radius: 3px 3px 0 0;
}
#newaccount_workspace div#account_type_tabs ul li.tabheading {
	padding-left:10px;
	display:inline-block;
	vertical-align: middle;
}
#newaccount_workspace div#account_type_tabs ul li.active {
	background: #ccc;
	border:3px solid #bce2fb;
	border-radius: 10px 10px 0 0;
	-moz-box-shadow: inset 0px 0px 60px -25px #efefef;
    -webkit-box-shadow: inset 0px 0px 60px -25px #efefef;
    box-shadow: inset 0px 0px 60px -25px #efefef;
    display: inline;
    float: right; 
}

#newaccount_workspace div#account_type_tabs ul li.active .visa_logo {width:48px;background: transparent url(../images/tabs/logo-visa.png) 0px 25px;}
#newaccount_workspace div#account_type_tabs ul li.active .mastercard_logo {width:41px;background: transparent url(../images/tabs/logo-mastercard.png) 0px 25px;}
#newaccount_workspace div#account_type_tabs ul li.active .discover_logo {width:60px;background: transparent url(../images/tabs/logo-discover.png) 0px 25px;}
#newaccount_workspace div#account_type_tabs ul li.active .echeck_logo {width:60px;background: transparent url(../images/tabs/logo-echeck.png) 0px 25px;}
#newaccount_workspace div#account_type_tabs ul li.active .secheck_logo {width:60px;background: transparent url(../images/tabs/seCheckCombined.png) 0px 25px;}
#newaccount_workspace div#account_type_tabs ul li.active .americanexpress_logo{width:31px;background: transparent url(../images/tabs/logo-americanexpress.png) 0px 25px;}
#newaccount_workspace div#account_type_tabs ul li.active .debit_logo, #newaccount_workspace div#account_type_tabs ul li.active .debitcard_logo {width:55px;background: transparent url(../images/tabs/logo-debitcard.png) 0px 25px;}
#newaccount_workspace div#account_type_tabs ul li.active .creditcard_logo {width:60px;background: transparent url(../images/tabs/logo-creditcard.png) 0px 25px;}
#newaccount_workspace div#account_type_tabs ul li.active .star_logo {width:39px;background: transparent url(../images/tabs/logo-star.png) 0px 25px;}
#newaccount_workspace div#account_type_tabs ul li.active .nyce_logo {width:47px;background: transparent url(../images/tabs/logo-nyce.png) 0px 25px;}
#newaccount_workspace div#account_type_tabs ul li.active .pulse_logo {width:45px;background: transparent url(../images/tabs/logo-pulse.png) 0px 25px;}
#newaccount_workspace div#account_type_tabs ul li.active .debit_visa_logo {width:48px;background: transparent url(../images/tabs/logo-debit_visa.png) 0px 25px;}
#newaccount_workspace div#account_type_tabs ul li.active .debit_master_logo {width:41px;background: transparent url(../images/tabs/logo-debit_master.png) 0px 25px;}
#newaccount_workspace div#account_type_tabs ul li.active .debit_discover_logo {width:41px;background: transparent url(../images/tabs/logo-debit_discover.png) 0px 25px;}
#newaccount_workspace div#account_type_tabs ul li.active .flexibleRent_logo {width:238px;background: transparent url(../images/tabs/BE_FR_Plus_Text_Tab_Logo.png) 0px 25px;}
#newaccount_workspace div#account_type_tabs ul li.active:hover span {background-position: 0px 0px}
#newaccount_workspace div#account_type_tabs ul li.inactive span {font-weight:bold;font-size:16px;color:#1A4A99;}
#newaccount_workspace div#account_type_tabs ul li.ui-tabs-selected {
	background: #fff;
	border-width: 2px 2px 0px 2px;
	border-style: solid;
	border-color: #ccc;
}
#newaccount_workspace div#account_type_tabs ul li.ui-tabs-selected .visa_logo,
#newaccount_workspace div#account_type_tabs ul li.ui-tabs-selected .mastercard_logo,
#newaccount_workspace div#account_type_tabs ul li.ui-tabs-selected .discover_logo,
#newaccount_workspace div#account_type_tabs ul li.ui-tabs-selected .echeck_logo,
#newaccount_workspace div#account_type_tabs ul li.ui-tabs-selected .secheck_logo,
#newaccount_workspace div#account_type_tabs ul li.ui-tabs-selected .americanexpress_logo,
#newaccount_workspace div#account_type_tabs ul li.ui-tabs-selected .debitcard_logo,
#newaccount_workspace div#account_type_tabs ul li.ui-tabs-selected .creditcard_logo,
#newaccount_workspace div#account_type_tabs ul li.ui-tabs-selected .star_logo,
#newaccount_workspace div#account_type_tabs ul li.ui-tabs-selected .nyce_logo,
#newaccount_workspace div#account_type_tabs ul li.ui-tabs-selected .pulse_logo,
#newaccount_workspace div#account_type_tabs ul li.ui-tabs-selected .debit_visa_logo,
#newaccount_workspace div#account_type_tabs ul li.ui-tabs-selected .debit_master_logo,
#newaccount_workspace div#account_type_tabs ul li.ui-tabs-selected .debit_logo,
#newaccount_workspace div#account_type_tabs ul li.ui-tabs-selected .flexibleRent_logo,
#newaccount_workspace div#account_type_tabs ul li.ui-tabs-selected .maestro_logo {
	background-position: 0px 0px;
}
#bankType-menu {
	min-width: 155px !important;
}
#bankTypeComm-menu {
	min-width: 155px !important;
}
#echeck_card .textfield label {
	font-size: 16px;
}
#echeck_card .flabel.infield {
	line-height: 35px;
}
#bankType-button {
	padding-right: 3.5em;
	width: auto !important;
}
.ui-tabs-nav {
    border-bottom:1px solid #ccc;    
}

#confirm_payment_method #confirm_accImg {margin-right:8px}

.visa_logo,
.mastercard_logo,
.discover_logo,
.echeck_logo,
.secheck_logo,
.americanexpress_logo,
.debitcard_logo,
.creditcard_logo,
.star_logo,
.nyce_logo,
.pulse_logo,
.debit_visa_logo,
.debit_master_logo,
.debit_logo,
.maestro_logo,
.flexibleRent_logo,
.unsecured_logo,
.bank_acc_secured_svg,
.mp_mastercard_logo,
.mp_debit_master_logo,
.mp_visa_logo,
.mp_debit_visa_logo,
.mp_americanexpress_logo,
.debit_discover_logo,
.mp_discover_logo {
	display:inline-block;
	height:25px;
	vertical-align: middle;
}
.payment_method_logo img {display:inline-block;vertical-align: middle}
.visa_logo {width:48px;background: transparent url(../images/tabs/logo-visa.png) no-repeat;}
.mastercard_logo {width:41px;background: transparent url(../images/tabs/logo-mastercard.png) no-repeat;}
.discover_logo {width:60px;background: transparent url(../images/tabs/logo-discover.png) no-repeat;}
.echeck_logo {width:60px;background: transparent url(../images/tabs/logo-echeck.png) no-repeat;}
.secheck_logo {width:60px;height:25px; background: transparent url(../images/tabs/seCheckCombined.png) no-repeat;}
.americanexpress_logo{width:31px;background: transparent url(../images/tabs/logo-americanexpress.png) no-repeat;}
.debit_logo, .debitcard_logo {display:none}
.creditcard_logo {width:60px;background: transparent url(../images/tabs/logo-creditcard.png) no-repeat;}
.star_logo {width:39px;background: transparent url(../images/logo-star.png) no-repeat;}
.nyce_logo {width:47px;background: transparent url(../images/logo-nyce.png) no-repeat;}
.pulse_logo {width:45px;background: transparent url(../images/logo-pulse.png) no-repeat;}
.debit_visa_logo {width:60px;background: transparent url(../images/logo-debit_visa.png) no-repeat;}
.debit_master_logo {width:60px;background: transparent url(../images/logo-debit_master.png) no-repeat;}
.debit_discover_logo {width:60px;background: transparent url(../images/logo-debit_discover.png) no-repeat;}
.flexibleRent_logo {width:238px;background: transparent url(../images/tabs/BE_FR_Plus_Text_Tab_Logo.png) no-repeat;}
.unsecured_logo {width:40px;height: 30px;background: transparent url(../images/tabs/unsecured-account.png) no-repeat;}
.bank_acc_secured_svg  {width: 19px;height:33px;background: transparent url(../images/bank_acc_secured.svg) no-repeat; background-size: contain;}
/*masterpass combined logos identified as logo-mp* */
.mp_mastercard_logo {width:85px;background: transparent url(../images/logo-mp_mastercard.png) no-repeat;}
.mp_debit_master_logo {width:89px;background: transparent url(../images/logo-mp_debit_master.png) no-repeat;}
.mp_visa_logo {width:92px;background: transparent url(../images/logo-mp_visa.png) no-repeat;}
.mp_debit_visa_logo {width:89px;background: transparent url(../images/logo-mp_debit_visa.png) no-repeat;}
.mp_americanexpress_logo {width:73px;background: transparent url(../images/logo-mp_americanexpress.png) no-repeat;}
.mp_discover_logo {width:104px;background: transparent url(../images/logo-mp_discover.png) no-repeat;}

#autopay_banner {padding-bottom:0px}
#autopay_banner ul li a {float:right;margin:10px 0px 0px 10px}
#autopay_banner ul li span {font-size:13px;color:#333}
.autopay_icon{
	background: transparent url(../images/icon-autopay.png) no-repeat;
	display: inline-block;
	width:53px;
	height:48px;
	vertical-align:middle;
}
.autopay_message {font-size: 20px;line-height: 24px;color: #367A33;}
.autopay_message_title {font-size:40px;font-weight: bold;color: #367A33;}
#autopay_banner .autopay_icon, #autopay_banner .autopay_message{margin-right:5px;}
.chat_icon {
	background: transparent url(../images/icon-text-msg.png) no-repeat;
	width:33px;
	height:24px;
	display:inline-block;
	vertical-align: middle;
}
.on_off_switch {
	background: transparent url(../images/btn-on-off.png);
	width:71px;
	height:32px;
	display:inline-block;
	vertical-align: middle;
}
.switch_on {background-position: -71px 0;}
.switch_off {background-position: 0px 0;}
.skip_pay_switch {
	background: transparent url(../images/btn-pay-skip.png);
	width:67px;
	height:28px;
	display:inline-block;
	vertical-align:middle;
}
.switch_skip {background-position: -67px 0}
.switch_pay {background-position: 0 0px}
.email_icon {
	background: transparent url(../images/icon-email.png) no-repeat;
	width:33px;
	height:24px;
	display:inline-block;
	vertical-align: middle;
}
.cc_container {
	border-radius:3px;
	border:1px solid #aaa;
	padding:5px;
}
.echeck_container {
	border: 2px solid black;
	padding:15px;
	-moz-box-shadow: inset 0 0 50px #f2f2f2;
	-webkit-box-shadow: inset 0 0 50px #f2f2f2;
	box-shadow: inner 0 0 50px #f2f2f2;
}

.echeck_propname {margin-top:10px;font-weight:bold}
.micr_routing, .micr_account {display:block;margin-top:10px;height:13px;} 
.micr_routing {
	width:124px;
	background: transparent url(../images/micr-routing.png) no-repeat;
}
.micr_account {
	width:157px;
	background: transparent url(../images/micr-account.png) no-repeat;
}

#newPaymentMethod {
	width: 960px;
}
#quickpayment_workspace{
	width: 740px;
}
#createlogin_paymentmethod{
	width: 690px;
}
#billing_address #billing_form {margin-bottom:10px; padding-top: 5px;}
#billing_summary {padding:25px}
#billing_summary > p:first-child,
#billing_summary > p#editbilling a{
	color: #1A4C9E;
}

#echk_billing_address #echk_billing_form {margin-bottom:10px; padding-top: 5px; padding-right: 15px}
#echk_billing_summary {padding:25px}
#echk_billing_summary > p:first-child,
#echk_billing_summary > p#echk_editbilling a{
	color: #1A4C9E;
}


#billing_form {
	padding:15px;
	border:1px solid #cdcdcd;
	display:none;
}
#echk_billing_form {
	padding:15px;
	border:1px solid #cdcdcd;
	display:none;
}
#nameAndLogo span {
	margin-right:25px;
}
.payment_summary .lineitem {display:none}
#togglelineitems {
	display:inline-block;
	width:19px;
	height:11px;
	background: transparent url(../images/arrows-orange.png);
}
#togglelineitems.expanded {
	background-position: 0 11px;
}
#payment_receipt {
	float:left;
	margin-right:30px;
}
#payment_reminder_autopay {
	float:left;
	width:45%;
}

.epremium_banner_ad{
	text-align: center;
	margin: 25px 0 0 0;	
}

.banner_ab_testing_ad{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#textPaymentDialog, #helpTextMessagePopup {padding:20px;height:320px;}
#textPaymentDialog {width:710px;background: #fff url(../images/rentbytext-phone.png) 500px 10px no-repeat;}
#helpTextMessagePopup {width:510px;background: #fff url(../images/rentbytext-phone.png) 300px 10px no-repeat}
#helpTextMessagePopup .message {width: 267px;}

/* AUCE */
#auce_banner {width:91%;display:none}
#auce_banner h1 {font-size:30px;font-weight:bold;color:#ff7416;margin:0 0 10px 0}
#auce_banner h2 {font-size:20px;font-family:Georgia;font-style:italic;color:#1083d1;font-weight:normal}
#auce_banner ul {margin:0;padding:0;list-style-image:url(../images/icon-green-check-auce.png)}
#auce_banner ul li {font-size:12px;color:#666;vertical-align: top}
#auce_banner #auce_add_card {display:inline-block;width:161px;height:77px;background: transparent url(../images/btn-add-credit-card.png);margin-top:10px}
#auce_banner #auce_add_card:hover {background-position: 0 77px}
#auce_banner .auce_disclaimer {font-family: Georgia;font-style:italic;font-size:12px;line-height:16px;color:#1083d1}
.auce_cards {
	display:inline-block;
	vertical-align: middle;
	width:216px;
	height:28px;
	background: transparent url(../images/auce-cards.png) no-repeat;
}

#promo_banner{ width:98%; }

#accounts_section .or {margin-top:10px}
.ie7 #accounts_section .or {margin-top:0px;}
.ie7 #accountImg {position:relative;top:-10px}

/* confirmation transfers grid */
.duplicatePayment {
	max-height:150px;
	overflow: auto;
}
#cvvTooltip {
	position:absolute;
	display:none;
}
.cvv_logo {
	width:225px;
	height:140px;
	background: transparent url(/images/cvv-example.png) no-repeat;
	display:inline-block;
	vertical-align: middle;
}
#posted_note {margin-top:30px;}
#addCardLogo {
	display: inline-block;
	margin-left:5px;
	text-align: center;
	vertical-align: middle;
}
/* search_results */
.search_results {padding:10px 20px}
.search_results table {width:100%}
.search_results table td {padding:10px;border-top:1px solid #ccc}
.search_results table tr:first-child td {border-top:none}
.search_results table td b {color:#4e74c9}
/* my account */
.myaccount .menu {width:20%;;margin-right:20px}
.myaccount .menu ul {list-style-type:none;margin:0;padding:0}
.myaccount .menu ul li {margin:0;padding:0}
.myaccount .menu ul li a {display:block;color:#333;padding:5px 10px;line-height:25px;font-size:14px}
.myaccount .menu ul li.selected a {
	text-decoration:none;
	background-color: #CACACA; /* Old browsers */
	zoom:1; /*gain layout IE7+ */
}
.myaccount .menu ul li:not(.selected) a:hover {
	text-decoration:none;
	background-color: #4E74CA;
	color: white;
	font-weight: 500;
	zoom:1; /*gain layout IE7+ */
}
.myaccount .menu a b.sm_button.blue {
	padding-left: 20px;
	padding-right: 20px;
}
.myaccount .content {width:78%;}
.myaccount .content .round_box_no_padding {min-height: 420px;}
.accounts_grid tr td {background: #f0f0f0}
.moneygram_logo {background: transparent url(../images/moneygram_logo.jpg) no-repeat;display:block;width:160px;height:43px}
#paybycash_locations ol li {text-transform: capitalize;color:#666}
#paybycash_locations ol li a span, #paybycash_locations ol li a span {font-weight:bold;color:#000}
#map_canvas {height: 95%;}
#map_distance {margin-top:9px;font-weight:bold}
#map_distance span {font-weight:normal;color:#666}

#confim_update_dialog {padding:20px;height:100px;width:300px;}


/* ----------------------- new create login pages -- non integrated page -------------------------- */
#create_login{
	width: 100%;
}
#create_login h1, h2, h3, h4, h5{
	color: black;
	font-weight: 400;
}

#create_login_steps h2 {
	text-transform: uppercase;
	font-size: 21px;
}

#create_login_steps{
	margin: 0 0 20px 0;
	min-width: 100%;
	width: 100%;
	display: flex;
}

#create_login_steps > div{
	float: left;
	width: 32%;
}

#create_login_steps h2 + div{
	text-align: center;
	height: 225px;
}

/* give margin to middle box */
#create_login_steps > div:first-child + div{
	margin: 0 2%;
}

/* ie7 bug with 100% width */
#create_login_steps > div:first-child + div + div{
	margin-right: -3px; 
}

#create_login_steps .inactive,
#create_login_steps .inactive p,
#create_login_steps .inactive h1, 
#create_login_steps .inactive h2,
#create_login_steps .inactive h4{
	color: #ccc;
}
	
#create_login_steps span.image{
	display: block;
	height: 80px;
}

/* turn off blue box when inactive */
#create_login_steps .inactive div{
	-moz-box-shadow: inset 0 0 80px #fff;
    -webkit-box-shadow: inset 0 0 80px #fff;
    box-shadow: inset 0 0 80px #fff;
}

#create_login_steps > div:first-child .image{
	background: url(/images/setupAccount-icon-blue.png) top center no-repeat;
	background-size: auto 90px;
	height: 90px;
}
#create_login_steps > div:first-child.inactive > div{
	text-align: left;
	font-size: 18px;
}

#create_login_steps > div:first-child + div .image{
	background: url(/images/paymentMethod-icon-blue.png) top center no-repeat;
	background-size: auto 80px;
}
#create_login_steps > div:first-child + div.inactive .image{
	background: url(/images/paymentMethod-icon-grey.png) top center no-repeat;
	background-size: auto 80px;
}
#create_login_steps > div:first-child + div + div.inactive .image.mfa {
	background: url(/images/MultiFectorAuthentication-icon-grey.png) top center no-repeat;
	background-size: auto 80px;
}
#create_login_steps > div:first-child + div + div + div.inactive .image.mfa {
	background: url(/images/paymentSummary-icon-grey.png) top center no-repeat;
	background-size: auto 80px;
}
#create_login_steps > div:first-child + div + div .image{
	background: url(/images/paymentSummary-icon-grey.png) top center no-repeat;
	background-size: auto 80px;
}

#create_login_renter_info_non_integrated_panel,
#create_login_renter_info_integrated_panel{
	position: relative;
}

#create_login_renter_info_non_integrated_panel table{
	width: 90%;
}
	
#create_login_renter_info_non_integrated_panel table tr td p{
	margin-right: 10px;
}

#create_login_renter_info_integrated_panel table tr td p{
	margin-right: 30px;
}

#create_login_renter_info_non_integrated_panel .digit_3,
#create_login_renter_info_integrated_panel .digit_3{
	width: 40px;
}

#create_login_renter_info_non_integrated_panel .digit_4,
#create_login_renter_info_integrated_panel .digit_4{
	width: 50px;
}

#create_login_renter_info_non_integrated_panel .digit_3,
#create_login_renter_info_non_integrated_panel .digit_4{
	height: 25px;
}

#create_login_renter_info_non_integrated_panel p input[type='text']{
	width: 85%;
	height: 25px;
}
#create_login_renter_info_non_integrated_panel table input[type='text'], 
#create_login_renter_info_non_integrated_panel table input[type='password']{
 	width: 86%;
 	height: 25px; 
}

#create_login_renter_info_integrated_search_panel table input[type='text']{
	width: 95%;
	height: 25px;
}
#create_login_renter_info_integrated_search_panel p input.ssn{
	width: 100px;
	height: 25px;
}

#create_login_renter_info_integrated_search_panel .help_icon,
#create_login_renter_info_non_integrated_panel .help_icon,
#create_login_renter_info_integrated_panel .help_icon{
	margin-top: 10px;
}

#create_login_renter_info_integrated_search_panel .orange_message .help_icon,
#create_login_renter_info_non_integrated_panel .orange_message .help_icon,
#create_login_renter_info_integrated_panel .orange_message .help_icon{
	margin-top: 0px;
}

#create_login_renter_info_non_integrated_panel input[readonly],
#create_login_renter_info_integrated_panel input[readonly]{
	background: #efefef;	
}

#create_login_renter_info_non_integrated_panel #paymentForm > div + div h4 + div b,
#create_login_renter_info_integrated_panel #paymentForm > div + div h4 + b{
	font-size: 16px;
}

#create_login_renter_info_non_integrated_panel #paymentForm > div + div h4 + div{
	margin-bottom: 50px;
	position: relative;
    top: -5px;
}

#create_login_renter_info_non_integrated_panel #paymentForm > div + div input[type='submit']{
	float: right;
}

#create_login_renter_info_non_integrated_panel #helpTextMessagePopup,
#create_login_renter_info_integrated_panel #helpTextMessagePopup{
	position: absolute;
	width: 300px;
	height: 500px;
	z-index: 2; 
	background: url("../images/rbt-example.png") no-repeat;
	display: none;
}
/*HACK! no more time to do this property as usual*/
.ie7 #create_login_account_number .textfield input, .ie7 #create_login_renter_info_integrated_panel #street {
	margin-top:-53px;
}
.ie7 #create_login_account_number .textfield .flabel {
	margin-top:20px;
}

#create_login_renter_info_integrated_panel #paymentForm #helpTextMessageTooltip{
	margin-top: 3px;
}

/* ----------------------- new create login pages -- payment method page -------------------------- */

/* ui tabs */

.clear_left{
	clear:left;
}

ul.checkbox_text_pair{
	list-style-type: none;
}
ul.checkbox_text_pair > li {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0;
	zoom:1; *display: inline; /* for ie7 */
}
ul.checkbox_text_pair > li:first-child {
	width: 25px;
}
ul.checkbox_text_pair > li:first-child + li{
	width: 90%;
}

.bg_gradient_gray{
	background: #CACACA; /* Old browsers */
	background: -moz-linear-gradient(top , #fff 0%, #ccc 100%) repeat scroll 0 0 transparent; /* Firefox */
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ccc)); /* Chrome,Safari4+ */
  	background: -webkit-linear-gradient(top,  #fff 0%,#ccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#fff,#ccc);
	background: -ms-linear-gradient(top,  #fff 0%,#ccc 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 -- needs zoom:1 */
	background: linear-gradient(center top, #fff 0%,#ccc 100%); /* W3C */	
	
}

.bg_gradient_light_gray{
	background: #dAdAdA; /* Old browsers */
	background: -moz-linear-gradient(top , #fff 0%, #ddd 100%) repeat scroll 0 0 transparent; /* Firefox */
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ddd)); /* Chrome,Safari4+ */
  	background: -webkit-linear-gradient(top,  #fff 0%,#ddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#fff,#ddd);
	background: -ms-linear-gradient(top,  #fff 0%,#ddd 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 -- needs zoom:1 */
	background: linear-gradient(center top, #fff 0%,#ddd 100%); /* W3C */	
	
}
p.orange_message {color:#FF8200; margin-bottom: 2px;}

.optional_text{
	color: #666666;
	font-size:12px;
	font-style: italic;
    font-weight: normal;
    text-decoration: none;
}



/* ----------------------- new create login pages: select state page -------------------------- */
#create_login_property_state_panel > div + h2{
	text-align: center;
}

#create_login_property_state, #create_login_property_search{
	width: 100%;
	background: white url('/images/rp_icon_background.png') -163px 10px no-repeat; 
	background-size: 340px 340px;
}
#create_login_property_state > div:first-child,
#create_login_property_search > div:first-child
{
	padding: 20px;
}

#create_login_property_search > div:first-child{
	width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
}

#create_login_property_state > div > div:first-child{
	margin-right: 100px;
	margin-left: 25px;
}

#create_login_property_search > div > div{
	margin-top: 50px;
	margin-right: 70px;
	margin-left: 275px;
}

#create_login_property_state > div > div:first-child + div{
	padding-top: 50px;
}

#create_login_property_search > div > div:first-child + div{
	margin-right: 0;
	padding-top: 30px;
	width: 65%;
}


#create_login_property_state ul li,
#create_login_property_search ul li{
	display: inline-block;
	margin: 0;
	vertical-align: middle;
	zoom:1; *display: inline; /* for ie7 */
}

.ie7 #create_login_property_state ul li,
.ie7 #create_login_property_search ul li{
	padding-left: 5px;
	padding-right: 5px;
}


#create_login_property_state ul li:first-child{
	width: 420px;
	margin-right: 15px;
}


#create_login_property_search .image{
	margin-top: 25px;	
}

#create_login_property_search .image.fixed-size{
	width: 176px;	
}

#create_login_property_state input[type='text']{
	height: 20px;
}
#create_login_property_state input[type='submit']{
	margin: 0;
	padding: 5px 18px;
}

#create_login_property_state #propertySearch ul li:first-child{
	text-align: right;
}

#create_login_property_state #stateForm ul li select{
	float: right;
}

#create_login_property_state #stateForm ul li:first-child span{
	margin-left: 40px;
	font-size: 16px;
	font-weight: bold;
}


#create_login_property_state + div p,
#create_login_property_search + div p{
	color: #666666;
	font-style: italic;
    font-weight: normal;
	text-align: center;
	letter-spacing:1.5px
}

#create_login_property_search form > p {
	font-style: italic;
}
#create_login_property_search form ul.search-all-input-container li:FIRST-CHILD{
	width: 70%;
}

#create_login_property_search form ul.search-all-input-container li{
	width: 25%;
}

#create_login_property_search form ul li{
	width: 30%;
}

#create_login_property_search form ul li:FIRST-CHILD + li,
#create_login_property_search form ul li:FIRST-CHILD + li + li{
	margin-left: 8px;
}

#create_login_property_search form p:FIRST-CHILD + ul + p + ul li{
	width: 45%;
}

#create_login_property_search form p:FIRST-CHILD + ul + p + ul li:FIRST-CHILD + li{
	margin-left: 20px;
}

#create_login_property_search input[type="text"]{
 	height: 37px;
 	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
	width: 100%;
}

#create_login_property_search input[name="propertyName"],
#create_login_property_search input[name="propertyStreet"]{
	
}

#create_login_property_search p:last-child{
	margin-top: 30px;
    margin-left: 0px;
    text-align: left;
}

#create_login_property_search p:last-child input{
	margin: 0;
}

#search-results-search-again-button {
    margin-top: 2px;
}

.clearfix:after {
    display: block;
	content: "";  /* No space is required */
    height: 0px;
    clear: both;
    visibility: hidden;
	overflow:hidden;
}

/* Rent Reminders */
.reminders {min-height:420px;min-width:400px;overflow:hidden}
.reminders p { margin: 8px 0;}
.reminders input, .reminders a {margin-bottom: 8px;}
.ie7 .reminders {min-height:475px;}
#textReminderBk {
	width: 157px;
	height: 131px;
	display:block;
	right:-62px;
	position:relative;
	margin-bottom:22px;
}
#emailReminderBk {
	width: 117px;
	height: 118px;
	display: block;
	position: relative;
	right: -48px;
	margin-bottom:22px;
}
#howDoesItWorkPhone {
	background: transparent url(../images/rbt-example.png) no-repeat;
	display: block;
	width: 300px;
	height: 600px;
	position:absolute;
	display: none;
}
#howDoesItWorkPhone a {
	display:block;
	width:45px;
	height:45px;
	margin-top:410px;
	margin-left:125px;
	outline:none;
}
/* End Rent Reminders */
/* Main menu */
#main-menu-container {
	min-height:350px;	
}
#main-menu {
	margin:0;
	padding:0;
	vertical-align: bottom;
	display:inline-block;
	text-align:center;
	width: 100%;
	min-width: 900px;
}
#main-menu > div {
	text-transform: uppercase;
}
#main-menu div.small_menu {
	text-align: center;
	padding: 10px;
	margin: 0 1%;
	border-radius: 3px;
	border: 1px solid #ccc;
	background-color: white;
	width: 170px;
	display: inline-block;
}

#main-menu a {
	display:block;
	width:170px;
	height:119px;
		
}
#main-menu .small_menu:hover div {
	color: #4e74c9;
}
#main-menu a#makepayment {
	width:170px;
	height:170px;
	background: transparent url('/images/payment.png') 30px 20px no-repeat;
	background-size: 65%;
}

#main-menu a#autopay {
	width:170px;
	height:170px;
	background: transparent url('/images/autopay.png') 30px 20px no-repeat;
	background-size: 65%;
}

#main-menu a#rentreminders {
	width:170px;
	height:170px;
	background: transparent url('/images/reminders.png') 30px 20px no-repeat;
	background-size: 65%;
}

#main-menu a#myaccount {
	width:170px;
	height:170px;
	background: transparent url('/images/myaccount.png') 30px 20px no-repeat;
	background-size: 65%;
}

#main-menu a#tenant {
	width:140px;
	height:140px;
	background: transparent url('/images/myaccount.png') 30px 20px no-repeat;
	background-size: 65%;
}

/* End Main menu */

#resend_email_btn {
	margin-right:0
}

#emailPaymentDialog {
	padding:20px
}

#text_mobile_box input[type="radio"],  #text_email_box input[type="radio"] {
 	margin-left:0px
}

#textReminderForm .phone{
	min-width: 150px;
	display: inline-block;
}

#textReminderForm div{
	position: relative;	
}

#textReminderForm span.text_blue{
width: 135px;
display: inline-block;
}

.reset_password_icon {
	display:inline-block;
	width:168px;
	height:144px;
	background: transparent url(../images/reset-password-icon.png) no-repeat;
}
.reset_password_info .inline_box {min-width:542px}
.reset_password_info table {width:67%;margin-left:18%}
.reset_password_info table tr th {text-align:left}
.reset_password_info table tr td {text-align:right;white-space:nowrap}
.reset_password_info table.noicon tr td {padding-right:30px}
.reset_password_info .digit_3 {width:40px}
.reset_password_info .digit_4 {width:50px}
.reset_password_info #captcha {display:inline-block}

/* autopays */
#body, #setupAutopayForm{font-size: 14px;}
a.text_blue {font-size: 12px;}
a.text_blue.acceptTerms {font-size: 14px;}

.autopay_left_pan_width {float:left; width:33%;}
.autopay_right_pan_width {float:left; width:66%;}
.autopay_list .border, .setup_autopay .border {border-bottom:2px dotted orange}
.autopay_item {float:left;width:33%;}
.autopay_item .panel {margin:0 20px 0 0;}
.autopay_line, .autopay_item .panel {background: white;}
.autopay_line {padding:10px 0px}
.autopay_line table {margin:0;width:100%}
.autopay_line table tr td {padding:2px;text-align:right;width:50%;color:#323232}
.autopay_line table tr td:first-child {text-align:left}
.autopay_line .next_payment tr td {font-size:14px;color:#455f87;font-weight:bold;vertical-align:top;line-height:20px}
.autopay_line .next_payment tr td:first-child {white-space:nowrap;color:#455f87}
.autopay_list .autopay_item .round_box_content {padding-top:0}
.autopay_item .add_another_autopay {padding:10px}
.autopay_item .round_box_content.add_another_autopay a {
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 20px;
	margin-right: 20px;
}
.autopay_delete_dialog {height:auto;width:700px}
.autopay_delete_dialog table td {background: #f0f0f0}

.setup_autopay .autopay_line label {line-height:16px;margin-bottom:10px;display:block;}
.setup_autopay .autopay_line table th {text-align:left}
.setup_autopay .border {padding-bottom:20px}
.setup_autopay .panel select {width:100%}
.setup_autopay #add_account_container {text-align: right;}
.setup_autopay #amount_panel {float:left;width:66%}
.setup_autopay #amount_panel table {width:100%}
.setup_autopay #amount_panel table tr th {width:60%;text-align:left;font-weight:normal;border-bottom:1px dashed #efefef}
.setup_autopay #amount_panel table.last-child tr th {width:auto;}
.setup_autopay #amount_panel table tr th, .setup_autopay #amount_panel table tr td {padding:5px 10px}
.setup_autopay #amount_panel table tr#autopay_total th, .setup_autopay #amount_panel table tr#autopay_total td {font-weight:500;background: #eee}
.setup_autopay #amount_panel #payment-method {display: table;margin-top: 75px;}
.setup_autopay #amount_panel #payment-method div {display:table-cell;padding:5px 10px;box-sizing:border-box;}
.setup_autopay #amount_panel #payment-method #accounts_section {padding-right:0;width: auto; min-width:220px; text-align: right;}
.setup_autopay #amount_panel #payment-method #accounts_section #selectAccounts {width: 220px;}
.setup_autopay #amount_panel #disclaimer {display: block; margin-top: 50px;}
.setup_autopay #amount_panel #disclaimer p {margin-left:15%;}

.autopay_skip_dates_dialog {max-height:550px;height:auto;width:500px}
.autopay_skip_dates_dialog table {width:100%;margin:0}
.autopay_skip_dates_dialog table th, .autopay_skip_dates_dialog table td {padding:10px}
.autopay_skip_dates_dialog table th {width:50%;text-align:left}
.autopay_skip_dates_dialog table td {text-align:right}
.autopay_skip_dates_dialog table tr.odd th, .autopay_skip_dates_dialog table tr.odd td {background:#efefef}
#multiPersonRequirements ul li {font-size:18px}
#multiPersonRequirements ul {margin-left:50px}
.setup_autopay #amount_panel table.payment_summary tr.lineitem td{padding-left: 20px;}
.setup_autopay #amount_panel #lastBalanceUpdateText {padding: 0 10px;}
#lastBalanceUpdateText p {line-height:13px}
/* end autopays */


/* --- 3 tabs view --- */
.tabs_container { 
	width: 100%;
}
.tabs_container .tabs { display: block;}
.tabs_container .tabs > div{ width: 32%; float: left; }
.tabs_container .tabs > div:first-child + div{ margin: 0 2%; }
.tabs_container .tabs > div:first-child + div + div{ margin-right: -3px; }/* ie7 bug with 100% width */

.tabs_container .tabs > div a{
	display:block;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #ffffff;	
	font-size:20px;
	outline:none;
		
	border-left: 1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	/* round corners */	
	-moz-border-radius:10px 10px 0 0;
 	-webkit-border-radius:10px 10px 0 0;
	-o-border-radius:10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	/* default to inactive */
	color: #ccc;
	background: #fff; /* Old browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	zoom:1; /*gain layout IE7+ */
}

.tabs_container .tabs > div a:hover{color: #000;}
.tabs_container .tabs > div a span{ display: block; padding: 10px 0; }

.tabs_container .tabs > div a.tab_active {
	position: relative;
	top: 1px;
	color: #000;

	background-color: white;
}
.tabs_container .tabs > div a.tab_active span { background: url(../images/arrow_up_white.png) no-repeat center bottom; }

.tabs_container .tabs_content {
	border:1px solid #ccc;
	border-radius: 0 0 3px 3px;
	padding: 25px 20px;
	min-height: 360px;
	background-color: white;
}

.tabs_container .tabs_content > div{ display: none; }
.tabs_container .tabs_content > div.tab_active{ display: block; }
/* --- end 3 tab view --- */

/* -------------- auto pay slider -------------------*/
#slider{width: 82%; margin-left: 10px; float: left;}
div#slider + input{
	float: left;
    margin-left: 28px;
    position: relative;
    top: -10px;
    width: 40px;
}
#slider .ui-state-active,
#slider .ui-slider-handle{
	background: #CACACA; /* Old browsers */
	background: -moz-linear-gradient(top , #fff 0%, #ccc 100%) repeat scroll 0 0 transparent; /* Firefox */
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ccc)); /* Chrome,Safari4+ */
  	background: -webkit-linear-gradient(top,  #fff 0%,#ccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#fff,#ccc);
	background: -ms-linear-gradient(top,  #fff 0%,#ccc 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 -- needs zoom:1 */
	background: linear-gradient(center top, #fff 0%,#ccc 100%); /* W3C */	
	border: 1px solid #bbb;
	border-radius: 10px;
	width: 20px;
	height: 20px;
	top: -5px;	
}

#slider_amount_field{text-align: center;}
#slider_amount_indicator{ position: relative; top: -15px;}
#slider_amount_indicator p{
	background: url(../images/percentage_box.png) no-repeat;
	font-size: 10px; 
	width: 31px; 
	height: 27px; 
	position: absolute; 
	margin:0; 
	padding: 8px 0 0; 
	text-align: center; 
}
#helpAutoPayTooltip{ vertical-align: middle; }
/* -------------- end auto pay slider -------------------*/

/* ------------------------------------------- overrides for jquery ui selectmenu ----------------------------------*/
/*select with custom icons*/
span.ui-selectmenu-button{ padding: 0; height: 35px; text-decoration: none;}
.ui-selectmenu-menu-dropdown li a, span.ui-selectmenu-button span.ui-selectmenu-text {
	padding-top: 7px !important; 
	text-align: left; 
	padding-right: 0; }
.ui-selectmenu-item-icon { height: 25px; width: 60px; }
.mp_mastercard a span.ui-selectmenu-item-icon, .mp_mastercard .ui-selectmenu-status .ui-selectmenu-item-icon {width: 85px;}
.mp_debit a span.ui-selectmenu-item-icon, .mp_debit .ui-selectmenu-status .ui-selectmenu-item-icon {width: 89px;}
.mp_visa a span.ui-selectmenu-item-icon, .mp_visa .ui-selectmenu-status .ui-selectmenu-item-icon {width: 92px;}
.mp_debit_visa a span.ui-selectmenu-item-icon, .mp_debit_visa .ui-selectmenu-status .ui-selectmenu-item-icon {width: 89px;}
.mp_americanexpress a span.ui-selectmenu-item-icon, .mp_americanexpress .ui-selectmenu-status .ui-selectmenu-item-icon {width: 73px;}
.mp_discover a span.ui-selectmenu-item-icon, .mp_discover .ui-selectmenu-status .ui-selectmenu-item-icon {width: 104px;}
.mp_debit_master a span.ui-selectmenu-item-icon, .mp_debit_master .ui-selectmenu-status .ui-selectmenu-item-icon {width: 89px;}

.customicons li div, a.customicons span.ui-selectmenu-status { padding-top: 7px !important; padding-left: 64px !important; }
.customicons li.mp_mastercard a, a.mp_mastercard span.ui-selectmenu-status { padding-left: 85px !important; }
.customicons li.mp_debit a, a.mp_debit span.ui-selectmenu-status { padding-left: 89px !important; }
.customicons li.mp_visa a, a.mp_visa span.ui-selectmenu-status { padding-left: 92px !important; }
.customicons li.mp_debit_visa a, a.mp_debit_visa span.ui-selectmenu-status { padding-left: 89px !important; }
.customicons li.mp_americanexpress a, a.mp_americanexpress span.ui-selectmenu-status { padding-left: 73px !important; }
.customicons li.mp_discover a, a.mp_discover span.ui-selectmenu-status { padding-left: 104px !important; }
.customicons li.mp_debit_master a, a.mp_debit_master span.ui-selectmenu-status { padding-left: 89px !important; }

.blank .ui-selectmenu-item-icon, .echeck_selectmenu_icon { background: none !important; }
.echeck .ui-selectmenu-item-icon, .echeck_selectmenu_icon { background: url("../images/logo-echeck.png") 0 0 no-repeat; }
.secheck .ui-selectmenu-item-icon, .secheck_selectmenu_icon { background: url("../images/logo-secheck.png") 0 0 no-repeat; }
.visa .ui-selectmenu-item-icon, .visa_selectmenu_icon { background: url("../images/logo-visa.png") 0 0 no-repeat; }
.mastercard .ui-selectmenu-item-icon, .mastercard_selectmenu_icon { background: url("../images/logo-mastercard.png") 0 0 no-repeat; }
.americanexpress .ui-selectmenu-item-icon, .americanexpress_selectmenu_icon { background: url("../images/logo-americanexpress.png") 0 0 no-repeat; }
.discover .ui-selectmenu-item-icon, .discover_selectmenu_icon { background: url("../images/logo-discover.png") 0 0 no-repeat; }
.debit_visa .ui-selectmenu-item-icon, .debit_visa_selectmenu_icon { background: url("../images/logo-debit_visa.png") 0 0 no-repeat; }
.debit_master .ui-selectmenu-item-icon, .debit_master_selectmenu_icon { background: url("../images/logo-debit_master.png") 0 0 no-repeat; }
.debit_discover .ui-selectmenu-item-icon, .debit_discover_selectmenu_icon { background: url("../images/logo-debit_discover.png") 0 0 no-repeat; }
.debit .ui-selectmenu-item-icon, .debit_selectmenu_icon { background: url("../images/logo-debitcard.png") 0 0 no-repeat; }
.debitcard .ui-selectmenu-item-icon, .debitcard_selectmenu_icon { background: url("../images/logo-debitcard.png") 0 0 no-repeat; }
.star .ui-selectmenu-item-icon, .star_selectmenu_icon { background: url("../images/logo-star.png") 0 0 no-repeat; }
.pulse .ui-selectmenu-item-icon, .pulse_selectmenu_icon { background: url("../images/logo-pulse.png") 0 0 no-repeat; }
.nyce .ui-selectmenu-item-icon, .nyce_selectmenu_icon { background: url("../images/logo-nyce.png") 0 0 no-repeat; }
.mp_mastercard .ui-selectmenu-item-icon, .mp_mastercard_selectmenu_icon { background: url("../images/logo-mp_mastercard.png") 0 0 no-repeat; }
.mp_debit_master .ui-selectmenu-item-icon, .mp_debit_master_selectmenu_icon { background: url("../images/logo-mp_debit_master.png") 0 0 no-repeat; }
.mp_visa .ui-selectmenu-item-icon, .mp_visa_selectmenu_icon { background: url("../images/logo-mp_visa.png") 0 0 no-repeat; }
.mp_debit_visa .ui-selectmenu-item-icon, .mp_debit_visa_selectmenu_icon { background: url("../images/logo-mp_debit_visa.png") 0 0 no-repeat; }
.mp_americanexpress .ui-selectmenu-item-icon, .mp_americanexpress_selectmenu_icon { background: url("../images/logo-mp_americanexpress.png") 0 0 no-repeat; }
.mp_discover .ui-selectmenu-item-icon, .mp_discover_selectmenu_icon { background: url("../images/logo-mp_discover.png") 0 0 no-repeat; }

.ui-selectmenu-status .ui-icon{
	left: 0;
    margin-top: 0;
    position: absolute;
    top: 5px;
}
.ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s {
	
    background: url("/images/drop-down-arrow-white.png") no-repeat 50% 50%;
    height: 35px;
	width: 35px;
	position: absolute;
    right: 0;
    top: 0px;
	background-color: #4e74c9;
	margin: 0;
    padding-left: 2px;

	border-left: 1px solid #CCCCCC;
}

.ui-selectmenu-item-focus, .ui-selectmenu-item-focus.ui-state-hover { 
	border: 1px solid #aeaeae; 
	background-color: white; /* Old browsers */
	
}
.ui-selectmenu-item-focus a, .ui-selectmenu-item-focus a:hover { color: white; text-decoration: none; font-weight: 600;}

.ui-selectmenu-menu ul, .ui-selectmenu-button.ui-selectmenu-button-closed, .ui-selectmenu-button.ui-selectmenu-button-open, .ui-selectmenu-dropdown, .ui-selectmenu-menu-dropdown {
	color: black;
	font:400 1.2em "Gotham A","Gotham B",Helvetica,Arial,sans-serif;
	font-size:14px;
	border: 1px solid #ccc;	
	border-radius: 0px;
	background-color: white; /* Old browsers */	
}

.ui-selectmenu.ui-selectmenu-dropdown.error{
	border:1px solid red;	
}

.ui-selectmenu-button, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #aeaeae;
	background: white;
	font-weight: normal;
	color: black;
}

.ui-selectmenu-item-focus.ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus { 
	border: 1px solid #4e74c9; 
	background: #4e74c9; 
	font-weight: normal; 
	color: white; 
	}
	
#textReminderDay-button,
#emailReminderDay-button {width: 210px !important;}

#exp_year-button,
#exp_month-button {width: 116px !important;}

#state-button, #country-button,
#echkState-button, #echkCountry-button,
#dayOfMonth-button, #frequency-button,
#start-button, #end-button, #selectAccounts-button {width: 100% !important;}

#dob_day-button,
#dob_month-button,
#dob_year-button {width: 116px;}


#create_login #billing_address_form #state-button  {padding: 0 5px;}

#textReminderForm #accountId-button {
	width: 235px;
}



/* ------------------------------------------- overrides for jquery ui selectmenu ----------------------------------*/

/* ------------------------------------------- one click autopay ----------------------------------*/
#autopay_one_click {padding-bottom:0px}
#autopay_one_click > table tr td {vertical-align: middle; text-align: center; padding-top: 2px; padding-bottom: 2px;}
#autopay_one_click > table tr td:first-child { padding-left: 0; padding-right: 7px;}
#autopay_one_click > table tr td:first-child + td { padding-left: 7px; padding-right: 0;}

#autopay_one_click > table:first-child tr td:first-child + td {font-size: 20px;line-height: 24px; color: #367A33; padding-right: 0px; font-weight: bold;}
#autopay_one_click > table:first-child tr td:first-child + td + td {padding-left: 0px; }

#autopay_one_click > table:first-child + table {table-layout: fixed;}
#autopay_one_click > table:first-child + table th{color: #367A33;}
#autopay_one_click > table:first-child + table input[type="text"] {text-align: center; padding-left: 0px; padding-right: 0px;}

#autopay_one_click a.ui-selectmenu span.ui-selectmenu-status { text-align: center; }

#autoPayServiceFee{text-align: left;}
#firstPayment, #lastPayment{margin: 0; text-align: left;}

.hidden{display: none;}
input[readonly] { background: none repeat scroll 0 0 #EFEFEF; }

#autopay_one_click ul li a {float:right; margin:10px 0px 0px 10px}
#autopay_one_click ul li span {font-size:13px; color:#333}

.autopay_icon{
	background: transparent url(../images/icon-autopay.png) no-repeat;
	display: inline-block;
	width:53px;
	height:48px;
}


#autopay_one_click_confirmation > table:first-child tr td {vertical-align: middle; padding: 2px 10px;}
#autopay_one_click_confirmation > table:first-child tr td:first-child + td {font-size: 20px;line-height: 24px; color: #367A33; text-align: left; font-weight: bold;}

#autopay_one_click_confirmation > table:first-child + table {table-layout: fixed;}
#autopay_one_click_confirmation > table:first-child + table tr th {text-align: right; font-weight: bold; padding: 5px;}
#autopay_one_click_confirmation > table:first-child + table tr td {text-align: left; padding: 5px;}

#autopay_one_click_confirmation #autopay_total_confirmation{font-weight: bold;}
#autopay_one_click_confirmation .submit { float: right; margin: 0px;}

/* --------------------------------------  end one click autopay ----------------------------------*/

#invoiceDetails table tr td{
	padding-left: 10px;	
	padding-right: 10px;	
}

#autopay_cancel_submit_button_container{
	vertical-align: middle;
}

/* ----- mobile banner ----- */
.round_button {
  	outline:none;
  	color:#FFFFFF;
  	text-decoration:none;	

    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(255, 255, 255, 0.44) inset;
    display: inline-block;
    font: 14px/30px Arial,sans-serif;
    margin: 0 10px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    text-decoration: none;

  	border-radius: 5px;  
  	box-shadow: 0 0 1px rgba(0,0,0, .20), inset 0 1px 1px rgba(255,255,255, .44);

}
.round_button_big {
    font: 22px/35px Arial,sans-serif;
    height: 45px;
    padding: 9px 40px 0;
    text-transform: uppercase;
}

.round_button_orange {

    border: 1px solid #FF6600;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

  	background: #ff9900; /* Old browsers */
  	background: -o-linear-gradient(top,  #ff9900 0%,#fff6600 100%); /* Opera 11.10+ */
  	background: -ms-linear-gradient(top,  #ff9900 0%,#ff6600 100%); /* IE10+ */
  	background: linear-gradient(top,  #ff9900 0%,#ff6600 100%); /* W3C */
}

#mobile_banner_container_mid{ height: 200px; position: relative;  }
#mobile_banner_container_mid .mobile_banner{ height: 200px; }
#mobile_banner_container_footer{ height:17%; position: relative; }
#mobile_banner_container_footer .mobile_banner{ height:17%; }

.mobile_banner {
	border: 1px solid 		#1E4FA0 /*{a-bar-border}*/;
	background: 			#1E4FA0 /*{a-bar-background-color}*/;
	color: 					#fff /*{a-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000 /*{a-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #1E4FA0 /*{a-bar-background-start}*/), to( #333 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #1E4FA0 /*{a-bar-background-start}*/, #333 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #1E4FA0 /*{a-bar-background-start}*/, #333 /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #1E4FA0 /*{a-bar-background-start}*/, #333 /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #1E4FA0 /*{a-bar-background-start}*/, #333 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #1E4FA0 /*{a-bar-background-start}*/, #333 /*{a-bar-background-end}*/);	
}

.mobile_logo {
	display: block;
	position: relative;
	top: 50%;
	margin-top: -51px;
	left: 15px;
}

.mobile_logo img{
	width:342px;
	height:103px;
}

.mobile_btn{
	position: absolute;
	right: 15px;
	top: 15%;
	height: 70%;
	width: auto;
	padding: 0 10px;
	margin: 0;
	min-width: 350px;
}

.mobile_btn span{
	display: block;
	width: 100%;
	position: relative;
	top: 50%;
	font-size: 1.65em;
	margin-top: -15px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

.ui-footer-fixed {
    bottom: 0;
}
.ui-header-fixed, .ui-footer-fixed {
    left: 0;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 1000;
}
/* ----- end mobile banner ----- */


/* remember username */
#pud{ display: inline-block; }
#pud label input { vertical-align: middle; margin: 0px; }
#pud label span { vertical-align: middle; line-height: 1px; margin-left: 5px; }

/* Search With Name And Email searchWithNameAndEmail */
#search-with-name-and-email-dialog{
	height: 640px;
    width: 900px;
    padding: 20px 30px;
}

#search-with-name-and-email-dialog > p:first-child {
    margin-bottom: 0;
    text-align: right;
}

#search-with-name-and-email-dialog > p:first-child a {
  border: 3px solid #000000;
    border-radius: 5px;
    color: #000000;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    height: 20px;
    line-height: 1;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    width: 30px;
   }

#search-with-name-and-email-dialog > h1,
#confirmation-msg h1{
	font-size: 36px;
	color: #18285b;
}

#confirmation-msg h1{
	margin-top: 40px;
}

#search-with-name-and-email-dialog > hr + h1{
	font-size: 29px;
}

#search-with-name-and-email-dialog > h1 + p,
#confirmation-msg  > h1 + p{
	font-size: 25px;
	color: #5a5a5a;
}

#confirmation-msg  > h1 + p{
   margin-top: 32px;
}

#search-with-name-and-email-dialog > hr + h1 + p{
	font-size: 18px;
}


#confirmation-msg  > h1 + p{
	text-align: left;
}

#search-with-name-and-email-dialog > h1 + p + p,
#confirmation-msg > h1 + p + p{
	font-size: 30px;
	color: #5a5a5a;
}

#confirmation-msg > h1 + p + p{
margin-top: 42px;
}

#search-with-name-and-email-dialog td{
	font-size: 19px;
	color: #000;
}

#search-with-name-and-email-dialog label,
#search-with-name-and-email-dialog input
{
	font-size: 19px;
}

#search-with-name-and-email-dialog li{
	font-size: 16px;
	color: #5a5a5a;
}

#search-with-name-and-email-dialog li a{
	font-size: 16px;
	color: #yellow;
}

#search-with-name-and-email-dialog .field{
	height: 32px;
}

#search-with-name-and-email-dialog button.auto_button {
	font-size: 19px;
	padding: 5px 30px;
}

#search-with-name-and-email-dialog .checkbox_text_pair li{
	display: inline-block;
	vertical-align: middle;
}

#search-with-name-and-email-dialog p:FIRST-CHILD{
	text-align: right;	
}

#search-with-name-and-email-dialog .checkbox_text_pair.accept-terms{
	color: #999;
}

#search-with-name-and-email-dialog hr{
	border-width: 3px 0 0;
}

#search-with-name-and-email-form{
	margin-top: 42px;
}

#search-with-name-and-email-dialog table tr td[rowspan="2"]{
	border-left: 1px solid #666666;
    padding-left: 10px;
    width: 35%;
}

#search-with-name-and-email-dialog table tr td{
	padding: 5px;	
}

#search-with-name-and-email-dialog table tr td input{
	width: 90%;
}

#search-with-name-and-email-dialog #confirmation-msg p:last-child{
	text-align: center;	
}

#search-with-name-and-email-dialog #confirmation-msg{
	display: none;
	text-align: center;
}

.search_results tr#property-not-found-row {
    background-color: #e5f6fe;
}

.search_results tr#property-not-found-row h5{
    margin: 0px;
}
.receiveTxtReminderHeader{
	font-style:italic;
	font-weight:normal;
	font-size: 16px;
	padding-top:20px;
	border-top:1px solid #666666;
	text-indent:15px;
}
.receiveTxtReminderHeader sup{
	font-size: 0.6rem;
	vertical-align: super;
}
#renter_payment_information #add_account {
	margin: inherit;
	padding: 8px 25px;
}
#renter_payment_information p.section.heading,
#payment_summary p.section.heading,
.section.heading {
	text-transform: uppercase;
	font-weight: 400;
}
#quickpayment_workspace #account_tabs p.section.text_blue {
	font-weight: 400;
}
#createlogin_paymentmethod #account_tabs p.section.text_blue {
	font-weight: 400;
}

@media only screen and (min-width: 320px) and (max-width:1024px) {
	#partner_logo {
		margin-top: 10px;
		position: absolute;
		top: 0;
		right: 0 !important;

	}

	#partner_logo img {
		width: 100px !important;
		height: auto !important;
	}
}
#partner_logo{
	position: absolute;
	right: 5rem;
}
#partner_logo_override{
	position: absolute;
	left: 5rem;
}
#partner_name{
	display:block;
	height:inherit;
	left:5rem;
	position:absolute;
	line-height:88px;
	font-size:30px;
}
#brand_logo{
	position: absolute;
	left: 5rem;
	margin-top: 10px;
}
#partner_logo_rentmatic{
	position:absolute;
	right:5rem;
	top:25px;
}

#bannerCampaignImg{
	position:relative;
	display:block;
	float:left;
	margin-top:20px;
}
#text_mobile_box label[for='mobile1']{
	left:20px !important;
}

#credit_ssn3  {
    width:60px !important;
}

#masterpass_div {
	height: 76px;
}

#masterpass_div.move_up {
	margin-top: -34px !important;
}

#mp_card_consent {
	width: 497px;
	height: 81px;
}

#mp_card_consent p.message {
	color: #263e66;
	text-align: center;
}

#legal_text {
	font: normal 12px "Gotham A", "Gotham B", Helvetica, Arial, sans-serif;
}

#legal_text a {
	color: #337ab7;
	text-decoration: none;
}

#legal_text a:hover {
	color: #337ab7;
	text-decoration: underline;
}

#legal_text a:visited {
	color: green;
}

.legal_note {
	margin-top: 10px;
	font-size: 12px;
}

#timer_warning_div.active {
	min-height: 3.5em;
	border: solid red thick;
	margin-top: 1.5em;
	font-size: 14px;
	padding-left: 4em;
	color: black;
	background-image: url("/images/svg-icon-sprite.svg#alert-circle");
	background-position: .5em center;
	background-repeat: no-repeat;
	background-size: 3em;
}

#mp_learn_more {
	margin-top: -15px;
}

#mp_learn_more a {
	color: #666;
	font: 400 0.9em "Gotham A","Gotham B",Helvetica,Arial,sans-serif;
}

#mp_learn_more a:hover {
	color: #252627;
	text-decoration: none;
}

.small-checkbox-label{
	font-size: 10px;
}
div ul li.ui-state-active a span[class*="_logo"] {background-position: 0 0 !important;}

.purchase-button{
	font-weight: 600;
	font-size: 13px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	align-content: center;
	border: 1px solid #415CB0;
	padding: 10px 20px;
	margin: 0 16%;
	background-color: #4e74c9;
	border-radius: 5px;
	display: block;
	width: 200px;
}

.purchasebox_wrapper {
	display: block;

	padding: 20px;
}

.purchasebox_round_box {
	border-radius: 3px;
	padding: 20px;
	margin: 0 auto;
	width: 100%;
	float: none;
	border: #797979 solid 1px;
}
.purchase_tittle1{
	font-size: 18px;
	color: #4E74C9;
	text-decoration: none;
	font-weight: bold;
	padding: 1px;
	text-transform: uppercase;
}

a.blu-btn {
	background: #4e74c9;
	display: inline-block;
	min-width: 158px;
	padding: 10px 20px;
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	text-align: center;
	border-radius: 5px;
	border: #15389c solid 1px;
}

.purchase-wrap {
	margin: 0 auto;
	width: 100%;
	float: none;
	margin-bottom: 50px;
}

.browse-btn-set > span {
	display: inline-block;
}

.browse-btn-set input.input {
	margin-left: 94px;
	padding: 10px;
	padding-right: 40px;
	border: #ccc solid 1px;
}
.upload-policy-btn-set {
	padding: 20px 0 0 200px;
}

.switch {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 17px;
}

.switch input {
	opacity: 0;
	width: 30px;
	height: 17px;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .2s;
	transition: .2s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 13px;
	width: 13px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .2s;
	transition: .2s;
}

input:checked + .slider {
	background-color: #1A4A99;
}

input:focus + .slider {
	box-shadow: 0 0 1px #1A4A99;
}

input:checked + .slider:before {
	-webkit-transform: translateX(13px);
	-ms-transform: translateX(13px);
	transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 17px;
}

.slider.round:before {
	border-radius: 50%;
}

@media only screen and (max-width: 1024px) {
	.acceptTermsChkbxformError{
		top: 900px !important;
	}
}
.p_tag_bottomspace{margin-bottom:0px;}