/**********************************************************************************/
#MySplitter {
    height: 790px; /* border: 1px solid; 	No padding allowed */
}
/*
 * Left-side element of the splitter. Use pixel units for the
 * min-width and max-width; the splitter plugin parses them to
 * determine the splitter movement limits. Set the width to
 * the desired initial width of the element; the plugin changes
 * the width of this element dynamically.
 */
#LeftPane {
    overflow: auto; /* No margin or border allowed */
}
/*
 * Right-side element of the splitter.
 */
#RightPane {
    overflow: auto; /* No margin or border allowed */
}
/* 
 * Splitter bar style; the .active class is added when the
 * mouse is over the splitter or the splitter is focused
 * via the keyboard taborder or an accessKey. 
 */
#MySplitter .vsplitbar {
    width: 4px;
    border-left-width: 1px;
    border-right-width: 1px;
    background: url(./Images/splitter.png) repeat-y scroll 0 0 #E1E6EA;
    border-right-color: #A2B3C7;
}

/**********************************************************************************/
.tournamentHeader {
    text-align: center;
    font-weight: bold;
    position: fixed;
    top: 20px;
    left: 50%;
}

.roundHeader {
    width: 1250px;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
}

    .roundHeader .bracket {
        min-width: 250px;
        float: left;
        padding-bottom: 5px;
    }

.tournament {
    border: dashed 1px solid;
    font-family: Arial;
    font-size: 10px;
    width: 1350px;
    overflow: auto;
}

    .tournament a {
        text-decoration: none;
    }

        .tournament a:hover {
            color: Blue;
        }

.bracket {
    min-width: 250px;
    width: 250px;
    vertical-align: top;
    float: left;
}

    .bracket .match {
        border-top: 1px solid;
        border-right: 1px solid;
        border-bottom: 1px solid;
    }

        .bracket .match .playerInfo {
            float: left;
            white-space: nowrap;
        }

.tournament .bracket .match2 .playerInfo {
    float: left;
    white-space: nowrap;
}

.tournament .bracket .match2 .p1 {
    border-top: 1px solid;
    border-right: 1px solid;
    height: 15px;
    width: 100%;
}

.tournament .bracket .match2 .p2 {
    border-right: 1px solid;
    border-bottom: 1px solid;
    height: 15px;
    width: 100%;
}

.tournament .bracket .match2 .p1_result, .tournament .bracket .match2 .p2_result {
    height: 15px;
    width: 100%;
}

.tournament .bracket .winner {
    height: 15px;
    border-bottom: 1px solid;
}

.tournament .bracket .winner_result {
    height: 15px;
}

.tournament .bracket .match2 .spacer {
    height: 10px;
    border-right: 1px solid;
    width: 100%;
}

.tournament .bracket .match .p1, .tournament .bracket .match .p2 {
    height: 15px;
}

.tournament .bracket .match .spacer {
    height: 5px;
}

.tournament .bracket .spacer {
    height: 20px;
}

.tournament .bracket .half-spacer, .tournament .bracket .small-spacer {
    height: 10px;
}

.meetingHover {
    background-color: #C3D8F1;
}

.meetingHoverBorder {
    background-color: #1e90ff;
    border: 2px solid #0000ff !important;
}

.meetingSelected {
    background-color: Red !important;
}

.playerHover {
    background-color: Yellow !important;
}

.playerSelected {
    background-color: Red !important;
}

.sameClub .p1, .sameClub .p2, .sameClub .spacer {
    background-color: #FA8072;
}

.p1.sameClub, .p2.sameClub, .spacer.sameClub {
    background-color: #FA8072;
}

/******************************************************************************************/
/******************************************************************************************/

#playerInfo {
    display: none;
    width: 300px;
}

    #playerInfo .match .p1 {
        height: 17px;
        border-bottom: 1px solid;
    }

    #playerInfo .match .p2 {
        height: 17px;
    }

    #playerInfo .match .clubid {
        float: left;
        width: 25px;
        height: 17px;
        border-right: 1px solid;
        padding-top: 1px;
    }

    #playerInfo .match .clubname {
        float: left;
        width: 110px;
        height: 17px;
        border-right: 1px solid;
        overflow: hidden;
        white-space: nowrap;
        padding-top: 1px;
    }

    #playerInfo .match .affNum {
        float: left;
        width: 45px;
        height: 17px;
        border-right: 1px solid;
        padding-top: 1px;
    }

    #playerInfo .match .ranking {
        float: left;
        width: 60px;
        height: 17px;
        border-right: 1px solid;
        padding-top: 1px;
        text-align: left;
        white-space: nowrap;
    }

    #playerInfo .match .headseries {
        float: left;
        width: 20px;
        height: 17px;
        border-right: 1px solid;
        padding-top: 1px;
        text-align: center;
    }

    #playerInfo .match .payment {
        float: left;
        width: 20px;
        height: 17px;
        text-align: center;
    }

#unavailabilityInfo {
    display: none;
    width: 280px;
}

#numberPhysicalDraw {
    position: fixed;
    top: 50px;
    left: 92.5%;
    z-index: 100;
    width: 110px;
}

    #numberPhysicalDraw div.draw {
        padding: 2px;
        cursor: pointer;
    }

        #numberPhysicalDraw div.draw div {
            position: relative;
            border: 1px solid;
            width: 30px;
            height: 30px;
            text-align: center;
        }

            #numberPhysicalDraw div.draw div.drawSelected {
                position: relative;
                border: 1px solid;
                width: 30px;
                height: 30px;
                text-align: center;
                background-color: #FFD279;
            }

    #numberPhysicalDraw div.physicalDraw {
        float: left;
    }

    #numberPhysicalDraw div.draw span {
        left: 10px;
        position: absolute;
        top: 10px;
    }

.meetingStatus_Ongoing {
    background: url("Images/ongoing.gif") no-repeat scroll 0 0 transparent;
    float: left;
    margin-left: 5px;
    padding-left: 10px;
    width: 10px;
    height: 10px;
}

.playerStatus_Confirmed, .playerStatus_Present, .playerStatus_Reconfirmed, .playerStatus_Unconfirmed, .playerStatus_Eliminated, .playerStatus_Defeated, .playerStatus_Winner {
    width: 16px;
    height: 16px;
    float: right;
    padding-right: 1px;
}

.playerStatus_Confirmed {
    background: url("Images/player_status_confirmed.png") no-repeat scroll 0 0 transparent;
}

.playerStatus_Present {
    background: url("Images/player_status_present.png") no-repeat scroll 0 0 transparent;
}

.playerStatus_Reconfirmed {
    background: url("Images/player_status_reconfirmed.png") no-repeat scroll 0 0 transparent;
}

.playerStatus_Unconfirmed {
    background: url("Images/player_status_unconfirmed.png") no-repeat scroll 0 0 transparent;
}

.playerStatus_Eliminated {
    background: url("Images/player_status_eliminated.png") no-repeat scroll 0 0 transparent;
}

.playerStatus_Defeated {
    background: url("Images/player_status_defeated.png") no-repeat scroll 0 0 transparent;
}

.playerStatus_Winner {
    background: url("Images/player_status_winner.png") no-repeat scroll 0 0 transparent;
}
/***********************************************************************************/
/***********************************************************************************/

.unavailabilityWrapper_Draw {
    width: 280px;
    height: 15px;
}

    .unavailabilityWrapper_Draw div.unavailability {
        width: 3px;
        height: 100%;
        float: left;
        border: none;
        background-color: Red;
    }

    .unavailabilityWrapper_Draw div.allocated {
        width: 3px;
        height: 100%;
        float: left;
        border: none;
        background-color: yellow;
    }

    .unavailabilityWrapper_Draw div.availability {
        width: 3px;
        height: 100%;
        background-color: Blue;
        float: left;
        border: none;
    }

    .unavailabilityWrapper_Draw div.separate {
        width: 14px;
        height: 100%;
        background-color: #FFF;
        float: left;
        border: none;
    }

    .unavailabilityWrapper_Draw div.availability:hover, .unavailabilityWrapper_Draw div.unavailability:hover, .unavailabilityWrapper_Draw div.allocated:hover {
        background-color: #FFDA96;
    }

.meetingWrapper {
    position: relative;
    height: 100%;
    width: 100%;
}

.meetingCell {
    text-align: center;
    cursor: pointer;
    height: 50px;
}

.meetingWrapper .meetingInfo {
    text-align: center;
    padding-top: 20px;
}

.playerCell {
    font-weight: bold;
    cursor: pointer;
}

.topStatus {
    position: absolute;
    top: -4px;
    right: -8px;
}

.bottomStatus {
    position: absolute;
    bottom: -4px;
    left: -8px;
}

.serieStatus_Ongoing {
    background: url("Images/ongoing.gif") no-repeat scroll 0 0 transparent;
    position: absolute;
    top: -4px;
    left: -8px;
    width: 10px;
    height: 10px;
}

.paymentStatus {
    background-color: #66FF00;
}

.seriePlayerInfo, .serieUnavailabilityPlayerInfo {
    display: none;
}

.playerName {
    cursor: pointer;
    font-size: 12px;
}

    .playerName:hover {
        background-color: #ecf4ff;
    }