/*
------------
MAP.CSS
PURPOSE - STYLES FOR MAP MODULES
------------
*/
.mod-map { overflow: visible; position: relative; height: 350px; }

.mod-map .map { background: url(http://i.espncdn.com/i/assets/img/general/map-tournament.png); width: 518px; height: 300px; position: relative; float: right; }

.mod-map .map > ul > li { position: absolute; overflow: visible; min-width: 20px; }

.mod-map .map > ul > li .pointer { display: block; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; border: 2px #454545 solid; height: 8px; width: 8px; float: left; cursor: pointer; }

.mod-map .map > ul > li.active .pointer { border-color: #eb1821; }

.mod-map .map > ul > li:hover .pointer { background: #333; }

.mod-map .map > ul > li .stadium { display: none; position: absolute; left: 14px; background: rgba(255, 255, 255, 0.8); border: 1px #A9A9A9 solid; padding: 3px 7px; white-space: nowrap; z-index: 3; }

.mod-map .map > ul > li .stadium > a { font-weight: bold; }

.mod-map .map > ul > li .stadium > span { display: block; font-size: 10px; color: #333; }

.mod-map .map > ul > li:hover .stadium { display: block; }

.mod-map .game-num { float: left; background: #eb1821; font-size: 13px; line-height: 13px; color: #FFF; font-weight: bold; padding: 4px; height: 12px; width: 12px; margin: 0 5px 0 0; text-align: center; }

.mod-map .map > ul > li .game-num { -moz-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 0px; -o-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 0px; box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 0px; margin: -4px 0 0 4px; }

/* Country Locators */
.mod-map .map > ul > li.gdansk { left: 78px; top: 6px; }

.mod-map .map > ul > li.poznan { left: 48px; top: 85px; }

.mod-map .map > ul > li.wroclaw { left: 50px; top: 114px; }

.mod-map .map > ul > li.warsaw { left: 135px; top: 69px; }

.mod-map .map > ul > li.lviv { left: 193px; top: 138px; }

.mod-map .map > ul > li.kyiv { left: 310px; top: 103px; }

.mod-map .map > ul > li.kharkiv { left: 422px; top: 111px; }

.mod-map .map > ul > li.donetsk { left: 477px; top: 161px; }

.mod-map .country { position: absolute; bottom: 0; white-space: nowrap; z-index: 2; width: 130px; }

.mod-map .country > .flag { margin-bottom: 10px; }

.mod-map .country > ul > li > div { overflow: hidden; color: #333; font-size: 11px; }

.mod-map .country > ul > li > div > span { display: block; }