/* Define look of the table */

:root {

    --Girls-bg-color: #ffe0e0;

    --Boys-bg-color: #d8e3fb;

}





#BHGirls {

    background-color: rgba(0, 0, 0, 0);  /*The last digit in the rgba function is for transparency. 1 means 100% opaque, while 0 stands for 100% transparent.*/

}

#BHBoys {

    background-color: rgba(0, 0, 0, 0);

}

#TGirls {

    background-color: rgba(0, 0, 0, 0);  /*The last digit in the rgba function is for transparency. 1 means 100% opaque, while 0 stands for 100% transparent.*/

}

#TBoys {

    background-color: rgba(0, 0, 0, 0);

}

#Girls {

    background-color: var(--Girls-bg-color);

}

#Boys {

    background-color: var(--Boys-bg-color);

    background-image: url("/images/GITT2018-86b.png");

    background-size: cover:;

    background-position: center;

    background-repeat: no-repeat;

    background-attachment: fixed;

}

body {

    background-color: #d8e3fb;

    background-image: url("/images/GITT2018-86b.png");

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover:;

    background-attachment: fixed;

 }

input[type=submit] {

        width: 175px;

        height: 40px;

        padding: 0px;

        border-radius: 10px;

        margin:10px

}

  /*

#PostScores {

    width: 15em;  height: 2em;

}

   .button {

        text-align:center;

        background-color: #000000;

        color: #FFFFFF;

        padding: 10px;

        border-radius: 10px;

        -moz-border-radius: 10px;

        -webkit-border-radius: 10px;

        margin:10px

    }



    .small-btn {

        width: 50px;

        height: 25px;

    }



    .medium-btn {

        width: 70px;

        height: 30px;

    }



    .big-btn {

        width: 90px;

        height: 40px;

    }  */

table, tbody, tr, th, td{

    background-color: rgba(0, 0, 0, 0.0) !important;

}

table {

    border-width: 2px;

/*    background-color: #fff;*/

    margin-left: auto;

    margin-right: auto;

}

tr, td {

    padding: 2px;

    text-align: center;

    vertical-align: bottom;

}

.tname {

/*width: 97.7%;

height: 60px;

padding-left: 15px;   */

margin-bottom: 0px;

margin-top: 5px;

margin-right: 10px;

    text-align: center;

/*border: 2px solid #ccc;

/*color: #4f4f4f;

font-size: 40px;     */

/*border-radius: 5px;*/

    font: bold 50px/50px Arial, Helvetica, sans-serif;

/*    padding: 0px;

    vertical-align: center;

    font-size: 45px/60px;

    font-style: bold;

    font-family: Arial, Helvetica, sans-serif;    */



}

table tr td.tcname {

/*width: 97.7%;

height: 60px;

padding-left: 15px;   */

margin-bottom: 0px;

margin-top: 5px;

margin-right: 10px;

    text-align: center;

    font: bold 25px/25px Arial, Helvetica, sans-serif;

}

.tdates {

    padding: 0px;

    text-align: center;

    vertical-align: center;

    font: bold 25px Arial, Helvetica, sans-serif;

/*    font-size: 20px/25px;

    font-style: normal;

    font-family: Arial, Helvetica, sans-serif;

*/}

.tbgdiv {

    padding: 0px;

    text-align: center;

    vertical-align: center;

    font: bold 30px/60px Arial, Helvetica, sans-serif;

/*    font-size: 30px;

    font-style: normal;

    font-family: Arial, Helvetica, sans-serif;

*/}

.submit

{

padding: 10px;

text-align: center;

font-size: 18px;

/*background: linear-gradient(#ffbc00 5%, #ffdd7f 100%);*/

border: 2px solid #000000;

color: #000000;

font-weight: bold;

cursor: pointer;

/*text-shadow: 0px 1px 0px #13506D;*/

width: 60%;

border-radius: 10px;

}

.scoresubmit

{

padding: 3px;

text-align: center;

font-size: 18px;

/*background: linear-gradient(#ffbc00 5%, #ffdd7f 100%);*/

border: 2px solid #000000;

color: #000000;

font-weight: normal;

cursor: pointer;

/*text-shadow: 0px 1px 0px #13506D;

width: 60%;   */

border-radius: 10px;

}

.SelMTbl {

    width: 80%;

    padding: 0px;

    text-align: center;

    horizontal-align: top;

    font-size: large;

    font-style: normal;

    font-family: Arial, Helvetica, sans-serif;

}





td.champ {

    padding: 0px;

    text-align: center;

    vertical-align: top;

    font-size: large;

    font-style: normal;

    font-family: Arial, Helvetica, sans-serif;

}

.collapse {

    border-collapse: collapse;

}



td.school {

    font-size: x-large;

    font-style: normal;

    font-family: Arial, Helvetica, sans-serif;

}



td.sitedate {

    font-size: medium;

    font-style: italic;

    font-family: Arial, Helvetica, sans-serif;

}



td.displaymatch {

    font-size: x-large;

    font-style: normal;

    font-family: Arial, Helvetica, sans-serif;

    vertical-align: middle;

    border-style: solid solid solid solid;

}



td.displayscoreH {

    font-size: x-large;

    font-style: normal;

    font-family: Arial, Helvetica, sans-serif;

    vertical-align: middle;

    border: 3px #ccc solid;

    border-top: 3px #000 solid;

    border-style: solid solid solid solid;

    width: 8%;

}



td.displayscoreV {

    font-size: x-large;

    font-style: normal;

    font-family: Arial, Helvetica, sans-serif;

    vertical-align: middle;

    border: 3px #ccc solid;

    border-bottom: 3px #000 solid;

    border-style: solid solid solid solid;

    width: 8%;

}



td.selmatch {

    font-size: x-large;

    font-style: normal;

    font-family: Arial, Helvetica, sans-serif;

    vertical-align: middle;

    border-style: solid solid solid solid;

    width: 12%;

}



td.selmatchP {

    font-size: x-large;

    font-style: normal;

    font-family: Arial, Helvetica, sans-serif;

    vertical-align: middle;

    border: 3px #ccc solid;

    border-top: 3px #000 solid;

    border-style: solid solid solid solid;

    width: 10%;

}



td.selscoreH {

    font-size: x-large;

    font-style: normal;

    font-family: Arial, Helvetica, sans-serif;

    vertical-align: middle;

    border: 3px #ccc solid;

    border-top: 3px #000 solid;

    border-style: solid solid solid solid;

    width: 10%;

}



td.selscoreHW {

    font-size: x-large;

    font-style: normal;

    font-family: Arial, Helvetica, sans-serif;

    vertical-align: middle;

    border: 3px #ccc solid;

    border-top: 3px #000 solid;

    border-right: 3px #000 solid;

    border-style: solid solid solid solid;

    width: 10%;

}



td.selscoreV {

    font-size: x-large;

    font-style: normal;

    font-family: Arial, Helvetica, sans-serif;

    vertical-align: middle;

    border: 3px #ccc solid;

    border-bottom: 3px #000 solid;

    border-style: solid solid solid solid;

    width: 10%;

}



td.selmatchWL {

    font-size: x-large;

    font-style: normal;

    font-family: Arial, Helvetica, sans-serif;

    vertical-align: middle;

    border-style: solid solid solid solid;

    width: 9%;

}



td.selmatchM {

    font-size: x-large;

    font-style: normal;

    font-family: Arial, Helvetica, sans-serif;

    vertical-align: middle;

    border-style: solid solid solid solid;

    width: 15%;

}



td.selmatchTH {

    padding: 3px;

    font-size: x-large;

    font-style: normal;

    font-family: Arial, Helvetica, sans-serif;

    vertical-align: middle;

    border-style: solid solid none solid;

    width: 25%;

}



td.selmatchTV {

    padding: 3px;

    font-size: x-large;

    font-style: normal;

    font-family: Arial, Helvetica, sans-serif;

    vertical-align: middle;

    border-style: none solid solid solid;

    width: 25%;

}



td.selmatchTHS {

    padding: 3px;

    font-size: x-large;

    font-style: normal;

    font-family: Arial, Helvetica, sans-serif;

    vertical-align: middle;

    border-style: solid solid none solid;

    width: 14%;

}



td.selmatchTVS {

    padding: 3px;

    font-size: x-large;

    font-style: normal;

    font-family: Arial, Helvetica, sans-serif;

    vertical-align: middle;

    border-style: none solid solid solid;

    width: 14%;

}



td.selbutton {

    vertical-align: middle;

    width: 250px;

}



/* border-style example classes */    /* 4 entries Top Right Bottom Left */
/* border-style example classes */    /* 3 entries Top Left&Right Bottom */
/* border-style example classes */    /* 2 entries Top&Bottom Left&Right */
/* border-style example classes */    /* 1 entry All Sides */

.bst {border-style:none none none none;}

.bsb {border-style:none solid solid solid;}

.bdt {border-style:solid solid none solid;}

.cht {border-style:solid solid none none;}

.chb {border-style:none solid solid none;}

.r2t {border-style:solid solid none solid;}

.r2b {border-style:none solid solid solid;}

.btls {border-style:solid none none solid;}

.btrs {border-style:solid solid none none;}

.bls {border-style:none none none solid;}

.brs {border-style:none solid none none;}

.bbls {border-style:none none solid solid;}

.bbrs {border-style:none solid solid none;}

.btld {border-style:dashed none none dashed;}

.btrd {border-style:dashed dashed none none;}

.bld {border-style:none none none dashed;}

.brd {border-style:none dashed none none;}

.bbld {border-style:none none dashed dashed;}

.bbrd {border-style:none dashed dashed none;}

.bts {border-style:solid none none none;}

.bbs {border-style:none none solid none;}

.blrs {border-style:none solid none solid;}

.bct {border-style: none none solid solid;}

.bcb {border-style: solid none none solid;}

.all {border-style: dotted;}

}