body,html {
    min-height: 100%;
    background: #26589d;
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #036;
}

a { color: #f60; font-weight: bold; text-decoration: underline; }

h1 { margin: 0 0 10px 0; padding: 10px; font-size: 20px; color: #fff; background: #9db78c; }
h2 { font-weight: bold; font-size: 14px; }

/* basic structural elements */
#main { width: 900px; margin: 0 auto; background: #26589d url(/img/main-background.png) 2px 0 repeat-y; }
#main .inner { width: 900px; background: url(/img/main-inner-background.png) no-repeat; }
#main .inner .left { width: 284px; float: left; }
#main .inner .left .logo { display: block; width: 202px; height: 149px; margin: 30px 0 10px 55px; background: url(/img/main-left-logo.gif) no-repeat; }
#main .inner .left .lower { display: block; width: 230px; margin: 0 0 20px 40px; }
#main .inner .left .lower .sharing { width: 132px; margin: 0 auto 10px auto; }
#main .inner .left .lower .sharing img { float: left; width: 40px; height: 40px; margin: 0 2px; }


/* navigation */
#main .inner .nav { float: left; width: 616px; height: 119px; margin: 0 0 10px 0; background: #26589d; }
#main .inner .nav .links { padding: 89px 0 0 0; }
#main .inner .nav a { display: block; height: 30px; float: left; overflow: hidden; }
#main .inner .nav #available-rentals { width: 162px; background: url(/img/main-nav-button-available-rentals.gif) no-repeat; background-position: 0px 0px; }
#main .inner .nav #available-rentals:hover { background-position: -162px 0px; }
#main .inner .nav #tenant-info { width: 102px; background: url(/img/main-nav-button-tenant-info.gif) no-repeat; background-position: 0px 0px; }
#main .inner .nav #tenant-info:hover { background-position: -102px 0px; }
#main .inner .nav #owner-info { width: 105px; background: url(/img/main-nav-button-owner-info.gif) no-repeat; background-position: 0px 0px; }
#main .inner .nav #owner-info:hover { background-position: -105px 0px; }
#main .inner .nav #contact-us { width: 102px; background: url(/img/main-nav-button-contact-us.gif) no-repeat; background-position: 0px 0px; }
#main .inner .nav #contact-us:hover { background-position: -102px 0px; }
#main .inner .nav #testimonials { width: 145px; background: url(/img/main-nav-button-testimonials.gif) no-repeat; background-position: 0px 0px; }
#main .inner .nav #testimonials:hover { background-position: -145px 0px; }

/* main content area */
#main .inner .content .upper { width: 550px; float: left; }
#main .inner .content .lower { clear: both; width: 800px; min-height: 320px; margin: 0 auto 20px auto; }

/* footer */
#main .footer { height: 60px; background: #26589d url(/img/main-footer-background.png) no-repeat; }
#main .footer .pad { padding-top: 50px; font-size: 10px; color: #fff; text-align: center; }

/* tools */
.tools { clear: left; margin: 0 0 10px 0; }
.tools a { margin: 0 10px 0 0; }

/* status message */
#status-message { margin: 0 0 10px 0; font-size: 14px; font-weight: bold; text-align: center; }
#status-message.error { color: #f00; }

/* form class */
fieldset.form { margin: 0 0 10px 0; }
fieldset.form legend { padding: 0 0 10px 100px; font-size: 16px; font-weight: bold; }
fieldset.form .row { margin: 0 0 10px 0; }
fieldset.form .row label.block { display: block; padding: 2px 10px 2px 0; width: 225px; float: left; font-size: 14px; text-align: right; }
fieldset.form .row label.inline { vertical-align: middle; }
fieldset.form .last { padding-left: 235px; }
fieldset.form input { vertical-align: middle; }
fieldset.form input.text,
fieldset.form input.button,
fieldset.form textarea,
fieldset.form select { font-size: 14px; padding: 2px; }
fieldset.form .small input.text { width: 100px; }
fieldset.form .medium input.text { width: 200px; }
fieldset.form .large input.text { width: 300px; }
fieldset.form textarea { width: 350px; height: 200px; }

/* lists */
ul.bullets li { margin: 0 0 0 20px; list-style-type: disc; }
ul.bullets li ul li { list-style-type: circle; }

/* helper classes */
.bold { font-weight: bold; }
.line { margin-bottom: 10px; border-bottom: 1px solid #e8e8e8; }
.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }
.vertMiddle { vertical-align: middle; }
.textCenter { text-align: center; }
.noBorder { border: 0; }

/* general classes */
.loginBtn { display: block; width: 200px; height: 50px; clear: right; background-position: 0 0; background-repeat: no-repeat; }
.loginBtn:hover { background-position: -200px 0; }
.short h1 { width: 315px; }
.bg { background: url(/img/contact-us-background.gif) no-repeat bottom right; }

/* index page */
#index .left .lower .desc { margin: 0 0 10px 0; font-size: 11px; color: #333; }

/* manage listings */
#manage-listing ul.features { width: 33%; float: left; }
#manage-listing ul.features li { margin: 0 0 5px 0; }
#manage-listing ul.features li label { font-size: 13px; vertical-align: middle; }
#manage-listing ul.features li input { vertical-align: middle; }

/* browse listings */
#list-option-form .form { margin: 0 0 0 50px; }
#browse-listings .listing { width: 700px; margin: 0 auto 5px auto; clear: both; }
#browse-listings .even .fill { background: #e6eff0; }
#browse-listings .odd .fill { background: #fff; }
#browse-listings .listing .thumb { width: 125px; height: 96px; margin: 0 2px 0 0; float: left; }
#browse-listings .listing .thumb a { display: block; width: 115px; height: 86px; margin: 5px 0 0 5px; }
#browse-listings .listing .thumb a img { width: 115px; height: 86px; }
#browse-listings .listing .info { width: 400px; height: 96px; margin: 0 2px 0 0; float: left; }
#browse-listings .listing .info .available { float: right; height: 96px; padding: 0 30px 0 0; line-height: 96px; font-size: 16px; }
#browse-listings .listing .info .street { font-size: 14px; }
#browse-listings .listing .rent { width: 155px; height: 96px; float: left; }
#browse-listings .listing .rent .amount { font-size: 14px; }
#browse-listings .listing p { padding: 5px; font-size: 11px; color: #000; }
#browse-listings .pagination { text-align: center; }

/* view listing */
#view-listing .datasheet { float: left; width: 49%; color: #222; }
#view-listing .datasheet .top { margin: 0 0 20px 0; font-size: 14px; }
#view-listing .datasheet .desc { margin: 0 0 10px 0; }
#view-listing .datasheet .label { margin: 0 0 10px 0; font-size: 14px; font-weight: bold; }
#view-listing .datasheet table { width: 100%; margin: 0 0 10px 0; }
#view-listing .datasheet table tr.even { background: #ccc; }
#view-listing .datasheet table tr.odd { background: #ededed; }
#view-listing .datasheet table td { width: 50%; padding: 10px; font-size: 14px; }
#view-listing .datasheet .addthis_toolbox { margin: 0 0 10px 0; }
#view-listing .datasheet .addthis_toolbox a,
#view-listing .datasheet .addthis_toolbox span { float: right; text-decoration: none; }
#view-listing .gallery { float: right; width: 49%; }
#view-listing .gallery .large { position: relative; width: 360px; margin: 0 auto 10px 0; padding: 5px; border: 1px solid #ccc; }
#view-listing .gallery .large img.listingImg { width: 360px; }
#delete-image { position: absolute; right: 10px; bottom: 10px; width: 100px; height: 16px; }
#delete-image img { vertical-align: middle; }
#view-listing .gallery .thumbs { margin: 0 0 10px 0; }
#view-listing .gallery .thumbs .thumb { width: 115px; float: left; margin: 0 5px 5px 0; }
#view-listing .gallery .thumbs .thumb img { width: 115px; float: left; margin: 0 5px 0 0; }
#view-listing .features { margin: 0 0 10px 0; padding: 15px; color: #222; font-size: 14px; border: 1px solid #063366; background: #dbe9fc; }
#view-listing .features .title { margin: 0 0 10px 0; }
#view-listing .features ul { width: 33%; float: left; }
#view-listing .features .space { margin: 0 0 10px 0; }
#view-listing .bottom { margin: 0 0 10px 0; padding: 15px; border: 1px solid #000; }
#view-listing .bottom .map { width: 340px; height: 255px; float: left; margin: 0 20px 0 0; }
#view-listing .bottom .contact { font-size: 18px; line-height: 24px; }


/* tenant info */
#tenant-login { background-image: url(/img/tenant-login.jpg); }

/* contact us */
#contact-us-page .upper { height: 375px; }

/* testimonials */
#testimonials-page .testimonials { float: left; width: 59%; height: 375px; overflow: scroll; overflow-x: hidden; }
#testimonials-page .testimonials p { margin: 0 0 10px 0; }
#testimonials-page .testimonials p .sig { font-style: italic; }
#testimonials-page .upper .right { width: 39%; float:right; }

/* owner info index */
#owner-info-index .ownerInfoLinks { width: 49%; float: left; }
#owner-info-index .ownerInfoLinks li { margin: 0 0 5px 0; }
#owner-info-index .ownerInfoLinks li a { text-decoration: underline; font-weight: bold; }
#owner-info-index .ownerInfoLinks li .tools { clear: none; }
#owner-login { background-image: url(/img/owner-login.jpg); }
#regime-login { background-image: url(/img/regime-login.jpg); }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #333; opacity: .30;filter:Alpha(Opacity=30); }
.pdfDialog { background: #fff; border: 3px solid #fea715 }
.pdfDialog .ui-dialog-titlebar { display: none; }
.pdfDialog .logo { width: 150px; margin: 10px auto 0 auto; }
.pdfDialog .file { margin: 0 0 10px 50px; font-size: 14px; }
.pdfDialog .title { float: left; padding: 0 0 0 5px; }
.pdfDialog .close { float: right; padding: 0 5px 0 0; }