@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800");
@media screen and (min-width: 0px) {
  html {
    font-size: 120%; } }
@media screen and (min-width: 737px) {
  html {
    font-size: 81.2%; } }
/* --- Fonts --- */
/* --- Colors --- */
/* --- Generic Form Field Styling --- */
* {
  margin: 0;
  padding: 0; }

html {
  -webkit-text-size-adjust: none;
  height: 100%; }

body {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  height: 100%;
  color: #4d4d4d;
  background-color: #ececec; }
  body .bodyGradient {
    background-color: #ececec; }

section, article, header, footer, nav, aside, hgroup {
  display: block; }

a {
  color: #2b71a5; }

#mainContainer {
  margin: 0 auto;
  width: 100%;
  max-width: 736px;
  min-width: 320px;
  min-height: 390px;
  background-color: #f7f7f7; }

.textInput {
  width: 100%;
  font-size: 1rem;
  padding: 6px;
  border: 1px solid #d7d7d7;
  background-color: #ffffff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.textInput:focus {
  border: 1px solid #666666; }

.uidLearnMoreLink {
  white-space: nowrap; }

.uiButtonPrimary {
  margin: 10px 0 5px 0; }
  .uiButtonPrimary input,
  .uiButtonPrimary .buttonLink {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #2c71a5;
    cursor: pointer;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: normal !important;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    background-color: #2c71a5;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; }
  .uiButtonPrimary input:hover,
  .uiButtonPrimary .buttonLink:hover {
    border: 1px solid #1b85d4;
    background-color: #1b85d4; }
  .uiButtonPrimary input:focus {
    border: 1px solid #1b85d4;
    background-color: #1b85d4; }
  .uiButtonPrimary input:disabled {
    background-color: #a1a2a2;
    border-color: #898989; }

.cancelSignInSection {
  padding: 15px 0px 20px 0px; }
  .cancelSignInSection #cancelSignInLink {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    text-decoration: underline;
    vertical-align: bottom;
    font-size: 1rem;
    font-weight: 400; }

#blackHeaderBar {
  background: #000000;
  height: 36px; }

#sonyLogo {
  margin-top: 12px;
  float: right;
  padding: 0 20px; }

html[dir="rtl"] #sonyLogo {
  float: left; }

#tout {
  height: 100%;
  position: relative;
  margin: 4px 0;
  font-weight: 600; }
  #tout #toutIcon {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    height: 100%; }
  #tout.redTout {
    color: #ec563b; }
    #tout.redTout #toutIcon {
      background: #ec563b url("../img/alertIcon_red.jpg") no-repeat scroll center center;
      border: 1px solid #edb1a8; }
  #tout.yellowTout {
    color: #e5c757; }
    #tout.yellowTout #toutIcon {
      background: #e5c757 url("../img/alertIcon_yellow.jpg") no-repeat scroll center center;
      border: 1px solid #ebdaac; }
  #tout.greenTout {
    color: #4b8c1b; }
    #tout.greenTout #toutIcon {
      background: #4b8c1b url("../img/alertIcon_green.jpg") no-repeat scroll center center;
      border: 1px solid #94b47c; }
  #tout.blueTout {
    color: #2c71a5; }
    #tout.blueTout #toutIcon {
      background: #2c71a5 url("../img/alertIcon_blue.jpg") no-repeat scroll center center;
      border: 1px solid #85a9c3; }
  #tout.smallTout .toutInner {
    border-top: 2px solid #e7e7e7;
    border-right: 2px solid #e7e7e7;
    border-bottom: 2px solid #e7e7e7;
    overflow: hidden;
    padding: 12px 9px 12px 47px; }
  #tout.smallTout #toutIcon {
    width: 36px; }

html[dir="rtl"] #tout #toutIcon {
  left: 0; }

.hidden {
  display: none; }

#recaptchaMessage {
  padding-bottom: 4px; }

#recaptchaMessage {
  padding-top: 20px; }

.recaptchaIcon {
  display: block;
  float: left;
  width: 21px;
  height: 21px;
  margin-left: 3px;
  margin-top: 12px;
  background: url("../img/captchaIcons.gif") no-repeat 0 0; }

#recaptcha_image {
  background: #D9D9D9;
  border: 1px solid #D9D9D9;
  width: 300px;
  height: 57px;
  margin-bottom: 5px;
  position: relative; }

#recaptcha_image img {
  width: 100%;
  height: 100%; }

.recaptcha_new_challenge {
  background-position: 0 0; }
  .recaptcha_new_challenge:hover {
    background-position: 0 -21px; }

.recaptcha_only_if_image {
  background-position: -23px 0; }
  .recaptcha_only_if_image:hover {
    background-position: -23px -21px; }

.recaptcha_only_if_audio {
  background-position: -46px 0; }
  .recaptcha_only_if_audio:hover {
    background-position: -23px -21px; }

.recaptcha_audio_cant_hear_link {
  padding: 0px 5px; }

#recaptcha_audio_play_again {
  position: absolute;
  top: 0;
  text-decoration: underline;
  cursor: pointer; }

#recaptcha_audio_download {
  position: absolute;
  top: 17px;
  text-decoration: underline;
  cursor: pointer; }

#recaptcha_response_field {
  float: left;
  margin-right: 5px;
  margin-top: 7px;
  width: 73%; }

.clearMe {
  clear: both;
  font-size: 0;
  height: 0; }

.smallLabel {
  display: block;
  font-size: 0.84615rem;
  color: #808080;
  font-weight: normal; }

.inlineErrorRow {
  color: #ec563b;
  padding-bottom: 5px;
  padding-top: 4px; }

.signInPage #signInFormSection {
  margin-top: 0; }
.signInPage #signInLabel_SignInID {
  display: block;
  padding-top: 22px;
  font-size: 1.07692rem;
  font-weight: 600; }
.signInPage #signInLabel_Password {
  display: block;
  padding-top: 10px;
  font-size: 1.07692rem;
  font-weight: 600; }
.signInPage #signInLabel_SignInSonyServices {
  margin-top: -4px;
  padding-bottom: 8px; }
.signInPage #rememberSignInLabel {
  font-weight: 600; }
.signInPage #rememberMeSection {
  padding: 15px 0;
  margin-top: 5px;
  width: 96%; }
.signInPage #troubleShooterLink {
  float: none;
  display: block;
  font-size: 1rem;
  font-weight: 700;
  margin-top: 8px;
  margin-bottom: 18px; }
.signInPage #dontHaveAnAcountLabel {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 1.07692rem; }
.signInPage #createAccountLink {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  text-decoration: none;
  vertical-align: bottom;
  font-weight: 600; }
.signInPage #signInLabel_SignInID,
.signInPage #signInLabel_Password {
  padding-bottom: 4px; }
.signInPage .signInRightColumn header h1 {
  font-size: 1.38462rem;
  font-weight: normal; }
.signInPage .signInRightColumn header h2 {
  font-size: 1.23077rem;
  color: #236A99;
  font-weight: normal; }

.placeholder {
  color: #A9A9A9; }

@media screen and (min-width: 1281px) and (min-width: 737px) {
  .signInPage #mainContainer {
    width: 320px; }

  #sonyLogo {
    padding: 0 100px; } }
@media screen and (min-width: 1281px) {
  .signInPage #blackHeaderBar {
    display: block; }
    .signInPage #blackHeaderBar #sonyLogo {
      padding-right: 100px; }
  .signInPage #mainContainer, .signInPage #mainNavigation, .signInPage #footerContainer {
    width: 100%;
    max-width: 1678px; }
  .signInPage #recaptchaMessage {
    width: 348px; }
  .signInPage #marketingAreaSection {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: top; }
    .signInPage #marketingAreaSection #signInMarketingImgTablet {
      display: none; }
    .signInPage #marketingAreaSection #signInMarketingImgPC {
      display: block;
      height: 1296px; }
  .signInPage #signInFormSection {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    margin: 202px 24px 0 24px; }
  .signInPage #troubleShooterLinkPC {
    float: none;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 18px; }
  .signInPage .smallTout {
    width: 348px; }
  .signInPage #signInButton {
    width: auto !important; }
  .signInPage .signInTextWidth {
    width: 348px;
    display: block; }
  .signInPage #rememberMeSection {
    padding: 10px 0;
    margin-top: 0px; }
  .signInPage #createNewAccountSection {
    display: none; }
  .signInPage #createNewAccountSectionForPC {
    display: block;
    width: 248px;
    text-align: center;
    background-color: #161c2b;
    margin: 10px 15px 10px 15px;
    padding: 15px 0 18px 0; }
  .signInPage #section_leftColumn {
    display: none; }

  .cancelSignInSection {
    text-align: left; } }
@media screen and (min-width: 570px) and (max-width: 800px) and (min-width: 737px) {
  .signInPage #mainContainer {
    width: 320px; }

  #sonyLogo {
    padding: 0 100px; } }
@media screen and (min-width: 801px) and (max-width: 1280px) and (min-width: 737px) {
  .signInPage #mainContainer {
    width: 320px; }

  #sonyLogo {
    padding: 0 100px; } }
.passwordcontrol {
  position: relative; }
  .passwordcontrol .passwordcontrol-button {
    position: absolute;
    top: 5px;
    font-size: 0.76923rem;
    padding: 3px;
    border-radius: 3px;
    background: #CCCCCC;
    color: #FFFFFF;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -user-select: none;
    display: none;
    text-transform: uppercase;
    min-width: 50px;
    text-align: center; }
  .passwordcontrol .passwordcontrol-button-hide {
    background: #EEEEEE;
    color: inherit; }
  .passwordcontrol .passwordcontrol-field[type="password"] ~ .passwordcontrol-button-show,
  .passwordcontrol .passwordcontrol-field[type="text"] ~ .passwordcontrol-button-hide {
    display: block; }

html:not([dir="rtl"]) .passwordcontrol .passwordcontrol-button {
  right: 5px; }
html:not([dir="rtl"]) .passwordcontrol .passwordcontrol-field {
  padding-right: 65px; }

html[dir="rtl"] .passwordcontrol .passwordcontrol-button {
  left: 5px; }
html[dir="rtl"] .passwordcontrol .passwordcontrol-field {
  padding-left: 65px; }

@media screen and (min-width: 1025px) {
  .passwordcontrol .passwordcontrol-field ~ .passwordcontrol-button.passwordcontrol-button-show,
  .passwordcontrol .passwordcontrol-field ~ .passwordcontrol-button.passwordcontrol-button-hide {
    display: none; } }
.signinform {
  padding: 20px; }
  .signinform .signinform-title {
    display: none;
    margin-bottom: 22px; }
  .signinform #signInButton {
    width: 100%; }
  .signinform #recaptcha_response_field {
    width: 227px; }
  .signinform #recaptcha_image {
    width: 100% !important;
    height: 60px !important; }
  .signinform #signInLabel_SignInID {
    padding-top: 0; }
  .signinform #messageWrapper {
    width: 100%; }
  .signinform .actionErrorDiv, .signinform .warningMessageDiv, .signinform .warningDiv {
    width: 88%; }
  .signinform .cancelSignInSection {
    text-align: center; }
  .signinform .checkBoxInput {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5); }

@media screen and (min-width: 737px) {
  .signinform .checkBoxInput {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; }
  .signinform .signinform-title {
    display: block; } }
@media screen and (min-width: 1281px) {
  .signinform .cancelSignInSection {
    text-align: inherit; } }
.herobanner {
  width: 100%; }
  .herobanner .herobanner-image {
    background-size: cover;
    height: 60px; }
    .herobanner .herobanner-image#signInMarketingImgMobile {
      display: block; }
    .herobanner .herobanner-image#signInMarketingImgTablet {
      display: none; }
    .herobanner .herobanner-image#signInMarketingImgPC {
      display: none;
      background-size: contain;
      height: 1296px; }
  .herobanner.PSN .herobanner-image {
    height: 58px; }

@media screen and (min-width: 1281px) {
  .herobanner {
    width: 60%;
    max-width: 820px; }
    .herobanner .herobanner-image#signInMarketingImgMobile {
      display: none; }
    .herobanner .herobanner-image#signInMarketingImgPC {
      display: block; } }