/* Comment out the following line to display forms, saved search, tags etc. */
/* #tagged-header, #tagged-content, #savedsearch-header, #savedsearch-content, #form-header, #form-content {display:none;} */
/* #tagged-header, #tagged-content, #savedsearch-header, #savedsearch-content {display:none;} */
#tagged-header, #tagged-content  {display:none;}

html { overflow: hidden; }
 
html, body {
margin: 0;
padding: 0;
height: 100%;
font-family: Helvetica, sans-serif;

}

body { margin: 10px; }

#content {
	position: relative;
}

#toolsDiv h1{display: block;}



#map {
position: absolute;
top: 0;
left: 0;
width: 100%;
/* height: 100%; */
}

.map {height:350px; }
 
#map-wrapper {
position: relative;
height: 100%;
}



#toolbar, #masthead {
color: #000;
padding:3px;
position:relative;
}

#toolbar {
background: #0765bd;
color:#fff;
border-bottom: solid 2px #000;
}

#masthead {
border:2px solid #0765bd;
margin-bottom: 4px;
}

#masthead #resultsInfo {
/* color:#000; */
font-size: 12px;
margin-right:100px;
padding: 1px 5px;
}

#masthead h1 {
margin: 0;
font: bold 18px Helvetica, sans-serif;

}
#masthead h1 a {text-decoration:none; color: #000;   }
#masthead h1 a:hover {}
#masthead h1 #phone {font-size: 14px; padding-left:20px;}
#masthead h1 #broker {padding-left:20px;}

#toolbar ul {
list-style: none;
padding: 0;
margin: 0;
}

/* #toolbar #save-form {
	position: absolute;
    right: 5px;
    top: 5px;
} */

#toolbar ul#sidebar-controls {
    position: absolute;
    right: 5px;
    bottom: 5px;
}



#toolbar ul li {
display: inline;
}
 
#toolbar ul li a {
padding: 3px 6px;
color: #fff; 
text-decoration: none;
font-size: 12px;
}
 
#toolbar ul li a:hover {
/* color: #aaa; */
background: #444;
}

  
#sidebar {
font-family: Helvetica, sans-serif;
font-size: 11px;
border:1px solid #000;
border-top: 0px solid #fff;
position: absolute;
top: 0;
width: 290px;
height: 100%;
overflow: auto;
}
/*
#sidebar-nav{
	position:relative;
	float:left;
	width:100%;
	padding:0 0 1.75em .5em;
	margin:0;
	list-style-type:none;
	line-height:1em;
}

#sidebar-nav li {
	float:left;
	margin:0;
	padding:0;
}

#sidebar-nav a {
	display:block;
	color:#444;
	text-decoration:none;
	font-weight:bold;
	background:#ddd;
	margin:0;
	padding:0.25em 1em;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;
}
#sidebar-nav A:hover,
#sidebar-nav A:active,
#sidebar-nav A.here:link,
#sidebar-nav A.here:visited {
	background:#bbb;
}

#sidebar-nav A.here:link,
#sidebar-nav A.here:visited {
	position:relative;
	z-index:102;
}
*/
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #777;
 font: bold 15px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 4px 0.7em;
 margin-left: 4px;
 border: 1px solid #777;
 border-bottom: none;
 background: #DDD;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #444; }
ul.tabbernav li a:visited { color: #666; }

ul.tabbernav li a:hover
{
 padding: 5px 0.8em 4px;
 color: #000;
 background: #AAA;
 border-color: #222;
}

ul.tabbernav li.tabberactive a
{
 padding: 7px 0.8em 3px;
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 /*
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
 */
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
/*.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
/*
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}



#sidebar #savedsearch-content {margin:4px;}
#sidebar #savedsearch-content .tblheading {padding-top: 12px; font-size:1.2em; font-weight:bold; }
#sidebar #savedsearch-content p {font-size:1.4em; text-align:center; margin-bottom: 0; font-weight:bold;}

#form-content {
background-color:#fff;
}

#form-content ul#mapMode {padding:0;}

#form-content ul#mapMode li{
padding:0;
display:inline;
}
#form-content ul#mapMode li a{
color: #444;
text-decoration: none;
font-size: 12px;
}

#form-content ul#mapMode li a#map-mode-off {display:none;}
#sidebar #list-controls {clear:both; line-height: 12px; margin: 7px 0;}

/*
#sidebar #sort-heading {
margin: 2px 0 0 4px;
float:left; 
font-family: Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
}
*/
#sidebar ul#sort-controls{padding:0; margin:0; text-align:center;}
#sidebar ul#sort-controls li {
display: inline;
line-height: 12px;
}

#sidebar ul#sort-controls li a {
padding: 1px 4px;
font-family: Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
font-size: 12px;
}

#sidebar ul#sort-controls li a.no {color:#000; background: transparent;}

#sidebar ul#sort-controls li a.asc, #sidebar ul#sort-controls li a.dsc {color: #0765bd; padding-right:15px; font-weight: bold;}

#sidebar ul#sort-controls li a.asc {background: url(../images/maps/sortasc.gif) no-repeat right transparent;}
#sidebar ul#sort-controls li a.dsc {background: url(../images/maps/sortdsc.gif) no-repeat right transparent;}

#sidebar ul#sort-controls li a:hover {
color: #fff;
background-color: #666;
}


#sidebar #results-content {font-size: 11px; margin:0; padding: 0;}
#sidebar #results-content #save-search {margin-top: 6px; text-align:center;}

#sidebar #search-info {padding: 0; margin: 6px 6px 10px; }
#sidebar #search-info select {font-size: 10px;  }
#sidebar #search-info select option {padding: 0; margin: 0;  }
#sidebar #search-info #res-prev {float: left; width: 53px;}
#sidebar #search-info #res-next {float: left; width: 53px; }

#sidebar ul#sidebar-list,  #sidebar ul#tagged-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

#sidebar ul#sidebar-list li a, #sidebar ul#tagged-list li a {
     display: block;
     border: 1px solid #ddd;
     background: #eee;
     margin: 5px;
     padding: 4px;
     font: 12px Helvetica, sans-serif;
     text-decoration: none;
     color: #444;
}

#sidebar ul#sidebar-list li.current a,#sidebar ul#tagged-list li.current a {
     border: 1px solid #444;
     border-color: #1DE311; /* Green Default */
     border-top-width: 3px;
     padding-left: 2px;
}

#sidebar ul#sidebar-list li.currentSold a {  
	border: 1px solid #444;
	border-color: #CF262D; /* Red */
	border-top-width: 3px;
	padding-left: 2px;
}


#sidebar ul#sidebar-list li a:hover, #sidebar ul#tagged-list li a:hover {
     background: white;
     color: #555;
}

#sidebar ul#sidebar-list li a strong, #sidebar ul#tagged-list li a strong, {}
#sidebar ul#sidebar-list li a span, #sidebar ul#tagged-list li a span {
     font-size: 11px;
}
#sidebar ul#sidebar-list li a span.openlab {color:#cf262d; font-weight:bold;}
/*
#alert {float:right; display:none; color: #CF262D; font-weight: bold;}
*/ 

#alert{
position: absolute;
top:200px;
right:70px;
display:none;
padding: 15px 0 0 ;
color: #0765bd;
font-weight: bold;
font-size: 12pt;
width: 150px;
height: 100px;
background-color: #fff;
text-align: center;
border: 3px solid #0765bd;
}


body.loading #alert {display: block;}

body.sidebar-right a#button-sidebar-show,
body.nosidebar a#button-sidebar-hide {display: none; }

body.sidebar-right #map-wrapper { margin-right: 292px; }
body.sidebar-right #sidebar { right: 0; }
  
body.nosidebar #map-wrapper { margin: 0; }
body.nosidebar #sidebar { display: none; }

.infobubble {width:217px;font-size:11px;}
.infobubble img {padding-right:7px;}
.infobubble .ibtoolbar {margin: -3px 0 4px 0;}
.infobubble .infobubblehead{font-size:130%;font-weight:bold;color: #fff; background-color:#0765bd; width:100%; margin:0px 0 4px; padding: 1px 0; text-align:center; }
.infobubble .infobubbleodd{background-color: #eee;}
.infobubble .infobubbleeven{} 
.infobubble .infobubbleopen{color: #cf262d; text-align: center;}

#form-content {
	margin:3px 2px 4px;
	font-size:11px;
	
	}

#form-content .instructions {
	padding: 0 3px;
	}

#form-content .instructions p {
	margin: 0;
	}

#form-content .instructions ol {
	padding: 0 0 0 20px;
	margin: 3px 0 ;
	}
#form-content .instructions li {padding-top: 3px}
	
	
/* #savedsearch-content {display:none;} */
#savedsearch-content {} 

#results-header, #form-header, #savedsearch-header, #tagged-header {
background:#0765bd;
color:#fff;
font-weight: bold;
margin-bottom: 4px;
}
 
#results-header ul li, #form-header ul li, #savedsearch-header ul li, #tagged-header ul li {
display: inline;
}

#results-header ul, #form-header ul, #savedsearch-header ul, #tagged-header ul {
padding: 3px;
margin: 0 0 0 10px;
}

#results-header ul li a, #form-header ul li a, #savedsearch-header ul li a, #tagged-header ul li a {
text-decoration: none;
font-size: 12px;
color: #fff;
text-align:left ;
padding:5px 0;
margin:0;
}
 
#results-header ul li a:hover, #form-header ul li a:hover, #savedsearch-header ul li a:hover, #tagged-header ul li a:hover {
color: #1DE311;
}

.mwindow {
border: solid 1px #000;
background-color: white;
z-index:1;

position: absolute;
margin: 10px 0 0 15px;

/*
top: 50px;
left: 50px;
*/
}

.mwindow .toolbar {
text-align: right;
background:#0765bd none repeat scroll 0%;


}
.mwindow .toolbar  a {color: #fff; text-decoration: none; font-size: 12px; padding: 0 5px;}
.mwindow .toolbar  a:hover {background: #444;}
.mwindow .mwcontent{
padding: 0 5px;
overflow: auto;
}