#gadgets{
    overflow:hidden;
    width:1280px;
    height:720px
}
/*.gadget{
    overflow:hidden
}*/
.gadget,.shape,.node{
    display:inline;
    position:absolute;
    background-repeat:no-repeat
}
.textShape{
    white-space:nowrap
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    touch-action: manipulation;
    /* -webkit-transform:translate3d(0, 0, 0);
     -moz-transform:translate3d(0, 0, 0);
     -ms-transform:translate3d(0, 0, 0);
     transform:translate3d(0, 0, 0)*/
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1.3;
    overflow: hidden
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
    content:'';
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
b{
    font-weight:bold
}
#achievementDisplay{
    position:absolute;
    top:-150px;
    left:550px;
    background-color:rgba(0,0,0,0.7);
    box-shadow:-1px 2px 5px 1px rgba(0,0,0,0.7);
    border-radius:8px;
    z-index:999
}
#achievementDisplay table{
    border-collapse:collapse;
    font-size:30px
}
#achievementDisplay span{
    vertical-align:top;
    display:inline-block
}
#achievementDisplay td{
    vertical-align:top
}
#achievementDisplay .intro{
    height:100%;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    font-family:"arial", Times, serif;
    font-weight:bold;
    font-size:20px;
    color:#f5ed00
}
#achievementDisplay .title{
    height:100%;
    padding-left:12px;
    padding-right:12px;
    max-width:350px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-family:"arial", Times, serif;
    font-size:20px;
    color:#ffffff
}
#achievementDisplay .rank{
    height:100%;
    padding-left:12px;
    padding-top:10px;
    font-family:"arial", Times, serif;
    font-size:20px
}
#achievementDisplay .rank .level0{
    color:#ab4620
}
#achievementDisplay .rank .level1{
    color:#777777
}
#achievementDisplay .rank .level2{
    color:#f5ed00
}
#achievementDisplay .icon{
    padding-left:5px;
    padding-top:5px;
    border-right:1px solid #555555;
    font-size:14px;
    width:95px;
    height:90px
}
#achievementDisplay .icon-display{
    width:90px;
    height:90px
}
#achievementDisplay.anim_in{
    -webkit-animation-name:achievementDisplayAnimIn;
    -moz-animation-name:achievementDisplayAnimIn;
    -ms-animation-name:achievementDisplayAnimIn;
    -o-animation-name:achievementDisplayAnimIn;
    animation-name:achievementDisplayAnimIn;
    -webkit-animation-duration:500ms;
    -moz-animation-duration:500ms;
    -ms-animation-duration:500ms;
    -o-animation-duration:500ms;
    animation-duration:500ms;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both
}
#achievementDisplay.anim_wait{
    -webkit-animation-name:achievementDisplayAnimWait;
    -moz-animation-name:achievementDisplayAnimWait;
    -ms-animation-name:achievementDisplayAnimWait;
    -o-animation-name:achievementDisplayAnimWait;
    animation-name:achievementDisplayAnimWait;
    -webkit-animation-duration:5s;
    -moz-animation-duration:5s;
    -ms-animation-duration:5s;
    -o-animation-duration:5s;
    animation-duration:5s;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both
}
#achievementDisplay.anim_out{
    -webkit-animation-name:achievementDisplayAnimOut;
    -moz-animation-name:achievementDisplayAnimOut;
    -ms-animation-name:achievementDisplayAnimOut;
    -o-animation-name:achievementDisplayAnimOut;
    animation-name:achievementDisplayAnimOut;
    -webkit-animation-duration:500ms;
    -moz-animation-duration:500ms;
    -ms-animation-duration:500ms;
    -o-animation-duration:500ms;
    animation-duration:500ms;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both
}
@-webkit-keyframes achievementDisplayAnimIn{
    100%{
        -webkit-transform:translateY(200px);
        -moz-transform:translateY(200px);
        -ms-transform:translateY(200px);
        -o-transform:translateY(200px);
        transform:translateY(200px)
    }
}
@-moz-keyframes achievementDisplayAnimIn{
    100%{
        -webkit-transform:translateY(200px);
        -moz-transform:translateY(200px);
        -ms-transform:translateY(200px);
        -o-transform:translateY(200px);
        transform:translateY(200px)
    }
}
@-o-keyframes achievementDisplayAnimIn{
    100%{
        -webkit-transform:translateY(200px);
        -moz-transform:translateY(200px);
        -ms-transform:translateY(200px);
        -o-transform:translateY(200px);
        transform:translateY(200px)
    }
}
@keyframes achievementDisplayAnimIn{
    100%{
        -webkit-transform:translateY(200px);
        -moz-transform:translateY(200px);
        -ms-transform:translateY(200px);
        -o-transform:translateY(200px);
        transform:translateY(200px)
    }
}
@-webkit-keyframes achievementDisplayAnimWait{
    0%{
        -webkit-transform:translateY(200px);
        -moz-transform:translateY(200px);
        -ms-transform:translateY(200px);
        -o-transform:translateY(200px);
        transform:translateY(200px)
    }
    100%{
        -webkit-transform:translateY(200px);
        -moz-transform:translateY(200px);
        -ms-transform:translateY(200px);
        -o-transform:translateY(200px);
        transform:translateY(200px)
    }
}
@-moz-keyframes achievementDisplayAnimWait{
    0%{
        -webkit-transform:translateY(200px);
        -moz-transform:translateY(200px);
        -ms-transform:translateY(200px);
        -o-transform:translateY(200px);
        transform:translateY(200px)
    }
    100%{
        -webkit-transform:translateY(200px);
        -moz-transform:translateY(200px);
        -ms-transform:translateY(200px);
        -o-transform:translateY(200px);
        transform:translateY(200px)
    }
}
@-o-keyframes achievementDisplayAnimWait{
    0%{
        -webkit-transform:translateY(200px);
        -moz-transform:translateY(200px);
        -ms-transform:translateY(200px);
        -o-transform:translateY(200px);
        transform:translateY(200px)
    }
    100%{
        -webkit-transform:translateY(200px);
        -moz-transform:translateY(200px);
        -ms-transform:translateY(200px);
        -o-transform:translateY(200px);
        transform:translateY(200px)
    }
}
@keyframes achievementDisplayAnimWait{
    0%{
        -webkit-transform:translateY(200px);
        -moz-transform:translateY(200px);
        -ms-transform:translateY(200px);
        -o-transform:translateY(200px);
        transform:translateY(200px)
    }
    100%{
        -webkit-transform:translateY(200px);
        -moz-transform:translateY(200px);
        -ms-transform:translateY(200px);
        -o-transform:translateY(200px);
        transform:translateY(200px)
    }
}
@-webkit-keyframes achievementDisplayAnimOut{
    0%{
        -webkit-transform:translateY(200px);
        -moz-transform:translateY(200px);
        -ms-transform:translateY(200px);
        -o-transform:translateY(200px);
        transform:translateY(200px)
    }
}
@-moz-keyframes achievementDisplayAnimOut{
    0%{
        -webkit-transform:translateY(200px);
        -moz-transform:translateY(200px);
        -ms-transform:translateY(200px);
        -o-transform:translateY(200px);
        transform:translateY(200px)
    }
}
@-o-keyframes achievementDisplayAnimOut{
    0%{
        -webkit-transform:translateY(200px);
        -moz-transform:translateY(200px);
        -ms-transform:translateY(200px);
        -o-transform:translateY(200px);
        transform:translateY(200px)
    }
}
@keyframes achievementDisplayAnimOut{
    0%{
        -webkit-transform:translateY(200px);
        -moz-transform:translateY(200px);
        -ms-transform:translateY(200px);
        -o-transform:translateY(200px);
        transform:translateY(200px)
    }
}
.cmpt-checkbox{
    position:relative;
    display:inline-block;
    text-align:left;
    line-height:20px
}
.cmpt-checkbox .icon{
    position:absolute;
    width:17px;
    height:17px;
    background-image:url("../media/89011/img/network/assets/form/cmpt_checkbox.png");
    background-position:-17px 0px;
    background-repeat:no-repeat
}
.cmpt-checkbox.checked .icon{
    background-image:url("../media/89011/img/network/assets/form/cmpt_checkbox.png");
    background-position:0px 0px;
    background-repeat:no-repeat
}
.cmpt-checkbox .label{
    padding-left:20px
}
.navbar{
    position:absolute;
    left:82px;
    top:646px;
    z-index:999;
    width:1190px;
    height:42px;
    font-family:"Open Sans";
    font-size:18px
}
.navbar .nb-item{
    background-repeat:no-repeat;
    line-height:42px;
    padding-left:47px;
    color:#FFF;
    text-shadow:black 0.1em 0.1em 0.2em
}
.navbar .nb-item.hidden{
    opacity:0.0
}
.navbar .nb-left{
    float:left
}
.navbar .nb-right{
    float:right
}
.navbar .nb-show{
    -webkit-animation-name:navBarShow;
    -moz-animation-name:navBarShow;
    -o-animation-name:navBarShow;
    -ms-animation-name:navBarShow;
    animation-name:navBarShow;
    -webkit-animation-duration:400ms;
    -moz-animation-duration:400ms;
    -o-animation-duration:400ms;
    -ms-animation-duration:400ms;
    animation-duration:400ms;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    animation-fill-mode:both
}
.navbar .nb-hide{
    -webkit-animation-name:navBarHide;
    -moz-animation-name:navBarHide;
    -o-animation-name:navBarHide;
    -ms-animation-name:navBarHide;
    animation-name:navBarHide;
    -webkit-animation-duration:400ms;
    -moz-animation-duration:400ms;
    -o-animation-duration:400ms;
    -ms-animation-duration:400ms;
    animation-duration:400ms;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    animation-fill-mode:both
}
.navbar .nb-back{
    background-image:url("../media/89011/img/network/assets/navigation/btn_back.png")
}
.navbar .nb-backspace{
    background-image:url("../media/89011/img/network/assets/navigation/btn_backspace.png")
}
/*.navbar .nb-home{
    background-image:url("../media/89011/img/network/assets/navigation/btn_home.png")
}
.navbar .nb-profile{
    background-image:url("../media/89011/img/network/assets/navigation/btn_profile.png")
}*/
.navbar .nb-ok{
    background-image:url("../media/89011/img/network/assets/navigation/btn_ok.png")
}
.navbar .nb-enter{
    background-image:url("../media/89011/img/network/assets/navigation/btn_enter.png")
}
.navbar .nb-special{
    background-image:url("../media/89011/img/network/assets/navigation/btn_ok.png")
}
/*.navbar .nb-info{
    background-image:url("../media/89011/img/network/assets/navigation/btn_info.png")
}*/
.navbar .nb-nav{
    background-image:url("../media/89011/img/network/assets/navigation/btn_nav.png")
}
.navbar .nb-hor{
    background-image:url("../media/89011/img/network/assets/navigation/btn_hor.png")
}
.navbar .nb-ver{
    background-image:url("../media/89011/img/network/assets/navigation/btn_ver.png")
}
.navbar .nb-nav-all{
    background-image:url("../media/89011/img/network/assets/navigation/btn_nav.png")
}
.navbar .nb-nav-hor{
    background-image:url("../media/89011/img/network/assets/navigation/btn_hor.png")
}
.navbar .nb-nav-ver{
    background-image:url("../media/89011/img/network/assets/navigation/btn_ver.png")
}
.navbar .nb-nav-left{
    background-image:url("../media/89011/img/network/assets/navigation/btn_hor.png")
}
.navbar .nb-nav-right{
    background-image:url("../media/89011/img/network/assets/navigation/btn_hor.png")
}
.navbar .nb-nav-up{
    background-image:url("../media/89011/img/network/assets/navigation/btn_ver.png")
}
.navbar .nb-nav-down{
    background-image:url("../media/89011/img/network/assets/navigation/btn_ver.png")
}
@-webkit-keyframes navBarShow{
    0%{
        opacity:0;
        -webkit-transform:translateY(50px);
        -moz-transform:translateY(50px);
        -o-transform:translateY(50px);
        -ms-transform:translateY(50px);
        transform:translateY(50px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -o-transform:translateY(0px);
        -ms-transform:translateY(0px);
        transform:translateY(0px)
    }
}
@-moz-keyframes navBarShow{
    0%{
        opacity:0;
        -webkit-transform:translateY(50px);
        -moz-transform:translateY(50px);
        -o-transform:translateY(50px);
        -ms-transform:translateY(50px);
        transform:translateY(50px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -o-transform:translateY(0px);
        -ms-transform:translateY(0px);
        transform:translateY(0px)
    }
}
@-o-keyframes navBarShow{
    0%{
        opacity:0;
        -webkit-transform:translateY(50px);
        -moz-transform:translateY(50px);
        -o-transform:translateY(50px);
        -ms-transform:translateY(50px);
        transform:translateY(50px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -o-transform:translateY(0px);
        -ms-transform:translateY(0px);
        transform:translateY(0px)
    }
}
@keyframes navBarShow{
    0%{
        opacity:0;
        -webkit-transform:translateY(50px);
        -moz-transform:translateY(50px);
        -o-transform:translateY(50px);
        -ms-transform:translateY(50px);
        transform:translateY(50px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -o-transform:translateY(0px);
        -ms-transform:translateY(0px);
        transform:translateY(0px)
    }
}
@-webkit-keyframes navBarHide{
    0%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -o-transform:translateY(0px);
        -ms-transform:translateY(0px);
        transform:translateY(0px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(50px);
        -moz-transform:translateY(50px);
        -o-transform:translateY(50px);
        -ms-transform:translateY(50px);
        transform:translateY(50px)
    }
}
@-moz-keyframes navBarHide{
    0%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -o-transform:translateY(0px);
        -ms-transform:translateY(0px);
        transform:translateY(0px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(50px);
        -moz-transform:translateY(50px);
        -o-transform:translateY(50px);
        -ms-transform:translateY(50px);
        transform:translateY(50px)
    }
}
@-o-keyframes navBarHide{
    0%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -o-transform:translateY(0px);
        -ms-transform:translateY(0px);
        transform:translateY(0px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(50px);
        -moz-transform:translateY(50px);
        -o-transform:translateY(50px);
        -ms-transform:translateY(50px);
        transform:translateY(50px)
    }
}
@keyframes navBarHide{
    0%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -o-transform:translateY(0px);
        -ms-transform:translateY(0px);
        transform:translateY(0px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(50px);
        -moz-transform:translateY(50px);
        -o-transform:translateY(50px);
        -ms-transform:translateY(50px);
        transform:translateY(50px)
    }
}
.ranking-container{
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;
    width:618px;
    height:483px
}
.ranking-container .list{
    position:absolute;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:5px;
    width:299px;
    border-radius:5px;
    background-color:#e5c269;
    z-index:2;
    text-align:center;
    line-height:46px;
    font-family:"Open Sans";
    font-size:19px
}
.ranking-container .list .current{
    height:56px;
    line-height:56px;
    text-decoration:underline
}
.ranking-container .list .focus{
    color:#fff;
    margin-left:-2px;
    padding-left:2px;
    margin-right:-6px;
    padding-right:6px;
    margin-bottom:-8px;
    padding-bottom:8px;
    background-image:url("../media/89011/img/network/assets/leaderboard/rnk_list_focus.png");
    background-repeat:no-repeat;
    background-position:center
}
.ranking-container .header{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:91px
}
.ranking-container .header .btn{
    position:absolute;
    width:269px;
    height:56px;
    padding-right:30px;
    line-height:56px;
    text-align:center;
    background-image:url("../media/89011/img/network/assets/leaderboard/bg_btn_list.png");
    background-repeat:no-repeat;
    background-position:center;
    font-family:"Open Sans";
    font-size:19px
}
.ranking-container .header .btn.focus{
    background-image:url("../media/89011/img/network/assets/leaderboard/bg_btn_list_focus.png")
}
.ranking-container .header .btn.filter1{
    left:8px;
    top:16px
}
.ranking-container .header .btn.filter2{
    left:312px;
    top:16px
}
.ranking-container .content{
    position:absolute;
    top:91px;
    left:0px;
    width:100%;
    height:150px
}
.ranking-container .content p{
    padding:0px 10px;
    height:32px;
    line-height:32px;
    font-family:"Open Sans";
    font-size:16px
}
.ranking-container .content .refresh p{
    top:100%;
    left:30%;
    position:absolute;
    font-family:"Open Sans";
    font-size:30px
}
.ranking-container .content table{
    width:100%;
    text-align:center;
    font-family:"Open Sans";
    font-size:27px
}
.ranking-container .content table .rank{
    width:150px
}
.ranking-container .content table .score{
    width:150px
}
.ranking-container .content table .me{
    background-color:#18a3bc
}
.ranking-container .content table .separator{
    background-image:url("../media/89011/img/network/assets/leaderboard/rnk_table_separator.png");
    background-position:center;
    background-repeat:no-repeat
}
.ranking-container .content tr{
    height:40px;
    line-height:40px
}
.ranking-container .content thead{
    background-color:rgba(14,49,65,0.35);
    font-family:"Open Sans";
    font-size:22px
}
.ranking-container .content .r1,.ranking-container .content .r2,.ranking-container .content .r3{
    background-repeat:no-repeat;
    background-position:center
}
.ranking-container .content .r1{
    background-image:url("../media/89011/img/network/assets/leaderboard/bg_r1.png")
}
.ranking-container .content .r2{
    background-image:url("../media/89011/img/network/assets/leaderboard/bg_r2.png")
}
.ranking-container .content .r3{
    background-image:url("../media/89011/img/network/assets/leaderboard/bg_r3.png")
}
.trophies-container{
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;
    width:618px;
    height:460px
}
.trophies-container .header{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:60px
}
.trophies-container .header h1{
    text-align:center;
    line-height:60px;
    font-family:"Open Sans";
    font-size:30px;
    color:38290f
}
.trophies-container .info{
    position:absolute;
    top:60px;
    left:0px;
    right:0px;
    width:100%;
    height:175px;
    display:table;
    line-height:24px;
    color:#38290f
}
.trophies-container .info .intro{
    text-align:center;
    margin-top:20px;
    font-family:"Open Sans";
    font-size:20px
}
.trophies-container .info .infotxt{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    font-family:"Open Sans";
    font-size:20px
}
.trophies-container .info .infotxt .goal{
    color:#864612;
    font-family:"Open Sans";
    font-size:20px
}
.trophies-container .info .infotxt .user{
    color:38290f
}
.trophies-container .icons{
    position:absolute;
    top:235px;
    left:0px;
    right:0px;
    height:225px
}
.trophies-container .icons .line1,.trophies-container .icons .line2{
    position:relative;
    left:50px;
    padding-top:5px
}
.trophies-container .icons .line1>div,.trophies-container .icons .line2>div{
    position:relative;
    float:left;
    width:112px;
    height:116px;
    margin-left:-5px;
    margin-top:-5px
}
.trophies-container .icons .line1>div div,.trophies-container .icons .line2>div div{
    width:90px;
    height:90px;
    margin-left:5px;
    margin-top:5px
}
.trophies-container .icons .line1 .focus,.trophies-container .icons .line2 .focus{
    background-image:url("../media/89011/img/network/assets/trophies/trph_focus.png");
    background-repeat:no-repeat;
    background-position:left top
}
.trophies-container .icons .line1 img,.trophies-container .icons .line2 img{
    position:absolute;
    left:5px;
    top:5px
}
.trophies-container .percent{
    margin-top:20px;
    text-align:center;
    color:38290f;
    font-family:"Open Sans";
    font-size:20px
}
.trophies-container .progressbar-container{
    margin:10px auto;
    position:relative;
    width:80%;
    height:37px;
    line-height:37px;
    background-color:rgba(0,0,0,0.25);
    border:1px solid rgba(255,255,255,0.25);
    border-radius:5px;
    text-align:center
}
.trophies-container .progressbar-container span{
    display:block;
    height:100%;
    background-image:url("../media/89011/img/network/assets/trophies/bg_strip.png");
    border-radius:5px
}
.trophies-container .progressbar-container p{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    text-shadow:1px 1px #000
}
.popup-container{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    color:#fff
}
.popup-container h1{
    margin-top:15px;
    text-align:center;
    font-family:"Open Sans";
    font-size:30px
}
.popup-container .desc{
    height:90px;
    margin:10px;
    padding:5px;
    text-align:center;
    background-color:rgba(250,250,250,0.25);
    font-family:"Open Sans";
    font-size:20px
}
.popup-container .iObjContainer{
    position:absolute;
    top:160px;
    bottom:10px;
    width:100%
}
.popup-container .iObjContainer>ul{
    width:100%;
    height:100%;
    display:table
}
.popup-container .iObjContainer>ul>li{
    display:table-row
}
.popup-container .iObjContainer>ul>li>span{
    display:table-cell;
    vertical-align:middle
}
.popup-container .loading{
    margin:0 auto;
    text-align:center;
    width:50px;
    height:50px;
    background-image:url("../media/89011/img/network/assets/subscription/wait_anim.png");
    -webkit-animation-name:ldAnim;
    -moz-animation-name:ldAnim;
    -o-animation-name:ldAnim;
    -ms-animation-name:ldAnim;
    animation-name:ldAnim;
    -webkit-animation-duration:0.8s;
    -moz-animation-duration:0.8s;
    -o-animation-duration:0.8s;
    -ms-animation-duration:0.8s;
    animation-duration:0.8s;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-timing-function:steps(8, end);
    -moz-animation-timing-function:steps(8, end);
    -o-animation-timing-function:steps(8, end);
    -ms-animation-timing-function:steps(8, end);
    animation-timing-function:steps(8, end);
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.popup-container .btn{
    width:100%;
    height:56px;
    line-height:56px;
    text-align:center;
    background-image:url("../media/89011/img/network/assets/leaderboard/bg_btn.png");
    background-repeat:no-repeat;
    background-position:center;
    font-family:"Open Sans";
    font-size:22px
}
.popup-container .btn.focus{
    background-image:url("../media/89011/img/network/assets/leaderboard/bg_btn_focus.png")
}
@-webkit-keyframes ldAnim{
    from{
        background-position:0px
    }
    to{
        background-position:-400px
    }
}
@-moz-keyframes ldAnim{
    from{
        background-position:0px
    }
    to{
        background-position:-400px
    }
}
@-o-keyframes ldAnim{
    from{
        background-position:0px
    }
    to{
        background-position:-400px
    }
}
@keyframes ldAnim{
    from{
        background-position:0px
    }
    to{
        background-position:-400px
    }
}
.key{
    width:53px;
    height:45px;
    text-align:center;
    vertical-align:middle;
    border-style:solid;
    border-width:2px;
    background-color:#171414;
    border-color:#757575;
    color:#FFF;
    font-size:18px;
    font-family:"Open Sans"
}
.key.focus{
    background-color:#cdd8df;
    color:#000;
    border-color:#484d50
}
.key.active{
    background-color:#fff;
    color:#000
}
.key.deactivated{
    background-color:#373b3e;
    color:#757575
}
.key.deactivated.focus{
    background-color:#666666;
    color:#333;
    border-color:#484d50
}
.keyboard{
    border-spacing:7px;
    border-collapse:separate;
    display:inline-block
}
.keyboard-input-display{
    padding:5px;
    color:#FFF;
    border:3px solid #33373a;
    width:289px;
    height:60px;
    background-color:#191b1c;
    border-radius:3px;
    vertical-align:middle;
    margin-bottom:5px;
    font-family:"Open Sans";
    font-size:22px
}
.keyboard-input-cursor{
    background-color:#AAA;
    width:2px;
    height:22px;
    vertical-align:middle;
    -webkit-animation:blink 1.5s linear 0s infinite;
    -moz-animation:blink 1.5s linear 0s infinite;
    -o-animation:blink 1.5s linear 0s infinite;
    animation:blink 1.5s linear 0s infinite
}
@-webkit-keyframes blink{
    0%{
        background-color:rgba(200,200,200,0)
    }
    1%{
        background-color:#c8c8c8
    }
    50%{
        background-color:#c8c8c8
    }
    51%{
        background-color:rgba(200,200,200,0)
    }
    100%{
        background-color:rgba(200,200,200,0)
    }
}
@-moz-keyframes blink{
    0%{
        background-color:rgba(200,200,200,0)
    }
    1%{
        background-color:#c8c8c8
    }
    50%{
        background-color:#c8c8c8
    }
    51%{
        background-color:rgba(200,200,200,0)
    }
    100%{
        background-color:rgba(200,200,200,0)
    }
}
@-o-keyframes blink{
    0%{
        background-color:rgba(200,200,200,0)
    }
    1%{
        background-color:#c8c8c8
    }
    50%{
        background-color:#c8c8c8
    }
    51%{
        background-color:rgba(200,200,200,0)
    }
    100%{
        background-color:rgba(200,200,200,0)
    }
}
@keyframes blink{
    0%{
        background-color:rgba(200,200,200,0)
    }
    1%{
        background-color:#c8c8c8
    }
    50%{
        background-color:#c8c8c8
    }
    51%{
        background-color:rgba(200,200,200,0)
    }
    100%{
        background-color:rgba(200,200,200,0)
    }
}
.keyboard-container{
    text-align:center;
    width:100%
}
@-webkit-keyframes spin{
    from{
        -webkit-transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(359deg)
    }
}
@-moz-keyframes spin{
    from{
        -moz-transform:rotate(0deg)
    }
    to{
        -moz-transform:rotate(359deg)
    }
}
@-o-keyframes spin{
    from{
        -o-transform:rotate(0deg)
    }
    to{
        -o-transform:rotate(359deg)
    }
}
@keyframes spin{
    from{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(359deg)
    }
}
.form-container{
   /* position:absolute;
    top:0px;
    left:0px;*/
    width:100%;
    height:auto;
    color:#FFF
}
.form-container .header{
    height:60px
}
.form-container .header h1{
    text-align:center;
    line-height:60px;
    font-family:"Open Sans";
    font-size:30px
}
.form-container .check-spinner{
    width:15px;
    height:15px;
    border:solid 3px transparent;
    border-top-color:#999;
    border-left-color:#999;
    display:inline-block;
    margin-left:5px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -webkit-animation:spin 1s infinite linear;
    -moz-animation:spin 1s infinite linear;
    -o-animation:spin 1s infinite linear;
    animation:spin 1s infinite linear
}
.form-container .check-wrong{
    width:18px;
    height:24px;
    background-image:url("../media/89011/img/network/assets/form/cross.png");
    display:inline-block;
    margin-left:5px
}
.form-container .desc{
    display:table;
    position:static;
    width:100%;
    height:135px
}
.form-container .desc .content{
    display:table-cell;
    vertical-align:middle;
    position:static;
    text-align:center;
    line-height:24px;
    font-family:"Open Sans";
    font-size:20px
}
.form-container .desc .content.err{
    color:#F00
}
.form-container .desc .content span.err{
    color:#F00
}
.form-container .iObjContainer li{
    margin-bottom:18px
}
.form-container .iObjContainer .gender{
    line-height:50px
}
.form-container .radio{
    width:300px;
    display:inline-block;
    vertical-align:middle;
    font-family:"Open Sans";
    font-size:22px
}
.form-container .radio .cmpt-checkbox{
    padding:10px
}
.form-container .radio .focus{
    margin:-3px;
    border:3px solid white;
    border-radius:3px
}
.form-container .radio .lady{
    float:right
}
.form-container .radio .sir{
    float:left
}
.form-container label{
    margin-left:20px;
    display:inline-block;
    width:260px;
    height:40px;
    text-align:left;
    font-family:"Open Sans";
    font-size:22px
}
.form-container input{
    padding:5px;
    color:#FFF;
    border:3px solid rgba(0,0,0,0.2);
    width:289px;
    height:30px;
    background-color:rgba(255,255,255,0.5);
    border-radius:3px;
    font-family:"Open Sans";
    font-size:22px
}
.form-container input.focus{
    border:3px solid white
}
.form-container input.blocked{
    background-color:rgba(255,255,255,0.2)
}
.form-container #zip_id{
    width:80px
}
.form-container #birth_id,.form-container #birth2_id{
    width:175px
}
.form-container textarea{
    padding:5px;
    color:#FFF;
    border:3px solid rgba(0,0,0,0.2);
    width:289px;
    height:60px;
    background-color:rgba(4,6,7,0.2);
    background-color:rgba(255,255,255,0.5);
    border-radius:3px;
    vertical-align:middle;
    margin-bottom:5px;
    font-family:"Open Sans";
    font-size:22px
}
.form-container textarea.focus{
    border:3px solid white
}
.form-container .btn{
    position:absolute;
    bottom:16px;
    width:100%;
    height:56px;
    line-height:56px;
    text-align:center;
    background-image:url("../media/89011/img/network/assets/leaderboard/bg_btn.png");
    background-repeat:no-repeat;
    background-position:center;
    font-family:"Open Sans";
    font-size:22px
}
.form-container .btn.focus{
    background-image:url("../media/89011/img/network/assets/leaderboard/bg_btn_focus.png")
}
.form-container span{
    display:inline-block
}
/*iframe{
    z-index:110;
    top:0;
    width:618px;
    height:340px;
    padding:0px;
    font-size:22px
}*/
.cmpntview{
    position:absolute;
    z-index:110;
    top:0;
    width:618px;
    height:440px;
    padding:0px;
    border-radius:5px;
    font-size:22px
}
.cmpntview.editmyid .header{
    margin-top:-70px;
    padding-top:70px;
    background-image:url("../assets/bg-separator.png"),url("../assets/headers/edit-id.png");
    background-repeat:repeat-x, no-repeat;
    background-position:center bottom, left bottom
}
.cmpntview.edituser .header{
    margin-top:-70px;
    padding-top:70px;
    background-image:url("../assets/bg-separator.png"),url("../assets/headers/edit-user.png");
    background-repeat:repeat-x, no-repeat;
    background-position:center bottom, left bottom
}
.cmpntview.editaddress .header{
    margin-top:-70px;
    padding-top:70px;
    background-image:url("../assets/bg-separator.png"),url("../assets/headers/edit-address.png");
    background-repeat:repeat-x, no-repeat;
    background-position:center bottom, left bottom
}
.keyboardpart{
    width:900px
}
.singlepage .cmpntview{
    position:absolute;
    left:331px;
    top:73px;
    width:618px;
    height:547px
}
.singlepage .cmpntview.popup{
    position:absolute;
    left:50%;
    top:50%;
    width:618px;
    height:300px;
    margin-left:-309px;
    margin-top:-150px
}
.singlepage .cmpntview.login{
    position:absolute;
    left:50%;
    top:50%;
    width:618px;
    height:420px;
    margin-left:-309px;
    margin-top:-210px
}
@font-face{
    font-family:'Button';
    src:url("../media/89011/img/rsc/fonts/VINERITC.ttf") format("truetype");
    font-weight:normal;
    font-style:normal
}
.popupTextField{
    font-family:"Open Sans";
    font-size:18pt;
    color:#431702;
    text-align:center
}
.popupTextField span.popupEndTitle{
    display:block;
    font-family:"Open Sans";
    font-size:36pt;
    line-height:50%;
    color:#000000;
    text-shadow:2px 2px #000000;
    text-align:center
}
.popupTextField span.popupEndText{
    display:block;
    font-family:"Open Sans";
    font-size:30pt;
    line-height:25%;
    color:#fffdca;
    text-shadow:2px 2px #000000;
    text-align:center
}
.popupTextField span.popupEndScore{
    font-family:"Open Sans";
    font-size:44pt;
    line-height:75%;
    color:#ffffff;
    text-shadow:2px 2px #000000;
    text-align:center
}
p.popupTuto{
    font-family:"Open Sans";
    font-size:14pt;
    color:#38290f;
    text-align:left
}
html{
    -moz-user-select:-moz-none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -o-user-select:none;
    user-select:none
}
body{
    overflow:hidden
}
#cssforcefontdownload{
    font-family:"Button", "Open Sans";
    position:absolute
}
.fontPreload{
    position:absolute;
    visibility:hidden;
    width:0px;
    height:0px
}
.popupSystemText{
    text-align:center;
    font-size:22pt;
    font-family:'Open Sans', 'Calibri';
    color:#ffffff
}
.popupEmbedText{
    text-align:center;
    font-size:22pt;
    font-family:initial;
    color:#ffffff
}
.popupSystemTitle{
    text-align:center;
    font-size:24pt;
    font-family:'Open Sans', 'Calibri';
    color:#ffffff
}
#loading-screen{
    width:1280px;
    height:720px;
    text-align:center;
    position:absolute;
    top:0px;
    left:0px
}
#loading-screen #loading-text{
    margin:20px auto;
    font-size:25px;
    color:#000000;
    text-shadow:2px 2px #FFF;
    font-family:"Open Sans"
}
#loading-screen #loading-logo{
    display:block;
    margin-left:auto;
    margin-right:auto;
    padding-top:250px
}
#loading-screen #loading-bar{
    margin:20px auto;
    width:50%;
    height:26px;
    line-height:26px;
    background-color:rgba(0,0,0,0.25);
    border:1px solid rgba(255,255,255,0.25);
    border-radius:5px;
    text-align:center
}
#loading-screen #loading-bar span{
    display:block;
    height:100%;
    border-radius:5px
}
@font-face{
    font-family:"Open Sans";
    src:url("../media/89011/img/network/fonts/OpenSans-Regular.ttf") format("truetype");
    font-weight:normal;
    font-style:normal
}
#loading-screen #loading-service-logo{
    position:absolute;
    left:100px;
    top:50px
}
#legacy-text {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
    color: #FFF;
    text-shadow: 2px 2px #000;
    font-size: 25px;
    font-family: "Open Sans"; }
/*# sourceMappingURL=style.css.map */