/* Initial Styles
********************/
* { margin: 0; padding: 0; }
ul, ol { list-style-type: none; }
img { display: block; border: 0; }
table { border-collapse: collapse; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
caption, th { text-align: left; }

.clear { clear: both; display: block; height: 0; visibility: hidden; }
.float-left { float: left; margin: 0 10px 10px 0; }
.float-right { float: right; margin: 0 0 10px 10px; }

/*
html { font: normal 62.5%/140% Arial, Verdana, sans-serif; background: #a8a9ab url('/images/interface/html_bg.png') left top repeat-x; }
body { width: 900px; background: #e7e7e9 url('/images/interface/body_bg.jpg') 15px top no-repeat; margin: 0 auto; position: relative; padding-top: 135px; }
*/
html { font: normal 62.5%/140% Arial, Verdana, sans-serif; }
body { background: #a8a9ab url('/images/interface/html_bg.png') left top repeat-x; }
p.strong { font-weight: bold; font-size: 120%; text-align: center; margin-bottom: 10px; line-height: 1.2; }
hr { clear: block; display: block; color: #C4C4C6; border-color: #C4C4C6; margin: 15px 0; }

#container { width: 900px; background: #e7e7e9 url('/images/interface/body_bg.jpg') 15px top no-repeat; margin: 0 auto; position: relative; padding-top: 135px; }

#content form.generic { display: block; margin: 10px; padding: 10px; border: solid 1px #adadaf; }
#content form.generic table { width: 100%; }
#content form.generic p { margin: 0; }
#content form.generic td { padding: 6px 0; }
#content form.generic tr { border-bottom: solid 1px #c4c4c6; }
#content form.generic tr.last { border-bottom: 0; }

#content .feature { margin: 10px 0; border: solid #c4c4c6; border-width: 1px 0; }

#content ul { list-style-type: disc; margin-left: 1em; padding-left: 0.5em; }

.frame { width: 591px; margin-bottom: 15px; }
.frame-top { height: 3px; background: url('/images/interface/frame-top.png') left top no-repeat; }
.frame-bottom { height: 3px; background: url('/images/interface/frame-bottom.png') left top no-repeat; }
.frame-middle { padding: 8px 11px; background: url('/images/interface/frame-middle.png') left top repeat-y; }

#video-placeholder { text-indent: -9999em; width: 250px; height: 155px; background: url('/images/interface/video_placeholder.gif') center center no-repeat; }

/* Header [=header]
*********************/
a#header { text-decoration: none; overflow: hidden; text-indent: -9999em; width: 230px; height: 550px; position: absolute; top: 0; left: 36px; background: transparent url('/images/interface/header.png') left top no-repeat; z-index: 10; cursor: pointer; }

/* User Options
***************************/
#user_options { font-size: 1.2em; width: 870px; height: 25px; line-height: 25px; text-align: right; border-style: solid; border-width: 0 15px; border-color: #fff; background: transparent url('/images/interface/user_options_bg.png') left -5px repeat-x; position: absolute; top: 0; padding-bottom: 100px; }
#user_options span#user_welcome { color: #159401; margin: 0 10px; }
#user_options span#user_name { font-weight: bold; }
#user_options a:link,
#user_options a:visited { color: #043b5e; background: transparent url('/images/interface/arrow_right_generic.gif') right center no-repeat; text-transform: uppercase; text-decoration: none; padding: 0 15px; font-size: 95%; margin: 0 10px; }
#user_options a:hover,
#user_options a:active { color: #ff5a00; background-image: url('/images/interface/arrow_right_generic_hover.gif'); }

/* Navigation
*********************/
#nav { position: absolute; top: 115px; padding-left: 277px; width: 623px; height: 24px; background: #043b5e url('/images/interface/nav_bg.gif') left top repeat-x; z-index: 5; }
#nav li { float: left; }
#nav li a { display: block; text-indent: -9999em; height: 24px; overflow: hidden; text-decoration: none; background-image: url('/images/interface/nav_links.png'); background-repeat: no-repeat; }

#nav li#nav_home { width: 45px; padding-left: 3px; margin-left: -3px; background: transparent url('/images/interface/nav_separator.gif') left 9px no-repeat; }
#nav li#nav_home a { background-position: 0 0; }
#nav li#nav_home a:hover { background-position: 0 -24px; }
#nav li#nav_home a.current { background-position: 0 -48px; }

#nav li#nav_educational { width: 136px; }
#nav li#nav_educational a { background-position: -45px 0; }
#nav li#nav_educational a:hover { background-position: -45px -24px; }
#nav li#nav_educational a.current { background-position: -45px -48px; }

#nav li#nav_property { width: 125px; }
#nav li#nav_property a { background-position: -181px 0; }
#nav li#nav_property a:hover { background-position: -181px -24px; }
#nav li#nav_property a.current { background-position: -181px -48px; }

#nav li#nav_news { width: 99px; }
#nav li#nav_news a { background-position: -306px 0; }
#nav li#nav_news a:hover { background-position: -306px -24px; }
#nav li#nav_news a.current { background-position: -306px -48px; }

#nav li#nav_recent_transactions { width: 133px; }
#nav li#nav_recent_transactions a { background-position: -405px 0; }
#nav li#nav_recent_transactions a:hover { background-position: -405px -24px; }
#nav li#nav_recent_transactions a.current { background-position: -405px -48px; }

#nav li#nav_about { width: 65px; padding-right: 3px; background: transparent url('/images/interface/nav_separator.gif') right 9px no-repeat; }
#nav li#nav_about a { background-position: -538px 0; }
#nav li#nav_about a:hover { background-position: -538px -24px; }
#nav li#nav_about a.current { background-position: -538px -48px; }

/* Content
*********************/
#content { min-height: 350px; height: auto !important; height: 350px; font-family: Arial, Verdana, sans-serif; font-size: 1.1em; width: 591px; padding: 30px 18px 30px 262px; z-index: 1; border-style: solid; border-color: #fff; border-width: 0 15px 0 14px; background: transparent url('/images/interface/content_bg.gif') left 140px repeat-y; }

#content a:link,
#content a:visited { color: #043b5e; text-transform: uppercase; text-decoration: none; }
#content a:hover,
#content a:active { color: #ff5a00; }

#content a.arrow:link,
#content a.arrow:visited { padding-right: 15px; background: #e7e7e9 url('/images/interface/arrow_right_generic.gif') right 45% no-repeat; }
#content a.arrow:hover,
#content a.hover:active { background-image: url('/images/interface/arrow_right_generic_hover.gif'); }

#content h1 { color: #043b5e; background: #e3e9e6 url('/images/interface/h2_bg.png') left bottom repeat-x; text-align: center; text-transform: uppercase; height: 18px; line-height: 18px; border-color: #b2c3c8; border-style: solid; border-width: 1px 0; font-size: 100%; letter-spacing: 1px; margin-bottom: 10px; }
#content h2 { font-size: 130%; font-weight: bold; margin: 30px 0 10px; clear: both; }
#content h3 { font-size: 120%; font-weight: bold; margin-bottom: 10px; text-align: center; }
#content h4 { font-size: 1em; font-weight: bold; text-align: center; }
#content p { margin: 10px 0; }

#content p#view_all_properties { clear: both; height: 18px; line-height: 18px; border-color: #b2c3c8; border-style: solid; border-width: 1px 0; text-align: right; margin-bottom: 15px; }

#featured_properties { margin: 10px 0 !important; list-style-type: none !important; overflow: hidden; width: 620px; padding: 0 !important; list-style-type: none; }
#featured_properties p { margin: 0; }
#featured_properties li { float: left; width: 187px; padding: 130px 15px 10px 0px; background: transparent url('/images/interface/property_placeholder.png') left top no-repeat; }
#featured_properties ul.property { position: relative; margin: 0; padding: 0; list-style-type: none; }
#featured_properties ul.property li { line-height: 160%; float: none; width: 100%; padding: 0; background: 0; }
#featured_properties ul.property li.image { position: absolute; top: -122px; left: 8px; text-indent: -9999em; }
#featured_properties ul.property li.primary_address { font-weight: bold; font-size: 110%; }
#featured_properties li.image a { padding: 0; margin: 0; }
#featured_properties li.primary_address a { background: none; padding: 0; }

#property_detail { position: relative; }

#property_detail .attributes h2 { font-weight: bold; font-size: 140%; }
#property_detail .attributes { float: right; position: relative; right: 0; top: -15px; width: 220px; line-height: 1.4; }
#property_detail .gallery { float: left; position: relative; width: 365px; margin-bottom: 10px; }
#property_detail .gallery_navigation { position: relative; }
#property_detail .gallery_navigation .navigation a { display: block; width: 170px; height: 15px; padding: 5px; background-color: #fff; float: left; outline: 0; margin: 10px 0; }
#property_detail .gallery_navigation .navigation a.gallery_next { text-align: right; position: relative; left: 5px; }
#property_detail .gallery_navigation .navigation a.gallery_prev { text-align: left; }
#property_detail .thumbs { margin-left: -3px; clear: both; }
#property_detail .thumbs img { width: 55px; height: 41px; float: left; margin-left: 4px; border: solid 1px #000; }
#property_detail .picture { position: relative; width: 364px; height: 274px; top: 0; background: #fff url('/images/interface/property_placeholder_lg.png') left top no-repeat; margin-right: 15px; }
#property_detail .picture br { display: none; }
#property_detail .picture img { position: absolute; left: 8px; top: 8px; width: 348px; height: 258px; }
#property_detail .description { clear: both; }

#resources { margin: 10px 0; width: 585px; list-style-image: url('/images/interface/list_bullet_generic.gif'); list-style-type: disc; list-style-position: inside; }
#resources li { width: 280px; float: left; margin-right: 10px; padding-left: 0; }
#resources li a:link, ul#resources li a:visited { background: none; text-decoration: underline; text-transform: none; color: #454545; }
#resources li a:hover, ul#resources li a:active { color: #ff5a00; }

/* Map (for Property Inventory)
********************************/
#map-options h3 { font-weight: bold; text-align: center; font-size: 120%; margin-bottom: 10px; }
#map { margin: 0 auto !important; padding: 0 !important; list-style-type: none !important; width: 500px; height: 316px; background: url('/images/interface/map.gif') left top no-repeat; }
#map li { float: left; cursor: pointer; }
#map li a { height: 316px; display: block; text-indent: -9999em; outline: 0; overflow: hidden; cursor: pointer; }
#map-west-region a { width: 139px; }
#map-central-region a { width: 142px; }
#map-east-region a { width: 219px; }

/* Login Page
*********************/
form#login_form table tr th, form#login_form table tr td.submit { text-align: right; }
form#login_form table tr th, form#login_form table tr td { padding: 5px; }
form#login_form label { font-size: 120%; }
form#login_form .text_field { border: solid 1px #666; padding: 4px; }
form#login_form table tr td.submit input { border: solid 1px #666; padding: 2px 4px; }

/* Property Inventory
*********************/
#property_inventory { padding: 0 !important; margin: 0 !important; list-style: none !important; }
#property_inventory li { position: relative; clear: both; margin-bottom: 10px; padding-left: 197px; height: auto !important; height: 140px; min-height: 140px !important; }
#property_inventory li p.image a { display: block; width: 185px; height: 118px; }
#property_inventory li p.primary_address { font-size: 140%; font-weight: bold; margin-bottom: 10px; }
#property_inventory li p.image { position: absolute; left: 0; top: -10px; background: transparent url('/images/interface/property_placeholder.png') left top no-repeat; width: 187px; height: 120px; }
#property_inventory li p.image img { position: absolute; top: 8px; left: 8px; }

.property-list-item { position: relative; clear: both; margin-bottom: 10px; padding-left: 197px; height: auto !important; height: 140px; min-height: 140px !important; }
.property-list-item p.image a { display: block; width: 185px; height: 118px; }
.property-list-item p.primary_address { font-size: 140%; font-weight: bold; margin-bottom: 10px; }
.property-list-item p.image { position: absolute; left: 0; top: -10px; background: transparent url('/images/interface/property_placeholder.png') left top no-repeat; width: 187px; height: 120px; }
.property-list-item p.image img { position: absolute; top: 8px; left: 8px; }
.property-sold { position: absolute; top: 0; right: 0; text-indent: -9999em; display: block; background: url('/images/interface/sold-sign.png') right top no-repeat; width: 90px; height: 90px; }

.page_list_pagination { font-size: 110%; text-align: right; padding: 4px 0; border: solid #C4C4C6; border-width: 1px 0; }
.page_list_pagination .label { font-weight: bold; }
.page_list_segment { color: #043b5e; padding: 1px 3px; margin-left: 8px; border: solid 1px #e7e7e9; }
.page_list_segment_selected { background-color: #fff; border: solid 1px #EDEDEF; }

/* Footer
*********************/
#footer { clear: both; position: relative; padding-top: 40px; background: #a8a9ab url('/images/interface/footer_bg.gif') left top no-repeat; font-size: 1.1em; }
#footer p { background-color: #a8a9ab; color: #ddd; width: 50%; float: left; padding-bottom: 20px; }
#footer p#credit { text-align: right; }

/* CCS Toolbar
********************/
table#mainCCSToolbar { font-size: 120%; }

/* Management Functions
************************/
#photo_gallery_thumbs { height: 130px; overflow: auto; }
#photo_gallery_thumbs img { width: 50px; height: 50px; float: left; margin: 3px 5px; border: solid 2px #f0f0f0; padding: 2px; }
#photo_gallery_thumbs img.selected { border-color: #506d91; background-color: #fff; }
#photo_gallery_preview_image { height: 350px; }

.full-height-column-container { overflow: hidden; display: block; }
.full-height-column { float: left; padding: 10px 10px 20000px; margin-bottom: -20010px; }

#photo_gallery_preview { width: 655px; height: 380px; border: solid 1px #848484; margin: 5px 0 10px; }
#photo_gallery_preview .first-column { width: 440px; }
#photo_gallery_preview .second-column { width: 170px; border-left: solid 1px #898989; }
#photo_gallery_preview .second-column a { display: block; margin: 0 auto; width: 100px; margin-bottom: 10px; background-color: #fff; padding: 5px; text-align: center; font-size: 90%; border: solid 1px #000; text-decoration: none; }
#photo_gallery_preview .second-column a:hover { background-color: #ccc; }