.mobile {
  background-color: #fff;
}
.endScreen .header {
  color: #505050;
}
.endScreen .header .modname {
  color: #355f93;
}
.endScreen .moduleName,
.endScreen .dki-themeTextColor {
  color: #000;
}
.endScreen .dki-title {
  color: #fff;
}
.endScreen .dki-modAttempts {
  margin-left: 20px;
}
.endScreen .actions a {
  background-color: #355f93;
  color: #fff;
}
.endScreen .status {
  border: 1px solid #dbdddf;
  background-color: #dbdddf;
  margin-bottom: 13px;
  -webkit-box-shadow: 3px 3px 5px 0px #888;
  -moz-box-shadow: 3px 3px 5px 0px #888;
  box-shadow: 3px 3px 5px 0px #888;
}
.endScreen .status .dki-themeColor {
  font-weight: normal;
  color: #355f93;
}
.endScreen li.dki-lineitem .dki-modBtn {
  right: 0;
}
.endScreen #endScreen {
  background-color: #dbdddf;
}
#headerContainer {
  background-image: url("resources/topBar.png");
}
#forwardButton,
#backButton,
#listButton {
  width: auto;
}
#screenCount {
  position: absolute;
  top: 8px;
  left: 58px;
  width: 140px;
  height: 12px;
  padding: 0px;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  color: #f6f6f6;
}
#contentFrame {
  background-image: url("resources/background.png");
  background-color: #dee0e3;
  background-repeat: no-repeat;
}
.tabStrip {
  background: -moz-linear-gradient(top, #939393, #939393);
  border-width: 1px;
  border-style: solid;
  border-bottom-color: #545454;
  color: #000;
}
.tabContent {
  background-color: #fff;
  color: #6b6b6b;
}
#closeMenu {
  color: #000;
}
#navigationButtons {
  padding-right: 0;
}
#listButton,
#forwardButton,
#backButton {
  width: 57px;
  height: 37px;
  background-position: 0 0;
}
#listButton {
  background-image: url("resources/controlsButton_mobile.png");
}
#forwardButton {
  background-image: url("resources/nextButton_mobile.png");
}
#backButton {
  background-image: url("resources/previousButton_mobile.png");
}
#moreButtons {
  font-size: 10px;
  background-color: #d4d4d4;
  background-image: -webkit-linear-gradient(bottom, #c0c0c0, #e9e9e9);
  background-image: -moz-linear-gradient(bottom, #c0c0c0, #e9e9e9);
  background-image: linear-gradient(bottom, #c0c0c0, #e9e9e9);
  border: 1px solid #a7a7a7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#moreButtons .navButton {
  width: 59px;
  height: 32px;
  margin: 4px 4px;
  padding:0px;
  background-image: url("resources/mobile_buttons.png");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources/mobile_buttons.png');
}
#moreButtons .navButton span {
  display: none;
}
#moreButtons #exitButton {
  background-position: -59px -96px;
}
#moreButtons #exitButton:hover {
  background-position: -118px 0px;
}
#moreButtons #exitButton:active {
  background-position: -59px -64px;
}
#moreButtons #menuButton {
  background-position: -177px -32px;
}
#moreButtons #menuButton:hover {
  background-position: -177px -64px;
}
#moreButtons #menuButton:active {
  background-position: -177px 0px;
}
#moreButtons #transcriptButton {
  background-position: -354px -64px;
}
#moreButtons #transcriptButton:hover {
  background-position: -354px -96px;
}
#moreButtons #transcriptButton:active {
  background-position: -413px -32px;
}
#moreButtons #audioButton {
  background-position: -59px 0px;
}
#moreButtons #audioButton:hover {
  background-position: -59px -32px;
}
#moreButtons #audioButton:active {
  background-position: 0px -96px;
}
#moreButtons #audioButton.muted {
  background-position: 0px -32px;
}
#moreButtons #audioButton.muted:hover {
  background-position: 0px -64px;
}
#moreButtons #audioButton.muted:active {
  background-position: 0px 0px;
}
#moreButtons #replayButton {
  background-position: -413px 0px;
}
#moreButtons #replayButton:hover {
  background-position: -295px -32px;
}
#moreButtons #replayButton:active {
  background-position: -354px 0px;
}
#moreButtons #glossaryButton {
  background-position: -118px -64px;
  display:block;
}
#moreButtons #glossaryButton:hover {
  background-position: -118px -96px;
}
#moreButtons #glossaryButton:active {
  background-position: -118px -32px;
}

#moreButtons #resourceButton {
  display:block;
  background-position: -295px -96px;
}
#moreButtons #resourceButton:hover {
  background-position: -354px -32px;
}
#moreButtons #resourceButton:active {
  background-position: -295px -64px;
}


.submitButton {
  height: 32px;
  bottom: 10px;
  right: 10px;
  text-decoration: none;
  background-color: transparent;
  color: #6b6b6b;
  font-size: 14px;
  font-weight: bold;
  font-family: "Arial", "Helvetica", sans-serif;
  white-space: nowrap;
}
a.submitButton span.buttonPartial.left,
a.submitButton span.buttonPartial.right{
  display:inline-block;
  width: 12px;   
}
a.submitButton span.buttonPartial {
  background-position: 0px -5px;
  height: 32px;
  float:left;
  line-height: 32px;
  text-align: center;
}
a.submitButton:hover span.buttonPartial {
  background-position: 0px -55px;
}
a.submitButton:active span.buttonPartial {
  background-position: 0px -107px;
}

a.submitButton span.buttonPartial.left {
  background-image: url("resources/submitLeft.png");
}
a.submitButton span.buttonPartial.right {
  background-image: url("resources/submitRight.png");
}
a.submitButton span.buttonPartial.middle {
  background-image: url("resources/submitCenter.png");
  width: 254px;
  background-repeat: repeat-x;
  padding: 0px 5px;
}