div.simileAjax-bubble-container {
    margin: 0px;
    padding: 0px;
    border: none;
    position: absolute;
    z-index: 1000;
}

div.simileAjax-bubble-innerContainer {
    margin: 0px;
    padding: 0px;
    border: none;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
}

div.simileAjax-bubble-contentContainer {
    margin: 0px;
    padding: 0px;
    border: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: white;
}

div.simileAjax-bubble-border-left {
    position: absolute;
    left: -50px;
    top: 0px;
    width: 50px;
    height: 100%;
}

div.simileAjax-bubble-border-left-pngTranslucent {
    /*background: url(../images/bubble-left.png) top right repeat-y;*/
}

div.simileAjax-bubble-border-right {
    position: absolute;
    right: -50px;
    top: 0px;
    width: 50px;
    height: 100%;
}

.simileAjax-bubble-border-right-pngTranslucent {
    /*background: url(../images/bubble-right.png) top left repeat-y;*/
}

div.simileAjax-bubble-border-top {
    position: absolute;
    top: -50px;
    left: 0px;
    width: 100%;
    height: 50px;
}

.simileAjax-bubble-border-top-pngTranslucent {
    /*background: url(../images/bubble-top.png) bottom left repeat-x;*/
}

div.simileAjax-bubble-border-bottom {
    position: absolute;
    bottom: -50px;
    left: 0px;
    width: 100%;
    height: 50px;
}

.simileAjax-bubble-border-bottom-pngTranslucent {
    /*background: url(../images/bubble-bottom.png) top left repeat-x;*/
}

div.simileAjax-bubble-border-top-left {
    position: absolute;
    top: -50px;
    left: -50px;
    width: 50px;
    height: 50px;
}

.simileAjax-bubble-border-top-left-pngTranslucent {
    /*background: url(../images/bubble-top-left.png) bottom right no-repeat;*/
}

div.simileAjax-bubble-border-top-right {
    position: absolute;
    top: -50px;
    right: -50px;
    width: 50px;
    height: 50px;
}

.simileAjax-bubble-border-top-right-pngTranslucent {
    /*background: url(../images/bubble-top-right.png) bottom left no-repeat;*/
}

div.simileAjax-bubble-border-bottom-left {
    position: absolute;
    bottom: -50px;
    left: -50px;
    width: 50px;
    height: 50px;
}

.simileAjax-bubble-border-bottom-left-pngTranslucent {
    /*background: url(../images/bubble-bottom-left.png) top right no-repeat;*/
}

div.simileAjax-bubble-border-bottom-right {
    position: absolute;
    bottom: -50px;
    right: -50px;
    width: 50px;
    height: 50px;
}

.simileAjax-bubble-border-bottom-right-pngTranslucent {
    /*background: url(../images/bubble-bottom-right.png) top left no-repeat;*/
}

div.simileAjax-bubble-arrow-point-left {
    position: absolute;
    left: -100px;
    width: 100px;
    height: 49px;
}

.simileAjax-bubble-arrow-point-left-pngTranslucent {
    /*background: url(../images/bubble-arrow-point-left.png) center right no-repeat;*/
}

div.simileAjax-bubble-arrow-point-right {
    position: absolute;
    right: -100px;
    width: 100px;
    height: 49px;
}

.simileAjax-bubble-arrow-point-right-pngTranslucent {
    /*background: url(../images/bubble-arrow-point-right.png) center left no-repeat;*/
}

div.simileAjax-bubble-arrow-point-up {
    position: absolute;
    top: -100px;
    width: 49px;
    height: 100px;
}

.simileAjax-bubble-arrow-point-up-pngTranslucent {
    /*background: url(../images/bubble-arrow-point-up.png) bottom center no-repeat;*/
}

div.simileAjax-bubble-arrow-point-down {
    position: absolute;
    bottom: -100px;
    width: 49px;
    height: 100px;
}

.simileAjax-bubble-arrow-point-down-pngTranslucent {
    /*background: url(../images/bubble-arrow-point-down.png) bottom center no-repeat;*/
}


div.simileAjax-bubble-close {
    position: absolute;
    right: -10px;
    top: -12px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.simileAjax-bubble-close-pngTranslucent {
    /*background: url(../images/close-button.png) no-repeat;*/
}

.timeline-container {
    position: relative;
    overflow: hidden;
}

.timeline-copyright {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1000;
    cursor: pointer;
}

.timeline-message-container {
    position: absolute;
    top: 30%;
    left: 35%;
    right: 35%;
    z-index: 1000;
    display: none;
}

.timeline-message {
    font-size: 120%;
    font-weight: bold;
    text-align: center;
}

.timeline-message img {
    vertical-align: middle;
}

.timeline-band {
    position: absolute;
    background: #eee;
    z-index: 10;
}

.timeline-band-inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.timeline-band-input {
    position: absolute;
    width: 1em;
    height: 1em;
    overflow: hidden;
    z-index: 0;
}

.timeline-band-input input {
    width: 0;
}

.timeline-band-layer {
    position: absolute;
    width: 100%;
    height: 100%;
}

.timeline-band-layer-inner {
    position: relative;
    width: 100%;
    height: 100%;
}


/*------------------- Horizontal / Vertical lines ----------------*/

/* style for ethers */
.timeline-ether-lines {
    border-color: #666;
    border-style: dotted;
    position: absolute;
}

.timeline-horizontal .timeline-ether-lines {
    border-width: 0 0 0 1px;
    height: 100%;
    top: 0;
    width: 1px;
}

.timeline-vertical .timeline-ether-lines {
    border-width: 1px 0 0;
    height: 1px;
    left: 0;
    width: 100%;
}


/*---------------- Weekends ---------------------------*/
.timeline-ether-weekends {
    position: absolute;
    background-color: #FFFFE0;
}

.timeline-vertical .timeline-ether-weekends {
    left: 0;
    width: 100%;
}

.timeline-horizontal .timeline-ether-weekends {
    top: 0;
    height: 100%;
}


/*-------------------------- HIGHLIGHT DECORATORS -------------------*/
/* Used for decorators, not used for Timeline Highlight              */
.timeline-highlight-decorator,
.timeline-highlight-point-decorator {
    position: absolute;
    overflow: hidden;
}

/* Width of horizontal decorators and Height of vertical decorators is
   set in the decorator function params */
.timeline-horizontal .timeline-highlight-point-decorator,
.timeline-horizontal .timeline-highlight-decorator {
    top: 0;
    height: 100%;
}

.timeline-vertical .timeline-highlight-point-decorator,
.timeline-vertical .timeline-highlight-decorator {
    width: 100%;
    left: 0;
}

.timeline-highlight-decorator {
    background-color: #FFC080;
}

.timeline-highlight-point-decorator {
    background-color: #ff5;
}


/*---------------------------- LABELS -------------------------*/
.timeline-highlight-label {
    position: absolute;
    overflow: hidden;
    font-size: 200%;
    font-weight: bold;
    color: #999;
}


/*---------------- VERTICAL LABEL -------------------*/
.timeline-horizontal .timeline-highlight-label {
    top: 0;
    height: 100%;
}

.timeline-horizontal .timeline-highlight-label td {
    vertical-align: middle;
}

.timeline-horizontal .timeline-highlight-label-start {
    text-align: right;
}

.timeline-horizontal .timeline-highlight-label-end {
    text-align: left;
}


/*---------------- HORIZONTAL LABEL -------------------*/
.timeline-vertical .timeline-highlight-label {
    left: 0;
    width: 100%;
}

.timeline-vertical .timeline-highlight-label td {
    vertical-align: top;
}

.timeline-vertical .timeline-highlight-label-start {
    text-align: center;
}

.timeline-vertical .timeline-highlight-label-end {
    text-align: center;
}


/*-------------------------------- DATE LABELS --------------------------------*/
.timeline-date-label {
    position: absolute;
    border: solid #aaa;
    color: #aaa;
    width: 5em;
    height: 1.5em;
}

.timeline-date-label-em {
    color: #000;
}

/* horizontal */
.timeline-horizontal .timeline-date-label {
    padding-left: 2px;
}

.timeline-horizontal .timeline-date-label {
    border-width: 0 0 0 1px;
}

.timeline-horizontal .timeline-date-label-em {
    height: 2em
}

/* vertical */
.timeline-vertical .timeline-date-label {
    padding-top: 2px;
}

.timeline-vertical .timeline-date-label {
    border-width: 1px 0 0;
}

.timeline-vertical .timeline-date-label-em {
    width: 7em
}


/*------------------------------- Ether.highlight -------------------------*/
.timeline-ether-highlight {
    position: absolute;
    background-color: #fff;
}

.timeline-horizontal .timeline-ether-highlight {
    top: 2px;
}

.timeline-vertical .timeline-ether-highlight {
    left: 2px;
}


/*------------------------------ EVENTS ------------------------------------*/
.timeline-event-icon, .timeline-event-label, .timeline-event-tape {
    position: absolute;
    cursor: pointer;
}

.timeline-event-tape,
.timeline-small-event-tape,
.timeline-small-event-icon {
    background-color: #58A0DC;
    overflow: hidden;
}

.timeline-small-event-tape,
.timeline-small-event-icon {
    position: absolute;
}

.timeline-small-event-icon {
    width: 1px;
    height: 6px;
}


/*--------------------------------- TIMELINE-------------------------*/
.timeline-ether-bg {
    width: 100%;
    height: 100%;
}

.timeline-band-0 .timeline-ether-bg {
    background-color: #eee
}

.timeline-band-1 .timeline-ether-bg {
    background-color: #ddd
}

.timeline-band-2 .timeline-ether-bg {
    background-color: #ccc
}

.timeline-band-3 .timeline-ether-bg {
    background-color: #aaa
}

.timeline-duration-event {
    position: absolute;
    overflow: hidden;
    border: 1px solid blue;
}

.timeline-instant-event2 {
    position: absolute;
    overflow: hidden;
    border-left: 1px solid blue;
    padding-left: 2px;
}

.timeline-instant-event {
    position: absolute;
    overflow: hidden;
}

.timeline-event-bubble-title {
    font-weight: bold;
    border-bottom: 1px solid #888;
    margin-bottom: 0.5em;
}

.timeline-event-bubble-body {
}

.timeline-event-bubble-wiki {
    margin: 0.5em;
    text-align: right;
    color: #A0A040;
}

.timeline-event-bubble-wiki a {
    color: #A0A040;
}

.timeline-event-bubble-time {
    color: #aaa;
}

.timeline-event-bubble-image {
    float: right;
    padding-left: 5px;
    padding-bottom: 5px;
}

.timeplot-container {
    overflow: hidden;
    position: relative;
    height: 200px;
    border: 1px solid #ccc;
    padding: 12px 14px;
}

.timeplot-copyright {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
    cursor: pointer;
}

.timeplot-message-container {
    position: absolute;
    top: 30%;
    left: 35%;
    right: 35%;
    max-width: 400px;
    z-index: 1000;
    display: none;
}

.timeplot-message {
    font-size: 120%;
    font-weight: bold;
    text-align: center;
}

.timeplot-message img {
    vertical-align: middle;
}

.timeplot-div {
    position: absolute;
}

.timeplot-grid-label {
    font-size: 9px;
}

.timeplot-event-box {
    cursor: pointer;
}

.timeplot-event-box-highlight {
    border: 1px solid #FFB03B;
}

.timeplot-valueflag {
    display: none;
    border: 1px solid #FFB02D;
    padding: 2px 4px;
    text-align: center;
    background-color: #FFE57F;
    font-weight: bold;
    z-index: 1000;
}

.timeplot-valueflag-line {
    display: none;
    width: 14px;
    height: 14px;
    z-index: 1000;
}

.timeplot-timeflag {
    display: none;
    border: 1px solid #FFB02D;
    padding: 2px 4px;
    text-align: center;
    background-color: #FFE57F;
    font-weight: bold;
    z-index: 1000;
}

.timeplot-timeflag-triangle {
    display: none;
    width: 11px;
    height: 6px;
    z-index: 1001;
}

.timeplot-valueflag-pole {
    display: none;
    border-left: 1px solid #FFB02D;
    z-index: 999;
}

.timeplot-lens {
    display: none;
    border: 1px solid #FFB02D;
    z-index: 998;
}

/* latin */
@font-face {
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/SlGVmQWMvZQIdix7AFxXkHNSbQ.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/SlGWmQWMvZQIdix7AFxXmMh3eDs1Zw.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*
  settings for slider object
*/
.dynamic-slider-control {
    width: 20px;
    position: relative;
    margin: auto;
}

.vertical {
    height: 80px;
}

.horizontal {
    width: 60px;
}

.dynamic-slider-control input {
    display: none;
}

.dynamic-slider-control .handle {
    position: absolute;
    font-size: 1px;
    overflow: hidden;
}

.dynamic-slider-control.vertical .handle {
    width: 20px;
    height: 30px;
    /*background-image:	url("../images/sliderDot.png");*/
}

.dynamic-slider-control.horizontal .handle {
    width: 30px;
    height: 20px;
    /*background-image:	url("../images/sliderDot-horizontal.png");*/
}

.dynamic-slider-control .line {
    position: absolute;
    font-size: 0.01mm;
    overflow: hidden;
    border: 1px solid rgb(90, 97, 90);
    background: rgb(189, 190, 189);
}

.dynamic-slider-control.vertical .line {
    width: 3px;
}

.dynamic-slider-control .line div {
    width: 1px;
    height: 1px;

    border: 1px solid;
    border-color: rgb(230, 230, 230) rgb(189, 190, 189) rgb(189, 190, 189) rgb(230, 230, 230);
}

/*
  settings for timeplot widget (some are overwritten timeplot css classes)
*/
.plotWindow {
    position: relative;
    border-bottom: 1px solid #ADADAD;
    z-index: 1;
    width: 100%;
}

.plotContainer {
    position: absolute;
    padding: 0px;
    border: none;
    top: 12px;
    left: 0px;
    z-index: 1;
    overflow: hidden;
    width: 100%;
}

.plotCanvas {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -2;
}

.timeplot-background {
    display: none;
    z-index: -2;
}

.timeplot-container {
    position: absolute;
    left: 16px;
    padding: 0px;
    border: none;
    z-index: 1;
    top: 0px;
    overflow: visible;
}

.timeplot-timeflag {
    font-size: 0.8em;
    font-weight: normal;
}

.timeplot-valueflag {
    font-size: 0.8em;
}

.timeplot-dayflag-pole {
    display: none;
    z-index: 999;
}

.timeplot-dayflag {
    display: none;
    border: 1px solid #FF0000;
    padding: 1px;
    text-align: center;
    background-color: #FFCCCC;
    z-index: 1000;
}

.range-box {
    display: none;
    background-repeat: repeat;
    opacity: 0.6;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    z-index: -1;
}

.popup-click-div {
    display: none;
    z-index: 1010;
    cursor: pointer;
}

.left-feather {
    display: none;
    z-index: -1;
}

.right-feather {
    display: none;
    z-index: -1;
}

.plotHandle {
    position: absolute;
    visibility: hidden;
    cursor: pointer;
    z-index: 1002;
}

.plotHandleLabel {
    padding: 2px 5px;
    font-size: 0.8em;
}

.plotHandleIcon {
    height: 43px;
    width: 14px;
}

.plotToolbar {
    position: absolute;
    visibility: hidden;
    z-index: 1;
}

.featherSlider {
    position: absolute;
    top: 9px;
    right: 64px;
}

.timeOverview {
    position: absolute;
    top: 0px;
    height: 12px;
    z-index: 0;
    visibility: hidden;
    opacity: 0.5;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    overflow: hidden;
    border-bottom: 1px solid rgb(100, 100, 100);
}

.plotLabels {
    position: absolute;
    overflow: hidden;
    top: 0px;
    left: 0px;
    height: 12px;
    z-index: 0;
}

.plotLabel {
    position: absolute;
    font-size: 9px;
    height: 10px;
    padding: 1px 2px;
    border-left: solid 1px rgb(214, 214, 214);
}

.overviewRange {
    position: absolute;
    top: 0px;
    height: 12px;
    background: white;
}

.overviewLabel {
    position: absolute;
    font-size: 9px;
    height: 10px;
    padding: 1px 2px;
    border-left: solid 1px black;
}

.shiftLeft {
    position: absolute;
    left: 4px;
    top: 0px;
    height: 12px;
    width: 12px;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: 0.8;
    background-image: url(../images/shiftLeft.png);
    visibility: hidden;
}

.shiftLeft:hover {
    cursor: pointer;
    background-image: url(../images/shiftLeftOver.png);
}

.shiftRight {
    position: absolute;
    right: 4px;
    top: 0px;
    height: 12px;
    width: 12px;
    opacity: 0.8;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    background-image: url(../images/shiftRight.png);
    visibility: hidden;
}

.shiftRight:hover {
    cursor: pointer;
    background-image: url(../images/shiftRightOver.png);
}

/*
  settings for map widget
*/
.mapWindow {
    position: absolute;
    overflow: hidden;
    z-index: 2;
    width: 100%;
}

.mapContainer {
    width: 100%;
}

.mapCanvas {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -2;
}

.mapsMenu {
    position: absolute;
    z-index: 1000;
}

.mapsMenu dl {
    margin: 0px;
    display: block;
}

.mapsMenu dt {
    padding: 2px;
    display: block;
    cursor: pointer;
}

.mapsMenu dt:hover {
    background: #C9C9CB;
}

.selectedMapEntry {
    color: white;
    background: #C9C9CB;
}

.pointClickDiv {
    position: absolute;
    visibility: hidden;
    z-index: 4;
}

.pointClickDivBackground {
    width: 100%;
    height: 100%;
    z-index: 4;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.mapInfo {
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 3px;
}

.tagCloudDiv {
    position: absolute;
}

.mapToolbar {
    position: absolute;
    visibility: hidden;
    z-index: 1009;
    opacity: 0.8;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.tagCloudItem {
    z-index: 1009;
    cursor: pointer;
}

.controlLock {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1008;
    visibility: hidden;
}

/*
  sti toolbar settings
*/
.toolbarTop {
    top: 0px;
}

.toolbarBottom {
    bottom: 0px;
}

.toolbarLeft {
    left: 0px;
}

.toolbarRight {
    right: 0px;
}

.toolbarLeftLight {
    /*background-image: url(../images/bg-left.png);*/
    background-repeat: repeat-y;
    border-right: 1px solid white;
}

.toolbarRightLight {
    /*background-image: url(../images/bg-right.png);*/
    background-repeat: repeat-y;
    border-left: 1px solid white;
}

/*
  settings for zoom slider
*/
.sliderStyle {
    position: relative;
    width: 20px;
    height: 100px;
    border: 1px solid rgb(68, 68, 68);
    margin: 3px;
}

.zoomSliderContainer {
    position: absolute;
    top: 10px;
    left: 0px;
}

.zoomSliderIn {
    position: absolute;
    top: 0px;
    left: 2px;
}

.zoomSliderOut {
    position: absolute;
    top: 84px;
    left: 2px;
}

/*
  settings for widgets integrated toolbars
*/
.dragTimeRangeAlt {
    position: relative;
    height: 12px;
    width: 43px;
    cursor: pointer;
}

.cancelRangeAlt {
    position: absolute;
    height: 16px;
    width: 16px;
    background-image: url(../images/cancel.png);
    cursor: pointer;
    visibility: hidden;
}

.widgetHeadline {
    position: absolute;
    top: 3px;
    font-size: 18px;
    padding: 3px;
}

/*
  settings for widgets popup window
*/
.popupDiv {
    position: absolute;
    background-color: white;
    border: 2px solid #666666;
    padding: 25px;
    visibility: hidden;
}

.back {
    position: absolute;
    height: 16px;
    width: 16px;
    top: 2px;
    left: 5px;
    background-image: url(../images/back.png);
    background-repeat: no-repeat;
    cursor: pointer;
    display: none;
}

.next {
    position: absolute;
    height: 16px;
    width: 16px;
    bottom: 5px;
    right: 5px;
    background-image: url(../images/next.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

.previous {
    position: absolute;
    height: 16px;
    width: 16px;
    bottom: 5px;
    left: 5px;
    background-image: url(../images/prev.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

.popupTriangleDown {
    position: absolute;
    height: 18px;
    width: 31px;
    /*background-image: url(../images/popupTriangleDown.png);*/
    background-repeat: no-repeat;
    z-index: 1000;
}

.popupTriangleUp {
    position: absolute;
    height: 18px;
    width: 31px;
    /*background-image: url(../images/popupTriangleUp.png);*/
    background-repeat: no-repeat;
    z-index: 1000;
}

.popupTriangleLeft {
    position: absolute;
    height: 31px;
    width: 18px;
    /*background-image: url(../images/popupTriangleLeft.png);*/
    background-repeat: no-repeat;
    z-index: 1000;
}

.popupTriangleRight {
    position: absolute;
    height: 31px;
    width: 18px;
    /*background-image: url(../images/popupTriangleRight.png);*/
    background-repeat: no-repeat;
    z-index: 1000;
}

.popupResultsLabel {
    position: absolute;
    bottom: 5px;
    font-size: 60%;
    color: #999999;
}

.popupDescription {
    font-size: 60%;
}

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

.popupDiv ol li:hover {
    text-decoration: underline;
}

.popupDiv li {
    padding: 5px;
    cursor: pointer;
}

.popupContent {
    font-size: 60%;
    font-weight: bold;
}

.animation {
    position: absolute;
    width: 18px;
    height: 18px;
    cursor: pointer;
    visibility: hidden;
}

.osmLink {
    position: absolute;
    left: 5px;
    bottom: 5px;
    font-size: 11px;
    color: blue;
    visibility: hidden;
    z-index: 1100;
}

.osmLink a {
    color: blue;
}

.osmLink a:visited {
    color: blue;
}

.absoluteToolbar {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1002;
}

.ddbToolbar {
    width: 100%;
    background-color: #878380;
    position: relative;
    opacity: 0.85;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    border-spacing: 0px;
    z-index: 10000;
}

.ddbToolbar table {
    border-spacing: 0px;
}

.ddbToolbar td {
    color: white;
    font-size: 13px;
    font-weight: bold;
    border: none;
    text-align: center;
}

.ddbTooltip {
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url(../images/tooltip.png);
    top: 5px;
    right: 5px;
    cursor: help;
}

.dropdown {
    display: inline-block;
    height: 25px;
    max-height: 25px;
}

.dropdownLeft {
    display: table-cell;
    width: 5px;
    height: 25px;
    background-image: url(../images/dropdownLeft.png);
}

.dropdownSelection {
    text-align: center;
    height: 25px;
    color: #6f6b68;
    font-style: italic;
    font-weight: normal;
    font-size: 13px;
    display: table-cell;
    vertical-align: middle;
    background-image: url(../images/dropdownMiddle.png);
}

.dropdownButtonEnabled {
    display: table-cell;
    width: 25px;
    height: 25px;
    background-image: url(../images/dropdownEnabled.png);
    cursor: pointer;
}

.dropdownButtonDisabled {
    display: table-cell;
    width: 25px;
    height: 25px;
    background-image: url(../images/dropdownDisabled.png);
    cursor: pointer;
}

.dropdownMenu {
    display: inline-block;
    font-size: 13px;
    background-color: white;
    opacity: 0.85;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    max-height: 200px;
    overflow: auto;
    position: absolute;
    z-index: 3;
}

.dropdownMenu dl {
    margin: 0px;
    display: block;
}

.dropdownMenu dt {
    padding: 2px 10px;
    display: block;
    cursor: pointer;
    text-align: center;
    color: #6f6b68;
    font-weight: normal;
}

.dropdownMenu dt:hover {
    background: #DFDFDD;
}

.dropdownSelectedEntry {
    color: #6f6b68;
    font-style: italic;
    font-weight: normal;
    display: table-cell;
    vertical-align: middle;
}

.dropdownUnselectedEntry {
    color: #6f6b68;
    font-style: normal;
    font-weight: normal;
    display: table-cell;
    vertical-align: middle;
}

.ddbElementsCount {
    color: white;
    font-style: italic;
    font-weight: normal;
    font-size: 13px;
}

/*
  settings for slider object
*/
.dynamic-slider-control {
    width: 20px;
    height: 18px;
    position: relative;
}

.vertical {
    height: 123px;
}

.horizontal {
    width: 123px;
}

.dynamic-slider-control input {
    display: none;
}

.dynamic-slider-control .handle {
    position: absolute;
    font-size: 1px;
    overflow: hidden;
}

.dynamic-slider-control.vertical .handle {
    width: 20px;
    height: 12px;
    cursor: pointer;
    background-image: url("../images/zoom_slider-vertical.png");
}

.dynamic-slider-control.horizontal .handle {
    width: 12px;
    height: 20px;
    cursor: pointer;
    background-image: url("../images/zoom_slider-horizontal.png");
}

.dynamic-slider-control .line {
    position: absolute;
    font-size: 0.01mm;
    overflow: hidden;
    border: none;
    background: rgb(189, 190, 189);
}

.dynamic-slider-control.vertical .line {
    width: 0px;
}

.dynamic-slider-control .line div {
    width: 0px;
    height: 0px;
    border: none;
}

/*
  settings for zoom slider
*/
.sliderStyle-horizontal {
    position: relative;
    width: 167px;
    height: 21px;
    border: 1px solid #bebdbc;
    margin: 3px;
    background: white;
}

.sliderStyle-vertical {
    position: absolute;
    width: 27px;
    height: 173px;
    /*	border:	1px solid #bebdbc;*/
    /*	margin: 3px;*/
    /*	background: white;*/
    background-image: url("../images/ZoomBgWithIncrements.png");
    z-index: 1001;
}

.zoomSliderContainer-horizontal {
    position: absolute;
    top: 2px;
    left: 22px;
    height: 16px;
    /*background-image: url("../images/zoom_grid-horizontal.png");*/
}

.zoomSliderContainer-vertical {
    position: absolute;
    top: 24px;
    width: 27px;
    /*	background-image: url("../images/zoom_grid-vertical.png");*/
}

.zoomSliderIn-horizontal {
    position: absolute;
    top: 1px;
    left: 149px;
    cursor: pointer;
}

.zoomSliderOut-horizontal {
    position: absolute;
    top: 1px;
    left: 2px;
    cursor: pointer;
}

.zoomSliderIn-vertical {
    position: absolute;
    top: 4px;
    left: 4px;
    cursor: pointer;
}

.zoomSliderOut-vertical {
    position: absolute;
    bottom: 5px;
    left: 4px;
    cursor: pointer;
}

.zoomIn {
    width: 19px;
    height: 16px;
    background-image: url("../images/zoom_in.png");
}

.zoomOut {
    width: 19px;
    height: 16px;
    background-image: url("../images/zoom_out.png");
}

.ddbPopupDiv {
    position: absolute;
    background-color: white;
    padding: 15px;
    visibility: visible;
    z-index: 1000;
    cursor: default;
}

.ddbPopupInput {
    overflow-x: auto;
    overflow-y: auto;
}

.ddbPopupInput tr {
    font-size: 13px;
}

.ddbPopupInput th {
    font-size: 13px;
}

.ddbPopupInput td {
    font-size: 13px;
}

.viewResults {
    width: 121px;
    height: 18px;
    /*background-image: url("../images/Viewresultsbutton.png");*/
    cursor: pointer;
    margin-top: 10px;
}

.popupRight {
    position: absolute;
    width: 10px;
    right: -4px;
    top: 8px;
    background-image: url("../images/right.png");
    background-repeat: repeat-y;
    z-index: 3;
}

.popupBottom {
    position: absolute;
    height: 10px;
    bottom: -4px;
    left: 16px;
    background-image: url("../images/bottom.png");
    background-repeat: repeat-x;
    z-index: 3;
}

.popupBottomRight {
    position: absolute;
    width: 10px;
    height: 10px;
    bottom: -4px;
    right: -4px;
    background-image: url("../images/bottom_right.png");
    z-index: 4;
}

.popupTopRight {
    position: absolute;
    width: 10px;
    height: 8px;
    top: 0px;
    right: -4px;
    background-image: url("../images/top_right.png");
    z-index: 4;
}

.popupPeak {
    position: absolute;
    width: 26px;
    height: 29px;
    bottom: -14px;
    left: -10px;
    background-image: url("../images/peak.png");
    z-index: 4;
}

.popupDDBResults {
    font-weight: bold;
    font-size: 12px;
    color: #3e3a37;
    cursor: default;
    padding-bottom: 10px;
}

.ddbPopupCancel {
    position: absolute;
    height: 16px;
    width: 16px;
    top: 2px;
    right: 2px;
    background-image: url(../images/cancel.png);
    cursor: pointer;
    z-index: 5;
}

.ddbPopupLabel {
    display: inline-block;
    font-size: 12px;
    color: #56524f;
    cursor: pointer;
}

.zoomPopup {
    height: 20px;
    width: 20px;
    margin-left: 5px;
    /*background-image: url(../images/zoom.png);*/
    display: inline-block;
    cursor: pointer;
}


.descriptions {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-image: url(../images/descriptions.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

.legend {
    position: absolute;
    right: 0px;
    bottom: 0px;
    opacity: 0.7;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    background-color: #EEE;
    font-size: 12px;
}

.mapHome {
    position: absolute;
    cursor: pointer;
    z-index: 1001;
    background-image: url("../images/ResetMap.png");
    height: 27px;
    width: 27px;
}

.geoLocationOn {
    position: absolute;
    cursor: pointer;
    z-index: 1001;
    background-image: url("../images/GeoLocation.png");
    height: 27px;
    width: 27px;
}

.geoLocationOff {
    position: absolute;
    cursor: pointer;
    z-index: 1001;
    background-image: url("../images/GeoLocation2.png");
    height: 27px;
    width: 27px;
}

.aggregation {
    display: inline-block;
    cursor: pointer;
    /*background-image: url("../images/aggregation.png");*/
    height: 30px;
    width: 31px;
}

.noAggregation {
    display: inline-block;
    cursor: pointer;
    /*background-image: url("../images/no_aggregation.png");*/
    height: 30px;
    width: 31px;
}

.showBbox {
    display: inline-block;
    cursor: pointer;
    /*background-image: url("../images/bbox_icon.png");*/
    height: 30px;
    width: 31px;
}

.hideBbox {
    display: inline-block;
    cursor: pointer;
    /*background-image: url("../images/hidebbox_icon.png");*/
    height: 30px;
    width: 31px;
}

.nextItem {
    display: none;
    cursor: pointer;
    background-image: url("../images/next.png");
    height: 7px;
    width: 9px;
    margin-left: 3px;
}

.prevItem {
    display: none;
    cursor: pointer;
    background-image: url("../images/prev.png");
    height: 7px;
    width: 9px;
    margin-right: 3px;
}

.singleTable {
    width: 100%;
}

.smallButton {
    display: inline-block;
    cursor: pointer;
    height: 27px;
    width: 27px;
}

.paginationButton {
    display: table-cell;
    cursor: pointer;
    height: 26px;
    width: 27px;
}

.firstPageEnabled {
    background-image: url("../images/firstPageEnabled.png");
}

.firstPageDisabled {
    background-image: url("../images/firstPageDisabled.png");
}

.nextPageEnabled {
    background-image: url("../images/nextPageEnabled.png");
}

.nextPageDisabled {
    background-image: url("../images/nextPageDisabled.png");
}

.previousPageEnabled {
    background-image: url("../images/previousPageEnabled.png");
}

.previousPageDisabled {
    background-image: url("../images/previousPageDisabled.png");
}

.lastPageEnabled {
    background-image: url("../images/lastPageEnabled.png");
}

.lastPageDisabled {
    background-image: url("../images/lastPageDisabled.png");
}

.pageInfo {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 10px;
    font-style: italic;
    font-weight: normal;
    font-size: 13px;
}

.resultsInfo {
    display: table-cell;
    vertical-align: middle;
    font-style: italic;
    font-weight: normal;
    font-size: 13px;
}

.resultsDropdown {
    display: table-cell;
    padding-left: 10px;
}

.tableEntry {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 100px;
    border-bottom: 1px solid #878380;
    text-align: left;
}

.tableTabs {
    text-align: left;
    opacity: 0.85;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    border-spacing: 0px;
}

.tableTab {
    display: inline-block;
    padding: 5px 20px;
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
    margin-right: 10px;
    border-top: 1px solid #878380;
    border-left: 1px solid #878380;
    border-right: 1px solid #878380;
}

.mapControl {
    display: inline-block;
    width: 31px;
    height: 30px;
    cursor: pointer;
}

.squareDisabled {
    background-image: url("../images/square-disabled.png");
}

.squareActivated {
    background-image: url("../images/square-activated.png");
}

.squareDeactivated {
    background-image: url("../images/square-deactivated.png");
}

.circleDisabled {
    background-image: url("../images/circle-disabled.png");
}

.circleActivated {
    background-image: url("../images/circle-activated.png");
}

.circleDeactivated {
    background-image: url("../images/circle-deactivated.png");
}

.polygonDisabled {
    background-image: url("../images/polygon-disabled.png");
}

.polygonActivated {
    background-image: url("../images/polygon-activated.png");
}

.polygonDeactivated {
    background-image: url("../images/polygon-deactivated.png");
}

.countryDisabled {
    background-image: url("../images/country-disabled.png");
}

.countryActivated {
    background-image: url("../images/country-activated.png");
}

.countryDeactivated {
    background-image: url("../images/country-deactivated.png");
}

.linearPlotActivated {
    background-image: url("../images/lin-activated.png");
}

.linearPlotDeactivated {
    background-image: url("../images/lin-deactivated.png");
}

.logarithmicPlotActivated {
    background-image: url("../images/log-activated.png");
}

.logarithmicPlotDeactivated {
    background-image: url("../images/log-deactivated.png");
}

.playEnabled {
    background-image: url("../images/play-enabled.png");
}

.playDisabled {
    background-image: url("../images/play-disabled.png");
}

.pauseEnabled {
    background-image: url("../images/pause-enabled.png");
}

.pauseDisabled {
    background-image: url("../images/pause-disabled.png");
}

.dragControl {
    display: inline-block;
    height: 19px;
    width: 19px;
    cursor: pointer;
}

.dragDisabled {
    /*background-image: url("../images/drag-disabled.png");*/
}

.dragActivated {
    /*background-image: url("../images/drag-activated.png");*/
}

.dragDeactivated {
    /*background-image: url("../images/drag-deactivated.png");*/
}

.selectAll {
    background-image: url("../images/selectAll.png");
}

.deselectAll {
    background-image: url("../images/deselectAll.png");
}

.showAll {
    background-image: url("../images/showAll.png");
}

.showSelected {
    background-image: url("../images/showSelected.png");
}

.selectPage {
    background-image: url("../images/selectPage.png");
}

.deselectPage {
    background-image: url("../images/deselectPage.png");
}

.resultList {
    z-index: 2;
    width: 100%;
    background-color: #878380;
    opacity: 0.85;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    border-spacing: 0px;
}

.resultList table {
    border-spacing: 0px;
}

.resultList th {
    color: white;
    font-size: 13px;
    font-weight: bold;
    border: none;
}

.resultList td {
    font-size: 13px;
    padding: 10px;
    border-bottom: 1px solid #878380;
    text-align: left;
}

.sortDescActive {
    background-image: url("../images/descActive.png");
}

.sortDescDeactive {
    background-image: url("../images/descDeactive.png");
}

.sortAscActive {
    background-image: url("../images/ascActive.png");
}

.sortAscDeactive {
    background-image: url("../images/ascDeactive.png");
}

.sort {
    height: 11px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.headerLabel {
    vertical-align: middle;
    padding: 0px 10px;
}

.smallButton {
    display: inline-block;
    height: 27px;
    width: 27px;
    cursor: pointer;
}

.filter {
    background-image: url("../images/filter.png");
}

.filterDisabled {
    background-image: url("../images/filterDisabled.png");
}

.filterInverse {
    background-image: url("../images/filterInverse.png");
}

.filterInverseDisabled {
    background-image: url("../images/filterInverseDisabled.png");
}

.filterCancel {
    background-image: url("../images/filterCancel.png");
}

.filterCancelDisabled {
    background-image: url("../images/filterCancelDisabled.png");
}

div.olMap {
    z-index: 0;
    padding: 0 !important;
    margin: 0 !important;
    cursor: default;
}

div.olMapViewport {
    text-align: left;
}

div.olLayerDiv {
    -moz-user-select: none;
    -khtml-user-select: none;
}

.olLayerGoogleCopyright {
    left: 2px;
    bottom: 2px;
}

.olLayerGoogleV3.olLayerGoogleCopyright {
    right: auto !important;
}

.olLayerGooglePoweredBy {
    left: 2px;
    bottom: 15px;
}

.olLayerGoogleV3.olLayerGooglePoweredBy {
    bottom: 15px !important;
}

.olControlAttribution {
    font-size: smaller;
    right: 3px;
    bottom: 4.5em;
    position: absolute;
    display: block;
}

.olControlScale {
    right: 3px;
    bottom: 3em;
    display: block;
    position: absolute;
    font-size: smaller;
}

.olControlScaleLine {
    display: block;
    position: absolute;
    left: 10px;
    bottom: 15px;
    font-size: xx-small;
}

.olControlScaleLineBottom {
    border: solid 2px black;
    border-bottom: none;
    margin-top: -2px;
    text-align: center;
}

.olControlScaleLineTop {
    border: solid 2px black;
    border-top: none;
    text-align: center;
}

.olControlPermalink {
    right: 3px;
    bottom: 1.5em;
    display: block;
    position: absolute;
    font-size: smaller;
}

div.olControlMousePosition {
    bottom: 0;
    right: 3px;
    display: block;
    position: absolute;
    font-family: Arial;
    font-size: smaller;
}

.olControlOverviewMapContainer {
    position: absolute;
    bottom: 0;
    right: 0;
}

.olControlOverviewMapElement {
    padding: 10px 18px 10px 10px;
    background-color: #00008B;
    -moz-border-radius: 1em 0 0 0;
}

.olControlOverviewMapMinimizeButton,
.olControlOverviewMapMaximizeButton {
    height: 18px;
    width: 18px;
    right: 0;
    bottom: 80px;
    cursor: pointer;
}

.olControlOverviewMapExtentRectangle {
    overflow: hidden;
    /*background-image: url("img/blank.gif");*/
    cursor: move;
    border: 2px dotted red;
}

.olControlOverviewMapRectReplacement {
    overflow: hidden;
    cursor: move;
    /*background-image: url("img/overview_replacement.gif");*/
    background-repeat: no-repeat;
    background-position: center;
}

.olLayerGeoRSSDescription {
    float: left;
    width: 100%;
    overflow: auto;
    font-size: 1.0em;
}

.olLayerGeoRSSClose {
    float: right;
    color: gray;
    font-size: 1.2em;
    margin-right: 6px;
    font-family: sans-serif;
}

.olLayerGeoRSSTitle {
    float: left;
    font-size: 1.2em;
}

.olPopupContent {
    padding: 5px;
    overflow: auto;
}

.olControlNavigationHistory {
    /*background-image: url("img/navigation_history.png");*/
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;

}

.olControlNavigationHistoryPreviousItemActive {
    background-position: 0 0;
}

.olControlNavigationHistoryPreviousItemInactive {
    background-position: 0 -24px;
}

.olControlNavigationHistoryNextItemActive {
    background-position: -24px 0;
}

.olControlNavigationHistoryNextItemInactive {
    background-position: -24px -24px;
}

div.olControlSaveFeaturesItemActive {
    /*background-image: url(img/save_features_on.png);*/
    background-repeat: no-repeat;
    background-position: 0 1px;
}

div.olControlSaveFeaturesItemInactive {
    /*background-image: url(img/save_features_off.png);*/
    background-repeat: no-repeat;
    background-position: 0 1px;
}

.olHandlerBoxZoomBox {
    border: 2px solid red;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}

.olHandlerBoxSelectFeature {
    border: 2px solid blue;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}

.olControlPanPanel {
    top: 10px;
    left: 5px;
}

.olControlPanPanel div {
    /*background-image: url(img/pan-panel.png);*/
    height: 18px;
    width: 18px;
    cursor: pointer;
    position: absolute;
}

.olControlPanPanel .olControlPanNorthItemInactive {
    top: 0;
    left: 9px;
    background-position: 0 0;
}

.olControlPanPanel .olControlPanSouthItemInactive {
    top: 36px;
    left: 9px;
    background-position: 18px 0;
}

.olControlPanPanel .olControlPanWestItemInactive {
    position: absolute;
    top: 18px;
    left: 0;
    background-position: 0 18px;
}

.olControlPanPanel .olControlPanEastItemInactive {
    top: 18px;
    left: 18px;
    background-position: 18px 18px;
}

.olControlZoomPanel {
    top: 71px;
    left: 14px;
}

.olControlZoomPanel div {
    /*background-image: url(img/zoom-panel.png);*/
    position: absolute;
    height: 18px;
    width: 18px;
    cursor: pointer;
}

.olControlZoomPanel .olControlZoomInItemInactive {
    top: 0;
    left: 0;
    background-position: 0 0;
}

.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
    top: 18px;
    left: 0;
    background-position: 0 -18px;
}

.olControlZoomPanel .olControlZoomOutItemInactive {
    top: 36px;
    left: 0;
    background-position: 0 18px;
}

/*
 * When a potential text is bigger than the image it move the image
 * with some headers (closes #3154)
 */
.olControlPanZoomBar div {
    font-size: 1px;
}

.olPopupCloseBox {
    /*background: url("img/close.gif") no-repeat;*/
    cursor: pointer;
}

.olFramedCloudPopupContent {
    padding: 5px;
    overflow: auto;
}

.olControlNoSelect {
    -moz-user-select: none;
    -khtml-user-select: none;
}

.olImageLoadError {
    background-color: pink;
    opacity: 0.5;
    filter: alpha(opacity=50); /* IE */
}

/**
 * Cursor styles
 */

.olCursorWait {
    cursor: wait;
}

.olDragDown {
    cursor: move;
}

.olDrawBox {
    cursor: crosshair;
}

.olControlDragFeatureOver {
    cursor: move;
}

.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
    /*cursor: -moz-grabbing;*/
}

/**
 * Layer switcher
 */
.olControlLayerSwitcher {
    position: absolute;
    top: 25px;
    right: 0;
    width: 20em;
    font-family: sans-serif;
    font-weight: bold;
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    font-size: smaller;
    color: white;
    background-color: transparent;
}

.olControlLayerSwitcher .layersDiv {
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-right: 10px;
    background-color: darkblue;
}

.olControlLayerSwitcher .layersDiv .baseLbl,
.olControlLayerSwitcher .layersDiv .dataLbl {
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
}

.olControlLayerSwitcher .layersDiv .baseLayersDiv,
.olControlLayerSwitcher .layersDiv .dataLayersDiv {
    padding-left: 10px;
}

.olControlLayerSwitcher .maximizeDiv,
.olControlLayerSwitcher .minimizeDiv {
    width: 18px;
    height: 18px;
    top: 5px;
    right: 0;
    cursor: pointer;
}

.olBingAttribution {
    color: #DDD;
}

.olBingAttribution.road {
    color: #333;
}

.olGoogleAttribution.hybrid, .olGoogleAttribution.satellite {
    color: #EEE;
}

.olGoogleAttribution {
    color: #333;
}

span.olGoogleAttribution a {
    color: #77C;
}

span.olGoogleAttribution.hybrid a, span.olGoogleAttribution.satellite a {
    color: #EEE;
}

/**
 * Editing and navigation icons.
 * (using the editing_tool_bar.png sprint image)
 */
.olControlNavToolbar,
.olControlEditingToolbar {
    margin: 5px 5px 0 0;
}

.olControlNavToolbar div,
.olControlEditingToolbar div {
    /*background-image: url("img/editing_tool_bar.png");*/
    background-repeat: no-repeat;
    margin: 0 0 5px 5px;
    width: 24px;
    height: 22px;
    cursor: pointer
}

/* positions */
.olControlEditingToolbar {
    right: 0;
    top: 0;
}

.olControlNavToolbar {
    top: 295px;
    left: 9px;
}

/* layouts */
.olControlEditingToolbar div {
    float: right;
}

/* individual controls */
.olControlNavToolbar .olControlNavigationItemInactive,
.olControlEditingToolbar .olControlNavigationItemInactive {
    background-position: -103px -1px;
}

.olControlNavToolbar .olControlNavigationItemActive,
.olControlEditingToolbar .olControlNavigationItemActive {
    background-position: -103px -24px;
}

.olControlNavToolbar .olControlZoomBoxItemInactive {
    background-position: -128px -1px;
}

.olControlNavToolbar .olControlZoomBoxItemActive {
    background-position: -128px -24px;
}

.olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
    background-position: -77px -1px;
}

.olControlEditingToolbar .olControlDrawFeaturePointItemActive {
    background-position: -77px -24px;
}

.olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
    background-position: -51px -1px;
}

.olControlEditingToolbar .olControlDrawFeaturePathItemActive {
    background-position: -51px -24px;
}

.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive {
    background-position: -26px -1px;
}

.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
    background-position: -26px -24px;
}

div.olControlZoom {
    position: absolute;
    top: 8px;
    left: 8px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 4px;
    padding: 2px;
}

div.olControlZoom a {
    display: block;
    margin: 1px;
    padding: 0;
    color: white;
    font-size: 18px;
    font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    height: 22px;
    width: 22px;
    line-height: 19px;
    background: #130085; /* fallback for IE - IE6 requires background shorthand*/
    background: rgba(0, 60, 136, 0.5);
    filter: alpha(opacity=80);
}

div.olControlZoom a:hover {
    background: #130085; /* fallback for IE */
    background: rgba(0, 60, 136, 0.7);
    filter: alpha(opacity=100);
}

@media only screen and (max-width: 600px) {
    div.olControlZoom a:hover {
        background: rgba(0, 60, 136, 0.5);
    }
}

a.olControlZoomIn {
    border-radius: 4px 4px 0 0;
}

a.olControlZoomOut {
    border-radius: 0 0 4px 4px;
}


/**
 * Animations
 */

.olLayerGrid .olTileImage {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

/*自定义折叠按钮*/

.custom_first_td {
    display: flex;
    align-items: center;
    justify-content: space-around;
    box-sizing: border-box;
}

.custom_switch {
    width: 20px;
    height: 20px;
    display: flex;
    justify-items: center;
    align-items: center;
    border: 1px solid black;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 3px;
    transition: .1s linear;
}

.custom_switch:before{
    width: 100%;
    text-align: center;
}
.custom_switch:hover {
    border-color: #7777CC;
}