body {
	margin: 0px;
	font-family:Verdana, Geneva, sans-serif;
	color: #333;
}
#maindiv{
    width:502px;
    height:500px;
	background-color:#fcffff;
	border: 5px solid #676767;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#wrapper{
	margin-top:6px;
	margin-left:7px;
	width:488px;
    height:487px;
	background-color:#fafbfa;
}
#graph{
	background-image:url(../images/graph-01.png);
	background-position:inherit;
	background-size:contain;
	width:400px;
    height:395px;
	overflow:hidden;
	position:absolute;
	left:75px;	
} 
#coordslots {
	margin: 0px auto 0 auto;
	background: #e9c8a1;
} 
#coordslots div {
	float: left;
	width: 20px;
	height: 20px;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0;
	margin: 0;
	margin-left:5px;
}
#coordpile {
	position:absolute;
	top:410px;
	left:55px;
	width: 400px;
	height: 20px;
	padding: 5px;
	border: 1px solid #333;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background-color:#ffffff;
}
.label1{
	width: 20px;
	height: 20px;
	padding: 0px;
	padding: 0px; 
	background-color:red;
}
.label2{
	width: 46px;
	height: 20px;
	padding: 0px;
	padding-top: 0px;
	padding-left:4px;
	color:#ffffff;
	font-weight:bold;
}
.label3{ 
	position:absolute;
	top:0px;
	left:20px;
	width: 68px;
	height: 18px;
	padding: 0px;
	padding-top: 2px;
	font-size:12px;
	background-color:#ffffff;
	text-align:center;
}
#coordslots div:first-child, #coordpile div:first-child {
 	margin-left: 0;
}
#coord1{
	position:absolute;
	left:25px;
}
#coord2{
	position:absolute;
	left:170px;
}
#coord3{
	position:absolute;
	left:310px;
}
#slot1{
	position:absolute;
	top:155px;
	left:185px;
}
#slot2{
	position:absolute;
	top:291px;
	left:125px;
}
#slot3{
	position:absolute;
	top:112px;
	left:247px;
}

/* X COORDS */

#coordx1{
	position:absolute;
	top:142px;
	left:108px;
	width:39px;
	height:51px;
	background-image:url(../images/scoord.png);
	background-position:inherit;
	background-size:contain;
}
#coordx2{
	position:absolute;
	top:98px;
	left:330px;
	width:39px;
	height:51px;
	background-image:url(../images/pcoord.png);
	background-position:inherit;
	background-size:contain;
}
#coordx3{
	position:absolute;
	top:186px;
	left:330px;
	width:39px;
	height:51px;
	background-image:url(../images/tcoord.png);
	background-position:inherit;
	background-size:contain;
}
#coordx4{
	position:absolute;
	top:252px;
	left:152px;
	width:39px;
	height:51px;
	background-image:url(../images/rcoord.png);
	background-position:inherit;
	background-size:contain;
}
#coordx5{
	position:absolute;
	top:297px;
	left:284px;
	width:39px;
	height:51px;
	background-image:url(../images/qcoord.png);
	background-position:inherit;
	background-size:contain;
}
/* MESSAGES */

#messages{
	position:absolute;
	top:444px;
	left:55px;
	width:400px;
	height:25px;
	color:#F00;
	text-align:center;
	font-size:12px;
}
#reset{
	position:absolute;
	top:460px;
	left:195px;
	width:107px;
	height:36px;
	background-image:url(../images/resetgraphbutton-01.jpg);
	background-size:contain;
}

