/*
----------------------------------------------------------------
	SITE STRUCTURE
---------------------------------------------------------------- */
body {
font: 10pt  Arial, Verdana, sans-serif;
background:#fff url(/Content/Images/fsbobkgradient.jpg) repeat-x 0 0;
color:#000;
margin-bottom:25px;
}

#sidebar{
background:#5c844f;
color:#fff;
position:absolute;
left:650px;
top:10px;
width:280px;
height:60px;
padding:8px;
font-weight:bold;
text-align:center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #d0e1c5;
}

#sidebar a{
display:block;
background-color:#fff;
width:170px;
color:#000;
padding:2px;
text-decoration:none;
margin:5px auto;
}

#all-listings a{
display:block;
width:140px;
background:#5c844f url(/Content/Images/arrow-left.gif) no-repeat 8px 4px;
padding:4px 4px 4px 8px;
font-weight:bold;
text-align:center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #d0e1c5;
color:#fff;
text-decoration:none;
font-size:9pt;
margin-left:7px;
margin-bottom:10px;
}


#all-listings a:hover{
color:#5c844f;
background:#ff6 url(/Content/Images/arrow-leftH.gif) no-repeat 8px 4px;
}


#sidebar a:hover{
background-color:#ff6;
}

#footer{
position:relative;
margin:0 auto;
width:960px;
text-align:center;
font-size:8pt;
font-style:italic;
color:#666;
}

#footer a{
color:#2e2441;
}

#footer a:hover{
color:#000;
}

#container{
width:960px;
margin:0 auto;
}

/*
----------------------------------------------------------------
	GENERIC STYLES
---------------------------------------------------------------- */

div.ui-field{
    clear:both;
}

div.ui-field span.ui-state-error{
    border:none;
    background:none;
}

/*
----------------------------------------------------------------
	HOME PAGE
---------------------------------------------------------------- */
body.home{
color:#fff;
}

.home #wrapper {
position:relative;
width:940px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
height:700px;
background:#2e2441 url(/Content/Images/fsbobk.jpg) no-repeat 0 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border:1px solid #2e2441;
}

.home #sidebar{
left:610px;
top:620px;
}

.listings{
border:1px solid white;
position:absolute;
top:50px;
left:580px;
width:350px;
height:550px;
overflow-x:hidden;
overflow-y:scroll;
background:transparent url(/Content/Images/trans.png);
color:#000;
padding-left:4px;
padding-right:4px;
}

#content p.editor{
display:block;
width:550px;
font-weight:bold;
}

#content h1{
margin-top:0px;
font-size:16pt;
margin-bottom:14px;
}


#content .listings h2{
margin-top:2px;
margin-bottom:0px;
}

.listings h2 a{
background-color:#48425b;
padding:4px;
display:block;
font-size:10pt;
color:#fff;
margin-bottom:2px;
text-decoration:none;
width:100%;
float:left;
}

div.view-property{
width:40%;
float:left;
margin-bottom:10px;
}

div.view-property img{
border:1px solid black;
}

.listings ul.meta-property{
font-weight:bold;
width:55%;
float:left;
}

.listings h1 a:hover{
background-color:#ff6;
color:#2e2441;
}

.listings a.thm-property{
font-size:9pt;
color: Black;
line-height: 18px;
}


/*
----------------------------------------------------------------
	PROPERTY DISPLAY PAGE
---------------------------------------------------------------- */

.Details #all-listings{
position:static;
float:left;
}


#wrapper {
position:relative;
width:940px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
margin: 10px auto;
background:#FFF url(/Content/Images/fsboheader.jpg) no-repeat 0 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border:1px solid #2e2441;
overflow:hidden
}

a.maplink{
color:#5c844f;
font-weight:bold;
}

a.maplink:hover{
color:#000;
}

.Details h1{
width:620px;
}

#property-intro{
color:#000;
width:620px;
}

#property-detail{
color:#000;
margin-top:60px;
position:relative;
}

#property-detail h3{
font-size:14pt;
padding-bottom:5px;
}

#property-meta{
position:absolute;
left:522px;
}

#property-meta h3{
font-size:10pt;
border-bottom:1px solid black;
width:415px;
margin-top:5px;
padding-bottom:2px;
}

#property-meta em{
font-weight:bold;
font-style:italic;
}

#property-meta #price{
font-weight:bold;
font-size:14pt;
color:#900
}

#property-desc{
float:right;
width:418px;
margin-top:260px;
}

#property-desc h3{
font-size:10pt;
border-bottom:1px solid black;
width:415px;
padding-bottom:2px;
}

#slidewrapper{
background:#c9cede;
width:487px;
padding:10px;
float:left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #fff;
}

#slide-lg img{
margin:auto;
display:block;
}

#slide-lg{
    position:relative;
    background-color:#fff;
    border:1px solid #2e2441;
}

#slide-caption{
    position:absolute;
    bottom:0;
    padding:5px;
    background-color:#333;
    opacity:0.9;
    filter:alpha(opacity=90);
    width:475px;
    color:#fff;
}


#slideshow-thumbs {
padding-top:4px;
}

#slideshow-thumbs li{
float:left;
margin-right:1px;
height:50px;
width:50px;
}

#slideshow-thumbs li img{
    margin:auto;
    display:block;
    border:1px solid #aaa;
}


#slideshow-thumbs a.register{
display:block;
background-color:#fff;
width:190px;
color:#000;
padding:2px;
text-decoration:none;
margin:5px auto;
text-align:center;
font-weight:bold;
font-size:8pt;
}

a.register:hover{
background-color:#ff6;
}

#equalhousingcontainer{
float:left;
text-align:center;
width:930px;
margin-top:10px;
}

#equalhousingcontainer p{
font-size:9pt;
font-style:italic;
padding-bottom:5px;
}


/*
----------------------------------------------------------------
	Forms
---------------------------------------------------------------- */

.add-photos form,
.add form{
border:1px solid #fff;
background:#c9cede;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:8px;
margin-top:190px;
margin-bottom:20px;
margin-left:6px;
width:910px;
position:relative;
}


.add-photos form .submit,
.add form .submit,
.add-photos form input[type="submit"],
.add form input[type="submit"]{
position:absolute;
bottom:10px;
left:400px;
background:#5c844f;
color:#fff;
border:1px solid #fff;
font-size:10pt;
font-weight:bold;
font-family:Arial;
width:150px;
}

.add-photos form .submit:hover,
.add form .submit:hover,
.add-photos form input[type="submit"]:hover,
.add form input[type="submit"]:hover{
background-color:#ff6;
color:#5c844f;
}

.add-photos-completed #sidebar,
.add-photos #sidebar,
.add #sidebar{
display:none;
}

/*
----------------------------------------------------------------
	ADD HOME FORM
---------------------------------------------------------------- */

.add legend{
font-weight:bold;
font-size:14pt;
margin-bottom:10px;
}

.add form h3{
margin-bottom:5px;
}

#secDetail,
#secDescription,
#secOwner,
#secOpts{

float:left;
margin-right:10px;
}

#secDetail{
width:297px;
}

#secDescription{
width:330px;
}

#secOwner{
width:250px;
}


.add form input[type="text"],
.add form select,
.add form textarea{
border:1px solid #666;
width:180px;
margin-bottom:4px;
float:left;
}

.add form input[type="checkbox"]{
float:left;}


.add form label{
float:left;
text-align:right;
font-size:9pt;
line-height:12pt;
padding-right:5px;
font-style:italic;
}

#secDetail label{
display:block;
width:100px;
}

#secDescription label{
display:block;
width:70px;

}

#secDescription input,
#secDescription textarea{
width:240px
}

#secDescription textarea{
height:145px;
}

#secOwner label{
display:block;
width:50px;
}


#secOpts select{
width:60px;
}

#secOpts{
width:600px;
height:120px;
margin-top:20px;
padding-left:150px;
}

.validation-summary-errors,
.field-validation-error{
color:#f00
}

.field-validation-error{
padding-left:2px;
font-size:12pt;
float:left
}


/*
----------------------------------------------------------------
	Add Photos page
---------------------------------------------------------------- */

.add-photos form p{
text-align:center;
margin-bottom:10px;
}


.add-photos form #fileinputs{
margin-bottom:40px;
text-align:center;
}


.add-photos form #fileinputs div{
padding:4px;
}

/*
----------------------------------------------------------------
	Add Photos Confirmation
---------------------------------------------------------------- */


.add-photos-completed #wrapper{
text-align:center;
padding-top:10px;

}


.add-photos-completed #all-listings{
padding-top:220px;}
/*
----------------------------------------------------------------
	Light Box stuff
---------------------------------------------------------------- */

#registration{
position:relative;
}

#registration p{
font-style:italic;
padding-bottom:10px;
text-align:center;
}

#registration label{
display:block;
width:100px;
font-weight:bold;
float:left;
text-align:right;
padding-right:5px;
margin-bottom:5px;
padding-top:2px;
clear:left;
}

#registration input[type="text"]{
float:left;
margin-bottom:5px;
}

#registration legend{
font-weight:bold;
width:380px;
text-align:center;
padding-bottom:8px;
}