/* puzzles/alpha3/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:665px; border:1px solid black; margin:auto;
			background-color:ivory; position:relative; margin-top:10px; cursor:default;}

#title {margin-top:20px; margin-bottom:15px;}

#number {left:100px; top:35px; font-style:italic;}
#score {right:100px; top:35px; font-style:italic;}

#puzzle {width:380px; height:340px; border:1px solid blue; font-size:46px; top:130px;
	padding-top:10px; left:310px; font-family:serif;}

.slot {width:44px; height:44px; display:inline-block; margin-left:-5px; margin-right:-5px;
	margin-top:23px; text-align:center; cursor:pointer;}

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

#smileyL {left:90px; bottom:10px;}
#smileyR {right:90px; bottom:10px;}
#best {right:20px; bottom:20px; font-style:italic;}

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

#panel {width:250px; top:20px; 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:20px; display:none;}
#rl {color:blue;}

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