/*------------------------------
=BASIC SETUP
------------------------------*/

/*IE 6 REPOSITION HACKS */
* HTML #tagline{margin-top:10px;}


/* DEFAULTS */
* {
    margin: 0;
    padding: 0;
}
a:link,
a:visited{color:#555555; text-decoration:none;}
a:hover,
a:focus,
a:active {color:#222222; text-decoration:underline;}
/* Tell the browser to render HTML 5 elements as block */
#flash{width:500px;}
.flash_error{border: 3px solid #ffffff; background-color: red; color: #ffffff; padding: 20px; margin: 20px; font-size: 140%; line-height: 140%;}
h1{line-height:100%;}
 input[type="submit"], a.button{
    text-decoration:none;
    display:block;
    border: 1px solid #777777;
    background-color:#f2f2f2;
    color: #222222;
    min-width: 40px;
    text-align:center;
    padding: 1px 10px 1px 10px;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#f9f9f9), color-stop(.5,#d9d9d9));
    /* Border-radius not implemented yet */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 80%;
    font-weight: bold;
}
input[type="submit"]{padding:6px 10px 6px 10px;}

a:hover.button{
    text-decoration:none;

    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d9d9d9), to(#d9d9d9), color-stop(.5,#f9f9f9));
    /* Border-radius not implemented yet */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    
}
/* LAYOUTS */
html, body
{
    margin:0;
    padding:0;
    border:0;
    height:100%;
}
* html body 
{
    height:100%;
}    
*{
    margin:0;
    padding:0;
}
body {
    margin: 0 auto;
    width: 900px;
    height: auto;
    font: 13px/22px Helvetica, Arial, sans-serif;
    color: #555555;
    background: #F0F0F0;
}
#header, #main_nav, #content{display:block;}
#header{height:60px;}
#content,#main_content{display:table-cell;}
#footer{margin-top: 40px; text-align: center; color: #b1b1b1;}
.price{
        background-color:#DB2C2C; 
        color: #ffffff;
        border: 1px solid #333333;
        padding: 4px;
        -webkit-box-shadow: 3px 3px 7px #777;
    /* Border-radius not implemented yet */
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    }

/*#content, #main_nav{border: 1px dotted red;}*/
/* MENUS */
#property{min-height:430px;}
ul li{list-style-type:none;}
#header ul#admin_nav {text-align:right;}
#footer ul#admin_nav {text-align:left; border-bottom: 1px solid #999999;}
ul#admin_nav li{ display:inline;}
ul#admin_nav li a{color: #999999;border-left: 1px solid #999999; padding-left: 5px;}
#main_nav{
        min-height: 100%; float: left;
        width:200px; height: 100%;

        display:block;
        margin-right: 40px;
    }
#main_nav ul li{font-size: 140%;}

/* MAP */

#map_div{margin-top:10px; border-top: 1px solid #999999; border-bottom: 1px solid #555555;}

/* FIELDSET */

fieldset{
    border: 1px solid #777777;
    background-color:#f6f6f6;
    padding: 10px;

    -webkit-box-shadow: 3px 3px 7px #777;
    /* Border-radius not implemented yet */
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
}
.list-item-odd{background-color:#f9f9f9;}
.list-item-even{background-color:#e9e9e9;}

.fav.list-item-odd{background-color:#FDFDDC; color:#2B561F;}
.fav.list-item-even{background-color:#FDFDDC; color:#2B561F;}
.fav a{color:#2B561F;}
/* SEARCH */

.table-row {width: 100%; min-width: 100%;display:block;float: left;}
.table{display: table; width: 100%; }
.table-cell {display: table-cell;vertical-align:top;float:left;}
 form .row {display: table-row;} 
form .cell {display: table-cell; padding: 4px;}

#search form .cell {width:200px;float:left; height: 30px;}
#search form label {width:60px;display:block;float:left;}
#search form input {width:100px;font-size: 100%;}
#search form select{width:120px;font-size: 160%;}

/* NEW LISTING */
.img{
    border: 1px solid #777777;
    -webkit-box-shadow: 3px 3px 7px #777;
    /* Border-radius not implemented yet */
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
}
#property form label, label {width: 80px; display: table-cell;float:left; font-weight:bold;}

/* SINGUP AND LOGIN FORMS */

#signup form, #login form{ font-size: 200%; }

#signup form h2, #login form h2{letter-spacing:4px;padding: 5px; width: 98%; border-bottom: 1px dotted #999999; margin-bottom: 10px;}
#signup form .row, #login form .row {margin: 10px 0 10px 0;}
 
#signup form.cell, #login form .cell { padding: 4px;}
#signup form label, #login form label{
    display: table-cell;
    width:220px;
    float:left;
    padding-right: 20px;
    text-align: right;
    font-weight: bold;
    vertical-align: top;
    font-size: 80%;
    height:30px;
}
#signup form input, #login form input, #signup form select, #login form select {
    display: table-cell;
font-size: 100%;
    width: 300px;
    border: 1px solid #d7d7d7;
}