* {
    margin: 0;
    padding: 0;
}

body {
    font-size: 80%;
}

html,
body,
div#container {
    height: 100%;
}

body {
    min-width: 950px;
}

a img {
    border: none;
}

ul {
    list-style: none;
}

div#container {
    position: relative;
}

h1 {
    position: absolute;
    top: 0;
    left: 30px;
    z-index: 2;
}

div#mapCanvas {
    bottom: 37px;
}

div#creatureListBoxWrap {
    position: absolute;
    bottom: 37px;
    width: 100%;
}

div#creatureListBox {
    padding: 10px 0 30px;
    background: url(/img/map/bg_alpha.png);
}

div#creatureListBox h2 {
    width: 1000px;
    position: relative;
    left: -10px;
    margin: 0 auto;
}

ul.creatureList {
    width: 1000px;
    margin: 0 auto;
}

ul.creatureList li {
    float: left;
    height: 60px;
    width: 60px;
    padding: 1px;
    margin: 0;
    cursor: pointer;
    position: relative;
}

ul.creatureList li.other {
    cursor: auto;
}

ul.creatureList:after {
    content: ".";
    visibility: hidden;
    clear: both;
    height: 0;
    display: block;
}

div.popupUnit {
    _width: 300px;
}

div.popupUnit p.photo {
    margin-bottom: 10px;
    height: 92px;
}

div.popupUnit ul em {
    font-weight: bold;
    font-style: normal;
}

p#viewMyData {
    position: absolute;
    top: 140px;
    right: 10px;
    cursor: pointer;
}

div#discoveryInfo {
    position: absolute;
    padding: 10px;
    width: 178px;
    height: 85px;
    background: url('/img/map/bg_discovery_info.png') no-repeat;
    top: 30px;
    right: 10px;
}

div#discoveryInfo p.count {
    position: absolute;
    bottom: 10px;
    text-align: right;
    width: 170px;
}

div#discoveryInfo p.creatureIcon {
    position: absolute;
    top: 10px;
    right: 10px;
}

div#discoveryInfo p.memberName {
    font-weight: bold;
    padding: 0 5px;
}

div#communityMap div#discoveryInfo {
    width: 388px;
    background: url('/img/map/bg_info_community.png') no-repeat;
}

div#communityMap div#discoveryInfo p.count {
    bottom: 25px;
    width: 365px;
}

div#communityMap div#discoveryInfo p.memberName {
    padding: 5px;
    width: 280px;
    text-align: right;
}

div#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 37px;
    background: url(/img/map/bg_footer.png) repeat-x;
}

div#footer div.footerMenu {
    position: absolute;
    top: 10px;
    right: 20px;
}

div#footer div.footerMenu p {
    float: left;
    margin: 0 5px;
}

div#footer p#copyright {
    padding: 15px 0 0 20px;
}