/* menu */
.wdcontrol.menucontrol .frame {
  padding: 2px 8px;
  text-align: center;
}

.wdcontrol.menucontrol .menuholder {
  display: none;
  position: relative;
}
.wdcontrol.menucontrol:hover .menuholder {
  display: block;
}

.wdcontrol.menucontrol .menu {
  position: absolute;
  left: 0px;
  top: -1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #717B87;
  border-radius: 2px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px 0px;
  overflow: hidden;
}

.wdcontrol.menucontrol .menu.submenu {
  display: none;
  left: 100%;
  top: 0px;
}

.wdcontrol.menucontrol .menu > .wrap {
  position: relative;
}
.wdcontrol.menucontrol .menu > .wrap > .item {
  position: relative;
  padding: 2px 12px 2px 20px;
  white-space: nowrap;
  cursor: default;
}
.wdcontrol.menucontrol .menu > .wrap > .item.on,
.wdcontrol.menucontrol .menu > .wrap > .item:hover {
  background-color: #f0f0f0;
  background-image: url('svg_gradient.php?from=ffffff&to=e6e6e6');
  background-image: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230));
  background-image: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230));
  background-image: -ms-linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230));
  background-image: linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230));
}
.wdcontrol.menucontrol .menu.icons > .wrap > .item {
  padding-left: 40px;
}
.wdcontrol.menucontrol .menu.icons > .wrap > .item.mapswitch {
  padding-left: 20px;
}

.wdcontrol.menucontrol .menu > .arrow {
  display: none;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 10px;
  z-index: 10;
  background-color: #f0f0f0;
  background-image: url('images/menucontrols.png');
  background-repeat: no-repeat;
}
.wdcontrol.menucontrol .menu.scrolling.hastop > .arrow.top {
  display: block;
  top: 0px;
  background-position: center -120px;
}
.wdcontrol.menucontrol .menu.scrolling.hasbottom > .arrow.bottom {
  display: block;
  bottom: 0px;
  background-position: center -140px;
}

.wdcontrol.menucontrol .item > .symbol {
  position: absolute;
  left: 6px;
  top: 3px;
  width: 11px;
  height: 13px;
  background-image: url('images/menucontrols.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.wdcontrol.menucontrol .item > .icon {
  position: absolute;
  left: 19px;
  top: 2px;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 16px;
}

.wdcontrol.menucontrol .item.radiobutton {
}
.wdcontrol.menucontrol .item.radiobutton > .symbol {
  background-position: 0px -80px;
}
.wdcontrol.menucontrol .item.radiobutton.selected {
}
.wdcontrol.menucontrol .item.radiobutton.selected > .symbol {
  background-position: 0px -60px;
}

.wdcontrol.menucontrol .item.checkbox {
}
.wdcontrol.menucontrol .item.checkbox > .symbol {
  background-position: 0px -40px;
}
.wdcontrol.menucontrol .item.checkbox.checked {
}
.wdcontrol.menucontrol .item.checkbox.checked > .symbol {
  background-position: 0px -20px;
}

.wdcontrol.menucontrol .wrap {
}

.wdcontrol.menucontrol .wrap > .item.separator {
  height: 1px;
  padding: 0px;
  overflow: hidden;
  background-color: #c0c0c0;
}
.wdcontrol.menucontrol .wrap > .item.separator:hover {
  background-color: #c0c0c0;
  background-image: none;
}

.wdcontrol.menucontrol .item.submenu {
}
.wdcontrol.menucontrol .item.submenu > .symbol {
  left: auto;
  right: 6px;
  background-position: 0px -100px;
}

/* EOF */