html, body {
    margin: 0;
    height: 100%
}
body {
    overflow: hidden;
}


.grabbing { cursor: url(closedhand.cur), pointer !important; }


#wto_dispute { background: #f0000; border: 1px solid #ccc; height: 470px; position: relative; width: 950px; overflow: hidden; }
#wto_dispute #map_dispute { height: 470px; width: 950px; }
#wto_dispute #mapControls { position: absolute; left: 15px; top: 15px; width: 29px; }
#wto_dispute #mapControls #up { background: url(iconUp.png) no-repeat center top; display: block; height: 26px; width: 29px; }
#wto_dispute #mapControls #down { background: url(iconDown.png) no-repeat center top; display: block; height: 27px; width: 29px; }

.ammapDescriptionText 
{
    white-space: nowrap;
	overflow: auto; 
    cursor: move;
}
.ammapDescriptionTitle {
    white-space: nowrap;
    font-size: 10px;
}
.ammapDescriptionWindow {
    font-size: 9px;
}
.ammapDescriptionWindow a {
    color: #000;
}
#gradient_bar {
    width: 100%;
    height: 5px;
    background-color: black;
}
#gradient_label1 {
    float: left;
}
#gradient_label2 {
    float: right;
}
element.style {
}
#legend_content2 {
font-family: Verdana;
font-size: 10px;
}
.spacer {
    clear: both;
}

#grouping_div {
    position: relative;
    font-size: 9px;
    font-family: Verdana;
    margin: 5px 5px 0px 5px;
    padding: 5px 5px 0px 5px;
    border-top: #CCC solid 1px;
    max-width: 370px;
    
}
#grouping_div a {
    color: #000;
}

#legend {
    position: absolute;
    background: rgba(255,255,255,0.75) !important;
    padding: 10px;
    cursor: move;
    min-width: 215px;
	box-shadow: 1px 1px 5px #BBB;
	-moz-box-shadow: 1px 1px 5px #BBB;
	-webkit-box-shadow: 1px 1px 5px #BBB;
}
#legend_title {
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    padding-bottom: 5px;
}
#option_help {
    display: none;
}
#disclaimer {
    font-size: 10px;
    font-family: Verdana;
    width: 590px;
    position: absolute;
    background: rgba(130, 130, 130, 0.9);
    padding: 8px;
    color: #FFFFFF;
}

#disclaimer_btn {
    font-size: 8px;
    font-family: Verdana;
    position: absolute;
    background: rgba(130, 130, 130, 0.9);
    padding: 4px;
    color: #FFFFFF;
    cursor: pointer;
}
#disclaimer_content {
    width: 560px;
    text-align: justify;
    float: left;
}
#disclaimer_close {
    float: right;
    font-weight: bold;
}
.ammapDescriptionWindowCloseButton {
    cursor: pointer;
}
.disclaimer_full {
    color: red;
    text-decoration: none;
}
.disclaimer_full:visited {
    color: red;
}
.ammapDescriptionTitle {
    display: none;
}
.ammapDescriptionText h3 {
    margin: 0;
    margin-bottom: 5px;
}
#map_loading {
    text-align: center;
    font-size: 19px;
    color: #AAAAAA;
    font-family: Arial;
    padding-top: 210px;
}
#legend2_title2 {
    font-weight: bold;
    margin-bottom: 5px;
}
#timeline_parent {
    display: none;
    width: auto;
    position: absolute;
    padding: 16px;
    padding-bottom: 6px;
    padding-top: 22px;
    background: rgba(255,255,255,0.75);
    font-family: Verdana;
    cursor: move;
	box-shadow: 1px 1px 5px #BBB;
	-moz-box-shadow: 1px 1px 5px #BBB;
	-webkit-box-shadow: 1px 1px 5px #BBB;
    
}
#timeline {
    width: 345px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}

/* override rangeslider*/
.rangeslider, .rangeslider__fill {
    background: #DDD;
    height: 14px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    top: -1px;
}
.rangeslider__handle {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  width: 10px;
  height: 21px;
  position: absolute;
  top: -2px;
  background-image: url('timeline_cursor.png');
  background-size: 100%;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.rangeslider__handle:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: none;
  background-size: 100%;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image:  none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

#timeline_current_year {
    position: absolute;
    font-size: 9px;
}

#timeline_container {
    margin-top: 4px;
    margin-left: 35px;
}

#timeline_start {
    float: left;
    font-size: 10px;
}

#timeline_end {
    float: left;
    font-size: 10px;
}
#player_btn_container {
    font-size: 11px;
    float: left;
    margin-right: 5px;
}
#player_btn_parent {
}

#player_btn {
    background-image: url(player.png);
    cursor: pointer;
    float: left;
}

#timeline_title {
    text-align: center;
    padding-top: 5px;
    clear: both;
    font-size: 9px;
    font-weight: bold;
}


#current_year_label {
    text-align: center;
    background: rgba(255,255,255,0.8);
    padding: 6px;
    font-size: 14px;
    font-family: Verdana;
    font-weight: bold;
}

.sprite-play_roll_on{ background-position: 0 0; width: 21px; height: 20px; } 
.sprite-play_roll_out{ background-position: 0 -70px; width: 21px; height: 20px; } 
.sprite-stop_roll_on{ background-position: 0 -140px; width: 21px; height: 20px; } 
.sprite-stop_roll_out{ background-position: 0 -210px; width: 21px; height: 20px; } 

.sprite-play_roll_out:hover{ background-position: 0 0; width: 21px; height: 20px; } 
.sprite-stop_roll_out:hover{ background-position: 0 -140px; width: 21px; height: 20px; } 

.legend_label {
    font-size: 9px;
    font-family: Verdana;
}
.legent_item {

}
.legend_rectangle {
    width: 0px;
    height: 0px;
    display: block;
    float: left;
    margin-top: 4px;
    margin-right: 5px;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}
.child_block {
    margin-left: 15px;
}
.legend_expendable {
    line-height: 12px;
    padding-left: 1px;
    cursor: pointer;
    color: #555;
    margin-right: -4px;
}
.legend_expendable:hover {
    opacity: 0.7;
}
.legend_expended {
    background-image: url('legend_expended.png');
    width: 12px;
    height: 12px;
    border: none !important;
    background-position-x: 1px;
    margin-right: 5px;
}
.legend_sign {
  position: relative;
  left: -7px;
  top: 0px;
  cursor: pointer;
}

.popup-base {
    font-family: Verdana;
    font-size: 10px;
    text-align: center;
    width: auto;
}



#fullscreen-button {
    background-image: url(fullscreen.png);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 208px;
    left: 28px;
    cursor: pointer;
}
#fullscreen-button:hover {
    opacity: 0.7;
}

.fullscreen-button-on {
    width: 19px;
    height: 19px;
    background-position: -6px -6px;
}

.fullscreen-button-off {
    width: 19px;
    height: 19px;
    background-position: -34px -5px;
}


#fullscreen-button.hd {
    background-image: url(fullscreen_hd.png);
    top: 364px;
    left: 50px;
}

#fullscreen-button.fullscreen-button-on.hd {
    width: 40px;
    height: 40px;
    background-position: -7px -7px;
}

#fullscreen-button.fullscreen-button-off.hd {
    width: 40px;
    height: 40px;
    background-position: -55px -7px;
}





/*
#mapdiv svg image {
    cursor: pointer;
}
#mapdiv svg image:prev {
    cursor: pointer;
}
*/


/* FF HACK */
@-moz-document url-prefix() {
    .legend_sign {
        top: 1px;
        left: -7px;
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 

    /* Safari only override */
    ::i-block-chrome,.legend_sign {
        top: 1px;
    }
}


@media (-webkit-min-device-pixel-ratio: 1.5) { 
    .legend_expendable { line-height: 9px; } 
    .legend_sign {top: 0px;}
}
@media (min--moz-device-pixel-ratio: 1.5) { 
    .legend_expendable { line-height: 9px; } 
    .legend_sign {top: 0px;}
}
@media (-o-min-device-pixel-ratio: 3/2) { 
    .legend_expendable { line-height: 9px; } 
    .legend_sign {top: 0px;}
}
@media (min-resolution: 1.5dppx) { 
    .legend_expendable { line-height: 9px; } 
    .legend_sign {top: 0px;}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .legend_expendable { line-height: 9px; } 
    .legend_sign {top: 0px;}
}


#legend_content_bg {
      visibility: hidden;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0;
      content: url(white_pixel.png);
  }



@media print {
  body * {
    visibility: hidden;
  }
  #legend, #legend *, #mapdiv, #mapdiv *, #current_year_label {
    visibility: visible;
  }
  .legend_sign {
    visibility: hidden;
    opacity: 0;
  }
  .legend_expended {
      background-image: none;
      width: 0;
      height: 0;
      border: 6px solid #444 !important;
      background-position-x: 1px;
      margin-right: 5px;
  }
  #section-to-print {
    position: absolute;
    left: 0;
    top: 0;
  }
  #legend_content_bg {
      visibility: visible;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0;
      content: url(white_pixel.png);
  }

  #legend_title, #legend_content, #legend_content_exp {
      z-index: 1;
      position: relative;
  }
}