@charset "utf-8";
/* CSS Document */
@font-face{
font-family:'DSDIGI';
src: url('fonts/DSDIGI/DSDIGI.eot');
src: url('fonts/DSDIGI/DSDIGI.eot?#iefix') format('embedded-opentype'), 
       url('fonts/DSDIGI/DSDIGI.woff') format('woff'), 
       url('fonts/DSDIGI/DSDIGI.ttf') format('truetype');
}
.chattyNote{font-family: 'Shadows Into Light Two', cursive !important;}
.digifont{font-family:'DSDIGI' !important;}
.noscript{display:block;position:relative;margin-left:auto;margin-right:auto;margin-top:25px;width:400px;height:200px;background-color:#333333;color:#FF0000;z-index:0;}
body{
	display:block;
	position:relative;
	top:0px;
	left:0px;
	margin:0px;
	text-align:center;
	background-image:url(https://wof.my-reward.co.uk/images/steel_grille_Punched_bg.png);
	background-repeat:repeat;
	font-family:"Century Gothic",Helvetica, sans-serif;
	}
img{border:none;}
.curPoint{cursor:pointer}
.wordwrap{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap: break-word;}
.noWrapTxt{white-space:nowrap;}
.txt_Red{color:#F7323F;}
.alertH{line-height:31px;}
.alertIco{float:left;margin-right:0.5em;margin-bottom:0.25em;line-height:31px;}
.clearFloats{clear: both; height:0; margin:0; line-height:0;padding:0;overflow: auto;}
/* util */
.fixRotatedText{
	/* FOR CHROME */
	-webkit-filter: blur(0px);
	/* FOR FIREFOX */
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	}

.alignCenterContainer{
color:#CCCCCC;
font-family: sans-serif;
font-size:4vh;
line-height:4vh;
width:100%;
text-align:center;
}
/* elements */
.claimFormHolder{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:1420px;
	height:854px;
	background-color:#333333;
	background-image:url(https://wof.my-reward.co.uk/images/steel_grille_Punched_bg.png);
	background-repeat:repeat;
	z-index:1;
}
.gameHolder{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:1420px;
	height:854px;
	background-color:#333333;
	background-image:url(https://wof.my-reward.co.uk/images/steel_grille_Punched_bg.png);
	background-repeat:repeat;
	z-index:2;
}
.gameScreen{
	display:block;
	position:absolute;
	top:0px;left:0px;
	width:1420px;
	height:854px;	
	background-color:#333333;
	background-image:url(https://wof.my-reward.co.uk/images/steel_grille_Punched_bg.png);
	background-repeat:repeat;
	z-index:3;
	}
.ui-dialog{
	z-index:99;
}	
.myAlert{

}
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 0% !important;
  left: 50%;
  margin-top: -30px !important;
  margin-left: 8px !important;
}
.ui-icon-closethick {
    background-image: url(https://wof.my-reward.co.uk/images/close.png) !important;
    background-position: left top !important;  
}
.ui-dialog .ui-dialog-titlebar-close, .ui-icon-closethick {
    width: 30px !important;
    height: 30px !important;
}
.ui-dialog .ui-dialog-titlebar-close {
    background: none !important;
    border: none !important;
}
.ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close:hover {
    padding: 0 !important;
}
.gameScreenTitle{
	position:absolute;
	top:0px;
	left:0px;
	width:1420px;
	height:854px;
	z-index:1;
}
.pinFormHolder{
	position:relative;
	display:block;
	top:530px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;	
	z-index:2;
}	
.inpTxtC{	
	background-color:#CCCCCC;
	border: 4px outset #405890;
	border-radius: 5px;
	font-size: 42px;
	color: #1D2E56;
	padding: 5px 10px;
	text-align: center;
	font-family: Helvetica;
}

.Submit_Unlock_Code{
	font-family: 'DSDIGI' !important;
	color:#FFFFFF;
	border: 4px outset #405890;
	background-color:#1D2E56;
	border-radius: 5px;
	font-size: 36px;
    padding: 5px 10px;
	text-align: center;
	margin-top:20px;
}
.Submit_Unlock_Code:hover{
	background-color:#405890;	
	border: 4px inset #1D2E56;
}
/*--------------------------*/

.wof_BG{
	/* Done */
	position:absolute;
	top:0px;
	left:0px;
	width:1420px;
	height:854px;
	background-image:url('https://wof.my-reward.co.uk/images/wof_BG.jpg');
	background-repeat:no-repeat;
	background-size:contain;
	overflow: hidden;
	box-sizing:border-box;
	z-index:1;
	}
.wof_Spinner{
	/* Done */
	position:absolute;
    top:42px;
    left:614px;
    width:760px;
    height:760px;
    z-index:10;
}
.wof_SpinButton{
	/* Done */
	position:absolute;
	top:602px;
	left:172px;
	width:304px;
	height:120px;
	z-index:20;
	}
.wof_PwrButton{
	/* Done */
	position:absolute;
	top:696px;
	left:574px;
	width:136px;
	height:100px;
	cursor:pointer;
	z-index:30;
	}
.wof_DisplayTitle{
	/* Done */
	position:absolute;
	top:176px;
	left:136px;
	width:350px;
	max-width:350px;
	height:44px;
	color: #00CCFF;
	font-size:32px;
	text-align:center;
	z-index:3;
	}
.wof_Display{
	/* Done */
	position:absolute;
	top:224px;
	left:136px;
	width:350px;
	max-width:350px;
	height:258px;
	color:#CCCCCC;
	font-size:32px;
	text-align:left;
	white-space:pre-wrap;
	z-index:4;
	}/*#4D4D4D*/
#wof_Spinner .rotationHolderIE8{
	/* Done */
	position:absolute;
	width:760px;
	height:760px;
	}
#wof_Spinner .ledLineHolder{
	/* Done */
	position:absolute;
	top:2px;
	left:376px;
	width:32px;
	height:380px;
	-webkit-backface-visibility: hidden;
	-webkit-transition:translate3d(0,0,0);
	}
#wof_Spinner .ledNumbHolder{	
	position:absolute;
	top:10px;
	left:14px;
	width:34px;
	height:50px;
	line-height:50px;
	font-family:Helvetica, sans-serif;
	font-weight:bold;
	font-size:26px;
	text-align:center;
	align:center;
	-webkit-backface-visibility:hidden;
	-webkit-transition: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index:0;
	}
#wof_Spinner .led_1{position:absolute;top:300px;left:0px;width:8px;height:8px;z-index:1;}
#wof_Spinner .led_2{position:absolute;top:270px;left:0px;width:8px;height:8px;z-index:2;}
#wof_Spinner .led_3{position:absolute;top:240px;left:0px;width:8px;height:8px;z-index:3;}
#wof_Spinner .led_4{position:absolute;top:210px;left:0px;width:8px;height:8px;z-index:4;}
#wof_Spinner .led_5{position:absolute;top:180px;left:0px;width:8px;height:8px;z-index:5;}
#wof_Spinner .led_6{position:absolute;top:150px;left:0px;width:8px;height:8px;z-index:6;}
#wof_Spinner .led_7{position:absolute;top:120px;left:0px;width:8px;height:8px;z-index:7;}
#wof_Spinner .led_8{position:absolute;top:90px;left:0px;width:8px;height:8px;z-index:8;}
#wof_Spinner .led_9{position:absolute;top:60px;left:0px;width:8px;height:8px;z-index:9;}
#wof_Spinner .led_10{position:absolute;top:30px;left:0px;width:8px;height:8px;z-index:10;}
#wof_Spinner .led_11{position:absolute;top:0px;left:0px;width:8px;height:8px;z-index:11;}
#wof_Spinner .led_12{position:absolute;top:0px;left:29px;width:8px;height:8px;z-index:12;}
#wof_Spinner .led_13{position:absolute;top:60px;left:25.2px;width:8px;height:8px;z-index:13;}

#wof_Spinner .led_Off{background-color:#4D4D4D;}
#wof_Spinner .led_Red{background-color:#FF0000;}
#wof_Spinner .led_Green{background-color:#00FF00;}
#wof_Spinner .led_Blue{background-color:#00CCFF;}
#wof_Spinner .led_Yellow{background-color:#FFFF00;}

#wof_Spinner .n_Off{color:#4D4D4D;}
#wof_Spinner .n_Red{color:#FF0000;}
#wof_Spinner .n_Green{color:#00FF00;}
#wof_Spinner .n_Blue{color:#00CCFF;}
#wof_Spinner .n_Yellow{color:#FFFF00;}

.txt_Blue{color:#00CCFF;}
.btn_claimPrize{
font-family: 'DSDIGI' !important;
border: 2px solid #0CF;
background-color: #000;
font-size: 36px;
color: #0CF;
padding: 5px 10px;
cursor:pointer
}

.btn_claimPrize:hover{
	border: 2px solid #CCCCCC;
	color: #CCCCCC;
}

.btn_tryAgain {
	font-family: 'DSDIGI' !important;
	border: 2px solid #0CF;
	background-color: #000;
	font-size: 36px;
	color: #0CF;
	padding: 5px 10px;
	cursor: pointer
}

.btn_tryAgain:hover {
	border: 2px solid #CCCCCC;
	color: #CCCCCC;
}

.alignAbsCenterContainer{
font-family: sans-serif;
font-size:4vh;
line-height:4vh;
width:100%;
text-align:center;
}

.cf_wof_Logo{
	margin-top:30px;
	width:680px;
	height:150px;
	background-image:url('https://wof.my-reward.co.uk/images/wof_Logo.png');
	background-repeat:no-repeat;
	background-size:contain;
	overflow: hidden;
	box-sizing:border-box;
}
.cf_title{margin-top:30px}
.cf_Form{margin-top:30px}
.cf_head{
	font-family: 'DSDIGI' !important;
	font-size: 42px;
    color: #0CF;
}
.cf_disc{
	font-family: 'DSDIGI' !important;
	font-size: 28px;
    color: #ccc;
}
.cf_inp_Email{
	background-color:#CCCCCC;
	border: 4px outset #405890;
	border-radius: 5px;
	font-size: 36px;
	color: #1D2E56;
	padding: 5px 10px;
	text-align: center;
	font-family: Helvetica;
}
.cf_Submit{
	font-family: 'DSDIGI' !important;
	color:#FFFFFF;
	border: 4px outset #405890;
	background-color:#1D2E56;
	border-radius: 5px;
	font-size: 36px;
    padding: 5px 10px;
	text-align: center;
	margin-top:20px;
	cursor:pointer;
}
.cf_Submit:hover{
	background-color:#405890;	
	border: 4px inset #1D2E56;
}

/* CLAIMS SECTION ---------------------------------------*/
.claim_content_container{
	margin:1vw;
	padding:1.5vw;
	border:3px outset #405890;	
}
.txt_title_container{
	margin-top:30px;	
	font-family: 'DSDIGI' !important;
	font-size: 42px;
    color: #FFFFFF;
    text-align:center;
    border:1px solid #FFFFFF;
    background-color:#405890;	
    padding:5px;
}

.txt_logoImg_container_landscape{
	margin-top:30px;
	width:680px;
	height:150px;
	background-image:url('https://wof.my-reward.co.uk/images/wof_Logo.png');
	background-repeat:no-repeat;
	background-size:contain;
	overflow: hidden;
	box-sizing:border-box;
	text-align:center;
	margin-left: auto;
    margin-right: auto;
}
.pImgDisp{}

.PrizeDisplayBox {
	font-family: Helvetica;
	font-size: 20px;
	color: #FFFFFF;
	padding: 2em;
}
.PrizeDisplayBox h2{
	font-family: 'DSDIGI' !important;
	font-size: 42px;
    color: #0CF;
}
.PrizeDisplayBox h3{
	font-size: 24px;
    color: #FFF;
}
.PrizeDisplayBox a{color: #0CF;}
.copyright{
	font-family: Helvetica;
	font-size: 12px;
    color: #405890;
}

.SorryBadLinkContainer{
	font-family: Helvetica;
	font-size: 20px;
    color: #FFFFFF;
    cursor:pointer;
	padding:2em;
}
.SorryAlreadyClaimedContainer {
	font-family: Helvetica;
	font-size: 20px;
	color: #FFFFFF;
	cursor: pointer;
	padding: 2em;
}