/*

For learnHeader.php

*/

div#learnHeader
{
  text-align: center;
  padding: 8px 0px 8px 0px;
  margin-bottom: 0px;
}

div#divMOLessonName
{
  clear: both;
  width: 100%;
  text-align: center;
  padding: 4px 4px;
}

.divUnit
{
  margin-top: 8px;
  margin-left: 8px;
  padding: 8px 8px 8px 8px;
  width: 90%;
  margin-bottom: 16px;
}

.divUnitTitle
{
  font-size: 18px;
}

.divLesson
{
  text-align: left;
  font-size: 16px;
  clear: both;
}

.divName
{
  float: left;
}

.divLength
{
  position: absolute;
  margin-left: 440px;
}

.divSpent
{
  position: absolute;
  margin-left: 510px;
}

.spanLessonNum
{
}

.strikethruRed
{
  position: absolute;
  
}

.headerLessons
{
  padding-left: 2px;
  width: 100%;
  clear: both;
  text-size: 14px;
  text-align: left;
}

.headerEar
{
  padding-left: 2px;
  width: 100%;
  clear: both;
  text-size: 16px;
  text-align: left;
}

.headerCompose
{
  padding-left: 2px;
  width: 100%;
  clear: both;
  text-size: 16px;
  text-align: left;
}

.headerQuiz
{
  padding-left: 2px;
  width: 100%;
  clear: both;
  text-size: 16px;
  text-align: left;