body {
}

div.SchnapsBtnDiv, #DivSchnapsButtons {
    line-height: normal;
    min-height: 40px;
    min-width: 400px;
    height: 8%;
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
    font-size: larger;
    /* 
        background-color: #fefb56;
        background-image: url('cardpics/schnapslet248.gif');
    */
    table-layout: fixed;
    inset-block-start: initial;
}

span.SchnapsBtnStartSpan {
    min-height: 40px;
    min-width: 60px;
    width: 30%;
    height: 8%;
    vertical-align: middle;
    text-align: left;
    font-size: large;
}

span.SchnapsBtnSpan {
    min-height: 40px;
    min-width: 60px;
    width: 15%;
    height: 8%;
    vertical-align: middle;
    text-align: left;
    font-size: large;
}

span.SchnapsBtnSpanWidth12 {
    min-height: 40px;
    min-width: 60px;
    width: 12%;
    height: 8%;
    vertical-align: middle;
    text-align: left;
    font-size: large;
}

span.SchnapsBtnSpanWidth10 {
    min-height: 40px;
    min-width: 36px;
    width: 10%;
    height: 8%;
    vertical-align: middle;
    text-align: left;
    font-size: large;
    visibility: visible;
}

.ButtonContinue, .ButtonChange, .Button20a, .Button20b, 
    #bContinue, #bChange, #b20a, #b20b {
    min-height: 40px;
    min-width: 56px;
    font-size: large;
    border-color: darkslategray;
}
.ButtonMerge, #bMerge {
    min-height: 40px;
    min-width: 40px;
    font-size: large;
    border-color: darkslategray;
}

.ButtonHelp, .ButtonStop, #bHelp, #bStop {
    min-height: 40px;
    min-width: 36px;
    font-size: large;
    border-color: darkslategray;
}


div.SchnapsStack,
#SchnapsStack {
    line-height: normal;
    min-height: 96px;
    min-width: 72px;
    height: 10%;
    width: 100%;
    margin-top: 8px;
    font-size: medium;
    /* 
        background-color: #fefb56;
    */
    table-layout: fixed;
    inset-block-start: auto;
}

.SpanOut, .SchnapsStackSpanWidthH96W72 {
    min-height: 96px;
    min-width: 72px;
    height: 10%;
    width: 15%;
    margin-left: 0px;
    margin-top: 0px;
    text-align: left;
    font-size: medium;
}

.SpanMerge, .SchnapsStackSpanH96W96, #spanMerge {
    visibility: visible;
    min-height: 96px;
    min-width: 162px;
    height: 10%;
    width: 27%;
    margin-left: 0px;
    margin-top: 0px;
    z-index: 10;
    text-align: left;
    font-size: medium;
}

.SpanAtouTalon, #spanAtouTalon {
    min-height: 96px;
    min-width: 72px;
    height: 10%;
    width: 27%;
    margin-left: 0px;
    margin-top: 0px;
    text-align: left;
    font-size: medium;
    visibility: hidden
}

.SpanAtou, .SchnapsStackSpanWidthH96W72A, #spanAtou {
    visibility: visible;
    min-height: 96px;
    min-width: 72px;
    height: 10%;    
    width: 15%;
    margin-left: 0px;
    margin-top: 0px;
    z-index: 10;
    text-align: left;
    font-size: medium
}


.SpanTalon, .SchnapsStackSpanH72W96, #spanTalon {
    visibility: visible;
    min-height: 72px;
    min-width: 96px;
    height: 8%;
    width: 18%;
    margin-left: -7%;
    margin-top: 1%;
    z-index: 100;
    text-align: left;
    vertical-align: top;
    font-size: medium;
}


.OutImage, .MergeImage, #imOut20, #imOut21, #imMerge11 {
    font-size: 2px;
    border-width: 2px;
    border-color: #f7f7f7;
    border-style: groove;
}

.AtouImage, #imAtou10 {
    z-index: 1;
    /*
        border-width: 1px;
        border-color: #f7f7f7;
    */
    border-style: none;
}


.TalonImage, #imTalon {
    width: 18%;
    margin-top: 2%;
    z-index: 110;
    tab-size: inherit;
    border-style: none;
    /* 
        visibility: hidden;
    */
}

.MergeImage, #imMerge11 {
    z-index: 2;
    border-style: none;
}

.SchnapsStackStitches, .SpanComputerStitches, #spanComputerStitches {
    visibility: visible;
    min-height: 96px;
    min-width: 96px;
    height: 10%;
    width: 18%;
    margin-left: 0px;
    margin-top: 0px;
    z-index: 10;
    text-align: right;
    font-size: medium;
}


.ComputerStich0a, #ImageComputerStitch0a {
    z-index: 2;
    border-style: none;
}

.ComputerStich0b, #ImageComputerStitch0b {
    z-index: 2;
    margin-left: -12%;
    margin-top: 1px;
}

.PlayerStack, #DivPlayerStack {
    line-height: normal;
    min-height: 96px;
    min-width: 72px;
    height: 10%;
    width: 100%;
    font-size: medium;
    /*
        background-color: #fefb56;
    */
    table-layout: fixed;
    inset-block-start: auto;
}

.CardImageSpan, .cardImgSpan, #spanIm0, #spanIm1, #spanIm2, #spanIm3, #spanIm4 {
    min-height: 96px;
    min-width: 72px;
    height: 10%;
    width: 15%;
    margin-left: 0px;
    margin-top: 0px;
    text-align: left;
    font-size: medium;
}


.ImageCard, #im0, #im1, #im2, #im3, #im4 {
    border-style: groove;
    border-color: azure;
    border-width: 2px;
}

.tableTournamentSpan {
    min-height: 96px;
    min-width: 120px;
    height: 10%;
    width: 25%;
    margin-left: 0px;
    margin-top: 0px;
    text-align: left;
    font-size: medium;
    visibility: visible;
}
.TournamentTableSpan {
    min-height: 96px;
    min-width: 24%;
    height: 10%;
    width: 24%;
    margin-right: 0px;
    margin-top: -8%;
    vertical-align: top;
    text-align: right;
    font-size: medium;
    visibility: visible;
}

.TableTournament, #tableTournement {
    display: inline-table;
    font-size: large;
    vertical-align: top;
    text-align: right;
}



.SchnapsPointMsg, .SchnapsPointMsgDiv, #SchnapsPointMsg, #schnapsPointMsg {
    line-height: normal;
    vertical-align: middle;
    height: 8%;
    width: 100%;
    font-size: larger;
    margin-top: 4px;
    /* 
        background-color: #fefb56;
    */
    table-layout: fixed;
    inset-block-start: initial;
}

.SchnapsPointSpanTextBox {
    width: 3%;
    vertical-align: central;
    text-align: left;
    font-size: large;
    height: 8%;
}

.PointSpanTextBox, .PointsSpanTextBox {
    width: 9%;
    vertical-align: middle;
    text-align: left;
    font-size: large;
    height: 8%;
}

.SchnapsPointTextBox {
    min-height: 40px;
    min-width: 32px;
    font-size: large;
}

.PointTextBox, #tPoints {
    min-height: 32px;
    min-width: 24px;
    font-size: large;
    text-align: right;
    border-color: darkslategray;
    border-style: solid;
}

.PointSpanLabel, .SchnapsPointSpanLabel {
    width: 7%;
    vertical-align: central;
    text-align: left;
    font-size: large;
    height: 8%;
}

.SchnapsPointLabel {
    min-height: 32px;
    min-width: 32px;    
    font-size: large;
}
.PointLabel, #lAtouIs, #lPoints {
    min-height: 32px;
    min-width: 24px;
    font-size: large;
}

.SchnapsMsgSpan {
    width: 75%;
    vertical-align: middle;
    text-align: left;
    font-size: large;
    height: 8%;
}

.MsgSpan {
    width: 64%;
    vertical-align: middle;
    text-align: left;
    font-size: large;
    height: 8%;
}

.SchnapsMsgTextBox {
    font-size: larger;
}

.MsgTextBox, #tMsg {
    min-height: 32px;
    font-size: large;
    border-color: darkslategray;
    border-style: solid;
}

.PreFormated, #preOut {
    width: 90%;
    height: 1%;
    visibility: hidden;
    font-size: medium;
    font-family: 'Courier New', Courier, monospace, 'Lucida Console', 'Lucida Sans Unicode';
    scroll-behavior: auto;
}

div.SchnapsDiv, #schnapsDiv {
    line-height: normal;
    text-align: left;
    width: 100%;
    min-height: 12%;
    visibility: inherit;
    font-size: small;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    table-layout: fixed;
    inset-block-start: initial;
}

.SchnapsFooter, #SchnapsFooterDiv, #schnapsFooter {
    line-height: normal;
    margin-top: 1%;
    text-align: left;
    width: 100%;
    height: 8%;
    visibility: inherit;
    background-color: #bfbfbf;
    font-size: small;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}