@font-face {
font-family:"chiller";
src: url('../assets/chiller.eot');
src: local('chiller'),
	 url('../assets/chiller.eot?#iefix') format('embedded-opentype'),
     url('../assets/chiller.woff') format('woff'),
     url('../assets/chiller.ttf') format('truetype'),
     url('../assets/chiller.svg#webfont') format('svg');
}

html,body,div,p,span{
	margin:0px;
	border-collapse: collapse;
}
body
{
    background-repeat: no-repeat;
    font-family: "chiller";
    font-size: 18px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    overflow: hidden;
    position : absolute;
    display : flex;
    justify-content : center;
    align-items : center;
    max-height : 600px;
    width : 100%;
    height : 100%;
    margin: 0px;
}
#container
{
	position:absolute;
    overflow: hidden;
    width: 800px;
	height: 600px;
	border:1px solid black;
	background: url('../assets/1.jpg');
}
#loader
{
	position:absolute;
	width:800px;
	height:600px;
	text-align:center;
	color: pink;
	background:black;
}
#loading
{
	position: absolute;
	font-size: 45px;
	top:125px;
	left:260px;	
}
#preLoadedImage
{
	position:absolute;
	width: 400px;
	height: 30px;
	top: 200px;
	left:150px;
}
#content
{
	visibility:hidden;
	width:798px;
	height:598px;
	border-radius: 10px;
	background: url('../assets/1.jpg');
}
#gameName {
position: absolute;
font-size: 80px;
color: darkred;
top: 10px;
left: 35px;
width: 635px;
text-align: center;
font-weight: bolder;
}
.scroll
{
	visibility:hidden;
}
#scrollHolder
{
	position: absolute;
	top: 120px;
	left: 140px;
	height: 460px;
	width: 460px;
}
#scroll
{
	position: absolute;
	height: 460px;
	width: 460px;
	z-index:0;
}
.sw 
{
	position: absolute;
	height: 350px;
	width: 360px;
	z-index: 1;
	left: 54px;
	top: 54px;
	font-size: 42px;
	text-align: center;
	color: black;
	font-weight: bold;
}
#sw8
{
	font-size: 36px;
}
#sw9
{
	font-size: 38px;
}
#sw2
{
	font-size: 34px;
}
#sw4
{
	font-size: 30px;
}
#sw5
{
	font-size:34px;
}
#ansBoxHolder
{
	visibility: hidden;
	position: absolute;
	height: 460px;
	width: 700px;
	left: 45px;
	top:70px;
}
#ansHolder
{
	visibility: hidden;
	position: absolute;
	top: 135px;
	left: 565px;
	width: 700px;
	height: 200px;
	font-size: 22px;
	color: firebrick;
	font-family: sans-serif;
}
.op
{
	cursor: pointer;
	vertical-align: middle;
	visibility:hidden;
	font-weight: bold;
}
#lop1
{
	margin-left: 25px;
	margin-top: -25px;
}
#lop2
{
	margin-left: 25px;
	margin-top: -25px;
}
#lop3
{
	margin-left: 25px;
	margin-top: -25px;
}
#lop4
{
	margin-left: 25px;
	margin-top: -25px;
}
#lop5
{
	margin-left: 25px;
	margin-top: -25px;
}
#rules
{
	font-size: 50px;
	color: blue;
}
.game
{
	visibility: hidden;
	position: absolute;
}
.summary
{
	visibility: hidden;
	position:absolute;
	font-family: times new roman;
}
#tt 
{
	top: 460px;
	left: 50px;
}
.tower 
{
	visibility: hidden;
	width: 25px;
	height: 250px;
	position: absolute;
	top: 225px;
	left: 110px;
	background: url(../assets/chess5.png);
	z-index: 1;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 75% 0%;
}
#tower2 
{
	left: 250px;
}
#tower3 
{
	left: 390px;
}
.towerName {
visibility: hidden;
color: red;
font-size: 40px;
font-weight: bold;
position: absolute;
top: 525px;
left: 110px;
font-family: times new roman;
}
#b
{
	left:250px;
}
#c
{
	left:390px;
}

.disc {
position: absolute;
z-index: 2;
text-align: center;
font-size: 26px;
background: orange;
cursor: pointer;
border: 2px solid darkred;
border-radius: 15px;
display: inline-block;
font-family: times new roman;
font-weight: bold;
}
#summaryHolder 
{
	height: 580px;
	width: 250px;
	border: 1px solid black;
	left: 535px;
	top: 10px;
	background: whitesmoke;
	font-size: 26px;
	text-align: center;
	border-radius: 10px;
}
#nd 
{
	top: 65px;
	left: 45px;
}
#nc
 {
	top: 110px;
	left: 105px;
	border: 5px solid black;
	padding: 5px 10px 5px 10px;
	background: white;
}
#mm 
{
	top: 225px;
	left: 60px;
}
#mc 
{
	top: 280px;
	left: 115px;
}
#restart {
top: 380px;
left: 60px;
}
#giveUp {
top: 480px;
left: 50px;
}
#gameHolder 
{
	top: 0px;
	left: 0px;
}
.button 
{
	visibility: hidden;
	position: absolute;
	font-size: 32px;
	background: gold;
	border: 5px solid darkred;
	padding: 5px 5px 5px 5px;
	cursor: pointer;
	color: crimson;
	border-radius: 15px;
	z-index: 4;
	text-align: center;
	font-weight: bolder;
	font-family: sans-serif;
}
.button:hover
{
	border: 3px solid darkred;
	background: lightgoldenrodyellow;
}
.textBox
{
	visibility:hidden;
	position:absolute;
	text-align: center;
	font-size: 26px;
	font-weight:bolder;
	font-family: sans-serif;
}
.ans
{
	outline: none;
	padding: 0px;
	border: 1px solid black;
	width: 50px;
	text-align: center;
	font-size: 22px;
	font-family: sans-serif;
	height: 30px;
}
.answer
{
	outline: none;
	padding: 0px;
	border: 1px solid black;
	width: 50px;
	text-align: center;
	font-size: 22px;
	font-family: sans-serif;
	height: 30px;
}
.aa
{
	outline: none;
	padding: 0px;
	border: 1px solid black;
	width: 50px;
	text-align: center;
	font-size: 22px;
	font-family: comic sans ms;
	height: 30px;
}
#next
{
	top:500px;
	left:670px;
}
#start	
{
	top:520px;
	left:625px;
}
#next1
{
	top:500px;
	left:670px;
}
#next2
{
	top:500px;
	left:670px;
}
#next3
{
	top:500px;
	left:670px;
}
#next4
{
	top:520px;
	left:670px;
}
#next5
{
	top:500px;
	left:670px;
}
#next6
{
	top:500px;
	left:670px;
}
#next7
{
	top:500px;
	left:670px;
}
#next8
{
	top:500px;
	left:620px;
}
#next9
{
	top:500px;
	left:670px;
}
#textBox7 
{
	top: 420px;
	width: 600px;
}
#textBox8 
{
	width: 600px;
	top: 390px;
}
#previous
{
	top:500px;
	left:30px;
}
#submit
{
	top: 100px;
	left: 560px;
}
#submit1
{
	top: 420px;
	left: 650px;
}
#submit2
{
	top:500px;
	left:600px;
}
#popupHolder 
{
	z-index: 5;
	visibility: hidden;
	position: absolute;
	background: skyblue;
	border: 5px solid darkblue;
	border-radius: 10px;
	width: 500px;
	height: 235px;
	top: 75px;
	left: 130px;
	cursor: move;
}
#popText 
{
	position: absolute;
	top: 30px;
	font-size: 24px;
	width: 365px;
	text-align: center;
	left: 110px;
	font-family: sans-serif;
}
#sparkie 
{
	width: 100px;
}
#ok 
{
	left: 230px;
	top: 150px;
	width: 100px;
}
#ok1
{
	left: 230px;
	top: 150px;
	width: 100px;
}
#ok2
{
	left: 230px;
	top: 150px;
	width: 100px;
}
#ok3
{
	left: 230px;
	top: 150px;
	width: 100px;
}
#ok4
{
	left: 230px;
	top: 150px;
	width: 100px;
}
#sw10
{
	font-size:33px;
}
.hh
{
	font-weight: bold;
}
#textBox6
{
	width: 790px;
	top: 390px;
	left: 0px;
}
#submit3 
{
	top: 300px;
	left: 635px;
}
#submit4 
{
	top: 460px;
	left: 650px;
}
#aa2
{
	height: 25px;
	font-size: 20px;
}
.chessTable 
{
	font-family: sans-serif;
	visibility:hidden;
	position: absolute;
	top: 35px;
	left: 345px;
	background: white;
	border: 1px solid black;
	border-collapse: collapse;
	text-align: center;
	width: 250px;
	height: 300px;
	font-size: 20px;
}
#dataTable
{
	font-family: sans-serif;
	visibility:hidden;
	position:absolute;
	top:45px;
	left:15px;
	background: white;
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    width: 500px;
	height: 100px;
    font-size: 20px;
}
#dataTable1
{
	visibility:hidden;
	position:absolute;
	top:100px;
	left:80px;
	background: white;
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    width: 600px;
	height: 300px;
    font-size: 20px;
	font-family: sans-serif;
}
.num
{
	font-size: 32px;
	position: relative;
	left: -15px;
	top: 3px;
	border: none;
}
.denum 
{
	position: relative;
	top: 40px;
	left: -10px;
	font-size: 32px;
}
.denum1
{
	border: none;
}
.heading1
{
	width: 300px;
	border: 1px solid black;
	height: 100px;
	font-size: 28px;
}
.holder 
{
	position: relative;
	top: -70px;
	left: 10px;
}
.arrow 
{
	width: 75px;
	height: 15px;
	position: relative;
	left: -25px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}
.two 
{
	position: relative;
	top: -30px;
	left: 5px;
	color: red;
}
td
{
	border:1px solid black;
	width: 50px;
	padding:2px 2px 2px 2px;
}
.heading
{	
	width:300px;
}
.over
{
	visibility:hidden;
	position:absolute;
}
#over 
{
	top: 480px;
	left: 275px;
	font-size: 100px;
	color: red;
	font-weight: bolder;
}
#textBox1 
{
	top: 25px;
	left: 200px;
}
#textBox2 
{
	top: 360px;
	left: 20px;
	width: 601px;
}
#textBox4 
{
	font-size: 18px;
	top: 480px;
	left: 400px;
}
#at1 
{
	padding: 0px;
	height: 30px;
	text-align: center;
	font-size: 22px;
	width: 150px;
	border: 1px solid black;
}
#hint1 
{
	top: 215px;
	left: 280px;
}
#hint2 
{
	top: 215px;
	left: 440px;
}
#textBox3 
{
	top: 340px;
}
#textBox5 
{
	top: 435px;
	width: 600px;
}
.chess
{
	visibility:hidden;
	position:absolute;
	text-align:center;
	color:red;
	width: 500px;
	top: 40px;
}
#square1
{
	font-size: 40px;
	top: 155px;
	z-index: 2;
}
#square2
{
	font-size: 40px;
	top: 155px;
	z-index: 2;
}
#square3
{
	font-size: 40px;
	top: 155px;
	z-index: 2;
}
#square4
{
	font-size: 40px;
	top: 155px;
	z-index: 2;
}
#chessHolder
{
	position:absolute;
	top:0px;
	left:0px;
	width:500px;
	height:400px;
}
.ss
{
	visibility:hidden;
	text-align:center;
	position:absolute;
	color: #0000FF;
    top: 145px;
}
#chessHolder
{
	top:20px;
	left:20px;
}