/*
STYLES
(c) 2001 4RentInLA.com
*/

.clear {
    content: '...'; 
	display: block; 
    height: 0; 
	clear: both; 
    visibility: hidden;        
}

#container {
line-height: 1.2em;
}

#header {
margin: 0 0 1px 0;
}

#header.liquid {
margin: 0 0 20px 0;
}

#top-nav {
    clear: both;
    height: 50px;    
    margin: 0 0 10px 0;
    border: 1px solid #fff;
}

#logo {
    float: left;
    display: block;
    width: 265px;
    height: 50px;
    background: url('/images/logo.gif') 0 0 no-repeat;
}

#logo span {
    display: none;
}

#top-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: right;
    font-size: 85%;
}

#top-nav li {
    display: inline;
    margin: 0;
    padding: 0 5px;
    border-right: 1px solid #cccdcf;    
}

#top-nav a, #top-nav strong {
    color: #606770;  
}


/* 
#top {
height: 55px;
margin-bottom: 10px;
}

#top img {
float: left;
margin:0;
border:0;
}

ul#nav-meta {
list-style-type: none;
float: right;
margin: 0;
padding: 0;
}

ul#nav-meta li {
    display: inline;
    float: left;
    width: auto;
    margin: 0;
    padding: 0 5px;
    border-right: 1px solid #34424F;
}

ul#nav-meta a {
    color: #7C8EA1;  
}
*/

/* main menu */
#nav-main {
margin: 0;
padding: 0;
height: 32px;
min-height: 32px;
background: url(../images/bg/bg_menu.gif) no-repeat;
/* border: 1px dotted #ffcccc; */
font-size: 0px;
}

#nav-main ul {
position: relative;
height: 100%;
min-height: 100%;
margin: 0 0 0 126px;
padding: 0;
/* border: 1px dotted #ffc0c0; */
}

#nav-main li {
display: inline;
list-style-type: none;
float: left;
width: auto;
text-align: center;
height: 100%;
padding: 0;
font-size: 13px;
/* border: 1px dotted #ffc0c0; */
}

#header.liquid #nav-main {
background: url(../images/bg/bg_menu_l1.gif) left no-repeat;
}

#header.liquid #nav-main ul {
background: url(../images/bg/bg_menu_l2.gif) right no-repeat;
}

#nav-main li#home {
width: 75px;
background: url(../images/bg/bg_menu_tab.gif) left no-repeat;
}

#nav-main li#home.current {
background: url(../images/bg/bg_menu_tab_home.gif) #CACAC8 top right no-repeat;
}

#nav-main li#search {
width: 120px;
background: url(../images/bg/bg_menu_tab.gif) left no-repeat;
}

#nav-main li#search.current {
background: url(../images/bg/bg_menu_tab_search.gif) #CACAC8 top right no-repeat;
}

#nav-main li#join {
width: 80px;
background: url(../images/bg/bg_menu_tab.gif) left no-repeat;
}

#nav-main li#join.current {
background: url(../images/bg/bg_menu_tab_join.gif) left no-repeat;
}

#nav-main li#faq {
width: 80px;
background: url(../images/bg/bg_menu_tab.gif) left no-repeat;
}

#nav-main li#faq.current {
width: 80px;
background: url(../images/bg/bg_menu_tab_join.gif) left no-repeat;
}

#nav-main li#member {
width: 140px;
background: url(../images/bg/bg_menu_tab.gif) left no-repeat;
}

#nav-main li#member.current {
background: url(../images/bg/bg_menu_tab_member.gif) #CACAC8 top right no-repeat;
}

#nav-main li#landlord {
width: 170px;
background: url(../images/bg/bg_menu_tab.gif) left no-repeat;
}

#nav-main li#landlord.current {
background: url(../images/bg/bg_menu_tab_landlord.gif) left no-repeat;
}

#nav-main li#info {
width: 120px;
background: url(../images/bg/bg_menu_tab.gif) left no-repeat;
}

#nav-main li#info.current {
background: url(../images/bg/bg_menu_tab_search.gif) #CACAC8 top right no-repeat;
}


#nav-main a:link, #nav-main a:visited {
display: block;
color: #2C395B;
font-weight: bold;
text-decoration: none;
padding: 10px 4px 0 4px;
/*background: url(../images/bg/bg_menu_tab.gif) #CACAC8 top right no-repeat; */
}

#nav-main a:hover, #nav-main a:visited:hover {
color: #17264C;
text-decoration: underline;
}

#nav-main .current a {
padding: 10px 4px 0 4px;
color: #fff;
}

#nav-main li#home.current a, 
#nav-main li#search.current a, 
#nav-main li#join.current a, 
#nav-main li#member.current a, 
#nav-main li#landlord.current a, 
#nav-main li#faq.current a {
padding: 10px 4px 0 4px;
color: #fff;
}

/* join banner */
#top-banner {
margin: 0 0 10px 0;
}

#top-banner #tb-left {
background: url(../images/bg/top_01.jpg) #C4C4C4 top no-repeat;
}

#top-banner #tb-center {
background: url(../images/banners/home.jpg) #C4C4C4 top no-repeat;
}

#top-banner #tb-right {
background: url(../images/bg/top_02.jpg) top left no-repeat;
}


#top-banner form {
font-size:12px;
width: 150px;
padding: 40px 0 0 10px; 
margin: 0;
color: #000;
line-height: normal;
}

#top-banner form input.ulogin {
width: 165px;
border: 1px solid #848484;
}

#top-banner form p {
margin: 0 0 4px 0;
}


#top-banner p#forgot {
font-size: 11px;
height: 10px;
position: relative;
left: 90px;
bottom: -15px;
margin: -5px;
padding: 0;
}

#top-banner a#click {
position: absolute;
top: 110px;
display: block;
width: 490px;
height: 165px;
z-index: 20;
text-decoration: none;
}

#top-banner a#click span {
visibility: hidden;
}

/* COUNTER */
#top-banner #counter {
font-size: 0px;
color: #000;
margin: 8px 0 0 30px;
}

#top-banner #counter td {
padding: 1px;
font-size: 11px;
line-height: normal;
}

#top-banner #counter td.icon {
font-size: 0;
}

#top-banner #counter img {
display:block;
}

#top-banner #counter .number {
padding: 2px 5px 2px 5px;
text-align: right;
color: #082F48;
}

#user-stats {
width: 180px;
padding: 45px 0 0 10px; 
color: #082F48;
}

#user-stats p {
font-weight: bold;
color: #fff;
}

#user-stats table {
width: 95%;
font-size: 85%;
}

/* side menu */
#side-menu {
font-size: 85%;
padding: 1px;
margin: 0;
/* border: 1px solid #02458D; */
border: 1px solid #cccdcf;
}

#side-menu .label {
padding: 2px 4px 2px 8px;
margin: 0;
color: #303B46;
background: #d9e1ec;
border-top: 1px solid #cccdcf;
}

#side-menu h2 {
    font-size: bold;
    margin: 0;
    font-size: 100%;
    color: #303B46;
}

#side-menu ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#side-menu li {
display: block;
margin: 0;
padding: 1px 3px 1px 8px;
/* border-top: 1px solid #02458D; */
border-top: 1px solid #cccdcf;
background: #fcfcfc; 
}

#side-menu a {
color: #606770;
text-decoration: none;
}

#side-menu a:hover {
text-decoration: underline;
}

#side-menu a.attn, #side-menu a.attn:hover {
color: #FF6F00;
}

#side-menu.landlord li {
padding: 4px;
}
#side-menu.landlord a {
color: #505050;
text-decoration: underline;
}

#livehelp {
text-align: center;
padding: 2px 2px 4px 2px;
}

/* footer */
#footer {
}


/* footer menu */
#nav-sub {
clear: both;
font-size: 85%;
margin: 0;
padding: 9px 0 0 5px;
height: 32px;
min-height: 32px;
background: url(../images/bg/bg_menu.gif) top left no-repeat;
}

#nav-sub ul {
height: 100%;
margin: 0;
padding: 0;
}

#footer.liquid #nav-sub  {
background: url(../images/bg/bg_menu_l1.gif) top left no-repeat; 
}

#footer.liquid {
clear: both;
background: url(../images/bg/bg_menu_l2.gif) top right no-repeat;
}

#nav-sub li {
display: inline;
list-style-type: none;
float: left;
width: auto;
margin: 0;
padding: 0 5px 0 5px;
border-right: 1px solid #34424F;
}


#nav-sub a:link, #nav-sub a:visited {
display: block;
color: #34424F;
text-decoration: none;
}

#nav-sub a:hover, #nav-sub a:visited:hover {
color: #34424F;
text-decoration: underline;
}

/*  company info */
#info-company {
    font-size: 85%;
    color: #7d7d7d;
    text-align:left;
    clear: both;
    magin-bottom: 10px;    
}

#info-company p {
    float: left;
    margin-right: 10px;
}

#info-company ul {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;    
}

#info-company li {
    display: inline;
    padding: 0 5px;
    margin: 0;
    border-left: 1px solid #7d7d7d;
}

#info-company li.equal a {
    padding-left: 25px;
    background: url('/images/icons/equal.png') 0 0 no-repeat;
}

/* footer logos */
#footer-labels {
    font-size: 85%;
    line-height: 1.4;    
    clear: both;
    list-style-type: none;    
    padding: 0;
    margin: 0;
    margin-top: 5px;
    height: 90px;
}

#footer-labels li {
    float: left;
    width: 280px;
    padding: 0;
    margin: 0 20px 0 0;
}

#footer-labels img {
    float: left;
    margin: 0 10px 20px 0;
}

#scanalert {

}

/* GENERAL STYLES */
body {
color: #111;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height: 1.3em;
background: #fff;
margin: 0.5em auto 0 auto;
}

table, td { font-size: 100%; }

a {color: #336699; }

img { border: 0; }

p {
padding: 0; 
margin: 0 0 8px 0;
}

hr { 
border: 0; 
height: 1px;
border-top: 1px solid #CCCDCF;
}

h1, h2, h3 {
margin: 0 0 10px 0;
color: #05679D;
}

h1 {
font-size: 140%;
font-weight: normal;
}

h2 {
font-size: 130%;
font-weight: bold;
}

h3 {
font-size: 120%;
}

ul { 
list-style-position: outside; 
margin-left: 0; 
padding-left: 30px; 
list-style: square; 
vertical-align: middle; 
}

li { 
margin: 0; 
padding: 0; 
}

.hide, .skip  { display: none; }

.small, .small a { font-size: 85%; }

.dark  { color: #222; }
.red  { color: #CB002A; }
.attn {color: #FF6F00; font-size: 104%; }
.current .attn {color: #fff; }

/* other styles */

.infobox {
border: 1px solid #CCCDCF;
padding: 5px;
}

.infobox img {
float: left;
margin: 0 5px 5px 0;
}


/* bxed forms */
.formbox {
padding: 5px;
border: 1px solid #dfdfdf;
background: #efefef;
color: #222;
margin: 0 0 10px 0;
}

.formbox p {
    line-height: 1;
}
/*
.planbox p {
    padding: 5px;
    border: 1px solid #3F71AD;
    background: #EFF6FF;
    color: #000;
    margin-bottom: 10px;
}
*/
/* HOMEPAGE */

/* key features list*/
ul#key-features {
width: 350px;
color: #000;
padding: 0 0 0 20px;
margin: 0 0 15px 0;
}

ul#key-features li {
list-style-image: url(../images/icons/bullet_orange.gif);
margin: 0;
padding: 0 0 5px 10px;
}

ul.key-features {
list-style-image: url(../images/icons/bullet_green.gif);
width: 350px;
color: #000;
padding: 0 0 0 20px;
margin: 0 0 15px 0;
}

ul.key-features li {
margin: 0;
padding: 0 0 5px 5px;
}

/* page error */
.errorbox {
border: 1px solid #cfcfcf;
padding:2px;
color: #B30A02;
margin: 0 0 10px 0;
}

.errorbox .heading {
padding: 2px;
color: #fff;
background: #B30A02;
margin: 0;
}

.errorbox ul {
font-size: 90%;
}

.errorbox p {
margin: 10px;
}

.field-error {
color: #B30A02;
}

/* right col box */
.rbox {
border: 1px solid #D0D0D0;
padding: 1px;
margin-bottom: 10px;
}

/* quick search box*/
.qsearch {
margin: 0;
padding: 0;
}

.qsearch p {
padding: 5px;
line-height: normal;
}

.qsearch .title {
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
font-weight: bold;
color: #868687;
padding: 5px;
margin: 0;
}

.qsearch .text {
font-size: 85%;
color: #000;
}

.qsearch form {
margin: 0;
padding: 8px 4px 6px 35px;
background: url(../images/bg/qsbox.gif) left;
}

/* homepage areas*/
ul.areas {
list-style-type:none;
padding: 0;
margin: 0;
}

ul.areas li {
padding: 0;
margin: 0;
}

ul.areas ul {
list-style-type:square;
margin: 0 0 10px 10px;
padding: 0 0 0 10px;
font-size: 85%;
color: #222;
}


/*landlord center */
/* account menu */
div.user-menu {
margin: 25px 20px 20px 0;
clear: both;
display: block;
}

div.user-menu img {
float: left;
margin: 0 10px 0 0;
border: 0;
}

div.user-menu h2 {
margin: 0 0 2px 0;
font-size: 110%;
font-weight: bold;
}

div.user-menu p {
margin: 0 0 0 45px;;
}

div.user-menu a.attn {
font-weight: bold;
color: #F0582A;
}

#landlord-listings {
padding: 2px;
border: 1px solid #CCCDCF;
}

#landlord-listings a {
font-size: 85%;
font-weight: bold;
}

#landlord-listings .heading {
padding: 4px;
background: #ff9900;
color: #fff;
font-weight: bold;
}

#landlord-listings .text {
width: 600px;
padding: 4px;
border-bottom: 1px solid #CCCDCF;
}

#landlord-listings .contact {
padding: 3px;
background: #fcfcfc;
text-align: center;
border-bottom: 1px solid #CCCDCF;
}

#landlord-listings .bpanel td {
padding: 4px 0 4px 0;
text-align: center;
border-bottom: 1px solid #CCCDCF;
}

#landlord-streets {
font-size: 85%;
}

#landlord-streets li {
margin: 2px 0 0 0;
}


/* member center */
#member-menu {
margin: 10px 0;
}

#member-menu td{
padding: 0 8px 8px 0;
text-align: left;
}

#member-menu td.text{
width: 240px;
font-weight: bold;
padding: 0 20px 2px 2px;
}

#member-menu a.attn {
color: #E95811;
font-size: 110%;
}

/* RENTALS PAGE */

.buttons {
    height: 66px;
    clear: both;
    margin: 10px 0;
}

.buttons ul {
    list-style: none;
    float: left;
    width: 268px;
    height: 66px;
    padding: 0;
    margin: 0 20px 0 0;
    background: url(/images/search/buttons.gif) 0 0 no-repeat;
}

.buttons ul li {
    display: inline;
    padding: 0;
    margin: 0;
}

.buttons ul a {
    display: block;
    float: left;
    width: 80px;
    height: 65px;
}

.buttons ul span {
    display: none;
}

#rentals-join {
    clear: both;
    margin: 10px 0;
    border: 1px solid #eee;
    background: #f7f7f7;
    padding: 10px;
}

#rentals-join a.join {
    display: block;
    float: left;
    width: 140px;
    height: 35px;
    background: url('/images/buttons/join.gif') 0 0 no-repeat;
    margin: 5px 30px 10px 0;
}

#rentals-join a span {
    display: none;
}

#rentals-join ul {
    margin: 0;
    padding: 0 0 0 30px;
}


/* list for cities - areas*/
.listbox {
border: 1px solid #CCCDCF;
padding: 2px;
margin: 0 0 10px 0;
}

.listbox table {
width: 100%;
}

.listbox td {
padding: 0px;
}

.listbox h2 {
background: #CCCDCF;
color: #fff;
font-size: 100%;
font-weight: bold;
padding: 0 2px 0 2px;
}

.listbox a {
font-size: 85%;
color: #555;
font-weight: bold;
}

/* listings on rentals page */
.listing1 {
    border-collapse: collapse;
    width: 100%;
    font-size: 85%;
    padding: 1px;
    border: 1px solid #cfcfcf;
    color: #222;
    margin: 0 0 10px 0;
}

.listing1 th {
    background: #FF8700;
    padding: 2px 4px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.listing1 tr {
    vertical-align: top;
}

.listing1 td {
    padding: 4px;
    border: 1px solid #cfcfcf;
    vertical-align: top;
}

.listing1 a {
font-weight: bold;
}

.listing1 td img {
    border: 1px solid #ccc;
}

.listing1 td.details p {
font-size: 110%;
}

.listing1 h3 {
    font-size: 120%;
    margin: 0 0 5px 0;
}

.listing1 .timestamp {
    width: 105px;
    padding: 2px;
    padding-bottom: 0;
    line-height: 1;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 10px;
    text-align: center;
    color: navy;
}

.listing1 .attn {
    float: left;
    color: #CB002A;
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 10px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px;
}

.dlinks {
    text-align: right;
    margin: 0;
}

.dlinks a {
    text-decoration: underline;
    font-weight: bold;
    margin-left: 10px;
    display: inline;
    color: #336699;
}

.dlinks a.join {
    color: #ff6f00;
}

.pager1 {
font-size: 85%;
padding: 5px;
height: 18px;
background: #fafafa;
border: 1px solid #dfdfdf;
margin-bottom: 10px;
}

.pager1 form {
margin: 0;
}

.pager1 p, .pager1 div {
float: left;
margin: 0 10px 0 0;
}

.pager1 select {
font-size: 90%;
}

a.rsticker {
display: block;
margin-top: 20px;
height: 172px;
background: url(/images/stickers/ca01.gif) left top no-repeat;
font-size: 0;
}


/* FAQ */
.flist ul {
margin: 0 0 10px 5px;
padding: 0;
padding-left: 10px;
list-style-type: square;
}

.flist ul li {
margin-bottom: 2px;
}

/* REG PAGE */

#reg-banner-1 {
    height:170px; 
    background: url(/images/banners/reg01.jpg) 0 0 no-repeat; 
}

#reg-banner-1 p {
    color: #000;
    margin: 45px 0 0 460px;
}

#reg-banner-1 ul {
    color: #007D9F;
    font-weight: bold;
    line-height: 1.2;
    font-size: 110%;
    margin: 10px 0 0 430px;
}

p.reghelp {

    border: 1px solid #dfdfdf;
    padding: 5px;
    padding-left: 20px;

    background: url(/images/icons/info_small.gif) 5px 5px #fcfbff no-repeat;
}

#regnote {
    margin: 5px 0 0 0;
    text-align: center;
    color: #555;
    font-size: 85%;
    clear: both;
}

#mem-features {
font-size: 85%;
margin-bottom: 20px;
}

#mem-features ul {
list-style-image: url(../images/icons/bullet_orange.gif);
list-style-position: outside; 
vertical-align: middle; 
margin: 0 0 0 10px; 
padding: 0 0 0 10px; 
}

#mem-features li { 
margin: 0 0 4px 0; 
padding: 0 0 0 5px; 
}

#mem-features li ul { 
list-style-image: url(../images/icons/bullet_arrow2.gif);
margin: 5px 0 0 5px; 
padding: 0 0 0 10px; 
}

#mem-features li li { 
margin: 0; 
padding: 0 0 0 5px; 
}


/* LINKS PAGE */
table.links td {
padding: 0px;
width: 200px;
}

table.links a {
font-size: 90%;
font-weight: bold;
color: #303B46;
}

ul.links a {
font-weight: bold;
}

/* BUTTONS */
input.blue {
font-family: verdana,geneva,sans-serif;
font-size: 10px !important;
font-weight: bold;
color: #000;
cursor: hand;
background: url(../images/buttons/blue.gif) repeat-x;
padding: 2px 4px 2px 4px;
border-top: 1px solid #74C3DA;
border-left: 1px solid #74C3DA;
border-bottom: 1px solid #1472AB;
border-right: 1px solid #0285B5;
}

input.yellow {
font-family: verdana,geneva,sans-serif;
font-size: 10px !important;
font-weight: bold;
color: #000;
cursor: hand;
background: url(../images/buttons/yellow.gif) repeat-x;
padding: 2px 4px 2px 4px;
border-top: 1px solid #FFDAA6;
border-left: 1px solid #FFDAA6;
border-bottom: 1px solid #FF6001;
border-right: 1px solid #FF8803;
}

img.mark {
vertical-align: middle;
}


#overDiv {
position: absolute; 
visibility: hidden;
z-index: 5;
border: 1px solid #333;	
background: #fefefe; 
color: #333;	
padding: 4px; 
width:150px;
font-size: 85%;
}

.footer-buttons {
font-size: 10px;
color: #444;
}

/* contract page */
#contract {
width: 430px;
height: 200px;
background: #fff;
padding: 10px;
overflow: auto;
font-size: 85%;
}

#contract p.head {
font-size: 110%;
font-weight: bold;
}

#contract p {
text-align: justify;
}

#contract p.custsign {
text-align: left;
font-size: 140%;
font-weight: bold;
margin: 20px 0 20px 0;
}

#contract p.compsign {
text-align: left;
}

#contract table {
border-collapse: collapse;
}

#contract td {
border-bottom: 1px solid #c0c0c0;
padding: 2px;
}

#tr_status {
font-size: 85%;
font-weight: bold;
display:none;
}

/* lang icons */
ul#n-lang li {
    background: none;
    background: transparent url(/images/icons/flags.png) no-repeat 0 0;
    padding: 0 0 0 25px;
    margin-left:8px;
    height:12px;
    margin-bottom:2px;
}

ul#n-lang a {
    color: #27353F;
}

ul#n-lang li#n-lang-es {
    background-position: 0 0;
}
ul#n-lang li#n-lang-cn {
    background-position: 0 -11px;
}
ul#n-lang li#n-lang-ko {
    background-position: 0 -22px;
}
ul#n-lang li#n-lang-jp {
    background-position: 0 -33px;
}
ul#n-lang li#n-lang-it {
    background-position: 0 -44px;
}