/*
body {
	background-color: #555;
	color: #ccc;
}
*/
.currentnew {
	background-color: #cc0;
	color: #000;
}
.currentnone{
	display:none;
}

.failed {
	background-color: #d00;
}

.currentnew.failed {
	background-color: #f00;
}

#wrapper {
	margin-top: 5em;
	text-align: center;
	font-size: 36;
}

#stats {
	color: #999;
	list-style-type: none;
	margin: 0;
	padding: 0;
	/*font-size: 0;*/
}

#stats li {
	display: inline-block;
	font-size: 10;
}

#stats-speed {
	width: 20%;
	float:left;
}

#stats-title {
	width: 60%;
	/*text-align: center;*/
	float:left;
}

#stats-errors {
	color: #000;
	width: 20%;
	/*text-align: right;*/
	float:left;
}

body {
	/*font-family: sans-serif;*/
}

#current-lesson div{
	display:inline-block;
}
#current-lesson div#alert_sound{
	display: none !important;
}
textarea#test1{
	opacity: 0;
}
#current-lesson span{
	word-wrap:break-word;
	/*display:inline;*/
	display:inline-block;
}

.validtextdiv{
	clear: both;
	float: left;
}

#current-lesson .enter{	background:url('../images/key_enter.png') center center no-repeat;	text-indent:-10000px;	display:inline;	padding: 16px 28px !important;	font-size: 0px !important;}#current-lesson .backspace {	background: url('../images/key_backspace.png') center center no-repeat;	text-indent: -10000px;	display: inline;	padding: 16px 33px !important;	font-size: 0px !important;}#current-lesson .enter-div, #current-lesson .backspace-div{	display:inline !important;}

#current-lesson .enter-div{
	display:inline !important;
}
#current-lesson .enter.failed{
	background:red;
	color:red;
	visibility:visible;
}

#current-lesson .enter:after{
	content:"\a";
	white-space: pre;
	
}

.lesson_timeline{
	margin-top:2px;
	display:none;
}

.lesson_timeline span{
	float:left;
	width:10%;
	height:5px;
}

.lesson_timeline .lt_1{
	background:#008dd2;
}

.lesson_timeline .lt_2{
	background:#703169;
}

.lesson_timeline .lt_3{
	background:#74b840;
}

.lesson_timeline .lt_4{
	background:#e73f8b;
}

.lesson_timeline .lt_5{
	background:#acca17;
}

.lesson_timeline .lt_6{
	background:#008dd2;
}