td{
		color:#000000;
	}
	
	#ticket{
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
        border:2px solid #ffffff;
		text-align:center;
		width:100%;
   	    background-color:#0088cc;
		height:110px;
		color:#ffffff;
		box-shadow: 0 0 10px rgba(0,0,0,0.6);
		-moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
		}
	
	#ticket td{
	  padding:10px;
	  text-align:center;
	  font-size:18px;
	  font-weight:bold;
	  border:1px solid #ffffff;
	  color:#ffffff;
      }

	#ticked2
	{
		border-radius: 50%;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		padding: 2px;
		text-decoration: underline;
		text-decoration-color: #666;
		background: #ff3300;
		border: 1px solid #fff;
		color: #ffffff;
		text-align: center;
		width:36px;
		height:36px;
	}    

	#ticked
	{
	  color:red;
	  font-size:20px;  
    }

  #check_err
  {  
    text-align:center;
	font-size:11px; 
  }	

	
   .btn
   {
     padding:5px; 
   }   
	
   #newno{
	  text-align:center;
	  font-size:80px;
	  font-weight:bold;
	  color:#ffffff;
	  margin-top:20px;
      }

	
	#board{
        border:2px solid #000000;
		width:100%;
		}
	
	#board td{
	  padding:10px;
	  text-align:center;
	  font-size:16px;
	  font-weight:bold;
	  border:1px solid #000000;
      }

	#winner td,th{
	  padding:10px;
	  font-size:16px;
	  }

	#shout
	{
     position: fixed;
     bottom: 0;
     width: 92%;
	 z-index:99;
	}
	  
	  
  @media only screen and (max-width: 600px) {
	  
	  
  #player_info {
    font-size: 14px;
  }
	  
  #ticket td {
    font-size: 14px;
	padding:5px;
  }

  #ticked {
    font-size: 14px;
  }

  #ticked2 {
    font-size: 12px;
  }
  
  #board td{
	  font-size:12px;
   	  padding:0px;
  }

  #winner td,th{
	  padding:10px;
	  font-size:14px;
	  }
	  
  footer
    {
    position: fixed;
    bottom: 0;
    width: 100%;
	z-index:10;
   }
	
  #shout
    {
	z-index:999;
   }
   
  #tkt
	{
	  font-size:12px;  
   }

  #dtime
	{
	  font-size:12px;  
   }
   
  #check_err
  {  
    text-align:center;
	font-size:11px; 
  }	
}



/* SPINNER DICE */
  
@-webkit-keyframes spincube {
    from,to  { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
    16%      { -webkit-transform: rotateY(-90deg);                           }
    33%      { -webkit-transform: rotateY(-90deg) rotateZ(90deg);            }
    50%      { -webkit-transform: rotateY(-180deg) rotateZ(90deg);           }
    66%      { -webkit-transform: rotateY(-270deg) rotateX(90deg);           }
    83%      { -webkit-transform: rotateX(90deg);                            }
  }
 
 @keyframes spincube {
    from,to {
      -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
      -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
      transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    }
    16% {
      -moz-transform: rotateY(-90deg);
      -ms-transform: rotateY(-90deg);
      transform: rotateY(-90deg);
    }
    33% {
      -moz-transform: rotateY(-90deg) rotateZ(90deg);
      -ms-transform: rotateY(-90deg) rotateZ(90deg);
      transform: rotateY(-90deg) rotateZ(90deg);
    }
    50% {
      -moz-transform: rotateY(-180deg) rotateZ(90deg);
      -ms-transform: rotateY(-180deg) rotateZ(90deg);
      transform: rotateY(-180deg) rotateZ(90deg);
    }
    66% {
      -moz-transform: rotateY(-270deg) rotateX(90deg);
      -ms-transform: rotateY(-270deg) rotateX(90deg);
      transform: rotateY(-270deg) rotateX(90deg);
    }
    83% {
      -moz-transform: rotateX(90deg);
      -ms-transform: rotateX(90deg);
      transform: rotateX(90deg);
    }
  }
  .cubespinner
  {
	-webkit-animation-name:spincube;
    -webkit-animation-timing-function:ease-in-out;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-duration:12s;
	animation-name:spincube;
	animation-timing-function:ease-in-out;
	animation-iteration-count:infinite;
	animation-duration:12s;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-transform-origin:60px 60px 0;
	-moz-transform-origin:60px 60px 0;
	-ms-transform-origin:60px 60px 0;
	transform-origin:60px 60px 0
  }
  
  .cubespinner div
  {
	position:absolute;
	width:120px;
	height:120px;
	border:1px solid #ccc;
	background:rgba(255,255,255,.8);
	box-shadow:inset 0 0 20px rgba(0,0,0,.2);
	text-align:center;
	font-size:90px;
	font-weight:bold;
	color:#ff0000;
	padding-top:45px;
	}
	
	.cubespinner .face1{-webkit-backface-visibility: hidden; -webkit-transform:translateZ(60px);-moz-transform:translateZ(60px);-ms-transform:translateZ(60px);transform:translateZ(60px)}
	.cubespinner .face2{-webkit-backface-visibility: hidden; -webkit-transform:rotateY(90deg) translateZ(60px);-moz-transform:rotateY(90deg) translateZ(60px);-ms-transform:rotateY(90deg) translateZ(60px);transform:rotateY(90deg) translateZ(60px)}
	.cubespinner .face3{-webkit-backface-visibility: hidden; -webkit-transform:rotateY(90deg) rotateX(90deg) translateZ(60px);-moz-transform:rotateY(90deg) rotateX(90deg) translateZ(60px);-ms-transform:rotateY(90deg) rotateX(90deg) translateZ(60px);transform:rotateY(90deg) rotateX(90deg) translateZ(60px)}
	.cubespinner .face4{-webkit-backface-visibility: hidden; -webkit-transform:rotateY(180deg) rotateZ(90deg) translateZ(60px);-moz-transform:rotateY(180deg) rotateZ(90deg) translateZ(60px);-ms-transform:rotateY(180deg) rotateZ(90deg) translateZ(60px);transform:rotateY(180deg) rotateZ(90deg) translateZ(60px)}
	.cubespinner .face5{-webkit-backface-visibility: hidden; -webkit-transform:rotateY(-90deg) rotateZ(90deg) translateZ(60px);-moz-transform:rotateY(-90deg) rotateZ(90deg) translateZ(60px);-ms-transform:rotateY(-90deg) rotateZ(90deg) translateZ(60px);transform:rotateY(-90deg) rotateZ(90deg) translateZ(60px)}
	.cubespinner .face6{-webkit-backface-visibility: hidden; -webkit-transform:rotateX(-90deg) translateZ(60px);-moz-transform:rotateX(-90deg) translateZ(60px);-ms-transform:rotateX(-90deg) translateZ(60px);transform:rotateX(-90deg) translateZ(60px)}