/* Reset.less
 * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here	that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
 * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
html,
body {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol,
ul {
  list-style: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
html {
  overflow-y: auto;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
  *overflow: visible;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
.videoControls {
  position: static;
  height: auto;
  top: 0;
  width: 100%;
  /*.skipButton{
		position: static;
		padding: 0px;
		float: right;
		background-image: url("../images/video_player/mobile/skip.png");
		background-position: 0 0;

		&:hover, &:focus{
			background-position: 0 -30px;
		}

		&:active{
			background-position: 0 -60px;
		}
		text-indent: -1000em;
	}

	.muteButton{
		float: right;
		top: 114px;

		background-image: url("../images/video_player/mobile/mute_unmute.png");
		background-position: 0 0;

		&:hover, &:focus{
			background-position: 0 -30px;
		}

		&:active{
			background-position: 0 -60px;
		}
	}

	.unmuteButton{
		float: right;
		top: 114px;

		background-image: url("../images/video_player/mobile/mute_unmute.png");
		background-position: 0 -90px;

		&:hover, &:focus{
			background-position: 0 -120px;
		}

		&:active{
			background-position: 0 -150px;
		}
	}

	.transcriptButton{
		position: relative;

		top:0;
		left:0;

		float: left;

		background-image: url("../images/video_player/mobile/transcript_on_off.png");
		background-position: 0 0;

		width: 33px;
		height: 30px;

		padding:0;
		text-indent: -100em;
		overflow: hidden;

		&:hover, &:focus{
			background-position: 0 -30px;
		}
		&:active{
			background-position: 0 -60px;
		}
		&.transcript{
			background-position: 0 -90px;
		}
		&.transcript:hover, &.transcript:focus{
			background-position: 0 -120px;
		}
		&.transcript:active{
			background-position: 0 -150px;
		}
		&.hideMute{
			top:0;
		}
	}
*/
}
.videoControls .butn {
  position: static;
  left: 0px;
  width: 33px;
  height: 30px;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-indent: -100em;
  padding: 0;
  margin: 0;
}
.videoControls .butn span {
  display: none;
}
.videoControls .pauseButton {
  top: 17px;
  float: left;
  background-image: url("../images/video_player/mobile/play_pause.png");
  background-position: 0 0;
  /*&:active{
			background-position: 0 -60px;
		}*/
}
.videoControls .pauseButton:hover,
.videoControls .pauseButton:focus,
.videoControls .pauseButton:active {
  background-position: 0 -30px;
}
.videoControls .playButton {
  top: 17px;
  float: left;
  background-image: url("../images/video_player/mobile/play_pause.png");
  background-position: 0 -60px;
  /*&:active{
			background-position: 0 -150px;
		}*/
}
.videoControls .playButton:hover,
.videoControls .playButton:focus,
.videoControls .playButton:active {
  background-position: 0 -90px;
}
.videoControls .muteButton {
  position: relative;
  top: 0;
  left: 0;
  float: left;
  background-image: url("../images/video_player/mobile/mute_unmute.png");
  background-position: 0 0;
  /*&:active{
			background-position: 0 -60px;
		}*/
}
.videoControls .muteButton:hover,
.videoControls .muteButton:focus,
.videoControls .muteButton:active {
  background-position: 0 -30px;
}
.videoControls .unmuteButton {
  position: relative;
  top: 0;
  left: 0;
  float: left;
  background-image: url("../images/video_player/mobile/mute_unmute.png");
  background-position: 0 -60px;
  /*&:active{
			background-position: 0 -150px;
		}*/
}
.videoControls .unmuteButton:hover,
.videoControls .unmuteButton:focus,
.videoControls .unmuteButton:active {
  background-position: 0 -90px;
}
.videoControls .showCaptionsButton {
  display: block;
  position: absolute;
  left: auto;
  right: 76px;
  overflow: hidden;
  width: 33px;
  background-image: url("../images/video_player/mobile/caption.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  /*background-position: center center;*/
  background-color: #303139;
  /*&:hover, &:focus, &:active{
			//background-position: 0 -30px;
			background-color: #1f2128;
		}*/
  /*&:active{
			//background-position: 0 -60px;
			background-color: #1f2128;
		}*/
}
.videoControls .showCaptionsButton:hover {
  background-position: 0 -60px;
}
.videoControls .showCaptionsButton:focus {
  background-position: 0 -60px;
}
.videoControls .showCaptionsButton:active {
  background-position: 0 -60px;
}
.videoControls .hideCaptionsButton {
  display: block;
  position: absolute;
  left: auto;
  right: 76px;
  overflow: hidden;
  width: 33px;
  background-image: url("../images/video_player/mobile/caption.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  /*background-position: center center;*/
  background-color: #303139;
  /*&:hover, &:focus, &:active{
			//background-position: 0 -30px;
			background-color: #1f2128;
		}*/
  /*&:active{
			//background-position: 0 -60px;
			background-color: #1f2128;
		}*/
  background-color: #1f2128;
  /*&:active{
			//background-position: 0 -60px;
			background-color: #303139;
		}*/
}
.videoControls .hideCaptionsButton:hover {
  background-position: 0 -60px;
}
.videoControls .hideCaptionsButton:focus {
  background-position: 0 -60px;
}
.videoControls .hideCaptionsButton:active {
  background-position: 0 -60px;
}
.videoControls .hideCaptionsButton:hover,
.videoControls .hideCaptionsButton:focus,
.videoControls .hideCaptionsButton:active {
  background-color: #303139;
}
.videoControls .smallSkipButton {
  display: block;
  float: right;
  top: 114px;
  background-image: url("../images/video_player/mobile/skip_button.png");
  background-repeat: no-repeat;
  text-indent: -10em;
  overflow: hidden;
  background-color: #303139;
  padding: 0 5px 0 5px;
  line-height: 30px;
  color: transparent;
}
.videoControls .smallSkipButton:hover,
.videoControls .smallSkipButton:focus {
  background-color: #1f2128;
}
.videoControls .smallSkipButton:active {
  background-color: #1f2128;
}
.videoControls .skipButton {
  display: none;
}
.videoControls .transcriptButton {
  position: static;
  padding: 0px;
  float: right;
  background-image: url("../images/video_player/mobile/transcript_on_off.png");
  background-position: 0 0;
  width: 33px;
  height: 30px;
  padding: 0;
  text-indent: -100em;
  overflow: hidden;
}
.videoControls .transcriptButton:hover {
  background-position: 0 -60px;
}
.videoControls .transcriptButton:focus {
  background-position: 0 -60px;
}
.videoControls .transcriptButton:active {
  background-position: 0 -60px;
}
.videoControls .transcriptButton.transcript {
  background-position: 0 -90px;
}
.videoControls .transcriptButton.transcript:hover,
.videoControls .transcriptButton.transcript:focus {
  background-position: 0 -120px;
}
.videoControls .transcriptButton.transcript:active {
  background-position: 0 -150px;
}
.videoControls .transcriptButton.hideMute {
  top: 0;
}
.videoControls .replayButton {
  position: absolute;
  top: 600px;
  left: 32px;
  background-image: url("../images/video_player/mobile/replay.png");
  background-repeat: no-repeat;
  padding-left: 45px;
  height: 44px;
  line-height: 44px;
  vertical-align: middle;
  color: #FFFFFF;
  font-size: 20px;
}
.videoControls .replayButton img {
  margin-right: 20px;
}
.videoControls .mediaSlider {
  position: relative;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: auto;
  height: 30px;
  margin: 0 109px 0px 66px;
  background-color: #3D414C;
  cursor: pointer;
}
.videoControls .mediaSlider.hideMute {
  margin-right: 33px;
}
.videoControls .mediaSlider .bufferBar {
  /*.gradient(@blueMidTop, @blueMidTop, @blueMidBottom);*/
  background-color: #fab31a;
  height: 13px;
  position: absolute;
  top: 8px;
  left: 0px;
  z-index: 1;
}
.videoControls .mediaSlider .playBar {
  /*.gradient(@blueLightTop, @blueLightTop, @blueLightBottom);*/
  background-color: #23c0db;
  /*background-image: url("../images/video_player/video_played.png");*/
  height: 13px;
  position: absolute;
  top: 8px;
  left: 0px;
  z-index: 2;
}
.videoControls .iosfix {
  margin: 0 76px 0px 33px;
}
@media (max-width: 768px) {
  .videoControls {
    position: absolute;
    top: auto;
    bottom: 0;
    height: auto;
  }
}
@media (min-width: 1024px) and (min-height: 768px) {
  .videoControls {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .videoControls .butn {
    position: absolute;
    left: 32px;
    width: 87px;
    height: 87px;
    background-color: transparent;
    background-repeat: no-repeat;
    text-indent: -100em;
    padding: 0;
  }
  .videoControls .butn span {
    display: none;
  }
  .videoControls .pauseButton {
    top: 17px;
    background-image: url("../images/video_player/pause_button.png");
    background-position: 0;
  }
  .videoControls .pauseButton:hover {
    background-image: url("../images/video_player/pause_button_hover.png");
    background-position: 0;
  }
  .videoControls .pauseButton:focus {
    background-image: url("../images/video_player/pause_button_focus.png");
    background-position: 0;
  }
  .videoControls .pauseButton:active {
    background-position: 0;
  }
  .videoControls .playButton {
    top: 17px;
    background-image: url("../images/video_player/play_button.png");
    background-position: 0;
  }
  .videoControls .playButton:hover {
    background-image: url("../images/video_player/play_button_hover.png");
    background-position: 0;
  }
  .videoControls .playButton:focus {
    background-image: url("../images/video_player/play_button_focus.png");
    background-position: 0;
  }
  .videoControls .playButton:active {
    background-position: 0;
  }
  .videoControls .muteButton {
    top: 124px;
    background-image: url("../images/video_player/sound_on.png");
    background-position: 0;
  }
  .videoControls .muteButton:hover {
    background-image: url("../images/video_player/sound_on_hover.png");
    background-position: 0;
  }
  .videoControls .muteButton:focus {
    background-image: url("../images/video_player/sound_on_focus.png");
    background-position: 0;
  }
  .videoControls .muteButton:active {
    background-position: 0;
  }
  .videoControls .unmuteButton {
    top: 124px;
    background-image: url("../images/video_player/sound_off.png");
    background-position: 0;
  }
  .videoControls .unmuteButton:hover {
    background-image: url("../images/video_player/sound_off_hover.png");
    background-position: 0;
  }
  .videoControls .unmuteButton:focus {
    background-image: url("../images/video_player/sound_off_focus.png");
    background-position: 0;
  }
  .videoControls .unmuteButton:active {
    background-position: 0;
  }
  .videoControls .transcriptButton {
    position: absolute;
    padding: 5px 9px 2px 9px;
    top: 274px;
    left: 25px;
    background: transparent;
    background-image: url("../images/video_player/black_opacity.png");
    color: #FFFFFF;
    width: auto;
    height: auto;
    text-align: center;
    text-indent: 0;
    text-transform: uppercase;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
  }
  .videoControls .transcriptButton:hover,
  .videoControls .transcriptButton:focus {
    background-color: #42424b;
  }
  .videoControls .transcriptButton.mobile-fix {
    top: 210px;
  }
  .videoControls .skipButton {
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 10px 32px;
    text-indent: 0;
    font-size: 1.25em;
    line-height: 1;
    text-align: right;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #373737;
    background-image: url("../images/button_shadow.png");
    background-repeat: no-repeat;
    background-position: 0 center;
    /*&.mobile-fix{
				top: 253px;
			}*/
  }
  .videoControls .skipButton:after {
    content: "";
    width: 7px;
    height: 10px;
    display: inline-block;
    margin-left: 10px;
    background-image: url("../images/button_right_arrow.png");
    background-repeat: no-repeat;
    vertical-align: middle;
  }
  .videoControls .skipButton:hover,
  .videoControls .skipButton:focus {
    color: #fab31a;
  }
  .videoControls .skipButton:hover:after,
  .videoControls .skipButton:focus:after {
    background-image: url("../images/button_right_arrow_hover.png");
  }
  .videoControls .smallSkipButton {
    display: none;
  }
  .videoControls .replayButton {
    position: absolute;
    top: 600px;
    left: 32px;
    background-image: url("../images/video_player/replay.png");
    background-repeat: no-repeat;
    padding-left: 45px;
    height: 44px;
    line-height: 44px;
    vertical-align: middle;
    color: #FFFFFF;
    font-size: 20px;
  }
  .videoControls .replayButton img {
    margin-right: 20px;
  }
  .videoControls .showCaptionsButton {
    position: absolute;
    padding: 5px 9px 2px 9px;
    top: 231px;
    left: 9px;
    right: auto;
    background: transparent;
    background-image: url("../images/video_player/black_opacity.png");
    color: #FFFFFF;
    text-align: center;
    text-indent: 0;
    height: auto;
    width: auto;
    text-transform: uppercase;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
  }
  .videoControls .showCaptionsButton:hover,
  .videoControls .showCaptionsButton:focus {
    background-color: #42424b;
  }
  .videoControls .showCaptionsButton.hideMute {
    top: 157px;
  }
  .videoControls .hideCaptionsButton {
    position: absolute;
    padding: 5px 9px 2px 9px;
    top: 231px;
    left: 9px;
    right: auto;
    background: transparent;
    background-image: url("../images/video_player/black_opacity.png");
    color: #FFFFFF;
    text-align: center;
    text-indent: 0;
    height: auto;
    width: auto;
    text-transform: uppercase;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    left: 14px;
  }
  .videoControls .hideCaptionsButton:hover,
  .videoControls .hideCaptionsButton:focus {
    background-color: #42424b;
  }
  .videoControls .hideCaptionsButton.hideMute {
    top: 157px;
  }
  .videoControls .mediaSlider {
    height: 9px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 0;
  }
  .videoControls .mediaSlider .bufferBar {
    height: 9px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    cursor: pointer;
  }
  .videoControls .mediaSlider .playBar {
    /*background-image: url("../images/video_player/video_played.png");*/
    height: 9px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
  }
}
html {
  height: 100%\9;
}
html body {
  width: 100%;
  height: 100%;
  font-size: 100%;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  background-repeat: repeat-x;
  background-position: center 0;
  background-color: #184856;
  min-height: 100%\9;
  font-family: 'myriadproregular', Arial;
  color: #4b4b4b;
  background-image: url("../images/bg.jpg");
  /*legend{
			color: @grey;
		}

		h1{
			font-family: "varela_roundregular", Arial;
			font-weight: bold;
			span{
				font-weight: bold;
			}
			text-transform: uppercase;
		}

		h2{
			font-family: "varela_roundregular", Arial;
			font-weight: bold;
			span{
				font-weight: bold;
			}
		}

		h3{
			font-family: "varela_roundregular", Arial;
			font-weight: bold;
		}

		h4{
			font-family: "varela_roundregular", Arial;
			font-weight: bold;
		}*/
}
html body [ng\:cloak],
html body [ng-cloak],
html body [data-ng-cloak],
html body [x-ng-cloak],
html body .ng-cloak,
html body .x-ng-cloak {
  display: none !important;
}
html body .hiddenVideo {
  width: 1px;
  height: 1px;
  overflow: hidden;
}
html body .screen-reader-text {
  position: absolute;
  display: block;
  width: 1px;
  height: 1px;
  text-indent: -99em;
  overflow: hidden;
}
html body #maincontent {
  display: block;
  width: 0;
  height: 0;
  text-indent: -99em;
  overflow: hidden;
}
html body #skiptocontent a {
  background: #FFFFFF;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #E4E4E4));
  background: -ms-linear-gradient(bottom, #FFFFFF, #E4E4E4);
  background: -moz-linear-gradient(center bottom, #FFFFFF 0%, #E4E4E4 100%);
  background: -o-linear-gradient(#E4E4E4, #FFFFFF);
  position: absolute;
  top: -2.1em;
  left: 0;
  z-index: 3;
  height: auto;
  color: #016B78;
  display: block;
  border-bottom: 0;
  overflow: hidden;
  padding: 0.375em;
  text-decoration: underline;
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
}
html body #skiptocontent a:focus {
  top: 0;
}
html body a:focus {
  outline: #1D1E1E dotted thistle;
}
html body a {
  text-decoration: none;
}
html body .mobile-only {
  display: none;
}
html body .mobile-device-only {
  display: none;
}
html body .tablet-only {
  display: none;
}
html body .employee-description {
  margin-bottom: 1.5em;
}
html body .clear {
  clear: both;
}
html body .highlight {
  font-family: "oxygenbold", Arial;
}
html body .modal-body {
  line-height: 1.25em;
}
html body .tooltip {
  font-size: 0.875em;
  z-index: 9;
}
html body .fa {
  display: inline;
  font-family: "FontAwesome", Arial !important;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html body .fa-question-circle:before {
  content: "\f059";
  font-size: 0.75em;
  vertical-align: super;
  margin-left: 1px;
}
html body .glossaryLink {
  color: #434648 !important;
  line-height: 1.5em;
  font-family: 'myriadprosemibold', Arial;
  text-decoration: none;
  display: inline-block !important;
  border-bottom: 0 !important;
}
html body .glossaryLink span {
  border-bottom: 1px dashed #434648;
}
html body .glossaryLink:hover,
html body .glossaryLink:focus {
  text-decoration: none !important;
  border-bottom: 0 !important;
}
html body .glossaryLink:hover span,
html body .glossaryLink:focus span {
  border-bottom: 1px solid #434648;
}
html body div .grid .row {
  width: 100%;
  clear: both;
  /*&.last-row{
						margin-bottom: 0;
					}*/
}
html body div .grid .row .col {
  padding: 0;
  float: left;
  margin-left: 2.9296875%;
}
html body div .grid .row .col:first-child {
  margin-left: 0;
}
html body div .grid .row .col.span1 {
  width: 5.64778646%;
}
html body div .grid .row .col.span2 {
  width: 14.22526042%;
}
html body div .grid .row .col.span3 {
  width: 22.80273438%;
}
html body div .grid .row .col.span3.planStep2LastCol {
  margin-bottom: 40px;
}
html body div .grid .row .col.span4 {
  width: 31.38020833%;
}
html body div .grid .row .col.span5 {
  width: 39.95768229%;
}
html body div .grid .row .col.span6 {
  width: 48.53515625%;
}
html body div .grid .row .col.span6.informationPanel {
  position: relative;
}
html body div .grid .row .col.span7 {
  width: 57.11263021%;
}
html body div .grid .row .col.span8 {
  width: 65.69010417%;
}
html body div .grid .row .col.span9 {
  width: 74.26757813%;
}
html body div .grid .row .col.span10 {
  width: 82.84505208%;
}
html body div .grid .row .col.span11 {
  width: 91.42252604%;
}
html body div .grid .row .col.span12 {
  width: 100%;
}
html body div .grid .row .col.span12.two-column-form ul li {
  width: 48.53515625%;
}
html body div .grid .row .col.span12.two-column-form ul li.left {
  float: left;
}
html body div .grid .row .col.span12.two-column-form ul li.leftUp {
  float: left;
  top: -3.125em;
}
html body div .grid .row .col.span12.two-column-form ul li.right {
  float: right;
}
html body .initializing {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
}
html body .initializing img {
  margin-top: 20%;
}
html body .initializing p {
  display: block;
  margin: auto;
  margin-top: 25px;
  color: white;
  text-align: center;
}
html body .introMobileNav {
  display: none;
}
html body .toolkitPanel {
  z-index: 20;
  position: absolute;
  left: 0;
  width: 100%;
  height: auto;
  background-color: transparent;
  color: #FFFFFF;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
html body .toolkitPanel.toolkitPanel-locked {
  overflow: visible;
}
html body .toolkitPanel .topPanelContent {
  padding-top: 40px;
  max-width: 1024px;
  margin: auto;
  min-height: 304px;
  background-image: url("../images/toolkit.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-color: #242526;
}
html body .toolkitPanel a {
  border-bottom: 1px solid #016B78;
}
html body .toolkitPanel a:hover,
html body .toolkitPanel a:focus {
  border-bottom: 1px dashed #016B78;
}
html body .toolkitPanel h2 {
  font-size: 1.875em;
  padding: 0 24px 38px 24px;
  width: auto;
}
html body .toolkitPanel p {
  width: 50%;
  line-height: 1.5em;
  color: #FFFFFF;
  padding-left: 29px;
  padding-bottom: 1em;
}
html body .toolkitPanel p:last-child {
  padding-bottom: 0em;
}
html body .toolkitPanel a {
  display: block;
  padding: 1em 3em 1em 0em;
  margin-left: 29px;
  border-top: 1px dashed #434648;
  color: #FFFFFF;
  text-transform: uppercase;
  position: relative;
  border-bottom: 1px solid #FFFFFF;
}
html body .toolkitPanel a:hover,
html body .toolkitPanel a:focus {
  border-bottom: 1px dashed #FFFFFF;
}
html body .toolkitPanel a.hireRTF {
  border-top: none;
}
html body .toolkitPanel a.survey {
  border: none;
  padding: 0.5em 1em 0.5em 0em;
  width: 7.5em;
  font-weight: normal;
  font-family: "oxygenbold", Arial;
}
html body .toolkitPanel a.survey span {
  border-bottom: 1px solid #FFFFFF;
}
html body .toolkitPanel a.survey:hover span,
html body .toolkitPanel a.survey:focus span {
  border-bottom: 1px dashed #FFFFFF;
}
html body .toolkitPanel .textExtraLink {
  font-family: "oxygenbold", Arial;
}
html body .toolkitPanel .textExtraLink a {
  display: inline;
  margin: 0;
  border: none;
  padding: 0;
  border-bottom: 1px solid white;
}
html body .toolkitPanel .textExtraLink a:after {
  display: none;
}
html body .toolkitPanel .textExtraLink a:hover,
html body .toolkitPanel .textExtraLink a:focus {
  border-bottom: 1px dashed white;
}
html body .toolkitPanel .textExtraLink .iconHolder {
  position: relative;
  display: inline;
}
html body .toolkitPanel .textExtraLink .iconHolder:after {
  content: " ";
  width: 28px;
  height: 27px;
  display: block;
  background-image: url("../images/icon_cloud.png");
  position: absolute;
  top: 0;
  left: 5px;
}
html body .toolkitPanel .toolkitClose {
  padding: 0.5em 2em 0.5em 0.5em;
  background-image: url("../images/toolkit_close_small.png");
  background-repeat: no-repeat;
  background-position: 90% center;
  background-color: #E1A31C;
  position: absolute;
  right: 50%;
  margin-right: -485px;
  top: 1em;
  border: none;
  font-size: 0.875em;
  width: 3.2em;
  border-bottom: 0;
  font-family: "oxygenbold", Arial;
}
html body .toolkitPanel .toolkitClose:hover,
html body .toolkitPanel .toolkitClose:focus {
  border-bottom: 0;
  background-color: #C9921E;
}
html body .toolkitPanel .downloadsHeading {
  background-color: #FAB31B;
  padding-left: 29px;
  padding-right: 0;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  font-size: 1.5em;
  font-weight: bold;
  max-width: 995px;
  margin: auto;
  color: #434648;
  position: relative;
}
html body .toolkitPanel .externalLinksHeading {
  background-color: #FAB31B;
  padding-left: 29px;
  padding-right: 0;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  font-size: 1.5em;
  font-weight: bold;
  max-width: 995px;
  margin: auto;
  color: #434648;
  position: relative;
  margin-top: 10px;
  margin-top: 0;
}
html body .toolkitPanel .externalLinksHeading .text:after {
  background-image: url("../images/icon_globe.png");
  width: 33px;
  height: 33px;
  top: 0;
}
html body .toolkitPanel .listContainer {
  width: 100%;
  background-color: #FFFFFF;
  padding-bottom: 16px;
  max-width: 1024px;
  margin: auto;
}
html body .toolkitPanel .listContainer .left {
  float: left;
}
html body .toolkitPanel .listContainer .right {
  float: right;
}
html body .toolkitPanel .listContainer .clear {
  clear: both;
}
html body .toolkitPanel .listHolder {
  max-width: 1024px;
  margin: auto;
}
html body .toolkitPanel .listHolder.extralistHolder {
  color: #434648;
}
html body .toolkitPanel .listHolder.extralistHolder p {
  width: auto;
  color: #434648;
}
html body .toolkitPanel .listHolder.extralistHolder ul {
  color: #434648;
  list-style-type: none;
  list-style: none;
  position: relative;
  padding-left: 29px;
  padding-bottom: 20px;
}
html body .toolkitPanel .listHolder.extralistHolder ul li {
  margin-left: 1.2em;
  margin-right: 15px;
  list-style: square;
  line-height: 1.5em;
}
html body .toolkitPanel .listHolder.extralistHolder ul li a {
  color: #016B78;
  border: none;
  display: inline;
  margin: 0;
  padding: 0;
  text-transform: none;
  border-bottom: 1px solid #016B78;
}
html body .toolkitPanel .listHolder.extralistHolder ul li a span {
  color: #016B78;
}
html body .toolkitPanel .listHolder.extralistHolder ul li a:hover,
html body .toolkitPanel .listHolder.extralistHolder ul li a:focus {
  border-bottom: 1px dashed #016B78;
}
html body .toolkitPanel .downloadListLeft {
  margin-left: 29px;
  margin-right: 29px;
  color: #434648;
  list-style-type: none;
  list-style: none;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}
html body .toolkitPanel .downloadListLeft li {
  list-style-type: none;
  list-style: none;
  position: relative;
  padding-top: 19px;
  padding-bottom: 19px;
  display: block;
  padding-right: 20px;
  padding-left: 20px;
  min-width: 0;
}
html body .toolkitPanel .downloadListLeft li:nth-child(odd) {
  background-color: #E5E5E5;
}
html body .toolkitPanel .downloadListLeft li:last-child {
  margin-right: 0px;
}
html body .toolkitPanel .downloadListLeft li span {
  display: inline;
  text-transform: uppercase;
}
html body .toolkitPanel .downloadListLeft li .linkText {
  margin: 0;
}
html body .toolkitPanel .downloadListLeft li a {
  font-family: "oxygenbold", Arial;
  border: none;
  color: #016B78;
  display: inline;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #016B78;
}
html body .toolkitPanel .downloadListLeft li a:hover,
html body .toolkitPanel .downloadListLeft li a:focus {
  border-bottom: 1px dashed #016B78;
}
html body .toolkitPanel .downloadListRight {
  margin-left: 29px;
  margin-right: 29px;
  color: #434648;
  list-style-type: none;
  list-style: none;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-right: 0;
}
html body .toolkitPanel .downloadListRight li {
  list-style-type: none;
  list-style: none;
  position: relative;
  padding-top: 19px;
  padding-bottom: 19px;
  display: block;
  padding-right: 20px;
  padding-left: 20px;
  min-width: 0;
}
html body .toolkitPanel .downloadListRight li:nth-child(odd) {
  background-color: #E5E5E5;
}
html body .toolkitPanel .downloadListRight li:last-child {
  margin-right: 0px;
}
html body .toolkitPanel .downloadListRight li span {
  display: inline;
  text-transform: uppercase;
}
html body .toolkitPanel .downloadListRight li .linkText {
  margin: 0;
}
html body .toolkitPanel .downloadListRight li a {
  font-family: "oxygenbold", Arial;
  border: none;
  color: #016B78;
  display: inline;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #016B78;
}
html body .toolkitPanel .downloadListRight li a:hover,
html body .toolkitPanel .downloadListRight li a:focus {
  border-bottom: 1px dashed #016B78;
}
html body .toolkitPanel .externalSections {
  color: #434648;
  list-style-type: none;
  list-style: none;
  max-width: 1024px;
  margin: auto;
}
html body .toolkitPanel .externalSections .clearListEnd {
  list-style-type: none;
  list-style: none;
  clear: both;
}
html body .toolkitPanel .externalSections .right + .left h3 {
  margin-top: -32px;
}
html body .toolkitPanel .externalSections .right + .rigth h3 {
  margin-top: -20px;
}
html body .toolkitPanel .externalSections .sectionPanel {
  width: 40%;
  min-width: 0;
  display: inline-block;
  list-style-type: none;
  list-style: none;
  vertical-align: top;
  margin-left: 0;
  margin-right: 4%;
}
html body .toolkitPanel .externalSections .sectionPanel.right p,
html body .toolkitPanel .externalSections .sectionPanel.left p {
  padding-left: 0;
}
html body .toolkitPanel .externalSections .sectionPanel.right p ul,
html body .toolkitPanel .externalSections .sectionPanel.left p ul {
  padding-left: 0;
}
html body .toolkitPanel .externalSections .sectionPanel.right p a,
html body .toolkitPanel .externalSections .sectionPanel.left p a {
  word-wrap: break-word;
}
html body .toolkitPanel .externalSections .sectionPanel.left {
  margin-right: 2%;
  margin-left: 3%;
}
html body .toolkitPanel .externalSections .sectionPanel h3 {
  color: #434648;
  text-transform: uppercase;
  font-size: 1.25em;
  padding-top: 1.9em;
  padding-bottom: 1em;
  position: relative;
}
html body .toolkitPanel .externalSections .sectionPanel h3 span {
  color: #434648;
}
html body .toolkitPanel .externalSections .sectionPanel h3.iconPlan {
  margin-left: 24px;
}
html body .toolkitPanel .externalSections .sectionPanel p {
  color: #434648;
  width: auto;
  padding-left: 14px;
}
html body .toolkitPanel .externalSections .sectionPanel p a {
  color: #016B78;
  border: none;
  display: inline;
  margin: 0;
  padding: 0;
  text-transform: none;
  border-bottom: 1px solid #016B78;
}
html body .toolkitPanel .externalSections .sectionPanel p a span {
  color: #016B78;
}
html body .toolkitPanel .externalSections .sectionPanel p a:hover,
html body .toolkitPanel .externalSections .sectionPanel p a:focus {
  border-bottom: 1px dashed #016B78;
}
html body .toolkitPanel .externalSections .sectionPanel p ul,
html body .toolkitPanel .externalSections .sectionPanel p ol {
  padding-left: 14px;
}
html body .toolkitPanel .externalSections .sectionPanel p ul li,
html body .toolkitPanel .externalSections .sectionPanel p ol li {
  margin-left: 1.2em;
  margin-right: 15px;
  list-style: square;
  line-height: 1.5em;
}
html body .toolkitPanel .externalSections .sectionPanel p ol li {
  list-style: decimal;
}
html body .toolkitPanel .externalSections .sectionPanel p ul + p {
  padding-top: 1em;
}
html body .button {
  display: block;
  padding: 10px 32px;
  font-size: 1.25em;
  line-height: 1;
  text-align: right;
  text-transform: uppercase;
  color: #ffffff;
  border-top: 4px solid #fab31a;
  background-color: #373737;
  background-image: url("../images/button_shadow.png");
  background-repeat: no-repeat;
  background-position: 0 center;
}
html body .button.disabled:hover,
html body .button.disabled:focus {
  color: #ffffff;
}
html body .button.disabled:hover .arrow,
html body .button.disabled:focus .arrow {
  background-image: url("../images/button_right_arrow.png");
}
html body .button:hover,
html body .button:focus {
  color: #fab31a;
}
html body .button:hover .arrow,
html body .button:focus .arrow {
  background-image: url("../images/button_right_arrow_hover.png");
}
html body .button .label {
  vertical-align: middle;
}
html body .button .arrow {
  width: 7px;
  height: 10px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  background-image: url("../images/button_right_arrow.png");
  background-repeat: no-repeat;
}
html body .page-content {
  position: absolute;
  width: 100%;
}
html body header {
  background-color: #2c2c2c;
  background-image: -moz-linear-gradient(90deg, #373737 0%, #656565 100%);
  background-image: -webkit-linear-gradient(90deg, #373737 0%, #656565 100%);
  background-image: -ms-linear-gradient(90deg, #373737 0%, #656565 100%);
  color: #FFFFFF;
  font-size: 1em;
  /*h1{
				display: inline-block;
				padding: 1em 2em;
			}*/
}
html body header ul {
  display: block;
  width: 100%;
  max-width: 1024px;
  margin: auto;
  position: relative;
  top: 0;
  left: 0;
}
html body header ul:after {
  content: "";
  visibility: hidden;
  display: block;
  clear: both;
  height: 0;
}
html body header ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  font-size: 0.875em;
  width: auto;
  text-align: center;
  text-transform: uppercase;
}
html body header ul li.currentSection a {
  /*border-top-color: @feature1stColor;*/
  color: #373737;
  background-color: #fab31a;
  background-image: -moz-linear-gradient(90deg, #e19113 0%, #f1ba11 100%);
  background-image: -webkit-linear-gradient(90deg, #e19113 0%, #f1ba11 100%);
  background-image: -ms-linear-gradient(90deg, #e19113 0%, #f1ba11 100%);
}
html body header ul li a {
  color: #FFFFFF;
  padding: 0;
  margin: 0;
  font-family: 'pt_sansbold', Arial;
  display: block;
  padding: 13px 0;
  /*border-top: 4px solid @firstLevelNavigationBgColor;*/
}
html body header ul li a span {
  line-height: 1;
}
html body header ul li.mobileMenu {
  display: none;
}
html body header ul li.leftArrow {
  width: auto;
  border-right: 0;
  height: auto;
  font-size: 1em;
}
html body header ul li.leftArrow a {
  padding-right: 0;
  background-image: url("../images/arrow_left.png");
  background-repeat: no-repeat;
  background-position: 90% center;
  cursor: pointer;
  display: block;
  height: 14px;
  width: 27px;
}
html body header ul li.leftArrow a:hover,
html body header ul li.leftArrow a:focus {
  background-image: url("../images/arrow_left_active.png");
  background-repeat: no-repeat;
  background-position: 107.7% center;
}
html body header ul li.leftArrow.disabled {
  background: none;
}
html body header ul li.leftArrow.disabled a {
  background-image: url("../images/arrow_left_disabled.png");
  background-position: 90% center;
  background-repeat: no-repeat;
  cursor: default;
}
html body header ul li.rightArrow {
  width: auto;
  height: auto;
  font-size: 1em;
}
html body header ul li.rightArrow a {
  padding-left: 0;
  background-image: url("../images/arrow_right.png");
  background-repeat: no-repeat;
  background-position: 10% center;
  display: block;
  height: 14px;
  width: 27px;
}
html body header ul li.rightArrow a:hover,
html body header ul li.rightArrow a:focus {
  background-image: url("../images/arrow_right_active.png");
  background-repeat: no-repeat;
  background-position: 7.7% center;
}
html body header ul li.rightArrow.disabled {
  background: none;
}
html body header ul li.rightArrow.disabled a {
  background-image: url("../images/arrow_right_disabled.png");
  background-position: 10% center;
  background-repeat: no-repeat;
  cursor: default;
}
html body header ul li.iconHome {
  padding: 0;
  width: auto;
  height: auto;
}
html body header ul li.iconHome a {
  display: block;
  height: 14px;
  padding-right: 0;
  background-image: url("../images/icon_home.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 52px;
}
html body header ul li.iconHome a:hover,
html body header ul li.iconHome a:focus {
  background-image: url("../images/icon_home_active.png");
  background-position: 55% 55%;
}
html body header ul li.toolbox {
  width: auto;
  /*text-indent: -99em;
						overflow: hidden;*/
  background-color: transparent;
  padding-left: 10px;
  padding-right: 10px;
}
html body header ul li.toolbox .toolboxBtn {
  width: 38px;
  height: 1em;
  background-image: url("../images/toolbox_toolkit_icon.png");
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
html body header ul li.toolbox .toolboxBtn.assessmentBtn {
  background-image: url("../images/toolbox_selfassessment_icon.png");
  /*&:hover, &:focus{
									background-image:url("../images/toolbox_selfassessment_icon_hover.png");
								}*/
}
html body header ul li.toolbox .toolboxBtn-description.showTooltip.tooltip {
  padding: 5px 0;
  margin-top: 3px;
  width: 64px;
  height: auto;
  left: 50%;
  margin-left: -32px;
  top: 110%;
  overflow: visible;
}
html body header ul li.toolbox .toolboxBtn-description.showTooltip.assessmentBtn-description {
  left: -10px;
  width: 122px;
  margin-left: -61px;
}
html body header ul li.toolbox .toolboxBtn-description.showTooltip.assessmentBtn-description.bottom .tooltip-arrow {
  left: auto;
  right: 27px;
}
html body header ul li.toolbox .toolboxBtn-description.tooltip {
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  filter: none;
}
html body header ul li.toolbox .toolboxBtn-description.tooltip.bottom .tooltip-arrow {
  left: 50%;
  top: -7px;
}
html body header ul li.toolbox.assessmentSectionButton {
  padding-left: 0;
}
html body header ul li.toolbox.currentSection .toolboxBtn {
  background-color: transparent;
  background-image: url("../images/toolbox_toolkit_icon_selected.png");
}
html body header ul li.toolbox.currentSection .toolboxBtn.assessmentBtn {
  background-image: url("../images/toolbox_selfassessment_icon_selected.png");
}
html body header ul .sectionButton {
  border-left: 1px solid black;
}
html body header ul .sectionButton.lastSection {
  border-right: 1px solid black;
}
html body header ul .sectionButton.one-half a {
  min-width: 28.2em;
}
html body header ul .sectionButton.one-third a {
  min-width: 18.9em;
}
html body header ul .sectionButton.one-forth.first-forth a {
  min-width: 14em;
}
html body header ul .sectionButton.one-forth a {
  min-width: 14em;
}
html body header ul .sectionButton.one-fifth a {
  min-width: 11.2em;
}
html body header ul .sectionButton a {
  padding: 13px 0;
  margin: auto;
  min-width: 19.2em;
}
html body .toolTipsContainer {
  position: relative;
  width: 100%;
  margin: 0;
  display: block;
  background-color: #373737;
  background-image: -moz-linear-gradient(90deg, #373737 0%, #656565 100%);
  background-image: -webkit-linear-gradient(90deg, #373737 0%, #656565 100%);
  background-image: -ms-linear-gradient(90deg, #373737 0%, #656565 100%);
}
html body .toolTipsContainer .toolTips {
  position: relative;
  width: 100%;
  max-width: 1024px;
  margin: auto;
  margin-top: 0px;
  display: table;
  table-layout: fixed;
  padding: 0;
}
html body .toolTipsContainer .toolTips li {
  display: table-cell;
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  position: relative;
  border-right: 1px solid black;
}
html body .toolTipsContainer .toolTips li:first-child {
  border-left: 1px solid black;
}
html body .toolTipsContainer .toolTips li.toolTipNotCurrent a {
  color: #373737;
  background-color: #dea21f;
  background-image: -moz-linear-gradient(90deg, #c78011 0%, #e3af10 100%);
  background-image: -webkit-linear-gradient(90deg, #c78011 0%, #e3af10 100%);
  background-image: -ms-linear-gradient(90deg, #c78011 0%, #e3af10 100%);
}
html body .toolTipsContainer .toolTips li.toolTipNotCurrent a:hover,
html body .toolTipsContainer .toolTips li.toolTipNotCurrent a:focus {
  background-color: #ffce66;
  background-image: -moz-linear-gradient(90deg, #eca536 0%, #f1c849 100%);
  background-image: -webkit-linear-gradient(90deg, #eca536 0%, #f1c849 100%);
  background-image: -ms-linear-gradient(90deg, #eca536 0%, #f1c849 100%);
}
html body .toolTipsContainer .toolTips li.toolTipCurrent a {
  color: #373737;
  background-color: #fab31a;
  background-image: -moz-linear-gradient(90deg, #e19113 0%, #f1ba11 100%);
  background-image: -webkit-linear-gradient(90deg, #e19113 0%, #f1ba11 100%);
  background-image: -ms-linear-gradient(90deg, #e19113 0%, #f1ba11 100%);
}
html body .toolTipsContainer .toolTips li.toolTipCurrent a:focus {
  outline-color: #FFFFFF;
}
html body .toolTipsContainer .toolTips li a {
  color: #FFFFFF;
  display: block;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 0.875em;
  line-height: 1;
  font-family: 'pt_sansbold', Arial;
  padding: 13px 0;
}
html body .thirdLevelNavigationContainer {
  position: relative;
  width: 100%;
  margin: 0;
  display: block;
  background: transparent;
}
html body .thirdLevelNavigationContainer .third-level-navs {
  position: relative;
  width: 100%;
  max-width: 1024px;
  margin: auto;
  display: table;
  table-layout: fixed;
  padding: 0;
}
html body .thirdLevelNavigationContainer .third-level-navs li {
  display: table-cell;
  list-style: none;
  padding-top: 30px;
  padding-bottom: 10px;
  text-align: center;
  position: relative;
  background-color: #F1F1F1;
  /*&.notCurrent {
            .third-level-nav-button {
            }
            &:hover,
            &:focus {
              background-color: #E6E4E5;
              &:before{
                background-image: url("../images/tooltip_arrow_grey_hover.png");
              }
            }

          }

          .third-level-nav-button {
            display: block;
            font-size: @allNavigationLevelsTextFontSize;
            line-height: 1;
            font-family: @fontThirdLevelHeaderNotCurrentText;
            padding: 13px 0;
            position: relative;
          }*/
}
html body .thirdLevelNavigationContainer .third-level-navs li:first-child:before {
  content: none;
}
html body .thirdLevelNavigationContainer .third-level-navs li:before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  z-index: 1;
  left: -50%;
  top: 82px;
  height: 10px;
  background-image: url("../images/third_level_nav_dot.png");
  background-repeat: repeat-x;
}
html body .thirdLevelNavigationContainer .third-level-navs li a {
  position: relative;
  z-index: 2;
  display: block;
  width: 50px;
  height: 50px;
  margin: 15px auto 0 auto;
}
html body .thirdLevelNavigationContainer .third-level-navs li a.current {
  background-image: url("../images/third_level_nav_current.png");
}
html body .thirdLevelNavigationContainer .third-level-navs li a.notCurrent {
  background-image: url("../images/third_level_nav_not_current.png");
}
html body .thirdLevelNavigationContainer .third-level-navs li a.notCurrent:hover,
html body .thirdLevelNavigationContainer .third-level-navs li a.notCurrent:focus {
  background-image: url("../images/third_level_nav_not_current_hover.png");
}
html body .content {
  width: 100%;
  max-width: 1024px;
  margin: auto;
  margin-top: 0;
  position: relative;
  margin-bottom: 40px;
}
html body .content-panel-wrapper {
  background-color: #F1F1F1;
}
html body .contentPanel {
  background-color: #F1F1F1;
  margin-top: 0;
  padding-bottom: 0;
  position: relative;
  width: 100%;
  /*div.textFull {
				padding:1.6em;
				line-height:1.5em;
				color:@grey;
				width:90%;

				p {
					width: auto;
					padding:0;
					padding-bottom: 1em;
				}
			}

			.textFull {
				width:90%;
			}

			*/
  /*.step {
				font-weight:normal;
			}*/
}
html body .contentPanel h1 {
  padding-left: 0;
  padding: 28px 0 24px 0;
  font-size: 1.375em;
}
html body .contentPanel p {
  font-size: 1em;
  line-height: 1.5;
  margin-bottom: 15px;
}
html body .contentPanel p strong {
  font-family: 'myriadprosemibold', Arial;
}
html body .contentPanel a {
  cursor: pointer;
}
html body .contentPanel ul,
html body .contentPanel ol {
  margin-bottom: 15px;
}
html body .contentPanel ul li,
html body .contentPanel ol li {
  list-style: none;
  font-size: 1em;
  line-height: 1.5;
}
html body .contentPanel ul li strong,
html body .contentPanel ol li strong {
  font-family: 'myriadprosemibold', Arial;
}
html body .contentPanel ul ul,
html body .contentPanel ol ul {
  margin-bottom: 0;
}
html body .contentPanel img {
  max-width: 100%;
  width: 100%;
  vertical-align: top;
  line-height: 0;
  min-height: 146px;
}
html body .contentPanel .buttonPrintOnSummaryFeedbackPage {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  color: #016c7a;
  padding-top: 10px;
  padding-left: 65px;
  font-size: 1.3em;
  background-image: url("../images/summary_printbutton_icon.png");
  background-repeat: no-repeat;
  line-height: 1.5em;
  border-bottom: 0;
  margin-bottom: 0.5em;
  float: right;
}
html body .contentPanel .buttonPrintOnSummaryFeedbackPage:focus {
  text-decoration: none;
  border-bottom: 0;
}
html body .contentPanel .buttonPrintOnSummaryFeedbackPage:hover {
  text-decoration: underline;
  border-bottom: 0;
}
html body .contentPanel .square-button {
  display: inline-block;
  padding: 12px;
  background-color: #fab31a;
  color: #4b4b4b;
  margin: 15px 0 30px 0;
  font-family: 'myriadprosemibold', Arial;
}
html body .contentPanel .square-button:hover {
  background-color: #ffca4b;
}
html body .contentPanel .square-button:focus {
  background-color: #fa831a;
}
html body .contentPanel .radioAnchor {
  background-image: url("../images/radio_unselected.png");
  background-repeat: no-repeat;
  /*background-position:1px 1px;*/
  display: inline-block;
  height: 28px;
  width: 28px;
  margin-top: 3px;
  float: left;
  /*padding: 2px;*/
}
html body .contentPanel .radioAnchor:focus {
  outline: #1D1E1E dotted thin;
}
html body .contentPanel .checkboxAnchor {
  background-image: url("../images/checkbox_uncheck.png");
  background-repeat: no-repeat;
  /*background-position:1px 1px;*/
  display: inline-block;
  height: 28px;
  width: 28px;
  margin-top: 3px;
  float: left;
  /*padding: 2px;*/
}
html body .contentPanel .checkboxAnchor:focus {
  outline: #1D1E1E dotted thin;
}
html body .contentPanel .radioAnchorActivate {
  background-image: url("../images/radio_seleted.png");
}
html body .contentPanel .radioAnchorActivate:focus {
  outline: #1D1E1E dotted thin;
}
html body .contentPanel .checkboxAnchorActivate {
  background-image: url("../images/checkbox_checked.png");
}
html body .contentPanel .checkboxAnchorActivate:focus {
  outline: #1D1E1E dotted thin;
}
html body .contentPanel .radioInput {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 3px;
  /*border: 1px solid black;
        left: 5px;
        margin-top: 2px;
        padding-right: 6px;*/
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
html body .contentPanel .radioInput:focus {
  outline: 0;
}
html body .contentPanel .checkboxInput {
  position: absolute;
  width: 28px;
  height: 28px;
  /*border: 1px solid black;
        left: 5px;
        margin-top: 2px;
        padding-right: 6px;*/
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
html body .contentPanel .checkboxInput:focus {
  outline: 0;
}
html body .contentPanel .radio-label {
  display: inline-block;
  position: relative;
  height: auto;
  width: 100%;
  line-height: 1.5;
  cursor: pointer;
}
html body .contentPanel .radio-label .optionDetails {
  display: inline-block;
  width: 80%;
  margin-top: 5px;
  margin-left: 30px;
}
html body .contentPanel .radio-label .optionDetails ul {
  margin-left: 0;
}
html body .contentPanel .radio-label.focused .radioAnchor {
  outline: #1D1E1E dotted thin;
}
html body .contentPanel .checkbox-label {
  display: inline-block;
  position: relative;
  height: auto;
  width: 100%;
  line-height: 1.5;
  cursor: pointer;
}
html body .contentPanel .checkbox-label .optionDetails {
  display: inline-block;
  width: 80%;
  margin-left: 30px;
}
html body .contentPanel .checkbox-label .optionDetails ul {
  margin-left: 0;
}
html body .contentPanel .checkbox-label.focused .checkboxAnchor {
  outline: #1D1E1E dotted thin;
}
html body .contentPanel .text-column a {
  font-family: 'myriadprosemibold', Arial;
  color: #016c7a;
  text-decoration: none;
  border-bottom: 1px solid #016c7a;
}
html body .contentPanel .text-column a:hover,
html body .contentPanel .text-column a:focus {
  border-bottom: 1px dashed #016c7a;
}
html body .contentPanel .text-column a.buttonPrintOnSummaryFeedbackPage {
  border-bottom: 0;
}
html body .contentPanel .text-column a.buttonPrintOnSummaryFeedbackPage:hover,
html body .contentPanel .text-column a.buttonPrintOnSummaryFeedbackPage:focus {
  border-bottom: 0;
}
html body .contentPanel .text-column a.square-button {
  border-bottom: 0;
  color: #4b4b4b;
}
html body .contentPanel .text-column a.square-button:hover,
html body .contentPanel .text-column a.square-button:focus {
  background-color: #ffca4b;
}
html body .contentPanel .text-column ul,
html body .contentPanel .text-column ol {
  margin-left: 10px;
}
html body .contentPanel .text-column ul li,
html body .contentPanel .text-column ol li {
  margin-left: 19px;
}
html body .contentPanel .text-column ul li:before,
html body .contentPanel .text-column ol li:before {
  content: "";
  background-image: url("../images/bullet_point.png");
  background-repeat: no-repeat;
  width: 9px;
  height: 9px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  left: -10px;
  margin-left: -9px;
}
html body .contentPanel .text-column ul li.has-sub-list:before,
html body .contentPanel .text-column ol li.has-sub-list:before {
  content: none;
}
html body .contentPanel .text-column ul li.has-sub-list ul li:before,
html body .contentPanel .text-column ol li.has-sub-list ul li:before {
  background-image: url("../images/bullet_point_sub.png");
}
html body .contentPanel .text-column ol li {
  list-style: decimal;
}
html body .contentPanel .text-column ol li:before {
  content: none;
}
html body .contentPanel .text-column .feature-text {
  color: #016c7a;
}
html body .contentPanel .text-column .feature-text .glossaryLink {
  color: #016c7a !important;
}
html body .contentPanel .text-column .feature-text .glossaryLink span {
  border-bottom: 1px dashed #016c7a;
}
html body .contentPanel .text-column .feature-text .glossaryLink:hover span,
html body .contentPanel .text-column .feature-text .glossaryLink:focus span {
  border-bottom: 1px solid #016c7a;
}
html body .contentPanel .text-column .tip-text {
  font-family: 'myriadprosemibold', Arial;
  /*color: @feature1stTextColor;*/
  margin-top: 15px;
  padding-left: 50px;
  background-image: url("../images/tip_icon.png");
  background-repeat: no-repeat;
  background-position: 0 1px;
  min-height: 45px;
}
html body .contentPanel .text-column .tip-text p {
  margin-bottom: 0;
}
html body .contentPanel .text-column .tip-text strong {
  font-family: 'myriadprobold', Arial;
}
html body .contentPanel .text-column .break-out-box {
  background-color: #f5f5f5;
  border-top: 6px solid #23c0db;
  padding: 26px 30px;
  margin-bottom: 15px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
html body .contentPanel .text-column .break-out-box p,
html body .contentPanel .text-column .break-out-box ul {
  margin-bottom: 0;
}
html body .contentPanel .text-column .break-out-box p + p {
  margin-top: 15px;
}
html body .contentPanel .text-column .break-out-box p + ul {
  margin-top: 15px;
}
html body .contentPanel .text-column .break-out-box ul {
  margin-left: 0;
}
html body .contentPanel .text-column .break-out-box ul + p {
  margin-top: 15px;
}
html body .contentPanel .text-column .break-out-box h2 {
  font-size: 1.375em;
  color: #016c7a;
  font-family: 'myriadproregular', Arial;
  line-height: 1;
  padding: 22px 0;
}
html body .contentPanel .text-column .break-out-box h2:first-child {
  padding-top: 0;
}
html body .contentPanel .infographic-container .infographic-list {
  margin-left: 0;
}
html body .contentPanel .infographic-container .infographic-list .infographic-wrapper {
  position: relative;
}
html body .contentPanel .infographic-container .infographic-list .infographic-item {
  list-style: none;
  margin-left: 0;
  margin-bottom: 4px;
}
html body .contentPanel .infographic-container .infographic-list .infographic-item:before {
  content: none;
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button {
  display: block;
  font-size: 1.125em;
  font-family: 'myriadproregular', Arial;
  text-transform: uppercase;
  border-bottom: 0;
  color: #4b4b4b;
  /*padding-left: 90px;*/
  padding: 0 38px 0 90px;
  line-height: 1;
  position: relative;
  background: #fffffe;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e5e5e5), color-stop(1, #fffffe));
  background: -ms-linear-gradient(bottom, #e5e5e5, #fffffe);
  background: -moz-linear-gradient(center bottom, #e5e5e5 0%, #fffffe 100%);
  background: -o-linear-gradient(#fffffe, #e5e5e5);
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:hover,
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:focus {
  border-bottom: 0;
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:hover .infographic-icon,
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:focus .infographic-icon {
  background-image: url("../images/infographic/clipboard_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:hover .infographic-icon.clipboard,
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:focus .infographic-icon.clipboard {
  background-image: url("../images/infographic/clipboard_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:hover .infographic-icon.clipboard_pencil,
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:focus .infographic-icon.clipboard_pencil {
  background-image: url("../images/infographic/clipboard_pencil_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:hover .infographic-icon.clock,
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:focus .infographic-icon.clock {
  background-image: url("../images/infographic/clock_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:hover .infographic-icon.coins,
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:focus .infographic-icon.coins {
  background-image: url("../images/infographic/coins_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:hover .infographic-icon.law,
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:focus .infographic-icon.law {
  background-image: url("../images/infographic/law_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:hover .infographic-icon.people,
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:focus .infographic-icon.people {
  background-image: url("../images/infographic/people_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:hover .infographic-icon.question,
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:focus .infographic-icon.question {
  background-image: url("../images/infographic/question_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:hover .infographic-icon.research,
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:focus .infographic-icon.research {
  background-image: url("../images/infographic/research_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:hover .infographic-icon.speech_bubble,
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:focus .infographic-icon.speech_bubble {
  background-image: url("../images/infographic/speech_bubble_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:hover .infographic-icon.home,
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:focus .infographic-icon.home {
  background-image: url("../images/infographic/home_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:hover .infographic-icon.phone,
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:focus .infographic-icon.phone {
  background-image: url("../images/infographic/phone_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:hover .infographic-icon.cross,
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:focus .infographic-icon.cross {
  background-image: url("../images/infographic/cross_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:hover .infographic-icon.implement,
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:focus .infographic-icon.implement {
  background-image: url("../images/infographic/implement_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:hover .infographic-icon.redcross,
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:focus .infographic-icon.redcross {
  background-image: url("../images/infographic/redcross_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:hover .infographic-icon.tick,
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:focus .infographic-icon.tick {
  background-image: url("../images/infographic/tick_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:hover .infographic-icon.books,
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:focus .infographic-icon.books {
  background-image: url("../images/infographic/books_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:hover .infographic-icon.calendar,
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:focus .infographic-icon.calendar {
  background-image: url("../images/infographic/calendar_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:hover .infographic-current-indicator,
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.has-hover:focus .infographic-current-indicator {
  display: block;
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected {
  background: #016c7a;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #016c7a), color-stop(1, #016c7a));
  background: -ms-linear-gradient(bottom, #016c7a, #016c7a);
  background: -moz-linear-gradient(center bottom, #016c7a 0%, #016c7a 100%);
  background: -o-linear-gradient(#016c7a, #016c7a);
  color: #ffffff;
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-icon {
  background-image: url("../images/infographic/clipboard_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-icon.clipboard {
  background-image: url("../images/infographic/clipboard_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-icon.clipboard_pencil {
  background-image: url("../images/infographic/clipboard_pencil_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-icon.clock {
  background-image: url("../images/infographic/clock_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-icon.coins {
  background-image: url("../images/infographic/coins_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-icon.law {
  background-image: url("../images/infographic/law_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-icon.people {
  background-image: url("../images/infographic/people_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-icon.question {
  background-image: url("../images/infographic/question_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-icon.research {
  background-image: url("../images/infographic/research_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-icon.speech_bubble {
  background-image: url("../images/infographic/speech_bubble_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-icon.home {
  background-image: url("../images/infographic/home_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-icon.phone {
  background-image: url("../images/infographic/phone_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-icon.cross {
  background-image: url("../images/infographic/cross_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-icon.implement {
  background-image: url("../images/infographic/implement_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-icon.redcross {
  background-image: url("../images/infographic/redcross_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-icon.tick {
  background-image: url("../images/infographic/tick_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-icon.books {
  background-image: url("../images/infographic/books_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-icon.calendar {
  background-image: url("../images/infographic/calendar_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-current-indicator {
  display: block;
  background-image: url("../images/infographic_left_arrow_selected.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected.has-hover:hover .infographic-current-indicator,
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected.has-hover:focus .infographic-current-indicator {
  background-image: url("../images/infographic_left_arrow_selected.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button .infographic-icon {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 66px;
  height: 100%;
  background-color: #ffffff;
  background-image: url("../images/infographic/clipboard.png");
  background-position: center;
  background-repeat: no-repeat;
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button .infographic-icon.clipboard {
  background-image: url("../images/infographic/clipboard_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button .infographic-icon.clipboard_pencil {
  background-image: url("../images/infographic/clipboard_pencil_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button .infographic-icon.clock {
  background-image: url("../images/infographic/clock_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button .infographic-icon.coins {
  background-image: url("../images/infographic/coins_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button .infographic-icon.law {
  background-image: url("../images/infographic/law_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button .infographic-icon.people {
  background-image: url("../images/infographic/people_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button .infographic-icon.question {
  background-image: url("../images/infographic/question_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button .infographic-icon.research {
  background-image: url("../images/infographic/research_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button .infographic-icon.speech_bubble {
  background-image: url("../images/infographic/speech_bubble_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button .infographic-icon.home {
  background-image: url("../images/infographic/home_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button .infographic-icon.phone {
  background-image: url("../images/infographic/phone_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button .infographic-icon.cross {
  background-image: url("../images/infographic/cross_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button .infographic-icon.implement {
  background-image: url("../images/infographic/implement_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button .infographic-icon.redcross {
  background-image: url("../images/infographic/redcross_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button .infographic-icon.tick {
  background-image: url("../images/infographic/tick_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button .infographic-icon.books {
  background-image: url("../images/infographic/books_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button .infographic-icon.calendar {
  background-image: url("../images/infographic/calendar_hover.png");
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button .infographic-text {
  display: table;
  width: 100%;
  height: 3em;
  line-height: 1.125;
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button .infographic-text span,
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button .infographic-text strong,
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button .infographic-text p {
  vertical-align: middle;
  display: table-cell;
}
html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-current-indicator {
  display: none;
  position: absolute;
  width: 18px;
  height: 26px;
  right: 10px;
  top: 50%;
  margin-top: -13px;
  text-indent: -99em;
  overflow: hidden;
  background-image: url("../images/infographic_left_arrow.png");
  background-repeat: no-repeat;
}
html body .contentPanel .mobileButtonNext {
  padding-top: 15px;
  padding-bottom: 10px;
  color: #373737;
  text-transform: uppercase;
  text-align: center;
  display: none;
  margin: 30px auto 30px auto;
  width: 60%;
  font-size: 0.875em;
  font-family: 'pt_sansbold', Arial;
  background-color: #fab31a;
}
html body .contentPanel .mobileButtonNext:hover,
html body .contentPanel .mobileButtonNext:focus {
  background-color: #ffca4b;
}
html body .contentPanel .thumbnail-video-button {
  display: block;
  width: 100%;
  position: relative;
}
html body .contentPanel .thumbnail-video-button img {
  border: 0;
  width: 100%;
  display: block;
  line-height: 0;
}
html body .contentPanel .thumbnail-video-button .play-info-container {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 2;
  /*box-sizing: border-box;*/
  color: #ffffff;
  background-color: #000000;
  border-bottom: 4px solid #fab31a;
  font-size: 1.375em;
  line-height: 1;
  margin-bottom: 0;
}
html body .contentPanel .thumbnail-video-button .play-info-container .play-button {
  position: absolute;
  right: 18px;
  top: -47px;
  display: block;
  width: 94px;
  height: 94px;
  text-indent: -99em;
  overflow: hidden;
  background-image: url("../images/large_play_button.png");
}
html body .contentPanel .thumbnail-video-button .play-info-container .play-button.replay-button {
  background-image: url("../images/replay_large.png");
}
html body .contentPanel .thumbnail-video-button .play-info-container .play-button.continue-play-button {
  background-image: url("../images/large_continue_button.png");
}
html body .contentPanel .thumbnail-video-button .play-info-container .play-label {
  display: block;
  padding: 20px 101px 20px 18px;
}
html body .contentPanel .thumbnail-video-button .myth-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/bg_overlay_1px.png");
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
html body .contentPanel .thumbnail-video-button .myth-overlay .myth-overlay-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
html body .contentPanel .thumbnail-video-button .myth-overlay .myth-img {
  position: absolute;
  width: 56%;
  top: 50%;
  left: 50%;
  margin-top: -24%;
  margin-left: -28%;
}
html body .contentPanel .thumbnail-video-button:hover p {
  color: #fab31a;
}
html body .contentPanel .thumbnail-video-button:hover .play-info-container .play-button {
  background-image: url("../images/large_play_button_hover.png");
}
html body .contentPanel .thumbnail-video-button:hover .play-info-container .play-button.replay-button {
  background-image: url("../images/replay_large_hover.png");
}
html body .contentPanel .thumbnail-video-button:hover .play-info-container .play-button.continue-play-button {
  background-image: url("../images/large_continue_button_hover.png");
}
html body .contentPanel .thumbnail-video-button:focus p {
  color: #fab31a;
}
html body .contentPanel .thumbnail-video-button:focus .play-info-container .play-button {
  background-image: url("../images/large_play_button_focus.png");
}
html body .contentPanel .thumbnail-video-button:focus .play-info-container .play-button.replay-button {
  background-image: url("../images/replay_large_focus.png");
}
html body .contentPanel .thumbnail-video-button:focus .play-info-container .play-button.continue-play-button {
  background-image: url("../images/large_continue_button_focus.png");
}
html body .contentPanel .placeholder-bottom-text {
  font-family: 'myriadprosemibold', Arial;
  color: #016c7a;
  margin-top: 15px;
  padding-left: 32px;
  background-image: url("../images/important-icon.png");
  background-repeat: no-repeat;
  background-position: 0 1px;
}
html body .contentPanel .placeholder-bottom-text p {
  margin-bottom: 0;
}
html body .contentPanel .placeholder-bottom-text-solo {
  font-family: 'myriadprosemibold', Arial;
  color: #016c7a;
  margin-top: 15px;
  padding-left: 32px;
  background-image: url("../images/important-icon.png");
  background-repeat: no-repeat;
  background-position: 0 1px;
  margin-top: 0;
}
html body .contentPanel .placeholder-bottom-text-solo p {
  margin-bottom: 0;
}
html body .contentPanel.grid {
  padding: 3%;
  padding-top: 0.15em;
  padding-bottom: 0;
  line-height: 1.25em;
  width: 94%;
  /*ol {
					list-style: decimal;
					color: #434648;

					padding-top: 0.15em;

					li {
						list-style: decimal;
						line-height: 1.5em;
						margin-left: 1.35em;

					}
				}*/
}
html body .contentPanel.grid .placeholder {
  margin-right: 24px;
  /*p{
						font-style:italic;
						padding: 12px 24px 16px 24px;
						font-family: "oxygenbold", Arial;
						//font-weight: bold;
					}

					&.withCaption{
						.drop-shadow(0, 0, 12px, 0.7);
					}*/
}
html body .contentPanel.grid .placeholder img {
  width: 100%;
}
html body .contentPanel.grid .replayVideoPlaceHolder {
  margin-right: 24px;
}
html body .contentPanel.grid .replayVideoPlaceHolder img {
  width: 100%;
}
html body .contentPanel.grid .replayVideoPlaceHolder p {
  font-style: italic;
  padding: 0.8em 0 1em 1.5em;
  font-family: "oxygenbold", Arial;
}
html body .contentPanel.grid .replayVideoPlaceHolder .buttonReplay {
  display: block;
}
html body .contentPanel.grid .vertical-thumbs .three_column_thumbs .askThumbnails .thumbnail {
  width: 47.3%;
  min-width: 300px;
  margin-right: 0;
}
html body .contentPanel.grid .three_column_thumbs {
  padding-bottom: 0;
}
html body .contentPanel.grid .three_column_thumbs.three_column_texts .askThumbnails .thumbnail {
  min-width: 12em;
}
html body .contentPanel.grid .three_column_thumbs.three_column_texts .askThumbnails .thumbnail a .play-info-container {
  min-height: 0;
}
html body .contentPanel.grid .three_column_thumbs.three_column_texts .askThumbnails .thumbnail a .play-info-container .play-label {
  padding-right: 76px;
}
html body .contentPanel.grid .three_column_thumbs .askThumbnails {
  padding: 0;
  position: relative;
  margin: 0 auto 30px 0;
  width: 100%;
  text-align: center;
}
html body .contentPanel.grid .three_column_thumbs .askThumbnails .thumbnail {
  text-align: left;
  display: inline-block;
  width: 307px;
  background-color: #00152c;
  padding: 0;
  margin-bottom: 1%;
  margin-left: 0;
  margin-right: 1%;
}
html body .contentPanel.grid .three_column_thumbs .askThumbnails .thumbnail a .play-info-container {
  min-height: 56px;
  font-size: 1.125em;
  line-height: 1.125;
}
html body .contentPanel.grid .three_column_thumbs .askThumbnails .thumbnail a .play-info-container .play-button {
  top: -38px;
  width: 75px;
  height: 75px;
  background-image: url("../images/small_play_button.png");
  background-repeat: no-repeat;
}
html body .contentPanel.grid .three_column_thumbs .askThumbnails .thumbnail a .play-info-container .play-button.text-button {
  top: -25px;
  width: 50px;
  height: 50px;
  background-image: url("../images/text_open.png");
}
html body .contentPanel.grid .three_column_thumbs .askThumbnails .thumbnail a .play-info-container .play-button.text-button.showClose {
  background-image: url("../images/text_close.png");
}
html body .contentPanel.grid .three_column_thumbs .askThumbnails .thumbnail a .play-info-container .play-label {
  padding-top: 10px;
  padding-bottom: 10px;
}
html body .contentPanel.grid .three_column_thumbs .askThumbnails .thumbnail a:hover .play-info-container .play-button {
  background-image: url("../images/small_play_button_hover.png");
}
html body .contentPanel.grid .three_column_thumbs .askThumbnails .thumbnail a:hover .play-info-container .play-button.text-button {
  background-image: url("../images/text_open_hover.png");
}
html body .contentPanel.grid .three_column_thumbs .askThumbnails .thumbnail a:hover .play-info-container .play-button.text-button.showClose {
  background-image: url("../images/text_close_hover.png");
}
html body .contentPanel.grid .three_column_thumbs .askThumbnails .thumbnail a:focus .play-info-container .play-button {
  background-image: url("../images/small_play_button_focus.png");
}
html body .contentPanel.grid .three_column_thumbs .askThumbnails .thumbnail a:focus .play-info-container .play-button.text-button {
  background-image: url("../images/text_open_focus.png");
}
html body .contentPanel.grid .three_column_thumbs .askThumbnails .thumbnail a:focus .play-info-container .play-button.text-button.showClose {
  background-image: url("../images/text_close_focus.png");
}
html body .contentPanel.grid .three_column_thumbs .askThumbnails .thumbnail a.completed .play-info-container .play-button {
  background-image: url("../images/small_play_button_completed.png");
}
html body .contentPanel.grid .three_column_thumbs .askThumbnails .thumbnail a.completed:hover .play-info-container .play-button {
  background-image: url("../images/small_play_button_completed_hover.png");
}
html body .contentPanel.grid .three_column_thumbs .askThumbnails .thumbnail a.completed:focus .play-info-container .play-button {
  background-image: url("../images/small_play_button_completed_focus.png");
}
html body .contentPanel.grid .accordionPanel {
  margin-top: 1em;
}
html body .contentPanel.grid .accordionPanel h2 {
  font-size: 1.125em;
  font-family: "oxygenbold", Arial;
  color: #434648;
  margin-bottom: 1em;
  padding: 0;
  text-transform: none;
}
html body .contentPanel.grid .textCallToAction {
  border-bottom: 1px dashed #434648;
  margin-top: 1px;
  padding-bottom: 5px;
}
html body .contentPanel.grid .buttonReplay {
  position: relative;
  display: block;
  right: 0;
  background-image: url("../images/replay.png");
  background-repeat: no-repeat;
  background-position: 0 -1px;
  padding-left: 42px;
  margin-top: 15px;
  margin-bottom: 15px;
  height: 35px;
  width: 7em;
  line-height: 35px;
  font-size: 1em;
  font-family: "oxygenregular", Arial;
  color: #016B78;
}
html body .contentPanel.grid .buttonReplay span {
  border-bottom: 1px solid #016B78;
}
html body .contentPanel.grid .buttonReplay:hover,
html body .contentPanel.grid .buttonReplay:focus {
  background-position: 0 -36px;
}
html body .contentPanel.grid .buttonReplay:hover span,
html body .contentPanel.grid .buttonReplay:focus span {
  border-bottom: 1px dashed #016B78;
}
html body .contentPanel.grid .buttonReplay:active {
  background-position: 0 -71px;
}
html body .contentPanel.grid .buttonReplay img {
  margin-right: 20px;
}
html body .contentPanel.grid .questionInputs .questionInput {
  list-style: none;
  margin-left: 0;
  margin-bottom: 3px;
}
html body .contentPanel.grid .questionInputs .questionInput.left .checkboxDiv,
html body .contentPanel.grid .questionInputs .questionInput.leftUp .checkboxDiv,
html body .contentPanel.grid .questionInputs .questionInput.right .checkboxDiv {
  height: 24px;
}
html body .contentPanel.grid .questionInputs .questionInput .checkboxDiv {
  padding: 6px 0 6px 8px;
  width: auto;
}
html body .contentPanel.grid .questionInputs .questionInput .checkboxDiv span {
  color: #434648;
}
html body .contentPanel.grid .questionInputs .questionInput .checkboxDiv.checkedState {
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
  background-color: #b2dab8;
  padding: 6px 0 6px 8px;
  width: auto;
}
html body .contentPanel.grid .questionInputs .questionInput .checkboxDiv.checkedState label {
  line-height: 20px;
  color: #434648;
}
html body .contentPanel.grid .questionInputs .questionInput .checkboxDiv.checkedState label span {
  color: #434648;
}
html body .contentPanel.grid .questionInputs .questionInput p {
  margin: 0;
  padding: 0;
  padding-top: 3px;
  padding-bottom: 4px;
  line-height: 20px;
}
html body .contentPanel.grid .questionInputs .questionInput p a {
  border-bottom: 1px solid #016B78;
}
html body .contentPanel.grid .questionInputs .questionInput p a:hover,
html body .contentPanel.grid .questionInputs .questionInput p a:focus {
  border-bottom: 1px dashed #016B78;
}
html body .contentPanel.grid .featurePanelIcon {
  background: #007abd;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #007abd), color-stop(1, #0074B9));
  background: -ms-linear-gradient(bottom, #007abd, #0074B9);
  background: -moz-linear-gradient(center bottom, #007abd 0%, #0074B9 100%);
  background: -o-linear-gradient(#0074B9, #007abd);
  display: table;
  width: auto;
  width: 208px;
  max-width: 408px;
  height: 3.85em;
  position: absolute;
  top: -21px;
  right: 1.8em;
}
html body .contentPanel.grid .featurePanelIcon.hasNextIcon {
  right: 13.5em;
}
html body .contentPanel.grid .featurePanelIcon span.featureInfo {
  display: table-cell;
  vertical-align: middle;
  padding-left: 48px;
  padding-right: 12px;
  color: #FFFFFF;
  font-family: "oxygenregular", Arial;
}
html body .contentPanel.grid .featurePanelIcon span.featureInfo:before {
  content: " ";
  display: block;
  position: absolute;
  background-image: url("../images/exclamation_mark.png");
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  top: 13px;
  left: 9px;
}
html body .contentPanel.grid .featurePanelIcon span.featureInfo span {
  background-image: url("../images/icon_ribbon.png");
  background-repeat: no-repeat;
  display: block;
  width: 6px;
  height: 21px;
  position: absolute;
  top: 0;
  left: -6px;
}
html body .contentPanel.grid .featurePanelIcon:after {
  background-image: url("../images/icon_ribbon.png");
  background-repeat: no-repeat;
  display: block;
  width: 6px;
  height: 21px;
  position: absolute;
  top: 0;
  left: -6px;
}
html body .contentPanel.grid .featurePanelIcon:hover,
html body .contentPanel.grid .featurePanelIcon:focus {
  background: #07699B;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #07699B), color-stop(1, #07699B));
  background: -ms-linear-gradient(bottom, #07699B, #07699B);
  background: -moz-linear-gradient(center bottom, #07699B 0%, #07699B 100%);
  background: -o-linear-gradient(#07699B, #07699B);
}
html body .contentPanel.grid .featurePanelIconUnderProgressBar {
  background: #007abd;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #007abd), color-stop(1, #0074B9));
  background: -ms-linear-gradient(bottom, #007abd, #0074B9);
  background: -moz-linear-gradient(center bottom, #007abd 0%, #0074B9 100%);
  background: -o-linear-gradient(#0074B9, #007abd);
  display: table;
  width: auto;
  width: 208px;
  max-width: 408px;
  height: 3.85em;
  position: absolute;
  top: -21px;
  right: 1.8em;
  max-height: 2.5em;
}
html body .contentPanel.grid .featurePanelIconUnderProgressBar.hasNextIcon {
  right: 13.5em;
}
html body .contentPanel.grid .featurePanelIconUnderProgressBar span.featureInfo {
  display: table-cell;
  vertical-align: middle;
  padding-left: 48px;
  padding-right: 12px;
  color: #FFFFFF;
  font-family: "oxygenregular", Arial;
}
html body .contentPanel.grid .featurePanelIconUnderProgressBar span.featureInfo:before {
  content: " ";
  display: block;
  position: absolute;
  background-image: url("../images/exclamation_mark.png");
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  top: 13px;
  left: 9px;
}
html body .contentPanel.grid .featurePanelIconUnderProgressBar span.featureInfo span {
  background-image: url("../images/icon_ribbon.png");
  background-repeat: no-repeat;
  display: block;
  width: 6px;
  height: 21px;
  position: absolute;
  top: 0;
  left: -6px;
}
html body .contentPanel.grid .featurePanelIconUnderProgressBar:after {
  background-image: url("../images/icon_ribbon.png");
  background-repeat: no-repeat;
  display: block;
  width: 6px;
  height: 21px;
  position: absolute;
  top: 0;
  left: -6px;
}
html body .contentPanel.grid .featurePanelIconUnderProgressBar:hover,
html body .contentPanel.grid .featurePanelIconUnderProgressBar:focus {
  background: #07699B;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #07699B), color-stop(1, #07699B));
  background: -ms-linear-gradient(bottom, #07699B, #07699B);
  background: -moz-linear-gradient(center bottom, #07699B 0%, #07699B 100%);
  background: -o-linear-gradient(#07699B, #07699B);
}
html body .contentPanel.grid .downloadPanelIcon {
  background: #007abd;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #007abd), color-stop(1, #0074B9));
  background: -ms-linear-gradient(bottom, #007abd, #0074B9);
  background: -moz-linear-gradient(center bottom, #007abd 0%, #0074B9 100%);
  background: -o-linear-gradient(#0074B9, #007abd);
  display: table;
  width: auto;
  height: auto;
  position: absolute;
  top: -21px;
  right: 1.8em;
}
html body .contentPanel.grid .downloadPanelIcon span.dlIconContent {
  display: table-cell;
  color: #FFFFFF;
  font-family: "oxygenregular", Arial;
  vertical-align: middle;
  background-image: url("../images/icon_cloud.png");
  background-repeat: no-repeat;
  background-position: 0.5em, center;
  -ms-background-position-x: 0.5em;
  -ms-background-position-y: center;
  width: auto;
  height: 3.8em;
  position: relative;
  overflow: hidden;
  padding-left: 3em;
  padding-right: 1em;
}
html body .contentPanel.grid .downloadPanelIcon span.dlIconRibbon {
  background-image: url("../images/icon_ribbon.png");
  background-repeat: no-repeat;
  display: block;
  width: 6px;
  height: 21px;
  position: absolute;
  top: 0;
  left: -6px;
}
html body .contentPanel.grid .downloadPanelIcon:hover,
html body .contentPanel.grid .downloadPanelIcon:focus {
  background: #07699B;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #07699B), color-stop(1, #07699B));
  background: -ms-linear-gradient(bottom, #07699B, #07699B);
  background: -moz-linear-gradient(center bottom, #07699B 0%, #07699B 100%);
  background: -o-linear-gradient(#07699B, #07699B);
}
html body .contentPanel.grid .downloadPanelIconUnderProgressBar {
  background: #007abd;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #007abd), color-stop(1, #0074B9));
  background: -ms-linear-gradient(bottom, #007abd, #0074B9);
  background: -moz-linear-gradient(center bottom, #007abd 0%, #0074B9 100%);
  background: -o-linear-gradient(#0074B9, #007abd);
  display: table;
  width: auto;
  height: auto;
  position: absolute;
  top: -21px;
  right: 1.8em;
}
html body .contentPanel.grid .downloadPanelIconUnderProgressBar span.dlIconContent {
  display: table-cell;
  color: #FFFFFF;
  font-family: "oxygenregular", Arial;
  vertical-align: middle;
  background-image: url("../images/icon_cloud.png");
  background-repeat: no-repeat;
  background-position: 0.5em, center;
  -ms-background-position-x: 0.5em;
  -ms-background-position-y: center;
  width: auto;
  height: 3.8em;
  position: relative;
  overflow: hidden;
  padding-left: 3em;
  padding-right: 1em;
}
html body .contentPanel.grid .downloadPanelIconUnderProgressBar span.dlIconRibbon {
  background-image: url("../images/icon_ribbon.png");
  background-repeat: no-repeat;
  display: block;
  width: 6px;
  height: 21px;
  position: absolute;
  top: 0;
  left: -6px;
}
html body .contentPanel.grid .downloadPanelIconUnderProgressBar:hover,
html body .contentPanel.grid .downloadPanelIconUnderProgressBar:focus {
  background: #07699B;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #07699B), color-stop(1, #07699B));
  background: -ms-linear-gradient(bottom, #07699B, #07699B);
  background: -moz-linear-gradient(center bottom, #07699B 0%, #07699B 100%);
  background: -o-linear-gradient(#07699B, #07699B);
}
html body .contentPanel.grid .circle-table {
  margin: auto;
  margin-top: 30px;
  width: 100%;
}
html body .contentPanel.grid .circle-table .circle-row {
  margin: 0;
  width: 100%;
}
html body .contentPanel.grid .circle-table .circle-row .circle-col {
  margin: 0;
  float: left;
  width: 25%;
}
html body .contentPanel.grid .circle-table .circle-row .circle-col.circle {
  margin: auto;
  position: relative;
}
html body .contentPanel.grid .circle-table .circle-row .circle-col.circle .line {
  background-image: url("../images/circle_connectline.png");
  background-repeat: repeat-x;
  background-position: center;
  margin: 0;
  padding: 0;
  position: absolute;
}
html body .contentPanel.grid .circle-table .circle-row .circle-col.circle .line.left {
  left: 0;
  right: 50%;
  top: 0;
  bottom: 0;
}
html body .contentPanel.grid .circle-table .circle-row .circle-col.circle .line.right {
  left: 50%;
  right: 0;
  top: 0;
  bottom: 0;
}
html body .contentPanel.grid .circle-table .circle-row .circle-col.circle .circleText {
  position: relative;
  margin: auto;
  background-image: url("../images/intro_circle_big_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  color: #FFFFFF;
  font-size: 2.5em;
  line-height: 78px;
  text-align: center;
  display: block;
}
html body .contentPanel.grid .circle-table .circle-row .circle-col.bottomText {
  border: none;
  margin: auto;
  margin-top: 13px;
  text-align: center;
}
html body .contentPanel.grid .circle-table .circle-row .circle-col.bottomText span {
  color: #016B78;
}
html body .contentPanel.grid .circle-table .circle-row .circle-col.bottomText b {
  color: #016B78;
}
html body .contentPanel.grid .topProgressBar {
  list-style: none;
  width: 19.875em;
  padding-left: 12px;
  padding-top: 10px;
  margin: auto;
}
html body .contentPanel.grid .topProgressBar .progress {
  list-style: none;
  text-align: center;
  display: inline-block;
  margin: 0;
  padding: 0;
  background-image: url("../images/circle_small_bar.png");
  background-repeat: repeat-x;
  background-position: 0px 50%;
  width: 79px;
  margin-left: -4px;
}
html body .contentPanel.grid .topProgressBar .progress:last-child {
  background-image: none;
}
html body .contentPanel.grid .topProgressBar .progress.last {
  background-image: none;
}
html body .contentPanel.grid .topProgressBar .progress span {
  background-image: url("../images/circle_small_inactive.png");
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 1.875em;
  height: 1.875em;
  line-height: 1.875em;
  color: #FFFFFF;
}
html body .contentPanel.grid .topProgressBar .progress .activate {
  background-image: url("../images/circle_small_active.png");
}
html body .contentPanel.grid.isFeedbackPanel {
  margin-bottom: 4em;
  padding-bottom: 0.5em;
}
html body .contentPanel.grid.isFeedbackPanel .span12 h2 {
  padding-top: 0;
}
html body .contentPanel.grid.isFeedbackPanel .span12 .correct {
  background-image: url("../images/symbol_correct.png");
  background-position: center left;
  background-repeat: no-repeat;
  padding: 15px 0;
  padding-left: 55px;
}
html body .contentPanel.grid.isFeedbackPanel .span12 .incorrect {
  background-image: url("../images/symbol_correct.png");
  background-position: center left;
  background-repeat: no-repeat;
  padding: 15px 0;
  padding-left: 55px;
  background-image: url("../images/symbol_incorrect.png");
}
html body .contentPanel.grid .guideInfo {
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
  margin-bottom: 8px;
}
html body .contentPanel.grid .guideInfo .guideInfoHeading {
  padding: 12px 16px;
  border-bottom: 3px solid #23c0db;
}
html body .contentPanel.grid .guideInfo .guideInfoContent {
  padding-top: 0;
  padding-left: 16px;
  padding-right: 16px;
  background-color: #373737;
}
html body .contentPanel.grid .guideInfo .guideInfoContent li {
  color: #ffffff;
  width: auto;
  list-style: none;
  font-size: 0.875em;
  font-family: 'myriadproitalic', Arial;
}
html body .contentPanel.grid .guideInfo .guideInfoContent li:first-child {
  padding-top: 12px;
}
html body .contentPanel.grid .guideInfo .guideInfoContent.notBold a {
  font-family: "oxygenregular", Arial;
}
html body .contentPanel.grid .guideInfo .guideInfoContent.notBold li {
  font-family: "oxygenregular", Arial;
}
html body .contentPanel.grid .importantInfo {
  font-family: "oxygenbold", Arial;
  color: #434648;
}
html body .contentPanel.grid .importantInfo .glossaryLink {
  font-family: "oxygenbold", Arial;
}
html body .contentPanel.grid .importantInfo a {
  border-bottom: 1px solid #016B78;
}
html body .contentPanel.grid .importantInfo a:hover,
html body .contentPanel.grid .importantInfo a:focus {
  border-bottom: 1px dashed #016B78;
}
html body .contentPanel .textLink {
  background: #007abd;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #007abd), color-stop(1, #007abd));
  background: -ms-linear-gradient(bottom, #007abd, #007abd);
  background: -moz-linear-gradient(center bottom, #007abd 0%, #007abd 100%);
  background: -o-linear-gradient(#007abd, #007abd);
  position: relative;
  margin: 0;
  padding: 1em 0;
  padding-left: 3em;
  width: auto;
  color: #FFFFFF;
  text-transform: uppercase;
  font-family: "oxygenbold", Arial;
  font-size: 1.5em;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
}
html body .contentPanel .textLink:after {
  content: "";
  width: 28px;
  height: 27px;
  display: block;
  background-image: url("../images/icon_cloud.png");
  position: absolute;
  top: 1.25em;
  left: 25px;
}
html body .contentPanel .textLinks {
  background-color: transparent;
  padding-top: 1em;
  padding-left: 0.5em;
}
html body .contentPanel .textLinks .linkContent {
  display: block;
  margin-top: 1em;
}
html body .contentPanel .textLinks .linkContent:first-child {
  padding-top: 1em;
  border-top: 1px dashed #434648;
}
html body .contentPanel .textLinks .linkContent:last-child {
  border-bottom: 1px dashed #434648;
}
html body .contentPanel .textLinks .linkContent a:hover,
html body .contentPanel .textLinks .linkContent a:focus {
  text-decoration: underline;
}
html body .contentPanel .textLinks .linkContent a {
  text-transform: uppercase;
  color: #434648;
  position: relative;
}
html body .contentPanel .textLinks .linkContent a:after {
  content: "";
  width: 28px;
  height: 27px;
  display: block;
  background-image: url("../images/icon_cloud_blue.png");
  position: absolute;
  top: -0.25em;
  left: 23em;
}
html body .contentPanel .toolkit {
  text-transform: uppercase;
  font-weight: bold;
  color: #434648;
  display: block;
  position: relative;
  padding-left: 60px;
  padding-top: 1em;
  margin-top: 2em;
  margin-left: 1.3em;
}
html body .contentPanel .toolkit:after {
  content: " ";
  width: 36px;
  height: 36px;
  display: block;
  background-image: url("../images/icon_toolkit_big.png");
  position: absolute;
  top: 6px;
  left: 0;
}
html body .intro .end.contentPanel.grid {
  width: 100%;
  padding: 24px 0 1.5em 0;
}
html body .intro .end.contentPanel.grid .row {
  text-align: center;
}
html body .intro .end.contentPanel.grid .row .col {
  display: block;
}
html body .intro .end.contentPanel.grid .row h1 {
  color: #016B78;
  font-size: 2.25em;
  text-transform: none;
  line-height: 1;
  max-width: 9em;
  padding: 18px 0 14px 0;
  margin: auto;
  margin-top: 24px;
  margin-bottom: 18px;
  border-top: 1px dashed #9c9c9c;
  border-bottom: 1px dashed #9c9c9c;
  background: none;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
html body .intro .end.contentPanel.grid .row ul {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 1.5em;
  width: auto;
  display: block;
}
html body .intro .end.contentPanel.grid .row ul li {
  width: auto;
  display: inline-block;
  margin: 0;
}
html body .intro .end.contentPanel.grid .row ul li a {
  color: #016B78;
}
html body .intro .end.contentPanel.grid .row ul li span {
  padding-right: 0.2em;
  color: #016B78;
}
html body .intro .end.contentPanel.grid .row p {
  width: 94%;
  padding-left: 3%;
  padding-right: 3%;
  margin: 0;
  margin-bottom: 24px;
  text-align: center;
}
html body .intro .end.contentPanel.grid .row p a {
  color: #016B78;
}
html body .intro .end.contentPanel.grid .row p.emphasise {
  font-size: 1.5em;
  margin-bottom: 14px;
}
html body .intro .end.contentPanel.grid .row p.congratsComplete {
  font-size: 1.5em;
}
html body .intro .end.contentPanel.grid .row .importantInfo {
  text-align: center;
}
html body .intro .end.contentPanel.grid .row .importantInfo.placeholder-bottom-text {
  display: inline-block;
  width: auto;
  padding: 0 0 0 30px;
  text-align: left;
  background-position: 0 0;
}
html body .intro .button {
  text-transform: none;
  padding-right: 10px;
}
html body .intro .contentPanel {
  background: #d7f6f1;
  background: rgba(255, 255, 255, 0.8);
  width: 66%;
  float: left;
  margin-bottom: 18px;
}
html body .intro .contentPanel h1 {
  background-color: #FFFFFF;
  display: block;
  color: #1D1E1E;
  font-size: 1em;
  padding: 34px 32px 26px 32px;
  border-bottom: 4px solid #fab31a;
}
html body .intro .contentPanel h1 .fwoLogo {
  display: block;
  width: 194px;
  height: 35px;
  text-indent: -100em;
  overflow: hidden;
  background-image: url("../images/logo.png");
  background-repeat: no-repeat;
  background-position: center;
}
html body .intro .contentPanel h2 {
  color: #016c7a;
  padding: 26px 32px 20px 32px;
  font-size: 1.625em;
}
html body .intro .contentPanel .introContent {
  padding: 0 32px;
  padding-bottom: 15px;
}
html body .intro .contentPanel .introContent p {
  font-size: 1.125em;
  padding: 0;
}
html body .intro .first-level-section-container {
  width: 32%;
  float: right;
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item {
  list-style: none;
  margin-left: 0;
  margin-bottom: 18px;
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 10px 10px 16px;
  color: #4b4b4b;
  background: #f5f5f5;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f5f5f5), color-stop(1, #e2e2e2));
  background: -ms-linear-gradient(bottom, #f5f5f5, #e2e2e2);
  background: -moz-linear-gradient(center bottom, #f5f5f5 0%, #e2e2e2 100%);
  background: -o-linear-gradient(#e2e2e2, #f5f5f5);
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a:hover .right-column .firstLevelSectionTimer,
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a:focus .right-column .firstLevelSectionTimer {
  background-image: url("../images/section_timer_hover.png");
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a:hover .right-column .firstLevelSectionTimer6,
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a:focus .right-column .firstLevelSectionTimer6 {
  background-image: url("../images/section_timer_6_hover.png");
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a:hover .right-column .firstLevelSectionTimer8,
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a:focus .right-column .firstLevelSectionTimer8 {
  background-image: url("../images/section_timer_8_hover.png");
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a:hover .right-column .firstLevelSectionTimer15,
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a:focus .right-column .firstLevelSectionTimer15 {
  background-image: url("../images/section_timer_15_hover.png");
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a:hover .right-column .firstLevelSectionTimer20,
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a:focus .right-column .firstLevelSectionTimer20 {
  background-image: url("../images/section_timer_20_hover.png");
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a:hover .right-column .firstLevelSectionTimer30,
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a:focus .right-column .firstLevelSectionTimer30 {
  background-image: url("../images/section_timer_30_hover.png");
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a:hover .right-column .arrow,
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a:focus .right-column .arrow {
  background-image: url("../images/section_arrow_hover.png");
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .column-wrapper {
  display: table;
  width: 100%;
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .column-wrapper .right-column {
  display: table-cell;
  margin-top: 0;
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .left-column {
  display: table-cell;
  width: 54px;
  vertical-align: middle;
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .left-column .first-level-section-icon {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .left-column .first-level-section-icon.introIcon0 {
  width: 54px;
  height: 41px;
  background-image: url("../images/section_icon_communicating.png");
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .left-column .first-level-section-icon.introIcon0.flexibility {
  width: 46px;
  height: 34px;
  background-image: url("../images/infographic/people.png");
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .left-column .first-level-section-icon.introIcon1 {
  width: 41px;
  height: 43px;
  background-image: url("../images/section_icon_motivating.png");
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .left-column .first-level-section-icon.introIcon1.flexibility {
  width: 24px;
  height: 38px;
  background-image: url("../images/infographic/question.png");
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .left-column .first-level-section-icon.introIcon2 {
  width: 44px;
  height: 41px;
  background-image: url("../images/section_icon_comply.png");
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .left-column .first-level-section-icon.introIcon3 {
  width: 46px;
  height: 55px;
  background-image: url("../images/section_icon_problemsolving.png");
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .left-column .first-level-section-icon.introIcon4 {
  width: 48px;
  height: 48px;
  background-image: url("../images/section_icon_problemsolving.png");
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .left-column .first-level-section-icon.introIcon5 {
  width: 46px;
  height: 34px;
  background-image: url("../images/infographic/people.png");
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .left-column .first-level-section-icon.introIcon6 {
  width: 44px;
  height: 41px;
  background-image: url("../images/infographic/law.png");
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .middle-column {
  display: table-cell;
  vertical-align: middle;
  padding: 8px 8px 20px 8px;
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .middle-column .first-level-section-heading {
  color: #016c7a;
  font-size: 1.125em;
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .middle-column ul {
  margin-left: 3px;
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .middle-column ul li {
  line-height: 1.25;
  margin-left: 16px;
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .middle-column ul li:before {
  content: "";
  background-image: url("../images/bullet_point_small.png");
  background-repeat: no-repeat;
  width: 6px;
  height: 6px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  left: -10px;
  margin-left: -6px;
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .middle-column p {
  margin-top: 10px;
  font-size: 0.875em;
  line-height: 1.25;
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .right-column {
  display: block;
  white-space: nowrap;
  vertical-align: bottom;
  text-align: right;
  margin-top: -16px;
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .right-column .first-level-section-tick {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  background-image: url("../images/section_tick.png");
  background-repeat: no-repeat;
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .right-column .firstLevelSectionTimer {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 27px;
  margin-bottom: 4px;
  background-image: url("../images/section_timer.png");
  background-repeat: no-repeat;
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .right-column .firstLevelSectionTimer6 {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 27px;
  margin-bottom: 4px;
  background-image: url("../images/section_timer.png");
  background-repeat: no-repeat;
  background-image: url("../images/section_timer_6.png");
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .right-column .firstLevelSectionTimer8 {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 27px;
  margin-bottom: 4px;
  background-image: url("../images/section_timer.png");
  background-repeat: no-repeat;
  background-image: url("../images/section_timer_8.png");
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .right-column .firstLevelSectionTimer15 {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 27px;
  margin-bottom: 4px;
  background-image: url("../images/section_timer.png");
  background-repeat: no-repeat;
  background-image: url("../images/section_timer_15.png");
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .right-column .firstLevelSectionTimer20 {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 27px;
  margin-bottom: 4px;
  background-image: url("../images/section_timer.png");
  background-repeat: no-repeat;
  background-image: url("../images/section_timer_20.png");
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .right-column .firstLevelSectionTimer30 {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 27px;
  margin-bottom: 4px;
  background-image: url("../images/section_timer.png");
  background-repeat: no-repeat;
  background-image: url("../images/section_timer_30.png");
}
html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a .right-column .arrow {
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 16px;
  text-indent: 99em;
  overflow: hidden;
  background-image: url("../images/section_arrow.png");
  background-repeat: no-repeat;
}
html body .intro .introFooter {
  width: 66%;
  float: left;
  display: table;
  table-layout: fixed;
}
html body .intro .introFooter .footer-item {
  list-style: none;
  margin-left: 0;
  display: table-cell;
  color: #4b4b4b;
  background-color: #f5f5f5;
  background-image: url("../images/footer_toolkit_icon.png");
  background-repeat: no-repeat;
  background-position: 16px 24px;
}
html body .intro .introFooter .footer-item.assessment-footer-item {
  border-left: 1px solid #cfcfcf;
  background-image: url("../images/footer_assessment_icon.png");
}
html body .intro .introFooter .footer-item .footer-item-text-container-button .button {
  padding-left: 10px;
}
html body .intro .introFooter .footer-item .footer-item-text-container-button:hover .button,
html body .intro .introFooter .footer-item .footer-item-text-container-button:focus .button {
  color: #fab31a;
}
html body .intro .introFooter .footer-item .footer-item-text-container-button:hover .button .arrow,
html body .intro .introFooter .footer-item .footer-item-text-container-button:focus .button .arrow {
  background-image: url("../images/button_right_arrow_hover.png");
}
html body .intro .introFooter .footer-item .footer-item-text-container {
  padding: 24px 50px 24px 70px;
  color: #4b4b4b;
}
html body .intro .introFooter .footer-item .footer-item-text-container .footer-heading {
  font-family: 'myriadprosemibold', Arial;
  font-size: 1.125em;
}
html body .intro .introFooter .footer-item .footer-item-text-container p {
  margin-top: 10px;
  font-size: 0.875em;
  line-height: 1.25;
}
html body .end.contentPanel.grid {
  text-align: center;
  padding-bottom: 15px;
}
html body .end.contentPanel.grid h1 {
  color: #016B78;
}
html body .end.contentPanel.grid .row {
  margin-bottom: 0;
}
html body .end.contentPanel.grid .row .col.span12 {
  width: 520px;
  float: none;
  margin: auto;
}
html body .end.contentPanel.grid .row .col.span12.congratsContent {
  text-align: left;
}
html body .end.contentPanel.grid .row .col.span12.congratsContent .notCompletedSectionList {
  display: block;
}
html body .end.contentPanel.grid .row .col.span12.congratsContent .completedSectionList {
  display: block;
}
html body .end.contentPanel.grid .row h1 {
  font-size: 2.25em;
  text-transform: none;
  line-height: 1;
  width: 9em;
  padding: 18px 0 14px 0;
  margin: auto;
  margin-top: 24px;
  margin-bottom: 18px;
  border-top: 1px dashed #9c9c9c;
  border-bottom: 1px dashed #9c9c9c;
}
html body .end.contentPanel.grid .row ul {
  margin: auto;
  margin-bottom: 1.5em;
  width: auto;
  display: inline-block;
}
html body .end.contentPanel.grid .row ul li {
  width: auto;
}
html body .end.contentPanel.grid .row a {
  font-family: 'myriadprosemibold', Arial;
  /*font-family: "oxygenbold", Arial;*/
  border-bottom: 1px solid #016B78;
}
html body .end.contentPanel.grid .row a:hover,
html body .end.contentPanel.grid .row a:focus {
  border-bottom: 1px dashed #016B78;
}
html body .end.contentPanel.grid .row p {
  margin-left: 56px;
  margin-bottom: 24px;
}
html body .end.contentPanel.grid .row p a {
  color: #016B78;
}
html body .end.contentPanel.grid .row p.emphasise {
  font-size: 1.5em;
  margin-bottom: 14px;
}
html body .end.contentPanel.grid .row p.congratsComplete {
  font-size: 1.5em;
  /*font-family: 'varela_roundregular', Arial;*/
}
html body .end.contentPanel.grid .row p.congratsGoToolkit .congratsGoToolkit-icon {
  display: block;
  background-image: url("../images/downloads.png");
  background-repeat: no-repeat;
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  margin-left: -256px;
}
html body .end.contentPanel.grid .row p.congratsGlossary {
  line-height: 48px;
}
html body .end.contentPanel.grid .row p.congratsGlossary .congratsGlossary-icon {
  display: block;
  background-image: url("../images/links.png");
  background-repeat: no-repeat;
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  margin-left: -256px;
}
html body .end.contentPanel.grid .row p.congratsToolkit .congratsToolkit-icon {
  display: block;
  background-image: url("../images/links.png");
  background-repeat: no-repeat;
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  margin-left: -256px;
}
html body .end.contentPanel.grid .row p.congratsSelfAssessment .congratsSelfAssessment-icon {
  display: block;
  background-image: url("../images/self_assessment.png");
  background-repeat: no-repeat;
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  margin-left: -256px;
}
html body .end.contentPanel.grid .row p.congratsSurvey .congratsSurvey-icon {
  content: " ";
  display: block;
  background-image: url("../images/survey.png");
  background-repeat: no-repeat;
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  margin-left: -256px;
}
html body .end.contentPanel.grid .row .congratsTakeSurvey .congratsTakeSurvey-icon {
  content: " ";
  display: block;
  background-image: url("../images/survey.png");
  background-repeat: no-repeat;
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  margin-left: -256px;
}
html body .end.contentPanel.grid .row .congratsTakeSurvey p + p {
  margin-top: -28px;
}
html body .end.contentPanel a {
  color: #434648;
}
html body .end.contentPanel a:hover a:focus {
  text-decoration: underline;
}
html body .end.contentPanel h2 {
  font-weight: normal;
}
html body .vid.contentPanel {
  padding-bottom: 30px;
}
html body .activity-intro.contentPanel,
html body .text.contentPanel,
html body .more-feedback.contentPanel {
  padding-bottom: 30px;
}
html body .activity-intro .placeholder-bottom-text p,
html body .text .placeholder-bottom-text p,
html body .more-feedback .placeholder-bottom-text p {
  margin-bottom: 15px;
}
html body .short-text-with-image.contentPanel {
  padding-bottom: 30px;
}
html body .activity.contentPanel {
  padding-bottom: 30px;
}
html body .activity.contentPanel .question-option-list {
  margin-left: 24px;
}
html body .activity.contentPanel .question-option-list .question-option-item {
  margin-left: 0;
  position: relative;
  margin-bottom: 15px;
}
html body .activity.contentPanel .question-option-list .question-option-item:before {
  content: none;
}
html body .activity.contentPanel .question-option-list .question-option-item ul li:before {
  background-image: url("../images/bullet_point_small.png");
  width: 6px;
  height: 6px;
}
html body .activity.contentPanel .feedback-for-question {
  padding-left: 32px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
html body .activity.contentPanel .feedback-for-question.feedback-with-question {
  /*margin-left: @questionRightPanelMarginLeft;
						padding-left: 58px; //28px = radio button width, 30px optionDetails margin left*/
}
html body .activity.contentPanel .feedback-for-question.feedback-with-question .feedbackContent {
  /*ul{
								margin-left: @questionRightPanelOptionListMarginLeft;
							}*/
}
html body .activity.contentPanel .feedback-for-question.feedback-with-question .feedbackContent .feedback-text > span {
  display: block;
  margin-bottom: 15px;
}
html body .activity.contentPanel .feedback-for-question.feedback-with-question .feedbackContent .correctOption > span {
  display: block;
  margin-bottom: 15px;
}
html body .activity.contentPanel .feedback-for-question.feedback-with-question .feedbackContent .correctOption.bullet {
  margin-bottom: 15px;
  margin-left: 29px;
}
html body .activity.contentPanel .feedback-for-question.feedback-with-question .feedbackContent .correctOption.bullet > span {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
html body .activity.contentPanel .feedback-for-question.feedback-with-question .feedbackContent .correctOption.bullet:before {
  content: "";
  background-image: url("../images/bullet_point.png");
  background-repeat: no-repeat;
  width: 9px;
  height: 9px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  left: -10px;
  margin-left: -9px;
}
html body .activity.contentPanel .feedback-for-question.correct {
  background-image: url("../images/activity_correct.png");
}
html body .activity.contentPanel .feedback-for-question.incorrect {
  background-image: url("../images/activity_incorrect.png");
}
html body .activity.contentPanel .feedback-for-question .feedback-result {
  font-family: 'myriadprosemibold', Arial;
  text-transform: uppercase;
  margin-bottom: 15px;
}
html body .activity.contentPanel .question-heading,
html body .activity.contentPanel .feedback-heading {
  font-size: 1.125em;
  line-height: 1.25;
  margin-bottom: 15px;
}
html body .activity.contentPanel .feedback-heading {
  font-family: 'myriadprosemibold', Arial;
  text-transform: uppercase;
}
html body .infographics {
  /*.infographic-right-inner-wrapper{
        display: table;
        .infographic-right-inner{
          display: table-cell;
          vertical-align: middle;
          height: 520px;
        }
      }*/
}
html body .infographics.grid .infographic-row {
  display: table;
}
html body .infographics.grid .infographic-left-column {
  display: table-cell;
  vertical-align: top;
}
html body .infographics.grid .infographic-left-column.col.span5 {
  width: 40%;
  float: none;
}
html body .infographics.grid .infographic-left-column.col.span5 .placeholder-bottom-text {
  margin-bottom: 0;
}
html body .infographics.grid .infographic-left-column.col.span5 .placeholder-bottom-text .infographic-left-bottom-text {
  margin-bottom: 0;
}
html body .infographics.grid .infographic-right-column {
  display: table-cell;
  vertical-align: top;
}
html body .infographics.grid .infographic-right-column .infographic-right-inner-wrapper {
  margin-left: 5px;
}
html body .infographics.grid .infographic-right-column.col.span7 {
  margin-left: 0;
  width: 60%;
  float: none;
}
html body .infographics.grid .infographic-right-column.col.span7 .break-out-box {
  border-top: 6px solid #23c0db;
  margin-bottom: 0;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
html body .infographics.grid .infographic-right-column.col.span7 .break-out-box ul li a {
  word-wrap: break-word;
}
html body .infographics.grid .break-out-box-heading {
  text-transform: uppercase;
  line-height: 1.125;
  font-size: 1.125em;
  font-family: 'myriadproregular', Arial;
}
html body .self-assessment.contentPanel .col.first-child {
  margin-left: 0;
}
html body .self-assessment.contentPanel .selfAssessmentClose-col {
  position: relative;
}
html body .self-assessment.contentPanel .selfAssessmentClose {
  padding: 0.5em 2em 0.5em 0.5em;
  background-image: url("../images/selfassessment_close_small.png");
  background-repeat: no-repeat;
  background-position: 90% center;
  background-color: #fab31a;
  position: absolute;
  left: auto;
  right: 0;
  top: 25px;
  border: none;
  font-size: 0.875em;
  width: 3.2em;
  border-bottom: 0;
  font-family: "oxygenbold", Arial;
  color: #373737;
}
html body .self-assessment.contentPanel .selfAssessmentClose:hover,
html body .self-assessment.contentPanel .selfAssessmentClose:focus {
  border-bottom: 0;
  background-color: #fa831a;
}
html body .self-assessment.contentPanel .assessment-heading-container {
  font-family: "myriadprosemibolditalic", Arial;
  margin-bottom: 30px;
}
html body .self-assessment.contentPanel .table-container {
  display: table;
  width: 100%;
}
html body .self-assessment.contentPanel .table-container .table-left-column {
  display: table-cell;
  width: 50%;
}
html body .self-assessment.contentPanel .table-container .table-right-column {
  display: table-cell;
  width: 50%;
  line-height: 1;
}
html body .self-assessment.contentPanel .table-container .table-right-column .table-right-inner-container {
  display: table;
  width: 100%;
}
html body .self-assessment.contentPanel .table-container .table-right-column .table-right-inner-container .table-right-inner-item {
  display: table-cell;
  width: 25%;
  text-align: center;
}
html body .self-assessment.contentPanel .assessment-statement-container {
  margin-bottom: 30px;
}
html body .self-assessment.contentPanel .assessment-statement-container:focus {
  outline: 0;
}
html body .self-assessment.contentPanel .assessment-statement-container .table-container.even {
  background-color: #e5e5e5;
}
html body .self-assessment.contentPanel .assessment-statement-container .table-container .table-left-column {
  padding: 12px 6px 6px 18px;
  vertical-align: top;
}
html body .self-assessment.contentPanel .assessment-statement-container .table-container .table-right-column {
  padding: 1em 0;
  vertical-align: middle;
}
html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container {
  /*.radioInput{
							visibility: hidden;
						}*/
}
html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .table-right-inner-item {
  position: relative;
}
html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radioInput {
  top: 0;
}
html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label {
  width: 28px;
}
html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label .radioAnchor {
  margin-top: 0;
}
html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label .optionDetails {
  display: none;
}
html body .self-assessment.contentPanel .feedback-container h2 {
  color: #016c7a;
  font-size: 1.375em;
  line-height: 30px;
  padding: 16px 0;
}
html body .self-assessment.contentPanel .feedback-container h2 .result-icon {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin-right: 6px;
  background-repeat: no-repeat;
}
html body .self-assessment.contentPanel .feedback-container h2.bad .result-icon {
  background-image: url("../images/action_plan_red.png");
}
html body .self-assessment.contentPanel .feedback-container h2.good .result-icon {
  background-image: url("../images/action_plan_green.png");
}
html body .self-assessment.contentPanel .feedback-container h2.neutral .result-icon {
  background-image: url("../images/action_plan_yellow.png");
}
html body .self-assessment.contentPanel .feedback-container .feedback-inner-container {
  float: left;
  width: 48.53515625%;
  margin-left: 2.9296875%;
}
html body .self-assessment.contentPanel .feedback-container .feedback-inner-container.left {
  margin-left: 0;
  clear: both;
}
html body .self-assessment.contentPanel .feedback-container ul li,
html body .self-assessment.contentPanel .feedback-container ol li {
  margin-left: 29px;
}
html body .self-assessment.contentPanel .feedback-container ul li:before,
html body .self-assessment.contentPanel .feedback-container ol li:before {
  background-image: url("../images/checkbox_tick.png");
  width: 20px;
  height: 18px;
  margin-left: -19px;
}
html body .self-assessment.contentPanel .feedback-container .break-out-box {
  margin-left: 18px;
}
html body .self-assessment.contentPanel .feedback-container .break-out-box .break-out-box-inner-list li > p {
  display: inline;
}
html body .diversity.contentPanel .diversity-question-container .question-text {
  margin-bottom: 20px;
  font-size: 1.3em;
}
html body .diversity.contentPanel .diversity-question-container .question-text strong {
  color: #016c7a;
  font-family: 'myriadprosemibold', Arial;
}
html body .diversity.contentPanel .diversity-question-container .question-options-container {
  margin-bottom: 20px;
}
html body .diversity.contentPanel .diversity-question-container .question-options-container.last .radio-input-wrapper {
  margin-bottom: 20px;
}
html body .diversity.contentPanel .diversity-question-container .select-container {
  display: inline-block;
  position: relative;
  margin-left: 20px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  /*background-color: @diversityQuestionButtonBgColor;*/
}
html body .diversity.contentPanel .diversity-question-container .select-container:after {
  content: "";
  display: block;
  width: 78px;
  height: 100%;
  position: absolute;
  z-index: 0;
  right: 0;
  top: 0;
  background-image: url("../images/select_arrow.png");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-box-shadow: -2px 0 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -2px 0 2px rgba(0, 0, 0, 0.3);
  box-shadow: -2px 0 2px rgba(0, 0, 0, 0.3);
  pointer-events: none;
}
html body .diversity.contentPanel .diversity-question-container select {
  font-size: 1.25em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  background-color: #f5f5f5;
  padding: 26px 102px 26px 24px;
  position: relative;
  color: #4b4b4b;
}
html body .diversity.contentPanel .diversity-question-container select::-ms-expand {
  display: none;
}
html body .diversity.contentPanel .diversity-question-container select.default {
  color: #868686;
}
html body .diversity.contentPanel .diversity-question-container select .non-default-option {
  color: #4b4b4b;
  /*&:hover, &:focus{
								color: @feature2stColor;
								background-color: @diversityQuestionButtonActivateBgColor;
							}*/
}
html body .diversity.contentPanel .diversity-question-container select .default-option {
  display: none;
  color: #868686;
}
html body .diversity.contentPanel .diversity-question-container .radio-input-wrapper {
  position: relative;
  display: inline-block;
  margin-left: 20px;
  margin-right: 28px;
}
html body .diversity.contentPanel .diversity-question-container .radio-input-wrapper.last {
  margin-right: 0;
}
html body .diversity.contentPanel .diversity-question-container .radioInput {
  top: 0;
  width: 48px;
  height: 48px;
}
html body .diversity.contentPanel .diversity-question-container .radioAnchor {
  margin-top: 0;
  width: 48px;
  height: 48px;
  background-image: url("../images/radio_unselected_large.png");
}
html body .diversity.contentPanel .diversity-question-container .radio-label {
  width: auto;
  font-size: 1.5em;
  /*height: 78px;
            position: relative;
            .drop-shadow(0,
            0,
            8px,
            0.6);
            background-color: @diversityQuestionButtonBgColor;*/
  /*&.longLabel {
              .optionDetails {
                font-size: 1.5em;
              }
            }*/
}
html body .diversity.contentPanel .diversity-question-container .radio-label .optionDetails {
  width: 3em;
  margin-left: 16px;
  margin-top: 8px;
  /*display: block;
              position: absolute;
              left: 0;
              top: 0;
              margin-left: 0;
              font-size: 2em;
              text-align: center;
              line-height: 78px;*/
}
html body .diversity.contentPanel .diversity-question-container .radio-label.radioLableActivate .radioAnchor {
  background-image: url("../images/radio_seleted_large.png");
}
html body .diversity-feedback.contentPanel.grid {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
html body .diversity-feedback.contentPanel.grid .row {
  padding-left: 3%;
  padding-right: 3%;
  box-sizing: border-box;
}
html body .diversity-feedback .middle-text-row {
  color: #ffffff;
  background-color: #464646;
  /*&.third{
        	padding-bottom: @marginBetweenRows;
        }*/
}
html body .diversity-feedback .middle-text-row.first {
  padding-top: 30px;
  padding-bottom: 1px;
  /*padding-bottom: @marginBetweenRows;*/
}
html body .diversity-feedback .middle-text-row.second {
  padding-bottom: 30px;
}
html body .diversity-feedback .middle-text-row.second ul {
  margin-bottom: 0;
}
html body .diversity-feedback .bottom-text-row {
  padding-top: 30px;
}
html body .discrimination .discrimination-container {
  display: table;
  width: 100%;
  text-align: center;
  margin-top: 50px;
}
html body .discrimination .discrimination-container .discrimination-column {
  display: table-cell;
}
html body .discrimination .discrimination-container .discrimination-left-column {
  width: 43%;
}
html body .discrimination .discrimination-container .discrimination-middle-column {
  width: 14%;
  vertical-align: middle;
  font-family: 'myriadprosemibold', Arial;
}
html body .discrimination .discrimination-container .discrimination-right-column {
  width: 43%;
}
html body .discrimination .discrimination-container .discrimination-list .discrimination-item {
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
}
html body .discrimination .discrimination-container .discrimination-list .discrimination-item.current {
  color: #ffffff;
  padding-left: 0;
  padding-right: 0;
}
html body .discrimination .discrimination-container .discrimination-list .discrimination-item.current .discrimination-text-wrapper {
  background: #464646;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #464646), color-stop(1, #464646));
  background: -ms-linear-gradient(bottom, #464646, #464646);
  background: -moz-linear-gradient(center bottom, #464646 0%, #464646 100%);
  background: -o-linear-gradient(#464646, #464646);
  padding-left: 55px;
  padding-right: 55px;
}
html body .discrimination .discrimination-container .discrimination-list .discrimination-item.current .discrimination-text {
  height: 4em;
}
html body .discrimination .discrimination-container .discrimination-list .discrimination-item .discrimination-text-wrapper {
  background: #f8f8f8;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f8f8f8), color-stop(1, #d0d0d0));
  background: -ms-linear-gradient(bottom, #f8f8f8, #d0d0d0);
  background: -moz-linear-gradient(center bottom, #f8f8f8 0%, #d0d0d0 100%);
  background: -o-linear-gradient(#d0d0d0, #f8f8f8);
  line-height: 1.125;
  padding: 0 6px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
html body .discrimination .discrimination-container .discrimination-list .discrimination-item .discrimination-text {
  display: table-cell;
  height: 3em;
  vertical-align: middle;
  overflow: hidden;
}
html body .discrimination .discrimination-container .discrimination-list .discrimination-item .discrimination-text.empty {
  text-indent: -99em;
}
html body .discrimination .discrimination-container .discrimination-list .discrimination-item .arrow-button {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  width: 19px;
  height: 13px;
  overflow: hidden;
  text-indent: -99em;
  background-repeat: no-repeat;
}
html body .discrimination .discrimination-container .discrimination-list .discrimination-item .arrow-button.discrimination-up {
  left: 30px;
  background-image: url("../images/discrimination_up.png");
}
html body .discrimination .discrimination-container .discrimination-list .discrimination-item .arrow-button.discrimination-up:hover,
html body .discrimination .discrimination-container .discrimination-list .discrimination-item .arrow-button.discrimination-up:focus {
  background-image: url("../images/discrimination_up_hover.png");
}
html body .discrimination .discrimination-container .discrimination-list .discrimination-item .arrow-button.discrimination-down {
  right: 30px;
  background-image: url("../images/discrimination_down.png");
}
html body .discrimination .discrimination-container .discrimination-list .discrimination-item .arrow-button.discrimination-down:hover,
html body .discrimination .discrimination-container .discrimination-list .discrimination-item .arrow-button.discrimination-down:focus {
  background-image: url("../images/discrimination_down_hover.png");
}
html body .discrimination .unlawful-text-container p {
  text-transform: uppercase;
  color: #016c7a;
  font-size: 2.25em;
  line-height: 1.125;
  text-align: center;
  overflow: hidden;
}
html body .discrimination .unlawful-text-container.default p {
  text-indent: -99em;
}
html body .vertical-text-image.contentPanel.grid {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
html body .vertical-text-image.contentPanel.grid .row {
  padding-left: 3%;
  padding-right: 3%;
  width: 94%;
}
html body .vertical-text-image.contentPanel.grid .row.image-row {
  padding-top: 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
  width: 100%;
  background-color: #464646;
}
html body .vertical-text-image.contentPanel.grid .row.image-row.second {
  background-color: #535353;
}
html body .vertical-text-image.contentPanel.grid .row.image-row .span12 {
  text-align: center;
}
html body .informationPanel {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: none;
  background-image: url("../images/bg_overlay_1px.png");
  /* Fallback for web browsers that doesn't support RGBa */
  /* RGBa with 0.75 opacity */
  background: rgba(0, 0, 0, 0.75);
  z-index: 25;
}
html body .informationPanel .informationPanelMiddle .closeInfoPanel {
  position: absolute;
  display: block;
  top: 12px;
  right: 0;
  margin-right: 24px;
  text-indent: -1000px;
  overflow: hidden;
  background-image: url("../images/button_close.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 32px;
  height: 32px;
}
html body .informationPanel .informationPanelMiddle .closeInfoPanel:hover,
html body .informationPanel .informationPanelMiddle .closeInfoPanel:focus {
  background-image: url("../images/button_close.png");
  background-position: 0 -32px;
}
html body .informationPanel .informationPanelMiddle .featurePanelInfo {
  z-index: 11;
  position: absolute;
  width: 440px;
  right: 0;
  left: 0;
  top: 10%;
  margin: auto;
  background-color: #242526;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
}
html body .informationPanel .informationPanelMiddle .featurePanelInfo.large {
  width: 70%;
  max-width: 900px;
}
html body .informationPanel .informationPanelMiddle .featurePanelInfo.alert {
  padding-bottom: 20px;
}
html body .informationPanel .informationPanelMiddle .featurePanelInfo.alert .closeInfoPanel {
  position: relative;
  text-indent: 0;
  background-image: none;
  width: 160px;
  height: 48px;
  line-height: 48px;
  top: auto;
  right: auto;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #FFFFFF;
  background-color: #fab31a;
  color: #373737;
  font-family: 'myriadprosemibold', Arial;
}
html body .informationPanel .informationPanelMiddle .featurePanelInfo.alert .closeInfoPanel:hover {
  background-color: #ffca4b;
}
html body .informationPanel .informationPanelMiddle .featurePanelInfo.alert .closeInfoPanel:focus {
  background-color: #fa831a;
}
html body .informationPanel .informationPanelMiddle .featurePanelInfo.alert .closeInfoPanel:hover,
html body .informationPanel .informationPanelMiddle .featurePanelInfo.alert .closeInfoPanel:focus {
  /*.gradient(@blueMidTop, @blueMidTop, @blueMidTop);*/
  border-bottom: 1px solid #FFFFFF;
}
html body .informationPanel .informationPanelMiddle .featurePanelInfo a {
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
html body .informationPanel .informationPanelMiddle .featurePanelInfo a:hover,
html body .informationPanel .informationPanelMiddle .featurePanelInfo a:focus {
  border-bottom: 1px dashed #FFFFFF;
}
html body .informationPanel .informationPanelMiddle .featurePanelInfo a.closeInfoPanel {
  border-bottom: 0;
}
html body .informationPanel .informationPanelMiddle .featurePanelInfo a.closeInfoPanel:hover,
html body .informationPanel .informationPanelMiddle .featurePanelInfo a.closeInfoPanel:focus {
  border-bottom: 0;
}
html body .informationPanel .informationPanelMiddle .featurePanelInfo h2 {
  color: #FFFFFF;
  width: auto;
  padding: 17px 56px 17px 24px;
  font-size: 1em;
  line-height: 1.25em;
  text-transform: uppercase;
  font-family: 'myriadprosemibold', Arial;
}
html body .informationPanel .informationPanelMiddle .featurePanelInfo h2.primary {
  color: #373737;
  background-color: #fab31a;
}
html body .informationPanel .informationPanelMiddle .featurePanelInfo h2.secondary {
  background-color: #d24205;
}
html body .informationPanel .informationPanelMiddle .featurePanelInfo .featurePanelInfo-inner {
  padding: 24px;
  font-size: 0.875em;
  line-height: 1.25;
  color: #FFFFFF;
  /*ul {
              margin-top: 14px;
              li {
                color: @white;
              }
            }*/
}
html body .informationPanel .informationPanelMiddle .featurePanelInfo .featurePanelInfo-inner p {
  font-size: 1em;
  line-height: 1.25;
}
html body .informationPanel .informationPanelMiddle .featurePanelInfo .featurePanelInfo-inner ul,
html body .informationPanel .informationPanelMiddle .featurePanelInfo .featurePanelInfo-inner ol {
  margin-left: 10px;
  margin-top: 12px;
}
html body .informationPanel .informationPanelMiddle .featurePanelInfo .featurePanelInfo-inner ul li,
html body .informationPanel .informationPanelMiddle .featurePanelInfo .featurePanelInfo-inner ol li {
  line-height: 1.25;
  margin-left: 16px;
}
html body .informationPanel .informationPanelMiddle .featurePanelInfo .featurePanelInfo-inner ul li:before,
html body .informationPanel .informationPanelMiddle .featurePanelInfo .featurePanelInfo-inner ol li:before {
  content: "";
  background-image: url("../images/bullet_point_small.png");
  background-repeat: no-repeat;
  width: 6px;
  height: 6px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  left: -10px;
  margin-left: -6px;
}
html body .informationPanel .informationPanelMiddle .featurePanelInfo .featurePanelInfo-inner ul li.has-sub-list:before,
html body .informationPanel .informationPanelMiddle .featurePanelInfo .featurePanelInfo-inner ol li.has-sub-list:before {
  content: none;
}
html body .informationPanel .informationPanelMiddle .featurePanelInfo .featurePanelInfo-inner ul li.has-sub-list ul li:before,
html body .informationPanel .informationPanelMiddle .featurePanelInfo .featurePanelInfo-inner ol li.has-sub-list ul li:before {
  background-image: url("../images/bullet_point_sub.png");
}
html body .informationPanel .informationPanelMiddle .featurePanelInfo .featurePanelInfo-inner p {
  padding: 0;
}
html body .informationPanel .informationPanelMiddle .featurePanelInfo .featurePanelInfo-inner p + p {
  padding-top: 12px;
}
html body .informationPanel .informationPanelMiddle .featurePanelInfo .featurePanelInfo-inner ul + p {
  padding-top: 12px;
}
html body .informationPanel .informationPanelMiddle .downloadPanelInfo {
  z-index: 11;
  position: absolute;
  width: 460px;
  right: 0;
  left: 0;
  top: 10%;
  margin: auto;
  background-color: #242526;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
  color: #9c9c9c;
}
html body .informationPanel .informationPanelMiddle .downloadPanelInfo h3 {
  background-color: #007abd;
  color: #FFFFFF;
  width: auto;
  padding: 17px 56px 17px 24px;
  font-size: 1em;
  line-height: 1.25em;
  text-transform: uppercase;
  font-weight: bold;
}
html body .informationPanel .informationPanelMiddle .downloadPanelInfo p {
  padding: 24px;
  font-size: 0.875em;
  line-height: 1.25em;
}
html body .informationPanel .informationPanelMiddle .downloadPanelInfo .textLinks {
  margin: 10px 13px 10px 17px;
  padding: 0;
  border-top: 1px dashed #434648;
  border-bottom: 1px dashed #434648;
}
html body .informationPanel .informationPanelMiddle .downloadPanelInfo .textLinks.last li {
  border-bottom: none;
}
html body .informationPanel .informationPanelMiddle .downloadPanelInfo .textLinks li {
  border: none;
  border-bottom: 1px dashed #434648;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  list-style: none;
}
html body .informationPanel .informationPanelMiddle .downloadPanelInfo .textLinks li .bundle {
  float: right;
}
html body .informationPanel .informationPanelMiddle .downloadPanelInfo .textLinks li p {
  padding: 0;
}
html body .informationPanel .informationPanelMiddle .downloadPanelInfo .textLinks li a {
  color: #FFFFFF;
  font-size: 0.875em;
  line-height: 1.143em;
  font-family: "oxygenbold", Arial;
  text-transform: uppercase;
}
html body .informationPanel .informationPanelMiddle .downloadPanelInfo .textLinks li a span {
  color: #FFFFFF;
}
html body .informationPanel .informationPanelMiddle .downloadPanelInfo .textLinks li a:hover {
  text-decoration: underline;
}
html body .informationPanel .informationPanelMiddle .downloadPanelInfo .textLinks li a:focus {
  text-decoration: underline;
}
html body .informationPanel .informationPanelMiddle .downloadPanelInfo .textLinks .linkContent:last-child {
  margin: 0;
  border: none;
}
html body .blackOverlay {
  display: none;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html body .blackOverlay .applicantPanel {
  position: relative;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
  min-height: 28.5em;
  max-width: 64em;
  margin: 0 auto;
  margin-top: 8em;
  background-repeat: no-repeat;
  background-image: none;
}
html body .blackOverlay .applicantPanel .imageContainer {
  width: 33%;
  display: inline-block;
  position: relative;
  height: 100%;
}
html body .blackOverlay .applicantPanel .imageContainer img {
  position: absolute;
  top: -17px;
}
html body .blackOverlay .applicantPanel .container {
  display: inline-block;
  width: 60%;
  vertical-align: top;
  padding-left: 4%;
  float: right;
}
html body .blackOverlay .applicantPanel .container p {
  display: block;
  width: auto;
  padding-top: 1em;
  padding-bottom: 1em;
}
html body .blackOverlay .applicantPanel .container h3 {
  padding-top: 1em;
  padding-bottom: 1em;
  color: #016B78;
  font-size: 1.75em;
  font-weight: bold;
}
html body .blackOverlay .applicantPanel .container .closeInfoPanel {
  position: absolute;
  top: 0px;
  display: block;
  left: 95%;
  border-top: 0;
  padding: 0;
  margin-top: 24px;
  text-indent: -1000px;
  overflow: hidden;
  background-image: url("../images/button_close_black.png");
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
}
html body .blackOverlay .applicantPanel .container .closeInfoPanel:hover {
  background-image: url("../images/button_close.png");
  background-position: 0 -32px;
}
html body .blackOverlay .applicantPanel .container .closeInfoPanel:focus {
  outline-style: dotted;
  outline-color: #1D1E1E;
  outline-width: 1px;
}
html body .blackOverlay .applicantPanel .container .textSkills {
  width: auto;
  font-family: "oxygenbold", Arial;
  padding-top: 0em;
  padding-left: 0em;
  padding-bottom: 0.5em;
  border-bottom: 1px dashed #9c9c9c;
}
html body .blackOverlay .applicantPanel .container .textSkills ul {
  padding-bottom: 0em;
}
html body .blackOverlay .applicantPanel .container a {
  display: block;
  width: auto;
  color: #016B78;
  cursor: pointer;
  font-family: "oxygenbold", Arial;
  text-transform: uppercase;
  padding-top: 1.5em;
  padding-bottom: 2em;
  border-top: 1px dashed #9c9c9c;
}
html body #summaryPrintArea .grid.contentPanel {
  padding-bottom: 3.4em;
}
html body #summaryPrintArea .grid .row {
  margin-bottom: 6px;
}
html body #summaryPrintArea .grid .span12 {
  border-bottom: none;
}
html body #summaryPrintArea .grid .span6 .list3 {
  min-height: 200px;
}
html body #summaryPrintArea .grid.contentPanel h2 {
  font-size: 1.875em;
  text-transform: none;
}
html body #summaryPrintArea .grid.contentPanel .summaryParagraph {
  line-height: 1.5em;
}
html body #summaryPrintArea .grid.contentPanel .summaryParagraph .importantInfo {
  margin-bottom: 6px;
}
html body #summaryPrintArea .grid.contentPanel .plan-step-summary {
  margin-bottom: 22px;
}
html body #summaryPrintArea .grid.contentPanel .plan-step-summary.left {
  margin-left: 20px;
}
html body #summaryPrintArea .grid.contentPanel .plan-step-summary h3 {
  text-transform: none;
  font-size: 1em;
  width: 100%;
}
html body #summaryPrintArea .grid.contentPanel .plan-step-summary h3 .index {
  margin-right: 0px;
  display: inline-block;
  width: 56px;
  height: 41px;
  background-image: url("../images/summary_step_heading_index_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  font-size: 1.875em;
  color: #FFFFFF;
  padding-top: 23px;
  padding-left: 38px;
}
html body #summaryPrintArea .grid.contentPanel .plan-step-summary h3 .textHeading {
  display: inline-block;
  vertical-align: middle;
  width: 70%;
  margin-bottom: 12px;
}
html body #summaryPrintArea .grid.contentPanel .plan-step-summary ul {
  list-style-type: none;
  list-style: none;
}
html body #summaryPrintArea .grid.contentPanel .plan-step-summary ul li {
  list-style-type: none;
  list-style: none;
  background-image: url("../images/summary_step_list_bg.png");
  background-repeat: no-repeat;
  margin-left: 81px;
  padding-bottom: 0px;
  font-family: "oxygenregular", Arial;
  color: #434648;
  line-height: 10px;
}
html body #summaryPrintArea .grid.contentPanel .plan-step-summary ul li p {
  border: none;
  padding-bottom: 3px;
  font-family: "oxygenregular", Arial;
  text-transform: Capitalize;
}
html body #summaryPrintArea .grid.contentPanel .feedbackPanelHeading {
  border-top: 1px dashed #d3d3d3;
  margin-top: 31px;
  padding-top: 17px;
  padding-bottom: 0px;
  margin-bottom: -10px;
}
html body #summaryPrintArea .grid.contentPanel .feedbackSummaryContent {
  border-bottom: 1px dashed #d3d3d3;
  padding-bottom: 33px;
  color: #434648;
}
html body #summaryPrintArea .grid.contentPanel .feedbackSummaryContent.last {
  border-bottom: none;
}
html body #summaryPrintArea .grid.contentPanel .feedbackSummaryContent h3 {
  font-size: 1.5em;
  text-transform: Capitalize;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 18px;
  margin-bottom: 2px;
  width: 100%;
}
html body #summaryPrintArea .grid.contentPanel .feedbackSummaryContent a {
  color: #016B78;
  word-wrap: break-word;
}
html body #summaryPrintArea .grid.contentPanel .feedbackSummaryContent a:focus {
  text-decoration: underline;
}
html body #summaryPrintArea .grid.contentPanel .feedbackSummaryContent a:hover {
  text-decoration: underline;
}
html body .mobileMenuOptionPanel {
  display: none;
}
html body #videoContainer {
  position: absolute;
  z-index: 2;
  top: 0;
  width: 100%;
}
html body #videoContainer.hide {
  top: -40px;
}
html body #videoContainer.hide .video {
  width: 1px;
  height: 1px;
  margin-left: 0;
}
html body #videoContainer .video {
  position: relative;
  width: 1024px;
  height: 576px;
  max-width: 1024px;
  max-height: 576px;
  margin: auto;
}
html body #videoContainer .videoPending {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  background-color: #000000;
}
html body #videoContainer .videoPending .video-pending-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  min-width: 0;
  min-height: 0;
  margin-top: -16px;
  margin-left: -16px;
}
html body #videoContainer .videoPlayer {
  background-color: black;
  width: 100%;
  height: 100%;
}
html body #videoContainer .videoPlayer #videoPlayer {
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
  overflow: hidden;
}
html body #videoContainer .videoPlayer #videoPlayer video {
  width: 100%;
  height: 100%;
}
html body #videoContainer .captions-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
html body #videoContainer .captions {
  position: absolute;
  bottom: 12px;
  left: 50%;
  right: 0;
  display: table;
  max-width: 90%;
}
html body #videoContainer .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.25em;
  line-height: 1.25em;
}
.videoOverlay {
  z-index: 50;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
}
.no-touch header ul li.sectionButton a:hover,
.no-touch header ul li.sectionButton a:focus {
  /*border-top-color: @secondLevelNavigationHoverBgColor;*/
  /*color: @secondLevelNavigationTextColor;*/
  background-color: #777777;
  background-image: -moz-linear-gradient(90deg, #312f2f 0%, #4c4b4b 100%);
  background-image: -webkit-linear-gradient(90deg, #312f2f 0%, #4c4b4b 100%);
  background-image: -ms-linear-gradient(90deg, #312f2f 0%, #4c4b4b 100%);
}
.no-touch header ul li.sectionButton.currentSection a:hover,
.no-touch header ul li.sectionButton.currentSection a:focus {
  color: #373737;
  background-color: #fab31a;
  background-image: -moz-linear-gradient(90deg, #e19113 0%, #f1ba11 100%);
  background-image: -webkit-linear-gradient(90deg, #e19113 0%, #f1ba11 100%);
  background-image: -ms-linear-gradient(90deg, #e19113 0%, #f1ba11 100%);
}
.no-touch header ul li.toolbox .toolboxBtn:hover,
.no-touch header ul li.toolbox .toolboxBtn:focus {
  background-image: url("../images/toolbox_toolkit_icon_hover.png");
}
.no-touch header ul li.toolbox .toolboxBtn:hover .toolboxBtn-description.tooltip,
.no-touch header ul li.toolbox .toolboxBtn:focus .toolboxBtn-description.tooltip {
  padding: 5px 0;
  margin-top: 3px;
  width: 64px;
  height: auto;
  left: 50%;
  margin-left: -32px;
  top: 110%;
  overflow: visible;
}
.no-touch header ul li.toolbox .toolboxBtn:hover .toolboxBtn-description.assessmentBtn-description,
.no-touch header ul li.toolbox .toolboxBtn:focus .toolboxBtn-description.assessmentBtn-description {
  left: -10px;
  width: 122px;
  margin-left: -61px;
}
.no-touch header ul li.toolbox .toolboxBtn:hover .toolboxBtn-description.assessmentBtn-description.bottom .tooltip-arrow,
.no-touch header ul li.toolbox .toolboxBtn:focus .toolboxBtn-description.assessmentBtn-description.bottom .tooltip-arrow {
  left: auto;
  right: 27px;
}
.no-touch header ul li.toolbox .toolboxBtn.assessmentBtn:hover,
.no-touch header ul li.toolbox .toolboxBtn.assessmentBtn:focus {
  background-image: url("../images/toolbox_selfassessment_icon_hover.png");
}
.no-touch header ul li.currentSection .toolboxBtn:hover,
.no-touch header ul li.currentSection .toolboxBtn:focus {
  background-image: url("../images/toolbox_toolkit_icon_selected.png");
}
.no-touch header ul li.currentSection .toolboxBtn.assessmentBtn:hover,
.no-touch header ul li.currentSection .toolboxBtn.assessmentBtn:focus {
  background-image: url("../images/toolbox_selfassessment_icon_selected.png");
}
/*---------------------------------------------------------------------------------------------
    Width Between Tablet Landscape and Tablet Portrait Styling with max-width:1023px
  ------------------------  ------------------------  ----------------------------------------*/
.max-width-1023 html body {
  width: auto;
  height: auto;
}
.max-width-1023 html body header ul li.leftArrow {
  width: 3%;
}
.max-width-1023 html body header ul li.leftArrow a {
  width: 100%;
}
.max-width-1023 html body header ul li.iconHome {
  width: 4%;
}
.max-width-1023 html body header ul li.iconHome a {
  width: 100%;
}
.max-width-1023 html body header ul li.rightArrow {
  width: 3%;
}
.max-width-1023 html body header ul li.rightArrow a {
  width: 100%;
}
.max-width-1023 html body header ul li.sectionButton.one-half {
  width: 37.5%;
}
.max-width-1023 html body header ul li.sectionButton.one-half a {
  min-width: 0;
}
.max-width-1023 html body header ul li.sectionButton.one-third {
  width: 25%;
}
.max-width-1023 html body header ul li.sectionButton.one-third a {
  min-width: 0;
}
.max-width-1023 html body header ul li.sectionButton.one-forth {
  width: 18.75%;
}
.max-width-1023 html body header ul li.sectionButton.one-forth.first-forth a {
  min-width: 0;
}
.max-width-1023 html body header ul li.sectionButton.one-forth a {
  min-width: 0;
}
.max-width-1023 html body header ul li.sectionButton.one-fifth {
  width: 15%;
}
.max-width-1023 html body header ul li.sectionButton.one-fifth a {
  min-width: 0;
}
.max-width-1023 html body header ul li.toolbox {
  width: 7%;
  box-sizing: border-box;
}
.max-width-1023 html body .toolkitPanel .topPanelContent .toolkitClose {
  right: 3px;
  margin-right: 0;
}
.max-width-1023 html body .toolkitPanel .downloadLinks li {
  width: 44%;
}
.max-width-1023 html body .content {
  width: 100%;
}
.max-width-1023 html body .intro .introFooter .footer-item .footer-item-text-container {
  min-height: 7.25em;
}
/*---------------------------------------------------
    Tablet Portrait Width Styling with max-width:768px
  ---------------------------------------------------*/
.tablet-portrait html body {
  position: relative;
  /*.vid {
				&.contentPanel {
					&.morePadding {
						padding-bottom: 48px;
					}
					p {
						width:auto;
					}
					.video {
						display: block;
						position: relative;
						right: 0;
						left: 0;
						margin: 1.5em auto;
						min-height: 0;
						width: 420px;
						background-size:auto 250px;
						background-position: 50% 0;
						margin-bottom:0;
						p{
							margin: 0;
							padding: 1.5em;
							width: auto;
						}

					}
				}
			}*/
  /*.buttonPrintOnSummaryFeedbackPage{
				top: -106px;
				left: @mobileTextPaddingLeft;
			}*/
}
.tablet-portrait html body .mobile-only {
  display: block;
}
.tablet-portrait html body .tablet-only {
  display: block;
}
.tablet-portrait html body .mobile-device-only {
  display: none;
}
.tablet-portrait html body .desktop-only {
  display: none;
}
.tablet-portrait html body .button {
  padding: 14px 15px;
}
.tablet-portrait html body div .grid {
  /*.checklist;*/
}
.tablet-portrait html body div .grid .row {
  width: auto;
  margin-bottom: 0;
}
.tablet-portrait html body div .grid .row .col {
  padding: 0;
  float: none;
  margin-left: 0;
}
.tablet-portrait html body div .grid .row .col:first-child {
  margin-left: 0;
}
.tablet-portrait html body div .grid .row .col.span1 {
  width: auto;
}
.tablet-portrait html body div .grid .row .col.span2 {
  width: auto;
}
.tablet-portrait html body div .grid .row .col.span3 {
  width: auto;
}
.tablet-portrait html body div .grid .row .col.span3.planStep2LastCol {
  margin-bottom: 0;
}
.tablet-portrait html body div .grid .row .col.span4 {
  width: auto;
}
.tablet-portrait html body div .grid .row .col.span5 {
  width: auto;
}
.tablet-portrait html body div .grid .row .col.span6 {
  width: auto;
}
.tablet-portrait html body div .grid .row .col.span6.planStep3LeftPanel {
  margin-bottom: 0;
}
.tablet-portrait html body div .grid .row .col.span6.planStep3RightPanel {
  left: auto;
  top: auto;
}
.tablet-portrait html body div .grid .row .col.span6.planStep4PanelRight {
  margin-bottom: 0;
  left: auto;
  top: auto;
}
.tablet-portrait html body div .grid .row .col.span7 {
  width: auto;
}
.tablet-portrait html body div .grid .row .col.span8 {
  width: auto;
}
.tablet-portrait html body div .grid .row .col.span9 {
  width: auto;
}
.tablet-portrait html body div .grid .row .col.span10 {
  width: auto;
}
.tablet-portrait html body div .grid .row .col.span11 {
  width: auto;
}
.tablet-portrait html body div .grid .row .col.span12 {
  width: auto;
}
.tablet-portrait html body div .grid .row .col.span12.two-column-form ul li {
  width: auto;
  margin: 0;
  padding: 0;
}
.tablet-portrait html body div .grid .row .col.span12.two-column-form ul li.questionInput {
  padding: 6px 0;
}
.tablet-portrait html body div .grid .row .col.span12.two-column-form ul li.left {
  float: none;
}
.tablet-portrait html body div .grid .row .col.span12.two-column-form ul li.right {
  float: none;
}
.tablet-portrait html body div .grid .row .col.span12.three_column_thumbs .askThumbnails .thumbnail {
  width: 47.3%;
  min-width: 285px;
}
.tablet-portrait html body div .grid .row .col .textRightBottom {
  position: relative;
  top: auto;
  left: auto;
}
.tablet-portrait html body div .grid .row .col .textRightBottom.videoDescription {
  margin-left: 0;
  top: auto;
  left: auto;
  text-align: center;
}
.tablet-portrait html body div .grid .row .col .textRightBottom.videoDescription b {
  color: #007abd;
}
.tablet-portrait html body #videoContainer {
  position: static;
  padding-bottom: 30px;
}
.tablet-portrait html body #videoContainer #modalTranscript.modal {
  position: absolute;
}
.tablet-portrait html body #videoContainer .captions {
  bottom: 42px;
}
.tablet-portrait html body .mobileMenuOptionPanel {
  position: absolute;
  display: block;
  z-index: 21;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  padding-top: 36px;
  background-color: #373737;
}
.tablet-portrait html body .mobileMenuOptionPanel li {
  display: block;
  border: 0;
  height: auto;
  width: auto;
  padding: 0;
  margin: 0;
  background-color: #373737;
}
.tablet-portrait html body .mobileMenuOptionPanel li:first-child a {
  border-top: 1px solid #4d4d4d;
}
.tablet-portrait html body .mobileMenuOptionPanel li a {
  display: block;
  color: #FFFFFF;
  font-size: 1.125em;
  font-family: 'pt_sansbold', Arial;
  border-bottom: 1px solid #4d4d4d;
  padding: 25px 15px;
  white-space: nowrap;
  text-transform: uppercase;
  width: 100%;
  box-sizing: border-box;
}
.tablet-portrait html body .mobileMenuOptionPanel li a:hover,
.tablet-portrait html body .mobileMenuOptionPanel li a:focus {
  color: #fab31a;
}
.tablet-portrait html body header {
  /*width:100%;
				height: 3em;*/
  background: #373737;
}
.tablet-portrait html body header ul {
  /*position: relative;
					top: auto;
					left: auto;*/
}
.tablet-portrait html body header ul li {
  display: none;
  float: none;
  /*height: 1em;
						padding: 8px 0; //7px 0;*/
  /*&.currentSection{
							a{
								border-top: 0;
								height: 48px;
								line-height: 48px;
							}
						}
						a {
							padding: 0 2em 0 0;
							&:hover, &:focus{
								border-top: 0;
								height: 48px;
								line-height: 48px;
							}
						}*/
}
.tablet-portrait html body header ul li.mobileMenu {
  display: block;
  float: left;
  /*width: auto;
							height: auto;*/
  margin: 0 0 0 15px;
  /*border-right: 0;*/
  /*&:hover, &:focus{
								a{
									border: none;
									height: 32px;
									min-height: 0;
									background-position: 50% 30%;
								}
							}*/
}
.tablet-portrait html body header ul li.mobileMenu.mobileMenu > a {
  display: block;
  width: 30px;
  height: 14px;
  padding-top: 13px;
  background-image: url("../images/menu.png");
  background-repeat: no-repeat;
  background-position: center;
}
.tablet-portrait html body header ul li.toolbox {
  display: block;
  position: absolute;
  top: 0;
  bottom: auto;
  z-index: 22;
  float: none;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0 15px 0 0;
  border-right: 0;
}
.tablet-portrait html body header ul li.toolbox.toolkitSectionButton {
  right: 53px;
}
.tablet-portrait html body header ul li.toolbox.assessmentSectionButton {
  right: 0;
}
.tablet-portrait html body header ul li.toolbox .toolboxBtn {
  height: 14px;
  padding: 13px 0;
  border-top: 0;
}
.tablet-portrait html body header ul li.toolbox .tooltipOpen {
  z-index: 22;
}
.tablet-portrait html body header ul li.toolbox .tooltipOpen .tooltipOpenArrow {
  margin-left: -36px;
}
.tablet-portrait html body .toolkitPanel {
  top: 40px;
  height: 100%;
  background-color: #FFFFFF;
}
.tablet-portrait html body .toolkitPanel.toolkitPanel-locked {
  overflow: hidden;
}
.tablet-portrait html body .toolkitPanel .topPanelContent {
  padding: 0;
  padding-bottom: 32px;
}
.tablet-portrait html body .toolkitPanel .topPanelContent h2 {
  padding-top: 1.267em;
  padding-bottom: 12px;
}
.tablet-portrait html body .toolkitPanel h2 {
  width: 75%;
}
.tablet-portrait html body .toolkitPanel p {
  width: 80%;
  padding-right: 20px;
}
.tablet-portrait html body .toolkitPanel .toolkitClose {
  right: 25px;
  top: 36px;
}
.tablet-portrait html body .toolkitPanel .downloadLinks li {
  width: 21em;
  max-width: 100%;
  margin-right: 20px;
}
.tablet-portrait html body .toolkitPanel .downloadLinks li a {
  width: auto;
}
.tablet-portrait html body .toolkitPanel .listContainer .externalSections {
  padding: 0 20px 60px 20px;
}
.tablet-portrait html body .toolkitPanel .listContainer .externalSections .sectionPanel {
  display: block;
}
.tablet-portrait html body .toolkitPanel .listContainer .externalSections .sectionPanel.left {
  width: auto;
  margin-left: 0;
  margin-right: 0;
  float: none;
}
.tablet-portrait html body .toolkitPanel .listContainer .externalSections .sectionPanel.right {
  width: auto;
  margin-left: 0;
  margin-right: 0;
  float: none;
}
.tablet-portrait html body .toolkitPanel .listContainer .externalSections .sectionPanel p {
  padding-left: 0;
  padding-right: 0;
}
.tablet-portrait html body .toolkitPanel .listContainer .externalSections .sectionPanel p ul {
  padding-left: 0;
}
.tablet-portrait html body .toolkitPanel .listContainer .externalSections .sectionPanel a {
  margin-left: 0;
}
.tablet-portrait html body .toolkitPanel .listContainer .externalSections .sectionPanel h3.iconPlan {
  margin-left: 0;
}
.tablet-portrait html body .content-panel-wrapper {
  margin-bottom: 60px;
}
.tablet-portrait html body .contentPanel {
  background: white;
  background: rgba(255, 255, 255, 0.8);
}
.tablet-portrait html body .contentPanel .mobileButtonNext {
  display: block;
}
.tablet-portrait html body .contentPanel h3 {
  padding: 0.75em 1.5em 0 1.5em;
  width: auto;
  font-size: 1.75em;
}
.tablet-portrait html body .contentPanel .infographic-container .infographic-list {
  margin-bottom: 30px;
}
.tablet-portrait html body .contentPanel .infographic-container .infographic-list .infographic-wrapper {
  padding-right: 0;
}
.tablet-portrait html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-current-indicator {
  display: block;
  background-image: url("../images/infographic_down_arrow_selected.png");
}
.tablet-portrait html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected.has-hover:hover .infographic-current-indicator,
.tablet-portrait html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected.has-hover:focus .infographic-current-indicator {
  background-image: url("../images/infographic_down_arrow_selected.png");
}
.tablet-portrait html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-current-indicator {
  width: 26px;
  height: 18px;
  right: 10px;
  top: 60%;
  margin-top: -13px;
  text-indent: -99em;
  overflow: hidden;
  background-image: url("../images/infographic_down_arrow.png");
  background-repeat: no-repeat;
}
.tablet-portrait html body .contentPanel.grid {
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 20px 20px 20px;
}
.tablet-portrait html body .contentPanel.grid .row .span6 + .span6 {
  margin-top: 30px;
}
.tablet-portrait html body .contentPanel.grid .placeholder {
  margin-right: 0;
}
.tablet-portrait html body .contentPanel.grid .vertical-thumbs .three_column_thumbs .askThumbnails .thumbnail {
  margin-right: 2%;
}
.tablet-portrait html body .contentPanel.grid.isFeedbackPanel {
  padding-bottom: 2em;
}
.tablet-portrait html body .contentPanel.grid.isFeedbackPanel .span12 h2 {
  padding: 15px 12px 6px 0;
}
.tablet-portrait html body .contentPanel.grid.isFeedbackPanel .span12 h3 {
  padding: 15px 12px 6px 0;
}
.tablet-portrait html body .page-content {
  position: static;
  width: auto;
  height: auto;
}
.tablet-portrait html body .mobileThreeLevelNavigationContainer {
  display: block;
  font-family: 'pt_sansbold', Arial;
}
.tablet-portrait html body .mobileThreeLevelNavigationContainer .mobile-first-level-nav {
  text-transform: uppercase;
  color: #016c7a;
  background-color: #ffffff;
  border-bottom: 4px solid #fab31a;
  font-size: 1.25em;
  padding: 20px 20px;
}
.tablet-portrait html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs {
  background-color: #373737;
  padding: 10px 0;
  border-bottom: 4px solid #fab31a;
}
.tablet-portrait html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button {
  display: block;
  font-size: 0.875em;
  color: #ffffff;
  padding: 8px 20px;
}
.tablet-portrait html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button:before {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  width: 7px;
  height: 14px;
  margin-right: 12px;
  background-repeat: no-repeat;
  background-position: center;
}
.tablet-portrait html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button:hover,
.tablet-portrait html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button:focus {
  color: #fab31a;
}
.tablet-portrait html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button.current:before {
  background-image: url("../images/right_arrow_navigation.png");
}
.tablet-portrait html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-second-level-nav-button {
  text-transform: uppercase;
}
.tablet-portrait html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-third-level-navs {
  background-color: #464646;
  padding: 15px 0;
}
.tablet-portrait html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-third-level-navs .mobile-third-level-nav .mobile-third-level-nav-button {
  padding: 15px 20px;
}
.tablet-portrait html body .toolTipsContainer {
  display: none;
}
.tablet-portrait html body .thirdLevelNavigationContainer {
  display: none;
}
.tablet-portrait html body .introMobileNav {
  background: #3A3B3C;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3A3B3C), color-stop(1, #1D1E1E));
  background: -ms-linear-gradient(bottom, #3A3B3C, #1D1E1E);
  background: -moz-linear-gradient(center bottom, #3A3B3C 0%, #1D1E1E 100%);
  background: -o-linear-gradient(#1D1E1E, #3A3B3C);
  display: block;
  height: 20px;
  width: 100%;
  padding: 6px 0;
  text-align: center;
  position: fixed;
  z-index: 2;
  bottom: 0;
}
.tablet-portrait html body .introMobileNav li {
  display: inline-block;
  padding: 0;
  margin: 0;
  height: 1.25em;
}
.tablet-portrait html body .introMobileNav li.leftArrowFooter a {
  width: 28px;
  height: 26px;
  display: block;
  background-image: url("../images/arrow_left.png");
  background-repeat: no-repeat;
  cursor: pointer;
  margin-top: 2px;
}
.tablet-portrait html body .introMobileNav li.leftArrowFooter a:hover,
.tablet-portrait html body .introMobileNav li.leftArrowFooter a:focus {
  background-image: url("../images/arrow_left_active.png");
}
.tablet-portrait html body .introMobileNav li.leftArrowFooterDisabled a {
  width: 28px;
  height: 26px;
  display: block;
  background-image: url("../images/arrow_left_disabled.png");
  background-repeat: no-repeat;
  cursor: default;
}
.tablet-portrait html body .introMobileNav li.rightArrowFooter a {
  width: 28px;
  height: 26px;
  display: block;
  background-image: url("../images/arrow_right.png");
  background-repeat: no-repeat;
}
.tablet-portrait html body .introMobileNav li.rightArrowFooter a:hover,
.tablet-portrait html body .introMobileNav li.rightArrowFooter a:focus {
  background-image: url("../images/arrow_right_active.png");
}
.tablet-portrait html body .introMobileNav li.rightArrowFooterDisabled a {
  width: 28px;
  height: 26px;
  display: block;
  background-image: url("../images/arrow_right_disabled.png");
  background-repeat: no-repeat;
  cursor: default;
}
.tablet-portrait html body .introMobileNav li.iconHomeFooter {
  padding: 0 17.5%;
}
.tablet-portrait html body .introMobileNav li.iconHomeFooter a {
  width: 28px;
  height: 26px;
  display: block;
  background-image: url("../images/icon_home.png");
  background-repeat: no-repeat;
}
.tablet-portrait html body .introMobileNav li.iconHomeFooter a:hover,
.tablet-portrait html body .introMobileNav li.iconHomeFooter a:focus {
  background-image: url("../images/icon_home_active.png");
}
.tablet-portrait html body .introMobileNav li a {
  background-position: center;
}
.tablet-portrait html body .content {
  margin-bottom: 0;
}
.tablet-portrait html body .intro .button {
  padding-right: 15px;
}
.tablet-portrait html body .intro .contentPanel {
  width: 100%;
  margin-top: 0;
  float: none;
  margin-bottom: 40px;
  background: #d7f6f1;
  background: rgba(255, 255, 255, 0.8);
}
.tablet-portrait html body .intro .contentPanel.managing .introContent {
  padding-bottom: 0;
}
.tablet-portrait html body .intro .contentPanel h1 {
  padding: 14px 20px;
}
.tablet-portrait html body .intro .contentPanel h2 {
  padding: 26px 20px 20px 20px;
  text-transform: uppercase;
}
.tablet-portrait html body .intro .contentPanel .introContent {
  padding: 0 20px;
}
.tablet-portrait html body .intro .first-level-section-container {
  width: 100%;
  float: none;
}
.tablet-portrait html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a {
  padding-left: 15px;
  padding-right: 15px;
}
.tablet-portrait html body .intro .introFooter {
  width: 100%;
  display: block;
  float: none;
}
.tablet-portrait html body .intro .introFooter .footer-item {
  display: block;
  margin-bottom: 18px;
  background-position: 20px 24px;
}
.tablet-portrait html body .intro .introFooter .footer-item.assessment-footer-item {
  border-left: 0;
}
.tablet-portrait html body .intro .introFooter .footer-item .footer-item-text-container {
  padding-left: 90px;
  padding-right: 20px;
  min-height: 0;
}
.tablet-portrait html body .activity.contentPanel .checkbox-label .optionDetails {
  width: 78%;
}
.tablet-portrait html body .activity.contentPanel .radio-label .optionDetails {
  width: 78%;
}
.tablet-portrait html body .activity.contentPanel .question-option-list {
  margin-left: 0;
}
.tablet-portrait html body .activity.contentPanel .feedback-for-question {
  padding-left: 0;
}
.tablet-portrait html body .activity.contentPanel .feedback-for-question .feedback-heading {
  padding-left: 32px;
}
.tablet-portrait html body .activity.contentPanel .feedback-for-question.feedback-with-question {
  padding-left: 0;
  margin-left: 0;
}
.tablet-portrait html body .infographics {
  /*.infographic-right-inner-wrapper{
	        display: block;
	        .infographic-right-inner{
	          display: block;
	          height: auto;
	        }
	      }*/
}
.tablet-portrait html body .infographics.grid .infographic-row {
  display: block;
}
.tablet-portrait html body .infographics.grid .infographic-left-column {
  display: block;
}
.tablet-portrait html body .infographics.grid .infographic-left-column.col.span5 {
  width: auto;
}
.tablet-portrait html body .infographics.grid .infographic-left-column.col.span5 .placeholder-bottom-text {
  margin-bottom: 15px;
}
.tablet-portrait html body .infographics.grid .infographic-right-column {
  display: block;
}
.tablet-portrait html body .infographics.grid .infographic-right-column .infographic-right-inner-wrapper {
  margin-left: 0;
}
.tablet-portrait html body .infographics.grid .infographic-right-column.col.span7 {
  width: auto;
}
.tablet-portrait html body .self-assessment.contentPanel .table-container {
  display: block;
  width: auto;
}
.tablet-portrait html body .self-assessment.contentPanel .table-container .table-left-column {
  display: block;
  width: auto;
}
.tablet-portrait html body .self-assessment.contentPanel .table-container .table-right-column {
  display: block;
  width: auto;
  line-height: 1;
}
.tablet-portrait html body .self-assessment.contentPanel .table-container .table-right-column.assessment-heading-options-container {
  display: none;
}
.tablet-portrait html body .self-assessment.contentPanel .assessment-statement-container .table-container .table-left-column {
  margin-bottom: 0;
}
.tablet-portrait html body .self-assessment.contentPanel .assessment-statement-container .table-container .table-right-column .table-right-inner-container .table-right-inner-item {
  vertical-align: top;
}
.tablet-portrait html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radioInput {
  left: 50%;
  margin-left: -14px;
}
.tablet-portrait html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label {
  width: auto;
  display: inline-block;
}
.tablet-portrait html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label .radioAnchor {
  display: block;
  float: none;
  margin: 0 auto;
}
.tablet-portrait html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label .optionDetails {
  display: block;
  width: auto;
  margin-left: 0;
  margin-top: 6px;
}
.tablet-portrait html body .self-assessment.contentPanel .feedback-container .break-out-box {
  margin-left: 0;
}
.tablet-portrait html body .self-assessment.contentPanel .feedback-container .feedback-inner-container {
  float: none;
  width: auto;
  margin-left: 0;
}
.tablet-portrait html body .diversity-feedback.contentPanel.grid .row.middle-text-row .span6 + .span6 {
  margin-top: 0;
}
.tablet-portrait html body .diversity-feedback .middle-text-row.third {
  padding-bottom: 30px;
}
.tablet-portrait html body .diversity-feedback .bottom-text-row {
  padding-top: 30px;
}
.tablet-portrait html body .discrimination .discrimination-container {
  display: block;
  width: auto;
}
.tablet-portrait html body .discrimination .discrimination-container .discrimination-column {
  display: block;
}
.tablet-portrait html body .discrimination .discrimination-container .discrimination-left-column {
  width: auto;
}
.tablet-portrait html body .discrimination .discrimination-container .discrimination-middle-column {
  width: auto;
}
.tablet-portrait html body .discrimination .discrimination-container .discrimination-right-column {
  width: auto;
}
.tablet-portrait html body .discrimination .unlawful-text-container p {
  font-size: 1.75em;
}
.tablet-portrait html body .vertical-text-image.contentPanel.grid {
  padding-bottom: 0;
}
.tablet-portrait html body .vertical-text-image.contentPanel.grid .row {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  box-sizing: border-box;
}
.tablet-portrait html body .vertical-text-image.contentPanel.grid .row.image-row img {
  width: auto;
  height: auto;
  margin: 0 auto;
}
.tablet-portrait html body .informationPanel .informationPanelMiddle .featurePanelInfo {
  top: 24px;
}
.tablet-portrait html body .informationPanel .informationPanelMiddle .downloadPanelInfo {
  position: relative;
  top: 120px;
  padding-bottom: 6px;
}
.tablet-portrait html body #videoContainer {
  top: 0;
}
.tablet-portrait html body #videoContainer.hide {
  top: 0;
}
.tablet-portrait html body #videoContainer.hide .video {
  margin-left: auto;
}
.tablet-portrait html body .end.contentPanel {
  padding-bottom: 2.5em;
  padding-top: 24px;
}
.tablet-portrait html body .end.contentPanel.grid .row .col.span12 {
  width: auto;
}
.tablet-portrait html body .end.contentPanel.grid .row h2 {
  margin-top: 0;
  width: auto;
  max-width: 300px;
}
.tablet-portrait html body .end.contentPanel.grid .row p {
  margin-left: 52px;
}
.tablet-portrait html body .end.contentPanel.grid .row p.congratsComplete:before {
  left: 20px;
  margin-left: 0;
}
.tablet-portrait html body .end.contentPanel.grid .row p.congratsGoToolkit .congratsGoToolkit-icon {
  left: 20px;
  margin-left: 0;
}
.tablet-portrait html body .end.contentPanel.grid .row p.congratsGlossary .congratsGlossary-icon {
  left: 20px;
  margin-left: 0;
}
.tablet-portrait html body .end.contentPanel.grid .row p.congratsToolkit .congratsToolkit-icon {
  left: 20px;
  margin-left: 0;
}
.tablet-portrait html body .end.contentPanel.grid .row p.congratsSelfAssessment .congratsSelfAssessment-icon {
  left: 20px;
  margin-left: 0;
}
.tablet-portrait html body .end.contentPanel.grid .row p.congratsSurvey .congratsSurvey-icon {
  left: 20px;
  margin-left: 0;
}
.tablet-portrait html body .end.contentPanel.grid .row .congratsTakeSurvey .congratsTakeSurvey-icon {
  left: 20px;
  margin-left: 0;
}
.tablet-portrait html body #summaryPrintArea .grid .span6 .list3 {
  min-height: 40px;
}
.tablet-portrait html body #summaryPrintArea .grid.contentPanel .feedbackSummaryContent {
  padding-bottom: 16px;
}
/*-------------------------------------------------------------------------------------------
    Phone Landscape Width Styling with max-width:530px
  -----------------------------------------------------------------------------------------*/
.max-width-530 html body .toolkitPanel p {
  width: auto;
}
.max-width-530 html body .toolkitPanel .topPanelContent h2 {
  padding-top: 2.5em;
}
/*-------------------------------------------------------------------------------------------
    Phone Landscape Width Styling with max-width:480px
  -----------------------------------------------------------------------------------------*/
.max-width-480 html body .mobile-only {
  display: block;
}
.max-width-480 html body .tablet-only {
  display: none;
}
.max-width-480 html body .mobile-device-only {
  display: block;
}
.max-width-480 html body .desktop-only {
  display: none;
}
.max-width-480 html body .toolkitPanel .topPanelContent {
  background-image: none;
}
.max-width-480 html body .toolkitPanel .topPanelContent .toolkitClose {
  right: 4px;
}
.max-width-480 html body .toolkitPanel .topPanelContent .downloadLinks li {
  width: auto;
  margin-right: 70px;
}
.max-width-480 html body .contentPanel .thumbnail-video-button .myth-overlay .myth-img {
  width: 100px;
  margin-left: -50px;
  margin-top: -66px;
}
.max-width-480 html body .contentPanel .mobileButtonNext {
  display: block;
}
.max-width-480 html body .vid {
  /*&.contentPanel {
				
					.video {
						width: auto;
						background-position: 50% 0;	
						//margin-right: 12px;
						//margin-left: 12px;
					}
				}*/
}
.max-width-480 html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label {
  font-size: 0.8125em;
}
.max-width-480 html body .end.contentPanel.grid .row p.congratsTakeSurvey {
  line-height: 1.25em;
  margin-top: 0;
}
.max-width-480 html body .vertical-text-image.contentPanel.grid .row.image-row img {
  max-width: 305px;
  width: auto;
}
.max-width-480 html body .informationPanel .informationPanelMiddle {
  position: relative;
  padding: 24px;
}
.max-width-480 html body .informationPanel .informationPanelMiddle .featurePanelInfo {
  position: relative;
  width: auto;
  top: 0;
}
.max-width-480 html body .informationPanel .informationPanelMiddle .downloadPanelInfo {
  position: relative;
  width: auto;
}
.max-width-480 html body .informationPanel .informationPanelMiddle .downloadPanelInfo .textLinks .linkContent a:after {
  left: auto;
  margin-left: 6px;
}
.max-width-480 html body #summaryPrintArea .grid .span6 .list3 {
  min-height: 40px;
}
/*---------------------------------------------------------------------------------
   Phone Portrait Width Styling with max-width:400px
  ---------------------------------------------------------------------------------*/
.phone-portrait html body {
  /*.buttonPrintOnSummaryFeedbackPage{
				top: -108px;
			}*/
}
.phone-portrait html body #videoContainer #modalTranscript.modal {
  left: 5%;
  right: 5%;
}
.phone-portrait html body #summaryPrintArea .contentPanel.grid .plan-step-summary h3 {
  padding: 0;
  margin: 0;
}
.phone-portrait html body #summaryPrintArea .contentPanel.grid .plan-step-summary h3 .index {
  width: 38px;
  height: 45px;
  background-position: 0px 50%;
  padding-left: 19px;
  padding-top: 26px;
}
.phone-portrait html body #summaryPrintArea .contentPanel.grid .plan-step-summary h3 .textHeading {
  width: 76%;
  vertical-align: middle;
  padding: 0;
  display: inline-block;
}
.phone-portrait html body #summaryPrintArea .contentPanel.grid .plan-step-summary ul li {
  margin-left: 32px;
}
.phone-portrait html body #summaryPrintArea .span6 .list3 {
  min-height: 40px;
}
.phone-portrait html body .end.contentPanel.grid .row h1 {
  font-size: 2em;
}
.phone-portrait html body .end.contentPanel.grid .row p.congratsComplete {
  margin-left: 0;
}
.phone-portrait html body .end.contentPanel .buttonSubmit {
  padding-right: 4.5em;
}
.phone-portrait html body .end.contentPanel .buttonClose {
  padding-right: 4.5em;
}
.phone-portrait html body .diversity.contentPanel .diversity-question-container .select-container:after {
  width: 30px;
}
.phone-portrait html body .diversity.contentPanel .diversity-question-container select {
  font-size: 1.125em;
  padding: 26px 36px 26px 6px;
}
.phone-portrait html body .diversity-feedback.contentPanel .square-button {
  max-width: 120px;
  margin-top: 0;
}
.phone-portrait html body .buttonNextOnSummaryFeedbackPage.on-touch {
  bottom: -35px;
}
.phone-portrait html body #summaryPrintArea .grid .span6 .list3 {
  min-height: 40px;
}
.phone-portrait html body .blackOverlay .applicantPanel .container .closeInfoPanel {
  margin-left: 0px;
  left: 84%;
}
@media (min-width: 1024px) and (min-height: 768px) {
  html body #videoContainer .captions {
    bottom: 25px;
  }
}
@media only screen and (min-width: 1050px) {
  html body header ul li.sectionButton.one-half a {
    min-width: 28.9em;
  }
  html body header ul li.sectionButton.one-third a {
    min-width: 19.2em;
  }
  html body header ul li.sectionButton.one-forth.first-forth a {
    min-width: 202px;
  }
  html body header ul li.sectionButton.one-forth a {
    min-width: 201px;
  }
  html body header ul li.sectionButton.one-fifth a {
    min-width: 11.5em;
  }
}
@media only screen and (max-width: 1023px) {
  html body {
    width: auto;
    height: auto;
  }
  html body header ul li.leftArrow {
    width: 3%;
  }
  html body header ul li.leftArrow a {
    width: 100%;
  }
  html body header ul li.iconHome {
    width: 4%;
  }
  html body header ul li.iconHome a {
    width: 100%;
  }
  html body header ul li.rightArrow {
    width: 3%;
  }
  html body header ul li.rightArrow a {
    width: 100%;
  }
  html body header ul li.sectionButton.one-half {
    width: 37.5%;
  }
  html body header ul li.sectionButton.one-half a {
    min-width: 0;
  }
  html body header ul li.sectionButton.one-third {
    width: 25%;
  }
  html body header ul li.sectionButton.one-third a {
    min-width: 0;
  }
  html body header ul li.sectionButton.one-forth {
    width: 18.75%;
  }
  html body header ul li.sectionButton.one-forth.first-forth a {
    min-width: 0;
  }
  html body header ul li.sectionButton.one-forth a {
    min-width: 0;
  }
  html body header ul li.sectionButton.one-fifth {
    width: 15%;
  }
  html body header ul li.sectionButton.one-fifth a {
    min-width: 0;
  }
  html body header ul li.toolbox {
    width: 7%;
    box-sizing: border-box;
  }
  html body .toolkitPanel .topPanelContent .toolkitClose {
    right: 3px;
    margin-right: 0;
  }
  html body .toolkitPanel .downloadLinks li {
    width: 44%;
  }
  html body .content {
    width: 100%;
  }
  html body .intro .introFooter .footer-item .footer-item-text-container {
    min-height: 7.25em;
  }
}
@media only screen and (max-width: 880px) {
  html body .blackOverlay {
    top: 0;
    height: 100%;
  }
}
@media only screen and (max-width: 800px) {
  html body header ul li.sectionButton.one-fifth {
    width: auto;
  }
  html body header ul li.sectionButton.one-fifth a {
    padding: 13px 11px;
  }
}
@media only screen and (max-width: 768px) and (max-height: 480px) {
  #videoContainer #modalTranscript.modal {
    left: 15%;
    right: 15%;
  }
}
@media only screen and (max-width: 768px) {
  html body {
    position: relative;
    /*.vid {
				&.contentPanel {
					&.morePadding {
						padding-bottom: 48px;
					}
					p {
						width:auto;
					}
					.video {
						display: block;
						position: relative;
						right: 0;
						left: 0;
						margin: 1.5em auto;
						min-height: 0;
						width: 420px;
						background-size:auto 250px;
						background-position: 50% 0;
						margin-bottom:0;
						p{
							margin: 0;
							padding: 1.5em;
							width: auto;
						}

					}
				}
			}*/
    /*.buttonPrintOnSummaryFeedbackPage{
				top: -106px;
				left: @mobileTextPaddingLeft;
			}*/
  }
  html body .mobile-only {
    display: block;
  }
  html body .tablet-only {
    display: block;
  }
  html body .mobile-device-only {
    display: none;
  }
  html body .desktop-only {
    display: none;
  }
  html body .button {
    padding: 14px 15px;
  }
  html body div .grid {
    /*.checklist;*/
  }
  html body div .grid .row {
    width: auto;
    margin-bottom: 0;
  }
  html body div .grid .row .col {
    padding: 0;
    float: none;
    margin-left: 0;
  }
  html body div .grid .row .col:first-child {
    margin-left: 0;
  }
  html body div .grid .row .col.span1 {
    width: auto;
  }
  html body div .grid .row .col.span2 {
    width: auto;
  }
  html body div .grid .row .col.span3 {
    width: auto;
  }
  html body div .grid .row .col.span3.planStep2LastCol {
    margin-bottom: 0;
  }
  html body div .grid .row .col.span4 {
    width: auto;
  }
  html body div .grid .row .col.span5 {
    width: auto;
  }
  html body div .grid .row .col.span6 {
    width: auto;
  }
  html body div .grid .row .col.span6.planStep3LeftPanel {
    margin-bottom: 0;
  }
  html body div .grid .row .col.span6.planStep3RightPanel {
    left: auto;
    top: auto;
  }
  html body div .grid .row .col.span6.planStep4PanelRight {
    margin-bottom: 0;
    left: auto;
    top: auto;
  }
  html body div .grid .row .col.span7 {
    width: auto;
  }
  html body div .grid .row .col.span8 {
    width: auto;
  }
  html body div .grid .row .col.span9 {
    width: auto;
  }
  html body div .grid .row .col.span10 {
    width: auto;
  }
  html body div .grid .row .col.span11 {
    width: auto;
  }
  html body div .grid .row .col.span12 {
    width: auto;
  }
  html body div .grid .row .col.span12.two-column-form ul li {
    width: auto;
    margin: 0;
    padding: 0;
  }
  html body div .grid .row .col.span12.two-column-form ul li.questionInput {
    padding: 6px 0;
  }
  html body div .grid .row .col.span12.two-column-form ul li.left {
    float: none;
  }
  html body div .grid .row .col.span12.two-column-form ul li.right {
    float: none;
  }
  html body div .grid .row .col.span12.three_column_thumbs .askThumbnails .thumbnail {
    width: 47.3%;
    min-width: 285px;
  }
  html body div .grid .row .col .textRightBottom {
    position: relative;
    top: auto;
    left: auto;
  }
  html body div .grid .row .col .textRightBottom.videoDescription {
    margin-left: 0;
    top: auto;
    left: auto;
    text-align: center;
  }
  html body div .grid .row .col .textRightBottom.videoDescription b {
    color: #007abd;
  }
  html body #videoContainer {
    position: static;
    padding-bottom: 30px;
  }
  html body #videoContainer #modalTranscript.modal {
    position: absolute;
  }
  html body #videoContainer .captions {
    bottom: 42px;
  }
  html body .mobileMenuOptionPanel {
    position: absolute;
    display: block;
    z-index: 21;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding-top: 36px;
    background-color: #373737;
  }
  html body .mobileMenuOptionPanel li {
    display: block;
    border: 0;
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
    background-color: #373737;
  }
  html body .mobileMenuOptionPanel li:first-child a {
    border-top: 1px solid #4d4d4d;
  }
  html body .mobileMenuOptionPanel li a {
    display: block;
    color: #FFFFFF;
    font-size: 1.125em;
    font-family: 'pt_sansbold', Arial;
    border-bottom: 1px solid #4d4d4d;
    padding: 25px 15px;
    white-space: nowrap;
    text-transform: uppercase;
    width: 100%;
    box-sizing: border-box;
  }
  html body .mobileMenuOptionPanel li a:hover,
  html body .mobileMenuOptionPanel li a:focus {
    color: #fab31a;
  }
  html body header {
    /*width:100%;
				height: 3em;*/
    background: #373737;
  }
  html body header ul {
    /*position: relative;
					top: auto;
					left: auto;*/
  }
  html body header ul li {
    display: none;
    float: none;
    /*height: 1em;
						padding: 8px 0; //7px 0;*/
    /*&.currentSection{
							a{
								border-top: 0;
								height: 48px;
								line-height: 48px;
							}
						}
						a {
							padding: 0 2em 0 0;
							&:hover, &:focus{
								border-top: 0;
								height: 48px;
								line-height: 48px;
							}
						}*/
  }
  html body header ul li.mobileMenu {
    display: block;
    float: left;
    /*width: auto;
							height: auto;*/
    margin: 0 0 0 15px;
    /*border-right: 0;*/
    /*&:hover, &:focus{
								a{
									border: none;
									height: 32px;
									min-height: 0;
									background-position: 50% 30%;
								}
							}*/
  }
  html body header ul li.mobileMenu.mobileMenu > a {
    display: block;
    width: 30px;
    height: 14px;
    padding-top: 13px;
    background-image: url("../images/menu.png");
    background-repeat: no-repeat;
    background-position: center;
  }
  html body header ul li.toolbox {
    display: block;
    position: absolute;
    top: 0;
    bottom: auto;
    z-index: 22;
    float: none;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 15px 0 0;
    border-right: 0;
  }
  html body header ul li.toolbox.toolkitSectionButton {
    right: 53px;
  }
  html body header ul li.toolbox.assessmentSectionButton {
    right: 0;
  }
  html body header ul li.toolbox .toolboxBtn {
    height: 14px;
    padding: 13px 0;
    border-top: 0;
  }
  html body header ul li.toolbox .tooltipOpen {
    z-index: 22;
  }
  html body header ul li.toolbox .tooltipOpen .tooltipOpenArrow {
    margin-left: -36px;
  }
  html body .toolkitPanel {
    top: 40px;
    height: 100%;
    background-color: #FFFFFF;
  }
  html body .toolkitPanel.toolkitPanel-locked {
    overflow: hidden;
  }
  html body .toolkitPanel .topPanelContent {
    padding: 0;
    padding-bottom: 32px;
  }
  html body .toolkitPanel .topPanelContent h2 {
    padding-top: 1.267em;
    padding-bottom: 12px;
  }
  html body .toolkitPanel h2 {
    width: 75%;
  }
  html body .toolkitPanel p {
    width: 80%;
    padding-right: 20px;
  }
  html body .toolkitPanel .toolkitClose {
    right: 25px;
    top: 36px;
  }
  html body .toolkitPanel .downloadLinks li {
    width: 21em;
    max-width: 100%;
    margin-right: 20px;
  }
  html body .toolkitPanel .downloadLinks li a {
    width: auto;
  }
  html body .toolkitPanel .listContainer .externalSections {
    padding: 0 20px 60px 20px;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel {
    display: block;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel.left {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel.right {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel p {
    padding-left: 0;
    padding-right: 0;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel p ul {
    padding-left: 0;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel a {
    margin-left: 0;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel h3.iconPlan {
    margin-left: 0;
  }
  html body .content-panel-wrapper {
    margin-bottom: 60px;
  }
  html body .contentPanel {
    background: white;
    background: rgba(255, 255, 255, 0.8);
  }
  html body .contentPanel .mobileButtonNext {
    display: block;
  }
  html body .contentPanel h3 {
    padding: 0.75em 1.5em 0 1.5em;
    width: auto;
    font-size: 1.75em;
  }
  html body .contentPanel .infographic-container .infographic-list {
    margin-bottom: 30px;
  }
  html body .contentPanel .infographic-container .infographic-list .infographic-wrapper {
    padding-right: 0;
  }
  html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-current-indicator {
    display: block;
    background-image: url("../images/infographic_down_arrow_selected.png");
  }
  html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected.has-hover:hover .infographic-current-indicator,
  html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected.has-hover:focus .infographic-current-indicator {
    background-image: url("../images/infographic_down_arrow_selected.png");
  }
  html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-current-indicator {
    width: 26px;
    height: 18px;
    right: 10px;
    top: 60%;
    margin-top: -13px;
    text-indent: -99em;
    overflow: hidden;
    background-image: url("../images/infographic_down_arrow.png");
    background-repeat: no-repeat;
  }
  html body .contentPanel.grid {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 20px 20px 20px;
  }
  html body .contentPanel.grid .row .span6 + .span6 {
    margin-top: 30px;
  }
  html body .contentPanel.grid .placeholder {
    margin-right: 0;
  }
  html body .contentPanel.grid .vertical-thumbs .three_column_thumbs .askThumbnails .thumbnail {
    margin-right: 2%;
  }
  html body .contentPanel.grid.isFeedbackPanel {
    padding-bottom: 2em;
  }
  html body .contentPanel.grid.isFeedbackPanel .span12 h2 {
    padding: 15px 12px 6px 0;
  }
  html body .contentPanel.grid.isFeedbackPanel .span12 h3 {
    padding: 15px 12px 6px 0;
  }
  html body .page-content {
    position: static;
    width: auto;
    height: auto;
  }
  html body .mobileThreeLevelNavigationContainer {
    display: block;
    font-family: 'pt_sansbold', Arial;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-first-level-nav {
    text-transform: uppercase;
    color: #016c7a;
    background-color: #ffffff;
    border-bottom: 4px solid #fab31a;
    font-size: 1.25em;
    padding: 20px 20px;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs {
    background-color: #373737;
    padding: 10px 0;
    border-bottom: 4px solid #fab31a;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button {
    display: block;
    font-size: 0.875em;
    color: #ffffff;
    padding: 8px 20px;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button:before {
    content: "";
    display: inline-block;
    vertical-align: text-top;
    width: 7px;
    height: 14px;
    margin-right: 12px;
    background-repeat: no-repeat;
    background-position: center;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button:hover,
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button:focus {
    color: #fab31a;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button.current:before {
    background-image: url("../images/right_arrow_navigation.png");
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-second-level-nav-button {
    text-transform: uppercase;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-third-level-navs {
    background-color: #464646;
    padding: 15px 0;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-third-level-navs .mobile-third-level-nav .mobile-third-level-nav-button {
    padding: 15px 20px;
  }
  html body .toolTipsContainer {
    display: none;
  }
  html body .thirdLevelNavigationContainer {
    display: none;
  }
  html body .introMobileNav {
    background: #3A3B3C;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3A3B3C), color-stop(1, #1D1E1E));
    background: -ms-linear-gradient(bottom, #3A3B3C, #1D1E1E);
    background: -moz-linear-gradient(center bottom, #3A3B3C 0%, #1D1E1E 100%);
    background: -o-linear-gradient(#1D1E1E, #3A3B3C);
    display: block;
    height: 20px;
    width: 100%;
    padding: 6px 0;
    text-align: center;
    position: fixed;
    z-index: 2;
    bottom: 0;
  }
  html body .introMobileNav li {
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 1.25em;
  }
  html body .introMobileNav li.leftArrowFooter a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/arrow_left.png");
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 2px;
  }
  html body .introMobileNav li.leftArrowFooter a:hover,
  html body .introMobileNav li.leftArrowFooter a:focus {
    background-image: url("../images/arrow_left_active.png");
  }
  html body .introMobileNav li.leftArrowFooterDisabled a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/arrow_left_disabled.png");
    background-repeat: no-repeat;
    cursor: default;
  }
  html body .introMobileNav li.rightArrowFooter a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/arrow_right.png");
    background-repeat: no-repeat;
  }
  html body .introMobileNav li.rightArrowFooter a:hover,
  html body .introMobileNav li.rightArrowFooter a:focus {
    background-image: url("../images/arrow_right_active.png");
  }
  html body .introMobileNav li.rightArrowFooterDisabled a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/arrow_right_disabled.png");
    background-repeat: no-repeat;
    cursor: default;
  }
  html body .introMobileNav li.iconHomeFooter {
    padding: 0 17.5%;
  }
  html body .introMobileNav li.iconHomeFooter a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/icon_home.png");
    background-repeat: no-repeat;
  }
  html body .introMobileNav li.iconHomeFooter a:hover,
  html body .introMobileNav li.iconHomeFooter a:focus {
    background-image: url("../images/icon_home_active.png");
  }
  html body .introMobileNav li a {
    background-position: center;
  }
  html body .content {
    margin-bottom: 0;
  }
  html body .intro .button {
    padding-right: 15px;
  }
  html body .intro .contentPanel {
    width: 100%;
    margin-top: 0;
    float: none;
    margin-bottom: 40px;
    background: #d7f6f1;
    background: rgba(255, 255, 255, 0.8);
  }
  html body .intro .contentPanel.managing .introContent {
    padding-bottom: 0;
  }
  html body .intro .contentPanel h1 {
    padding: 14px 20px;
  }
  html body .intro .contentPanel h2 {
    padding: 26px 20px 20px 20px;
    text-transform: uppercase;
  }
  html body .intro .contentPanel .introContent {
    padding: 0 20px;
  }
  html body .intro .first-level-section-container {
    width: 100%;
    float: none;
  }
  html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a {
    padding-left: 15px;
    padding-right: 15px;
  }
  html body .intro .introFooter {
    width: 100%;
    display: block;
    float: none;
  }
  html body .intro .introFooter .footer-item {
    display: block;
    margin-bottom: 18px;
    background-position: 20px 24px;
  }
  html body .intro .introFooter .footer-item.assessment-footer-item {
    border-left: 0;
  }
  html body .intro .introFooter .footer-item .footer-item-text-container {
    padding-left: 90px;
    padding-right: 20px;
    min-height: 0;
  }
  html body .activity.contentPanel .checkbox-label .optionDetails {
    width: 78%;
  }
  html body .activity.contentPanel .radio-label .optionDetails {
    width: 78%;
  }
  html body .activity.contentPanel .question-option-list {
    margin-left: 0;
  }
  html body .activity.contentPanel .feedback-for-question {
    padding-left: 0;
  }
  html body .activity.contentPanel .feedback-for-question .feedback-heading {
    padding-left: 32px;
  }
  html body .activity.contentPanel .feedback-for-question.feedback-with-question {
    padding-left: 0;
    margin-left: 0;
  }
  html body .infographics {
    /*.infographic-right-inner-wrapper{
	        display: block;
	        .infographic-right-inner{
	          display: block;
	          height: auto;
	        }
	      }*/
  }
  html body .infographics.grid .infographic-row {
    display: block;
  }
  html body .infographics.grid .infographic-left-column {
    display: block;
  }
  html body .infographics.grid .infographic-left-column.col.span5 {
    width: auto;
  }
  html body .infographics.grid .infographic-left-column.col.span5 .placeholder-bottom-text {
    margin-bottom: 15px;
  }
  html body .infographics.grid .infographic-right-column {
    display: block;
  }
  html body .infographics.grid .infographic-right-column .infographic-right-inner-wrapper {
    margin-left: 0;
  }
  html body .infographics.grid .infographic-right-column.col.span7 {
    width: auto;
  }
  html body .self-assessment.contentPanel .table-container {
    display: block;
    width: auto;
  }
  html body .self-assessment.contentPanel .table-container .table-left-column {
    display: block;
    width: auto;
  }
  html body .self-assessment.contentPanel .table-container .table-right-column {
    display: block;
    width: auto;
    line-height: 1;
  }
  html body .self-assessment.contentPanel .table-container .table-right-column.assessment-heading-options-container {
    display: none;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .table-container .table-left-column {
    margin-bottom: 0;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .table-container .table-right-column .table-right-inner-container .table-right-inner-item {
    vertical-align: top;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radioInput {
    left: 50%;
    margin-left: -14px;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label {
    width: auto;
    display: inline-block;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label .radioAnchor {
    display: block;
    float: none;
    margin: 0 auto;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label .optionDetails {
    display: block;
    width: auto;
    margin-left: 0;
    margin-top: 6px;
  }
  html body .self-assessment.contentPanel .feedback-container .break-out-box {
    margin-left: 0;
  }
  html body .self-assessment.contentPanel .feedback-container .feedback-inner-container {
    float: none;
    width: auto;
    margin-left: 0;
  }
  html body .diversity-feedback.contentPanel.grid .row.middle-text-row .span6 + .span6 {
    margin-top: 0;
  }
  html body .diversity-feedback .middle-text-row.third {
    padding-bottom: 30px;
  }
  html body .diversity-feedback .bottom-text-row {
    padding-top: 30px;
  }
  html body .discrimination .discrimination-container {
    display: block;
    width: auto;
  }
  html body .discrimination .discrimination-container .discrimination-column {
    display: block;
  }
  html body .discrimination .discrimination-container .discrimination-left-column {
    width: auto;
  }
  html body .discrimination .discrimination-container .discrimination-middle-column {
    width: auto;
  }
  html body .discrimination .discrimination-container .discrimination-right-column {
    width: auto;
  }
  html body .discrimination .unlawful-text-container p {
    font-size: 1.75em;
  }
  html body .vertical-text-image.contentPanel.grid {
    padding-bottom: 0;
  }
  html body .vertical-text-image.contentPanel.grid .row {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    box-sizing: border-box;
  }
  html body .vertical-text-image.contentPanel.grid .row.image-row img {
    width: auto;
    height: auto;
    margin: 0 auto;
  }
  html body .informationPanel .informationPanelMiddle .featurePanelInfo {
    top: 24px;
  }
  html body .informationPanel .informationPanelMiddle .downloadPanelInfo {
    position: relative;
    top: 120px;
    padding-bottom: 6px;
  }
  html body #videoContainer {
    top: 0;
  }
  html body #videoContainer.hide {
    top: 0;
  }
  html body #videoContainer.hide .video {
    margin-left: auto;
  }
  html body .end.contentPanel {
    padding-bottom: 2.5em;
    padding-top: 24px;
  }
  html body .end.contentPanel.grid .row .col.span12 {
    width: auto;
  }
  html body .end.contentPanel.grid .row h2 {
    margin-top: 0;
    width: auto;
    max-width: 300px;
  }
  html body .end.contentPanel.grid .row p {
    margin-left: 52px;
  }
  html body .end.contentPanel.grid .row p.congratsComplete:before {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsGoToolkit .congratsGoToolkit-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsGlossary .congratsGlossary-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsToolkit .congratsToolkit-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsSelfAssessment .congratsSelfAssessment-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsSurvey .congratsSurvey-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row .congratsTakeSurvey .congratsTakeSurvey-icon {
    left: 20px;
    margin-left: 0;
  }
  html body #summaryPrintArea .grid .span6 .list3 {
    min-height: 40px;
  }
  html body #summaryPrintArea .grid.contentPanel .feedbackSummaryContent {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 530px) {
  html body .toolkitPanel p {
    width: auto;
  }
  html body .toolkitPanel .topPanelContent h2 {
    padding-top: 2.5em;
  }
}
@media only screen and (max-width: 480px) {
  html body .mobile-only {
    display: block;
  }
  html body .tablet-only {
    display: none;
  }
  html body .mobile-device-only {
    display: block;
  }
  html body .desktop-only {
    display: none;
  }
  html body .toolkitPanel .topPanelContent {
    background-image: none;
  }
  html body .toolkitPanel .topPanelContent .toolkitClose {
    right: 4px;
  }
  html body .toolkitPanel .topPanelContent .downloadLinks li {
    width: auto;
    margin-right: 70px;
  }
  html body .contentPanel .thumbnail-video-button .myth-overlay .myth-img {
    width: 100px;
    margin-left: -50px;
    margin-top: -66px;
  }
  html body .contentPanel .mobileButtonNext {
    display: block;
  }
  html body .vid {
    /*&.contentPanel {
				
					.video {
						width: auto;
						background-position: 50% 0;	
						//margin-right: 12px;
						//margin-left: 12px;
					}
				}*/
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label {
    font-size: 0.8125em;
  }
  html body .end.contentPanel.grid .row p.congratsTakeSurvey {
    line-height: 1.25em;
    margin-top: 0;
  }
  html body .vertical-text-image.contentPanel.grid .row.image-row img {
    max-width: 305px;
    width: auto;
  }
  html body .informationPanel .informationPanelMiddle {
    position: relative;
    padding: 24px;
  }
  html body .informationPanel .informationPanelMiddle .featurePanelInfo {
    position: relative;
    width: auto;
    top: 0;
  }
  html body .informationPanel .informationPanelMiddle .downloadPanelInfo {
    position: relative;
    width: auto;
  }
  html body .informationPanel .informationPanelMiddle .downloadPanelInfo .textLinks .linkContent a:after {
    left: auto;
    margin-left: 6px;
  }
  html body #summaryPrintArea .grid .span6 .list3 {
    min-height: 40px;
  }
}
@media only screen and (max-width: 400px) {
  html body {
    /*.buttonPrintOnSummaryFeedbackPage{
				top: -108px;
			}*/
  }
  html body #videoContainer #modalTranscript.modal {
    left: 5%;
    right: 5%;
  }
  html body #summaryPrintArea .contentPanel.grid .plan-step-summary h3 {
    padding: 0;
    margin: 0;
  }
  html body #summaryPrintArea .contentPanel.grid .plan-step-summary h3 .index {
    width: 38px;
    height: 45px;
    background-position: 0px 50%;
    padding-left: 19px;
    padding-top: 26px;
  }
  html body #summaryPrintArea .contentPanel.grid .plan-step-summary h3 .textHeading {
    width: 76%;
    vertical-align: middle;
    padding: 0;
    display: inline-block;
  }
  html body #summaryPrintArea .contentPanel.grid .plan-step-summary ul li {
    margin-left: 32px;
  }
  html body #summaryPrintArea .span6 .list3 {
    min-height: 40px;
  }
  html body .end.contentPanel.grid .row h1 {
    font-size: 2em;
  }
  html body .end.contentPanel.grid .row p.congratsComplete {
    margin-left: 0;
  }
  html body .end.contentPanel .buttonSubmit {
    padding-right: 4.5em;
  }
  html body .end.contentPanel .buttonClose {
    padding-right: 4.5em;
  }
  html body .diversity.contentPanel .diversity-question-container .select-container:after {
    width: 30px;
  }
  html body .diversity.contentPanel .diversity-question-container select {
    font-size: 1.125em;
    padding: 26px 36px 26px 6px;
  }
  html body .diversity-feedback.contentPanel .square-button {
    max-width: 120px;
    margin-top: 0;
  }
  html body .buttonNextOnSummaryFeedbackPage.on-touch {
    bottom: -35px;
  }
  html body #summaryPrintArea .grid .span6 .list3 {
    min-height: 40px;
  }
  html body .blackOverlay .applicantPanel .container .closeInfoPanel {
    margin-left: 0px;
    left: 84%;
  }
}
/* iPad in landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* No special treatment. Should look like desktop */
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  html body {
    width: auto;
    height: auto;
  }
  html body header ul li.leftArrow {
    width: 3%;
  }
  html body header ul li.leftArrow a {
    width: 100%;
  }
  html body header ul li.iconHome {
    width: 4%;
  }
  html body header ul li.iconHome a {
    width: 100%;
  }
  html body header ul li.rightArrow {
    width: 3%;
  }
  html body header ul li.rightArrow a {
    width: 100%;
  }
  html body header ul li.sectionButton.one-half {
    width: 37.5%;
  }
  html body header ul li.sectionButton.one-half a {
    min-width: 0;
  }
  html body header ul li.sectionButton.one-third {
    width: 25%;
  }
  html body header ul li.sectionButton.one-third a {
    min-width: 0;
  }
  html body header ul li.sectionButton.one-forth {
    width: 18.75%;
  }
  html body header ul li.sectionButton.one-forth.first-forth a {
    min-width: 0;
  }
  html body header ul li.sectionButton.one-forth a {
    min-width: 0;
  }
  html body header ul li.sectionButton.one-fifth {
    width: 15%;
  }
  html body header ul li.sectionButton.one-fifth a {
    min-width: 0;
  }
  html body header ul li.toolbox {
    width: 7%;
    box-sizing: border-box;
  }
  html body .toolkitPanel .topPanelContent .toolkitClose {
    right: 3px;
    margin-right: 0;
  }
  html body .toolkitPanel .downloadLinks li {
    width: 44%;
  }
  html body .content {
    width: 100%;
  }
  html body .intro .introFooter .footer-item .footer-item-text-container {
    min-height: 7.25em;
  }
  html body {
    position: relative;
    /*.vid {
				&.contentPanel {
					&.morePadding {
						padding-bottom: 48px;
					}
					p {
						width:auto;
					}
					.video {
						display: block;
						position: relative;
						right: 0;
						left: 0;
						margin: 1.5em auto;
						min-height: 0;
						width: 420px;
						background-size:auto 250px;
						background-position: 50% 0;
						margin-bottom:0;
						p{
							margin: 0;
							padding: 1.5em;
							width: auto;
						}

					}
				}
			}*/
    /*.buttonPrintOnSummaryFeedbackPage{
				top: -106px;
				left: @mobileTextPaddingLeft;
			}*/
  }
  html body .mobile-only {
    display: block;
  }
  html body .tablet-only {
    display: block;
  }
  html body .mobile-device-only {
    display: none;
  }
  html body .desktop-only {
    display: none;
  }
  html body .button {
    padding: 14px 15px;
  }
  html body div .grid {
    /*.checklist;*/
  }
  html body div .grid .row {
    width: auto;
    margin-bottom: 0;
  }
  html body div .grid .row .col {
    padding: 0;
    float: none;
    margin-left: 0;
  }
  html body div .grid .row .col:first-child {
    margin-left: 0;
  }
  html body div .grid .row .col.span1 {
    width: auto;
  }
  html body div .grid .row .col.span2 {
    width: auto;
  }
  html body div .grid .row .col.span3 {
    width: auto;
  }
  html body div .grid .row .col.span3.planStep2LastCol {
    margin-bottom: 0;
  }
  html body div .grid .row .col.span4 {
    width: auto;
  }
  html body div .grid .row .col.span5 {
    width: auto;
  }
  html body div .grid .row .col.span6 {
    width: auto;
  }
  html body div .grid .row .col.span6.planStep3LeftPanel {
    margin-bottom: 0;
  }
  html body div .grid .row .col.span6.planStep3RightPanel {
    left: auto;
    top: auto;
  }
  html body div .grid .row .col.span6.planStep4PanelRight {
    margin-bottom: 0;
    left: auto;
    top: auto;
  }
  html body div .grid .row .col.span7 {
    width: auto;
  }
  html body div .grid .row .col.span8 {
    width: auto;
  }
  html body div .grid .row .col.span9 {
    width: auto;
  }
  html body div .grid .row .col.span10 {
    width: auto;
  }
  html body div .grid .row .col.span11 {
    width: auto;
  }
  html body div .grid .row .col.span12 {
    width: auto;
  }
  html body div .grid .row .col.span12.two-column-form ul li {
    width: auto;
    margin: 0;
    padding: 0;
  }
  html body div .grid .row .col.span12.two-column-form ul li.questionInput {
    padding: 6px 0;
  }
  html body div .grid .row .col.span12.two-column-form ul li.left {
    float: none;
  }
  html body div .grid .row .col.span12.two-column-form ul li.right {
    float: none;
  }
  html body div .grid .row .col.span12.three_column_thumbs .askThumbnails .thumbnail {
    width: 47.3%;
    min-width: 285px;
  }
  html body div .grid .row .col .textRightBottom {
    position: relative;
    top: auto;
    left: auto;
  }
  html body div .grid .row .col .textRightBottom.videoDescription {
    margin-left: 0;
    top: auto;
    left: auto;
    text-align: center;
  }
  html body div .grid .row .col .textRightBottom.videoDescription b {
    color: #007abd;
  }
  html body #videoContainer {
    position: static;
    padding-bottom: 30px;
  }
  html body #videoContainer #modalTranscript.modal {
    position: absolute;
  }
  html body #videoContainer .captions {
    bottom: 42px;
  }
  html body .mobileMenuOptionPanel {
    position: absolute;
    display: block;
    z-index: 21;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding-top: 36px;
    background-color: #373737;
  }
  html body .mobileMenuOptionPanel li {
    display: block;
    border: 0;
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
    background-color: #373737;
  }
  html body .mobileMenuOptionPanel li:first-child a {
    border-top: 1px solid #4d4d4d;
  }
  html body .mobileMenuOptionPanel li a {
    display: block;
    color: #FFFFFF;
    font-size: 1.125em;
    font-family: 'pt_sansbold', Arial;
    border-bottom: 1px solid #4d4d4d;
    padding: 25px 15px;
    white-space: nowrap;
    text-transform: uppercase;
    width: 100%;
    box-sizing: border-box;
  }
  html body .mobileMenuOptionPanel li a:hover,
  html body .mobileMenuOptionPanel li a:focus {
    color: #fab31a;
  }
  html body header {
    /*width:100%;
				height: 3em;*/
    background: #373737;
  }
  html body header ul {
    /*position: relative;
					top: auto;
					left: auto;*/
  }
  html body header ul li {
    display: none;
    float: none;
    /*height: 1em;
						padding: 8px 0; //7px 0;*/
    /*&.currentSection{
							a{
								border-top: 0;
								height: 48px;
								line-height: 48px;
							}
						}
						a {
							padding: 0 2em 0 0;
							&:hover, &:focus{
								border-top: 0;
								height: 48px;
								line-height: 48px;
							}
						}*/
  }
  html body header ul li.mobileMenu {
    display: block;
    float: left;
    /*width: auto;
							height: auto;*/
    margin: 0 0 0 15px;
    /*border-right: 0;*/
    /*&:hover, &:focus{
								a{
									border: none;
									height: 32px;
									min-height: 0;
									background-position: 50% 30%;
								}
							}*/
  }
  html body header ul li.mobileMenu.mobileMenu > a {
    display: block;
    width: 30px;
    height: 14px;
    padding-top: 13px;
    background-image: url("../images/menu.png");
    background-repeat: no-repeat;
    background-position: center;
  }
  html body header ul li.toolbox {
    display: block;
    position: absolute;
    top: 0;
    bottom: auto;
    z-index: 22;
    float: none;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 15px 0 0;
    border-right: 0;
  }
  html body header ul li.toolbox.toolkitSectionButton {
    right: 53px;
  }
  html body header ul li.toolbox.assessmentSectionButton {
    right: 0;
  }
  html body header ul li.toolbox .toolboxBtn {
    height: 14px;
    padding: 13px 0;
    border-top: 0;
  }
  html body header ul li.toolbox .tooltipOpen {
    z-index: 22;
  }
  html body header ul li.toolbox .tooltipOpen .tooltipOpenArrow {
    margin-left: -36px;
  }
  html body .toolkitPanel {
    top: 40px;
    height: 100%;
    background-color: #FFFFFF;
  }
  html body .toolkitPanel.toolkitPanel-locked {
    overflow: hidden;
  }
  html body .toolkitPanel .topPanelContent {
    padding: 0;
    padding-bottom: 32px;
  }
  html body .toolkitPanel .topPanelContent h2 {
    padding-top: 1.267em;
    padding-bottom: 12px;
  }
  html body .toolkitPanel h2 {
    width: 75%;
  }
  html body .toolkitPanel p {
    width: 80%;
    padding-right: 20px;
  }
  html body .toolkitPanel .toolkitClose {
    right: 25px;
    top: 36px;
  }
  html body .toolkitPanel .downloadLinks li {
    width: 21em;
    max-width: 100%;
    margin-right: 20px;
  }
  html body .toolkitPanel .downloadLinks li a {
    width: auto;
  }
  html body .toolkitPanel .listContainer .externalSections {
    padding: 0 20px 60px 20px;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel {
    display: block;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel.left {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel.right {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel p {
    padding-left: 0;
    padding-right: 0;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel p ul {
    padding-left: 0;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel a {
    margin-left: 0;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel h3.iconPlan {
    margin-left: 0;
  }
  html body .content-panel-wrapper {
    margin-bottom: 60px;
  }
  html body .contentPanel {
    background: white;
    background: rgba(255, 255, 255, 0.8);
  }
  html body .contentPanel .mobileButtonNext {
    display: block;
  }
  html body .contentPanel h3 {
    padding: 0.75em 1.5em 0 1.5em;
    width: auto;
    font-size: 1.75em;
  }
  html body .contentPanel .infographic-container .infographic-list {
    margin-bottom: 30px;
  }
  html body .contentPanel .infographic-container .infographic-list .infographic-wrapper {
    padding-right: 0;
  }
  html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-current-indicator {
    display: block;
    background-image: url("../images/infographic_down_arrow_selected.png");
  }
  html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected.has-hover:hover .infographic-current-indicator,
  html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected.has-hover:focus .infographic-current-indicator {
    background-image: url("../images/infographic_down_arrow_selected.png");
  }
  html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-current-indicator {
    width: 26px;
    height: 18px;
    right: 10px;
    top: 60%;
    margin-top: -13px;
    text-indent: -99em;
    overflow: hidden;
    background-image: url("../images/infographic_down_arrow.png");
    background-repeat: no-repeat;
  }
  html body .contentPanel.grid {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 20px 20px 20px;
  }
  html body .contentPanel.grid .row .span6 + .span6 {
    margin-top: 30px;
  }
  html body .contentPanel.grid .placeholder {
    margin-right: 0;
  }
  html body .contentPanel.grid .vertical-thumbs .three_column_thumbs .askThumbnails .thumbnail {
    margin-right: 2%;
  }
  html body .contentPanel.grid.isFeedbackPanel {
    padding-bottom: 2em;
  }
  html body .contentPanel.grid.isFeedbackPanel .span12 h2 {
    padding: 15px 12px 6px 0;
  }
  html body .contentPanel.grid.isFeedbackPanel .span12 h3 {
    padding: 15px 12px 6px 0;
  }
  html body .page-content {
    position: static;
    width: auto;
    height: auto;
  }
  html body .mobileThreeLevelNavigationContainer {
    display: block;
    font-family: 'pt_sansbold', Arial;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-first-level-nav {
    text-transform: uppercase;
    color: #016c7a;
    background-color: #ffffff;
    border-bottom: 4px solid #fab31a;
    font-size: 1.25em;
    padding: 20px 20px;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs {
    background-color: #373737;
    padding: 10px 0;
    border-bottom: 4px solid #fab31a;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button {
    display: block;
    font-size: 0.875em;
    color: #ffffff;
    padding: 8px 20px;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button:before {
    content: "";
    display: inline-block;
    vertical-align: text-top;
    width: 7px;
    height: 14px;
    margin-right: 12px;
    background-repeat: no-repeat;
    background-position: center;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button:hover,
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button:focus {
    color: #fab31a;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button.current:before {
    background-image: url("../images/right_arrow_navigation.png");
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-second-level-nav-button {
    text-transform: uppercase;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-third-level-navs {
    background-color: #464646;
    padding: 15px 0;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-third-level-navs .mobile-third-level-nav .mobile-third-level-nav-button {
    padding: 15px 20px;
  }
  html body .toolTipsContainer {
    display: none;
  }
  html body .thirdLevelNavigationContainer {
    display: none;
  }
  html body .introMobileNav {
    background: #3A3B3C;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3A3B3C), color-stop(1, #1D1E1E));
    background: -ms-linear-gradient(bottom, #3A3B3C, #1D1E1E);
    background: -moz-linear-gradient(center bottom, #3A3B3C 0%, #1D1E1E 100%);
    background: -o-linear-gradient(#1D1E1E, #3A3B3C);
    display: block;
    height: 20px;
    width: 100%;
    padding: 6px 0;
    text-align: center;
    position: fixed;
    z-index: 2;
    bottom: 0;
  }
  html body .introMobileNav li {
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 1.25em;
  }
  html body .introMobileNav li.leftArrowFooter a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/arrow_left.png");
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 2px;
  }
  html body .introMobileNav li.leftArrowFooter a:hover,
  html body .introMobileNav li.leftArrowFooter a:focus {
    background-image: url("../images/arrow_left_active.png");
  }
  html body .introMobileNav li.leftArrowFooterDisabled a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/arrow_left_disabled.png");
    background-repeat: no-repeat;
    cursor: default;
  }
  html body .introMobileNav li.rightArrowFooter a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/arrow_right.png");
    background-repeat: no-repeat;
  }
  html body .introMobileNav li.rightArrowFooter a:hover,
  html body .introMobileNav li.rightArrowFooter a:focus {
    background-image: url("../images/arrow_right_active.png");
  }
  html body .introMobileNav li.rightArrowFooterDisabled a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/arrow_right_disabled.png");
    background-repeat: no-repeat;
    cursor: default;
  }
  html body .introMobileNav li.iconHomeFooter {
    padding: 0 17.5%;
  }
  html body .introMobileNav li.iconHomeFooter a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/icon_home.png");
    background-repeat: no-repeat;
  }
  html body .introMobileNav li.iconHomeFooter a:hover,
  html body .introMobileNav li.iconHomeFooter a:focus {
    background-image: url("../images/icon_home_active.png");
  }
  html body .introMobileNav li a {
    background-position: center;
  }
  html body .content {
    margin-bottom: 0;
  }
  html body .intro .button {
    padding-right: 15px;
  }
  html body .intro .contentPanel {
    width: 100%;
    margin-top: 0;
    float: none;
    margin-bottom: 40px;
    background: #d7f6f1;
    background: rgba(255, 255, 255, 0.8);
  }
  html body .intro .contentPanel.managing .introContent {
    padding-bottom: 0;
  }
  html body .intro .contentPanel h1 {
    padding: 14px 20px;
  }
  html body .intro .contentPanel h2 {
    padding: 26px 20px 20px 20px;
    text-transform: uppercase;
  }
  html body .intro .contentPanel .introContent {
    padding: 0 20px;
  }
  html body .intro .first-level-section-container {
    width: 100%;
    float: none;
  }
  html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a {
    padding-left: 15px;
    padding-right: 15px;
  }
  html body .intro .introFooter {
    width: 100%;
    display: block;
    float: none;
  }
  html body .intro .introFooter .footer-item {
    display: block;
    margin-bottom: 18px;
    background-position: 20px 24px;
  }
  html body .intro .introFooter .footer-item.assessment-footer-item {
    border-left: 0;
  }
  html body .intro .introFooter .footer-item .footer-item-text-container {
    padding-left: 90px;
    padding-right: 20px;
    min-height: 0;
  }
  html body .activity.contentPanel .checkbox-label .optionDetails {
    width: 78%;
  }
  html body .activity.contentPanel .radio-label .optionDetails {
    width: 78%;
  }
  html body .activity.contentPanel .question-option-list {
    margin-left: 0;
  }
  html body .activity.contentPanel .feedback-for-question {
    padding-left: 0;
  }
  html body .activity.contentPanel .feedback-for-question .feedback-heading {
    padding-left: 32px;
  }
  html body .activity.contentPanel .feedback-for-question.feedback-with-question {
    padding-left: 0;
    margin-left: 0;
  }
  html body .infographics {
    /*.infographic-right-inner-wrapper{
	        display: block;
	        .infographic-right-inner{
	          display: block;
	          height: auto;
	        }
	      }*/
  }
  html body .infographics.grid .infographic-row {
    display: block;
  }
  html body .infographics.grid .infographic-left-column {
    display: block;
  }
  html body .infographics.grid .infographic-left-column.col.span5 {
    width: auto;
  }
  html body .infographics.grid .infographic-left-column.col.span5 .placeholder-bottom-text {
    margin-bottom: 15px;
  }
  html body .infographics.grid .infographic-right-column {
    display: block;
  }
  html body .infographics.grid .infographic-right-column .infographic-right-inner-wrapper {
    margin-left: 0;
  }
  html body .infographics.grid .infographic-right-column.col.span7 {
    width: auto;
  }
  html body .self-assessment.contentPanel .table-container {
    display: block;
    width: auto;
  }
  html body .self-assessment.contentPanel .table-container .table-left-column {
    display: block;
    width: auto;
  }
  html body .self-assessment.contentPanel .table-container .table-right-column {
    display: block;
    width: auto;
    line-height: 1;
  }
  html body .self-assessment.contentPanel .table-container .table-right-column.assessment-heading-options-container {
    display: none;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .table-container .table-left-column {
    margin-bottom: 0;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .table-container .table-right-column .table-right-inner-container .table-right-inner-item {
    vertical-align: top;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radioInput {
    left: 50%;
    margin-left: -14px;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label {
    width: auto;
    display: inline-block;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label .radioAnchor {
    display: block;
    float: none;
    margin: 0 auto;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label .optionDetails {
    display: block;
    width: auto;
    margin-left: 0;
    margin-top: 6px;
  }
  html body .self-assessment.contentPanel .feedback-container .break-out-box {
    margin-left: 0;
  }
  html body .self-assessment.contentPanel .feedback-container .feedback-inner-container {
    float: none;
    width: auto;
    margin-left: 0;
  }
  html body .diversity-feedback.contentPanel.grid .row.middle-text-row .span6 + .span6 {
    margin-top: 0;
  }
  html body .diversity-feedback .middle-text-row.third {
    padding-bottom: 30px;
  }
  html body .diversity-feedback .bottom-text-row {
    padding-top: 30px;
  }
  html body .discrimination .discrimination-container {
    display: block;
    width: auto;
  }
  html body .discrimination .discrimination-container .discrimination-column {
    display: block;
  }
  html body .discrimination .discrimination-container .discrimination-left-column {
    width: auto;
  }
  html body .discrimination .discrimination-container .discrimination-middle-column {
    width: auto;
  }
  html body .discrimination .discrimination-container .discrimination-right-column {
    width: auto;
  }
  html body .discrimination .unlawful-text-container p {
    font-size: 1.75em;
  }
  html body .vertical-text-image.contentPanel.grid {
    padding-bottom: 0;
  }
  html body .vertical-text-image.contentPanel.grid .row {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    box-sizing: border-box;
  }
  html body .vertical-text-image.contentPanel.grid .row.image-row img {
    width: auto;
    height: auto;
    margin: 0 auto;
  }
  html body .informationPanel .informationPanelMiddle .featurePanelInfo {
    top: 24px;
  }
  html body .informationPanel .informationPanelMiddle .downloadPanelInfo {
    position: relative;
    top: 120px;
    padding-bottom: 6px;
  }
  html body #videoContainer {
    top: 0;
  }
  html body #videoContainer.hide {
    top: 0;
  }
  html body #videoContainer.hide .video {
    margin-left: auto;
  }
  html body .end.contentPanel {
    padding-bottom: 2.5em;
    padding-top: 24px;
  }
  html body .end.contentPanel.grid .row .col.span12 {
    width: auto;
  }
  html body .end.contentPanel.grid .row h2 {
    margin-top: 0;
    width: auto;
    max-width: 300px;
  }
  html body .end.contentPanel.grid .row p {
    margin-left: 52px;
  }
  html body .end.contentPanel.grid .row p.congratsComplete:before {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsGoToolkit .congratsGoToolkit-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsGlossary .congratsGlossary-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsToolkit .congratsToolkit-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsSelfAssessment .congratsSelfAssessment-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsSurvey .congratsSurvey-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row .congratsTakeSurvey .congratsTakeSurvey-icon {
    left: 20px;
    margin-left: 0;
  }
  html body #summaryPrintArea .grid .span6 .list3 {
    min-height: 40px;
  }
  html body #summaryPrintArea .grid.contentPanel .feedbackSummaryContent {
    padding-bottom: 16px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  html body {
    width: auto;
    height: auto;
  }
  html body header ul li.leftArrow {
    width: 3%;
  }
  html body header ul li.leftArrow a {
    width: 100%;
  }
  html body header ul li.iconHome {
    width: 4%;
  }
  html body header ul li.iconHome a {
    width: 100%;
  }
  html body header ul li.rightArrow {
    width: 3%;
  }
  html body header ul li.rightArrow a {
    width: 100%;
  }
  html body header ul li.sectionButton.one-half {
    width: 37.5%;
  }
  html body header ul li.sectionButton.one-half a {
    min-width: 0;
  }
  html body header ul li.sectionButton.one-third {
    width: 25%;
  }
  html body header ul li.sectionButton.one-third a {
    min-width: 0;
  }
  html body header ul li.sectionButton.one-forth {
    width: 18.75%;
  }
  html body header ul li.sectionButton.one-forth.first-forth a {
    min-width: 0;
  }
  html body header ul li.sectionButton.one-forth a {
    min-width: 0;
  }
  html body header ul li.sectionButton.one-fifth {
    width: 15%;
  }
  html body header ul li.sectionButton.one-fifth a {
    min-width: 0;
  }
  html body header ul li.toolbox {
    width: 7%;
    box-sizing: border-box;
  }
  html body .toolkitPanel .topPanelContent .toolkitClose {
    right: 3px;
    margin-right: 0;
  }
  html body .toolkitPanel .downloadLinks li {
    width: 44%;
  }
  html body .content {
    width: 100%;
  }
  html body .intro .introFooter .footer-item .footer-item-text-container {
    min-height: 7.25em;
  }
  html body {
    position: relative;
    /*.vid {
				&.contentPanel {
					&.morePadding {
						padding-bottom: 48px;
					}
					p {
						width:auto;
					}
					.video {
						display: block;
						position: relative;
						right: 0;
						left: 0;
						margin: 1.5em auto;
						min-height: 0;
						width: 420px;
						background-size:auto 250px;
						background-position: 50% 0;
						margin-bottom:0;
						p{
							margin: 0;
							padding: 1.5em;
							width: auto;
						}

					}
				}
			}*/
    /*.buttonPrintOnSummaryFeedbackPage{
				top: -106px;
				left: @mobileTextPaddingLeft;
			}*/
  }
  html body .mobile-only {
    display: block;
  }
  html body .tablet-only {
    display: block;
  }
  html body .mobile-device-only {
    display: none;
  }
  html body .desktop-only {
    display: none;
  }
  html body .button {
    padding: 14px 15px;
  }
  html body div .grid {
    /*.checklist;*/
  }
  html body div .grid .row {
    width: auto;
    margin-bottom: 0;
  }
  html body div .grid .row .col {
    padding: 0;
    float: none;
    margin-left: 0;
  }
  html body div .grid .row .col:first-child {
    margin-left: 0;
  }
  html body div .grid .row .col.span1 {
    width: auto;
  }
  html body div .grid .row .col.span2 {
    width: auto;
  }
  html body div .grid .row .col.span3 {
    width: auto;
  }
  html body div .grid .row .col.span3.planStep2LastCol {
    margin-bottom: 0;
  }
  html body div .grid .row .col.span4 {
    width: auto;
  }
  html body div .grid .row .col.span5 {
    width: auto;
  }
  html body div .grid .row .col.span6 {
    width: auto;
  }
  html body div .grid .row .col.span6.planStep3LeftPanel {
    margin-bottom: 0;
  }
  html body div .grid .row .col.span6.planStep3RightPanel {
    left: auto;
    top: auto;
  }
  html body div .grid .row .col.span6.planStep4PanelRight {
    margin-bottom: 0;
    left: auto;
    top: auto;
  }
  html body div .grid .row .col.span7 {
    width: auto;
  }
  html body div .grid .row .col.span8 {
    width: auto;
  }
  html body div .grid .row .col.span9 {
    width: auto;
  }
  html body div .grid .row .col.span10 {
    width: auto;
  }
  html body div .grid .row .col.span11 {
    width: auto;
  }
  html body div .grid .row .col.span12 {
    width: auto;
  }
  html body div .grid .row .col.span12.two-column-form ul li {
    width: auto;
    margin: 0;
    padding: 0;
  }
  html body div .grid .row .col.span12.two-column-form ul li.questionInput {
    padding: 6px 0;
  }
  html body div .grid .row .col.span12.two-column-form ul li.left {
    float: none;
  }
  html body div .grid .row .col.span12.two-column-form ul li.right {
    float: none;
  }
  html body div .grid .row .col.span12.three_column_thumbs .askThumbnails .thumbnail {
    width: 47.3%;
    min-width: 285px;
  }
  html body div .grid .row .col .textRightBottom {
    position: relative;
    top: auto;
    left: auto;
  }
  html body div .grid .row .col .textRightBottom.videoDescription {
    margin-left: 0;
    top: auto;
    left: auto;
    text-align: center;
  }
  html body div .grid .row .col .textRightBottom.videoDescription b {
    color: #007abd;
  }
  html body #videoContainer {
    position: static;
    padding-bottom: 30px;
  }
  html body #videoContainer #modalTranscript.modal {
    position: absolute;
  }
  html body #videoContainer .captions {
    bottom: 42px;
  }
  html body .mobileMenuOptionPanel {
    position: absolute;
    display: block;
    z-index: 21;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding-top: 36px;
    background-color: #373737;
  }
  html body .mobileMenuOptionPanel li {
    display: block;
    border: 0;
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
    background-color: #373737;
  }
  html body .mobileMenuOptionPanel li:first-child a {
    border-top: 1px solid #4d4d4d;
  }
  html body .mobileMenuOptionPanel li a {
    display: block;
    color: #FFFFFF;
    font-size: 1.125em;
    font-family: 'pt_sansbold', Arial;
    border-bottom: 1px solid #4d4d4d;
    padding: 25px 15px;
    white-space: nowrap;
    text-transform: uppercase;
    width: 100%;
    box-sizing: border-box;
  }
  html body .mobileMenuOptionPanel li a:hover,
  html body .mobileMenuOptionPanel li a:focus {
    color: #fab31a;
  }
  html body header {
    /*width:100%;
				height: 3em;*/
    background: #373737;
  }
  html body header ul {
    /*position: relative;
					top: auto;
					left: auto;*/
  }
  html body header ul li {
    display: none;
    float: none;
    /*height: 1em;
						padding: 8px 0; //7px 0;*/
    /*&.currentSection{
							a{
								border-top: 0;
								height: 48px;
								line-height: 48px;
							}
						}
						a {
							padding: 0 2em 0 0;
							&:hover, &:focus{
								border-top: 0;
								height: 48px;
								line-height: 48px;
							}
						}*/
  }
  html body header ul li.mobileMenu {
    display: block;
    float: left;
    /*width: auto;
							height: auto;*/
    margin: 0 0 0 15px;
    /*border-right: 0;*/
    /*&:hover, &:focus{
								a{
									border: none;
									height: 32px;
									min-height: 0;
									background-position: 50% 30%;
								}
							}*/
  }
  html body header ul li.mobileMenu.mobileMenu > a {
    display: block;
    width: 30px;
    height: 14px;
    padding-top: 13px;
    background-image: url("../images/menu.png");
    background-repeat: no-repeat;
    background-position: center;
  }
  html body header ul li.toolbox {
    display: block;
    position: absolute;
    top: 0;
    bottom: auto;
    z-index: 22;
    float: none;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 15px 0 0;
    border-right: 0;
  }
  html body header ul li.toolbox.toolkitSectionButton {
    right: 53px;
  }
  html body header ul li.toolbox.assessmentSectionButton {
    right: 0;
  }
  html body header ul li.toolbox .toolboxBtn {
    height: 14px;
    padding: 13px 0;
    border-top: 0;
  }
  html body header ul li.toolbox .tooltipOpen {
    z-index: 22;
  }
  html body header ul li.toolbox .tooltipOpen .tooltipOpenArrow {
    margin-left: -36px;
  }
  html body .toolkitPanel {
    top: 40px;
    height: 100%;
    background-color: #FFFFFF;
  }
  html body .toolkitPanel.toolkitPanel-locked {
    overflow: hidden;
  }
  html body .toolkitPanel .topPanelContent {
    padding: 0;
    padding-bottom: 32px;
  }
  html body .toolkitPanel .topPanelContent h2 {
    padding-top: 1.267em;
    padding-bottom: 12px;
  }
  html body .toolkitPanel h2 {
    width: 75%;
  }
  html body .toolkitPanel p {
    width: 80%;
    padding-right: 20px;
  }
  html body .toolkitPanel .toolkitClose {
    right: 25px;
    top: 36px;
  }
  html body .toolkitPanel .downloadLinks li {
    width: 21em;
    max-width: 100%;
    margin-right: 20px;
  }
  html body .toolkitPanel .downloadLinks li a {
    width: auto;
  }
  html body .toolkitPanel .listContainer .externalSections {
    padding: 0 20px 60px 20px;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel {
    display: block;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel.left {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel.right {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel p {
    padding-left: 0;
    padding-right: 0;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel p ul {
    padding-left: 0;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel a {
    margin-left: 0;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel h3.iconPlan {
    margin-left: 0;
  }
  html body .content-panel-wrapper {
    margin-bottom: 60px;
  }
  html body .contentPanel {
    background: white;
    background: rgba(255, 255, 255, 0.8);
  }
  html body .contentPanel .mobileButtonNext {
    display: block;
  }
  html body .contentPanel h3 {
    padding: 0.75em 1.5em 0 1.5em;
    width: auto;
    font-size: 1.75em;
  }
  html body .contentPanel .infographic-container .infographic-list {
    margin-bottom: 30px;
  }
  html body .contentPanel .infographic-container .infographic-list .infographic-wrapper {
    padding-right: 0;
  }
  html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-current-indicator {
    display: block;
    background-image: url("../images/infographic_down_arrow_selected.png");
  }
  html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected.has-hover:hover .infographic-current-indicator,
  html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected.has-hover:focus .infographic-current-indicator {
    background-image: url("../images/infographic_down_arrow_selected.png");
  }
  html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-current-indicator {
    width: 26px;
    height: 18px;
    right: 10px;
    top: 60%;
    margin-top: -13px;
    text-indent: -99em;
    overflow: hidden;
    background-image: url("../images/infographic_down_arrow.png");
    background-repeat: no-repeat;
  }
  html body .contentPanel.grid {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 20px 20px 20px;
  }
  html body .contentPanel.grid .row .span6 + .span6 {
    margin-top: 30px;
  }
  html body .contentPanel.grid .placeholder {
    margin-right: 0;
  }
  html body .contentPanel.grid .vertical-thumbs .three_column_thumbs .askThumbnails .thumbnail {
    margin-right: 2%;
  }
  html body .contentPanel.grid.isFeedbackPanel {
    padding-bottom: 2em;
  }
  html body .contentPanel.grid.isFeedbackPanel .span12 h2 {
    padding: 15px 12px 6px 0;
  }
  html body .contentPanel.grid.isFeedbackPanel .span12 h3 {
    padding: 15px 12px 6px 0;
  }
  html body .page-content {
    position: static;
    width: auto;
    height: auto;
  }
  html body .mobileThreeLevelNavigationContainer {
    display: block;
    font-family: 'pt_sansbold', Arial;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-first-level-nav {
    text-transform: uppercase;
    color: #016c7a;
    background-color: #ffffff;
    border-bottom: 4px solid #fab31a;
    font-size: 1.25em;
    padding: 20px 20px;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs {
    background-color: #373737;
    padding: 10px 0;
    border-bottom: 4px solid #fab31a;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button {
    display: block;
    font-size: 0.875em;
    color: #ffffff;
    padding: 8px 20px;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button:before {
    content: "";
    display: inline-block;
    vertical-align: text-top;
    width: 7px;
    height: 14px;
    margin-right: 12px;
    background-repeat: no-repeat;
    background-position: center;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button:hover,
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button:focus {
    color: #fab31a;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button.current:before {
    background-image: url("../images/right_arrow_navigation.png");
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-second-level-nav-button {
    text-transform: uppercase;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-third-level-navs {
    background-color: #464646;
    padding: 15px 0;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-third-level-navs .mobile-third-level-nav .mobile-third-level-nav-button {
    padding: 15px 20px;
  }
  html body .toolTipsContainer {
    display: none;
  }
  html body .thirdLevelNavigationContainer {
    display: none;
  }
  html body .introMobileNav {
    background: #3A3B3C;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3A3B3C), color-stop(1, #1D1E1E));
    background: -ms-linear-gradient(bottom, #3A3B3C, #1D1E1E);
    background: -moz-linear-gradient(center bottom, #3A3B3C 0%, #1D1E1E 100%);
    background: -o-linear-gradient(#1D1E1E, #3A3B3C);
    display: block;
    height: 20px;
    width: 100%;
    padding: 6px 0;
    text-align: center;
    position: fixed;
    z-index: 2;
    bottom: 0;
  }
  html body .introMobileNav li {
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 1.25em;
  }
  html body .introMobileNav li.leftArrowFooter a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/arrow_left.png");
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 2px;
  }
  html body .introMobileNav li.leftArrowFooter a:hover,
  html body .introMobileNav li.leftArrowFooter a:focus {
    background-image: url("../images/arrow_left_active.png");
  }
  html body .introMobileNav li.leftArrowFooterDisabled a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/arrow_left_disabled.png");
    background-repeat: no-repeat;
    cursor: default;
  }
  html body .introMobileNav li.rightArrowFooter a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/arrow_right.png");
    background-repeat: no-repeat;
  }
  html body .introMobileNav li.rightArrowFooter a:hover,
  html body .introMobileNav li.rightArrowFooter a:focus {
    background-image: url("../images/arrow_right_active.png");
  }
  html body .introMobileNav li.rightArrowFooterDisabled a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/arrow_right_disabled.png");
    background-repeat: no-repeat;
    cursor: default;
  }
  html body .introMobileNav li.iconHomeFooter {
    padding: 0 17.5%;
  }
  html body .introMobileNav li.iconHomeFooter a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/icon_home.png");
    background-repeat: no-repeat;
  }
  html body .introMobileNav li.iconHomeFooter a:hover,
  html body .introMobileNav li.iconHomeFooter a:focus {
    background-image: url("../images/icon_home_active.png");
  }
  html body .introMobileNav li a {
    background-position: center;
  }
  html body .content {
    margin-bottom: 0;
  }
  html body .intro .button {
    padding-right: 15px;
  }
  html body .intro .contentPanel {
    width: 100%;
    margin-top: 0;
    float: none;
    margin-bottom: 40px;
    background: #d7f6f1;
    background: rgba(255, 255, 255, 0.8);
  }
  html body .intro .contentPanel.managing .introContent {
    padding-bottom: 0;
  }
  html body .intro .contentPanel h1 {
    padding: 14px 20px;
  }
  html body .intro .contentPanel h2 {
    padding: 26px 20px 20px 20px;
    text-transform: uppercase;
  }
  html body .intro .contentPanel .introContent {
    padding: 0 20px;
  }
  html body .intro .first-level-section-container {
    width: 100%;
    float: none;
  }
  html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a {
    padding-left: 15px;
    padding-right: 15px;
  }
  html body .intro .introFooter {
    width: 100%;
    display: block;
    float: none;
  }
  html body .intro .introFooter .footer-item {
    display: block;
    margin-bottom: 18px;
    background-position: 20px 24px;
  }
  html body .intro .introFooter .footer-item.assessment-footer-item {
    border-left: 0;
  }
  html body .intro .introFooter .footer-item .footer-item-text-container {
    padding-left: 90px;
    padding-right: 20px;
    min-height: 0;
  }
  html body .activity.contentPanel .checkbox-label .optionDetails {
    width: 78%;
  }
  html body .activity.contentPanel .radio-label .optionDetails {
    width: 78%;
  }
  html body .activity.contentPanel .question-option-list {
    margin-left: 0;
  }
  html body .activity.contentPanel .feedback-for-question {
    padding-left: 0;
  }
  html body .activity.contentPanel .feedback-for-question .feedback-heading {
    padding-left: 32px;
  }
  html body .activity.contentPanel .feedback-for-question.feedback-with-question {
    padding-left: 0;
    margin-left: 0;
  }
  html body .infographics {
    /*.infographic-right-inner-wrapper{
	        display: block;
	        .infographic-right-inner{
	          display: block;
	          height: auto;
	        }
	      }*/
  }
  html body .infographics.grid .infographic-row {
    display: block;
  }
  html body .infographics.grid .infographic-left-column {
    display: block;
  }
  html body .infographics.grid .infographic-left-column.col.span5 {
    width: auto;
  }
  html body .infographics.grid .infographic-left-column.col.span5 .placeholder-bottom-text {
    margin-bottom: 15px;
  }
  html body .infographics.grid .infographic-right-column {
    display: block;
  }
  html body .infographics.grid .infographic-right-column .infographic-right-inner-wrapper {
    margin-left: 0;
  }
  html body .infographics.grid .infographic-right-column.col.span7 {
    width: auto;
  }
  html body .self-assessment.contentPanel .table-container {
    display: block;
    width: auto;
  }
  html body .self-assessment.contentPanel .table-container .table-left-column {
    display: block;
    width: auto;
  }
  html body .self-assessment.contentPanel .table-container .table-right-column {
    display: block;
    width: auto;
    line-height: 1;
  }
  html body .self-assessment.contentPanel .table-container .table-right-column.assessment-heading-options-container {
    display: none;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .table-container .table-left-column {
    margin-bottom: 0;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .table-container .table-right-column .table-right-inner-container .table-right-inner-item {
    vertical-align: top;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radioInput {
    left: 50%;
    margin-left: -14px;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label {
    width: auto;
    display: inline-block;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label .radioAnchor {
    display: block;
    float: none;
    margin: 0 auto;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label .optionDetails {
    display: block;
    width: auto;
    margin-left: 0;
    margin-top: 6px;
  }
  html body .self-assessment.contentPanel .feedback-container .break-out-box {
    margin-left: 0;
  }
  html body .self-assessment.contentPanel .feedback-container .feedback-inner-container {
    float: none;
    width: auto;
    margin-left: 0;
  }
  html body .diversity-feedback.contentPanel.grid .row.middle-text-row .span6 + .span6 {
    margin-top: 0;
  }
  html body .diversity-feedback .middle-text-row.third {
    padding-bottom: 30px;
  }
  html body .diversity-feedback .bottom-text-row {
    padding-top: 30px;
  }
  html body .discrimination .discrimination-container {
    display: block;
    width: auto;
  }
  html body .discrimination .discrimination-container .discrimination-column {
    display: block;
  }
  html body .discrimination .discrimination-container .discrimination-left-column {
    width: auto;
  }
  html body .discrimination .discrimination-container .discrimination-middle-column {
    width: auto;
  }
  html body .discrimination .discrimination-container .discrimination-right-column {
    width: auto;
  }
  html body .discrimination .unlawful-text-container p {
    font-size: 1.75em;
  }
  html body .vertical-text-image.contentPanel.grid {
    padding-bottom: 0;
  }
  html body .vertical-text-image.contentPanel.grid .row {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    box-sizing: border-box;
  }
  html body .vertical-text-image.contentPanel.grid .row.image-row img {
    width: auto;
    height: auto;
    margin: 0 auto;
  }
  html body .informationPanel .informationPanelMiddle .featurePanelInfo {
    top: 24px;
  }
  html body .informationPanel .informationPanelMiddle .downloadPanelInfo {
    position: relative;
    top: 120px;
    padding-bottom: 6px;
  }
  html body #videoContainer {
    top: 0;
  }
  html body #videoContainer.hide {
    top: 0;
  }
  html body #videoContainer.hide .video {
    margin-left: auto;
  }
  html body .end.contentPanel {
    padding-bottom: 2.5em;
    padding-top: 24px;
  }
  html body .end.contentPanel.grid .row .col.span12 {
    width: auto;
  }
  html body .end.contentPanel.grid .row h2 {
    margin-top: 0;
    width: auto;
    max-width: 300px;
  }
  html body .end.contentPanel.grid .row p {
    margin-left: 52px;
  }
  html body .end.contentPanel.grid .row p.congratsComplete:before {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsGoToolkit .congratsGoToolkit-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsGlossary .congratsGlossary-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsToolkit .congratsToolkit-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsSelfAssessment .congratsSelfAssessment-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsSurvey .congratsSurvey-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row .congratsTakeSurvey .congratsTakeSurvey-icon {
    left: 20px;
    margin-left: 0;
  }
  html body #summaryPrintArea .grid .span6 .list3 {
    min-height: 40px;
  }
  html body #summaryPrintArea .grid.contentPanel .feedbackSummaryContent {
    padding-bottom: 16px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
  html body {
    width: auto;
    height: auto;
  }
  html body header ul li.leftArrow {
    width: 3%;
  }
  html body header ul li.leftArrow a {
    width: 100%;
  }
  html body header ul li.iconHome {
    width: 4%;
  }
  html body header ul li.iconHome a {
    width: 100%;
  }
  html body header ul li.rightArrow {
    width: 3%;
  }
  html body header ul li.rightArrow a {
    width: 100%;
  }
  html body header ul li.sectionButton.one-half {
    width: 37.5%;
  }
  html body header ul li.sectionButton.one-half a {
    min-width: 0;
  }
  html body header ul li.sectionButton.one-third {
    width: 25%;
  }
  html body header ul li.sectionButton.one-third a {
    min-width: 0;
  }
  html body header ul li.sectionButton.one-forth {
    width: 18.75%;
  }
  html body header ul li.sectionButton.one-forth.first-forth a {
    min-width: 0;
  }
  html body header ul li.sectionButton.one-forth a {
    min-width: 0;
  }
  html body header ul li.sectionButton.one-fifth {
    width: 15%;
  }
  html body header ul li.sectionButton.one-fifth a {
    min-width: 0;
  }
  html body header ul li.toolbox {
    width: 7%;
    box-sizing: border-box;
  }
  html body .toolkitPanel .topPanelContent .toolkitClose {
    right: 3px;
    margin-right: 0;
  }
  html body .toolkitPanel .downloadLinks li {
    width: 44%;
  }
  html body .content {
    width: 100%;
  }
  html body .intro .introFooter .footer-item .footer-item-text-container {
    min-height: 7.25em;
  }
  html body {
    position: relative;
    /*.vid {
				&.contentPanel {
					&.morePadding {
						padding-bottom: 48px;
					}
					p {
						width:auto;
					}
					.video {
						display: block;
						position: relative;
						right: 0;
						left: 0;
						margin: 1.5em auto;
						min-height: 0;
						width: 420px;
						background-size:auto 250px;
						background-position: 50% 0;
						margin-bottom:0;
						p{
							margin: 0;
							padding: 1.5em;
							width: auto;
						}

					}
				}
			}*/
    /*.buttonPrintOnSummaryFeedbackPage{
				top: -106px;
				left: @mobileTextPaddingLeft;
			}*/
  }
  html body .mobile-only {
    display: block;
  }
  html body .tablet-only {
    display: block;
  }
  html body .mobile-device-only {
    display: none;
  }
  html body .desktop-only {
    display: none;
  }
  html body .button {
    padding: 14px 15px;
  }
  html body div .grid {
    /*.checklist;*/
  }
  html body div .grid .row {
    width: auto;
    margin-bottom: 0;
  }
  html body div .grid .row .col {
    padding: 0;
    float: none;
    margin-left: 0;
  }
  html body div .grid .row .col:first-child {
    margin-left: 0;
  }
  html body div .grid .row .col.span1 {
    width: auto;
  }
  html body div .grid .row .col.span2 {
    width: auto;
  }
  html body div .grid .row .col.span3 {
    width: auto;
  }
  html body div .grid .row .col.span3.planStep2LastCol {
    margin-bottom: 0;
  }
  html body div .grid .row .col.span4 {
    width: auto;
  }
  html body div .grid .row .col.span5 {
    width: auto;
  }
  html body div .grid .row .col.span6 {
    width: auto;
  }
  html body div .grid .row .col.span6.planStep3LeftPanel {
    margin-bottom: 0;
  }
  html body div .grid .row .col.span6.planStep3RightPanel {
    left: auto;
    top: auto;
  }
  html body div .grid .row .col.span6.planStep4PanelRight {
    margin-bottom: 0;
    left: auto;
    top: auto;
  }
  html body div .grid .row .col.span7 {
    width: auto;
  }
  html body div .grid .row .col.span8 {
    width: auto;
  }
  html body div .grid .row .col.span9 {
    width: auto;
  }
  html body div .grid .row .col.span10 {
    width: auto;
  }
  html body div .grid .row .col.span11 {
    width: auto;
  }
  html body div .grid .row .col.span12 {
    width: auto;
  }
  html body div .grid .row .col.span12.two-column-form ul li {
    width: auto;
    margin: 0;
    padding: 0;
  }
  html body div .grid .row .col.span12.two-column-form ul li.questionInput {
    padding: 6px 0;
  }
  html body div .grid .row .col.span12.two-column-form ul li.left {
    float: none;
  }
  html body div .grid .row .col.span12.two-column-form ul li.right {
    float: none;
  }
  html body div .grid .row .col.span12.three_column_thumbs .askThumbnails .thumbnail {
    width: 47.3%;
    min-width: 285px;
  }
  html body div .grid .row .col .textRightBottom {
    position: relative;
    top: auto;
    left: auto;
  }
  html body div .grid .row .col .textRightBottom.videoDescription {
    margin-left: 0;
    top: auto;
    left: auto;
    text-align: center;
  }
  html body div .grid .row .col .textRightBottom.videoDescription b {
    color: #007abd;
  }
  html body #videoContainer {
    position: static;
    padding-bottom: 30px;
  }
  html body #videoContainer #modalTranscript.modal {
    position: absolute;
  }
  html body #videoContainer .captions {
    bottom: 42px;
  }
  html body .mobileMenuOptionPanel {
    position: absolute;
    display: block;
    z-index: 21;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding-top: 36px;
    background-color: #373737;
  }
  html body .mobileMenuOptionPanel li {
    display: block;
    border: 0;
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
    background-color: #373737;
  }
  html body .mobileMenuOptionPanel li:first-child a {
    border-top: 1px solid #4d4d4d;
  }
  html body .mobileMenuOptionPanel li a {
    display: block;
    color: #FFFFFF;
    font-size: 1.125em;
    font-family: 'pt_sansbold', Arial;
    border-bottom: 1px solid #4d4d4d;
    padding: 25px 15px;
    white-space: nowrap;
    text-transform: uppercase;
    width: 100%;
    box-sizing: border-box;
  }
  html body .mobileMenuOptionPanel li a:hover,
  html body .mobileMenuOptionPanel li a:focus {
    color: #fab31a;
  }
  html body header {
    /*width:100%;
				height: 3em;*/
    background: #373737;
  }
  html body header ul {
    /*position: relative;
					top: auto;
					left: auto;*/
  }
  html body header ul li {
    display: none;
    float: none;
    /*height: 1em;
						padding: 8px 0; //7px 0;*/
    /*&.currentSection{
							a{
								border-top: 0;
								height: 48px;
								line-height: 48px;
							}
						}
						a {
							padding: 0 2em 0 0;
							&:hover, &:focus{
								border-top: 0;
								height: 48px;
								line-height: 48px;
							}
						}*/
  }
  html body header ul li.mobileMenu {
    display: block;
    float: left;
    /*width: auto;
							height: auto;*/
    margin: 0 0 0 15px;
    /*border-right: 0;*/
    /*&:hover, &:focus{
								a{
									border: none;
									height: 32px;
									min-height: 0;
									background-position: 50% 30%;
								}
							}*/
  }
  html body header ul li.mobileMenu.mobileMenu > a {
    display: block;
    width: 30px;
    height: 14px;
    padding-top: 13px;
    background-image: url("../images/menu.png");
    background-repeat: no-repeat;
    background-position: center;
  }
  html body header ul li.toolbox {
    display: block;
    position: absolute;
    top: 0;
    bottom: auto;
    z-index: 22;
    float: none;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 15px 0 0;
    border-right: 0;
  }
  html body header ul li.toolbox.toolkitSectionButton {
    right: 53px;
  }
  html body header ul li.toolbox.assessmentSectionButton {
    right: 0;
  }
  html body header ul li.toolbox .toolboxBtn {
    height: 14px;
    padding: 13px 0;
    border-top: 0;
  }
  html body header ul li.toolbox .tooltipOpen {
    z-index: 22;
  }
  html body header ul li.toolbox .tooltipOpen .tooltipOpenArrow {
    margin-left: -36px;
  }
  html body .toolkitPanel {
    top: 40px;
    height: 100%;
    background-color: #FFFFFF;
  }
  html body .toolkitPanel.toolkitPanel-locked {
    overflow: hidden;
  }
  html body .toolkitPanel .topPanelContent {
    padding: 0;
    padding-bottom: 32px;
  }
  html body .toolkitPanel .topPanelContent h2 {
    padding-top: 1.267em;
    padding-bottom: 12px;
  }
  html body .toolkitPanel h2 {
    width: 75%;
  }
  html body .toolkitPanel p {
    width: 80%;
    padding-right: 20px;
  }
  html body .toolkitPanel .toolkitClose {
    right: 25px;
    top: 36px;
  }
  html body .toolkitPanel .downloadLinks li {
    width: 21em;
    max-width: 100%;
    margin-right: 20px;
  }
  html body .toolkitPanel .downloadLinks li a {
    width: auto;
  }
  html body .toolkitPanel .listContainer .externalSections {
    padding: 0 20px 60px 20px;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel {
    display: block;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel.left {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel.right {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel p {
    padding-left: 0;
    padding-right: 0;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel p ul {
    padding-left: 0;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel a {
    margin-left: 0;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel h3.iconPlan {
    margin-left: 0;
  }
  html body .content-panel-wrapper {
    margin-bottom: 60px;
  }
  html body .contentPanel {
    background: white;
    background: rgba(255, 255, 255, 0.8);
  }
  html body .contentPanel .mobileButtonNext {
    display: block;
  }
  html body .contentPanel h3 {
    padding: 0.75em 1.5em 0 1.5em;
    width: auto;
    font-size: 1.75em;
  }
  html body .contentPanel .infographic-container .infographic-list {
    margin-bottom: 30px;
  }
  html body .contentPanel .infographic-container .infographic-list .infographic-wrapper {
    padding-right: 0;
  }
  html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-current-indicator {
    display: block;
    background-image: url("../images/infographic_down_arrow_selected.png");
  }
  html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected.has-hover:hover .infographic-current-indicator,
  html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected.has-hover:focus .infographic-current-indicator {
    background-image: url("../images/infographic_down_arrow_selected.png");
  }
  html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-current-indicator {
    width: 26px;
    height: 18px;
    right: 10px;
    top: 60%;
    margin-top: -13px;
    text-indent: -99em;
    overflow: hidden;
    background-image: url("../images/infographic_down_arrow.png");
    background-repeat: no-repeat;
  }
  html body .contentPanel.grid {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 20px 20px 20px;
  }
  html body .contentPanel.grid .row .span6 + .span6 {
    margin-top: 30px;
  }
  html body .contentPanel.grid .placeholder {
    margin-right: 0;
  }
  html body .contentPanel.grid .vertical-thumbs .three_column_thumbs .askThumbnails .thumbnail {
    margin-right: 2%;
  }
  html body .contentPanel.grid.isFeedbackPanel {
    padding-bottom: 2em;
  }
  html body .contentPanel.grid.isFeedbackPanel .span12 h2 {
    padding: 15px 12px 6px 0;
  }
  html body .contentPanel.grid.isFeedbackPanel .span12 h3 {
    padding: 15px 12px 6px 0;
  }
  html body .page-content {
    position: static;
    width: auto;
    height: auto;
  }
  html body .mobileThreeLevelNavigationContainer {
    display: block;
    font-family: 'pt_sansbold', Arial;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-first-level-nav {
    text-transform: uppercase;
    color: #016c7a;
    background-color: #ffffff;
    border-bottom: 4px solid #fab31a;
    font-size: 1.25em;
    padding: 20px 20px;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs {
    background-color: #373737;
    padding: 10px 0;
    border-bottom: 4px solid #fab31a;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button {
    display: block;
    font-size: 0.875em;
    color: #ffffff;
    padding: 8px 20px;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button:before {
    content: "";
    display: inline-block;
    vertical-align: text-top;
    width: 7px;
    height: 14px;
    margin-right: 12px;
    background-repeat: no-repeat;
    background-position: center;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button:hover,
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button:focus {
    color: #fab31a;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button.current:before {
    background-image: url("../images/right_arrow_navigation.png");
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-second-level-nav-button {
    text-transform: uppercase;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-third-level-navs {
    background-color: #464646;
    padding: 15px 0;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-third-level-navs .mobile-third-level-nav .mobile-third-level-nav-button {
    padding: 15px 20px;
  }
  html body .toolTipsContainer {
    display: none;
  }
  html body .thirdLevelNavigationContainer {
    display: none;
  }
  html body .introMobileNav {
    background: #3A3B3C;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3A3B3C), color-stop(1, #1D1E1E));
    background: -ms-linear-gradient(bottom, #3A3B3C, #1D1E1E);
    background: -moz-linear-gradient(center bottom, #3A3B3C 0%, #1D1E1E 100%);
    background: -o-linear-gradient(#1D1E1E, #3A3B3C);
    display: block;
    height: 20px;
    width: 100%;
    padding: 6px 0;
    text-align: center;
    position: fixed;
    z-index: 2;
    bottom: 0;
  }
  html body .introMobileNav li {
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 1.25em;
  }
  html body .introMobileNav li.leftArrowFooter a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/arrow_left.png");
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 2px;
  }
  html body .introMobileNav li.leftArrowFooter a:hover,
  html body .introMobileNav li.leftArrowFooter a:focus {
    background-image: url("../images/arrow_left_active.png");
  }
  html body .introMobileNav li.leftArrowFooterDisabled a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/arrow_left_disabled.png");
    background-repeat: no-repeat;
    cursor: default;
  }
  html body .introMobileNav li.rightArrowFooter a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/arrow_right.png");
    background-repeat: no-repeat;
  }
  html body .introMobileNav li.rightArrowFooter a:hover,
  html body .introMobileNav li.rightArrowFooter a:focus {
    background-image: url("../images/arrow_right_active.png");
  }
  html body .introMobileNav li.rightArrowFooterDisabled a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/arrow_right_disabled.png");
    background-repeat: no-repeat;
    cursor: default;
  }
  html body .introMobileNav li.iconHomeFooter {
    padding: 0 17.5%;
  }
  html body .introMobileNav li.iconHomeFooter a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/icon_home.png");
    background-repeat: no-repeat;
  }
  html body .introMobileNav li.iconHomeFooter a:hover,
  html body .introMobileNav li.iconHomeFooter a:focus {
    background-image: url("../images/icon_home_active.png");
  }
  html body .introMobileNav li a {
    background-position: center;
  }
  html body .content {
    margin-bottom: 0;
  }
  html body .intro .button {
    padding-right: 15px;
  }
  html body .intro .contentPanel {
    width: 100%;
    margin-top: 0;
    float: none;
    margin-bottom: 40px;
    background: #d7f6f1;
    background: rgba(255, 255, 255, 0.8);
  }
  html body .intro .contentPanel.managing .introContent {
    padding-bottom: 0;
  }
  html body .intro .contentPanel h1 {
    padding: 14px 20px;
  }
  html body .intro .contentPanel h2 {
    padding: 26px 20px 20px 20px;
    text-transform: uppercase;
  }
  html body .intro .contentPanel .introContent {
    padding: 0 20px;
  }
  html body .intro .first-level-section-container {
    width: 100%;
    float: none;
  }
  html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a {
    padding-left: 15px;
    padding-right: 15px;
  }
  html body .intro .introFooter {
    width: 100%;
    display: block;
    float: none;
  }
  html body .intro .introFooter .footer-item {
    display: block;
    margin-bottom: 18px;
    background-position: 20px 24px;
  }
  html body .intro .introFooter .footer-item.assessment-footer-item {
    border-left: 0;
  }
  html body .intro .introFooter .footer-item .footer-item-text-container {
    padding-left: 90px;
    padding-right: 20px;
    min-height: 0;
  }
  html body .activity.contentPanel .checkbox-label .optionDetails {
    width: 78%;
  }
  html body .activity.contentPanel .radio-label .optionDetails {
    width: 78%;
  }
  html body .activity.contentPanel .question-option-list {
    margin-left: 0;
  }
  html body .activity.contentPanel .feedback-for-question {
    padding-left: 0;
  }
  html body .activity.contentPanel .feedback-for-question .feedback-heading {
    padding-left: 32px;
  }
  html body .activity.contentPanel .feedback-for-question.feedback-with-question {
    padding-left: 0;
    margin-left: 0;
  }
  html body .infographics {
    /*.infographic-right-inner-wrapper{
	        display: block;
	        .infographic-right-inner{
	          display: block;
	          height: auto;
	        }
	      }*/
  }
  html body .infographics.grid .infographic-row {
    display: block;
  }
  html body .infographics.grid .infographic-left-column {
    display: block;
  }
  html body .infographics.grid .infographic-left-column.col.span5 {
    width: auto;
  }
  html body .infographics.grid .infographic-left-column.col.span5 .placeholder-bottom-text {
    margin-bottom: 15px;
  }
  html body .infographics.grid .infographic-right-column {
    display: block;
  }
  html body .infographics.grid .infographic-right-column .infographic-right-inner-wrapper {
    margin-left: 0;
  }
  html body .infographics.grid .infographic-right-column.col.span7 {
    width: auto;
  }
  html body .self-assessment.contentPanel .table-container {
    display: block;
    width: auto;
  }
  html body .self-assessment.contentPanel .table-container .table-left-column {
    display: block;
    width: auto;
  }
  html body .self-assessment.contentPanel .table-container .table-right-column {
    display: block;
    width: auto;
    line-height: 1;
  }
  html body .self-assessment.contentPanel .table-container .table-right-column.assessment-heading-options-container {
    display: none;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .table-container .table-left-column {
    margin-bottom: 0;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .table-container .table-right-column .table-right-inner-container .table-right-inner-item {
    vertical-align: top;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radioInput {
    left: 50%;
    margin-left: -14px;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label {
    width: auto;
    display: inline-block;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label .radioAnchor {
    display: block;
    float: none;
    margin: 0 auto;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label .optionDetails {
    display: block;
    width: auto;
    margin-left: 0;
    margin-top: 6px;
  }
  html body .self-assessment.contentPanel .feedback-container .break-out-box {
    margin-left: 0;
  }
  html body .self-assessment.contentPanel .feedback-container .feedback-inner-container {
    float: none;
    width: auto;
    margin-left: 0;
  }
  html body .diversity-feedback.contentPanel.grid .row.middle-text-row .span6 + .span6 {
    margin-top: 0;
  }
  html body .diversity-feedback .middle-text-row.third {
    padding-bottom: 30px;
  }
  html body .diversity-feedback .bottom-text-row {
    padding-top: 30px;
  }
  html body .discrimination .discrimination-container {
    display: block;
    width: auto;
  }
  html body .discrimination .discrimination-container .discrimination-column {
    display: block;
  }
  html body .discrimination .discrimination-container .discrimination-left-column {
    width: auto;
  }
  html body .discrimination .discrimination-container .discrimination-middle-column {
    width: auto;
  }
  html body .discrimination .discrimination-container .discrimination-right-column {
    width: auto;
  }
  html body .discrimination .unlawful-text-container p {
    font-size: 1.75em;
  }
  html body .vertical-text-image.contentPanel.grid {
    padding-bottom: 0;
  }
  html body .vertical-text-image.contentPanel.grid .row {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    box-sizing: border-box;
  }
  html body .vertical-text-image.contentPanel.grid .row.image-row img {
    width: auto;
    height: auto;
    margin: 0 auto;
  }
  html body .informationPanel .informationPanelMiddle .featurePanelInfo {
    top: 24px;
  }
  html body .informationPanel .informationPanelMiddle .downloadPanelInfo {
    position: relative;
    top: 120px;
    padding-bottom: 6px;
  }
  html body #videoContainer {
    top: 0;
  }
  html body #videoContainer.hide {
    top: 0;
  }
  html body #videoContainer.hide .video {
    margin-left: auto;
  }
  html body .end.contentPanel {
    padding-bottom: 2.5em;
    padding-top: 24px;
  }
  html body .end.contentPanel.grid .row .col.span12 {
    width: auto;
  }
  html body .end.contentPanel.grid .row h2 {
    margin-top: 0;
    width: auto;
    max-width: 300px;
  }
  html body .end.contentPanel.grid .row p {
    margin-left: 52px;
  }
  html body .end.contentPanel.grid .row p.congratsComplete:before {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsGoToolkit .congratsGoToolkit-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsGlossary .congratsGlossary-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsToolkit .congratsToolkit-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsSelfAssessment .congratsSelfAssessment-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsSurvey .congratsSurvey-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row .congratsTakeSurvey .congratsTakeSurvey-icon {
    left: 20px;
    margin-left: 0;
  }
  html body #summaryPrintArea .grid .span6 .list3 {
    min-height: 40px;
  }
  html body #summaryPrintArea .grid.contentPanel .feedbackSummaryContent {
    padding-bottom: 16px;
  }
  html body .toolkitPanel p {
    width: auto;
  }
  html body .toolkitPanel .topPanelContent h2 {
    padding-top: 2.5em;
  }
  html body .mobile-only {
    display: block;
  }
  html body .tablet-only {
    display: none;
  }
  html body .mobile-device-only {
    display: block;
  }
  html body .desktop-only {
    display: none;
  }
  html body .toolkitPanel .topPanelContent {
    background-image: none;
  }
  html body .toolkitPanel .topPanelContent .toolkitClose {
    right: 4px;
  }
  html body .toolkitPanel .topPanelContent .downloadLinks li {
    width: auto;
    margin-right: 70px;
  }
  html body .contentPanel .thumbnail-video-button .myth-overlay .myth-img {
    width: 100px;
    margin-left: -50px;
    margin-top: -66px;
  }
  html body .contentPanel .mobileButtonNext {
    display: block;
  }
  html body .vid {
    /*&.contentPanel {
				
					.video {
						width: auto;
						background-position: 50% 0;	
						//margin-right: 12px;
						//margin-left: 12px;
					}
				}*/
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label {
    font-size: 0.8125em;
  }
  html body .end.contentPanel.grid .row p.congratsTakeSurvey {
    line-height: 1.25em;
    margin-top: 0;
  }
  html body .vertical-text-image.contentPanel.grid .row.image-row img {
    max-width: 305px;
    width: auto;
  }
  html body .informationPanel .informationPanelMiddle {
    position: relative;
    padding: 24px;
  }
  html body .informationPanel .informationPanelMiddle .featurePanelInfo {
    position: relative;
    width: auto;
    top: 0;
  }
  html body .informationPanel .informationPanelMiddle .downloadPanelInfo {
    position: relative;
    width: auto;
  }
  html body .informationPanel .informationPanelMiddle .downloadPanelInfo .textLinks .linkContent a:after {
    left: auto;
    margin-left: 6px;
  }
  html body #summaryPrintArea .grid .span6 .list3 {
    min-height: 40px;
  }
  html body {
    /*.buttonPrintOnSummaryFeedbackPage{
				top: -108px;
			}*/
  }
  html body #videoContainer #modalTranscript.modal {
    left: 5%;
    right: 5%;
  }
  html body #summaryPrintArea .contentPanel.grid .plan-step-summary h3 {
    padding: 0;
    margin: 0;
  }
  html body #summaryPrintArea .contentPanel.grid .plan-step-summary h3 .index {
    width: 38px;
    height: 45px;
    background-position: 0px 50%;
    padding-left: 19px;
    padding-top: 26px;
  }
  html body #summaryPrintArea .contentPanel.grid .plan-step-summary h3 .textHeading {
    width: 76%;
    vertical-align: middle;
    padding: 0;
    display: inline-block;
  }
  html body #summaryPrintArea .contentPanel.grid .plan-step-summary ul li {
    margin-left: 32px;
  }
  html body #summaryPrintArea .span6 .list3 {
    min-height: 40px;
  }
  html body .end.contentPanel.grid .row h1 {
    font-size: 2em;
  }
  html body .end.contentPanel.grid .row p.congratsComplete {
    margin-left: 0;
  }
  html body .end.contentPanel .buttonSubmit {
    padding-right: 4.5em;
  }
  html body .end.contentPanel .buttonClose {
    padding-right: 4.5em;
  }
  html body .diversity.contentPanel .diversity-question-container .select-container:after {
    width: 30px;
  }
  html body .diversity.contentPanel .diversity-question-container select {
    font-size: 1.125em;
    padding: 26px 36px 26px 6px;
  }
  html body .diversity-feedback.contentPanel .square-button {
    max-width: 120px;
    margin-top: 0;
  }
  html body .buttonNextOnSummaryFeedbackPage.on-touch {
    bottom: -35px;
  }
  html body #summaryPrintArea .grid .span6 .list3 {
    min-height: 40px;
  }
  html body .blackOverlay .applicantPanel .container .closeInfoPanel {
    margin-left: 0px;
    left: 84%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
  html body {
    width: auto;
    height: auto;
  }
  html body header ul li.leftArrow {
    width: 3%;
  }
  html body header ul li.leftArrow a {
    width: 100%;
  }
  html body header ul li.iconHome {
    width: 4%;
  }
  html body header ul li.iconHome a {
    width: 100%;
  }
  html body header ul li.rightArrow {
    width: 3%;
  }
  html body header ul li.rightArrow a {
    width: 100%;
  }
  html body header ul li.sectionButton.one-half {
    width: 37.5%;
  }
  html body header ul li.sectionButton.one-half a {
    min-width: 0;
  }
  html body header ul li.sectionButton.one-third {
    width: 25%;
  }
  html body header ul li.sectionButton.one-third a {
    min-width: 0;
  }
  html body header ul li.sectionButton.one-forth {
    width: 18.75%;
  }
  html body header ul li.sectionButton.one-forth.first-forth a {
    min-width: 0;
  }
  html body header ul li.sectionButton.one-forth a {
    min-width: 0;
  }
  html body header ul li.sectionButton.one-fifth {
    width: 15%;
  }
  html body header ul li.sectionButton.one-fifth a {
    min-width: 0;
  }
  html body header ul li.toolbox {
    width: 7%;
    box-sizing: border-box;
  }
  html body .toolkitPanel .topPanelContent .toolkitClose {
    right: 3px;
    margin-right: 0;
  }
  html body .toolkitPanel .downloadLinks li {
    width: 44%;
  }
  html body .content {
    width: 100%;
  }
  html body .intro .introFooter .footer-item .footer-item-text-container {
    min-height: 7.25em;
  }
  html body {
    position: relative;
    /*.vid {
				&.contentPanel {
					&.morePadding {
						padding-bottom: 48px;
					}
					p {
						width:auto;
					}
					.video {
						display: block;
						position: relative;
						right: 0;
						left: 0;
						margin: 1.5em auto;
						min-height: 0;
						width: 420px;
						background-size:auto 250px;
						background-position: 50% 0;
						margin-bottom:0;
						p{
							margin: 0;
							padding: 1.5em;
							width: auto;
						}

					}
				}
			}*/
    /*.buttonPrintOnSummaryFeedbackPage{
				top: -106px;
				left: @mobileTextPaddingLeft;
			}*/
  }
  html body .mobile-only {
    display: block;
  }
  html body .tablet-only {
    display: block;
  }
  html body .mobile-device-only {
    display: none;
  }
  html body .desktop-only {
    display: none;
  }
  html body .button {
    padding: 14px 15px;
  }
  html body div .grid {
    /*.checklist;*/
  }
  html body div .grid .row {
    width: auto;
    margin-bottom: 0;
  }
  html body div .grid .row .col {
    padding: 0;
    float: none;
    margin-left: 0;
  }
  html body div .grid .row .col:first-child {
    margin-left: 0;
  }
  html body div .grid .row .col.span1 {
    width: auto;
  }
  html body div .grid .row .col.span2 {
    width: auto;
  }
  html body div .grid .row .col.span3 {
    width: auto;
  }
  html body div .grid .row .col.span3.planStep2LastCol {
    margin-bottom: 0;
  }
  html body div .grid .row .col.span4 {
    width: auto;
  }
  html body div .grid .row .col.span5 {
    width: auto;
  }
  html body div .grid .row .col.span6 {
    width: auto;
  }
  html body div .grid .row .col.span6.planStep3LeftPanel {
    margin-bottom: 0;
  }
  html body div .grid .row .col.span6.planStep3RightPanel {
    left: auto;
    top: auto;
  }
  html body div .grid .row .col.span6.planStep4PanelRight {
    margin-bottom: 0;
    left: auto;
    top: auto;
  }
  html body div .grid .row .col.span7 {
    width: auto;
  }
  html body div .grid .row .col.span8 {
    width: auto;
  }
  html body div .grid .row .col.span9 {
    width: auto;
  }
  html body div .grid .row .col.span10 {
    width: auto;
  }
  html body div .grid .row .col.span11 {
    width: auto;
  }
  html body div .grid .row .col.span12 {
    width: auto;
  }
  html body div .grid .row .col.span12.two-column-form ul li {
    width: auto;
    margin: 0;
    padding: 0;
  }
  html body div .grid .row .col.span12.two-column-form ul li.questionInput {
    padding: 6px 0;
  }
  html body div .grid .row .col.span12.two-column-form ul li.left {
    float: none;
  }
  html body div .grid .row .col.span12.two-column-form ul li.right {
    float: none;
  }
  html body div .grid .row .col.span12.three_column_thumbs .askThumbnails .thumbnail {
    width: 47.3%;
    min-width: 285px;
  }
  html body div .grid .row .col .textRightBottom {
    position: relative;
    top: auto;
    left: auto;
  }
  html body div .grid .row .col .textRightBottom.videoDescription {
    margin-left: 0;
    top: auto;
    left: auto;
    text-align: center;
  }
  html body div .grid .row .col .textRightBottom.videoDescription b {
    color: #007abd;
  }
  html body #videoContainer {
    position: static;
    padding-bottom: 30px;
  }
  html body #videoContainer #modalTranscript.modal {
    position: absolute;
  }
  html body #videoContainer .captions {
    bottom: 42px;
  }
  html body .mobileMenuOptionPanel {
    position: absolute;
    display: block;
    z-index: 21;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding-top: 36px;
    background-color: #373737;
  }
  html body .mobileMenuOptionPanel li {
    display: block;
    border: 0;
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
    background-color: #373737;
  }
  html body .mobileMenuOptionPanel li:first-child a {
    border-top: 1px solid #4d4d4d;
  }
  html body .mobileMenuOptionPanel li a {
    display: block;
    color: #FFFFFF;
    font-size: 1.125em;
    font-family: 'pt_sansbold', Arial;
    border-bottom: 1px solid #4d4d4d;
    padding: 25px 15px;
    white-space: nowrap;
    text-transform: uppercase;
    width: 100%;
    box-sizing: border-box;
  }
  html body .mobileMenuOptionPanel li a:hover,
  html body .mobileMenuOptionPanel li a:focus {
    color: #fab31a;
  }
  html body header {
    /*width:100%;
				height: 3em;*/
    background: #373737;
  }
  html body header ul {
    /*position: relative;
					top: auto;
					left: auto;*/
  }
  html body header ul li {
    display: none;
    float: none;
    /*height: 1em;
						padding: 8px 0; //7px 0;*/
    /*&.currentSection{
							a{
								border-top: 0;
								height: 48px;
								line-height: 48px;
							}
						}
						a {
							padding: 0 2em 0 0;
							&:hover, &:focus{
								border-top: 0;
								height: 48px;
								line-height: 48px;
							}
						}*/
  }
  html body header ul li.mobileMenu {
    display: block;
    float: left;
    /*width: auto;
							height: auto;*/
    margin: 0 0 0 15px;
    /*border-right: 0;*/
    /*&:hover, &:focus{
								a{
									border: none;
									height: 32px;
									min-height: 0;
									background-position: 50% 30%;
								}
							}*/
  }
  html body header ul li.mobileMenu.mobileMenu > a {
    display: block;
    width: 30px;
    height: 14px;
    padding-top: 13px;
    background-image: url("../images/menu.png");
    background-repeat: no-repeat;
    background-position: center;
  }
  html body header ul li.toolbox {
    display: block;
    position: absolute;
    top: 0;
    bottom: auto;
    z-index: 22;
    float: none;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 15px 0 0;
    border-right: 0;
  }
  html body header ul li.toolbox.toolkitSectionButton {
    right: 53px;
  }
  html body header ul li.toolbox.assessmentSectionButton {
    right: 0;
  }
  html body header ul li.toolbox .toolboxBtn {
    height: 14px;
    padding: 13px 0;
    border-top: 0;
  }
  html body header ul li.toolbox .tooltipOpen {
    z-index: 22;
  }
  html body header ul li.toolbox .tooltipOpen .tooltipOpenArrow {
    margin-left: -36px;
  }
  html body .toolkitPanel {
    top: 40px;
    height: 100%;
    background-color: #FFFFFF;
  }
  html body .toolkitPanel.toolkitPanel-locked {
    overflow: hidden;
  }
  html body .toolkitPanel .topPanelContent {
    padding: 0;
    padding-bottom: 32px;
  }
  html body .toolkitPanel .topPanelContent h2 {
    padding-top: 1.267em;
    padding-bottom: 12px;
  }
  html body .toolkitPanel h2 {
    width: 75%;
  }
  html body .toolkitPanel p {
    width: 80%;
    padding-right: 20px;
  }
  html body .toolkitPanel .toolkitClose {
    right: 25px;
    top: 36px;
  }
  html body .toolkitPanel .downloadLinks li {
    width: 21em;
    max-width: 100%;
    margin-right: 20px;
  }
  html body .toolkitPanel .downloadLinks li a {
    width: auto;
  }
  html body .toolkitPanel .listContainer .externalSections {
    padding: 0 20px 60px 20px;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel {
    display: block;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel.left {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel.right {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel p {
    padding-left: 0;
    padding-right: 0;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel p ul {
    padding-left: 0;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel a {
    margin-left: 0;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel h3.iconPlan {
    margin-left: 0;
  }
  html body .content-panel-wrapper {
    margin-bottom: 60px;
  }
  html body .contentPanel {
    background: white;
    background: rgba(255, 255, 255, 0.8);
  }
  html body .contentPanel .mobileButtonNext {
    display: block;
  }
  html body .contentPanel h3 {
    padding: 0.75em 1.5em 0 1.5em;
    width: auto;
    font-size: 1.75em;
  }
  html body .contentPanel .infographic-container .infographic-list {
    margin-bottom: 30px;
  }
  html body .contentPanel .infographic-container .infographic-list .infographic-wrapper {
    padding-right: 0;
  }
  html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-current-indicator {
    display: block;
    background-image: url("../images/infographic_down_arrow_selected.png");
  }
  html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected.has-hover:hover .infographic-current-indicator,
  html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected.has-hover:focus .infographic-current-indicator {
    background-image: url("../images/infographic_down_arrow_selected.png");
  }
  html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-current-indicator {
    width: 26px;
    height: 18px;
    right: 10px;
    top: 60%;
    margin-top: -13px;
    text-indent: -99em;
    overflow: hidden;
    background-image: url("../images/infographic_down_arrow.png");
    background-repeat: no-repeat;
  }
  html body .contentPanel.grid {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 20px 20px 20px;
  }
  html body .contentPanel.grid .row .span6 + .span6 {
    margin-top: 30px;
  }
  html body .contentPanel.grid .placeholder {
    margin-right: 0;
  }
  html body .contentPanel.grid .vertical-thumbs .three_column_thumbs .askThumbnails .thumbnail {
    margin-right: 2%;
  }
  html body .contentPanel.grid.isFeedbackPanel {
    padding-bottom: 2em;
  }
  html body .contentPanel.grid.isFeedbackPanel .span12 h2 {
    padding: 15px 12px 6px 0;
  }
  html body .contentPanel.grid.isFeedbackPanel .span12 h3 {
    padding: 15px 12px 6px 0;
  }
  html body .page-content {
    position: static;
    width: auto;
    height: auto;
  }
  html body .mobileThreeLevelNavigationContainer {
    display: block;
    font-family: 'pt_sansbold', Arial;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-first-level-nav {
    text-transform: uppercase;
    color: #016c7a;
    background-color: #ffffff;
    border-bottom: 4px solid #fab31a;
    font-size: 1.25em;
    padding: 20px 20px;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs {
    background-color: #373737;
    padding: 10px 0;
    border-bottom: 4px solid #fab31a;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button {
    display: block;
    font-size: 0.875em;
    color: #ffffff;
    padding: 8px 20px;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button:before {
    content: "";
    display: inline-block;
    vertical-align: text-top;
    width: 7px;
    height: 14px;
    margin-right: 12px;
    background-repeat: no-repeat;
    background-position: center;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button:hover,
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button:focus {
    color: #fab31a;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button.current:before {
    background-image: url("../images/right_arrow_navigation.png");
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-second-level-nav-button {
    text-transform: uppercase;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-third-level-navs {
    background-color: #464646;
    padding: 15px 0;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-third-level-navs .mobile-third-level-nav .mobile-third-level-nav-button {
    padding: 15px 20px;
  }
  html body .toolTipsContainer {
    display: none;
  }
  html body .thirdLevelNavigationContainer {
    display: none;
  }
  html body .introMobileNav {
    background: #3A3B3C;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3A3B3C), color-stop(1, #1D1E1E));
    background: -ms-linear-gradient(bottom, #3A3B3C, #1D1E1E);
    background: -moz-linear-gradient(center bottom, #3A3B3C 0%, #1D1E1E 100%);
    background: -o-linear-gradient(#1D1E1E, #3A3B3C);
    display: block;
    height: 20px;
    width: 100%;
    padding: 6px 0;
    text-align: center;
    position: fixed;
    z-index: 2;
    bottom: 0;
  }
  html body .introMobileNav li {
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 1.25em;
  }
  html body .introMobileNav li.leftArrowFooter a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/arrow_left.png");
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 2px;
  }
  html body .introMobileNav li.leftArrowFooter a:hover,
  html body .introMobileNav li.leftArrowFooter a:focus {
    background-image: url("../images/arrow_left_active.png");
  }
  html body .introMobileNav li.leftArrowFooterDisabled a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/arrow_left_disabled.png");
    background-repeat: no-repeat;
    cursor: default;
  }
  html body .introMobileNav li.rightArrowFooter a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/arrow_right.png");
    background-repeat: no-repeat;
  }
  html body .introMobileNav li.rightArrowFooter a:hover,
  html body .introMobileNav li.rightArrowFooter a:focus {
    background-image: url("../images/arrow_right_active.png");
  }
  html body .introMobileNav li.rightArrowFooterDisabled a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/arrow_right_disabled.png");
    background-repeat: no-repeat;
    cursor: default;
  }
  html body .introMobileNav li.iconHomeFooter {
    padding: 0 17.5%;
  }
  html body .introMobileNav li.iconHomeFooter a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/icon_home.png");
    background-repeat: no-repeat;
  }
  html body .introMobileNav li.iconHomeFooter a:hover,
  html body .introMobileNav li.iconHomeFooter a:focus {
    background-image: url("../images/icon_home_active.png");
  }
  html body .introMobileNav li a {
    background-position: center;
  }
  html body .content {
    margin-bottom: 0;
  }
  html body .intro .button {
    padding-right: 15px;
  }
  html body .intro .contentPanel {
    width: 100%;
    margin-top: 0;
    float: none;
    margin-bottom: 40px;
    background: #d7f6f1;
    background: rgba(255, 255, 255, 0.8);
  }
  html body .intro .contentPanel.managing .introContent {
    padding-bottom: 0;
  }
  html body .intro .contentPanel h1 {
    padding: 14px 20px;
  }
  html body .intro .contentPanel h2 {
    padding: 26px 20px 20px 20px;
    text-transform: uppercase;
  }
  html body .intro .contentPanel .introContent {
    padding: 0 20px;
  }
  html body .intro .first-level-section-container {
    width: 100%;
    float: none;
  }
  html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a {
    padding-left: 15px;
    padding-right: 15px;
  }
  html body .intro .introFooter {
    width: 100%;
    display: block;
    float: none;
  }
  html body .intro .introFooter .footer-item {
    display: block;
    margin-bottom: 18px;
    background-position: 20px 24px;
  }
  html body .intro .introFooter .footer-item.assessment-footer-item {
    border-left: 0;
  }
  html body .intro .introFooter .footer-item .footer-item-text-container {
    padding-left: 90px;
    padding-right: 20px;
    min-height: 0;
  }
  html body .activity.contentPanel .checkbox-label .optionDetails {
    width: 78%;
  }
  html body .activity.contentPanel .radio-label .optionDetails {
    width: 78%;
  }
  html body .activity.contentPanel .question-option-list {
    margin-left: 0;
  }
  html body .activity.contentPanel .feedback-for-question {
    padding-left: 0;
  }
  html body .activity.contentPanel .feedback-for-question .feedback-heading {
    padding-left: 32px;
  }
  html body .activity.contentPanel .feedback-for-question.feedback-with-question {
    padding-left: 0;
    margin-left: 0;
  }
  html body .infographics {
    /*.infographic-right-inner-wrapper{
	        display: block;
	        .infographic-right-inner{
	          display: block;
	          height: auto;
	        }
	      }*/
  }
  html body .infographics.grid .infographic-row {
    display: block;
  }
  html body .infographics.grid .infographic-left-column {
    display: block;
  }
  html body .infographics.grid .infographic-left-column.col.span5 {
    width: auto;
  }
  html body .infographics.grid .infographic-left-column.col.span5 .placeholder-bottom-text {
    margin-bottom: 15px;
  }
  html body .infographics.grid .infographic-right-column {
    display: block;
  }
  html body .infographics.grid .infographic-right-column .infographic-right-inner-wrapper {
    margin-left: 0;
  }
  html body .infographics.grid .infographic-right-column.col.span7 {
    width: auto;
  }
  html body .self-assessment.contentPanel .table-container {
    display: block;
    width: auto;
  }
  html body .self-assessment.contentPanel .table-container .table-left-column {
    display: block;
    width: auto;
  }
  html body .self-assessment.contentPanel .table-container .table-right-column {
    display: block;
    width: auto;
    line-height: 1;
  }
  html body .self-assessment.contentPanel .table-container .table-right-column.assessment-heading-options-container {
    display: none;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .table-container .table-left-column {
    margin-bottom: 0;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .table-container .table-right-column .table-right-inner-container .table-right-inner-item {
    vertical-align: top;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radioInput {
    left: 50%;
    margin-left: -14px;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label {
    width: auto;
    display: inline-block;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label .radioAnchor {
    display: block;
    float: none;
    margin: 0 auto;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label .optionDetails {
    display: block;
    width: auto;
    margin-left: 0;
    margin-top: 6px;
  }
  html body .self-assessment.contentPanel .feedback-container .break-out-box {
    margin-left: 0;
  }
  html body .self-assessment.contentPanel .feedback-container .feedback-inner-container {
    float: none;
    width: auto;
    margin-left: 0;
  }
  html body .diversity-feedback.contentPanel.grid .row.middle-text-row .span6 + .span6 {
    margin-top: 0;
  }
  html body .diversity-feedback .middle-text-row.third {
    padding-bottom: 30px;
  }
  html body .diversity-feedback .bottom-text-row {
    padding-top: 30px;
  }
  html body .discrimination .discrimination-container {
    display: block;
    width: auto;
  }
  html body .discrimination .discrimination-container .discrimination-column {
    display: block;
  }
  html body .discrimination .discrimination-container .discrimination-left-column {
    width: auto;
  }
  html body .discrimination .discrimination-container .discrimination-middle-column {
    width: auto;
  }
  html body .discrimination .discrimination-container .discrimination-right-column {
    width: auto;
  }
  html body .discrimination .unlawful-text-container p {
    font-size: 1.75em;
  }
  html body .vertical-text-image.contentPanel.grid {
    padding-bottom: 0;
  }
  html body .vertical-text-image.contentPanel.grid .row {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    box-sizing: border-box;
  }
  html body .vertical-text-image.contentPanel.grid .row.image-row img {
    width: auto;
    height: auto;
    margin: 0 auto;
  }
  html body .informationPanel .informationPanelMiddle .featurePanelInfo {
    top: 24px;
  }
  html body .informationPanel .informationPanelMiddle .downloadPanelInfo {
    position: relative;
    top: 120px;
    padding-bottom: 6px;
  }
  html body #videoContainer {
    top: 0;
  }
  html body #videoContainer.hide {
    top: 0;
  }
  html body #videoContainer.hide .video {
    margin-left: auto;
  }
  html body .end.contentPanel {
    padding-bottom: 2.5em;
    padding-top: 24px;
  }
  html body .end.contentPanel.grid .row .col.span12 {
    width: auto;
  }
  html body .end.contentPanel.grid .row h2 {
    margin-top: 0;
    width: auto;
    max-width: 300px;
  }
  html body .end.contentPanel.grid .row p {
    margin-left: 52px;
  }
  html body .end.contentPanel.grid .row p.congratsComplete:before {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsGoToolkit .congratsGoToolkit-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsGlossary .congratsGlossary-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsToolkit .congratsToolkit-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsSelfAssessment .congratsSelfAssessment-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsSurvey .congratsSurvey-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row .congratsTakeSurvey .congratsTakeSurvey-icon {
    left: 20px;
    margin-left: 0;
  }
  html body #summaryPrintArea .grid .span6 .list3 {
    min-height: 40px;
  }
  html body #summaryPrintArea .grid.contentPanel .feedbackSummaryContent {
    padding-bottom: 16px;
  }
  html body .mobile-only {
    display: block;
  }
  html body .tablet-only {
    display: none;
  }
  html body .mobile-device-only {
    display: block;
  }
  html body .desktop-only {
    display: none;
  }
  html body .toolkitPanel .topPanelContent {
    background-image: none;
  }
  html body .toolkitPanel .topPanelContent .toolkitClose {
    right: 4px;
  }
  html body .toolkitPanel .topPanelContent .downloadLinks li {
    width: auto;
    margin-right: 70px;
  }
  html body .contentPanel .thumbnail-video-button .myth-overlay .myth-img {
    width: 100px;
    margin-left: -50px;
    margin-top: -66px;
  }
  html body .contentPanel .mobileButtonNext {
    display: block;
  }
  html body .vid {
    /*&.contentPanel {
				
					.video {
						width: auto;
						background-position: 50% 0;	
						//margin-right: 12px;
						//margin-left: 12px;
					}
				}*/
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label {
    font-size: 0.8125em;
  }
  html body .end.contentPanel.grid .row p.congratsTakeSurvey {
    line-height: 1.25em;
    margin-top: 0;
  }
  html body .vertical-text-image.contentPanel.grid .row.image-row img {
    max-width: 305px;
    width: auto;
  }
  html body .informationPanel .informationPanelMiddle {
    position: relative;
    padding: 24px;
  }
  html body .informationPanel .informationPanelMiddle .featurePanelInfo {
    position: relative;
    width: auto;
    top: 0;
  }
  html body .informationPanel .informationPanelMiddle .downloadPanelInfo {
    position: relative;
    width: auto;
  }
  html body .informationPanel .informationPanelMiddle .downloadPanelInfo .textLinks .linkContent a:after {
    left: auto;
    margin-left: 6px;
  }
  html body #summaryPrintArea .grid .span6 .list3 {
    min-height: 40px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
  html body {
    width: auto;
    height: auto;
  }
  html body header ul li.leftArrow {
    width: 3%;
  }
  html body header ul li.leftArrow a {
    width: 100%;
  }
  html body header ul li.iconHome {
    width: 4%;
  }
  html body header ul li.iconHome a {
    width: 100%;
  }
  html body header ul li.rightArrow {
    width: 3%;
  }
  html body header ul li.rightArrow a {
    width: 100%;
  }
  html body header ul li.sectionButton.one-half {
    width: 37.5%;
  }
  html body header ul li.sectionButton.one-half a {
    min-width: 0;
  }
  html body header ul li.sectionButton.one-third {
    width: 25%;
  }
  html body header ul li.sectionButton.one-third a {
    min-width: 0;
  }
  html body header ul li.sectionButton.one-forth {
    width: 18.75%;
  }
  html body header ul li.sectionButton.one-forth.first-forth a {
    min-width: 0;
  }
  html body header ul li.sectionButton.one-forth a {
    min-width: 0;
  }
  html body header ul li.sectionButton.one-fifth {
    width: 15%;
  }
  html body header ul li.sectionButton.one-fifth a {
    min-width: 0;
  }
  html body header ul li.toolbox {
    width: 7%;
    box-sizing: border-box;
  }
  html body .toolkitPanel .topPanelContent .toolkitClose {
    right: 3px;
    margin-right: 0;
  }
  html body .toolkitPanel .downloadLinks li {
    width: 44%;
  }
  html body .content {
    width: 100%;
  }
  html body .intro .introFooter .footer-item .footer-item-text-container {
    min-height: 7.25em;
  }
  html body {
    position: relative;
    /*.vid {
				&.contentPanel {
					&.morePadding {
						padding-bottom: 48px;
					}
					p {
						width:auto;
					}
					.video {
						display: block;
						position: relative;
						right: 0;
						left: 0;
						margin: 1.5em auto;
						min-height: 0;
						width: 420px;
						background-size:auto 250px;
						background-position: 50% 0;
						margin-bottom:0;
						p{
							margin: 0;
							padding: 1.5em;
							width: auto;
						}

					}
				}
			}*/
    /*.buttonPrintOnSummaryFeedbackPage{
				top: -106px;
				left: @mobileTextPaddingLeft;
			}*/
  }
  html body .mobile-only {
    display: block;
  }
  html body .tablet-only {
    display: block;
  }
  html body .mobile-device-only {
    display: none;
  }
  html body .desktop-only {
    display: none;
  }
  html body .button {
    padding: 14px 15px;
  }
  html body div .grid {
    /*.checklist;*/
  }
  html body div .grid .row {
    width: auto;
    margin-bottom: 0;
  }
  html body div .grid .row .col {
    padding: 0;
    float: none;
    margin-left: 0;
  }
  html body div .grid .row .col:first-child {
    margin-left: 0;
  }
  html body div .grid .row .col.span1 {
    width: auto;
  }
  html body div .grid .row .col.span2 {
    width: auto;
  }
  html body div .grid .row .col.span3 {
    width: auto;
  }
  html body div .grid .row .col.span3.planStep2LastCol {
    margin-bottom: 0;
  }
  html body div .grid .row .col.span4 {
    width: auto;
  }
  html body div .grid .row .col.span5 {
    width: auto;
  }
  html body div .grid .row .col.span6 {
    width: auto;
  }
  html body div .grid .row .col.span6.planStep3LeftPanel {
    margin-bottom: 0;
  }
  html body div .grid .row .col.span6.planStep3RightPanel {
    left: auto;
    top: auto;
  }
  html body div .grid .row .col.span6.planStep4PanelRight {
    margin-bottom: 0;
    left: auto;
    top: auto;
  }
  html body div .grid .row .col.span7 {
    width: auto;
  }
  html body div .grid .row .col.span8 {
    width: auto;
  }
  html body div .grid .row .col.span9 {
    width: auto;
  }
  html body div .grid .row .col.span10 {
    width: auto;
  }
  html body div .grid .row .col.span11 {
    width: auto;
  }
  html body div .grid .row .col.span12 {
    width: auto;
  }
  html body div .grid .row .col.span12.two-column-form ul li {
    width: auto;
    margin: 0;
    padding: 0;
  }
  html body div .grid .row .col.span12.two-column-form ul li.questionInput {
    padding: 6px 0;
  }
  html body div .grid .row .col.span12.two-column-form ul li.left {
    float: none;
  }
  html body div .grid .row .col.span12.two-column-form ul li.right {
    float: none;
  }
  html body div .grid .row .col.span12.three_column_thumbs .askThumbnails .thumbnail {
    width: 47.3%;
    min-width: 285px;
  }
  html body div .grid .row .col .textRightBottom {
    position: relative;
    top: auto;
    left: auto;
  }
  html body div .grid .row .col .textRightBottom.videoDescription {
    margin-left: 0;
    top: auto;
    left: auto;
    text-align: center;
  }
  html body div .grid .row .col .textRightBottom.videoDescription b {
    color: #007abd;
  }
  html body #videoContainer {
    position: static;
    padding-bottom: 30px;
  }
  html body #videoContainer #modalTranscript.modal {
    position: absolute;
  }
  html body #videoContainer .captions {
    bottom: 42px;
  }
  html body .mobileMenuOptionPanel {
    position: absolute;
    display: block;
    z-index: 21;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding-top: 36px;
    background-color: #373737;
  }
  html body .mobileMenuOptionPanel li {
    display: block;
    border: 0;
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
    background-color: #373737;
  }
  html body .mobileMenuOptionPanel li:first-child a {
    border-top: 1px solid #4d4d4d;
  }
  html body .mobileMenuOptionPanel li a {
    display: block;
    color: #FFFFFF;
    font-size: 1.125em;
    font-family: 'pt_sansbold', Arial;
    border-bottom: 1px solid #4d4d4d;
    padding: 25px 15px;
    white-space: nowrap;
    text-transform: uppercase;
    width: 100%;
    box-sizing: border-box;
  }
  html body .mobileMenuOptionPanel li a:hover,
  html body .mobileMenuOptionPanel li a:focus {
    color: #fab31a;
  }
  html body header {
    /*width:100%;
				height: 3em;*/
    background: #373737;
  }
  html body header ul {
    /*position: relative;
					top: auto;
					left: auto;*/
  }
  html body header ul li {
    display: none;
    float: none;
    /*height: 1em;
						padding: 8px 0; //7px 0;*/
    /*&.currentSection{
							a{
								border-top: 0;
								height: 48px;
								line-height: 48px;
							}
						}
						a {
							padding: 0 2em 0 0;
							&:hover, &:focus{
								border-top: 0;
								height: 48px;
								line-height: 48px;
							}
						}*/
  }
  html body header ul li.mobileMenu {
    display: block;
    float: left;
    /*width: auto;
							height: auto;*/
    margin: 0 0 0 15px;
    /*border-right: 0;*/
    /*&:hover, &:focus{
								a{
									border: none;
									height: 32px;
									min-height: 0;
									background-position: 50% 30%;
								}
							}*/
  }
  html body header ul li.mobileMenu.mobileMenu > a {
    display: block;
    width: 30px;
    height: 14px;
    padding-top: 13px;
    background-image: url("../images/menu.png");
    background-repeat: no-repeat;
    background-position: center;
  }
  html body header ul li.toolbox {
    display: block;
    position: absolute;
    top: 0;
    bottom: auto;
    z-index: 22;
    float: none;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 15px 0 0;
    border-right: 0;
  }
  html body header ul li.toolbox.toolkitSectionButton {
    right: 53px;
  }
  html body header ul li.toolbox.assessmentSectionButton {
    right: 0;
  }
  html body header ul li.toolbox .toolboxBtn {
    height: 14px;
    padding: 13px 0;
    border-top: 0;
  }
  html body header ul li.toolbox .tooltipOpen {
    z-index: 22;
  }
  html body header ul li.toolbox .tooltipOpen .tooltipOpenArrow {
    margin-left: -36px;
  }
  html body .toolkitPanel {
    top: 40px;
    height: 100%;
    background-color: #FFFFFF;
  }
  html body .toolkitPanel.toolkitPanel-locked {
    overflow: hidden;
  }
  html body .toolkitPanel .topPanelContent {
    padding: 0;
    padding-bottom: 32px;
  }
  html body .toolkitPanel .topPanelContent h2 {
    padding-top: 1.267em;
    padding-bottom: 12px;
  }
  html body .toolkitPanel h2 {
    width: 75%;
  }
  html body .toolkitPanel p {
    width: 80%;
    padding-right: 20px;
  }
  html body .toolkitPanel .toolkitClose {
    right: 25px;
    top: 36px;
  }
  html body .toolkitPanel .downloadLinks li {
    width: 21em;
    max-width: 100%;
    margin-right: 20px;
  }
  html body .toolkitPanel .downloadLinks li a {
    width: auto;
  }
  html body .toolkitPanel .listContainer .externalSections {
    padding: 0 20px 60px 20px;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel {
    display: block;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel.left {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel.right {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel p {
    padding-left: 0;
    padding-right: 0;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel p ul {
    padding-left: 0;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel a {
    margin-left: 0;
  }
  html body .toolkitPanel .listContainer .externalSections .sectionPanel h3.iconPlan {
    margin-left: 0;
  }
  html body .content-panel-wrapper {
    margin-bottom: 60px;
  }
  html body .contentPanel {
    background: white;
    background: rgba(255, 255, 255, 0.8);
  }
  html body .contentPanel .mobileButtonNext {
    display: block;
  }
  html body .contentPanel h3 {
    padding: 0.75em 1.5em 0 1.5em;
    width: auto;
    font-size: 1.75em;
  }
  html body .contentPanel .infographic-container .infographic-list {
    margin-bottom: 30px;
  }
  html body .contentPanel .infographic-container .infographic-list .infographic-wrapper {
    padding-right: 0;
  }
  html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected .infographic-current-indicator {
    display: block;
    background-image: url("../images/infographic_down_arrow_selected.png");
  }
  html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected.has-hover:hover .infographic-current-indicator,
  html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-button.selected.has-hover:focus .infographic-current-indicator {
    background-image: url("../images/infographic_down_arrow_selected.png");
  }
  html body .contentPanel .infographic-container .infographic-list .infographic-item .infographic-current-indicator {
    width: 26px;
    height: 18px;
    right: 10px;
    top: 60%;
    margin-top: -13px;
    text-indent: -99em;
    overflow: hidden;
    background-image: url("../images/infographic_down_arrow.png");
    background-repeat: no-repeat;
  }
  html body .contentPanel.grid {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 20px 20px 20px;
  }
  html body .contentPanel.grid .row .span6 + .span6 {
    margin-top: 30px;
  }
  html body .contentPanel.grid .placeholder {
    margin-right: 0;
  }
  html body .contentPanel.grid .vertical-thumbs .three_column_thumbs .askThumbnails .thumbnail {
    margin-right: 2%;
  }
  html body .contentPanel.grid.isFeedbackPanel {
    padding-bottom: 2em;
  }
  html body .contentPanel.grid.isFeedbackPanel .span12 h2 {
    padding: 15px 12px 6px 0;
  }
  html body .contentPanel.grid.isFeedbackPanel .span12 h3 {
    padding: 15px 12px 6px 0;
  }
  html body .page-content {
    position: static;
    width: auto;
    height: auto;
  }
  html body .mobileThreeLevelNavigationContainer {
    display: block;
    font-family: 'pt_sansbold', Arial;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-first-level-nav {
    text-transform: uppercase;
    color: #016c7a;
    background-color: #ffffff;
    border-bottom: 4px solid #fab31a;
    font-size: 1.25em;
    padding: 20px 20px;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs {
    background-color: #373737;
    padding: 10px 0;
    border-bottom: 4px solid #fab31a;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button {
    display: block;
    font-size: 0.875em;
    color: #ffffff;
    padding: 8px 20px;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button:before {
    content: "";
    display: inline-block;
    vertical-align: text-top;
    width: 7px;
    height: 14px;
    margin-right: 12px;
    background-repeat: no-repeat;
    background-position: center;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button:hover,
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button:focus {
    color: #fab31a;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-nav-button.current:before {
    background-image: url("../images/right_arrow_navigation.png");
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-second-level-nav-button {
    text-transform: uppercase;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-third-level-navs {
    background-color: #464646;
    padding: 15px 0;
  }
  html body .mobileThreeLevelNavigationContainer .mobile-second-level-navs .mobile-second-level-nav .mobile-third-level-navs .mobile-third-level-nav .mobile-third-level-nav-button {
    padding: 15px 20px;
  }
  html body .toolTipsContainer {
    display: none;
  }
  html body .thirdLevelNavigationContainer {
    display: none;
  }
  html body .introMobileNav {
    background: #3A3B3C;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3A3B3C), color-stop(1, #1D1E1E));
    background: -ms-linear-gradient(bottom, #3A3B3C, #1D1E1E);
    background: -moz-linear-gradient(center bottom, #3A3B3C 0%, #1D1E1E 100%);
    background: -o-linear-gradient(#1D1E1E, #3A3B3C);
    display: block;
    height: 20px;
    width: 100%;
    padding: 6px 0;
    text-align: center;
    position: fixed;
    z-index: 2;
    bottom: 0;
  }
  html body .introMobileNav li {
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 1.25em;
  }
  html body .introMobileNav li.leftArrowFooter a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/arrow_left.png");
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 2px;
  }
  html body .introMobileNav li.leftArrowFooter a:hover,
  html body .introMobileNav li.leftArrowFooter a:focus {
    background-image: url("../images/arrow_left_active.png");
  }
  html body .introMobileNav li.leftArrowFooterDisabled a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/arrow_left_disabled.png");
    background-repeat: no-repeat;
    cursor: default;
  }
  html body .introMobileNav li.rightArrowFooter a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/arrow_right.png");
    background-repeat: no-repeat;
  }
  html body .introMobileNav li.rightArrowFooter a:hover,
  html body .introMobileNav li.rightArrowFooter a:focus {
    background-image: url("../images/arrow_right_active.png");
  }
  html body .introMobileNav li.rightArrowFooterDisabled a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/arrow_right_disabled.png");
    background-repeat: no-repeat;
    cursor: default;
  }
  html body .introMobileNav li.iconHomeFooter {
    padding: 0 17.5%;
  }
  html body .introMobileNav li.iconHomeFooter a {
    width: 28px;
    height: 26px;
    display: block;
    background-image: url("../images/icon_home.png");
    background-repeat: no-repeat;
  }
  html body .introMobileNav li.iconHomeFooter a:hover,
  html body .introMobileNav li.iconHomeFooter a:focus {
    background-image: url("../images/icon_home_active.png");
  }
  html body .introMobileNav li a {
    background-position: center;
  }
  html body .content {
    margin-bottom: 0;
  }
  html body .intro .button {
    padding-right: 15px;
  }
  html body .intro .contentPanel {
    width: 100%;
    margin-top: 0;
    float: none;
    margin-bottom: 40px;
    background: #d7f6f1;
    background: rgba(255, 255, 255, 0.8);
  }
  html body .intro .contentPanel.managing .introContent {
    padding-bottom: 0;
  }
  html body .intro .contentPanel h1 {
    padding: 14px 20px;
  }
  html body .intro .contentPanel h2 {
    padding: 26px 20px 20px 20px;
    text-transform: uppercase;
  }
  html body .intro .contentPanel .introContent {
    padding: 0 20px;
  }
  html body .intro .first-level-section-container {
    width: 100%;
    float: none;
  }
  html body .intro .first-level-section-container .first-level-section-list .first-level-section-item a {
    padding-left: 15px;
    padding-right: 15px;
  }
  html body .intro .introFooter {
    width: 100%;
    display: block;
    float: none;
  }
  html body .intro .introFooter .footer-item {
    display: block;
    margin-bottom: 18px;
    background-position: 20px 24px;
  }
  html body .intro .introFooter .footer-item.assessment-footer-item {
    border-left: 0;
  }
  html body .intro .introFooter .footer-item .footer-item-text-container {
    padding-left: 90px;
    padding-right: 20px;
    min-height: 0;
  }
  html body .activity.contentPanel .checkbox-label .optionDetails {
    width: 78%;
  }
  html body .activity.contentPanel .radio-label .optionDetails {
    width: 78%;
  }
  html body .activity.contentPanel .question-option-list {
    margin-left: 0;
  }
  html body .activity.contentPanel .feedback-for-question {
    padding-left: 0;
  }
  html body .activity.contentPanel .feedback-for-question .feedback-heading {
    padding-left: 32px;
  }
  html body .activity.contentPanel .feedback-for-question.feedback-with-question {
    padding-left: 0;
    margin-left: 0;
  }
  html body .infographics {
    /*.infographic-right-inner-wrapper{
	        display: block;
	        .infographic-right-inner{
	          display: block;
	          height: auto;
	        }
	      }*/
  }
  html body .infographics.grid .infographic-row {
    display: block;
  }
  html body .infographics.grid .infographic-left-column {
    display: block;
  }
  html body .infographics.grid .infographic-left-column.col.span5 {
    width: auto;
  }
  html body .infographics.grid .infographic-left-column.col.span5 .placeholder-bottom-text {
    margin-bottom: 15px;
  }
  html body .infographics.grid .infographic-right-column {
    display: block;
  }
  html body .infographics.grid .infographic-right-column .infographic-right-inner-wrapper {
    margin-left: 0;
  }
  html body .infographics.grid .infographic-right-column.col.span7 {
    width: auto;
  }
  html body .self-assessment.contentPanel .table-container {
    display: block;
    width: auto;
  }
  html body .self-assessment.contentPanel .table-container .table-left-column {
    display: block;
    width: auto;
  }
  html body .self-assessment.contentPanel .table-container .table-right-column {
    display: block;
    width: auto;
    line-height: 1;
  }
  html body .self-assessment.contentPanel .table-container .table-right-column.assessment-heading-options-container {
    display: none;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .table-container .table-left-column {
    margin-bottom: 0;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .table-container .table-right-column .table-right-inner-container .table-right-inner-item {
    vertical-align: top;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radioInput {
    left: 50%;
    margin-left: -14px;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label {
    width: auto;
    display: inline-block;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label .radioAnchor {
    display: block;
    float: none;
    margin: 0 auto;
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label .optionDetails {
    display: block;
    width: auto;
    margin-left: 0;
    margin-top: 6px;
  }
  html body .self-assessment.contentPanel .feedback-container .break-out-box {
    margin-left: 0;
  }
  html body .self-assessment.contentPanel .feedback-container .feedback-inner-container {
    float: none;
    width: auto;
    margin-left: 0;
  }
  html body .diversity-feedback.contentPanel.grid .row.middle-text-row .span6 + .span6 {
    margin-top: 0;
  }
  html body .diversity-feedback .middle-text-row.third {
    padding-bottom: 30px;
  }
  html body .diversity-feedback .bottom-text-row {
    padding-top: 30px;
  }
  html body .discrimination .discrimination-container {
    display: block;
    width: auto;
  }
  html body .discrimination .discrimination-container .discrimination-column {
    display: block;
  }
  html body .discrimination .discrimination-container .discrimination-left-column {
    width: auto;
  }
  html body .discrimination .discrimination-container .discrimination-middle-column {
    width: auto;
  }
  html body .discrimination .discrimination-container .discrimination-right-column {
    width: auto;
  }
  html body .discrimination .unlawful-text-container p {
    font-size: 1.75em;
  }
  html body .vertical-text-image.contentPanel.grid {
    padding-bottom: 0;
  }
  html body .vertical-text-image.contentPanel.grid .row {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    box-sizing: border-box;
  }
  html body .vertical-text-image.contentPanel.grid .row.image-row img {
    width: auto;
    height: auto;
    margin: 0 auto;
  }
  html body .informationPanel .informationPanelMiddle .featurePanelInfo {
    top: 24px;
  }
  html body .informationPanel .informationPanelMiddle .downloadPanelInfo {
    position: relative;
    top: 120px;
    padding-bottom: 6px;
  }
  html body #videoContainer {
    top: 0;
  }
  html body #videoContainer.hide {
    top: 0;
  }
  html body #videoContainer.hide .video {
    margin-left: auto;
  }
  html body .end.contentPanel {
    padding-bottom: 2.5em;
    padding-top: 24px;
  }
  html body .end.contentPanel.grid .row .col.span12 {
    width: auto;
  }
  html body .end.contentPanel.grid .row h2 {
    margin-top: 0;
    width: auto;
    max-width: 300px;
  }
  html body .end.contentPanel.grid .row p {
    margin-left: 52px;
  }
  html body .end.contentPanel.grid .row p.congratsComplete:before {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsGoToolkit .congratsGoToolkit-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsGlossary .congratsGlossary-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsToolkit .congratsToolkit-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsSelfAssessment .congratsSelfAssessment-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row p.congratsSurvey .congratsSurvey-icon {
    left: 20px;
    margin-left: 0;
  }
  html body .end.contentPanel.grid .row .congratsTakeSurvey .congratsTakeSurvey-icon {
    left: 20px;
    margin-left: 0;
  }
  html body #summaryPrintArea .grid .span6 .list3 {
    min-height: 40px;
  }
  html body #summaryPrintArea .grid.contentPanel .feedbackSummaryContent {
    padding-bottom: 16px;
  }
  html body .toolkitPanel p {
    width: auto;
  }
  html body .toolkitPanel .topPanelContent h2 {
    padding-top: 2.5em;
  }
  html body .mobile-only {
    display: block;
  }
  html body .tablet-only {
    display: none;
  }
  html body .mobile-device-only {
    display: block;
  }
  html body .desktop-only {
    display: none;
  }
  html body .toolkitPanel .topPanelContent {
    background-image: none;
  }
  html body .toolkitPanel .topPanelContent .toolkitClose {
    right: 4px;
  }
  html body .toolkitPanel .topPanelContent .downloadLinks li {
    width: auto;
    margin-right: 70px;
  }
  html body .contentPanel .thumbnail-video-button .myth-overlay .myth-img {
    width: 100px;
    margin-left: -50px;
    margin-top: -66px;
  }
  html body .contentPanel .mobileButtonNext {
    display: block;
  }
  html body .vid {
    /*&.contentPanel {
				
					.video {
						width: auto;
						background-position: 50% 0;	
						//margin-right: 12px;
						//margin-left: 12px;
					}
				}*/
  }
  html body .self-assessment.contentPanel .assessment-statement-container .assessment-options-container .radio-label {
    font-size: 0.8125em;
  }
  html body .end.contentPanel.grid .row p.congratsTakeSurvey {
    line-height: 1.25em;
    margin-top: 0;
  }
  html body .vertical-text-image.contentPanel.grid .row.image-row img {
    max-width: 305px;
    width: auto;
  }
  html body .informationPanel .informationPanelMiddle {
    position: relative;
    padding: 24px;
  }
  html body .informationPanel .informationPanelMiddle .featurePanelInfo {
    position: relative;
    width: auto;
    top: 0;
  }
  html body .informationPanel .informationPanelMiddle .downloadPanelInfo {
    position: relative;
    width: auto;
  }
  html body .informationPanel .informationPanelMiddle .downloadPanelInfo .textLinks .linkContent a:after {
    left: auto;
    margin-left: 6px;
  }
  html body #summaryPrintArea .grid .span6 .list3 {
    min-height: 40px;
  }
  html body {
    /*.buttonPrintOnSummaryFeedbackPage{
				top: -108px;
			}*/
  }
  html body #videoContainer #modalTranscript.modal {
    left: 5%;
    right: 5%;
  }
  html body #summaryPrintArea .contentPanel.grid .plan-step-summary h3 {
    padding: 0;
    margin: 0;
  }
  html body #summaryPrintArea .contentPanel.grid .plan-step-summary h3 .index {
    width: 38px;
    height: 45px;
    background-position: 0px 50%;
    padding-left: 19px;
    padding-top: 26px;
  }
  html body #summaryPrintArea .contentPanel.grid .plan-step-summary h3 .textHeading {
    width: 76%;
    vertical-align: middle;
    padding: 0;
    display: inline-block;
  }
  html body #summaryPrintArea .contentPanel.grid .plan-step-summary ul li {
    margin-left: 32px;
  }
  html body #summaryPrintArea .span6 .list3 {
    min-height: 40px;
  }
  html body .end.contentPanel.grid .row h1 {
    font-size: 2em;
  }
  html body .end.contentPanel.grid .row p.congratsComplete {
    margin-left: 0;
  }
  html body .end.contentPanel .buttonSubmit {
    padding-right: 4.5em;
  }
  html body .end.contentPanel .buttonClose {
    padding-right: 4.5em;
  }
  html body .diversity.contentPanel .diversity-question-container .select-container:after {
    width: 30px;
  }
  html body .diversity.contentPanel .diversity-question-container select {
    font-size: 1.125em;
    padding: 26px 36px 26px 6px;
  }
  html body .diversity-feedback.contentPanel .square-button {
    max-width: 120px;
    margin-top: 0;
  }
  html body .buttonNextOnSummaryFeedbackPage.on-touch {
    bottom: -35px;
  }
  html body #summaryPrintArea .grid .span6 .list3 {
    min-height: 40px;
  }
  html body .blackOverlay .applicantPanel .container .closeInfoPanel {
    margin-left: 0px;
    left: 84%;
  }
}
@font-face {
  font-family: 'pt_sansregular';
  src: url('../../assets/fonts/ptsans_regular-webfont.eot');
  src: url('../../assets/fonts/ptsans_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/ptsans_regular-webfont.woff2') format('woff2'), url('../../assets/fonts/ptsans_regular-webfont.woff') format('woff'), url('../../assets/fonts/ptsans_regular-webfont.ttf') format('truetype'), url('../../assets/fonts/ptsans_regular-webfont.svg#pt_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*@font-face {
  font-family: 'pt_sans_captionregular';
  src: url('@{fontBaseUrl}/ptsans_caption-webfont.eot');
  src: url('@{fontBaseUrl}/ptsans_caption-webfont.eot?#iefix') format('embedded-opentype'),
       url('@{fontBaseUrl}/ptsans_caption-webfont.woff2') format('woff2'),
       url('@{fontBaseUrl}/ptsans_caption-webfont.woff') format('woff'),
       url('@{fontBaseUrl}/ptsans_caption-webfont.ttf') format('truetype'),
       url('@{fontBaseUrl}/ptsans_caption-webfont.svg#pt_sans_captionregular') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'pt_sans_captionbold';
  src: url('@{fontBaseUrl}/ptsans_caption_bold-webfont.eot');
  src: url('@{fontBaseUrl}/ptsans_caption_bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('@{fontBaseUrl}/ptsans_caption_bold-webfont.woff2') format('woff2'),
       url('@{fontBaseUrl}/ptsans_caption_bold-webfont.woff') format('woff'),
       url('@{fontBaseUrl}/ptsans_caption_bold-webfont.ttf') format('truetype'),
       url('@{fontBaseUrl}/ptsans_caption_bold-webfont.svg#pt_sans_captionbold') format('svg');
  font-weight: normal;
  font-style: normal;

}*/
@font-face {
  font-family: 'pt_sansbold';
  src: url('../../assets/fonts/ptsans_bold-webfont.eot');
  src: url('../../assets/fonts/ptsans_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/ptsans_bold-webfont.woff2') format('woff2'), url('../../assets/fonts/ptsans_bold-webfont.woff') format('woff'), url('../../assets/fonts/ptsans_bold-webfont.ttf') format('truetype'), url('../../assets/fonts/ptsans_bold-webfont.svg#pt_sansbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'myriadproregular';
  src: url('../../assets/fonts/myriadpro-regular.eot');
  src: url('../../assets/fonts/myriadpro-regular.eot') format('embedded-opentype'), url('../../assets/fonts/myriadpro-regular.woff2') format('woff2'), url('../../assets/fonts/myriadpro-regular.woff') format('woff'), url('../../assets/fonts/myriadpro-regular.ttf') format('truetype'), url('../../assets/fonts/myriadpro-regular.svg#MyriadproRegular') format('svg');
}
@font-face {
  font-family: 'myriadprosemibold';
  src: url('../../assets/fonts/myriadpro-semibold.eot');
  src: url('../../assets/fonts/myriadpro-semibold.eot') format('embedded-opentype'), url('../../assets/fonts/myriadpro-semibold.woff2') format('woff2'), url('../../assets/fonts/myriadpro-semibold.woff') format('woff'), url('../../assets/fonts/myriadpro-semibold.ttf') format('truetype'), url('../../assets/fonts/myriadpro-semibold.svg#MyriadProSemibold') format('svg');
}
@font-face {
  font-family: 'myriadprobold';
  src: url('../../assets/fonts/myriadpro-bold.eot');
  src: url('../../assets/fonts/myriadpro-bold.eot') format('embedded-opentype'), url('../../assets/fonts/myriadpro-bold.woff2') format('woff2'), url('../../assets/fonts/myriadpro-bold.woff') format('woff'), url('../../assets/fonts/myriadpro-bold.ttf') format('truetype'), url('../../assets/fonts/myriadpro-bold.svg#MyriadProBold') format('svg');
}
@font-face {
  font-family: 'myriadproitalic';
  src: url('../../assets/fonts/myriadpro-italic.eot');
  src: url('../../assets/fonts/myriadpro-italic.eot') format('embedded-opentype'), url('../../assets/fonts/myriadpro-italic.woff2') format('woff2'), url('../../assets/fonts/myriadpro-italic.woff') format('woff'), url('../../assets/fonts/myriadpro-italic.ttf') format('truetype'), url('../../assets/fonts/myriadpro-italic.svg#myriadproitalic') format('svg');
}
@font-face {
  font-family: 'myriadprosemibolditalic';
  src: url('../../assets/fonts/myriadpro-semibolditalic.eot');
  src: url('../../assets/fonts/myriadpro-semibolditalic.eot') format('embedded-opentype'), url('../../assets/fonts/myriadpro-semibolditalic.woff2') format('woff2'), url('../../assets/fonts/myriadpro-semibolditalic.woff') format('woff'), url('../../assets/fonts/myriadpro-semibolditalic.ttf') format('truetype'), url('../../assets/fonts/myriadpro-semibolditalic.svg#myriadprosemibolditalic') format('svg');
}
@font-face {
  font-family: 'myriadprobolditalic';
  src: url('../../assets/fonts/myriadprobold-italic.eot');
  src: url('../../assets/fonts/myriadprobold-italic.eot') format('embedded-opentype'), url('../../assets/fonts/myriadprobold-italic.woff2') format('woff2'), url('../../assets/fonts/myriadprobold-italic.woff') format('woff'), url('../../assets/fonts/myriadprobold-italic.ttf') format('truetype'), url('../../assets/fonts/myriadprobold-italic.svg#myriadprobolditalic') format('svg');
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}