/* main */

#gameContent {
    position: relative;
    margin: 0px;
    border: none;
    width: 824px;
    height: 631px;
}

#glueCanvas {
    position: relative;
    margin: 0;
    background-color: #CCCCCC;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

#glueSWF {
    outline: none;
}


/* font */

@font-face {
    font-family: 'Conv_QuadraatSans-Bold';
    src: url('fonts/QuadraatSans-Bold.eot');
    src: local('☺'), url('fonts/QuadraatSans-Bold.woff') format('woff'), url('fonts/QuadraatSans-Bold.ttf') format('truetype'), url('fonts/QuadraatSans-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* popbox */

#sl-lockpane {
    display: none;
    position: absolute;
    top: 0px;
    bottom: 50px;
    left: 0px;
    right: 0px;
    z-index: 1000;
}

.sl-lockpane-visible {
    background-color: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7F000000', endColorstr='#7F000000');
}

.sl-lockpane-invisible {
    background-color: rgba(0, 0, 0, 0.0);
    filter: none;
}

#sl-popupbox {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -176px;
    margin-top: -118px;
    width: 352px;
    height: 236px;
    padding: 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

#sl-popupbox-close {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

#sl-popupbox-bordertop {
    position: absolute;
    top: 6px;
    left: 4px;
    width: 344px;
    height: 4px;

    background-image: url('../assets/global/border-rnd-top.png');
    background-repeat: no-repeat;
}

#sl-popupbox-borderleft {
    position: absolute;
    top: 10px;
    left: 4px;
    width: 4px;
    height: 216px;
    background-color: black;
}

#sl-popupbox-borderright {
    position: absolute;
    top: 10px;
    left: 344px;
    width: 4px;
    height: 216px;
    background-color: black;
}

#sl-popupbox-borderbottom {
    position: absolute;
    top: 226px;
    left: 4px;
    width: 344px;
    height: 4px;

    background-image: url('../assets/global/border-rnd-bottom.png');
    background-repeat: no-repeat;
}

#sl-popupbox-content {
    position: absolute;
    top: 9px;
    left: 8px;
    width: 336px;
    height: 217px;
    background-image: url('../assets/global/win_color.png');
    background-repeat: repeat repeat;
    overflow: hidden;
}


#sl-popupbox-rightshadow {
    position: absolute;
    left: 348px;
    top: 16px;
    width: 4px;
    height: 214px;
    background-image: url('../assets/global/win_shadow.png');
    background-repeat: repeat repeat;
}


#sl-popupbox-bottomshadow {
    position: absolute;
    left: 12px;
    top: 230px;
    width: 340px;
    height: 6px;
    background-image: url('../assets/global/win_shadow.png');
    background-repeat: repeat repeat;
}

#sl-popupbox-title {
    overflow: hidden;
    position: absolute;
    left: 14px;
    top: 12px;
    width: 316px;
    height: 26px;
    overflow: hidden;

    color: #FFDC00; /* rgba(225,220,0,255); */
    font-family: Conv_QuadraatSans-Bold;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
}

#sl-popupbox #sl-popupbox-text {
    overflow: hidden;
    position: absolute;
    left: 14px;
    top: 41px;
    width: 316px;
    height: 147px;
    overflow: hidden;

    color: white;
    font-size: 12px;
    font-family: Verdana, "Verdana Regular", sans-serif;
}

#sl-popupbox #sl-popupbox-text > b,
#sl-popupbox #sl-popupbox-text > b > * {
    font-weight: bold;
    color: white;
    font-size: 12px;
    font-family: Verdana, "Verdana Regular", sans-serif;
}

#sl-popupbox-info1 {
    position: absolute;
    left: 14px;
    top: 175px;
    width: 160px;
    height: 19px;

    color: white;
    font-size:  12px;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;

    cursor: pointer;
}

#sl-popupbox-info2 {
    position: absolute;
    left: 14px;
    top: 195px;
    width: 160px;
    height: 24px;

    color: white;
    font-size:  12px;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;

    cursor: pointer;
}

#sl-popupbox-info1:hover,  #sl-popupbox-info2:hover {
    color: #999999;
}

#sl-popupbox-button {
    overflow: hidden;
    position: absolute;
    left: 172px;
    top: 184px;
    width: 157px;
    height: 24px;
    /*padding-top: 3px;*/

    cursor: pointer;

    background-image: url('../assets/global/button_background_alpha.png');
    color: white;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;


    /*-webkit-box-sizing: border-box; *//* Safari/Chrome, other WebKit */
    /*-moz-box-sizing: border-box;    *//* Firefox, other Gecko */
    /*box-sizing: border-box;         *//* Opera/IE 8+ */
}

#sl-popupbox #sl-popupbox-button-td {
    font-family: Conv_QuadraatSans-Bold;
    font-size: 16px;
    font-weight: normal;
    color: white;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
    width: 157px;
    height: 24px;
    text-transform: uppercase;
    /*position: relative;*/
    /*top: 1px;*/
    /*left: 0px;*/
}

#sl-popupbox #sl-popupbox-button-table {
    width: 157px;
    height: 24px;
    border: 0px;
    background-color: transparent;
}

#sl-popupbox #sl-popupbox-button-table tbody {
    background-color: transparent;
}


#sl-popupbox-buttonglow {
    position: absolute;
    left: 0px;
    top: -24px;
    width: 173px;
    height: 24px;

    background-image: url('../assets/global/button_glow.png');
    background-repeat: repeat-x;
}

#sl-popupbox-button:hover {
    background-image: url('../assets/global/button_background.png');
}

.viewport-box {
    border: 2px solid red;
    width: 640px;
    height: 480px;
    overflow: hidden;
    margin: 10px;
    position: relative;
    float: left;
}


#sl-preloaderpane {
    display: none;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1000;
    height: 100%;

    background-color: #830b82;
}

#sl-preloaderbox {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -169px;
    margin-top: -52px;
    width: 338px;
    height: 104px;
    padding: 0px;
}

#sl-preloader-outer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 338px;
    height: 93px;
    background-image: url('../assets/global/loading_ani-3.gif');
    background-repeat: no-repeat;
}

#sl-preloader-logo {
    position: absolute;
    top: 18px;
    left: 22px;
    width: 293px;
    height: 56px;
    background-image: url('../assets/global/logo_de.png');
    background-repeat: no-repeat;
}

#sl-preloader-inner {
    position: absolute;
    left: 226px;
    top: 7px;
    width: 42px;
    height: 42px;
    background-image: url('../assets/global/loading_in.gif');
    background-repeat: no-repeat;
}

#sl-preloader-bar {
    position: absolute;
    left: 22px;
    top: 101px;
    width: 293px;
    height: 2px;
    background-color: white;
    overflow:hidden;
}

#sl-preloader-filler {
    height: 2px;
    width: 0%;
    background-color: #FEDB00;
    margin: 0px;
    padding: 0px;
}

#sl-preloader-text {
    position: absolute;
    left: 22px;
    top: 105px;
    height: 20px;
    width: 220px;
    color: #FEDB00;
    margin: 0px;
    padding: 0px;
}

#sl-preloader-percent {
    position: absolute;
    right: 22px;
    top: 105px;
    text-align: right;
    color: #FEDB00;
    margin: 0px;
    padding: 0px;
}

#sl-popupbox-text-choose-amount {
    position: absolute;
    left: 14px;
    top: 170px;
    width: 316px;
    height: 47px;
    overflow: hidden;
    color: white;
    font-size: 12px;
    font-family: Verdana, "Verdana Regular", sans-serif;
}







#sl-popupbox-choose-amount-box-left,
#sl-popupbox-choose-amount-box-right{
    width: 190px;
    height: 120px;
    top: 70px;
    position: absolute;
    left: 0;
    border-right: 1px solid white;
    text-align: center;
    padding-right: 2px !important;
}
#sl-popupbox-choose-amount-box-right{
    left: 194px;
    padding-left: 1px;
    padding-right: 0 !important;
    border: none;
}

#sl-popupbox-choose-amount-box-left #sl-popupbox-choose-amount-box-left-price,
#sl-popupbox-choose-amount-box-right #sl-popupbox-choose-amount-box-right-price{
    top: 0;
    overflow: hidden;
    color: white;
    font-size: 12px;
    font-family: Verdana, "Verdana Regular", sans-serif;
}

#sl-popupbox-choose-amount-box-left #sl-popupbox-choose-amount-box-left-price-value,
#sl-popupbox-choose-amount-box-right #sl-popupbox-choose-amount-box-right-price-value{
    top: 0;
    overflow: hidden;
    color: white;
    font-size: 13px;
    font-family: Verdana, "Verdana Regular", sans-serif;
    font-weight: bold;
}

#sl-popupbox-choose-amount-box-left #sl-popupbox-choose-amount-box-left-win,
#sl-popupbox-choose-amount-box-right #sl-popupbox-choose-amount-box-right-win {
    position: absolute;
    left: 0;
    top: 25px;
    width: 100%;
    overflow: hidden;
    color: white;
    font-size: 12px;
    font-family: Verdana, "Verdana Regular", sans-serif;
    text-align: center;
}
#sl-popupbox-choose-amount-box-left #sl-popupbox-choose-amount-box-left-win-value,
#sl-popupbox-choose-amount-box-right #sl-popupbox-choose-amount-box-right-win-value{
    position: absolute;
    left: 0;
    top: 43px;
    width: 100%;
    height: 30px;
    color: white;
    font-size: 13px;
    font-family: Verdana, "Verdana Regular", sans-serif;
    font-weight: bold;
}

#sl-popupbox-choose-amount-box-left #sl-popupbox-choose-amount-box-left-buy-btn,
#sl-popupbox-choose-amount-box-right #sl-popupbox-choose-amount-box-right-buy-btn{
    background-image: url('../assets/global/button_background_alpha.png');
    background-size: 100% 100%;
    /* top: 70px;
     width: 110px;*/

    top: 48px;
    width: 170px;

    height: 20px;
    overflow: hidden;
    color: white;
    font-size: 14px;
    font-family: Verdana, "Verdana Regular", sans-serif;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    /*border: 1px solid;
    border-top: 2px solid;*/
    margin-left: auto;
    margin-right: auto;
    position: relative;

    padding: 2px;

}

#sl-popupbox-choose-amount-box-left #sl-popupbox-choose-amount-box-left-buy-btn table,
#sl-popupbox-choose-amount-box-right #sl-popupbox-choose-amount-box-right-buy-btn table{
    width: 100%;
    height: 100%;
}

#sl-popupbox-choose-amount-box-left #sl-popupbox-choose-amount-box-left-buy-btn:hover,
#sl-popupbox-choose-amount-box-right #sl-popupbox-choose-amount-box-right-buy-btn:hover{
    background-image: url('../assets/global/button_background.png');
    background-size: 100% 100%;
}

#sl-popupbox-choose-amount-box-left #sl-popupbox-choose-amount-box-left-buy-btn #sl-popupbox-button-lr,
#sl-popupbox-choose-amount-box-right #sl-popupbox-choose-amount-box-right-buy-btn #sl-popupbox-button-lr{
    font-size: 16px;
    /*font-family: Verdana, "Verdana Regular", sans-serif;*/
    font-family: 'Conv_QuadraatSans-Bold';
    text-align: center;
    font-weight: bold;
    color: white;
    margin: 0;
    padding: 0;
    padding-top: 1px;
}


#sl-popupbox-choose-amount-box-left #sl-popupbox-choose-amount-box-left-demo-btn,
#sl-popupbox-choose-amount-box-right #sl-popupbox-choose-amount-box-right-demo-btn{
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    height: 19px;
    color: white;
    font-size: 12px;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

#sl-popupbox-choose-amount-bottom-description {
    position: absolute;
    height: 47px;
    overflow: hidden;
    color: white;
    font-size: 12px;
    font-family: Verdana, "Verdana Regular", sans-serif;
    top: 198px;
    width: 97%;
    left: 10px;
}


/*now the large elements*/
.sl-popupbox-large,
.sl-popupbox-content-large {
    width: 386px !important;
    height: 246px !important;
}

.sl-popupbox-large{
    margin-left: -204px !important;
    margin-top: -140px !important;
}

.sl-popupbox-content-large {
    border: 5px solid black;
    border-radius: 1px;
    box-shadow: 5px 6px 1px rgba(0, 0, 0, 0.26);
}

.sl-popupbox-large-remove-border-shadow{
    display: none;
}