@font-face {
     font-family:"Ravie"; src:url("../asset/RAVIE.eot?") format("eot"),
         url("../asset/RAVIE.woff") format("woff"),
         url("../asset/RAVIE.ttf") format("truetype"),
         url("../asset/RAVIE.svg#Ravie") format("svg");
     font-weight:normal;font-style:normal;}


body {
    margin: 0px 0px 1px 0px; /* the extra 1px allows the iOS inner/outer check to work */
    background: #000;
    overflow: hidden;
    src: url(../asset/RAVIE.eot)
}

/*amazon iap dialog shows sup under ours.  Force it to the top*/
div#AmazonServicesPurchaseItem {
    position: relative;
    z-index: 1000000000000;
    background-color: #0094ff
}
div#game-area {
    background-color: #0094ff;
}
div#game-area canvas{
    position: relative;
}
img{
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

.buy-button{
    background-image: url(../asset/checkmark.png);
    width: 50px;
    height: 50px;    
    background-size: contain;
}


.store-dialog {
    position: fixed;
    width: 400px;
    height: 500px;
    top: 50%;
    left: 50%;
    margin-top: -250px;
   margin-left: -200px;
}
.close-store {
    width: 60px;
    height: 60px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: 98px;
    border: none;
    background-image: url(../asset/btnClose.png);
    background-size: contain;
    z-index: 11;
}
#divStore {
    display: none;
    width: 350px;
    height: 425px;
    font-family: Ravie;
    font-size: 13px;
    padding: 4px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
     background-size: 100% 100%;
     background-repeat: no-repeat;
     background-image: url(../asset/right-flyout-bg.png);
}
#storeItems {
    height: 350px;
    overflow: auto;
}
#divStore h1 {
    margin-left: 45px;
    font-family: Ravie;
    color: #000;
    font-size: 22px;
}
#divStore img {
    width: 50px;
}
.store-item {
    margin-left: 40px;
    background-color: #0094ff;
    border-radius: 10px;
    width: 250px;
    color: #fff;
}
.store-item .price {
    font-size: 32px;
    vertical-align: text-bottom;    
}