body {
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

#TheGameContainer{
	padding-left: 60px;
	width: 692px;
	z-index: 200;
	display: block;
	position: absolute;
	right: 0px;

   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;

}
#Board {
	width: 742px;
	height: 529px;
	display: block;
	position: absolute;
	top: 0px;
	right: 10px;
}
#Board.en {
	background: var(--board-en) no-repeat scroll 0px 0px transparent;
}
#Board.fr {
	background: var(--board-fr) no-repeat scroll 0px 0px transparent;
}


#BoxesRowA, #BoxesRowB {
	display: block;
	position: absolute;
}
#BoxesRowA{
	top: 138px;
	left: 70px;
	z-index: 900;
}

#BoxesRowB {
	top: 331px;
	left: 70px;
	z-index: 900;
}

#Stickies {
	display: block;
	position: absolute;
	left: 48px;
	top: 12px;
	width: 685px;
	height: 495px;
	background: transparent;
}


.boxes {
	display: inline-block;
	position: relative;
	width: 137px;
	height: 176px;
	margin-right: -8px;
	margin-left: 0px;
}


.Hilite {

}

.boxes:hover {
	cursor: pointer;
}

.Hilite:hover {
	background: var(--glowbox) no-repeat scroll 0px 0px transparent;
}

.boxesHover {
	background: var(--glowbox) no-repeat scroll 0px 0px transparent;
}


.stickies {
	display: block;
	position: absolute;
	width: 60px;
	background-color: red;
	height: 55px; /* MOVE BY 54 */
	z-index: 1001;
	background: var(--Board_sticky_sprite) no-repeat scroll 0px 0px transparent;
}

.stickies:hover {
	  cursor:hand;
	  cursor:grab;
	  cursor:-moz-grab;
	  cursor:-webkit-grab;
}

.stickies:active {
  cursor:grabbing;
  cursor:-moz-grabbing;
  cursor:-webkit-grabbing;
}


/*
.grabhand  {
}
*/


#StickiesCount{
	display: block;
	position: absolute;
	font-size: 1em;
	color: gold;
	right: 80px;
	top: 26px;
	font-family: verdana;
}


#Reset, #Autoselect { 
	display: block;
	position: absolute;
	top: 640px;
	left: 226px;
	width: 300px;
	height: 20px;
	display: block;
	position: absolute;
	top: 635px;
	left: 303px;
	width: 130px;
	height: 20px;
	overflow: visible;
}

#Autoselect {
	left: 460px;
}

#Autoselect.fr {
	left: 540px;
	width: 220px;
}

#Reset.fr {
	width: 220px;
}


#Reset:hover, #Autoselect:hover {
	cursor: pointer;
}

#StartOver:hover, #Shuffle:hover {
	text-shadow: 0px 0px 15px yellow;
}



#FOCUS {
	position: absolute;
	z-index:100;
  	width: 100%;
  	height: 100%;
  	opacity:1;	
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,rgba(0,0,0,0)), color-stop(37%,rgba(0,0,0,0)), color-stop(95%,rgba(0,0,0,0.56)), color-stop(99%,rgba(0,0,0,0.56))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 37%,rgba(0,0,0,0.56) 95%,rgba(0,0,0,0.56) 99%); /* Chrome10+,Safari5.1+ */
	background: radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 37%,rgba(0,0,0,0.56) 95%,rgba(0,0,0,0.56) 99%); /* W3C */
	z-index: 1;

	display: none;
	opacity: 0;


}

.MODAL {
	position: absolute;
	width: 742px;
	height: 467px;
	background-color: rgb(235,236,237);
	border-radius: 0 0 28px 23px;
	/* box-shadow: 0px 10px 10px rgba(0,0,0,0.2); */
	z-index: 10;
	
	display: none;
	opacity: 0;
	
}


.ModalRowA {
	left: -70px;
	top: -75px;
}

.ModalRowB {
	left: -71px;
	top: -269px;
}


.MODAL_Container {
	display: block;
	position: absolute;
	width: 710px;
	height: 390px;
	background-color: white;
	z-index: 10;
	left: 17px;
	top: 17px;
	box-shadow: 0px 2px 1px rgba(0,0,0,0.3);
}

.MODAL_Container_B {
	display: block;
	position: absolute;
	width: 510px;
	height: 190px;
	background-color: white;
	z-index: 10;
	left: 17px;
	top: 17px;
	box-shadow: 0px 2px 1px rgba(0,0,0,0.3);
}

.CloseButton, .CloseButton_B, .CloseButton_T {
	display: block;
	position: absolute;
	margin: 14px;
	margin-right: 26px;
	top: 0px;
	right: 0px;
	background-color: yellow;
	width: 47px;
	height: 47px;
	border-radius: 10px;
	background: var(--close_button) no-repeat scroll 0px 0px transparent;
	zoom: 0.95;
}

.image {
	display: block;
	position: absolute;
	float: left;
	width: 280px;
	height: 280px;
	top: 180px;
	margin-top: -100px;
	margin-left: 30px;
}


.Text{
	float: right;
	width: 340px;
	display: block;
	position: relative;
	padding-right: 40px;
}

.Text p, .Text h2, .Text h3 {
	margin-bottom: 20px;
}

.DrawDate {
	display: block;
	position: relative;
	margin: 14px;
	height: 47px;
	overflow: hidden;
	margin-left: 29px;
}

.disabled {
	opacity: 0.5;
	cursor: default;
}
.disabled:hover{
	cursor: default;
}



/* SKILL QUESTION */

#skill_question {
	display: block;
	position: absolute;
	width: 742px;
	height: 528px;
	top: 1px;
	right: 11px;
}

#Top_Yellow {
	display: block;
	position: absolute;
	background: var(--Skill_top_yellow) no-repeat scroll 0px 0px transparent;
	width: 742px;
	height: 70px;
	z-index: 2;
}

#Body_Grey {
	display: block;
	position: absolute;
	width: 742px;
	height: 528px;
			background: #e0e0e0; /* Old browsers */
			background: -moz-radial-gradient(center, ellipse cover,  #ffffff 9%, #e0e0e0 100%); /* FF3.6+ */
			background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(9%,#ffffff), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
			background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 9%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
			background: -o-radial-gradient(center, ellipse cover,  #ffffff 9%,#e0e0e0 100%); /* Opera 12+ */
			background: -ms-radial-gradient(center, ellipse cover,  #ffffff 9%,#e0e0e0 100%); /* IE10+ */
			background: radial-gradient(ellipse at center,  #ffffff 9%,#e0e0e0 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	border-radius: 0 0 28px 23px;
	/* box-shadow: 0px 10px 10px rgba(0,0,0,0.2); */
	z-index: 1;
	
}

#Body_content {
	display: block;
	position: absolute;
	top: 76px;
	width: 100%;
	padding-top: 25px;
}

#Body_content p{
	position: relative;
	line-height: 1em;
	margin-left: 27%;
	margin-right: 25%;
	margin-top: 10px;
	font-size: 13px;	
}

#Body_content p.bet_resume{
	margin-top: 0px;
	font-weight: bold;
	font-size: 13px;
	margin-top: 4px;
}



#question_form{
	margin-left: 27%;
	margin-right: 15%;
	margin-top: 0px;
	padding: inherit;
}

#math_q{
	font-weight: bold;
}
#content form fieldset label {
	position: relative;
	display: inline;
}
form#question_form {
	padding: inherit;
	width: inherit;
}
#content form fieldset input#answer {
	margin-left: 5px;
	width: 60px;
}
#confirm_bets_form{

}

div.i_agree {
	width: 360px;
}	

div.i_agree_ctrl {
	width: 15px;
	margin-right: 5px;
}
label.i_agree {
	font-size: 11px;
}


.skill_postit {
	display:block;
	position: absolute;
	width: 90px;
	height: 90px;
	z-index: 100;
}