h3 {
  cursor:pointer;
  padding:0 5px;
  font-size:12px;
  margin:1px 0;
  font-weight:normal;
}
h3:hover {
  background-color:#def;
}
h3.active {
  background: #def url(images/listarrow_down.png) no-repeat right center;
}

.continue {
  clear:both;
  display: block;
  padding:3px 6px;
}

.task_continue {
  float:none;
  padding-top:2px;
  padding-bottom:2px;
  margin-bottom:10px;
  margin-top:0;
  background: transparent url(images/complete_task.gif) no-repeat left center;
}

.task_start {
  clear:both;
  display:block;
  float:none;
  padding-top:5px;
  padding-bottom:2px;
  padding-left:20px;
  margin-bottom:10px;
  margin-top:0;
  background: #fff url(images/goto_ccs_task.gif) no-repeat left center;
}
h3 + div {
  float:left;
  padding-left:5px;
  margin-top:-2px;
}

.odd {
  background-color: #d2d7e4 !important;
}
.even {
  background-color: #edeff4 !important;
}

.bold {
  font-weight:bold;
}

#index {
  clear:both;
  float:left;
  width:100%;
  height:100px;
  overflow-y:auto;
  overflow-x:hidden;
  border-bottom:1px solid #ccc;
}
#index li a {
  padding: 0 0 0 18px;
  line-height: 20px;
  background: transparent url(images/cheatsheet_task.gif) no-repeat left center;
  color:#333;
}
#index li a.complete {
  float:none;
  width:auto;
  height:auto;
  background: transparent url(images/complete_cheatsheet_task.gif) no-repeat left center;
}
#index li a.current {
  float:none;
  width:auto;
  height:auto;
  background: transparent url(images/start_cheatsheet.gif) no-repeat left center;
  background-color:#f5f5f5;
  border: 1px solid #ddd;
  padding:1px 3px 1px 18px;
}
#switchcontent {
  position:absolute;
  right:0;
  top:15px;
}