*.hide {display:none}
    body {background-color:NavajoWhite}
#table {background-color:darkgreen; width:650px; height:180px; border-color:black; border-style:solid; border-width:thin; position:relative;}
    #hand {display:inline}
    #hand >li {list-style-type:none; width:100px; height:200px; border-style:solid; border-width:thin; border-color:black;}
    #hand > li >input[type="checkbox"] {display:none}
    input[type="submit"] {font-size:large}
    .start {font-size:x-large}
    *.draw {filter:alpha(opacity=40); opacity:0.4}
    #drawcards {float:left; margin:10px; width:86px; height:120px; border-style:solid; border-width:thin; border-color:black; }
    #history {float:right; width: 300px; height:400px; overflow:auto}
    #history > h1 {cursor:pointer}
    #hand>li {float:left; width:86px; height:120px; background-image:url('deck.png'); margin:10px; }
    #hail {font-size:x-large}
    tr {font-size:large}
    .tomove {border-style:solid; border-color:black; border-width:10px }
    #highscores, #lowscores {font-style: Courier,monospace; font-size:xx-large;  background-color:black; text-transform:uppercase; font-weight:900; opacity:1.0; filter:alpha(opacity=100); color:white; text-align:center}
    #highscores {position:fixed; top:20px; left:20px; width:400px;}
    #lowscores {position:fixed; top:20px; right:20px; width:400px;}
    #highscores >table {position:relative; top:-30px; left:50px; width:200px;}
    #lowscores >table {position:relative; top:-30px; left:50px; width:200px;}
    #delta {font-size:x-large}
    .fade {filter:alpha(opacity=40); opacity:0.4}
    #numcards {position:absolute; left:40px; top:136px; z-index:4; 
        font-weight:bold; font-size:xx-large}
    #history > table {text-align:right}
    .left {text-align:left}