/* @group Map Control Sprites */
.buttons {width: 136px; height: 36px; background: url(/images/controls3.png) no-repeat; margin: 0;opacity:0.85;float:left;}
ul.buttons li {display: inline;}
.buttons li a:link, .buttons li a:visited {position: absolute; height: 36px; text-indent: -9999px; overflow: hidden; z-index: 10;}

/* @group zoom_out */
.buttons .zoom_out a:link, .buttons .zoom_out a:visited {left: 0; width: 34px;}
.buttons .zoom_out a:hover, .buttons .zoom_out a:focus {background: url(/images/controls3.png) no-repeat 0 -36px;}
.buttons .zoom_out a:active {background: url(/images/controls3.png) no-repeat 0 -66px;}
.current-zoom_out .zoom_out a:link, .current-zoom_out .zoom_out a:visited {background: url(/images/controls3.png) no-repeat 0 -99px; cursor: pointer;}
.buttons-zoom_out, .buttons-zoom_out-click {position: absolute; top: 0; left: 0; width: 34px; height: 36px; background: url(/images/controls3.png) no-repeat 0 -36px;}
.buttons-zoom_out-click {background: url(/images/controls3.png) no-repeat 0 -66px;}

/* @end */

/* @group zoom_in */
.buttons .zoom_in a:link, .buttons .zoom_in a:visited {left: 34px; width: 34px;}
.buttons .zoom_in a:hover, .buttons .zoom_in a:focus {background: url(/images/controls3.png) no-repeat -34px -36px;}
.buttons .zoom_in a:active {background: url(/images/controls3.png) no-repeat -34px -66px;}
.current-zoom_in .zoom_in a:link, .current-zoom_in .zoom_in a:visited {background: url(/images/controls3.png) no-repeat -34px -99px; cursor: pointer;}
.buttons-zoom_in, .buttons-zoom_in-click {position: absolute; top: 0; left: 34px; width: 34px; height: 36px; background: url(/images/controls3.png) no-repeat -34px -36px;}
.buttons-zoom_in-click {background: url(/images/controls3.png) no-repeat -34px -66px;}
/* @end */

/* @group locate */
.buttons .locate a:link, .buttons .locate a {left: 0; width: 34px;background: url(/images/controls3.png) no-repeat 0 -38px;}
.buttons .locate a:link, .buttons .locate a:visited {left: 0; width: 34px;}
.buttons .locate a:hover, .buttons .locate a:focus {background: url(/images/controls3.png) no-repeat 0 0;}
.buttons .locate a:active {background: url(/images/controls3.png) no-repeat 0 -76px;}
.current-locate .locate a:link, .current-locate .locate a:visited {background: url(/images/controls3.png) no-repeat 0 -99px; cursor: pointer;}
.buttons-locate, .buttons-locate-click {position: absolute; top: 0; left: 0; width: 34px; height: 36px; background: url(/images/controls3.png) no-repeat 0 -38px;}
.buttons-locate-click {background: url(/images/controls3.png) no-repeat 0 -66px;}
/* @end */

/* @group city */

.buttons .city a:hover, .buttons .city a {background: url(/images/controls3.png) no-repeat -34px -38px;}
.buttons .city a:link, .buttons .city a:visited {left: 34px; width: 34px;}
.buttons .city a:hover, .buttons .city a:focus {background: url(/images/controls3.png) no-repeat -34px 0;}
.buttons .city a:active {background: url(/images/controls3.png) no-repeat -34px -76px;}
.current-city .city a:link, .current-city .city a:visited {background: url(/images/controls3.png) no-repeat -112px -99px; cursor: pointer;}
.buttons-city, .buttons-city-click {position: absolute; top: 0; left: 34px; width: 34px; height: 36px; background: url(/images/controls3.png) no-repeat -34px -38px;}
.buttons-city-click {background: url(/images/controls3.png) no-repeat -34px -66px;}

/* @end */

/* @group regional */

.buttons .regional a:hover, .buttons .regional a {background: url(/images/controls3.png) no-repeat -68px -38px;}
.buttons .regional a:link, .buttons .regional a:visited {left: 68px; width: 34px;}
.buttons .regional a:hover, .buttons .regional a:focus {background: url(/images/controls3.png) no-repeat -68px 0;}
.buttons .regional a:active {background: url(/images/controls3.png) no-repeat -68px -76px;}
.current-regional .regional a:link, .current-regional .regional a:visited {background: url(/images/controls3.png) no-repeat -68px -99px; cursor: pointer;}
.buttons-regional, .buttons-regional-click {position: absolute; top: 0; left: 68px; width: 34px; height: 36px; background: url(/images/controls3.png) no-repeat -68px -38px;}
.buttons-regional-click {background: url(/images/controls3.png) no-repeat -68px -66px;}

/* @end */

/* @group world */

.buttons .world a:hover, .buttons .world a {background: url(/images/controls3.png) no-repeat -102px -38px;}
.buttons .world a:link, .buttons .world a:visited {left: 102px; width: 34px;}
.buttons .world a:hover, .buttons .world a:focus {background: url(/images/controls3.png) no-repeat -102px 0;}
.buttons .world a:active {background: url(/images/controls3.png) no-repeat -102px -76px;}
.current-world .world a:link, .current-world .world a:visited {background: url(/images/controls3.png) no-repeat -102px -99px; cursor: pointer;}
.buttons-world, .buttons-world-click {position: absolute; top: 0; left: 102px; width: 34px; height: 36px; background: url(/images/controls3.png) no-repeat -102px -38px;}
.buttons-world-click {background: url(/images/controls3.png) no-repeat -102px -66px;}

/* @end */

/* @group options */

.buttons .options a:link, .buttons .options a:visited {left: 224px; width: 35px;}
.buttons .options a:hover, .buttons .options a:focus {background: url(/images/controls3.png) no-repeat -224px -36px;}
.buttons .options a:active {background: url(/images/controls3.png) no-repeat -224px -66px;}
.current-options .options a:link, .current-options .options a:visited {background: url(/images/controls3.png) no-repeat -224px -99px; cursor: pointer;}
.buttons-options, .buttons-options-click {position: absolute; top: 0; left: 224px; width: 35px; height: 36px; background: url(/images/controls3.png) no-repeat -224px -36px;}
.buttons-options-click {background: url(/images/controls3.png) no-repeat -224px -66px;}

/* @end */

/* @end */

/* @group Replay Control Sprites */

.replay_controls {width: 107px; height: 48px; background: url(/images/playControls_active.png) no-repeat; margin-top: 13px; z-index: 1000; position: absolute; left: 289px; top: 0px;}
.replay_animation {width: 107px; height: 48px; background: url(/images/playControls.gif) no-repeat; position: absolute; margin: 0; display: none;}
.replay_buttons {width: 107px; height: 48px; background: url(/images/playControls_glyphs.png) no-repeat; position: absolute; margin: 0;}
ul.replay_buttons li {display: inline;}
.replay_buttons li a:link, .replay_buttons li a:visited {position: absolute; height: 48px; text-indent: -9999px; overflow: hidden; z-index: 10;}

/* @group skip_back */

.replay_buttons .skip_back a:link, .replay_buttons .skip_back a:visited {left: 0; width: 30px; background: url(/images/playControls_glyphs.png) no-repeat 0 0;}
.replay_buttons .skip_back a:hover, .replay_buttons .skip_back a:focus {background: url(/images/playControls_glyphs.png) no-repeat 0 -48px;}
.replay_buttons .skip_back a:active {background: url(/images/playControls_glyphs.png) no-repeat 0 -96px;}
.current-skip_back .skip_back a:link, .current-skip_back .skip_back a:visited {background: url(/images/playControls_glyphs.png) no-repeat 0 -96px; cursor: pointer;}
.replay_buttons-skip_back, .replay_buttons-skip_back-click {position: absolute; top: 0; left: 0; width: 30px; height: 48px; background: url(/images/playControls_glyphs.png) no-repeat 0 -96px;}
.replay_buttons-skip_back-click {background: url(/images/playControls_glyphs.png) no-repeat 0 -96px;}

/* @end */

/* @group play */

.replay_buttons .play a:link, .replay_buttons .play a:visited {left: 30px; width: 48px; background-position: 0 0;}
.replay_buttons .play a:hover, .replay_buttons .play a:focus {background: url(/images/playControls_glyphs.png) no-repeat -30px -48px;}
.replay_buttons .play a:active {background: url(/images/playControls_glyphs.png) no-repeat -30px -96px;}
.current-play .play a:link, .current-play .play a:visited {background: url(/images/playControls_glyphs.png) no-repeat -30px 0; cursor: pointer;}
.replay_buttons-play, .replay_buttons-play-click {position: absolute; top: 0; left: 30px; width: 48px; height: 48px; background: url(/images/playControls_glyphs.png) no-repeat 0 -48px;}
.replay_buttons-play-click {background: url(/images/playControls_glyphs.png) no-repeat 30px -96px;}

/* @end */

/* @group pause */

.replay_buttons .pause a:link, .replay_buttons .pause a:visited {left: 30px; width: 48px; background: url(/images/playControls_glyphs.png) no-repeat -30px -144px;}
.replay_buttons .pause a:hover, .replay_buttons .pause a:focus {background: url(/images/playControls_glyphs.png) no-repeat -30px -192px;}
.replay_buttons .pause a:active {background: url(/images/playControls_glyphs.png) no-repeat -30px -240px;}
.current-pause .pause a:link, .current-pause .pause a:visited {background: url(/images/playControls_glyphs.png) no-repeat -30px -144px; cursor: pointer;}
.replay_buttons-pause, .replay_buttons-pause-click {position: absolute; top: 0; left: 30px; width: 48px; height: 48px; background: url(/images/playControls_glyphs.png) no-repeat 0 -192px;}
.replay_buttons-pause-click {background: url(/images/playControls_glyphs.png) no-repeat 30px -240px;}

/* @end */

/* @group now */

.replay_buttons .now a:link, .replay_buttons .now a:visited {left: 78px; width: 29px; background-position: 0 0;}
.replay_buttons .now a:hover, .replay_buttons .now a:focus {background: url(/images/playControls_glyphs.png) no-repeat -78px -48px;}
.replay_buttons .now a:active {background: url(/images/playControls_glyphs.png) no-repeat -78px -96px;}
.current-now .now a:link, .current-now .now a:visited {background: url(/images/playControls_glyphs.png) no-repeat -78px 0; cursor: pointer;}
.replay_buttons-now, .replay_buttons-now-click {position: absolute; top: 0; left: 78px; width: 29px; height: 48px; background: url(/images/playControls_glyphs.png) no-repeat 0 -144px;}
.replay_buttons-now-click {background: url(/images/playControls_glyphs.png) no-repeat 78px -96px;}
.replay_buttons .now a.disabled {background-position: 0 -144px;}

/* @end */

/* @end */

.buttons .options .disabledSprite a:link, .buttons .options a:visited {background: transparent url(/images/controls3.png) no-repeat -224px -99px; cursor: pointer;}
.buttons .options .disabledSprite a:hover, .buttons .options a:focus {background: transparent url(/images/controls3.png) no-repeat -224px -99px; cursor: pointer;}
.buttons .options .disabledSprite a:active {background: transparent url(/images/controls3.png) no-repeat -224px -99px; cursor: pointer;}