div.barChart {
    margin-bottom: 50px;
    padding: 20px;
}

div.hiddenBarChart {
    visibility: hidden;
    height: 350px;
}

td.redFlag {
    background: red;
}

div.originalGraph {
    float: left;
    margin-left: 50px;
    margin-bottom: 50px;
}

div.originalGraph img {
    border: 1px solid black;
}


div.topButton {
    margin-left: auto;
    margin-right: 100px;
    width: 100px;
    height: 40px;
}

a.topButton {
    color: white;
    text-decoration: none;
    border-radius: 30px;
    border: 3px solid #aaa;
    text-align: center;
    font-size: 20pt;
    font-family: sans-serif;
    font-weight: bold;
    padding: 10px 20px 10px 20px;
    background: #048;
    color: white;
}

div.graphsChart {
    position: relative;
}

div.graphsChartFrame {
    position: relative;
    width: 2000px;
    height: 1700px;
}

div.taskResult {
    position: absolute;
}

svg.IPhisto {
    position: absolute;
    top: 190px;
    left: 500px;
}

div.originalGraph svg.IPhisto {
    position: static;
    margin-top: 20px;
}

div.resultSorting {
    margin-top: 180px;
}

div.graphsChartFrame div.col0 {
    left: 0px;
}

div.graphsChartFrame div.col1 {
    left: 650px;
}

div.graphsChartFrame div.col2 {
    left: 1300px;
}

div.graphsChartFrame div.col3 {
    left: 1950px;
}

div.graphsChartFrame div.row0 {
    top: 0px;
}

div.graphsChartFrame div.row1 {
    top: 330px;
}

div.graphsChartFrame div.row2 {
    top: 660px;
}

div.graphsChartFrame div.row3 {
    top: 990px;
}

div.graphsChartFrame div.row4 {
    top: 1320px;
}

h3.taskTitle {
    padding-top: 20px;
}

img.p {
    margin-top: -20px;
}

img.p0 {
    border: 5px solid red;
}

img.p1 {
    border: 5px solid yellow;
}

img.p2 {
    border: 5px solid green;
}

img.p3 {
    border: 5px solid blue;
}

img.p4 {
    border: 5px solid blue;
}

img.p5 {
    border: 5px solid blue;
}

div.tournChartFrame {
    position: relative;
    width: 3000px;
    height: 3000px;
}

img.tourn {
    position: absolute;
}

img.winner {
    border: 15px solid #0F0;
}

img.loser {
    border: 15px solid white;
}

div.tournBox {
    position: absolute;
    border: 10px solid #888;
    border-radius: 50px;
    width: 480px;
    height: 940px;
    margin-left:5px;
}

div.tournBox0 {
    top:0px;
    left:0px;
}

div.tournBox1 {
    top:990px;
    left:0px;
}

div.tournBox2 {
    top:1980px;
    left:0px;
}

div.tournBox3 {
    top:0px;
    left:2500px;
}

div.tournBox4 {
    top:990px;
    left:2500px;
}

div.tournBox5 {
    top:1980px;
    left:2500px;
}

div.tournBox6 {
    top:330px;
    left:500px;
    height:2260px;
}

div.tournBox7 {
    top:330px;
    left:2000px;
    height:2260px;
}

img.tournVert0 {
    top: 0px;
}

img.tournVert1 {
    top: 330px;
}

img.tournVert2 {
    top: 660px;
}

img.tournVert3 {
    top: 990px;
}

img.tournVert4 {
    top: 1320px;
}

img.tournVert5 {
    top: 1650px;
}

img.tournVert6 {
    top: 1980px;
}

img.tournVert7 {
    top: 2310px;
}

img.tournVert8 {
    top: 2640px;
}

img.tournHoriz0 {
    left: 0px;
}

img.tournHoriz1 {
    left: 2500px;
}

img.tournHoriz2 {
    left: 500px;
}

img.tournHoriz3 {
    left: 2000px;
}

img.tournHoriz4 {
    left: 1000px;
}

img.tournHoriz5 {
    left: 1500px;
}

img.tournHoriz6 {
    left: 1250px;
}