/* menu */
div#mainbox div#mainbox-menu {
  border: none;
  overflow: auto;
  height: 520px;
  padding: 0px;
}
div#mainbox div#mainbox-menu a {
  margin-right: 1px;
}
div#mainbox div#mainbox-menu div.menu-anchors {
  margin-right: 1px;
  font-size: 11px;
}
div#mainbox div#mainbox-menu div.menu-anchors a.rng {
  list-style-image: url('../../../../sections/www/map/img/list-icon-rng.png');
}
div#mainbox div#mainbox-menu div.menu-anchors a.shp {
  list-style-image: url('../../../../sections/www/map/img/list-icon-shp.png');
}


/* map */
div#map_loading, div#map_base, div#map_top {
  display: block;
  width: 710px;
  height: 440px;
}
div#map_loading {
  margin: auto;
  background: transparent url('../../../../sections/www/map/img/mapcz_2_load.png') 0px 0px no-repeat;
}
div#map_base {
  background: transparent url('../../../../sections/www/map/map.img.php?map=cz') 0px 0px no-repeat;
}
div#map_base.ranges {
  background: transparent url('../../../../sections/www/map/map.img.php?map=cz&wht=ranges') 0px 0px no-repeat;
}
div#map_base.shops {
  background: transparent url('../../../../sections/www/map/map.img.php?map=cz&wht=shops') 0px 0px no-repeat;
}
div#map_top.rng {
  background: transparent url('../../../../sections/www/map/img/spot_a_rng.gif') -10px -10px no-repeat;
}
div#map_top.shp {
  background: transparent url('../../../../sections/www/map/img/spot_a_shp.gif') -10px -10px no-repeat;
}
div#map_top.nospot {
  background-position: -10px -10px;
}
div#namebox {
  max-width: 250px;
  position: absolute;
  display: none;
  background: transparent url('../../../../sections/www/map/img/bg-namebox.gif') 0px 0px no-repeat;
}
div#namebox div#namebox-inner {
  margin: 8px;
  padding: 5px 8px;
  background-color: white;
  border: 1px solid black;
}
div#map_top h1 {
  position: absolute;
  padding-left: 380px;
}
div#map_top img {
  width: 710px;
  height: 440px;
  cursor: crosshair;
}

/* RANGE/SHOP */
h1.object {
  margin-bottom: 20px;
  text-align: left;
  padding: 0px 10px;
}
  h1.object span.type {
    font-size: 15px;
    margin: 0px 15px;
  }
  h1.object a {
    color: rgb(60,60,255);
    text-decoration: underline;
  }
  h1.object a span {
    color: rgb(0,0,0);
  }
  h1.object a:hover,
  h1.object a:active {
    color: rgb(170,  0,  0);
  }

div.icons img {
  width: 15px;
  height: 15px;
  border: 1px solid silver;
  background-color: silver;
  cursor: help;
}

table#range-available {
}
  table#range-available td {
    border: 1px solid rgb(222,222,222);
    border-width: 1px 0px;
    padding: 1px 5px 1px 5px;
  }
  table#range-available thead {
    font-weight: bold;
    font-style: italic;
    padding-bottom: 0px;
  }
  table#range-available td.type   {text-align:   left;}
  table#range-available td.count  {text-align: center;}
  table#range-available td.length {text-align:  right;}

div#photos {
  text-align: center;
  clear: right;
}
  div#photos img {
    width: 160px;
    height: 120px;
    margin: 5px;
  }

div#infobox {
  float: right;
  width: 260px;
  border: 1px solid silver;
  border-width: 0px 0px 1px 1px;
  margin: 0px 0px 5px 15px;
  background-color: rgb(245,245,250);
  text-align: center;
  font-size: 12px;
}
  div#infobox b {
    font-size: 11px;
    margin-right: 15px;
  }
  div#infobox div#map_canvas {
    width: 100%;
    height: 200px;
  }
  div#infobox div.address,
  div#infobox div.contacts,
  div#infobox div.otimes {
    width: 200px;
    padding: 5px 1px 5px 0px;
    margin: 2px auto 5px auto;
    text-align: right;
    overflow: auto;
  }
  div#infobox div.otimes {margin-bottom: 2px;}
    span.gps {
      font-size: 10px;
    }
  div#infobox div.otimes table {
    border: 1px solid rgb(222,222,222);
    border-width: 1px 0px;
    width: 100%;
  }
  div#infobox div.otimes table td {
    border: 0px solid rgb(222,222,222);
    padding: 2px 1px 1px 1px;
  }
  div#infobox div.otimes table td.days {text-align: center;   border-top-width: 1px; padding-left: 2px;}
  div#infobox div.otimes table td.time {text-align: center; border-top-width: 1px; width: 70px;}
  div#infobox div.otimes table td.note {text-align: center;
                                font-style: italic; font-size: 10px;}


/* RANGE/SHOP comments */
fieldset.addentry {
  border: 1px solid silver;
  background-color: rgb(240,240,245);
  padding: 10px;
}
fieldset.addentry b {
  font-size: 85%;
}
fieldset.addentry div.chkcode {
  float: right;
  width: 250px;
}
fieldset.addentry img.chkcode {
  width: 35px;
  height: 15px;
  vertical-align: middle;
}
fieldset.addentry input.chkcode {
  width: 40px;
  font-family: monospace;
}
fieldset.addentry span.chkcode {
  font-size: 70%;
}

fieldset.addentry textarea {
  width: 99%;
  height: 65px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

div#pagebox {
  margin: 10px 0px;
  text-align: center;
  font-weight: bold;
}

div.message {
  margin: 3px 5px 25px 5px;
  text-align: center;
}
div.message div.heading {
  overflow: hidden;
  height: 15px;
}
div.message div.heading div.name {
  font-weight: bold;
  font-size: 8pt;
  float: left;
  padding-left: 15px;
}
div.message div.heading div.datetime {
  font-weight: bold;
  font-size: 7pt;
  margin: auto;
  width: 200px;  
}
div.message div.heading div.ip {
  font-weight: bold;
  font-size: 7pt;
  float: right;
  padding-right: 10px;
}
div.message div.text {
  background-color: rgb(240,240,245);
  text-align: left;
  clear: right;
  padding: 1px 3px 3px 3px;
  border-top:    1px  solid silver;
  border-bottom: 2px groove silver;
}