DIV#d-content {margin: 0px 8px;}

H1 {background: url('/images/dot-green.png') no-repeat 0% 50%; color: #99cc00;}

DIV#map-block {overflow: hidden; width: 50%; float: left;}
DIV#panorama-block {margin-left: 50%;}
* HTML DIV#panorama-block {margin-left: 0; float: right;}
*:first-child+html DIV#panorama-block {margin-right: -8px;}
DIV#panorama-block DIV.help {color: grey; text-align: center;}

DIV#panorama {width: 100%; height: 400px;}
DIV.with-help {background: #fff url('/images/map/panorama-bg.png') no-repeat 50% 50%;}
DIV.flash-required {background: #fff url('/images/map/panorama-flash-required.png') no-repeat 50% 50%;}
DIV#map {width: 100%; height: 400px;}

DIV#info {margin-top: 4px; margin-bottom: 4px;}
DIV#info H2.loading {background: url('/images/loading.gif') no-repeat 50% 50%;}


DIV#panel {display: none;}
DIV#panel A {display: inline-block; font-size: 11px; color: #666666; text-decoration: none; text-align: left; width: 87px; height: 25px; background: url('/images/map/game/button.png') no-repeat;}
DIV#panel A IMG {margin-bottom: -3px;}
DIV#panel A.selected {background-position: 0px -25px;}
DIV#panel A.blink {background-position: 0px -50px;}
DIV#panel A SPAN {margin: 4px; margin-left: 24px; display: inline-block;}

DIV#game {border: 1px solid #343434; height: 398px; display: none; background: #cfcfcf url('/images/map/game/bg.png') repeat-x 0% 100%; overflow: auto;}

DIV#game DIV.empty {color: #999;}

DIV#game DIV.top {height: 16px; background: #666666 url('/images/map/game/top-bg.png') repeat-x; border-bottom: 1px solid #343434; color: #fff; font-size: 11px; padding: 6px 8px;}

DIV#game DIV.info,
DIV#game DIV.confirm,
DIV#game DIV.ask {background: #ffc; text-align: center; padding: 8px; width: 250px; margin: auto; margin-top: 8px; margin-bottom: 8px; display: none;}

DIV#game DIV.backpack {display: none; margin: 8px;}
DIV#game DIV.backpack DIV.item {float: left; margin-left: 4px; margin-bottom: 4px; position: relative; height: 44px;}
DIV#game DIV.backpack DIV.item IMG {margin-bottom: -3px;}
DIV#game DIV.backpack DIV.item DIV.count {position: absolute; top: 1px; right: 1px; text-align: right; font-size: 9px; opacity: 0.75; background: #fff;}

DIV#game DIV.task,
DIV#game DIV.quest {display: none; margin: 0px 8px; border: 1px solid #343434; border-top: 0; background: url('/images/map/game/quest-top-bg.png') repeat-x #d6d6d6; padding-top: 9px; padding-bottom: 48px;}
DIV#game DIV.quest DIV.item {overflow: hidden; padding: 4px; background: #cccccc; border: 1px solid #999999; margin-bottom: 1px; border-left: 0; border-right: 0;}
DIV#game DIV.quest DIV.item A.play {color: #000;}
DIV#game DIV.quest DIV.item SPAN.play {display: none;}
DIV#game DIV.quest DIV.item A.stop {width: 14px; height: 14px; margin: 2px; background: url('/images/map/game/stop-button.png') no-repeat; display: inline-block; float: right;}
DIV#game DIV.quest DIV.crnt {background: #ffc; border: 1px solid #343434; border-left: 0; border-right: 0;}
DIV#game DIV.quest DIV.crnt A.play {display: none;}
DIV#game DIV.quest DIV.crnt SPAN.play {display: inline;}
DIV#game DIV.quest DIV.crnt A.stop {background-position: 0px -28px;}
DIV#game DIV.quest DIV.empty {margin: 8px;}

DIV#game DIV.task {padding: 8px; padding-top: 17px; padding-bottom: 48px;}
/*
DIV#game DIV.game {margin-right: 6px; height: 1%;}
DIV#game DIV.game DIV.h1 {position: relative; border: 1px solid #ccc; height: 1%;}
DIV#game DIV.game DIV.h1 DIV.tl {position: absolute; top: -1px; left: -1px; width: 10px; height: 10px; font-size: 0; background: url('/images/map/left-block/h1-cn.png') no-repeat;}
DIV#game DIV.game DIV.h1 DIV.tr {position: absolute; top: -1px; right: -1px; width: 10px; height: 10px; font-size: 0; background: url('/images/map/left-block/h1-cn.png') no-repeat 100% 0%;}
DIV#game DIV.game DIV.h1 DIV.bl {position: absolute; bottom: -1px; left: -1px; width: 10px; height: 10px; font-size: 0; background: url('/images/map/left-block/h1-cn.png') no-repeat 0% 100%;}
DIV#game DIV.game DIV.h1 DIV.br {position: absolute; bottom: -1px; right: -1px; width: 10px; height: 10px; font-size: 0; background: url('/images/map/left-block/h1-cn.png') no-repeat 100% 100%;}
DIV#game DIV.game DIV.h1 DIV.container {padding: 6px 10px;}


DIV#game DIV.game DIV.content {background: url('/images/map/left-block/dot.png') repeat-y; margin: 0px 10px;}
DIV#game DIV.game DIV.content DIV.container {padding: 10px; background: url('/images/map/left-block/dot.png') repeat-y 100% 100%;}
DIV#game DIV.game DIV.content H2 {color: #fd4100; margin: 0;}
DIV#game DIV.game DIV.content DIV.separator {background: url('/images/map/left-block/dot.png') repeat-x 50% 50%; height: 1px; margin: 10px 0px;}
DIV#game DIV.game DIV.content UL {list-style: none;}
DIV#game DIV.game DIV.content UL LI {margin-bottom: 2px;}
DIV#game DIV.game DIV.content UL IMG {vertical-align: bottom;}

DIV#game DIV.game DIV.b1 {zoom: 1; position: relative; height: 39px; background: url('/images/map/left-block/b1-m.png') repeat-x; margin: 0px 10px;}
DIV#game DIV.game DIV.b1 DIV.l {position: absolute; left: 0; height: 39px; width: 10px; background: url('/images/map/left-block/b1-l.png') no-repeat;}
DIV#game DIV.game DIV.b1 DIV.r {position: absolute; right: 0; height: 39px; width: 10px; background: url('/images/map/left-block/b1-r.png') no-repeat; font-size: 0; line-height: 0;}
*/




DIV#info {float: right; width: 50%;}
/*
DIV#info DIV.comments {margin-top: 1em; min-height: 16px;}
DIV#info DIV.comments SPAN.name {color: green;}
DIV#info DIV.comments SPAN.date {color: #999;}
DIV#info DIV.comments DIV.text {margin-bottom: 1em;}
DIV#info DIV.comments A.complain {color: #ccc;}
DIV#info DIV.comments FORM {margin-top: 1em;}
DIV#info DIV.comments FORM TEXTAREA {width: 300px; height: 100px; display: block;}
*/

DIV#info DIV.panorama {border: 1px solid #ccc; padding: 6px; background: url('/images/map/info-h1-m.png') repeat-x; position: relative; zoom: 1;}
DIV#info DIV.panorama DIV.cr {position: absolute; background: url('/images/map/info-cr.png') no-repeat; width: 10px; height: 10px; font-size: 0;}
DIV#info DIV.panorama DIV.tl {top: -1px; left: -1px; background-position: 100% 100%; height: 59px;}
DIV#info DIV.panorama DIV.tr {top: -1px; right: -1px; background-position: 0% 100%; height: 59px;}
DIV#info DIV.panorama DIV.bl {bottom: -1px; left: -1px; background-position: 100% 0%;}
DIV#info DIV.panorama DIV.br {bottom: -1px; right: -1px; background-position: 0% 0%;}

DIV#info DIV.panorama H2 {margin-bottom: 4px;}
DIV#info DIV.panorama DIV.mini {float: right;}
DIV#info DIV.panorama DIV.mini SMALL {font-size: 11px; color: #999;}
DIV#info DIV.panorama DIV.mini A {text-decoration: none; border-bottom: 1px dotted;}
DIV#info DIV.panorama DIV.mini A.plus {color: green;}
DIV#info DIV.panorama DIV.mini A.minus {color: red;}
DIV#info DIV.panorama DIV.mini DIV.favorites {margin: 0.5em 0; text-align: center;}
DIV#info DIV.panorama DIV.mini DIV.favorites A {font-size: 0; display: inline-block; width: 15px; height: 11px; background: url('/images/map/favorites.png') no-repeat; border: 0; text-decoration: none;}
DIV#info DIV.panorama DIV.mini DIV.favorites A.selected {background-position: 0px -11px;}

DIV#info DIV.panorama DIV.box {position: relative; border: 1px solid #8d8d8d;}
DIV#info DIV.panorama DIV.box DIV.inner {padding: 8px;}
DIV#info DIV.panorama DIV.box SPAN.date {color: #999999; font-size: 11px;}
DIV#info DIV.panorama DIV.box SPAN.time {color: #666666; font-size: 11px;}
DIV#info DIV.panorama DIV.box STRONG.name {color: #006699;}
DIV#info DIV.panorama DIV.box DIV.text {color: #6d8087; margin-bottom: 1em;}
DIV#info DIV.panorama DIV.box TEXTAREA {width: 99%; height: 100px; vertical-align: middle;}
DIV#info DIV.panorama DIV.box INPUT {margin: 4px 0px;}
DIV#info DIV.panorama DIV.box DIV.hint-red {background: #ff0000 url('/images/map/info-box-hint-red.png') repeat-x; font-size: 11px; height: 17px; color: #fff; padding: 0px 8px;}
DIV#info DIV.panorama DIV.box DIV.hint-grey {background: #939393 url('/images/map/info-box-hint-grey.png') repeat-x; font-size: 11px; height: 17px; color: #cccccc; padding: 0px 8px;}
DIV#info DIV.panorama DIV.box DIV.hint-yellow {background: url('/images/map/info-box-hint-yellow.png') repeat-x; font-size: 11px; height: 17px; color: #333333;  padding: 0px 8px;}
DIV#info DIV.panorama DIV.message {border: 3px solid #ff0000; color: white; font-weight: bold; background: #ffcccc; margin: 5px 0px;}
DIV#info DIV.panorama DIV.text {padding: 4px 10px;}
DIV#info DIV.panorama DIV.tags {}
DIV#info DIV.panorama DIV.tags SPAN {color: #999;}
DIV#info DIV.panorama DIV.tags SPAN.pink {color: #eb3373;}
DIV#info DIV.panorama DIV.region {}
DIV#info DIV.panorama DIV.region IMG {vertical-align: top;}
DIV#info DIV.panorama DIV.region A {font-size: 11px;}
DIV#info DIV.panorama DIV.embed-code {text-align: right; margin-bottom: 1em; font-size: 11px;}
DIV#info DIV.panorama DIV.embed-code DIV.code {text-align: left; display: none;}
DIV#info DIV.panorama DIV.embed-code A {}
DIV#info DIV.panorama DIV.embed-code TEXTAREA {width: 100%; height: 220px;}
DIV#info DIV.panorama DIV.embed-code INPUT {vertical-align: middle;}

DIV#info DIV.panorama DIV.b1 {position: relative; height: 10px; background: url('/images/map/info-b1-m.png') repeat-x;}
DIV#info DIV.panorama DIV.b1 DIV.l {height: 10px; width: 10px; background: url('/images/map/info-b1-l.png') no-repeat; position: absolute; left: 0;}
DIV#info DIV.panorama DIV.b1 DIV.r {height: 10px; width: 10px; background: url('/images/map/info-b1-r.png') no-repeat; position: absolute; right: 0;}


DIV#hangman {float: left; width: 50%; text-align: center;}


DIV#map-help {position: absolute; background: #fff; top: 110%; right: 0; padding: 6px 8px; width: 350px; font-size: 11px; visibility: hidden;}
DIV#map-help IMG {vertical-align: middle;}