body.coursePartPlayer {
  margin: 0;
  padding: 0;
  background-color: #fff;
  height: 100%;
}
.coursePartPlayer #header {
  text-align: left;
  height: auto;
}
.coursePartPlayer #header h1 {
  font-size: 150%;
  margin: 2px 3px 5px 5px;
}
.coursePartPlayer #header .title {
  float: left;
  padding-left: 5px;
}
.coursePartPlayer #header .closeButton {
  float: right;
  margin: 0;
  padding: 0;
  margin-top: 5px;
  margin-right: 10px;
}
.coursePartPlayer #header .close {
  margin: 0;
  padding: 0;
}
.coursePartPlayer #content_container {
  clear: both;
  text-align: center;
  padding: 20px;
  /* changes by Troy
    background: #EAEAEA;
	background: -webkit-gradient(linear, left top, left bottom, from(#EAEAEA), to(#CFCFCF));
	background: -moz-linear-gradient(top,  #EAEAEA,  #CFCFCF);
	*/

}
.coursePartPlayer .content_wrapper {
  margin: 0 auto 0 auto;
  display: inline-block;
  min-height: 240px;
}
.coursePartPlayer .discussion_wrapper {
  text-align: left;
  margin: 0 auto 0 auto;
  display: table;
  width: 90%;
}
.coursePartPlayer .content {
  overflow-y: hidden;
  /* display: table-cell; */
}
.coursePartPlayer .content_wrapper .content {
  /* display: table-cell; */

  padding: 10px;
  text-align: left;
  background-color: #fff;
  border: 1px solid gray;
  min-width: 200px;
  min-height: 240px;
  -moz-box-shadow: 1px 1px 1px #E2E2E2;
  /* Firefox/Mozilla */

  -webkit-box-shadow: 3px 3px 4px #E2E2E2;
  /*Safari/Chrome */

  box-shadow: 3px 3px 4px #E2E2E2;
  /* Opera & hoe het zou moeten */

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow-x: auto;
}
.coursePartPlayer .content_wrapper .content #scormFrame {
  border: 0;
  margin: 0;
  padding: 0;
}
.coursePartPlayer .content_wrapper .content .title {
  /* margin:-6px 0 2px -2px; */

}
.coursePartPlayer .content_wrapper .content .issuu {
  vertical-align: middle;
  margin-bottom: -3px;
}
.coursePartPlayer .content_wrapper .content .video {
  margin: 0;
}
.coursePartPlayer .content_wrapper .content .youTube {
  margin: -3px 0;
}
.coursePartPlayer .content_wrapper .content .videoLeft {
  margin: 0 10px -3px 0;
}
.coursePartPlayer .content_wrapper .content .videoLeftTD {
  vertical-align: top;
}
.coursePartPlayer .content_wrapper .content .videoRight {
  margin: 0 0 -3px 0;
}
.coursePartPlayer .content_wrapper .content .videoRightTD {
  vertical-align: top;
}
.coursePartPlayer .content_wrapper .content .videoMiddle {
  margin: 0 0 4px 0;
}
.coursePartPlayer .content_wrapper .content .vimeo {
  margin: 0 0 -3px;
}
.coursePartPlayer .content_wrapper .content .slideshare {
  margin: 0 0 -4px;
}
.coursePartPlayer .content_wrapper .content .flash {
  margin: 0;
}
.coursePartPlayer .content_wrapper .content .flashLeft {
  margin: 0 10px -3px 0;
}
.coursePartPlayer .content_wrapper .content .flashLeftTD {
  vertical-align: top;
}
.coursePartPlayer .content_wrapper .content .flashRight {
  margin: 0;
}
.coursePartPlayer .content_wrapper .content .flashRightTD {
  vertical-align: top;
}
.coursePartPlayer .content_wrapper .content .flashMiddle {
  margin: 0 0 4px 0;
}
.coursePartPlayer .content_wrapper .content .imageLeft {
  margin: 0 10px -3px 0;
}
.coursePartPlayer .content_wrapper .content .imageLeftTD {
  vertical-align: top;
}
.coursePartPlayer .content_wrapper .content .imageRight {
  margin: 0 0 -3px 0;
}
.coursePartPlayer .content_wrapper .content .imageRightTD {
  vertical-align: top;
}
.coursePartPlayer .content_wrapper .content .imageMiddle {
  margin: 0 0 4px 0;
}
.coursePartPlayer .content_wrapper .content .textRight {
  margin: -3px 0 -4px 0;
}
.coursePartPlayer .content_wrapper .content .textRightTD {
  vertical-align: top;
}
.coursePartPlayer .content_wrapper .content .textLeft {
  margin: -3px 10px -4px 0;
}
.coursePartPlayer .content_wrapper .content .textLeftTD {
  vertical-align: top;
}
.coursePartPlayer .content_wrapper .content .textTop {
  margin: -3px 0 8px;
}
.coursePartPlayer .content_wrapper .content .textBottom {
  margin: 0 0 -4px;
}
/* HACKS FOR IE 6/7*/
.coursePartPlayer .content_wrapper,
.discussion_wrapper {
  *display: block;
}
.coursePartPlayer .content {
  *display: inline;
  _height: 0;
  *zoom: 1;
}
/* END HACKS FOR IE 6/7*/
.coursePartPlayer #footer {
  text-align: left;
  line-height: 1em;
  margin: 0;
  padding: 5px;
  color: #333;
}
/********************
 *   BIG BUTTON 
 ********************/
.coursePartPlayer .controlButtons {
  position: fixed;
  right: 0;
  margin: 0 0 0 0;
}
.coursePartPlayer .eCoachingButton,
.moreInfoButton {
  margin: 5px 0 0 0;
}
.coursePartPlayer .eCoachingButton img {
  background: url('/pub_images/course_part_player/stelvraagdocent.png') no-repeat;
  border: 0;
}
.coursePartPlayer .eCoachingButton a.button {
  -webkit-box-shadow: 0 0 2px #BBBBBB;
  -moz-box-shadow: 0 0 2px #BBBBBB;
  -box-shadow: 0 0 2px #BBBBBB;
  padding: 0.4em 0.4em;
  background: #A8BEBE;
  background: -webkit-gradient(linear, left top, left bottom, from(#a8bebe), to(#8aaca8));
  background: -moz-linear-gradient(top, #a8bebe, #8aaca8);
}
.coursePartPlayer .moreInfoButton img {
  background: url('/pub_images/course_part_player/meer_info.png') no-repeat;
  border: 0;
}
.coursePartPlayer .moreInfoButton a.button {
  -webkit-box-shadow: 0 0 2px #BBBBBB;
  -moz-box-shadow: 0 0 2px #BBBBBB;
  -box-shadow: 0 0 2px #BBBBBB;
  padding: 0.4em 0.4em;
  background: #A8BEBE;
  background: -webkit-gradient(linear, left top, left bottom, from(#a8bebe), to(#8aaca8));
  background: -moz-linear-gradient(top, #a8bebe, #8aaca8);
}
.coursePartPlayer .disabled {
  cursor: default;
}
.coursePartPlayer .leftButton,
.rightButton {
  position: fixed;
  top: 200px;
}
.coursePartPlayer .leftButton {
  left: 0;
}
.coursePartPlayer .rightButton {
  right: 0;
}
.coursePartPlayer .leftButton img {
  border: 0;
  background-image: url('/pub_images/course_part_player/button_links.png');
  background-repeat: no-repeat;
}
.coursePartPlayer .rightButton img {
  border: 0;
  background-image: url('/pub_images/course_part_player/button_rechts.png');
  background-repeat: no-repeat;
}
.coursePartPlayer #indexBar {
  clear: both;
  /* margin: 10px 0 20px 0; */

  padding-bottom: 5px;
}
.coursePartPlayer #indexBar .indexButton {
  float: left;
}
.coursePartPlayer .indexButton .dijitArrowNode {
  background-image: url("/pub_images/sprites/spriteArrows.png");
  height: 7px;
  width: 7px;
  display: inline;
}
.coursePartPlayer .indexButton.closed .dijitArrowNode {
  background-position: -14px 0;
}
.coursePartPlayer .indexButton .indexIcon {
  background: url('/pub_images/course_part_player/index_icon.png') no-repeat;
  width: 11px;
  height: 12px;
}
.coursePartPlayer .navigator {
  height: 20px;
  padding-left: 5px;
}
/*
.coursePartPlayer .navigatorItem {
    display: inline;
    margin-left: 2px;
    margin-right: 2px;
    position: relative;
    background-color: #F7F9F9;
     padding: 3px 0px;
}

.coursePartPlayer .navigatorItem a{
   margin-left: 3px;
   margin-right: auto;
   padding-right: 1px;
   color: #6D6D6D;
   font-weight: bold;
   text-decoration: none;
   font-size: 0.9em;
   text-align: center;
   &:hover {
       color: #408BB6;
   }
}

.coursePartPlayer .navigatorItems {
   margin-top: 5px;
   padding-bottom: 5px;
}

.coursePartPlayer .navigatorItems .current, .coursePartPlayer .navigatorItems .completed_current {
   background-color: #EDF3F4;
}

.coursePartPlayer .navigatorItems .current a, .coursePartPlayer .navigatorItems .completed_current a{
   font-weight: bold;
   color: #585D5E;
   font-size: 15px;
   text-align: center;
   &:hover {
       color: #408BB6;
   }
}

.coursePartPlayer .navigatorItems .completed {
   background-color: #E8ECED;
   a {
       color: #A5A5A5;
   }
}

.coursePartPlayer .navigatorItems .trailingDots, .coursePartPlayer .navigatorItems .leadingDots {
   border: none;
   background: none;
   font-weight: bold;
   font-size: 12px;
   margin-left: 4px;
   margin-right: 1px;
   top: 3px;
   &:hover {
       border: none;
       background: none;
       color: #5D5D5D;
   }
}
*/
.coursePartPlayer .navigatorItem {
  display: inline;
  margin-left: 2px;
  margin-right: 2px;
  position: relative;
  padding: 3px 0px;
  font-size: 13px;
}
.coursePartPlayer .navigatorItem a {
  margin-left: 3px;
  margin-right: auto;
  padding-right: 1px;
  text-decoration: none;
  text-align: center;
  color: #999999;
}
.coursePartPlayer .navigatorItems {
  margin-top: 5px;
  padding-bottom: 5px;
}
.coursePartPlayer .navigatorItems .current a,
.coursePartPlayer .navigatorItems .completed_current a {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color: #5D5D5D;
}
.coursePartPlayer .navigatorItems .completed a {
  font-weight: bold;
  color: #5D5D5D;
}
.coursePartPlayer .navigatorItems .trailingDots,
.coursePartPlayer .navigatorItems .leadingDots {
  margin-left: 4px;
  margin-right: 1px;
  top: 3px;
}
.coursePartPlayer .hiddenItem {
  display: none;
}
.coursePartPlayer .navigator .navigatorButton {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.coursePartPlayer .navigator .navigatorPrevious {
  background: transparent url(/pub_images/course_part_player/navigate_left.png) no-repeat;
}
.coursePartPlayer .navigator .navigatorNext {
  background: transparent url(/pub_images/course_part_player/navigate_right.png) no-repeat;
  margin-left: 3px;
}
.coursePartPlayer #indexPopUp,
.coursePartPlayer #explanation,
.coursePartPlayer #lessonEnd,
.coursePartPlayer #exerciseEnd,
.coursePartPlayer #evaluationEnd {
  position: absolute;
  left: -400px;
  top: 75px;
  background-color: #fff;
  width: 300px;
  height: auto;
  border: 1px solid #ddd;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index: 9002;
  padding: 5px;
}
.coursePartPlayer #indexPopUp {
  opacity: 1;
  top: 75px;
  left: -400px;
}
.coursePartPlayer #explanation,
.coursePartPlayer #lessonEnd,
.coursePartPlayer #exerciseEnd,
.coursePartPlayer #evaluationEnd {
  min-width: 50%;
  width: auto;
  height: auto;
}
.coursePartPlayer #indexPopUp .header,
.coursePartPlayer #explanation .dijitDialogTitleBar,
.coursePartPlayer #lessonEnd .dijitDialogTitleBar,
.coursePartPlayer #exerciseEnd .dijitDialogTitleBar,
.coursePartPlayer #evaluationEnd .dijitDialogTitleBar {
  font-weight: bold;
  height: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: none;
  font-size: 13px;
}
.coursePartPlayer #indexPopUp .header .title,
.coursePartPlayer #explanation .dijitDialogTitleBar .title,
.coursePartPlayer #lessonEnd .dijitDialogTitleBar .title,
.coursePartPlayer #exerciseEnd .dijitDialogTitleBar .title .coursePartPlayer #evaluationEnd .dijitDialogTitleBar .title {
  float: left;
}
.coursePartPlayer #indexPopUp .header .closeButton,
.coursePartPlayer #explanation .dijitDialogCloseIcon,
.coursePartPlayer #lessonEnd .dijitDialogCloseIcon,
.coursePartPlayer #exerciseEnd .dijitDialogCloseIcon .coursePartPlayer #evaluationEnd .dijitDialogCloseIcon {
  float: right;
}
.coursePartPlayer #explanation .dijitDialogCloseIcon,
.coursePartPlayer #lessonEnd .dijitDialogCloseIcon,
.coursePartPlayer #exerciseEnd .dijitDialogCloseIcon .coursePartPlayer #evaluationEnd .dijitDialogCloseIcon {
  margin-top: 2px;
}
.coursePartPlayer #explanation .dijitDialogPaneContent,
.coursePartPlayer #lessonEnd .dijitDialogPaneContent,
.coursePartPlayer #exerciseEnd .dijitDialogPaneContent .coursePartPlayer #evaluationEnd .dijitDialogPaneContent {
  background: none;
}
.coursePartPlayer a.button {
  display: inline-block;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border-style: none;
  margin: 0 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  background-color: #CCC;
  color: #EEE;
}
.coursePartPlayer a.button.sendButton {
  background-color: #48C400;
  color: #FFFFFF;
  padding: 0.6em;
  border-radius: 4px;
  background-image: none;
}
.coursePartPlayer .navigateButton a.button {
  margin: 0 -4px;
}
.coursePartPlayer a.button img {
  vertical-align: middle;
  border: 0;
}
.coursePartPlayer .close {
  margin: 0 10px;
  color: #999999 ;
  font-weight: bold;
  padding: 0.3em 0.4em;
  text-decoration: none;
  font-size: 1em;
}
.coursePartPlayer .close:hover {
  color: #D6D5D5;
}
.coursePartPlayer .close:active {
  color: #000;
}
.coursePartPlayer .close .backButton {
  margin-bottom: -3px;
}
.coursePartPlayer .closeButton a.button {
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
}
.coursePartPlayer a.button:hover {
  color: #fef4e9;
  text-decoration: none;
}
.coursePartPlayer a.button:active {
  position: relative;
  top: 1px;
}
.coursePartPlayer a.buttonColor {
  color: #eeeeee;
  background: #CDCCCB;
  /*background: -webkit-gradient(linear, left top, left bottom, from(#CDCCCB), to(#AAAAAA));
	background: -moz-linear-gradient(top,  #CDCCCB,  #AAAAAA);*/

}
.coursePartPlayer .indexButton img {
  display: none;
}
.coursePartPlayer .indexButton {
  margin-left: 5px;
  margin-top: 0px;
}
.coursePartPlayer .indexButton a.button {
  -webkit-box-shadow: 0 0 2px #BBBBBB;
  -moz-box-shadow: 0 0 2px #BBBBBB;
  box-shadow: 0 0 2px #BBBBBB;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 3px 6px 3px 6px;
  width: 65px;
}
.coursePartPlayer .indexButton a.buttonColor {
  margin-top: 5px;
  color: #5D5D5D;
  background-color: #FAFAFA;
  background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f1f1f1));
  background: -moz-linear-gradient(top, #fafafa, #f1f1f1);
}
.coursePartPlayer .indexButton a.buttonColor:hover {
  color: #5D5D5D;
}
.coursePartPlayer a.buttonColor:hover {
  color: #ffffff;
}
.coursePartPlayer .navigateButton a.buttonColor {
  color: #eeeeee;
  background: #666666;
  background: -webkit-gradient(linear, left top, left bottom, from(#b3b3b8), to(#1a1a1a));
  background: -moz-linear-gradient(top, #b3b3b8, #1a1a1a);
}
.coursePartPlayer .navigateButton a.buttonColor:hover {
  background: #EAEAEA;
  color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#bfc7c7), to(#4b4b4b));
  background: -moz-linear-gradient(top, #bfc7c7, #4b4b4b);
}
.coursePartPlayer .navigateButton a.buttonColor:active {
  background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#444444));
  background: -moz-linear-gradient(top, #aaaaaa, #444444);
}
.coursePartPlayer .moreInfo {
  margin: 10px 0 20px 0;
}
/* .coursePartPlayer .closeButtonIcon, .coursePartPlayer .tundra .dijitDialogCloseIcon {
    background: url(/pub_images/course_part_player/sluiten.png) no-repeat;
    width: 16px;
    height: 16px;
} */
.coursePartPlayer .closeButtonIcon {
  background: url('/pub_images/icons/16x16/closebutton.png') no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  vertical-align: middle;
  right: 7px;
  top: 9px;
}
.coursePartPlayer .closeButtonIcon:hover {
  cursor: pointer;
  background: url('/pub_images/icons/16x16/closebuttonhover.png') no-repeat;
}
.coursePartPlayer hr {
  color: #fff;
  background-color: #fff;
  border: none;
  border-bottom: 1px dotted #000;
}
.coursePartPlayer .suggestions {
  /* background: #FFF7C0; */

  /* background: #FCF0AD; */

  /* padding: 10px 10px 5px 10px; */

  /* margin-bottom: 1em; */

}
.coursePartPlayer .suggestions hr {
  color: #FFFFFF;
  background-color: #FFFFFF;
  border: 1px solid #FFF;
  width: 102%;
  margin-left: -5px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}
.coursePartPlayer .suggestions h3 {
  margin-left: 5px;
}
.coursePartPlayer .suggestions table {
  margin-left: 0px;
}
.suggestionsTable span {
  margin-top: 20px;
}
.suggestionsTable em {
  font-style: normal;
  font-weight: bold;
  margin-left: 5px;
}
.coursePartPlayer .suggestions a.button {
  padding: 0.4em 0.7em;
  font-weight: bold;
  font-family: verdana;
  font-size: 13px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  text-decoration: none;
  color: #FFFFFF;
}
.coursePartPlayer .suggestions .memoTrainerLink {
  color: #0094cd;
  text-align: right;
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 4px;
}
.coursePartPlayer .suggestions .suggestionPart {
  background: #E6EEEF;
  font-weight: bold;
  margin: auto auto auto 2em;
  padding: 0.4em 0.6em 0.4em 0.5em;
  width: auto;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #644940;
}
.coursePartPlayer .suggestionsTable {
  font-size: 1.1em;
}
.coursePartPlayer .suggestions img.arrow {
  width: 16px;
  height: 10px;
  vertical-align: middle;
  background: url('/pub_images/course_part_player/arrowNext.png') no-repeat;
}
.coursePartPlayer .suggestions .button img {
  display: none;
}
.coursePartPlayer .suggestionPart {
  background-color: #E6EEEF;
}
.coursePartPlayer .suggestions a.button {
  padding: 0.6em 0.6em;
  color: #FFFFFF;
}
.coursePartPlayer .suggestions .backToOverview {
  font-weight: normal;
}
.suggestions .button.startButton {
  background-color: #48C400;
}
.suggestions .button.reviewButton {
  background-color: #CCCCC0;
}
.suggestions .button.continueButton {
  background-color: #FF9D00;
}
.suggestions .button.scoreEssayButton {
  background-color: #CCCCC0;
}
.suggestions .button.resultsButton {
  background-color: #CCCCC0;
}
.coursePartPlayer a.backToOverview:hover {
  color: #4C4C4C;
}
.coursePartPlayer .content_wrapper .button,
.coursePartPlayer #explanation .button {
  font-size: 1em;
  font-weight: normal;
  color: #000;
  border: 1px solid #C0C0C0;
  border-bottom: 1px solid #9B9B9B;
  background: whiteSmoke;
  background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e2e2e2));
  background: -moz-linear-gradient(top, #fefefe, #e2e2e2);
  padding: 0.4em 0.4em 0.4em 0.4em;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0px 0px 0px #FFF;
  -moz-box-shadow: 0px 0px 0px #FFF;
  -box-shadow: 0px 0px 0px #FFF;
}
.coursePartPlayer .content_wrapper .button:hover,
.coursePartPlayer #explanation .button:hover {
  color: #243C5F;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f7), to(#dfe8f3));
  background: -moz-linear-gradient(top, #f8f8f7, #dfe8f3);
}
.coursePartPlayer .content_wrapper .button img,
.coursePartPlayer #explanation .button img {
  display: none;
}
.coursePartPlayer .newInvitee {
  border: 1px solid #F0FF00;
  background-color: #FAFFAB;
  float: left;
  margin: 2px;
  padding: 2px 5px 2px 7px;
  white-space: nowrap;
  width: auto;
}
.coursePartPlayer .content_wrapper .blueButton {
  background: -webkit-gradient(linear, left top, left bottom, from(#63c3e0), to(#0094cd));
  background: -moz-linear-gradient(top, #63c3e0, #0094cd);
  color: white;
  font-weight: bold;
}
.coursePartPlayer .buttonContainer {
  padding-bottom: 5px;
}
.coursePartPlayer .buttonContainer.leftButtonContainer {
  float: left;
}
.coursePartPlayer .buttonContainer.topButtonContainer {
  padding-top: 5px;
}