/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none;
}
html {
  background-color: #32323A !important;
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  height: 100%;
}
html body {
  width: 100%;
  height: 100%;
  background-color: #32323A;
  background-image: url("../img/common/title_bg.png");
  background-repeat: repeat-x;
  background-position: top;
  cursor: default;
  font-family: "MyriadProRegular";
  font-size: 100%;
  line-height: 1.125;
}
html body #modalTranscript {
  margin-top: -269px;
}
html body #modalTranscript .modal-body {
  max-height: 400px;
}
html body iframe {
  width: 100%;
  height: 100%;
  background-color: #32323A;
}
html body a:hover,
html body a:visited,
html body a:link,
html body a:active,
html body a:focus {
  text-decoration: none;
  cursor: pointer;
}
html body a:focus {
  overflow: hidden;
}
html body h2 {
  font-size: 1.5em;
  line-height: 1.5em;
}
html body h3 {
  font-size: 1.125em;
  line-height: 1.5em;
}
html body h4 {
  font-size: 0.875em;
  line-height: 1.286em;
}
html body .btn {
  font-size: 0.813em;
  line-height: 1.385em;
}
html body .close {
  font-size: 1.25em;
  line-height: 0.9em;
}
html body p.bold {
  font-weight: bold;
}
html body .largeScreen {
  display: block;
}
html body .smallScreen {
  display: none;
}
html body .overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #181818;
  z-index: 999;
  display: none;
}
html body .modulePending {
  text-align: center;
  width: 100%;
  height: 100%;
}
html body .modulePending img {
  margin-top: 20%;
}
html body #centered {
  position: relative;
  margin: auto;
  width: 1024px;
  min-height: 718px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: visible;
  background-color: #32323A;
}
html body #centered #contentArea {
  position: relative;
}
html body #centered #contentArea #videoArea {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 565px;
  overflow: hidden;
}
html body #centered #contentArea #videoArea .videoPending {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #181818;
  width: 1024px;
  height: 576px;
  z-index: 99;
  text-align: center;
  vertical-align: middle;
}
html body #centered #contentArea #videoArea .videoPending img {
  margin: auto;
  display: none;
  position: absolute;
  text-align: center;
  top: 0;
  bottom: 0;
}
html body #centered #contentArea #videoArea .videoPending .spinner {
  display: block;
  background-image: url("../img/common/ajax-loader.gif");
  background-position: center center;
  background-repeat: no-repeat;
  width: 1024px;
  height: 576px;
}
html body #centered #contentArea #videoArea video {
  position: absolute;
  width: 1024px;
  height: 576px;
}
html body .headingBg {
  margin: 0px;
  padding: 5px 20px 1px 20px;
  height: auto;
  min-height: 36px;
  border-bottom: 5px solid #262533;
  background: #515558;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #292931), color-stop(1, #515558));
  background: -ms-linear-gradient(bottom, #292931, #515558);
  background: -moz-linear-gradient(center bottom, #292931 0%, #515558 100%);
  background: -o-linear-gradient(#515558, #292931);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515558', endColorstr='#292931', GradientType=0);
}
html body .headingBg a {
  background-repeat: no-repeat;
  background-image: url("../img/common/back.png");
  text-indent: -100em;
  overflow: hidden;
  width: 35px;
  height: 52px;
  display: inline-block;
  margin-top: -7px;
  margin-bottom: -10px;
  float: left;
}
html body .headingBg a:hover,
html body .headingBg a:focus {
  background-position: 0 -52px;
}
html body .headingBg a:active {
  background-position: 0 -104px;
}
html body .headingBg h1 {
  color: #FFFFFF;
  text-align: center;
  margin: 0px 110px;
  font-weight: normal;
  font-size: 1.5em;
  vertical-align: middle;
  font-family: "MyriadProRegular";
}
html body .headingCertificate {
  margin: 0px;
  padding: 0px 20px 0px 20px;
  height: 42px;
  border-bottom: 5px solid #262533;
  margin-bottom: -35px;
  background: #515558;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #292931), color-stop(1, #515558));
  background: -ms-linear-gradient(bottom, #292931, #515558);
  background: -moz-linear-gradient(center bottom, #292931 0%, #515558 100%);
  background: -o-linear-gradient(#515558, #292931);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515558', endColorstr='#292931', GradientType=0);
}
html body .tipScreenReaderPrompt {
  height: 0;
  line-height: 0;
  overflow: hidden;
  margin: 0;
}
html body .content {
  font-family: "MyriadProRegular";
  position: relative;
  font-size: 0.875em;
  line-height: 1.286em;
}
html body .content li {
  line-height: 1.286em;
}
html body .content .nextButton {
  position: absolute;
  top: 192px;
  left: 900px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url("../img/common/next_shadow.png");
  width: 89px;
  height: 128px;
}
html body .content .nextButton:hover,
html body .content .nextButton:focus {
  background-position: 0 -128px;
}
html body .content .nextButton:active {
  background-position: 0 -256px;
}
html body .content .nextButton span {
  display: none;
}
html body .content .replayButton {
  position: absolute;
  top: 580px;
  left: 25px;
  background-image: url("../img/common/video_player/replay.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-left: 45px;
  height: 44px;
  line-height: 44px;
  vertical-align: middle;
  color: #FFFFFF;
  font-size: 1.643em;
}
html body .content .replayButton:hover,
html body .content .replayButton:focus {
  background-position: 0 -44px;
  color: #1dc5ff;
}
html body .content .replayButton:active {
  background-position: 0 -88px;
}
html body .content .replayButton img {
  margin-right: 20px;
}
html body .content .certificateArea {
  padding-top: 17px;
  background-color: #181818;
  height: 654px;
}
html body .content .certificateArea .contentCertificate {
  width: 729px;
  height: 460px;
  overflow: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  background-image: url("../img/common/certificate/certificate_bg.png");
  background-repeat: no-repeat;
}
html body .content .certificateArea .contentCertificate p {
  text-align: center;
  font-size: 2em;
}
html body .content .certificateArea .contentCertificate h1 {
  text-indent: -100em;
  overflow: hidden;
}
html body .content .certificateArea .contentCertificate .textCongrat {
  color: #008fc3;
  font-size: 3.286em;
  font-family: "MyriadProSemiBold";
  padding-top: 100px;
  padding-bottom: 25px;
}
html body .content .certificateArea .contentCertificate .certCompleted {
  padding-bottom: 10px;
}
html body .content .certificateArea .contentCertificate .certTitle {
  font-family: "MyriadProSemiBold";
  font-size: 2.286em;
  padding-bottom: 5px;
}
html body .content .certificateArea .contentCertificate .certAssess {
  padding-top: 10px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 1.143em;
  line-height: 1.25;
}
html body .content .certificateArea .contentCertificate .buttonTellUs {
  margin-top: 10px;
  background-image: url("../img/common/certificate/button_survey.png");
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  width: 16.5em;
  height: 72px;
  display: block;
}
html body .content .certificateArea .contentCertificate .buttonTellUs p {
  padding-left: 35px;
  padding-top: 16px;
  font-size: 1.143em;
  color: #000000;
}
html body .content .certificateArea .contentCertificate .buttonTellUs p .link {
  font-weight: bold;
  color: #144886;
  border-bottom: 1px solid #144886;
}
html body .content .certificateArea .contentCertificate .buttonTellUs:hover,
html body .content .certificateArea .contentCertificate .buttonTellUs:focus {
  background-position: 0px -72px;
}
html body .content .certificateArea .contentCertificate .buttonTellUs:hover p .link,
html body .content .certificateArea .contentCertificate .buttonTellUs:focus p .link {
  border-bottom: 1px dashed #005580;
  color: #005580;
}
html body .content .certificateArea .contentCertificate .buttonTellUs:active {
  background-position: 0px -144px;
}
html body .content .certificateArea .contentCertificate .buttonTellUsMobile {
  display: none;
}
html body .content .textArea {
  width: 423px;
  height: 565px;
  padding: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: transparent;
  background-image: url("../img/common/background_tile.png");
  background-repeat: repeat-y;
  background-position: -100px;
}
html body .content .textArea .textBlock {
  padding: 12px 36px 0 36px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 420px;
}
html body .content .textArea .textBlock.col {
  height: 420px;
}
html body .content .textArea .textBlock.max {
  height: 489px;
}
html body .content .textArea .textBlock.exp {
  height: 410px;
}
html body .content .textArea .banner {
  margin: -12px 0px -16px -36px;
  padding: 0px;
  background-image: url("../img/common/intro_banner.png");
  background-color: transparent;
  background-repeat: no-repeat;
  width: 423px;
  height: 95px;
}
html body .content .textArea .banner .title {
  position: relative;
  display: block;
  top: 20px;
  left: 23px;
  margin: 0px;
  padding: 0 5px;
  background-image: url("../img/common/intro_logo.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 5px 0;
  width: 221px;
  height: 41px;
  color: transparent;
  text-indent: -100em;
}
html body .content .textArea .banner .title:focus {
  border-left: 3px solid #FFFFFF;
  border-right: 3px solid #FFFFFF;
  margin: -6px 0 0 -3px;
}
html body .content .textArea h2 {
  color: #144886;
  margin: 12px 0px 5px 0px;
  padding: 0px;
  font-size: 1.857em;
  line-height: 1.385em;
  font-weight: normal;
}
html body .content .textArea h2.big {
  font-size: 2.571em;
  line-height: 1em;
  margin-bottom: 0px;
}
html body .content .textArea #titleLine {
  margin: 5px 0px 10px 0px;
  padding: 0px;
  width: 332px;
  height: 2px;
  background-image: url("../img/common/horizontal_dashed_line.png");
  background-color: transparent;
  background-repeat: repeat-x;
}
html body .content .textArea p {
  margin: 6px 0px 0px 0px;
  padding: 0px;
}
html body .content .textArea p a {
  font-weight: bold;
  color: #144886;
  border-bottom: 1px solid #144886;
}
html body .content .textArea p a:hover,
html body .content .textArea p a:focus {
  border-bottom: 1px dashed #005580;
  color: #005580;
}
html body .content .textArea h3 {
  color: #144886;
  margin: 12px 0px 0px 0px;
  line-height: 1em;
  padding: 0px;
  font-size: 1em;
  font-weight: bold;
}
html body .content .textArea ul {
  margin: 3px 0px 10px 15px;
}
html body .content .textArea ul li {
  list-style-image: url(../img/common/triangle_dotpoints.png);
}
html body .content .textArea .response {
  display: block;
}
html body .content .textArea .choice {
  display: block;
  margin: 22px 0px 0px -36px;
  width: 410px;
  background-color: #FFFFFF;
  color: #32323A;
}
html body .content .textArea .choice.selected {
  background: #33333B;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #33333B), color-stop(1, #3D414C));
  background: -ms-linear-gradient(bottom, #33333B, #3D414C);
  background: -moz-linear-gradient(center bottom, #33333B 0%, #3D414C 100%);
  background: -o-linear-gradient(#3D414C, #33333B);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3D414C', endColorstr='#33333B', GradientType=0);
  color: #FFFFFF;
  cursor: default;
}
html body .content .textArea .choice.normal:hover,
html body .content .textArea .choice.normal:focus {
  background: #33333B;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #33333B), color-stop(1, #3D414C));
  background: -ms-linear-gradient(bottom, #33333B, #3D414C);
  background: -moz-linear-gradient(center bottom, #33333B 0%, #3D414C 100%);
  background: -o-linear-gradient(#3D414C, #33333B);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3D414C', endColorstr='#33333B', GradientType=0);
  color: #FFFFFF;
}
html body .content .textArea .choice.normal:active {
  background: #27272d;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #27272d), color-stop(1, #32353e));
  background: -ms-linear-gradient(bottom, #27272d, #32353e);
  background: -moz-linear-gradient(center bottom, #27272d 0%, #32353e 100%);
  background: -o-linear-gradient(#32353e, #27272d);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32353e', endColorstr='#27272d', GradientType=0);
  color: #FFFFFF;
}
html body .content .textArea .choice .choiceText {
  padding: 18px 44px 18px 36px;
  margin-right: 15px;
  min-height: 56px;
}
html body .content .textArea .choice .choiceText p {
  padding: 0px;
  margin: 0px;
}
html body .content .textArea .choice .choiceText ul {
  vertical-align: middle;
  padding: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  list-style-image: url(../img/common/triangle_dotpoints.png);
}
html body .content .textArea .choice .choiceText ul li {
  list-style-image: url(../img/common/triangle_dotpoints_blue.png);
}
html body .content .textArea .choice .choiceText ul li:hover,
html body .content .textArea .choice .choiceText ul li:focus {
  list-style-image: url(../img/common/triangle_dotpoints_blue.png);
}
html body .content .textArea .choice .choiceText.none {
  background-image: url("../img/common/question_unselected.png");
  background-color: transparent;
  background-position: right;
  background-repeat: no-repeat;
}
html body .content .textArea .choice .choiceText.correct {
  background-image: url("../img/common/correct.png");
  background-color: transparent;
  background-position: right;
  background-repeat: no-repeat;
}
html body .content .textArea .choice .choiceText.incorrect {
  background-image: url("../img/common/answer_incorrect.png");
  background-color: transparent;
  background-position: right;
  background-repeat: no-repeat;
}
html body .content .textArea .choiceCorrect {
  margin-top: 22px;
}
html body .content .textArea .choiceIncorrect {
  margin-top: 22px;
}
html body .content .textArea .continueButtonArea .continueButton {
  bottom: 0px;
  right: -16px;
  display: block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url("../img/common/continue_ribbon.png");
  margin: 0;
  padding: 24px 50px 0px 0px;
  width: 376px;
  height: 40px;
  color: #FFFFFF;
  font-size: 1.714em;
  line-height: 0px;
  text-align: right;
  vertical-align: middle;
}
html body .content .textArea .continueButtonArea .continueButton:hover,
html body .content .textArea .continueButtonArea .continueButton:focus {
  background-position: 0 -64px;
}
html body .content .textArea .continueButtonArea .continueButton:active {
  background-position: 0 -128px;
}
html body .content .visualArea {
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  height: 565px;
  width: 1024px;
  background-color: transparent;
  background-position: center;
}
html body .content .visualArea .bigPlayButton {
  background: url("../img/common/next.png");
  text-indent: -100em;
  overflow: hidden;
  width: 84px;
  height: 123px;
  position: absolute;
  z-index: 190;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -71px;
}
html body .content .visualArea .videoReservation {
  position: absolute;
}
html body .content .visualArea .visualAreaImageArea {
  position: absolute;
  left: 0px;
  overflow: hidden;
  width: 1024px;
  height: 565px;
}
html body .content .visualArea .visualAreaImageArea .visualAreaImage {
  width: 1024px;
  height: auto;
}
html body .content .visualArea .captions {
  position: absolute;
  bottom: 14px;
  left: 50%;
  right: 0;
  display: table;
  max-width: 90%;
}
html body .content .visualArea .captions .caption {
  text-align: center;
  background-color: black;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
  color: white;
  position: relative;
  left: -50%;
  display: inline-block;
  padding: 0.2em 0.4em;
  font-size: 1.429em;
  line-height: 1.25em;
}
html body .content .visualArea .videoControls {
  position: absolute;
  height: 565px;
  width: 1024px;
}
html body .content .visualArea .videoControls .button {
  position: absolute;
  left: 25px;
  width: 73px;
  height: 73px;
  background-color: transparent;
  background-repeat: no-repeat;
  text-indent: -100em;
}
html body .content .visualArea .videoControls .button span {
  display: none;
}
html body .content .visualArea .videoControls .playPauseButton {
  top: 17px;
  background-image: url("../img/common/video_player/pause.png");
  background-position: 0 0;
}
html body .content .visualArea .videoControls .playPauseButton:hover,
html body .content .visualArea .videoControls .playPauseButton:focus {
  background-position: 0 -73px;
}
html body .content .visualArea .videoControls .playPauseButton:active {
  background-position: 0 -146px;
}
html body .content .visualArea .videoControls .playPauseButton.paused {
  background-position: 0 -219px;
}
html body .content .visualArea .videoControls .playPauseButton.paused:hover,
html body .content .visualArea .videoControls .playPauseButton.paused:focus {
  background-position: 0 -292px;
}
html body .content .visualArea .videoControls .playPauseButton.paused:active {
  background-position: 0 -365px;
}
html body .content .visualArea .videoControls .muteUnmuteButton {
  top: 114px;
  background-image: url("../img/common/video_player/mute.png");
  background-position: 0 0;
}
html body .content .visualArea .videoControls .muteUnmuteButton:hover,
html body .content .visualArea .videoControls .muteUnmuteButton:focus {
  background-position: 0 -73px;
}
html body .content .visualArea .videoControls .muteUnmuteButton:active {
  background-position: 0 -146px;
}
html body .content .visualArea .videoControls .muteUnmuteButton.muted {
  background-position: 0 -219px;
}
html body .content .visualArea .videoControls .muteUnmuteButton.muted:hover,
html body .content .visualArea .videoControls .muteUnmuteButton.muted:focus {
  background-position: 0 -292px;
}
html body .content .visualArea .videoControls .muteUnmuteButton.muted:active {
  background-position: 0 -365px;
}
html body .content .visualArea .videoControls .transcriptButton {
  position: absolute;
  padding: 3px 9px 3px 9px;
  top: 253px;
  left: 23px;
  background: transparent;
  background-image: url("../img/common/black_opacity.png");
  color: #FFFFFF;
  text-align: center;
  text-indent: 0;
}
html body .content .visualArea .videoControls .transcriptButton:hover,
html body .content .visualArea .videoControls .transcriptButton:focus {
  background-color: #42424b;
}
html body .content .visualArea .videoControls .transcriptButton.hideMute {
  top: 114px;
}
html body .content .visualArea .videoControls .skipButton {
  position: absolute;
  padding: 3px 9px 3px 9px;
  top: 296px;
  left: 23px;
  background: transparent;
  background-image: url("../img/common/black_opacity.png");
  color: #FFFFFF;
  text-align: center;
  text-indent: 0;
  height: auto;
  width: auto;
}
html body .content .visualArea .videoControls .skipButton:hover,
html body .content .visualArea .videoControls .skipButton:focus {
  background-color: #42424b;
}
html body .content .visualArea .videoControls .skipButton.hideMute {
  top: 157px;
}
html body .content .visualArea .videoControls .replayButton {
  position: absolute;
  top: 600px;
  left: 25px;
  background-image: url("../img/common/video_player/replay.png");
  background-repeat: no-repeat;
  padding-left: 45px;
  height: 44px;
  line-height: 44px;
  vertical-align: middle;
  color: #FFFFFF;
  font-size: 1.429em;
}
html body .content .visualArea .videoControls .replayButton img {
  margin-right: 20px;
}
html body .content .visualArea .videoControls .showCaptionsButton {
  position: absolute;
  padding: 3px 9px 3px 9px;
  top: 210px;
  left: 23px;
  right: auto;
  background: transparent;
  background-image: url("../img/common/black_opacity.png");
  color: #FFFFFF;
  text-align: center;
  text-indent: 0;
  height: auto;
  width: auto;
}
html body .content .visualArea .videoControls .showCaptionsButton:hover,
html body .content .visualArea .videoControls .showCaptionsButton:focus {
  background-color: #42424b;
}
html body .content .visualArea .videoControls .showCaptionsButton:active {
  background-color: #42424b;
}
html body .content .visualArea .videoControls .showCaptionsButton.hideMute {
  display: none;
}
html body .content .visualArea .videoControls .hideCaptionsButton {
  position: absolute;
  padding: 3px 9px 3px 9px;
  top: 210px;
  left: 23px;
  right: auto;
  background: transparent;
  background-image: url("../img/common/black_opacity.png");
  color: #FFFFFF;
  text-align: center;
  text-indent: 0;
  height: auto;
  width: auto;
}
html body .content .visualArea .videoControls .hideCaptionsButton:hover,
html body .content .visualArea .videoControls .hideCaptionsButton:focus {
  background-color: #42424b;
}
html body .content .visualArea .videoControls .hideCaptionsButton:active {
  background-color: #42424b;
}
html body .content .visualArea .videoControls .hideCaptionsButton.hideMute {
  display: none;
}
html body .content .visualArea .videoControls .timeSlider {
  width: 100%;
  height: 13px;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
html body .content .visualArea .videoControls .timeSlider .loadBar {
  height: 13px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background-image: url("../img/common/video_player/video_loading_bar.png");
}
html body .content .visualArea .videoControls .timeSlider .playBar {
  height: 13px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  background-image: url("../img/common/video_player/video_played.png");
}
html body .content .visualArea .videoArea {
  z-index: 1px;
  width: 100%;
}
html body #resources {
  z-index: 200;
  position: absolute;
  top: 0px;
  left: 0px;
}
html body #resources.hidden {
  display: none;
}
html body #resources .resDimmed {
  position: absolute;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
  background-color: #181818;
  width: 1024px;
  height: 671px;
}
html body #resources .resBackground {
  background-color: #dfdfdf;
  position: absolute;
  left: 34px;
  top: 0px;
  width: 950px;
  min-height: 671px;
  padding: 0px 20px 0px 20px;
}
html body #resources .resBackground .banner {
  margin: 0px 0px 5px -33px;
  padding: 0px;
  background-image: url("../img/common/resources/resources_banner.png");
  background-color: transparent;
  background-repeat: repeat;
  width: 1003px;
  min-height: 79px;
  color: #FFFFFF;
}
html body #resources .resBackground .banner .title {
  float: left;
  line-height: 0;
  font-size: 1.5em;
  vertical-align: middle;
  position: relative;
  margin: 32px 0px 0px 50px;
  padding: 0px;
  width: auto;
}
html body #resources .resBackground .banner .closeMenuButton {
  float: right;
  width: 29px;
  height: 26px;
  background-image: url("../img/common/resources/close_normal.png");
  background-color: transparent;
  background-repeat: no-repeat;
  margin: 14px 25px 0px 0px;
  text-indent: -100em;
}
html body #resources .resBackground .banner .closeMenuButton:hover,
html body #resources .resBackground .banner .closeMenuButton:focus {
  background-image: url("../img/common/resources/close_hover.png");
}
html body #resources .resBackground #resRowTop .resRowTopLeft {
  display: inline-block;
}
html body #resources .resBackground #resRowTop .resRowTopRight {
  display: inline-block;
}
html body #resources .resBackground #resRowTop .resContent {
  min-height: 1.313em;
  line-height: 21px;
  padding-top: 5px;
  margin-bottom: -5px;
  text-indent: 21px;
  vertical-align: bottom;
  background-image: url("../img/common/resources/more_info.png");
  background-position: top left;
  background-color: transparent;
  background-repeat: no-repeat;
}
html body #resources .resBackground #resRowTop .resResources {
  min-height: 1.313em;
  line-height: 21px;
  padding-top: 5px;
  margin-bottom: -5px;
  text-indent: 21px;
  vertical-align: bottom;
  background-image: url("../img/common/resources/download.png");
  background-position: top left;
  background-color: transparent;
  background-repeat: no-repeat;
}
html body #resources .resBackground #resRowTop ul {
  list-style: none;
  margin: 5px 0px 0px 0px;
  padding: 0px;
  border: 0px;
}
html body #resources .resBackground #resRowTop ul li {
  display: inline-block;
  float: left;
  margin-right: 7px;
}
html body #resources .resBackground #resRowTop ul li a {
  position: relative;
  display: inline-block;
  font-family: "MyriadProSemiBold";
  color: #181818;
  background-color: #FFFFFF;
  width: 126px;
  min-height: 129px;
  word-wrap: break-word;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
}
html body #resources .resBackground #resRowTop ul li a.fat {
  width: 126px;
}
html body #resources .resBackground #resRowTop ul li a.fat img {
  margin: 16px 20px 12px 20px;
}
html body #resources .resBackground #resRowTop ul li a.skinny {
  width: 110px;
}
html body #resources .resBackground #resRowTop ul li a.skinny img {
  margin: 16px 12px 12px 12px;
}
html body #resources .resBackground #resRowTop ul li a img {
  margin: 16px 20px 12px 20px;
  width: 86px;
  height: 61px;
}
html body #resources .resBackground #resRowTop ul li a p {
  position: relative;
  left: 0px;
  right: 0px;
  bottom: 0px;
  line-height: 1;
  text-align: center;
  font-size: 0.813em;
  padding: 5px 5px 5px 5px;
}
html body #resources .resBackground #resRowTop ul li a p a {
  font-weight: bold;
  color: #144886;
  border-bottom: 1px solid #144886;
}
html body #resources .resBackground #resRowTop ul li a p a:hover,
html body #resources .resBackground #resRowTop ul li a p a:focus {
  border-bottom: 1px dashed #005580;
  color: #005580;
}
html body #resources .resBackground #resRowTop ul li a:hover,
html body #resources .resBackground #resRowTop ul li a:focus {
  background-color: #181818;
  color: #FFFFFF;
}
html body #resources .resBackground #resRowTop ul li a .linkIcon {
  margin-top: 6px;
  position: relative;
  height: 61px;
  width: 100%;
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
}
html body #resources .resBackground #resRowTop ul li #content1link .linkIcon {
  background-image: url("../img/common/resources/conversation.png");
}
html body #resources .resBackground #resRowTop ul li #content2link .linkIcon {
  background-image: url("../img/common/resources/prepare.png");
}
html body #resources .resBackground #resRowTop ul li #content3link .linkIcon {
  background-image: url("../img/common/resources/handle_conversation.png");
}
html body #resources .resBackground #resRowTop ul li #content4link .linkIcon {
  background-image: url("../img/common/resources/emotions.png");
}
html body #resources .resBackground #resRowTop ul li #content5link .linkIcon {
  background-image: url("../img/common/resources/after.png");
}
html body #resources .resBackground #resRowTop ul li #content6link .linkIcon {
  background-image: url("../img/common/resources/door.png");
}
html body #resources .resBackground #resRowTop ul li #resource1link .linkIcon {
  background-image: url("../img/common/resources/conversation_plan.png");
}
html body #resources .resBackground #resRowTop ul li #resource2link .linkIcon {
  background-image: url("../img/common/resources/employees.png");
}
html body #resources .resBackground #resRowTop ul li #resLineV {
  width: 2px;
  height: 122px;
  background-image: url("../img/common/vertical_dashed_line.png");
  background-color: transparent;
  background-repeat: repeat-y;
  margin: 0px 0px 0px 2px;
  padding: 0px;
}
html body #resources .resBackground #resAccessible {
  margin: 6px 0px 0px 0px;
}
html body #resources .resBackground #resAccessible a {
  color: #144886;
  font-weight: bold;
  border-bottom: 1px solid #144886;
}
html body #resources .resBackground #resAccessible a:hover,
html body #resources .resBackground #resAccessible a:focus {
  border-bottom: 1px dashed #005580;
  color: #005580;
}
html body #resources .resBackground #resLineH {
  width: 950px;
  height: 2px;
  background-image: url("../img/common/horizontal_dashed_line.png");
  background-color: transparent;
  background-repeat: repeat-x;
  margin: 12px 0 0 0;
  padding: 0px;
}
html body #resources .resBackground #resRowBottom {
  width: 930px;
  background-color: #F1F1EF;
  padding: 0px 10px 15px 10px;
  margin-top: 12px;
  min-height: 280px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
html body #resources .resBackground #resRowBottom .resBottomTitle {
  margin: 0px 0px 15px -10px;
  padding: 0px 0px 0px 25px;
  background: #0078be;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0078be), color-stop(1, #0078be));
  background: -ms-linear-gradient(bottom, #0078be, #0078be);
  background: -moz-linear-gradient(center bottom, #0078be 0%, #0078be 100%);
  background: -o-linear-gradient(#0078be, #0078be);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078be', endColorstr='#0078be', GradientType=0);
  width: 925px;
  min-height: 40px;
  color: #FFFFFF;
  line-height: 40px;
  font-size: 1.5em;
}
html body #resources .resBackground #resRowBottom ul {
  list-style: none;
  margin: 5px -10px 0px 2px;
  padding: 0px;
  border: 0px;
}
html body #resources .resBackground #resRowBottom ul li {
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
}
html body #resources .resBackground #resRowBottom ul li:last-child {
  margin-right: 0;
}
html body #resources .resBackground #resRowBottom ul li .resourceBox {
  text-align: center;
  display: inline-block;
  color: #181818;
  background-color: #FFFFFF;
  width: 301px;
  min-height: 225px;
  word-wrap: break-word;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
}
html body #resources .resBackground #resRowBottom ul li .resourceBox .textBox {
  width: 100%;
}
html body #resources .resBackground #resRowBottom ul li .resourceBox .imageBox {
  width: 100%;
}
html body #resources .resBackground #resRowBottom ul li .resourceBox img {
  margin: 5px 5px 5px 5px;
  width: 166px;
  height: 67px;
}
html body #resources .resBackground #resRowBottom ul li .resourceBox .resourceBar {
  background: #33333B;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #33333B), color-stop(1, #3D414C));
  background: -ms-linear-gradient(bottom, #33333B, #3D414C);
  background: -moz-linear-gradient(center bottom, #33333B 0%, #3D414C 100%);
  background: -o-linear-gradient(#3D414C, #33333B);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3D414C', endColorstr='#33333B', GradientType=0);
  width: 100%;
  height: auto;
  padding: 2px 0px 2px 0px;
  margin: 0px 0px 10px 0px;
  text-align: left;
}
html body #resources .resBackground #resRowBottom ul li .resourceBox .resourceBar .title {
  color: #FFFFFF;
  margin: 5px;
  font-size: 0.938em;
  line-height: 1;
  font-family: "MyriadProSemiBold";
}
html body #resources .resBackground #resRowBottom ul li .resourceBox .resourceTitle {
  background: #0078be;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0078be), color-stop(1, #0078be));
  background: -ms-linear-gradient(bottom, #0078be, #0078be);
  background: -moz-linear-gradient(center bottom, #0078be 0%, #0078be 100%);
  background: -o-linear-gradient(#0078be, #0078be);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078be', endColorstr='#0078be', GradientType=0);
  width: 100%;
  height: auto;
  padding: 10px 0px 10px 0px;
  margin: -10px 0px 10px 0px;
}
html body #resources .resBackground #resRowBottom ul li .resourceBox .resourceTitle .fairWork {
  margin: 0px auto 0px auto;
  width: 221px;
  height: 41px;
  background-image: url("../img/common/intro_logo.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -1000em;
}
html body #resources .resBackground #resRowBottom ul li .resourceBox p {
  text-align: left;
  margin: 5px 5px 0px 5px;
  line-height: 1;
  font-size: 0.875em;
}
html body #resources .resBackground #resRowBottom ul li .resourceBox p a {
  font-weight: bold;
  color: #144886;
  border-bottom: 1px solid #144886;
}
html body #resources .resBackground #resRowBottom ul li .resourceBox p a:hover,
html body #resources .resBackground #resRowBottom ul li .resourceBox p a:focus {
  border-bottom: 1px dashed #005580;
  color: #005580;
}
html body #resources .resBackground #resRowBottom ul li .resourceBox ul {
  text-align: left;
  margin: 5px 5px 0px 27px;
  padding: 0px;
  border: 0px;
  list-style-position: outside;
  list-style-type: circle;
  list-style-image: url(../img/common/tips/orange_dot.png);
}
html body #resources .resBackground #resRowBottom ul li .resourceBox ul li {
  display: list-item;
  float: none;
  margin: 5px 0px 0px 0px;
  font-size: 0.875em;
  line-height: 1;
}
html body #resources .resBackground #resRowBottom ul li .resourceBox ul li a {
  font-weight: bold;
  color: #144886;
}
html body #resources .resBackground #resRowBottom ul li .resourceBox ul li a:hover,
html body #resources .resBackground #resRowBottom ul li .resourceBox ul li a:focus {
  text-decoration: underline;
  color: #005580;
}
html body #resources .resBackground #resFooter {
  margin: 15px 0px 0px -20px;
  padding: 10px 40px 0 10px;
  bottom: 0px;
  width: 940px;
  min-height: 62px;
  background-color: #181818;
}
html body #resources .resBackground #resFooter .mainMenuButton {
  background: #0078be;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0078be), color-stop(1, #0078be));
  background: -ms-linear-gradient(bottom, #0078be, #0078be);
  background: -moz-linear-gradient(center bottom, #0078be 0%, #0078be 100%);
  background: -o-linear-gradient(#0078be, #0078be);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078be', endColorstr='#0078be', GradientType=0);
  position: absolute;
  background-color: #144886;
  width: 11.75em;
  min-height: 53px;
}
html body #resources .resBackground #resFooter .mainMenuButton div {
  color: #FFFFFF;
  padding: 0px;
  margin: 0px;
  font-size: 1.5em;
  line-height: 53px;
  vertical-align: middle;
  margin: 0px 0px 0px 10px;
  background-image: url("../img/common/resources/back_to_main.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left;
  text-indent: 35px;
}
html body #resources .resBackground #resFooter .mainMenuButton:hover,
html body #resources .resBackground #resFooter .mainMenuButton:focus {
  background: #0088d8;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0088d8), color-stop(1, #0088d8));
  background: -ms-linear-gradient(bottom, #0088d8, #0088d8);
  background: -moz-linear-gradient(center bottom, #0088d8 0%, #0088d8 100%);
  background: -o-linear-gradient(#0088d8, #0088d8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088d8', endColorstr='#0088d8', GradientType=0);
}
html body #resources .resBackground #resFooter .mainMenuButton:active {
  background: #0068a5;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0068a5), color-stop(1, #0068a5));
  background: -ms-linear-gradient(bottom, #0068a5, #0068a5);
  background: -moz-linear-gradient(center bottom, #0068a5 0%, #0068a5 100%);
  background: -o-linear-gradient(#0068a5, #0068a5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0068a5', endColorstr='#0068a5', GradientType=0);
}
html body #resources .resBackground #resFooter .surveyButton {
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  position: absolute;
  right: 40px;
  color: #FFFFFF;
  background: #414247;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2E2F34), color-stop(1, #414247));
  background: -ms-linear-gradient(bottom, #2E2F34, #414247);
  background: -moz-linear-gradient(center bottom, #2E2F34 0%, #414247 100%);
  background: -o-linear-gradient(#414247, #2E2F34);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#414247', endColorstr='#2E2F34', GradientType=0);
  width: 237px;
  min-height: 53px;
  margin-left: 10px;
}
html body #resources .resBackground #resFooter .surveyButton p {
  margin: 8px 10px 0px 40px;
  text-align: center;
  color: #FFFFFF;
  font-family: "MyriadProRegular";
  font-size: 0.875em;
  vertical-align: middle;
}
html body #resources .resBackground #resFooter .surveyButton p span {
  font-weight: bold;
  color: #1dc5ff;
  border-bottom: 1px solid #1dc5ff;
}
html body #resources .resBackground #resFooter .surveyButton img {
  position: absolute;
  top: 11px;
  left: 15px;
  width: 24px;
  height: 32px;
}
html body #resources .resBackground #resFooter .surveyButton:hover,
html body #resources .resBackground #resFooter .surveyButton:focus {
  background: #4d4e54;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3a3b42), color-stop(1, #4d4e54));
  background: -ms-linear-gradient(bottom, #3a3b42, #4d4e54);
  background: -moz-linear-gradient(center bottom, #3a3b42 0%, #4d4e54 100%);
  background: -o-linear-gradient(#4d4e54, #3a3b42);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4e54', endColorstr='#3a3b42', GradientType=0);
}
html body #resources .resBackground #resFooter .surveyButton:hover p span,
html body #resources .resBackground #resFooter .surveyButton:focus p span {
  border-bottom: 1px dashed #1dc5ff;
}
html body #resources .resBackground #resFooter .surveyButton:active {
  background: #35363a;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #222326), color-stop(1, #35363a));
  background: -ms-linear-gradient(bottom, #222326, #35363a);
  background: -moz-linear-gradient(center bottom, #222326 0%, #35363a 100%);
  background: -o-linear-gradient(#35363a, #222326);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35363a', endColorstr='#222326', GradientType=0);
}
html body #footer {
  z-index: 100;
  position: absolute;
  top: -77px;
}
html body #footer .menuButton {
  z-index: 102;
  display: none;
  position: absolute;
  top: 643px;
  margin-left: 463px;
  width: 98px;
  height: 34px;
  background: #0078be;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0078be), color-stop(1, #0078be));
  background: -ms-linear-gradient(bottom, #0078be, #0078be);
  background: -moz-linear-gradient(center bottom, #0078be 0%, #0078be 100%);
  background: -o-linear-gradient(#0078be, #0078be);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078be', endColorstr='#0078be', GradientType=0);
  color: #FFFFFF;
  line-height: 34px;
  text-align: center;
  vertical-align: middle;
}
html body #footer .menuButton .menuButtonArea {
  background-color: transparent;
  background-image: none;
}
html body #footer .menuButton .menuButtonArea .menuButtonText {
  font-family: "MyriadProRegular";
  font-size: 1em;
  padding-top: 17px;
  line-height: 0;
}
html body #footer .menuButton.collapsed {
  display: block;
  top: 643px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.66);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.66);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.66);
}
html body #footer .menuButton.collapsed .menuButtonArea {
  background-color: transparent;
  background-image: none;
}
html body #footer .menuButton.expanded {
  display: block;
  top: 539px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.66);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.66);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.66);
  line-height: 22px;
}
html body #footer .menuButton.expanded .menuButtonArea {
  height: 30px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: bottom;
}
html body #footer .menuButton:hover,
html body #footer .menuButton:focus {
  background: #004872;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #004872), color-stop(1, #004872));
  background: -ms-linear-gradient(bottom, #004872, #004872);
  background: -moz-linear-gradient(center bottom, #004872 0%, #004872 100%);
  background: -o-linear-gradient(#004872, #004872);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004872', endColorstr='#004872', GradientType=0);
}
html body #footer .menuButton:active {
  background: #0078be;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0078be), color-stop(1, #0078be));
  background: -ms-linear-gradient(bottom, #0078be, #0078be);
  background: -moz-linear-gradient(center bottom, #0078be 0%, #0078be 100%);
  background: -o-linear-gradient(#0078be, #0078be);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078be', endColorstr='#0078be', GradientType=0);
}
html body #footer ul {
  z-index: 101;
  position: absolute;
  top: 573px;
  border: 0px;
  background-color: #bec6c5;
  background-image: url("../img/common/menu_background.png");
  background-repeat: no-repeat;
  display: block;
  width: 974px;
  min-height: 165px;
  list-style: none;
  margin: 0px;
  padding: 10px 0px 0px 50px;
}
html body #footer ul.collapsed {
  display: none;
  top: 573px;
  border: 0px;
}
html body #footer ul.expanded {
  display: block;
  top: 563px;
  border-top: 10px solid #181818;
}
html body #footer ul .resourceListItem {
  width: 200px;
}
html body #footer ul li {
  display: inline-block;
  float: left;
  margin-right: 36px;
  line-height: 1.125em;
  position: relative;
}
html body #footer ul li .footerTick {
  position: absolute;
  top: 38px;
  right: 9px;
  background-image: url("../img/common/tick.png");
  width: 42px;
  height: 43px;
  background-repeat: no-repeat;
}
html body #footer ul li .resourcesBG {
  display: inline;
  width: 0px;
  height: 0px;
  margin: 0px 0px 0px 0px;
}
html body #footer ul li a {
  display: inline-block;
  font-size: 0.975em;
  font-family: "MyriadProRegular";
  color: #181818;
  background-color: #FFFFFF;
  width: 196px;
  min-height: 145px;
  padding: 5px;
}
html body #footer ul li a .imgArea img {
  width: 197px;
  height: 81px;
  margin-bottom: 4px;
}
html body #footer ul li a:hover,
html body #footer ul li a:focus {
  background-color: #181818;
  color: #FFFFFF;
}
html body #footer ul li a.selected {
  background-color: #181818;
  color: #FFFFFF;
}
html body #footer ul li a#resourcesLink {
  margin: 8px 0px 0px 40px;
  background-image: url("../img/common/links_resources.png");
  background-position: 0 0;
  background-color: transparent;
  background-repeat: no-repeat;
  width: 93px;
  height: 143px;
  padding: 0px 30px 0px 20px;
  font-size: 1.1em;
  font-family: "MyriadProSemibold";
  min-height: 143px;
}
html body #footer ul li a#resourcesLink:hover,
html body #footer ul li a#resourcesLink:focus {
  background-position: 0 -143px;
  background-repeat: no-repeat;
}
html body #footer ul li a#resourcesLink:hover p,
html body #footer ul li a#resourcesLink:focus p {
  background-color: #BB3000;
}
html body #footer ul li a#resourcesLink:active {
  background-position: 0 -286px;
  background-color: transparent;
}
html body #footer ul li a#resourcesLink:active p {
  background-color: #D34000;
}
html body #footer ul li a#resourcesLink p {
  margin: 75px 21px 0px 0px;
  text-align: center;
  position: absolute;
  color: #FFFFFF;
  width: auto;
  background-color: #D34000;
}
html body #footer ul li #resourceLine {
  float: left;
  margin: 0px 0px 0px 12px;
  padding: 0px;
  width: 2px;
  height: 154px;
  background-image: url("../img/common/vertical_dashed_line.png");
  background-color: transparent;
  background-repeat: repeat-y;
}
html body .tips {
  z-index: 300;
  position: absolute;
}
html body .tips .hidden {
  display: none;
}
html body .tips .tipsButton {
  position: absolute;
  top: -41px;
  left: 899px;
  height: 12px;
  width: 90px;
  padding: 12px 5px 0px 0px;
  line-height: 0;
  vertical-align: middle;
  margin-top: 5px;
  color: #FFFFFF;
  font-size: 1.25em;
  background-image: url("../img/common/tips/speech_icon.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  text-indent: 50px;
}
html body .tips .tipsButton:hover,
html body .tips .tipsButton:focus {
  background-position: 0 -24px;
}
html body .tips .tipsButton:active {
  background-position: 0 -48px;
}
html body .tips .tipsArea {
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  position: relative;
  background-color: #f0efea;
  color: #343436;
  position: absolute;
  top: 0px;
  left: 304px;
  width: 680px;
  padding: 0px 20px 50px 20px;
  font-size: 1em;
}
html body .tips .tipsArea .closeButton {
  position: absolute;
  bottom: 13px;
  right: 13px;
  width: 32px;
  height: 32px;
  background-image: url("../img/common/tips/close.png");
  background-position: 0 0;
  background-color: transparent;
  background-repeat: no-repeat;
  text-indent: -100em;
}
html body .tips .tipsArea .closeButton:hover,
html body .tips .tipsArea .closeButton:focus {
  background-position: 0 -32px;
}
html body .tips .tipsArea .closeButton:active {
  background-position: 0 -64px;
}
html body .tips .tipsArea h1 {
  background: #d44000;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d44000), color-stop(1, #d44000));
  background: -ms-linear-gradient(bottom, #d44000, #d44000);
  background: -moz-linear-gradient(center bottom, #d44000 0%, #d44000 100%);
  background: -o-linear-gradient(#d44000, #d44000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d44000', endColorstr='#d44000', GradientType=0);
  color: #FFFFFF;
  text-align: left;
  margin: 0px -20px 30px -20px;
  padding: 10px 0px 10px 20px;
  font-size: 1em;
  line-height: 1.125;
  vertical-align: middle;
  border: 0px;
  font-family: "MyriadProSemibold";
  font-weight: normal;
}
html body .tips .tipsArea h2 {
  font-size: 1em;
  line-height: 1.125;
  padding: 0px;
  margin: 0px 0px 25px 0px;
  font-family: "MyriadProSemibold";
  font-weight: normal;
}
html body .tips .tipsArea .tipArea {
  margin: 0 0 0 20px;
  color: #000000;
}
html body .tips .tipsArea .tipArea .tipItem {
  font-size: 1em;
  line-height: 1.125;
  font-family: "MyriadProSemibold";
  color: #000000;
  margin-top: 5px;
}
html body .tips .tipsArea .tipArea .tipItem.selected {
  margin-top: 25px;
}
html body .tips .tipsArea .tipArea .tipItem .tipHeading {
  font-size: 1em;
  line-height: 1.125;
  vertical-align: top;
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 0px;
  margin: 0px;
  color: #000000;
}
html body .tips .tipsArea .tipArea .tipItem .tipHeading:hover,
html body .tips .tipsArea .tipArea .tipItem .tipHeading:focus {
  /*text-decoration: underline !important;*/
  color: #3d5cb3 !important;
}
html body .tips .tipsArea .tipArea .tipItem .tipHeading:hover .coloured,
html body .tips .tipsArea .tipArea .tipItem .tipHeading:focus .coloured {
  border-bottom: 1px dashed #3d5cb3;
}
html body .tips .tipsArea .tipArea .tipItem .tipHeading p {
  font-size: 1em;
  padding: 0px;
  margin: 0px;
  line-height: 1.125;
  font-weight: normal;
}
html body .tips .tipsArea .tipArea .tipItem .tipHeading .coloured {
  font-size: 1em;
  padding: 0px;
  margin: 0px;
  line-height: 1.125;
  font-weight: normal;
  color: #3d5cb3;
  border-bottom: 1px solid #3d5cb3;
}
html body .tips .tipsArea .tipArea .tipItem .tipContent {
  font-family: "MyriadProRegular";
  font-weight: normal;
  margin: 0px 0px 25px 0px;
}
html body .tips .tipsArea .tipArea .tipItem .tipContent p {
  font-size: 1em;
  padding: 0px;
  margin: 5px 0px 2px 0px;
  line-height: 1.125;
  font-weight: normal;
}
html body .tips .tipsArea .tipArea .tipItem .tipContent ul {
  margin: 0px 0px 0px 17px;
}
html body .tips .tipsArea .tipArea .tipItem .tipContent ul li {
  list-style-image: url('../img/common/tips/orange_dot.png');
  list-style-position: outside;
  margin-top: 3px;
  margin-left: 15px;
  line-height: 1.125;
}
html body #accessible {
  background-color: #dfdfdf;
  min-height: 709px;
  margin-bottom: -20px;
}
html body #accessible .banner {
  margin: 0px 0px 5px 0px;
  padding: 0px;
  background: #0078be;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0078be), color-stop(1, #0078be));
  background: -ms-linear-gradient(bottom, #0078be, #0078be);
  background: -moz-linear-gradient(center bottom, #0078be 0%, #0078be 100%);
  background: -o-linear-gradient(#0078be, #0078be);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078be', endColorstr='#0078be', GradientType=0);
  width: 100%;
  min-height: 65px;
  color: #181818;
}
html body #accessible .banner .title {
  float: left;
  line-height: 1;
  font-size: 1.5em;
  vertical-align: middle;
  position: relative;
  margin: 18px 0px 0px 50px;
  padding: 0px;
  width: auto;
}
html body #accessible .content {
  margin: 20px;
  width: auto;
}
html body #accessible .content .accContent {
  min-height: 1.313em;
  line-height: 21px;
  padding-top: 5px;
  margin-bottom: -5px;
  text-indent: 21px;
  vertical-align: bottom;
  background-image: url("../img/common/resources/more_info.png");
  background-position: top left;
  background-color: transparent;
  background-repeat: no-repeat;
}
html body #accessible .content .accResources {
  min-height: 1.313em;
  line-height: 21px;
  padding-top: 5px;
  margin-bottom: -5px;
  text-indent: 21px;
  vertical-align: bottom;
  background-image: url("../img/common/resources/download.png");
  background-position: top left;
  background-color: transparent;
  background-repeat: no-repeat;
}
html body #accessible .content #accLineH {
  width: 984px;
  height: 2px;
  background-image: url("../img/common/horizontal_dashed_line.png");
  background-color: transparent;
  background-repeat: repeat-x;
  margin: 12px 0px 12px 0px;
  padding: 0px;
}
html body #accessible .content #accRowTop {
  display: inline-block;
  width: 100%;
}
html body #accessible .content #accRowBottom {
  display: inline-block;
  width: 100%;
}
html body #accessible .content ul {
  list-style: none;
  margin: 5px -20px 0px 0px;
  padding: 0px;
  border: 0px;
}
html body #accessible .content ul li {
  display: inline-block;
  float: left;
  margin-right: 10px;
  min-height: 129px;
}
html body #accessible .content ul li a {
  position: relative;
  display: inline-block;
  font-family: "MyriadProSemiBold";
  color: #181818;
  background-color: #FFFFFF;
  width: 156px;
  min-height: 129px;
  word-wrap: break-word;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
}
html body #accessible .content ul li a.fat {
  width: 189px;
}
html body #accessible .content ul li a.fat img {
  margin: 16px 20px 12px 20px;
}
html body #accessible .content ul li a.skinny {
  width: 156px;
}
html body #accessible .content ul li a.skinny img {
  margin: 16px 12px 12px 12px;
}
html body #accessible .content ul li a img {
  margin: 16px 20px 12px 20px;
  width: 86px;
  height: 61px;
}
html body #accessible .content ul li a p {
  position: relative;
  left: 0px;
  right: 0px;
  bottom: 0px;
  line-height: 1;
  text-align: center;
  font-size: 0.929em;
  margin-top: 1em;
  padding: 5px 5px 5px 5px;
}
html body #accessible .content ul li a p a {
  font-weight: bold;
  color: #144886;
}
html body #accessible .content ul li a p a:hover,
html body #accessible .content ul li a p a:focus {
  text-decoration: underline;
  color: #005580;
}
html body #accessible .content ul li a:hover,
html body #accessible .content ul li a:focus {
  background-color: #181818;
  color: #FFFFFF;
}
html body #accessible .content ul li a .linkIcon {
  margin-top: 6px;
  position: relative;
  height: 61px;
  width: 100%;
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
}
html body #accessible .content ul li #content1link .linkIcon {
  background-image: url("../img/common/resources/conversation.png");
}
html body #accessible .content ul li #content2link .linkIcon {
  background-image: url("../img/common/resources/prepare.png");
}
html body #accessible .content ul li #content3link .linkIcon {
  background-image: url("../img/common/resources/handle_conversation.png");
}
html body #accessible .content ul li #content4link .linkIcon {
  background-image: url("../img/common/resources/emotions.png");
}
html body #accessible .content ul li #content5link .linkIcon {
  background-image: url("../img/common/resources/after.png");
}
html body #accessible .content ul li #content6link .linkIcon {
  background-image: url("../img/common/resources/door.png");
}
html body #accessible .content ul li #resource1link .linkIcon {
  background-image: url("../img/common/resources/conversation_plan.png");
}
html body #accessible .content ul li #resource2link .linkIcon {
  background-image: url("../img/common/resources/employees.png");
}
@media (min-width: 1024px) and (max-height: 717px) {
  html body #centered {
    min-height: 670px;
    height: 670px;
  }
  html body #footer {
    min-height: 50px;
    height: 50px;
  }
  html body #footer ul {
    width: 1006px;
    padding: 0px 0px 0px 18px;
    min-height: 127px;
  }
  html body #footer ul li {
    margin: 18px 18px 0px 0px;
    padding: 0px;
  }
  html body #footer ul li.resourceListItem {
    width: auto;
    min-height: 91px;
    margin-right: 0px;
    overflow: hidden;
  }
  html body #footer ul li .footerTick {
    top: 41px;
    left: 59px;
  }
  html body #footer ul li a {
    min-height: 81px;
    margin: 0px;
    padding: 5px;
    width: 220px;
  }
  html body #footer ul li a .imgArea {
    overflow: hidden;
    margin: 0px;
    width: 98px;
  }
  html body #footer ul li a .imgArea img {
    float: none;
    width: 197px;
    min-width: 197px;
    height: 81px;
    margin: 0px 0px 0px -49px;
    padding: 0px;
  }
  html body #footer ul li a p {
    font-size: 0.938em;
    line-height: 1.05em;
    float: none;
    text-align: left;
    padding-left: 101px;
    margin: -81px 8px 0px 3px;
    word-wrap: break-word;
  }
  html body #footer ul li a#resourcesLink {
    display: block;
    line-height: 1.05em;
    background-color: #ff6b00;
    background-image: url("../img/common/mobile/resources.png");
    background-size: 224px 273px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    min-height: 81px;
    margin: 0px 0px 0px 18px;
    padding: 5px;
    width: 214px;
    height: auto;
  }
  html body #footer ul li a#resourcesLink:hover,
  html body #footer ul li a#resourcesLink:focus {
    background-image: url("../img/common/mobile/resources.png");
    background-size: 224px 273px;
    background-position: 0px -91px;
    background-repeat: no-repeat;
  }
  html body #footer ul li a#resourcesLink:hover p,
  html body #footer ul li a#resourcesLink:focus p {
    background-color: #ff7c00;
  }
  html body #footer ul li a#resourcesLink:active {
    background-image: url("../img/common/mobile/resources.png");
    background-size: 224px 273px;
    background-position: 0px -182px;
    background-repeat: no-repeat;
  }
  html body #footer ul li a#resourcesLink:active p {
    background-color: #d75600;
  }
  html body #footer ul li a#resourcesLink p {
    font-size: 1.063em;
    padding: 0px;
    margin: 45px 0px 0px 0px;
    position: static;
    background-color: #ff6b00;
  }
  html body #footer ul li #resourceLine {
    margin: 0;
    height: 92px;
  }
  html body .content .replayButton {
    top: 571px;
  }
  html body .content .certificateArea {
    height: 606px;
  }
  html body #resources .resDimmed {
    height: 623px;
  }
  html body #resources .resBackground {
    min-height: 622px;
  }
  html body #resources .resBackground .banner {
    margin-bottom: 0px;
  }
  html body #resources .resBackground #resRowTop ul li a {
    min-height: 100px;
  }
  html body #resources .resBackground #resRowTop ul li a .linkIcon {
    height: 31px;
  }
  html body #resources .resBackground #resRowTop ul li #content1link .linkIcon {
    background-image: url("../img/common/resources/mobile/conversation.png");
  }
  html body #resources .resBackground #resRowTop ul li #content2link .linkIcon {
    background-image: url("../img/common/resources/mobile/prepare.png");
  }
  html body #resources .resBackground #resRowTop ul li #content3link .linkIcon {
    background-image: url("../img/common/resources/mobile/handle_conversation.png");
  }
  html body #resources .resBackground #resRowTop ul li #content4link .linkIcon {
    background-image: url("../img/common/resources/mobile/emotions.png");
  }
  html body #resources .resBackground #resRowTop ul li #content5link .linkIcon {
    background-image: url("../img/common/resources/mobile/after.png");
  }
  html body #resources .resBackground #resRowTop ul li #content6link .linkIcon {
    background-image: url("../img/common/resources/mobile/door.png");
  }
  html body #resources .resBackground #resRowTop ul li #resource1link .linkIcon {
    background-image: url("../img/common/resources/mobile/conversation_plan.png");
  }
  html body #resources .resBackground #resRowTop ul li #resource2link .linkIcon {
    background-image: url("../img/common/resources/mobile/employees.png");
  }
  html body #resources .resBackground #resRowTop ul li #resLineV {
    height: 100px;
  }
  html body #resources .resBackground #resLineH {
    margin: 8px 0 0 0;
  }
  html body #resources .resBackground #resRowBottom {
    padding-bottom: 12px;
  }
  html body #resources .resBackground #resFooter {
    margin-top: 14px;
    min-height: 55px;
  }
  html body #resources .resBackground #resFooter .mainMenuButton {
    min-height: 46px;
  }
  html body #resources .resBackground #resFooter .mainMenuButton div {
    line-height: 46px;
  }
  html body #resources .resBackground #resFooter .surveyButton {
    min-height: 46px;
  }
  html body #resources .resBackground #resFooter .surveyButton img {
    top: 7px;
  }
  html body #resources .resBackground #resFooter .surveyButton p {
    margin-top: 5px;
  }
  html body #accessible {
    min-height: 670px;
  }
}
@media (max-width: 1023px) {
  html body {
    background-color: #181818;
    cursor: default;
    font-family: "MyriadProRegular";
    padding: 0;
  }
  html body a:hover,
  html body a:visited,
  html body a:link,
  html body a:active,
  html body:focus {
    text-decoration: none;
    cursor: pointer;
  }
  html body .largeScreen {
    display: none;
  }
  html body .smallScreen {
    display: block;
  }
  html body .headingCertificate {
    display: none;
  }
  html body #centered {
    width: 100%;
    height: auto;
    overflow-x: visible;
    overflow-y: visible;
    min-height: auto;
  }
  html body .headingBg {
    min-height: 42px;
  }
  html body .headingBg h1 {
    color: #FFFFFF;
    text-align: center;
    font-weight: normal;
    font-size: 1.25em;
    vertical-align: middle;
    line-height: 1.375em;
    font-family: "MyriadProRegular";
    margin: 0;
  }
  html body .content {
    font-family: "MyriadProRegular";
    position: relative;
    font-size: 1em;
  }
  html body .content .topContent {
    position: relative;
  }
  html body .content .topContent .navigationControls {
    width: 100%;
    position: relative;
    background-image: none;
    background-color: #181818;
    height: 65px;
  }
  html body .content .topContent .navigationControls .nextButton {
    position: absolute;
    top: 10px;
    right: 10px;
    left: auto;
    color: #FFFFFF;
    font-size: 1.188em;
    vertical-align: middle;
    height: 44px;
    line-height: 44px;
    padding-left: 0px;
    width: 5.053em;
    background-image: url("../img/common/next_small.png");
    background-position: 2.737em 0;
  }
  html body .content .topContent .navigationControls .nextButton span {
    display: inline;
  }
  html body .content .topContent .navigationControls .nextButton:hover,
  html body .content .topContent .navigationControls .nextButton:focus {
    background-position: 2.737em -44px;
  }
  html body .content .topContent .navigationControls .nextButton:active {
    background-position: 2.737em -88px;
  }
  html body .content .topContent .navigationControls .replayButton {
    font-size: 1.188em;
    position: absolute;
    top: 10px;
    left: 10px;
    padding-left: 45px;
    height: 44px;
    line-height: 44px;
  }
  html body .content .certificateArea {
    padding-top: 0px;
    padding-bottom: 1px;
    background-color: #e5e5e5;
    height: auto;
  }
  html body .content .certificateArea .contentCertificate {
    background-image: none;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #ffffff;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e5e5e5), color-stop(1, #ffffff));
    background: -ms-linear-gradient(bottom, #e5e5e5, #ffffff);
    background: -moz-linear-gradient(center bottom, #e5e5e5 0%, #ffffff 100%);
    background: -o-linear-gradient(#ffffff, #e5e5e5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
  }
  html body .content .certificateArea .contentCertificate .certBorder {
    margin: 15px;
    border-style: dashed;
    border-width: 2px;
    border-color: #008fc3;
    padding: 10px;
  }
  html body .content .certificateArea .contentCertificate .certTopBar {
    background: #0096da;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0081b6), color-stop(1, #0096da));
    background: -ms-linear-gradient(bottom, #0081b6, #0096da);
    background: -moz-linear-gradient(center bottom, #0081b6 0%, #0096da 100%);
    background: -o-linear-gradient(#0096da, #0081b6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0096da', endColorstr='#0081b6', GradientType=0);
    height: 84px;
    padding-top: 32px;
  }
  html body .content .certificateArea .contentCertificate .certTopBar .logo {
    background-image: url("../img/common/certificate/logo.png");
    background-repeat: no-repeat;
    width: 273px;
    height: 49px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  html body .content .certificateArea .contentCertificate p {
    font-size: 1.25em;
    padding-bottom: 0px;
  }
  html body .content .certificateArea .contentCertificate .textCongrat {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 1.875em;
    line-height: 0.667em;
    word-wrap: break-word;
  }
  html body .content .certificateArea .contentCertificate .certCompleted {
    padding-bottom: 5px;
    line-height: 24px;
  }
  html body .content .certificateArea .contentCertificate .certTitle {
    font-size: 1.25em;
    line-height: 1;
    padding-bottom: 0px;
  }
  html body .content .certificateArea .contentCertificate .certAssess {
    padding-top: 5px;
  }
  html body .content .certificateArea .contentCertificate .buttonTellUs {
    display: none;
  }
  html body .content .certificateArea .contentCertificate .buttonTellUsMobile {
    margin-top: 15px;
    background-image: none;
    background-color: #5d5f5e;
    width: 100%;
    height: 50px;
    display: block;
  }
  html body .content .certificateArea .contentCertificate .buttonTellUsMobile:hover,
  html body .content .certificateArea .contentCertificate .buttonTellUsMobile:focus {
    background-color: #6a6c6b;
  }
  html body .content .certificateArea .contentCertificate .buttonTellUsMobile:active {
    background-color: #505251;
  }
  html body .content .certificateArea .contentCertificate .buttonTellUsMobile .penHolder {
    width: 230px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
  }
  html body .content .certificateArea .contentCertificate .buttonTellUsMobile .penHolder .pen {
    width: 24px;
    height: 32px;
    background-image: url("../img/common/certificate/pen.png");
    background-repeat: no-repeat;
  }
  html body .content .certificateArea .contentCertificate .buttonTellUsMobile .penHolder p {
    color: #FFFFFF;
    font-size: 1.5em;
    line-height: 1;
    margin-top: -1.25em;
  }
  html body .content .textArea {
    width: 100%;
    height: auto;
    padding: 12px 12px 36px 12px;
    position: static;
    background-image: none;
    background-color: #bbc3c0;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 1em;
  }
  html body .content .textArea div {
    margin-left: 12px;
    margin-right: 12px;
  }
  html body .content .textArea .noMargins {
    margin-left: 0px;
    margin-right: 0px;
  }
  html body .content .textArea .textBlock {
    padding: 0;
    overflow-y: visible;
    overflow-x: visible;
    height: auto;
  }
  html body .content .textArea .textBlock.col {
    height: auto;
  }
  html body .content .textArea .textBlock.max {
    height: auto;
  }
  html body .content .textArea .textBlock.exp {
    height: auto;
  }
  html body .content .textArea .banner {
    background: #0078be;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0078be), color-stop(1, #0078be));
    background: -ms-linear-gradient(bottom, #0078be, #0078be);
    background: -moz-linear-gradient(center bottom, #0078be 0%, #0078be 100%);
    background: -o-linear-gradient(#0078be, #0078be);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078be', endColorstr='#0078be', GradientType=0);
    margin: -12px -12px 6px -12px;
    padding: 12px 0px 12px 0px;
    width: auto;
    height: auto;
  }
  html body .content .textArea .banner .title {
    position: static;
    margin: 0px 0px 0px 12px;
    padding: 0px 0px 0px 0px;
    background-image: url("../img/common/intro_logo.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left;
    width: 221px;
    height: 41px;
  }
  html body .content .textArea h2 {
    color: #144886;
    margin: 12px 0px 0px 0px;
    padding: 0px;
    font-size: 1.313em;
    line-height: 1.048em;
    font-weight: normal;
    font-family: "MyriadProSemibold";
  }
  html body .content .textArea h2.big {
    font-size: 1.5em;
    line-height: 1.25em;
    margin: 12px 0px 0px 0px;
  }
  html body .content .textArea #titleLine {
    width: auto;
  }
  html body .content .textArea p {
    margin: 6px 0px 0px 0px;
    padding: 0px;
  }
  html body .content .textArea h3 {
    color: #144886;
    margin: 12px 0px 0px 0px;
    padding: 0px;
    font-size: 1em;
    line-height: 1.125;
    font-weight: normal;
  }
  html body .content .textArea ul {
    margin: 3px 0px 10px 15px;
  }
  html body .content .textArea ul li {
    list-style-image: url(../img/common/triangle_dotpoints.png);
  }
  html body .content .textArea .choice {
    width: auto;
    margin: 22px -12px 0px -12px;
    padding: 0px;
  }
  html body .content .textArea .choice .choiceText {
    padding: 18px 44px 18px 14px;
    margin-right: 10px;
    width: auto;
  }
  html body .content .textArea .choice .choiceText p {
    padding: 0px;
    margin: 0px;
  }
  html body .content .textArea .choice .choiceText ul {
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
  }
  html body .content .textArea .choiceCorrect {
    margin: 22px 0px 0px 0px;
    font-size: 0.875em;
  }
  html body .content .textArea .choiceIncorrect {
    margin: 22px 0px 0px 0px;
  }
  html body .content .textArea .continueButtonArea {
    background: #0078be;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0078be), color-stop(1, #0078be));
    background: -ms-linear-gradient(bottom, #0078be, #0078be);
    background: -moz-linear-gradient(center bottom, #0078be 0%, #0078be 100%);
    background: -o-linear-gradient(#0078be, #0078be);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078be', endColorstr='#0078be', GradientType=0);
    display: block;
    position: static;
    width: auto;
    height: 52px;
    margin: 36px 0px 0px 0px;
  }
  html body .content .textArea .continueButtonArea .continueButton {
    text-align: right;
    float: right;
    display: block;
    position: static;
    margin: 0px 0px 0px 0px;
    padding: 0px 36px 0px 0px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../img/common/forward.png);
    background-position: right 0px;
    width: 100%;
    height: 52px;
    font-size: 1.75em;
    line-height: 52px;
    text-indent: 36px;
    vertical-align: middle;
  }
  html body .content .textArea .continueButtonArea .continueButton:hover,
  html body .content .textArea .continueButtonArea .continueButton:focus {
    background-position: right -52px;
  }
  html body .content .textArea .continueButtonArea .continueButton:active {
    background-position: right -104px;
  }
  html body .content .visualArea {
    position: static;
    left: 0px;
    overflow: hidden;
    height: auto;
    width: 100%;
    background-color: transparent;
    background-position: center;
  }
  html body .content .visualArea .videoReservation {
    position: relative;
  }
  html body .content .visualArea .visualAreaImageArea {
    position: static;
    left: 0px;
    top: 0px;
    overflow: hidden;
    width: 100%;
    height: auto;
  }
  html body .content .visualArea .visualAreaImageArea .visualAreaImage {
    width: 100%;
    height: auto;
  }
  html body .content .visualArea #videoArea {
    position: relative;
  }
  html body .content .visualArea #videoArea .videoPending img {
    display: inline;
  }
  html body .content .visualArea #videoArea .videoPending .spinner {
    display: none;
  }
  html body .content .visualArea #videoArea video {
    display: block;
    width: 100%;
    height: auto;
  }
  html body .content .visualArea .captions {
    bottom: 33px;
  }
  html body .content .visualArea .captions .caption {
    font-size: 1.25em;
  }
  html body .content .visualArea .videoControls {
    position: static;
    height: auto;
    width: 100%;
  }
  html body .content .visualArea .videoControls .button {
    position: static;
    left: 0px;
    width: 33px;
    height: 30px;
    background-color: transparent;
    background-repeat: no-repeat;
    text-indent: -100em;
  }
  html body .content .visualArea .videoControls .button span {
    display: none;
  }
  html body .content .visualArea .videoControls .playPauseButton {
    float: left;
    background-image: url("../img/common/mobile/play_pause.png");
    background-position: 0 0;
  }
  html body .content .visualArea .videoControls .playPauseButton:hover,
  html body .content .visualArea .videoControls .playPauseButton:focus {
    background-position: 0 -30px;
  }
  html body .content .visualArea .videoControls .playPauseButton:active {
    background-position: 0 -60px;
  }
  html body .content .visualArea .videoControls .playPauseButton.paused {
    background-position: 0 -90px;
  }
  html body .content .visualArea .videoControls .playPauseButton.paused:hover,
  html body .content .visualArea .videoControls .playPauseButton.paused:focus {
    background-position: 0 -120px;
  }
  html body .content .visualArea .videoControls .playPauseButton.paused:active {
    background-position: 0 -150px;
  }
  html body .content .visualArea .videoControls .skipButton {
    position: static;
    padding: 0px;
    float: right;
    background-image: url("../img/common/mobile/skip.png");
    background-position: 0 0;
    text-indent: -1000em;
  }
  html body .content .visualArea .videoControls .skipButton:hover,
  html body .content .visualArea .videoControls .skipButton:focus {
    background-position: 0 -30px;
  }
  html body .content .visualArea .videoControls .skipButton:active {
    background-position: 0 -60px;
  }
  html body .content .visualArea .videoControls .muteUnmuteButton {
    float: right;
    background-image: url("../img/common/mobile/mute_unmute.png");
    background-position: 0 0;
  }
  html body .content .visualArea .videoControls .muteUnmuteButton:hover,
  html body .content .visualArea .videoControls .muteUnmuteButton:focus {
    background-position: 0 -30px;
  }
  html body .content .visualArea .videoControls .muteUnmuteButton:active {
    background-position: 0 -60px;
  }
  html body .content .visualArea .videoControls .muteUnmuteButton.muted {
    background-position: 0 -90px;
  }
  html body .content .visualArea .videoControls .muteUnmuteButton.muted:hover,
  html body .content .visualArea .videoControls .muteUnmuteButton.muted:focus {
    background-position: 0 -120px;
  }
  html body .content .visualArea .videoControls .muteUnmuteButton.muted:active {
    background-position: 0 -150px;
  }
  html body .content .visualArea .videoControls .transcriptButton {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    background-image: url("../img/common/mobile/transcript_on_off.png");
    background-position: 0 0;
    width: 33px;
    height: 30px;
    padding: 0;
    text-indent: -100em;
    overflow: hidden;
  }
  html body .content .visualArea .videoControls .transcriptButton:hover,
  html body .content .visualArea .videoControls .transcriptButton:focus {
    background-position: 0 -30px;
  }
  html body .content .visualArea .videoControls .transcriptButton:active {
    background-position: 0 -60px;
  }
  html body .content .visualArea .videoControls .transcriptButton.transcript {
    background-position: 0 -90px;
  }
  html body .content .visualArea .videoControls .transcriptButton.transcript:hover,
  html body .content .visualArea .videoControls .transcriptButton.transcript:focus {
    background-position: 0 -120px;
  }
  html body .content .visualArea .videoControls .transcriptButton.transcript:active {
    background-position: 0 -150px;
  }
  html body .content .visualArea .videoControls .transcriptButton.hideMute {
    top: 0;
  }
  html body .content .visualArea .videoControls .replayButton {
    position: absolute;
    top: 600px;
    left: 25px;
    background-image: url("../img/common/mobile/replay.png");
    background-repeat: no-repeat;
    padding-left: 45px;
    height: 44px;
    line-height: 44px;
    vertical-align: middle;
    color: #FFFFFF;
    font-size: 1.25em;
  }
  html body .content .visualArea .videoControls .replayButton img {
    margin-right: 20px;
  }
  html body .content .visualArea .videoControls .showCaptionsButton {
    display: block;
    padding: 0;
    float: right;
    overflow: hidden;
    width: 36px;
    background-image: url("../img/common/video_player/captions_icon.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #303139;
  }
  html body .content .visualArea .videoControls .showCaptionsButton:hover,
  html body .content .visualArea .videoControls .showCaptionsButton:focus {
    background-color: #1f2128;
  }
  html body .content .visualArea .videoControls .showCaptionsButton:active {
    background-color: #1f2128;
  }
  html body .content .visualArea .videoControls .showCaptionsButton.hideMute {
    display: none;
  }
  html body .content .visualArea .videoControls .hideCaptionsButton {
    display: block;
    padding: 0;
    float: right;
    overflow: hidden;
    width: 36px;
    background-image: url("../img/common/video_player/captions_icon.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #303139;
    background-color: #1f2128;
  }
  html body .content .visualArea .videoControls .hideCaptionsButton:hover,
  html body .content .visualArea .videoControls .hideCaptionsButton:focus {
    background-color: #1f2128;
  }
  html body .content .visualArea .videoControls .hideCaptionsButton:active {
    background-color: #1f2128;
  }
  html body .content .visualArea .videoControls .hideCaptionsButton.hideMute {
    display: none;
  }
  html body .content .visualArea .videoControls .hideCaptionsButton:hover,
  html body .content .visualArea .videoControls .hideCaptionsButton:focus {
    background-color: #303139;
  }
  html body .content .visualArea .videoControls .hideCaptionsButton:active {
    background-color: #303139;
  }
  html body .content .visualArea .videoControls .timeSlider {
    position: relative;
    left: 0px;
    right: 0px;
    width: auto;
    margin: 0 102px 0px 66px;
    height: 30px;
    background-color: #3D414C;
  }
  html body .content .visualArea .videoControls .timeSlider.hideMute {
    margin-right: 33px;
  }
  html body .content .visualArea .videoControls .timeSlider .loadBar {
    position: absolute;
    top: 8px;
    z-index: 1;
  }
  html body .content .visualArea .videoControls .timeSlider .playBar {
    position: absolute;
    top: 8px;
    z-index: 2;
  }
  html body .content .visualArea .videoArea {
    z-index: 1px;
    width: 100%;
    height: auto;
  }
  html body .contentContainer {
    padding-bottom: 50px;
  }
  html body #resources {
    z-index: 200;
    position: relative;
  }
  html body #resources.hidden {
    display: none;
  }
  html body #resources .resDimmed {
    display: none;
    position: static;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    -webkit-opacity: 0.5;
    opacity: 0.5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter: alpha(opacity=50);
    background-color: #181818;
    width: 100%;
    height: 100%;
  }
  html body #resources .resBackground {
    background-color: #dfdfdf;
    position: static;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 0px;
    margin: 0px;
  }
  html body #resources .resBackground .banner {
    margin: 0px 0px 0px 0px;
    padding: 14px 0px 13px 0px;
    background-image: none;
    background: #0078be;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0078be), color-stop(1, #0078be));
    background: -ms-linear-gradient(bottom, #0078be, #0078be);
    background: -moz-linear-gradient(center bottom, #0078be 0%, #0078be 100%);
    background: -o-linear-gradient(#0078be, #0078be);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078be', endColorstr='#0078be', GradientType=0);
    width: 100%;
    height: auto;
    min-height: 0;
  }
  html body #resources .resBackground .banner .title {
    line-height: 1;
    font-size: 1.25em;
    vertical-align: middle;
    position: relative;
    margin: 6px 0px 6px 50px;
    padding: 0px;
    width: auto;
    text-indent: -40px;
  }
  html body #resources .resBackground .banner .closeMenuButton {
    float: right;
    z-index: 202;
    position: static;
    width: 29px;
    height: 26px;
    background-image: url("../img/common/resources/close_normal.png");
    background-color: transparent;
    background-repeat: no-repeat;
    margin: 0px 25px 0px 0px;
    text-indent: -100em;
  }
  html body #resources .resBackground .banner .closeMenuButton:hover,
  html body #resources .resBackground .banner .closeMenuButton:focus {
    background-image: url("../img/common/resources/close_hover.png");
  }
  html body #resources .resBackground #resRowTop {
    padding: 0px 10px 0px 10px;
    margin: 0px;
    height: auto;
    position: static;
  }
  html body #resources .resBackground #resRowTop .resRowTopLeft {
    position: static;
    width: auto;
    margin: 18px 0px 0px 0px;
    padding: 0px;
    height: auto;
  }
  html body #resources .resBackground #resRowTop .resRowTopRight {
    position: static;
    right: auto;
    display: block;
    margin: 0px 0px 15px 0px;
    padding: 0px;
    width: auto;
  }
  html body #resources .resBackground #resRowTop .resContent {
    font-size: 1em;
    min-height: auto;
  }
  html body #resources .resBackground #resRowTop .resResources {
    font-size: 1em;
  }
  html body #resources .resBackground #resRowTop ul {
    list-style: none;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    border: 0px;
    width: 100%;
  }
  html body #resources .resBackground #resRowTop ul li {
    float: none;
    display: inline-block;
    width: 100%;
    margin: 0px 0px 5px 0px;
    padding: 0px;
  }
  html body #resources .resBackground #resRowTop ul li a {
    position: static;
    display: inline-block;
    font-family: "MyriadProSemiBold";
    color: #181818;
    background-color: #FFFFFF;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 5px 0px 8px 0px;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
  }
  html body #resources .resBackground #resRowTop ul li a.fat {
    width: 100%;
  }
  html body #resources .resBackground #resRowTop ul li a.fat img {
    margin: 16px 12px 12px 12px;
  }
  html body #resources .resBackground #resRowTop ul li a.skinny {
    width: 100%;
  }
  html body #resources .resBackground #resRowTop ul li a.skinny img {
    margin: 16px 12px 12px 12px;
  }
  html body #resources .resBackground #resRowTop ul li a img {
    float: left;
    margin: 16px 12px 12px 12px;
    width: 86px;
    height: 61px;
  }
  html body #resources .resBackground #resRowTop ul li a p {
    text-align: left;
    padding: 0;
    margin: 7px 5px 0 0;
    position: relative;
  }
  html body #resources .resBackground #resRowTop ul li a:hover,
  html body #resources .resBackground #resRowTop ul li a:focus {
    background-color: #181818;
    color: #FFFFFF;
  }
  html body #resources .resBackground #resRowTop ul li a .linkIcon {
    margin-left: 5px;
    margin-right: 10px;
    position: relative;
    height: 31px;
    width: 43px;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
  }
  html body #resources .resBackground #resRowTop ul li #content1link .linkIcon {
    background-image: url("../img/common/resources/mobile/conversation.png");
  }
  html body #resources .resBackground #resRowTop ul li #content2link .linkIcon {
    background-image: url("../img/common/resources/mobile/prepare.png");
  }
  html body #resources .resBackground #resRowTop ul li #content3link .linkIcon {
    background-image: url("../img/common/resources/mobile/handle_conversation.png");
  }
  html body #resources .resBackground #resRowTop ul li #content4link .linkIcon {
    background-image: url("../img/common/resources/mobile/emotions.png");
  }
  html body #resources .resBackground #resRowTop ul li #content5link .linkIcon {
    background-image: url("../img/common/resources/mobile/after.png");
  }
  html body #resources .resBackground #resRowTop ul li #content6link .linkIcon {
    background-image: url("../img/common/resources/mobile/door.png");
  }
  html body #resources .resBackground #resRowTop ul li #resource1link .linkIcon {
    background-image: url("../img/common/resources/mobile/conversation_plan.png");
  }
  html body #resources .resBackground #resRowTop ul li #resource2link .linkIcon {
    background-image: url("../img/common/resources/mobile/employees.png");
  }
  html body #resources .resBackground #resRowTop ul li #resLineV {
    position: static;
    width: auto;
    height: 2px;
    background-image: url("../img/common/horizontal_dashed_line.png");
    background-color: transparent;
    background-repeat: repeat-x;
    margin: 15px 0px 0px 0px;
    padding: 0px;
  }
  html body #resources .resBackground #resAccessible {
    margin: 0px 10px 20px 10px;
  }
  html body #resources .resBackground #resLineH {
    display: none;
    position: static;
    top: 256px;
    width: auto;
    height: 2px;
    background-image: url("../img/common/horizontal_dashed_line.png");
    background-color: transparent;
    background-repeat: repeat-x;
    margin: 0px 15px 15px 15px;
    padding: 0px;
  }
  html body #resources .resBackground #resRowBottom {
    position: static;
    width: auto;
    background-color: transparent;
    margin: 0px 10px 0px 10px;
    padding: 0px;
    min-height: 0;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  }
  html body #resources .resBackground #resRowBottom .resBottomTitle {
    margin: 0px 0px 15px -10px;
    padding: 0px 10px 0px 10px;
    background: #0078be;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0078be), color-stop(1, #0078be));
    background: -ms-linear-gradient(bottom, #0078be, #0078be);
    background: -moz-linear-gradient(center bottom, #0078be 0%, #0078be 100%);
    background: -o-linear-gradient(#0078be, #0078be);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078be', endColorstr='#0078be', GradientType=0);
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: 1.25em;
  }
  html body #resources .resBackground #resRowBottom ul {
    list-style: none;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    border: 0px;
  }
  html body #resources .resBackground #resRowBottom ul li {
    display: block;
    float: none;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    width: 100%;
  }
  html body #resources .resBackground #resRowBottom ul li .resourceBox {
    text-align: left;
    display: inline-block;
    color: #181818;
    background-color: #FFFFFF;
    width: 100%;
    height: auto;
    min-height: 0;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
  }
  html body #resources .resBackground #resRowBottom ul li .resourceBox .resourceBar {
    text-align: center;
  }
  html body #resources .resBackground #resRowBottom ul li .resourceBox .resourceBar .title {
    font-size: 1em;
    line-height: 1;
  }
  html body #resources .resBackground #resRowBottom ul li .resourceBox .textBox {
    float: none;
    margin: 0px;
    width: 100%;
    font-size: 1em;
    line-height: 1.125;
  }
  html body #resources .resBackground #resRowBottom ul li .resourceBox .textBox p {
    margin: 5px 5px 5px 5px;
    text-align: left;
    font-size: 1em;
    line-height: 1.125;
  }
  html body #resources .resBackground #resRowBottom ul li .resourceBox .textBox p span {
    color: #144886;
    font-family: "MyriadProSemiBold";
  }
  html body #resources .resBackground #resRowBottom ul li .resourceBox .textBox ul {
    margin-bottom: 5px;
  }
  html body #resources .resBackground #resRowBottom ul li .resourceBox .textBox ul li {
    font-size: 1em;
    line-height: 1.125;
  }
  html body #resources .resBackground #resRowBottom ul li .resourceBox div {
    float: none;
    width: auto;
  }
  html body #resources .resBackground #resFooter {
    position: static;
    margin: 0px;
    padding: 0px;
    bottom: 0px;
    width: 100%;
    height: 73px;
    background-color: #181818;
  }
  html body #resources .resBackground #resFooter .mainMenuButton {
    position: static;
    float: left;
    margin: 10px 0px 0px 10px;
    padding: 0px;
    display: block;
    background-color: #144886;
    width: 11.750em;
    height: 53px;
  }
  html body #resources .resBackground #resFooter .surveyButton {
    position: static;
    float: right;
    display: block;
    margin: 10px;
    width: 13.625em;
    max-width: 310px;
    height: 3.313em;
  }
  html body #resources .resBackground #resFooter .surveyButton p {
    position: static;
    margin: -22px 10px 0px 40px;
  }
  html body #resources .resBackground #resFooter .surveyButton img {
    position: relative;
  }
  html body #footer {
    top: auto;
    position: relative;
  }
  html body #footer .menuButton {
    z-index: auto;
    display: none;
    position: relative;
    top: auto;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 40px;
    background: none;
    color: #FFFFFF;
    line-height: auto;
    text-align: left;
    vertical-align: auto;
    background-color: #181818;
    background-color: #303139 !important;
  }
  html body #footer .menuButton .menuButtonArea {
    width: 47px;
    height: 40px;
    margin: 0px auto 0px 5px;
  }
  html body #footer .menuButton .menuButtonText {
    font-size: 1.125em;
    font-family: "MyriadProRegular";
    text-align: left;
    padding-left: 50px;
    padding-top: 0px;
    line-height: 40px;
    height: 23px;
    background-image: url("../img/common/mobile/1_menu.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
  }
  html body #footer .menuButton .menuButtonText.collapsed {
    background-color: #303139 !important;
    background-image: url("../img/common/mobile/1_menu.png");
    background-position: 0px 0px;
  }
  html body #footer .menuButton .menuButtonText.expanded {
    background-color: #1f2128 !important;
    background-image: url("../img/common/mobile/3_menu.png");
    background-position: 0px 0px;
  }
  html body #footer .menuButton .menuButtonText.maximised {
    display: none;
  }
  html body #footer .menuButton:hover .menuButtonText,
  html body #footer .menuButton:focus .menuButtonText {
    background-image: url("../img/common/mobile/3_menu.png");
  }
  html body #footer .menuButton:hover .menuButtonText.collapsed,
  html body #footer .menuButton:focus .menuButtonText.collapsed {
    background-image: url("../img/common/mobile/3_menu.png");
  }
  html body #footer .menuButton:hover .menuButtonText.expanded,
  html body #footer .menuButton:focus .menuButtonText.expanded {
    background-image: url("../img/common/mobile/1_menu.png");
  }
  html body #footer .menuButton:hover,
  html body #footer .menuButton:focus {
    background-color: #181818;
  }
  html body #footer .menuButton:active {
    background-color: #181818;
    background: none;
  }
  html body #footer .menuButton.collapsed {
    background: #303139;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #303139), color-stop(1, #303139));
    background: -ms-linear-gradient(bottom, #303139, #303139);
    background: -moz-linear-gradient(center bottom, #303139 0%, #303139 100%);
    background: -o-linear-gradient(#303139, #303139);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303139', endColorstr='#303139', GradientType=0);
    background-color: #303139 !important;
    height: 40px;
    display: block;
    top: 0px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.66);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.66);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.66);
  }
  html body #footer .menuButton.collapsed img {
    display: none;
  }
  html body #footer .menuButton.expanded {
    background: #1f2128;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1f2128), color-stop(1, #1f2128));
    background: -ms-linear-gradient(bottom, #1f2128, #1f2128);
    background: -moz-linear-gradient(center bottom, #1f2128 0%, #1f2128 100%);
    background: -o-linear-gradient(#1f2128, #1f2128);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f2128', endColorstr='#1f2128', GradientType=0);
    background-color: #1f2128 !important;
    height: 40px;
    display: block;
    top: auto;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.66);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.66);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.66);
  }
  html body #footer .menuButton.expanded img {
    position: relative;
    display: block;
  }
  html body #footer .menuButton.maximised {
    display: none;
  }
  html body #footer ul {
    z-index: auto;
    position: relative;
    display: block;
    top: auto;
    border: 0px;
    background-color: #bec6c5;
    background-image: none;
    width: 100%;
    height: auto;
    min-height: 0;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }
  html body #footer ul.collapsed {
    display: none;
    top: auto;
    border: 0px;
  }
  html body #footer ul.expanded {
    display: block;
    top: auto;
    border-top: 0px solid #181818;
  }
  html body #footer ul li {
    float: none;
    display: block;
    margin: 0px 0px 0px 0px;
    width: 100% !important;
    height: auto;
    margin: 0px 0px 5px 0px;
    padding: 0px;
  }
  html body #footer ul li .footerTick {
    top: 41px;
    left: 59px;
  }
  html body #footer ul li .resourcesBG {
    display: block;
    width: 100%;
    height: 44px;
    margin: 0px 0px 0px 0px;
    background: #d44000;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d44000), color-stop(1, #d44000));
    background: -ms-linear-gradient(bottom, #d44000, #d44000);
    background: -moz-linear-gradient(center bottom, #d44000 0%, #d44000 100%);
    background: -o-linear-gradient(#d44000, #d44000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d44000', endColorstr='#d44000', GradientType=0);
  }
  html body #footer ul li a {
    display: block;
    font-size: 0.975em;
    line-height: 1;
    font-family: "MyriadProRegular";
    color: #181818;
    background-color: #FFFFFF;
    min-height: 81px;
    width: 100%;
    padding: 5px 0px 5px 0px;
    overflow: hidden;
  }
  html body #footer ul li a .imgArea {
    overflow: hidden;
    margin: 0px 5px 0px 5px;
    width: 98px;
  }
  html body #footer ul li a .imgArea img {
    float: none;
    width: 197px;
    min-width: 197px;
    height: 81px;
    margin: 0px 0px 0px -49px;
    padding: 0px;
  }
  html body #footer ul li a p {
    float: none;
    text-align: left;
    padding-left: 106px;
    margin: -81px 8px 0px 3px;
  }
  html body #footer ul li a:hover,
  html body #footer ul li a:focus {
    background-color: #181818;
    color: #FFFFFF;
  }
  html body #footer ul li a.selected {
    background-color: #181818;
    color: #FFFFFF;
  }
  html body #footer ul li a#resourcesLink {
    margin: 7px 0px 0px 0px;
    background-image: url("../img/common/mobile/links_resources_book.png");
    background-position: 13px 10px;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 0px;
    height: 45px !important;
    padding: 0px 0px 0px 0px;
    font-size: 1.125em;
    font-family: "MyriadProRegular";
  }
  html body #footer ul li a#resourcesLink:hover,
  html body #footer ul li a#resourcesLink:focus {
    background-image: url("../img/common/mobile/links_resources_book.png");
    background-color: #e66700;
    background-position: 13px 10px;
  }
  html body #footer ul li a#resourcesLink:hover p,
  html body #footer ul li a#resourcesLink:focus p {
    background-color: transparent;
  }
  html body #footer ul li a#resourcesLink:active {
    background-image: url("../img/common/mobile/links_resources_book.png");
    background-position: 13px 10px;
  }
  html body #footer ul li a#resourcesLink:active p {
    background-color: transparent;
  }
  html body #footer ul li a#resourcesLink p {
    background-color: transparent;
    text-align: left;
    line-height: 45px;
    margin: 0px;
    padding-left: 55px;
    color: #000000;
  }
  html body #footer ul li #resourceLine {
    display: none;
  }
  html body .tips {
    position: relative;
    display: block;
  }
  html body .tips .hidden {
    display: none;
  }
  html body .tips .tipsButtonArea {
    width: 100%;
    height: 39px;
    margin: 0px auto 0px 0px;
  }
  html body .tips .tipsButtonArea.expanded {
    background-color: #1f2128;
  }
  html body .tips .tipsButtonArea.collapsed {
    background-color: #303139;
  }
  html body .tips .tipsButton {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    height: 38px;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 1.125em;
    font-family: "MyriadProRegular";
    line-height: 39px;
    background-image: url("../img/common/mobile/1_tips.png");
    background-position: 6px 0px;
    text-indent: 56px;
  }
  html body .tips .tipsButton:hover,
  html body .tips .tipsButton:focus {
    background-image: url("../img/common/mobile/3_tips.png");
    background-position: 6px 0px;
  }
  html body .tips .tipsButton:active {
    background-image: url("../img/common/mobile/2_tips.png");
    background-position: 6px 0px;
  }
  html body .tips .tipsButton.expanded {
    background-image: url("../img/common/mobile/3_tips.png");
    background-position: 6px 0px;
  }
  html body .tips .tipsButton.expanded:hover,
  html body .tips .tipsButton.expanded:focus {
    background-image: url("../img/common/mobile/1_tips.png");
    background-position: 6px 0px;
  }
  html body .tips .tipsButton.collapsed {
    background-image: url("../img/common/mobile/1_tips.png");
    background-position: 6px 0px;
  }
  html body .tips .tipsButton.collapsed:hover,
  html body .tips .tipsButton.collapsed:focus {
    background-image: url("../img/common/mobile/3_tips.png");
    background-position: 6px 0px;
  }
  html body .tips .tipsArea {
    position: relative;
    background-color: #f0efea;
    color: #343436;
    top: auto;
    left: auto;
    width: 100%;
    padding: 0px 0px 50px 0px;
    display: block;
  }
  html body .tips .tipsArea .closeButton {
    display: none;
  }
  html body .tips .tipsArea h1 {
    margin: 0px 0px 30px 0px;
    padding: 10px 10px 10px 10px;
  }
  html body .tips .tipsArea h2 {
    margin: 0px 10px 25px 10px;
  }
  html body .tips .tipsArea .tipArea {
    margin: 0 10px 0 30px;
  }
  html body .tips .tipsArea .tipArea .tipitem .tipHeading {
    display: block;
    width: auto;
  }
  html body .tips .tipsArea .tipArea .tipitem .tipContent {
    width: auto;
  }
  html body #accessible {
    min-height: 0px;
  }
  html body #accessible .content #accLineH {
    width: 100%;
  }
  html body #accessible .content ul {
    list-style: none;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    border: 0px;
    width: 100%;
  }
  html body #accessible .content ul li {
    float: none;
    display: inline-block;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0px 0px 5px 0px;
    padding: 0px;
  }
  html body #accessible .content ul li a {
    position: static;
    display: inline-block;
    font-family: "MyriadProSemiBold";
    color: #181818;
    background-color: #FFFFFF;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 5px 5px 8px 5px;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
  }
  html body #accessible .content ul li a.fat {
    width: 100%;
  }
  html body #accessible .content ul li a.fat img {
    margin: 16px 12px 12px 12px;
  }
  html body #accessible .content ul li a.skinny {
    width: 100%;
  }
  html body #accessible .content ul li a.skinny img {
    margin: 16px 12px 12px 12px;
  }
  html body #accessible .content ul li a img {
    float: left;
    margin: 16px 12px 12px 12px;
    width: 86px;
    height: 61px;
  }
  html body #accessible .content ul li a p {
    text-align: left;
    padding: 0;
    margin: 7px 0 0 0;
    position: relative;
  }
  html body #accessible .content ul li a:hover,
  html body #accessible .content ul li a:focus {
    background-color: #181818;
    color: #FFFFFF;
  }
  html body #accessible .content ul li a .linkIcon {
    margin-right: 10px;
    position: relative;
    height: 31px;
    width: 43px;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
  }
  html body #accessible .content ul li #content1link .linkIcon {
    background-image: url("../img/common/resources/mobile/conversation.png");
  }
  html body #accessible .content ul li #content2link .linkIcon {
    background-image: url("../img/common/resources/mobile/prepare.png");
  }
  html body #accessible .content ul li #content3link .linkIcon {
    background-image: url("../img/common/resources/mobile/handle_conversation.png");
  }
  html body #accessible .content ul li #content4link .linkIcon {
    background-image: url("../img/common/resources/mobile/emotions.png");
  }
  html body #accessible .content ul li #content5link .linkIcon {
    background-image: url("../img/common/resources/mobile/after.png");
  }
  html body #accessible .content ul li #content6link .linkIcon {
    background-image: url("../img/common/resources/mobile/door.png");
  }
  html body #accessible .content ul li #resource1link .linkIcon {
    background-image: url("../img/common/resources/mobile/conversation_plan.png");
  }
  html body #accessible .content ul li #resource2link .linkIcon {
    background-image: url("../img/common/resources/mobile/employees.png");
  }
}
@media (min-width: 1024px) and (max-height: 550px) {
  html body #modalTranscript {
    margin-top: -248px;
  }
  html body #modalTranscript .modal-body {
    max-height: 360px;
  }
}
@media (min-width: 1024px) and (max-height: 500px) {
  html body #modalTranscript {
    margin-top: -224px;
  }
  html body #modalTranscript .modal-body {
    max-height: 310px;
  }
}
@media (min-width: 1024px) and (max-height: 450px) {
  html body #modalTranscript {
    margin-top: -198px;
  }
  html body #modalTranscript .modal-body {
    max-height: 260px;
  }
}
@media (min-width: 1024px) and (max-height: 400px) {
  html body #modalTranscript {
    margin-top: -173px;
  }
  html body #modalTranscript .modal-body {
    max-height: 210px;
  }
}
@media (min-width: 1024px) and (max-height: 350px) {
  html body #modalTranscript {
    margin-top: -148px;
  }
  html body #modalTranscript .modal-body {
    max-height: 160px;
  }
}
@media (min-width: 1024px) and (max-height: 300px) {
  html body #modalTranscript {
    margin-top: -123px;
  }
  html body #modalTranscript .modal-body {
    max-height: 110px;
  }
}
@media (min-width: 1024px) and (max-height: 250px) {
  html body #modalTranscript {
    margin-top: -98px;
  }
  html body #modalTranscript .modal-body {
    max-height: 60px;
  }
}
@media (min-width: 1024px) and (max-height: 200px) {
  html body #modalTranscript {
    margin-top: -83px;
  }
  html body #modalTranscript .modal-body {
    max-height: 30px;
  }
}
@media (max-width: 1023px) and (max-height: 550px) {
  html body #modalTranscript {
    margin-top: -249px;
  }
  html body #modalTranscript .modal-body {
    max-height: 360px;
  }
}
@media (max-width: 1023px) and (max-height: 500px) {
  html body #modalTranscript {
    margin-top: -223px;
  }
  html body #modalTranscript .modal-body {
    max-height: 310px;
  }
}
@media (max-width: 1023px) and (max-height: 450px) {
  html body #modalTranscript {
    margin-top: -198px;
  }
  html body #modalTranscript .modal-body {
    max-height: 260px;
  }
}
@media (max-width: 1023px) and (max-height: 400px) {
  html body #modalTranscript {
    margin-top: -173px;
  }
  html body #modalTranscript .modal-body {
    max-height: 210px;
  }
}
@media (max-width: 1023px) and (max-height: 350px) {
  html body #modalTranscript {
    margin-top: -149px;
  }
  html body #modalTranscript .modal-body {
    max-height: 160px;
  }
}
@media (max-width: 1023px) and (max-height: 300px) {
  html body #modalTranscript {
    margin-top: -124px;
  }
  html body #modalTranscript .modal-body {
    max-height: 110px;
  }
}
@media (max-width: 1023px) and (max-height: 250px) {
  html body #modalTranscript {
    margin-top: -98px;
  }
  html body #modalTranscript .modal-body {
    max-height: 60px;
  }
}
@media (max-width: 1023px) and (max-height: 200px) {
  html body #modalTranscript {
    margin-top: -83px;
  }
  html body #modalTranscript .modal-body {
    max-height: 30px;
  }
}
@media (max-width: 767px) {
  html body #modalTranscript {
    margin-top: 0px;
  }
}
/* fonts */
@font-face {
  font-family: 'MyriadProRegular';
  src: url('../fonts/myriad-regular.eot');
  src: url('../fonts/myriad-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-regular.woff') format('woff'), url('../fonts/myriadpro-regular.ttf') format('truetype'), url('../fonts/myriadpro-regular.svg#MyriadProRegular') format('svg');
}
@font-face {
  font-family: 'MyriadProBold';
  src: url('../fonts/myriadpro-bold-webfont.eot');
  src: url('../fonts/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-bold.woff') format('woff'), url('../fonts/myriadpro-bold.ttf') format('truetype'), url('../fonts/myriadpro-bold.svg#MyriadProBold') format('svg');
}
@font-face {
  font-family: 'MyriadProSemibold';
  src: url('../fonts/myriadpro-semibold-webfont.eot');
  src: url('../fonts/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-semibold.woff') format('woff'), url('../fonts/myriadpro-semibold.ttf') format('truetype'), url('../fonts/myriadpro-semibold.svg#MyriadProSemibold') format('svg');
}