html, body {
  font-family: Calibri, Verdana, Tahoma, Sans-serif;
  background: black;
}

a, a:link, a:visited {
  text-decoration: none;
}

body, #main *, #search, #layers {
  position: absolute;
  margin: 0px;
  padding: 0px;
  border-width: 0px;
}

.clear { clear: both; }
#main {
  top: 0px;
  left: 0px;
}

#canvas {
  /* Opera ignores cursor: url() */
  cursor: move;

  cursor: url("hand_clutched.cur") 13 13, move; /* preload */
  cursor: url("hand.cur") 13 13, move;
  
  /* IE doesn't support CSS3 cursor hotspots */
  +cursor: url("hand_clutched.cur"), move; /* preload */
  +cursor: url("hand.cur"), move;
}

#search {
  position: fixed;
  top: 0px;
  left: 0px;
  
  z-index: 999;
  
  padding: 3px;
  background: navy;
  border: 2px black solid;
  color: white;
  
}

#search_results {
  max-height: 100px;
  overflow: auto;
  
  /* IE-only hack to mimic the correct behaviour of overflow: auto */
  +width: expression((document.getElementById('search').scrollWidth - 10) + 'px');
  +overflow-x: auto;
  +overflow-y: scroll;
}

#layers {
  position: fixed;
  bottom: 0px;
  left: 0px;
  
  z-index: 999;
  
  padding: 3px;
  background: navy;
  border: 2px black solid;
  color: white;
}

#share { text-align: center; margin-top: 15px; }

h2 {
  margin: 0px;
  padding: 0px;
  margin-bottom: 3px;
  border-bottom: 1px white solid;
}

#select_cls {
  min-width: 100px;
}

.option_cls {
  display: none;
}

.search_current {
  font-weight: bold;
}

#main a.map-link {  
  color: #000;
  border: 1px solid #ddd;
  background: transparent url(../../images/map_label_back.png);
  display: inline;
  padding: 2px;
  font-size: 12px;
  cursor: pointer;
}

#main a.map-link img { float: left; }

#main a.image-link {  
  color: #000 !important;
  border: 1px solid #ddd !important;
  background: transparent url(../../images/map_label_back.png) !important;
  display: block !important;
  font-size: 12px !important;
  text-align: center;
  cursor: pointer;
}

#main a.image-link * {  
  position: relative;
}

#main a.link {  
  color: #000 !important;
  display: block !important;
  padding: 2px !important;
  font-size: 12px !important;
  text-align: center;
  cursor: pointer;
}

#main a.link * {  
  position: relative;
}

#mapBOX {
  display: none;
  position: absolute;
  background: #000;
  color: #fff;
  text-align: center;
  z-index: 100;
  padding: 5px 5px 16px 5px;
  max-width: 450px;
}
#mapBOX img { max-width: 450px; }

* html #mapBOX { width: 450px; }

#mapBOX h4 {
  margin: 0;
  padding: 0;
  color: #fff;
}

.mapX {
  position: absolute;
  bottom: 0px;
  left: 50%;
  font-size:10px;
  color: #ddd;
  padding: 4px 0;
  margin-left: -10px; 
}

#toolBOX {
  max-width: 460px;
  display: block;
  position: absolute;
  top: 300px;
  left: 300px;
  z-index: 100;
}


#toolBOX .inner {
  position: relative;
  z-index: 105;
  padding: 17px 1px; 
}


#toolBOX .content {
  position: relative;
  background: #fff;
  z-index: 105;
  margin-left: -18px;
  padding: 0 5px 15px 5px;
  min-height: 60px;
}

#toolBOX #tl {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 110;
  width: 17px;
  height: 17px;
  background: transparent url(../../images/tool_tip_box/top_left.png) no-repeat top left;
}

#toolBOX #bl {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 115;
  width: 17px;
  height: 17px;
  background: transparent url(../../images/tool_tip_box/bottom_left.png) no-repeat bottom left;
}

#toolBOX #tr {
  display: block;
  z-index: 110;
  margin-left: 17px;
  background: transparent url(../../images/tool_tip_box/top_right.png) no-repeat top right;
}

#toolBOX #br {
  z-index: 110;
  background: transparent url(../../images/tool_tip_box/bottom_right.png) no-repeat bottom right;
}

#toolBOX #arrow {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -31px;
  z-index: 110;
  width: 62px;
  height: 28px;
  margin-top: -3px;
  background: transparent url(../../images/tool_tip_box/pointer.png) no-repeat bottom right;
}

#toolBOX .image { text-align: center; }
#toolBOX img { margin: 0 auto; max-width: 450px; }

* html #toolBOX { width: 450px; }

#toolBOX h4 {
  margin: 0;
  padding: 0;
}

#sexyBOX {
  display: none;
  position: absolute;
  background: transparent url(../../images/tooltip.png) no-repeat;
  width: 245px;
  height: 108px;
  color: #333;
  text-align: left;
  z-index: 100;
  padding: 0 5px; 
}

#sexyBOX img {
  float: left;
  width: 60px;
  margin: 10px 15px 0 10px;
}

#sexyBOX .name {
  font-size: 16px;
  text-decoration: underline;
  margin: 5px 0 5px 15px;
  padding: 0;
}

#sexyBOX p {
  font-size: 12px; 
}

.sexyX {
  position: absolute;
  bottom: 28px;
  left: 102px;
  font-size:10px;
  color: #ddd;
  padding: 4px 0;
}

#advert {
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 999;
  padding: 3px;
  background: transparent;
  color: black;  
}