/* start field labels */
.flabel{color:#666;top:-2px;font-family:Arial, Helvetica, Sans Serif} .ie7 .flabel {top:5px}
.field  {
	color:#000;
	padding:5px;
	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;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
	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 #ff8300;
	-moz-box-shadow: 0 0 5px #ffa92a;
	-webkit-box-shadow: 0 0 5px #ffa92a;
	-o-box-shadow: 0 0 5px #ffa92a;
	box-shadow: 0 0 5px #ffa92a;
	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;}
.field_hover {color:#5576ae;font-weight:bold}
.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 .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;}
.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 {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 {
	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 {
	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 {background:#de0a18}
div#error .green_message {background:#3c8d28}
div#error .orange_message {background:#FF8200}
div#error .error_title {text-decoration:underline;font-weight:bold;text-align:left;white-space:nowrap;min-width:130px}
.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: white;
	min-width: 860px;
	max-width: 1156px;
	margin: 10px auto;
}

#container #main-body {
	margin: 10px 10px 0px 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#body {
	padding:25px 50px;
	background: transparent;
}

#rp-logo {
	margin-bottom:20px;
}

#property-logo {float:right;}
/*
div.body_left {background: transparent url(../images/header-left.jpg) no-repeat;}
div.body_right {background: transparent url(../images/header-right.jpg) top right no-repeat;}
div#header {background: transparent url(../images/header-bg-215.jpg) repeat-x; margin:0px 16px; height:52px;}
*/
/* End Containers*/

.header_button {
display: block;
width: 107px;
height: 48px;
float: right;
background: transparent url(../images/header-btn-bg.png);
text-align: center;
}

div#header .name {float:left}
div#header {background: transparent url(../images/header-bg-215.jpg) repeat-x; margin:0px 16px; height:52px;}
div.body_left {background: transparent url(../images/header-left.jpg) no-repeat;}
div.body_right {background: transparent url(../images/header-right.jpg) top right no-repeat;}
div#footer {
	background: #afafaf;
	height:86px;
	padding:0 50px;
	margin-top:40px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cecece), color-stop(1, #8e8e8e) );
	background:-moz-linear-gradient( center top, #cecece 5%, #8e8e8e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cecece', endColorstr='#8e8e8e');
}
div#footer p, div#footer p a, div#footer p a:visited {padding:35px 0;color:#fff;text-align:center;text-decoration:none}
div#footer p a:hover {text-decoration: underline}
/*div#footer a#yapstone {
	display:block;
	width:145px;
	height:45px;
	background: transparent url(../images/logo-yapstone-grey-footer.png) no-repeat;
	float:right;
	position:relative;
	top:20px;
}
#footer a#yapstone {
   width:174px;
	height:57px;
	background: transparent url(../images/logo-yapstone-grey-footer.png) no-repeat;
	display:inline-block;
}*/
#pageHeader {
	text-shadow: 2px 2px 2px #050505;
	filter: dropshadow(color=#050505, offx=2, offy=2);
	text-transform: capitalize;
}

.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}

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

/* start field lables */

.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;
}


/* Colors */
.text_header, .text_header a, .text_header a:visited 
{color:#fff;font-size:20px;text-decoration:none}
.text_header span {padding-top:10px;display:block}
.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:#172f8c;font-weight:bold}
.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}
.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 {
	background-color: #EDEDED;
	border: 2px solid #666666;
	line-height: 1.3em;
	margin: 10px auto;
	padding: 10px;
	position: relative;
	text-align: center;
	width: 300px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0 0 5px #888888;
	-webkit-box-shadow: 0 0 5px #888888;
}

.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}
.bold, .bold td {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;
	width:107px;
	height:48px;
	float:right;
	background: transparent url(../images/header-btn-bg.png);
	text-align:center;
}
*/
.header_button span {
	font-size:12px;
	font-weight:normal;
	margin-top:5px;
}
.header_button:hover {
	background-position: 0px -48px;
}

.header_button:active {
	background-position: 0px 48px;
}

.button {
	cursor:pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 0 0 1px rgba(0,0,0, .20), inset 0 1px 1px rgba(255,255,255, .44);
	-moz-box-shadow: 0 0 1px rgba(0,0,0, .20), inset 0 1px 1px rgba(255,255,255, .44);
	box-shadow: 0 0 1px rgba(0,0,0, .20), inset 0 1px 1px rgba(255,255,255, .44);
	display:inline-block;
	font-family:arial;
	font-size:22px;
	font-weight:normal;
	text-decoration:none;
	margin:10px;
	padding:15px 40px;
	white-space:nowrap;	
}

.sm_button {
	cursor:pointer;
	-moz-box-shadow:inset 0px 1px 1px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 1px 0px #ffffff;
	box-shadow:inset 0px 1px 1px 0px #ffffff;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	display:inline-block;
	font-family:arial;
	font-size:16px;
	font-weight:normal;
	text-decoration:none;
	margin:10px;
	padding:10px 25px;
	white-space:nowrap;
}

#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;
	-moz-box-shadow:inset 0px 1px 1px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 1px 0px #ffffff;
	box-shadow:inset 0px 1px 1px 0px #ffffff;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	display:inline-block;
	font-family:arial;
	font-weight:normal;
	text-decoration:none;
	padding:5px 10px;
	white-space:nowrap;
}

.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:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #295fb9), color-stop(1, #17285c) );
	background:-moz-linear-gradient( center top, #295fb9 5%, #17285c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#295fb9', endColorstr='#17285c');
	background-color:#1a4c9e;
	text-shadow: 1px 1px 1px rgba(000,000,000, .20);
	border:1px solid #17285c;
	color:#FFFFFF;
}

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

.blue: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:#1a4c9e;
	text-shadow: 1px 1px 1px rgba(000,000,000, .20);
	border:1px solid #666666;
	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: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -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;
}


.round_box {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:20px;
}
.inline_box {display:inline-block}
.round_box_no_padding {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	overflow-y:auto;
	overflow-x:hidden;
}

.round_box_title {
	text-align: center;
	text-shadow: 1px 1px 0px #ffffff;
	
	background: #CACACA; /* Old browsers */
	font-family:arial, verdana, sans-serif;
	font-size:20px;

	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 */

	-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;

	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:10px;
}
.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: bold;
	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}
*/

.property_address b {font-size:16px;line-height:20px;font-weight:bold;text-shadow: 1px 1px 0px #ffffff;font-style:normal}

.third_party_logos {
	position:relative;
	margin:0 0 -20px 0;
	width:100%;
}
#confirmPayment {
	width:900px;
	height:auto;
	padding:20px;
}
#renter_payment_information{min-width: 550px;}
#renter_information {width:47%;min-width:262px}
#payment_method {width:48%;min-width:268px;margin-left:20px}
#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}
#renter_information .round_box,
#confirm_renter_information .round_box,
#confirm_payment_method .round_box,
#confirm_payment_summary .round_box {height:150px;overflow-y:auto;overflow-x:hidden}

#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 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 .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:hover span {background-position: 0px 0px}
#quickpayment_workspace 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: #bce2fb;
	-moz-box-shadow: inset 0px 0px 0px 0px #fff;
    -webkit-box-shadow: inset 0px 0px 0px 0px #fff;
    box-shadow: inset 0px 0px 0px 0px #fff;
}
#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 .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 .maestro_logo {
	background-position: 0px 0px;
}

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

#newaccount_workspace {position:relative;}
#newaccount_workspace div#account_type_tabs {
	width:97%;
	border:3px solid #bce2fb;
	border-radius: 10px;
}
#newaccount_workspace div#account_type_tabs ul {
	width:99%;
	border-radius: 10px 10px 0 0;
	-moz-box-shadow: inset 0px 35px 60px -25px #bce2fb;
    -webkit-box-shadow: inset 0px 35px 60px -25px #bce2fb;
    box-shadow: inset 0px 35px 60px -25px #bce2fb;
}
#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 .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: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: 3px 3px 0px 3px;
	border-style: solid;
	border-color: #bce2fb;
	-moz-box-shadow: inset 0px 0px 0px 0px #fff;
    -webkit-box-shadow: inset 0px 0px 0px 0px #fff;
    box-shadow: inset 0px 0px 0px 0px #fff;
}
#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 .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 .maestro_logo {
	background-position: 0px 0px;
}

.ui-tabs-nav {
    border-bottom:1px solid #bce2fb;    
}

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

.visa_logo,
.mastercard_logo,
.discover_logo,
.echeck_logo,
.americanexpress_logo,
.debitcard_logo,
.creditcard_logo,
.star_logo,
.nyce_logo,
.pulse_logo,
.debit_visa_logo,
.debit_master_logo,
.debit_logo,
.maestro_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;}
.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;}

#billing_address #billing_form {margin-bottom:10px}
#billing_summary {padding:25px}
#billing_summary > p:first-child,
#billing_summary > p#editbilling a{
	color: #1A4C9E;
}


#billing_form {
	padding:15px;
	background: #e7e7e7;
	border:1px solid #cdcdcd;
	display:none;
}
#nameAndLogo span {
	margin-right:25px;
}
.payment_summary .lineitem {display:none}

#payment_receipt {
	float:left;
	margin-right:30px;
}
#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;
}
#provinceTooltip {
	position:absolute;
	display:none;
}
#posted_note {margin-top:30px;}
#addCardLogo {
	display: inline-block;
	margin-left:5px;
	text-align: center;
	vertical-align: middle;
}


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

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

#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;
	background-color: #fff;
}
	
#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/icon-newuser-renter-info.png) top center no-repeat;
}
#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/icon-newuser-payment-method-blue.png) top center no-repeat;
}
#create_login_steps > div:first-child + div.inactive .image{
	background: url(../images/icon-newuser-payment-method-grey.png) top center no-repeat;
}
#create_login_steps > div:first-child + div + div .image{
	background: url(../images/icon-newuser-complete-payment.png) top center no-repeat;
}

#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_non_integrated_panel .help_icon,
#create_login_renter_info_integrated_panel .help_icon{
	margin-top: 10px;
}
#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 */
#create_login #quickpayment_workspace div#account_tabs {
	width:99%;
	height: 375px;
}
#create_login #quickpayment_workspace .ui-tabs .ui-tabs-nav li{
	float: right;
}

#create_login #quickpayment_workspace #billing_address{
	margin-left: 40px;
}

#create_login #quickpayment_workspace #billing_summary{
	width: 50%;
}

#create_login #quickpayment_workspace .section{
	position: absolute;
	top: 10px;
	left: 20px;
}

#create_login #quickpayment_workspace #savecc,
#create_login #quickpayment_workspace #savecc:active,
#create_login #quickpayment_workspace #savebank,
#create_login #quickpayment_workspace #savebank:active{
	position: absolute;
	top: 330px; /* .orange:active sets position:relative; top:1; so override */
	right: 10px;
}

#create_login #quickpayment_workspace #bank_type_panel{
	margin-left: 25px;
}

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{
	width: 100%;
}
#create_login_property_state > div:first-child{
	padding: 20px;
}
#create_login_property_state > div > div:first-child{
	margin-right: 100px;
	margin-left: 25px;
}
#create_login_property_state > div > div:first-child + div{
	padding-top: 50px;
}

#create_login_property_state > div > div{
	float: left;
}

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

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

#create_login_property_state .image{
	text-align: center;
	height: 200px;
	background: url(../images/img-prop-search.jpg) bottom center no-repeat;
}

#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{
	color: #666666;
	font-style: italic;
    font-weight: normal;
	text-align: center;
	letter-spacing:1.5px
}

.clearfix:after {
    display: block;
	content: " ";
    height: 0px;
    clear: both;
    visibility: hidden;
	overflow:hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */

.hidden{display: none;}
/* Main menu */
#main-menu-container {
	min-height:350px;	
}
#main-menu {
	margin:0;
	padding:0;
	vertical-align: bottom;
	display:inline-block;
	text-align:center;
}
#main-menu > div {
	float:left;
	margin: 0px 16px;
}
#main-menu div.small_menu {
	margin-top:50px;
}
#main-menu a {
	display:block;
	width:170px;
	height:119px;	
}
#main-menu a#makepayment {
	width:264px;
	height:249px;
	background: transparent url(../images/menu/btn_menu_make_payment.jpg);
}
#main-menu a#makepayment:hover {
	background-position: 0px 249px;
}

/* End Main menu */

/* --- 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: #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 */
}
.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;
	-moz-border-radius:0 0 10px 10px;
 	-webkit-border-radius:0 0 10px 10px;
	-o-border-radius:0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	padding: 25px 20px;
	min-height: 360px;
}

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


/* ------------------------------------------- overrides for jquery ui selectmenu ----------------------------------*/
/*select with custom icons*/
a.ui-selectmenu{ padding: 0; height: 35px; text-decoration: none;}
.ui-selectmenu-menu-dropdown li a, a.ui-selectmenu span.ui-selectmenu-status { padding-top: 7px !important; text-align: left; }
.ui-selectmenu-item-icon { height: 25px; width: 60px; }

.customicons li a, a.customicons span.ui-selectmenu-status { padding-top: 7px !important; padding-left: 64px !important; }

.customuk { background: url("../../../vacation/1/images/flags/icon-flag-uk-country.png") 0 0 no-repeat; }


.echeck .ui-selectmenu-item-icon, .echeck_selectmenu_icon { background: url("../images/logo-echeck.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 .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; }


.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-orange.png") no-repeat scroll 50% 50% transparent;
    height: 30px;
	width: 22px;
	position: absolute;
    right: 0;
    top: 3px;
	
	margin: 0;
    padding-left: 2px;

	border-left: 1px solid #CCCCCC;
}

.ui-selectmenu-item-focus, .ui-selectmenu-item-focus.ui-state-hover { 
	border: 1px solid #aaaaaa; 
	background-image: url(""); 
	background: #aaaaaa; /* Old browsers */
	background: -moz-linear-gradient(top , #fff 0%, #aaa 100%) repeat scroll 0 0 transparent; /* Firefox */
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#aaa)); /* Chrome,Safari4+ */
  	background: -webkit-linear-gradient(top,  #fff 0%,#aaa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#fff,#aaa);
	background: -ms-linear-gradient(top,  #fff 0%,#aaa 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#aaaaaa',GradientType=0 ); /* IE6-9 -- needs zoom:1 */
	background: linear-gradient(center top, #fff 0%,#aaa 100%); /* W3C */	
}
.ui-selectmenu-item-focus a, .ui-selectmenu-item-focus a:hover { color: #000; text-decoration: none; }

.ui-selectmenu, .ui-selectmenu-dropdown, .ui-selectmenu-menu-dropdown, .ui-selectmenu.ui-selectmenu-dropdown{
	color: #000;
	font-size:14px;
	border: 1px solid #ccc;	
	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 */	
}

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

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

#invoiceDetails table tr td{
	padding-left: 10px;	
	padding-right: 10px;	
}
/* ----- 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 */
}