html {
  font-family: "Segoe UI", Arial, "Myriad Pro", "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 62.5%;
  width: 100%;
  height: 100%;
  color: #b9b9b9;
  background-color: #000;
}

body {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

/* ------------------------------------------------------------ */
/* Sharebox */
/* ------------------------------------------------------------ */
#sharebox {
    display: none;
    position: absolute;
    top: 94px;
    right: 500px;
    width: 454px;
    font-size: 10px;
    z-index: 2;
}

#sharebox .closebutton {
    cursor: pointer;
    position: relative;
    top: -10px;
    left: -3px;
    float: right;
}

#sharebox-header {
    background: transparent url(/img/ui/top_show.png) no-repeat left top;
}

#sharebox-content {
    background: transparent url(/img/ui/body_show.png) repeat-y left top;
    padding: 0px 10px 0px 15px;
}

#sharebox-content li {
    display: inline;
    line-height: 30px;
}

#sharebox-footer {
    background: transparent url(/img/ui/bottom_show.png) no-repeat left bottom;
    height: 34px;
}

#sharebox-title {
    position: relative;
    width: 400px;
    line-height: 1.4;
    font-size: 12px;
    text-align: center;
    color: #fff;
    padding: 10px 0px;
}


/* ------------------------------------------------------------ */
/* Button bars */
/* ------------------------------------------------------------ */
.viewlink {
  text-align: center;
  line-height: 1.2;
  margin: 0.2em;
  padding: 0.3em 0.5em;
  text-decoration: none;
  color: #cdcdcd;
  background-color: transparent;
  border-radius: 1px;
  -moz-border-radius: 1px;
}

a.viewlink:hover {
  background-color: #666666;
  color: white;
}

a.viewlink-active {
  color: #EB4C07;
}

/* ------------------------------------------------------------ */
/* Infowindow */
/* ------------------------------------------------------------ */
.infowindowcontent h1 {
    color: #222;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 6px;
}

.infowindowcontent h2 {
    color: #333;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 6px;
}

.infowindowcontent a {
    font-size: 11px;
}

.infowindowcontent p {
    font-size: 11px;
    color: #333;
    line-height: 14px;
}

.infowindowcontent {
    min-width: 250px;
}


.buttonbar ul {
  display: inline;
}

.buttonbar li, .buttonbar p {
    float: left;
    list-style: none;
}

/* ------------------------------------------------------------ */
/* Filters */
/* ------------------------------------------------------------ */
#filters {
    display: none;
    position: absolute;
    top: 95px;
    left: 25px;
    width: 998px;
    height: 480px;
    z-index: 9;
    font-size: 1em;
}

#filters-header {
    height: 35px;
    background: transparent url(/img/ui/top_filters.png) no-repeat left top;
}

#filters-content {
    z-index: 5;
    background: transparent url(/img/ui/body_filters.png) repeat-y left bottom;
    padding-left: 30px;
}

#filters-footer {
    background: transparent url(/img/ui/bottom_filters.png) no-repeat left bottom;
    height: 34px;
}

#filters-title {
    position: relative;
    width: 400px;
    line-height: 1.4;
    font-size: 12px;
    text-align: center;
    color: #fff;
    padding: 10px 0px;
}

#filters .closebutton {
    cursor: pointer;
    position: relative;
    top: -10px;
    left: 6px;
    float: right;
}

/* --------------- */

.filter-category {
    /* clear: both; */
    padding: 10px;
    height: 160px;
    float: left;
}

.category-title {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.5em;
    color: gold;
}

#filters ul li {
    /* float: left; */
    font-size: 1.2em;
    width: 170px;
}

#filters ul li input {
    background-color: #444;
    color: #fff
}

#filters-content p {
    clear: both;
}

#filtersbutton {
    position: absolute;
    right: 230px;
    top: 9px;
    color: snow;
    background-color: #8B1A1A;
    font-size: 1.2em;
    padding: 7px 10px;
    font-weight: bold;
    border-radius: 7px;
    -moz-border-radius: 7px;
    cursor: pointer;
    border: solid 1px #8B1A1A;
}

p#filtersbutton:hover {
    border: solid 1px white;
}


#filtersbutton.active {
    background-color: #ff3030;
}