/* color scheme
   #23ed10 - bright green "Available Space" tab
   #0000fe - blue, used on H1 and for links
   #b5b5b4 - dark gray, on top tabs and as border color
   #ebebfe - light gray, body background
   #f4f4f7 - light gray, curved boxes background
   #35353e - dark gray, text color
*/

/* replaced by darker color scheme
body {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; background-color:#ebebfe; color:#35353e;}
#logo {margin:10px 0px 10px 0px;width:100px;}
#co_name h3 {font-size:13px; font-weight:bold; font-style:italic; color:#0000fe; text-transform:uppercase;}
*/
body {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; background-color:#898995; background-image:url(/images/bg.jpg); background-repeat:repeat-x; color:#35353e; size:landscape;}
* {margin:0px; padding:0px;}
a {text-decoration:none; color:#0000ca;}
#container {width:862px; margin:0px auto;}
#top {height:100px; display:block;overflow:hidden;}
#top_left {width:260px; height:100px; float:left;}
#top_right {width:580px; height:100px; float:right;}
#logo {margin:10px 0px 10px 0px;width:100px; border:solid 1px #64646c;}
#co_name {margin:75px 0px 0px 0px; width:150px; float:right;}
#co_name h3 {font-size:13px; font-weight:bold; font-style:italic; color:#ffffff; text-transform:uppercase;}
#topnav {font-size:12px; color:#dbdbd9; text-align:right; display:block; height:20px; padding:10px 10px 0px 0px;}
#tabs {text-align:right; margin:47px 10px 0px 0px; }
#topnav a {color:#dbdbd9;}
#topnav a:hover {color:#ffffff;}
#main p {margin:8px 10px; font-size:12px;}
.curve_tabs_green {background-color:#23ed10; color:#000000; font-size:11px; font-weight:bold; padding:7px; border:solid 1px #23ed10; text-decoration:none; text-transform:uppercase;margin:0px 0px 0px 2px;}
.curve_tabs {background-color:#e2e2e1; color:#0000ca; font-size:11px; font-weight:bold; padding:7px; border:solid 1px #e2e2e1; text-decoration:none; text-transform:uppercase; margin:0px 0px 0px 2px;}
.curve_tabs:hover {background-color:#c5c5c4; color:#0000ca; font-size:11px; font-weight:bold; padding:7px; border:solid 1px #e2e2e1; text-decoration:none; text-transform:uppercase; margin:0px 0px 0px 2px;}
.curve_blue_top {background-color:#0000fe; font-size:11px; color:#ffffff; padding:4px 10px; border:solid 1px #0000fe; clear:both;}
.curve_blue_top a {color:#ffffff;}
.curve_main {background-color:#ffffff; border:solid 1px #ffffff; padding:20px 10px;}
.curve {background-color:#f4f4f7; border:solid 1px #b5b5b4; padding:0px;}
.curve h2 {padding:10px; font-size:14px; font-weight:bold;}
.curve h1.homepg, .curve p.homepg {margin:0px 10px; display:block; padding:10px 0px; border-bottom:solid 1px #b5b5b4; font-size:11px; font-weight:normal;}
.curve p {margin:8px 20px; display:block; font-size:12px;}
.curve img.homepg {border-top:solid 1px #b5b5b4; border-bottom:solid 1px #b5b5b4;}
.curve h2.homepg {padding:10px; font-size:14px; font-weight:bold; text-align:center;}
.curve h2.homepg a {color:#35353e;}

#footer {text-align:center; font-size:11px; padding:5px; color:#dbdbd9; line-height:150%;}
#footer a {color:#dbdbd9;}
#footer a:hover {color:#ffffff; text-decoration:underline;}
p.clearfix {visibility:hidden; font-size:1px;clear:both;}

/* property detail section */
#propdetail_left {width:436px; float:left; margin-left:10px;}
#propdetail_right {width:370px; float:right;}
#propdetail_left h1, h1 {font-size:22px; font-weight:normal; color:#0000ca;}
#propdetail_left h3 {font-size:11px; font-weight:normal; color:#202023; border-top:solid 1px #dbdbd9; border-bottom:solid 1px #dbdbd9; margin:2px 0px; padding:2px;}
#propdetail_left_highlightimg {width:434px; border:solid 1px #b5b5b4; margin:15px 0px;}
#propdetail_left_slideshow { }
#propdetail_right h2 {font-size:14px; font-weight:bold; padding-bottom:0px;}
#propdetail_right h3 {font-size:13px; font-weight:bold; margin-left:20px;padding-bottom:0px; color:#0000ca;}
#propdetail_tab {margin-bottom:10px; padding-bottom:10px;}
#propdetail_tab ul.content {list-style-type:none; margin:8px 10px 10px 30px; font-size:11px;}
#propdetail_tab ul.content li {border-bottom:solid 1px #b5b5b4; padding:2px 0px;}
.arrowlistmenu ul li .user_content ul {list-style-type:disc; margin:0px 10px 0px 45px; font-size:11px;}
.arrowlistmenu ul li .user_content li { padding:3px 0px;}

#listings2x2 {width:840px; display:block;}
#listings2x2 div.listing {float:left; width:410px; margin:5px 0px 5px 10px;}
table#listingtable {width:390px; margin:0px 10px 0px 10px; border-bottom:solid 1px #b5b5b4; font-size:11px;}
td.listingtable_thumb {width:103px; padding-bottom:10px;}
td.listingtable_thumb img {border:solid 1px #b5b5b4;}
td.listingtable_text {padding:0px 0px 10px 10px;}

label {float:left; margin-right:5px; font-size:11px; font-weight:bold; display:block; clear:left; width:100px;}
  #test-list { width:437px; list-style-type:none; margin:0px; padding:0px; } 
  #test-list li { border:solid 1px #b5b5b4; float:left; clear:none;  width:103px; margin:2px; padding:0px;list-style-type:none; display:block; height:67px;} 
  #test-list img.thumb { cursor: move; margin:0px; padding:0px; } 
  .thumb-highlight {border:solid 1px #00cc00; float:left; clear:none;  width:103px; margin:2px; padding:0px;list-style-type:none; display:block; height:67px; background-color:#e0f9e0; }
  #test-log { padding: 5px; border: 1px solid #ccc; } 

form#contact_form {margin:10px 20px; width:330px;}
form#contact_form label {float:left; margin-right:5px; margin-bottom:5px; font-size:11px; font-weight:bold; display:block; clear:left; width:100px;}
form#contact_form input {width:220px; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-bottom:5px;}
form#contact_form textarea {width:220px; height:120px; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-bottom:5px;}

.hidden {display:none;}
#login { padding:20px;font-size:13px;}
#login h2 {font-size:16px; font-weight:bold; padding-bottom:0px;}
#login ul {list-style:none;}
#login li {padding:0px 10px;}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:url(/images/colorbox/overlay.png) 0 0 repeat;}

#colorbox{}
	#cboxTopLeft{width:21px; height:21px; background:url(/images/colorbox/borderTopLeft.png) 0 0 no-repeat;}
	#cboxTopCenter{height:21px; background:url(/images/colorbox/borderTopCenter.png) 0 0 repeat-x;}
	#cboxTopRight{width:21px; height:21px; background:url(/images/colorbox/borderTopRight.png) 0 0 no-repeat;}
	#cboxBottomLeft{width:21px; height:21px; background:url(/images/colorbox/borderBottomLeft.png) 0 0 no-repeat;}
	#cboxBottomCenter{height:21px; background:url(/images/colorbox/borderBottomCenter.png) 0 0 repeat-x;}
	#cboxBottomRight{width:21px; height:21px; background:url(/images/colorbox/borderBottomRight.png) 0 0 no-repeat;}
	#cboxMiddleLeft{width:21px; background:url(/images/colorbox/borderMiddleLeft.png) 0 0 repeat-y;}
	#cboxMiddleRight{width:21px; background:url(/images/colorbox/borderMiddleRight.png) 0 0 repeat-y;}
	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:28px;}
                #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
                #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
                #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
                #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:-25px -25px;}
                #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/colorbox/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxNext.hover{background-position:0px -25px;}
		#cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; bottom:0; right:0; background:url(/images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-50px -25px;}
		
.arrowlistmenu{
width: 370px; /*width of accordion menu*/}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
/*font: normal 12px Arial; letter-spacing:1px;
color: #000000;
margin-bottom: 0px;*/
cursor: hand;
cursor: pointer;
color:#0000ca;
background-image:url(/images/proptab-coll.jpg); background-repeat:no-repeat;
/*border-bottom:solid 1px #8a8e8d; display:block; height:20px; padding:5px 0px 0px 10px; text-transform:uppercase;
font-weight:bold;*/
}
.arrowlistmenu .menuheader a {color:#0000ca; text-decoration:none;}
.arrowlistmenu .menuheader a:hover {color:#0000ca; text-decoration:none;}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
cursor: hand;
cursor: pointer;
color:#0000ca;
background-image:url(/images/proptab-exp.jpg); background-repeat:no-repeat;
/*font: bold 12px Arial; letter-spacing:1px;
color: #000000;
margin-bottom: 0px;
border-bottom:solid 1px #8a8e8d; display:block; height:20px; padding:5px 0px 0px 10px; text-transform:uppercase;
background-image:url(/images/navover.jpg); background-repeat:no-repeat; background-position:top;*/}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.arrowlistmenu ul li{
margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; /*bottom spacing between menu items*/}