/* activities/Alpha 12/styles.css */

*:focus {outline: none;} /* prevents outline on clicked items */

body {background-color:#008; font-family:arial; font-size:24px; color:blue;}
body { /* prevents text selection */
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
}

.textC {text-align: center;}
.abs {position:absolute;}

#box {width:960px; height:120vh; border:1px solid black; margin:auto;
			background-color:ivory; position:relative; margin-top:10px; cursor:default;}

#title {margin-top:10px; margin-bottom:15px;}
#message {color:red; margin:-8px 0 0 0; padding:0; font-size:18px; font-style:italic;}

#current {position:absolute; top:18px; left:150px; font-style:italic;}
#best {position:absolute; top:18px; right:25px; font-style:italic; color:brown;}
#smiley {position:absolute; top:15px; right:130px;}

#tiles {position:absolute; top:99px; left:265px;}
#right {position:absolute; top:0px; left:-80px;}
#score {position:absolute; top:125px; left:-80px;}
#frame {position:absolute; top:-10px; left:-9px;}
#frameB {position:absolute; top:459px; left:-9px;}
.tile {position:absolute; width:50px; height:50px; border:1px solid #ed8;
	background-color:#eff; padding-top:8px; color:navy; cursor:pointer;
	font-size:28px; font-family:sans-serif; font-style:bold;} 
#cursor {position:absolute; width:49px; height:49px; border:4px solid black;
	background-color:rgba(0,0,0,0); margin:-2px 0 0 -2px;}

#control {margin-top:480px;}
.butn {display:inline-block; padding:10px 15px; margin:20px 10px;
	border:3px solid brown; border-radius:5px;
	cursor:pointer; border-radius:10px; background-color:#c7fffe;}
#newGame {background-color:pink;}
#clear {background-color:palegreen;}
#try {background-color:palegreen;}
#Keyboard {background-color:yellow;}
#info {background-color:palegreen;}

#home {left:10px; top:10px;}
#back {left:80px; top:10px;}

#panel {width:290px; top:132px; right:5px; background-color:rgba(255,235,205,0.9);
	color:black; border:4px solid mediumblue; box-shadow:5px 5px 3px grey;
	font-size:20px; padding:10px 20px; display:none;}
#tryWord {color:blue; background-color:palegreen; padding:2px 5px;}

#close {background-color:blue color:ivory; margin:10px;}