.uline {
    text-decoration: underline;
}

.bold {
    font-weight: bold;
}

div#datasourcedesc {
    margin: 10px;
    font-size: 16px;
}

div#columnarcontent, div.onecolumn {
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;

    padding: 10px;
}

div#eventsummarycontent {
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: row;
    flex-direction: row;

    flex-wrap: wrap;
}

div#eventsummarycontent > * {
    margin: 10px;
}

div#cardcontent {

    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;

    padding: 10px;

/*
    background-color: red;
*/
}

div.cardinfocontent {
    display: none;
}

div.playercard {
    border: 2px solid black;
    margin: 10px;
    padding: 10px;
}

span.gamerow, div.totalsrow {
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: row;
    flex-direction: row;

    margin-top: 4px;
    margin-bottom: 4px;
}

span.gamerow, td.cardcontrols {
    visibility: hidden;
}

div.totalsrow > * {
    padding: 8px;
    border: 2px solid black;
    margin: 10px;

    text-align: center;

    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;

    position: relative;
}

label.gamesplayed {
    position: relative;
    bottom: 0px;
    right: 0px;
    font-size: 12px;
    color: blue;
}

div.totalsrow label.totheader {
    font-weight: bold;
    font-size: 16px;
    font-variant: small-caps;
}

div.totalsrow label.totvalue {
    font-weight: bold;
    font-size: 24px;
    font-style: italic;
    color: green;
}

span.gamerow > * {
    margin-left: 4px;
    margin-right: 4px;
}

.gamelabel {
    font-weight: bold;
    white-space: nowrap;
}

div.eventrow {
    width: 100%;
}

span.eventdesc {
    font-weight: bold;
    font-size: 24px;
    width: 100%;
    text-align: center;
}

span.playerinfo {
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: row;
    flex-direction: row;

    width: 100%;
    justify-content: space-around;
    font-size: 16px;
}

table.gameresults {
    border: 1px solid black;
    border-collapse: collapse;
    margin-top: 16px;
}

table.gameresults thead {
    border-bottom: 2px solid black;
}

table.gameresults th {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid black;
    padding: 6px;
}

table.gameresults tfoot {
    font-size: 12px;
    border-top: 2px solid black;
}

table.gameresults tfoot th.footdesc {
    border: 0;
    border-bottom: 1px solid black;
}

table.gameresults tfoot td {
    color: green;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
}

table.gameresults td {
    text-align: center;
    font-size: 14px;
    border: 1px solid black;
    padding: 6px;
}

table.gameresults tfoot .bigfoot {
    font-size: 20px;
}

.inrevision {
    background-color: pink;
}

.deletablerow {
    background-color: lightblue;
}

td.gamenum {
    font-weight: bold;
}

td.gamepts, td.posspread, td.negspread {
    font-weight: bold;
    color: darkgreen;
}

div.coldiv {
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: space-around;
}

div.carddisplaysection {
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: row;
    flex-direction: row;

    flex-wrap: wrap;
}

div.loadtime {
    padding: 4px;
    margin-left: 20px;
    margin-top: 20px;
    
    font-size; 12px;
    font-style: italic;
}

div#invitewrapper {
    margin-top: 10px;
    border: 1px dashed darkgreen;
}

div.inviteform {
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
}

div.inviteform > * {
    margin-top: 2px;
    margin-bottom: 2px;
}

table.tournsummary {
    text-align: center;
    border: 2px solid black;
    border-collapse: collapse;
    margin-left: 10px;
    margin-top: 10px;
}

table.tournsummary tr.sumtitle {
    font-variant: small-caps;
    background-color: white;
}

table.tournsummary .playergamerow {
    border: 2px solid black;
}

table.tournsummary td, table.tournsummary th {
    border: 1px solid black;
    padding: 4px;
}

table.tournsummary tbody.cardexpanded {
    display: none;
}

table.tournsummary thead.cardsummary.hilited {
    background-color: lightgreen;
}

tr.highlightmyrow > td {
    font-weight: bold;
}

table.tournsummary tfoot {
    font-size: 10px;
}

td.gpskunk {
    font-weight: bold;
    background-color: powderblue;
}

div#neweventspacewrapper {
    display: none;
}

div#neweventspace {
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    border: 2px dashed darkgreen;
}

div#neweventspace > * {
    margin: 4px;
}

div#neweventspace div.neweventbuttons {
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: space-around;

    width: 100%;
}

div.rowdiv {
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: space-around;

    width: 100%;
}

span.docspace {
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: space-around;

    width: 100%;
}

a.showthedocumentation{
    padding: 10px;
    font-weight: bold;
    border: 2px solid blue;
}

div#carddocumentationwrapper {
    display: none;
    margin-right: 10px;
}

div#carddocumentation {
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;

    padding: 10px;
}

div#taleofthetapewrapper {
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;
}

div#taleofthetapefilterwrapper {
    display: none;
}

.talesort {
    background-color: gold;
}

table.taleofthetape {
    text-align: center;
    border: 2px solid black;
    border-collapse: collapse;
}

table.taleofthetape th, table.taleofthetape td {
    border: 1px solid black;
    text-align: center;

    padding: 4px;
}

table.taleofthetape label.extremeoutcome {
    font-size: 20px;
    font-weight: bold;
}

table.taleofthetape label.bigwin {
    color: darkgreen;
}

table.taleofthetape label.bigloss {
    color: red;
}

table.taleofthetape td.pname {
    font-weight: bold;
    font-size: 20px;
    padding: 10px;
}

table.taleofthetape label.smaccid {
    font-weight: normal;
    font-size: 12px;
}

table.taleofthetape label.avg {
    font-weight: bold;
    font-size: 20px;
}

table.taleofthetape .fwdsort {
    background-color: gold;
}

table.taleofthetape .revsort {
    background-color: lightgreen;
}

span.tapepoints {
    width: 100%;
    text-align: center;
}

ul.opplist {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.opplist label.opponentname {
    font-style: italic;
    text-decoration: underline;
}

ul.opplist label.tourneyname {
    font-weight: bold;
}


div#taleofthetapefiltercontent {
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: row;
    flex-direction: row;
}

div#taleofthetapefiltercontent > * {
    margin: 20px;
}


div.filteringgroup {
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;

    align-items: center;
}

tr.tapepseudo {
    background-color: white;
}

tr.tapepseudo td {
    text-align: center;
}

table.tapeevsummary {
    width: 80%;
    margin-left: 20px;
    box-shadow: 10px 10px grey;
    padding: 6px;
    border: 2px solid black;
}

.collapsedcard {
    display: none;
}

label.numericsign {
    color: white;
    font-size: 16px;
    font-weight: bold;
    background-color: darkgreen;
    padding: 4px;
    padding-left: 6px;
    padding-right: 6px;

    border-radius: 30%;
    border: 1px solid black;
    margin-right: 2px;
}

label.numericsign.negative {
    background-color: darkred;
}

div#mrpinfo {
    margin-top: 10px;
    margin-bottom: 10px;

    border: 1px solid darkgreen;

    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;
}

div#mrpinfo > * {
    margin: 4px;
}

div#mrpinfo span.mrpdescription {
    margin: 0px;
    width: 100%;
    background-color: white;
    font-weight: bold;
    color: darkgreen;
    text-align: center;
}

div#mrpinfo span.qualmrp {
    font-variant: small-caps;
    text-align: center;
    font-size: 14px;
}

div#mrpinfo table.playoffmrp {
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    valign: bottom;
}

div#mrpinfo table.playoffmrp td, div#mrpinfo table.playoffmrp th {
    border: 1px solid black;
    padding: 4px;
}

div.sectionchoice {
    padding: 10px;
    border: 2px solid darkgreen;
}

div.sectionchoice * {
    padding: 20px;
    margin: 10px;
    text-decoration: none;
}

a.sectionlink {
    white-space: nowrap;
}

.eventdependent {
    display: none;
}

div#datatransferportal {
    display: none;
    margin: 4px;
    border: 2px dashed darkgreen;
}

div#datatransferportalinternal {
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;

    justify-content: space-around;
    align-items: center;
    padding: 4px;
    width: 100%;
}

div#xferchoices {
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;
}

span.xferwarning {
    color: red;
    padding-top: 2px;
    padding-bottom: 2px;
}

span.xferbutts {
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: row;
    flex-direction: row;

    width: 100%;
    justify-content: space-around;
    padding-top: 6px;
}

table.scrimgrid {
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    margin: 10px;
}

table.scrimgrid th, table.scrimgrid td {
    border: 1px solid black;
    padding: 6px;
    white-space: nowrap;
}

table.scrimgrid th.sumhead {
    background-color: white;
}

table.scrimgrid td.hilited {
    background-color: lightgreen;
}

table.scrimgrid td.antihilited {
    background-color: mistyrose;
}

table.scrimgrid td.skipped {
    background-color: black;
    color: white;
    font-weight: bold;
}

table.scrimgrid tr.bridesmaid {
    border-top: 4px double black;
}

span.hybrid, label.opponententry {
    white-space: nowrap;
}

div.keypadwrapper {
    display: none;
}

table.numpad {

    font-size: 24px;
    border-spacing: 10px;
    text-align: center;
    background-color: lightblue;
table-layout: fixed;
  width: 300px;
    border-radius: 8px;
}

table.numpad td.key {
    background-color: white;
    padding: 6px;
    margin: 10px;
    border: 1px solid black;
    border-radius: 8px;
}

table.numpad td.outcomekey.win {
    background-color: lightgreen;
}

table.numpad td.outcomekey.loss {
    background-color: tomato;
}

table.numpad td.outcomekey.inactive {
    background-color: lightgray;
}

.spreadoption {
    margin-top: 10px;
}

div.spreadinputoptiongroup {
    margin-left: 20px;
}

a.scrimmagelink {
    text-decoration: none;
    color: darkred;
}

a.puzzlelink {
    text-decoration: none;
    color: black;
}