body {
	margin:0;
	padding:0;
	font-size:14px;
	font-family:"Ubuntu", "Helvetica Neue", Helvetica, sans-serif;
	background: rgb(29,31,33);
	background: -moz-linear-gradient(-45deg,  rgba(29,31,33,1) 0%, rgba(69,72,77,1) 28%, rgba(29,31,33,1) 78%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(29,31,33,1)), color-stop(28%,rgba(69,72,77,1)), color-stop(78%,rgba(29,31,33,1)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(-45deg,  rgba(29,31,33,1) 0%,rgba(69,72,77,1) 28%,rgba(29,31,33,1) 78%,rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(-45deg,  rgba(29,31,33,1) 0%,rgba(69,72,77,1) 28%,rgba(29,31,33,1) 78%,rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(-45deg,  rgba(29,31,33,1) 0%,rgba(69,72,77,1) 28%,rgba(29,31,33,1) 78%,rgba(0,0,0,1) 100%);
	background: linear-gradient(135deg,  rgba(29,31,33,1) 0%,rgba(69,72,77,1) 28%,rgba(29,31,33,1) 78%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1f21', endColorstr='#000000',GradientType=1 );
   overflow:hidden;
   height:2000px;
}

#main {
   position:relative;
   width:960px;
   text-align:center;
   margin:0px auto;
}

h1, h2, h3, h4, h5, input, select, button, textarea {
}

a {
	text-decoration:none;
	color:#00c;
}

a:hover {
	text-decoration:underline;
}

a:visited {
	color:#006;
}

a:active {
	color:#e00;
	display:inline-block;
	top:2px;
}

table#board {
	border-collapse:collapse;
	background-color:#000;
   width:32em;
	border:1em solid rgb(87, 147, 202);
	/* width:36em; */
   top:0px;
   position:relative;
   height:46em;
   bottom:0px;
	margin:-1em auto;
	box-shadow: 0em 0em 2em .5em rgba(0,0,0,.4);
}

#board td {
	width:4em;
	height:4em;
	background-color:#bbb;
	border:2px ridge #ddd;
	text-align:center;
   position:relative;
}

.tile, #scoreboard i {
	background-color: rgb(240,213,161);
	display:inline-block;
   text-align:center;
	width:1.4em;
	height:1.25em;
	padding: 0px 0px 0px 0px;
	box-shadow:2px 2px 2px rgba(0,0,0,.45);
	font-weight:500;
	font-size:2.27em;
	border-left:.125em groove #F0E5BF;
	border-top:.125em groove #F0E5BF;
	border-bottom: .125em ridge rgba(80,53,01,.75);
	border-right: .125em ridge rgba(80,53,01,.75);
   position:relative;
   z-index:99;
}

#scoreboard i {
   border-width: 2px;
   width:1.5em;
}
#rack .racktile {
   position:relative;
   top:0px;
   left:0px;
}

#rack {
	box-shadow: 0px 1em 1em rgba(0,0,0,.4);
	border-bottom:.5em outset #a73;
	border-top:.5em solid #ca7;
	border-left:.5em outset #a73;
	border-collapse:collapse;
	width:32em;
   border-right:.5em ridge #a73;
   border-bottom:.5em ridge #a73;
   padding: 0px 0px;
   position: relative;
   z-index: 8;
	background: rgb(182,141,76);
   margin: 0px auto;
	height:4.5em;
   background: -moz-linear-gradient(top,  rgba(182,141,76,1) 0%, rgba(63,54,6,1) 8%, rgba(182,141,76,1) 32%, rgba(193,158,103,1) 73%, rgba(233,212,179,1) 93%, rgba(182,141,76,1) 99%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(182,141,76,1)), color-stop(8%,rgba(63,54,6,1)), color-stop(32%,rgba(182,141,76,1)), color-stop(73%,rgba(193,158,103,1)), color-stop(93%,rgba(233,212,179,1)), color-stop(99%,rgba(182,141,76,1)));
   background: -webkit-linear-gradient(top,  rgba(182,141,76,1) 0%,rgba(63,54,6,1) 8%,rgba(182,141,76,1) 32%,rgba(193,158,103,1) 73%,rgba(233,212,179,1) 93%,rgba(182,141,76,1) 99%);
   background: -o-linear-gradient(top,  rgba(182,141,76,1) 0%,rgba(63,54,6,1) 8%,rgba(182,141,76,1) 32%,rgba(193,158,103,1) 73%,rgba(233,212,179,1) 93%,rgba(182,141,76,1) 99%);
   background: -ms-linear-gradient(top,  rgba(182,141,76,1) 0%,rgba(63,54,6,1) 8%,rgba(182,141,76,1) 32%,rgba(193,158,103,1) 73%,rgba(233,212,179,1) 93%,rgba(182,141,76,1) 99%);
   background: linear-gradient(to bottom,  rgba(182,141,76,1) 0%,rgba(63,54,6,1) 8%,rgba(182,141,76,1) 32%,rgba(193,158,103,1) 73%,rgba(233,212,179,1) 93%,rgba(182,141,76,1) 99%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b68d4c', endColorstr='#b68d4c',GradientType=0 );
}

#rackWrap {
   position:relative;
   z-index:8;
   margin: 0px auto;
}

#rack ul {
   margin:0px;padding:1em;
}

#rack ul li {
	text-align:center;
	list-style-type:none;
	float:left;
	display:inline-block;
	position:relative;
}

.racktileWrap {
   width:4.25em;
   height:2.5em;
   display:inline-block;
   position:relative;
}

.racktile {
   padding:0;
   display:inline-block;
   position:absolute;
   margin: 5px 0px 0px 3px;
   z-index:10;
}

#rack tr td {
	background-color: transparent;
}

#rack .tile {
	width:1.4em;
	padding:1px 0px 0px 0px;
}

#board tr td span.blank::before {
	color:#eee;
	opacity:.7;
	position:absolute;
   font-size:1.5em;
}

#board tr td.c2L span.blank::before {
	content: "2L";
	margin-left: -.5em;
}

#board tr td.c2W span.blank::before {
	content: "2W";
	margin-left: -.7em;
}

#board tr td.c3L span.blank::before {
	content: "3L";
	margin-left: -.5em;
}

#board tr td.c3W span.blank::before {
	content: "3W";
	margin-left: -.7em;
}

#board tr td.c4L span.blank::before {
	content: "4L";
	margin-left: -.5em;
}

#board tr td.c4W span.blank::before {
	content: "4W";
	margin-left: -.7em;
}

#board tr td.c5L span.blank::before {
	content: "5L";
	margin-left: -.5em;
}

#board tr td.c5W span.blank::before {
	content: "5W";
	margin-left: -.7em;
}

#board tr td:hover span.blank::before {
	background-color:transparent;
}

#board tr td:hover {
}
td span.blank { display:inline-block; width:1.5em; height:1.35em; }
#board tr td.c2W { background-color:#d97140; }
#board tr td.c3W, .orange2 { background-color:#ea9727; }
#board tr td.c4W { background-color:#2797ea; }
#board tr td.c5W { background-color:#7800c5; }
#board tr td.c2L, .ltblue { background-color:#0078c5; }
#board tr td.c3L, .green { background-color:#35a02d; }
#board tr td.c4L, .teal { background-color:#00c0d5; }
#board tr td.c5L { background-color:#99a8f5; }
.yellow { background-color:#cccc00; }
td { }

.points {
	position:absolute;
	font-size:.75em;
	top:.5em;
   left:.5em;
	color:#855;
   z-index:100;
}

.fill {
	width:5em;
}

#board .racktile {
   margin: 0px;
   top: 0px;
   left:0px;
}

#rack .racktile {
   position: relative;
}

#board .tile {
   width: 1.4em;
   height: 1.25em;
}

#board .points {

}

.button{
   width: 120px;
   height: 24px;
   padding: 5px 16px 3px;
   -webkit-border-radius: 16px;
   -moz-border-radius: 16px;
   border-radius: 16px;
   border: 2px solid #ccc;
   margin: 1em 0 2em;
   position: relative;
   
   /* Label */
   font-family: Lucida Sans, Helvetica, Verdana, sans-serif;
   font-weight: 600;
   color: #fff;
   text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
   text-align: center;
   vertical-align: middle;
   white-space: nowrap;
   text-overflow: ellipsis; 
   overflow: hidden;
}

.button:hover {
   text-shadow: rgb(255, 255, 255) 0px 0px 5px;
}
.wood1, #scoreboard div i { background-image: url(data:image/png;base64,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); }
.wood2, #scoreboard div span i { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAA4CAMAAABnuDDbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhQTFRF6syq5MWi6cqm4sKc2ruW5sik7c+s7tKyu9MNpQAABMNJREFUeNoslgGSwzAIAwEH+P+PqxXN3DVtYkAIgR27XdNvuoovNVUz0x0zWdwj9EI/ddeSmf1ivu99ut7Lfpn5XmdldlfqSeqmL7rrVT+v3Hgs11X2Osm3Dv1FybwrQraxkd/LkuX7XmDC28yYzpCvktFEnWd5CeLJThBx9V6Aqbox0rLmLUkos2ggAutVgEIYYzYV5zm4/mVDDH5FOHkBkRnPwFB6a3DCVgKq5UTTOxKOioKFvowcAFTVxkGcBgTo674Krm3hljBNEYTicjQ2cUmWpKFCYZG8VqgSBLPxLilIaNs8pw08IAm8XCoH/RA1SerPBqMXslWe0E4uytjIn2G1mQoHtYcrq5mB7qbsR7RWUngVEoOkrHqtf5KjhPItbM/m8kYl/dw8T8Cm8uMCQcGcCKi0DtrRZVAkNg4brijpn3gJYxuli95EfgHuWXJthSlGXVn1xKVLhI3Tjg8uXB2Tq0WDi5JIcofQ+KvzJWr1Fr09B+BRERJwRUL958jJIlLdWAUOJ0QdgpzKqYBDDTbPpW9LkVaU3LCx3Myy06HZhED2adkZGKWbtQI/8Js0A7I7tFbAxkeZpmQBNQYBen0Q6eUse6pj0Q3uMJ7T7lPzaJ60UBDP9RplJ45lRVJjPcCc+0Sjoyk3NHweEpDjAdMiY8HGwInTpdgAw/zrFf1RtTEUpxQIJxY2lAKl/qMXCTQLXaJHcjGwH+3SsZh0Kxw6TROSnYA6BkGvBaUndKPlWJZCmTvPwgWcJha5aIC0Ff4XjjilcrAy1DBYC8ahvZY5J1If7clAe/++CxcWm7AN3ar0J6/fKASjbZjDvPfMDTpF+MadPG4KkSLvMmV8ReqHU2VtM0B1dxYJLiUC2Z4E0IMC1QtNdZAs5dglHBID20UyjRUv5GBWM/FvoMSKToCbm6FpLkwiko59OFQqXyDX/0BnD5BYA4QkpYWD7yZdlUaBdocZnzCCGuVuZdOHzUrRh0IoO61luOvaR31ks+EWpLIKVVarwlilKKlVVAUolSeczzw6W596DhqmkuuDiOs4JSrjVtX5Pu8liKkdLXDlQUzzBNqMf25uYUFwEwLPY3huflo4LvNcNyJLMCStCteASCcnJtfYqm4OuQVQkLDaK53SAFOHJW0hTwKGVsgBkj0WDiBN54nBcLPy5cUbYtmsb+7gH0R/sxlvcaNhHe4PA1qijCrBDlTgNGRG0jAkvcfEcb3MAFVg0eOoeC4k9r48Fwi7DHhF/6yrWqTIMnFtlbFNRll8ZTnBYb87wkB31l4d4GrJDYdu5B5KL72PLT2u6YU56+0bODQMJguTIPUwd2fQ0D6HhA9T5L70MY6ZS3pQlFLnrjuQKIx39HzGBg3y46ZAV8P8ECflQpdHUgDuDjx0WcdNKjmFvWN6PaAwvK2XfJcIwR5M05Ac8PRraU7uKG+Ikx6W8O4NUXuwbORA9XcK3kRMG8Uk0BRbgYhaFMQokA1DqDzzLF0fnwB35dq4BoQDH0I5H4gOhE8zr8XrXdebgtaSEB22nnScGhps3kXY3P41HB9cAmSeGmnK4YUVH33Krlr/+eszAiNI9I8nksrjcwTHj2FQ2eYufnAO4+PLOwj72bt1+sbx1d9+AgwAVcIgtGdT34wAAAAASUVORK5CYII=); }
.wood3 { background-image: url(data:image/png;base64,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); }
.wood4 { background-image: url(data:image/png;base64,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);}
#scoreWrapWrap {
   position:absolute;
   top:15em;width:32em;
   z-index: 100;
}
#scoreWrap {
   background-color: black;
   border: 3px solid transparent;
   width: 12em;
   height: 8em;
   padding-top: 1em;
   z-index: 100;
   color: #0C0;
   box-shadow: .25em .5em 1em rgba(0, 0, 0, .4);
   font-family: Orbitron;
   margin: 0px auto;
   opacity: .65;
   border-radius: 1em;
   vertical-align: bottom;
}
#scoreWrap label {
   font-size: 1.4em;
   font-family: Orbitron;
   display: inline-block;
   margin-bottom: 1em;
}
#score { font-family: Orbitron; font-size:4em; }
.tilescore {
   border-radius: 2em;
   font-size: 8px;
   position: absolute;
   right: 0px;
   top: 0px;
   height: 13px;
   width: 18px;
   z-index: 101;
   border: 2px solid white;
   box-shadow: 2px 2px 2px rgba(0,0,0,.4);
   padding-top: 5px;
   color: white;
   background: rgb(248,80,50); /* Old browsers */
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4NTAzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxNmY1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y2MjkwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2YwMmYxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNzM4MjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,80,50,1)), color-stop(50%,rgba(241,111,92,1)), color-stop(51%,rgba(246,41,12,1)), color-stop(71%,rgba(240,47,23,1)), color-stop(100%,rgba(231,56,39,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* IE10+ */
   background: linear-gradient(to bottom,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-8 */
}
.hide { display:none; }
#leftColumn {
   position:absolute;
   left:1em;
   width:16em;
   top:1em;
   bottom:1em;
}
.panel {
   background-color:rgba(0,0,0,.5);
   border:.25em solid transparent;
   border-radius: 1em;
   margin:1em;
   color:#ccc; 
}

#status { 
   text-align:left;
   color:#00cc00;
   padding-top:.5em;
   padding-left:.5em;
   height:30em;
   overflow-y: scroll;
   font-weight:200;
   font-size:12px;
}

#status p {
   margin: .25em 0px;
}

#scoreboard {
   height:20em;
}

#title {
   margin-top:1em;
   text-align:center;
}
#title img { width:100px; }
#scoreboard i { font-style:normal; color:#000; text-shadow:none; width:1.2em;height:1.1em;font-size:20px; }
.titleSquare { display:block;height:26px;width:28px; position:relative; top:0px;left:0px;}
#scoreboard table#scores { width:13em; margin-top:1em; margin-left:.25em; }
#scoreboard table#scores th { font-weight:normal; font-size:1.2em; letter-spacing:3px; text-transform:uppercase; }
#scoreboard table#scores td { 
   font-weight:normal; font-size:2em; color:#00dd00; width:50%; border:2px inset #999;font-family:Orbitron;padding-top:.25em;border-radius:.25em; 
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
   background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 51%, rgba(226,226,226,0) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.5)), color-stop(51%,rgba(255,255,255,0)), color-stop(100%,rgba(226,226,226,0))); 
   background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 51%,rgba(226,226,226,0) 100%);
   background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 51%,rgba(226,226,226,0) 100%);
   background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 51%,rgba(226,226,226,0) 100%);
   background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 51%,rgba(226,226,226,0) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00e2e2e2',GradientType=0 );
}
.center { text-align:center; }
#scoreboard div.level { text-transform:uppercase; margin-top:1em; font-size:1.1em; }
#level { color:#fff; font-size:1.5em; position:relative; top: 3px; left: .25em; }
.removeit { 
   -webkit-transition:all 1s ease-in-out;
   -moz-transition: all 1s ease-in-out;
   -o-transition: all 1s ease-in-out;
   transition: all 1s ease-in-out;
   -webkit-transform: scale(3)
   opacity:0
}
/* .animate { -webkit-transition: top 150ms ease; -moz-transition: top 150ms ease; -o-transition: top 150ms ease; transition: top 150ms ease; }  */
.animate2 { -webkit-transition: top 500ms ease; -moz-transition: top 500ms ease; -o-transition: top 500ms ease; transition: top 500ms ease; } 
.alert { 
   position:absolute; top:0px;left:35em;
   background-color:rgba(0,0,0,.65);
   width:33em;
   height:52em; color:#eee; text-align:center; font-family:"Helvetica Neue",Helvetica,Verdana,sans-serif; border-radius:0px; font-weight:normal; z-index:109;

/* -webkit-transition: left .35s ease-in-out;  */
-webkit-transition: left 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
-moz-transition: left 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
-ms-transition: left 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
-o-transition: left 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
transition: left 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}
#pause { width:100%; height:100%; }
#pause2, #options, #gameover, #segue { left:35em; height:52em; padding-top:0px; width:33em; display:none; z-index:110;}
#segue { background-color:transparent; }
#help { 
   position: absolute;
   display: none;
   border: 1px solid transparent;
   top: 0px;
   left: 0px;
   background-color: rgba(0, 0, 0, .75);
   color:#eee;
   width: 31em;
   z-index: 105;
   height: 51em;
   text-align: center;
   text-shadow:none; 
   letter-spacing:0px;
   overflow-y: scroll;
   line-height:1.5em;
}
#help h2 { margin-bottom: 3em; }
#help p { text-align:left; }
#help table { letter-spacing: 0px; text-align: left; border-collapse:collapse;margin:0 auto; }
#help table thead th { border-bottom: 2px solid #999; text-align:center;}
#help tbody th { text-align: center; padding:.25em 1em; }
#help { padding:1em; text-shadow:0px; }
#help h3 { text-align:left; font-size:1.2em; }
#help table tbody th { border-right: 1px solid #999; }
#help table tbody td { padding: .5em 1em; }
#help h2 { font-size:1.4em; }
#pause h1, .alert h1 {
   font-family: Orbitron;
   background-color: rgba(0, 0, 0, .65);
   padding: 2em 1em;
   width:12em;
   margin: 1em auto 2em;
   border-radius: .5em;
   box-shadow: .25em .25em .5em rgba(0, 0, 0, .5);
   border: 1px solid #eee;
   letter-spacing: .25em;
   color:#00cc00;
   text-shadow: 0 0 5px rgba(0,200,0,.5);
}

#pause span { 
   font-size: 1.15em;
   font-weight: 300;
   text-shadow: 2px 2px 2px black;
   background: rgba(0, 0, 0, .65);
   padding: 1em;
   border: 1px solid rgb(204, 204, 204);
   border-radius: .5em;
   box-shadow: .25em .25em 1em rgba(0, 0, 0, .5);
   display: inline-block;
   width: 26em;
}

#gameover h1 { margin-top: 2em; }

#pause span {
   margin-top:5em;
}

.racktile.stop { position:relative; top:0px; left:0px; }
#boardWrap {
   position:absolute;
   width:33em;
   left:18em;
   overflow:hidden;
   height:52em;
   z-index:10;
}

@-webkit-keyframes textglow {
  0% {
    -webkit-text-shadow: 0 0 16px rgba(66, 240, 140, 0.1);
    text-shadow: 0 0 16px rgba(66, 240, 140, 0.1);
  }
  100% {
    -webkit-text-shadow: 0 0 16px rgba(66, 240, 140, .9), 0 0 36px rgba(0, 255, 140, .9);
    text-shadow: 0 0 16px rgba(66, 240, 140, .9), 0 0 36px rgba(0, 255, 140, .9);
  }
}
@-moz-keyframes textglow {
  0% {
    -moz-text-shadow: 0 0 16px rgba(66, 240, 140, 0.1);
  }
  100% {
    -moz-text-shadow: 0 0 16px rgba(66, 240, 140, .8), 0 0 36px rgba(0, 255, 140, .8);
  }
}
@-o-keyframes textglow {
  0% {
    text-shadow: 0 0 16px rgba(66, 240, 140, 0.1);
  }
  100% {
    text-shadow: 0 0 16px rgba(66, 240, 140, .8), 0 0 36px rgba(0, 255, 140, .8);
  }
}
@keyframes textglow {
  0% {
    text-shadow: 0 0 16px rgba(66, 240, 140, 0.1);
  }
  100% {
    text-shadow: 0 0 16px rgba(66, 240, 140, .8), 0 0 36px rgba(0, 255, 140, .8);
  }
}

@-webkit-keyframes glow {
  0% {
    -webkit-box-shadow: 0 0 16px rgba(66, 240, 140, 0.1);
  }
  100% {
    -webkit-box-shadow: 0 0 16px rgba(66, 240, 140, .8), 0 0 36px rgba(0, 255, 140, .8);
  }
}
@-moz-keyframes glow {
  0% {
    -moz-box-shadow: 0 0 16px rgba(66, 240, 140, 0.1);
  }
  100% {
    -moz-box-shadow: 0 0 16px rgba(66, 240, 140, .8), 0 0 36px rgba(0, 255, 140, .8);
  }
}
@-o-keyframes glow {
  0% {
    box-shadow: 0 0 16px rgba(66, 240, 140, 0.1);
  }
  100% {
    box-shadow: 0 0 16px rgba(66, 240, 140, .8), 0 0 36px rgba(0, 255, 140, .8);
  }
}
@keyframes glow {
  0% {
    box-shadow: 0 0 16px rgba(66, 240, 140, 0.1);
  }
  100% {
    box-shadow: 0 0 16px rgba(66, 240, 140, .8), 0 0 36px rgba(0, 255, 140, .8);
  }
}

.hover {
  background-color:#cce;
  -webkit-animation-name: glow;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;

  -moz-animation-name: glow;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: ease-in-out;

  -o-animation-name: glow;
  -o-animation-duration: 1s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: alternate;
  -o-animation-timing-function: ease-in-out;

  animation-name: glow;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}

.lookatme {
  -webkit-animation-name: textglow;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: .5s;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;

  -moz-animation-name: textglow;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: .5s;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: ease-in-out;

  -o-animation-name: textglow;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: .5s;
  -o-animation-direction: alternate;
  -o-animation-timing-function: ease-in-out;

  animation-name: textglow;
  animation-iteration-count: infinite;
  animation-duration: .5s;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}

#logo { 
   border-collapse: collapse;
   border: 2px outset #eee;
}

#logo td {
   border-left: 2px inset #fff;
   border-bottom: 2px inset #fff;
   padding:0px;
}

#logo td span {

}

#logo span.blank { 
   background-color:#ccc;
}

#start {
   background-color:rgba(0,0,0,.75);
   width:33em;
   left:0px;
}

.logo { display:block;margin:2em auto 4em; box-shadow: 0 .5em 1em rgba(0,0,0,.4); }

.alert button {
   width: 15em;
   padding: .25em 0em;
   font-size: 1.5em;
   height: 3em;
   display: block;
   margin: 1em auto;
   border-radius: .5em;
   background-color:#ddd;
   border:1px solid transparent;
   text-shadow: 0px 2px 1px #fff;
}

.alert button:active {
   border: 1px inset #aaa; top:.25em; position:relative;
}

.alert button:hover {
   background-color:#f7f7f7; 
   -webkit-transition:all 200ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
   -webkit-transform: scale(1.2);
}

button.disabled {
   background-color:#999;
   color:#666;
   display:none;
}

#footer {
   position:absolute;
   bottom:0px;
   height:1.5em;
   background-color: #333;
   color:#ddd;
   white-space:nowrap;
   width:33em;
}
.footitem {
   width:10em;
   white-space:nowrap;
   display:inline-block;
}
.active { z-index:999; }
.switch {
   height: 28px;
   width: 77px;
   border: 1px solid #979797;
   border-radius: 20px;
   margin-top: -5px;
   box-shadow: inset 0 1px 3px #BABABA, inset 0 12px 3px 2px rgba(232, 232, 232, 0.5);
   cursor: pointer;
   overflow: hidden;
}
#options .switch { float:right; }
.switch input[type=checkbox] {
   display: none;
}
#options table { width:97%; margin:.5em; background-color:#fff; border: 1px solid #666; border-collapse:collapse; }
#options table tr th, #options table tr td { 
   border-bottom: 1px solid #9A9FA5;
   border-top: 1px solid #DBDBDD;
   text-shadow: none; /* rgba(255, 255, 255, .5) 0 1px 0; */
   color:#000;
   padding:1em;
}
#options table tr th { text-align:left; }
#options table tr td { text-align:right; height:2em; }
.switch::before {
   content: "";
   display: block;
   height: 28px;
   width: 0px;
   position: absolute;
   border-radius: 20px;
   box-shadow: inset 0 1px 2px #0063B7, inset 0 12px 3px 2px rgba(0, 127, 234, 0.5);
   background-color: #64B1F2;
}
.switch::before {
   content: "";
   display: block;
   height: 28px;
   width: 0px;
   position: absolute;
   border-radius: 20px;
   box-shadow: inset 0 1px 2px #0063B7, inset 0 12px 3px 2px rgba(0, 127, 234, 0.5);
   background-color: #64B1F2;
}
.switch.on::before {
   width: 77px;
}
.switch > .thumb {
   display: block;
   width: 26px;
   height: 26px;
   position: relative;
   top: 0;
   z-index: 3;
   border: solid 1px #919191;
   border-radius: 28px;
   box-shadow: inset 0 2px 1px white, inset 0 -2px 1px white;
   background-color: #CECECE;
   background-image: linear-gradient(top, #CECECE, #FBFBFB);
   background: -webkit-gradient(linear,0% 0%,0% 100%,from(#CECECE),to(#FBFBFB));
   -webkit-transition: all 0.125s ease-in-out;
   -moz-transition: all 0.125s ease-in-out;
   transition: all 0.125s ease-in-out;
   -webkit-transform: translate3d(0,0,0);
   -moz-transform: translate3d(0,0,0);
   transform: translate3d(0,0,0);
}
.switch.on > .thumb {
   -webkit-transform: translate3d(49px,0,0);
   -o-transform: translateX(49px);
   -moz-transform: translateX(49px);
}
.switch.on > .thumb {
   -webkit-transform: translate3d(49px,0,0);
   -o-transform: translateX(49px);
   -moz-transform: translateX(49px);
}
.switch > .thumb::before {
   content: "ON";
   display: block;
   height: 14px;
   /* box-shadow: 0px -1px 1px #666; */
   text-shadow: 0px -1px 1px #666;
   border: 0px;
   position: absolute;
   top: .4em;
   left: -2.25em;
   color: #fff;
}
.switch > .thumb::after {
   content: "OFF";
   display: block;
   position: absolute;
   right: -32px;
   top: .35em;
   color: #666;
   text-shadow: none;
   font-weight: bold;
}
#options {
   margin:0px;padding:0px;
   background-color: #CBD2D8;
   background-image: -webkit-repeating-linear-gradient(left, transparent, transparent 1px, #C5CDD4 1px, #C5CDD4 7px);
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAMAAAAl1UT8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QUE2MzdFOTc2RTQxMUUyQTI3QTg0RENENTNBQkQ1QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QUE2MzdFQTc2RTQxMUUyQTI3QTg0RENENTNBQkQ1QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVBQTYzN0U3NzZFNDExRTJBMjdBODREQ0Q1M0FCRDVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVBQTYzN0U4NzZFNDExRTJBMjdBODREQ0Q1M0FCRDVDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SWI7SgAAAAlQTFRFy9LYxczSxczU9e1p/QAAABJJREFUeNpiYGJiYmRkYAAIMAAAMwAJ5otb8wAAAABJRU5ErkJggg==) repeat; 
   text-align:left;
}
#options .toolbar {
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.15)), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #92A3B9), color-stop(50%, #7F93AD), color-stop(51%, #768BA7), color-stop(100%, #6D83A1));
   background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.15),rgba(255, 255, 255, 0)), -webkit-linear-gradient(top, #92A3B9,#7F93AD 50%,#768BA7 51%,#6D83A1);
   background-image: linear-gradient(rgba(255, 255, 255, 0.15),rgba(255, 255, 255, 0)), linear-gradient(top, #92A3B9,#7F93AD 50%,#768BA7 51%,#6D83A1);
   -webkit-box-shadow: rgba(255, 255, 255, 0.3) 0 1px 0 inset;
   box-shadow: rgba(255, 255, 255, 0.3) 0 1px 0 inset;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 6px;
   box-shadow: rgba(0, 0, 0, 0.4) 0 1px 6px;
   border-bottom: 1px solid #2A3441;
   z-index: 10;
   position: relative;
   padding: 10px;
   height: 44px;
   color:#fff;
}
#options .button, #options .back, #options .cancel, #options .add {
position: absolute;
overflow: hidden;
width: auto;
height: 30px;
font-family: inherit;
font-size: 12px;
font-weight: bold;
line-height: 30px;
text-overflow: ellipsis;
text-decoration: none;
white-space: nowrap;
background: none;
bottom: 6px;
right: 10px;
margin: 0;
padding: 0 10px;
color: white;
text-shadow: #3E5779 0 -1px 0;
-webkit-box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0, rgba(0, 0, 0, 0.2) 0 1px 2px inset;
box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0, rgba(0, 0, 0, 0.2) 0 1px 2px inset;
border: 1px solid #2D3F57;
-webkit-border-radius: 5px;
border-radius: 5px;
background-image: none;
background-color: #50709A;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7C97BB), color-stop(50%, #5A7CAA), color-stop(51%, #50709A), color-stop(100%, #476489));
background-image: -webkit-linear-gradient(top, #7C97BB,#5A7CAA 50%,#50709A 51%,#476489);
background-image: linear-gradient(top, #7C97BB,#5A7CAA 50%,#50709A 51%,#476489);
}

#options .back {
max-width: 60px;
margin-left: 15px;
overflow: visible;
padding-left: 5px;
}

#options h1 {
   border-radius:none; font-size:20px; margin:0px; padding:0px;
   position: absolute;
   left: 50%;
   bottom: 12px;
   margin: 1px 0 0 -75px;
   width: 150px;
   font-size: 20px;
   font-weight: bold;
   line-height: 1em;
   text-align: center;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: white;
   text-shadow: #5C718E 0 -1px 0;
   font-family:"Helvetica Neue";
   box-shadow:none;
   background-color:transparent;
   border:none;
   letter-spacing:0px;
}
#speed { font-size:1.2em; }
#options .back::after, #options .back::before {
content: '';
position: absolute;
width: 20px;
height: 20px;
top: 1px;
left: 1px;
-webkit-transform: rotate(45deg) translate3d(0.2px, 0, 0);
transform: rotate(45deg) translate3d(0.2px, 0, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #7C97BB), color-stop(50%, #5A7CAA), color-stop(51%, #50709A), color-stop(100%, #476489));
background-image: -webkit-linear-gradient(top left, #7C97BB,#5A7CAA 50%,#50709A 51%,#476489);
background-image: linear-gradient(top left, #7C97BB,#5A7CAA 50%,#50709A 51%,#476489);
background-size: 100% 98%;
-webkit-border-radius: 0 0 0 2px;
border-radius: 0 0 0 2px;
-webkit-mask-image: -webkit-linear-gradient(45deg, black, black 15px, rgba(0, 0, 0, 0) 15px);
-webkit-mask-image: -webkit-gradient(linear, left bottom, right top, from(black), color-stop(50%, black), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
-webkit-mask-clip: border-box;
-webkit-background-clip: content-box;
}

#options .back::before {
margin-left: -1px;
background: black none;
}

#options .back::after {
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 0 0 inset, rgba(0, 0, 0, 0.2) 0 -1px 0 inset;
box-shadow: rgba(0, 0, 0, 0.2) 1px 0 0 inset, rgba(0, 0, 0, 0.2) 0 -1px 0 inset;
}

#options .back {
left: 6px;
right: auto;
}
#controls {
   padding-top:1em;
}
#controls table {
   border-radius:1em;
   border:1px solid transparent;
   border-collapse: collapse;
   margin:8em auto;
   background-color:#ddd;
}

#controls thead tr {
   height:2em;
   border-radius-top:1em;
   border-top-left-radius:1em;
   border-top-right-radius:1em;
   overflow:hidden;
}
#controls thead th {
   background-color:#38b;
   padding:.5em 1em;
   overflow:hidden;
}
#controls thead th:first {
   border-top-left-radius:1em;
}
#controls thead th:last {
   border-top-right-radius:1em;
}
#controls tbody th {
   padding:.5em 1em;
}
#controls tbody td {
   border-left: 2px inset #eee;
   padding:.5em 1em;
}

#controls tbody {
   color:#000;
   text-shadow:none;
}
.right {
   display:inline-block;
   float:right;
   margin-right:1em;
}
#options ul { background-color:#f7f7f7; border:1px solid #a1a7ae; margin:1em; color:#000; padding-left:0px; border-radius:1em; overflow:hidden; box-shadow:0px 1px 1px rgba(255, 255, 255, .8); }
#options ul li { height:1.5em; padding:1em; border-top:1px solid #fdfdfd; border-bottom:1px solid #cacaca; display:block; font-weight:500; }
#options ul li:first-of-type { border-top:1px solid #e8e8e8; border-top-left-radius:1em; border-top-right-radius:1em; }
#options ul li:last-of-type { border-bottom:0px; }
#wordlenDisplay { font-weight: 200; display:inline-block; position:relative; top:-.25em; left: -1em; border: 0px inset #ccc; padding:.25em .25em;}
#options a:active {
   top: .5em;
   border: 1px inset #aaa !important;
}