html, body {
  height: 100%;
  background-color: #fdfdfd;
  font-family: 'Helvetica Neue', 'Roboto', sans-serif;
}
#container {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -4em;
}
h1 {
  display: inline-block;
  padding: 0;
  margin: 0;
  font-weight: lighter;
}
p {
  font-weight: lighter;
  font-size: 1.1em;
  letter-spacing: 1.2px;
}
td {
  text-align: center;
}
.logo-img {
  height: 35px;
}
.text-centered {
  margin-top: 25px;
}
#contact-content {
  margin-top: 70px;
}
#login {
  margin-left: 80px;
}
.login-small input, .login-small .button {
  max-height: 25px !important;
  max-width: 100px !important;
  font-size: 12px;
  padding: 5px;
  margin: 8px 4px !important;
}
.login-small input:focus {
  background-color: white;
}
table.scores-content {
  padding: 0 !important;
}
table.scores-content th:first-child {
  width: 168px;
}
table.scores-content tr td:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 168px;
}
table.monthly-stats {
  padding: 0 !important;
  margin: 0 auto;
}
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.nav ul li {
  line-height: 64px;
  text-align: left;
}
.contact-instructions {
  padding-top: 70px;
}

/* .nav ul li:last-child {
  margin: 0;
  margin-left: 4px;
  padding: 0;
}
*/
.nav ul li a {
  color: #008cba;
  font-weight: 100;
  padding: 23px 27px;
  font-family: 'Helvetica Neue', 'Roboto', sans-serif;
  letter-spacing: 2px;
}
a u:hover {
 text-decoration: none;
}
.nav ul li a.button.tiny {
  color: white;
  font-weight: lighter !important;
}
.nav ul li a:hover {
  color: black;
  background-color: #6f6f6f;
}
.logout-link {
  display: inline-block;
  padding: 14px;
  color: #6f6f6f;
  text-align: right;
}
.ship-pat {
  position: absolute;
  margin-top: -60px;
}
.header {
  background: rgb(63, 63, 63); /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(63, 63, 63, 1) 0%, rgba(34, 34, 34, 1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(63, 63, 63, 1)), color-stop(100%, rgba(34, 34, 34, 1))); /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(-45deg, rgba(63, 63, 63, 1) 0%, rgba(34, 34, 34, 1) 100%); /* Chrome10+, Safari5.1+ */
  background: -o-linear-gradient(-45deg, rgba(63, 63, 63, 1) 0%, rgba(34, 34, 34, 1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, rgba(63, 63, 63, 1) 0%, rgba(34, 34, 34, 1) 100%); /* IE10+ */
  background: linear-gradient(135deg, rgba(63, 63, 63, 1) 0%, rgba(34, 34, 34, 1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#222222', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  height: 4em;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
.about-us {

}
.about-us h2 {
  margin-top: 45px;
}
.header-false {
  height: 6em;
  top: 0;
}
.welcome {
  max-width: 480px;
  text-align: justify;
  margin-bottom: 80px;
  padding: 15px;
}
.welcome p+p {
  margin-top: 0px !important;
  text-indent: 1.5em;
}
.signup {
  margin-bottom: 40px;
  padding: 5px;

}
.signup input {
  width: 420px;
}
#numpad {
  margin: 130px auto;
  text-align: center;
}

/* #medium div {
  background: #0c0c0c;
}
*/
#easy div {
  background: #009cba;
}
#hard div {
  background: #007cba;
}
#easy:hover div, #medium:hover div, #hard:hover div {
  background-color: #222;
}
#easy:hover h1, #medium:hover h1, #hard:hover h1 {
  color: #008cba;
}
#medium {
}
#content {
  min-height: 860px;
}
.point-out {
  text-align: center;
  position: relative;
  margin-bottom: 9px !important;
}
.margin-bottom-10 {
  margin-bottom: 20px !important;
}
.text-align-center {
  text-align: center;
  line-height: 70px;
}
.show-score {
  text-align: center;
}
.show-score div p {
  text-align: left;
}
.show-score div a.play-again.button {
  padding-left: 28px;
}
.show-score div a.play-again.button:hover {
  background: #008cba;
}
.unregistered div {
  line-height: 52px;
}
.iron-lars {
  width: 200px;
  margin: 30px 20px;
}
.result {
  font-size: 24px;
}
.returner {
  margin-top: 100px;
}
.signup .main-tabs.tabs {
  margin: 10px 0 0 0 ;
  padding: 0;
}
.signup .tabs {
  padding: 0;
  margin: 0;
}
.tabs-content {
  margin: 0;
  padding: 0;
}
.tabs {
  padding: 0;
}
#novice .easy:hover, #novice dd.active .easy, #pro .easy:hover, #pro dd.active .easy, #expert .easy:hover, #expert dd.active .easy, .monthly-stats .easy {
  background: #98E6FF;
}
#novice .medium:hover, #novice dd.active .medium, #pro .medium:hover, #pro dd.active .medium, #expert .medium:hover, #expert dd.active .medium, .monthly-stats .medium {
  background: #4CD3FF;
}
#novice .hard:hover, #novice dd.active .hard, #pro .hard:hover, #pro dd.active .hard, #expert .hard:hover, #expert dd.active .hard, .monthly-stats .hard {
  background: #3DA9CC;
}
.float-right {
  float: right;
}
.viking-chiefs {
  margin: 5px;
}
.tabs dd>a {
  height: 30px;
  padding: 0;
}
.tabs dd {
  border: 1px solid rgba(233, 233, 233, .2);
}
.afk {
  font-size: 36px;
  text-align: center;
  font-weight: bold;
  margin-top: 300px;
}
#add-to div {
  float: left;
  border-right: 1px solid gray;
  padding: 2px 3px;
}
#add-to {
  width: 690px;
  text-align: center;
  height: 20px;
  margin: 0 auto;
}
.red {
  color: red;
}
.green{
  color: green;
}
.tabs dd.active a, .tabs dd a:hover {
  background: #008CBA;
}
/*.tabs-content div.content*/
/*table.scores-content {*/
  /*margin-top: -15px;*/
/*}*/
table.scores-content tbody tr td:nth-child(2) {
  color: green;
}
table.scores-content tbody tr td:nth-child(3) {
  color: red;
}
.sentences-wrap{
  width: 100%;
  margin: -32px auto 30px  auto;
  text-align: center;
  background: lightgray;
  padding: 15px;
}
.sentences {
  font-size: 10px;
  text-align: center;
  color: gray;
  width: 960px;
}
.signup .tabs-content .content {
  padding: 0;
  margin: 0;
}
.main-tabs dd, .inner-content dd {
  padding: 0;
}
.rotate {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  max-width: 600px;
  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.rotate.tabs {
  position: absolute;
  top: 395px;
  left: 257px;
}
/*.rotate.tabs dd {
  width: 200px;
}*/
.rotate.tabs dd:last-child {
  float: left;
}
.scores {
  position: relative;
}
.scores .rotate.tabs {
  top: 464px;
  left: 718px;
}
.scores .tabs-content .content .tabs-content .content {
  padding-top: 2px;
}
.main-tabs dd a, .inner-content dd a {
  padding: 2px;

}
.tabs-play {
  text-align: center;
  display:block;
  background:#efefef;
  color:#222;
  padding-top:1rem;
  padding-right:2rem;
  padding-bottom:1.0625rem;
  padding-left:2rem;
  font-family:"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  margin-top: 1px;
}
.tabs-play:hover {
  background: #dcdcdc;
}
.no-padding {
  padding: 0;
}
.pat {
  background: url(../img/crossword.png);
}
.inline {
  display: inline-block;
}
.inline:first-child {
  margin-left: 0;
}
.large-head {
  text-align: center;
  margin: 30px 0;
  padding-bottom: 40px;
}
.large-head h2 {
  color: #008cba;
  font-weight: bolder;
}
.small-helm {
  width: 100px;
  float: left;
  margin: -10px 10px;
}
.difficulty {
  float: left !important;
  margin-top: 25px;
  height: 250px;
}
.text-align-right {
  text-align: left;
}
.difficulty p {
  color: #222;
  font-size: 1em;
  letter-spacing: 1.1px;
}
.difficulty h3 {
  font-weight: lighter;
  text-transform: uppercase;
}
.button:hover h3, .button:hover p {
  color: whitesmoke;
}
.push {
  height: 4em;
}
.bottom {
  background: #dcdcdc;
  height: 4em;
  width: 100%;
}
.bottom ul li {
}
#game-timer {
  min-height: 60px;
  width: 300px;
  text-align: center;
}
#game-left {
  width: 300px;
  font-size: 36px;
  text-align: center;
  color: #c6c6c6;
  font-weight: lighter;
}

.mastery-hline {
  position: absolute;
  margin-top: -9px;
  font-size: 24px;
  margin-left: 10px;
  display: block;
  right: 20px;
  padding: 8px;
  background: #fdfdfd;
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a.button.text-align-center {
    color: black;
    font-size: 1.5em;
    min-width: 400px;
}

#number-input {
  border: 1px dotted #dcdcdc;
  width: 300px;
  outline: none;
  text-align: center;
  font-size: 24px;
  color: #c6c6c6;
  box-shadow: none;
  height: 50px;
  line-height: 80px;
}
.game-instruction {
  color: #dcdcdc;
  text-align: center;
  font-weight: lighter;
}
h2 {
  font-weight: lighter;
}
.small-logo {
  height: 30px;
}
.contact {
  font-weight: lighter;
}
.blue {
  color: #008cba;
}
.copyright, .copyright a {
  padding-top: 20px;
  color: #222;
  font-weight: lighter;
  line-height: 30px;
}
.copyright a:hover {
  color: #008cba;
}
#last_ten_wrapper {
  width: 450px;
}
.mastery-head {
  padding-top: 50px;
}
.click-to-play {
  height: 38px;
  margin: 0;
  padding: 0;
  line-height: 50px;
  text-align: center;
  width: 633px;
}
.click-to-play p {
  padding: 0;
  margin: 0;
  margin-top: 5px;
}

/* (((((((((((((((((((((((((((( JQuery UI )))))))))))))))))))))))))))) */
.ui-widget-header {
  background-color: #008cba !important;
  background-image: none !important;
}
.ui-widget-content {
  background-color: white !important;
}
.ui-tabs {
  padding: 0 !important;
}
.ui-tabs-nav li {
  background-color: white !important;
  background-image: none !important;
}
.ui-widget-content {
  border-color: #dcdcdc !important;
}
#content.row > dl.tabs {
  margin-bottom: -14px !important;
}

/* ((((((((((((((((((((((((((((((((((((( CSS TABS ))))))))))))))))))))))))))))))))))))) */
/* .tabs {
  position: relative;
  min-height: 515px;
  clear: both;
  margin: 25px 0;
}
.tab {
  float: left;
}
.tab label {
  padding: 10px;
  border: 1px solid #222;
  margin-left: -1px;
  position: relative;
  left: 1px;
}
.tab [type=radio] {
  display: none;
}
.tab-content {
  position: absolute;
  top: 38px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  border: solid 1px #222;
}
*/
input[type=radio]:checked ~ label {
  background: white;
  /* border-bottom: 1px solid white;
  */
  z-index: 2;
}
input[type=radio]:checked ~ .tab-content {
  z-index: 1;
}
#sidebar {
  padding-left: 65px;
}
.padding-top {
  padding-top: 50px !important;
}
.padding-bottom {
  padding-bottom: 60px;
}
.full-width {
  width: 100%;
  color: #222;
  padding: 50px 0;
  margin: 0;
}
.full-width h1 {
  font-size: 72px;
}
.margin-top {
  margin-top: 60px !important;
}
.list-style-type {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-style-type li {
}
.shop {
}
.shop-thumb {
  list-style-type: none;
  width: 70px;
}
.cf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.cf {
  display: inline-block;
}

/* start commented backslash hack \ */
* html .cf {
  height: 1%;
}
.cf {
  display: block;
}

/* * Table styles */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0; /* * Header and footer styles */
  /* * Body styles */
}
table.dataTable thead th, table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th, table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111111;
}
table.dataTable thead th:active, table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th, table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111111;
}
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting {
  cursor: pointer;
  *cursor: hand;
}
table.dataTable thead .sorting {
  background: url("../images/sort_both.png") no-repeat center right;
}
table.dataTable thead .sorting_asc {
  background: url("../images/sort_asc.png") no-repeat center right;
}
table.dataTable thead .sorting_desc {
  background: url("../images/sort_desc.png") no-repeat center right;
}
table.dataTable thead .sorting_asc_disabled {
  background: url("../images/sort_asc_disabled.png") no-repeat center right;
}
table.dataTable thead .sorting_desc_disabled {
  background: url("../images/sort_desc_disabled.png") no-repeat center right;
}
table.dataTable tbody tr {
  background-color: white;
}
table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}
table.dataTable tbody th, table.dataTable tbody td {
  padding: 8px 10px;
}
table.dataTable th.center, table.dataTable td.center, table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.right, table.dataTable td.right {
  text-align: right;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #dddddd;
}
table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #abb9d3;
}
table.dataTable.hover tbody tr:hover, table.dataTable.hover tbody tr.odd:hover, table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover, table.dataTable.display tbody tr.odd:hover, table.dataTable.display tbody tr.even:hover {
  background-color: whitesmoke;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.hover tbody tr.odd:hover.selected, table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.display tbody tr:hover.selected, table.dataTable.display tbody tr.odd:hover.selected, table.dataTable.display tbody tr.even:hover.selected {
  background-color: #a9b7d1;
}
table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 {
  background-color: #f9f9f9;
}
table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad4;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b3cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a7b5ce;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b6d0;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #f9f9f9;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fbfbfb;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fdfdfd;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad4;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #adbbd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.display tbody tr.odd:hover > .sorting_1, table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.display tbody tr.odd:hover > .sorting_2, table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 {
  background-color: #ebebeb;
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.display tbody tr.odd:hover > .sorting_3, table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 {
  background-color: #eeeeee;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.display tbody tr.odd:hover.selected > .sorting_1, table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 {
  background-color: #a1aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.display tbody tr.odd:hover.selected > .sorting_2, table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 {
  background-color: #a2afc8;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.display tbody tr.odd:hover.selected > .sorting_3, table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 {
  background-color: #a4b2cb;
}
table.dataTable.no-footer {
  border-bottom: 1px solid #111111;
}
table.dataTable, table.dataTable th, table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.avg {
  font-style: italic;
  font-size: .85em;
}
/* * Control feature layout */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333333 !important;
  border: 1px solid transparent;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333333 !important;
  border: 1px solid #cacaca;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro)); /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, gainsboro 100%); /* Chrome10+, Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, gainsboro 100%); /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, gainsboro 100%); /* IE10+ */
  background: -o-linear-gradient(top, white 0%, gainsboro 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, gainsboro 100%); /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111)); /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111111 100%); /* Chrome10+, Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, #111111 100%); /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, #111111 100%); /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, #111111 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111111 100%); /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Chrome10+, Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* Chrome10+, Safari5.1+ */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* IE10+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* W3C */
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  color: #333333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table, .dataTables_wrapper.no-footer div.dataTables_scrollBody table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
@media screen and (max-width:767px) {
  .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width:640px) {
  .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}

#registration_error_msg, #registration_success_msg, #login_error_msg, #login_success_msg, #dialog-message, #hidden_reset, #login-form, #last_ten_length, #last_ten_filter, #last_ten_info, #last_ten_paginate, #login_hide, #contact_error_msg {
  display: none;
}
#contact_hide {
  display: none;
}
#contact_success_msg {
  display: none;
}
.ui-dialog-titlebar-close {
  visibility: hidden;
}

/* *************************((((((((((( RESPONSIVE)))))))))))******************** */
@media only screen {
  #numpad {
    display: none;
  }
  #sidebar {
    display: none;
  }
}
@media only screen and (max-width:40em) {
  #numpad {
    display: none;
  }
  #sidebar {
    display: none;
  }
  .signup {
    margin: 0;
    position: relative;
  }
  .nav {
    height: 70px;
    width: 100%;
    background: #dcdcdc;
  }
  .nav ul li a {
    padding: 30px 13px;
    height: 100%;
  }
  .nav ul li a:hover, .nav ul li a:active {
    background: #222 !important;
  }
}


canvas {
    image-rendering: optimizeSpeed;             // Older versions of FF
    image-rendering: -moz-crisp-edges;          // FF 6.0+
    image-rendering: -webkit-optimize-contrast; // Safari
    image-rendering: -o-crisp-edges;            // OS X & Windows Opera (12.02+)
    image-rendering: pixelated;                 // Awesome future-browsers
    -ms-interpolation-mode: nearest-neighbor;   // IE
}