/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *
 *   RESET CSS
 *
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  body,
  div,
  dl,
  dt,
  dd,
  ul,
  ol,
  li,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  pre,
  form,
  fieldset,
  input,
  textarea,
  p,
  blockquote,
  th,
  td {
    margin:0;
    padding:0;
  }
  table {
    border-collapse:collapse;
    border-spacing:0;
    font-size:inherit;
    font:12px;
    
  }
  fieldset,
  img {
    border:0;
  }
  address,
  caption,
  cite,
  code,
  dfn,
  em,
  strong,
  th,
  var {
    font-style:normal;
    font-weight:normal;
  }
  ol,
  ul {}
  caption,
  th {
    text-align:left;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size:12px;
    font-weight:normal;
  }
  q:before,
  q:after {
    content:'';
  }
  abbr,
  acronym {
    border:0;
  }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *
 *   RESET FONTS
 *
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  body {
    font:12px/135% arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
  }
.intl-ko_KR   body {
    font:12px/135% NanumGothic,arial,helvetica,clean,sans-serif;
}

  select,
  input,
  textarea {
    font:12px arial,helvetica,clean,sans-serif;
  }
.intl-ko_KR   select,
.intl-ko_KR   input,
.intl-ko_KR   textarea {
    font:12px NanumGothic,arial,helvetica,clean,sans-serif;
}

  pre,
  code {
    font:13px monospace;
    *font-size:12px;
  }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *
 *   GENERIC PRIMITIVES
 *
 *   This sheet styles primitive html elements (body, img, h...)
 *   in Hcom's brand.
 *
 *   Non primitive elements do not live in here!
 *
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   *
   *   LAYOUT
   *
   * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  color: #555;
}
.intl-ko_KR body {
  font: 12px/135% NanumGothic,arial,helvetica,clean,sans-serif;
}

img {
  border: 0;
}
label {
  font-size: 12px;
}
h1 {
  font-size: 20px;
  line-height: 1.2em;
  font-weight: bold;
  margin-bottom: 10px;
}
h2 {
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
h3 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
hr {
  border: none;
  margin: 0 0 10px 0;
  padding: 0;
  height: 1px;
  border-bottom: 1px #f8af18 dotted;
}
p {
  margin: 14px 0 14px 0;
}
a {
  color: #3399cc;
  text-decoration: none;
}
input {
  padding: 2px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   *
   *   STYLE
   *
   * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
strike {
  color: #666;
}
strong {
  font-weight: bold;
}
.intl-en_US hr {
  border-bottom: 1px #99cce5 solid;
}

.intl-en_CA hr {
  border-bottom: 1px #99cce5 solid;
}

button {
  font: 12px/135% arial,helvetica,clean,sans-serif
}
.intl-ko_KR button {
  font: 12px/135% NanumGothic,arial,helvetica,clean,sans-serif
}

input[type=radio] {
  margin: 3px 5px 0 5px;
}
input[type=checkbox] {
  margin: 3px 3px 3px 4px;
}
/*********************
  GENERIC PROPERTIES
***********************/
#container {
  max-width: 1160px;
  margin: 20px auto 0 auto;
}
button {
  font: 14px/135% arial,helvetica,clean,sans-serif;
  font-weight: bold;
}

.bottom_left {
  left: 0;
  margin: -33px 0 0 -39px;
}
.hidden {
  display: none;
}
br.clear {
  font-size: 1px;
  line-height: 1px;
  clear: both;
}
.clear-left {
  clear: left !important;
}
.rtl .clear-left {
  clear: right !important;
}
.clear-both {
  clear: both !important;
}
.page {
  display: none;
}
.asterisk {
  color: red;
}

/*********************
  ARROW
***********************/
.arrow {
  font-size: 0;
  height: 0;
  left: 100px;
  line-height: 0;
  position: absolute;
  bottom: 11px;
}
.arrow .outer,
.arrow .inner,
.arrow .middle {
  border: 28px solid transparent;
  position: absolute;
  border-top-color: #EAF5FA;
}
.rtl .arrow .inner {
  left: 0;
}
.arrow .middle {
  border-top-color: #fff;
  border-width: 34px;
  left: -6px;
  top: 10px;
}
.arrow .outer {
  border-top-color: #DCDCDC;
  border-width: 36px;
  left: -8px;
  top: 10px;
}
/*********************
  RESULT
***********************/
.result textarea,
.source textarea {
  width: 400px;
}

#generated_source,
#generated_feed_link,
#deals_widget_source,
.result textarea,
#searchform_widget_source
 {
  direction: ltr;
}
/*********************
  FOOTER
***********************/
#footer {
  color: #000;
  border-top: 3px solid #d6ebf5;
  text-align: center;
  color: #999;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 0 10px 0;
}
/***********************
  COMMON FORM PROPERTIES
*************************/
#content .widget {
  margin: 0;
  border-bottom-width: 1px;
  padding-bottom: 30px;
}
#content .widget#login_widget {
  margin: 0 auto 30px auto;
}

#content .widget,
#content .widget h3 {
  border-bottom-style: solid;
  border-bottom-color: #80A0BF;
}

#content .widget h3 {
  color: #80A0BF;
  border-bottom-width: 3px;
}

#content .widget h3 span {
  background-color: #fff;
  bottom: -10px;
  position: relative;
  color: #369;
  font-weight: bold;
  text-align: center;
  padding-right: 8px;
}
.rtl #content .widget h3 span {
  padding-right: 0;
  padding-left: 8px;
}

#content .widget p {
  font-size: 12px;
}

#content .widget form {
  margin: 0;
  width: 680px;
}

#content .widget#login_widget form{
  width: auto;
}

#content .widget form .label {
  float: left;
  font-weight: bold;
  text-align: right;
  clear: both;
}
.rtl #content .widget form .label {
  float: right;
  text-align: left;
}
.rtl #content #login_widget form .label {
  margin-left: 20px !important;
}

#content .widget form span.trackingParameterLabel {
  display: none;
  float: none;
  margin-right: 3px;
}

#content .widget form span.parameterLabel {
  float: none;
  margin-right: 3px;
}

#content .widget form .value {
  float: right;
}

#content .widget form .label,
#content .widget form .value {
  margin-top: 5px;
  margin-bottom: 5px;
}

.rtl #loginForm .label {
  margin-left: 20px !important;
}

#content input[type=text],
#content input[type=radio],
#content input[type=checkbox] {
  color: #555;
}

#content .widget form select {
  color: #555;
  width: 80%;
}

#content .widget form select optgroup {
  background-color: #DDD;
  color: #555;
  font-style: normal;
}

#content .widget form select optgroup option {
  background-color: white;
}

#content .widget form .notification {
  color: #EE3424;
  font-size: 80%;
}

#content .widget form .asterisk {
  float: right;
  margin-top: 0;
}
.rtl #content .widget form .asterisk {
  float: left;
}

#content .widget form .hidden {
  display: none;
}

#content .widget form div#trackingLinkTypes input {
  margin-left: 10px;
  margin-right: 0;
}

#content .widget form .footnote {
  font-size: 80%;
  font-style: italic;
  float: right;
  width: 60%;
}
.rtl #content .widget form .footnote {
  float: left;
}

#content .widget form .value input.radiobutton {
  width: 20px;
  margin-left: 0;
}

#content .widget form span.radiobutton {
  padding-right: 5px;
  float: none;
}

#content .widget form .linktypeexplanation {
  color: #1E90FF;
  font-size: 80%;
  font-style: italic;
  text-align: justify;
  width: 96%;
  margin: 0px;
  clear: both;
}

.trLinkTypes {
  margin: 0 0 0 40% !important;
  clear: both;
  width: 300px;
}
.rtl .trLinkTypes {
  margin: 0 40% 0 0 !important;
}

#tracking_typeselector .radiobutton {
  float: left;
}
.rtl #tracking_typeselector .radiobutton {
  float: right;
}

.home.folder.cta {
  font-size: 16px;
}
a img#portal_logo {
  border: 0;
}

/**
 * Header rules
 */
#header_container {
  margin: 0;
}
#header_container ul,
#header_container li,
#header_container h1,
#header_container p {
    margin: 0px;
    padding: 0px;
  }
#header_container li {
    color: #555555;
    list-style-type: none;
}

  .g {
    background-color: transparent;
    margin: 0 auto;
    padding: 0 0 0 16px;
    overflow: visible;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #header_container a {
    text-decoration: none;
  }

  #header-toggle {
    background: #333;
    box-shadow: 2px 1px 2px rgba(255,255,255,0.3),-2px 1px 2px rgba(255,255,255,0.3);
    border-radius: 0 0 6px 6px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -29px;
    width: 58px;
    z-index: 99;
    text-align: center;
  }

  #header-toggle a {
    background: url(/assets/images/common/sprite-header.png) no-repeat 8px -57px;
    border: 0;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    line-height: 1.4;
    padding: 4px 10px 5px 14px;
    margin: 0;
    border-radius: 0 0 6px 6px;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    width: 34px;
  }
  #header-toggle a:hover, #header-toggle a.toggle-active {
    background-color: #710515;
  }
  #header-toggle a.toggle-active {
    background-position: 7px -75px;
  }
  .rtl #header-toggle a {
      background-position: 130% -187px;
      padding: 4px 14px 5px 10px;
  }
  .rtl #header-toggle a.toggle-active {
    background-position: 130% -75px;
  }

  #header-selector {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
  }
  #header-full {
    left: 0;
    min-width: 960px;
    position: relative;
    top: 0;
    z-index: 15;
}
  #header-full .g {
    background-color: rgba(0, 0, 0, 0);
    overflow: visible;
    position: relative;
  }
  #pos-wrapper {
    position:relative;
    display:none;
    height:312px;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    box-shadow: 0 -1px 14px 1px rgba(51, 51, 51, 0.8);
    background-color: #F2EEE8;
    max-width: 1160px;
    margin: 0px auto;
    min-width: 760px;
    width: 97.92%;
    overflow: hidden;
    padding-top: 2.5em;
    left: 0;
    right: 0;
    outline: 0;
  }

#header-full .tab-container {
  background-color: #FFF;
  position: relative;
  width: 100%;
}

  #header-bar {
    background: #d31200;
    background: -moz-linear-gradient(top,#f61800 0,#c61111 100%);
    background: -webkit-linear-gradient(top,#f61800 0,#c61111 100%);
    background: -o-linear-gradient(top,#f61800 0,#c61111 100%);
    background: -ms-linear-gradient(top,#f61800 0,#c61111 100%);
    background: linear-gradient(top,#f61800 0,#c61111 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F61800',EndColorStr='#C61111')";
    border-top: 1px solid #f63937;
    border-bottom: 1px solid #a30c10;
    height: 54px !important;
    z-index: 1;
  }
  #header-bar .g p {
    text-align: right;
    float: right;
    font-size: 18px;
    margin-top: 20px;
  }
  .rtl #header-bar .g p {
    float: left;
    text-align: left;
  }
  #header-bar .g,
  #menu-bar .g  {
    max-width: 1160px;
    margin: 0 auto;
  }
  #header-bar .g {
    margin-bottom: -20px;
  }
  #menu-bar {
    background-color: #333;
    width: 100%;
    min-height: 2.7em;
  }
  #header-bar *, #menu-bar * {
    color: #FFF;
  }
  #menu-bar ul {
    display: inline;
    margin-left: -10px;
  }

  #menu-bar .nav {
    float: right;
  }
  .rtl #menu-bar .nav {
    float: left;
  }
  #menu-bar #nav-home,
  #menu-bar .nav-secondary {
    float: left;
    margin: 0 10px;
  }
  .rtl #menu-bar #nav-home,
  .rtl #menu-bar .nav-secondary {
    float: right;
  }
  #menu-bar .popup-menu>a {
    background-image: url(/assets/images/common/sprite-header.png);
    background-repeat: no-repeat;
    background-position: 95% -91px;
    padding-right: 24px;
  }
  #menu-bar li {
    display: inline-block;
  }

  #menu-bar .popup-menu ul {
    background-color: #f3efe9;
    display: inline-block;
    position: absolute;
    margin: 0 0 -1px 0;
    top: -99em;
    left: 0;
    width: 176px;
    box-shadow: 4px 0 10px -2px rgba(51,51,51,0.8),-4px 0 10px -2px rgba(51,51,51,0.8);
    border-radius: 0 0 5px 5px;
    z-index: 100;
  }
  #menu-bar .popup-menu li,
  #menu-bar .popup-menu ul a {
    display: block;
  }

  #menu-bar .popup-menu-active>a:hover,
  #menu-bar .popup-menu-active>a:focus {
    background-color:#700515;
    background-position:95% -111px;
    color:#fff;
  }
  #menu-bar li.popup-menu-active ul a:hover,
  #menu-bar li.popup-menu-active ul a:focus{
    background:#1871c8;
    color:#FFF;
  }
  #menu-bar .popup-menu ul li:last-child a,
  #menu-bar .popup-menu ul li:last-child span {
    border: 0;
    border-radius: 0 0 5px 5px;
  }

  #menu-bar a:hover, #menu-bar a:active,
  #menu-bar input[type="submit"]:hover {
    background-color: #4E4E4E;
    text-decoration: none;
  }
  #menu-bar a,
  #menu-bar input[type="submit"] {
    display: inline-block;
    padding: 8px 10px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    background: transparent;
  }

  #menu-bar .popup-menu-active ul a {
    padding-right: 10px;
    background: rgba(0, 0, 0, 0);
    color: #333;
    border-bottom: 1px solid #D8D6D0;
    display: block;
    margin-left: 0;
  }
  #menu-bar li.popup-menu-active ul a {
    color: #333;
    outline: 0;
  }

  #menu-bar:after {
    z-index: -1;
    position: relative;
    display: block;
    width: 98%;
    top: 22px;
    height: 10px;
    left: 1%;
    content: " ";
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 3px 10px rgba(51,51,51,0.8);
    -moz-box-shadow: 0 3px 10px rgba(51,51,51,0.8);
    box-shadow: 0 3px 5px rgba(51,51,51,0.8);
  }

  #toolsMenu {
    border: none !important;
  }


/*
 * POS selector
 */
.location-option {
    background-color: #F2EEE8;
    width: 100%;
    float: left;
}

.rtl .location-option {
    float: right;
}

#pos-wrapper .location-option li,
#currency-wrapper .location-option li {
    width: 100%;
}

#header-full h2 {
    width: 24.99%;
    font-size: 118%;
    margin: 0;
}

/* Russian does not fit */
#header-full .ru_RU h2 {
  font-size: 100%;
}

#header-full h2 a {
    font-weight: bold;
    color: #4E4E4E;
    padding: 32px 110px 22px 20px;
    display: block;
    background-image: url(/assets/images/common/sprite-pos-selector.png);
    background-repeat: no-repeat;
    text-decoration: none;
}

.lt-ie7 .location-option a {
    position: relative;
}

.location-option .widget-tab-content-trigger-active a,
.location-option a:hover {
    background-color: #FFF;
    text-decoration: none;
}
.location-option-americas a {
    background-position: 90% 20px;
}
.widget-tab-content-trigger-active .location-option-americas a,
.location-option-americas a:hover {
    background-position: 90% -412px;
}
.location-option-europe a {
    background-position: 90% -88px;
}
.widget-tab-content-trigger-active .location-option-europe a,
.location-option-europe a:hover {
    background-position: 90% -520px;
}
.location-option-africa-middle-east a {
    background-position: 90% -196px;
}
.widget-tab-content-trigger-active .location-option-africa-middle-east a,
.location-option-africa-middle-east a:hover {
    background-position: 90% -628px;
}
.location-option-asia-pacific a {
    background-position: 90% -304px;
}
.widget-tab-content-trigger-active .location-option-asia-pacific a,
.location-option-asia-pacific a:hover {
    background-position: 90% -736px;
}

/* TODO: check this still works for RTL in HWA */
.rtl #header-full li h2 a,
.rtl #header-full li h2 a:hover {
    padding: 32px 20px 22px 110px;
    background-position-x: 10%;
}
/* for gecko https://bugzilla.mozilla.org/show_bug.cgi?id=550426 */

.rtl .location-option-americas a {
    background-position: 10% 20px;
}
.rtl .widget-tab-content-trigger-active .location-option-americas a,
.rtl .location-option-americas a:hover {
    background-position: 10% -412px;
}
.rtl .location-option-europe a {
    background-position: 10% -88px;
}
.rtl .widget-tab-content-trigger-active .location-option-europe a,
.rtl .location-option-europe a:hover {
    background-position: 10% -520px;
}
.rtl .location-option-africa-middle-east a {
    background-position: 10% -196px;
}
.rtl .widget-tab-content-trigger-active .location-option-africa-middle-east a,
.rtl .location-option-africa-middle-east a:hover {
    background-position: 10% -628px;
}
.rtl .location-option-asia-pacific a {
    background-position: 10% -304px;
}
.rtl .widget-tab-content-trigger-active .location-option-asia-pacific,
.rtl .location-option-asia-pacific a:hover {
    background-position: 10% -736px;
}


#header-full .tab-container {
    background-color: #fff;
    position: relative;
    width: 100%;
}

#header-full .widget-tab-content-panel {
    position: absolute;
    top: 0;
    left: 25%;
    width: 75%;
    float: right;
    background-color: #FFF;
    height: 312px;
    display: none;
}

.rtl #header-full .widget-tab-content-panel {
    float: left;
    right: 25%;
    left: 0;
}

#header-full .widget-tab-content-panel ul {
    clear: left;
}

#header-full .widget-tab-content-panel li {
    width: 33.3%;
    float: left;
}
.rtl #header-full .widget-tab-content-panel li {
    float: right;
}
#header-full .widget-tab-content-panel li li {
    width: 100%;
}

#header-full .widget-tab-content-panel a {
    background: none;
    color: #4E4E4E;
    display: block;
    padding: 6px 10px;
    font-weight: normal;
    border-left: 1px solid #F2EFE8;
}
.ie6 #header-full .widget-tab-content-panel a {
    zoom: 1;
}

#currency-options a:hover,
#header-full .widget-tab-content-panel .active a:hover,
#header-full .widget-tab-content-panel a:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #1770C7;
}

#header-full .widget-tab-content-panel .active a {
    color: #FFF;
    background-color: #7D7D7D;
}

#header-full .widget-tab-content-panel .active span {
    border: 1px solid #6C6C6C;
}

#header-full .widget-tab-content-panel span {
    border: 1px solid #DFDFDF;
    margin-right: 2px;
    margin-bottom: 2px;
    vertical-align: middle;
}
.rtl #header-full .widget-tab-content-panel span {
    margin: 0 0 2px 2px;
    float: right;
}

#header-full .widget-tab-content-panel a:hover span {
    border: 1px solid #1362AC;
}

.sprite {
    display: inline-block;
    overflow: hidden;
}

/*
 * Base flag sprites class
 */
.sprite-flags {
    background-image: url(/assets/images/common/flags.png);
    width: 16px;
    height: 11px;
    /* default to blank image (just in case code not available */
    background-position: -60px -480px;
}
/*
 * locale based flag icons used in header
 */

/* European locales */
.sprite-flags-aut {
    background-position: 0 -540px;
}

.sprite-flags-bel {
    background-position: 0 0;
}

.sprite-flags-bnx {
    background-position: 0 -680px;
}

.sprite-flags-hrv {
    background-position: 0 -20px;
}

.sprite-flags-cze {
    background-position: 0 -40px;
}

.sprite-flags-dnk {
    background-position: 0 -60px;
}

.sprite-flags-est {
    background-position: 0 -80px;
}

.sprite-flags-fin {
    background-position: 0 -100px;
}

.sprite-flags-fra {
    background-position: 0 -120px;
}

.sprite-flags-deu {
    background-position: 0 -140px;
}

.sprite-flags-grc {
    background-position: 0 -160px;
}

.sprite-flags-hun {
    background-position: 0 -180px;
}

.sprite-flags-isl {
    background-position: 0 -200px;
}

.sprite-flags-irl {
    background-position: 0 -220px;
}

.sprite-flags-ita {
    background-position: 0 -240px;
}

.sprite-flags-lva {
    background-position: 0 -260px;
}

.sprite-flags-ltu {
    background-position: 0 -280px;
}

.sprite-flags-nld {
    background-position: 0 -300px;
}

.sprite-flags-nor {
    background-position: 0 -320px;
}

.sprite-flags-pol {
    background-position: 0 -340px;
}

.sprite-flags-prt {
    background-position: 0 -360px;
}

.sprite-flags-rus {
    background-position: 0 -380px;
}

.sprite-flags-svk {
    background-position: 0 -400px;
}

.sprite-flags-esp {
    background-position: 0 -420px;
}

.sprite-flags-swe {
    background-position: 0 -440px;
}

.sprite-flags-che {
    background-position: 0 -460px;
}

.sprite-flags-tur {
    background-position: 0 -480px;
}

.sprite-flags-ukr {
    background-position: 0 -500px;
}

.sprite-flags-gbr {
    background-position: 0 -520px;
}

/* Asia/Pacific locales */
.sprite-flags-aus {
    background-position: -60px 0;
}

.sprite-flags-hkg{
    background-position: -60px -420px;
}

.sprite-flags-chn {
    background-position: -60px -20px;
}

.sprite-flags-jpn {
    background-position: -60px -40px;
}

.sprite-flags-kor {
    background-position: -60px -60px;
}

.sprite-flags-phl {
    background-position: -60px -80px;
}

.sprite-flags-sgp {
    background-position: -60px -100px;
}

.sprite-flags-twn {
    background-position: -60px -120px;
}

.sprite-flags-nzl {
    background-position: -60px -440px;
}

.sprite-flags-ind {
    background-position: -60px -520px;
}

.sprite-flags-mys {
    background-position: -60px -540px;
}

.sprite-flags-vnm {
    background-position: -60px -680px;
}

.sprite-flags-idn {
    background-position: 0 -700px;
}

/* Americas locales */
.sprite-flags-arg {
    background-position: -60px -280px;
}

.sprite-flags-tha {
    background-position: -60px -300px;
}

.sprite-flags-chl {
    background-position: -60px -340px;
}

.sprite-flags-bra {
    background-position: -60px -140px;
}

.sprite-flags-col {
    background-position: -60px -320px;
}

.sprite-flags-per {
    background-position: -60px -460px;
}

.sprite-flags-ven {
    background-position: -60px -360px;
}

.sprite-flags-pan {
    background-position: -60px -380px;
}

.sprite-flags-gtm {
    background-position: -60px -400px;
}

.sprite-flags-can {
    background-position: -60px -160px;
}

.sprite-flags-mex {
    background-position: -60px -180px;
}

.sprite-flags-usa {
    background-position: -60px -200px;
}

.sprite-flags-blz {
    background-position: 0 -560px;
}

.sprite-flags-bol {
    background-position: -60px -560px;
}

.sprite-flags-cri {
    background-position: 0 -580px;
}

.sprite-flags-ecu {
    background-position: -60px -580px;
}

.sprite-flags-guf {
    background-position: 0 -600px;
}

.sprite-flags-guy {
    background-position: -60px -600px;
}

.sprite-flags-hnd {
    background-position: 0 -620px;
}

.sprite-flags-nic {
    background-position: -60px -620px;
}

.sprite-flags-pry {
    background-position: 0 -640px;
}

.sprite-flags-sur {
    background-position: -60px -640px;
}

.sprite-flags-ury {
    background-position: 0 -660px;
}

.sprite-flags-slv {
    background-position: -60px -660px;
}

/* Africa/Middle East locales */
.sprite-flags-are {
    background-position: -60px -700px;
}

.sprite-flags-isr {
    background-position: -60px -220px;
}

.sprite-flags-zaf {
    background-position: -60px -240px;
}

/* Locales with no flag defined */
.sprite-flags-blank {
    background-position: -60px -480px;
}

.sprite-flags-blank-white {
    background-position: -60px -500px;
}

/*
    One-brand buttons
    http://wiki.hotels.com/display/dev/CTA+Buttons
*/

.cta,
a.cta,
.cta:link,
.cta:visited {
    background-color:       #30aff7;
    background-image:       -moz-linear-gradient(top, #63ccff 0%, #22aeff 40%, #0495ee 100%);
    background-image:       -ms-linear-gradient(top, #63ccff 0%, #22aeff 40%, #0495ee 100%);
    background-image:       -webkit-linear-gradient(top, #63ccff 0%, #22aeff 40%, #0495ee 100%);
    background-image:       linear-gradient(top, #63ccff 0%, #22aeff 40%, #0495ee 100%);
    background-position:    50%;
    border:                 1px solid #bbe9ff;
    border-left-color:      #54c0ff;
    border-bottom-color:    #3aabf0;
    border-right-color:     #58bbf7;
    border-radius:          3px;
    box-shadow:             0 0 0 1px #0087db, 1px 1px .5px 1px rgba(60, 163, 227, .3);
    color:                  #fff !important;
    cursor:                 pointer;
    display:                inline-block;
    font-size:              12px;
    font-weight:            bold;
    line-height:            1.5;
    margin:                 0 2px 4px;
    overflow:               visible;
    padding:                2px 10px;
    vertical-align:         middle;
    width:                  auto;
}

.ie6 button.cta,
.ie7 button.cta {
    padding:                0 10px 1px;
}

.ie9 .cta {
    background-image:       url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4ODgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM2M0NDRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwNDk1RUUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c4ODgpIiAvPgo8L3N2Zz4=);
}

.cta:hover,
.cta:active,
.cta.cta-active {
    background-color:       #026dc5;
    background-image:       none;
    border:                 1px solid #89ccf5;
    border-bottom-color:    #38a9ef;
    border-left-color:      #38a9ef;
    border-right-color:     #47aded;
    text-decoration:        none;
}

.cta.cta-disabled,
.cta.cta-disabled:hover,
.cta.cta-disabled:active {
    background:             #e8e8e8 center center;
    border:                 1px solid #ccc;
    box-shadow:             none;
    color:                  #555;
    cursor:                 default;
    pointer-events:         none;
}

.cta::-moz-focus-inner,
input.cta-plain-text
{
    border:                 0 none;
    padding:                0;
    margin:                 0;
}

input.cta-plain-text {
    background: transparent;
    border: 1px solid white;
    cursor: pointer;
    margin: 0 -1px;
}

.cta-secondary,
.cta-secondary:link,
.cta-secondary:hover,
.cta-secondary:active,
.cta-secondary:visited {
    background-color:       #b6b6b6;
    background-image:       -moz-linear-gradient(top, #c6c6c6 0%, #868686 100%);
    background-image:       -ms-linear-gradient(top, #c6c6c6 0%, #868686 100%);
    background-image:       -webkit-linear-gradient(top, #c6c6c6 0%, #868686 100%);
    background-image:       linear-gradient(top, #c6c6c6 0%, #868686 100%);
    border:                 1px solid #b6b6b6;
    border-top-color:       #e6e6e6;
    box-shadow:             0 0 0 1px #7a7a7a, 1px 1px .5px 1px rgba(60, 60, 60, .3);
}

.ie9 .cta-secondary {
    background-image:       url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2YzZjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYzZjNmM2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg2ODY4NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

}

.cta-secondary:hover {
    background-color:       #a5a5a5;
    background-image:       none;
}

.cta-strong,
a.cta-strong,
.cta-strong:link,
.cta-strong:visited {
    font-size:              16px;
    padding:                4px 10px;
}

.ie6 button.cta-strong,
.ie7 button.cta-strong {
    padding:                2px 10px 3px;
}

.cta.cta-processing,
.cta.cta-processing:hover,
.cta.cta-processing:active {
    background-color:       #FFD441;
    background-repeat:      no-repeat;
    border:                 1px solid #FFDD6B;
    border-top-color:       #FFEBA7;
    color:                  transparent; /* ie6-8 can't do transparent - hide the img for ie8*/
    cursor:                 default;
    text-decoration:        none;
    box-shadow:             0 0 0 1px #DB8B00, 1px 1px .5px 1px rgba(219, 139, 0, .3);
    background-image:       url(data:image/gif;base64,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);
}

.lt-ie9 .cta.cta-processing,
.lt-ie9 .cta.cta-processing:hover,
.lt-ie9 .cta.cta-processing:active {
    background-image:       none;
}

.ie6 button.cta-processing,
.ie7 button.cta-processing {
    color:                  #333;
}

/*****************
  CLICKJACK PROTECTION PROPERTIES
 ******************/
body {
  display: none !important;
}
/*****************
  LOGIN PROPERTIES
 ******************/
#content .widget {
  width: 450px;
  min-height: 170px;
}

#content .widget form .label {
  width: 140px;
}

#content .widget form .value {
  width: 210px;
}
.rtl #content .widget form .value {
  float: left;
}

#content .widget form input.button {
  width: 32%;
  margin-left: 34%;
  margin-top: 30px;
}
.rtl #content .widget form input.button {
  margin-left: 0;
  margin-right: 34%;
}

#content .widget .error {
  color: #EE3424;
  font-weight: bold;
  text-align: center;
}