/* just classes for spidersolitaire and embedded objects */
.ssParent {padding-left:0px;}

.spidersolitaire {font-family:Verdana,sans-serif;margin:auto;height:90vh;width:100%;position:relative;width:1005px;min-height:490px;}
.sscompact .spidersolitaire {height:100vh;}
.spidersolitaire div {display:inline-block}
.spidersolitaire div form {display:inline-block;text-align:center;}
.spidersolitaire div form input {width:45%;margin-bottom:3px;height:40px;}
.spidersolitaire div form input:nth-child(odd) {margin-right:3px;}
.spidersolitaire #ssScore {width: 128px;background-color:white;display:inline-block;margin:3px;}
.spidersolitaire #workspace {padding:20px;width:142px;vertical-align:top;background-color:#807000;height:calc(100% - 40px);min-height:350px;}
.spidersolitaire #table {padding:20px;min-height:350px;height:calc(100% - 40px);background-color:#008800;}

.spidersolitaire .base {width:71px;min-height:96px;background-image:url(../ssimages/card_pos.gif);position:relative;background-repeat:no-repeat;line-height:0;}

.spidersolitaire .deal {background-image:none;}
.spidersolitaire .deal:not(:nth-child(2)) {margin-left:-53.25px;}
.spidersolitaire .deal:not(:empty) {background-image:url(../ssimages/card_back.gif);}
.spidersolitaire .deal .card {display:none}
.spidersolitaire .deal .card:nth-child(13) {display:inline-block;}

.spidersolitaire .home {height:96px;background-image:none;}
.spidersolitaire .home:not(:nth-child(7)) {margin-left:-61px;}
.spidersolitaire .home:not(:empty) {background-image:url(../ssimages/card_back.gif);}
.spidersolitaire .base.canDrop {margin:0 3px;vertical-align:top;}

.spidersolitaire .home .card {display:none;}
.spidersolitaire .home .card:nth-child(13) {display:inline-block;}
.spidersolitaire .card {height:96px;width:71px;background-image:url(../ssimages/card_back.gif);}
.spidersolitaire .card.faceup {position:relative;}
.spidersolitaire .card.clicked {border: 2px solid blue;border-radius: 6px;margin:-2px;}

.spidersolitaire .card:first-child {margin-top:0 !important;}

.spidersolitaire.sshide #table, .spidersolitaire.sshide .card, .spidersolitaire.sshide .base {visibility:hidden;}
.spidersolitaire.sshide #workspace {background-color:inherit;}

.ssmenu {font-size:0.9em;}
.ssscores {min-width:270px;}
.ssscores th, .ssscores td {padding:2px;text-align:center;}
.ssscores th {font-family:Verdana,sans-serif;font-size:inherit;color:white;background-color:black;}
.ssscores td {background-color:#c0c0c0;}
.ssscores tr.highlight {color:red;}

.ssSaveRestore textarea {width:100%;height:300px;resize:none;font-size:xx-small;}