@charset "utf-8";
/* Variables */
/* Import */
html {
  min-height: 100%;
  margin-bottom: 1px;
}
img {
  border: 0;
}
a {
  text-decoration: none;
}
body {
  margin: 0;
  font-size: 76%;
  font-family: Verdana,Arial,Tahoma;
  background: #f2f2f2 url('/pub_images/background.png') center top repeat-y;
  color: #585d5e;
  text-align: center;
}
textarea {
  resize: vertical;
}
hr {
  color: #DCDBDB;
  background-color: #DCDBDB;
}
a {
  color: #0096d2;
}
a:hover {
  text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
p {
  margin: 0 0 0.5em 0;
}
h2 {
  font-size: 18px;
}
h3 {
  font-size: 16px;
}
h4 {
  color: #0096d2;
  font-size: 11px;
}
h5 {
  font-size: 9px;
}
legend {
  color: #0096d2;
  text-decoration: none;
}
p {
  line-height: 1.5em;
}
table {
  font-size: 1em;
}
.mtIcon48 {
  width: 48px;
  height: 48px;
  border: 0;
}
.evaluationLabelIcon {
  background: url(/pub_images/icons/48x48/evaluation.png) no-repeat;
}
.knowledgeLabelIcon {
  background: url(/pub_images/icons/48x48/exam.png) no-repeat;
}
.blendedLicenceIcon {
  background: url(/pub_images/icons/48x48/blended.png) no-repeat;
}
.blendedLicenceIconDisabled {
  background: url(/pub_images/icons/48x48/blendedDisabled.png) no-repeat;
}
.demoLicenceIcon {
  background: url(/pub_images/icons/48x48/demo.png) no-repeat;
}
.demoLicenceIconDisabled {
  background: url(/pub_images/icons/48x48/demoDisabled.png) no-repeat;
}
.distanceLicenceIcon {
  background: url(/pub_images/icons/48x48/distance.png) no-repeat;
}
.distanceLicenceIconDisabled {
  background: url(/pub_images/icons/48x48/distanceDisabled.png) no-repeat;
}
.elearningLicenceIcon {
  background: url(/pub_images/icons/48x48/elearning.png) no-repeat;
}
.elearningLicenceIconDisabled {
  background: url(/pub_images/icons/48x48/elearningDisabled.png) no-repeat;
}
.examLicenceIcon {
  background: url(/pub_images/icons/48x48/exam.png) no-repeat;
}
.examLicenceIconDisabled {
  background: url(/pub_images/icons/48x48/examDisabled.png) no-repeat;
}
.gamingLicenceIcon {
  background: url(/pub_images/icons/48x48/gaming.png) no-repeat;
}
.gamingLicenceIconDisabled {
  background: url(/pub_images/icons/48x48/gamingDisabled.png) no-repeat;
}
.trainingLicenceIcon {
  background: url(/pub_images/icons/48x48/training.png) no-repeat;
}
.trainingLicenceIconDisabled {
  background: url(/pub_images/icons/48x48/trainingDisabled.png) no-repeat;
}
.addCourseIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -1px -52px;
  width: 16px;
  height: 16px;
}
.addCourseIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -18px -52px;
  width: 16px;
  height: 16px;
}
.addIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -1px -1px;
  width: 16px;
  height: 16px;
}
.addIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -18px -1px;
  width: 16px;
  height: 16px;
}
.aggregateIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -69px -18px;
  width: 16px;
  height: 16px;
}
.aggregateAddIcon {
  width: 0px;
}
.aggregateMoveIcon {
  width: 0px;
}
.aggregateRemoveIcon {
  width: 0px;
}
.announcementIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -273px -86px;
  width: 16px;
  height: 16px;
}
.archiveIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -171px -52px;
  width: 16px;
  height: 16px;
}
.archiveIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -188px -52px;
  width: 16px;
  height: 16px;
}
.assessIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -205px -69px;
  width: 16px;
  height: 16px;
}
.assessIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -222px -69px;
  width: 16px;
  height: 16px;
}
.calendarIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -341px -69px;
  width: 16px;
  height: 16px;
}
.calendarIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -358px -69px;
  width: 16px;
  height: 16px;
}
.cancelIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -477px -1px;
  width: 16px;
  height: 16px;
}
.checkIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -35px -120px;
  width: 16px;
  height: 16px;
}
.columnChartIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -69px -69px;
  width: 16px;
  height: 16px;
}
.columnChartIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -86px -69px;
  width: 16px;
  height: 16px;
}
.contentLabelIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -1px -18px;
  width: 16px;
  height: 16px;
}
.contentLinkIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -409px -35px;
  width: 16px;
  height: 16px;
}
.contentPartIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -341px -18px;
  width: 16px;
  height: 16px;
}
.contentStatisticsIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -69px -69px;
  width: 16px;
  height: 16px;
}
.contentStructureIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -477px -35px;
  width: 16px;
  height: 16px;
}
.copyIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -307px -35px;
  width: 16px;
  height: 16px;
}
.copyIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -324px -35px;
  width: 16px;
  height: 16px;
}
.courseIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -205px -18px;
  width: 16px;
  height: 16px;
}
.dashboardIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -1px -69px;
  width: 16px;
  height: 16px;
}
.dashboardIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -18px -69px;
  width: 16px;
  height: 16px;
}
.dearchiveIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -205px -52px;
  width: 16px;
  height: 16px;
}
.dearchiveIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -222px -52px;
  width: 16px;
  height: 16px;
}
.deleteIcon {
  background: url('/pub_images/icons/redcross.png') no-repeat;
  width: 16px;
  height: 16px;
}
.deleteIconDisabled {
  background: url('/pub_images/icons/greycross.png') no-repeat;
  width: 16px;
  height: 16px;
}
.depublishIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -137px -52px;
  width: 16px;
  height: 16px;
}
.depublishIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -154px -52px;
  width: 16px;
  height: 16px;
}
.detestIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -69px -52px;
  width: 16px;
  height: 16px;
}
.discussionIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -477px -69px;
  width: 16px;
  height: 16px;
}
.downIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -341px -1px;
  width: 16px;
  height: 16px;
}
.downIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -358px -1px;
  width: 16px;
  height: 16px;
}
.downIconGreen {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -511px -1px;
  width: 16px;
  height: 16px;
}
.eCoachingIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -375px -69px;
  width: 16px;
  height: 16px;
}
.eCoachingLinkIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -171px -86px;
  width: 16px;
  height: 16px;
}
.editIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -1px -35px;
  width: 16px;
  height: 16px;
}
.editIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -18px -35px;
  width: 16px;
  height: 16px;
}
.eventExamIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -307px -86px;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  margin-right: 3px;
}
.eventExamPassedIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -324px -86px;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  margin-right: 3px;
}
.examinateIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -375px -69px;
  width: 16px;
  height: 16px;
}
.examinateIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -392px -69px;
  width: 16px;
  height: 16px;
}
.exportIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -69px -35px;
  width: 16px;
  height: 16px;
}
.facebookIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -103px -103px;
  width: 16px;
  height: 16px;
}
.fileIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -171px -35px;
  width: 16px;
  height: 16px;
}
.filesIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -103px -35px;
  width: 16px;
  height: 16px;
}
.findIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -103px -86px;
  width: 16px;
  height: 16px;
}
.fromArchiveIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -205px -52px;
  width: 16px;
  height: 16px;
}
.fromArchiveIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -222px -52px;
  width: 16px;
  height: 16px;
}
.goalIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -443px -35px;
  width: 16px;
  height: 16px;
}
.greyStarIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -120px -1px;
  width: 16px;
  height: 16px;
}
.glossaryIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -171px -35px;
  width: 16px;
  height: 16px;
}
.halfIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -239px -1px;
  width: 16px;
  height: 16px;
}
.helpIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -137px -86px;
  width: 16px;
  height: 16px;
}
.importIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -35px -35px;
  width: 16px;
  height: 16px;
}
.inboxIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -511px -69px;
  width: 16px;
  height: 16px;
}
.individualIntakeIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -239px -86px;
  width: 16px;
  height: 16px;
}
.individualProgressIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -205px -86px;
  width: 16px;
  height: 16px;
}
.infoIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -341px -86px;
  width: 16px;
  height: 16px;
}
.intakeIcon {
  background: url('/pub_images/icons/16x16/intake.png') no-repeat;
  width: 16px;
  height: 16px;
}
.itemIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -307px -18px;
  width: 16px;
  height: 16px;
}
.knowledgeBuildingIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -545px -69px;
  width: 16px;
  height: 16px;
}
.leftIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -375px -1px;
  width: 16px;
  height: 16px;
}
.leftIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -392px -1px;
  width: 16px;
  height: 16px;
}
.libraryIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -171px -18px;
  width: 16px;
  height: 16px;
}
.lineChartIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -103px -69px;
  width: 16px;
  height: 16px;
}
.lineChartIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -120px -69px;
  width: 16px;
  height: 16px;
}
.linkedInIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -69px -103px;
  width: 16px;
  height: 16px;
}
.linkIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -443px -69px;
  width: 16px;
  height: 16px;
}
.listIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -137px -18px;
  width: 16px;
  height: 16px;
}
.loadingIcon {
  background: url(/pub_images/icons/loading_transp.gif) no-repeat !important;
}
.measuresIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -205px -35px;
  width: 16px;
  height: 16px;
}
.memotrainingIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -375px -86px;
  width: 16px;
  height: 16px;
}
#memoTrainerAppIcons img {
  margin-top: 5px;
}
.messageIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -239px -69px;
  width: 16px;
  height: 16px;
}
.messageIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -256px -69px;
  width: 16px;
  height: 16px;
}
.objectiveIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -69px -18px;
  width: 16px;
  height: 16px;
}
.offIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -273px -1px;
  width: 16px;
  height: 16px;
}
.okIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -443px -1px;
  width: 16px;
  height: 16px;
}
.onIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -205px -1px;
  width: 16px;
  height: 16px;
}
.overviewIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -137px -18px;
  width: 16px;
  height: 16px;
}
.propertiesIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -409px -86px;
  width: 16px;
  height: 16px;
}
.publishIcon {
  background: url('/pub_images/icons/publiceren.png') no-repeat;
  width: 16px;
  height: 16px;
}
.publishIconDisabled {
  background: url('/pub_images/icons/publicerengrey.png') no-repeat;
  width: 16px;
  height: 16px;
}
.readspeakerIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -443px -86px;
  width: 16px;
  height: 16px;
}
.readIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -239px -69px;
  width: 16px;
  height: 16px;
}
.refreshIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -69px -1px;
  width: 16px;
  height: 16px;
}
.renameIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -239px -35px;
  width: 16px;
  height: 16px;
}
.renameIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -256px -35px;
  width: 16px;
  height: 16px;
}
.replyIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -307px -69px;
  width: 16px;
  height: 16px;
}
.rightIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -409px -1px;
  width: 16px;
  height: 16px;
}
.rightIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -426px -1px;
  width: 16px;
  height: 16px;
}
.saveIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -273px -52px;
  width: 16px;
  height: 16px;
}
.searchIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -35px -1px;
  width: 16px;
  height: 16px;
}
.section {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -239px -52px;
  width: 16px;
  height: 16px;
}
.sectionAddIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -239px -52px;
  width: 16px;
  height: 16px;
}
.sectionIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -409px -18px;
  width: 16px;
  height: 16px;
}
.sectionMoveIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -171px -52px;
  width: 16px;
  height: 16px;
}
.settingsIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -273px -35px;
  width: 16px;
  height: 16px;
}
.settingsIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -290px -35px;
  width: 16px;
  height: 16px;
}
.shadowIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -137px -69px;
  width: 16px;
  height: 16px;
}
.skypeIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -137px -103px;
  width: 16px;
  height: 16px;
}
.sortUpIcon {
  background: url('/pub_images/icons/up.gif') no-repeat;
  width: 12px;
  height: 12px;
}
.sortDownIcon {
  background: url('/pub_images/icons/down.gif') no-repeat;
  width: 12px;
  height: 12px;
}
.statisticsIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -69px -69px;
  width: 16px;
  height: 16px;
}
.studentStatisticsIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -35px -69px;
  width: 16px;
  height: 16px;
}
.studentStatisticsIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -52px -69px;
  width: 16px;
  height: 16px;
}
.subObjectiveIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -103px -18px;
  width: 16px;
  height: 16px;
}
.targetIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -477px -86px;
  width: 16px;
  height: 16px;
}
.templateIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -171px -18px;
  width: 16px;
  height: 16px;
}
.termsIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -137px -35px;
  width: 16px;
  height: 16px;
}
.termsIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat 33px 16px;
  width: 16px;
  height: 16px;
}
.testIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -35px -52px;
  width: 16px;
  height: 16px;
}
.testIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -52px -52px;
  width: 16px;
  height: 16px;
}
.threadIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -477px -69px;
  width: 16px;
  height: 16px;
}
.tipIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -477px -35px;
  width: 16px;
  height: 16px;
}
.toArchiveIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -171px -52px;
  width: 16px;
  height: 16px;
}
.toArchiveIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -188px -52px;
  width: 16px;
  height: 16px;
}
.topicIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -35px -18px;
  width: 16px;
  height: 16px;
}
.trainingIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -375px -35px;
  width: 16px;
  height: 16px;
}
.trashIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -171px -1px;
  width: 16px;
  height: 16px;
}
.twitterIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -35px -103px;
  width: 16px;
  height: 16px;
}
.unreadIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -273px -69px;
  width: 16px;
  height: 16px;
}
.unshadowIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -171px -69px;
  width: 16px;
  height: 16px;
}
.unshadowIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -188px -69px;
  width: 16px;
  height: 16px;
}
.upIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -307px -1px;
  width: 16px;
  height: 16px;
}
.upIconDisabled {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -324px -1px;
  width: 16px;
  height: 16px;
}
.upIconGreen {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -545px -1px;
  width: 16px;
  height: 16px;
}
.usersIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -545px -69px;
  width: 16px;
  height: 16px;
}
.warningIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -137px -1px;
  width: 16px;
  height: 16px;
}
.yellowStarIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -103px -1px;
  width: 16px;
  height: 16px;
}
.greyStarIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -120px -1px;
  width: 16px;
  height: 16px;
}
.youTubeIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -1px -103px;
  width: 16px;
  height: 16px;
}
.messageCloseIcon,
.dijitDialogCloseIcon,
.tundra .dijitDialogCloseIcon {
  background: url('/pub_images/sprites/sprite16.png') no-repeat -511px -86px;
  width: 16px;
  height: 16px;
}
.tundra .dijitDialogCloseIcon {
  position: absolute;
  vertical-align: middle;
}
.addStudentIcon {
  background: url('/pub_images/icons/add_student.gif') no-repeat;
  width: 18px;
  height: 17px;
}
.androidIcon {
  background: url('/pub_images/icons/android.png') no-repeat;
  width: 28px;
  height: 28px;
}
.appleIcon {
  background: url('/pub_images/icons/apple.png') no-repeat;
  width: 28px;
  height: 28px;
}
.backIcon {
  background: url('/pub_images/icons/back.png') no-repeat;
  width: 16px;
  height: 10px;
  /* Todo */

  /* vertical-align: middle;  */

}
.closeFeedbackIcon {
  background: url('/pub_images/icons/close2.gif') no-repeat;
  width: 12px;
  height: 12px;
}
.closeTagIcon {
  background: url('/pub_images/icons/close_tag.png') no-repeat;
  width: 10px;
  height: 10px;
}
.collapseIcon {
  background: url('/pub_images/icons/minus.gif') no-repeat;
  width: 9px;
  height: 9px;
}
.collapseAllIcon {
  background: url('/pub_images/icons/collapseall.gif') no-repeat;
  width: 13px;
  height: 13px;
}
.continueIcon {
  background: url('/pub_images/icons/vervolg.gif') no-repeat;
  width: 17px;
  height: 17px;
}
.correctIcon {
  background: url('/pub_images/icons/correct.png') no-repeat;
  width: 27px;
  height: 27px;
}
.expandIcon {
  background: url(/pub_images/icons/plus.gif) no-repeat;
  width: 9px;
  height: 9px;
}
.expandAllIcon {
  background: url('/pub_images/icons/expandall.gif') no-repeat;
  width: 13px;
  height: 13px;
}
.hotspotMarker {
  background: url('/pub_images/icons/marker.gif') no-repeat;
  width: 27px;
  height: 27px;
}
.incorrectIcon {
  background: url('/pub_images/icons/incorrect.png') no-repeat;
  width: 27px;
  height: 27px;
}
.mcCheckedIcon {
  background: url('/pub_images/icons/mcchecked.gif') no-repeat;
  width: 13px;
  height: 13px;
}
.mcUncheckedIcon {
  background: url('/pub_images/icons/mcunchecked.gif') no-repeat;
  width: 13px;
  height: 13px;
}
.memotrainingLinkIcon {
  background: url('/pub_images/icons/memotrainerIcon.png') no-repeat;
  width: 24px;
  height: 22px;
  padding-bottom: 4px;
  vertical-align: middle;
}
.mrCheckedIcon {
  background: url('/pub_images/icons/mrchecked.gif') no-repeat;
  width: 13px;
  height: 13px;
}
.mrUncheckedIcon {
  background: url('/pub_images/icons/mrunchecked.gif') no-repeat;
  width: 13px;
  height: 13px;
}
.resultsIcon {
  background: url('/pub_images/icons/results.gif') no-repeat;
  width: 12px;
  height: 12px;
}
.semiCorrectIcon {
  background: url('/pub_images/icons/semiCorrect.gif') no-repeat;
  width: 33px;
  height: 39px;
}
.starIcon {
  background: url(/pub_images/icons/star.png) no-repeat;
  width: 13px;
  height: 13px;
}
.startIcon {
  background: url('/pub_images/icons/starten.gif') no-repeat;
  width: 17px;
  height: 17px;
}
.logoAns {
  background: url('/pub_images/logo_ans.png') no-repeat;
  width: 301px;
  height: 94px;
}
.mobileLogoAns {
  background: url('/pub_images/mobile/videoapp_logo_ans.png') no-repeat;
  width: 187px;
  height: 31px;
}
.canvasExample {
  background: url('/pub_images/canvas_vb.png') no-repeat;
  width: 779px;
  height: 528px;
}
.progressBarFront {
  background: url('pub_images/progressbar.png') no-repeat;
}
.progressBarBack {
  background: url('pub_images/progressBar_back_small.png') no-repeat;
}
/* Mixins */
/* buttons*/
a.button,
.backToOverview {
  padding: 0.3em 0.4em;
  font-size: 0.9em;
  font-weight: bold;
  color: #585d5e;
  text-decoration: none;
}
a.nobutton {
  display: none;
}
#cursus_onderdelen div .backToOverview {
  float: left;
  padding-left: 0;
}
a.white_button {
  background: #FFF;
  border-width: 0 0.05em 0.05em 0;
  border-style: solid;
  border-color: #d2d2d2;
  margin: 0 0 0 0.2em;
  padding: 0.3em 0.35em;
  font-size: 12px;
  font-weight: bold;
  color: #d9d9d9;
  text-decoration: none;
}
a.white_button2 {
  background: #FFF;
  border-width: 0 0.05em 0.05em 0;
  border-style: solid;
  border-color: #d2d2d2;
  margin: 0 0 0 0.2em;
  padding: 0.3em 0.35em;
  font-size: 12px;
  color: #585d5e;
  text-decoration: none;
}
div.button {
  background: #f3f3f3;
  border-width: 0 0.05em 0.05em 0;
  border-style: solid;
  border-color: #d2d2d2;
  margin: 0 0 0 0.2em;
  padding: 0.3em 0.4em;
  font-size: 12px;
  font-weight: bold;
  color: #585d5e;
  text-decoration: none;
}
input.formbutton {
  background-color: #eff3fc;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f9f9), to(#e6edff));
  background: -moz-linear-gradient(top, #f7f9f9, #e6edff);
  background-image: -o-linear-gradient(top, #f7f9f9, #e6edff);
  background-image: -ms-linear-gradient(top, #f7f9f9, #e6edff);
  background-image: linear-gradient(top, #f7f9f9, #e6edff);
  border: 1px solid #B9B9B9;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-weight: normal;
  color: #000;
}
input.formbutton:hover {
  background-color: #e5f3fc;
  background: -webkit-gradient(linear, left top, left bottom, from(#ebf9f9), to(#deedff));
  background: -moz-linear-gradient(top, #ebf9f9, #deedff);
  background-image: -o-linear-gradient(top, #ebf9f9, #deedff);
  background-image: -ms-linear-gradient(top, #ebf9f9, #deedff);
  background-image: linear-gradient(top, #ebf9f9, #deedff);
  border: 1px solid #B9B9B9;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-weight: normal;
  color: #000;
  cursor: pointer;
}
input.formbutton:disabled {
  background: #eee;
  color: #999;
}
input.formbutton:disabled:hover {
  background: #eee;
  color: #999;
  cursor: default;
}
input.disabledButton {
  background: #B9B9B9;
}
input.disabledButton:hover {
  background: #B9B9B9;
}
input.button {
  background-color: #eff3fc;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f9f9), to(#e6edff));
  background: -moz-linear-gradient(top, #f7f9f9, #e6edff);
  background-image: -o-linear-gradient(top, #f7f9f9, #e6edff);
  background-image: -ms-linear-gradient(top, #f7f9f9, #e6edff);
  background-image: linear-gradient(top, #f7f9f9, #e6edff);
  border: 1px solid #B9B9B9;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-weight: normal;
  color: #000;
}
input.button:hover {
  background-color: #e5f3fc;
  background: -webkit-gradient(linear, left top, left bottom, from(#ebf9f9), to(#deedff));
  background: -moz-linear-gradient(top, #ebf9f9, #deedff);
  background-image: -o-linear-gradient(top, #ebf9f9, #deedff);
  background-image: -ms-linear-gradient(top, #ebf9f9, #deedff);
  background-image: linear-gradient(top, #ebf9f9, #deedff);
  border: 1px solid #B9B9B9;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-weight: normal;
  color: #000;
}
/* -------------------------------------------------------------------------------------------------------- */
/* ================== 3:STRUCTURE ================== */
/* Formed after the main structure of the HTML it is connected to. */
/* Sequence: Container > Header > Top half Header (User nav) > Bottom half header(Main Nav) > Content > Footer.*/
/* ===== Container ===== */
#loaderSplash {
  top: 0px;
  left: 50%;
  width: 300px;
  margin-left: -150px;
  padding: 5px;
  text-align: center;
  position: absolute;
  border: 1px solid #fbeed5;
  background-color: #fcf8e3;
  color: #c09853;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#container {
  margin: 0 auto 1.5em;
  padding: 0;
  width: 100%;
  height: auto;
  text-align: left;
}
#container #content {
  *clear: both;
  background: none;
  margin: -15px auto auto;
  width: 921px;
  text-align: left;
}
/* ===== Header ===== */
#header {
  background: url("/pub_images/header.png") center top no-repeat;
  width: 100%;
  height: 225px;
}
#header a {
  float: none;
}
#img_logo {
  width: 24.8em;
  height: 4.95em;
}
/* =====Upper part of Header, User options===== */
#h_top {
  margin: 0 auto;
  width: 971px;
  height: 110px;
  text-align: left;
}
#user {
  float: right;
  padding-top: 5px;
  padding-right: 25px;
  color: #585d5e;
}
#user a {
  color: #585d5e;
}
#helpButton {
  background: #0096d2;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 1px 5px 3px 5px;
}
#helpButton a {
  color: #FFF;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}
#helpButton a:hover {
  text-decoration: none;
}
/* =====Lower part of Header, Navigation===== */
#navi {
  margin-left: auto;
  margin-right: auto;
  width: 921px;
}
#navi ul {
  float: left;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  list-style: none;
}
#navi li {
  float: left;
  margin: 0.3em 0.2em 0 0;
  padding: 0;
}
#navi a {
  display: block;
  padding: 0.5em 1em;
  font-size: 14px;
  font-weight: normal;
  color: #585d5e;
  text-decoration: none;
}
#navi a:hover {
  text-decoration: none;
}
/* Button of currently selected Menu item */
#navi li#current {
  background: url("/pub_images/naviRight.jpg") right top;
}
#navi li#current a {
  background: url("/pub_images/naviLeft.jpg") left top no-repeat;
  color: #FFF;
}
#navi li#current a:hover {
  text-decoration: none;
}
#navi_options {
  margin: 0 20.5em 0 0;
}
#navi_options.signedin {
  margin: 0;
  width: 43%;
}
#navi_options p {
  padding: 0 0 0 0.8em;
}
#navi_options .box {
  margin: 0 0 0.8em 0;
}
#navi_options .box h2 {
  margin: 0.3em 0 0.3em 0.6em;
}
#navi_options .box p {
  margin: 0.3em 0 0.3em 1em;
  padding: 0 0 1em 0;
}
/* Subnav(Breadcrumb) */
#subnav {
  margin: 60px auto 0;
  padding: 0.6em 0;
  width: 921px;
  font-size: 12px;
  font-weight: normal;
  color: #0096d2;
  text-align: left;
  list-style: none;
}
html #subnav {
  *margin-top: 30px;
  /* IE 7 only subnav Hack */

  _margin-top: 30px;
  /* IE 6 only subnav Hack */

}
/* =====Content===== */
#content h1 {
  font-size: 1.4em;
}
#content h2 {
  font-size: 1.5em;
}
#content h3 {
  font-size: 1.2em;
}
#content h4 {
  font-size: 1em;
}
#left h2 {
  font-size: 1.2em;
}
#left h3 {
  font-size: 1em;
  font-weight: normal;
}
/* =====Footer===== */
#footer {
  display: block;
  margin: 1.3em 0;
  width: 100%;
  font-size: 0.9em;
  line-height: 2em;
  text-align: center;
}
/* -------------------------------------------------------------------------------------------------------- */
/* ================== 4:PER FUNCTION ================== */
/*  */
/* Readspeaker */
.rs_skip {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* HTML5 AUDIO PLAYER */
.audioContainer.topContainer {
  margin-bottom: 0;
}
.audioContainer.bottomContainer {
  margin-top: 15px;
}
.audiojs {
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
  font-family: Verdana;
}
.audiojs .play-pause {
  border: 0;
  width: 20px;
  cursor: pointer;
}
.audiojs .scrubber {
  float: none;
  background: #DDD;
  border-top: none;
  margin-top: 14px;
  width: auto;
  height: 6px;
}
.audiojs .loaded {
  background: #B3B3B3;
}
.audiojs .progress {
  background: #868686;
}
.audiojs .time {
  float: right;
  border: 0;
  width: 80px;
  font-size: 11px;
  color: #717778;
  text-shadow: none;
}
.audiojs .time em {
  color: #717778;
  font-weight: 700;
}
.audiojs .play {
  background: url('/pub_images/sprites/audio_play.png') 0 0 no-repeat;
  margin-top: 6px;
  width: 14px;
  height: 14px;
}
.audiojs .pause {
  background: url('/pub_images/sprites/audio_play.png') 0 -42px no-repeat;
  margin-top: 6px;
  width: 14px;
  height: 14px;
}
.audiojs .loading {
  background: url('/pub_images/sprites/audio_play.png') 0 -14px no-repeat;
  margin-top: 6px;
  width: 14px;
  height: 14px;
}
.audiojs .error {
  background: url('/pub_images/sprites/audio_play.png') 0 -28px no-repeat;
  margin-top: 6px;
  width: 14px;
  height: 14px;
}
.audiojs .error-message {
  color: red;
}
.audiojs .error-message a {
  color: red;
}
/* Sequence: */
/* Display for credit balance */
.balance {
  font-size: 24px;
  font-weight: bold;
}
.balance .positive {
  color: #008000;
}
.balance .negative {
  color: #F00;
}
/* Login & Inputcode box */
#toolboxesLeft {
  float: right;
}
.tool_box {
  background-color: #EDF3F4;
  border: 0.06em solid #d2d2d2;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 0;
  padding: 0.5em;
  width: 18em;
  text-align: right;
}
.tool_box input#name {
  margin-bottom: 5px;
}
.tool_box input.text {
  float: left;
  margin: 0.1em 0em 0.1em 3px;
  width: 95%;
  font-size: 1.3em;
}
.tool_box input.button {
  margin-right: 3px;
  font-size: 1.1em;
}
.tool_box a {
  margin-right: 4px;
  font-size: 0.8em;
}
.tool_box p {
  margin: 0 0 0.2em 3px;
  font-size: 1.11em;
  font-weight: bold;
  color: #585d5e;
  text-align: left;
}
.tool_box dl {
  margin: 0;
  width: 100%;
}
.tool_box dl dd select {
  width: 100%;
  max-width: 100%;
}
.tool_box dt {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: left;
}
.tool_box dd {
  margin: 0;
}
.tool_box label {
  display: block;
  margin-left: 3px;
  padding: 0.5em 0 0 0;
}
.tool_box .helpIcon {
  margin-top: 3px;
  margin-right: 3px;
}
.accesscode_input_field {
  background: transparent url("/pub_images/input_accesscode.gif") bottom left no-repeat;
  border: 0;
  margin-left: 3px;
  width: 100%;
  height: 27px;
  font-family: Courier New;
  font-size: 21.4px;
  font-weight: bold;
  color: #191919;
  letter-spacing: 6px;
  line-height: 25px;
  outline-style: none;
  outline-width: medium;
}
.accesscode_input_field.loggedIn {
  width: 193px;
}
/* =====Table===== */
table.status {
  border: 0px solid #080;
}
.dijitSlider td {
  border: 0;
}
#contentTable_Items img {
  margin: 0;
}
/* Action Containers (Tables fall in these mostly) */
.actionContainer,
.conditionContainer {
  border: #ebebeb solid 1px;
  background: #fafafa;
  padding: 5px;
}
.conditionContainer {
  margin-top: 0.5em;
}
.topContainer {
  margin-bottom: 5px;
}
.middleContainer {
  margin-bottom: 5px;
}
.bottomContainer {
  margin-top: 5px;
}
.dialogContainer {
  margin: 10px -10px -10px;
  text-align: right;
}
.actionContainer.right {
  text-align: right;
}
.actionContainer .right {
  float: right;
}
/* =====myTable===== */
.myTable,
.myFilledTable {
  width: 100%;
  margin-top: 2px;
  font-size: 1em;
}
.myTable {
  border: 1px #d2d2d2 solid;
}
.myTable img {
  border: 0;
  margin-left: 5px;
  vertical-align: middle;
}
.myTable .borderRight {
  border-right: 1px solid #d2d2d2;
}
.myTable .borderBottom {
  border-bottom: 1px solid #d2d2d2;
}
.myTable tr.header,
myFilledTable tr.header {
  background: url("/pub_images/ANSmtTableHeader.jpg") repeat-x bottom left;
  border: 1px #e6eeef solid;
}
.myTable2 tr.header2 {
  background: white;
}
.myTable2,
.myTable2 tr.header2 {
  border: 1px #d2d2d2 solid;
  width: 100%;
}
.myFilledTable tr.subHeader {
  background: #fff;
  color: #a3a2a2;
}
.myFilledTable tr.even {
  background: #fff;
}
.myFilledTable .archivedUser {
  background: #eaeaea;
  border-top: 1px solid #a9a9a9;
  border-bottom: 1px solid #a9a9a9;
}
.myFilledTable .archivedUser p {
  float: right;
}
.subHeader {
  background: #f3f3f3;
  color: #a3a2a2;
}
.subHeader td {
  padding-right: 5px;
}
.myTable,
.myTable2,
.myFilledTable {
  font-size: inherit;
  *font-size: 1em;
  _font-size: 1em;
}
/* =====mtTable(SortableTable + TreeTable)===== */
.mtTable {
  border: 1px solid #E6EEEF;
  border-spacing: 0;
  font-size: 1em;
}
.mtTable img {
  border: 0;
  margin-right: 6px;
  vertical-align: middle;
}
.mtTable thead {
  background: #ffffff url("/pub_images/ANSmtTableHeader.jpg") repeat-x top left;
  font-weight: bold;
  line-height: 18px;
}
.mtTable thead input {
  margin-top: 0;
}
.mtTable thead td {
  padding: 4px;
}
.mtTable td {
  border-right: 1px solid #e6eeef;
  padding: 2px 4px;
}
.mtTable td:last-child {
  border-right: 0;
}
.mtTable .sortable {
  cursor: pointer;
}
.mtTable .newItemRow,
.mtTable .highlightRow {
  background: #ddf;
}
.mtTable .zebra {
  background: #f7f9f9;
}
.mtTable .highlighted,
.mtTable .hoverable {
  background: #ecf9b7;
}
.mtTable span.separator {
  border-right: 1px solid #bfbfbf;
  margin: 0 4px;
}
.mtTable .zebra span.separator {
  border-right: 1px solid #fff;
}
#contentLabels.mtTable tbody tr {
  line-height: 30px;
}
.hiddenByTableFilter {
  display: none;
}
.hiddenByCheckBoxFilter {
  display: none;
}
.hiddenByTablePagination {
  display: none;
}
.hiddenByTreeTable {
  display: none;
}
/* TreeTable Specific */
.mtTable .folder-collapsed {
  background: url('/pub_images/icons/plus.gif') no-repeat 3px 3px;
  cursor: pointer;
}
.mtTable .folder-expanded {
  background: url('/pub_images/icons/minus.gif') no-repeat 3px 3px;
  cursor: pointer;
}
.mtTable .leaf {
  background: url('/pub_images/icons/bullet.gif') no-repeat;
}
.mtTable .node-icon {
  width: 20px;
  height: 15px;
  padding-right: 3px !important;
  float: left;
}
.mtTable .clickable {
  cursor: pointer;
}
.dijitTreeLabel {
  white-space: nowrap;
}
.dijitTreeNodeSelected {
  font-weight: bold;
}
.dijitTreeContainer img {
  margin: 0;
}
/* TableFilter Dojo Widget */
.tableFilter .label {
  margin-left: 1em;
  margin-right: 1em;
  font-weight: bold;
}
.tableFilter .reset {
  margin-left: 1em;
  margin-right: 1em;
  cursor: pointer;
}
.tableFilter .filter {
  margin-left: 1em;
  cursor: pointer;
}
.checkBoxFilter .checkBoxFilterLabel {
  padding-right: 1em;
}
/* Pagination Dojo Widget */
.mtTablePagination span {
  margin-left: 5px;
  margin-right: 5px;
}
.mtTablePagination select {
  margin-left: 5px;
}
.mtTablePagination .pageSpan {
  padding: 3px;
  cursor: pointer;
}
.mtTablePagination .current {
  background: #000;
  color: #fff;
  cursor: default;
}
/* Button Dojo Widget */
.mtButton span.buttonBase {
  display: inline-block;
  background-color: #dfdfdf;
  background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#d7d7d7));
  background: -moz-linear-gradient(top, #e6e6e6, #d7d7d7);
  background-image: -o-linear-gradient(top, #e6e6e6, #d7d7d7);
  background-image: -ms-linear-gradient(top, #e6e6e6, #d7d7d7);
  background-image: linear-gradient(top, #e6e6e6, #d7d7d7);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #d7d7d7;
  margin: 2px;
  padding: 0px 8px;
  line-height: 24px;
  font-size: 11px;
  font-weight: bold;
  color: #707070;
  cursor: pointer;
  outline: none;
}
.mtButton span.buttonBase img {
  border: 0;
  margin: 0 2px 0 0;
  vertical-align: middle;
}
.mtButton span.buttonBase:hover {
  border: 1px solid #979797;
}
a.mtButton:hover {
  text-decoration: none;
}
.mtButton span.button:active {
  position: relative;
  top: 1px;
}
.mtButton span.buttonDisabled {
  border: 1px solid #d4d4d4;
  cursor: default;
  color: #c9c9c9;
  background-color: #e8e8e8;
  background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#ebebeb));
  background: -moz-linear-gradient(top, #e4e4e4, #ebebeb);
  background-image: -o-linear-gradient(top, #e4e4e4, #ebebeb);
  background-image: -ms-linear-gradient(top, #e4e4e4, #ebebeb);
  background-image: linear-gradient(top, #e4e4e4, #ebebeb);
}
.mtButton span.buttonDisabled:hover {
  border: 1px solid #d4d4d4;
}
.mtButton span.buttonDisabled img {
  opacity: 0.2;
}
.mtButton span.buttonColor {
  font-weight: bold;
  color: #fff;
  border: 1px solid #0096d2;
  background-color: #32add9;
  background: -webkit-gradient(linear, left top, left bottom, from(#63c3e0), to(#0096d2));
  background: -moz-linear-gradient(top, #63c3e0, #0096d2);
  background-image: -o-linear-gradient(top, #63c3e0, #0096d2);
  background-image: -ms-linear-gradient(top, #63c3e0, #0096d2);
  background-image: linear-gradient(top, #63c3e0, #0096d2);
}
.mtButton span.buttonColor:hover {
  color: #fff;
  border: 1px solid #006993;
  background-color: #32add9;
  background: -webkit-gradient(linear, left top, left bottom, from(#63c3e0), to(#0096d2));
  background: -moz-linear-gradient(top, #63c3e0, #0096d2);
  background-image: -o-linear-gradient(top, #63c3e0, #0096d2);
  background-image: -ms-linear-gradient(top, #63c3e0, #0096d2);
  background-image: linear-gradient(top, #63c3e0, #0096d2);
}
.mtButton span.buttonColor.green {
  border: 1px solid #30BF00;
  background-color: #4dcd27;
  background: -webkit-gradient(linear, left top, left bottom, from(#69db4d), to(#30bf00));
  background: -moz-linear-gradient(top, #69db4d, #30bf00);
  background-image: -o-linear-gradient(top, #69db4d, #30bf00);
  background-image: -ms-linear-gradient(top, #69db4d, #30bf00);
  background-image: linear-gradient(top, #69db4d, #30bf00);
}
.mtButton span.buttonColor.green:hover {
  border: 1px solid #228600;
  background-color: #4dcd27;
  background: -webkit-gradient(linear, left top, left bottom, from(#69db4d), to(#30bf00));
  background: -moz-linear-gradient(top, #69db4d, #30bf00);
  background-image: -o-linear-gradient(top, #69db4d, #30bf00);
  background-image: -ms-linear-gradient(top, #69db4d, #30bf00);
  background-image: linear-gradient(top, #69db4d, #30bf00);
}
.mtButton span.small {
  line-height: 16px;
}
.mtButton span.thin {
  font-weight: normal;
}
/* Table Separator */
.odd {
  background-color: #E8E8E8;
}
.even {
  background-color: #FFF;
}
/* do?action=viewStatisticsOverview, Teach > Course > Dashboard */
.containTableDimension {
  width: 100%;
  max-height: 600px;
  overflow-y: scroll;
  overflow-x: scroll;
  white-space: nowrap;
}
/* Specific Tables for ContentPart Configuration */
.tundra .templateTable .dijitTitlePaneTitle {
  background: none;
  border: 1px solid #CCC;
  border-bottom: none;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.tundra .templateTable .dijitTitlePaneContentOuter {
  border: 1px solid #CCC;
  border-top: none;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tundra .templateTable .dijitClosed {
  border: 1px solid #CCC;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tundra .templateTable .dijitClosed .dijitTitlePaneTextNode {
  border: 0;
}
.tundra .templateTable .dijitTitlePane .dijitArrowNode {
  display: none;
}
.tundra .templateTable .dijitTitlePaneTextNode,
.tundra .flashHeader {
  padding: 3px;
  border-bottom: 1px dotted #CCC;
  display: block;
}
/* specific Table for ContentPart, FlashEditor. */
.flashTable {
  background: none;
  border: 1px solid #CCC;
  padding: 3px 4px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
/* Formbox */
form div.formBox {
  border: 0.05em #d2d2d2 solid;
  padding: 1em;
  margin-top: 1em;
}
form div.formBox div {
  display: block;
  clear: both;
  padding-top: 1em;
}
form div.formBox div input {
  width: 15em;
}
form div.formBox div label,
form div.formBox div.checkBox {
  float: left;
  margin-right: 0.5em;
  width: 10em;
  font-weight: bold;
  text-align: right;
}
/* Learning Objective Tagging */
.tag {
  display: block;
  overflow-y: auto;
}
.tag ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.tag li {
  float: left;
  background: #f3f7fd;
  border: 1px solid #bbd8fb;
  white-space: nowrap;
  margin: 2px;
  padding: 2px 5px 2px 7px;
  width: auto;
}
.tag img {
  position: relative;
  padding-left: 0.3em;
  cursor: pointer;
}
.tag .notSubmitted {
  background: #faffab;
  border: 1px solid #f0ff00;
}
.tag .forDeletion {
  background: #ffcaca;
  border: 1px solid #f00;
}
/* Discussions moderations, Found in CoursePartPlayer and general page of CourseParts. */
/* MESSAGE AVATARS */
.teacherAvatar {
  background: url('/pub_images/icons/48x48/teacher.png') no-repeat;
  width: 48px;
  height: 48px;
}
.userAvatar {
  background: url('/pub_images/icons/48x48/default_avatar.jpg') no-repeat;
  width: 48px;
  height: 48px;
}
.moderatorAvatar {
  background: url('/pub_images/icons/48x48/user1_monitor.png') no-repeat;
  width: 48px;
  height: 48px;
}
/* Discussions */
.discussion {
  background-color: #F5F5F5;
  margin-top: 3px;
  padding: 3px;
}
.discussion.teacher {
  background: #eee;
}
.discussion.teacher h4,
.discussion.teacher a {
  color: #000;
}
.discussion.root {
  background: #FFF;
  margin: 3px 0;
}
.discussion.root .subject {
  font-size: 11px;
  font-weight: bold;
}
.discussion.root .body {
  font-size: 10px;
  font-weight: bold;
  color: #646b6b;
  white-space: pre-wrap;
}
.discussion.root .from {
  font-size: 11px;
  font-weight: bold;
}
.discussion.root .profileDescription {
  font-size: 10px;
  font-weight: bold;
  color: #646b6b;
}
.discussion.root.teacher .subject {
  font-size: 11px;
  font-weight: bold;
}
.discussion.root.teacher .body {
  font-size: 10px;
  font-weight: normal;
  color: #646b6b;
}
.discussion.root.teacher .from {
  font-size: 11px;
  font-weight: bold;
}
.discussion.root.teacher .profileDescription {
  font-size: 10px;
  font-weight: bold;
  color: #646b6b;
}
.discussion .date {
  font-size: smaller;
  font-style: italic;
  margin-top: 0.5em;
}
.discussion .urlDescription {
  font-size: smaller;
  font-style: italic;
  color: #a9a9a9;
  margin-top: 0.5em;
}
.discussionIndent {
  width: 40px;
  max-width: 40px;
}
#newThreadForm h4 {
  color: #202628;
  font-size: 11px;
  font-weight: bold;
}
#newThreadForm textarea {
  height: 75px;
}
.messageTable .messageModerator .messageBlock {
  background-color: #FAF6D5;
  border: 0;
}
.messageTable .messageBlock {
  background-color: #EEE;
  border: 0;
}
.messageTable .messageEdited {
  font-size: 0.8em;
  color: #A2A2A2;
}
.replyInput {
  margin: 3px 0 3px 0;
}
#messageDialog {
  text-align: left;
}
.tundra .dijitButtonNode .threadIcon {
  display: none;
}
/* PART OF TEACHER / manager SECTION > PRINTS ViewExerciseResults and licences to EXCEL format file  */
.exportToCSV {
  vertical-align: top;
  height: 30px;
  float: right;
  margin: 3px;
  text-align: right;
}
/* Calendar */
#calendar .dateRow {
  background-color: #EAEAEA;
  font-weight: bold;
}
#calendar .eventTime {
  font-weight: bold;
}
#calendar .passedEvent {
  color: #AAA;
}
#calendar .underwayEvent {
  font-weight: bold;
}
#calendar .eventLocation {
  font-size: smaller;
  color: #AAA;
}
#calendar .eventURL {
  font-size: smaller;
}
#calendar .eventDescription {
  font-size: smaller;
}
#calendar .dateSpacing {
  font-size: 3px;
}
/* "Like" system */
.like.down_trigger {
  margin-left: 7px;
}
div.likes a.up_trigger {
  background-position: 0px -28px;
  cursor: pointer;
}
div.likes a.up_trigger:hover {
  background-position: -61px -28px;
  cursor: pointer;
}
div.likes a.down_trigger {
  background-position: 0px 0px;
  cursor: pointer;
}
div.likes a.down_trigger:hover {
  background-position: -61px 0px;
  cursor: pointer;
}
.like {
  float: left;
  background: transparent url('/pub_images/sprites/likes.png') no-repeat center center;
  width: 53px;
  height: 27px;
  text-align: center;
}
.like.up a,
.like.down a {
  display: block;
  padding-top: 12px;
  padding-left: 13px;
  line-height: 18px;
}
.like span.counter {
  float: right;
  padding-top: 5px;
  padding-right: 4px;
  height: 22px;
  font-size: 12px;
  font-weight: normal;
  color: #585d5e;
  text-align: right;
}
.numberOfLikes {
  color: blue;
}
/* Gamefication Ranking */
.ranking.hiddenRank {
  display: none;
}
.ranking .showHideAll {
  cursor: pointer;
}
.ranking.currentUser {
  background-color: #EEEEEE;
}
.ranking h2 {
  margin: 0 0.5em 0 0.5em;
  text-align: right;
}
.ranking img {
  vertical-align: middle;
  border: 0;
}
.ranking td {
  border-bottom: #dcdcdc 1px solid;
}
.ranking tr.rankTitle {
  font-size: larger;
  font-weight: bold;
}
.ranking td.userName {
  text-align: left;
}
/* =====Global definer for icons, after which specific icon definitions follow===== */
/* TODO: Alfabetisch */
/* TODO this is copied to icons.less?? */
/* conditionele statements */
.conditionTime {
  background: url(/pub_images/icons/48x48/document_time.png) no-repeat;
}
.conditionBlockComplete {
  background: url(/pub_images/icons/48x48/document_check.png) no-repeat;
}
.conditionComplete {
  background: url(/pub_images/icons/48x48/document_check.png) no-repeat;
}
.conditionScore {
  background: url(/pub_images/icons/48x48/document_certificate.png) no-repeat;
}
div#conditionSelect tr {
  cursor: pointer;
}
/* -------------------------------------------------------------------------------------------------------- */
/* ================== 5:PAGE-SPECIFIC EXCEPTIONS ================== */
/* Structured in the same way as the flow of the site itself. */
/* Sequence: IE6GlobalHeader > environmentStart.jsp > myCourses.jsp > viewExercises.jsp(cursus_onderdelen) > ProgressBars > CoursePartPlayer > Matrixtables > dijitDialog*/
/* IE 6 Header to avoid Opaque opacity morphing due to PNG image. */
* html #container #header {
  width: 100%;
  height: 225px;
  background: url("/pub_images/headerIE6.png") center top no-repeat;
}
/* createAccount.jsp */
body#createAccount tbody .header td {
  font-weight: normal;
}
body#createAccount .myTable {
  border-left: none;
  border-right: none;
  border-bottom: none;
}
body#createAccount .myTable .header {
  background: none;
}
/* page environmentStart.jsp */
/* addOn Pane on environmentStart.jsp */
.addOnButton .header {
  color: #0096d2;
  font-weight: bold;
}
.addOnButton .header img {
  font-weight: bold;
  padding-left: 15px;
}
.addOnButton .bigButton .dijitButtonNode {
  color: #FFF;
  background-color: #02a7e1;
  background: -webkit-gradient(linear, left top, left bottom, from(#03b8ef), to(#0096d2));
  background: -moz-linear-gradient(top, #03b8ef, #0096d2);
  background-image: -o-linear-gradient(top, #03b8ef, #0096d2);
  background-image: -ms-linear-gradient(top, #03b8ef, #0096d2);
  background-image: linear-gradient(top, #03b8ef, #0096d2);
}
.addOnButton .bigButtonGrey .dijitButtonNode {
  color: #FFF;
  background-color: #828282;
  background: -webkit-gradient(linear, left top, left bottom, from(#949494), to(#707070));
  background: -moz-linear-gradient(top, #949494, #707070);
  background-image: -o-linear-gradient(top, #949494, #707070);
  background-image: -ms-linear-gradient(top, #949494, #707070);
  background-image: linear-gradient(top, #949494, #707070);
}
.addOnButton .warning {
  font-size: 14px;
  font-style: italic;
}
.addOnButton .spacer {
  padding-top: 15px;
  padding-bottom: 15px;
}
.dijitButtonDisabled {
  color: #CCC;
  background: #E4E4E4;
}
/* Page myCourses.jsp */
#notifications .dijitTitlePane .dijitTitlePaneTitle,
.discussion_wrapper .dijitTitlePaneTitle {
  background: #eee;
  border: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-weight: bold;
}
#notifications .dijitTitlePane .dijitTitlePaneTitle.dijitOpen,
.discussion_wrapper .dijitTitlePaneTitle.dijitOpen {
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#notifications .dijitTitlePane .dijitTitlePaneContentOuter,
.discussion_wrapper .dijitTitlePaneContentOuter {
  border: 1px solid #CCC;
}
#notifications thead {
  background-image: none;
}
#myCourses .block {
  background: #e1ecf0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0;
  margin: 0.4em 0 1em 0;
}
#myCourses .block table {
  border-spacing: 0;
}
#myCourses .block h3 {
  margin: 0 0 1.7em 0;
  color: #4c5051;
  position: relative;
  left: 15px;
  top: 10px;
}
#myCourses .block .right {
  float: right;
  text-align: right;
  padding: 10px 15px 0 0;
}
#myCourses .block .right a {
  font-size: 14px;
  font-weight: bold;
  color: #0096d2;
  margin-top: 10px;
}
#myCourses .block .right strong {
  font-size: 0.75em;
  position: relative;
  top: 2px;
  color: #717778;
}
#myCourses .block .right img {
  display: none;
}
#myCourses .block #voortgang {
  padding: 0 10px 0 10px;
  height: 5em;
}
#myCourses .block #voortgang p.link {
  text-align: right;
}
#myCourses .block #voortgang #left {
  width: 49%;
  float: left;
  margin: 0 1em 0 0;
}
#myCourses .block #voortgang #right {
  width: 49%;
  float: left;
}
#myCourses .block .progressTable table {
  border: 1px solid #E4E9EA;
  height: 19px;
}
#myCourses dl.inactive {
  list-style: none;
  margin: 0;
  padding: 0;
}
#myCourses dl.inactive a {
  color: #0096d2;
  font-size: 1em;
  font-weight: bold;
}
#myCourses dl.inactive dt {
  height: 1.53em;
  padding: 0.4em 0.6em;
  margin: 0.16em 0;
  color: #585d5e;
  background: url("/pub_images/behindDT.png") repeat-y;
}
#myCourses dl.inactive dt img {
  display: none;
  background: none;
}
#myCourses dl.inactive dt span {
  float: right;
  height: 1.55em;
}
#myCourses dl.inactive strong {
  color: #585d5e;
  font-size: 1.083em;
  font-weight: normal;
}
/* Mycourses Progressbars, and Course Results page bars. */
.progressTable table p {
  font-size: 12px;
  color: #0096d2;
  font-weight: bold;
  line-height: 1.4em;
  margin: 0;
  text-align: center;
}
.progressTable .title {
  font-size: 0.9em;
  padding: 0.2em 0.4em;
  position: relative;
  font-weight: bold;
  line-height: 28px;
}
.progressTable .barTable {
  width: 100%;
  height: 19px;
  background: #F7F9F9;
  border: 1px solid #E4E9EA;
}
.progressTable .barTable img {
  float: right;
  height: 100%;
}
.progressTable .barTable .progressBarFront {
  margin: 0;
  padding: 0.1em 0.2em 0 0;
  color: white;
  font-weight: bold;
  text-align: right;
  line-height: 1.0em;
}
.progressTable .barTable .progressBarBack {
  margin: 0;
  padding: 0.1em 0 0 0;
  color: #6e6e6e;
  font-weight: bold;
  text-align: center;
  line-height: 1.0em;
}
.barTable .progressFull {
  background: url("/pub_images/progress_neutral.jpg") left top;
}
.barTable .progressEmpty {
  background: #F7F9F9;
}
.progressTable .bar_empty {
  width: 100%;
  height: 19px;
  text-align: center;
  background: #F7F9F9;
}
.conditionComplete {
  background: url(/pub_images/icons/48x48/document_check.png) no-repeat;
}
/* Page viewExercises.jsp */
/* Specific Body background for viewExercises.jsp. */
body#viewExercises {
  background: #f2f2f2 url("/pub_images/bg_viewExercises.png") center top repeat-y;
}
/* IE7 Specific margins  for viewExercises (Course Blocks and Widgets) */
*:first-child + html body#viewExercises div#left {
  margin: 0.5em 0 0 0;
}
*:first-child + html body#viewExercises div#right {
  margin-top: 0.5em;
}
/* TODO Temporary fix until something better comes along. */
#viewExercises .dijitArrowNode {
  display: none;
}
/* centering for coursePartNames in viewExercisesm because of coursePartDescription */
#cursus_onderdelen .plain {
  border: 0;
  width: 95%;
  font-size: inherit;
}
#cursus_onderdelen .plain2 {
  border: 0;
  width: 100%;
  font-size: inherit;
}
#cursus_onderdelen table.part {
  width: 100%;
}
#cursus_onderdelen table.part form {
  margin-left: 10px;
}
#cursus_onderdelen .coursePartHeader {
  padding: 0.8em 0.6em 0.8em 15px;
  margin: auto 0.8em 0.7em 2em;
  font-size: 0.917em;
}
#cursus_onderdelen .coursePartHeader.enabled {
  font-weight: bold;
}
#cursus_onderdelen .coursePartHeader .coursePartName {
  padding-top: 2px;
}
#cursus_onderdelen .coursePartSections {
  font-weight: normal;
  font-size: 10px;
  margin: auto 0.8em 0.7em 4em;
  padding: 0.6em 0.6em 0.6em 15px;
}
.blockName {
  white-space: nowrap;
  cursor: pointer;
}
.partName {
  width: 150px;
  cursor: pointer;
}
.tdBlockIcon {
  width: 22px;
}
#cursus_onderdelen .block {
  margin: 0 0 1em 0;
  padding: 5px;
  background: #e1ecf0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#cursus_onderdelen .block .dijitTitlePaneTextNode {
  font-size: 1.2em;
  font-weight: bold;
  color: #4c5051;
}
#cursus_onderdelen .block .coursePartHeader {
  background: #f2f7f9;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #585d5e;
}
#cursus_onderdelen .block .coursePartHeader.enabled {
  border-color: #48c400;
}
#cursus_onderdelen .block .coursePartSections {
  background: #f2f7f9;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #585d5e;
}
#cursus_onderdelen .block h4 {
  margin: 0.5em 0;
}
#cursus_onderdelen .block .level1 {
  padding: 0 10px;
}
#cursus_onderdelen .block .level2 {
  padding: 0 20px;
}
#cursus_onderdelen .block .level3 {
  padding: 0 30px;
}
#cursus_onderdelen .block a p {
  text-decoration: underline;
}
#cursus_onderdelen .block p {
  paddding: 0.1em 0.8em 1em 0.8em;
}
#cursus_onderdelen .block .lessonSection {
  padding-top: 2px;
  padding-bottom: 2px;
}
#cursus_onderdelen .block .lessonSection a {
  font-size: 10px;
  font-weight: normal;
  color: #585d5e;
}
#cursus_onderdelen .block a.button {
  float: right;
  margin-top: 1px;
  margin-right: 0.3em;
  padding: 0.3em 0.4em;
  height: 1.35em;
}
#cursus_onderdelen .block h3,
#cursus_onderdelen .block h4 {
  padding: 0 10px;
}
#cursus_onderdelen .block img.graph {
  padding: 0.3em 0.8em 0 0.8em;
}
#cursus_onderdelen .block .bottom {
  width: auto;
  height: 0.3em;
  font-size: 0.4em;
}
#cursus_onderdelen .block form {
  margin: 4pt 0 0 0;
  padding: 0;
}
#cursus_onderdelen .fo_block {
  margin: 0 0 1em 0;
  padding: 5px;
  background: #e9e9e9;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#cursus_onderdelen .fo_block .dijitTitlePaneTextNode {
  font-size: 1.2em;
  font-weight: bold;
  color: #666;
}
#cursus_onderdelen .fo_block .coursePartHeader {
  background: #f5f5f5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #585d5e;
}
#cursus_onderdelen .fo_block .coursePartHeader.enabled {
  border-color: #48c400;
}
#cursus_onderdelen .fo_block .coursePartSections {
  display: none;
}
#cursus_onderdelen .fo_block.blockExplanation {
  color: #d0deea;
}
#cursus_onderdelen .fo_block h3 {
  margin: 0.5em 0;
  color: #a9a9a9;
}
#cursus_onderdelen .fo_block dl,
#cursus_onderdelen .fo_block h3,
#cursus_onderdelen .fo_block h4 {
  margin: 0.5em 0;
  padding: 0 0.8em;
  color: #d2d2d2;
}
#cursus_onderdelen .fo_block img.graph {
  padding: 0.3em 0.8em 0 0.8em;
}
#cursus_onderdelen .fo_block a p {
  text-decoration: underline;
}
#cursus_onderdelen .fo_block p {
  padding: 0.1em 0.8em 1em 0.8em;
}
#cursus_onderdelen .fo_block .bottom {
  width: auto;
  height: 0.3em;
  font-size: 0.4em;
}
#cursus_onderdelen .fo_block .dijitTitlePane .dijitClosed .dijitArrowNode {
  background-position: -42px 0;
}
#cursus_onderdelen .fo_block .dijitTitlePane .dijitOpen .dijitArrowNode {
  background-position: -28px 0;
}
.toBeScored {
  float: right;
  font-weight: bold;
  margin-right: 0.6em;
  padding: 0.3em 0.4em;
  margin-top: 4px;
}
.toBeScored img {
  display: none;
}
#cursus_onderdelen a.button {
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
  color: #FFF;
  background: #0096d2;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.buttonRow a.button {
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
  color: #FFF;
  background: none;
}
#cursus_onderdelen .button.startButton,
.suggestions .button.startButton {
  background-color: #48c400;
}
#cursus_onderdelen .button.redoButton,
.suggestions .button.redoButton,
#cursus_onderdelen .button.continueButton,
.suggestions .button.continueButton {
  background-color: #ff9d00;
}
#cursus_onderdelen .button.scoreEssayButton,
.suggestions .button.scoreEssayButton,
#cursus_onderdelen .button.resultsButton,
.suggestions .button.resultsButton,
#cursus_onderdelen .button.finishedButton,
.suggestions .button.finishedButton,
#cursus_onderdelen .button.reviewButton,
.suggestions .button.reviewButton,
#cursus_onderdelen .button.printButton,
.suggestions .button.printButton {
  background-color: #CCC;
}
#cursus_onderdelen .coursePartStatusIcon {
  float: left;
  margin-top: 11px;
}
#cursus_onderdelen .coursePartStatusIcon .coursePartCompleted {
  background: url("/pub_images/icons/16x16/checked.png");
  width: 16px;
  height: 16px;
}
#cursus_onderdelen .coursePartStatusIcon .coursePartNotAvailable {
  background: url("/pub_images/icons/16x16/lock_closed.png");
  width: 16px;
  height: 16px;
}
#cursus_onderdelen .coursePartStatusIcon .coursePartStillAvailable {
  background: url("/pub_images/icons/16x16/lock_open.png");
  width: 16px;
  height: 16px;
}
#cursus_onderdelen .coursePartDescriptionTable td {
  vertical-align: top;
}
#cursus_onderdelen .coursePartDescriptionTable .coursePartName {
  height: 13px;
}
#cursus_onderdelen .coursePartDescriptionTable .coursePartDescription {
  color: #717778;
}
#cursus_onderdelen .blockExplanation {
  background: none;
}
#cursus_onderdelen .blockExplanationTemplate {
  background: none;
  margin: -13px 0 0 0;
}
/* IE 6 bug fix, (black border in course blocks) */
* html #cursus_onderdelen .block .dijitTitlePane {
  border-color: #E6EEEF;
}
/* IE 6 bug fix, (black border in course blocks) */
* html #cursus_onderdelen .fo_block .dijitTitlePane {
  border-color: #F0F5F2;
}
#cursus_onderdelen .block .dijitTitlePane,
#cursus_onderdelen .fo_block .dijitTitlePane {
  margin: 0 -2px 0 0;
}
#cursus_onderdelen .block .dijitTitlePaneTitle,
#cursus_onderdelen .fo_block .dijitTitlePaneTitle {
  margin: 0 0 0 3px;
  padding: 0;
  border: 0;
  background: none;
}
#cursus_onderdelen .block .dijitTitlePaneContentOuter,
#cursus_onderdelen .fo_block .dijitTitlePaneContentOuter {
  background: none;
  border-style: none;
  margin: 5px 0 -2px;
}
#cursus_onderdelen .block .dijitTitlePaneContentInner,
#cursus_onderdelen .fo_block .dijitTitlePaneContentInner {
  margin: 0 0 0 5px;
  padding: 0;
}
#cursus_onderdelen .adaptiveBlock .dijitTitlePaneContentOuter {
  border-style: none;
  margin: 5px 0 -2px;
}
body#manageCourse #cursus_onderdelen .adaptiveBlock h3 {
  color: #0096d2;
}
.courseHeader h2 {
  margin: 0;
}
#manageCourse .postTabs {
  padding: 10px;
}
#manageCourse #left .mtTitlePane {
  border: 1px solid #ebebeb;
}
#manageCourse #left .mtTitlePane .dijitTitlePaneTextNode {
  font-size: 12px;
}
#manageCourse #left .dijitTabContainerTop-dijitContentPane {
  padding: 5px 0;
}
#manageCourse #left .blockHeader {
  background: #d6e1e2;
  padding: 2px 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#manageCourse #left .block {
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.conditionTooltip {
  text-align: left;
}
.dijitTooltipContainer {
  text-align: left;
}
#cursus_onderdelen #right {
  width: 31.5%;
  float: right;
}
#cursus_onderdelen #right ol {
  list-style-type: none;
  line-height: 1.5em;
}
#cursus_onderdelen #right ol li span {
  font-weight: bold;
}
#cursus_onderdelen #right a {
  margin: 1em 0 0.5em 0;
}
#viewExercises #cursus_onderdelen #right li {
  margin-left: -35px;
}
/* Widget overriding */
.tundra #cursus_onderdelen #right .dijitTitlePaneTitle {
  background: url("/pub_images/widgetBottom.jpg") left top repeat-x;
  border: 0;
  font-weight: bold;
  color: #585d5e;
  padding: 9px 0 9px 5px;
}
.tundra #cursus_onderdelen #right .dijitClosed {
  border: 0;
}
.tundra #cursus_onderdelen #right .dijitClosed .dijitTitlePaneTextNode {
  border: 0;
  margin-top: 3px;
}
.tundra #cursus_onderdelen #right .dijitTitlePane {
  background: none;
}
/* TODO ArrnowNodes moeten weg, of gewoon Display: none of overriden? */
.tundra #cursus_onderdelen #right .dijitTitlePane .dijitArrowNode {
  display: none;
}
.tundra #cursus_onderdelen #right .dijitTitlePaneTextNode {
  border-bottom: none;
  margin-left: 0px;
  font-size: 12px;
}
.tundra #cursus_onderdelen #right .dijitTitlePaneContentOuter {
  background: none;
  border: 0;
  padding: 0 0 0 0;
}
.tundra #cursus_onderdelen #right .dijitTitlePaneContentInner {
  background: none;
  width: auto;
  padding: 0px 10px 10px 10px;
}
.tundra #cursus_onderdelen #right #library_pane {
  background: none;
  width: 269px;
}
.findIcon,
.memotrainingIcon,
.libraryIcon,
.usersIcon,
.statisticsIcon,
.announcementIcon,
.calendarIcon,
.eCoachingIcon,
.discussionIcon,
.propertiesIcon,
.infoIcon,
#viewExercises .calendarIcon {
  display: none;
}
#treeTableContainer #treeTable .smallest .calendarIcon {
  display: inline-block;
}
#viewExercises .button .findIcon,
#searchContentParts .button .findIcon {
  display: inline;
}
#searchContentParts #cursus_onderdelen .button {
  background: none;
}
/* right widget skype icons. */
#studentList_pane div,
#teacherList_pane div {
  margin-top: 0px !important;
}
/* Widget Adjust for Search Content Parts Specific */
#searchContentParts input.text {
  color: #005B5D;
  font-size: 15px;
  margin-bottom: 4px;
  margin-right: 7px;
  width: 87%;
  background-color: #F7F7F7;
  border: 1px solid #889091;
  padding-top: 2px;
  padding-bottom: 2px;
}
#cursus_onderdelen #right #searchContentParts_pane.dijitTitlePaneContentInner .button {
  border: 0;
  background: none;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  color: #0096d2;
}
#cursus_onderdelen #right #searchContentParts_pane.dijitTitlePaneContentInner a:hover {
  text-decoration: underline;
}
.dijitProgressBar {
  width: 80%;
  float: left;
}
.tundra .dijitProgressBar {
  margin: 10px 0 5px;
}
.tundra #right .dijitProgressBar {
  margin: 5px 0 5px;
}
.tundra #right div.links {
  display: inline-block;
}
#cursus_onderdelen #right .dijitProgressBar {
  width: 87%;
}
#cursus_onderdelen #right .dijitProgressBarFull {
  border-right: none;
}
#viewExercises .dijitProgressBarLabel {
  visibility: hidden;
}
#studentStatistics .dijitProgressBarLabel {
  visibility: hidden;
}
#studentStatistics #structureTable {
  margin-top: 5px;
}
#studentStatistics #structureTable .dijitProgressBar {
  margin: 0px;
}
#studentStatistics #structureTable .dijitProgressBar img {
  margin: 0px;
}
#studentStatistics #structureTable .treeImg img {
  margin: 0px 2px;
}
#studentStatistics #structureTable tbody tr {
  height: 30px;
}
.progressBarLabel {
  float: right;
  margin-top: 5px;
  font-weight: bold;
  font-size: 12px;
  width: 24px;
}
/* Shows current students and teachers that partake the current course in widget */
.selectedProfile {
  background-color: #FAF6D5;
}
/* tabcontainer for learning objectives and courseblocks */
.tundra #cursus_onderdelen #left .dijitTabContainerTop-tabs {
  border-bottom: 1px solid #dcdbdb;
}
.tundra #cursus_onderdelen #left .dijitTabContainerTop-tabs .dijitTab {
  border: 1px solid #dcdbdb;
  background: #f5f5f5;
  color: #585d5e;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  font-weight: bold;
}
.tundra #cursus_onderdelen #left .dijitTabContainerTop-tabs .dijitTab:hover {
  border-top: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-left: 1px solid #CCC;
  text-decoration: underline;
}
.tundra #cursus_onderdelen #left .dijitTabContainerTop-tabs .dijitTabChecked {
  background: #FFF;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid #FFF;
}
.tundra #cursus_onderdelen #left .dijitTabPaneWrapper {
  border: 0;
}
#cursus_onderdelen #left {
  width: 65.5%;
  margin: 0 1.6em 0 0;
  float: left;
}
#cursus_onderdelen #left #dijit_layout_TabContainer_0 {
  margin-top: 30px;
}
#cursus_onderdelen #left #activitiesTab,
#cursus_onderdelen #left #objectivesTab {
  margin-top: 1em;
}
#cursus_onderdelen #left #activitiesTab #useContentStructureLink img,
#cursus_onderdelen #left #objectivesTab #useContentStructureLink img {
  vertical-align: middle;
}
#cursus_onderdelen #left #activitiesTab #structureTable,
#cursus_onderdelen #left #objectivesTab #structureTable {
  margin-top: 5px;
}
#cursus_onderdelen #left #activitiesTab #structureTable .dijitProgressBar,
#cursus_onderdelen #left #objectivesTab #structureTable .dijitProgressBar {
  margin: 0px;
}
#cursus_onderdelen #left #activitiesTab #structureTable .treeImg img,
#cursus_onderdelen #left #objectivesTab #structureTable .treeImg img {
  margin: 0px 2px;
}
#cursus_onderdelen #left #activitiesTab #structureTable tbody tr,
#cursus_onderdelen #left #objectivesTab #structureTable tbody tr {
  height: 30px;
}
#cursus_onderdelen #left a.button img {
  display: none;
}
.tundra .dijitTextBox input {
  line-height: 18px;
}
#addButton img {
  vertical-align: middle;
}
/* page admin.jsp */
body#admin #navi_options .box {
  border: 1px solid #E6EEEF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #E6EEEF;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
body#admin #navi_options .box h2 {
  font-size: 14px;
  margin: 10px;
  border: 0;
  padding-bottom: 5px;
}
body#admin #navi_options .box p {
  background: #F7F9F9;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 10px;
  padding: 5px;
  font-size: 11px;
  color: #0096d2;
}
/*
    This is to correct a dojo-bug where the text has almost the same color as the background
    To see if dojo has fixed it, try http://download.dojotoolkit.org/release-1.7.1/dojo-release-1.7.1/dijit/themes/themeTester.html?theme=tundra
    TODO: remove again when dojo has fixed it (or when we switch themes)
*/
#conditionsTab .dijitTextBoxDisabled input {
  color: #7F7F7F;
}
#editFields h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
#editFields label {
  display: block;
}
#editFields label span {
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 5px;
  font-size: 12px;
}
#editFields input {
  border: 1px solid #666;
  width: 170px;
}
#editFields select {
  width: 170px;
}
/* =====CoursePartPlayer===== */
/* DIJIT DIALOG  CoursePartPlayer Overlay for warningmessages before starting or during course.*/
.dijitDialogUnderlay {
  background: #EDF3F4 none repeat scroll 0 0;
  opacity: 0.8;
}
.courseParts {
  padding-left: 20px;
}
.coursePartResults {
  text-align: left;
  padding-left: 20px;
  font-size: 11px;
}
.coursePartResults .details {
  float: right;
  font-size: 10px;
}
body.coursePartPlayer {
  background: url("/pub_images/course_part_player/ANSCoursePartPlayerBg.jpg") left top repeat;
}
.coursePartPlayer table {
  background: none;
}
.coursePartPlayer #header {
  background: #EDF3F4;
  padding: 5px 0px 9px 0px;
}
.coursePartPlayer #header h1 {
  color: #585d5e;
}
.coursePartPlayer #content_container {
  margin-top: 50px;
  margin-bottom: 50px;
}
.coursePartPlayer .content_wrapper .content {
  -moz-box-shadow: 3px 3px 4px #e2e2e2;
  -webkit-box-shadow: 3px 3px 4px #e2e2e2;
  box-shadow: 3px 3px 4px #e2e2e2;
}
/* getLesson.jsp Topleft selectors / indicators */
.coursePartPlayer #messageDialog #messageFormDiv input {
  font-weight: bold;
  margin: 0 0 5px 1px;
  color: #585d5e;
}
.coursePartPlayer .discussion_wrapper {
  background: #FFF;
  padding: 10px;
  width: 850px;
}
.coursePartPlayer .discussion_wrapper hr {
  display: none;
}
div.inlineFeedback {
  background: #F3F9FA;
  border: 1px solid #E7E7E7;
}
div.inlineFeedback td {
  text-align: left;
}
.visualFeedbackCorrectAnswer {
  background-color: #ECF9B7;
}
.multimediaAnswer {
  font-size: inherit;
  font-style: inherit;
  line-height: inherit;
}
.visualFeedbackIcon {
  background-color: #FFFFFF;
}
.answerTable td {
  border-bottom: 2px solid white;
}
.horizontalAnswer {
  padding: 0;
  border-right: 2px solid white;
}
.horizontalAnswer td {
  border-bottom: none;
}
.definition {
  border-bottom: 1px dotted #000;
  cursor: pointer;
}
.definitionPopup {
  max-width: 600px;
}
.definitionPopup:focus {
  outline: none;
}
#lessonEnd,
#exerciseEnd,
#skillAssignmentEnd {
  max-width: 40%;
}
#lessonEnd h3,
#exerciseEnd h3,
#skillAssignmentEnd h3 {
  font-size: 14px;
}
#lessonEnd strong,
#exerciseEnd strong,
#skillAssignmentEnd strong {
  font-size: 12px;
}
#lessonEnd .backToOverview,
#exerciseEnd .backToOverview,
#skillAssignmentEnd .backToOverview {
  font-size: 12px;
  padding: 0;
}
.individualCourseOverview {
  padding: 8px;
  padding-top: 25px;
}
div#displayTopicContent,
div#displayPartNavi {
  border: 0.05em #d2d2d2 solid;
  width: 35em;
}
div#displayTopicContent div#header,
div#displayPartNavi div#header {
  background: #d2d2d2;
  font-weight: bold;
}
.dummyLabel {
  font-style: italic;
  color: #717778;
}
/* exercise and status style 3.0 */
div#sendEssay,
div.essayItem {
  display: none;
  width: 100%;
  z-index: 0;
}
div.itemCaseDiv {
  display: none;
  width: 640px;
}
div.itemDiv {
  display: none;
  width: 100%;
}
form div.partNaviSelected {
  background: white;
}
form div.partNavi span.unselected {
  line-height: 1em;
}
form div.partNavi span.selected {
  background: black;
  line-height: 1em;
}
.answerValue {
  background-color: #EEE;
  text-align: center;
  width: 12%;
  border-style: solid;
  border-width: thin;
  font-size: 12px;
}
.questionCell {
  padding-bottom: 10px;
  color: #585d5e;
  font-size: 14px;
  font-weight: bold;
}
.questionContentNumber {
  float: left;
  margin-right: 10px;
}
.bodycell {
  text-align: left;
}
/* Status.jsp */
.mainLeft {
  width: 70%;
  margin: 0 1.6em 0 0;
  float: left;
}
.mainWidget {
  width: 27%;
  float: left;
}
/* Matrixtable */
.matrixTable {
  empty-cells: hide;
  width: 100%;
  text-align: center;
}
.matrixTable .subQuestion {
  text-align: justify;
  width: 100%;
}
.matrixTable abc rb_cb {
  width: 25px;
}
.matrixTable .answerText {
  text-align: left;
}
.matrixTable .correctAnswer {
  text-align: left;
  color: green;
  font-weight: bold;
}
.matrixTable .semiCorrect {
  text-align: left;
  font-weight: bold;
  color: orange;
}
.matrixTable .incorrectAnswered {
  text-align: left;
  color: red;
  font-weight: bold;
}
.matrixTable .incorrectNotAnswered {
  text-align: left;
  color: #D1D1D1;
}
.matrixEvaluationTable {
  empty-cells: hide;
  width: 100%;
  text-align: center;
}
.matrixEvaluationTable td {
  border: 1px solid #DDD;
}
.matrixEvaluationTable .subQuestion {
  text-align: left;
}
/* part of Courses */
span.correctAnswerGiven {
  color: green;
  font-weight: bold;
}
span.correctAnswerNotGiven {
  color: green;
}
span.wrongAnswerGiven {
  color: red;
  font-weight: bold;
}
span.wrongAnswerNotGiven {
  color: #999;
}
span.correct {
  font-size: 16px;
  color: #7db944;
  margin-right: 5px;
}
span.correct.current {
  font-size: 20px;
  font-weight: bold;
}
span.incorrect {
  font-size: 16px;
  color: #d35a56;
  margin-right: 5px;
}
span.incorrect.current {
  font-size: 20px;
  font-weight: bold;
}
span.unscored {
  font-size: 16px;
  color: #999;
  margin-right: 5px;
}
span.unscored.current {
  font-size: 20px;
  font-weight: bold;
}
span.notdone {
  font-size: 16px;
  color: #b4c5da;
  margin-right: 5px;
}
span.notdone.current {
  font-size: 20px;
  font-weight: bold;
}
span.ghost {
  color: #d2d2d2;
}
hr.answer,
hr.feedback {
  color: #080;
}
.statusHeader {
  font-style: italic;
}
#cursus_onderdelen .suggestions {
  background: #FCF0AD;
  padding: 10px 10px 5px 10px;
  margin-bottom: 1em;
  -moz-box-shadow: 1px 1px 4px 1px #e2e2e2;
  -webkit-box-shadow: 1px 1px 4px 1px #e2e2e2;
  box-shadow: 1px 1px 4px 1px #e2e2e2;
}
#cursus_onderdelen .suggestions hr {
  margin-top: 10px;
  color: #FFF;
  background: #FFF;
  border: 1px solid #FFF;
  width: 102%;
  margin-left: -5px;
  border-top: 1px solid #FFF7C0;
  border-bottom: 1px solid #FFF;
}
#cursus_onderdelen .suggestions h3 {
  margin-left: 5px;
}
#cursus_onderdelen .suggestions table {
  margin-left: 0px;
}
#cursus_onderdelen .suggestions table .smallest {
  width: 1% !important;
  line-height: 25px;
  white-space: no-wrap !important;
}
#cursus_onderdelen .suggestions a.button {
  padding: 0.4em 0.7em;
  font-weight: bold;
  font-size: 13px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  color: #FFF;
}
#cursus_onderdelen .suggestions .memoTrainerLink {
  color: #0096d2;
  text-align: right;
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 4px;
}
#cursus_onderdelen .suggestions .suggestionPart {
  background: #FFF;
  font-weight: bold;
  margin: auto auto auto 2em;
  padding: 0.4em 0.6em 0.4em 0.5em;
  width: auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #668440;
}
#cursus_onderdelen .suggestions img.arrow {
  width: 16px;
  height: 10px;
  vertical-align: middle;
  background: url(/pub_images/icons/arrowNext.png) no-repeat;
}
.suggestionsTable {
  font-size: 0.9em;
}
.suggestionsTable span {
  margin-top: 20px;
}
.suggestionsTable em {
  font-style: normal;
  font-weight: bold;
  margin-left: 5px;
}
/* dijitDialog table opschoning. */
.dijitDialog {
  text-align: left;
}
.dijitDialog.dialogWidth {
  width: 800px;
}
.dialogHeight {
  height: 500px;
  overflow-y: auto;
  padding: 10px;
}
.tundra .dijitDialogTitleBar {
  background: #ffffff url("/pub_images/ANSmtTableHeader.jpg") repeat-x top left;
  font-weight: bold;
  height: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 13px;
}
/* Part of Exams */
.disabled {
  color: #AAA;
}
.courseInfo {
  color: #a3a2a2;
}
/* configureEvaluation -> configureProfile popup */
#configureProfileForm .header {
  font-weight: bold;
  text-align: center;
}
#configureProfileForm tr .left {
  text-align: left;
}
.smallLetters {
  font-size: 10px;
  margin: 0 10px 15px 0;
  display: inline-block;
}
/* ------- */
/* -------------------------------------------------------------------------------------------------------- */
/* ================== 6:COMMON ================== */
/*  */
/* configureLesson.jsp */
.partImage {
  margin-top: 20px;
}
/* geen structure class */
input.textbox,
textarea {
  font-size: 1.2em;
}
.clickable {
  cursor: pointer !important;
}
.lowlighted {
  color: #C8C8C8;
}
#pageHelpText {
  margin-bottom: 0.5em;
}
/* Messages that display errors, succeeded actions etcetera underneath the breadcrumb.  */
.message {
  font-size: 13px;
  line-height: 20px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  padding: 8px 14px;
  margin: 0 0 20px;
  clear: both;
}
.message .messageCloseButton {
  float: right;
  cursor: pointer;
}
.myTable #message {
  padding: 4px;
  margin: 1em;
}
/* classes part of Errormessages */
.OK {
  border: 1px solid #d6e9c6;
  background-color: #dff0d8;
  color: #478847;
}
.OK .icon {
  background: url(/pub_images/icons/24x24/check.png) no-repeat;
  margin-right: 1em;
}
.INFO {
  border: 1px solid #bce8f1;
  background-color: #d9edf7;
  color: #3a87ad;
}
.INFO .icon {
  background: url(/pub_images/icons/24x24/information.png) no-repeat;
  margin-right: 1em;
}
.WARNING {
  border: 1px solid #fbeed5;
  background-color: #fcf8e3;
  color: #c09853;
}
.WARNING .icon {
  background: url(/pub_images/icons/24x24/warning.png) no-repeat;
  margin-right: 1em;
}
.ERROR {
  border: 1px solid #eed3d7;
  background-color: #f2dede;
  color: #b94a48;
}
.ERROR .icon {
  background: url(/pub_images/icons/24x24/error.png) no-repeat;
  margin-right: 1em;
}
.withDivider {
  border-right: 1px solid #bfbfbf;
}
.no-Wrap {
  white-space: nowrap !important;
}
.no-Border {
  border: 0 !important;
}
.no-Margin {
  margin: 0 !important;
}
.smallest {
  width: 1% !important;
  white-space: nowrap !important;
}
.biggest {
  width: 100% !important;
}
/* widgethandler */
.questionContentTitle .dijitTitlePane .dijitTitlePaneContentOuter .dijitReset .dijitTitlePaneContentInner,
#internalLink .dijitTitlePaneContentOuter .dijitReset .dijitTitlePaneContentInner,
.essayItem .dijitTitlePane .dijitTitlePaneContentOuter .dijitReset .dijitTitlePaneContentInner {
  height: 100%;
  overflow-y: hidden;
}
/* do?action=manageStudentSubscriptions (userId required) part of Studentsubscriptions, catalog, user status in Manager or Widget parts. */
#right #library .dijitTitlePaneContentInner {
  width: 100%;
  overflow-x: hidden;
}
/* TextEditor */
/* do?action=manageStudentSubscriptions (userId required)  */
.editorPane .dijitTitlePaneContentInner {
  padding: 0;
}
.editorPane .dijitEditor {
  width: 100%;
  border: 0;
}
.tundra .dijitEditorIconMtContentPartSelector {
  background: url(/pub_images/icons/document_text.png) no-repeat;
  width: 16px;
  height: 16px;
  text-align: center;
}
.tundra .dijitEditorIconInsertFile {
  background: url(/pub_images/icons/folder_document.png) no-repeat;
  width: 16px;
  height: 16px;
  text-align: center;
}
.tundra .dijitEditorIconMtLatex {
  background: url(/pub_images/icons/text_formula.png) no-repeat;
  width: 16px;
  height: 16px;
  text-align: center;
}
.tundra .dijitDisabled .dijitEditorIconMtContentPartSelector {
  background: url(/pub_images/icons/document_text.png) no-repeat;
  width: 16px;
  height: 16px;
  text-align: center;
}
.tundra .dijitDisabled .dijitEditorIconInsertFile {
  background: url(/pub_images/icons/folder_document.png) no-repeat;
  width: 16px;
  height: 16px;
  text-align: center;
}
.tundra .dijitDisabled .dijitEditorIconMtLatex {
  background: url(/pub_images/icons/text_formula.png) no-repeat;
  width: 16px;
  height: 16px;
  text-align: center;
}
.tundra .dijitDisabled .dijitEditorIconInsertFile {
  background: url(/pub_images/icons/folder_document.png) no-repeat;
  width: 16px;
  height: 16px;
  text-align: center;
}
.tundra .dijitDisabled .dijitEditorIconMtLatex {
  background: url(/pub_images/icons/text_formula.png) no-repeat;
  width: 16px;
  height: 16px;
  text-align: center;
}
#dijitEditorBody {
  text-align: left;
  background: #ffffff;
}
/* Mainteacherpage, just isnt being displayed so i'm not sure it has a function. */
.unreadNumber {
  font-size: 9px;
  vertical-align: 35%;
}
/*manageTeacherStudents under Teach > course > Settings > Manage students */
.withDivider {
  border-right: 1px solid #bfbfbf;
}
/* do?action=Teacher & studentStatistics */
.customUserLeaf {
  background: url(/pub_images/icons/user1.gif) no-repeat;
}
.customSelectedUserLabel {
  font-weight: bold;
}
/* do?action=Teach, in Status.jsp & Teacherstatus.jsp */
#results {
  padding: 15px;
}
#results_bar {
  height: 19px;
  background: #F7F9F9;
  border: 1px solid #E4E9EA;
}
#results_bar p {
  font-size: 12px;
  line-height: 19px;
  margin: 0;
}
#results_bar div.notdone p b {
  color: #0096d2;
}
#legenda .square {
  border: 1px solid #E4E9EA;
}
#legenda_maxScore {
  font-weight: bold;
  font-size: 14px;
}
div.correct {
  height: 19px;
  background: url('/pub_images/results_correct.png') left top repeat-x;
  float: left;
}
div.incorrect {
  height: 19px;
  background: url('/pub_images/results_incorrect.png') left top repeat-x;
  float: left;
}
div.unscored {
  height: 19px;
  background: url('/pub_images/results_unscored.png') left top repeat-x;
  float: left;
}
div.notdone {
  height: 19px;
  background: #F7F9F9;
  float: left;
}
.square {
  height: 17px;
  width: 17px;
}
td.correct {
  background-color: green;
}
td.incorrect {
  background-color: red;
}
td.unscored {
  background-color: blue;
}
td.notdone {
  background-color: yellow;
}
A.number {
  text-decoration: none;
}
/* Content Panes in some parts of the website (Seperate two-part tables / columns ( Studentstatistics for example )) */
#borderContainer {
  width: 100%;
  height: 100%;
  border: 0;
}
#leftContentPane {
  border: 0;
  border-right: 1px #CCC solid;
  background-color: #FFF;
  padding: 0 !important;
  overflow: auto;
}
#rightContentPane {
  border: 0;
  border-left: 1px #CCC solid;
  background-color: #FFF;
  padding: 0 !important;
}
/* do?action=viewLearningObjectives */
.tundra .extraBarFull {
  background: none;
  border-right: 0px;
  overflow: visible;
}
.tundra .extraBarsParent {
  overflow: visible;
  width: 100%;
}
.tundra .emptyProgressBar {
  border-right: 0px;
  width: 0px;
}
.tundra .extraBarTileNone {
  background: none;
  border-right: 1px solid #B8B8B8;
}
.tundra .extraBarTile_green {
  background: url('/pub_images/progress_bar.png') right;
}
.tundra .extraBarTile_blue {
  background: url('/pub_images/intake_bar.png') right;
}
/* No exact location, but Dijit elements are an exception */
.dijitTab {
  background: #e4e4e4 top repeat-x;
}
.header .dijitDropDownButton {
  margin: 1px;
}
.dijitMenu {
  font-size: 1em;
}
.dijitSplitterV {
  background: #CCC;
  border: 0;
  width: 5px;
}
img.filledProgressCorrect {
  background: url('/pub_images/filledProgressCorrect.jpg');
}
img.filledProgressIncorrect {
  background: url('/pub_images/filledProgressIncorrect.jpg');
}
img.filledTD {
  background: url('/pub_images/filledTD.jpg');
}
img.captcha {
  background: url('/pub_images/image2.JPG') no-repeat;
  height: 32px;
  width: 129px;
}
.dijitTabController {
  height: 25px !important;
}
.dijitTabListWrapper {
  height: 25px !important;
}
#manageContentTree {
  height: 100%;
}
span.studentAnswer {
  font-weight: bold;
  text-decoration: underline;
}
span.profileName {
  font-size: large;
}
span.profileDescriptionHeader,
span.measureDescriptionHeader {
  font-size: larger;
}
span.measureName {
  font-size: large;
}
span.totalProfileScore {
  font-weight: bold;
}
span.measureDescriptionSmall {
  font-style: italic;
  font-size: smaller;
}
#admin .dijitComboButton,
#configureGroup .dijitComboButton,
#manageCourse .dijitComboButton {
  margin: 2px;
  vertical-align: top;
}
#admin .dijitComboButton .dijitButtonNode,
#configureGroup .dijitComboButton .dijitButtonNode,
#manageCourse .dijitComboButton .dijitButtonNode {
  font-weight: bold;
  color: #FFF;
  border: 1px solid #0096d2;
  background-image: none;
  background-color: #32add9;
  background: -webkit-gradient(linear, left top, left bottom, from(#63c3e0), to(#0096d2));
  background: -moz-linear-gradient(top, #63c3e0, #0096d2);
  background-image: -o-linear-gradient(top, #63c3e0, #0096d2);
  background-image: -ms-linear-gradient(top, #63c3e0, #0096d2);
  background-image: linear-gradient(top, #63c3e0, #0096d2);
  padding: 0 8px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
#admin .dijitComboButton .dijitButtonNode:hover,
#configureGroup .dijitComboButton .dijitButtonNode:hover,
#manageCourse .dijitComboButton .dijitButtonNode:hover {
  color: #fff;
  border: 1px solid #006993;
  background-color: #32add9;
  background: -webkit-gradient(linear, left top, left bottom, from(#63c3e0), to(#0096d2));
  background: -moz-linear-gradient(top, #63c3e0, #0096d2);
  background-image: -o-linear-gradient(top, #63c3e0, #0096d2);
  background-image: -ms-linear-gradient(top, #63c3e0, #0096d2);
  background-image: linear-gradient(top, #63c3e0, #0096d2);
}
#admin .dijitComboButton .dijitButtonNode .dijitButtonText,
#configureGroup .dijitComboButton .dijitButtonNode .dijitButtonText,
#manageCourse .dijitComboButton .dijitButtonNode .dijitButtonText {
  line-height: 24px;
}
#admin .dijitComboButton .dijitButtonNode.dijitArrowButton,
#configureGroup .dijitComboButton .dijitButtonNode.dijitArrowButton,
#manageCourse .dijitComboButton .dijitButtonNode.dijitArrowButton {
  border-left: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
#admin .dijitComboButton .dijitButtonNode.dijitArrowButton:hover,
#configureGroup .dijitComboButton .dijitButtonNode.dijitArrowButton:hover,
#manageCourse .dijitComboButton .dijitButtonNode.dijitArrowButton:hover {
  border-left: 1px solid #006993;
  padding-left: 7px;
}
#admin .dijitComboButton .dijitButtonNode.dijitArrowButton .dijitArrowButtonInner,
#configureGroup .dijitComboButton .dijitButtonNode.dijitArrowButton .dijitArrowButtonInner,
#manageCourse .dijitComboButton .dijitButtonNode.dijitArrowButton .dijitArrowButtonInner {
  margin: 0;
}
#admin .dijitComboButton .dijitButtonNode .dijitButtonContentsHover,
#configureGroup .dijitComboButton .dijitButtonNode .dijitButtonContentsHover,
#manageCourse .dijitComboButton .dijitButtonNode .dijitButtonContentsHover,
#admin .dijitComboButton .dijitButtonNode .dijitButtonContentsActive,
#configureGroup .dijitComboButton .dijitButtonNode .dijitButtonContentsActive,
#manageCourse .dijitComboButton .dijitButtonNode .dijitButtonContentsActive {
  border: 0;
  color: #fff;
  background: none;
  filter: none;
}
#admin .dijitComboButton.dijitDisabled .dijitIcon,
#configureGroup .dijitComboButton.dijitDisabled .dijitIcon,
#manageCourse .dijitComboButton.dijitDisabled .dijitIcon {
  opacity: 0.2;
}
#admin .dijitComboButton.dijitDisabled .dijitButtonNode,
#configureGroup .dijitComboButton.dijitDisabled .dijitButtonNode,
#manageCourse .dijitComboButton.dijitDisabled .dijitButtonNode {
  border: 1px solid #d4d4d4;
  background-color: #e8e8e8;
  background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#ebebeb));
  background: -moz-linear-gradient(top, #e4e4e4, #ebebeb);
  background-image: -o-linear-gradient(top, #e4e4e4, #ebebeb);
  background-image: -ms-linear-gradient(top, #e4e4e4, #ebebeb);
  background-image: linear-gradient(top, #e4e4e4, #ebebeb);
}
#admin .dijitComboButton.dijitDisabled .dijitButtonNode .dijitButtonText,
#configureGroup .dijitComboButton.dijitDisabled .dijitButtonNode .dijitButtonText,
#manageCourse .dijitComboButton.dijitDisabled .dijitButtonNode .dijitButtonText {
  color: #c9c9c9;
}
#admin .dijitComboButton.dijitDisabled .dijitButtonNode:hover,
#configureGroup .dijitComboButton.dijitDisabled .dijitButtonNode:hover,
#manageCourse .dijitComboButton.dijitDisabled .dijitButtonNode:hover {
  border: 1px solid #d4d4d4;
}
#admin .dijitComboButton.dijitDisabled .dijitButtonNode.dijitArrowButton,
#configureGroup .dijitComboButton.dijitDisabled .dijitButtonNode.dijitArrowButton,
#manageCourse .dijitComboButton.dijitDisabled .dijitButtonNode.dijitArrowButton {
  border-left: 0;
}
#admin .dijitComboButton.dijitDisabled .dijitButtonNode.dijitArrowButton:hover,
#configureGroup .dijitComboButton.dijitDisabled .dijitButtonNode.dijitArrowButton:hover,
#manageCourse .dijitComboButton.dijitDisabled .dijitButtonNode.dijitArrowButton:hover {
  border-left: 0;
  padding-left: 8px;
}
#admin table.mtTable td .mtButton span.buttonBase,
#configureGroup table.mtTable td .mtButton span.buttonBase,
#manageCourse table.mtTable td .mtButton span.buttonBase {
  line-height: 16px;
}
.dijitDropDownButton {
  margin: 2px;
  vertical-align: top;
}
.dijitDropDownButton .dijitButtonNode {
  font-weight: bold;
  color: #707070;
  border: 1px solid #d7d7d7;
  background-image: none;
  background-color: #dfdfdf;
  background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#d7d7d7));
  background: -moz-linear-gradient(top, #e6e6e6, #d7d7d7);
  background-image: -o-linear-gradient(top, #e6e6e6, #d7d7d7);
  background-image: -ms-linear-gradient(top, #e6e6e6, #d7d7d7);
  background-image: linear-gradient(top, #e6e6e6, #d7d7d7);
  padding: 0 8px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.dijitDropDownButton .dijitButtonNode:hover {
  color: #707070;
  border: 1px solid #979797;
  background-image: none;
  background-color: #dfdfdf;
  background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#d7d7d7));
  background: -moz-linear-gradient(top, #e6e6e6, #d7d7d7);
  background-image: -o-linear-gradient(top, #e6e6e6, #d7d7d7);
  background-image: -ms-linear-gradient(top, #e6e6e6, #d7d7d7);
  background-image: linear-gradient(top, #e6e6e6, #d7d7d7);
}
.dijitDropDownButton .dijitButtonNode .dijitButtonText {
  line-height: 24px;
  padding: 0;
  font-size: 11px;
}
.dijitDropDownButton .dijitButtonNode .dijitDownArrowButton .dijitArrowButtonInner {
  margin: 0 0 0 6px;
}
.dijitDropDownButton .dijitButtonNode .dijitButtonContentsHover,
.dijitDropDownButton .dijitButtonNode .dijitButtonContentsActive {
  border: 0;
  color: #707070;
  background: none;
  filter: none;
}
.dijitDropDownButton.activeFilter .dijitButtonNode {
  border: 1px solid #0096d2;
}
.dijitDropDownButton.activeFilter .dijitButtonNode:hover {
  border: 1px solid #006993;
}
.dijitDropDownButton.dijitDisabled .dijitButtonNode {
  color: #c9c9c9;
  border: 1px solid #d4d4d4;
  background-image: none;
  background-color: #e8e8e8;
  background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#ebebeb));
  background: -moz-linear-gradient(top, #e4e4e4, #ebebeb);
  background-image: -o-linear-gradient(top, #e4e4e4, #ebebeb);
  background-image: -ms-linear-gradient(top, #e4e4e4, #ebebeb);
  background-image: linear-gradient(top, #e4e4e4, #ebebeb);
}
.dijitDropDownButton.dijitDisabled .dijitButtonNode:hover {
  color: #c9c9c9;
  border: 1px solid #d4d4d4;
  background-image: none;
  background-color: #e8e8e8;
  background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#ebebeb));
  background: -moz-linear-gradient(top, #e4e4e4, #ebebeb);
  background-image: -o-linear-gradient(top, #e4e4e4, #ebebeb);
  background-image: -ms-linear-gradient(top, #e4e4e4, #ebebeb);
  background-image: linear-gradient(top, #e4e4e4, #ebebeb);
}
.dijitDropDownButton.dijitDisabled .dijitButtonNode .dijitButtonText {
  color: #c9c9c9;
}
.dijitDropDownButton.dijitDisabled .dijitButtonNode .dijitButtonContentsHover,
.dijitDropDownButton.dijitDisabled .dijitButtonNode .dijitButtonContentsActive {
  color: #c9c9c9;
}
.dijitDropDownButton.dijitDisabled .dijitButtonNode .dijitArrowButtonInner {
  opacity: 0.2;
}
.dijitDropDownButton.small .dijitButtonText {
  line-height: 16px;
}
.dijitButtonNode .dijitArrowButtonInner {
  background-position: left center;
}
.dijitTooltipContents .dialogContainer {
  margin: 10px 0 0;
}
.letterbox {
  text-align: center;
  padding: 5px;
}
.letterbox span.selected {
  font-size: larger;
  font-weight: bold;
}
.postTabs {
  border-top: 1px solid #DCDBDB;
  padding: 5px;
}
.tabs {
  list-style: none;
  margin-bottom: 0;
  padding-left: 3px;
  margin-bottom: -1px;
  width: 100%;
}
.tabs li {
  display: inline;
}
.tabs li a,
.tabs li span {
  color: #585D5E;
  float: left;
  display: block;
  padding: 4px 10px;
  margin-right: 4px;
  position: relative;
  background: #f5f5f5;
  text-decoration: none;
  border: 1px solid #dcdbdb;
  font-weight: bold;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.tabs li.highlight a,
.tabs li.highlight span {
  color: #0096d2;
}
.tabs li.firstStep a,
.tabs li.firstStep span {
  padding-left: 32px;
  background: #f5f5f5 url('/pub_images/icons/step1.png') left center no-repeat;
}
.tabs li.firstStep.disabled a,
.tabs li.firstStep.disabled span {
  background: #f5f5f5 url('/pub_images/icons/step1_disabled.png') left center no-repeat;
}
.tabs li.secondStep a,
.tabs li.secondStep span {
  padding-left: 32px;
  background: #f5f5f5 url('/pub_images/icons/step2.png') left center no-repeat;
}
.tabs li.secondStep.disabled a,
.tabs li.secondStep.disabled span {
  background: #f5f5f5 url('/pub_images/icons/step2_disabled.png') left center no-repeat;
}
.tabs li.selected a,
.tabs li.selected span {
  border-bottom: 1px solid #fff;
  background-color: #fff;
  cursor: default;
}
.tabs li.selected a:hover,
.tabs li.selected span:hover {
  border-color: #ccc;
  border-bottom-color: #fff;
}
.tabs li a:hover {
  border-color: #ccc;
  border-bottom-color: #dcdbdb;
}
.tabs li.disabled span {
  background: #f5f5f5;
  color: #ccc;
}
.tabs:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.adminHeader h2,
.groupHeader h2 {
  margin: 0;
}
#backToAdmin,
#backToGroups {
  margin-bottom: 15px;
}
.tundra .dialogWidth .dijitDialogPaneContent {
  padding: 0;
}
.textForm {
  margin-left: 1em;
}
.textForm td {
  border-spacing: 2px;
  padding: 3px;
}
.textForm .description {
  font-weight: bold;
}
.mandatorySign {
  color: red;
  font-weight: bold;
}
.newFileUpload {
  border: 1px solid #C9C9C9;
  background-color: #EDF3F4;
  display: inline-block;
  margin: 5px 2px 5px 2px;
  padding: 2px 5px 2px 7px;
  white-space: nowrap;
  width: auto;
}
.newFileUpload img {
  vertical-align: middle;
}
.filesUploadContainer input {
  display: block;
}
.mtTitlePane .dijitTitlePaneTitle {
  background: none;
  border: none;
  padding: 4px 5px;
}
.mtTitlePane .dijitTitlePaneContentOuter {
  border: none;
}
.mtTitlePane .dijitTitlePaneTitleFocus span {
  font-weight: bold;
  font-size: 1.5em;
}
#left .mtTitlePane h3 {
  font-weight: bold;
  text-size: 1.2em;
}
.dijitTooltipDialog:focus {
  outline: none;
}
.dijitTooltipDialog td.clickable:hover {
  text-decoration: underline;
}
#moreAccessTypes {
  margin-right: 10px;
  font-weight: bold;
}