body {width:100%;min-height:100%; margin:0px; padding:0px;overflow:hidden;}
div#PracticeBox {width:924px; height:auto; margin:auto; padding:1em;}
div#PageTitle{width:100%;display:block;}
span#PageThemes{width:auto;display:inline-block; text-align:right; float:right;}
select#Themes{line-height:1.2em; padding:0.2em 0.5em; max-width:11em;}

div#Lessons{margin:0.5em 0em; height:3em; line-height:3em; clear:both; vertical-align:middle;}
div#LessonControls { width: 38%; overflow: hidden; float:left; clear:left;}
	select#LessonSelector{line-height:1.2em; padding:0.2em 0.5em; max-width:11em;}
	input[type="button"] {line-height:1.2em; width:4em;}

div#LessonText { width: 60%; overflow:hidden; float:right; clear:right; border-radius:0.2em; max-height:2.2em;margin-top:0.3em;}
	div#LessonScroller {left:0px; display:block; white-space: nowrap; height:2.2em; line-height:2.2em; margin:auto; width:auto;}

textarea#UserInput { box-sizing: border-box; width:100%;}

div#KeyboardContainer{width:100%; min-height:400px;}

div#Highlight{position:absolute; width:0px; height:0px; border-radius:5px;}
div#HighlightLeft {position:absolute; width:30px; height:30px; border-radius:15px;left:0px;display:none;}
div#HighlightRight{position:absolute; width:30px; height:30px; border-radius:15px;right:0px;display:none;}

img#LeftHand{display:none; margin:auto;position:absolute; left:0px; top:330px;}
img#RightHand{display:none; margin:auto;position:absolute; right:0px; top:330px;}

img#Keyboard{display:block; margin:auto; margin-top:56px;}

span#ReferenceText{display:block; font-size:1.4em; text-align:center; color:#fff; margin:auto; /*background:rgba(66,66,66,0.5);*/}