/* activities/Colour Yahtzee/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 */
}
.blue {color:blue;}

.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:30px; margin-bottom:15px;}

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

#slots {width:460px; height:100px; border:5px groove gold; margin:0 auto;
	background-color:purple; margin-top:25px;}
.slot {padding:0px; display:inline-block; margin:15px 5px 0 5px;
	background-color:lightgrey; border:5px groove gold;}

#row1 {width:100%; height:90px;}
.colour {display:inline-block; margin:15px 15px 0 15px; padding-top:9px;
	border:5px groove gold; width:110px; height:43px;
	color:black; font-size:30px;}

#row2 {width:100%; height:90px;}
#row3 {width:100%; height:90px;}
.hand {display:inline-block; margin:15px 15px 0 15px; padding-top:15px;
	border:5px groove gold; width:180px; height:39px;
	color:black; font-size:20px; background-color:lavender}

#control {margin-top:10px;}
.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;}
#next {background-color:pink;}
#spins {width:140px;}
#info {background-color:palegreen;}

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

#panel {width:200px; top:95px; right:10px; 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;}