body
{
overflow:none;
font-family:"Courier New";
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
color:black;
}

#controls
{
position:fixed;
top : 0;
right: 0;
text-align:right;
margin: auto;
padding-right:10px;
z-index:2;
}

#maincanvas
{
position:fixed;
top: 0px;
left: 0px;
z-index:-1;
}

#clonecanvas
{
position:fixed;
top: 0px;
left: 0px;
z-index:0;
}

canvas
{
display:block;
}

canvas.point
{
cursor: pointer;
}

canvas.openhand
{
cursor: grab;
cursor: -webkit-grab;
}

canvas.closedhand
{
cursor: grabbing;
cursor: -webkit-grabbing;
}

p
{
font-size:smaller;
}

#homediv
{
position:fixed;
z-index:2;
}

.homelink
{
font-style: italic;
font-size:smaller;
}

a
{
color:black;
}

.hidden
{
display:none;
}

#sidebar
{
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
z-index:2;
position:fixed;
right:0px;
bottom:0;
overflow:none;
width:192px;
text-align: center;
}

#scrollbox
{
overflow:auto;
bottom:0px;
}

#sideheader
{
z-index:2;
background-color:#ffffff;
position:absolute;
bottom:100%;
border: 1px solid black;
width:100%;
cursor:pointer;
}

#sidefooter
{
z-index:2;
background-color:#ffffff;
position:relative;
bottom:0;
border: 1px solid black;
width:100%;
cursor:pointer;
}

table
{
margin-left:auto;
margin-right:auto;
border-spacing:0px;
}

.unlocked
{
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
background-color:#ffffff;
}

.locked
{
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
background-color:#ffffff;
}

.locked a, .locked p
{
color:#777777;
}

#rewards p
{
margin:0px;
}

.unlocked canvas
{
vertical-align:middle;
}

.unlocked:hover
{
background-color:#eeeeee;
cursor: pointer;
}

.grey
{
color:#777777;
}

.awardblack
{
border:1px solid transparent;
}

.awardgrey
{
border:1px solid transparent;
}

.awardblack:hover
{
border:1px solid black;
}

.awardgrey:hover
{
border:1px solid #aaaaaa;
}

#scorediv
{
position:relative;
display:inline;
top:0px;
left:0px;
}

#pointsdiv
{
position:relative;
display:inline;
top:0px;
right:0px;
}
