/* Mapping styles */

.cws-dynamic-search {background-color: #fff;}
.cws-dynamic-text-search {background-color: #f4f4f4;}


.cws-map  {
	border: 1px solid black;
}

.mapSidebar {
	float: right;
	/*width: 240px;*/
	width:24%;
	/*margin: 0px 0px 0px 10px;
	padding: 0 10px 30px 0;*/
	background-color: #fff;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.mapSidebarContent 
{
	/*height: 640px;*/
	overflow: auto;
	position: relative;
	border: 1px #D3DDE9 solid;
	padding: 0;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.propDetailMap
{
	width: 344px;
	height: 333px;
}

.propDetailMap .mapButtonControlLeftTop
{
	margin-left: 5px;
}

/* criteria/detail tabs */
.criteriaToggle{
	height: 28px;
	background-color: #FFF;
}
.mapToggleButton
{
	color:#5E83B7;
	font-size:12px;
	border-top: 1px solid #D3DDE9;
	border-left: 1px solid #D3DDE9;
	border-right: 1px solid #D3DDE9;
	background-color: #fff;
	padding: 0px 7px;
	float: left;
	line-height: 26px;
	position: relative;
	top: 2px;
	cursor: pointer;
	border-top-left-radius: 10px;
	border-top-right-radius:10px;
	text-align:center;
}
.mapTabOff 
{
    color:#5E83B7;
	background-color: #D3DDE9; 
	border-bottom: 1px #D3DDE9 solid; 
	line-height: 24px; 
	border-top: 1px #D3DDE9 solid; 
	border-right: 1px #D3DDE9 solid; 
	border-left: 1px #D3DDE9 solid;
	}


/* search form */
.quickSrchBtn {
    font-size:10px; 
    font-weight:bold; 
    color:#fff; 
    background-color:#FF9933;
    width:24px;
	border: 1px #FF9933 solid;
	border-radius: 4px;
	line-height: 18px;
	margin: 0px;
}
.quickSrchBtn:hover {cursor: pointer; background-color: #d68103;}

.resetBtn {
    font-size:10px; 
    font-weight:bold; 
    color:#fff; 
    background-color:#FF9933;
    width:48px;
	border: 1px #FF9933 solid;
	border-radius: 4px;
	line-height: 18px;
	margin: 0px;
	text-align: center;
	float:right;	
	margin:6px 6px 6px 0;
}
.resetBtn:hover {cursor: pointer; background-color: #d68103;}

.mapCriteria {
    border: 0px;	
    padding: 0px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.mapCriteria fieldset {
	margin: 0px;
	padding: 4px;
	border: 0px;
}

.mapCriteria fieldset p {margin: 0px 0px 8px 0px; padding:0px; width: auto; /*text-align: right;*/}

.mapCriteria legend {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #990000;
	padding: 15px 0px 0px 0px;
	font-size: 18px;
	margin: 0px;
	border: 0px;
	position: relative;
}

.mapSidebarContent label, .mapSidebarContent .label {
	display: inline;
	width: auto;
	margin-right: 5px;
	float: left;
	font-size:11px;
	color:#6383c0;
	font-weight: normal;
	padding-top: 3px;
}
.mapSidebarContent label.hide { display:none !important; }

.leftlabel {
	display: block !important; width: 65px !important; float: left !important; padding: 0px;	
}

/* property sidebar styling */
.propertyDetail {
	background-color: #fff;
	display: none;
	border: 0px;
	padding: 10px 10px 10px 10px;
	height:567px;
}

.propertyDetail h3.propAddress {color:#336699; font-size: 14px; line-height:18px; padding:0px;}
.propertyDetail div {color:#336699;}
.sidephoto {max-width: 100%; max-height: 200px; border: 1px #ddd solid; padding: 6px 0 2px 0;}

.loadingpanel 
{
	text-align: center;
	font-weight: bold;	
}
.loadingpanel h2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    margin: 0px;
    padding: 0px;
    color: #336699;
}

.mapPoint {
	display: none;
}

#mapBubbleDiv
{
	font-weight: bold;
}

#mapBubbleDiv .leftCell
{
	float: left;
}

#mapBubbleDiv .rightCell
{
	float: right; margin-left: 1em;
}

.mapButtonControl
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	padding:  2px 5px;
	text-align: center;
	cursor: pointer;
	font-size: 12px;
}

.mapButtonControl:hover
{
	background-color: #ddd;
	color: #000;
}

.mapButtonControlLeftTop
{
	margin-left: 23px;
	border-radius: 3px;
	line-height: 18px;
	box-shadow: 1px 1px 3px #333;
	border: 1px solid #aaa;
	color: #666;
	font-weight: bold;
}

.mapButtonControlTopRight
{
	margin-right: 5px;
	margin-top: 5px;
	box-shadow: 1px 1px 3px #666;
	border: 1px solid #666;
	color: #333;
}

.mapKeyControl
{
	margin-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	padding:  2px 5px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	box-shadow: 1px 1px 3px #666;
	border: 1px solid #666;
	color: #333;
}

.clear
{
	clear: both;
}

.interactiveMapResultsList
{
	width: 100%;
	border-collapse: collapse;
	border: 0px solid #D3DDE9;
}


.imapPagerSelectedLink
{
	margin-left: 0.5em;
}

.imapPagerLink
{
	margin-left: 0.5em;
	border: 1px solid #999;
	padding: 0.25em;
	border-radius: 3px;
}
.imapPagerLink:hover {text-decoration: none; background-color: #eee;}

#interactiveMapResults
{
	margin-top: 5px;
	display: none;
	overflow: auto;
	max-height: 275px;
}

#interactiveMapResults .selectedRow
{
	background-color: #D3DDE9;
}

#interactiveMapResults td
{
	border-top: 1px dotted #999;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 2px;
	padding-bottom: 2px;
	cursor: pointer;
}

#interactiveMapResults .selectedRow td
{
	font-weight: bold;
}

#interactiveMapResults img
{
	height: 15px;
}

div.blockMsg
{
	border-radius: 10px;
	border: 3px solid #999;
	padding: 1em;
	background-color: #fff;
	text-align: center;
	width: auto;
	font-weight: bold;
	font-size: 16px;
	margin: 0px 50px;
}

.mapTopButton 
{
	display: block;
	width: auto;
	float: left;
	font-weight: bold;
	font-size: 12px;
	border: 1px #aaaaaa solid;	
	cursor: pointer;
	line-height: 24px;
	padding: 0px 8px;
	margin-top: 8px;
	margin-right: 5px;
	color: #666;
	border-radius: 4px;
	
}
.mapTopButton:hover 
{
	background-color: #eee;
	border: 1px #000 solid;
}


/* single point map (singlePointMap) */
.singlePointMap {
	height: 100%;
	width: 100%;
	position: relative;	
}

.cws-singlepoint-map  {
	height: 100%;
	width: 100%;
}

.cws-singlepoint-map .mapDisplay {
	height: 100%;
	width: 100%;
	border:solid 1px #90905D;
}

.singlePointMap .birdseye {
	position: absolute;
	display: block;
	border: 1px solid #666;
	z-index: 10;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	padding: 2px 5px;
	top: 5px;
	right: 130px;
	box-shadow: 1px 1px 3px #666;
	font-weight: bold;
}

.singlePointMap .birdseye:hover {background-color: #eee;}


/* styles for the smaller map (cws-multipoint-map) */
.cws-multipoint-map {
	height: 100%;
	width: 100%;
	border: 1px solid #ddd;
	font-family: Arial, Helvetica, sans-serif;
}

.cws-multipoint-map .mapDisplay {
	height: 100%;
	width: 100%;
	border:solid 1px #90905D;
	text-align:center;
}

.cws-multipoint-map .mapTopContainer {
	background-color: transparent;
	width: 100%;
	color: #333;
	margin-bottom: 0px;
	position: relative;
/*	float: left;*/
	border: 0px #D3DDE9 solid;
}

.cws-multipoint-cma-map{
	height: 555px;
	width: 100%;
	border: 1px solid #ddd;
	font-family: Arial, Helvetica, sans-serif;
}

.cws-multipoint-cma-map .mapDisplay {
	height: 100%;
	width: 100%;
	text-align:center;
}

.cws-multipoint-cma-map .mapTopContainer {
	background-color: transparent;
	width: 100%;
	color: #333;
	margin-bottom: 0px;
	position: relative;
	float: left;
	border: 0px #CCC solid;
}

.hidden-cws-multipoint-cma-map {
	display: none;
}

#mapKeyDiv {
	text-align: center;
	padding: 0.5em;
}

#mapKeyDiv th {
	font-weight: bold;
	padding-bottom: 1em;
}

.cws-multipoint-map .mapMessage {
	padding: 0px 5px 0px 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 10px;
	background-color: transparent;
	color: #A00;
	border: 0px;
	float: right;
	line-height: 24px;
}

/* styles for the smaller map (cws-office-map) */
.cws-office-map {
	height: 100%;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

.cws-office-map .mapDisplay {
	height: 100%;
	width: 100%;
}

/* styles for the smaller map (cws-community-map) */
.cws-community-map {
	height: 100%;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

.cws-community-map .mapDisplay {
	height: 100%;
	width: 100%;
}

/* styles for the large interactive map search (cws-interactive-map) */
.mapContainer 
{
    float:left;
    width:75%; /*726px*/
}

.cws-interactive-map {
	/*background-color: #FFF;*/
	font-family: Arial, Helvetica, sans-serif;
	width:100%;
	min-width:930px;
}

.cws-interactive-map .mapDisplay {
	border: 1px solid #D3DDE9;
	height: 525px;
	width: 100%
	float: left;
	margin: 5px 0px 0px 0px;
}

.mapTopContainer {
	background-color: transparent;
	width:100%;
	/*color: #333;
	margin-bottom: 0px;*/
	/*position: relative;
	left:244px;*/
	/*float: left;
	border: 0px #D3DDE9 solid;*/
}

.cws-interactive-map .mapMessage {
	/*padding: 0px 8px;
	margin: 8px 0px 0px 0px;*/
	font-weight: bold;
	font-size: 13px;
	color: #A00;
	/*border: 0px #D3DDE9 solid;*/
	/*float: left;
	line-height: 24px;*/
}

.content {width: 100%;}

div.maintitle 
{
    padding: 0px 20px 0px 20px;

}

div.maintitle  h1 
{
    font-size:22px;
    font-weight: normal; 
    color: #FFF; 
    margin: 0px; 
    padding: 0px; 
    line-height: 55px; 
    width: 400px; 
}

div.mapTopOptions 
{
    background-color:#D3DDE9;
	color: #5E83B6;
    height:50px;
    margin-top:1px;
    padding: 0 20px 0 20px;
    /*border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;*/
}

/* mapping help */
#mapHelpDiv { text-align: left !important;}


/* accordian search menu */
#navbar {
	width:100%;
	padding-top:8px;
}

ul, ol, dl, blockquote {
    padding: 0px;
}

#accordion {
	width:100%;
	margin:0px auto;
}

.accordion {
	width:100%;
}

.accordion dt {
	border-bottom:2px solid #FFF;
	cursor:pointer;
	background:#D3DDE9;
	color:#5E83B6;
	font-size:14px;
	padding:5px;
    background-image: url("http://www.coldwellbankerssk.com/images/arrow_down.gif");
    background-repeat: no-repeat;
    background-position: 200px 10px;
}

.accordion dt:hover {
	background:#5E83B6;
	color:#fff;
    background-image: url("http://www.coldwellbankerssk.com/images/arrow_down.gif");
    background-repeat: no-repeat;
    background-position: 200px 10px;	
}

.accordion .open {
	background-color:#D3DDE9;
	color:#5E83B6;
}

.accordion dd {
    background-color:#fff;
	overflow:hidden;
	margin:0px 4px;
	padding:0px;
	text-align:left;
	/*display:block;*/
}

.accordion ul {/*
	display:block;*/
	border-top:none;
	list-style:none;
	margin:0px 0px 10px;
	padding:0px;
	text-align:left;
		
}

.accordion li {
	text-decoration:none;
	color:#181c2c;/*
	display: block;*/
	margin:0px;
	padding:0px;
	text-align:left;	
}

.accordion li a:link, .accordion li a:hover, .accordion li a:active, .accordion li a:visited {
	color:#5E83B6;
	text-decoration:none;
	width:100%;
	display:block;
	padding:2px 5px;
	margin:0px;
}

.accordion li a:link, .accordion li a:visited {
}

.accordion li a:hover, .accordion li a:active {
	background-color:#D9E4FA;
}
.nofloat {float: none !important;}

.foot {width:100%!important;background:#6292BF;}
.foot_top ul {margin:0 auto;width:990px;}
.container_head, .container_foot, .foot_top, .foot_main {background:none!important;}
.main {background:#fff;}
.foot_break {background-repeat:repeat-x!important;}


.resetSearch {color: #990000; text-decoration: underline; cursor: pointer;}
.resetSearch:hover {color: #CC0000;}

.listmaplabel {float: left; display: block; width: auto; line-height: 30px; }
.buttonActivated {
	background-color: #000; 
	color: #FFF;
	display: block;
	width: auto;
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0px 15px 0px 7px;
	float: left;
	border-radius: 4px;
	margin-left: 10px;
	font-weight: bold;}
.buttonActivated:hover, .buttonActivated:hover input, .buttonActivated:hover label {
	cursor: pointer;
	line-height: 30px;
	background-color: #2D4C82;
	color: #FFF;}
.buttonOff {
	background-color:#FDB01D; 
	color: #FFF;
	display: block;
	width: auto;
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0px 15px 0px 7px;
	float: left;
	border-radius: 4px;
	margin-left: 10px;
	font-weight: bold;}
.buttonOff:hover, .buttonOff:hover input, .buttonOff:hover label {
	cursor: pointer; 
	line-height: 30px;
	background-color: #2D4C82;
	color: #FFF;
	}

/* custom classes for agent framing */
#agentBannerMap {margin-bottom: 0px; margin-top: -11px; margin-left:0px;padding-bottom: 10px;}
#agentBannerMap h3 {font-size: 13px; font-weight: bold;}
#agentBannerMap h4 {font-size: 10px; font-weight: normal;}
#agentBannerMap img.agentPhoto {height: 50px; width: 40px !important; float:left; margin-right: 5px;}
#agentBannerMap .marginTop a {font-size: 9px !important; margin: 0px;}
#agentBanner {padding:0px; width:auto;}