@charset "utf-8";
body {
    margin: 0;
    padding: 0;
}

#dictionaryItemContainer {
    user-drag: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    width: 500px;
    height: 280px;
    padding: 0;
    margin: 0;
    position: relative;
    font-family: 'Arial', Helvetica, sans-serif;
    font-size: 14px;
    overflow: hidden;
}
#depremBackground {
    width: 500px;
    height: 280px;
    background: url("../media/background.png") no-repeat;
    position: absolute;
    z-index: 1;
}
.imagePages {
    width: 500px;
    height: 280px;
    position: absolute;
    z-index: 0;
}

.depremButtons {
    width: 74px;
    height: 30px;
    background: red;
    opacity: 0;
    position: absolute;
    z-index: 2;
}

#depremButton_1 {  left: 43px;  top: 24px;}
#depremButton_2 {  left: 23px;  top: 76px;     width: 81px;}
#depremButton_3 {  left: 23px;  top: 183px;    width: 96px;}
#depremButton_4 {  left: 368px;  top: 235px;   width: 81px;}
              
#depremButton_5 {  left: 377px;  top: 23px;   width: 81px;}
#depremButton_6 {  left: 397px;  top: 76px;   width: 81px;}
#depremButton_7 {  left: 397px;  top: 182px;  width: 81px;}
#depremButton_8 {  left: 407px;  top: 129px;  width: 81px;}
#depremButton_9 {  left: 10px;  top: 129px;   width: 81px;}
                   
#depremButton_10 { left: 278px;  top: 23px;  width: 81px;}
#depremButton_11 { left: 175px;  top: 235px; width: 169px;}
#depremButton_12 { left: 138px;  top: 23px;  width: 124px;}
#depremButton_13 { left: 38px;  top: 235px;  width: 97px; }


#geriButton {
    background: url("../media/geri.png") no-repeat;
    width: 75px;
    height: 30px;
    position: absolute;
    left: 20px;
    top: 10px;
    z-index: 0;
}