@font-face {
    font-family: 'Conv_HelveticaNeueLTStd-Md';
    src: url('../fonts/HelveticaNeueLTStd-Md.eot');
    src: url('../fonts/HelveticaNeueLTStd-Md.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStd-Md.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStd-Md.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStd-Md.svg#HelveticaNeueLTStd-Md') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_MyriadPro-Semibold';
    src: url('../fonts/MyriadPro-Semibold.eot');
    src: url('../fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MyriadPro-Semibold.woff') format('woff'),
         url('../fonts/MyriadPro-Semibold.ttf') format('truetype'),
         url('../fonts/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_din1451m';
    src: url('../fonts/din1451m.eot');
    src: url('../fonts/din1451m.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din1451m.woff') format('woff'),
         url('../fonts/din1451m.ttf') format('truetype'),
         url('../fonts/din1451m.svg#din1451m') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Conv_MyriadPro-Light';
    src: url('../fonts/MyriadPro-Light.eot');
    src: local('☺'), url('../fonts/MyriadPro-Light.woff') format('woff'), url('../fonts/MyriadPro-Light.ttf') format('truetype'), url('../fonts/MyriadPro-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'din-light';
    src: url('../fonts/din-light.eot');
    src: url('../fonts/din-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-light.woff') format('woff'),
         url('../fonts/din-light.ttf') format('truetype'),
         url('../fonts/din-light.svg#din-light') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*@font-face {
    font-family: 'din_lightregular';
    src: url('../fonts/din_light_0-webfont.eot');
    src: url('../fonts/din_light_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din_light_0-webfont.woff') format('woff'),
         url('../fonts/din_light_0-webfont.ttf') format('truetype'),
         url('../fonts/din_light_0-webfont.svg#din_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

} */
* {
    margin: 0;
    padding: 0;
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    -webkit-user-drag: none; 
    -moz-user-drag: none; 
    -ms-user-drag: none; 
    user-drag: none; 
}

body {
    font-size: 20px;
    font-family: 'Conv_MyriadPro-Semibold', sans-serif;
    max-width: 1280px;
    min-width: 1280px;
    max-height: 1023px;
    min-height: 1023px;
    margin: 0 auto;
    /* background: #000 url(../img/bg_rng.gif) repeat-x 0 0; */
    line-height: inherit;
    overflow: auto !important;
}

li {
    list-style-type: none;
}

a {
    text-decoration: none;
}

.main-header {
    height: 73px;
}

    .main-header h1 {
        background: url('../img/logo-header-ripped.png') no-repeat 0 0;
        /*background: url('../img/tb-logo.svg') no-repeat 0 0;*/
        float: left;
        margin-top: 12px;
        margin-left: 50px;
        height: 50px;
        width: 65px;
        font-size: 1em;
    }

    .user, .badge, .menu-back-btn {
        float: right;
    }

.badge {
    margin-left: 16px;
    margin-right: 18px;
    margin-top: 8px;
    height: 60px;
    width: 58px;
}
.badge img{
    max-width:100%;
    max-height:100%;
}
.menu-back-btn {
    background: url('../img/menu_background.png') repeat-x 0 0;
    border: 1px solid #802E33;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-top: 9px;
    padding: 17px 0;
    width: 120px;
}

.menu-back-btn, #menu nav ul li a {
    color: #fff;
    text-transform: uppercase;
    text-shadow: -3px 2px 1px #bd2327;
    font-size: 14px;
    text-align: center;
    font-family: 'Conv_HelveticaNeueLTStd-Md';
}

.user {
    border: 5px solid #F9EDCE;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 9px;
    margin-right: 17px;

}

    .green-user {
        color: #A54F2D;
        padding-left:62px;
        padding-top: 12px;
        width: 133px;
        height: 31px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #FFD787 url('../img/player-icon-green.png') no-repeat 0 0; /*background: #FFD787 url('../img/user-img.svg') no-repeat 0 0;*/
    }
    .golden-user {
        color: #A54F2D;
        padding-left:62px;
        padding-top: 12px;
        width: 133px;
        height: 31px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #FFD787 url('../img/player-icon-golden.png') no-repeat 0 0; /*background: #FFD787 url('../img/user-img.svg') no-repeat 0 0;*/
    }

#menu {
    text-align: center;
    padding-bottom: 22px;
}

    #menu nav li {
        display: inline-block;
        background: url('../img/menu_background.png') repeat-x 0 0;
        border-right: 1px solid #802E33;
        width: 19%;/*width: 309px;*/
    }

        #menu nav li a {
            display: block;
            padding-top: 17px;
            padding-bottom: 15px;
        }
            #menu nav li a:hover {
                color: #400607;
            }

        #menu nav li:last-child, .table-content tr:last-child td:last-child{
            border-right: none;
            -webkit-border-bottom-right-radius: 10px;
            -moz-border-bottom-right-radius: 10px;
            border-bottom-right-radius: 10px;
        }

        #menu nav li:first-child, .table-content tr:last-child td:first-child {
            -webkit-border-bottom-left-radius: 10px;
            -moz-border-bottom-left-radius: 10px;
            border-bottom-left-radius: 10px;
        }

    #menu nav ul .current {
        background: #FFD686;
    }

        #menu nav ul .current a {
            color: #DC1F26;
            text-shadow: none;
        }

#loading-image{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1000;
}
.tabsSelect, .table-tabsSelect {
    display: none;
}

.currentTab, .table-currentTab {
    display: block;
}
#redemption-popup{
    position: absolute;
    z-index: 999;
    max-width: 927px;
    min-width: 927px;
    max-height: 620px;
    min-height: 620px;
    top: 25px;
    left: 130px;
    display: none;
    -webkit-box-shadow: 5px -2px 10px #000;
    -moz-box-shadow: 5px -2px 10px #000;
    box-shadow: 5px -2px 10px #000;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.loyalty-points-page > div, .prize-points-page .prize-points, .prize-points-table, .mine-gevinster-page .table li, .prize-points-wrapper li {
        float: left;
    }

.prize-points-wrapper, .points-period, .points-year, .symbol-table-wrapper li, .total-points, .medals-table {
    background: #faedcf;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.loyalty-points-page > div {
    margin-top: 50px;
    margin-left: 3%;
}

.points-period {
    width: 49%;
}

.points-year {
    width: 42%;
}

.points-period-title, .title-wrap span, .mine-gevinster-page h1 span {
    color: #626366;
    font-size: 19px;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
}

.points-period-title{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 25px;
}

.table-wrap {
    background: #fff;
    padding: 18px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.table, .table-chips, .mine-gevinster-page .result-table {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #648090;
}

.points-period .table ul {
    float: left;
    width: 19%;
    text-align: right;
}

    .points-period .table ul:first-child {
        width: 43%;
        text-align: left;
    }

.points-period .table ul li:first-child, .table tr th {
    color: #fff;
    background: #648090;
}

.loyalty-points-page .table ul:first-child li, .points-period .table ul li:first-child, .table tr th  {
    text-transform: uppercase;
}

.points-period .table ul:first-child li:first-child, .mine-gevinster-page tr:nth-child(1) td:nth-child(1), .table tr th:first-child, .table table tr:first-child td:first-child{
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
}

.points-period .table ul:last-child li:first-child, .mine-gevinster-page tr:nth-child(1) td:nth-child(5), .table tr th:last-child, .table table tr:first-child  td:last-child {
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
}

.table ul li, .table tr td, .table-chips td, .result-table td {
    border-right: 1px solid #648090;
    border-top: 1px solid #648090;
}

.points-period .table ul li.total {
    padding-bottom: 0;
}

    .points-period .table ul li.total + li {
        border-top: none;
        padding-top: 0;
        color: #D67009;
    }

.points-period .table ul li, table.table td, table.table th {
    padding: 10px 5px 10px 10px;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
}
table.table{
    margin-top: 10px;
    width: 100%;
    table-layout:fixed;
}
table.table th{
    text-align: left;
}
table.table td{
    text-align: right;
}
.points-year .table ul li span:first-child {
    border-right: 1px solid #648090;
    text-transform: uppercase;
}

.table table tr:first-child td, div .remove_topborder {
    border-top: none;
}

.table ul:last-child li, .table tr td:last-child, .table-chips tr td:nth-child(5n), .mine-gevinster-page tr td:nth-child(5n) {
    border-right: none;
}

.table-chips .result-table tr td {

}
.table-chips .result-table tr td:nth-child(7n) {

}

.button-points {
    background: url('../img/button_background.png') repeat-x 0 0;
    color: #fff;
    font-size: 21px;
    border: 1px solid #802E33;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 15px 38px 10px 38px;
    float: right;
    margin-right: 20px;
    margin-bottom: 20px;
    font-family: 'Conv_HelveticaNeueLTStd-Md';
    text-transform: uppercase;
    height: 36px;
    overflow: hidden;
    max-width: 510px;
}

.title-wrap {
    width: 360px;
    margin: 0 auto;
    margin-bottom: 15px;
    position: relative;
}

    .title-wrap span {
        background: #db1e28;
        float: left;
        width: 360px;
        text-align: center;
        height: 36px;
        color: #fff;
        line-height: 36px;
        border-radius:3px;
    }
.arrow-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;

  border-left: 10px solid #fff;
}

.arrow-left {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;

  border-right:10px solid #fff;
}

.points-year .table ul li {
    font-size: 16px;
}

    .points-year .table ul li:nth-child(2n-1) {
        background: #F1F2F2;
    }
.table-content tr:nth-child(2n) td{
    background: #fff;
}
    .points-year .table ul li:last-child {
        font-size: 20px;
        color: #37B34A;
        background: none;
    }

    .points-year .table ul li span {
        padding: 5px 15px;
        display: block;
        float: left;
        width: 43%;
        overflow: hidden;
    }

        .points-year .table ul li span:last-child {
            text-align: right;
        }

.table2-points {
    background: #F68E1E;
    padding: 10px 20px;
    color: #fff;
}

    .table2-points span:last-child {
        float: right;
    }

#loy-prev-year-btn, #prize-prev-btn {
    float: left;
    position: absolute;
    width: 0 !important;
    height: 0 !important;
    border-top: 10px solid transparent !important;
    border-bottom: 10px solid transparent !important;
    border-right:10px solid #fff !important;
    margin-left: 15px;
    margin-top: 7px;
}

#loy-next-year-btn, #prize-next-btn {
    background: url('../img/nav-arrow-right.png') no-repeat 0 0;
    float: right;
    position: absolute;
    margin-left: 340px;
    margin-top: 7px;
    width: 0 !important;
    height: 0 !important;
    border-top: 10px solid transparent !important;
    border-bottom: 10px solid transparent !important;
    border-left:10px solid #fff !important;
}

#prize-prev-page-btn {
    background: url('../img/nav-arrow-left-down.png') no-repeat 0 0;
    float: left;
}

#prize-next-page-btn {
    background: url('../img/nav-arrow-right-down.png') no-repeat 0 0;
    float: right;
}

#loy-prev-year-btn, #loy-next-year-btn, #prize-prev-btn, #prize-next-btn, #prize-next-page-btn, #prize-prev-page-btn, #my-next-page-btn, #prize-prev-page-btn, #mypins-next-page-btn, #mypins-prev-page-btn,
#allpins-next-page-btn, #allpins-prev-page-btn {
    display: block;
    width: 64px;
    height: 60px;
    border: none;
}
#mypins-prev-page-btn, #allpins-prev-page-btn {
    width: 36px;
    height: 36px;
    float:left;
    border-radius:3px 0 0 3px;
}
#mypins-prev-page-btn a, #allpins-prev-page-btn a{
    background: url('../img/nav-arrow-left-down-1600.png') no-repeat 0 0;
    width: 36px;
    height: 36px;
    background-color:#f29550;
    border-radius:3px 0 0 3px;
    display:block;
}
#mypins-prev-page-btn a.hidden, #mypins-next-page-btn a.hidden,
#allpins-prev-page-btn a.hidden, #allpins-next-page-btn a.hidden {
    background:none;
    background-color:#f29550;
}
#mypins-next-page-btn, #allpins-next-page-btn {
    width: 36px;
    height: 36px;
    float:right;
    border-radius:0 3px 3px 0;
}
#mypins-next-page-btn a, #allpins-next-page-btn a{
    background: url('../img/nav-arrow-right-down-1600.png') no-repeat 0 0;
    width: 36px;
    height: 36px;
    background-color:#f29550;
    border-radius:0 3px 3px 0;
    display:block;
}
.prize-points-page{
    overflow: hidden;
}
    .prize-points-page .div-wrapper{
        /*width: 1250px;*/
        width: 100%;
        margin: 0 auto;
    }
    .prize-points-page .prize-points-wrapper{
        width: 95%;/*width: 1246px;*/
        margin: 0 auto;
        overflow: hidden;
    }

        .prize-points-page .table-wrap {
            padding-bottom: 0;
            margin-left: 0;
        }

            .table-wrap .title-wrap {
                margin-bottom: 0;
            }

.table-chips tr td {
    width: 128px;
    height: 128px;
    font-family: 'Conv_din1451m';
    font-size: 12px;
    vertical-align: top;
}

    .table-chips tr td span {
        display: block;
        padding-top: 60px;
        padding-left: 23px;
        float: left;
    }

        .table-chips tr td span:nth-child(2) {
            padding-left: 37px;
        }
#prize-points-user-total {
    color: #FCAF17;
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 15px;
    width: 630px;
}
#prize-points-user-total, .prize-points-table nav li a, .title-wrap span, .user p, .table-content td, .table-content td:last-child span, .total-points, .top-five li{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.prize-points-table nav {
    background: #F8D08A;
}

    .prize-points-table nav li {
        float: left;
        margin-left: 15px;
        border: none;
    }

        .prize-points-table nav li:last-child {
            margin-left: 6px;
        }

        .prize-points-table nav li a {
            background: #648090;
            color: #fff;
            font-size: 22px;
            font-weight: bold;
            padding: 20px 20px;
            display: block;
            text-transform: uppercase;
            width: 190px;
        }

    .prize-points-table nav .table-tab-current-nav a {
        background: #fff;
        color: #648090;
    }

    .table2-points, .prize-points-table-title, .prize-points-table nav li a, .table-content-title {
        -webkit-border-top-left-radius: 10px;
        -moz-border-top-left-radius: 10px;
        border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
    }

.prize-points-table-title {
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
    color: #626366;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 1;
}

.table-content-title {
    background: #648090;
    text-align: center;
    padding: 13px 0;
    color: #fff;
    font-size: 18px;
}
.toplist-wrap{
    background: #FFD38C;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 8px;
    font-family: 'Conv_MyriadPro-Light';
    font-weight: 300;
}
.table-content {
    padding: 3px 22px 5px 48px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .table-content .table{
        width: 440px;
    }
    .table-content .table table{
        width: inherit;
        table-layout:fixed;
        text-align: right;
        background: #F1F2F2;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #648090;
    }
    .table-content .table {
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
        .table-content tr.table-current-user{
            background: #FFD787;
        }

            .table-content td{
                padding: 4px 3px;
                line-height: 1;
            }
            .table-content td:first-child {
                width: 30px;
            }
            .table-content td:nth-child(3){
                width: 178px;
            }
            .table-content td:last-child span{
                display: block;
                width: 195px;
                float: left;
            }
            .table-content td img{
                float: right;
            }
/* new toplist styles*/
.top-five-wrap{
    width: 535px;
    padding-left: 5px;
}
.top-five-wrap .table-current-user{
    border: 2px solid #fff;
}
.table-content tr.table-current-user td{
    background: #F79652;
}
.top-five{
    float: left;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-bottom: 4px;
}
.top-five li{
    float: left;
    padding: 10px 3px;
    width: 75px;
}
.top-five li:nth-child(2), .top-five li:nth-child(3){
    text-align: left;
}
.top-five li:nth-child(1), .top-five li:nth-child(4){
    text-align: right;
}
.orange-type{
    background: #faa916; /* Old browsers */
    background: -moz-linear-gradient(top,  #faa916 0%, #f58b16 59%, #f58b16 59%, #e94f12 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faa916), color-stop(59%,#f58b16), color-stop(59%,#f58b16), color-stop(100%,#e94f12)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #faa916 0%,#f58b16 59%,#f58b16 59%,#e94f12 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #faa916 0%,#f58b16 59%,#f58b16 59%,#e94f12 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #faa916 0%,#f58b16 59%,#f58b16 59%,#e94f12 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #faa916 0%,#f58b16 59%,#f58b16 59%,#e94f12 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa916', endColorstr='#e94f12',GradientType=0 ); /* IE6-9 */
    border: 1px solid #C94911;
    width: 468px;
    color:#FFF6A4;
    margin-left: 30px;
}
.orange-type li{
    border-left: 1px solid #C94911;
}
.orange-type li:nth-child(3){
    width:170px;
}
.orange-type li:nth-child(2), .orange-type li:nth-child(4){
    width:120px;
}
.purple-type li{
    border-left: 1px solid #4C1C75;
}
.red-type li{
    border-left: 1px solid #AA2117;
}
.blue-type li{
    border-left: 1px solid #19347F;
}
.green-type li{
    border-left: 1px solid #468C37;
}
.top-five li:first-child{
    border-left: none;
    width:15px;
}
.purple-type li:nth-child(3), .red-type li:nth-child(3),.blue-type li:nth-child(3), .green-type li:nth-child(3){
    width: 68px;
}
.purple-type{
    background: #d28abc; /* Old browsers */
    background: -moz-linear-gradient(top,  #d28abc 0%, #832990 59%, #662d91 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d28abc), color-stop(59%,#832990), color-stop(100%,#662d91)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d28abc 0%,#832990 59%,#662d91 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d28abc 0%,#832990 59%,#662d91 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d28abc 0%,#832990 59%,#662d91 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d28abc 0%,#832990 59%,#662d91 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d28abc', endColorstr='#662d91',GradientType=0 ); /* IE6-9 */
    border: 1px solid #4C1C75;
    color:#DBB9D8;
    margin-right: 5px;
}
.blue-type{
    background: #2499d3; /* Old browsers */
    background: -moz-linear-gradient(top,  #2499d3 0%, #005aab 59%, #223c98 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2499d3), color-stop(59%,#005aab), color-stop(100%,#223c98)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2499d3 0%,#005aab 59%,#223c98 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2499d3 0%,#005aab 59%,#223c98 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2499d3 0%,#005aab 59%,#223c98 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2499d3 0%,#005aab 59%,#223c98 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2499d3', endColorstr='#223c98',GradientType=0 ); /* IE6-9 */
    border: 1px solid #19347F;
    color:#7DC1EA;
    margin-right: 5px;
}
.green-type{
    background: #c8dd64; /* Old browsers */
    background: -moz-linear-gradient(top,  #c8dd64 0%, #5fba46 59%, #53a345 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8dd64), color-stop(59%,#5fba46), color-stop(100%,#53a345)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c8dd64 0%,#5fba46 59%,#53a345 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c8dd64 0%,#5fba46 59%,#53a345 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c8dd64 0%,#5fba46 59%,#53a345 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c8dd64 0%,#5fba46 59%,#53a345 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8dd64', endColorstr='#53a345',GradientType=0 ); /* IE6-9 */
    border: 1px solid #468C37;
    color:#E8EDA4;
}
.red-type{
    background: #f58220; /* Old browsers */
    background: -moz-linear-gradient(top,  #f58220 0%, #ed1c24 59%, #c02919 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f58220), color-stop(59%,#ed1c24), color-stop(100%,#c02919)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f58220 0%,#ed1c24 59%,#c02919 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f58220 0%,#ed1c24 59%,#c02919 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f58220 0%,#ed1c24 59%,#c02919 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f58220 0%,#ed1c24 59%,#c02919 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f58220', endColorstr='#c02919',GradientType=0 ); /* IE6-9 */
    border: 1px solid #AA2117;
    color:#FECD83;
}
.table-chips tr td[class*="5"] {
    color: #E8ECA3;
}

.table-chips tr td[class*="10"] {
    color: #ABE0F9;
}

.table-chips tr td[class*="25"], .table-chips tr td[class*="100"] {
    color: #FFF584;
}

.table-chips tr td[class*="50"] {
    color: #FAD5E5;
}

.t5 {
    background: url('../img/chips/t_5.png') no-repeat 5px 5px;
}

.t10 {
    background: url('../img/chips/t_10.png') no-repeat 5px 5px;
}

.t25 {
    background: url('../img/chips/t_25.png') no-repeat 5px 5px;
}

.t50 {
    background: url('../img/chips/t_50.png') no-repeat 5px 5px;
}

.t100 {
    background: url('../img/chips/t_100.png') no-repeat 5px 5px;
}

.y5 {
    background: url('../img/chips/y_5.png') no-repeat 5px 5px;
}

.y10 {
    background: url('../img/chips/y_10.png') no-repeat 5px 5px;
}

.y25 {
    background: url('../img/chips/y_25.png') no-repeat 5px 5px;
}

.y50 {
    background: url('../img/chips/y_50.png') no-repeat 5px 5px;
}

.y100 {
    background: url('../img/chips/y_100.png') no-repeat 5px 5px;
}

.x5 {
    background: url('../img/chips/x_5.png') no-repeat 5px 5px;
}

.x10 {
    background: url('../img/chips/x_10.png') no-repeat 5px 5px;
}

.x25 {
    background: url('../img/chips/x_25.png') no-repeat 5px 5px;
}

.x50 {
    background: url('../img/chips/x_50.png') no-repeat 5px 5px;
}

.x100 {
    background: url('../img/chips/x_100.png') no-repeat 5px 5px;
}

.s5 {
    background: url('../img/chips/7_5.png') no-repeat 5px 5px;
}

.s10 {
    background: url('../img/chips/7_10.png') no-repeat 5px 5px;
}

.s25 {
    background: url('../img/chips/7_25.png') no-repeat 5px 5px;
}

.s50 {
    background: url('../img/chips/7_50.png') no-repeat 5px 5px;
}

.s100 {
    background: url('../img/chips/7_100.png') no-repeat 5px 5px;
}

.value_5 {
    background-image: url('../img/chips/value_5.png');
    background-repeat: no-repeat;
    background-position: 5px 5px;
}

.value_10 {
    background-image: url('../img/chips/value_10.png');
    background-repeat: no-repeat;
    background-position: 5px 5px;
}

.value_25 {
    background-image: url('../img/chips/value_25.png');
    background-repeat: no-repeat;
    background-position: 5px 5px;
}

.value_50 {
    background-image: url('../img/chips/value_50.png');
    background-repeat: no-repeat;
    background-position: 5px 5px;
}

.value_100 {
    background-image: url('../img/chips/value_100.png');
    background-repeat: no-repeat;
    background-position: 5px 5px;
}

.mine-gevinster-page, .my-badges-page {
    text-align: center;
}

    .mine-gevinster-page div {
        display: inline-block;
    }

        .mine-gevinster-page div img {
            margin-bottom: 25px;
        }

    .mine-gevinster-page tr td {
        width: 60px;
        height: 60px;
    }

    .mine-gevinster-page tr:nth-child(5) td:nth-child(1) {
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .mine-gevinster-page tr:nth-child(5) td:nth-child(5) {
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .mine-gevinster-page tr .game_color {
        background-color: #FFE2B7;
    }

    .mine-gevinster-page h1 span {
        margin-top: 22px;
        margin-bottom: 70px;
    }

    .mine-gevinster-page .result-table {
        background: #fff;
        margin-bottom: 25px;
        margin-left: 8px;
    }
    .mine-gevinster-page div:first-child .result-table{
        margin-left: 0;
    }
#mine-gevinster-wrap{
    width: 100%;
}
.mine-gevinster-score {
    background: #F8DAA9;
    border: 1px solid #E1C384;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 215px;
    display: inline-block;
}
    .mine-gevinster-score p {
        font-size: 33px;
        color: #F09520;
        text-align: center;
        padding: 15px;
    }

        .mine-gevinster-score p span {
            color: #895D3B;
        }
.mine-gevinster-notes {
    background: #F8DAA9;
    border: 3px solid #E1C384;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    margin-top: 50px;
    font-size: 19px;

    width: 628px;
    padding: 15px 0;
}
    .mine-gevinster-notes p{
        text-align: center;
        padding: 0;
        word-wrap: break-word;
    }

.my-badges-page{
    position: relative;
}
.my-badges-page .pins-table {
    display: inline-block;
    width: 574px;
    margin-top: 33px;
    margin-left: 16px;
    vertical-align: top;
}

.my-badges-page .prize-points-wrapper, .symbol-table-wrapper {
    margin-bottom: 40px;
    position: relative;
}

    .my-badges-page .prize-points-wrapper ul li{
        padding: 5px 10px;
    }

.symbol-table-wrapper ul li{
    float: left;
    margin-right: 8px;
    padding: 5px 9px;
    position: relative;
    background: #f8daa9;
}
    .symbol-table-wrapper ul li:last-child{
        margin-right: 0;
    }
.pins-info {
    background: url('../img/pins-arr.png') no-repeat 535px 8px;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left:0;
}
.symbol-table-wrapper .pins-info{
    background: url('../img/pins-arr.png') no-repeat 85px 8px;
}
.two-pin.pins-info{
    background: url('../img/pins-arr.png') no-repeat 205px 8px;
}
.three-pin.pins-info{
    background: url('../img/pins-arr.png') no-repeat 315px 8px;
}
.two-pin.pins-info{
    background: url('../img/pins-arr.png') no-repeat 205px 8px;
}
.three-pin.pins-info{
    background: url('../img/pins-arr.png') no-repeat 315px 8px;
}
.total-points{
    width: 300px;
    padding: 20px;
    margin: 0 auto;
    text-transform: uppercase;
    color: #636467;
    text-align: left;
}
#mypins-page-1 .prize-points-wrapper, #mypins-page-2 .prize-points-wrapper{
    display:inline-block;
    float:left;
    width: 559px;
}

#mypins-page-2 .prize-points-wrapper.two{
    width:227px;
    margin-right:10px;
}

#mypins-page-2 .prize-points-wrapper.three{
    width:337px;
}
.my-badges-page .prize-points-wrapper, .my-badges-page .total-points{
    background: #f8daa9;
}
#mypins-page-1 .prize-points-wrapper, #mypins-page-2 .prize-points-wrapper{
    display:inline-block;
    float:left;
    width: 559px;
}

#mypins-page-2 .prize-points-wrapper.two{
    width:227px;
    margin-right:10px;
}

#mypins-page-2 .prize-points-wrapper.three{
    width:337px;
}
.my-badges-page .prize-points-wrapper, .my-badges-page .total-points{
    background: #f8daa9;
}

.popup{
    display: none;
}
.current-popup{
    display: block;
    background: #F8D08A;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 0 auto;
    position: absolute;
    z-index: 999;
}
.popup-big{
    top: 160px;
    left: 60px;
}
.popup-custom{
    top:15%;
}
.popup-custom{
    top:15%;
}
.popup-small{
    top: 160px;
    left: 530px;
}
.popup-medium{
    top: 160px;
    left: 430px;
}
.popup-large{
    top: 160px;
    left: 330px;
}
.popup-medium{
    top: 160px;
    left: 430px;
}
.popup-large{
    top: 160px;
    left: 330px;
}
.current-popup figure{
    float: left;
    padding: 10px 40px;
}
.current-popup figure figcaption{
    width: 156px;
    color: #8A5D3B;
    font-size: 18px;
    font-family: 'Conv_HelveticaNeueLTStd-Md';
    text-align: left;
    word-wrap: break-word;
}
.close-badge-popup{
    display: block;
    background-image: url('../img/close-popup.png');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -10px;
    left: -10px;
}
.close-chips-popup{
    display: block;
    background-image: url('../img/close-popup.png');
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    position: absolute;
    top: -10px;
    left: -10px;
}
.close-chips-popup{
    display: block;
    background-image: url('../img/close-popup.png');
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    position: absolute;
    top: -10px;
    left: -10px;
}
.popup-background{
    width: 100%;
    max-height: 100%;
    min-height: 1023px;
    display: none;
    opacity: 0.7;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
}
/* medals page styles*/

.medals-table{
    width: 97%;
    display: inline-block;
    margin-bottom: 10px;
}
.medals-note{
    width: 90%;
    display: inline-block;
    font-size: 18px;
    color: #636467;
    margin-bottom: 25px;
}
     .medals-table li{
        float: left;
        margin: 14px 0 14px 33px;
        background: url('../img/medals/medal-gray.png') no-repeat 0 0;
        width: 87px;
        height: 99px;
     }
     .medals-table span{
        font-family: 'din-light', 'san-serif';
        font-size: 10px;
        margin-top: 39px;
        line-height: 1;
        font-weight: 300;
     }
     .medal-date{
         float: left;
         margin-left: 12px
     }
     .medal-year{
        float: right;
        margin-right: 16px;
        padding-top: 1px;
     }
     .medals-table .top_list_0{
        background: url('../img/medals/top_list_0.png') no-repeat 0 0;
        color:#fff;
     }
     .medals-table .top_list_1{
        background: url('../img/medals/top_list_1.png') no-repeat 0 0;
        color: #E8EDA3;
     }
     .medals-table .top_list_2{
        background: url('../img/medals/top_list_2.png') no-repeat 0 0;
        color:#D5A4CB;
     }
     .medals-table .top_list_3{
        background: url('../img/medals/top_list_3.png') no-repeat 0 0;
        color:#FCF289;
     }
     .medals-table .top_list_4{
        background: url('../img/medals/top_list_4.png') no-repeat 0 0;
        color:#ACE0F9;
     }
     .medals-table .top_list_5{
        background: url('../img/medals/top_list_5.png') no-repeat 0 0;
        color:#E8EDA3;
     }
     .medals-table .top_list_6{
        background: url('../img/medals/top_list_6.png') no-repeat 0 0;
        color:#fff;
     }
     .medals-table .top_list_7{
        background: url('../img/medals/top_list_7.png') no-repeat 0 0;
        color:#fff;
     }
     .medals-table .top_list_8{
        background: url('../img/medals/top_list_8.png') no-repeat 0 0;
        color:#fff;
     }
     .medals-table .top_list_9{
        background: url('../img/medals/top_list_9.png') no-repeat 0 0;
        color:#fff;
     }
     .medals-table .top_list_10{
        background: url('../img/medals/top_list_10.png') no-repeat 0 0;
        color:#fff;
     }
     .medals-table .top_list_11{
        background: url('../img/medals/top_list_10.png') no-repeat 0 0;
        color:#fff;
     }
     .medals-table .top_list_12{
        background: url('../img/medals/top_list_12.png') no-repeat 0 0;
        color:#fff;
     }
     .medals-table .top_list_13{
        background: url('../img/medals/top_list_13.png') no-repeat 0 0;
        color:#fff;
     }
     .medals-table .top_list_14{
        background: url('../img/medals/top_list_14.png') no-repeat 0 0;
        color:#fff;
     }
     .medals-table .top_list_15{
        background: url('../img/medals/top_list_15.png') no-repeat 0 0;
        color:#fff;
     }
     .medals-table .top_list_16{
        background: url('../img/medals/top_list_16.png') no-repeat 0 0;
        color:#fff;
     }
     .medals-table .top_list_17{
        background: url('../img/medals/top_list_17.png') no-repeat 0 0;
        color:#fff;
     }
     .medals-table .top_list_18{
        background: url('../img/medals/top_list_18.png') no-repeat 0 0;
        color:#fff;
     }
     .medals-table .top_list_19{
        background: url('../img/medals/top_list_19.png') no-repeat 0 0;
        color:#fff;
     }
     .medals-table .top_list_20{
        background: url('../img/medals/top_list_20.png') no-repeat 0 0;
        color:#fff;
     }
     .medals-table .top_list_21{
        background: url('../img/medals/top_list_21.png') no-repeat 0 0;
        color:#fff;
     }
     .medals-table .top_list_22{
        background: url('../img/medals/top_list_22.png') no-repeat 0 0;
        color:#fff;
     }
     .medals-table .top_list_23{
        background: url('../img/medals/top_list_23.png') no-repeat 0 0;
        color:#fff;
     }
     .medals-table .top_list_24{
        background: url('../img/medals/top_list_24.png') no-repeat 0 0;
        color:#fff;
     }

.top-players-list{
    margin:auto;
    width:100%;
}
.top-players-list ul{
    float:right;
    width:25%;
    display:inline-block;
    padding-bottom: 15px;
}
.top-players-list li{
    text-decoration: none;
    padding:0px;
    margin:0px;
    color:#515262;
    width:97%;
}
.top-players-list li span{
    width: 23% !important;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}
.top-players-list li span p{
    margin:0px;
    padding:0px;
    font-weight: normal;
    line-height: 31px;
    font-size: 19px;
}
.top-players-list li span.left p{
    text-align: left;
    padding-left:10px;
}
.top-players-list li span.right p{
    text-align: right;
    padding-right:10px;
}
.top-players-list li:nth-child(odd){
    background-color:#ff9c00;
}
.top-players-list li:nth-child(even){
    background-color:#ffc000;
}
.top-players-list .second li:nth-child(odd), .top-players-list .fourth li:nth-child(odd){
    background-color:#ffc600;
}
.top-players-list .second li:nth-child(even), .top-players-list .fourth li:nth-child(even){
    background-color:#ffd941;
}
.signs-holder .sign{
    display:inline-block;
    width:24%;
    overflow:hidden;
    margin:auto;
    text-align: center;
    padding-top:45px;
    padding-bottom:45px;
}
.signs-holder .sign .clubs{
    background: url('../img/clubs.png') no-repeat 0 0;
    width: 170px;
    height: 160px;
    margin: auto;
}
.signs-holder .sign .diamonds{
    background: url('../img/diamond.png') no-repeat 0 0;
    width: 170px;
    height: 160px;
    margin: auto;
}
.signs-holder .sign .spades{
    background: url('../img/spade.png') no-repeat 0 0;
    width: 170px;
    height: 160px;
    margin: auto;
}
.signs-holder .sign .hearts{
    background: url('../img/heart.png') no-repeat 0 0;
    width: 170px;
    height: 160px;
    margin: auto;
}
#my-pins-paging, #all-pins-paging{
    width:160px;
}
#my-pins-paging span, #all-pins-paging span{
    background: #F8D08A;
    float: left;
    width: 88px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 26px;
    line-height: 24px;
    border-radius: 0px;
}
#my-badges-page-1.hidden, #my-badges-page-2.hidden,
#all-badges-page-1.hidden, #all-badges-page-2.hidden {
    display:none;
}
#mypins-page-2{

}
@media screen and (max-width: 1199px){
    .top-players-list ul {
        width: 50%;
    }
}
@media screen and (max-width: 1920px) and (min-width:1600px){
    body {
        max-width: 1600px;
        min-width: 1600px;
        max-height: 900px;
        min-height: 900px;
        overflow: hidden;
        /* background: #FAEDCF url(../img/bg-1600.png) repeat-x 0 0; */
    }
    #menu nav li{
        width: 18%;
    }
    .main-header {
        height: 61px;
        }
        .main-header h1{
            background: url('../img/logo-header-1600.png') no-repeat 0 0;
            height: 41px;
            width: 54px;
            margin-left: 43px;
            margin-top: 10px;
        }
        .menu-back-btn{
            margin-top: 8px;
            font-size: 12px;
            padding: 14px 0;
            width: 100px;
        }
        .green-user {
            background: #FFD787 url('../img/player-icon-green-1600.png') no-repeat 0 0;
            width: 112px;
            padding-left: 50px;
            font-size: 18px;
            height: 28px;
            padding-top: 6px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            }
        .golden-user {
            background: #FFD787 url('../img/player-icon-golden-1600.png') no-repeat 0 0;
            }
        .user{
            margin-right: 19px;
            border: 4px solid #F9EDCE;
            -webkit-border-radius: 7px;
            -moz-border-radius: 7px;
            border-radius: 7px;
        }
        .badge{
            height: 48px;
            width: 48px;
            margin-right: 21px;
            margin-left: 14px;
        }
        .prize-points-page .div-wrapper{
            width: 1400px;
        }
        .top-players-list li span {
            width: 24% !important;
        }
        .top-players-list ul, .signs-holder .sign {
            width:340px;
        }
        .prize-points{
            width: 652px;
        }
        #loy-prev-year-btn, #loy-next-year-btn, #prize-prev-btn, #prize-next-btn, #prize-next-page-btn, #prize-prev-page-btn, #mypins-next-page-btn, #mypins-prev-page-btn,
        #allpins-next-page-btn, #allpins-prev-page-btn{
            width: 36px;
            height: 34px;
        }
        #loy-prev-year-btn, #prize-prev-btn{
            /*background: url('../img/nav-arrow-left-1600.png') no-repeat 0 0;*/
        }
        #loy-next-year-btn, #prize-next-btn{
            background: url('../img/nav-arrow-right-1600.png') no-repeat 0 0;
        }
        #prize-prev-page-btn{
            background: url('../img/nav-arrow-left-down-1600.png') no-repeat 0 0;
            }
        #prize-next-page-btn{
            background: url('../img/nav-arrow-right-down-1600.png') no-repeat 0 0;
            }
            .title-wrap{
                width: 360px;
            }
            .title-wrap span{
                height: 36px;
            }
            .table-chips tr td{
                 background-size: 110px 110px;
                 width: 118px;
                 height: 118px;
            }
            .table-wrap{
                margin-bottom: 10px;
            }
            .prize-points-table-title{
                font-size: 20px;
            }
            .top-five li{
                line-height:1;
                padding: 5px 3px;
            }
            .table-content td{
                  font-size: 18.5px;
            }
            .popup-big{
              left: 230px;
            }
            .popup-small{
                left: 690px;
            }
            .medals-table {
                width: 77%;
                }
            .total-points{
                padding: 10px 9px 10px 20px;
            }
            .medals-note{
                margin-bottom: 15px;
            }
}
@media screen and (min-width: 1920px){
body {
    max-width: 1920px;
    min-width: 1900px;
    overflow: hidden;
}
.user{
    margin-right: 22px;
}
.badge {
    margin-right: 27px;
}
.top-players-list li span {
    width: 24% !important;
}
.top-players-list li span {
    width: 24% !important;
}
/*
body {
    background: #FAEDCF url(../img/bg_widescreen.png) repeat-x 0 0;
    max-height: 1079px;
    min-height: 1079px;
}
.main-header{
    height: 102px;
}
    .main-header h1 {
        /*background: url('../img/tb-logo_widescreen.svg') no-repeat 0 0;
        background: url('../img/logo-header-ripped_widescreen.png') no-repeat 0 0;
        margin-top: 18px;
        margin-left: 70px;
        height: 68px;
        width: 91px;
        }
        */
/*
.menu-back-btn {
    background: url('../img/menu_background_widescreen.png') repeat-x 0 0;
    margin-top: 13px;
    padding: 24px 0;
    width: 169px;
}
.menu-back-btn, #menu nav ul li a {
    font-size: 19px;
}
.user{
    margin-right: 23px;
    border: 8px solid #F9EDCE;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    margin-top: 12px;
}
    .green-user {
        background: #FFD787 url('../img/player-icon-green-big.png') no-repeat 0 0;
        padding-left:83px;
        padding-top: 20px;
        width: 189px;
        height: 38px;
        letter-spacing:-0.5px;
        font-size: 29px;
    }
    .golden-user {
        background: #FFD787 url('../img/player-icon-golden-big.png') no-repeat 0 0;
        padding-left:83px;
        padding-top: 20px;
        width: 189px;
        height: 38px;
        letter-spacing:-0.5px;
        font-size: 29px;
    }
.badge {
    margin-left: 26px;
    margin-right: 32px;
    margin-top: 14px;
    height: 72px;
    width: 72px;
}

    #menu nav li {
        background: url('../img/menu_background_widescreen.png') repeat-x 0 0;
        width: 24%;
    }

        #menu nav li a {
            padding-top: 20px;
            padding-bottom: 30px;
        }
*/
.points-period {
    width: 42%;
}
.loyalty-points-page > div {
    margin-left: 5%;
}
.loyalty-points-page .title-wrap {
    width: 523px;
}

    .loyalty-points-page .title-wrap span {
        width: 395px;
    }
.points-year .table ul li span {
    padding: 5px 10px;
    width: 47%;
}
.popup-big{
    left: 390px;
}
.popup-small{
    left: 850px;
}
.popup-background{
    min-height: 1080px;
}
#redemption-popup{
    left: 220px;
}
#loading-image{
    left: 900px;
}
.medals-table{
    width: 64%;
}

}
@media screen and (max-width: 1600px){
    .points-year .table ul li span {
        width: 40%;
    }
}
@media screen and (max-width: 1024px){
    .points-year .table ul li span {
        width: 34%;
    }
}