div.glossBar {
	cursor: pointer;
	height: 23px;
	width: 100%;
	margin-top: 0px;
}

div.lottoName {
	float: left;
	padding: 4px 0 0 6px;
	font-weight: bold;
	color: #fff;
}

div.slideButton {
  height: 23px;
  width: 33px;
  display: block;
  background-position: 0 0 !important;
	border-style: solid;
	margin: 0px;
	float: right;
	border-width: 0px 0px 0px 1px;
}

div.slideButton.active {
  background-position: 0 -23px !important;
}

div.lottoWrapper{
  width: 100%;
}

div.lottoWrapper table.lottoTable {
	background-color: #FFF;
  color: #FFF;
}

div.lottoWrapper table.lottoTable td.topSide {
  padding: 30px 5px 6px;
  border: 4px solid red;
  border-style: groove;
  background: #2F6E8F;
  vertical-align: top;
  text-align: center;
}

div.lottoWrapper table.lottoTable td.rightSide {
	background-color: #A5211F;
	vertical-align: top;
  padding: 10px 15px;
}

div.lottoWrapper table.lottoTable td.leftSide {
  padding: 10px;
	background: #2F6E8F;
	vertical-align: top;
}

div.lottoWrapper table.lottoTable ul {
  padding-top: 5px ;
}

div.lottoWrapper table.lottoTable ul li {
  margin-left: 15px;
  padding-bottom: 5px;
}


div.spanGrid {
  width: 230px;
	color: #FFFFFF;
}


div.spanGrid div.messageHolder {
	background: transparent top center no-repeat url(/images/frontend/play/span_reflection.png);
	width: 252px;
	height: 30px;
	display: block;
	vertical-align: middle;
}

div.spanGrid div.messageHolder div.playError {
	background-color: #FFF;
	margin-top: 2px;
	border: 1px solid #000;
	padding: 4px 0;
	font-style: inherit;
	font-size: 10px;
	color: #C41F26;
	text-align: center;
}

div.ajaxInd{
  height: 15px;
  width: 250px;
  display: block;
  padding-top: 5px;
  background: transparent center no-repeat url(/images/frontend/indicators/bar-red.gif);
}


div.messageHolder div.playInd {
  height: 15px;
  width: 250px;
  display: none;
  padding-top: 5px;
  background: transparent center no-repeat url(/images/frontend/indicators/bar-red.gif);
}

div.spanGrid div.lottoLogoSmall {
   margin: 5px 0px 10px;
   height: 45px;
   width: 100%;
}

div.spanGrid table {
	border:#2A4A5B solid 1px;
	background-color: #74A6C1;
}

div.spanGrid input.spanNumber {
	font-family: inherit;
	font-size: 11px;
	text-align:center;
	padding: 2px;
	color: #4E7B94;
	border: 1px solid #74A5C0;
	zheight: 15px;
	width: 30px;
}

select.playSelect {
	font-family: inherit;
	font-size: 11px;
	padding: 1px;
	color: #4E7B94;
	border: 1px solid #74A5C0;
	width: 160px;
  padding:2px;
}


div.numberGrid {
	color: #FFFFFF;
}
zzdiv.numberGrid div.buttons {
  margin: 20px 0px 10px;
  vertical-align: bottom;
}

div.numberGrid table td.instruction {
  padding: 4px;
  text-align: center;
  font-weight: bold;
  font-size: 1.0em;
  color: #FFFFFF;
  text-transform: uppercase;
}

div.numberGrid table td.numberBlock {
	background-color: #C41F26;
	border: 1px solid #BF655A;
	padding: 0px;
	height: 22px;
	width: 22px;
	cursor: pointer;
	font-family: Arial;
	font-size: 1.0em;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

div.numberGrid table td.numberBlock.active { background-color: #6E1310; }

div.numberGrid table td.numberSpacer {
	background-color: #AA1C1E;
	border: 1px solid #A9312D;
	padding: 0px;
	height: 22px;
	width: 22px;
}

div.numberGrid div.numberGridReflection { background: transparent top center no-repeat url(/images/frontend/play/grid_reflection.png); }

td.step_formatting { margin: 3px 3px 0px 3px }

div.confirmWrapper {
	width: 100%;
	height:51px;
	background-color: #efefef;
}

div.continueButton {
	text-align:center;
	height: 51px;
	width: 190px;
	padding-top: 12px;
	display:inline;
	float:right;
}

div.entriesWrapper {
	background-color: #FFF;
	width: 100%;
}

td.promo {
  padding: 30px 5px 5px;
  background-color: #FFF;
  vertical-align: top;
  text-align: center;
}

td.entryNumber {
	width:26px;
	height:21px;
	text-align:center;
  border-left: 1px solid #fff;
}

td.entryDate {
	vertical-align: middle;
	text-align: center;
	background-color:#F3F3F3;
	height:21px;
}

td.entryPlay {
  vertical-align: middle;
  text-align: center;
  background-color:#F3F3F3;
  height:21px;
}

td.entryRemove {
	zbackground:#474747;
	width:60px;
	height:21px;
	vertical-align: middle;
	text-align: center;
	color: #666;
  font-size: 11px;
	zfont-weight: bold;
}

td.entryRemove a {
	zpadding: 4px 10px;
	color: #666 !important;
	text-decoration: none !important;
}

td.entryRemove a:hover {
	color: red !important;
	text-decoration: underline !important;
}

td.entryCost {
	padding-left: 4px;
	vertical-align: middle;
	text-align: left;
	background-color:#f3f3f3;
	height:21px;
	width:74px;
	zborder-bottom: 1px solid #FFF;
}

th.glossBar {
	cursor: pointer;
	height: 23px !important;
	width: 100%;
	margin-top: 0px;
}

div.playCredit_step2 {
	height: 38px;
	width: 100%;
	background: #F3F3F3 url(/images/frontend/content/play_credit_step2.png) no-repeat;
	padding: 3px;
}