html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,p,input { margin: 0; padding: 0; }
ul,ol { line-height: 150%; } 
fieldset,img { border: none; }
caption,th { text-align: left; }
table {
	border-collapse: collapse; 
	border-spacing: 0;
}
html, body {
	height: 100%;
}
body {
	margin: 0;
	font-family: "Lato", Verdana, sans-serif; 
	font-size: 14px;
	background-color: #fff;
	color: #002244;
}
p {
	margin: 0;
}
.wrap {
	min-height: 100%;
}
.wrapper {
	height: auto;
	height: 100%;
	margin-bottom:-100px;
}
.header {
	width: 900px;
	margin-left:auto;
	margin-right:auto;
	padding: 10px 0; /* top and then bottom */
}
#menu {
	clear: both;
	background-image: url('images/menu_bg.jpg');
	background-position: top;
	background-repeat: repeat-x;
	height: 60px;
	text-align: center;
}
#menu li {
	display: inline;
}
#menu a {
	/* modified Kellum method so text doesn't appear */
	text-indent: 300%;
	white-space:nowrap;
	overflow:hidden; 
}
#smenu:not( .mm-menu ) {
	   display: none;  /* to block flash of unstylized content */
}
.content, .content2 {
	padding: 0;
	margin-left:auto;
	margin-right:auto;
	line-height: 150%;
}
.content {
	width: 940px;
}
.content2 {
	width: 760px;
}
.content-colleft {
	position: relative;
	width: 635px;
	padding: 10px; 
	margin-left: 0;
	margin-right:auto;
	float: left;
}
.content-colright {
	position: relative;
	width: 265px;
	padding: 10px;
	margin-left:auto;
	margin-right: 0;
	float: left;
}
.content-colright-bottom {
	margin-top: 30px;
	margin-left: 40px;
}
.login-box {
	width: 230px;
	background-image: url('images/login_box.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #e8e8e8;
	text-align: left;
	line-height: 0.9em;
	margin-bottom: 2px;
}
.login-box .text {
	width: 120px;
}
.login-box table {
	margin:0 10px 0 10px;
}
.login-box-heading {
	width: 215px;
	height: 21px;
	background-color: #002244;
	color: white;
	font-family: Verdana;
	font-weight: 550;
	text-align: left;
	line-height: 0.9em;
	padding-top: 8px;
	padding-left: 15px;
}
.login-box-text {
	font-size: 10px;
}
.submit-but {
	background-image: url('images/submit_but.jpg');
	background-repeat: no-repeat;
	border:0;
	width: 60px;
	height: 19px;
}
.small-but, .login-but {
	padding: 2px;
	border-radius:5px;
	border:1px solid #002E5C;
  	background-color: #002E5C; 
	color: aliceblue;
	font-size:11px;
	cursor:pointer;
}
.login-but {
	width: 60px;
}
.small-but:hover, .login-but:hover {
	background-color: #b78c01;
}
.testi, .testinew, .testnew, .pricing {
	background-color: #fde083;
	width: 220px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:5px;
	padding-right:3px;
	text-align: left;
	line-height:1.4em;
	margin-top:10px;
	border-radius: 15px;
	-moz-border-radius: 15px;
}
.testi p {
	padding: 0 15px 0 15px;
}
.testinew {
 	background-color: #d0e5f6; 
}
.testinew p {
	padding: 0 15px 0 15px;
}
.testnew {
 	background-color: lightgreen; 
}
.testnew p {
	padding: 0 15px 0 15px;
}
.pricing p {
	padding: 0 15px 0 15px;
}

.condoi {
	background-position: top;
	background-color: #fde083;
	padding-top:15px;
	padding-bottom:15px;
	text-align: left;
	line-height:1.4em;
	border-radius: 15px;
	-moz-border-radius: 15px;
}
.condoi p {
	padding: 0 15px 0 15px;
}
.condoi li {
	margin-left: 30px;
}

.about-text {
	padding: 5px 30px 0 20px;
}
.about-text .press li {
	margin-left: 25px;
}

.steps {
	margin-left:auto;
	margin-right:auto;
}
.step-box {
	display: inline-block;
	margin-left: 25px;
	margin-top: 10px;
	background-image: url('images/step_box.jpg');
	background-repeat: no-repeat;
	width: 123px;
	height: 140px;
	color: #ffffff;
	padding: 10px 20px 0 15px;
}
.step-box p {
	text-align: right;
	margin-top:5px;
	font-size: 13px;
}
.step-num img {
	float: right;
}

.long-text {
	width: 222px;
}
.affiliate-form i {
	font-size:11px;
}
.link {
	padding:15px;
	padding-left:22px;
	font-weight: normal;
	color: #002244;
}
.privacy-link {
	color: #d8d8d8;
}
.other-link {
	font-family: Tahoma, Arial;
	padding: 10px 10px 10px 0;
	color: #d8d8d8;
}
.segment-link {
	font-family: Tahoma, Arial;
	padding: 10px 10px 10px 0;
	color: #d8d8d8;
}
.privacy-content{
	line-height: 150%;
}
.privacy-content ul {
	margin: 10px 0 10px;
}
.privacy-content li {
	margin-left: 40px;
}
.enroll-content ul {
	list-style: none;
}
.enroll-content li {
	padding:0 0 2px 20px;
}
.radiolabel {
	display: inline-block;
  	font-size: 14px;
  	font-weight: normal;
  	text-align: left;
  	line-height: 110%;
  	color: #002E5C;
  	padding: 4px;
	margin-top: 15px;
}
.pushleft {
	margin-left: 15px;
}
.intro-content {
	line-height: 150%;
}
.intro-content ul {
	list-style: none;
}
.intro-content li {
	background: transparent url("images/tick.gif") no-repeat left top;
	padding:0 0 2px 20px;
	margin-left: 0;
}
.intro-content-SF{
	line-height: 150%;
	padding:0 0 2px 20px;
}
.intro-content-SF ul {
	list-style-type: disc;
}
.intro-content-SF li {
	margin-left: 0;
}
.mrll-content ul {
	list-style: disc;
}
.mrll-content li {
	padding:0 0 2px 1px;
	margin-left: 20px;
}
.mrll-contentBox li {
	padding:0 0 2px 1px;
	margin-left: 35px;
}
.enroll-display {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.biweekly-points{
	line-height: 150%;
}
.biweekly-points li {
	margin-left: 20px;
}
.incexp-content{
	line-height: 150%;
	font-size: 15px;
}
.faq-heading {
	clear: both;
	width: 97%;
	height: 23px;
	background-color: #002244;
	color: white;
	font-size: 15px;
	font-weight: 750;
	text-align: left;
	font-style: normal;
	line-height: 0.9em;
	padding: 8px 0 0 22px; 
}
.faq-heading a {
	color: white;
	text-decoration: none;
}
.faq-heading a:visited {
	color: white;
}
.faq-question {
	clear: both;
	background: transparent url("images/faq/q.jpg") no-repeat;
	background-position: 5px 10px; 
	padding:5px 10px 5px 60px;
	margin:3px 0 0 0; 
	font-weight: normal;
	width: 90%;
}
.faq-answer, .faq-answerincexp {
	clear: both;
	background: transparent url("images/faq/a.jpg") no-repeat;
	background-position: 5px 10px;
	background-color: #fde083;
	padding:10px 10px 10px 60px;
	margin: 5px 0 0 0; 
	width: 90%;
}
.faq-answer ol,ul {
	margin: 10px 0 10px 15px;
}
.faq-answer li {
	margin-left: 20px;
}
.faq-answerincexp ol,ul {
	margin: 10px 0 10px 15px;
}
.faq-answerincexp li {
	margin-left: 20px;
}
.faq-answerincexp {
	border-radius: 15px;
	-moz-border-radius: 15px;
}
.top-of-page {
	float: right;
	color: #B59200;
	font-family: "Arial Black";
	font-size: 14px;
	font-weight: 950;
	text-align: right;
	line-height: 0.9em;
	padding-right: 5px;
	padding-top: 15px;
	margin-bottom: 50px;
}
.top-of-page a {
	color: #B59200;
	text-decoration: none;
	font-weight: 950;
}
.top-of-page a:visited {
	color: #B59200;
}
.enroll-now {
	float: left;
	color: #002244;
	font-family: "Arial Black";
	font-size: 16px;
	font-weight: 950;
	text-align: left;
	padding-top: 15px;
	margin-bottom: 50px;
}
.enroll-now a {
	color: #002244;
	font-weight: 950;
}
.enroll-now a:visited {
	color: #002244;
}

.enroll {
	background-image: url('images/menu/enroll.jpg');
	background-repeat: no-repeat;
	background-position: top;
	display: inline-block;
	width: 116px;
	height: 54px
}
.faq {
	background-image: url('images/menu/faq.jpg');
	background-repeat: no-repeat;
	background-position: top;
	display: inline-block; 
	width: 107px;
	height: 54px
}
.tenants {
	background-image: url('images/menu/TenantsBtn.jpg');
	background-repeat: no-repeat;
	background-position: top;
	display: inline-block; 
	width: 161px;
	height: 54px
}
.login {
	display: none; 
}
.landlords {
	background-image: url('images/menu/LandlordsBtn.jpg');
	background-repeat: no-repeat;
	background-position: top;
	display: inline-block; 
	width: 161px;
	height: 54px
}
.propertymanagers {
	background-image: url('images/menu/PropMangBtn.jpg');
	background-repeat: no-repeat;
	background-position: top;
	display: inline-block;
	width: 236px;
	height: 54px
}

.enroll:hover, .faq:hover, .tenants:hover, .renters:hover, .landlords:hover, .propertymanagers:hover {
	background-position: bottom;
}
.selected {
	background-position: bottom;
}
.footer,.push{
	clear: both;
	margin-top: 25px;
	margin-bottom: 0;
	height: 75px;
	width: 100%;
}
.footer {
	background-color: #002244;
	color: #d8d8d8;
	position: absolute;
	bottom: 0;	
}
.footerwrapper {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
}
.foot-middle {
	float: left;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.foot-inner {
	float: right;
	width: 450px;
	margin-left: auto;
	margin-right: 0;
	font-size: 12px;
	text-align: center;
	padding-top: 20px;
}
TR.alt_A, TR.alt_B {
	font-family: "Tahoma", "Arial";
	font-size : 10pt;
	line-height: 175%;
	padding: 5px;
	background-color: #FFFFFF;
}

TR.alt_B {
	background-color: #EAEAEA
}
TD.header {
	font-family: "Tahoma", "Arial";
	font-size : 10pt;
	font-style: normal;
	font-weight: 600;
	color: white;
	width: 50%;
	padding: 5px;
	background-color: #3366CC;
}
h1, h2, h5, h6, .iconheaders  {
  font-size: 28px;
  font-weight: bold;
  font-style: normal; 
  padding-bottom: 10px;
  line-height: 110%;
  color: #002E5C
}
h2 {
  font-size: 21px;
  font-weight: normal; 
  text-align: left;
  padding-bottom: 0;
  color: #b78c01
}
h3, h4 {
  padding-top: 12px;
  font-size: 19px;
  font-weight: 100;
  margin: 6px 0;
  color: #002E5C;
}
h4 {
  margin: 0 0 6px;
  color: #002E5C;
  line-height: 150%;
}
h5 {
  font-size: 18px;
  text-align: left;
  padding: 4px;
  margin-top: 5px;
}
h6 {
  font-size: 18px;
  text-align: center;
  padding: 0;
  margin-top: 5px;
  margin-bottom: 0;
  color: #002E5C; 
  /* color: #b78c01;  */
}
.iconheaders {
  font-size: 18px;
  text-align: center;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.iconheadersspacer {
  clear: both;
  margin-top: 5px;
  height: 8px;	
}
.enrollbox {
	clear: both;
	background-color: #d0e5f6; 
	margin-top:12px;
	margin-bottom:15px;
	padding-top:15px; 
	padding-bottom:15px;
	padding-left:2em;
	padding-right:2em;
	text-align: left;
	line-height:1.4em;
	border-radius: 15px;
	-moz-border-radius: 15px;
	font-size: 110%;
}
.enrollbox p {
	padding: 0 15px 0 15px;
}
#enrollboxdropdown {
	display: inline;
}
.enrollheader {
  font-size: 19px;
  font-weight: bold;
  color: #002E5C;
}
IMG.displayedmap {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto 
}
.floatRight {
    float: right;
    margin: 4px;
}
.floatLeft {
    float: left;
    margin: 4px;
}
p.question {
	background: transparent url("images/q.jpg") no-repeat left top;
	padding:0 0 2px 30px;
	margin-left: 5px;
}
p.answer {
	background: transparent url("images/a.jpg") no-repeat left top;
	padding:0px 0 2px 30px;
	margin-top: 8px;
	margin-bottom: 12px;
	margin-left: 5px;
}
.dividerdot {
  font-family: Georgia, serif; 
  font-size: 25px;
  font-weight: bold;
  color: #b78c01 
}
#logo {
	float: left;
}
#contactinfo {
  float: right;
  font-weight: normal;
  font-style: normal; 
  font-size: 14px;
  margin: 19px 15px 10px 15px;
  line-height: 110%;
  color: black 
}
#contactinfoleft {
	float: left;
	text-align: left;
	width: 30%;
}
#contactinforight {
	float: left;
	text-align: left;
	width: 70%;
}
#touchmenu {
	display: none;
}
.fa-navicon {
  	color: #002E5C; 
}
#incexpchart, #iconchart {
	width: 100%;
	clear: both;
}
#incexpchart img, #iconchart img {
    display: block;
    margin-left: auto;
    margin-right: auto 
}
#iconchartleft {
	float: left;
	width: 30%;
}
#iconchartcenter {
	float: left;
	width: 35%;
}
#iconchartright {
	float: left;
	width: 29%;
}
#incexpchartleft {
	float: left;
	width: 48%;
}
#incexpchartright {
	float: left;
	width: 48%;
}
.dividerslice {
	float: left;
	width: 3%; 
    	display: block;
        margin-left: auto;
        margin-right: auto 
}
.spacer {
	clear: both;
	margin-top: 5px;
	height: 5px;	
}
/*outside div for an esignature*/
.signatureparent {
		color:darkblue;
		background-color: #E8DBAE;
		border:1px solid #002E5C;
		border-radius:5px;
		max-width:600px;
		padding:5px 8px 8px 8px;
}
/*This is the div within which the esignature canvas is fitted*/
.signature {
	border: 2px dotted #002E5C;
	background-color: #EFEFF3; 
}
.text-box {
    width: 200px;
}

/* media queries for responsive web design */
@media all and (min-width:920px) {
	.enroll {
		background-image: url('images/menu/enroll.jpg');
		background-repeat: no-repeat;
		background-position: top;
		display: inline-block;
		width: 116px;
		height: 54px
	}
	.faq {
		background-image: url('images/menu/faq.jpg');
		background-repeat: no-repeat;
		background-position: top;
		display: inline-block; 
		width: 107px;
		height: 54px
	}
	.tenants {
		background-image: url('images/menu/TenantsBtn.jpg');
		background-repeat: no-repeat;
		background-position: top;
		display: inline-block; 
		width: 161px;
		height: 54px
	}
	.login {
		display: none; 
	}
	.landlords {
		background-image: url('images/menu/LandlordsBtn.jpg');
		background-repeat: no-repeat;
		background-position: top;
		display: inline-block; 
		width: 161px;
		height: 54px
	}
	.propertymanagers {
		background-image: url('images/menu/PropMangBtn.jpg');
		background-repeat: no-repeat;
		background-position: top;
		display: inline-block;
		width: 236px;
		height: 54px
	}

	.enroll:hover, .faq:hover, .tenants:hover, .renters:hover, .landlords:hover, .propertymanagers:hover {
		background-position: bottom;
	}
	.selected {
		background-position: bottom;
	}
	#smenu {
		display: none;
	}
	.iconheadersbox {
		height: 40px;	
	}
	.mobile-menu {
		display: none;
	}
}
@media all and (min-width:550px) and (max-width: 920px) {
	/* define mobile specific styles come here */
	/* footers */
	.footerwrapper {
		width: 100%;
	}
	.foot-middle {
		display: none;
	} 
	.foot-inner {
		width: 100%;
		font-size: 12px;
		text-align: center;
	}

	/* headers */
	.header {
		width: 100%;
	}
	#contactinfo {
		display: none;
	}
	#touchmenu {
		display: inline-block;
		margin: 20px;
		float: right;
	}
	#menu {
		height: 10px;
	}
	#menu li {
		display: none;
	}
	.enroll, .faq, .tenants, .login, .landlords, .propertymanagers {
		background-image: none;
	  	font-size: 20px;
  		font-weight: bold;
  		font-style: italic; 
  		text-align: left;
  		letter-spacing: -1px; 
  		line-height: 110%;
  		color: #002E5C;
		height: 45px;
		width:100%;
	}

	/* main body */
	.content,.content2,.content-colleft {
		width: 95%;
	}
	.content-colright {
		display: none;
	}
	.iconheadersbox {
		height: 40px;	
	}
	.mobile-menu {
		display: none;
	}
}
@media all and (min-width:550px) and (max-width: 680px) {

	/* main body */
	.content,.content2,.content-colleft,#iconchartleft, #incexpchartleft {
		width: 95%;
	}
	#incexpchartright, #iconchartright, #iconchartcenter {
		width: 95%;
		margin-top: 12px;
		clear: both;
	}
	.dividerslice {
		display: none;
	}
}
@media all and (max-width: 550px) {
	/* define mobile specific styles come here */
	/* footers */
	.footerwrapper {
		width: 100%;
	}
	.foot-middle {
		display: none;
	}
	.foot-inner {
		width: 100%;
		font-size: 12px;
		text-align: center;
	}
	/* headers */
	.header {
		width: 100%;
	}
	#contactinfo {
		display: none;
	}
	#touchmenu {
		display: inline-block;
		margin: 20px;
		float: right;
	}
	#menu {
		height: 10px;
	}
	#menu li {
		display: none;
	}
	.enroll, .faq, .tenants, .login, .landlords, .propertymanagers {
		background-image: none;
	  	font-size: 20px;
  		font-weight: bold;
  		font-style: italic; 
  		text-align: left;
  		letter-spacing: -1px; 
  		line-height: 110%;
  		color: #002E5C;
		height: 45px;
		width:100%;
	}

	/* main body */
	.content,.content2,.content-colleft,#iconchartleft, #incexpchartleft,.faq-heading {
		width: 95%;
	}
	/* improve mrll direct rent deposits page in mobile */
	.content p {
		font-size:1.4em;
	}
	.faq-answer,.faq-question,.faq-answerincexp {
		width: 80%;
	}
	#incexpchartright, #iconchartright, #iconchartcenter {
		width: 95%;
		margin-top: 12px;
		clear: both;
	}
	.content-colright,.dividerslice,.floatRight,.iconheadersspacer {
		display: none;
	}
}