/* Reset Elements */
html, body, div, span,h1, h2, h3, p,
a, ol, ul, li,fieldset, form, label,
table, tr, th, td,img 
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

/* Page Layout */
body 
{
    line-height: 1.2em;
    font:11px Verdana, Arial, Helvetica, sans-serif;
    background-color:#000;
}

.container 
{
    margin:1em auto 1em auto;
    padding:1em;
    width:90%;
    height:90%;
    border:1px solid #ccc;
    background-color:#fff;
}

.maincontainer
{
    min-height:300px;
}

.jasmineflower
{
    background:#fff url(images/jasminebackground.gif) 0 0 no-repeat;
}

#header
{
    /*  branding header */
    margin:0 0 1em 0;height:130px;position:relative;
}

#header img
{
    display:inline-block;
    float:right;
    margin-right:1em;
}

#header a 
{
    position:relative;
    top:0px;
    left:0px;
    z-index:100;
}

#navbar
{
    float:right;
    color:#999;
    margin:1.5em 0 0.5em 0;
}

#sidebar
{
    float:left;
    width:260px;
}

#content
{
    float:left;
}

.button
{
    border:1px solid #800080;
    background-color:#fff;
    
}

/* footer */
#footer
{
    margin:0;
    padding:0em;
    clear:both;
}

#footer p
{
    padding:0.2em 0;
    color:#999;
    font-size:80%;
    padding:1em;
}

/* Property Search */
#propertysearchbox
{
    width:228px;
    height:89px;
    padding:10px;
    background:url('images/propertysearchbackground.png') 0 0 no-repeat;
    color:#fff;
    text-align:left;
}

#propertysearchbox .capture
{
    float:left;
}
#propertysearchbox .capture div
{
    width:150px;
}

#propertysearchbox .capture div label
{
    display:inline-block;
    width:60px;
    padding-top:12px;
    font-size:90%;
    font-weight:bold;
}

#propertysearchbox .capture div select
{
    display:inline-block;
    width:75px;
    font-size:85%;
}

#propertysearchbox .buttons
{
    float:left;
    width:55px;
    height:65px;
    padding:10px;
    text-align:center;
}

#propertysearchbox .buttons .button
{
    margin:0 0 10px 0;
    background-color:#000;
    border:1px solid #fff;
    color:#fff;
    width:60px;
    padding:3px 2px 3px 2px;
}

/* Advanced Property Search */
#propertyadvancedsearchbox
{
    border:1px solid #000;
    margin:0.2em;
    width:100%;
}

#propertyadvancedsearchbox h2
{
    padding:0.5em;
    background-color:#000;
    color:#fff;
}

#propertyadvancedsearchbox .content
{
    padding:0.5em;
}

#propertyadvancedsearchbox table
{
    width:100%;
}

#propertyadvancedsearchbox td
{
    padding:0.1em 0.5em 0.1em 0.5em;
    text-align:left;
}

#propertyadvancedsearchbox th
{
    text-align:right;
}

/* Global Classes */
.clear {clear:both; }
.floatl {float:left;}
.floatr {float:right;}
.textr {text-align:right;}
.textl {text-align:left;}
.bold {font-weight:bold;}
.red {color:#f00;}

/* Headings and text */
h1
{
    font-family:helvetica;
    color:#800080;
    padding-top:0.5em;
    padding-bottom:0.2em;
    font-size:124%;
}

h2
{
    color:#000;/*#C000C0;*/
    padding:0.5em 0 0.2em 0;
    font-size:107%;
}

a, a:visited, a:hover 
{ 
    color:#800080;
    text-decoration:none;
    font-size:101%;
}

a:hover
{
    text-decoration:underline;
}

ul, li
{
    list-style-image:url('images/dot.jpg');
    margin-left:10px;
}

/* Featured Box */

.featuredbox
{
    width:248px;
    min-height:26px;
    background:#E3D7FD url(images/floatboxpinkbottom.png) bottom left no-repeat;
    padding-bottom:1em;
    margin:0.2em 0 0.2em 0;
}

.featuredbox h2
{
    width:100%;
    min-height:13px;
    text-align:center;
    background:#E3D7FD url(images/floatboxpinktop.png) top left no-repeat;
    margin-bottom:1px;
}

.featuredbox .content
{
    width:90%;
    margin:0 auto 0 auto;
}

/* Property Preview */

.propertypreview
{
    width:100%;
    margin:0.5em 0 1em 0;
}

.propertypreview img
{
    float:left;
    padding-right:0.5em;
}

.propertypreview .description
{
    color:#000;
    font-size:85%;
    width:60px;
    margin-top:0.5em;
}

.propertypreview .details
{
    font-size:85%;
}

.propertypreview .details .item
{
    width:40px;
    color:#000;
    font-weight:bold;
}

.propertypreview .details .data
{
    width:30px;
    color:#666;
}

/* Search Results */

.propertysearchresult
{
    width:100%;
    margin:0.5em 0 1em 0;
    border-bottom:1px dashed #eee;
}

.propertysearchresult img
{
    float:left;
    padding-right:0.5em;
}

.propertysearchresult .description
{
    color:#000;
    margin-top:0.5em;
}

.propertysearchresult .more
{
    float:right;
}

.propertysearchresult .details .item
{
    color:#000;
    font-weight:bold;
}

.propertysearchresult .details .data
{
   color:#666;
}

.warningbox
{
    width:96%;
    padding:2%;
    text-align:center;
    background-color:#efefef;
}

/* Admin */
table.admin {border-collapse:collapse;margin:1em;}
table thead tr, table thead td {background-color:#000;color:#fff;font-weight:bold;vertical-align:top;}
table td {vertical-align:top;}
table.admin tr:hover {background-color:#eee;}
table.admin tr.head:hover {background-color:#000;}
table.admin th, table.admin td { border:1px solid #000; padding:0.5em; margin:0; }

table.propertyadmin {width:400px;}
table.propertyadmin th {text-align:right;padding-right:0.5em;vertical-align:top;}
table.propertyadmin td {text-align:left;padding:0 2em 0 0.2em;}
table.propertyadmin input {width:200px;}
table.propertyadmin textarea {width:400px;}

table.calendar th {text-align:center;padding:0 0.2em 0 0.2em;vertical-align:middle;}
table.calendar td {text-align:center;padding:0;}
table.propertycontainer { width:100%;}

/* forms */
table.form { border:1px dashed #ccc; display:block;}
table.form th { font-weight:bold; text-align:left; padding:1em; vertical-align:top; }
table.form td input, table.form td textarea { width:400px; }

/* fullproperty images */
#fullpropertyimage
{
    max-width:400px;
    max-height:400px;
}