﻿/*
	Standard colors

	Neon Blue        #8dd9ff     rgba(141, 217, 255, 1.0)
	Neon Orange      #f7d093     rgba(247, 208, 147, 1.0)
	Neon Green       #94d898     rgba(148, 216, 152, 1.0)
	Jackpot Yellow   #f5ff8d
*/

html {
	margin: 0;
	padding: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	/* this will work for QtWebKit in future */
	-webkit-user-drag: none;
}

body {
	font-family: Arial;
	font-size: 14px;

	margin: 0;
	padding: 0;
	color: #8dd9ff;
	background-color: #000000;
	background-image: url('../Content/images/background.jpg');
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-position-x: center;
	/*background-attachment: fixed;*/
}

img {
	float: left;
	border:none;
}

a {
	color: #8dd9ff;
	text-decoration: none;
	border: none;
}

h1 {
	text-align: center;
	text-transform: uppercase;
	text-decoration: underline;
}

h2 {
	margin: 0px;
	text-align: center;
	text-transform: uppercase;
}

h2 img {
	float: none;
}

h2 img:last-of-type
{
	margin: 20px 0px 20px 0px;
}

h3 {
	text-align: center;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 10px;
}

h4 {
	text-transform: uppercase;
	margin: 20px 70px 5px 70px;
}

p {
	text-align: justify;
	width: 820px;
}

	p.modal {
		text-align: left;
		width: auto;
	}

.dontjusity {
	text-align: left;
}

.copyallowed {
	-moz-user-select: text;
	-ms-user-select: text;
	-webkit-user-select: text;
	user-select: text;
}

input {
	color: #8dd9ff;

	text-transform: uppercase;
	text-align: center;
	outline: none;

	margin: 0px 10px 0px 10px;

	border-style: solid;
	border-width: 1px;
	border-radius: 3px;

	background-color: rgba(141, 217, 255, 0.2);
	border-color: rgba(141, 217, 255, 0.8);
}

input:hover,
input:focus {
	border-color: #8dd9ff;
}

::-webkit-input-placeholder { /* WebKit browsers */
	color:    rgba(141, 217, 255, 0.4);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    rgba(141, 217, 255, 0.4);
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    rgba(141, 217, 255, 0.4);
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:    rgba(141, 217, 255, 0.4);
}

input[type="checkbox"] {
	margin: 10px 8px 3px 0px;
}

select {
	color: #8dd9ff;

	outline: none;

	margin: 0px 10px 0px 10px;

	border-style: solid;
	border-width: 1px;
	border-radius: 3px;

	background-color: rgba(141, 217, 255, 0.2);
	border-color: rgba(141, 217, 255, 0.8);

	-webkit-appearance: none;
	-moz-appearance: none;
}

select:hover,
select:focus {
	border-color: #8dd9ff;
	background-color: rgba(141, 217, 255, 0.25);
}

select option {    
	color: #000000;

	background-color: rgba(141, 217, 255, 0.2);
	border-color: rgba(141, 217, 255, 0.8);
}

ul {
	padding: 0px;
	margin: 0px;
}

ul li {
	padding-left: 14px; 
}

footer {
	text-align: center;    

	margin-top: 35px;
}

footer p {
	display: inline;
	margin: 10px;
}

details summary {
	cursor: pointer;

	outline: none;

	margin-top: 0px;
	margin-bottom: 0px;
}

details summary::-webkit-details-marker {
	display: none;
}

.logo-wrapper {
	float: none;
	margin: auto;
	width: 960px;
	z-index: 50;
}

.header-wrapper {
	height: 35px;

	margin-top: 15px;
}

.content-wrapper {
	float: none;
	margin: auto;
	margin-top: -50px;
	margin-bottom: 50px;
	padding-top: 0px;
	padding-bottom: 20px;
	width: 960px;
	min-height: 970px;
	background: rgba(0, 0, 0, 0.5);
	border: 3px solid rgba(141, 217, 255, 0.5);
	border-radius: 10px;
}

#body {
	clear: both;
}


.header-wrapper div#backtohome {
	float: left;

	opacity: 0.75;

	margin-left: 20px;
}

.header-wrapper div#backtohome:hover {
	opacity: 1.0;
}

div#utcclock {
	float: right;

	margin-right: 20px;

	opacity: 0.75;
}

.margined-content {
	margin-left: 70px;
	margin-right: 70px;
}

div#biglogo {
	display: block;
	margin: 44px 100px 0px 100px;
	width: 780px;
	height: 156px;
}

	div#biglogo a {
		cursor: default;
	}

div#jackpot {
	display: block;
	
	width: 820px;
	height: 105px;

	margin-bottom: 10px;
}

div#jackpottext {
	display: block;
	float: right;
}

div#jackpotnumber {
	display: block;
	float: right;
	width: 820px;
}

div#jackpotnumberdigits {
	float: right;
}

div#lastdraw {
	width: 820px;
	height: 60px;
}

	span.lastdrawtext {
		position: absolute;
		display: inline-block;
		width: 450px;
		margin-top: 20px;
		text-align: center;
	}

div.lastdrawitems {
	display: inline;
}

div.lastdrawitem {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 8px 22px 8px 6px;
	border: 3px solid #8dd9ff;
	border-radius: 8px;
}

	div.lastdrawitem:nth-child(7) {
		margin-left: 18px;
		margin-right: 15px;
	}

	div.lastdrawitem.paled {
		opacity: 0.2;
	}

div.button {
	cursor: pointer;
	display: inline-block;
	width: 100px;
	height: 25px;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
}

	div.button.top {
		border-width: 1px 1px 1px 1px;
		border-radius: 3px 3px 0px 0px;
		margin-bottom: -2px;
	}

	div.button.middle {
		border-width: 0px 1px 1px 1px;
		border-radius: 0px;
		margin-top: -2px;
		margin-bottom: -2px;
	}

	div.button.bottom {
		margin-top: -2px;
		border-width: 0px 1px 1px 1px;
		border-radius: 0px 0px 3px 3px;
	}

	div.button.disabled {
		cursor: default;
		pointer-events: none;
		opacity: 0.5;
	}

	div.button.fakedisabled {
		cursor: default;
		opacity: 0.5;
	}

div.buttonblue {
	background-color: rgba(141, 217, 255, 0.2);
	border-color: #8dd9ff;
}

	div.buttonblue:hover {
		background-color: rgba(141, 217, 255, 0.25);
	}

div.buttonblue.toggled {
	background-color: #8dd9ff;
}


div.buttonorange {
	background-color: rgba(247, 208, 147, 0.2);
	border-color: #f7d093;
}

	div.buttonorange:hover {
		background-color: rgba(247, 208, 147, 0.25);
	}

	div.buttonorange.toggled {
		cursor: default;
		background-color: rgba(247, 208, 147, 1.0);
	}

	div.buttonorange:not(.toggled):hover {
		background-color: rgba(247, 208, 147, 0.25);
	}

div.buttongreen {
	background-color: rgba(148, 216, 152, 0.2);
	border-color: #94d898;
}

	div.buttongreen:hover {
		background-color: rgba(148, 216, 152, 0.25);
	}

	div.buttongreen.toggled {
		cursor: default;
		background-color: rgba(148, 216, 152, 1.0);
	}

	div.buttongreen:not(.toggled):hover {
		background-color: rgba(148, 216, 152, 0.25);
	}

div#checkbutton {
	float: right;
	margin: 16px 0px 0px 0px;
}

div#gobutton {
	display: inline-block;
}

div.ticketarea {
	width: 820px;
	height: 382px;

	margin-top: 5px;
	margin-bottom: 15px;
}


div.sidebarselectors {
	float: left;
	display: inline-block;
	width: 27px;
	height: 380px;
	margin: 0px 46px 0px 46px;
}

	div.sidebarselectors div.button {
		width: 25px;
		height: 25px;

		margin-top: 32px;
		opacity: 0.4;
	}

	div.sidebarselectors div.button:first-of-type {
		margin-top: 55px;
	}

		div.sidebarselectors div.button.selectedticket {
			opacity: 0.8;
		}

div.ticketsidebar {
	float: left;
	display: inline-block;
	width: 102px;
	height: 380px;
	margin: 0px;
	/*background: rgba(148, 216, 152, 0.5);*/
}

div.ticket {
	float: left;
	display: inline-block;
	width: 580px;
	height: 355px;
	margin: 0px;
}

div.ticket.readonly {
	cursor: default;
	pointer-events: none;
}

div.tabs {
	float: left;
	margin-top: 10px;
}

div.tab {
	cursor: pointer;
	display: inline-block;
	margin-right: -4px;
	padding-top: 3px;
	padding-bottom: 2px;
	height: 20px;
	border-style: solid;
	border-width: 2px 2px 0px 2px;
	border-radius: 3px 3px 0px 0px;
}

div.tabblue {
	background-color: rgba(141, 217, 255, 0.2);
	border-color: #8dd9ff;
}

	div.tabblue.toggled {
		cursor: default;
		background-color: rgba(141, 217, 255, 1.0);
	}


	div.tabblue:not(.toggled):hover {
		background-color: rgba(141, 217, 255, 0.25);
	}

div.taborange {
	margin-left: 3px;
	margin-right: -1px;

	background-color: rgba(247, 208, 147, 0.2);
	border-color: #f7d093;
}

	div.taborange.toggled {
		cursor: default;
		background-color: rgba(247, 208, 147, 1.0);
	}

	div.taborange:not(.toggled):hover {
		background-color: rgba(247, 208, 147, 0.25);
	}

div.tabgreen {
	background-color: rgba(148, 216, 152, 0.2);
	border-color: #94d898;
}

	div.tabgreen.toggled {
		cursor: default;
		background-color: rgba(148, 216, 152, 1.0);
	}

	div.tabgreen:not(.toggled):hover {
		background-color: rgba(148, 216, 152, 0.25);
	}

div.borderblue {
	border-color: #8dd9ff;
}

div.borderorange {
	border-color: #f7d093;
}

div.bordergreen {
	border-color: #94d898;
}

div.ticketcontent {
	float: left;
	display: inline-block;
	width: 536px;
	height: 271px;
	margin-top: -5px;
	padding: 20px;
	border-width: 2px;
	border-style: solid;
}

div.ticketjoker {
	float: left;
	display: inline-block;
	width: 36px;
	height: 271px;
	margin-top: -5px;
	padding: 20px 23px 20px 17px;
	border-width: 2px;
	border-style: solid;
	border-left-width: 0px;
}

div.ticketnumber {
	cursor: pointer;
	display: inline-block;
	width: 30px;
	height: 26px;
	margin: 3px;
	padding: 3px 3px 3px 7px;
	border-style: solid;
	border-width: 2px;
	border-radius: 8px;
}


div.numberblue {
	border-color: #8dd9ff;
}

	div.numberblue:hover {
		background-color: rgba(141, 217, 255, 0.25);
	}

	div.numberblue.toggled {
		background-color: rgba(141, 217, 255, 1.00);
	}

div.numberorange {
	border-color: #f7d093;
}

	div.numberorange:hover {
		background-color: rgba(247, 208, 147, 0.25);
	}

	div.numberorange.toggled {
		background-color: rgba(247, 208, 147, 1.0);
	}

div.numbergreen {
	border-color: #94d898;
}

	div.numbergreen:hover {
		background-color: rgba(148, 216, 152, 0.25);
	}

	div.numbergreen.toggled {
		background-color: rgba(148, 216, 152, 1.0);
	}

div.ticketfooter {
	display: inline-block;
	width: 566px;
	height: 20px;
	padding: 5px;
	border-style: solid;
	border-width: 0px 2px 2px 2px;
	border-radius: 0px 0px 3px 3px;
}

div.bgblue {
	background-color: #8dd9ff;
}

div.bgorange {
	background-color: #f7d093;
}

div.bggreen {
	background-color: #94d898;
}

div.ticketfooterlist {
	margin-top: 4px;
	margin-left: 5px;
}

img.btcsign {
	float: right;
	margin-top: -7px;
	margin-right: 16px;
}

div.ticketfooterbtc {
	float: right;
	margin-right: 5px;
}


div.ticketsticksleft {
	float: left;
	display: inline-block;
	width: 18px;
}

	div.ticketsticksleft div {
		margin-top: 63px;
		width: 18px;
		height: 1px;
		border-style: solid;
		border-width: 0px 0px 1px 0px;
		opacity: 0.4;
	}

		div.ticketsticksleft div:first-child {
			margin-top: 66px;
		}


div.ticketsticksright {
	float: left;
	display: inline-block;
	width: 18px;
	height: 355px;
}

	div.ticketsticksright div {
		margin-top: 55px;
		width: 18px;
		height: 1px;
		border-style: solid;
		border-width: 0px 0px 1px 0px;
		opacity: 0.7;
	}

		div.ticketsticksright div:first-child {
			margin-top: 253px;
		}

div#ticketright {
	display: inline-block;
	width: 102px;
	height: 355px;
	margin: 15px 0px 0px 0px;
	/*background: rgba(247, 208, 147, 0.5);*/
}

div#ticketrightbuttons {
	margin-top: 0px;
}

	div#ticketrightbuttons div {
		margin-top: 25px;
	}

div#tickettype {
	height: 200px;
}

	div#tickettype img {
		margin-bottom: 5px;
	}

	div#tickettype.hidden {
		cursor: default;
		pointer-events: none;
		opacity: 0;
	}

div#summary {
	float: left;
	width: 230px;
	margin-top: 7px;
}

	div#summary img {
		margin-bottom: 8px;
	}


div.summarynumber {
	float: right;
	display: inline-block;
	width: 80px;
	height: 30px;
	padding-top: 5px;
	text-align: center;
}

	div.summarynumber.editable {
		cursor: ew-resize;
	}

div#drawsContainer {
	margin-right: 10px;
}

div.summarynumber#totalgames div.infoboxnumbers {
	float: none;
	display: inline-block;
	margin: 0 auto;
}

div.summarynumber#draws {
	vertical-align: middle;
	width: auto;
}

div#drawsIncrease,
div#drawsDecrease {
	float: right;
	display: inline-block;
	width: 8px;
	height: 35px;
	margin-left: 8px;
	margin-right: 8px;
}


div#letsplay {
	margin: 0px 26px 0px 26px;
	width: 300px;
	height: 75px;
	border-width: 2px;
}

	div#letsplay img {
		margin: 10px;
	}

div#clock {
	float: right;
	width: 229px;
	margin-top: 8px;
}

	div#clock span img {
		float: right;
		margin-bottom: 4px;
	}

div#clocknumber {
	float: right;
	display: inline-block;
	height: 30px;
	padding-top: 5px;
	margin-right: 35px;
}

div.langbutton {
	float: left;
	margin: 0px;
	width: 156px;
	height: 20px;
	border-width: 2px 0px 2px 0px;
	border-radius: 0px;
	text-align: center;
	font-size: 20px;
	color: #8dd9ff;
}

	div.langbutton.toggled {
		background-color: rgba(141, 217, 255, 1.00);
		color: #000000;
	}

div.langside {
	float: left;
	margin: 0px;
	width: 90px;
	height: 20px;
	border-style: solid;
	border-width: 2px 0px 2px 0px;
	background-color: rgba(141, 217, 255, 0.2);
	border-color: #8dd9ff;
}

div#infobox {
	width: 820px;

	margin-top: 25px;
	margin-bottom: 25px;
}

div.typebutton {
	height: 29px;
	padding-top: 3px;
}

div#languages {
	height: 32px;
}

div#rules {
}

	div#rules summary {
		height: 40px;
	}

div#rules summary img:first-of-type {
	margin-top: 10px;
	margin-bottom: 3px;
}

table.prizetable {
	float: left;
	width: 820px;
}

table.prizetable td.prizechance
{
	text-align: left;
	position: relative;
	left: 95px;
}

table.prizetable td.prizebtc
{
	text-align: right;
	position: relative;
	right: 85px;
}

table.prizetable td.prizeusd
{
	text-align: right;
	position: relative;
	right: 85px;
}

table.prizetable td.prizefooter
{
	padding: 10px;
}

div.sidebarticket {
	cursor: pointer;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 2px;
	width: 100px;
	height: 57px;
	opacity: 0.4;
}

	div.ticketsticksleft div.selectedticket,
	div.sidebarticket.selectedticket {
		opacity: 0.8;
	}

	div.ticketsticksleft div.emptyticket:not(.selectedticket),
	div.sidebarticket.emptyticket:not(.selectedticket) {
		opacity: 0.2;
	}

	div.ticketsticksleft div.invisibleticket,
	div.sidebarticket.invisibleticket {
		cursor: default;
		opacity: 0.0;
	}

	div.sidebarticket:first-child {
		margin-top: 37px;
	}

	div.sidebarticket:not(.invisibleticket):hover {
		opacity: 0.8;
	}

	div.sidebarticket span {
		float: left;
		font-family: "Arial Black", Gadget, sans-serif;
		font-size: 44px;
		display: block;
		width: 100px;
		margin-top: -60px;
		text-align: center;
		color: black;
	}

		div.sidebarticket span.blue {
			-webkit-text-shadow: -1px -1px 0 #8dd9ff, 1px -1px 0 #8dd9ff, -1px 1px 0 #8dd9ff, 1px 1px 0 #8dd9ff;
			text-shadow: -1px -1px 0 #8dd9ff, 1px -1px 0 #8dd9ff, -1px 1px 0 #8dd9ff, 1px 1px 0 #8dd9ff;
		}

		div.sidebarticket span.orange {
			-webkit-text-shadow: -1px -1px 0 #f7d093, 1px -1px 0 #f7d093, -1px 1px 0 #f7d093, 1px 1px 0 #f7d093;
			text-shadow: -1px -1px 0 #f7d093, 1px -1px 0 #f7d093, -1px 1px 0 #f7d093, 1px 1px 0 #f7d093;
		}

		div.sidebarticket span.green {
			-webkit-text-shadow: -1px -1px 0 #94d898, 1px -1px 0 #94d898, -1px 1px 0 #94d898, 1px 1px 0 #94d898;
			text-shadow: -1px -1px 0 #94d898, 1px -1px 0 #94d898, -1px 1px 0 #94d898, 1px 1px 0 #94d898;
		}

span.sidebartickettext img {
	margin-top: 5px;
	margin-left: 4px;

}

div.sidebarpager {
	cursor: pointer;
	margin-top: 10px;
	margin-bottom: 8px;
	margin-left: 8px;
	width: 100px;
	height: 20px;
	opacity: 0.8;
}

	div.sidebarpager:hover {
		opacity: 1.0;
	}

div#price {
	float: right;
}

div#totalprice img {
	margin: 4px 0px 0px 0px;
}

div.letsplaytotal {
	float: left;
	margin: 0px;
	width: 280px;
	height: 26px;
}

div#letsplay img#letsplaytotal {
	margin: 0px 10px 0px 55px;
}

div#letsplay img#letsplaybtc {
	margin: -3px 15px 0px 0px;
}

div.lottery_mini {
	float: right;
	display: inline;
	margin-top: 9px;
	margin-right: 32px;
	opacity: 0.5;
}


div.statsline {    
	display: block;

	width: 820px;
	height: 50px;

	margin: 15px 0px 15px 0px;
}

	div.statsline span {
		display: inline-block;
	}

	div.statsline div {
		float: left;
	}

		div.statsline div.drawcode {
			width: 176px;
			margin-top: 14px;
		}

		div.statsline div.button {
			margin-top: 18px;
			margin-left: 40px;
		}

div.tableblock {
	height: 255px;
}

div.statsleft,
div.statsright {
	float: left;

	width: 150px;
	height: 150px;

	font-family: Arial;
	font-size: 24px;
	font-weight: bold;

	color: #f5ff8d;

	padding: 20px;
	text-align: right;
}

div.statsleft span,
div.statsright span,
div.statsleft img,
div.statsright img {
	float: right;
}

div.statsmiddle {
	float: left;

	width: 400px;
}


table {
	text-align: center;

	border-width: 1px;
	border-style: solid;
	border-color: rgba(141, 217, 255, 0.8);
	border-radius: 5px;
}

	table th {
		color: #000000;
		background-color: #8dd9ff;
	}

	table tr:nth-child(odd) {
		background-color: rgba(141, 217, 255, 0.2);
	}

div.statsmiddle table {
	width: 400px;
}

div.affiliate table {
	width: 820px;
}

p.affiliate span {
	text-decoration: underline;
}

div#affiliateBitcoinAddress
{
	width: 820px;
	text-align: center;
}

/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */

.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,0.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0;
}

.reveal-modal {
	visibility: hidden;
	top: 100px;
	left: 50%;
	margin-left: -300px;
	width: 520px;
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	z-index: 101;
	padding: 30px;
	border: 3px solid rgba(141, 217, 255, 0.5);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
}

	.reveal-modal.small {
		width: 200px;
		margin-left: -140px;
	}

	.reveal-modal.medium {
		width: 400px;
		margin-left: -240px;
	}

	.reveal-modal.large {
		width: 600px;
		margin-left: -340px;
	}

	.reveal-modal.xlarge {
		width: 800px;
		margin-left: -440px;
	}

	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		font-weight: bold;
		cursor: pointer;
	}


/*	-------------------------------------------------- */

div#checkoutStep1,
div#checkoutStep2,
div#checkoutStep3 {
	width: 370px;
	margin-left: -220px;
}

	div#checkoutStep1 p,
	div#checkoutStep2 p,
	div#checkoutStep3 p {
		margin: 5px 0px 5px 0px;

		width: 370px;
		text-align: center;
	}

	div#checkoutStep1 p.ticketlotcode,
	div#checkoutStep2 p.ticketlotcode,
	div#checkoutStep3 p.ticketlotcode  {
		display: inline-block;
		
		width: 220px;
		height: 50px;
		text-align: center;
		margin-left: 80px;
	}

	div#checkoutStep1 span#checkoutStep1TicketLotCode,
	div#checkoutStep2 span#checkoutStep2TicketLotCode,
	div#checkoutStep3 span#checkoutStep3TicketLotCode,
	div#checkoutStep2 span#checkoutStep2Total
	{
		color: white;
	}

	div#checkoutStep1 p.ticketlotcode span#checkoutStep1TicketLotCode,
	div#checkoutStep2 p.ticketlotcode span#checkoutStep2TicketLotCode,
	div#checkoutStep3 p.ticketlotcode span#checkoutStep3TicketLotCode {
		font-size: 20px;
	}

	div#checkoutStep1 div.qr,
	div#checkoutStep2 div.qr,
	div#checkoutStep3 div.qr {
		float: right;
		position: absolute;

		display: inline-block;
		width: 78px;
		height: 50px;
	}

		div#checkoutStep1 div.qr img.payqr,
		div#checkoutStep2 div.qr img.payqr,
		div#checkoutStep3 div.qr img.payqr {
			display: none;

			float: right;

			width: 50px;
			height: 50px;

			z-index: 110;
		}

	div#checkoutStep3 span#checkoutStep3TicketTotalBTC
	{
		font-size: 20px;
		margin-right: 10px;

		color: white;
	}

	div#checkoutStep3 span#checkoutStep3DrawBitCoinAddress
	{
		font-size: 18px;
		margin-right: 0px;

		color: white;
	}

	div#checkoutStep1 div.modalbuttons,
	div#checkoutStep2 div.modalbuttons,
	div#checkoutStep3 div.modalbuttons {
		margin: 20px 0px 20px 0px;
		text-align: center;
	}

		div#checkoutStep1 div.modalbuttons div,
		div#checkoutStep2 div.modalbuttons div,
		div#checkoutStep3 div.modalbuttons div {
			margin: 0px 40px 0px 40px;
		}

	div#checkoutStep1 p.modalnotes,
	div#checkoutStep2 p.modalnotes,
	div#checkoutStep3 p.modalnotes {
		font-size: 12px;
		text-align: justify;
	}

div.imageframe
{
	display: inline-block;
	width: 520px;

	margin-top: 10px;
	margin-bottom: 10px;
}

div.imageframe p 
{
	text-align: center;
}

div#checkModal {
	width: 510px;
	margin-left: -288px;
}

	div#checkModal p {
		float: left;
		margin: 10px 0px 10px 0px;
		text-align: justify;
	}

	div#checkModal p#enterlotcode {
		width: 400px;
	}

		div#checkModal p#enterlotcode input#checkticketlotcode
		{
			width: 180px;
		}

	div#checkModal div#gobutton
	{
		margin-top: 7px;
	}

/*	-------------------------------------------------- */

div.ticketlotstatus {
	float: right;

	width: 195px;
	margin-top: -20px;
}

	div.ticketlotstatus img {
		float: right;
	}

div.ticketlotfooter {
	width: 820px;
	height: 30px;

	margin-top: 20px;
	margin-bottom: 20px;
}

div.ticketlotfooter div.button {
	width: 150px;
}

div.ticketlotfooter div.totalprize {
	float: right;
}

	div.ticketlotfooter div.totalprize span {
		margin-top: 4px;
		display: inline-block;
		width: 100px;
		text-align: right;
	}


div.ticketlot {
	margin-top: 60px;
	margin-bottom: 30px;
}

div.secondchancemiddlesection {
	width: 173px;
	height: 49px;
}

div.secondchancesides {
	margin: 0px;
	padding: 0px;
}


div#terms ul li {
	padding-left: 0px;
	margin-left: 20px;
}

div#terms h2 {
	margin-top: 20px;
	margin-bottom: 10px;
}

table#basket
{
	width: 370px;

	background: none;
}

table#basket thead th
{
	text-align: center;

	color: black;
	background-color: rgba(141, 217, 255, 1.0);
}

table#basket tbody td
{
	text-align: center;
}

table tbody tr.blue {
	color: #8dd9ff;
	background-color: rgba(141, 217, 255, 0.2);
}

table tbody tr.orange {
	color: #f7d093;
	background-color: rgba(247, 208, 147, 0.2);
}

table tbody tr.green {
	color: #94d898;
	background-color: rgba(148, 216, 152, 0.2);
}

table#basket tfoot tr
{
	text-align: center;
}

div.detailedsummary 
{
	margin-top: 10px;
	margin-bottom: 30px;
}

div.detailedsummaryline
{
	width: 370px;
	margin-top: 10px;
}

div.detailedsummaryline select {
	width: 370px;
}

p#payInstructions {
	line-height: 22px;

	display: none;
}

div#savedatabutton {
	display: none;
}

span.detailleft
{
	display: inline-block;
	width: 200px;

	font-size: 16px;

	text-align: left;
}

span.detailmiddle
{
	display: inline-block;
	width: 80px;

	font-size: 18px;
}

span.detailright
{
	display: inline-block;
	width: 50px;

	text-align: right;
}

div.explanationline
{
	/*color: rgba(141, 217, 255, 0.8);*/

	font-size: 12px;
}

div.detailedsummary input
{
	width: 370px;

	text-transform: none;
}

span.detailhead
{
	display: block;
	width: 370px;

	font-size: 16px;

	text-align: left;
}

div.checkoutquestion
{
	padding: 10px 0px 10px 0px;
	width: 600px;

	font-size: 18px;

	text-align: center;

	color: #f7d093;    
	border: 3px solid rgba(247, 208, 147, 0.5);
}

div.checkoutquestion .button
{
	margin: 10px 20px 0px 20px;
}

div.clientInstructions
{
	text-align: center;

	margin-top: 15px;
	margin-bottom: 30px;
}

div.instructionshead 
{
	font-size: 26px;
	margin-bottom: 20px;
}

div.instructionshead.orange
{
	color: #f7d093;
}

div.instructionshead.green
{
	color: #94d898;
}