.tooltip {
  z-index: 2070;
}
#ie-upgrade-warning {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #00608d;
  width: 100%;
  height: 500px;
  z-index: 99;
  color: white;
  font-size: 3.4em;
  font-size: 2.2em;
  padding-top: 60px;
  font-family: serif;
}
#ie-upgrade-warning p {
  max-width: 800px;
  margin: auto;
}
html.ie6 #ie-upgrade-warning {
  display: block !important;
}
html.ie7 #ie-upgrade-warning {
  display: block !important;
}
html.ie8 #ie-upgrade-warning {
  display: block !important;
}
body {
  background: url('https://img.10fastfingers.com/img/layout/sprite-horizontal.png') 0px -125px repeat-x #add5ff;
  overflow-x: hidden;
}
.container-modified {
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1600px;
}
.top-flash-msg {
  margin-top: 10px;
  margin-right: 0px;
}
.sidebar {
  padding: 5px;
  padding-top: 10px;
  -webkit-border-radius: 5px 0px 5px 0px;
  border-radius: 5px 0px 5px 0px;
}
#sidebar-md-lg {
  padding: 10px;
}
.top-first-bg {
  border-top: 1px solid #444;
  background: url('https://img.10fastfingers.com/img/layout-responsive/top-nav-bg.png') 0px 2px repeat-x #2e353d;
  -webkit-box-shadow: 0px 3px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 1px 1px rgba(0, 0, 0, 0.2);
}
#top-toggle-btn {
  background: #589ee9;
}
#top-toggle-btn span.icon-bar {
  background: #fff;
}
#navbar-top-first {
  margin-bottom: 0px;
  border: none;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background: none;
}
#navbar-top-first a {
  padding-bottom: 8px;
  color: #eee;
}
#navbar-top-first a:hover {
  text-decoration: underline;
}
#navbar-top-first button#expand-button {
  background: black;
}
a.navbar-brand {
  margin-top: 4px;
  margin-left: 11px;
  width: 123px;
  height: 39px;
  background-image: url('https://img.10fastfingers.com/img/layout/logo@2x.png');
  background-size: 123px 39px;
}
#tagline {
  padding-top: 5px;
  color: #eee;
  margin-top: 15px;
  margin-left: 20px;
}
#navbar-logo {
  display: block;
  float: left;
  width: 123px;
  height: 39px;
  background: url('https://img.10fastfingers.com/img/layout/sprite-main.png') -256px -432px;
  margin-top: 4px;
  margin-left: 10px;
}
.second-row a {
  padding-top: 12px !important;
  padding-bottom: 6px !important;
}
.second-row span#notification-minibox {
  display: inline-block;
  margin-right: 20px;
  background: url('https://img.10fastfingers.com/img/layout-responsive/trans-white-bg-10.png');
  padding: 5px 10px 6px 10px;
}
.second-row span#user-minibox {
  color: #eee;
  display: inline-block;
  margin-top: 7px;
  padding: 5px 15px 2px 15px;
  background: url('https://img.10fastfingers.com/img/layout-responsive/trans-white-bg-10.png');
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background: #2e353d;
}
#lang-selector ul.dropdown-menu {
  background: #2e353d;
}
#lang-selector ul.dropdown-menu a:hover {
  background: #5D6773;
}
#sidebar-right-white {
  background: #fff;
  padding: 20px;
  margin-top: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
#sidebar-right {
  padding: 10px;
}
.content-box {
  padding: 10px;
  background: white;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #444;
  line-height: 22px;
}
.content-box h3,
.content-box h4,
.content-box h5 {
  margin-top: 2px;
  font-size: 20px;
  font-variant: small-caps;
  color: #ff7b02;
  border-bottom: 1px solid #EBCCB1;
}
#bottom-navbar {
  background: #2b3640;
}
#bottom-navbar li.dropdown a {
  padding: 0px;
  padding-top: 5px;
  height: 24px;
}
#bottom-navbar .navbar-inner {
  background: url('https://img.10fastfingers.com/img/layout/background/bottom-nav-bg.png') repeat-x;
}
#news-updates-dropdown a.dropdown-toggle {
  color: white;
}
#active-competitions-dropdown a.dropdown-toggle {
  color: white;
}
#active-competitions-dropdown table {
  width: 320px;
}
#active-competitions-dropdown table td {
  padding-top: 10px;
  z-index: 10;
}
#active-competitions-dropdown table td i {
  margin-top: 2px;
}
#active-competitions-dropdown table td.join {
  width: 50px;
  padding-top: 2px;
  padding-right: 10px;
}
#active-competitions-dropdown table td.flag {
  width: 34px;
  padding-top: 5px;
}
#active-competitions-dropdown table td.participants {
  width: 50px;
  font-size: 16px;
  color: #000;
  font-weight: bold;
  text-align: right;
}
#active-competitions-dropdown table td.tests-taken {
  width: 40px;
  font-size: 14px;
  text-align: left;
  color: #555555;
}
#active-competitions-dropdown table td.created {
  width: 35px;
  font-size: 14px;
  text-align: right;
  padding-right: 15px;
}
#select-mode:hover ul.dropdown-menu {
  display: block;
}
#select-lang:hover ul.dropdown-menu {
  display: block;
}
ul#notification-list {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
ul#notification-list li {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  margin: -10px;
  margin-bottom: 15px;
}
ul#notification-list li .created {
  font-size: 0.8em;
  color: #bbb;
}
ul#notification-list li:last-child {
  border: none;
}
ul#notification-list li.new {
  background: #fdecc8;
}
li#my-mini-profile {
  float: left;
}
li#my-mini-profile a#my-mini-profile-link {
  margin-top: -4px;
  padding: 5px;
  padding-top: 4px;
  padding-bottom: 3px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 10px;
  height: 24px;
  color: #fff;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
li#my-mini-profile a#my-mini-profile-link:hover {
  background: #3B4C5A !important;
}
li#my-mini-profile a#my-mini-profile-link img {
  margin-right: 10px;
  margin-top: -4px;
  background: white;
  border: 1px solid #333;
}
li#my-mini-profile a#my-mini-profile-link #remember-me-social-toggle label {
  padding-left: 10px;
}
#advertisement #left {
  float: left;
  background: #BFDEFF;
}
#advertisement #right {
  float: right;
  background: #c2defc;
  margin-right: 20px;
}
.trenner {
  width: 2px;
  height: 46px;
  background: url('https://img.10fastfingers.com/img/layout/sprite-main.png') -252px -144px no-repeat;
}
.main-layout {
  padding-top: 10px;
  padding-bottom: 30px;
  margin: 0px;
  margin-right: 0px;
}
.main-layout #main-content,
.main-layout .main-content {
  background: #fff;
  padding: 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.main-layout #main-content h2,
.main-layout .main-content h2,
.main-layout #main-content h3,
.main-layout .main-content h3 {
  font-family: helvetica;
  border-bottom: 1px solid #eee;
}
.main-layout #main-content h2,
.main-layout .main-content h2 {
  font-size: 23px;
  line-height: 32px;
  margin-top: 20px;
  font-weight: bold;
}
.main-layout #main-content h3,
.main-layout .main-content h3 {
  color: #F06102;
  font-size: 18px;
  line-height: 32px;
  margin-top: 20px;
}
.main-layout #sidebar-right {
  background: #fff;
  padding: 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  min-height: 400px;
  border-left: 1px solid #ddd;
}
#main-content-trenner {
  height: 18px;
  margin-top: 20px;
  background: url('https://img.10fastfingers.com/img/layout/sprite-horizontal.png') 0px -94px repeat-x;
}
#content-bg {
  padding-top: 20px;
  padding-bottom: 40px;
  background: url('https://img.10fastfingers.com/img/layout/background/content-bg.png');
  border-bottom: 1px solid white;
}
#content-bg h3 {
  font-variant: small-caps;
  color: #E97001;
  border-bottom: 1px solid #FDA150;
}
#content-bg a {
  color: #203B6B;
  text-decoration: underline;
}
#content-bg ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
#footer-bg {
  border-top: 1px solid black;
  background: #161C20;
  padding: 20px;
  color: #ddd;
}
#footer-bg #founded {
  padding-left: 15px;
  padding-top: 10px;
  color: #666666;
}
table#quickstats {
  font-size: 16px;
}
table#quickstats td {
  padding: 10px;
}
table#quickstats td:nth-child(2) {
  text-align: right;
  font-weight: bold;
}
#activity-module div.list-group-item {
  min-height: 60px;
  font-size: 0.9em;
  color: #555;
}
#activity-module div.list-group-item img {
  background: #e8e3d9;
  border: 1px solid #707070;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-right: 10px;
  width: 40px;
}
#activity-module div.list-group-item a.username {
  color: #555;
  font-weight: bold;
  text-decoration: none;
}
#activity-module div.list-group-item a.username:hover {
  text-decoration: underline;
}
/* social media buttons for twitter bootstrap 3 - erstellt mit: http://twitterbootstrap3buttons.w3masters.nl/?color=%232da8d2 */
.facebook-btn-tb {
  background-color: #305991;
  border-color: #305991;
}
.facebook-btn-tb:hover,
.facebook-btn-tb:focus,
.facebook-btn-tb:active,
.facebook-btn-tb.active {
  background-color: #2a4d7e;
  border-color: #23416b;
}
.facebook-btn-tb.disabled:hover,
.facebook-btn-tb.disabled:focus,
.facebook-btn-tb.disabled:active,
.facebook-btn-tb.disabled.active,
.facebook-btn-tb[disabled]:hover,
.facebook-btn-tb[disabled]:focus,
.facebook-btn-tb[disabled]:active,
.facebook-btn-tb[disabled].active,
fieldset[disabled] .facebook-btn-tb:hover,
fieldset[disabled] .facebook-btn-tb:focus,
fieldset[disabled] .facebook-btn-tb:active,
fieldset[disabled] .facebook-btn-tb.active {
  background-color: #305991;
  border-color: #305991;
}
.twitter-btn-tb {
  background-color: #2da8d2;
  border-color: #2da8d2;
}
.twitter-btn-tb:hover,
.twitter-btn-tb:focus,
.twitter-btn-tb:active,
.twitter-btn-tb.active {
  background-color: #2997bd;
  border-color: #2486a8;
}
.twitter-btn-tb.disabled:hover,
.twitter-btn-tb.disabled:focus,
.twitter-btn-tb.disabled:active,
.twitter-btn-tb.disabled.active,
.twitter-btn-tb[disabled]:hover,
.twitter-btn-tb[disabled]:focus,
.twitter-btn-tb[disabled]:active,
.twitter-btn-tb[disabled].active,
fieldset[disabled] .twitter-btn-tb:hover,
fieldset[disabled] .twitter-btn-tb:focus,
fieldset[disabled] .twitter-btn-tb:active,
fieldset[disabled] .twitter-btn-tb.active {
  background-color: #2da8d2;
  border-color: #2da8d2;
}
.google-btn-tb {
  background-color: #ca3b2b;
  border-color: #ca3b2b;
}
.google-btn-tb:hover,
.google-btn-tb:focus,
.google-btn-tb:active,
.google-btn-tb.active {
  background-color: #b53527;
  border-color: #a02f22;
}
.google-btn-tb.disabled:hover,
.google-btn-tb.disabled:focus,
.google-btn-tb.disabled:active,
.google-btn-tb.disabled.active,
.google-btn-tb[disabled]:hover,
.google-btn-tb[disabled]:focus,
.google-btn-tb[disabled]:active,
.google-btn-tb[disabled].active,
fieldset[disabled] .google-btn-tb:hover,
fieldset[disabled] .google-btn-tb:focus,
fieldset[disabled] .google-btn-tb:active,
fieldset[disabled] .google-btn-tb.active {
  background-color: #ca3b2b;
  border-color: #ca3b2b;
}
.email-btn-tb {
  background-color: #282828;
  border-color: #222222;
}
.email-btn-tb:hover,
.email-btn-tb:focus,
.email-btn-tb:active,
.email-btn-tb.active {
  background-color: #040404;
  border-color: #000000;
}
.stumbleupon-btn-tb {
  background-color: #ea4b24;
  border-color: #ea4b24;
}
.stumbleupon-btn-tb:hover,
.stumbleupon-btn-tb:focus,
.stumbleupon-btn-tb:active,
.stumbleupon-btn-tb.active {
  background-color: #df3d15;
  border-color: #c83713;
}
.stumbleupon-btn-tb.disabled:hover,
.stumbleupon-btn-tb.disabled:focus,
.stumbleupon-btn-tb.disabled:active,
.stumbleupon-btn-tb.disabled.active,
.stumbleupon-btn-tb[disabled]:hover,
.stumbleupon-btn-tb[disabled]:focus,
.stumbleupon-btn-tb[disabled]:active,
.stumbleupon-btn-tb[disabled].active,
fieldset[disabled] .stumbleupon-btn-tb:hover,
fieldset[disabled] .stumbleupon-btn-tb:focus,
fieldset[disabled] .stumbleupon-btn-tb:active,
fieldset[disabled] .stumbleupon-btn-tb.active {
  background-color: #ea4b24;
  border-color: #ea4b24;
}
.renren-btn-tb {
  background-color: #115ba4;
  border-color: #115ba4;
}
.renren-btn-tb:hover,
.renren-btn-tb:focus,
.renren-btn-tb:active,
.renren-btn-tb.active {
  background-color: #0f4e8d;
  border-color: #0c4176;
}
.renren-btn-tb.disabled:hover,
.renren-btn-tb.disabled:focus,
.renren-btn-tb.disabled:active,
.renren-btn-tb.disabled.active,
.renren-btn-tb[disabled]:hover,
.renren-btn-tb[disabled]:focus,
.renren-btn-tb[disabled]:active,
.renren-btn-tb[disabled].active,
fieldset[disabled] .renren-btn-tb:hover,
fieldset[disabled] .renren-btn-tb:focus,
fieldset[disabled] .renren-btn-tb:active,
fieldset[disabled] .renren-btn-tb.active {
  background-color: #115ba4;
  border-color: #115ba4;
}
.orange-btn-tb {
  background-color: #ffa500;
  border-color: #ffa500;
}
.orange-btn-tb:hover,
.orange-btn-tb:focus,
.orange-btn-tb:active,
.orange-btn-tb.active {
  background-color: #e69500;
  border-color: #cc8400;
}
.orange-btn-tb.disabled:hover,
.orange-btn-tb.disabled:focus,
.orange-btn-tb.disabled:active,
.orange-btn-tb.disabled.active,
.orange-btn-tb[disabled]:hover,
.orange-btn-tb[disabled]:focus,
.orange-btn-tb[disabled]:active,
.orange-btn-tb[disabled].active,
fieldset[disabled] .orange-btn-tb:hover,
fieldset[disabled] .orange-btn-tb:focus,
fieldset[disabled] .orange-btn-tb:active,
fieldset[disabled] .orange-btn-tb.active {
  background-color: #ffa500;
  border-color: #ffa500;
}
span.flag {
  display: block;
  float: left;
  background: black;
  width: 32px;
  height: 25px;
  margin: 5px;
  margin-right: 15px;
  margin-top: 1px;
  background: url('https://img.10fastfingers.com/img/layout/language-sprite.png');
}
a#eng,
#eng > span,
div#eng > span,
span#eng,
span#flagid1 {
  background-position: -320px -50px !important;
}
a#ger,
#ger > span,
div#ger > span,
span#ger,
span#flagid2 {
  background-position: -32px 0px !important;
}
a#spa,
#spa > span,
div#spa > span,
span#spa,
span#flagid5 {
  background-position: -64px 0px !important;
}
a#fra,
#fra > span,
div#fra > span,
span#fra,
span#flagid3 {
  background-position: -96px 0px !important;
}
a#swe,
#swe > span,
div#swe > span,
span#swe,
span#flagid19 {
  background-position: -160px 0px !important;
}
a#pol,
#pol > span,
div#pol > span,
span#pol,
span#flagid9 {
  background-position: -192px 0px !important;
}
a#tur,
#tur > span,
div#tur > span,
span#tur,
span#flagid7 {
  background-position: -224px 0px !important;
}
a#ind,
#ind > span,
div#ind > span,
span#ind,
span#flagid6 {
  background-position: -256px 0px !important;
}
a#ron,
#ron > span,
div#ron > span,
span#ron,
span#flagid10 {
  background-position: -288px 0px !important;
}
a#msa,
#msa > span,
div#msa > span,
span#msa,
span#flagid11 {
  background-position: -320px 0px !important;
}
a#nor,
#nor > span,
div#nor > span,
span#nor,
span#flagid12 {
  background-position: -352px 0px !important;
}
a#fas,
#fas > span,
div#fas > span,
span#fas,
span#flagid13 {
  background-position: -384px 0px !important;
}
a#dan,
#dan > span,
div#dan > span,
span#dan,
span#flagid17 {
  background-position: -416px 0px !important;
}
a#nld,
#nld > span,
div#nld > span,
span#nld,
span#flagid18 {
  background-position: -448px 0px !important;
}
a#hun,
#hun > span,
div#hun > span,
span#hun,
span#flagid14 {
  background-position: -480px 0px !important;
}
a#fin,
#fin > span,
div#fin > span,
span#fin,
span#flagid21 {
  background-position: -512px 0px !important;
}
a#ita,
#ita > span,
div#ita > span,
span#ita,
span#flagid20 {
  background-position: -544px 0px !important;
}
a#srp,
#srp > span,
div#srp > span,
span#srp,
span#flagid22 {
  background-position: -576px 0px !important;
}
a#fil,
#fil > span,
div#fil > span,
span#fil,
span#flagid24 {
  background-position: -608px 0px !important;
}
a#rus,
#rus > span,
div#rus > span,
span#rus,
span#flagid26 {
  background-position: 0px -25px !important;
}
a#jpn,
#jpn > span,
div#jpn > span,
span#jpn,
span#flagid29 {
  background-position: -32px -25px !important;
}
a#heb,
#heb > span,
div#heb > span,
span#heb,
span#flagid36 {
  background-position: -64px -25px !important;
}
a#sqi,
#sqi > span,
div#sqi > span,
span#sqi,
span#flagid30 {
  background-position: -96px -25px !important;
}
a#ell,
#ell > span,
div#ell > span,
span#ell,
span#flagid32 {
  background-position: -128px -25px !important;
}
a#bul,
#bul > span,
div#bul > span,
span#bul,
span#flagid28 {
  background-position: -160px -25px !important;
}
a#kor-north,
#kor-north > span,
div#kore-north > span,
span#kore-north,
span#flagid31 {
  background-position: -192px -25px !important;
}
a#kor-south,
#kor-south > span,
div#kor-south > span,
span#kor-south,
span#flagid31 {
  background-position: -224px -25px !important;
}
a#ara,
#ara > span,
div#ara > span,
span#ara,
span#flagid27 {
  background-position: -256px -25px !important;
}
a#ces,
#ces > span,
div#ces > span,
span#ces,
span#flagid33 {
  background-position: -288px -25px !important;
}
a#hrv,
#hrv > span,
div#hrv > span,
span#hrv,
span#flagid25 {
  background-position: -320px -25px !important;
}
a#zho,
#zho > span,
div#zho > span,
span#zho,
span#flagid15 {
  background-position: -352px -25px !important;
}
a#zho,
#zho > span,
div#zho > span,
span#zho,
span#flagid16 {
  background-position: -384px -25px !important;
}
a#cat,
#cat > span,
div#cat > span,
span#cat,
span#flagid23 {
  background-position: -416px -25px !important;
}
a#glg,
#glg > span,
div#glg > span,
span#glg,
span#flagid38 {
  background-position: -448px -25px !important;
}
a#lav,
#lav > span,
div#lav > span,
span#lav,
span#flagid35 {
  background-position: -480px -25px !important;
}
a#lit,
#lit > span,
div#lit > span,
span#lit,
span#flagid39 {
  background-position: -512px -25px !important;
}
a#est,
#est > span,
div#est > span,
span#est,
span#flagid34 {
  background-position: -576px -25px !important;
}
a#urd,
#urd > span,
div#urd > span,
span#urd,
span#flagid37 {
  background-position: -608px -25px !important;
}
a#vie,
#vie > span,
div#vie > span,
span#vie,
span#flagid8 {
  background-position: 0px -50px !important;
}
a#geo,
#geo > span,
div#geo > span,
span#geo,
span#flagid40 {
  background-position: -64px -50px !important;
}
a#arm,
#arm > span,
div#arm > span,
span#arm,
span#flagid41 {
  background-position: -96px -50px !important;
}
a#hin,
#hin > span,
div#hin > span,
span#hin,
span#flagid44 {
  background-position: -128px -50px !important;
}
a#aze,
#aze > span,
div#aze > span,
span#aze,
span#flagid43 {
  background-position: -160px -50px !important;
}
a#slk,
#slk > span,
div#slk > span,
span#slk,
span#flagid45 {
  background-position: -192px -50px !important;
}
a#slv,
#slv > span,
div#slv > span,
span#slv,
span#flagid46 {
  background-position: -224px -50px !important;
}
a#kur,
#kur > span,
div#kur > span,
span#kur,
span#flagid42 {
  background-position: -256px -50px !important;
}
a#porbr,
#porbr > span,
div#porbr > span,
span#porbr,
span#flagid4 {
  background-position: -352px -50px !important;
}
a#por,
#por > span,
div#por > span,
span#por,
span#flagid4 {
  background-position: -384px -50px !important;
}
a#isl,
#isl > span,
div#isl > span,
span#isl,
span#flagid48 {
  background-position: -448px -50px !important;
}
a#tai,
#tai > span,
div#tai > span,
span#tai {
  background-position: -480px -50px !important;
}
a#tha,
#tha > span,
div#tha > span,
span#tha,
span#flagid50 {
  background-position: -512px -50px !important;
}
a#pus,
#pus > span,
div#pus > span,
span#pus,
span#flagid51 {
  background-position: -544px -50px !important;
}
a#epo,
#epo > span,
div#epo > span,
span#epo,
span#flagid52 {
  background-position: -576px -50px !important;
}
a#ukr,
#ukr > span,
div#ukr > span,
span#ukr,
span#flagid53 {
  background-position: -608px -50px !important;
}
a#mkd,
#mkd > span,
div#mkd > span,
span#mkd,
span#flagid54 {
  background-position: 0px -75px !important;
}
a#mlg,
#mlg > span,
div#mlg > span,
span#mlg,
span#flagid55 {
  background-position: -32px -75px !important;
}
a#ben,
#ben > span,
div#ben > span,
span#ben,
span#flagid56 {
  background-position: -64px -75px !important;
}
#login-btns {
  width: 300px;
}
#create-account-content {
  display: none;
}
#forgot-password-content {
  display: none;
  padding-top: 10px;
  padding-bottom: 10px;
}
#login-btns ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#login-btns ul li {
  margin-bottom: 10px;
}
#login-btns ul li a {
  width: 200px;
  text-align: left;
}
#login-btns ul li a i {
  width: 20px;
}
#speedtest-main {
  /* wird verwendet, wenn user das aktuelle Wort falsch abtippt */
}
#speedtest-main #words {
  padding: 6px 12px 30px 12px;
  margin-top: 0px;
  margin-bottom: 10px;
  height: 110px;
  overflow: hidden;
  color: #1d4851;
  font-family: Times New Roman, Times, serif;
  font-size: 2.2em;
  line-height: 1.6em;
  /*30px; line-height: 48px;*/
  background: #ffffff;
  border: 1px solid #8eb6d8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#speedtest-main #row1 {
  position: relative;
  color: #111111;
}
#speedtest-main #row1 span {
  padding: 3px 5px 3px 5px;
  margin-right: -7px;
}
#speedtest-main #input-row {
  padding: 4px;
  background: #A7C8E7;
  /*#92b6d9;*/
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#speedtest-main #input-row #inputfield {
  border-top: 1px solid #575757;
  height: 50px;
  border-right: 1px solid #6b7a89;
  border-bottom: 1px solid #70869b;
  border-left: 1px solid #525a62;
  font-size: 2.0em;
  line-height: 1.0em;
  background: url('https://img.10fastfingers.com/img/layout/sprite-main.png') 0px -60px no-repeat;
  font-family: Times New Roman, Times, serif;
  color: #333;
}
#speedtest-main #input-row #timer {
  padding-top: 10px;
  padding-bottom: 3px;
  height: 50px;
  text-align: center;
  font-size: 1.6em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: white;
  background: #3c4d5c;
}
#speedtest-main .hide-time {
  color: #3c4d5c !important;
}
#speedtest-main #reload-btn {
  height: 50px;
}
#speedtest-main .highlight {
  background: #dddddd;
  color: #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#speedtest-main .highlight-wrong {
  background: red;
}
#speedtest-main .correct {
  color: green;
}
#speedtest-main .wrong {
  color: red;
  /*text-decoration:line-through;*/
}
#speedtest-main #inputstream {
  display: none;
}
#speedtest-main #wordlist {
  display: none;
}
#speedtest-main #error-box {
  display: none;
  margin-top: 100px;
  background: white;
  padding: 20px;
  font-size: 1.4em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#speedtest-main #error-box #wpm {
  font-weight: bold;
  color: black;
  padding-right: 20px;
}
#speedtest-main #error-box #keystrokes {
  font-weight: bold;
  color: gray;
  padding-right: 20px;
}
#speedtest-main #error-box #correct-words {
  font-weight: bold;
  color: green;
  padding-right: 20px;
}
#speedtest-main #error-box #wrong-words {
  font-weight: bold;
  color: red;
  padding-right: 20px;
}
@media (min-width: 0px) and (max-width: 639px) {
  #speedtest-main #words {
    font-size: 1.6em !important;
    line-height: 1.6em !important;
  }
}
#speedtest-main #auswertung-box {
  margin-left: -12px;
  padding-top: 30px;
}
#speedtest-main #auswertung-box #auswertung-result {
  padding: 0px;
  display: none;
  width: 280px;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 1px 1px rgba(154, 190, 227, 0.9);
  -moz-box-shadow: 1px 1px 1px 1px rgba(154, 190, 227, 0.9);
  box-shadow: 1px 1px 1px 1px rgba(154, 190, 227, 0.9);
  /*
      #wpm,     
      #keystrokes   {width: 110px; height: 60px; background: #fff7b3; margin-top: 10px; border: 1px solid #b2b2b2; text-align: center; font-size: 1.4em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float: left; margin-left: 18px;
        strong    {font-size: 1.4em;}
      } */
}
#speedtest-main #auswertung-box #auswertung-result h3 {
  color: #fff;
  background: #4d7f9f;
  font-size: 16px;
  padding: 8px 15px;
  margin: 0px;
  font-weight: bold;
  text-shadow: 1px 1px 1px #333333;
  filter: dropshadow(color=#333333, offx=1, offy=1);
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  background: #5e91b3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5e91b3), color-stop(100%, #407191));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e91b3', endColorstr='#407191', GradientType=0);
  /* IE6-9 */
  background: linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* W3C */
}
#speedtest-main #auswertung-box #auswertung-result h3 > a {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  text-shadow: 0px;
  filter: none;
  margin-left: 10px;
}
#speedtest-main #auswertung-box #auswertung-result #textresult {
  font-size: 0.9em;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 30px;
}
#speedtest-main #auswertung-box #auswertung-result #result-table td#wpm {
  text-align: center;
}
#speedtest-main #auswertung-box #auswertung-result #result-table td#wpm strong {
  font-size: 46px;
  color: #527a1e;
  display: block;
  margin-bottom: -9px;
  margin-top: 3px;
}
#speedtest-main #auswertung-box #auswertung-result #result-table td#wpm small {
  color: #81888c;
  font-size: 12px;
}
#speedtest-main #auswertung-box #auswertung-result #result-table td#wpm #top-score {
  width: 79px;
  height: 36px;
  background: url(/img/badge/topResultOrangeBG.png);
  font-size: 12px;
  color: white;
  font-weight: bold;
  position: relative;
  top: -90px;
  left: 182px;
  margin-bottom: -36px;
}
#speedtest-main #auswertung-box #auswertung-result #result-table td#wpm #top-score div {
  position: relative;
  left: 17px;
  top: 7px;
  -webkit-transform: rotate(23deg);
  -moz-transform: rotate(23deg);
  -o-transform: rotate(23deg);
  writing-mode: lr-tb;
}
#speedtest-main #auswertung-box #auswertung-result #result-table tr#keystrokes small {
  font-size: 12px;
  margin-right: 5px;
  position: relative;
  top: -2px;
}
#speedtest-main #auswertung-box #auswertung-result #result-table tr#correct .value {
  color: green;
}
#speedtest-main #auswertung-box #auswertung-result #result-table tr#wrong .value {
  color: red;
}
#speedtest-main #auswertung-box #auswertung-result #result-table td.name {
  font-size: 16px;
  padding-left: 20px;
  width: 160px;
}
#speedtest-main #auswertung-box #auswertung-result #result-table td.value {
  font-size: 16px;
  text-align: right;
  padding-right: 20px;
}
#speedtest-main #auswertung-box #auswertung-result #result-table td > #share-on-facebook-button {
  width: 240px;
  margin-left: 11px;
  margin-top: 7px;
  margin-bottom: -12px;
  border-bottom: 4px solid #1d3c55;
}
#speedtest-main #auswertung-box #auswertung-result #result-table td > #share-on-facebook-button:active {
  border-bottom: none;
  border-top: 2px solid #1d3c55;
  margin-top: 10px;
}
#speedtest-main #auswertung-box #auswertung-result #result-table td > #share-on-weibo-button {
  width: 240px;
  margin-left: 11px;
  margin-top: 7px;
  margin-bottom: -12px;
  border-bottom: 4px solid #902D22;
}
#speedtest-main #auswertung-box #auswertung-result #result-table td > #share-on-weibo-button:active {
  border-bottom: none;
  border-top: 2px solid #902D22;
  margin-top: 10px;
}
#speedtest-main #auswertung-box #auswertung-result p {
  font-size: 1.4em;
  margin-top: 20px;
  text-align: center;
}
#better-than-percent-value {
  font-weight: bold;
  font-size: 24px;
  color: green;
}
#auswertung-share {
  display: none;
  width: 310px;
  min-height: 280px;
  margin-top: 20px;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(154, 190, 227, 0.9);
  -moz-box-shadow: 0px 1px 1px 1px rgba(154, 190, 227, 0.9);
  box-shadow: 0px 1px 1px 1px rgba(154, 190, 227, 0.9);
}
#auswertung-share h3 {
  color: #fff;
  background: #4d7f9f;
  font-size: 16px;
  padding: 8px 15px;
  font-weight: bold;
  text-shadow: 1px 1px 1px #333333;
  filter: dropshadow(color=#333333, offx=1, offy=1);
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  background: #5e91b3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5e91b3), color-stop(100%, #407191));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e91b3', endColorstr='#407191', GradientType=0);
  /* IE6-9 */
  background: linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* W3C */
}
#language-list {
  padding: 10px;
  display: none;
  background: white;
  margin-left: -10px;
  margin-top: 10px;
  margin-bottom: 40px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #92b6da;
}
#language-list h4 {
  background: #eeeeee;
  padding: 10px;
  margin-top: 0px;
  margin-bottom: 10px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#language-list a {
  float: left;
  width: 120px;
  font-size: 1.2em;
  margin: 5px;
  padding: 5px;
  color: #333;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#language-list a:hover {
  color: black;
  background: #D1F4FF;
}
#badge-box {
  display: none;
  margin-bottom: 40px;
  font-size: 1.2em;
  padding: 20px;
  background: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#badge-box h2 {
  color: #df6900;
  font-weight: normal;
}
#badge-box h3#box-title {
  margin: -20px -20px 20px -20px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  padding: 8px 14px;
  -webkit-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  text-shadow: 1px 1px 1px #4D4D4D;
  background: #ddae40;
  background: -moz-linear-gradient(top, #ddae40 0%, #e09e04 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ddae40), color-stop(100%, #e09e04));
  background: -webkit-linear-gradient(top, #ddae40 0%, #e09e04 100%);
  background: -o-linear-gradient(top, #ddae40 0%, #e09e04 100%);
  background: -ms-linear-gradient(top, #ddae40 0%, #e09e04 100%);
  background: linear-gradient(to bottom, #ddae40 0%, #e09e04 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddae40', endColorstr='#e09e04', GradientType=0);
}
#badge-box .badge {
  background: #fff;
  margin-bottom: 20px;
}
#badge-box .badge-code {
  margin-top: 20px;
}
#badge-box #badge-share-btns a {
  margin-bottom: 5px;
}
#content-box {
  background: #fff;
  padding-bottom: 20px;
  border: 1px solid #a7b2bf;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#content-box #recent-active-users {
  padding: 10px;
  padding-left: 15px;
  padding-bottom: 5px;
  background: #fffbd8;
  border-bottom: 1px solid #ccc;
  height: 65px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  overflow: hidden;
}
#content-box #recent-active-users .user {
  width: 45px;
  margin-right: 8px;
  text-align: center;
  float: left;
  display: none;
}
#content-box #recent-active-users .pic {
  width: 48px;
  height: 48px;
}
#content-box #recent-active-users .pic img {
  border: 1px solid #cdc8a6;
}
#content-box #recent-active-users .wpm {
  width: 49px;
  background: black;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5;
  top: -18px;
}
#content-box #textlink-ads2 {
  padding: 10px 5px 5px 10px;
  border-bottom: 1px solid #eeeeee;
}
#content-box #left h3 {
  color: #df6900;
  margin-top: 20px;
  margin-bottom: 5px;
}
.highscore-box {
  margin-top: 40px;
}
.highscore-box li a {
  background: #d3e9fe;
}
.highscore-box #description {
  padding: 10px;
  font-size: 0.9em;
}
.highscore-box #table-data {
  background: white;
  min-height: 50px;
  padding-top: 20px;
  -webkit-border-radius: 2px 2px 5px 5px;
  border-radius: 2px 2px 5px 5px;
}
.highscore-box #table-data .highlighted td {
  background: #FAFF73 !important;
}
.highscore-box #table-data .wpm {
  font-weight: bold;
}
.highscore-box #table-data .ago {
  color: #555;
  font-style: italic;
}
.highscore-box #table-data .tests-taken {
  font-weight: bold;
}
.highscore-box #table-data .tests-taken-all {
  color: #555;
  font-style: italic;
}
.highscore-box #table-data .global-tests-taken {
  font-weight: bold;
}
@media (max-width: 530px) {
  .highscore-box li a span {
    display: none;
  }
}
@media (min-width: 980px) and (max-width: 1620px) {
  .highscore-box li a span {
    display: none;
  }
  .highscore-box li a i {
    font-size: 1.4em;
  }
}
.btn-yes-success {
  display: inline-block;
  padding: 6px 14px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-yes-success:hover {
  color: white;
}
#page {
  background: white;
  padding: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-top: 40px;
  margin-bottom: 40px;
  border: 1px solid #aaa;
}
#page h2,
#page h3 {
  font-family: helvetica;
  border-bottom: 1px solid #eee;
}
#page h2 {
  font-size: 23px;
  line-height: 32px;
  margin-top: 20px;
  font-weight: bold;
}
#page h3 {
  color: #F06102;
  font-size: 18px;
  line-height: 32px;
  margin-top: 20px;
}
#page p {
  font-size: 17px;
  line-height: 24px;
}
#practice-main {
  padding-top: 10px;
  padding-bottom: 30px;
  /* wird verwendet, wenn user das aktuelle Wort falsch abtippt */
}
#practice-main #reload-box {
  margin-bottom: 50px;
}
#practice-main #reload-btn {
  float: left;
  display: none;
  margin-left: 14px;
  margin-top: 3px;
  width: 54px;
  height: 52px;
  background: url('https://img.10fastfingers.com/img/layout/sprite-main.png') -429px -60px no-repeat;
}
#practice-main #reload-btn:hover {
  cursor: pointer;
}
#practice-main #words {
  position: relative;
  padding: 6px 12px 30px 12px;
  margin-top: 0px;
  margin: auto;
  margin-bottom: 20px;
  width: 930px;
  height: 74px;
  overflow: hidden;
  color: #1d4851;
  font-family: Times New Roman, Times, serif;
  /*font-size: 2.6em; line-height: 1.6em;*/
  font-size: 30px;
  line-height: 48px;
  background: #ffffff;
  border: 1px solid #8eb6d8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#practice-main #row1 {
  position: relative;
  color: #111111 /*#243841*/;
}
#practice-main #row1 span {
  padding: 3px 5px 3px 5px;
  margin-right: -7px;
}
#practice-main #input-row {
  width: 950px;
  margin: auto;
}
#practice-main #input-row #wpm-box {
  float: left;
  width: 200px;
  height: 33px;
  padding-top: 15px;
  margin-right: 10px;
  margin-top: 5px;
  background: #cae2f9;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 2em;
  color: #555;
}
#practice-main #input-row #input-box {
  width: 568px;
  height: 51px;
  padding: 4px;
  background: url('https://img.10fastfingers.com/img/layout/sprite-main.png') 0px 0px no-repeat;
  float: left;
  margin: 0 0 0 -13px;
}
#practice-main #input-row #inputfield {
  width: 410px;
  height: 36px;
  line-height: 36px;
  margin: 0px;
  /*margin-left: 4px;*/
  padding: 9px 5px 5px 10px !important;
  color: #111111;
  margin-right: 3px;
  font-family: Times New Roman, Times, serif;
  font-size: 2.6em;
  float: left;
  border: none;
  background: url('https://img.10fastfingers.com/img/layout/sprite-main.png') 0px -60px no-repeat;
}
#practice-main #input-row #timer {
  width: 139px;
  height: 34px;
  padding-top: 17px;
  text-align: center;
  font-size: 2.0em;
  float: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: white;
  background: #3c4d5c;
  background: -moz-linear-gradient(top, #2b3842 0%, #3c4d5c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b3842), color-stop(100%, #3c4d5c));
  background: -webkit-linear-gradient(top, #2b3842 0%, #3c4d5c 100%);
  background: -o-linear-gradient(top, #2b3842 0%, #3c4d5c 100%);
  background: -ms-linear-gradient(top, #2b3842 0%, #3c4d5c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b3842', endColorstr='#3c4d5c', GradientType=0);
  background: linear-gradient(top, #2b3842 0%, #3c4d5c 100%);
}
#practice-main #input-row #timer .off {
  background: none;
  color: black;
  text-shadow: none;
}
#practice-main .highlight {
  background: #dddddd;
  color: #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#practice-main .highlight-wrong {
  background: red;
}
#practice-main .correct {
  color: green;
}
#practice-main .wrong {
  color: red;
  /*text-decoration:line-through;*/
}
#practice-main #inputstream {
  display: none;
}
#practice-main #wordlist {
  display: none;
}
#practice-main #error-box {
  display: none;
  margin-top: 100px;
  background: white;
  padding: 20px;
  font-size: 1.4em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#practice-main #error-box #wpm {
  font-weight: bold;
  color: black;
  padding-right: 20px;
}
#practice-main #error-box #keystrokes {
  font-weight: bold;
  color: gray;
  padding-right: 20px;
}
#practice-main #error-box #correct-words {
  font-weight: bold;
  color: green;
  padding-right: 20px;
}
#practice-main #error-box #wrong-words {
  font-weight: bold;
  color: red;
  padding-right: 20px;
}
#practice-main #auswertung-box {
  margin-top: 40px;
  width: 960px;
  margin: auto;
}
#practice-main #auswertung-box #auswertung-result {
  display: none;
  width: 280px;
  min-height: 280px;
  float: left;
  margin-right: 20px;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 1px 1px rgba(154, 190, 227, 0.9);
  -moz-box-shadow: 1px 1px 1px 1px rgba(154, 190, 227, 0.9);
  box-shadow: 1px 1px 1px 1px rgba(154, 190, 227, 0.9);
}
#practice-main #auswertung-box #auswertung-result h3 {
  color: #fff;
  background: #4d7f9f;
  font-size: 16px;
  padding: 8px 15px;
  font-weight: bold;
  text-shadow: 1px 1px 1px #333333;
  filter: dropshadow(color=#333333, offx=1, offy=1);
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  background: #5e91b3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5e91b3), color-stop(100%, #407191));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e91b3', endColorstr='#407191', GradientType=0);
  /* IE6-9 */
  background: linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* W3C */
}
#practice-main #auswertung-box #auswertung-result h3 > a {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  text-shadow: 0px;
  filter: none;
  margin-left: 10px;
}
#practice-main #auswertung-box #auswertung-result #textresult {
  font-size: 0.9em;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 30px;
}
#practice-main #auswertung-box #auswertung-result #result-table td.name {
  font-size: 16px;
  padding-left: 20px;
  width: 160px;
}
#practice-main #auswertung-box #auswertung-result #result-table td.value {
  font-size: 16px;
  text-align: right;
  padding-right: 20px;
}
#practice-main #auswertung-box #auswertung-result #wpm,
#practice-main #auswertung-box #auswertung-result #keystrokes {
  width: 110px;
  height: 60px;
  background: #fff7b3;
  margin-top: 10px;
  border: 1px solid #b2b2b2;
  text-align: center;
  font-size: 1.4em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  float: left;
  margin-left: 18px;
}
#practice-main #auswertung-box #auswertung-result #wpm strong,
#practice-main #auswertung-box #auswertung-result #keystrokes strong {
  font-size: 1.4em;
}
#practice-main #auswertung-box #auswertung-result p {
  font-size: 1.4em;
  margin-top: 20px;
  text-align: center;
}
#practice-main #auswertung-box #ad-main {
  width: 650px;
  height: 300px;
  margin: auto;
}
#practice-main #auswertung-box #ad-main #ad-main-primary {
  float: right;
  width: 300px;
  height: 250px;
  background: #BFDEFF;
}
#practice-main #auswertung-box #ad-main #ad-main-secondary {
  float: left;
  width: 300px;
  height: 250px;
  background: #c2defc;
  margin-right: 20px;
}
#better-than-percent-value {
  font-weight: bold;
  font-size: 24px;
  color: green;
}
#auswertung-share {
  display: none;
  width: 310px;
  min-height: 280px;
  margin-top: 20px;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(154, 190, 227, 0.9);
  -moz-box-shadow: 0px 1px 1px 1px rgba(154, 190, 227, 0.9);
  box-shadow: 0px 1px 1px 1px rgba(154, 190, 227, 0.9);
}
#auswertung-share h3 {
  color: #fff;
  background: #4d7f9f;
  font-size: 16px;
  padding: 8px 15px;
  font-weight: bold;
  text-shadow: 1px 1px 1px #333333;
  filter: dropshadow(color=#333333, offx=1, offy=1);
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  background: #5e91b3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5e91b3), color-stop(100%, #407191));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e91b3', endColorstr='#407191', GradientType=0);
  /* IE6-9 */
  background: linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* W3C */
}
a.share-btns {
  color: #333;
  font-weight: bold;
  width: 192px;
  height: 35px;
  padding-left: 60px;
  padding-top: 13px;
  background: url('https://img.10fastfingers.com/img/layout/sprite-main.png') no-repeat;
  display: block;
  float: left;
  margin-top: 25px;
  margin-left: 13px;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
}
a.share-btns#facebook {
  background-position: -255px -144px;
  margin-top: -8px;
}
a.share-btns#twitter {
  background-position: -255px -191px;
  margin-top: -8px;
}
a.share-btns#blog {
  background-position: -255px -239px;
  margin-top: -8px;
}
a.share-btns#email {
  background-position: -255px -287px;
  margin-top: -8px;
}
#content-box {
  background: #fff;
  padding-bottom: 20px;
  border: 1px solid #a7b2bf;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#content-box #recent-active-users {
  padding: 10px;
  padding-left: 15px;
  padding-bottom: 5px;
  background: #fffbd8;
  border-bottom: 1px solid #ccc;
  height: 65px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  overflow: hidden;
}
#content-box #recent-active-users .user {
  width: 45px;
  margin-right: 8px;
  text-align: center;
  float: left;
  display: none;
}
#content-box #recent-active-users .pic {
  width: 48px;
  height: 48px;
}
#content-box #recent-active-users .pic img {
  border: 1px solid #cdc8a6;
}
#content-box #recent-active-users .wpm {
  width: 49px;
  background: black;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5;
  top: -18px;
}
#content-box #textlink-ads2 {
  padding: 10px 5px 5px 10px;
  border-bottom: 1px solid #eeeeee;
}
#content-box #left h3 {
  color: #df6900;
  margin-top: 20px;
  margin-bottom: 5px;
}
ul#text-index-top-texts {
  list-style-type: none;
  margin: 0px;
  margin-top: 20px;
}
ul#text-index-top-texts li {
  margin-bottom: 10px;
}
ul#text-index-top-texts li a {
  display: block;
  font-size: 1.2em;
  width: 80%;
  border: 1px solid #e3e3e3;
  padding: 7px 10px 7px 10px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
ul#text-index-top-texts li a:hover {
  background: #f3f3f3;
}
#practice-text-main {
  padding-top: 10px;
  padding-bottom: 30px;
  /* wird verwendet, wenn user das aktuelle Wort falsch abtippt */
}
#practice-text-main #reload-box {
  margin-bottom: 50px;
}
#practice-text-main #reload-btn {
  float: left;
  display: none;
  margin-left: 14px;
  margin-top: 3px;
  width: 54px;
  height: 52px;
  background: url('https://img.10fastfingers.com/img/layout/sprite-main.png') -429px -60px no-repeat;
}
#practice-text-main #reload-btn:hover {
  cursor: pointer;
}
#practice-text-main #words {
  position: relative;
  padding: 6px 12px 30px 12px;
  margin-top: 0px;
  margin: auto;
  margin-bottom: 20px;
  width: 930px;
  height: 78px;
  overflow: hidden;
  color: #1d4851;
  font-family: Times New Roman, Times, serif;
  /*font-size: 2.6em; line-height: 1.6em;*/
  font-size: 24px;
  line-height: 36px;
  background: #ffffff;
  border: 1px solid #8eb6d8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#practice-text-main #row1 {
  position: relative;
  color: #111111 /*#243841*/;
}
#practice-text-main #row1 span {
  padding: 3px 5px 3px 5px;
  margin-right: -7px;
}
#practice-text-main #input-row {
  width: 950px;
  margin: auto;
}
#practice-text-main #input-row #input-box {
  width: 568px;
  height: 51px;
  padding: 4px;
  background: url('https://img.10fastfingers.com/img/layout/sprite-main.png') 0px 0px no-repeat;
  float: left;
  margin: 0 0 0 -13px;
}
#practice-text-main #input-row #inputfield {
  width: 410px;
  height: 36px;
  line-height: 36px;
  margin: 0px;
  /*margin-left: 4px;*/
  padding: 9px 5px 5px 10px !important;
  color: #111111;
  margin-right: 3px;
  font-family: Times New Roman, Times, serif;
  font-size: 2.6em;
  float: left;
  border: none;
  background: url('https://img.10fastfingers.com/img/layout/sprite-main.png') 0px -60px no-repeat;
}
#practice-text-main #input-row #timer {
  width: 139px;
  height: 34px;
  padding-top: 17px;
  text-align: center;
  font-size: 2.0em;
  float: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: white;
  background: #3c4d5c;
  background: -moz-linear-gradient(top, #2b3842 0%, #3c4d5c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b3842), color-stop(100%, #3c4d5c));
  background: -webkit-linear-gradient(top, #2b3842 0%, #3c4d5c 100%);
  background: -o-linear-gradient(top, #2b3842 0%, #3c4d5c 100%);
  background: -ms-linear-gradient(top, #2b3842 0%, #3c4d5c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b3842', endColorstr='#3c4d5c', GradientType=0);
  background: linear-gradient(top, #2b3842 0%, #3c4d5c 100%);
}
#practice-text-main #input-row #timer .off {
  background: none;
  color: black;
  text-shadow: none;
}
#practice-text-main .highlight {
  background: #dddddd;
  color: #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#practice-text-main .highlight-wrong {
  background: red;
}
#practice-text-main .correct {
  color: green;
}
#practice-text-main .wrong {
  color: red;
  /*text-decoration:line-through;*/
}
#practice-text-main #inputstream {
  display: none;
}
#practice-text-main #wordlist {
  display: none;
}
#practice-text-main #error-box {
  display: none;
  margin-top: 100px;
  background: white;
  padding: 20px;
  font-size: 1.4em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#practice-text-main #error-box #wpm {
  font-weight: bold;
  color: black;
  padding-right: 20px;
}
#practice-text-main #error-box #keystrokes {
  font-weight: bold;
  color: gray;
  padding-right: 20px;
}
#practice-text-main #error-box #correct-words {
  font-weight: bold;
  color: green;
  padding-right: 20px;
}
#practice-text-main #error-box #wrong-words {
  font-weight: bold;
  color: red;
  padding-right: 20px;
}
#practice-text-main #auswertung-box {
  margin-top: 40px;
  width: 960px;
  margin: auto;
}
#practice-text-main #auswertung-box #auswertung-result {
  display: none;
  width: 280px;
  min-height: 280px;
  float: left;
  margin-right: 20px;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 1px 1px rgba(154, 190, 227, 0.9);
  -moz-box-shadow: 1px 1px 1px 1px rgba(154, 190, 227, 0.9);
  box-shadow: 1px 1px 1px 1px rgba(154, 190, 227, 0.9);
}
#practice-text-main #auswertung-box #auswertung-result h3 {
  color: #fff;
  background: #4d7f9f;
  font-size: 16px;
  padding: 8px 15px;
  font-weight: bold;
  text-shadow: 1px 1px 1px #333333;
  filter: dropshadow(color=#333333, offx=1, offy=1);
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  background: #5e91b3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5e91b3), color-stop(100%, #407191));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e91b3', endColorstr='#407191', GradientType=0);
  /* IE6-9 */
  background: linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* W3C */
}
#practice-text-main #auswertung-box #auswertung-result h3 > a {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  text-shadow: 0px;
  filter: none;
  margin-left: 10px;
}
#practice-text-main #auswertung-box #auswertung-result #textresult {
  font-size: 0.9em;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 30px;
}
#practice-text-main #auswertung-box #auswertung-result #result-table td.name {
  font-size: 16px;
  padding-left: 20px;
  width: 160px;
}
#practice-text-main #auswertung-box #auswertung-result #result-table td.value {
  font-size: 16px;
  text-align: right;
  padding-right: 20px;
}
#practice-text-main #auswertung-box #auswertung-result #wpm,
#practice-text-main #auswertung-box #auswertung-result #keystrokes {
  width: 110px;
  height: 60px;
  background: #fff7b3;
  margin-top: 10px;
  border: 1px solid #b2b2b2;
  text-align: center;
  font-size: 1.4em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  float: left;
  margin-left: 18px;
}
#practice-text-main #auswertung-box #auswertung-result #wpm strong,
#practice-text-main #auswertung-box #auswertung-result #keystrokes strong {
  font-size: 1.4em;
}
#practice-text-main #auswertung-box #auswertung-result p {
  font-size: 1.4em;
  margin-top: 20px;
  text-align: center;
}
#practice-text-main #auswertung-box #ad-main {
  width: 650px;
  height: 300px;
  margin: auto;
}
#practice-text-main #auswertung-box #ad-main #ad-main-primary {
  float: right;
  width: 300px;
  height: 250px;
  background: #BFDEFF;
}
#practice-text-main #auswertung-box #ad-main #ad-main-secondary {
  float: left;
  width: 300px;
  height: 250px;
  background: #c2defc;
  margin-right: 20px;
}
#better-than-percent-value {
  font-weight: bold;
  font-size: 24px;
  color: green;
}
#auswertung-share {
  display: none;
  width: 310px;
  min-height: 280px;
  margin-top: 20px;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(154, 190, 227, 0.9);
  -moz-box-shadow: 0px 1px 1px 1px rgba(154, 190, 227, 0.9);
  box-shadow: 0px 1px 1px 1px rgba(154, 190, 227, 0.9);
}
#auswertung-share h3 {
  color: #fff;
  background: #4d7f9f;
  font-size: 16px;
  padding: 8px 15px;
  font-weight: bold;
  text-shadow: 1px 1px 1px #333333;
  filter: dropshadow(color=#333333, offx=1, offy=1);
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  background: #5e91b3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5e91b3), color-stop(100%, #407191));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e91b3', endColorstr='#407191', GradientType=0);
  /* IE6-9 */
  background: linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* W3C */
}
a.share-btns {
  color: #333;
  font-weight: bold;
  width: 192px;
  height: 35px;
  padding-left: 60px;
  padding-top: 13px;
  background: url('https://img.10fastfingers.com/img/layout/sprite-main.png') no-repeat;
  display: block;
  float: left;
  margin-top: 25px;
  margin-left: 13px;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
}
a.share-btns#facebook {
  background-position: -255px -144px;
  margin-top: -8px;
}
a.share-btns#twitter {
  background-position: -255px -191px;
  margin-top: -8px;
}
a.share-btns#blog {
  background-position: -255px -239px;
  margin-top: -8px;
}
a.share-btns#email {
  background-position: -255px -287px;
  margin-top: -8px;
}
#practice-text-auswertung {
  display: none;
  width: 960px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 1.2em;
  padding: 20px;
  background: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#practice-text-auswertung h2 {
  color: #df6900;
  font-weight: normal;
}
#practice-text-auswertung .badge {
  float: left;
  width: 340px;
  background: #fff;
}
#practice-text-auswertung .badge-code {
  float: left;
  width: 560px;
}
#practice-text-auswertung .badge-code textarea {
  width: 540px;
  height: 110px;
}
#top1000-index-container {
  /*background: #d6e4f0;*/
  background: url('https://img.10fastfingers.com/img/layout/background/patterns/top1000-bg-pattern.png');
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 5px;
  padding: 20px 10px;
  border: 1px solid #c7daea;
}
#top1000-index-container #lang-selector {
  margin-left: 1px;
}
#top1000-index-container #mode-separator {
  width: 40px;
  min-height: 800px;
  background: url('https://img.10fastfingers.com/img/layout/sprite-vertical.png') repeat-y;
}
#top1000-index-container #softcore-mode h2,
#top1000-index-container #hardcore-mode h2 {
  margin-bottom: 10px;
  color: #76afcc;
}
#top1000-index-container #softcore-mode a.level-group,
#top1000-index-container #hardcore-mode a.level-group {
  -webkit-box-shadow: 0px 1px 3px 0px rgba(1, 1, 1, 0.3);
  box-shadow: 0px 1px 3px 0px rgba(1, 1, 1, 0.3);
  display: block;
  height: 50px;
  padding-top: 15px;
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: center;
  text-shadow: 1px 1px #777;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  letter-spacing: 1px;
}
#top1000-index-container #softcore-mode a.level-group:hover,
#top1000-index-container #hardcore-mode a.level-group:hover {
  text-decoration: none;
}
#top1000-index-container #softcore-mode a.level-group lock,
#top1000-index-container #hardcore-mode a.level-group lock {
  width: 29px;
  height: 29px;
  display: block;
  float: right;
  background: url('https://img.10fastfingers.com/img/layout/sprite-main.png') -560px -363px no-repeat;
  margin-top: -8px;
  margin-left: -50px;
  margin-right: 20px;
}
#top1000-index-container #softcore-mode .locked,
#top1000-index-container #hardcore-mode .locked {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#top1000-index-container #softcore-mode .levels,
#top1000-index-container #hardcore-mode .levels {
  display: none;
}
#top1000-index-container #softcore-mode .levels .level.locked,
#top1000-index-container #hardcore-mode .levels .level.locked {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#top1000-index-container #softcore-mode .levels a.level,
#top1000-index-container #hardcore-mode .levels a.level {
  display: block;
  height: 45px;
  padding-left: 10px;
  padding-top: 12px;
  margin-bottom: 5px;
  background: #fff;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #b1d1ea;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.7), inset 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.7), inset 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  /*-webkit-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.5);*/
}
#top1000-index-container #softcore-mode .levels a.level:hover,
#top1000-index-container #hardcore-mode .levels a.level:hover {
  background: #fff9c3;
}
#top1000-index-container #softcore-mode .levels a.level .level-label,
#top1000-index-container #hardcore-mode .levels a.level .level-label {
  width: 110px;
  font-size: 14px;
  color: #0088ce;
  float: left;
  font-weight: bold;
}
#top1000-index-container #softcore-mode .levels a.level .stars,
#top1000-index-container #hardcore-mode .levels a.level .stars {
  width: 210px;
  float: left;
  margin-top: -3px;
}
#top1000-index-container #softcore-mode .levels a.level .stars .star,
#top1000-index-container #hardcore-mode .levels a.level .stars .star {
  width: 24px;
  height: 24px;
  background: url('https://img.10fastfingers.com/img/layout/sprite-main.png') -5px -567px no-repeat;
  display: block;
  float: left;
  margin-right: 5px;
}
#top1000-index-container #softcore-mode .levels a.level .stars .star1,
#top1000-index-container #hardcore-mode .levels a.level .stars .star1 {
  background-position: -35px -567px;
}
#top1000-index-container #softcore-mode .levels a.level .stars .star2,
#top1000-index-container #hardcore-mode .levels a.level .stars .star2 {
  background-position: -67px -567px;
}
#top1000-index-container #softcore-mode .levels a.level .stars .star3,
#top1000-index-container #hardcore-mode .levels a.level .stars .star3 {
  background-position: -97px -567px;
}
#top1000-index-container #softcore-mode .levels a.level .stars .star4,
#top1000-index-container #hardcore-mode .levels a.level .stars .star4 {
  background-position: -127px -567px;
}
#top1000-index-container #softcore-mode .levels a.level .stars .star5,
#top1000-index-container #hardcore-mode .levels a.level .stars .star5 {
  background-position: -158px -567px;
}
#top1000-index-container #softcore-mode .levels a.level .stars .star6,
#top1000-index-container #hardcore-mode .levels a.level .stars .star6 {
  background-position: -189px -567px;
}
#top1000-index-container #softcore-mode .levels a.level .stars .star7,
#top1000-index-container #hardcore-mode .levels a.level .stars .star7 {
  background-position: -218px -567px;
}
#top1000-index-container #softcore-mode .levels a.level .wpm-and-lock-icon,
#top1000-index-container #hardcore-mode .levels a.level .wpm-and-lock-icon {
  text-align: right;
  width: 55px;
  font-size: 12px;
  color: #898989;
  letter-spacing: -1px;
  word-spacing: 2px;
  float: left;
}
#top1000-index-container #softcore-mode .levels a.level lock,
#top1000-index-container #hardcore-mode .levels a.level lock {
  width: 29px;
  height: 29px;
  display: block;
  float: right;
  background: url('https://img.10fastfingers.com/img/layout/sprite-main.png') -560px -363px no-repeat;
  margin-top: -6px;
  margin-right: 20px;
}
#top1000-index-container #softcore-mode a.level.boss .level-label,
#top1000-index-container #hardcore-mode a.level.boss .level-label {
  color: #ff9105;
}
#top1000-index-container #softcore-mode .level-group {
  background: #ff9404;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ff9404 0%, #ff9404 50%, #ff812d 50%, #ff812d 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9404), color-stop(50%, #ff9404), color-stop(50%, #ff812d), color-stop(100%, #ff812d));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ff9404 0%, #ff9404 50%, #ff812d 50%, #ff812d 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ff9404 0%, #ff9404 50%, #ff812d 50%, #ff812d 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ff9404 0%, #ff9404 50%, #ff812d 50%, #ff812d 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ff9404 0%, #ff9404 50%, #ff812d 50%, #ff812d 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9404', endColorstr='#ff812d', GradientType=0);
  /* IE6-9 */
  color: #fff;
}
#top1000-index-container #hardcore-mode .level-group {
  background: #3f98c1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #3f98c1 0%, #3f98c1 50%, #178dc4 50%, #178dc4 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f98c1), color-stop(50%, #3f98c1), color-stop(50%, #178dc4), color-stop(100%, #178dc4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #3f98c1 0%, #3f98c1 50%, #178dc4 50%, #178dc4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #3f98c1 0%, #3f98c1 50%, #178dc4 50%, #178dc4 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #3f98c1 0%, #3f98c1 50%, #178dc4 50%, #178dc4 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #3f98c1 0%, #3f98c1 50%, #178dc4 50%, #178dc4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f98c1', endColorstr='#178dc4', GradientType=0);
  /* IE6-9 */
  color: #fff;
}
#top1000-view {
  padding-bottom: 30px;
  padding-top: 3px;
  /* wird verwendet, wenn user das aktuelle Wort falsch abtippt */
}
#top1000-view #mini-nav {
  margin-left: -13px;
  padding: 6px;
}
#top1000-view #mini-nav strong {
  font-size: 24px;
  margin-right: 20px;
  margin-left: 5px;
  margin-top: 10px;
  display: inline-block;
  font-family: verdana, sans-serif;
  color: #3982c1;
}
#top1000-view #mini-nav a {
  display: inline-block;
  margin-top: -10px;
}
#top1000-view #reload-box {
  margin-top: 10px;
}
#top1000-view #reload-btn {
  height: 50px;
}
#top1000-view #speed-tracker {
  width: 560px;
  display: block;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 20px;
}
#top1000-view #speed-tracker #speed-meter {
  width: 560px;
  height: 15px;
  background: #fff;
  border: 2px solid #92b6d9;
  display: block;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#top1000-view #speed-tracker #speed-meter > #inner {
  height: 11px;
  width: 0px;
  background: #33414e;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
#top1000-view #speed-tracker .speed-marker {
  position: absolute;
  color: #6f6f6f;
  font-size: 10px;
  margin-top: -15px;
}
#top1000-view #speed-tracker #marker-0 {
  margin-left: 0px;
}
#top1000-view #speed-tracker #marker-50 {
  margin-left: 135px;
}
#top1000-view #speed-tracker #marker-bar-50 {
  width: 1px;
  height: 16px;
  background: #6f6f6f;
  margin-left: 140px;
  margin-top: -3px;
  z-index: 99;
}
#top1000-view #speed-tracker #marker-100 {
  margin-left: 272px;
}
#top1000-view #speed-tracker #marker-bar-100 {
  width: 1px;
  height: 16px;
  background: #6f6f6f;
  margin-left: 280px;
  margin-top: -3px;
  z-index: 99;
}
#top1000-view #speed-tracker #marker-150 {
  margin-left: 412px;
}
#top1000-view #speed-tracker #marker-bar-150 {
  width: 1px;
  height: 16px;
  background: #6f6f6f;
  margin-left: 420px;
  margin-top: -3px;
  z-index: 99;
}
#top1000-view #speed-tracker #marker-200 {
  margin-left: 545px;
}
#top1000-view #speed-tracker #marker-bar-highest-score {
  width: 2px;
  height: 17px;
  background: #444;
  margin-top: 1px;
  z-index: 99;
}
#top1000-view #words {
  padding: 6px 12px 30px 12px;
  margin-top: 0px;
  margin-bottom: 10px;
  height: 110px;
  overflow: hidden;
  color: #1d4851;
  font-family: Times New Roman, Times, serif;
  font-size: 2.2em;
  line-height: 1.6em;
  /*30px; line-height: 48px;*/
  background: #ffffff;
  border: 1px solid #8eb6d8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#top1000-view #row1 {
  position: relative;
  color: #111111 /*#243841*/;
}
#top1000-view #row1 span {
  padding: 3px 5px 3px 5px;
  margin-right: -7px;
}
#top1000-view #input-row {
  padding: 4px;
  background: #92b6d9;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#top1000-view #input-row #inputfield {
  border-top: 1px solid #575757;
  height: 50px;
  border-right: 1px solid #6b7a89;
  border-bottom: 1px solid #70869b;
  border-left: 1px solid #525a62;
  font-size: 2.0em;
  line-height: 1.6em;
  background: url('https://img.10fastfingers.com/img/layout/sprite-main.png') 0px -60px no-repeat;
  font-family: Times New Roman, Times, serif;
  color: #333;
}
#top1000-view #input-row #timer {
  padding-top: 10px;
  padding-bottom: 3px;
  height: 50px;
  text-align: center;
  font-size: 1.6em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: white;
  background: #3c4d5c;
}
#top1000-view .hide-time {
  color: #3c4d5c !important;
}
#top1000-view .highlight {
  background: #dddddd;
  color: #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#top1000-view .highlight-wrong {
  background: red;
}
#top1000-view .correct {
  color: green;
}
#top1000-view .wrong {
  color: red;
  /*text-decoration:line-through;*/
}
#top1000-view #inputstream {
  display: none;
}
#top1000-view #wordlist {
  display: none;
}
#top1000-view #error-box {
  display: none;
  margin-top: 100px;
  background: white;
  padding: 20px;
  font-size: 1.4em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#top1000-view #error-box #wpm {
  font-weight: bold;
  color: black;
  padding-right: 20px;
}
#top1000-view #error-box #keystrokes {
  font-weight: bold;
  color: gray;
  padding-right: 20px;
}
#top1000-view #error-box #correct-words {
  font-weight: bold;
  color: green;
  padding-right: 20px;
}
#top1000-view #error-box #wrong-words {
  font-weight: bold;
  color: red;
  padding-right: 20px;
}
#ad-main {
  width: 650px;
  height: 260px;
  margin: auto;
}
#ad-main #ad-main-primary {
  float: right;
  width: 300px;
  height: 250px;
  background: #BFDEFF;
}
#ad-main #ad-main-secondary {
  float: left;
  width: 300px;
  height: 250px;
  background: #c2defc;
  margin-right: 20px;
}
#better-than-percent-value {
  font-weight: bold;
  font-size: 24px;
  color: green;
}
#auswertung-share {
  display: none;
  width: 310px;
  min-height: 280px;
  margin-top: 40px;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(154, 190, 227, 0.9);
  -moz-box-shadow: 0px 1px 1px 1px rgba(154, 190, 227, 0.9);
  box-shadow: 0px 1px 1px 1px rgba(154, 190, 227, 0.9);
}
#auswertung-share h3 {
  color: #fff;
  background: #4d7f9f;
  font-size: 16px;
  padding: 8px 15px;
  font-weight: bold;
  text-shadow: 1px 1px 1px #333333;
  filter: dropshadow(color=#333333, offx=1, offy=1);
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  background: #5e91b3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5e91b3), color-stop(100%, #407191));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e91b3', endColorstr='#407191', GradientType=0);
  /* IE6-9 */
  background: linear-gradient(top, #5e91b3 0%, #407191 100%);
  /* W3C */
}
a.share-btns {
  color: #333;
  font-weight: bold;
  width: 192px;
  height: 35px;
  padding-left: 60px;
  padding-top: 13px;
  background: url('https://img.10fastfingers.com/img/layout/sprite-main.png') no-repeat;
  display: block;
  float: left;
  margin-top: 25px;
  margin-left: 13px;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
}
a.share-btns#facebook {
  background-position: -255px -144px;
  margin-top: -8px;
}
a.share-btns#twitter {
  background-position: -255px -191px;
  margin-top: -8px;
}
a.share-btns#google {
  background-position: -255px -239px;
  margin-top: -8px;
}
a.share-btns#stumbleupon {
  background-position: -255px -287px;
  margin-top: -8px;
}
#content-box {
  background: #fff;
  padding-bottom: 20px;
  border: 1px solid #a7b2bf;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#content-box #recent-active-users {
  padding: 10px;
  padding-left: 15px;
  padding-bottom: 5px;
  background: #fffbd8;
  border-bottom: 1px solid #ccc;
  height: 65px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  overflow: hidden;
}
#content-box #recent-active-users .user {
  width: 45px;
  margin-right: 8px;
  text-align: center;
  float: left;
  display: none;
}
#content-box #recent-active-users .pic {
  width: 48px;
  height: 48px;
}
#content-box #recent-active-users .pic img {
  border: 1px solid #cdc8a6;
}
#content-box #recent-active-users .wpm {
  width: 49px;
  background: black;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5;
  top: -18px;
}
#content-box #textlink-ads2 {
  padding: 10px 5px 5px 10px;
  border-bottom: 1px solid #eeeeee;
}
#content-box #left h3 {
  color: #df6900;
  margin-top: 20px;
  margin-bottom: 5px;
}
#top1000-auswertung {
  background: white;
  padding: 20px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#top1000-auswertung #level-unlocked-message-box {
  border: 1px solid #D68B2D;
  padding: 10px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 20px;
  background: #ffaf4b;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #ffaf4b 0%, #ff920a 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffaf4b), color-stop(100%, #ff920a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #ffaf4b 0%, #ff920a 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #ffaf4b 0%, #ff920a 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #ffaf4b 0%, #ff920a 100%);
  /* IE10+ */
  background: linear-gradient(135deg, #ffaf4b 0%, #ff920a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaf4b', endColorstr='#ff920a', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
#top1000-auswertung #level-unlocked-message-box strong {
  display: inline-block;
  font-size: 1.4em;
  margin-right: 20px;
  color: #185EA3;
  margin-top: 10px;
}
#top1000-auswertung #ergebnis-daten {
  border: 1px solid #ccc;
  padding: 10px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#top1000-auswertung #result-table td.value {
  text-align: left;
}
#multiplayer-view {
  background: white;
  padding: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-top: 40px;
  margin-bottom: 40px;
  border: 1px solid #aaa;
}
#multiplayer-view .words {
  position: relative;
  padding: 3px 6px 20px 6px;
  margin-top: 0px;
  margin: auto;
  margin-bottom: 20px;
  height: 100px;
  overflow: hidden;
  color: #1d4851;
  font-family: Tahoma, non-serif;
  font-size: 20px;
  line-height: 30px;
  background: #ffffff;
  border: 1px solid #8eb6d8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#multiplayer-view .wordrows {
  position: relative;
  color: #111111 /*#243841*/;
}
#multiplayer-view .wordrows span {
  padding: 3px 5px 3px 5px;
  margin-right: -7px;
}
#multiplayer-view #input-row {
  width: 950px;
  margin: auto;
}
#multiplayer-view #input-row #input-box {
  width: 568px;
  height: 51px;
  padding: 4px;
  background: url('https://img.10fastfingers.com/img/layout/sprite-main.png') 0px 0px no-repeat;
  float: left;
  margin: 0 0 0 -13px;
}
#multiplayer-view #input-row #inputfield {
  width: 410px;
  height: 36px;
  line-height: 36px;
  margin: 0px;
  /*margin-left: 4px;*/
  padding: 9px 5px 5px 10px !important;
  color: #111111;
  margin-right: 3px;
  font-family: Times New Roman, Times, serif;
  font-size: 2.6em;
  float: left;
  border: none;
  background: url('https://img.10fastfingers.com/img/layout/sprite-main.png') 0px -60px no-repeat;
}
#multiplayer-view #input-row #timer {
  width: 139px;
  height: 34px;
  padding-top: 17px;
  text-align: center;
  font-size: 2.0em;
  float: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: white;
  background: #3c4d5c;
  background: -moz-linear-gradient(top, #2b3842 0%, #3c4d5c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b3842), color-stop(100%, #3c4d5c));
  background: -webkit-linear-gradient(top, #2b3842 0%, #3c4d5c 100%);
  background: -o-linear-gradient(top, #2b3842 0%, #3c4d5c 100%);
  background: -ms-linear-gradient(top, #2b3842 0%, #3c4d5c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b3842', endColorstr='#3c4d5c', GradientType=0);
  background: linear-gradient(top, #2b3842 0%, #3c4d5c 100%);
}
#multiplayer-view #input-row #timer .off {
  background: none;
  color: black;
  text-shadow: none;
}
#multiplayer-view .highlight {
  background: #dddddd;
  color: #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#multiplayer-view .highlight-wrong {
  background: red;
  color: #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#multiplayer-view .correct {
  color: green;
}
#multiplayer-view .wrong {
  color: red;
  /*text-decoration:line-through;*/
}
#multiplayer-view #inputstream {
  display: none;
}
#multiplayer-view #wordlist {
  display: none;
}
/* Join/Create a Competition */
table#join-competition-table {
  font-size: 1.2em;
}
table#join-competition-table td {
  line-height: 30px;
}
table#join-competition-table td:nth-child(3) {
  padding-right: 20px;
}
table#join-competition-table td:nth-child(4) {
  font-weight: bold;
}
table#join-competition-table div.competition-participated {
  width: 0px;
  height: 0px;
  background: #f3f3f3;
  margin-top: 10px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
table#join-competition-table div.competition-participated.true {
  width: 10px;
  height: 10px;
  background: #749C41;
}
#create-competition {
  background: white;
  padding: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-top: 60px;
  margin-bottom: 40px;
  border: 1px solid #aaa;
}
#create-competition .tabbable {
  margin-top: -55px;
}
#create-competition .tabbable .nav li i {
  margin-top: 3px;
}
#create-competition .tabbable .nav li > a {
  background: #ddd;
  margin-right: 5px;
  font-size: 1.4em;
  margin-top: -1px;
  border: 1px solid #aaa;
  border-bottom: none;
  color: #555;
  padding-left: 20px;
  padding-right: 20px;
}
#create-competition .tabbable .nav li.active > a {
  background: white;
  border: 1px solid #aaa;
  border-bottom: none;
  padding-top: 9px;
  margin-top: -1px;
  color: #557a96;
}
#competition-lang-selector {
  margin-top: 20px;
}
#competition-lang-selector label.lang {
  padding-top: 10px;
  font-size: 1.2em;
  margin: 2px 2px;
  width: 230px;
  float: left;
  border: 1px solid #eee;
}
#competition-lang-selector label.lang:hover {
  border: 1px solid #bbb;
  background: #DEF6FF;
  cursor: pointer;
}
#competition-lang-selector label.lang span.flag {
  margin-right: 20px;
  margin-top: -3px;
}
#competition-lang-selector label.lang input {
  float: left;
  margin-right: 10px;
}
#competition-lang-selector label.lang.active {
  border: 1px solid #bbb;
  background: #DEF6FF;
  cursor: pointer;
}
/* Competition Mode */
#competition-main {
  width: 800px;
  margin: auto;
  margin-top: 60px;
  margin-bottom: 40px;
  /* wird verwendet, wenn user das aktuelle Wort falsch abtippt */
}
#competition-main #reload-box {
  margin-bottom: 50px;
}
#competition-main #reload-btn {
  float: left;
  display: none;
  margin-left: 14px;
  margin-top: 3px;
  width: 54px;
  height: 52px;
  background: url('https://img.10fastfingers.com/img/layout/sprite-main.png') -429px -60px no-repeat;
}
#competition-main #reload-btn:hover {
  cursor: pointer;
}
#competition-main #words {
  position: relative;
  padding: 6px 12px 30px 12px;
  margin-top: 0px;
  margin: auto;
  margin-bottom: 20px;
  height: 74px;
  overflow: hidden;
  color: #1d4851;
  font-family: Times New Roman, Times, serif;
  /*font-size: 2.6em; line-height: 1.6em;*/
  font-size: 30px;
  line-height: 48px;
  background: #ffffff;
  border: 1px solid #8eb6d8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#competition-main #row1 {
  position: relative;
  color: #111111 /*#243841*/;
}
#competition-main #row1 span {
  padding: 3px 5px 3px 5px;
  margin-right: -7px;
}
#competition-main #input-box {
  width: 568px;
  height: 51px;
  padding: 4px;
  background: url('https://img.10fastfingers.com/img/layout/sprite-main.png') 0px 0px no-repeat;
  float: left;
  margin: 0 0 0 -13px;
}
#competition-main #inputfield {
  width: 410px;
  height: 36px;
  line-height: 36px;
  margin: 0px;
  /*margin-left: 4px;*/
  padding: 9px 5px 5px 10px !important;
  color: #111111;
  margin-right: 3px;
  font-family: Times New Roman, Times, serif;
  font-size: 2.6em;
  float: left;
  border: none;
  background: url('https://img.10fastfingers.com/img/layout/sprite-main.png') 0px -60px no-repeat;
}
#competition-main #timer {
  width: 139px;
  height: 34px;
  padding-top: 17px;
  text-align: center;
  font-size: 2.0em;
  float: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: white;
  background: #3c4d5c;
  background: -moz-linear-gradient(top, #2b3842 0%, #3c4d5c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b3842), color-stop(100%, #3c4d5c));
  background: -webkit-linear-gradient(top, #2b3842 0%, #3c4d5c 100%);
  background: -o-linear-gradient(top, #2b3842 0%, #3c4d5c 100%);
  background: -ms-linear-gradient(top, #2b3842 0%, #3c4d5c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b3842', endColorstr='#3c4d5c', GradientType=0);
  background: linear-gradient(top, #2b3842 0%, #3c4d5c 100%);
}
#competition-main #timer .off {
  background: none;
  color: black;
  text-shadow: none;
}
#competition-main .hide-time {
  color: #3c4d5c !important;
}
#competition-main .highlight {
  background: #dddddd;
  color: #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#competition-main .highlight-wrong {
  background: red;
}
#competition-main .correct {
  color: green;
}
#competition-main .wrong {
  color: red;
  /*text-decoration:line-through;*/
}
#competition-main #inputstream {
  display: none;
}
#competition-main #wordlist {
  display: none;
}
/* "Battle"-Layout */
#share-mini {
  background: white;
  border: 1px solid #aaa;
  margin-top: -30px;
  margin-bottom: 20px;
  padding: 10px 15px 5px 5px;
  text-align: center;
  color: #444;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#create-mini {
  background: white;
  overflow: hidden;
  border: 1px solid #aaa;
  margin-top: -30px;
  margin-bottom: 20px;
  padding: 17px 15px 11px 5px;
  text-align: center;
  color: #444;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
a.share-mini-btn {
  width: 32px;
  height: 31px;
  margin-top: -5px;
  margin-left: 20px;
  float: left;
  background: url('https://img.10fastfingers.com/img/layout/stuff/social-media-icons.png') no-repeat;
}
a.share-mini-btn#facebook {
  background-position: -3px -53px;
}
a.share-mini-btn#twitter {
  background-position: -37px -53px;
}
a.share-mini-btn#google {
  background-position: -71px -53px;
}
a.share-mini-btn#email {
  background-position: -105px -53px;
}
a#go-button {
  margin-top: -5px;
  font-size: 1.2em;
  font-weight: bold;
}
#ergebnis {
  font-size: 1.0em;
  margin-bottom: 10px;
  border-bottom: 1px solid #aaa;
  float: left;
  margin-top: 20px;
  margin-right: 20px;
  display: none;
}
#participation {
  font-size: 1.2em;
  margin-bottom: 10px;
  color: #111;
  text-align: center;
  background: #eee;
  padding: 10px;
}
#competition-rank-table {
  margin-left: -10px;
  overflow: hidden;
}
#competition-rank-table tbody td {
  vertical-align: middle;
  border-top: 1px solid #ddd;
}
#competition-rank-table tbody td.rank {
  font-size: 1em;
  font-weight: bold;
  color: #fff;
  text-align: right;
}
#competition-rank-table tbody td.rank span {
  display: block;
  width: 30px;
  padding: 6px 0px;
  text-align: center;
  background: #FFbb00;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#competition-rank-table tbody td.rank span#rank-1 {
  background: #FF5500;
}
#competition-rank-table tbody td.rank span#rank-2 {
  background: #FF7700;
}
#competition-rank-table tbody td.rank span#rank-3 {
  background: #FF8800;
}
#competition-rank-table tbody td.rank span#rank-4 {
  background: #FF9900;
}
#competition-rank-table tbody td.rank span#rank-5 {
  background: #FFaa00;
}
#competition-rank-table tbody td.rank span#rank-6 {
  background: #FFbb00;
}
#competition-rank-table tbody td.rank span#rank-7 {
  background: #FFbb00;
}
#competition-rank-table tbody td.username {
  padding-left: 5px;
}
#competition-rank-table tbody td.wpm {
  font-weight: bold;
}
#competition-rank-table tbody td.keystrokes {
  color: #999;
}
#competition-rank-table tbody td.tests_taken {
  color: #666;
}
#competition-rank-table tbody td.ago {
  color: #333;
}
.highlighted td {
  background: #FAFF73 !important;
}
#competition-url {
  display: none;
  border: 1px solid #aaa;
  text-align: center;
  margin: auto;
  margin-top: 40px;
  font-size: 1.4em;
  background: white;
  padding: 20px;
  padding-top: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#competition-url #share-stuff {
  padding: 0px;
  margin: auto;
}
#competition-url #share-stuff a.share-btn {
  width: 59px;
  height: 53px;
  float: left;
  margin: 20px;
  margin-top: 0px;
  background: url('https://img.10fastfingers.com/img/layout/stuff/social-media-icons.png') no-repeat;
}
#competition-url #share-stuff a#facebook {
  background-position: 0px 0px;
}
#competition-url #share-stuff a#twitter {
  background-position: -59px 0px;
}
#competition-url #share-stuff a#google {
  background-position: -118px 0px;
}
#competition-url #share-stuff a#email {
  background-position: -177px 0px;
}
#competition-url #share-link {
  margin: 20px -20px 20px -20px;
  text-align: center;
  background: #FFFDE3;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding: 20px;
  padding-left: 20px;
  font-size: 1em;
  line-height: 1.4em;
  color: #000;
}
#competition-url #share-link a {
  text-decoration: none;
}
#competition-url #share-link a:hover {
  text-decoration: underline;
  color: #333;
}
table#profile-data-table {
  margin-top: 0px;
  font-size: 0.9em;
}
table#profile-data-table td:nth-child(1) {
  font-weight: normal;
  color: #555;
}
table#profile-data-table td:nth-child(2) {
  font-weight: normal;
  color: #000;
}
#profile-picture {
  float: left;
  margin: 20px;
  margin-bottom: 10px;
  margin-left: 0px;
}
#profile-picture img {
  background: white;
  padding: 5px;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5);
  -moz-transform: scale(1) rotate(-2deg) translate(0px, 0px) skew(0deg, 0deg);
  -webkit-transform: scale(1) rotate(-2deg) translate(0px, 0px) skew(0deg, 0deg);
  -o-transform: scale(1) rotate(-2deg) translate(0px, 0px) skew(0deg, 0deg);
  -ms-transform: scale(1) rotate(-2deg) translate(0px, 0px) skew(0deg, 0deg);
  transform: scale(1) rotate(-2deg) translate(0px, px) skew(0deg, 0deg);
}
#profile-description {
  margin-bottom: 20px;
  margin-top: 20px;
  color: #444;
  font-size: 14px;
  line-height: 22px;
}
#profile-description-textarea {
  margin-top: 20px;
  display: none;
}
#profile-description-textarea textarea {
  width: 260px;
  height: 140px;
}
#edit-profile-link {
  display: none;
  padding: 5px 10px;
  font-size: 1.4em;
}
#activities {
  margin-top: 50px;
}
#activities li.active a {
  color: #FA6400;
  font-weight: bold;
}
#activities #myActivitiesTabContent {
  padding: 10px;
  padding-top: 20px;
  border: 1px solid #ddd;
  border-top: none;
}
#activities #myActivitiesTabContent #visitors tr:first-child td {
  border: none;
}
#activities #myActivitiesTabContent #recent-competitions tr:first-child td {
  border: none;
  background: none;
}
#graph-flag-selection,
#graph-flag-selection-fullscreen {
  background: black;
  padding: 5px 10px 10px 10px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: -45px;
}
#graph-flag-selection span.flag,
#graph-flag-selection-fullscreen span.flag {
  width: 40px;
  height: 33px;
  border: 4px solid black;
  margin-top: -4px;
  margin-right: -5px;
}
#graph-flag-selection span.flag.active,
#graph-flag-selection-fullscreen span.flag.active {
  border: 4px solid #585856;
}
#graph-min-max-avg {
  background: black;
  padding: 5px 10px 10px 20px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  color: #ddd;
  font-size: 0.8em;
}
.achievement-label {
  text-align: right;
  font-weight: bold;
  color: #aaa;
  font-size: 12px;
  margin-bottom: 2px;
  margin-top: 5px;
}
a.achievement,
a.achievement-big {
  display: block;
  float: left;
  background: url('https://img.10fastfingers.com/img/layout/achievement/achievement-pattern.png') #add5e4;
  border: 2px solid #8a9ba3;
  border-radius: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}
a.achievement.locked,
a.achievement.competition.locked {
  width: 44px;
  height: 44px;
  border: 2px solid #ddd;
  background: url('https://img.10fastfingers.com/img/layout/sprite-main.png') -508px -361px #eeeeee;
}
a.achievement.locked .bg-img,
a.achievement.competition.locked .bg-img {
  display: none;
}
a.achievement.hidden.locked {
  display: none;
}
a.achievement.hidden {
  display: block;
}
a.achievement.special.locked {
  display: none;
}
a.achievement {
  -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
a.achievement .bg-img {
  width: 40px;
  height: 40px;
  background: url('https://img.10fastfingers.com/img/layout/achievement/sprite-achievements-small.png?v=3103201702') 0px 0px;
}
a.achievement #tests-taken-10 {
  background-position: -1px -1px;
}
a.achievement #tests-taken-25 {
  background-position: -44px -1px;
}
a.achievement #tests-taken-50 {
  background-position: -88px -1px;
}
a.achievement #tests-taken-100 {
  background-position: -131px -1px;
}
a.achievement #tests-taken-250 {
  background-position: -176px -1px;
}
a.achievement #tests-taken-500 {
  background-position: -218px -1px;
}
a.achievement #tests-taken-750 {
  background-position: -2px -45px;
}
a.achievement #tests-taken-1000 {
  background-position: -44px -45px;
}
a.achievement #flawless-3 {
  background-position: -88px -45px;
}
a.achievement #flawless-5 {
  background-position: -131px -45px;
}
a.achievement #flawless-10 {
  background-position: -176px -45px;
}
a.achievement #wpm-greater-50 {
  background-position: -218px -45px;
}
a.achievement #wpm-greater-60 {
  background-position: -1px -90px;
}
a.achievement #wpm-greater-70 {
  background-position: -44px -90px;
}
a.achievement #wpm-greater-80 {
  background-position: -88px -90px;
}
a.achievement #wpm-greater-90 {
  background-position: -131px -90px;
}
a.achievement #wpm-greater-100 {
  background-position: -176px -90px;
}
a.achievement #special-translator {
  background-position: -218px -90px;
}
a.achievement #tests-taken-2500 {
  background-position: -1px -132px;
}
a.achievement #tests-taken-5000 {
  background-position: -44px -132px;
}
a.achievement #tests-taken-7500 {
  background-position: -88px -132px;
}
a.achievement #tests-taken-10000 {
  background-position: -131px -132px;
}
a.achievement #competitions-taken-10 {
  background-position: -176px -132px;
}
a.achievement #competitions-taken-25 {
  background-position: -218px -132px;
}
a.achievement #competitions-taken-50 {
  background-position: -1px -176px;
}
a.achievement #competitions-taken-100 {
  background-position: -44px -176px;
}
a.achievement #competitions-taken-250 {
  background-position: -88px -176px;
}
a.achievement #competitions-taken-500 {
  background-position: -131px -176px;
}
a.achievement #competitions-taken-1000 {
  background-position: -176px -176px;
}
a.achievement #competitions-taken-2500 {
  background-position: -218px -176px;
}
a.achievement #competitions-taken-5000 {
  background-position: -1px -218px;
}
a.achievement #competitions-taken-7500 {
  background-position: -44px -218px;
}
a.achievement #competitions-taken-10000 {
  background-position: -88px -218px;
}
a.achievement #competition-won-1 {
  background-position: -131px -220px;
}
a.achievement #competition-won-3 {
  background-position: -176px -220px;
}
a.achievement #competition-won-5 {
  background-position: -218px -220px;
}
a.achievement #competition-won-10 {
  background-position: -1px -264px;
}
a.achievement #competition-won-25 {
  background-position: -44px -264px;
}
a.achievement #competition-won-50 {
  background-position: -88px -264px;
}
a.achievement #friendly-fire-3 {
  background-position: -131px -262px;
}
a.achievement #friendly-fire-5 {
  background-position: -176px -262px;
}
a.achievement #friendly-fire-10 {
  background-position: -218px -262px;
}
a.achievement #competition-grinder-3 {
  background-position: -1px -306px;
}
a.achievement #competition-grinder-5 {
  background-position: -44px -306px;
}
a.achievement #competition-grinder-10 {
  background-position: -88px -306px;
}
a.achievement #competition-grinder-25 {
  background-position: -131px -306px;
}
a.achievement #competition-grinder-50 {
  background-position: -176px -306px;
}
a.achievement #supporter-100 {
  background-position: -218px -306px;
}
a.achievement-big {
  width: 80px;
  height: 80px;
  margin-right: 10px;
  -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
a.achievement-big .bg-img {
  width: 80px;
  height: 80px;
  background: url('https://img.10fastfingers.com/img/layout/achievement/sprite-achievements.png?v=3103201702') 0px 0px;
}
a.achievement-big #tests-taken-10 {
  background-position: -2px -3px;
}
a.achievement-big #tests-taken-25 {
  background-position: -89px -3px;
}
a.achievement-big #tests-taken-50 {
  background-position: -177px -3px;
}
a.achievement-big #tests-taken-100 {
  background-position: -264px -3px;
}
a.achievement-big #tests-taken-250 {
  background-position: -351px -3px;
}
a.achievement-big #tests-taken-500 {
  background-position: -437px -3px;
}
a.achievement-big #tests-taken-750 {
  background-position: -2px -87px;
}
a.achievement-big #tests-taken-1000 {
  background-position: -89px -90px;
}
a.achievement-big #flawless-3 {
  background-position: -177px -87px;
}
a.achievement-big #flawless-5 {
  background-position: -264px -87px;
}
a.achievement-big #flawless-10 {
  background-position: -351px -91px;
}
a.achievement-big #wpm-greater-50 {
  background-position: -437px -90px;
}
a.achievement-big #wpm-greater-60 {
  background-position: -2px -177px;
}
a.achievement-big #wpm-greater-70 {
  background-position: -89px -177px;
}
a.achievement-big #wpm-greater-80 {
  background-position: -177px -177px;
}
a.achievement-big #wpm-greater-90 {
  background-position: -264px -177px;
}
a.achievement-big #wpm-greater-100 {
  background-position: -351px -177px;
}
a.achievement-big #special-translator {
  background-position: -437px -177px;
}
a.achievement-big #tests-taken-2500 {
  background-position: -2px -264px;
}
a.achievement-big #tests-taken-5000 {
  background-position: -89px -264px;
}
a.achievement-big #tests-taken-7500 {
  background-position: -177px -264px;
}
a.achievement-big #tests-taken-10000 {
  background-position: -264px -264px;
}
a.achievement-big #competitions-taken-10 {
  background-position: -351px -264px;
}
a.achievement-big #competitions-taken-25 {
  background-position: -437px -264px;
}
a.achievement-big #competitions-taken-50 {
  background-position: -2px -351px;
}
a.achievement-big #competitions-taken-100 {
  background-position: -89px -351px;
}
a.achievement-big #competitions-taken-250 {
  background-position: -177px -351px;
}
a.achievement-big #competitions-taken-500 {
  background-position: -264px -351px;
}
a.achievement-big #competitions-taken-1000 {
  background-position: -351px -351px;
}
a.achievement-big #competitions-taken-2500 {
  background-position: -437px -351px;
}
a.achievement-big #competitions-taken-5000 {
  background-position: -2px -438px;
}
a.achievement-big #competitions-taken-7500 {
  background-position: -89px -438px;
}
a.achievement-big #competitions-taken-10000 {
  background-position: -177px -438px;
}
a.achievement-big #competition-won-1 {
  background-position: -264px -440px;
}
a.achievement-big #competition-won-3 {
  background-position: -351px -440px;
}
a.achievement-big #competition-won-5 {
  background-position: -437px -440px;
}
a.achievement-big #competition-won-10 {
  background-position: -2px -527px;
}
a.achievement-big #competition-won-25 {
  background-position: -89px -527px;
}
a.achievement-big #competition-won-50 {
  background-position: -177px -527px;
}
a.achievement-big #friendly-fire-3 {
  background-position: -264px -525px;
}
a.achievement-big #friendly-fire-5 {
  background-position: -351px -525px;
}
a.achievement-big #friendly-fire-10 {
  background-position: -437px -525px;
}
a.achievement-big #competition-grinder-3 {
  background-position: -2px -613px;
}
a.achievement-big #competition-grinder-5 {
  background-position: -89px -613px;
}
a.achievement-big #competition-grinder-10 {
  background-position: -177px -613px;
}
a.achievement-big #competition-grinder-25 {
  background-position: -264px -613px;
}
a.achievement-big #competition-grinder-50 {
  background-position: -351px -613px;
}
a.achievement-big #supporter-100 {
  background-position: -437px -613px;
}
a.achievement.competition,
a.achievement-big.competition {
  background: url('https://img.10fastfingers.com/img/layout/achievement/achievement-pattern.png') #ffc948;
  border: 2px solid #8a9ba3;
}
a.achievement.special,
a.achievement-big.special {
  background: url('https://img.10fastfingers.com/img/layout/achievement/achievement-pattern.png') #b9a7ce;
  border: 2px solid #886aac;
}
#translation-view pre {
  background: #fff5cd;
}
#translation-view #step-by-step-list ol {
  margin: 0px;
  padding: 0px;
  margin-left: 10px;
}
#translation-view #step-by-step-list ol li {
  margin-bottom: 10px;
  margin-left: 10px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
#translation-view #step-by-step-list ol li:last-child {
  border: none;
}
#email-settings {
  background: #edfaff;
  padding: 20px;
  border: 1px solid #e3e3e3;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-top: 20px;
  font-family: Helvetica;
}
#email-settings ul {
  list-style-type: none;
}
#email-settings ul:first-child {
  margin: 0px;
}
#email-settings ul:nth-child(2) {
  margin-top: 10px;
}
#email-settings #save-settings {
  margin-top: 20px;
}
li#receive-emails {
  margin-left: -40px;
}
li#receive-emails label {
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 1.2em;
  color: #333;
}
li#receive-newsletter label {
  font-weight: normal;
  color: #333;
  font-size: 1.2em;
}
li#receive-newsletter label em {
  font-size: 0.9em;
  color: #666;
}
li#receive-notifications {
  margin-top: 15px;
}
li#receive-notifications label {
  font-weight: normal;
  color: #333;
  font-size: 1.2em;
}
li#receive-notifications ul {
  margin: 0px;
  margin-top: 10px;
}
li#receive-notifications ul li {
  margin-bottom: 10px;
}
li#receive-notifications ul li #receive-notification1 > label {
  color: #666;
}
li#receive-notifications ul li #receive-notification2 > label {
  color: #666;
}
li#receive-notifications ul li #receive-notification3 > label {
  color: #666;
}
li#receive-notifications ul li input[type="checkbox"] {
  margin-right: 8px;
}
li#receive-notifications ul li .disabled {
  color: #555;
}
ul#roadmap {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: 20px;
}
ul#roadmap > li {
  font-weight: bold;
}
ul#roadmap > li ul {
  list-style-type: none;
  margin: 0;
}
ul#roadmap > li ul > li {
  font-weight: normal;
  line-height: 30px;
  margin-left: -37px;
}
ul#roadmap > li ul > li small {
  color: #666;
}
#text-practice {
  background: url('https://img.10fastfingers.com/img/layout/background/patterns/dust.jpg');
  padding: 20px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  margin-top: 10px;
  margin-right: 5px;
  margin-bottom: 40px;
  border: 1px solid #aaa;
}
#text-practice #sortable-table-wrap th {
  cursor: pointer;
  border-bottom-width: 1px;
}
#text-practice #sortable-table-wrap tr:hover td {
  background: #dff0d8;
  cursor: pointer;
}
#text-practice #sortable-table-wrap td {
  border-top: 0;
}
#text-practice #sortable-table-wrap .asc:after {
  width: 10px;
  height: 10px;
  content: ' ↑';
  font-size: .8em;
}
#text-practice #sortable-table-wrap .desc:after {
  width: 10px;
  height: 10px;
  content: ' ↓';
  font-size: .8em;
}
#text-practice #text-selection-by-time {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #999;
  font-size: 0.9em;
}
#text-practice #text-selection-by-time a {
  color: #888;
  text-decoration: underline;
}
#text-practice #text-selection-by-time a:hover {
  color: #444;
}
#text-practice #text-selection-by-time a.selected {
  color: #777;
  font-weight: bold;
  text-decoration: none;
}
#text-practice .status {
  width: 30px;
}
#text-practice .star-col {
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  padding: 10px 0px 0px 0px !important;
}
#text-practice .star-col span.inactive {
  color: #ddd;
}
#text-practice .star-col span.active {
  color: #ffd700;
  text-shadow: 0px 1px 0px #9E9316;
}
#text-practice ul.pagination li.current {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
#text-practice ins {
  background-color: #c6ffc6;
  text-decoration: none;
}
#text-practice del {
  background-color: #ffc6c6;
}
#text-practice #view-title {
  font-size: 2.4em;
  font-weight: normal;
  margin: 0;
  line-height: 1.2em;
}
#text-practice .workspace {
  word-wrap: break-word;
  font-size: 1.8em;
  padding: 5px;
  max-height: 10em;
  overflow-y: hidden;
  border: 1px solid rgba(193, 193, 193, 0.76);
  background: rgba(242, 242, 242, 0.5);
  clear: both;
}
#text-practice .workspace span + span {
  border-left: 0;
}
#text-practice .workspace span.highlight {
  background: #95edcd;
}
#text-practice .workspace span.highlight-wrong {
  background: red;
  color: #000000;
}
#text-practice .workspace span.correct {
  color: #008000;
}
#text-practice .workspace span.wrong {
  color: red;
}
#text-practice .workspace span.current {
  position: fixed;
  border-left: 0;
  background: yellow;
  padding: 0 5px 0 5px;
  font-size: 1em;
}
#text-practice #text_typed {
  font-size: 2em;
  height: 3em;
  margin-top: 1em;
}
#text-practice .rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  font-size: 1em;
  color: gold;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  cursor: default;
  width: 150px;
}
#text-practice .list .rating {
  width: auto;
  font-size: 1em;
  direction: ltr;
}
#text-practice .user_rating {
  font-size: 2em;
  cursor: pointer;
}
#text-practice .rating > span {
  display: inline-block;
  position: relative;
  width: 1em;
}
#text-practice .user_rating > span:hover,
#text-practice .user_rating > span:hover ~ span {
  color: transparent;
}
#text-practice .user_rating > span:hover:before,
#text-practice .user_rating > span:hover ~ span:before,
#text-practice .rating > span.active:before,
#text-practice .rating > span.active ~ span:before {
  content: "\2605";
  position: absolute;
  left: 0;
  color: gold;
}
#text-practice .text-meta {
  padding: 0;
}
#text-practice .text-meta:after {
  content: ' ';
  clear: both;
}
#text-practice .text-meta li {
  list-style-type: none;
  float: left;
  padding-right: 20px;
}
#text-practice #time {
  font-size: 3em;
}
#text-practice .keystrokes .cpm {
  font-size: 1.5em;
}
#text-practice .keystrokes .cpm_text {
  font-size: 1em;
  text-transform: uppercase;
}
#text-practice .scores-table td,
#text-practice .scores-table th {
  padding: 4px;
}
#text-practice .scores-table td + td,
#text-practice .scores_table th + th {
  border-left: 1px solid #eee;
}
#text-practice .search-icon {
  padding-top: 5px;
  margin-right: 5px;
}
#text-practice .mt1 {
  margin-top: 1em;
}
#text-practice .bubble {
  position: relative;
  width: 20px;
  height: 20px;
  padding: 0px;
  background: #ebebeb;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #282828;
  display: inline;
  padding: 0 5px;
}
#text-practice .bubble:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 4px 6px 4px 0;
  border-color: transparent #ebebeb;
  display: block;
  width: 0;
  z-index: 1;
  left: -5px;
  top: 4px;
}
#text-practice #character-counter {
  text-align: right;
  padding-right: 20px;
}
#text-practice #stat-result-table th {
  border: none;
  text-align: right;
}
#text-practice #stat-result-table td {
  text-align: right;
}
#text-practice #stat-result-table tr td:first-child {
  text-align: left;
}
body#homepage {
  background-image: none;
  background-color: #102531;
  height: 100%;
  margin: 0px;
}
#homepage:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0.05;
  background-image: url('https://img.10fastfingers.com/img/layout/background/keyboardbg.jpg');
  background-repeat: no-repeat;
  background-position: 50% 0;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
#homepage #sidebar {
  background: rgba(7, 29, 41, 0.5);
  height: 100vh;
  text-align: center;
  max-width: 300px;
  padding-right: 0px;
}
#homepage #sidebar #logo-sidebar {
  max-width: 210px;
  width: 75%;
  margin-top: 30px;
  margin: auto;
  margin-top: 20px;
}
#homepage #sidebar #login-register,
#homepage #sidebar #language {
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 5px;
  color: #fff;
  background: #082433;
  border-top: 1px solid #182e3a;
  border-bottom: 1px solid #182e3a;
  font-family: 'Raleway', sans-serif;
}
#homepage #sidebar #login-register:hover,
#homepage #sidebar #language:hover {
  text-decoration: none;
  background: rgba(0, 0, 0, 0.35);
}
#homepage #sidebar #login-register strong,
#homepage #sidebar #language strong,
#homepage #sidebar #login-register span,
#homepage #sidebar #language span {
  margin-right: 10px;
}
#homepage #sidebar .list-group {
  background: 0;
  color: white;
  text-align: left;
  font-size: 18px;
  width: 100%;
  margin: auto;
  margin-bottom: 40px;
  font-family: 'Raleway', sans-serif;
}
#homepage #sidebar .list-group .list-group-item {
  padding: 15px;
}
#homepage #sidebar .list-group a.list-group-item {
  display: block;
  width: 100%;
  margin-bottom: 0px;
  background: none;
  border: none;
  color: #fff;
  padding-left: 25px;
}
#homepage #sidebar .list-group a.list-group-item:hover {
  background: rgba(114, 255, 255, 0.1);
}
#homepage #sidebar .list-group a.list-group-item .inside-box {
  max-width: 200px;
  margin: auto;
}
#homepage #sidebar .list-group a.list-group-item .inside-box i {
  position: relative;
  left: -10px;
}
#homepage #sidebar .list-group a.list-group-item .inside-box small {
  display: block;
  margin-left: 25px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
}
#homepage #sidebar .list-group a.list-group-item i.large-alt-icon {
  font-size: 3.5vw;
  width: 40px;
  margin: auto;
  position: relative;
  left: -1.5vw;
  margin-bottom: 20px;
}
#homepage #main #centerbox {
  max-width: 700px;
  width: 100%;
  margin: auto;
  margin-top: 11vw;
  text-align: center;
  padding: 20px;
}
#homepage #main #centerbox img#main-logo {
  max-width: 200px;
  width: 70%;
}
#homepage #main #centerbox hr {
  width: 200px;
  height: 1px;
  color: #849198;
  opacity: 0.5;
  filter: alpha(opacity=50);
  /* For IE8 and earlier */
}
#homepage #main #centerbox h1#main-message {
  font-size: 32px;
  font-family: 'Raleway', sans-serif;
  color: #fff;
}
#homepage #main #centerbox a.cta_button {
  display: inline-block;
  margin-top: 5px;
  margin-left: 3px;
  margin-right: 3px;
  width: 230px;
  background: #000;
  color: #fff;
  padding: 13px 15px 13px 15px;
  font-size: 14px;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  border-radius: 5px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);
}
#homepage #main #centerbox a.cta_button:active {
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0);
}
#homepage #main #centerbox a.cta_button#typing-test {
  background: #aad23b;
}
#homepage #main #centerbox a.cta_button#typing-competition {
  background: #fdb714;
}
#homepage #main #centerbox a.cta_button .separator {
  height: 17px;
  width: 1px;
  background: #bbdb62;
  display: inline-block;
  position: relative;
  top: 5px;
  left: 10px;
}
#homepage #main #centerbox a.cta_button i.fa {
  padding-left: 20px;
}
#homepage #main #ads {
  width: 620px;
  margin: auto;
  margin-top: 100px;
}
#homepage #main #ads #adleft,
#homepage #main #ads #adright {
  display: block;
  margin: 5px;
  width: 300px;
  height: 250px;
  float: left;
  background: rgba(255, 255, 255, 0.02);
}
#homepage #main #ads .clear {
  clear: both;
}
#homepage #main #content {
  text-align: left;
  margin: auto;
  margin-top: 240px;
  color: rgba(255, 255, 255, 0.4);
  font-family: 'Raleway', sans-serif;
  font-size: 18px;
}
#homepage #main #content h2 {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 24px;
}
#homepage #main #content h2 a {
  color: rgba(255, 255, 255, 0.4);
}
#homepage #main #content h2 a:hover {
  text-decoration: none;
  color: #ffffff;
}
#homepage #main #footer {
  width: 100%;
  text-align: center;
  margin-top: 200px;
  padding: 5px;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
  position: relative;
  bottom: 20px;
}
#homepage #main #footer a {
  color: rgba(255, 255, 255, 0.4);
}
#homepage #main #rightbar {
  background: rgba(7, 29, 41, 0.75);
  height: 100vh;
}
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1500px) {
  h1#main-message {
    font-size: 32px;
  }
  #homepage #sidebar .list-group {
    font-size: 14px;
  }
}
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  h1#main-message {
    font-size: 32px;
  }
  #homepage #sidebar .list-group {
    font-size: 14px;
  }
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  h1#main-message {
    font-size: 20px;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  h1#main-message {
    font-size: 18px;
  }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  h1#main-message {
    font-size: 14px;
  }
}
/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
  h1#main-message {
    font-size: 14px;
  }
}