.clsPageGreyDiv {
  position: absolute;
  overflow: hidden;
  width: 10px; height: 10px;
  left: -10px; top: -10px;
  z-index: 100;
  opacity: .3; /* CSS3 */
  filter: alpha(opacity=30); /* IE5.5+ */
  background-color: #000;
}
.clsPageGreyImg {
  border: none;
  margin-right: 20px;
}
.clsPageGreyMsg { /* a P element which contains the img and msg text */
  position: absolute;
  width: 300px;
  left: -250px;
  text-align:center;
  padding: 4px;
  color: #000000;
  background-color: #FFF;
  border: 2px solid #0066CC;
  z-index: 101;
}
#demoBtn {
  cursor:pointer;
  border-bottom:1px dotted #000;
}

#map {
	width: 540px;
	height: 490px;
	text-align: center;
	position: absolute;
}
.error { background-color:#FFFFFF; margin-left:100px; }

#zonePopupTab {
	position: relative;
	top: 0px;
	left: 540px;
	height: 265px;
	overflow: auto;
	width: 26px;
	z-index: 1000;
	padding: 10px 5px 10px 5px;
	background-color: #000000;
	cursor: pointer;
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
}

#zonePopupTabText {
	font-size: 18px;
	writing-mode: tb-rl;
	/* filter: flipH flipV; */
    letter-spacing: 2px;
    -webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg);
	color: #FFFFFF;
}

#zonePopupBox {
	display: none;
	z-index: 5000;
}

.zonePopup {
	display: block;
  overflow: auto;
	width: 480px;
  margin: 0 auto;
	padding: 5px 10px 5px 10px;
}
#searchResultsNumber {
  width: 500px;
  margin: 0 auto 5px auto;
}
.infoAndAction {
  width: 500px;
  margin: 0 auto 5px auto;
  overflow: hidden;
}
.boardMessage {
  font-size: 12px;
}
.step2Next {
  float: right;
  margin-left: 20px;
}
#zoneList {
  display: block;
  width: 500px;
  margin: 0 auto;
  border: 1px solid rgba(0,0,0,0.2);
}
#zoneList .zoneArrow,
#zoneList .zoneName,
#zoneList .zoneSelectAll {
  display: inline-block;
  vertical-align: top;
}
#zoneList .zoneArrow {
  margin-right: 10px;
}
#zoneList .zonePopupList ul {
  margin-bottom: 10px;
}
#zoneList .zonePopupList li {
  margin-left: 24px;
}
#zoneList .zonePopupList li label {
  font-size: 14px;
}
#zoneList .zonePopupList li.zoneSelectAll {
  margin-bottom: 0;
  font-size: 10px;
  line-height: 100%;
}
#zoneList .zonePopupList li.zoneSelectAll span:hover {
  cursor: pointer;
  text-decoration: underline;
}
#zoneList .zonePopupTitle {
  background-color: rgba(0,0,0,0.05);
}

#zonePopupHeader {
	width: 200px;
	height: 20px;
	top: 0px;
	left: 540px;
	background-color: #000000;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 10px;
	overflow: auto;
	padding: 2px 10px 2px 10px;
	position: relative;
	text-align: right;
	z-index: 5000;
}

.zonePopup ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

.zonePopup ul li {
	display: list-item;
	margin: 0 0 5px; 0;
}

.zonePopupTitle {
	cursor: pointer;
}

.zonePopupSelect {
	cursor: pointer;
	float: right;
	font-size: 9px;
}

.zonePopupList {
	display: none;
	padding-top: 0;
	padding-bottom: 0;
}