/* CSS Document */
body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, img, form, fieldset { padding: 0; border: 0; margin: 0; }
body { background: #717277 url(/images/bg.jpg) repeat-x; }
a { outline: none; }
* html .visualIEFloatFix { height: 0.01%; }
/* CENTERS THE PAGE */
#wrapper { margin: 0 auto; width: 751px; background: #FFFFFF; margin-top: 20px; }
#container { width: 751px; background: #FFFFFF; float: left; padding-bottom:20px; }
#container-home { width: 751px; background: #FFFFFF; float: left; }

/* HEADER AND TOP NAVIGATION STLYES */
#header { width: 751px; }
#tod-logo { float: left; width: 114px; height: 65px; padding: 12px 0px 0px 12px; }
#phone_banner { float: left; padding: 30px 0px 4px 280px; }
#banner { float: left; padding: 10px 0px 0px 15px; }

ul#logos { list-style: none; float: right; padding: 15px 15px 0px 0px; }
ul#logos li { float: left; padding: 0px 7px 0px 0px; }  

ul#nav { list-style: none; float: right; padding: 15px 15px 0px 0px; width: 300px; }
ul#nav li { float: left; padding: 0px 10px 0px 0px; }
ul#nav li a { float: left; }
ul#nav li#home a { background: url(/images/home.jpg) no-repeat; width: 36px; height: 15px; }
ul#nav li#home a:hover { background: url(/images/over-home.jpg) no-repeat; }
ul#nav li#home a.highlight { background: url(/images/over-home.jpg) no-repeat; }
ul#nav li#services a { background: url(/images/services.jpg) no-repeat; width: 76px; height: 15px; }
ul#nav li#services a:hover { background: url(/images/over-services.jpg) no-repeat; }
ul#nav li#services a.highlight { background: url(/images/over-services.jpg) no-repeat; }
ul#nav li#reports a { background: url(/images/reports.jpg) no-repeat; width: 95px; height: 15px; }
ul#nav li#reports a:hover { background: url(/images/over-reports.jpg) no-repeat; }
ul#nav li#reports a.highlight { background: url(/images/over-reports.jpg) no-repeat; }
ul#nav li#contact a { background: url(/images/contact.jpg) no-repeat; width: 53px; height: 15px; }
ul#nav li#contact a:hover { background: url(/images/over-contact.jpg) no-repeat; }
ul#nav li#contact a.highlight { background: url(/images/over-contact.jpg) no-repeat; }

/* CONTENT STYLES */
#main { float: left; margin-top: 10px; }
#left { float: left; width: 193px; height: 194px; margin: 0px 0px 0px 20px; }
* html #left { float: left; width: 193px; height: 194px; margin: 0px 0px 0px 10px; }
ul#left-nav { list-style: none; float: left; margin: 0px 0px 0px -4px; }
ul#left-nav li { float: left; padding: 2px 0px 0px 0px; }
*:first-child+html ul#left-nav li { float: left; padding: 0px 0px 0px 0px; } 
* html ul#left-nav li { float: left; padding: 0px 0px 0px 0px; }
ul#left-nav li a { float: left; }
ul#left-nav li#about a { background: url(/images/about.jpg) no-repeat; width: 98px; height: 88px; padding-right: 2px; }
ul#left-nav li#about a:hover { background: url(/images/over-about.jpg) no-repeat; }
ul#left-nav li#listings a { background: url(/images/listings.jpg) no-repeat; width: 92px; height: 88px; }
ul#left-nav li#listings a:hover { background: url(/images/over-listings.jpg) no-repeat; }

#middle { float: left; width: 322px; height: 332px; }

#right { float: left; width: 196px; height: 194px; }
ul#right-nav { list-style: none; float: right; }
ul#right-nav li { float: left; padding: 2px 0px 0px 0px; }
*:first-child+html ul#right-nav li { float: left; padding: 0px 0px 0px 0px; } * html ul#right-nav li { float: left; padding: 0px 0px 0px 0px; }
ul#right-nav li a { float: left; }
ul#right-nav li#market a { background: url(/images/market.jpg) no-repeat; width: 96px; height: 101px; padding-left: 2px; }
ul#right-nav li#market a:hover { background: url(/images/over-market.jpg) no-repeat; }
ul#right-nav li#moving a { background: url(/images/moving.jpg) no-repeat; width: 93px; height: 88px; }
ul#right-nav li#moving a:hover { background: url(/images/over-moving.jpg) no-repeat; }

/* INTERIOR NAVIGATION STYLES */
ul#int-nav { width: 125px; float: left; list-style: none; padding: 20px 0px 0px 15px; }
*:first-child+html ul#int-nav { width: 125px; float: left; list-style: none; padding: 0px 0px 0px 15px; } * html ul#int-nav { width: 125px; float: left; list-style: none; padding: 0px 0px 0px 15px; }
ul#int-nav li { float: left; padding: 0px 3px 5px 0px; }
ul#int-nav li a { float: left; }
ul#int-nav li#sm-about a { background: url(/images/sm-about.jpg) no-repeat; width: 58px; height: 55px; }
ul#int-nav li#sm-about a:hover { background: url(/images/sm-over-about.jpg) no-repeat; }
ul#int-nav li#sm-about a.highlight { background: url(/images/sm-over-about.jpg) no-repeat; }
ul#int-nav li#sm-listings a { background: url(/images/sm-listings.jpg) no-repeat; width: 57px; height: 55px; }
ul#int-nav li#sm-listings a:hover { background: url(/images/sm-over-listings.jpg) no-repeat; }
ul#int-nav li#sm-listings a.highlight { background: url(/images/sm-over-listings.jpg) no-repeat; }
ul#int-nav li#sm-market a { background: url(/images/sm-market.jpg) no-repeat; width: 58px; height: 63px; }
ul#int-nav li#sm-market a:hover { background: url(/images/sm-over-market.jpg) no-repeat; }
ul#int-nav li#sm-market a.highlight { background: url(/images/sm-over-market.jpg) no-repeat; }
ul#int-nav li#sm-moving a { background: url(/images/sm-moving.jpg) no-repeat; width: 57px; height: 54px; }
ul#int-nav li#sm-moving a:hover { background: url(/images/sm-over-moving.jpg) no-repeat; }
ul#int-nav li#sm-moving a.highlight { background: url(/images/sm-over-moving.jpg) no-repeat; }

#text { float: left; width: 550px; padding: 0px 30px 0px 25px; }
*:first-child+html #text { float: left; width: 550px; padding: 10px 30px 0px 25px; } * html #text { float: left; width: 550px; padding: 10px 30px 0px 25px; }

/* FORM ELEMENT STYLES */
fieldset { width: 450px; float: left; margin: 15px 0px 0px 30px; border: 1px solid #ba0000; padding: 20px 0px 20px 30px; background: #f7f7f7; }
* html fieldset { width: 450px; float: left; margin: 15px 0px 0px 15px; border: 1px solid #ba0000; padding: 20px 0px 20px 30px; background: #f7f7f7; }
fieldset.edit { width: 550px; float: left; margin: 0; border: 0; background: none; padding:0; }
label { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 11px; color: #525252; }

input.input  { width: 80%; height: 1.5em; color: #333333; font-weight: normal; font-size: 12px; border-color: #333333; border-style: solid; border-width: 1px; }
.formfield { float: left; width: 50%; font-size: 10px; line-height: 1.5em; color: #333333; font-weight: normal; padding-bottom: 10px; }
.formfield-full { float: left; width: 100%; font-size: 10px; line-height: 1.5em; color: #333333; font-weight: normal; padding-bottom: 10px; }
.listingfield { float: left; width: 175px; padding-left: 15px; font-size: 10px; line-height: 1.5em; color: #333333; font-weight: normal; padding-bottom: 3px; }
.photofield { float: left; width: 400px; }
.submit { width: 20%; height: 1.8em; color: #333333; font-weight: normal; float: right; margin-right: 45px; }
select.input { width: 30%; height: 1.8em; color: #333333; font-weight: normal; font-size: 12px; border-color: #333333; border-style: solid; border-width: 1px; }
.upload  { width: 80%; height: 2em; color: #333333; font-weight: normal; font-size: 11px; border-color: #333333; border-style: solid; border-width: 1px; }
.button { width: 18%; }
.controls { width: 100%; float: left; }
.agent { float: right; width: 100px; clear: right; padding: 2px; border: 1px solid #f7f7f7; background-color: #dbdbdb; color: #333333; font-weight: normal; font-size: 11px; font-family:Arial, Helvetica, sans-serif;}
#photos { width: 350px; }
.add-photos { float: left; padding: 2px; color: #333333; font-weight: normal; font-size: 11px; font-family:Arial, Helvetica, sans-serif; border: 1px solid #f7f7f7; background-color: #dbdbdb; }
.add-photos span { float: left; display: block; width: 60px; height: 60px; background-repeat: no-repeat; }

/* DISPLAY LISTS STYLES */
p.right-links { float: right; margin: 5px 0px 5px 360px; }
table { font-family: Arial, Helvetica, sans-serif; font-size: 10px; float: left; border-spacing: 0; width: 80%; background-color: #ffffff; margin: 5px 0px 20px 0px; }
table a, table a:visited { color: #666666; text-decoration: none; display: block; }
table, th, td { font-weight: normal; color: white; }
table.list td { color: #666666; padding: 4px 12px 4px 12px; vertical-align: top; }
* html table.list td { color: #666666; padding: 4px 8px 4px 8px; vertical-align: top; }
th { color: #ffffff; font-size: 11px; font-weight: bold; border-right: 1px solid #ffffff; vertical-align: middle; padding: 0px 8px 0px 8px; height: 35px; }
* html th { color: #ffffff; font-size: 11px; font-weight: bold; border-right: 1px solid #ffffff; vertical-align: middle; padding: 0px 4px 0px 4px; height: 35px; }
tr.red { background: #ba0000; border: none; }
tr.even { background: #f7f7f7; }
a.action, a:visited.action { font-size: 9px; color: #020f64; }
.no-bg { background: #d34f4f; }

/* CONTACT STYLES */
table.list2 td { color: #666666; padding: 4px 8px 4px 8px; vertical-align: top; }

/* DISPLAY ACCOUNT STYLES */
#breadcrumb { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
span.input { font-family: Arial, Helvetica, sans-serif; height: 1.5em; color: #333333; font-weight: normal; font-size: 12px; }
.acct-photo { float: left; }

/* LISTING STYLES */
.spacing { margin: 10px; }
.reg-listing { min-height: 110px; margin: 15px 0px 0px 0px; padding: 10px 20px 10px 15px; }
.featured { border: 1px solid #ba0000; padding: 20px 20px 10px 15px; margin: 0px; background: #d3e5fd url(/images/featured.png) no-repeat 15px 10px; }
* html .featured { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/featured.png", sizingMethod="crop");  width: 495px; height: 100%; }
.sold { border: 1px solid #f7f7f7; padding: 20px 20px 10px 15px; margin: 0px; background: #fee8c4 url(/images/sold.png) no-repeat 15px 10px; }
* html .sold { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/sold.png", sizingMethod="crop"); width: 495px; height: 100%; }
.deleted { border: 1px solid #f7f7f7; padding: 20px 20px 10px 15px; margin: 0px; background: #dbdbdb url(/images/deleted.png) no-repeat 15px 10px; }
* html .deleted { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/deleted.png", sizingMethod="crop"); width: 495px; height: 100%; }
.thumb { float: left; margin: 0px 15px 10px 0px; }
#pagination_links { color: #666666; text-decoration: none; float: right; font-family:Arial, Helvetica, sans-serif; font-size: 11px; margin: 10px 0px 10px 0px; }
hr { float: left; border: thin solid #999999;	width: 95%; }
* html hr { margin-left: -30px; float: left; border: thin solid #999999; width: 95%; }
textarea.input { width: 80%; height: 120px; color: #333333; font-weight: normal; font-family:Arial, Helvetica, sans-serif; font-size: 12px; border-color: #333333; border-style: solid; border-width: 1px; }
ul.list_rooms { list-style-type: none; }
ul.list_rooms > li { font-family: Arial, Helvetica, sans-serif; font-size: 11px; list-style-type: none; }
li a { color: #525252; }
li { list-style-position: inside; }

/* FILTER STYLES */
select.multiple { width: 80%; }
select { width: 80%; color: #333333; font-weight: normal; font-size: 11px; border-color: #333333; border-style: solid; border-width: 1px; }

/* FORM FILL OUT STYLES */
.error { color: #d34f4f; font-size: 10px; font-family: Arial, Helvetica, sans-serif; list-style-type: none; line-height: 14px; }
.selected { border: thin red solid; padding: 5px 0px 5px 0px; }



/* FOOTER STYLES */
#footer { clear: both; width: 751px; background: #717277 url(/images/footer.jpg) no-repeat 50% 0; float: left; }
#int-footer { clear: both; width: 751px; float: left; background: #717277; }
#footer p, #int-footer p { font-size: 10px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; }
p.p-left { float: left; padding: 0px; }
p.p-right { float: right; clear: right;  padding: 0px;}
p.p-right a, p.p-left a { font-family: Arial, Helvetica, sans-serif; font-size: 10px;  color: #ffffff; padding: 0px; }
