﻿.secondary-container {
    background-image: url("/images/quiz/background2.png");
    width: 1154px;
    min-height: 400px;
    margin-left: 10px;
    margin-top: 10px;
    display: inline-block;
    text-align: center;
}

.network-header {
    color: #2d2c3a;
    font-size: 55px;
    font-weight: 700;
    text-shadow: 2px 0px #00ECFF, 
        -2px 0px 0 #00ECFF, 
        0px -2px 0 #00ECFF, 
        0px 2px 0 #00ECFF, 
        #00ECFF 0px 0px 6px, 
        #00ECFF 0px 0px 6px, 
        #00ECFF 0px 0px 10px;
    opacity: 0.5;
    margin-top: 5px;
}

.tournament-container {
    text-align: center;
    line-height: 0;
    margin-top: 5px;
}

.decorative-line {
    background-image: url("/images/quiz/line.png");
    width: 731px;
    height: 7px;
    display: inline-block;
}

.tournament {
    width: 1154px;
    height: 124px;
    position: relative;
    left: 0;
    top: 0;
}

.tournament-background-holder {
    background-image: url("/images/quiz/background-normal.png");
    width: 1154px;
    height: 124px;
    position: absolute;
    left: 0;
    top: 0;
}

.tournament-background-holder:hover {
    background-image: url("/images/quiz/bacground-highlighted.png");
}

.tournament-plate {
    background-image: url("/images/quiz/main-plate-background.png");
    background-repeat: no-repeat;
    background-position: 0 29px;
    
    width: 1143px;
    height: 124px;
    margin-left: 5px;
    display: inline-block;
    margin-top: 3px;
    /*height: 82px;*/
}

.tournament-plate.no-players {
    background-image: url("/images/quiz/no-players.png");
}

.no-players-text {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 700;
    color: #00ecff;
    margin-left: 77px;
}

.tournament-name {
    font-size: 29px;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    margin-left: 20px;
    height: 40px;
}

.tournament-name a {
    font-size: 29px;
    font-weight: 700;
}

.tournament-network {
    color: #00ecff;
    float: left;
}

.tournament-players {
    color: #ffffff;
    float: left;
}

.tournament-speed {
    color: #fa6e06;
    float: left;
    margin-right: 7px;
}

.tournament-line {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #00eeff;
    height: 30px;
}

.users-container {
    height: 64px;
    text-align: left;
    padding-left: 5px;
    line-height: 64px;
}

.user {
    width: 372px;
    height: 56px;
    margin-top: 4px;
    margin-left: 3px;
    line-height: 56px;
    text-align: left;
    display: inline-block;
}

.user-name {
    font-size: 20px;
    font-weight: 700;
    vertical-align: middle;
    line-height: normal;
    width: 230px;
    display: inline-block;
}

.user-name.gold {
    color: #ffde00;
}

.user-name.silver {
    color: rgb(183, 201, 205);
}

.user-name.bronze {
    color: rgb(252, 99, 0);
}

.absolute-rating {
    color: #ff00c8;
    font-size: 27px;
    font-weight: 700;
    vertical-align: middle;
    line-height: normal;
    margin-left: 5px;
    text-align: right;
    width: 50px;
    display: inline-block;
}

.medal {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    margin-right: 22px;
    margin-left: 8px;
}

.medal.gold {
    background-image: url("/images/quiz/gold2.png");
}

.medal.silver {
    background-image: url("/images/quiz/silver2.png");
}

.medal.bronze {
    background-image: url("/images/quiz/bronze2.png");
}

.absolute-rating.gold {
    color: #ffde00;
}

.absolute-rating.silver {
    color: rgb(183, 201, 205);
}

.absolute-rating.bronze {
    color: rgb(252, 99, 0);
}

.user-a {
    display: inline-block;
    width: 374px;
}

.user-positioning-container-1, .user-positioning-container-2, .user-positioning-container-3 {
    display: inline-block;
    width: 374px;
    position: absolute;
    top: 43px;
}

.user-positioning-container-1 {
    left: 12px;
}

.user-positioning-container-2 {
    left: 390px;
}

.user-positioning-container-3 {
    left: 768px;
}

.user-highlight-hover {
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 4px;
    opacity: 0;
}

.user-highlight-pressed {
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 4px;
    opacity: 0;
}

.user-a:hover .user-highlight-hover {
    opacity: 1;
}
.user-a:active .user-highlight-hover {
    opacity: 0;
}


.user-a:active .user-highlight-pressed {
    opacity: 1;
}

.network-header-anchor-div {
    width: 0; 
    height: 0; 
    position: relative; 
    top:-318px; 
    left:0;
}

.networks-navigator-container {
    width: 100%;
    height: 68px;
    position: fixed;
    top: 165px;
    left: 0;
    z-index: 998;
}

.networks-navigator {
    box-sizing: border-box;
    height: 68px;
    width: 1200px;
    margin: auto;
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 22px;
    background-image: url("/images/quizuser/layer5-small.png");
}

.network-navigator-bullet {
    width: 8px;
    height: 8px;
    background-image: url("/images/quiz/bullet.png");
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.network-navigator-a {
    font-size: 20px;
    color: rgb(0, 236, 255);
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid transparent;
    padding-bottom: 1px;
}

.network-navigator-a:visited {
    color: rgb(0, 236, 255);
}

.network-navigator-a:hover {
    color: rgb(174, 249, 255);
}

.last-line-stretcher {
    width: 100%;
    display: inline-block;
    height: 0;
    line-height: 0;
}

.networks-navigator-active, .networks-navigator-active:visited {
    border: #06e3f5 1px solid;
    border-radius: 5px;
    box-shadow: 0 0 4px 1px #06e3f5 inset;
}

.layer3.all-quizes {
    margin-top: 0;
    padding-top: 165px;
}

.layer5.all-quizes {
    text-align: center;
}

.all-quizes .secondary-container {
    margin-left: 0;
}

.tournament-ko {
    background-repeat: no-repeat;
    background-image: url(/images/quiz/ko.png);
    width: 37px;
    height: 25px;
    display: inline-block;
    float: left;
    margin-top: 10px;
    margin-right: 15px;
}

.tournament-pko {   
    
    height: 25px;
    display: inline-block;
    float: left;

    margin: 10px 15px auto 1px;


    border: 2px solid;
    border-radius: 5px;
    color: #f03fd9;
    font-size: 21px;
    line-height: 0.9;
    width: 52px;   
    padding: 1px 2px;
}

@media screen and (max-width: 1200px) {
    .layer3.all-quizes {
        margin-top: 0px;
    }

    .networks-navigator-container {
        position: relative;
        top: 0;
    }
}