div.bread-crumb, div.bread-crumb a:link, div.bread-crumb a:visited, div.bread-crumb a:hover, div.bread-crumb a:active {
	font: 7.5pt Arial;
	color: #4a4947;
}

div.bread-crumb strong {
	color: #27c5ce;
	font-weight: bold;
}

div.stats-first {
	clear: both;
	float: left;
	height: 31px;
	width: 154px;
	padding-top: 2px;
	border: 1px solid #dadada;
	background-image: url('../images/lessonstats.gif');
	margin-top: 5px;
	font: bold 19.5pt Arial;
	color: #4a4947;
}

div.stats-first img {
	margin-bottom: -1px;
}

div.stats {
	margin-top: 5px;
	float: left;
	height: 33px;
	width: 155px;
	border-top: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	background-image: url('../images/lessonstats.gif');
	font: bold 19.5pt Arial;
	color: #4a4947;
	line-height: 33px;
}

div.stats span.smalltext { 
	font: bold 10pt Arial;
}

div.stats span.graytext {
	color: #838180;
}

div.top-bar {
	margin-top: 10px;
	width: 780px;
	background-image: url('../images/lesson-top-bar.png');
	background-repeat: no-repeat;
}

div.bottom-bar {
	width: 780px;
	height: 7px;
	background-image: url('../images/lesson-bottom-bar.png');
	background-repeat: no-repeat;
}

div.lesson-text {
	background-color: white;
	padding: 0px 30px 0px;
	width: 718px;
	height: 29px;
	font: 13pt 'courier new';
	color: black;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #9dedf2;
	clear: left;
	line-height: 29px;
}

.last {
	height: 30px !important;
	border-bottom: none !important;
}

div.lesson-text span {
	float: left;
	width: 10px;
	text-align: center;
	padding-left: 2px;
	padding-right: 2px;
	color: black;
}

span.l-typed { color: #b8b7b2 !important; }

span.l-active { background-color: #26d73b !important; }

span.l-error { background-color: #ffd0d0 !important; color: #b8b7b2 !important;}

span.l-problem { color: #fb2154 !important; }

#pause {
	cursor: pointer;
}

#typing-exercise {
	background-color: white;
}

#text-template, #text-template-complete {
	display: none;
}




div.lesson-container {
	background: white url('../images/login-bg.gif') repeat;
	height: 330px;
	/* width: 560px; */	
	padding: 15px 20px 20px;
	position: relative;
}

div.lesson-box-text {
	font: 9pt Arial;
	color: #4a4947;
}

div.lesson-box-begin {
	position: absolute;
	bottom: 0;
	width: 680px;
	text-align: center;
	height: 40px;
	font: bold 18pt Arial;
	color: #27C5CE;
}

p.certLink {
	margin-top: 15px;
}

p.certLink a {
	font: bold 18pt Arial;
	color: #27C5CE;
}











/* Twitter Integration */

div.template-complete div.lesson-box-begin {
	text-align: left;
	font-size: 14pt;
	height: 70px;
}

div.lesson-box-begin div.box-left {
	float: left;
	width: 280px;
}

div.lesson-box-begin div.box-right {
	float: right;
	width: 280px;
	font: bold 11pt Arial;
	color: #4a4947;
	line-height: 20px;
	cursor: auto;
}

div.lesson-box-begin div.box-right input {
	width: 200px;
	color: #4a4947;
	font: 8pt Arial;
}

a.tweetLink {
	font: 9pt Arial;
	color: #27C5CE;
}
	
	
span.twitLength {
	display: block;
	font: 8pt Arial;
	color: #4a4947;
	width: 205px;
	text-align: right;
}
















div.lesson-box-begin div {
	cursor: pointer;
}

div.lesson-bottom-align {
	position: absolute;
	bottom: 0;
	padding-bottom: 10px;
}

p.typinghelp {
	font: 11pt Arial;
	padding-bottom: 10px;
}

span.keyhelp {
	font-weight: bold;
}

h2 {
	font: bold 13pt Arial;
}

strong {
	font-weight: bold;
}

.lesson-box-text ul, .lesson-box-text li {
	margin-left: 15px;
	list-style-position: inside;
	list-style-type: disc;
	display: block;
}

div#loading-lesson {
	text-align: center;
	padding: 80px 0px;
	color:#4A4947;
	font-family:Arial;
	font-size:19.5pt;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
}





/* Progress Box */

p {
	font: 9pt Arial;
	color: #4a4947;
}

h1, div#retakeLesson a {
	font: bold 12pt Arial;
	color: #10cfcf;
	text-decoration: none;
}

div#continueLesson a {
	font: bold 14pt Arial;
	color: #4a4947;
}

div#progressBox {
	padding-top: 20px;
	padding-left: 10px;
}

div#progressBox h1 {
	padding-bottom: 10px;
}

div.statBox {
	width: 128px;
	height: 66px;
	padding-top: 22px;	
	float: left;
	background: #f0efee;
	text-align: center;
	margin-right: 3px;
}
	
span.statHeader {
	font: bold 12px Arial;
	color: #4a4947;
	display: block;
}

span.statData {
	font: bold 20px Arial;
	display: block;
	color: #4a4947;
}

div.statProgress {
	width: 160px;
	height: auto;
	float: left;
	margin-top: 15px;
}
	
	
div#retakeLesson {
	clear: both;
	padding-top: 25px;
}

div#continueLesson {
	position: absolute;
	bottom: 15px;
	right: 20px;
}

div#stopDisplaying {
	position: absolute;
	bottom: 15px;
	left: 20px;
}

div#stopDisplaying p {
	display: inline;
}

div#stopDisplaying input {
	position: relative;
	top: 2px;
}

div#progressContainer {
	border: 1px solid #dddddd;
	padding: 1px;
	width: 150px;
	height: 8px;
	margin: 2px 0px;
	font: 1px solid #fff;
}

div#progressBar {
	height: 8px;
	background: #10cfcf;
	font: 1px solid #fff;
}

#hands-toggle {
	position: relative;
	top: -240px;
	cursor: pointer;
}

#hands-toggle p {
	text-align: right;
}


/* Intro to Typing */

.introTyping {
	border-left: 1px solid #EBEBEB;
	border-right: 1px solid #dadada;
	height: auto !important;
	padding: 0px 20px;
	background: #fff;
}

.introTyping p {
	font: 14px Arial;
	/* Change Me */
	color: #4a4947;
	
	margin-bottom: 15px;
	line-height: 18px;
}

.introTyping blockquote {
	font: 16px Arial;
	color: #11979f;
	font-style: italic;
	padding: 10px 40px;
	margin-bottom: 15px;
	line-height: 18px;
}

.introTyping blockquote span {
	color: #4a4947;
}

.introTyping h1 {
	font-size: 36px;
	margin-bottom: 5px;
}

.introTyping h1 span {
	font-weight: normal !important;
}

.chairSitting {
	margin-right: 20px;
	position: relative;
	top: 8px;
}

.qwerty {
	margin-left: 20px;
	margin-top: 40px;
	margin-bottom: 45px;
}

.lessonPreview {
	position: absolute;
	right: 0;
	top: 0;
	outline: none;
}




.lesson-box-text h2 div {
    float: right;
    width: 150px;
    text-align: right;
    font-size: 14px;
    cursor: pointer;
    color: #27C5CE;
}

.lesson-box-text h2 div a {
    display: none;
}

div.lesson-box-begin {
    width: 710px;
}

.lesson-box-begin div {
    position: relative;
}

.lesson-box-begin div a {
    position: absolute;
    left: 0;
    top: 8px;
    font-size: 14px;
    color: #4a4947;
    font-weight: normal;
    text-decoration: none;
}


#progressBox h1 span {
    position: absolute;
    right: 27px; /* updated */
    cursor: pointer;
    color: #4a4947; /* updated */
    font-size: 14px;
}



div.statBox {
    width: 136px;
}

div#continueLesson {
    right: 27px;
}

div#stopDisplaying {
    left: 27px;
}

div.statProgress {
    margin-top: 45px;
}

div.statProgress p {
    font-size: 11pt;
}