#map {padding: 0; margin: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 81px;}#map_zoom_slider {top: 80px; left: 10px;}@media screen and (min-width: 768px) {#map {bottom: 0;} #map_zoom_slider {top: 10px;}}#controls {position: absolute; bottom: 0; left: 0; right: 0;}#title {height: 75px; vertical-align: middle; overflow-y: auto; width: 100%; text-align: center; position: absolute; top: 0px;}#slideTitle {display: table-cell; vertical-align: middle; text-align: center; font-size: 0.5em; pointer-events: auto; height: 100%; position: relative; top: 0; bottom: 0; left: 0; right: 0;}#slideTitleText {word-break: break-word; vertical-align: middle; position: relative; color: #ddd; display: inline-block; padding: 6px 12px; top: 0; bottom: 0; left: 0; right: 0;}#slideTitleBackground {height: 100%; width: auto; padding: 0; position: absolute; background-color: #333; display: block; top: 0; bottom: 0; left: 0; right: 0;}#slideTitleParent {text-align: center; display: table; position: relative; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; vertical-align: middle;}#slideControlsParent {text-align: center; vertical-align: middle; margin: auto;}#slideControls {background-color: #333; pointer-events: auto; vertical-align: middle; height: 100%; padding: 10px 5px; white-space: nowrap;}.slideButton {cursor: pointer; width: 32px; height: 32px; opacity: .25; background: url("../../common/image/viewer-icons32.png") no-repeat; margin: 0px 30px; display: inline-block;}.slideButton.disabled {cursor: auto;}.slideButton:hover {opacity: 1;}#slideListParent {position: relative; top: 0; left: 0; right: 0; z-index: 100;}#slideList {position: absolute; pointer-events: auto; overflow-x: hidden; overflow-y: auto; margin: 0; padding: 0; font-size: 1.25em; background-color: #fff; list-style-type: none; z-index: 100; line-height: 2em; counter-reset: index; text-align: left; max-height: 220px; width: 100%; bottom: 0;}.esriRtl #slideList {text-align: right;}#slideList li {border-bottom: solid 2px #eee; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 14px;}.slideListEntry {display: inline;}#slideList li:last-child {border-bottom: none;}.slideListIndex {display: inline-block; text-align: center; width: 60px;}.slideListIndex:before {margin: 0 6px;}.slideListIndex:after {content: counter(index); counter-increment: index;}.selectedSlide .slideListIndex:before {position: absolute; content: url("../../common/image/checkmark.png"); left: 6px;}.esriRtl .selectedSlide .slideListIndex:before {left: auto; right: 6px;}.selectedSlide:hover .slideListIndex:before,.selectedSlide.cursorSlide .slideListIndex:before {content: url("../../common/image/checkmark-white.png");}#slideProgress {color: #fff; font-size: 1.0em; margin-top: 8px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); -moz-opacity: 0.25; opacity: 0.25;}.legendOpenButton {height: 32px; width: 32px; cursor: pointer; display: inline-block; border: 1px solid #57585a; border-radius: 5px; background: #fff url("../../common/image/legend-icon.png") no-repeat 50%;}.legendCloseButton {height: 16px; width: 16px; display: inline-block; background: url("../../builder/css/images/ago_sprite.png") no-repeat -16px 0; cursor: pointer;}.legendContainer {position: absolute; top: 80px; right: 10px; bottom: 50px; height: auto;}.legendViewport {position: relative; top: 0; bottom: 0; overflow-y: auto; overflow-x: hidden; max-height: 99%; z-index: 200;}.legendHeaderContainer {height: 20px; clear: both;}.legendContent {height: 99%; display: none; background-color: #fff; padding: 10px;}.legendContentTitle {padding-bottom: 10px;}.legendContainer {max-width: 70%;}.legendViewport--expanded {border: 1px solid #57585a; border-radius: 5px;}.legendViewport--expanded .legendOpenButton {display: none;}.legendViewport--expanded .legendContent {display: block;}#prevButton {background-position: 0px -65px;}#listButton {background-position: 0px -32px;}#nextButton {background-position: -32px -65px;}#closeButton {background-position: -32px -32px;}#playButton {background-position: 0px -130px;}#pauseButton {background-position: -32px 0px;}#break {cursor: auto; margin-top: 2px; width: 32px; height: 32px; background: url("../image/break-icon.png") no-repeat;}.esriRtl #prevButton {background-position: -32px -65px;}.esriRtl #nextButton {background-position: 0px -65px;}@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {#controls {background-color: #000; margin: auto;}}@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {.slideButton {opacity: 1.0;} .shy #slideProgress {opacity: 1.0;} .shy .disabled {opacity: .45;}}@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {#slideControls {background-color: rgba(0, 0, 0, 0.8); margin: 0 auto;} .slideButton {margin: 0 20px;} .shy {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8 !important;} .shy #slideProgress {opacity: 1.0;} .shy .disabled {opacity: .45;}}@media screen and (min-width: 768px) {#title, #controls {height: auto; pointer-events: none; background: none;} #title {overflow-y: unset; width: auto; top: 10px; left: 55px; right: 55px;} #slideTitleParent {width: auto; margin: 0 auto; padding: 0 50px;} #slideTitle {font-size: 0.625em; display: inline-block; text-shadow: #666 1px 1px 1px;} .scroller {max-height: 370px; overflow-y: auto; position: relative;} #slideControlsParent {position: absolute; z-index: 100; bottom: 10px; height: auto; width: 100%; text-align: center;} #slideControls {position: relative; display: inline-block; box-shadow: none;} .bordered {border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px; box-shadow: 0 0 0.35em #888; -moz-box-shadow: 0 0 0.35em #888; -webkit-box-shadow: 0 0 0.35em #888;} .slideButton {margin: 0 10px; font-size: 2.3em; opacity: 1;} #slideListParent {position: relative; margin: auto auto 10px; width: 40%;} #slideList {position: relative; max-height: 380px;} #slideProgress {font-size: 0.75em; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;} .legendContainer {top: 10px; max-width: 40%;}}@media screen and (min-width: 900px) {.shy {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.3;} .shy:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8;} .shy:hover .slideButton {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;} .shy:hover .slideButton:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;} .shy:hover #break:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;} .shy:hover .disabled, .shy:hover .disabled:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; filter: alpha(opacity=45); -moz-opacity: .45; opacity: .45;} #slideListParent {font-size: 0.75em;} #slideList li {border: none;} .shy:hover #slideProgress {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;} #slideTitle {font-size: 0.75em;} .legendContainer {max-width: 30%;}}#slideList li.backgroundColorful:hover,.cursorSlide {background-color: #007ac2; color: #FFF;}.selectedSlide {font-weight: bolder;}.backgroundColorful {transition: background-color .2s ease;}.nonUserSelectable #slideTitle {-webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text;}@media screen and (min-width: 1200px) {#slideTitle {font-size: 0.875em;}}