#img{
  position:relative;
  width:10px;
  height:15px;
}


#title img {
	width: 449px;
	height: 84px;
}


body {
  font-family: "Helvetica Nueue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.25;
  -webkit-font-smoothing: antialiased;
  background-color:#fff;
  text-align:center;
}

ul {
  list-style-type:disc;
}

li {
  display: inline;
  list-style:none;
}

li.first {
  border-left:none;
  display:inline;
  list-style:none;
}

h1 {
	text-align:center;
	color:red;
	font-size:0.9em;
}

table.normal td {
	padding-bottom:0px;
}

td#count {
  padding-left:30px;
  font-weight:bold;
  font-size:1.75em;
  color:blue;
}

tr#highlight {
  border-style:solid;
  border-width:2px;
  border-color:blue;  
}


div#calendar-container {
	width:200px;
	margin: 0 auto;
	
}

.rcorners {
  border-radius: 15px;	
}


ul {
	clear:both;
	margin-left:-40px;
}


#centered-table {
	margin-left:auto;
	margin-right:auto;
}

#results-centered-table {
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

div#title {
  text-align:center;
	clear:both;
}

div#subtitle {
  text-align:center;
  font-size:1.2em;
  font-weight:bold;
	padding-bottom:10px;
}

div#register {
  text-align:center;
  padding-top:30px;
}

div#links{
  text-align:center;
  padding-top:100px;
}


div#results{
  text-align:center;
  padding-top:40px;
}


div#card {
	position:relative; 
	top:10px;
}


div#upcard_static {
	padding-right:50px;
}

.ccv {
	background-color:lightgray;
}
.curs {
	cursor: pointer;

}
.ccv p {
	padding: 20px;
	color: steelblue;
	font-weight: bold;
}



ul#menu button {
	display:none;
	 /* Green */
border: 1px solid steelblue;
color: steelblue;
background-color: whitesmoke;
cursor:pointer;
font-weight: bold;
padding: 12px 12px;
margin: 2px;
float:left;
text-align: center;
text-decoration: none;
font-size: 16px;
border-radius: 10px;
}
ul#menu button:hover {
	background-color: steelblue;
	color:white;
}

ul#menu li.newgame {
	float:left;
}

div#cardOne {position:relative; top:25px; cursor:pointer;}
div#cardTwo {position:relative; top:25px; cursor:pointer;}
div#cardThree {position:relative; top:25px; cursor:pointer;}
div#cardFour {position:relative; top:25px; cursor:pointer;}
div#cardFive {position:relative; top:25px; cursor:pointer;}
div#cardSix {position:relative; top:25px; cursor:pointer;}

div#button {text-align:center; padding-top:40px;}
div#dealer {float:left;}

div#comments {
  border-style:solid;
  margin-left:25%;
  margin-right:25%;
  margin-bottom:10px;
  border-width:1px;
}

.gamewrap {

	margin: 0 auto;
	border: 1px solid gray;
	margin-bottom: 10px;
	text-align: left;
	padding: 0 10px;
	display:none;
}

#games li {
	clear:both;
	display: block;
	padding: 2px;
	line-height: 30px;
}

#games li button {
	border: 1px solid steelblue;
	color: steelblue;
	background-color: whitesmoke;
	cursor:pointer;
	font-weight: bold;
	padding: 2px 12px;
	margin: 2px;
	float:left;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	border-radius: 6px;
	margin-right: 5px;
}
.right {
	float:right;
}
.count {
	font-style: italic;
	color: #666;
	margin-bottom: 3px;
}

#wrap {

	margin: 0 auto;
}
.commenthandcell {
	width: 100%;
}

.commenthandcell div {
	word-wrap: break-word;
	word-break: break-word;
}

div#inputbox {
  padding-top:10px;
  text-align:center;
}

td#sort{
  font-size:.8em;
  text-align:right;
}


div#header {
	text-align:right;
	float:right;
}


.centertable{
	margin-left:auto;
	margin-right:auto;
}


input#thinborder {
	border-style:solid;
	border-color:blue;
	border-width:1px;
}

textarea {
	border-style:solid;
	border-color:gray;
	border-width:1px;
}

p {
	margin: 0;
	padding: 0;
}

div#user{
}

.usr{
	font-size: 1.2em;
	color: blue;
	font-weight: bold;
}
.since {
	margin: 0 0 12px 0;
}
table#comment {
	margin-left:auto;
	margin-right:auto;
	width:65%;
	border-width:1px 0 0 0;
	border-collapse: collapse;
	border-style:solid;
	border-spacing: 0px;
	
}

div.small-card.suggest{
	height: 140px;
	margin-left: 0px;
}

table.suggestor {
	margin-left:auto;
	margin-right:auto;
	width:65%;
	border-width:1px 0 0 0;
	border-collapse: collapse;
	border-style:solid;
	border-spacing: 0px;
	
}

table.suggestor {
	padding: 12px 0;
}


table#comment td {
	padding: 6px 0;
}

td {
}



td.usercomment {
	background-color:#003247;
}

td.suggestorcomment {
	background-color:green;
	vertical-align: middle;
	padding:12px 10px;
	color:white;
  	font-size: 16px;
	font-weight:bold;
	text-align:center;
}

table#results-centered-table td {
	padding-bottom: 15px;
}

td#user {
	padding-top:5px;
	padding-left:2px;
	padding-right:2px;
	color:white;
	width:160px;
  font-size: 16px;
	font-weight:bold;
	text-align:center;
}

div#date {
  margin-bottom: 5px;

}

div#text {
	line-height: 1.25;
	padding-top: 10px;
	font-size:16px; 
}



div#bar {
	width:100%;
	height:10px;
}


.mobileonly {
	display:none;
}

.standardonly {
	display:none;
}

div#commenthand {
	float:right;
}


div#score {
  float:right;
  font-style:italic;
  color:white;
  padding-right:20px;
  padding-top:40px;
  position: absolute;
  bottom: 10px;
  right: 1px;
} 

div#suggestor {
	float:left;
	color:white;
  font-size: 10pt;
  padding-left:20px;
  padding-top:40px;
  position: absolute;
  bottom: 10px;
  left: 0px;
}


div#blurb {
	text-align:center;
	width:100%;
	padding-top:70px;
}

div#prev {
	/*float:left;*/
}

div#next {
	text-align:right;
	/*float:left;*/
}

div#cardtable{
	border-style:solid;
	margin:100px;
}

.since p {
	font-weight:normal;
	padding-top: 3px;
}


div.tools {
	padding-top:10px;
}


div.reply {
  margin-top: 10px;
  line-height: 1.25;
  font-size: 16px;
}

div.small-card {
  height: 70;
  width: 100;
  float: left;
  margin-left: -80px;
  background-image: url('https://static.dailycribbagehand.org/medium.png');
  background-repeat: no-repeat
}

div.small-card.highlight {
	background-image: url('https://static.dailycribbagehand.org/blue.png');
}

  

div.normal-card {
	height: 105;
	width: 75;
	float: left;
	background-image: url('https://static.dailycribbagehand.org/normal.png');
	background-repeat: no-repeat
  }

  tr.mychoice td {
  }
  
.upspace {
	width:50px;
}

.nodecor {
	text-decoration:none;
}

.whitelink {
	color:white;
}

.width48{
	width: 48px;
}


.bar {
    width: 100%;
    height: 25px;
    position: relative;
    background-color: #060;
    left: 0;
    top: 130px;
}



.cards {
	display: inline-block;
}


.resultsbar {
	margin-top:7px; 
	height:15px; 
	background-color:darkgreen; 
	padding-left:5px;
}


.topmargin7{
	margin-top: 7px;
}

.textcenter {
	text-align: center;
}

table.suggestor td.suggestorcommentcell {
	padding: 12px 5px;
	vertical-align: middle;
	width: 100%;

}

table.suggestor td#user {
	padding: 12px 0;
	vertical-align: middle;
}

.hidden {
	display:none;
}

.replylink {
	font-size: .75em;
}

.paddingtop8{
	padding-top: 8px;
}

.cardforsearch {
	position:relative;
	top: 10px;	
}

.cardforsearchselected {
	position:relative;
	top: 0px;	
}


table.suggest{
	table-layout:fixed; 
	width:1040px; 
	margin: 0 auto; 
	cursor:pointer;
}


.mycard{
	overflow:hidden; 
	position:relative; 
	float:left; 
	width:15px;
}

.lastcard {
	position:relative;
	float:left;
}

.height200 {
	height: 200px;
}

.width59{
	width: 59px;
}


.nomargin {
	margin: 0 auto;
}

.textright{
	text-align:right;
}

.textcenter {
	text-align: center;
}

.width160{
	width: 160px;
}



.suggestconfirm{
	width: 200px;
}


.clear{
	clear:both;
}


.padding20 {
	padding-top: 20px;
}


.about {
	text-align: left;
	margin: 0 auto;
	width: 60%;
}


.floatcard {
	float:left;
	padding-right: 4px;
}


#upcard {
	float:left;
}


#score{
	display:inline-block;
}


#results-centered-table{
	padding-top:20px;
	padding-left: 80px;
}

body {
	margin: 0;
	padding: 0;
}
#page-container {
	position: relative;
	min-height: 100vh;
}

#content-wrap {
	padding: 10px;

	padding-bottom: 2.5rem;    /* Footer height */
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2.5rem;            /* Footer height */
}

#footer span {
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: .8em;
	font-style: italic;
	vertical-align: bottom;
}



.small-card._2c{ background-position: -0px -0px}
.small-card._3c{ background-position: -100px 0px}
.small-card._4c{ background-position: -200px 0px}
.small-card._5c{ background-position: -300px 0px}
.small-card._6c{ background-position: -400px 0px}
.small-card._7c{ background-position: -500px 0px}
.small-card._8c{ background-position: -600px 0px}
.small-card._9c{ background-position: -700px 0px}
.small-card._tc{ background-position: -800px 0px}
.small-card._jc{ background-position: -900px 0px}
.small-card._qc{ background-position: -1000px 0px}
.small-card._kc{ background-position: -1100px 0px}
.small-card._ac{ background-position: -1200px 0px}

.small-card._2d{ background-position: 0px -280px}
.small-card._3d{ background-position: -100px -280px}
.small-card._4d{ background-position: -200px -280px}
.small-card._5d{ background-position: -300px -280px}
.small-card._6d{ background-position: -400px -280px}
.small-card._7d{ background-position: -500px -280px}
.small-card._8d{ background-position: -600px -280px}
.small-card._9d{ background-position: -700px -280px}
.small-card._td{ background-position: -800px -280px}
.small-card._jd{ background-position: -900px -280px}
.small-card._qd{ background-position: -1000px -280px}
.small-card._kd{ background-position: -1100px -280px}
.small-card._ad{ background-position: -1200px -280px}
.small-card._aced{ background-position: -1200px -280px}

.small-card._2h{ background-position: 0px -420px}
.small-card._3h{ background-position: -100px -420px}
.small-card._4h{ background-position: -200px -420px}
.small-card._5h{ background-position: -300px -420px}
.small-card._6h{ background-position: -400px -420px}
.small-card._7h{ background-position: -500px -420px}
.small-card._8h{ background-position: -600px -420px}
.small-card._9h{ background-position: -700px -420px}
.small-card._th{ background-position: -800px -420px}
.small-card._jh{ background-position: -900px -420px}
.small-card._qh{ background-position: -1000px -420px}
.small-card._kh{ background-position: -1100px -420px}
.small-card._ah{ background-position: -1200px -420px}

.small-card._2s{ background-position: 0px -140px}
.small-card._3s{ background-position: -100px -140px}
.small-card._4s{ background-position: -200px -140px}
.small-card._5s{ background-position: -300px -140px}
.small-card._6s{ background-position: -400px -140px}
.small-card._7s{ background-position: -500px -140px}
.small-card._8s{ background-position: -600px -140px}
.small-card._9s{ background-position: -700px -140px}
.small-card._ts{ background-position: -800px -140px}
.small-card._js{ background-position: -900px -140px}
.small-card._qs{ background-position: -1000px -140px}
.small-card._ks{ background-position: -1100px -140px}
.small-card._as{ background-position: -1200px -140px}




.normal-card._2c{ background-position: -0px -0px}
.normal-card._3c{ background-position: -75px 0px}
.normal-card._4c{ background-position: -150px 0px}
.normal-card._5c{ background-position: -225px 0px}
.normal-card._6c{ background-position: -300px 0px}
.normal-card._7c{ background-position: -375px 0px}
.normal-card._8c{ background-position: -450px 0px}
.normal-card._9c{ background-position: -525px 0px}
.normal-card._tc{ background-position: -600px 0px}
.normal-card._jc{ background-position: -675px 0px}
.normal-card._qc{ background-position: -750px 0px}
.normal-card._kc{ background-position: -825px 0px}
.normal-card._ac{ background-position: -900px 0px}

.normal-card._2d{ background-position: 0px -210px}
.normal-card._3d{ background-position: -75px -210px}
.normal-card._4d{ background-position: -150px -210px}
.normal-card._5d{ background-position: -225px -210px}
.normal-card._6d{ background-position: -300px -210px}
.normal-card._7d{ background-position: -375px -210px}
.normal-card._8d{ background-position: -450px -210px}
.normal-card._9d{ background-position: -525px -210px}
.normal-card._td{ background-position: -600px -210px}
.normal-card._jd{ background-position: -675px -210px}
.normal-card._qd{ background-position: -750px -210px}
.normal-card._kd{ background-position: -825px -210px}
.normal-card._ad{ background-position: -900px -210px}
.normal-card._aced{ background-position: -900px -210px}

.normal-card._2h{ background-position: 0px -315px}
.normal-card._3h{ background-position: -75px -315px}
.normal-card._4h{ background-position: -150px -315px}
.normal-card._5h{ background-position: -225px -315px}
.normal-card._6h{ background-position: -300px -315px}
.normal-card._7h{ background-position: -375px -315px}
.normal-card._8h{ background-position: -450px -315px}
.normal-card._9h{ background-position: -525px -315px}
.normal-card._th{ background-position: -600px -315px}
.normal-card._jh{ background-position: -675px -315px}
.normal-card._qh{ background-position: -750px -315px}
.normal-card._kh{ background-position: -825px -315px}
.normal-card._ah{ background-position: -900px -315px}
.normal-card._2s{ background-position: 0px -105px}
.normal-card._3s{ background-position: -75px -105px}
.normal-card._4s{ background-position: -150px -105px}
.normal-card._5s{ background-position: -225px -105px}
.normal-card._6s{ background-position: -300px -105px}
.normal-card._7s{ background-position: -375px -105px}
.normal-card._8s{ background-position: -450px -105px}
.normal-card._9s{ background-position: -525px -105px}
.normal-card._ts{ background-position: -600px -105px}
.normal-card._js{ background-position: -675px -105px}
.normal-card._qs{ background-position: -750px -105px}
.normal-card._ks{ background-position: -825px -105px}
.normal-card._as{ background-position: -900px -105px}



div.large-card {
	height: 105;
	width: 125;
	float: left;
	background-image: url('https://static.dailycribbagehand.org/large.png');
	background-repeat: no-repeat
  }

  div.large-card.card1,
  div.large-card.card2,
  div.large-card.card3,
  div.large-card.card4,
  div.large-card.card5,
  div.large-card.card6 {
	margin-left:-75px;
  }


.large-card._2c{ background-position: -0px -0px}
.large-card._3c{ background-position: -125px 0px}
.large-card._4c{ background-position: -250px 0px}
.large-card._5c{ background-position: -375px 0px}
.large-card._6c{ background-position: -500px 0px}
.large-card._7c{ background-position: -625px 0px}
.large-card._8c{ background-position: -750px 0px}
.large-card._9c{ background-position: -875px 0px}
.large-card._tc{ background-position: -1000px 0px}
.large-card._jc{ background-position: -1125px 0px}
.large-card._qc{ background-position: -1250px 0px}
.large-card._kc{ background-position: -1375px 0px}
.large-card._ac{ background-position: -1500px 0px}

.large-card._2d{ background-position: 0px -350px}
.large-card._3d{ background-position: -125px -350px}
.large-card._4d{ background-position: -250px -350px}
.large-card._5d{ background-position: -375px -350px}
.large-card._6d{ background-position: -500px -350px}
.large-card._7d{ background-position: -625px -350px}
.large-card._8d{ background-position: -750px -350px}
.large-card._9d{ background-position: -875px -350px}
.large-card._td{ background-position: -1000px -350px}
.large-card._jd{ background-position: -1125px -350px}
.large-card._qd{ background-position: -1250px -350px}
.large-card._kd{ background-position: -1375px -350px}
.large-card._ad{ background-position: -1500px -350px}
.large-card._aced{ background-position: -1500px -350px}

.large-card._2h{ background-position: 0px -525px}
.large-card._3h{ background-position: -125px -525px}
.large-card._4h{ background-position: -250px -525px}
.large-card._5h{ background-position: -375px -525px}
.large-card._6h{ background-position: -500px -525px}
.large-card._7h{ background-position: -625px -525px}
.large-card._8h{ background-position: -750px -525px}
.large-card._9h{ background-position: -875px -525px}
.large-card._th{ background-position: -1000px -525px}
.large-card._jh{ background-position: -1125px -525px}
.large-card._qh{ background-position: -1250px -525px}
.large-card._kh{ background-position: -1375px -525px}
.large-card._ah{ background-position: -1500px -525px}

.large-card._2s{ background-position: 0px -175px}
.large-card._3s{ background-position: -125px -175px}
.large-card._4s{ background-position: -250px -175px}
.large-card._5s{ background-position: -375px -175px}
.large-card._6s{ background-position: -500px -175px}
.large-card._7s{ background-position: -625px -175px}
.large-card._8s{ background-position: -750px -175px}
.large-card._9s{ background-position: -875px -175px}
.large-card._ts{ background-position: -1000px -175px}
.large-card._js{ background-position: -1125px -175px}
.large-card._qs{ background-position: -1250px -175px}
.large-card._ks{ background-position: -1375px -175px}
.large-card._as{ background-position: -1500px -175px}

.allsmall div{
	margin-left: 0px;
	margin-top: 10px;
	height: 140px;
}

.allmini {
	padding-top: 10px;
}

div.mini-card {
	height: 23;
	width: 38;
	float: left;
	margin: 0px 2px;
	background-image: url('https://static.dailycribbagehand.org/abbrev_m.png');
	background-repeat: no-repeat;
  }
  


  .mini-card._2h{ background-position: 1px -0px}
  .mini-card._3h{ background-position: -37px 0px}
  .mini-card._4h{ background-position: -76px 0px}
  .mini-card._5h{ background-position: -113px 0px}
  .mini-card._6h{ background-position: -151px 0px}
  .mini-card._7h{ background-position: -189px 0px}
  .mini-card._8h{ background-position: -227px 0px}
  .mini-card._9h{ background-position: -265px 0px}
  .mini-card._th{ background-position: -303px 0px}
  .mini-card._jh{ background-position: -342px 0px}
  .mini-card._qh{ background-position: -379px 0px}
  .mini-card._kh{ background-position: -417px 0px}
  .mini-card._ah{ background-position: -456px 0px}


  .mini-card._2d{ background-position: 1px -23px}
  .mini-card._3d{ background-position: -37px -23px}
  .mini-card._4d{ background-position: -75px -23px}
  .mini-card._5d{ background-position: -113px -23px}
  .mini-card._6d{ background-position: -151px -23px}
  .mini-card._7d{ background-position: -189px -23px}
  .mini-card._8d{ background-position: -227px -23px}
  .mini-card._9d{ background-position: -265px -23px}
  .mini-card._td{ background-position: -303px -23px}
  .mini-card._jd{ background-position: -342px -23px}
  .mini-card._qd{ background-position: -379px -23px}
  .mini-card._kd{ background-position: -417px -23px}
  .mini-card._ad{ background-position: -456px -23px}
  .mini-card._aced{ background-position: -456px -23px}


  .mini-card._2c{ background-position: 1px -47px}
  .mini-card._3c{ background-position: -37px -47px}
  .mini-card._4c{ background-position: -76px -47px}
  .mini-card._5c{ background-position: -113px -47px}
  .mini-card._6c{ background-position: -151px -47px}
  .mini-card._7c{ background-position: -189px -47px}
  .mini-card._8c{ background-position: -227px -47px}
  .mini-card._9c{ background-position: -265px -47px}
  .mini-card._tc{ background-position: -303px -47px}
  .mini-card._jc{ background-position: -342px -47px}
  .mini-card._qc{ background-position: -379px -47px}
  .mini-card._kc{ background-position: -417px -47px}
  .mini-card._ac{ background-position: -456px -47px}



  .mini-card._2s{ background-position: 1px -71px}
  .mini-card._3s{ background-position: -37px -71px}
  .mini-card._4s{ background-position: -76px -71px}
  .mini-card._5s{ background-position: -113px -71px}
  .mini-card._6s{ background-position: -151px -71px}
  .mini-card._7s{ background-position: -189px -71px}
  .mini-card._8s{ background-position: -227px -71px}
  .mini-card._9s{ background-position: -265px -71px}
  .mini-card._ts{ background-position: -303px -71px}
  .mini-card._js{ background-position: -342px -71px}
  .mini-card._qs{ background-position: -379px -71px}
  .mini-card._ks{ background-position: -417px -71px}
  .mini-card._as{ background-position: -456px -71px}
  

.cpro {
	padding: 30px;
}

.cpro em {
	font-size: 1.5em;
}

.pinned {
	background-color: lightcyan;
	padding: 4px;
}