@import "duration.css";

/* Reset styles */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* To preserve line-height
   and selector appearance */
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
del,ins{text-decoration:none;}
img { border: 0; }

/* Global Layout */
html, body {
  min-height: 100%; /* Not supported by IE 5/6, but required for Firefox/Opera */
  width: 100%;
  height: 100%;
}
body {
  font: 12px/1.3em Verdana, "Bitstream vera sans", Geneva, Arial, Helvetica, sans-serif;
  background-color: #fff;
  color: #333;
  letter-spacing: -0.2px;
  overflow-y: scroll !important;
}
.hide {
  display: none;
}
.clear, .clearer {
  clear: both;
}
.clearer {
  display: block;
  margin: 0;
  padding: 0;
  height: 0;
  line-height: 1px;
  font-size: 1px;
}
a {
  color: #6376b4;
}
a:link, a:visited, a:active {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.more {
  white-space: nowrap;
  padding-right: 8px;
  background: url(icons/morearrow_blue.gif) no-repeat 100% 50%;
  outline: none;
}
a[rel="external"], a.external, a[rel="policy"], a.policy {
  white-space: nowrap;
  padding-right: 15px;
  background: url(icons/external10x10.gif) no-repeat 100% 50%;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
sup {
  padding-left: 1px;
  font-size: 10px !important;
  font-weight: normal !important;
  vertical-align: baseline;
  position: relative;
  bottom: 0.33em;
  color: #76797c;
}
.iexplore6 sup, .iexplore7 sup {
  position: static !important;
}
abbr {
  border: 0;
}
/*
p {
  margin-bottom: 18px;
}
*/
/* classes for Alignment */
.text-center {text-align: center}
.text-right  {text-align: right}
.text-left   {text-align: left}
h1 {
  font-weight: normal;
  font-size: 12px;
  line-height: 1em;
  background: url('images/title-bg.png') repeat-x;
  padding-left: 7px;
  height: 26px;
  line-height: 26px;
}
h1 strong {
  font-weight: bold;
}

h2 {
  font-size: 18px;
  line-height: 18px;
  margin-top: 10px;
  margin-bottom: 15px;
  color: #3b3b3b;
  text-align: center;
}
h2.error {
  color: red;
}

h3 {
  font-weight: bold;
  font-size: 14px;
  color: #555;
  line-height: 18px;
}
.big {
  font-size: 13px;
}
p.subtitle {
  display: block;
  font-size: 11px;
  line-height: 12px;
  font-weight: normal;
  color: #666;
  margin-top: -15px;
  margin-bottom: 10px;
  text-align: center;
}
#page {
  position: relative;
}
#content {
  padding: 8px 8px 3px 8px;
}

/* Bottom link (support, terms) */

#bottom-link {
  bottom: 7px;
  display: block;
  position: absolute;
  left: 10px;
  font-size: 11px;
  color: #666;
}

#bottom-link a {
  text-decoration: underline;
  color: #666;
}

#bottom-link .tos-link {
  margin-left: 8px;
}

/* Support link */
#support {
  margin-top: 30px;
}

/* Bottom page support link and redeem link */
#redeem {
  display: block;
  position: absolute;
  font-size: 11px;
  left: 10px;
}

/* Back to website link */

#backToWebsite {
  bottom: 40px;
  display: block;
  position: absolute;
  left: 10px;
  font-size: 12px;
}

#backToWebsite a {
  text-decoration: underline;
  color: #000;
}

#redeem, #mobile-back, #plan-backward {
  display: block;
  position: absolute;
  left: 10px;
}
#mobile-back {
  bottom: 7px;
}
#redeem, #plan-backward {
  bottom: 24px;
}
#redeem, #mobile-back {
  font-size: 11px;
}

/* Bottom page copyright */
#copyright {
  height: 22px;
  display: block;
  background: url('images/mobiyo.png') 100% 50% no-repeat;
  width: 78px;
  position: absolute;
  bottom: 5px;
  right: 5px;
}
#copyright p {
  display: none;
}

span.payment-solution-logo {
  display: block;
  height: 40px;
  width: 250px;
  margin: 1em auto;
  text-align: center;
}

/**
 * Secure payment title
 */
#secure-payment, #secure-payment-box {
  height: 26px;
  line-height: 26px;
}
#secure-payment, #secure-payment-box {
  position: absolute;
  top: 0;
  font-size: 10px;
  color: #999;
}
#secure-payment {
  right: 0;
  padding-right: 14px;
  background: url('icons/secure-lock.gif') right center no-repeat;
  margin-right: 7px;
}
#secure-payment-box {
  right: 0;
  padding-right: 14px;
  background: url('icons/secure-lock.gif') left center no-repeat;
  margin-right: 17px;
  padding-left: 10px;
}

/**
 * Country selector button
 */
#worldwide, #backward {
  float: right;
  white-space: nowrap;
  line-height: 32px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.20, #fff), color-stop(1, #f7f7f7));
  background: -moz-linear-gradient(top, #fff 20%, #f7f7f7 100%);
  background: -webkit-linear-gradient(top, #fff 20%, #f7f7f7 100%);
  background: -o-linear-gradient(top, #fff 20%, #f7f7f7 100%);
  background: -ms-linear-gradient(top, #fff 20%, #f7f7f7 100%);
  background: linear-gradient(to bottom, #ffffff 20%, #f7f7f7 100%);
  background-color: rgba(0, 0, 0, 0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ebebeb',GradientType=0);
  background-color: #f7f7f7;
  border: 1px solid #e7e7e7;
  overflow: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 5px;
  font-size: 11px;
  margin: .2em 0 0 0;
}
#worldwide .country {
  height: 32px;
  float: left;
  font-weight: bold;
  color: #666;
}
#worldwide .country img {
  display: block;
  float: left;
  margin: 4px 4px 4px 0;
}
#worldwide .separator {
  display: block;
  float: left;
  font-size: 0;
  text-indent: -9999px;
  width: 1px;
  background: url('images/worldwide.png');
  margin: 0 5px;
  height: 32px;
}
#backward .more {
  margin-right: 10px;
}

.input-text-error {
  border: 2px solid #e35f70;
}

#worldwide .multilang{
  display: block;
  float: left;
}

/**
 * Multi-step payment progress
 */
h2.payment-step {
  line-height: 1em;
  font-size: 11px !important;
  text-align: left !important;
  font-weight: normal !important;
  margin: .5em 0; padding: 0;
}
h2.payment-step span {
  display: block;
  font-size: 11px !important;
  line-height: 11px !important;
  color: #aaa;
}
h2.payment-step span.step-number {
  float: left;
  width: 20px !important;
  font-size: 29px !important;
  line-height: 24px !important;
  padding-right: 4px !important;
  margin-right: 5px !important;
  border-right: 2px solid #ddd;
}
.payment-instruction-block {
  clear: both;
  margin: 1.5em auto;
  text-align: center;
}
.progress-bar {
  display: block;
  width: 400px; height: 13px;
  background: url('images/progress-bar.png') center bottom repeat-x;
  border-right: 1px solid #d5d5d5;
  border-left:  1px solid #b4b4b4;
  margin: 0 auto;
}
.progress-bar span {
  background: url('images/loader.gif') center bottom repeat-x;
  border-right: 1px solid #adb3d3;
  border-left:  1px solid #adb3d3;
  position: relative; left: -1px;
  text-indent: -1000px;
  height: inherit;
  display: block;
}


/*
 * Scaffolding
 * Show the list of payment stages
 */
.scaffolding {
  margin: 10px auto 20px auto;
  color: #aaa;
  width: 470px;
  position: relative;
}
.scaffolding li {
  font-size: 11px;
  position: relative;
  padding: 7px 10px 7px 35px;
}
.scaffolding li span.stage-checkbox {
  position: absolute;
  left: 0;
  display: block;
  width: 32px;
  height: 31px;
  font-size: 0;
  text-indent: -9999px;
}
.iexplore6 li span.stage-checkbox {
  left: -35px;
}
.scaffolding li strong {
  font-weight: normal !important;
  display: block;
  font-size: 12px;
}
.scaffolding .stage-1,
.scaffolding .stage-2,
.scaffolding .stage-3 {
  font-weight: normal !important;
  color: #aaa;
}
.scaffolding .stage-1-active,
.scaffolding .stage-2-active,
.scaffolding .stage-3-active {
  font-weight: normal !important;
  color: #000;
}
.scaffolding .stage-1-active strong,
.scaffolding .stage-2-active strong,
.scaffolding .stage-3-active strong {
  font-weight: bold !important;
  color: inherit;
}
.scaffolding .stage-done {
  font-weight: normal !important;
  color: #777;
}
.scaffolding .stage-done span.stage-checkbox {
  background: url('images/stage-sprite.png') -5px -6px no-repeat;
}
.scaffolding .stage-1 span.stage-checkbox {
  background: url('images/stage-sprite.png') -5px -39px no-repeat;
}
.scaffolding .stage-2 span.stage-checkbox {
  background: url('images/stage-sprite.png') -5px -111px no-repeat;
}
.scaffolding .stage-3 span.stage-checkbox {
  background: url('images/stage-sprite.png') -5px -183px no-repeat;
}
.scaffolding .stage-1-active span.stage-checkbox {
  background: url('images/stage-sprite.png') -5px -75px no-repeat;
}
.scaffolding .stage-2-active span.stage-checkbox {
  background: url('images/stage-sprite.png') -5px -147px no-repeat;
}
.scaffolding .stage-3-active span.stage-checkbox {
  background: url('images/stage-sprite.png') -5px -219px no-repeat;
}

.footer-notes {
  color: #999;
  font-size: .9em;
  margin: .5em 0;
}
.footer-notes a {
  color: #888;
  text-decoration: underline;
}
.legal {
  text-align: center;
  color: #aaa;
  font-size: 10px;
  line-height: 12px;
}
.legal p {
  margin: 0 auto;
}
.legal a {
  color: #aaa;
}
.title span {
  display: block;
  color: #888;
}
.keyword, .shortcode, .phone-number {
  color: #1e2d83;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0 3px;
}
.keyword {
  font-size: 24px;
  line-height: 40px;
  letter-spacing: -1px;
}

.shortcode {
  font-size: 28px;
  line-height: 40px;
}
.phone-number {
  display: block;
  font-size: 28px;
  line-height: 28px;
  margin: 5px auto;
}
.message span.smsplus {
  background: url('images/code.png') right 8px no-repeat;
  padding-right: 20px;
}
.message strong {
  font-weight: bold;
  color: #3b3b3b;
}

/**
 * Country selection page layout
 */
.countries {
  margin-bottom: 45px;
}
.countries h3 {
  font-weight: normal;
}
.countries .rounded-box {
  margin-bottom: 1em;
}
.countries ul li {
  float: left;
  margin-left: 5px;
  width: 152px;
}
.countries ul a {
  outline: none;
  background-repeat: no-repeat;
  text-decoration: none;
  line-height: 14px;
  display: block;
  padding-left: 20px;
  margin: 3px 0;
  color: #555;
  font-size: 11px;
}
.countries ul a:hover {
  text-decoration: underline;
}
.countries ul a img {
  vertical-align: middle;
}


.legend {
  font-size: 11px;
  color: #888;
}
.detail {
  text-align: center;
  margin: .5em 0;
}
.detail .formPrologue {
  display: none;
}
.introduction {
  text-align: center;
  color: #999;
  margin-top: 10px;
  margin-bottom: 7px;
  font-size: 11px;
}
#table-container, #table-container #main-table {
  min-height: 100%; /* Not supported by IE 5/6, but required for Firefox/Opera */
  width: 100%;
  height: 100%;
}
#main-table {
  background: url('images/table-bg.png') 189px top repeat-y;
}
#main-cell {
  padding: 0;
  vertical-align: top;
  background: #f1f1f1 url(images/cell-bg.png) right top repeat-y;
}


/**
 * Form and form elements
 */
form.formLayout {
  width: 510px;
  margin: 0 auto;
}
form.formLayout fieldset {
  margin: 5px 0;
}
form.formLayout p {
  margin: 0 0 5px 0;
}
form.formLayout p.input span.label {
  float: left;
  width: 200px;
  margin-right: 10px;
  text-align: right !important;
  line-height: 22px;
  color: #000;
}

.label-vertical-align {
  margin-top: 12px;
  color: #666;
}

.label-with-sample {
  line-height: 14px !important;
}
.label-with-sample .sample {
  color: #666;
  font-size: 11px;
  line-height: 12px;
}


form.formLayout p.input span.label label {
  padding-left: 18px;
  font-size: 11px;
}

.iexplore form.formLayout p.input span.label label {
  letter-spacing: -1px;
}

form.formLayout p.input span.field {
  display: block;
  margin-left: 210px;
  text-align: left !important;
}

form.formLayout .complain-form-step1  p.input {
  margin-bottom:15px;
}

form.formLayout p.input.field-valid .label label, form.formLayout label.field-valid {
  background: url('images/valid.png') left -3px no-repeat;
}

form.formLayout div.formSubmit {
  text-align: center;
}
form.formLayout p.price-information {
  text-align: center;
  font-size: 12px;
  line-height:18px;
}
form.formLayout p.price-information .price {
  color:#3B3B3B;
  font-size:16px;
  line-height:18px;
  vertical-align: top;
  font-family: Arial, Verdana, sans-serif;
}

p.price-top {
  position: absolute;
  top : 45px;
  left: 20px;

}

form.formLayout p.additional-instructions, form.formLayout p.note {
  font-size: 11px;
  line-height: 12px;
  color: #666;
}
form.formLayout p.additional-instructions {
  margin: 1em 0 .5em 0;
}
form.formLayout p.note {
  margin-left: 210px;
}
/* Errors */
.fieldError {
  color: #e05921;
  display: block;
  font-weight: normal;
  font-size: 11px;
  margin: .5em 0;
}
/* Button */
.button {
  cursor: pointer;
  border: 0;
  display: inline-block;
  background: url('images/button.png') right top no-repeat;
  text-align: center;
  height: 33px;
  line-height: 33px;
  font-size: 11px;
  font-weight: bold;
  color: #666;
  padding: 0 28px 0 0;
  text-decoration: none !important;
}
a.button:hover {
  color: #000 !important;
}
.button span {
  display: inline-block;
  white-space:nowrap;
  line-height: 29px;
  white-space: nowrap;
  height: 33px;
  line-height: 33px;
  padding: 0 0 0 28px;
  background: #fff url('images/button.png') left top no-repeat;
}

button {
  cursor: pointer;
  border: 0;
  background: url('images/button.png') right top no-repeat;
  text-align: center;
  height: 33px;
  line-height: 33px;
  font-size: 11px;
  font-weight: bold;
  color: #666;
  margin-top: 10px;
  padding: 0 28px 0 0;
}

.ontime_iplus_box_button{
  margin-top:2px;

}

button span {
  display: block;
  white-space: nowrap;
  height: 33px;
  line-height: 33px;
  padding: 0 0 0 28px;
  background: #fff url('images/button.png') left top no-repeat;

}
button.active {
  background: #fff url('images/button.png') right -47px no-repeat;
}
button.active span {
  color: #425516;
  background: #fff url('images/button.png') left -47px no-repeat;
}
button.active-gray-bg {
  background: #f2f2f2 url('images/button.png') right -47px no-repeat;
}
button.active-gray-bg span {
  color: #425516;
  background: #f2f2f2 url('images/button.png') left -47px no-repeat;
}
button.disabled {
  cursor: default;
}
button.disabled span {
  color: #bbbbbb !important;
}
button::-moz-focus-inner {
  padding: 0;
  border: none;
}
/* Safari and Google Chrome only - fix margins */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #wha-btn-subscribe span, #mpme-btn-process span, #back-to-website-btn span, #unsubscribe-btn span, #purchase-btn span {
    margin-top: -1px;
  }
}
.iexplore6 button,
.iexplore7 button {
  width: auto;
  overflow: visible;
}
/* Input type text */
.input-text, .input-text-large {
  background: #fff url('images/field.png') left top repeat-x;
  border-top: 1px solid #7c7c7c;
  border-left: 1px solid #c3c3c3;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #c3c3c3;
  color: #444;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
}
.input-text {
  height: 18px;
  line-height: 18px;
  font-size: 12px;
}
.input-text-large {
  height: 24px;
  line-height: 24px;
  font-size: 18px;
}



/* Select */
.select-large {
  width: 200px;
}
/* Textarea */
.textarea {
  background: #fff url('images/field.png') left top repeat-x;
  border-top: 1px solid #7c7c7c;
  border-left: 1px solid #c3c3c3;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #c3c3c3;
  color: #444;
  padding: 2px;
  font-size: 12px;
}
/* Code field */
.code-js {
  width: 90px;
  font-family: "Andale Mono", monospace;
  letter-spacing: -1px;
  font-weight: bold;
}

/* Credit card radio icons */

form.formLayout table.credit-card {
  height: 24px;
  margin: 0 auto;
}
form.formLayout table.credit-card td.last {
  padding-right: 20px;
}

form.formLayout table.credit-card td {
  padding: 0;
  vertical-align: middle;
  line-height:24px;
  height: 24px;
}
form.formLayout table.credit-card input {
  margin-left: 10px;
  margin-right: 2px;
  vertical-align:text-bottom;
}

.credit-card-type {
  display: block;
  height: 24px;
  width: 38px;
  text-indent: -9999px;
  font-size: 0;
  cursor: pointer;
}
#visa {
  background: url('images/credit-cards-sprite.png') -38px top no-repeat
}
#master-card {
  background: url('images/credit-cards-sprite.png') no-repeat
}
#carte-bleue {
  background: url('images/credit-cards-sprite.png') -76px top no-repeat
}

/* Mikro-Odeme Sprite */

#mikro-odeme-turkcell {
  width: 170px;
  height: 77px;
  margin: 5px auto 10px auto;
  background: url('images/mikro-odeme-sprite.png?1') left top no-repeat;
}
#mikro-odeme-avea {
  width: 135px;
  height: 100px;
  margin: 5px auto 10px auto;
  background: url('images/mikro-odeme-sprite.png?1') -150px -125px no-repeat;
}
#mikro-odeme-vodafone {
  width: 130px;
  height: 100px;
  margin: 5px auto 10px auto;
  background: url('images/mikro-odeme-sprite.png?1') left -115px no-repeat;
}

/* H2 title icons */
h2.icon {
  display: block;
  line-height: 28px;
  text-align: left;
  height: 32px;
  padding-left: 40px;
  padding-right: 40px;
  background-image: url('images/title-icons-sprite.png');
  background-repeat: no-repeat;
}
h2.success {
  background-position: left 0;
}
h2.fatal,
h2.payment-failure,
h2.http-403,
h2.http-404,
h2.http-500 {
  background-position: left -32px;
}
h2.payment-timeout {
  background-position: left -64px;
}
h2.market-unavailable {
  background-position: left -96px;
}
h2.support, .email {
  background-position: left -128px;
}


/**
 * Error page layout
 */
div#error-page {
  width: 510px;
  margin: 0 auto;
}
div#error-page p {
  margin: 7px 0;
}
div#error-page div.issue p strong {
  color: #555;
}
div#error-page div.support h3 {
  margin-top: 28px;
}
div#error-page div.support ul.contact {
  margin: 10px 7px;
}
div#error-page div.support ul.contact li {
  padding-left: 20px;
  line-height: 24px;
}
div#error-page div.support ul.contact li.email {
  background: url('images/contact-icons-sprite.png') left 4px no-repeat;
}
div#error-page div.support ul.contact li.phone {
  background: url('images/contact-icons-sprite.png') left -28px no-repeat;
}
div#error-page div.support ul.contact li.phone strong {
  letter-spacing: -1pt;
}

div#support-page {
  width: 520px;
  margin: 0 auto;
}

#payment-progress {
  height: 100px;
  background: url('images/payment-progress.gif') no-repeat center center;
}

.provider-waiting {
  font-size: 16px;
  font-weight: bold;
  display: block;
  height: 100px;
  text-align: center;
  line-height: 200px;
  background: url('images/provider-waiting.gif') center center no-repeat;
}

/* Small tools icons */
a.tool-icon {
  padding-left: 19px;
  line-height: 40px;
  background-image: url('images/tools-icons-sprite.png');
  background-repeat: no-repeat;
}

a.print {
  background-position: left top;
}

a.save {
  background-position: left -32px;
}

a.right-space {
  padding-right: 10px;
}

/* Boites de messages */
.rounded-box {
  padding: .5em 1em;
  position: relative;
  border: 1px solid #dfdfdf;
  margin:0 auto;
  width:480px;
}
.rounded-box-tlc,
.rounded-box-trc,
.rounded-box-blc,
.rounded-box-brc {
  display: block;
  position: absolute;
  font-size: 0;
  width: 7px; height: 7px;
  background-repeat: no-repeat;
  background-image: url('images/rounded-box-sprite-border.png');
}
.rounded-box-tlc { background-position: -8px  -5px; top: -1px; left: -1px; }
.rounded-box-trc { background-position: -15px -5px; top: -1px; right: -1px; }
.rounded-box-blc { background-position: -8px  -12px; bottom: -1px; left: -1px; }
.rounded-box-brc { background-position: -15px -12px; bottom: -1px; right: -1px; }

.rounded-box-legend {
  color: #AAAAAA ;
  display: block;
  position: absolute;
  background-color: #FFF;
  background-position: -8px  -5px; top: -10px; left: 8px;
  padding: 2px;
}

.iexplore6 .rounded-box {
  position: inherit !important;
}

.iexplore6 .rounded-box-tlc, .iexplore6 .rounded-box-trc,
.iexplore6 .rounded-box-blc, .iexplore6 .rounded-box-brc {
  display: none
}

.rounded-box.info {
  background: #fafafa;
}

.rounded-box.infocodes {
  background: #000;
}

.receipt {
  width: 100%;
}

table.receipt {
  font-size: 11px;
  color: #666;
  margin: 0 1em;
}
.receipt td.label {
  white-space: nowrap;
  padding-right: 20px;
  color: #666;
}

.receipt td.field {
  width: 100%;
}

.access-codes-list ul {
  margin-left: 24px;
}

.access-codes-list ul li {
  float: left;
  display: block;
  margin-right: 24px;
  font-size: 13px;
  font-weight: bold;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  line-height: 18px;
  width: 66px;
  color: #555;
}

.access-codes-list ul li.last {
  margin-right: 0;
}

.rounded-box-icon {
  position: absolute;
  display: block;
  height: 32px;
  width: 32px;
  right: -10px;
  top: -10px;
}

.rounded-box-icon.code {
  background: url('images/icon-code.png');
}

.rounded-box-icon.receipt {
  background: url('images/icon-receipt.png');
}

.rounded-box-icon.email {
  background: url('images/icon-email.png');
}

.field-valid input {
  border: 2px solid #76b521;
  margin: -1px;
}

.credit-card-number {
  text-align: center;
  margin: 0 auto !important;
}

.credit-card-number label {
  margin-left:40px;
  font-size: 11px;
  line-height: 11px;
  color: #333;
}

.credit-card-info {
  margin: 10px 0;
}

.credit-card-info td.first {
  width: 280px;
}

.credit-card-info .expiration-date .last {
  white-space: nowrap;
}

.credit-card-info table {
  width: 100%;
}

.credit-card-info .expiration-date .fieldError {
  width: 140px;
  white-space: normal;
}

.credit-card-info table .fieldError {
  width: 80px;
  white-space: normal;
}

.credit-card-info .expiration-date .first, .credit-card-info .cvv-box td.first {
  text-align: right;
  padding-right: 7px;
}

.credit-card-info .cvv-box td.first {
  font-size: 11px;
  line-height: 18px;
  color: #333;
}

.credit-card-info p.note {
  margin-left: 0 !important;
  width: auto;
  text-align: right;
  font-size: 11px;
  font-family: Arial, Verdana, FreeSans, sans-serif;
  margin: 0 !important;
}

.cvv-help {
  position: relative;
  width: 17px;
  height: 17px;
  display: block;
  background: url('images/help.png');
  font-size: 0;
  text-indent: -9999px;
  margin-left: 3px;
}
a.cvv-help:hover span {
  display: block;
  position: absolute;
  height: 95px;
  width: 156px;
  right: -3px;
  top: 20px;
  z-index: 99;
  font-size: 0;
  text-indent: -9999px;
  background: url('images/cvv-explaination.png') no-repeat;
}

.credit-card-info .creditcard-radio {
  margin-top: 3px;
}

.creditcard-radio label.last {
  margin-right: 5px !important;
}

form.formLayout tr.field-valid label {
  display: inline-block;
  background: url('images/valid.png') left center no-repeat;
  line-height: 20px;
  padding-left: 18px;
}

form.formLayout .cvv-box tr.field-valid label {
  line-height: 18px;
}

.payment-instruction-block.access-codes {
  margin: 5px auto 5px auto !important;
}

#phone1, #phone2, #phone3 {
  font-family: monospace;
}

#method-loading {
  height: 300px;
  background: url('images/preload.gif') no-repeat center center;
}

#country-loading {
  display: block;
  float: left;
  background: transparent url('images/country-loader.gif') center center no-repeat;
  margin-right: 10px;
  padding-right: 8px;
}

.form-error {
  text-align: center;
  color: #E05921;
}

.iexplore6 #worldwide select {
  margin-top: 5px;
}

/* Specific theme for Switzerland premium calling */
.pricepoint-premium-calling-ch .phone-number {
  margin-top: 10px;
  font-size: 20px;
  font-weight: normal;
}
.pricepoint-premium-calling-ch .legal span {
  display: block;
  margin-bottom: 10px;
  color: #1E2D83;
  font-family: Arial,Helvetica,sans-serif;
  font-size:20px;
  font-weight: normal;
}

/*Specific theme for French premium calling*/
.rsva {
  background-color: #ffffff;
  display: inline-table;
  font-family: Arial, sans-serif;
  font-size: 10px;
}
ul.rsva {
  list-style-type: none;
  padding: 0;
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.30);
  -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.30);
  box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.30);
}

.rsva_number {
  color: #A40E77;
  display: table;
  font-size: 20px;
  padding: 5px 10px;
  text-align: center;
  width: calc(100% - 20px);
  font-weight: bold;
}
.rsva_triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  border-color: #ffffff transparent transparent transparent;
  display: block;
  position: absolute;
  margin-left: 5px;
}

.rsva_price {
  background: rgba(195,126,176,1);
  background: -moz-linear-gradient(top, rgba(195,126,176,1) 0%, rgba(164,14,119,1) 7%, rgba(164,14,119,1) 73%, rgba(110,0,79,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(195,126,176,1)), color-stop(7%, rgba(164,14,119,1)), color-stop(73%, rgba(164,14,119,1)), color-stop(100%, rgba(110,0,79,1)));
  background: -webkit-linear-gradient(top, rgba(195,126,176,1) 0%, rgba(164,14,119,1) 7%, rgba(164,14,119,1) 73%, rgba(110,0,79,1) 100%);
  background: -o-linear-gradient(top, rgba(195,126,176,1) 0%, rgba(164,14,119,1) 7%, rgba(164,14,119,1) 73%, rgba(110,0,79,1) 100%);
  background: -ms-linear-gradient(top, rgba(195,126,176,1) 0%, rgba(164,14,119,1) 7%, rgba(164,14,119,1) 73%, rgba(110,0,79,1) 100%);
  background: linear-gradient(to bottom, rgba(195,126,176,1) 0%, rgba(164,14,119,1) 7%, rgba(164,14,119,1) 73%, rgba(110,0,79,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c37eb0', endColorstr='#6e004f', GradientType=0 );
  color: #ffffff;
  display: block;
  padding: 10px 25px;
}

/* horizontal custom */

ul.rsva_horizontal {
  padding-right: 15px;
}

.rsva_horizontal li {
  display: inline;
  vertical-align: middle;
}
.rsva_horizontal .rsva_number {
  font-size: 20px;
  padding: 0 10px;
  text-align: center;
  font-weight: bold;
}
.rsva_horizontal .rsva_triangle {
  border-width: 7px 0 7px 7px;
  border-color: transparent transparent transparent #ffffff;
  margin-left: 0;
  margin-top: 12px;
}
.rsva_horizontal .rsva_price {
  background: rgba(195,126,176,1);
  background: -moz-linear-gradient(top, rgba(195,126,176,1) 0%, rgba(164,14,119,1) 7%, rgba(164,14,119,1) 73%, rgba(110,0,79,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(195,126,176,1)), color-stop(7%, rgba(164,14,119,1)), color-stop(73%, rgba(164,14,119,1)), color-stop(100%, rgba(110,0,79,1)));
  background: -webkit-linear-gradient(top, rgba(195,126,176,1) 0%, rgba(164,14,119,1) 7%, rgba(164,14,119,1) 73%, rgba(110,0,79,1) 100%);
  background: -o-linear-gradient(top, rgba(195,126,176,1) 0%, rgba(164,14,119,1) 7%, rgba(164,14,119,1) 73%, rgba(110,0,79,1) 100%);
  background: -ms-linear-gradient(top, rgba(195,126,176,1) 0%, rgba(164,14,119,1) 7%, rgba(164,14,119,1) 73%, rgba(110,0,79,1) 100%);
  background: linear-gradient(to bottom, rgba(195,126,176,1) 0%, rgba(164,14,119,1) 7%, rgba(164,14,119,1) 73%, rgba(110,0,79,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c37eb0', endColorstr='#6e004f', GradientType=0 );
  color: #ffffff;
  display: inline-table;
  padding: 5px 5px 5px 20px;
  margin: -2px 0;
}

/* Specific theme for Switzerland premium sms */
.pricepoint-premium-sms-ch .legal .cost {
  color: #aaa;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0 3px;
  font-size: 24px;
  line-height: 40px;
  letter-spacing: -1px;
}

/* Specific theme for Denmark prices */
.pricepoint-dk .legal span {
  font-family:Arial,Helvetica,sans-serif;
  font-size: 24px;
  font-weight: bold;
  color:#1E2D83;
}

/* Specific theme for Croatia premium sms prices */
.pricepoint-premium-sms-hr .legal span {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 24px;
  font-weight:bold;
  letter-spacing: -1px;
}

/* Specific theme for Australian premium sms prices */
.pricepoint-premium-sms-au .legal span {
  color:#1E2D83;
  font-family:Arial,Helvetica,sans-serif;
  font-size:17px;
  font-weight: bold;
  display: block;
}

/* Specific theme for Portuguese premium sms prices */
.pricepoint-premium-sms-pt .legal .cost {
  font-weight: bold;
  font-size:24px;
  letter-spacing:-1px;
  color:#1E2D83;
  font-family:Arial,Helvetica,sans-serif;
  padding:0 3px;
}

/* Specific theme for USA premium SMS */
.pricepoint-premium-sms-us .legal {
  color: #7d7d7d;
}
.pricepoint-premium-sms-us .legal a {
  color: #7d7d7d;
  text-decoration: underline;
}
.pricepoint-premium-sms-us .legal .cost {
  display: block;
  color: #333333;
  font-size: 12px;
  margin-top: -15px !important;
  padding-bottom: 10px !important;
}

/* Specific theme for Mexico premium SMS */
.pricepoint-premium-sms-mx .additional-shortcode {
  display: block;
  margin-top: -15px;
}
.pricepoint-premium-sms-mx .detail {
  margin-bottom: 0;
}

/* Specific theme for turkish premium SMS */
.pricepoint-premium-sms-tr .legal {
  background: url('images/tr-carriers.png') no-repeat bottom center;
  padding-bottom: 35px;
}

/** specific image for Internet + Box **/
.wha-box {
  background: url('/static/images/payment-solutions/internet-plus-box.png') no-repeat center;
  height:63px;
  text-align: center;
}
/** specific image for Internet + Mobile **/
.wha-mobile {
  background: url('/static/images/payment-solutions/internet-plus-mobile.png') no-repeat bottom center;
  padding-top: 20px;
  height:50px;
  text-align: center;
}

/* Help button near email field */
.email-help {
  position: relative;
  padding-left: 23px;
  line-height: 18px;
  font-size: 18px;
  background: url('images/help.png') 2px 5px no-repeat;
  text-decoration: none !important;
  text-indent: -9999px;
}

.email-help .email-desc {
  display: none;
  position: absolute;
  right: 13px;
  top: 23px;
  width: 260px;
  padding: 5px 8px;
  background: #fffec1;
  border: 1px solid #ffc000;
  font-size: 11px;
  line-height: 13px;
  text-indent: 0;
  color: #3B3B3B !important;
  cursor: auto;
  z-index:9999;
  text-align: left !important;
}

.email-help:hover .email-desc {
  display: block;
}

.email-help .email-desc strong, .email-help .email-desc span {
  display: block;
  margin-bottom: 0.8em;
}

#complainform2 #netsurferEmail {
  width: 374px;
}

#complainform2 #message {
  width: 372px;
}

div.all-inline {
}

div.all-inline p {
  list-style-type:none;
  margin:0 auto;
  padding:0;
}

div.all-inline .label {
  float: left;
}

div.all-inline .field {
  margin-left: auto !important;
  float: left;
  padding:4px 0 5px 0;
}

div.all-inline .input-text {
  vertical-align:top;
}

.input-text-resize {
  width:122px !important;
}

div.all-inline .input-text-resize {
  width:160px !important;
}

div.all-inline .input-center {
  text-align:center;
}

div.all-inline .input-center span.field, div.all-inline .input-center span.label {
  float:none !important; display:inline !important;
}

div.all-inline .input-center span label {
  display:inline !important;
}

div.all-inline p.input.field-valid .label label {
  background-position:left -3px;
}

.iexplore8 div.all-inline p.input.field-valid .label label {
  background-position:left -8px;
}

.iexplore6 div.all-inline .input-text, .iexplore7 div.all-inline .input-text {
  margin:0 5px 0 0;
}

div.all-inline button {
  margin-top: 0;
}

.input-resendPin {
  width:510px;
  margin:20px auto 18px;
  text-align:left;
  padding:0 0 0 180px;
  width:310px;
}

fieldset.relative {
  position:relative;
}

.input-absolute {
  position:absolute;
  top:35px;
  left:340px;
}

.input-absolute span.field {
  margin:0 !important;
}

#ssn-left {
  width:50px;
}

#ssn-right {
  width:56px;
}

p.partial-redeem {
}

.iexplore6 .msisdn-resize #msisdn { width:123px; }
.iexplore7 .msisdn-resize #msisdn { width:123px; }

div.specific {
  float:right;
  position:relative;
}

div.specific p {
  position:relative;
  left:50%;
  list-style-type:none;
  margin:0 auto;
  padding:0;
}
div.specific .label {
  width: auto !important;
  margin-top: 4px;
  top: 1px;
  position: relative;
  float: left;
}
div.specific .field {
  margin-left: auto !important;
  float: left;
  padding-bottom: 5px;
  position: relative;
  padding-bottom: 5px;
}
div.specific .input-text {
  position: relative;
  top: 8px;
}

form.formLayout p.input span.check {
  display: block;
  margin-left: 210px;
  margin-top: 5px;
  vertical-align: middle;
}

.mpme-logo {
  background: url('../images/payment-solutions/mpme.png');
  width:234px;
  height:82px;
  margin-bottom:15px;
  text-align: center;
  margin-left:140px;
}

.fix-margin-mpme button {
  margin-top:5px;
}

div.complain-form h4{
  color: #009900;
  margin-bottom: 7px;
  font-weight: bold;
}

.complain span{
  margin-top: 1px;
}

/*---------------*/
/* COMPLAIN FORM */
/*---------------*/

/* Stepper */

#support-page .rounded-box { padding:0; height:33px !important; width:100%; }
#support-page .rounded-box .form-steps { height: 33px; width:100%; margin: 0; padding: 0; color:#666666; }
#support-page .rounded-box .form-steps td { height: 33px; padding:0 25px 0 10px; background-image:url('images/steps-separator.gif'); background-repeat:no-repeat; background-position:top right; color:#666666; }
#support-page .rounded-box .form-steps td a { font-size:12px; }
#support-page .rounded-box .form-steps.two-steps td { width:50%; }
#support-page .rounded-box .form-steps.three-steps td { width:33%; }

#support-page .rounded-box a{

}

.no_bg { background-image:none !important; }

#support-page .contact-form hr
{
  margin: 1em auto;
  height:1px;
  border-color: #DFDFDF;
  background-color: #DFDFDF;
  color: #DFDFDF;
}
#support-page .contact-form p.btn-box
{
  text-align: right;
  border-top: 1px solid #E9E9E9;
  padding-top:10px;
}
#support-page .contact-form p.btn-box button { margin-top: 0; }

.contact-form { padding: 0 !important; margin: 0 !important; font-size: 11px;}
.contact-form dt { padding: 0 !important; margin: 0 !important;}
.contact-form dd { padding: 0 !important; margin: .2em 0 1em 0 !important; }
.contact-form dd img { border: 1px solid #ccc; margin: 1em 0; }
.contact-form input { width: 200px; }
.contact-form textarea { height: 50px; }
.contact-form .action-buttons { padding: 10px 0 0 0 !important; }
.contact-form .errors { padding: 0 !important; margin: 0 !important; font-weight: normal; color: #f44e4e; }
.contact-form .errors li { padding: 0 !important; margin: .5em 0 !important; list-style-type: none; }
.contact-form .left-col dl{
  width: 200px;
  height: 60px;
}
.contact-form .right-col dl{
  width: 290px;
}
.contact-form .right-col .text dl{
  width: 290px;
}
.contact-form #transaction_date-element input{
  display:block;
  float:left;
  margin-right: 5px;
}
.contact-form #type-element input{
  font-size: 12px;
}
.contact-form #transaction_date-element .description{
  font-weight:normal;
  color: #ccc;
}
.contact-form #id_compte-container, .contact-form .right-col{
  float:left;
}
.contact-form .left-col{
  float:left;
  margin-right: 10px;
}
.contact-form #id_compte-element{
  float:left;
}
.contact-form dl{
  margin:0;
}

/* Cartouche d'étapes de saisie */
.form-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 31px;

}
.form-steps li {
  margin: 0 7px 0 0 !important;
  color:#BBBBBB;
}
.form-steps li.active {
  color: #3B3B3B;
}
.form-steps li.active .wrapper {
  color: #3B3B3B;
}
.form-steps .wrapper {
  font-size:13px;
}
.form-steps a.wrapper {
  color:#BDBDBD;
  text-decoration: none;
}
.form-steps a.active{
  color:#2E2E2E;
  text-decoration: none;
}
.form-steps a:hover {
  color: #333333;
}

/* MPME Full Web */
h2.frame-title {
  font-size: 18px;
  line-height: 18px;
  margin-top: 10px;
  margin-bottom: 15px;
  text-align: center;
  color: #3b3b3b;
}
.frame-subtitle {
  font-size: 12px;
  line-height: 12px;
  margin-top: -10px;
  margin-bottom: 15px;
  text-align: center;
  color: #888;
}
.mpme-popup-window {
  padding-top: 160px;
  text-align: center;
  background: url(../images/payment-solutions/mpme-popup-orange.png) no-repeat center top;
}

.mpme-logo-inline {
  margin-top: 10px;
}

.mpme-no-mno-selection {
  height : 60px;
  width  : 390px;
  margin : 10px auto;
}

.size {
  width: 410px;
}

.mpme-li-default-size {
  float: left;
  margin: 0 30px;
}

.mpme-li-size {
  float: left;
  margin: 0 17px;
}

.mpme-no-mno-selection a {
  display: block;
  width: 68px;
  text-align: center;
  text-decoration: none;
  font-size: 11px;
  padding-top: 82px;
  color: #666;
  background-image: url(../images/payment-solutions/mpme-btn-mno.png);
  background-repeat: no-repeat;
}

.mpme-no-mno-selection a:hover { color: #000; }

.mpme-no-mno-selection #mpme-btn-orange { background-position: 0px 0px; }
.mpme-no-mno-selection #mpme-btn-sfr { background-position: -68px 0px; }
.mpme-no-mno-selection #mpme-btn-bouygues { background-position: -136px 0px; }
.mpme-no-mno-selection #mpme-btn-mvno { background-position: -204px 0px; }

.mpme-no-mno-selection #mpme-btn-orange-focus { background-position: -272px 0px; }
.mpme-no-mno-selection #mpme-btn-sfr-focus { background-position: -340px 0px; }
.mpme-no-mno-selection #mpme-btn-bouygues-focus { background-position: -408px 0px; }
.mpme-no-mno-selection #mpme-btn-mvno-focus { background-position: -476px 0px; }

.mpme-phone-status
{
  display: none;
  background-image: url("../css/images/title-icons-sprite.png");
  background-repeat: no-repeat;
  height: 32px;
  margin-left: 380px;
  position: absolute;
  text-align: left !important;
  top: 158px;
  width: 32px;
}

.mpme-active-acte
{
  top: 216px;
  display: block;
  background-position: 0px 0px;
}

.mpme-error-acte
{
  top:216px;
  display: block;
  background-position: 0px -32px;
}

#mpme-container-number-phone h2
{
  width  : 100%;
  height : 37px;

}

.mpme-input-valid
{
  border:1px solid #92B901;
}

.mpme-input-error
{
  border:1px solid #FF0000;
}

.mpme-msg-error
{
  color:#FF0000;
}

/* Abonnement MPME */

.mpme-mno-selection-abo {
  height: 60px;
  width: 312px;
  margin: 10px auto;
}

.mpme-mno-selection-abo li {
  float: left;
  margin: 0 17px;
}

.mpme-button > button#mpme-btn-process{
  margin-top:0px;
}

.mpme-mno-selection-abo a {
  display: block;
  width: 68px;
  text-align: center;
  text-decoration: none;
  font-size: 11px;
  padding-top: 82px;
  color: #666;
  background-image: url(../images/payment-solutions/mpme-btn-mno.png);
  background-repeat: no-repeat;
}

.mpme-active-abo
{
  top: 225px;
  display: block;
  background-position: 0px 0px;
}

.mpme-error-abo
{
  top:227px;
  display: block;
  background-position: 0px -32px;
}

.mpme-mno-selection-abo a:hover { color: #000; }

.mpme-mno-selection-abo #mpme-btn-orange { background-position: 0px 0px; }
.mpme-mno-selection-abo #mpme-btn-sfr { background-position: -68px 0px; }
.mpme-mno-selection-abo #mpme-btn-bouygues { background-position: -136px 0px; }
.mpme-mno-selection-abo #mpme-btn-mvno { background-position: -204px 0px; }

.mpme-mno-selection-abo #mpme-btn-orange-focus { background-position: -272px 0px; }
.mpme-mno-selection-abo #mpme-btn-sfr-focus { background-position: -340px 0px; }
.mpme-mno-selection-abo #mpme-btn-bouygues-focus { background-position: -408px 0px; }
.mpme-mno-selection-abo #mpme-btn-mvno-focus { background-position: -476px 0px; }

.error-subscription {
  color:red;
  padding: 0 50px 10px;
  font-weight:bold;
  margin-bottom:13px;
}

/* payment-one */
#body-payment-one {
  height: 0px;
  min-height: 0px;
}

#content-waiting-payment-one {
  background: url("/static/css/images/payment-progress.gif") no-repeat scroll center top transparent;
  color: #333333;
  height: 120px;
  margin: 80px auto;
  padding: 90px 20px 30px;
  text-align: center;
  width: 260px;
}

/* Mobilepay */

#mobilepay-banner {
  position: absolute;
  left: 0;
  bottom: 5px;
  width: 100%;
  height: 55px;
  background-image: url("../images/payment-solutions/mobilepay-banner-repeat.png");
  text-align: right;
  z-index: 1;
}

#mobilepay-banner.purchase {
  bottom: 80px;
}

#mobilepay-banner img {
  margin-right: 3px;
}

#mobilepay-banner.purchase img {
  margin-right: 10px;
}

#carousel-bottom #mobilepay-banner {
  bottom: 110px;
}

#mobilepay-title {
  margin: 5px 0;
}

#mobilepay-subtitle {
  margin-bottom: 5px;
  text-align: center;
}

#mobilepay-tos input#tos {
  margin: 0;
}

#mobilepay-resendPin {
  text-align: center;
  height: 31px;
  overflow: hidden;
}

#mobilepay-resendPin p#resendPin {
  margin-top:0;
  padding-left: 247px;
  font-size: 10px;
}

#mobilepay-resendPin #resendLink {
  color: black;
  text-decoration: underline;
}

#mobilepay-tos {
  margin-top: 10px;
  text-align: center;
}

#mobilepay-trx-detail {
  margin-top: 10px;
  margin-bottom: 5px;
}

#mobilepay-trx-detail div {
  margin: 7px 0;
}

#mobilepay-trx-detail span.label{
  display: inline-block;
  width: 320px;
  text-align: right;
  margin-right: 15px;
}

.iexplore #mobilepay-trx-detail span.label {
  width: 340px;
}

.iexplore6 .formLayout.formMobilepay,
.iexplore7 .formLayout.formMobilepay {
  width: auto;
}

#mobilepay-bottom {
  width: 500px;
  margin: 5px auto 0;
}

#mobilepay-bottom p.legal {
  float: right;
}

select#operator.mobilepay-operators {
  width: 175px;
}

#mobilepay-redeemlink {
  margin-top: 10px;
}

span.mobilepay-inline-field {
  display: inline-block;
}

span.mobilepay-inline-field.small span.fieldError {
  width: 100px;
}

.mobilepay-inline-field.large input.input-text-resize {
  width: 170px !important;
}

.mobilepay-inline-container span.label,
.mobilepay-inline-container span.label label,
.mobilepay-inline-container button {
  vertical-align: top;
}

#mobilepay-header {
  margin-top: 10px;
  text-align: center;
}

#mobilepay-buttons {
  overflow: hidden;
}

#mobilepay-buttons button,
#mobilepay-buttons a {
  height: 56px;
  background: none;
  padding: 0;
  margin-top: 5px;
  display: inline-block;
}

#mobilepay-buttons button.mobilepay-cancel {
  float: left;
}

#mobilepay-buttons button.mobilepay-continue {
  float: right;
}

/* Telefonica */

/*#telefonica-banner {
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
    height: 55px;
    background-image: url("../images/payment-solutions/telefonica-banner-repeat.png");
    text-align: right;
    z-index: 1;
}

#telefonica-banner.purchase {
    bottom: 80px;
}

#telefonica-banner img {
    margin-right: 3px;
}

#telefonica-banner.purchase img {
    margin-right: 10px;
}

#carousel-bottom #telefonica-banner {
    bottom: 110px;
}*/

#telefonica-title {
  margin: 5px 0;
}

#telefonica-subtitle {
  margin-bottom: 5px;
  text-align: center;
}

#telefonica-tos input#tos {
  margin: 0;
}

#telefonica-resendPin {
  text-align: center;
  height: 31px;
  overflow: hidden;
}

#telefonica-resendPin p#resendPin {
  margin-top:0;
  padding-left: 247px;
  font-size: 10px;
}

#telefonica-resendPin #resendLink {
  color: black;
  text-decoration: underline;
}

#telefonica-tos {
  margin-top: 10px;
  text-align: center;
}

#telefonica-trx-detail,
#identify-trx-detail {
  margin-top: 10px;
  margin-bottom: 5px;
}

#telefonica-trx-detail div,
#identify-trx-detail div {
  margin: 7px 0;
}

#telefonica-trx-detail span.label,
#identify-trx-detail span.label{
  display: inline-block;
  width: 320px;
  text-align: right;
  margin-right: 15px;
}

.iexplore #telefonica-trx-detail span.label,
.iexplore #identify-trx-detail span.label{
  width: 340px;
}

form.formTelefonica p.input span.label {
  line-height: 30px;
}

.iexplore6 .formLayout.formTelefonica,
.iexplore7 .formLayout.formTelefonica {
  width: auto;
}

#telefonica-bottom {
  width: 500px;
  margin: 5px auto 0;
}

#telefonica-bottom p.legal {
  float: right;
}

select#operator.telefonica-operators {
  width: 175px;
}

#telefonica-redeemlink {
  margin-top: 10px;
}

span.telefonica-inline-field {
  display: inline-block;
}

span.telefonica-inline-field.small span.fieldError {
  width: 100px;
}

.telefonica-inline-field.large input.input-text-resize {
  width: 170px !important;
}

.telefonica-inline-container span.label,
.telefonica-inline-container span.label label,
.telefonica-inline-container button {
  vertical-align: top;
}

#telefonica-header {
  margin-top: 10px;
  text-align: center;
}

#telefonica-buttons .telefonica-cancel-identify {
  cursor: pointer;
  border: 0;
  background: url('images/button.png') right -47px repeat;
  text-align: center;
  height: 33px;
  line-height: 33px;
  font-size: 11px;
  font-weight: bold;
  color: #666;
  margin-top: 10px;
  padding: 0 28px 0 0;
  float: left;
  text-decoration: none;
}

#telefonica-buttons .telefonica-cancel-identify span {
  display: block;
  white-space: nowrap;
  height: 33px;
  line-height: 33px;
  padding: 0 0 0 28px;
  color: #425516;
  background: #fff url('images/button.png') left -47px no-repeat;
}

#telefonica-buttons .telefonica-continue-identify {
  float: right;
}

/*#telefonica-buttons {
    overflow: hidden;
}

#telefonica-buttons button,
#telefonica-buttons a {
    height: 56px;
    background: none;
    padding: 0;
    margin-top: 5px;
    display: inline-block;
}

#telefonica-buttons button.telefonica-cancel {
    float: left;
}

#telefonica-buttons button.telefonica-continue {
    float: right;
}*/
/**
 * Cas spécial pour le picto Belgique
 * @link https://redmine.hi-media-techno.com/issues/41983
 */
#pictogramme-be { padding:4px; width:120px; height:80px; border:1px solid #000000; margin: 5px auto -15px; }
#pictogramme-be .border_box { border:1px solid #000000; height:78px; }
#pictogramme-be .num { background-color:#000000; text-align:center; font-size:45px; line-height:50px; height:54px; }
#pictogramme-be .num span { color:#FFFFFF;  font-family:Arial, Helvetica, sans-serif; }
#pictogramme-be .tarif { text-align:center; font-size:15px; line-height:23px; height:20px; background-color:#FFFFFF; }
#pictogramme-be .tarif span { color:#000000;  font-family:Arial, Helvetica, sans-serif; }

/* Dineromail Local */
#content-barcode iframe {
  border:none;
  margin-left: auto;
  margin-right: auto;
  height:108px;
  width: 229px;
  display: block;
}

#content-barcode {
  margin-bottom: 70px;
  margin-top: 20px;
  padding: 1%;
  width: 99%;
}

.logoDinerLocal{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.btn-print-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#abort-form div {
  margin-top: 10px;
  padding-right: 0px !important;
}

#abort-form a, #abort-form a:hover, #abort-form a:visited {
  color: #666 !important;
  display: block;
  padding-right: 28px;
}

td input[type=checkbox] {
  vertical-align: middle;
}

@media print
{
  .dineroLocal-step2, .btn-print-center, #support { display: none; }
}

/** Paybyme **/
.paybyme-info {
  margin-top:15px;
  margin-left:30px;
  margin-right:30px;
  color:#AAAAAA;
}
.paybyme-amount {
  color: #333333;
  font-size:16px;
  margin-top:25px;
  margin-left:30px;
  margin-right:30px;
  margin-bottom:15px;
}

/* Operator SMS (FR) */

#operatorSms {
  border:solid #E0E0E0 1px;
  padding-left:10px;
  display:table;
  margin-right:auto;
  margin-left: auto;
  margin-bottom:15px;
}
.operatorSprite {
  display: inline-block;
  height: 35px;
  margin: 5px 10px 0px 0px;
  background: url('/static/images/payment-solutions/logo-operateur-sprite.png') no-repeat;
}
/* Orange */
.operator-20801 {
  background-position: 0px 0px;
  width: 32px;
}
/* SFR */
.operator-20810 {
  background-position: -45px 0px;
  width: 30px;
}
/* Free */
.operator-20815 {
  background-position: -125px 0px;
  width: 52px;
}
/* Bouygues */
.operator-20820 {
  background-position: -87px 0px;
  width: 30px;
}
/* Virgin */
.operator-20823 {
  background-position: -245px 0px;
  width: 25px;
}
/* NRJ Mobile */
.operator-20826 {
  background-position: -185px 0px;
  width: 48px;
}
/* End operator SMS (FR) */

/* Operators selection for mixed pricepoint */
#mobile-operators{
  text-align:center;
}

.mobile-operator{
  height:60px;
  padding:0 5px 10px;
  display:inline-block;
  background-position:top center;
  background-repeat:no-repeat;
}

.mobile-operator p {
  padding-top:65px;
  color:grey;
  font-weight:bold;
  text-align:center;
}

.operator-script-with-script span{
  border-bottom:3px solid #1E2D83
}

a.operator-script-non-selected{
  display:inline-block;
  text-decoration:none;
  height:72px;
  padding-bottom:5px;
}

a.operator-script-selected,
a.operator-script-selected:hover,
a.operator-script-with-script:hover{
  outline: none;
  display:inline-block;
  text-decoration:none;
  height:77px;
  padding-bottom:0;
  background:url('/static/images/payment-solutions/arrow_blue.png') bottom center no-repeat;
}

a.operator-script:hover{
  outline:none;
}

/** Css for each operators **/
/* Argentina */
#mobile-operator-claro{
  background-image:url('/static/images/payment-solutions/carriers/claro.jpg');
  width:62px;
}

#mobile-operator-movistar{
  background-image:url('/static/images/payment-solutions/carriers/movistar.jpg');
  width:78px;
}

#mobile-operator-nextel{
  background-image:url('/static/images/payment-solutions/carriers/nextel.jpg');
  width:153px;
}

#mobile-operator-personal{
  background-image:url('/static/images/payment-solutions/carriers/personal.jpg');
  width:135px;
}
/* End Argentina */

/* Belgium */
#mobile-operator-base{
  background-image:url('/static/images/payment-solutions/carriers/base.jpg');
  width:136px;
}

#mobile-operator-mobistar{
  background-image:url('/static/images/payment-solutions/carriers/mobistar.jpg');
  width:107px;
}

#mobile-operator-proximus{
  background-image:url('/static/images/payment-solutions/carriers/proximus.png');
  width:90px;
}

#mobile-operator-telenet{
  background-image:url('/static/images/payment-solutions/carriers/telenet.jpg');
  width:60px;
}

#mobile-operator-others{
  background-image: url('/static/images/payment-solutions/mobile-logo.png');
  width:50px;
}
/* End Belgium */
/* Switzerland */

.mobile-operator-ch{
  height:60px;
  padding:0 25px 10px;
  display:inline-block;
  background-position:top center;
  background-repeat:no-repeat;
}

.mobile-operator-sg p, .mobile-operator-ch p {
  padding-top:65px;
  color:grey;
  font-weight:bold;
  text-align:center;
}

#mobile-operator-orange{
  background-image:url('/static/images/payment-solutions/carriers/orange.jpg');
  width:60px;
}

#mobile-operator-swisscom{
  background-image:url('/static/images/payment-solutions/carriers/swisscom.jpg');
  width:60px;
}

#mobile-operator-sunrise{
  background-image:url('/static/images/payment-solutions/carriers/sunrise.jpg');
  width:60px;
}
/* End Switzerland */
/* Singapore */

.mobile-operator-sg {
  height:60px;
  padding:0 15px 10px;
  display:inline-block;
  background-position:top center;
  background-repeat:no-repeat;
}

#mobile-operator-singtel{
  background-image:url('/static/images/payment-solutions/carriers/singtel.jpg');
  width:118px;
}

#mobile-operator-mobileone{
  background-image:url('/static/images/payment-solutions/carriers/mobileone.jpg');
  width:90px;
}

#mobile-operator-starhub{
  background-image:url('/static/images/payment-solutions/carriers/starhub.jpg');
  width:133px;
}
/* End Singapore */
/* End Operators selection for mixed pricepoint */

/** DCB ES **/
#cancel-link{
  bottom: 35px;
  display: block;
  position: absolute;
  left:10px;
  font-size:13px;
}

#cancel-link a {
  text-decoration: underline;
  color: #000;
}
/** End DCB ES **/

/*** DCB SG */
.singtel-warning-txt {
  font-size:14px;
  line-height:16px;
  text-align:center;
}
/* End DCB SG */

/* SMS Malaysia */
select.webmo-item{
  width:155px;
}
/* End SMS Malaysia */

/*** DCB CH */
#dcb-ch-loading {
  height: 464px;
  background: url('images/preload.gif') no-repeat center center;
}
#pop-up-swisscom {
  float:left;
  margin-left:15px;
  margin-right: 25px;
}
.dcb-continue-blk {
  height:122px;
  margin-top: 40px;
  margin-bottom: 60px;
}
.dcb-continue-txt {
  text-align: justify;
  margin-right: 25px;
  max-width: 600px;
}
.dcb-btn-zone {
  background-color:#f2f2f2;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
  padding-top:13px;
  padding-bottom:20px;
  margin-left: -8px;
  margin-right: -8px;
}
.dcb-continue-legend {
  font-size: 11px;
}
/* End DCB CH */

/* DCB Paddock*/
#identify-dcb-trx-detail{
  font-size: 14px;
  padding: 5px 5px;
}

#identify-dcb-trx-detail span.label{
  display: inline-block;
  width: 140px;
}

#dcb-paddock-input span.check{
  display: block;
  margin: 0px 0 10px 55px;
  width: 390px;
  font-size: 11px;
  text-align: left;
}
#dcb-paddock-input span.check .checkBox{
  position: relative;
  top: 3px;
}
#dcb-paddock-input #condition{
  float: left;
}

.dcb-paddock-condition{
  font-size: 9px;
  line-height: 10px;
  text-align: left;
  padding: 0 7px;
}

.dcb-paddock-rules a {
  text-decoration: underline;
  color: #333;
}

/*End DCB Paddock*/

.button-cancel {
  cursor: pointer;
  border: 0;
  background: url('images/button.png') right top no-repeat;
  text-align: center;
  height: 33px;
  line-height: 33px;
  font-size: 11px;
  font-weight: bold;
  color: #666;
  margin-top: 10px;
  padding: 0 28px 0 0;
}

.button-cancel span {
  display: inline-block;
  white-space:nowrap;
  line-height: 29px;
  white-space: nowrap;
  height: 33px;
  line-height: 33px;
  padding: 0 0 0 28px;
  background: #fff url('images/button.png') left top no-repeat;
}

.title-bar{
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.20, #fff), color-stop(1, #ebebeb));
  background: -moz-linear-gradient(top, #fff 20%, #ebebeb 100%);
  background: -webkit-linear-gradient(top, #fff 20%, #ebebeb 100%);
  background: -o-linear-gradient(top, #fff 20%, #ebebeb 100%);
  background: -ms-linear-gradient(top, #fff 20%, #ebebeb 100%);
  background: linear-gradient(to bottom, #fff 20%, #ebebeb 100%);
  background-color: rgba(0, 0, 0, 0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ebebeb',GradientType=0);
  background-color: #ebebeb;
  border-bottom: 1px solid #dfdfdf;
  overflow: hidden;
  display: table;
  width: 100%;
  padding: 7px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.title-bar .pivot-left{
  display: table-cell;
  width: 70%;
  vertical-align: middle;
  max-width: 0;
}

.title-bar .pivot-right{
  display: table-cell;
  width: 30%;
  vertical-align: middle;
}

.title-bar .pivot-left h1{
  background: initial;
  padding-left: initial;
  height: initial;
  line-height: initial;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px !important;
  margin: 0 !important;
}

.title-bar .pivot-right #secure-payment{
  right: initial;
  background: url('icons/secure-lock.gif') right center no-repeat;
  position: initial;
  top: initial;
  height: initial;
  line-height: initial;
  text-align: right;
  padding-right: 13px;
  margin: 0 !important;
}

ul.modal_list_countrys{
  overflow: hidden;
  background-color: #fff;
}

ul.modal_list_countrys > li a{
  display: block;
  padding: 5px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  background-color: #fff;
  color: #666;
}

ul.modal_list_countrys > li.selected a,
ul.modal_list_countrys > li a:hover,
ul.modal_list_countrys > li a:focus{
  background-color: #3572b0;
  color: #fff;
}

ul.modal_list_countrys > li a img,
ul.modal_list_countrys > li a span{
  vertical-align: middle;
  display: inline-block;
}

ul.modal_list_countrys > li a img{
  margin-right: 8px;
}

.jBox-container{
  border-radius: 5px !important;
  overflow: hidden;
}

.jBox-Modal .jBox-content{
  padding: 0;
}

#worldwide .layout > div{
  display: inline-block;
  vertical-align: middle;
}

#worldwide .layout .country{
  margin: 0 10px;
}

#worldwide .layout .selector{
  border-left: 1px solid #e7e7e7;
  padding: 0 10px;
}

#worldwide .layout .country .multilanguages{
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
}

.copyright-all{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin-bottom: 75px;
  padding: 0 15px;
  background-color: #fff;
  padding-top: 35px;
}

.copyright-all.in-bottom{
  margin-bottom: 0 !important;
}

.parent-carousel-bottom{
  padding-top: 110px;
  width: 100%;
}

#virtual-title{
  margin-top: 25px !important;
}

#virtual-methods{
  margin-bottom: 45px !important;
  padding-bottom: 15px;
}

#payment-virtual.formLayout{
  width: initial;
  max-width: 100%;
}

#payment-virtual.formLayout .formSubmit{
  margin-top: 25px;
}

#worldwide .layout .country .arrow-down{
  display: none;
  border-top: 8px solid #666;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  vertical-align: middle;
  position: relative;
  left: 2px;
}

@media only screen and (max-width: 768px){
  #worldwide{ position: relative;z-index: 2; }
  #worldwide .layout .selector{ display: none; }
  #worldwide .layout .country{ cursor: pointer; }
  #worldwide .layout .country.disabled{ cursor: default; }
  .parent-carousel-bottom{ padding-top: 0 }
  .parent-carousel-bottom #carousel-bottom{ bottom: initial !important; top: 0; width: 100%; z-index: 3; }
  #page{ margin-top: 75px;height: initial !important; }
  #page.in-top{ margin-top: 0 !important; }
  #page #content{ margin-bottom: 65px; }
  #content{padding: 20px 8px 3px 8px;}
  .parent-carousel-bottom #carousel-bottom #copyright{ margin-bottom: 0 !important; }
  .parent-carousel-bottom #carousel-bottom #carousel{ width: 100%; }
  #bottom-link{ bottom: 13px !important; }
  .copyright-all{ margin: 20px 0 0;padding-top: 55px; }
  form.formLayout { width: auto; }
  #worldwide .layout .country .arrow-down{ display: inline-block; }

  #copyright{
    height: 39px;
    background: url('images/logo-mobiyo-small.png') center center no-repeat;
  }

  #carousel-bottom .carousel.in-row{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.20, #fff), color-stop(1, #f0f0f0));
    background: -moz-linear-gradient(top, #fff 20%, #f0f0f0 100%);
    background: -webkit-linear-gradient(top, #fff 20%, #f0f0f0 100%);
    background: -o-linear-gradient(top, #fff 20%, #f0f0f0 100%);
    background: -ms-linear-gradient(top, #fff 20%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 20%, #f0f0f0 100%);
    background-color: rgba(0, 0, 0, 0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f0f0f0',GradientType=0);
    background-color: #f0f0f0;
  }

  .carousel.in-row ul a,
  .carousel.in-row .links a{
    height: 73px !important;
  }

  .carousel.in-row #prev a{
    background-position: left -77px !important;
  }

  .carousel.in-row #prev a.enable{
    background-position: right -77px !important;
  }

  .carousel.in-row #next a{
    background-position: left -152px !important;
  }

  .carousel.in-row #next a.enable{
    background-position: right -152px !important;
  }

  form.formLayout p.input span.label{ float: initial;width: initial;margin-right: 10px;text-align: initial; }
  form.formLayout p.input span.field { display: initial;margin-left: initial; }

  .carousel.in-row .active a{
    box-shadow: inset 0 0 5px #919191;
    -moz-box-shadow: inset 0 0 5px #919191;
    -webkit-box-shadow: inset 0 0 5px #919191;
  }

  .carousel.in-row #premium-sms,
  .carousel.in-row .active #premium-sms{
    background-position: center -227px !important;
  }
  .carousel.in-row #premium-calling,
  .carousel.in-row .active #premium-calling{
    background-position: center -377px !important;
  }

  .carousel.in-row #isp-billing,
  .carousel.in-row .active #isp-billing{
    background-position: center -527px !important;
  }

  .carousel.in-row #internet-plus,
  .carousel.in-row .active #internet-plus{
    background-position: center -527px !important;
  }

  .carousel.in-row #prepaid-card,
  .carousel.in-row .active #prepaid-card{
    background-position: center -677px !important;
  }

  .carousel.in-row #neosurf,
  .carousel.in-row .active #neosurf{
    background-position: center -677px !important;
  }

  .carousel.in-row #hipay,
  .carousel.in-row .active #hipay,
  .carousel.in-row #credit-card-hipay,
  .carousel.in-row .active #credit-card-hipay{
    background-position: center -827px !important;
  }


  .carousel.in-row #credit-card,
  .carousel.in-row .active #credit-card{
    background-position: center -977px !important;
  }

  .carousel.in-row #dineromail,
  .carousel.in-row .active #dineromail{
    background-position: center -1127px !important;
  }

  .carousel.in-row #payfone,
  .carousel.in-row .active #payfone{
    background-position: center -1277px !important;
  }

  .carousel.in-row #paypal,
  .carousel.in-row .active #paypal{
    background-position: center -1427px !important;
  }

  .carousel.in-row #zeevex,
  .carousel.in-row .active #zeevex{
    background-position: center -1577px !important;
  }

  .carousel.in-row #turkcell, .carousel.in-row #mikro-odeme,
  .carousel.in-row .active #turkcell, .carousel.in-row .active #mikro-odeme{
    background-position: center -1727px !important;
  }

  .carousel.in-row #premium-sms-worldwide,
  .carousel.in-row .active #premium-sms-worldwide{
    background-position: center -1877px !important;
  }

  .carousel.in-row #mpme,
  .carousel.in-row .active #mpme{
    background-position: center -2027px !important;
  }

  .carousel.in-row #wallie,
  .carousel.in-row .active #wallie{
    background-position: center -2477px !important;
  }

  .carousel.in-row #mobile,
  .carousel.in-row .active #mobile{
    background-position: center -2777px !important;
  }

  .carousel.in-row #mobile-chile,
  .carousel.in-row .active #mobile-chile{
    background-position: center -2627px !important;
  }

  .carousel.in-row #mobile-argentina,
  .carousel.in-row .active #mobile-argentina{
    background-position: center -6227px !important;
  }

  .carousel.in-row #mobile-turkey,
  .carousel.in-row .active #mobile-turkey{
    background-position: center -5927px !important;
  }

  .carousel.in-row #sofortuberweisung,
  .carousel.in-row .active #sofortuberweisung{
    background-position: center -2177px !important;
  }

  .carousel.in-row #giropay,
  .carousel.in-row .active #giropay{
    background-position: center -2327px !important;
  }

  .carousel.in-row #bancontact-mister-cash,
  .carousel.in-row .active #bancontact-mister-cash{
    background-position: center -3227px !important;
  }

  .carousel.in-row #ing-homepay,
  .carousel.in-row .active #ing-homepay{
    background-position: center -3377px !important;
  }

  .carousel.in-row #kbc-cbc,
  .carousel.in-row .active #kbc-cbc{
    background-position: center -3527px !important;
  }

  .carousel.in-row #dexia, .carousel.in-row #belfius,
  .carousel.in-row .active #dexia, .carousel.in-row .active #belfius{
    background-position: center -3677px !important;
  }

  .carousel.in-row #payshop,
  .carousel.in-row .active #payshop{
    background-position: center -2927px !important;
  }

  .carousel.in-row #multibanco,
  .carousel.in-row .active #multibanco{
    background-position: center -3077px !important;
  }

  .carousel.in-row #paysafecard,
  .carousel.in-row .active #paysafecard{
    background-position: center -3827px !important;
  }

  .carousel.in-row #mobilepay,
  .carousel.in-row .active #mobilepay{
    background-position: center -3977px !important;
  }

  .carousel.in-row #payforit,
  .carousel.in-row .active #payforit{
    background-position: center -4127px !important;
  }

  .carousel.in-row #qiwi,
  .carousel.in-row .active #qiwi{
    background-position: center -5477px !important;
  }

  .carousel.in-row #webmoney,
  .carousel.in-row .active #webmoney{
    background-position: center -5627px !important;
  }

  .carousel.in-row #yandex,
  .carousel.in-row .active #yandex{
    background-position: center -5777px !important;
  }

  .carousel.in-row #contactplus,
  .carousel.in-row .active #contactplus{
    background-position: center -6077px !important;
  }

  .carousel.in-row #dimoco,
  .carousel.in-row .active #dimoco{
    background-position: center -2777px !important;
  }

  .message span.smsplus{
    background: initial;
    padding-right: 0;
  }

  .payment-instruction-block{
    margin: 2.5em auto;
  }

  #operatorSms{
    margin-bottom: 25px;
  }

  .payment-instruction-block.access-codes{
    margin: 35px auto 5px auto !important;
  }

  .input-text-large{
    height: 40px;
    line-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    vertical-align: middle;
    margin-right: 10px;
  }

  button {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.20, #fff), color-stop(1, #e7e7e7));
    background: -moz-linear-gradient(top, #fff 20%, #e7e7e7 100%);
    background: -webkit-linear-gradient(top, #fff 20%, #e7e7e7 100%);
    background: -o-linear-gradient(top, #fff 20%, #e7e7e7 100%);
    background: -ms-linear-gradient(top, #fff 20%, #e7e7e7 100%);
    background: linear-gradient(to bottom, #fff 20%, #e7e7e7 100%);
    background-color: rgba(0, 0, 0, 0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e7e7e7',GradientType=0);
    background-color: #e7e7e7;
    border: 1px solid #ababab;
    text-align: center;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    font-weight: bold;
    color: #666;
    margin-top: 0;
    padding: 0 28px;
    vertical-align: middle;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  }

  button.active{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.20, #dfeeb7), color-stop(1, #a7ca4d));
    background: -moz-linear-gradient(top, #dfeeb7 20%, #a7ca4d 100%);
    background: -webkit-linear-gradient(top, #dfeeb7 20%, #a7ca4d 100%);
    background: -o-linear-gradient(top, #dfeeb7 20%, #a7ca4d 100%);
    background: -ms-linear-gradient(top, #dfeeb7 20%, #a7ca4d 100%);
    background: linear-gradient(to bottom, #dfeeb7 20%, #a7ca4d 100%);
    background-color: rgba(0, 0, 0, 0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfeeb7', endColorstr='#a7ca4d',GradientType=0);
    background-color: #a7ca4d;
    border-top: 1px solid #b1d45e;
    border-left: 1px solid #9ec14a;
    border-right: 1px solid #9ec14a;
    border-bottom: 1px solid #779a23;
  }

  button span {
    display: initial;
    white-space: normal;
    height: initial;
    line-height: initial;
    padding: initial;
    background: transparent;
  }

  button.active span{
    background: transparent;
  }

  ul.rsva_horizontal {
    padding-right: 0;
    display: inline-block;
  }

  .rsva_horizontal li{
    display: block;
  }

  .rsva_horizontal .rsva_number{
    text-align: center;
    padding: 10px;
    width: initial;
    font-size: 30px;
    position: relative;
  }

  .rsva_horizontal .rsva_number:after{
    content: '';
    position: absolute;
    bottom: -9px;
    left: 15px;
    border-top: 9px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
  }

  .rsva_horizontal .rsva_triangle{
    display: none;
  }

  .rsva_horizontal .rsva_price{
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 8px 10px 8px 45px;
    text-align: left;
  }

  h2#h2_err{
    font-size: 14px;
  }

  #valid-msisdn #mpme-container-number-phone,
  #mpme-form-process #mpme-container-number-phone{
    text-align: center;
    width: initial !important;
    display: block;
  }

  #valid-msisdn #mpme-container-number-phone #container-left,
  #valid-msisdn #mpme-container-number-phone #container-right,
  #mpme-form-process #mpme-container-number-phone #container-left,
  #mpme-form-process #mpme-container-number-phone #container-right{
    display: inline-block;
    width: initial !important;
    float: initial !important;
  }

  #valid-msisdn #mpme-container-number-phone #container-left .input,
  #mpme-form-process #mpme-container-number-phone #container-left .input{
    margin: 0;
    display: inline-block;
    vertical-align: middle;
  }

  #valid-msisdn #mpme-container-number-phone #container-left .input .label label,
  #valid-msisdn #mpme-container-number-phone #container-left .input .label .sample,
  #mpme-form-process #mpme-container-number-phone #container-left .input .label label,
  #mpme-form-process #mpme-container-number-phone #container-left .input .label .sample{
    display: none;
  }

  #valid-msisdn #mpme-container-number-phone #container-left .input .label,
  #mpme-form-process #mpme-container-number-phone #container-left .input .label{
    display: none;
  }

  #valid-msisdn #mpme-container-number-phone #container-left .input .field,
  #mpme-form-process #mpme-container-number-phone #container-left .input .field{
    margin: 0 !important;
    padding: 0 !important;
    display: block;
  }

  #valid-msisdn #mpme-container-number-phone #container-left .input .field input,
  #mpme-form-process #mpme-container-number-phone #container-left .input .field input{
    margin: 0 !important;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  #valid-msisdn #mpme-container-number-phone #container-right button,
  #mpme-form-process #mpme-container-number-phone #container-right button{
    margin-left: 0 !important;
  }

  #mpme-form-process{
    text-align: center;
  }

  #mpme-form-process .check{
    display: inline-block;
    margin: 15px 0 0 !important;
    padding: 0;
  }

  #mpme-form-process .check *{
    vertical-align: middle;
  }

  .formLayout fieldset > div:first-of-type{
    width: 100% !important;
    text-align: center;
  }

  .formLayout fieldset #container-left,
  .formLayout fieldset #container-right{
    width: initial !important;
    float: initial !important;
    display: inline-block;
  }

  .formLayout .input{
    text-align: center;
  }

  .formLayout fieldset #container-left .input{
    text-align: left;
  }

  .formLayout fieldset #container-left .input .label{
    padding: 0 !important;
    margin: 0 !important;
    width: initial !important;
  }

  .formLayout fieldset #container-left .input .label label{
    padding-left: 0;
    font-size: 13px;
    margin-bottom: 10px;
    display: inline-block;
  }

  .formLayout fieldset #container-left .input .field{
    margin-left: 0 !important;
  }

  .formLayout fieldset #container-left .input .field input{
    margin: 0 !important;
    padding: 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
  }

  .formLayout .check{
    display: inline-block;
    margin: 5px 0 0 !important;
    padding: 0;
  }

  .formLayout .check *{
    vertical-align: middle;
  }

  .formLayout fieldset #container-right button{
    margin-left: 0 !important;
  }

  .formLayout .input.field-valid .label label{
    background-position: left center;
    padding-left: 20px !important;
  }

  .formLayout .rounded-box{
    margin-top: 15px;
    height: initial !important;
    width: 100% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .formLayout fieldset #container-left .input .label-with-sample br{
    display: none;
  }

  .formLayout fieldset #container-left .input .label-with-sample{
    display: block;
    text-align: left !important;
  }

  .formLayout .legal{
    margin-top: 15px;
  }

  .formLayout #cancel-link{
    bottom: initial;
    position: initial;
    left: initial;
    text-align: center;
    margin-top: 15px;
  }

  #dcb-purchase .field select{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px 15px !important;
    height: initial;
    line-height: initial;
    margin-bottom: 15px;
  }

  .script-box-tmobile p{
    overflow: hidden;
  }

  .script-box-tmobile p input{
    display: block;
  }

  .script-box-tmobile p input[type=text]{
    width: 68%;
    float: left;
  }

  .script-box-tmobile p input[type=submit]{
    width: 30%;
    float: right;
  }

  .tmobile-logo{
    width: 90px !important;
  }

  .script-tmobile-center-inmobile{
    text-align: center;
  }

  #sendPinForm.formLayout.dcbIdentifyForm .rounded-box{
    margin-bottom: 15px;
  }

  .formLayout #instruction.label.label-with-sample{
    display: block;
    text-align: center !important;
    margin-bottom: 15px;
  }

  #gatewayForm.formLayout fieldset{
    text-align: center;
  }

  #gatewayForm.formLayout fieldset table{
    display: inline-block;
    margin: 5px 0;
  }

  #gatewayForm.formLayout .additional-instructions{
    margin-top: 15px !important;
  }
}

@media only screen and (max-width: 455px){
  #worldwide .layout .country span{ display: none; }
  #worldwide .layout .country img{ margin-right: 0; }

  .payment-instruction-block .formLayout .input{
    margin: 0 0 15px 0;
  }

  .payment-instruction-block .formLayout p:last-of-type .label{
    display: none !important;
  }

  .payment-instruction-block .formLayout .input .label,
  .payment-instruction-block .formLayout .input .field{
    display: block;
    width: 100%;
    text-align: left !important;
    position: relative;
  }

  .payment-instruction-block .formLayout .input .label label{
    padding-left: 0;
    font-size: 13px;
  }

  .payment-instruction-block .formLayout .input .field select,
  .payment-instruction-block .formLayout .input .field input[type=text]{
    display: block;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px 15px !important;
    height: initial;
    line-height: initial;
  }

  .payment-instruction-block .formLayout .input .field input[type=text]{
    padding-right: 35px !important;
  }

  .payment-instruction-block .formLayout .input .field .email-help{
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    display: block;
    width: 17px;
    height: 17px;
    padding: 0 !important;
    background-position: center center;
    z-index: 5;
  }

  .payment-instruction-block .formLayout .input.field-valid .label label{
    padding-left: 20px;
  }

  #worldwide .layout .country .multilanguages{
    margin-left: 10px;
  }

  #virtual-methods ul{
    text-align: center;
  }

  #virtual-methods ul li{
    float: initial !important;
    display: inline-block;
  }

  #worldwide .layout .country .arrow-down{
    left: 10px;
  }
}

@media only screen and (max-width: 376px){

  #valid-msisdn #mpme-container-number-phone #container-left,
  #valid-msisdn #mpme-container-number-phone #container-right,
  #mpme-form-process #mpme-container-number-phone #container-left,
  #mpme-form-process #mpme-container-number-phone #container-right{
    display: block;
  }

  #valid-msisdn #mpme-container-number-phone #container-right,
  #mpme-form-process #mpme-container-number-phone #container-right{
    margin-top: 10px;
  }

  #valid-msisdn #mpme-container-number-phone #container-left .input .field input,
  #valid-msisdn #mpme-container-number-phone #container-right button,
  #mpme-form-process #mpme-container-number-phone #container-left .input .field input,
  #mpme-form-process #mpme-container-number-phone #container-right button{
    display: block;
    width: 100%;
  }

  #valid-msisdn #mpme-container-number-phone #container-left .input,
  #mpme-form-process #mpme-container-number-phone #container-left .input{
    display: block;
    width: 100%;
  }

  #mpme-form-process{
    text-align: left;
  }

  .formLayout .input{
    text-align: left;
  }

  .formLayout fieldset #container-left,
  .formLayout fieldset #container-right{
    width: 100% !important;
    display: block;
  }

  .formLayout fieldset #container-right{
    margin-top: 10px;
  }

  .formLayout fieldset #container-left .input .field input{
    display: block;
    width: 100%;
  }

  .formLayout fieldset #container-right button{
    display: block;
    width: 100%;
  }

  #dcb-purchase .input .label{
    display: block;
    text-align: left !important;
    margin-right: 0;
    margin-bottom: 5px;
  }

  #dcb-purchase .input .label label{
    padding-left: 0;
    font-size: 13px;
  }

  #dcb-purchase .input.field-valid .label label{
    background-position: left center;
  }

  #dcb-purchase .field select{
    display: block;
    width: 100%;
  }

  .script-box-tmobile p input{
    width: 100% !important;
    float: initial !important;
    margin-bottom: 10px;
  }

  .row [class*="col-"]{
    padding-left: 0;
    padding-right: 0;
  }

  #sendPinForm.formLayout.dcbIdentifyForm .input.input-center *{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  #sendPinForm.formLayout.dcbIdentifyForm .input.input-center .label{
    width: 100%;
    display: block;
    text-align: left !important;
  }

  #sendPinForm.formLayout.dcbIdentifyForm .input.input-center .label label{
    padding-left: 0 !important;
  }

  #sendPinForm.formLayout.dcbIdentifyForm .input.input-center .field .small{
    display: block;
    margin-bottom: 10px;
    width: 100%;
  }

  #sendPinForm.formLayout.dcbIdentifyForm .input.input-center .field .small input[type=text]{
    width: 100%;
    margin-right: 0;
  }

  #sendPinForm.formLayout.dcbIdentifyForm .input.input-center .field button{
    width: 100%;
  }

  .formLayout #customer_phone.input-text,
  .formLayout .formSubmit.fix-margin-mpme button{
    width: 100%;
    margin-right: 0 !important;
  }

  #gatewayForm.formLayout p.input span.label label{
    padding-left: 0 !important;
  }

  #gatewayForm.formLayout p.input span.label label.field-valid{
    padding-left: 18px !important;
  }

  #gatewayForm.formLayout p.input span.label{
    margin-right: 0 !important;
  }

}