.chromeDisable {
  position: absolute;
  background-color: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  z-index: 999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.wordwrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sharingHoverActiveUI {
  color: #14d0ff;
  border-top: 1px solid #242424;
  border-right: 1px solid #575757;
  border-bottom: 1px solid #575757;
  border-left: 1px solid #242424;
}
.scrollbarThumb {
  background-color: #6a6a6a;
  -webkit-border-radius: 10px;
  border: 4px solid #1e1e1e;
}
html,
body {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
body {
  font: normal 400 15px/15px "adobe-clean", Helvetica, sans-serif;
  color: #ffffff;
  text-align: center;
}
html {
  background-color: #373737;
  background-color: #373737;
}
@media (max-device-width: 1024px) and (orientation: landscape) {
  html {
    background-color: #f2f2f2;
    background-color: #f2f2f2;
  }
}
@media (max-device-width: 768px) and (orientation: portrait) {
  html {
    background-color: #f2f2f2;
    background-color: #f2f2f2;
  }
}
a {
  color: #ffffff;
  text-decoration: none;
}
#viewer_container {
  position: absolute;
  top: 0;
  left: 0;
  -moz-box-shadow: 0 0 50px #0f0f0f;
  -webkit-box-shadow: 0 0 50px #0f0f0f;
  box-shadow: 0 0 50px #0f0f0f;
}
.viewer_chrome {
  position: relative;
  height: 45px;
  background-color: #000000;
  background-color: #000000;
}
.viewer_chrome p#viewer_title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0px 140px;
  padding: 14px 0;
  outline: none;
}
.desktop #viewer {
  overflow: hidden;
  width: 100%;
}
#viewer .hideOveflowIframe,
#viewer .hideOveflowIframe .article {
  overflow: hidden !important;
}
#viewer_toc_button {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  text-indent: -99999px;
  background: url("../img/spr_chromeButtons.png") no-repeat scroll -44px -44px transparent;
  overflow: hidden;
  cursor: pointer;
}
#viewer_toc_button:hover {
  background-position: -88px -44px;
}
#viewer_toc_button.toggle_toc_active,
#viewer_toc_button:active {
  background-position: -132px -44px;
}
#viewer_toc_button.tocBtnOff,
#viewer_toc_button.tocBtnOff:hover {
  background-position: 0 -44px;
}
#viewer_signin_button {
  text-indent: 0;
  min-width: 54px;
  height: 44px;
  position: absolute;
  top: 0px;
  left: 44px;
}
#viewer_signin_button a,
#viewer_signin_button a:visited {
  font-size: 12px;
  display: block;
  padding: 16px 10px 0 10px;
  height: 29px;
  color: #fff;
  background: url(../img/spr_chromeButtons.png) no-repeat scroll -999px -2200px;
}
#viewer_signin_button a:hover {
  color: #14d0ff;
}
#viewer_signin_button a:active,
#viewer_signin_button a.toggle_active {
  color: #14d0ff;
  background-position: 0 -220px;
}
#viewer_share {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  text-indent: -99999px;
  background: url("../img/spr_chromeButtons.png") no-repeat scroll -44px -88px transparent;
  overflow: hidden;
  cursor: pointer;
}
#viewer_share:hover {
  background-position: -88px -88px;
}
#viewer_share.toggle_share_active,
#viewer_share:active {
  background-position: -132px -88px;
}
#viewer_keybinding {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  text-indent: -99999px;
  background: url("../img/spr_chromeButtons.png") no-repeat scroll -44px 0 transparent;
  overflow: hidden;
  cursor: pointer;
}
#viewer_keybinding:hover {
  background-position: -88px 0;
}
#viewer_keybinding:active,
#viewer_header div.toggleKeysOn {
  background-position: -132px 0;
}
#viewer_footer {
  z-index: 999998;
}
#rotate {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 44px;
  height: 44px;
  text-indent: inherit;
  background: url("../img/spr_chromeButtons.png") no-repeat scroll -44px -132px transparent;
  overflow: visible;
  cursor: pointer;
}
#rotate:hover {
  background-position: -88px -132px;
}
#rotate:active,
#rotate.active {
  background-position: -132px -132px;
}
#rotate.disabled {
  display: none;
  cursor: default;
}
#rotate .pepper-orientationselector {
  width: 365px;
  margin: 0;
  padding: 3px;
  list-style: none;
  text-align: center;
  overflow: visible;
  position: relative;
  z-index: 1001;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 1px 2px #000000;
  -webkit-box-shadow: 0 1px 2px #000000;
  box-shadow: 0 1px 2px #000000;
  background-color: #000000;
  background-color: #000000;
}
#rotate .pepper-orientationselector div.arrow-down {
  position: absolute;
  bottom: -5px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000000;
  border-top: 5px solid #000000;
}
#rotate .pepper-orientationselector li {
  display: inline-block;
  border: 2px solid black;
  border-radius: 3px;
  vertical-align: middle;
}
#rotate .pepper-orientationselector li:hover {
  border: 2px solid #14d0fe !important;
}
#rotate .pepper-orientationselector-dimmed {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: 0.5;
}
#rotate .pepper-orientationselector-curtain {
  position: fixed;
  z-index: 1000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#page_down {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 17px;
  height: 13px;
  text-indent: -99999px;
  background: url("../img/spr_chromeButtons.png") no-repeat scroll -120px -325px transparent;
  overflow: hidden;
  cursor: pointer;
}
#page_down:hover,
#page_down:active {
  background-position: -137px -325px;
}
#page_down.disabled,
#page_down.disabled:hover {
  background-position: -154px -325px;
  cursor: default;
}
#page_up {
  position: absolute;
  bottom: 15px;
  right: 37px;
  width: 17px;
  height: 13px;
  text-indent: -99999px;
  background: url("../img/spr_chromeButtons.png") no-repeat scroll -69px -325px transparent;
  overflow: hidden;
  cursor: pointer;
}
#page_up:hover,
#page_up:active {
  background-position: -86px -325px;
}
#page_up.disabled,
#page_up.disable:hover {
  background-position: -103px -325px;
  cursor: default;
}
#next_prev_article_buttons {
  width: 200px;
  height: 21px;
  margin: 0 auto;
  padding-top: 12px;
}
#next_prev_article_buttons ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  cursor: default;
}
#next_prev_article_buttons ul li {
  display: inline-block;
  margin: 0 2px;
  width: 13px;
  height: 21px;
  text-indent: -99999px;
  background: url("../img/spr_chromeButtons.png") no-repeat scroll 0 -220px transparent;
  overflow: hidden;
  cursor: pointer;
}
#next_prev_article_buttons ul li.stack {
  background-position: -127px -277px;
  width: 22px;
  cursor: default;
}
#next_prev_article_buttons ul li.prev {
  background-position: -75px -277px;
}
#next_prev_article_buttons ul li.prev:hover {
  background-position: -62px -277px;
}
#next_prev_article_buttons ul li.prev:active,
#next_prev_article_buttons ul li.disable_prev,
#next_prev_article_buttons ul li.disable_prev:hover {
  background-position: -49px -277px;
  cursor: default;
}
#next_prev_article_buttons ul li.next {
  background-position: -89px -277px;
}
#next_prev_article_buttons ul li.next:hover {
  background-position: -102px -277px;
}
#next_prev_article_buttons ul li.next:active,
#next_prev_article_buttons ul li.disable_next,
#next_prev_article_buttons ul li.disable_next:hover {
  background-position: -115px -277px;
  cursor: default;
}
#curtain_window {
  display: none;
  z-index: 9999999;
  cursor: pointer;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.8);
}
#curtain_window.loader {
  background: url('../img/img_loginSpinner_dark.gif') no-repeat scroll center center;
  background-color: #373737;
  background-color: #373737;
}
.toc_help {
  position: absolute;
  background: url(../img/spr_keybinding.png) no-repeat scroll -98px 0;
  top: -12px;
  right: auto;
  bottom: auto;
  left: 5px;
  margin-left: 0;
  width: 50px;
  height: 53px;
  z-index: 10;
}
.rotation_help {
  position: absolute;
  background: url(../img/spr_keybinding.png) no-repeat scroll -50px 0;
  top: auto;
  right: auto;
  bottom: -12px;
  left: 5px;
  margin-left: 0;
  width: 50px;
  height: 53px;
  z-index: 10;
}
.previous_article_help {
  position: absolute;
  background: url(../img/spr_keybinding.png) no-repeat scroll 0 0;
  top: auto;
  right: auto;
  bottom: -12px;
  left: 50%;
  margin-left: -63px;
  width: 50px;
  height: 53px;
  z-index: 10;
}
.next_article_help {
  position: absolute;
  background: url(../img/spr_keybinding.png) no-repeat scroll -50px 0;
  top: auto;
  right: auto;
  bottom: -12px;
  left: 50%;
  margin-left: 15px;
  width: 50px;
  height: 53px;
  z-index: 10;
}
.previous_page_help {
  position: absolute;
  background: url(../img/spr_keybinding.png) no-repeat scroll -247px 0;
  top: auto;
  right: 60px;
  bottom: -35px;
  left: auto;
  margin-left: 0;
  width: 50px;
  height: 53px;
  z-index: 10;
}
.next_page_help {
  position: absolute;
  background: url(../img/spr_keybinding.png) no-repeat scroll 0 0;
  top: auto;
  right: 5px;
  bottom: -12px;
  left: auto;
  margin-left: 0;
  width: 50px;
  height: 53px;
  z-index: 10;
}
.scroll_previous_page_help {
  position: absolute;
  background: url(../img/spr_keybinding.png) no-repeat scroll -247px 0;
  top: 10px;
  right: 5px;
  bottom: auto;
  left: auto;
  margin-left: 0;
  width: 50px;
  height: 53px;
  z-index: 10;
}
.scroll_next_page_help {
  position: absolute;
  background: url(../img/spr_keybinding.png) no-repeat scroll -346px -2px;
  top: auto;
  right: 5px;
  bottom: 5px;
  left: auto;
  margin-left: 0;
  width: 50px;
  height: 53px;
  z-index: 10;
}
.scroll_gutter {
  position: absolute;
  background: url(../img/spr_keybinding.png) repeat scroll -425px -2px;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  margin-left: 0;
  width: 50px;
  height: 53px;
  z-index: 10;
  width: 15px;
  height: 100%;
  overflow: hidden;
}
.scroll_thumb {
  position: absolute;
  background: url(../img/spr_keybinding.png) no-repeat scroll -404px 0;
  top: 5px;
  right: 0;
  bottom: auto;
  left: auto;
  margin-left: 0;
  width: 50px;
  height: 53px;
  z-index: 10;
  width: 15px;
  height: 90px;
}
#curtain_window.loader div {
  display: none;
}
span.chart_t_key {
  position: absolute;
  top: 11px;
  left: 8px;
  display: block;
  background: url(../img/spr_keybinding.png) no-repeat scroll -171px -58px;
  width: 33px;
  height: 31px;
  position: absolute;
  top: 11px;
  left: 8px;
  display: block;
  background: url(../img/spr_keybinding.png) no-repeat scroll -171px -58px;
  width: 33px;
  height: 31px;
}
span.chart_r_key {
  position: absolute;
  top: 7px;
  left: 7px;
  display: block;
  background: url(../img/spr_keybinding.png) no-repeat scroll -137px -58px;
  width: 33px;
  height: 31px;
  position: absolute;
  top: 7px;
  left: 7px;
  display: block;
  background: url(../img/spr_keybinding.png) no-repeat scroll -137px -58px;
  width: 33px;
  height: 31px;
}
span.arrow_left_key {
  position: absolute;
  top: 7px;
  left: 7px;
  display: block;
  background: url(../img/spr_keybinding.png) no-repeat scroll -69px -58px;
  width: 33px;
  height: 31px;
  position: absolute;
  top: 7px;
  left: 7px;
  display: block;
  background: url(../img/spr_keybinding.png) no-repeat scroll -69px -58px;
  width: 33px;
  height: 31px;
}
span.arrow_right_key {
  position: absolute;
  top: 7px;
  left: 7px;
  display: block;
  background: url(../img/spr_keybinding.png) no-repeat scroll -102px -58px;
  width: 33px;
  height: 31px;
  position: absolute;
  top: 7px;
  left: 7px;
  display: block;
  background: url(../img/spr_keybinding.png) no-repeat scroll -102px -58px;
  width: 33px;
  height: 31px;
}
span.arrow_up_key {
  position: absolute;
  top: 9px;
  left: 7px;
  display: block;
  background: url(../img/spr_keybinding.png) no-repeat scroll -1px -58px;
  width: 33px;
  height: 31px;
  position: absolute;
  top: 9px;
  left: 7px;
  display: block;
  background: url(../img/spr_keybinding.png) no-repeat scroll -1px -58px;
  width: 33px;
  height: 31px;
}
span.arrow_down_key {
  position: absolute;
  top: 7px;
  left: 7px;
  display: block;
  background: url(../img/spr_keybinding.png) no-repeat scroll -34px -58px;
  width: 33px;
  height: 31px;
  position: absolute;
  top: 7px;
  left: 7px;
  display: block;
  background: url(../img/spr_keybinding.png) no-repeat scroll -34px -58px;
  width: 33px;
  height: 31px;
}
#toc_container {
  width: 0;
  overflow: hidden;
  text-align: left;
  display: block;
  visibility: hidden;
  z-index: 10001;
  position: absolute;
  top: 45px;
  left: 0;
  background-color: #252525;
  background-color: rgba(37, 37, 37, 0.9);
}
#sections_toggle {
  height: 49px;
  border-color: #1a1a1a;
  border-width: 0 0 1px 0;
  border-style: solid;
  background-color: #2c2d2c;
  background-color: #2c2d2c;
}
#sections_toggle button.section {
  display: block;
  cursor: pointer;
  float: left;
  font-size: 13px;
  font-weight: 700;
  margin: 8px 0 0 10px;
  padding: 7px 12px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #4b4b4b;
  border-top: 1px solid #585858;
  border-right: 1px solid #3b3b3b;
  border-bottom: 1px solid #3b3b3b;
  border-left: 1px solid #585858;
  color: #ffffff;
}
#sections_toggle button.section:hover {
  background-color: #1d1d1d;
  border-top: 1px solid #2a2a2a;
  border-right: 1px solid #585858;
  border-bottom: 1px solid #585858;
  border-left: 1px solid #2a2a2a;
  color: #14d0ff;
}
#sections_toggle button.active,
#sections_toggle button.section:active {
  background-color: #000000;
  border-top: 1px solid #0d0d0d;
  border-right: 1px solid #585858;
  border-bottom: 1px solid #585858;
  border-left: 1px solid #0d0d0d;
  color: #14d0ff;
}
#sections_toggle button.active:active {
  background-color: #4b4b4b;
  border-top: 1px solid #585858;
  border-right: 1px solid #3b3b3b;
  border-bottom: 1px solid #3b3b3b;
  border-left: 1px solid #585858;
  color: #ffffff;
}
#sections_toggle div#sections_mask {
  width: 396px;
  height: 31px;
  overflow: hidden;
  position: absolute;
  top: 50px;
  left: 0;
  background-color: #1a1a1a;
  background-color: #1a1a1a;
  z-index: 9999;
}
#sections_toggle div#fixedHeader {
  width: 95%;
  font-size: 14px;
  font-weight: 400;
  height: 17px;
  color: #898989;
  margin: 0px;
  padding: 7px 30px 7px 14px;
  cursor: default;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.toc {
  width: 410px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1200;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  background-color: #252525;
  background-color: rgba(37, 37, 37, 0.98);
}
ul.sections {
  top: 50px;
}
ul.toc li.tocSection {
  list-style-type: none;
  list-style-image: none;
  clear: both;
  cursor: pointer;
}
ul.toc li.tocSection h1 {
  display: block;
  font-size: 14px;
  font-weight: 400;
  min-height: 17px;
  margin: 0px;
  padding: 7px 0 7px 14px;
  background-color: #1a1a1a;
  background-color: #1a1a1a;
  cursor: default;
}
ul.toc li.tocSection ul {
  margin: 0;
  padding: 0;
}
ul.toc li.tocSectionItem {
  height: 50px;
  line-height: 40px;
  font-weight: 400;
  text-indent: 10px;
  list-style-type: none;
  list-style-image: none;
  clear: both;
  cursor: pointer;
  color: #828282;
  margin: 0px;
  padding: 10px 0 0 0;
  border-color: #393939;
  border-width: 0 0 1px 0;
  border-style: solid;
}
ul.toc li.tocSectionItem:first-child {
  border-color: #393939;
  border-width: 1px 0 1px 0;
  border-style: solid;
}
ul.toc li.tocSectionItem a {
  font-size: 14px;
  color: #ffffff;
}
ul.toc li.tocListItem {
  padding-top: 10px;
  height: 90px;
  list-style-type: none;
  list-style-image: none;
  clear: both;
  cursor: pointer;
  border-color: #393939;
  border-width: 1px 0 0 0;
  border-style: solid;
}
ul.toc li.tocSectionItem:hover {
  color: #d3d3d3;
  background-color: #3d3d3d;
  background-color: #3d3d3d;
}
ul.toc li.tocListItem:hover,
ul.toc li.tocListItemActive {
  background-color: #3d3d3d;
  background-color: #3d3d3d;
}
ul.toc li.tocSectionItem:active,
ul.toc li.tocSectionItemActive,
ul.toc li.tocSectionItemActive:hover,
ul.toc li.tocListItem:active {
  background-image: url("../img/bg_ie8_tocActive.png");
  background-image: -o-linear-gradient(bottom, #252525 27%, #3a3939 100%);
  background-image: -moz-linear-gradient(bottom, #252525 27%, #3a3939 100%);
  background-image: -webkit-linear-gradient(bottom, #252525 27%, #3a3939 100%);
  background-image: -ms-linear-gradient(bottom, #252525 27%, #3a3939 100%);
  background-image: linear-gradient(to bottom, #252525 27%, #3a3939 100%);
}
ul.toc li.tocListItem .thumbContainer {
  float: left;
  width: 70px;
  border: 0;
  margin: 4px 0 0 13px;
  padding: 0;
}
ul.toc li.tocListItem .thumbContainer a.articleURL {
  display: block;
  overflow: hidden;
  height: 70px;
  width: 70px;
}
ul.toc li.tocListItem .textArea {
  float: left;
  min-height: 70px;
  width: 270px;
}
ul.toc li.tocListItem .textContainer,
.tocListItem .protectedTextContainer {
  float: left;
  width: 270px;
  margin: 3px 0 0 13px;
  padding: 0;
}
ul.toc li.tocListItem .protectedTextContainer {
  display: none;
}
ul.toc li.tocListItem .imgThumbToc {
  display: block;
  height: 70px;
  width: 70px;
  background-position: center top;
}
ul.toc li.tocListItem .kicker {
  font-size: 13px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  color: #828282;
  margin: 0;
  padding: 0;
}
ul.toc li.tocListItem .title {
  font-size: 15px;
  font-weight: 400;
  width: 265px;
  text-transform: none;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0px;
  padding: 5px 0;
  color: #d3d3d3;
}
ol.overlays {
  height: 9px;
  width: 100%;
  margin: 5px 0 0 0;
  padding: 0;
}
ol.overlays li {
  float: left;
  margin-right: 3px;
  width: 12px;
  height: 9px;
  text-indent: -99999px;
  background: url("../img/spr_chromeButtons.png") no-repeat scroll 0 0 transparent;
  overflow: hidden;
  cursor: pointer;
}
ol.overlays li.audio {
  background-position: -47px -327px;
}
ol.overlays li.video {
  background-position: -28px -327px;
}
ol.overlays li.slide {
  background-position: -12px -327px;
}
#toc_toolTip {
  width: 260px;
  font-size: 12px;
  line-height: 16px;
  z-index: 999;
  display: none;
  color: #333333;
  position: absolute;
  top: 38px;
  left: 10px;
  margin: 0px;
  padding: 10px 15px;
  background-color: #ffffff;
  background-color: #ffffff;
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
#toc_toolTip div.arrow-up {
  position: absolute;
  top: -4px;
  left: 9px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #ffffff;
  border-bottom: 5px solid #ffffff;
}
#viewer_toc_button.tocBtnOff:hover + #toc_toolTip,
#toc_toolTip:hover {
  display: block;
}
#sign_in_form {
  display: none;
  padding: 5px;
  z-index: 1001;
  position: absolute;
  top: 55px;
  left: 45px;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#sign_in_form .arrow_tool_tip {
  position: absolute;
  top: -5px;
  left: 28px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000000;
  border-bottom: 5px solid rgba(0, 0, 0, 0.9);
}
form.loginForm * {
  padding: 0;
  margin: 0;
}
form.loginForm dl {
  display: block;
  width: 358px;
  padding: 5px 0;
}
form.loginForm dt {
  float: left;
  width: 85px;
}
form.loginForm dd {
  float: left;
  width: 273px;
}
form.loginForm fieldset {
  border: none;
}
form.loginForm legend {
  display: none;
}
form.loginForm label {
  font-family: "adobe-clean", Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  text-align: right;
  padding: 10px 5px 10px 0;
  display: block;
  color: #9e9e9e;
}
form.loginForm input[type=text]:focus,
form.loginForm input[type=password]:focus {
  outline: none;
}
form.loginForm input[type=text]::selection,
form.loginForm input[type=password]::selection,
form.loginForm input[type=text]::-moz-selection,
form.loginForm input[type=password]::-moz-selection {
  background-color: #1e1e1e;
  background-color: #1e1e1e;
  color: #f2f2f2;
}
form.loginForm fieldset.submitBtn span.hidden {
  padding: 10px 0 0 10px;
  width: 20px;
  height: 20px;
  float: left;
  display: none;
}
form.loginForm fieldset.submitBtn span.show {
  padding: 10px 0 0 10px;
  width: 20px;
  height: 20px;
  float: left;
  display: block;
}
.lightTheme input[type=text],
.lightTheme input[type=password] {
  padding: 10px 4%;
  width: 92%;
  border: 0;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #d9d9d9;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #e5e5e5;
  background-color: #e5e5e5;
  color: #1e1e1e;
}
.lightTheme button[type=submit] {
  padding: 10px 20px 10px;
  text-decoration: none;
  margin: 15px 0 0 85px;
  display: block;
  cursor: pointer;
  float: left;
  font-size: 13px;
  font-weight: 700;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #efefef;
  border-top: 1px solid #e7e7e7;
  border-right: 1px solid #b9b9b9;
  border-bottom: 1px solid #b9b9b9;
  border-left: 1px solid #e2e2e2;
  color: #3d3d3d;
}
.lightTheme button[type=submit]:hover {
  background-color: #d6d6d6;
  border-top: 1px solid #cecece;
  border-right: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
  border-left: 1px solid #c9c9c9;
  color: #3d3d3d;
}
.lightTheme button[type=submit]:active {
  background-color: #bdbdbd;
  border-top: 1px solid #b5b5b5;
  border-right: 1px solid #878787;
  border-bottom: 1px solid #878787;
  border-left: 1px solid #b0b0b0;
  color: #3d3d3d;
}
.lightTheme fieldset.submitBtn span#loginSpinner {
  margin-top: 12px;
  background: url('../img/img_loginSpinner_light.gif') no-repeat scroll 10px 10px;
}
.darkTheme dl {
  padding: 3px 0;
}
.darkTheme label {
  color: #fff;
  padding-right: 8px;
}
.darkTheme input[type=text],
.darkTheme input[type=password] {
  padding: 10px 4%;
  width: 92%;
  border: 0;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #b3b3b3;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #8f8f8f;
  background-color: #8f8f8f;
  color: #1e1e1e;
}
.darkTheme button[type=submit] {
  padding: 10px 20px 10px;
  text-decoration: none;
  margin: 3px 0 0 85px;
  display: block;
  cursor: pointer;
  float: left;
  font-size: 13px;
  font-weight: 700;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #4b4b4b;
  border-top: 1px solid #585858;
  border-right: 1px solid #3b3b3b;
  border-bottom: 1px solid #3b3b3b;
  border-left: 1px solid #585858;
  color: #ffffff;
}
.darkTheme button[type=submit]:hover {
  background-color: #1d1d1d;
  border-top: 1px solid #2a2a2a;
  border-right: 1px solid #585858;
  border-bottom: 1px solid #585858;
  border-left: 1px solid #2a2a2a;
  color: #14d0ff;
}
.darkTheme button[type=submit]:active {
  background-color: #000000;
  border-top: 1px solid #0d0d0d;
  border-right: 1px solid #585858;
  border-bottom: 1px solid #585858;
  border-left: 1px solid #0d0d0d;
  color: #14d0ff;
}
.darkTheme fieldset.submitBtn span#loginSpinner {
  background: url('../img/img_loginSpinner_dark.gif') no-repeat scroll 10px 10px;
}
div.errorMessage {
  font-size: 12px;
  visibility: hidden;
  color: #a82d2d;
}
.error div.errorMessage {
  visibility: visible;
}
div.errorMessage p {
  margin: 0 0 15px 85px;
  color: #a82d2d;
}
.darkTheme div.errorMessage {
  display: none;
}
.error .darkTheme div.errorMessage {
  display: block;
}
.darkTheme div.errorMessage p {
  margin-top: 10px;
  text-align: left;
}
.error input[type=text],
.error input[type=password] {
  border: 1px solid #770000 !important;
}
.forgotPassword a {
  display: none;
  float: left;
  width: 190px;
  margin-top: 28px;
  font-size: 12px;
  text-align: right;
  color: #4287f6;
  text-decoration: none;
}
#sharing_ui {
  display: none;
  padding: 5px 6px 2px 5px;
  width: 158px;
  z-index: 9;
  position: absolute;
  top: 55px;
  right: 8px;
  background-color: #1e1e1e;
  background-color: rgba(30, 30, 30, 0.9);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#sharing_ui .arrow_tool_tip {
  width: 0;
  height: 0;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #1e1e1e;
  border-bottom: 5px solid rgba(30, 30, 30, 0.9);
  position: absolute;
  top: -5px;
  right: 10px;
}
#sharing_ui ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#sharing_ui ul li {
  background: none;
  height: 28px;
  width: 158px;
  margin: 0 0 5px 0;
}
#sharing_ui ul li a,
#sharing_ui ul li a:visited {
  display: block;
  font-size: 12px;
  font-weight: 700;
  height: 13px;
  padding: 8px 0;
  width: 158px;
  text-indent: 0;
  border-top: 1px solid #575757;
  border-right: 1px solid #242424;
  border-bottom: 1px solid #242424;
  border-left: 1px solid #575757;
  background-color: #4e4e4e;
  background-color: #4e4e4e;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #ffffff;
}
#sharing_ui ul li a:hover {
  background-color: #2f2e2e;
  color: #14d0ff;
  border-top: 1px solid #242424;
  border-right: 1px solid #575757;
  border-bottom: 1px solid #575757;
  border-left: 1px solid #242424;
}
#sharing_ui ul li a:active {
  background-color: #000;
  color: #14d0ff;
  border-top: 1px solid #242424;
  border-right: 1px solid #575757;
  border-bottom: 1px solid #575757;
  border-left: 1px solid #242424;
}
#sharing_ui ul li a span.icon {
  display: block;
  float: left;
  width: 13px;
  height: 14px;
  margin: 0 5px 0 8px;
  background: url(../img/spr_sharing_icons.png) no-repeat scroll 0 0;
}
#sharing_ui ul li a span.twitter {
  background-position: 0 0;
}
#sharing_ui ul li a:hover span.twitter,
#sharing_ui ul li a:active span.twitter {
  background-position: -14px 0;
}
#sharing_ui ul li a span.facebook {
  background-position: 0 -14px;
}
#sharing_ui ul li a:hover span.facebook,
#sharing_ui ul li a:active span.facebook {
  background-position: -14px -14px;
}
#sharing_ui ul li a span.email {
  background-position: 0 -27px;
}
#sharing_ui ul li a:hover span.email,
#sharing_ui ul li a:active span.email {
  background-position: -14px -27px;
}
#sharing_ui ul li a span.copyLink {
  background-position: 0 -40px;
}
#sharing_ui ul li a:hover span.copyLink,
#sharing_ui ul li a:active span.copyLink {
  background-position: -14px -40px;
}
#footer_copyright {
  height: 35px;
  width: 100%;
  z-index: 999999;
  color: #666666;
}
.desktop #footer_copyright {
  position: fixed;
  left: 0;
  bottom: 0;
}
#footer_copyright div#footer {
  min-height: 100%;
  background-color: #1e1e1e;
  background-color: #1e1e1e;
}
#footer_copyright div#footer p {
  font-size: 10px;
  padding-top: 11px;
  cursor: default;
  margin: 0 auto;
  color: #666666;
}
#footer_copyright div#footer p a {
  color: #999999;
}
#footer_copyright div#footer p sup {
  font-size: 6px;
}
br.line1,
br.line2,
br.line3 {
  display: none;
}
span.pipe1,
span.pipe2 {
  display: inline;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #footer_copyright {
    height: 50px;
  }
  .tablet br.line1 {
    display: inline;
  }
}
.paywall {
  height: 100%;
  width: 100%;
  min-width: 1024px;
  font-weight: 400;
  background-color: #ffffff;
  background-color: #ffffff;
  color: #777777;
}
.portrait .paywall {
  min-width: 768px;
}
.paywall .positionerPaywall {
  float: left;
  height: 50%;
  width: 100%;
  margin-bottom: -285px;
}
.portrait .paywall .positionerPaywall {
  margin-bottom: -490px;
}
.paywall .contentPaywall {
  clear: both;
  height: 555px;
  background-color: #ffffff;
  background-color: #ffffff;
}
.portrait .paywall .contentPaywall {
  clear: both;
  height: 555px;
}
.paywall img#imgPaywallCover {
  float: left;
  display: block;
  border: 1px solid #fff;
  margin: 20px 50px 0 133px;
  width: 354px;
  height: 476px;
  -moz-box-shadow: 0px 0 6px 0 rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0px 0 6px 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0 6px 0 rgba(0, 0, 0, 0.6);
}
.portrait .paywall img#imgPaywallCover {
  float: none;
  margin: 60px auto 15px auto;
}
.paywall .subscribeArea {
  float: left;
  width: 360px;
  margin: 10px 0 0 0;
  text-align: left;
}
.portrait .paywall .subscribeArea {
  float: none;
  margin: 25px auto 10px auto;
}
.paywall .loginArea {
  float: left;
  width: 360px;
  margin: 10px 0 0 0;
  display: none;
}
.portrait .paywall .loginArea {
  float: none;
  margin: 25px auto 10px auto;
}
.paywall .subscribeArea h2,
.paywall .loginArea h2 {
  padding: 5px 0 10px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #E8E8E8;
  margin: 0 0 24px 0;
  font-size: 34px;
  font-weight: 400;
  text-align: left;
  color: #585858;
}
.paywall .subscribeArea p.publisherText {
  display: block;
  text-align: left;
  height: 345px;
  border-bottom: 1px solid #E8E8E8;
  font-size: 16px;
  line-height: 22px;
  margin: 0;
  overflow: hidden;
}
.portrait .paywall .subscribeArea p.publisherText {
  height: auto;
  padding: 0 0 50px 0;
}
.paywall .subscribeArea a.button {
  padding: 10px 25px 8px;
  margin-top: 20px;
  display: block;
  cursor: pointer;
  float: left;
  font-size: 13px;
  font-weight: 700;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #efefef;
  border-top: 1px solid #e7e7e7;
  border-right: 1px solid #b9b9b9;
  border-bottom: 1px solid #b9b9b9;
  border-left: 1px solid #e2e2e2;
  color: #3d3d3d;
  color: #757575;
}
.paywall .subscribeArea a.button:visited {
  background-color: #efefef;
  border-top: 1px solid #e7e7e7;
  border-right: 1px solid #b9b9b9;
  border-bottom: 1px solid #b9b9b9;
  border-left: 1px solid #e2e2e2;
  color: #3d3d3d;
}
.paywall .subscribeArea a.button:hover {
  background-color: #d6d6d6;
  border-top: 1px solid #cecece;
  border-right: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
  border-left: 1px solid #c9c9c9;
  color: #3d3d3d;
}
.paywall .subscribeArea a.button:active {
  background-color: #bdbdbd;
  border-top: 1px solid #b5b5b5;
  border-right: 1px solid #878787;
  border-bottom: 1px solid #878787;
  border-left: 1px solid #b0b0b0;
  color: #3d3d3d;
}
.paywall .subscribeArea span.signin_button {
  display: block;
  float: right;
  padding-top: 22px;
  font-size: 12px;
  max-width: 149px;
  text-align: right;
}
.paywall .subscribeArea span.signin_button a,
.paywall .subscribeArea span.signin_button a:visited {
  color: #4287f6;
}
.paywall .subscribeArea span.signin_button a:hover,
.paywall .subscribeArea span.signin_button a:active {
  color: #1168f4;
}
.paywall .loginArea a {
  font-size: 14px;
  display: block;
  min-width: 55px;
  padding-top: 20px;
  float: left;
  color: #4287f6;
}
::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 0;
  width: 0;
}
::-webkit-scrollbar-corner {
  background-color: #1e1e1e;
}
::-webkit-resizer {
  display: none;
}
::-webkit-scrollbar-button:vertical:increment {
  background-color: transparent;
}
::-webkit-scrollbar-track-piece {
  background-color: #1e1e1e;
}
::-webkit-scrollbar-thumb:vertical {
  background-color: #6a6a6a;
  -webkit-border-radius: 10px;
  border: 4px solid #1e1e1e;
}
::-webkit-scrollbar-thumb:horizontal {
  background-color: #6a6a6a;
  -webkit-border-radius: 10px;
  border: 4px solid #1e1e1e;
}
/****************************
 Browser Toast
****************************/
#browserSupport {
  position: fixed;
  min-height: 80px;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.8);
  border-bottom: 5px solid #e1b300;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999999;
}
.tablet #browserSupport {
  top: 43px;
}
#browserSupport .browserSupportWrap {
  width: 100%;
  max-width: 1024px;
  margin: 20px auto 0 auto;
}
#messageBrowserSupport {
  float: left;
  text-align: left;
  min-height: 40px;
  width: 70%;
  min-width: 200px;
  font-weight: 700;
  font-style: italic;
  font-size: 18px;
  line-height: 20px;
  padding-bottom: 20px;
}
#messageBrowserSupport span {
  display: block;
  float: left;
  width: 55px;
  height: 55px;
  margin-left: 10px;
  background: url('../img/transparent.gif') no-repeat scroll 0 0;
}
.no-svg #messageBrowserSupport span {
  background-image: url('../img/browserUnsupporterToast.png');
}
.svg #messageBrowserSupport span {
  background-image: url('../img/browserUnsupporterToast.svg');
}
#uiBrowserSupport ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#uiBrowserSupport {
  float: right;
  width: 30%;
}
#uiBrowserSupport ul li {
  float: left;
  text-align: right;
  font-size: 12px;
  font-style: italic;
  width: 100%;
  cursor: pointer;
}
.ie8 #uiBrowserSupport ul li {
  line-height: 20px;
}
#uiBrowserSupport ul li span {
  float: right;
  width: 18px;
  height: 18px;
  margin: 0 8px;
  background: url('../img/transparent.gif') no-repeat scroll 0 0;
}
.svg #uiBrowserSupport ul li span {
  background-image: url('../img/spr_browserUnsupporterToastIcons.svg');
}
.no-inlinesvg #uiBrowserSupport ul li span,
.no-svg #uiBrowserSupport ul li span {
  background-image: url('../img/spr_browserUnsupporterToastIcons.png');
}
#uiBrowserSupport ul #closeBrowserSupport span {
  background-position: 2px 2px;
}
#uiBrowserSupport ul li#closeBrowserSupport {
  font-size: 14px;
  text-transform: uppercase;
  font-style: normal;
  text-align: right;
  font-weight: 400;
  padding-bottom: 5px;
}
#uiBrowserSupport ul #closeBrowserSupport:hover,
#uiBrowserSupport ul #closeBrowserSupport:hover span {
  color: #10a6cc;
  background-position: -16px 2px;
}
#uiBrowserSupport ul #optoutBrowserSupport {
  text-align: right;
  border: 1px solid #ffffff;
  background-position: -170px -210px;
  margin-top: -2px;
  width: 17px;
  height: 17px;
}
#uiBrowserSupport span.active {
  background-position: -17px -21px !important;
}
/****************************
 Browser Block Screen
****************************/
.unsupportedWrapper {
  width: 979px;
  height: 534px;
  margin: 0 auto;
  padding: 0;
}
.tabletop {
  background: url(../img/unsupportedBrowser/bg_unsupportedBrowsers_topTable.png);
  height: 55px;
}
.tablemiddle {
  background: url(../img/unsupportedBrowser/bg_unsupportedBrowsers_middleTable.png);
  height: 424px;
}
.tablebottom {
  background: url(../img/unsupportedBrowser/bg_unsupportedBrowsers_bottomTable.png);
  height: 55px;
}
.unsupportedMessage {
  padding: 50px 0 35px 0;
}
.unsupportedMessage h1 {
  color: #4c4c4c;
  font-size: 28px;
  line-height: 28px;
  max-width: 700px;
  margin: 0 auto 5px auto;
  font-weight: 700;
}
.unsupportedMessage p {
  color: #4c4c4c;
  font-size: 15px;
  line-height: 15px;
  max-width: 700px;
  margin: 0 auto;
  font-weight: 400;
}
.updateButtons {
  list-style-type: none;
  width: 625px;
  height: 232px;
  margin: 0 auto;
  padding: 0;
}
.updateButtons span {
  display: block;
  margin: 15px auto;
  padding: 0;
  height: 100px;
}
.updateButtons p {
  font-size: 12px;
  padding: 2px 15px;
  color: #4c4c4c;
}
p.browserName {
  font-size: 18px;
  font-weight: 700;
  padding: 0 0 5px 0;
}
.browserVersion {
  padding-bottom: 20px;
}
.updateButtons li {
  background: url(../img/unsupportedBrowser/button_unsupportedBrowsers_up.jpg) no-repeat;
  height: 212px;
  width: 187px;
  margin: 10px;
  float: left;
}
.updateButtons li:hover {
  background: url(../img/unsupportedBrowser/button_unsupportedBrowsers_down.jpg) no-repeat;
  cursor: pointer;
}
.updateButtons li a,
.updateButtons li a:visited {
  color: #4c4c4c;
  text-decoration: none;
}
.updateButtons li:hover a {
  color: #10a6cc;
}
.chromeUpdate {
  background: url(../img/unsupportedBrowser/img_chrome.png) no-repeat;
  width: 91px;
}
.firefoxUpdate {
  background: url(../img/unsupportedBrowser/img_firefox.png) no-repeat;
  width: 92px;
}
.safariUpdate {
  background: url(../img/unsupportedBrowser/img_safari.png) no-repeat;
  width: 91px;
}
.msieUpdate {
  background: url(../img/unsupportedBrowser/img_ie.png) no-repeat;
  width: 104px;
}
.deviceChrome {
  position: fixed;
  opacity: 1;
  left: 0;
  z-index: 999;
  background: rgba(37, 37, 37, 0.96);
  transition: opacity .4s;
  -khtml-transition: opacity .4s;
  -moz-transition: opacity .4s;
  -o-transition: opacity .4s;
  -webkit-transition: opacity .4s;
}
#topChrome {
  top: 0;
  min-height: 43px;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.4);
}
#topChrome p#viewer_title {
  text-align: left;
  font-weight: 700;
  font-size: 14px;
  color: #ffffff;
  margin: 0 140px 0 15px;
  outline: medium none;
  overflow: hidden;
  padding: 14px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ul.rightControls {
  position: absolute;
  top: 0;
  right: 0;
  height: 35px;
  margin: 0 5px 0 0;
  padding: 0;
  list-style-type: none;
}
.no-svg ul.rightControls li span {
  background-image: url('../img/spr_svgTabletChrome.png');
}
.svg ul.rightControls li span {
  background-image: url('../img/spr_svgTabletChrome.svg');
}
ul.rightControls li {
  float: left;
}
ul.rightControls li span {
  display: block;
  overflow: hidden;
  background-attachment: scroll;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  margin: 15px 10px;
}
#zoomButton {
  display: none;
}
#zoomButton span.smooth {
  background-position: 0 0;
}
#zoomButton span.smooth:active {
  background-position: -15px 0;
}
#zoomButton span.paged {
  background-position: 0 -15px;
}
#zoomButton span.paged:active {
  background-position: -15px -15px;
}
#zoomButton.disable {
  opacity: 0.2;
}
#zoomButton.disable span.smooth:active {
  background-position: 0 0;
}
#dismissButton span {
  background-position: 0 -30px;
}
#dismissButton span:active {
  background-position: -15px -30px;
}
#dismissButton.disable {
  opacity: 0.2;
}
#dismissButton.disable span:active {
  background-position: 0 0;
}
#bottomChrome {
  bottom: 0;
  width: 100%;
  overflow-x: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);
}
#bottomChrome div#footer p {
  font-size: 11px;
  padding: 5px 0;
}
#bottomChrome div#footer p a,
#bottomChrome div#footer p a:visited,
#bottomChrome div#footer p a:active {
  color: #ffffff;
}
#bottomChrome div#footer span {
  padding: 0 2px;
}
/* Call to Action */
#banner {
  position: relative;
  width: 100%;
  height: auto;
  color: #ababab;
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: rgba(0, 0, 0, 0.9);
  border-top: 1px solid rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);
}
#banner canvas {
  float: left;
  margin: 15px;
}
#banner a.buttonLook {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 6px 30px 7px 30px;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  border-top: 1px solid #899fd8;
  border-bottom: 1px solid #243f7a;
  border-left: 1px solid #395daf;
  border-right: 1px solid #395daf;
  background-color: #3967c7;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.8);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.8);
}
#banner .openInApp {
  position: absolute;
  top: 55px;
  right: 17px;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.7px;
  text-align: right;
}
#banner .openInApp a,
#banner .openInApp a:visited {
  color: #899fd8;
}
#magazineInfo {
  position: relative;
  float: left;
}
#magazineActions {
  position: relative;
  float: left;
  width: 177px;
  min-height: 118px;
}
#magazineInfo p {
  line-height: 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
#magazineInfo h2 {
  font-size: 16px;
  color: #a0a0a0;
  font-weight: 700;
  margin: 15px 0 0 0;
  padding: 0;
}
#magazineInfo h3 {
  font-size: 13px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0;
  margin: 5px 0 10px 0;
}
@media screen and (orientation: portrait) {
  #magazineInfo {
    width: 470px;
  }
  #magazineInfo p {
    padding: 10px 20px 10px 0;
  }
  .landscapeThumbnail {
    display: none;
  }
}
@media screen and (orientation: landscape) {
  #magazineInfo {
    width: 692px;
  }
  #magazineInfo p {
    padding: 0 20px 10px 0;
  }
  .portraitThumbnail {
    display: none;
  }
}
.errorView {
  height: 100%;
  width: 100%;
  font-weight: 300;
  background-color: #f2f2f2;
  background-color: #f2f2f2;
  color: #777777;
}
.portrait .errorView {
  min-width: 768px;
}
.errorView .positionerError {
  float: left;
  height: 50%;
  width: 100%;
  margin-bottom: -285px;
}
.portrait .errorView .positionerError {
  margin-bottom: -490px;
}
#error_wrapper {
  clear: both;
  height: 555px;
  background-color: #f2f2f2;
  background-color: #f2f2f2;
}
.portrait #error_wrapper {
  clear: both;
  height: 555px;
  background-color: #f2f2f2;
  background-color: #f2f2f2;
}
#warning_image {
  background-image: url("../img/img_warning.png");
  display: block;
  height: 100px;
  margin: 105px auto 10px auto;
  text-align: center;
  width: 100px;
}
.portrait #warning_image {
  padding-top: 205px;
}
#languages_list {
  display: block;
  margin: 0 auto;
  width: 345px;
  border-top: 1px solid #d9d9d9;
}
#languages_list ul {
  list-style-type: none;
  margin: 10px 0;
  padding: 0;
  font-size: 12px;
  color: #333333;
}
#languages_list ul.splitColumns {
  -moz-column-count: 3;
  -moz-column-gap: 6px;
  -webkit-column-count: 3;
  -webkit-column-gap: 6px;
  column-count: 3;
  column-gap: 6px;
}
#error_message {
  display: block;
  padding: 20px 0 10px 0;
  min-height: 45px;
  width: 100%;
}
#error_message h1 {
  font-size: 30px;
  line-height: 35px;
  margin-left: 25px;
  margin-right: 25px;
  padding-bottom: 15px;
  font-weight: bold;
  text-align: center;
  color: #4c4c4c;
  display: block;
}
#languages_list ul li {
  text-align: center;
  padding: 3px 0;
  cursor: pointer;
}
#languages_list .colLang {
  float: left;
  width: 115px;
  display: block;
}
#languages_list ul li a {
  text-decoration: none;
  color: #333333;
}
#languages_list ul li a:visited {
  color: #333333;
}
#languages_list ul li a:hover {
  color: #10a6cc;
}
#languages_list ul li a:active {
  color: #0c7d99;
}
#errorMessageButton {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 255px;
  padding: 10px 0 10px;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #efefef;
  border-top: 1px solid #e7e7e7;
  border-right: 1px solid #b9b9b9;
  border-bottom: 1px solid #b9b9b9;
  border-left: 1px solid #e2e2e2;
  color: #3d3d3d;
}
#errorMessageButton:hover {
  background-color: #d6d6d6;
  border-top: 1px solid #cecece;
  border-right: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
  border-left: 1px solid #c9c9c9;
  color: #3d3d3d;
}
#errorMessageButton:active {
  background-color: #bdbdbd;
  border-top: 1px solid #b5b5b5;
  border-right: 1px solid #878787;
  border-bottom: 1px solid #878787;
  border-left: 1px solid #b0b0b0;
  color: #3d3d3d;
}
.animateError {
  -khtml-transition: opacity .4s;
  -moz-transition: opacity .4s;
  -o-transition: opacity .4s;
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
}