.categories {
 margin-bottom: 2em;
}

.categories .add-category-link {
  float:right;
  font-size:1.2em;
  font-weight:bold;
  text-decoration:none;
}

.category {
  padding: 10px;
  margin-bottom:0.5em;
}

div.category div.actions {
  text-align: right;
}

.category_title {
  font-size: 1.2em;
  font-weight: bold;
  float:left;
}

.category .button {
  float: right;
  width: 60px;
  font-weight: bold;
  margin: 0.3em;
  text-align: center;
}

.category .button a {
  text-decoration: none;
}

.category-edit div.title {
  font-size: 1.2em;
  font-weight: bold;
  margin:0.5em;
  width: 10em;
}

.category-edit .instructions {
  width: 700px;
  margin: 0.5em;
}

.category-edit .lessons-header {
  font-size: 1.2em;
  font-weight: bold;
}

.lesson {
  margin-top:0.5em;
  padding: .8em;
}

.lesson.odd {
  background: #D5E1E1;
}

.lesson.even {
	background: #B6D4D4;  
}

.lesson .buttons{
  float: right;
  margin-bottom:0.5em;
}

.category-edit .lesson .buttons{
  float:right;
  width:30px;
}

.lesson-button img{
  text-align: center;
/*  width:25px;*/
  height:25px;
}

.lesson-button a {
  text-decoration:none;
}

.lesson-button label {
  padding: 0;
  margin: 0;
}

.lesson-button span {
  margin-top: 3px;
}

.lesson-button form span {
  color: blue;
}

.lesson .lesson-button {
  float:left;
  font-weight:bold;
  font-size:0.7em;
  width: 65px;
  text-align: center;
  padding:0px;
}

.lesson .lesson-button img{
  text-align:center;
}

.lesson .breaker {
  display:block;
}

.lesson .lesson-button.download-pc {
  width: 65px;
}

.lesson .lesson-button.download-mac {
  width: 65px;
}

.lesson .lesson-button.download-scorm {
  width: 65px;
}

.lesson .lesson-button.download-scorm img{
padding-bottom: 4px;
}


.lesson .lesson-button.preview {
  width: 50px;
}

.lesson .lesson-button.favorite {
  width: 65px;
}

.lesson .lesson-button.copy {
  width: 50px;
}


#download .lesson-button {
  margin-top:1em;
  padding:0px;
}

#download .lesson-button .breaker{
  display: inline;
}

.lesson .add-remove-lesson-button {
  float:right;
  text-align:right;
  text-decoration:underline;
  width: 35px;
  margin: 3px;
}

.lessons-list .lesson {
  margin: 0.5em;
  padding-left: 1.5em;
}


.lesson img.icon {
}

.lesson img.user-icon {
}

.creator {
  float:left;
  margin-right: 5px;
}

.downloaded {
  float:left;
  margin-right: 5px;
}

.lesson .title {
   float:left;
   font-weight:bold;
   color:black;
   font-size:1.2em;
   width:290px;
   margin:3px;
}

.lesson .description {
  clear:both;
}

.editable-category {
  width: 365px;
  float: right;
  overflow: visible;
}

.editable-category .lesson .title {
   float:left;
   font-weight:bold;
   color:black;
   font-size:1.2em;
   width:270px;
   margin:3px;
}

.available-lessons {
  width: 345px;
  float:  left;
}

.available-lessons .lesson .title {
   float:left;
   font-weight: bold;
   color:black;
   font-size:1.2em;
   width:260px;
   margin:3px;
}

.help-popup {
  background:#ffffaa; 
}

.help-popup div{
  padding:0.5em;
}

.help-popup .show{
  font-weight:bold;
}

.help-popup .hide{
  display:none;
  font-weight:bold;
}

.help-popup .text{
  margin-top:1em;
  display:none;
  background:none;
}

.name-heading-links {
  padding:0.5em;
  margin-bottom:1em;
}

.name-heading-links .title{
  font-size:1.1em;
  font-weight:bold;
  margin-bottom:1em;
}

.name-heading-links a{
  margin:5px 0px 5px 0px;
  font-size:0.8em;
  display:block;
}

.name-heading-links div{
  margin:5px 0px 5px 0px;
  font-size:0.9em;  
}

.greytext {
  font-weight:bold;
  color:#222;
}

.greytext .light{
  color:#777;
  margin-right:0.5em;
}

.greytext .dark{
  color:#222;
  margin-right:0.5em;
}

.next-prev {
  padding:0.5em;
  font-size:1.2em;
}