/*mcc */
* { -webkit-background-clip: padding-box; -webkit-background-origin: padding-box; -webkit-box-sizing: border-box; }

html {
  -webkit-user-select: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
}

body {
  font-size: 8pt;
  position: static;
  width: 320px;
  height: auto;
  margin: 0;
  border: none;
  font-family: helvetica;
  background: top left repeat #c5ccd4 url(../imgs/content-background.png);
  overflow-x: hidden;
  overflow-y: auto;
}

body.ios_4_2 {
    min-height: 460px;
}

body.ipad{
  width: 540px;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E2E5EA), to(#D0D2D8));
}

body.ipad.ios_4_2 {
  min-height: 620px;
}


div.page-top-spacer {
  height: 0px;
}

.ipad div.page-top-spacer {
  height: 10px;
}

.ios_4_2 div.page-spacer {
  height: 44px;
}

.ios_4_2.ipad div.page-spacer {
  height: 448px;
}

#page_1, #page_2, #page_3, #page_4, #page_5, #page_6, #page_7, #page_8, #page_9,
#page_30, #page_31, #page_32, #page_33, #page_34,
#question_list_1, #question_list_2, #question_list_3 {
  width:100%;
  display:none;
}

#page_5 { height:330px; }
.ipad #page_5 { height:518px; }

#page_4 #content_4 { padding: 0px 10px; background: white; }
.ipad #page_4 #content_4 { padding: 0px 30px; min-height: 576px; }

#page_8 {
   height: 100%;
}


/* Page 1,2,5 : box */
.boxed.inset {
  -webkit-box-sizing: border-box;
  -webkit-background-clip: padding;
  -webkit-background-origin: padding;
  background-color: transparent;
  border-width: 12px 11px;
  -webkit-border-radius: 11px;
  -webkit-border-image: url('../imgs/hd/flat-box-border-2x.png') 24 22 24 22 stretch stretch;
  font-family: helvetica;
  font-size: 17px;
  font-weight: bold;
  margin: 7px 10px 10px 10px;
  padding: 0;
}

.ipad .boxed.inset, .ios_5 .boxed.inset {
  -webkit-border-image: url('../imgs/hd/inset-box-border-2x.png') 24 22 24 22 stretch stretch;
}

.ipad .boxed.inset {
  margin: 8px 30px 7px 30px;
}

.boxed.inset .row {
  margin: 0px -10px 0px -10px;
}

div.row {
  border-bottom: solid 1px #ABADB0;
  padding: 10px 9px 10px 12px;
}

/* Begin Animation for question list on iOS */

  @-webkit-keyframes showQuestionListIphone {
    from  { left: 300px; top: 0px;}
    to    { left: 0px; top: 0px;}
  }
  @-webkit-keyframes hideQuestionSelectorIphone {
    from  { left: 0px; }
    to    { left: -300px; }
  }
  @-webkit-keyframes hideQuestionListIphone {
    from  { left: 0px; }
    to    { left: 300px; }
  }
  @-webkit-keyframes showQuestionSelectorIphone {
    from  { left: -300px; }
    to    { left: 0px; }
  }

  @-webkit-keyframes showQuestionListIpad {
    from  { left: 520px; top: 0px;}
    to    { left: 0px; top: 0px;}
  }
  @-webkit-keyframes hideQuestionSelectorIpad {
    from  { left: 0px; }
    to    { left: -520px; }
  }
  @-webkit-keyframes hideQuestionListIpad {
    from  { left: 0px; }
    to    { left: 520px; }
  }
  @-webkit-keyframes showQuestionSelectorIpad {
    from  { left: -520px; }
    to    { left: 0px; }
  }

  #question_list_1, #question_list_2, #question_list_3,
  #page_30, #page_31, #page_32, #page_33 {
    position: relative;
  }

  #page_3 {
    overflow: hidden;
  }

/* End Animation for question list on iOS */

/* for iOS*/
.question-list div.row.selected {
  background-image: url(../imgs/reg/checkmark.png);
  background-position: 274px;
  background-repeat: no-repeat;
  color: #324F85;
}
.ipad .question-list div.row.selected {
  background-position: 454px;
}

.security-qestion .row.first div.field {
  background-image: url(../imgs/reg/chevron-7f7f7f-r.png);
  background-position: 266px;
  background-repeat:no-repeat;
}

.ipad .security-question-list .boxed .row.first div.field {
  background-image: url(../imgs/reg/chevron-7f7f7f-r.png);
  background-repeat:no-repeat;
  background-position: 444px;
}

.question-list div.row,
.ipad .question-list div.row {
  padding-right: 40px;
}

.ipad .boxed.inset .row .question-label {
  width: 300px;
  font-weight: normal;
  color: #A9A9A9;
}

.ipad .boxed.inset .row .question-label.selected,
.security-qestion .boxed.inset .question-label.selected {
  color: #324F85;
}

.security-qestion .boxed.inset .question-label {
  width: 165px;
  font-weight: normal;
  color: #A9A9A9;
}

.ipad div.row {
  border-bottom: solid 1px #cacaca;
  padding: 11px 11px 10px 11px;
  -webkit-box-shadow: inset rgba(255,255,255,1) 0px 1px 0px;
}

.ipad div.row:first-child {
  -webkit-box-shadow: none;
}

div.row.LV_INVALID, .ipad div.row.LV_INVALID {
  padding-right: 31px;
}

.boxed.inset > div.row:last-child {
  border-bottom: none;
}

.boxed.inset .row.first,
.question-list .boxed.inset div:first-child {
  margin-top: -10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
}

.boxed.inset .row:last-child {
  margin-bottom: -10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
}

.boxed.inset .row label {
  -webkit-appearance: none;
  background-attachment: scroll;
  display: inline-block;
  margin: 0;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  vertical-align: top;
  width: 95px;
}

.ipad .boxed.inset .row label {
  width: 118px;
}

#fakeQuestion { height: 1px; width: 1px; }
.boxed.inset .row.LV_INVALID {
  background-image: url(../imgs/reg/error-icon.png);
  background-position:264px 5px;
  background-repeat:no-repeat;
}

.ipad .boxed.inset .row.LV_INVALID {
  background-position:444px 6px;
}


.boxed.inset .row span.fieldValue { color:#324F85; font-weight: normal; }
.boxed.inset .row span.defaulted { color:#999; }
.boxed.inset .row input.defaulted, .boxed.inset .row select.defaulted { color: #999; }
.boxed.inset .row label#questionField.fieldValue {
  white-space: nowrap;
  color:#324F85;
  font-weight: normal;
  position: absolute;
  left: 96px;
  width: 168px;
}

.boxed.inset .row input, .boxed.inset .row select {
  -webkit-appearance: none;
  -webkit-rtl-ordering: logical;
  -webkit-user-select: text;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  border: none;
  color: #324F85;
  cursor: auto;
  display: inline-block;
  font-family: Helvetica;
  font-size: 17px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  list-style-type: none;
  margin: 0;
  min-width: 0px;
  overflow: hidden;
  position: relative;
  text-align: auto;
  text-indent: 0px;
  text-overflow: ellipsis;
  text-shadow: none;
  text-transform: none;
  vertical-align: bottom;
  width: 175px;
  word-spacing: 0px;
  padding: 0px 0px 0px 0px;
}

.boxed.inset .row select {
  padding-left: 1px;
  height: 21px;
}

.boxed.inset .row input {
  margin-bottom: 1px;
}


#currentEmailRadio + label,
#createFreeEmailRadio + label{
  width: 100% ;
  white-space: nowrap ;
}

input#currentEmailRadio,
input#createFreeEmailRadio{
	/* don't style the actual input to display none in this case, as it's not accessible to VoiceOver */
	/* display: none;*/ 
	
	/* instead, we'll hide it offscreen */
	position:absolute;
	left:0;
	top:-9999px;

}


#currentEmailRadio.checked + label,
#createFreeEmailRadio.checked + label{
  background-image: url(../imgs/reg/checkmark.png);
  background-position:center right;
  background-repeat:no-repeat;
  padding-right: 15px;
  color: #446395 ;
}

#createEmailFields {
  display:none;
}

.ipad #createEmailFields {
  display:none;
}

#createEmailFields  span.hint {
  left:78px;
  width:116px;
}

.ipad #createEmailFields  span.hint {
  left:auto;
  width:220px;
}

/* >>> Start CSS for three security questions >>> */

#content_3 #recoveryEmail input {
  width: 250px;
}

.ipad #content_3 #recoveryEmail input {
  width: 430px;
}

#content_3 .recovery-email {
  margin-top: -10px;
}

/* <<< End CSS for three security questions <<< */

/*
#createEmailField {
  position:absolute;
  left:78px;
  width:116px;
}

.ipad #createEmailField {
  position:relative;
  width:220px;
  left:0px;
}

.ipad #createEmailFields input {
  width:220px;
}

#createEmailFields label.right {
  display:inline;
  left:68px;
  width:80px;
}

.ipad #createEmailFields label.right {
  display:inline;
  left:0px;
  width:80px;
}
*/

.boxed.inset .row.questionField {
  height: 41px;
}
.ipad .boxed.inset .row.questionField {
  height: 43px;
}

div#customQuestionField input {
  width: 100%;
}

#customQuestionHint {
    display:none;
    opacity: 0;
}

.boxed.inset .row.questionField #customQuestionInput {
  display:none;
  background: none;
  position: absolute;
  left:123px;
  height:21px;
  margin-bottom: 1px;
}

.ipad .boxed.inset .row.questionField #customQuestionInput {
  left:165px;
}

.ipad .boxed.inset .row input, .ipad .boxed.inset .row select {
  width: 333px;
}

.boxed.inset .row.LV_INVALID input, .boxed.inset .row.LV_INVALID select {
  width: 149px;
}

.ipad .boxed.inset .row.LV_INVALID input, .ipad .boxed.inset .row.LV_INVALID select {
  width: 303px;
}

.row input {
  background: none;
}

span.hint {
  color:#999;
  font-weight: normal;
  position: absolute;
  margin: 0px 0px 0px 1px;
  border: none;
  white-space: nowrap;
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ipad span.hint {
  width: 323px;
}

.pk-bar-button-item.square > input[type="submit"].navbutton { height:30px }
h2 { color: #4C566C; margin: 13px 20px 0px 20px; text-shadow: white 0px 1px 0px;}
.ipad h2 { margin: 13px 40px 0px 40px;}
h3 { color: #4C566C; margin: 0px 20px 0px 20px; text-shadow: white 0px 1px 0px; font-size: 15px; color: #4C566C; font-weight: normal; }
.ipad h3 { margin: 0px 40px 0px 40px; }
div.instruction { margin: 0px 20px 18px 20px; text-align: center; text-shadow: white 0px 1px 0px; font-size: 15px; color: #4C566C; }
.ipad div.instruction { margin: 0px 40px 18px 40px; }
div.instruction.emphasized {font-weight: bold;}



.mmeerror {
  color:#FF0000;
}

div.box {padding:0; margin:0; border:0;}

div.group-spacer {
  height: 1px;
}

.ipad div.group-spacer {
  height: 6px;
}

/* Page 4: Loading Spinner */
div.daisy-spinner {
  background-image: url(../imgs/reg/loading-spinner.png);
  background-position:center center;
  width: 37px;
  height: 37px;
  top: 18px;
  right: 38px;
  margin-left:142px;
  margin-bottom:12px;
  -webkit-animation-name: daisy-spin;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  opacity: 1;
  pointer-events: none;
}

.ipad div.daisy-spinner {
  margin-left:251px;
}

@-webkit-keyframes daisy-spin {
  0% { -webkit-transform: rotate(0deg); }
  8.3332% { -webkit-transform: rotate(0deg); }
  8.3333% { -webkit-transform: rotate(30deg); }
  16.6666% { -webkit-transform: rotate(30deg); }
  16.6667% { -webkit-transform: rotate(60deg); }
  24.9999% { -webkit-transform: rotate(60deg); }
  25.0% { -webkit-transform: rotate(90deg); }
  33.3332% { -webkit-transform: rotate(90deg); }
  33.3333% { -webkit-transform: rotate(120deg); }
  41.6666% { -webkit-transform: rotate(120deg); }
  41.6667% { -webkit-transform: rotate(150deg); }
  49.9999% { -webkit-transform: rotate(150deg); }
  50.0% { -webkit-transform: rotate(180deg); }
  58.3332% { -webkit-transform: rotate(180deg); }
  58.3333% { -webkit-transform: rotate(210deg); }
  66.6666% { -webkit-transform: rotate(210deg); }
  66.6667% { -webkit-transform: rotate(240deg); }
  74.9999% { -webkit-transform: rotate(240deg); }
  75.0% { -webkit-transform: rotate(270deg); }
  83.3332% { -webkit-transform: rotate(270deg); }
  83.3333% { -webkit-transform: rotate(300deg); }
  91.6666% { -webkit-transform: rotate(300deg); }
  91.6667% { -webkit-transform: rotate(330deg); }
  99.9999% { -webkit-transform: rotate(330deg); }
  100.0% { -webkit-transform: rotate(360deg); }
}

#page_5 div.instruction, .ipad #page_5 div.instruction {
  margin: 23px 40px 0px 40px;
}

/* Page 3: Terms */
#termsPreamble h1 {
  margin: 0px 0px 0px 0px;
  padding: 17px 0px 5px 0px;
  color: rgb(56,56,56);
  text-align: center;
  text-shadow: 0px 1px 0px white;
  font-size: 17px;
  font-weight: bold;
}

#termsPreamble h2 {
  margin: 17px 0 0px 0;
  padding: 0px 0px 0px 0px;
  color: rgb(56,56,56);
  text-align: left;
  text-shadow: 0px 1px 0px white;
  font-size: 15px;
  font-weight: bold;
}

#termsPreamble h3 {
  padding: 8px 0 0 0;
}

#termsPreamble h3, #termsPreamble h4 {
  margin: 2px 0px 0px 0px;
  color: rgb(56,56,56);
  text-align: center;
  text-shadow: 0px 1px 0px white;
  font-size: 13px;
  font-weight: bold;
}

#termsPreamble p {
  margin: 4px 0 0 0;
  font-size: 15px;
  color: rgb(56,56,56);
  text-shadow: 0px 1px 0px white;
}

#termsPreamble hr {
  margin: 17px 0px 17px 0px;
  border: 0;
  background-color: #a5aab5;
  height: 1px;
}

.emailTheTerms {
  margin: 4px 0 0 0;
}

.emailTheTerms span {
  font-size: 15px;
  color: #0e75ea;
  font-weight: bold;
  text-decoration: underline;
}

div#topCounter {
  padding-top: 17px;
}

div#topCounter h2,
div#topCounter p {
  margin-bottom: 0;
  text-align: center;
}

div#topCounter h2 {
  padding: 0 5px 0 8px;
  margin: 0px 0 -3px 0;
  color: rgb(56,56,56);
  font-size: 15px;
  text-shadow: 0px 1px 0px white;
  font-weight: bold;
}

div#topCounter p {
  font-size: 15px;
  color: rgb(56,56,56);
  text-shadow: 0px 1px 0px white;
  margin: 7px 0px 0px;
}

.terms {
  margin: 6px 0px 0 0px;
  color: rgb(56,56,56);
  font-size: 13px;
  text-align: left;
}

.terms a {
  color: #0e75ea;
}

div.tandc-nav {
  margin:8px auto 0px auto;
  text-align: center;
}

div.tandc-nav a.button {
  display: inline-block;
  padding: 0px;
  background-color: #fff;
  width: 37px;
  height: 32px;
  -webkit-border-radius: 8px;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  background-repeat: no-repeat;
}

div.tandc-nav a.button.previousTOS {
  background-image: url(../imgs/reg/left-arrow.png);
  background-position: 45% 50%;
}

div.tandc-nav a.button.previousTOS.disabled {
  background-image: url(../imgs/reg/left-arrow-disabled.png);
}

div.tandc-nav a.button.nextTOS {
  background-image: url(../imgs/reg/right-arrow.png);
  background-position: 55% 50%;
}

div.tandc-nav a.button.nextTOS.disabled {
  background-image: url(../imgs/reg/right-arrow-disabled.png);
}

div.tandc-nav a.button.disabled.nextTOS:active {
  background-image: url(../imgs/reg/right-arrow-disabled.png), none;
  background-color: transparent;
}

div.tandc-nav a.button.disabled.previousTOS:active {
  background-image: url(../imgs/reg/left-arrow-disabled.png), none;
  background-color: transparent;
}

div.tandc-nav a.button.nextTOS:active {
  background-image: url(../imgs/reg/right-arrow-pressed.png), none;
}

div.tandc-nav a.button.previousTOS:active {
  background-image: url(../imgs/reg/left-arrow-pressed.png), none;
}

div.tandc-nav p.page-text {
  color: rgb(56,56,56);
  font-size: 13px;
  text-shadow: 0px 1px 0px white;
  display: inline-block;
  margin: 9px 16px 0;
  vertical-align: top;
}

div.tandc-footer{
  margin:8px -10px 0px -10px;
  text-align: center;
  height: 45px;
  border-top: solid 1px #3c4653;
  background-image: url(../imgs/reg/tandc-footer.png);
  background-position:top left
  background-repeat:repeat-x
}

div.tandc-footer span.button {
  display: inline-block;
  font-weight: bold;
  position: absolute;
  padding: 8px 1em;
  font-size: 12px;
  text-shadow: #000 0 -1px 0;
  color: #fff;
  margin-top: 7px;
  -webkit-border-image : url(../imgs/reg/tandc-footer-button-default.png) 0 5 0 5;
  border-width : 0 5px 0 5px;
  -webkit-appearance: none !important;
  -webkit-background-clip: padding;
  -webkit-background-origin: padding;
}

div.tandc-footer span.button:active {
  -webkit-border-image: url(../imgs/reg/tandc-footer-button-pressed.png) 0 5 0 5;
}

div.tandc-footer span.button.backTOS {
  left: 5px;
}

div.tandc-footer span.button.agreeTOS {
  right: 5px;
}

div.tandc-footer-spacer {
  height: 0px
}

.ipad div.tandc-footer {
  margin:7px -10px 0px -10px;
  height: 45px;
  border: none;
  background: none;
}

.ipad div.tandc-footer span.button {
  position: relative;
  right: auto;
  left: auto;
  padding: 0px;
  width: 146px;
  font-size: 15px;
  text-shadow: none;
  color: #000;
  margin-top: 0px;
  background-repeat: no-repeat;
  line-height: 43px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#D8D8D8));
  -webkit-border-image :none;
  -webkit-border-radius: 6px 6px 6px 6px;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(184,184,184);
}

.ipad div.tandc-footer span.button.backTOS {  
  margin-right: 10px;
}

.ipad div.tandc-footer span.button.agreeTOS {
  margin-left: 10px;
}

.ipad div.tandc-footer span.button:active {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E5E5E5), color-stop(100%,#BCBCBC));
  -webkit-border-image: none !important;
  border-width: 1px;
}

.ipad div.tandc-footer-spacer {
  height: 12px
}

/** for iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .ipad .question-list div.row.selected {
    background-image: url(../imgs/hd/checkmark-2x.png);
    background-size: 14px 14px;
  }
  .ipad .security-question-list .boxed .row.first div.field {
    background-image: url(../imgs/hd/chevron-7f7f7f-r-2x.png);
    background-size: 10px 13px;
  }
}
/** for high pixel density devices (iPhone4)*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen
 and (min-device-pixel-ratio: 2) {

   .security-qestion .row.first div.field {
     background-image: url(../imgs/hd/chevron-7f7f7f-r-2x.png);
     background-size: 10px 13px;
   }

   .question-list div.row.selected {
     background-image: url(../imgs/hd/checkmark-2x.png);
     background-size: 14px 14px;
   }

  .boxed.inset .row.LV_INVALID {
    background-image: url(../imgs/hd/error-icon-2x.png);
    background-size: 29px 29px;
  }

  div.daisy-spinner {
    background-image: url(../imgs/hd/loading-spinner-2x.png);
    background-size: 37px 37px;
  }

  #currentEmailRadio.checked + label,
  #createFreeEmailRadio.checked + label{
    background-image: url(../imgs/hd/checkmark-2x.png);
    background-size: 14px 14px;
  }


  div.tandc-nav a.button.previousTOS {
    background-image: url(../imgs/hd/left-arrow-2x.png);
    background-size: 9px 10px;
  }

  div.tandc-nav a.button.previousTOS.disabled {
    background-image: url(../imgs/hd/left-arrow-disabled-2x.png);
    background-size: 9px 10px;
  }

  div.tandc-nav a.button.nextTOS {
    background-image: url(../imgs/hd/right-arrow-2x.png);
    background-position: 55% 50%;
    background-size: 9px 10px;
  }

  div.tandc-nav a.button.nextTOS.disabled {
    background-image: url(../imgs/hd/right-arrow-disabled-2x.png);
    background-size: 9px 10px;
  }

  div.tandc-nav a.button.disabled.nextTOS:active {
    background-image: url(../imgs/hd/right-arrow-disabled-2x.png);
    background-size: 9px 10px;
  }

  div.tandc-nav a.button.disabled.previousTOS:active {
    background-image: url(../imgs/hd/left-arrow-disabled-2x.png);
    background-size: 9px 10px;
  }
  
  div.tandc-nav a.button.nextTOS:active {
    background-image: url(../imgs/hd/right-arrow-pressed-2x.png);
    background-size: 9px 10px;
  }

  div.tandc-nav a.button.previousTOS:active {
    background-image: url(../imgs/hd/left-arrow-pressed-2x.png);
    background-size: 9px 10px;
  }
  

  div.tandc-footer{
    background-image: url(../imgs/hd/tandc-footer-2x.png);
    background-size: 1px 44px;
  }

  div.tandc-footer span.button {
    -webkit-border-image : url(../imgs/hd/tandc-footer-button-default-2x.png) 0 10 0 10;
    border-width : 0 5px 0 5px;
  }

  div.tandc-footer span.button:active {
    -webkit-border-image : url(../imgs/hd/tandc-footer-button-pressed-2x.png) 0 10 0 10;
    border-width : 0 5px 0 5px;
  }
  
}

/** for right to left languages dir=rtl : ar-sa(Arabic), iw-il(Hebrew)*/
body.ar #yearSelector,
body.ar-sa #yearSelector,
body.he-il #yearSelector,
body.iw-il #yearSelector,
body.ar #page_6 h2,
body.he-il #page_6 h2,
body.ar .boxed.inset #questionSelector option.questionOption,
body.he-il .boxed.inset #questionSelector option.questionOption,
body.ar-sa #page_6 h2,
body.iw-il #page_6 h2,
body.ar-sa .boxed.inset #questionSelector option.questionOption,
body.iw-il .boxed.inset #questionSelector option.questionOption {
  text-align: left;
}

body.ar #termsPreamble h2,
body.ar-sa #termsPreamble h2,
body.he-il #termsPreamble h2,
body.iw-il #termsPreamble h2,
body.ar #currentTermsPage,
body.ar-sa #currentTermsPage,
body.he-il #currentTermsPage,
body.iw-il #currentTermsPage {
  text-align: right;
}

body.ar div.tandc-nav a.button.previousTOS,
body.ar-sa div.tandc-nav a.button.previousTOS,
body.he-il div.tandc-nav a.button.previousTOS,
body.iw-il div.tandc-nav a.button.previousTOS {
  background-image: url(../imgs/reg/right-arrow.png);
  background-position: 55% 50%;
}

body.ar div.tandc-nav a.button.previousTOS.disabled,
body.ar-sa div.tandc-nav a.button.previousTOS.disabled,
body.he-il div.tandc-nav a.button.previousTOS.disabled,
body.iw-il div.tandc-nav a.button.previousTOS.disabled {
  background-image: url(../imgs/reg/right-arrow-disabled.png);
}

body.ar div.tandc-nav a.button.nextTOS,
body.ar-sa div.tandc-nav a.button.nextTOS,
body.he-il div.tandc-nav a.button.nextTOS,
body.iw-il div.tandc-nav a.button.nextTOS {
  background-image: url(../imgs/reg/left-arrow.png);
  background-position: 45% 50%;
}

body.ar div.tandc-nav a.button.nextTOS.disabled,
body.ar-sa div.tandc-nav a.button.nextTOS.disabled,
body.he-il div.tandc-nav a.button.nextTOS.disabled,
body.iw-il div.tandc-nav a.button.nextTOS.disabled {
  background-image: url(../imgs/reg/left-arrow-disabled.png);
}

body.ar div.tandc-nav a.button.disabled.nextTOS:active,
body.ar-sa div.tandc-nav a.button.disabled.nextTOS:active,
body.he-il div.tandc-nav a.button.disabled.nextTOS:active,
body.iw-il div.tandc-nav a.button.disabled.nextTOS:active {
  background-image: url(../imgs/reg/left-arrow-disabled.png), none;
}

body.ar div.tandc-nav a.button.disabled.previousTOS:active,
body.ar-sa div.tandc-nav a.button.disabled.previousTOS:active,
body.he-il div.tandc-nav a.button.disabled.previousTOS:active,
body.iw-il div.tandc-nav a.button.disabled.previousTOS:active {
  background-image: url(../imgs/reg/right-arrow-disabled.png), none;
}

body.ar div.tandc-nav a.button.nextTOS:active,
body.ar-sa div.tandc-nav a.button.nextTOS:active,
body.he-il div.tandc-nav a.button.nextTOS:active,
body.iw-il div.tandc-nav a.button.nextTOS:active {
  background-image: url(../imgs/reg/left-arrow-pressed.png);
  background-position: 45% 50%;
}

body.ar div.tandc-nav a.button.previousTOS:active,
body.ar-sa div.tandc-nav a.button.previousTOS:active,
body.he-il div.tandc-nav a.button.previousTOS:active,
body.iw-il div.tandc-nav a.button.previousTOS:active {
  background-image: url(../imgs/reg/right-arrow-pressed.png);
  background-position: 55% 50%;
}

/** for custom layout languages : pt-pt*/
.pt-pt .boxed.inset .row.password label {
  width: 116px;
}

.pt-pt.ipad .boxed.inset .row.password label {
  width: 118px;
}

.pt-pt .boxed.inset .row.password input {
  width: 148px;
}

.pt-pt.ipad .boxed.inset .row.password input {
  width: 323px;
}

.pt-pt .boxed.inset .row.password.LV_INVALID input {
  width: 128px;
}

.pt-pt.ipad .boxed.inset .row.password.LV_INVALID input {
  width: 303px;
}

/** for custom layout languages : el-gr*/
.el-gr .boxed.inset .row.password label {
  width: 105px;
}

.el-gr.ipad .boxed.inset .row.password label {
  width: 118px;
}

.el-gr .boxed.inset .row.password input {
  width: 159px;
}

.el-gr.ipad .boxed.inset .row.password input {
  width: 323px;
}

.el-gr .boxed.inset .row.password.LV_INVALID input {
  width: 139px;
}

.el-gr.ipad .boxed.inset .row.password.LV_INVALID input {
  width: 303px;
}




.ar-sa .emailTheTerms span {
  text-decoration:  none;
}



/**
  Specific to the inline “Send the Terms of Service to an email address” prompt
  used in some versions of iOS.

  TODO:  Unify this with the tandc-footer classes.
*/

.inline-prompt-spacer {
  margin-top: 64px;
}

.ipad .inline-prompt-spacer {
  margin-top: 30px;
}


.inline-prompt-controls {
  text-align: center;

  /* iPhone only */
  position: absolute;
  top: -24px;
  left: 0px;
  right: 0px;
  height: 44px;
  background-image: url(../imgs/reg/tandc-footer.png);
  background-position: top left;
  background-repeat: repeat-x;
  box-shadow: 0px 0px 2px 2px #bbb;
}

.ipad .inline-prompt-controls {
  position: static;
  margin-left: 8px;
  margin-right: 8px;
  background: none;
  height: auto;
  box-shadow: none;
}

.inline-prompt-controls span.button {
  display: inline-block;
  font-weight: bold;
  padding: 8px 1em;
  font-size: 12px;
  text-shadow: #000 0px -1px 0px;
  color: #fff;
  margin-top: 7px;
  -webkit-border-image : url(../imgs/reg/tandc-footer-button-default.png) 0 5 0 5;
  border-width: 0px 5px 0px 5px;
  -webkit-appearance: none !important;
  -webkit-background-clip: padding;
  -webkit-background-origin: padding;

  /* iPhone only */
  position: absolute;

  /* We currently only support two buttons.  The 2nd is overridden below. */
  left: 5px;
}

.inline-prompt-controls span.button + span.button {
  left: auto;
  right: 5px;
}

.ipad .inline-prompt-controls span.button + span.button {
  -webkit-margin-start: 20px;
  right: auto;
}


.inline-prompt-controls span.button:active {
  -webkit-border-image: url(../imgs/reg/tandc-footer-button-pressed.png) 0 5 0 5;
}

.ipad .inline-prompt-controls span.button {
  position: relative;
  right: auto;
  left: auto;
  padding: 0px;
  width: 146px;
  font-size: 15px;
  text-shadow: none;
  color: #000;
  margin-top: 0px;
  background-repeat: no-repeat;
  line-height: 43px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#D8D8D8));
  -webkit-border-image :none;
  -webkit-border-radius: 6px 6px 6px 6px;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(184,184,184);
}

.ipad .inline-prompt-controls span.button:active {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E5E5E5), color-stop(100%,#BCBCBC));
  -webkit-border-image: none !important;
  border-width: 1px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.01),
       only screen and (min-device-pixel-ratio: 1.01) {

  .inline-prompt-controls {
    background-image: url(../imgs/hd/tandc-footer-2x.png);
    background-size: 1px 44px;
  }

  .inline-prompt-controls span.button {
    -webkit-border-image : url(../imgs/hd/tandc-footer-button-default-2x.png) 0 10 0 10;
    border-width : 0 5px 0 5px;
  }

  .inline-prompt-controls span.button:active {
    -webkit-border-image : url(../imgs/hd/tandc-footer-button-pressed-2x.png) 0 10 0 10;
  }

}

.inline-prompt-controls {
  margin-top: 24px;
}