#megaMillionJackpot, #powerballJackpot{
	font-size:1.8em;
	color:white;
	text-shadow: 1px 1px #000000;  
	color: rgb(226,134,30);	
}

.ball{
	width:100px;
	height:100px;
	float:left;
	padding-top: 2em;
	padding-right:10px;	
	font-size: 2em;
	text-align:center;
	font: 2em/1.067em 'Playball',cursive;
}

.lotto_main{
	background-image: url('../img/powerball_gray.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position:center; 
}

.lotto_one{
	background-image: url('../img/powerball_orange.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position:center; 
}

.all_numbers{
	margin-left: 15%;
	margin-right: auto;
	width: 90%;
}

div.clear{
	clear: both;
	overflow:hidden;
}

.gameselect, #criteria_firstset, #criteria_secondset{
	float: left;
	font: 16px sans-serif;
	display: inline;
	text-align: left;
	color:#FFF;
	font-weight:bold;
	text-shadow:0px 1px 1px rgb(0,0,0);
	text-shadow:0px 1px 1px rgba(0,0,0,0.5);
	
}

.smalltextinput{
	width: 5em;
	margin: 5px;
	text-align: center;
}

.errortext{
	font: 1.3em 'Noto Sans',Helvetica,Arial,sans-serif;
	color: red;
}

		number {
		  font: 2em/1.067em 'Playball',cursive;
		  text-shadow: 1px 1px #ffffff;
		  font-weight:bold;
		  display: block;
		  text-align: center;
		  width: 50px;
		  display:inline-block;
		  margin:auto;
		  color: #44444;
		  padding:15px 0px 0px;
		}

		.ball1, .ball2, .ball3, .ball4, .ball5, .ball6 {
			margin-top: 60px;
			background: blue;
			width: 5.5em;
			height: 5.5em;
			position: absolute;
			background: -webkit-radial-gradient(40% 40%, #acd9fc 5%, #0090ff 50%, #002f53 90%);
			border-radius: 50%;
			-webkit-transition: 1s;
			z-index: 2;
		}

		.ballX {
			margin-top: 60px;
			background: yellow;
			width: 5.5em;
			height: 5.5em;
			position: absolute;
			background: -webkit-radial-gradient(40% 40%, #ffffff 5%, #edbf21cc 50%, #da5d0e 90%);
			border-radius: 50%;
			-webkit-transition: 4s;
			z-index: 2;
		}

[name="games"] {
  display: none;  
}

.ui-button-set .ui-button {
	padding:5px;
}
		
.roll1{
	-webkit-transform: translate(-500px) rotate(360deg);
}
		
.roll2{
	-webkit-transform: translate(-400px) rotate(360deg);
}
.roll3{
	-webkit-transform: translate(-300px) rotate(360deg);
}
.roll4{
	-webkit-transform: translate(-200px) rotate(360deg);
}
.roll5{
	-webkit-transform: translate(-100px) rotate(360deg);
}
.roll6{
	-webkit-transform: translate(-500px) rotate(360deg);
}
.rollSpecial{
	-webkit-transform: translate(-300px) rotate(360deg);
}