/* basic element style */
body, html {
  height: 100%;
  margin: 0;
  padding: 0;
  font: 12px Verdana, Helvetica, Arial, sans-serif;
  color: #000;
  background: #656565;
}
img {
  border: 0px;
}
a {
  color: #0000a0;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
h1 {
  font: bold 16px Verdana, Helvetica, Arial, sans-serif;
  margin: 0px;
}
h1 a {
  color: #000000;
}
h2 {
  font: bold 14px Verdana, Helvetica, Arial, sans-serif;
  margin: 0px;
}
h3 {
  font: bold 12px Verdana, Helvetica, Arial, sans-serif;
  margin: 0px;
}
div.clearboth {
  clear: both;
}
p {
  margin: 1em 0px;
  text-align: justify;
  font: 12px Verdana, Helvetica, Arial, sans-serif;
}
ul {
  margin: 1em 0px 1em 40px;
  padding: 0px;
  font: 12px Verdana, Helvetica, Arial, sans-serif;
}
ol {
  margin: 1em 8px 1em 32px;
  padding: 0px;
  font: 12px Verdana, Helvetica, Arial, sans-serif;
}
ol span {
  font: 12px Verdana, Helvetica, Arial, sans-serif;
}
li {
  text-align: justify;
}
form {
  margin: 0px;
  display: inline;
}
input, button, select, textarea {
  font: 12px Verdana, Helvetica, Arial, sans-serif;
  margin: 1px 0px;
}
textarea {
  font-size: 11px;
}


/* any table */
table {
  border: 0px;
  border-spacing: 0px;
  padding: 0px;
  border-collapse: collapse;
  text-align: left;
}
td {
  vertical-align: top;
  text-align: left;
  color: #000;
  font: 12px Verdana, Helvetica, Arial, sans-serif;
}

/* format images in text */
.leftside {
  float: left;
  margin: 0 10px 10px 0;
}
.rightside {
  float: right;
  margin: 0 0 10px 10px;
}

.hidden {
  display:none;
}

/* page_break */
div.page_break {
  padding: 8px 0px 0px 0px;
  margin: 8px 0px 0px 0px;
}

/* breaker is the horizontal line break */
.breaker {
  width: 755px;
  height: 1px;
}


/* receipt history */
.history {
  width: 520px;
  display: table;
  padding: 5px;
  border-bottom: 1px #ccc dashed;
  cursor: pointer;
  margin-top: 2px;
  margin-bottom: 2px; 
}

.history .row {
  display: table-row;
}

.history .cell {
  display: table-cell;
}

.history .longcell {
  width: 300px;
}

.historybg {
}

.historydate {
  text-align: right;
}

/* calendar */
#date_from {
}

#date_to {
}


/* password strength */
.pass_bar_0{width:0;background-color:#E00;}
.pass_bar_10{width:7px;background-color:#E00;}
.pass_bar_20{width:21px;background-color:#E00;}
.pass_bar_30{width:21px;background-color:#E00;}
.pass_bar_40{width:35px;background-color:#E00;}
.pass_bar_50{width:35px;background-color:#FC0;}
.pass_bar_60{width:35px;background-color:#FC0;}
.pass_bar_70{width:56px;background-color:#0C3;}
.pass_bar_80{width:56px;background-color:#0C3;}
.pass_bar_90{width:70px;background-color:#0C3;}
.pass_bar_100{width:70px;background-color:#0C3;}
.progress_bar_base,.progress_barbig_base,.pass_bar_base {
  height: 10px;
  text-align: left;
}
.pass_bar {
  background-color: #fff;
  width: 70px;
  height: 10px;
  float: left; 
  margin-top: 3px; 
  margin-right: 5px;
}
#ps-rating {
  float: left;
}

/* privacy */
.privacy_sidebar {
  width: 180px;
  float: right;
  
  border: 1px dashed #555;
  padding: 6px;
  
  text-align: justify;
}

/* error */
.usererror {
  font-family: Arial;
  font-size: 12px;
  color:#ff0000;
}

/* form block */
table.formblock td { 
  padding-top:5px; 
}

/* format pages */
.pages {
  margin-top: 10px;
}

/* form filter */
.formwarning {
  padding: 6px 0px 4px 0px;
}
.formwarningtag {
  color: #990000;
  font-weight: bold;
}

/* right side ad */
.rightad {
  float: right;
}

/* body */
div#rr_middle_outter {
  position: relative;
  width: 795px;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  background: url(../images/rr_body_bg.png) repeat-y;
}

div#rr_top_line {
  position: relative;
  width: 795px;
  height: 50px;
  background: #656565 url(../images/rr_body_top.png) no-repeat bottom;
}

div#rr_top_header {
  width: 735px;
  height: 78px;
  background: url(../images/rr_header.png) repeat-x bottom #ccc;
  padding: 0;
  margin: 0;
  text-align: left;
}

div#rr_main {
  width: 690px;
  text-align: left;
  margin: 0;
  padding: 0 0 10px 0; /* space for footer */
}

div#rr_logo {
  float: right;
  width: 153px;
  height: 25px;
  background: url(../images/rr_logo.png) no-repeat;
  margin-top: 53px;
  padding: 0;
}

div#rr_menu {
  margin-top: 10px;
  font: 12px Verdana, Helvetica, Arial, sans-serif;
  color: #656565;
}

div#rr_menu a {
  color: #656565;
}

div#copyright {
  position: absolute;
  width: 690px;
  bottom: 5;
  text-align: center;
  font: 10px Verdana, Helvetica, Arial, sans-serif;
  color: #656565;
}

div#copyright a {
  color: #656565;
}

div#form-errors {
  padding-left: 10px;
}
/* tabs */

.tab1 {
  width: 158px;
  height: 78px;
  float: left;
}
.tab1_active {
  background: url(../images/landlords_active.png);
}
.tab1_hover {
  background: url(../images/landlords_hover.png);
}
.tab1_faded {
  background: url(../images/landlords_faded.png);
}

.tab2 {
  width: 158px;
  height: 78px;
  float: left;
}
.tab2_active {
  background: url(../images/tenants_active.png);
}
.tab2_hover {
  background: url(../images/tenants_hover.png);
}
.tab2_faded {
  background: url(../images/tenants_faded.png);
}

.tab3 {
  width: 163px;
  height: 78px;
  float: left;
}
.tab3_active {
  background: url(../images/articles_active.png);
}
.tab3_hover {
  background: url(../images/articles_hover.png);
}
.tab3_faded {
  background: url(../images/articles_faded.png);
}

/* page content */
div.header {
  font: 12px Verdana, Helvetica, Arial, sans-serif;
  padding: 10px 0px 0px 0px;
  text-align: justify;
}

/* main box */
div.main {
  width: 585px;
  margin-bottom: 10px;
}

div.main .header {
  width: 585px;
}

div.main .bottom {
  width: 585px;
}

div.main .body {
  width: 585px;
  padding: 5px 0px 30px 0px;
  text-align: left;
}

/* other */

div.message {
  padding: 5px;
  background: #fffad0;
  margin-top: 5px;
}

div.error {
  border: 1px solid red;
  color: red; 
}

div.info {
  border: 1px solid blue;
  color: blue; 
}

div.success {
  border: 1px solid green;
  color: green; 
}

/*** pagination ***/
.page-links {
  text-align: right;
}

.page-number-wrapper {
  margin-left: 5px;
  padding:3px;
  border:1px solid lightblue;
}

span.page-number-wrapper:hover, .current-page {
  background:lightblue;
}

/** list of items **/
.alternate-list .odd-item {
  background: #eee;
}

.tenant-rating-short, .post-short {
  border-bottom: 1px solid silver;
  padding: 0 5px 10px;
}