/*! jQuery UI - v1.10.4 - 2014-01-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter:Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}
.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
    width: 2.4em;
}
.ui-button-icons-only {
    width: 3.4em;
}
button.ui-button-icons-only {
    width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}
.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/* button sets */
.ui-buttonset {
    margin-right: 7px;
}
.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}
.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}
.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}
.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}
.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute;
}
.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    /* support: IE10, see #8844 */
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0; /* support: IE7 */
    font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

.ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
    cursor: default;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}
.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}
.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
    background: url("images/animated-overlay.gif");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}
.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}
.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}
.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
}
.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}
.ui-spinner-up {
    top: 0;
}
.ui-spinner-down {
    bottom: 0;
}

/* TR overrides */
.ui-tabs {
    position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1.1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1em;
}
.ui-widget-content {
    background: #eeeeee;
}
.ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828;
    font-weight: bold;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #f6f6f6;
    font-weight: bold;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #fbcb09;
    background: #fdf5ce;
    font-weight: bold;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: #ffffff;
    font-weight: bold;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter:Alpha(Opacity=70);
    font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter:Alpha(Opacity=35);
    background-image: none;
}
.ui-state-disabled .ui-icon {
    filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    background: #666666;
    opacity: .5;
    filter: Alpha(Opacity=50);
}
.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000000;
    opacity: .2;
    filter: Alpha(Opacity=20);
    border-radius: 5px;
}

/************* /resources/css/min/base_ar.css ************/

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  -ms-text-size-adjust: 100%;
  /* 2 */

  -webkit-text-size-adjust: 100%;
  /* 2 */

}
/**
 * Remove default margin.
 */
html,
body {
  margin: 0;
  padding: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
 a:focus {
  outline: none;
 }
a.btn:focus, .btn:focus {
  outline: 1px dotted #ddd;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}
/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
  max-width: 100%;
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */

  padding: 0;
  /* 2 */

}
/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */

  font-size: 100%;
  /* 2 */

  margin: 0;
  /* 3 */

}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */

  cursor: pointer;
  /* 3 */

}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */

  padding: 0;
  /* 2 */

}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */

  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */

  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */

  vertical-align: top;
  /* 2 */

}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/**
 * @fileOverview Scaffolding
 *
 * @author mdaveshah
 * @tested none yet
 */
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  line-height: 1.5em;
  color: #767676;
}
/* Links */
a {
   font-size: inherit;
   line-height: inherit;
   font-weight: bold;
   color: #0079ad;
   text-decoration: none;
}
a:hover,
a:focus,
a:active {
  color: #0c8dc4;
  text-decoration: underline;
}
a.secondaryLink,
.secondaryLink a:not(.btn) {
    color: #666;
}
a.secondaryLink:hover,
a.secondaryLink:focus,
a.secondaryLink:active,
.secondaryLink a:hover:not(.btn),
.secondaryLink a:focus:not(.btn),
.secondaryLink a:active:not(.btn) {
    color: #444;
    text-decoration: underline;
}
a.reverseLink,
.reverseLink a {
    color: #fff;
}
/*a.reverseLink:hover,
a.reverseLink:focus,
a.reverseLink:active,
.reverseLink a:hover,
.reverseLink a:focus,
.reverseLink a:active {
    color: #e4e4e4;
}*/

/*button styling starts*/
.btn {
  display: inline-block;
  padding: 9px 15px 10px;
  margin-bottom: 0;
  background: #009cde;
  font-size: 15px;
  font-size: 1.07142857142857rem;
  font-weight: bold;
  line-height: 1.4545em;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 5px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn:hover {
  color: #fff;
  text-decoration: none;
  background: #0285d2;
}
.btn:focus {
  color: #FFF;
}
.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn.disabled,
.btn[disabled],
.btn.disabled:hover,
.btn[disabled]:hover,
.btn.disabled:active,
.btn[disabled]:active {
  background: #e5e5e5;
  cursor: auto;
}
.btn-large {
  padding: 9px 14px;
  font-size: 17.234px;
  border-radius: 6px;
}
.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}
.btn-small {
  padding: 7px 8px;
  font-size: 14px;
  min-width: 66px;
}
.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}
.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}
.btn-mini {
  padding: 4px 8px;
  font-size: 11.8454px;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.btn-secondary {
  background: #ddd;
  color: #333;
}
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  background: #dddddd;
}

body {
  font-size: 14px;
  line-height: 1.5em;
}
/**
* @fileOverview PayPal Default Grid
* without any media queries. This is for browsers that dont
* understand media queries
* @name grid
* @author mdaveshah
* @tested none yet
*/
.input-block-level {
  display: block;
  width: 100%;
  min-height: 3.14285714285714em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
[class*="span"].hide,
.row-fluid [class*="span"].hide {
  display: none;
}
[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
  float: right;
}
/**
 * @fileOverview Adaptive responsive styles for
 *  mobile, portable and dedicated channels
 * @name adaptive-responsive
 * @author mdaveshah
 * @tested
 */
/****
  * @fileOverview Adaptive responsive styles for dedicated channels
  * @name adaptive-dedicated
  * Will be a fixed grid center aligned above 960px with max width of 1170px
  * 12 columns grid
  * Also acts as the default grid for the webapp
  * @author mdaveshah
  * @tested
****/
.row-fluid {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.row-fluid [class*="span"] {
    float: left;
    margin-left: 2%;
    min-height: 1px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 100%;
  }
  .row-fluid .span11 {
    width: 91.5%;
  }
  .row-fluid .span10 {
    width: 83%;
  }
  .row-fluid .span9 {
    width: 74.5%;
  }
  .row-fluid .span8 {
    width: 66%;
  }
  .row-fluid .span7 {
    width: 57.5%;
  }
  .row-fluid .span6 {
    width: 49%;
  }
  .row-fluid .span5 {
    width: 40.5%;
  }
  .row-fluid .span4 {
    width: 32%;
  }
  .row-fluid .span3 {
    width: 23.5%;
  }
  .row-fluid .span2 {
    width: 15%;
  }
  .row-fluid .span1 {
    width: 6.5%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102%;
  }
  .row-fluid .offset11 {
    margin-left: 95.5%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 93.5%;
  }
  .row-fluid .offset10 {
    margin-left: 87%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85%;
  }
  .row-fluid .offset9 {
    margin-left: 78.5%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 76.5%;
  }
  .row-fluid .offset8 {
    margin-left: 70%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68%;
  }
  .row-fluid .offset7 {
    margin-left: 61.5%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.5%;
  }
  .row-fluid .offset6 {
    margin-left: 53%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51%;
  }
  .row-fluid .offset5 {
    margin-left: 44.5%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.5%;
  }
  .row-fluid .offset4 {
    margin-left: 36%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34%;
  }
  .row-fluid .offset3 {
    margin-left: 27.5%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.5%;
  }
  .row-fluid .offset2 {
    margin-left: 19%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17%;
  }
  .row-fluid .offset1 {
    margin-left: 10.5%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.5%;
  }
/**
 * @fileOverview Adaptive responsive styles for portable channels
 * @name adaptive-portable
 * @author mdaveshah
 * @tested
 */
html[data-device-type="portable"] {
  /* mini Tablet portrait mode
   * max 767px in portable channel
   * 6 columns grid
  */

  /* Large Tablet portrait mode
   * min 768px in portable channel
   * 6 columns grid
  */

  /* mini Tablet landscape mode
   * max 1023px in portable channel
   * 6 columns grid
  */

  /* Large Tablet landscape mode
   * 1024px+ in portable channel
   * 12 columns grid
  */

}
@media (orientation: portrait) and (max-width: 768px) {
  html[data-device-type="portable"] .row-fluid {
    width: 100%;
    box-sizing: border-box;
  }
  html[data-device-type="portable"] .row-fluid [class*="span"] {
    float: left;
    margin-left: 3.5%;
    min-height: 1px;
    box-sizing: border-box;
  }
  html[data-device-type="portable"] .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  html[data-device-type="portable"] .row-fluid .span12,
  html[data-device-type="portable"] .row-fluid .span11 {
    width: 100%;
  }
  html[data-device-type="portable"] .row-fluid .span10,
  html[data-device-type="portable"] .row-fluid .span9 {
    width: 82.75%;
  }
  html[data-device-type="portable"] .row-fluid .span8,
  html[data-device-type="portable"] .row-fluid .span7 {
    width: 65.5%;
  }
  html[data-device-type="portable"] .row-fluid .span6,
  html[data-device-type="portable"] .row-fluid .span5 {
    width: 48.25%;
  }
  html[data-device-type="portable"] .row-fluid .span4,
  html[data-device-type="portable"] .row-fluid .span3 {
    width: 31%;
  }
  html[data-device-type="portable"] .row-fluid .span2,
  html[data-device-type="portable"] .row-fluid .span1 {
    width: 13.75%;
  }
  html[data-device-type="portable"] .row-fluid .offset12:first-child,
  html[data-device-type="portable"] .row-fluid .offset11:first-child {
    margin-left: 103.5%;
  }
  html[data-device-type="portable"] .row-fluid .offset10:first-child,
  html[data-device-type="portable"] .row-fluid .offset9:first-child {
    margin-left: 86.25%;
  }
  html[data-device-type="portable"] .row-fluid .offset8:first-child,
  html[data-device-type="portable"] .row-fluid .offset7:first-child {
    margin-left: 69%;
  }
  html[data-device-type="portable"] .row-fluid .offset6:first-child,
  html[data-device-type="portable"] .row-fluid .offset5:first-child {
    margin-left: 51.75%;
  }
  html[data-device-type="portable"] .row-fluid .offset4,
  html[data-device-type="portable"] .row-fluid .offset3 {
    margin-left: 38%;
  }
  html[data-device-type="portable"] .row-fluid .offset4:first-child,
  html[data-device-type="portable"] .row-fluid .offset3:first-child {
    margin-left: 34.5%;
  }
  html[data-device-type="portable"] .row-fluid .offset2,
  html[data-device-type="portable"] .row-fluid .offset1 {
    margin-left: 20.75%;
  }
  html[data-device-type="portable"] .row-fluid .offset2:first-child,
  html[data-device-type="portable"] .row-fluid .offset1:first-child {
    margin-left: 17.25%;
  }
  html[data-device-type="portable"] .row-fluid .span-pp-6 {
    width: 100%;
    margin-left: 0;
    float: none;
  }
  html[data-device-type="portable"] .row-fluid .span-pp-5 {
    width: 82.75%;
    margin-left: 3.5%;
  }
  html[data-device-type="portable"] .row-fluid .span-pp-5:first-child {
    margin-left: 0;
  }
  html[data-device-type="portable"] .row-fluid .span-pp-4 {
    width: 65.5%;
    margin-left: 3.5%;
  }
  html[data-device-type="portable"] .row-fluid .span-pp-4:first-child {
    margin-left: 0;
  }
  html[data-device-type="portable"] .row-fluid .span-pp-3 {
    width: 48.25%;
    margin-left: 3.5%;
  }
  html[data-device-type="portable"] .row-fluid .span-pp-3:first-child {
    margin-left: 0;
  }
  html[data-device-type="portable"] .row-fluid .span-pp-2 {
    width: 31%;
    margin-left: 3.5%;
  }
  html[data-device-type="portable"] .row-fluid .span-pp-2:first-child {
    margin-left: 0;
  }
  html[data-device-type="portable"] .row-fluid .span-pp-1 {
    width: 13.75%;
    margin-left: 3.5%;
  }
  html[data-device-type="portable"] .row-fluid .span-pp-1:first-child {
    margin-left: 0;
  }
}
@media (orientation: portrait) and (min-width: 769px) {
  html[data-device-type="portable"] .row-fluid {
    width: 100%;
    box-sizing: border-box;
  }
  html[data-device-type="portable"] .row-fluid [class*="span"] {
    float: left;
    margin-left: 3%;
    min-height: 1px;
    box-sizing: border-box;
  }
  html[data-device-type="portable"] .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  html[data-device-type="portable"] .row-fluid .span12,
  html[data-device-type="portable"] .row-fluid .span11 {
    width: 100%;
  }
  html[data-device-type="portable"] .row-fluid .span10,
  html[data-device-type="portable"] .row-fluid .span9 {
    width: 82.83333333333334%;
  }
  html[data-device-type="portable"] .row-fluid .span8,
  html[data-device-type="portable"] .row-fluid .span7 {
    width: 65.66666666666667%;
  }
  html[data-device-type="portable"] .row-fluid .span6,
  html[data-device-type="portable"] .row-fluid .span5 {
    width: 48.5%;
  }
  html[data-device-type="portable"] .row-fluid .span4,
  html[data-device-type="portable"] .row-fluid .span3 {
    width: 31.333333333333332%;
  }
  html[data-device-type="portable"] .row-fluid .span2,
  html[data-device-type="portable"] .row-fluid .span1 {
    width: 14.166666666666666%;
  }
  html[data-device-type="portable"] .row-fluid .offset12:first-child,
  html[data-device-type="portable"] .row-fluid .offset11:first-child {
    margin-left: 103%;
  }
  html[data-device-type="portable"] .row-fluid .offset10:first-child,
  html[data-device-type="portable"] .row-fluid .offset9:first-child {
    margin-left: 85.83333333333334%;
  }
  html[data-device-type="portable"] .row-fluid .offset8:first-child,
  html[data-device-type="portable"] .row-fluid .offset7:first-child {
    margin-left: 68.66666666666667%;
  }
  html[data-device-type="portable"] .row-fluid .offset6:first-child,
  html[data-device-type="portable"] .row-fluid .offset5:first-child {
    margin-left: 51.5%;
  }
  html[data-device-type="portable"] .row-fluid .offset4,
  html[data-device-type="portable"] .row-fluid .offset3 {
    margin-left: 37.33333333333333%;
  }
  html[data-device-type="portable"] .row-fluid .offset4:first-child,
  html[data-device-type="portable"] .row-fluid .offset3:first-child {
    margin-left: 34.33333333333333%;
  }
  html[data-device-type="portable"] .row-fluid .offset2,
  html[data-device-type="portable"] .row-fluid .offset1 {
    margin-left: 20.166666666666664%;
  }
  html[data-device-type="portable"] .row-fluid .offset2:first-child,
  html[data-device-type="portable"] .row-fluid .offset1:first-child {
    margin-left: 17.166666666666664%;
  }
  html[data-device-type="portable"] .row-fluid .span-pl-6 {
    width: 100%;
    margin-left: 0;
    float: none;
  }
  html[data-device-type="portable"] .row-fluid .span-pl-5 {
    width: 82.83333333333333%;
    margin-left: 3%;
  }
  html[data-device-type="portable"] .row-fluid .span-pl-5:first-child {
    margin-left: 0;
  }
  html[data-device-type="portable"] .row-fluid .span-pl-4 {
    width: 65.66666666666666%;
    margin-left: 3%;
  }
  html[data-device-type="portable"] .row-fluid .span-pl-4:first-child {
    margin-left: 0;
  }
  html[data-device-type="portable"] .row-fluid .span-pl-3 {
    width: 48.5%;
    margin-left: 3%;
  }
  html[data-device-type="portable"] .row-fluid .span-pl-3:first-child {
    margin-left: 0;
  }
  html[data-device-type="portable"] .row-fluid .span-pl-2 {
    width: 31.333333333333332%;
    margin-left: 3%;
  }
  html[data-device-type="portable"] .row-fluid .span-pl-2:first-child {
    margin-left: 0;
  }
  html[data-device-type="portable"] .row-fluid .span-pl-1 {
    width: 14.166666666666666%;
    margin-left: 3%;
  }
  html[data-device-type="portable"] .row-fluid .span-pl-1:first-child {
    margin-left: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) {
  html[data-device-type="portable"] .row-fluid {
    width: 100%;
    box-sizing: border-box;
  }
  html[data-device-type="portable"] .row-fluid [class*="span"] {
    float: left;
    margin-left: 3%;
    min-height: 1px;
    box-sizing: border-box;
  }
  html[data-device-type="portable"] .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  html[data-device-type="portable"] .row-fluid .span12,
  html[data-device-type="portable"] .row-fluid .span11 {
    width: 100%;
  }
  html[data-device-type="portable"] .row-fluid .span10,
  html[data-device-type="portable"] .row-fluid .span9 {
    width: 82.83333333333334%;
  }
  html[data-device-type="portable"] .row-fluid .span8,
  html[data-device-type="portable"] .row-fluid .span7 {
    width: 65.66666666666667%;
  }
  html[data-device-type="portable"] .row-fluid .span6,
  html[data-device-type="portable"] .row-fluid .span5 {
    width: 48.5%;
  }
  html[data-device-type="portable"] .row-fluid .span4,
  html[data-device-type="portable"] .row-fluid .span3 {
    width: 31.333333333333332%;
  }
  html[data-device-type="portable"] .row-fluid .span2,
  html[data-device-type="portable"] .row-fluid .span1 {
    width: 14.166666666666666%;
  }
  html[data-device-type="portable"] .row-fluid .offset12:first-child,
  html[data-device-type="portable"] .row-fluid .offset11:first-child {
    margin-left: 103%;
  }
  html[data-device-type="portable"] .row-fluid .offset10:first-child,
  html[data-device-type="portable"] .row-fluid .offset9:first-child {
    margin-left: 85.83333333333334%;
  }
  html[data-device-type="portable"] .row-fluid .offset8:first-child,
  html[data-device-type="portable"] .row-fluid .offset7:first-child {
    margin-left: 68.66666666666667%;
  }
  html[data-device-type="portable"] .row-fluid .offset6:first-child,
  html[data-device-type="portable"] .row-fluid .offset5:first-child {
    margin-left: 51.5%;
  }
  html[data-device-type="portable"] .row-fluid .offset4,
  html[data-device-type="portable"] .row-fluid .offset3 {
    margin-left: 37.33333333333333%;
  }
  html[data-device-type="portable"] .row-fluid .offset4:first-child,
  html[data-device-type="portable"] .row-fluid .offset3:first-child {
    margin-left: 34.33333333333333%;
  }
  html[data-device-type="portable"] .row-fluid .offset2,
  html[data-device-type="portable"] .row-fluid .offset1 {
    margin-left: 20.166666666666664%;
  }
  html[data-device-type="portable"] .row-fluid .offset2:first-child,
  html[data-device-type="portable"] .row-fluid .offset1:first-child {
    margin-left: 17.166666666666664%;
  }
  html[data-device-type="portable"] .row-fluid .span-pl-6 {
    width: 100%;
    margin-left: 0;
    float: none;
  }
  html[data-device-type="portable"] .row-fluid .span-pl-5 {
    width: 82.83333333333333%;
    margin-left: 3%;
  }
  html[data-device-type="portable"] .row-fluid .span-pl-5:first-child {
    margin-left: 0;
  }
  html[data-device-type="portable"] .row-fluid .span-pl-4 {
    width: 65.66666666666666%;
    margin-left: 3%;
  }
  html[data-device-type="portable"] .row-fluid .span-pl-4:first-child {
    margin-left: 0;
  }
  html[data-device-type="portable"] .row-fluid .span-pl-3 {
    width: 48.5%;
    margin-left: 3%;
  }
  html[data-device-type="portable"] .row-fluid .span-pl-3:first-child {
    margin-left: 0;
  }
  html[data-device-type="portable"] .row-fluid .span-pl-2 {
    width: 31.333333333333332%;
    margin-left: 3%;
  }
  html[data-device-type="portable"] .row-fluid .span-pl-2:first-child {
    margin-left: 0;
  }
  html[data-device-type="portable"] .row-fluid .span-pl-1 {
    width: 14.166666666666666%;
    margin-left: 3%;
  }
  html[data-device-type="portable"] .row-fluid .span-pl-1:first-child {
    margin-left: 0;
  }
}
@media (orientation: landscape) and (min-width: 1024px) {
  html[data-device-type="portable"] .row-fluid {
    width: 100%;
    box-sizing: border-box;
  }
  html[data-device-type="portable"] .row-fluid [class*="span"] {
    float: left;
    margin-left: 2%;
    min-height: 1px;
    box-sizing: border-box;
  }
  html[data-device-type="portable"] .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  html[data-device-type="portable"] .row-fluid .span12 {
    width: 100%;
  }
  html[data-device-type="portable"] .row-fluid .span11 {
    width: 91.5%;
  }
  html[data-device-type="portable"] .row-fluid .span10 {
    width: 83%;
  }
  html[data-device-type="portable"] .row-fluid .span9 {
    width: 74.5%;
  }
  html[data-device-type="portable"] .row-fluid .span8 {
    width: 66%;
  }
  html[data-device-type="portable"] .row-fluid .span7 {
    width: 57.5%;
  }
  html[data-device-type="portable"] .row-fluid .span6 {
    width: 49%;
  }
  html[data-device-type="portable"] .row-fluid .span5 {
    width: 40.5%;
  }
  html[data-device-type="portable"] .row-fluid .span4 {
    width: 32%;
  }
  html[data-device-type="portable"] .row-fluid .span3 {
    width: 23.5%;
  }
  html[data-device-type="portable"] .row-fluid .span2 {
    width: 15%;
  }
  html[data-device-type="portable"] .row-fluid .span1 {
    width: 6.5%;
  }
  html[data-device-type="portable"] .row-fluid .offset12:first-child {
    margin-left: 102%;
  }
  html[data-device-type="portable"] .row-fluid .offset11 {
    margin-left: 95.5%;
  }
  html[data-device-type="portable"] .row-fluid .offset11:first-child {
    margin-left: 93.5%;
  }
  html[data-device-type="portable"] .row-fluid .offset10 {
    margin-left: 87%;
  }
  html[data-device-type="portable"] .row-fluid .offset10:first-child {
    margin-left: 85%;
  }
  html[data-device-type="portable"] .row-fluid .offset9 {
    margin-left: 78.5%;
  }
  html[data-device-type="portable"] .row-fluid .offset9:first-child {
    margin-left: 76.5%;
  }
  html[data-device-type="portable"] .row-fluid .offset8 {
    margin-left: 70%;
  }
  html[data-device-type="portable"] .row-fluid .offset8:first-child {
    margin-left: 68%;
  }
  html[data-device-type="portable"] .row-fluid .offset7 {
    margin-left: 61.5%;
  }
  html[data-device-type="portable"] .row-fluid .offset7:first-child {
    margin-left: 59.5%;
  }
  html[data-device-type="portable"] .row-fluid .offset6 {
    margin-left: 53%;
  }
  html[data-device-type="portable"] .row-fluid .offset6:first-child {
    margin-left: 51%;
  }
  html[data-device-type="portable"] .row-fluid .offset5 {
    margin-left: 44.5%;
  }
  html[data-device-type="portable"] .row-fluid .offset5:first-child {
    margin-left: 42.5%;
  }
  html[data-device-type="portable"] .row-fluid .offset4 {
    margin-left: 36%;
  }
  html[data-device-type="portable"] .row-fluid .offset4:first-child {
    margin-left: 34%;
  }
  html[data-device-type="portable"] .row-fluid .offset3 {
    margin-left: 27.5%;
  }
  html[data-device-type="portable"] .row-fluid .offset3:first-child {
    margin-left: 25.5%;
  }
  html[data-device-type="portable"] .row-fluid .offset2 {
    margin-left: 19%;
  }
  html[data-device-type="portable"] .row-fluid .offset2:first-child {
    margin-left: 17%;
  }
  html[data-device-type="portable"] .row-fluid .offset1 {
    margin-left: 10.5%;
  }
  html[data-device-type="portable"] .row-fluid .offset1:first-child {
    margin-left: 8.5%;
  }
}
/**
 * @fileOverview Adaptive responsive styles for mobile channels
 * @name adaptive-mobile
 * @author mdaveshah
 * @tested
 */
html[data-device-type="mobile"] {
  /* Phone Landscape mode
   * upto 479px in mobile channel
   * 4 columns grid
  **/

  /* Phone Landscape mode
   * 480px to  channel
   * 6 columns grid
  **/

}
@media (max-width: 479px) {
  html[data-device-type="mobile"] .row-fluid {
    width: 100%;
    box-sizing: border-box;
  }
  html[data-device-type="mobile"] .row-fluid [class*="span"] {
    float: left;
    margin-left: 3.5%;
    min-height: 1px;
    box-sizing: border-box;
  }
  html[data-device-type="mobile"] .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  html[data-device-type="mobile"] .row-fluid .span12,
  html[data-device-type="mobile"] .row-fluid .span11,
  html[data-device-type="mobile"] .row-fluid .span10 {
    width: 100%;
  }
  html[data-device-type="mobile"] .row-fluid .span9,
  html[data-device-type="mobile"] .row-fluid .span8,
  html[data-device-type="mobile"] .row-fluid .span7 {
    width: 74.125%;
  }
  html[data-device-type="mobile"] .row-fluid .span6,
  html[data-device-type="mobile"] .row-fluid .span5,
  html[data-device-type="mobile"] .row-fluid .span4 {
    width: 48.25%;
  }
  html[data-device-type="mobile"] .row-fluid .span3,
  html[data-device-type="mobile"] .row-fluid .span2,
  html[data-device-type="mobile"] .row-fluid .span1 {
    width: 22.375%;
  }
  html[data-device-type="mobile"] .row-fluid .offset12:first-child,
  html[data-device-type="mobile"] .row-fluid .offset11:first-child,
  html[data-device-type="mobile"] .row-fluid .offset10:first-child {
    margin-left: 103.5%;
  }
  html[data-device-type="mobile"] .row-fluid .offset9:first-child,
  html[data-device-type="mobile"] .row-fluid .offset8:first-child,
  html[data-device-type="mobile"] .row-fluid .offset7:first-child {
    margin-left: 77.625%;
  }
  html[data-device-type="mobile"] .row-fluid .offset6:first-child,
  html[data-device-type="mobile"] .row-fluid .offset5:first-child,
  html[data-device-type="mobile"] .row-fluid .offset4:first-child {
    margin-left: 51.75%;
  }
  html[data-device-type="mobile"] .row-fluid .offset3,
  html[data-device-type="mobile"] .row-fluid .offset2,
  html[data-device-type="mobile"] .row-fluid .offset1 {
    margin-left: 29.375%;
  }
  html[data-device-type="mobile"] .row-fluid .offset3:first-child,
  html[data-device-type="mobile"] .row-fluid .offset2:first-child,
  html[data-device-type="mobile"] .row-fluid .offset1:first-child {
    margin-left: 25.875%;
  }
  html[data-device-type="mobile"] .row-fluid .span-mp-4 {
    width: 100%;
    margin-left: 3.5%;
  }
  html[data-device-type="mobile"] .row-fluid .span-mp-4:first-child {
    margin-left: 0;
  }
  html[data-device-type="mobile"] .row-fluid .span-mp-3 {
    width: 74.125%;
    margin-left: 3.5%;
  }
  html[data-device-type="mobile"] .row-fluid .span-mp-3:first-child {
    margin-left: 0;
  }
  html[data-device-type="mobile"] .row-fluid .span-mp-2 {
    width: 48.25%;
    margin-left: 3.5%;
  }
  html[data-device-type="mobile"] .row-fluid .span-mp-2:first-child {
    margin-left: 0;
  }
  html[data-device-type="mobile"] .row-fluid .span-mp-1 {
    width: 22.375%;
    margin-left: 3.5%;
  }
  html[data-device-type="mobile"] .row-fluid .span-mp-1:first-child {
    margin-left: 0;
  }
}
@media (min-width: 480px) {
  html[data-device-type="mobile"] .row-fluid {
    width: 100%;
    box-sizing: border-box;
  }
  html[data-device-type="mobile"] .row-fluid [class*="span"] {
    float: left;
    margin-left: 3.5%;
    min-height: 1px;
    box-sizing: border-box;
  }
  html[data-device-type="mobile"] .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  html[data-device-type="mobile"] .row-fluid .span12,
  html[data-device-type="mobile"] .row-fluid .span11 {
    width: 100%;
  }
  html[data-device-type="mobile"] .row-fluid .span10,
  html[data-device-type="mobile"] .row-fluid .span9 {
    width: 82.75%;
  }
  html[data-device-type="mobile"] .row-fluid .span8,
  html[data-device-type="mobile"] .row-fluid .span7 {
    width: 65.5%;
  }
  html[data-device-type="mobile"] .row-fluid .span6,
  html[data-device-type="mobile"] .row-fluid .span5 {
    width: 48.25%;
  }
  html[data-device-type="mobile"] .row-fluid .span4,
  html[data-device-type="mobile"] .row-fluid .span3 {
    width: 31%;
  }
  html[data-device-type="mobile"] .row-fluid .span2,
  html[data-device-type="mobile"] .row-fluid .span1 {
    width: 13.75%;
  }
  html[data-device-type="mobile"] .row-fluid .offset12:first-child,
  html[data-device-type="mobile"] .row-fluid .offset11:first-child {
    margin-left: 103.5%;
  }
  html[data-device-type="mobile"] .row-fluid .offset10:first-child,
  html[data-device-type="mobile"] .row-fluid .offset9:first-child {
    margin-left: 86.25%;
  }
  html[data-device-type="mobile"] .row-fluid .offset8:first-child,
  html[data-device-type="mobile"] .row-fluid .offset7:first-child {
    margin-left: 69%;
  }
  html[data-device-type="mobile"] .row-fluid .offset6:first-child,
  html[data-device-type="mobile"] .row-fluid .offset5:first-child {
    margin-left: 51.75%;
  }
  html[data-device-type="mobile"] .row-fluid .offset4,
  html[data-device-type="mobile"] .row-fluid .offset3 {
    margin-left: 38%;
  }
  html[data-device-type="mobile"] .row-fluid .offset4:first-child,
  html[data-device-type="mobile"] .row-fluid .offset3:first-child {
    margin-left: 34.5%;
  }
  html[data-device-type="mobile"] .row-fluid .offset2,
  html[data-device-type="mobile"] .row-fluid .offset1 {
    margin-left: 20.75%;
  }
  html[data-device-type="mobile"] .row-fluid .offset2:first-child,
  html[data-device-type="mobile"] .row-fluid .offset1:first-child {
    margin-left: 17.25%;
  }
  html[data-device-type="mobile"] .row-fluid .span-ml-6 {
    width: 100%;
    margin-left: 0;
    float: none;
  }
  html[data-device-type="mobile"] .row-fluid .span-ml-5 {
    width: 82.75%;
    margin-left: 3.5%;
  }
  html[data-device-type="mobile"] .row-fluid .span-ml-5:first-child {
    margin-left: 0;
  }
  html[data-device-type="mobile"] .row-fluid .span-ml-4 {
    width: 65.5%;
    margin-left: 3.5%;
  }
  html[data-device-type="mobile"] .row-fluid .span-ml-4:first-child {
    margin-left: 0;
  }
  html[data-device-type="mobile"] .row-fluid .span-ml-3 {
    width: 48.25%;
    margin-left: 3.5%;
  }
  html[data-device-type="mobile"] .row-fluid .span-ml-3:first-child {
    margin-left: 0;
  }
  html[data-device-type="mobile"] .row-fluid .span-ml-2 {
    width: 31%;
    margin-left: 3.5%;
  }
  html[data-device-type="mobile"] .row-fluid .span-ml-2:first-child {
    margin-left: 0;
  }
  html[data-device-type="mobile"] .row-fluid .span-ml-1 {
    width: 13.75%;
    margin-left: 3.5%;
  }
  html[data-device-type="mobile"] .row-fluid .span-ml-1:first-child {
    margin-left: 0;
  }
}

/**
 * @fileOverview Contains Utility styles
 *
 * @name utilities
 * @author mdaveshah
 * @tested none yet
 */
html[data-device-type] .pull-right,
html[data-device-type] .row-fluid [class*="span"].pull-right {
  float: right;
}
html[data-device-type] .pull-left,
html[data-device-type] .row-fluid [class*="span"].pull-left {
  float: left;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.invisible {
  visibility: hidden;
}
.affix {
  position: fixed;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.accessAid {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
/**
 * @fileOverview Adaptive responsive utilities to show or hide on channels
 * @name ar-utilities
 * @author mdaveshah
 * @tested
 */
@-ms-viewport {
  width: device-width;
}
html[data-device-type="dedicated"] .ui-visible-dedicated {
  display: inherit;
}
html[data-device-type="dedicated"] .ui-hidden-dedicated {
  display: none;
}
html[data-device-type="portable"] .ui-visible-portable {
  display: inherit;
}
html[data-device-type="portable"] .ui-hidden-portable {
  display: none;
}
html[data-device-type="mobile"] .ui-visible-mobile {
  display: inherit;
}
html[data-device-type="mobile"] .ui-hidden-mobile,
html[data-device-type="mobile"] .containerMobileFullWidth .row-fluid .ui-hidden-mobile {
  display: none;
}
/**
* @fileOverview Common layouts on top of the base grid
* @name layouts
* @author mdaveshah
* @tested none yet
*/
.container {
  margin-right: auto;
  margin-left: auto;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.container:after {
  content: "";
  display: table;
  clear: both;
}
.containerCentered {
  margin-right: auto;
  margin-left: auto;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  min-width: 940px;
  max-width: 1150px;
}
.containerCentered:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1004px) {
  html[data-device-type="dedicated"] .containerCentered {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1005px) {
  html[data-device-type="dedicated"] .containerCentered {
      padding-left: 3%;
      padding-right: 3%;

  }
}
html[data-device-type="portable"] .containerCentered {
  min-width: 0;
  max-width: 100%;
}
@media (orientation: portrait) and (max-width: 768px) {
  html[data-device-type="portable"] .containerCentered {
    padding-left: 3.75%;
    padding-right: 3.75%;
  }
}
@media (orientation: portrait) and (min-width: 769px) {
  html[data-device-type="portable"] .containerCentered {
    padding-left: 3.5%;
    padding-right: 3.5%;
  }
}
@media (orientation: landscape) and (max-width: 1023px) {
  html[data-device-type="portable"] .containerCentered {
    padding-left: 3.5%;
    padding-right: 3.5%;
  }
}
@media (orientation: landscape) and (min-width: 1024px) {
  html[data-device-type="portable"] .containerCentered {
    padding-left: 3%;
    padding-right: 3%;
  }
}
html[data-device-type="mobile"] .containerCentered {
  min-width: 0;
  max-width: 100%;
}
@media (max-width: 479px) {
  html[data-device-type="mobile"] .containerCentered {
    padding-left: 3.75%;
    padding-right: 3.75%;
  }
}
@media (min-width: 480px) {
  html[data-device-type="mobile"] .containerCentered {
    padding-left: 3.75%;
    padding-right: 3.75%;
  }
}
html[data-device-type="mobile"] .span4Mobile {
  width: 100%;
  margin-left: 0;
  float: none;
}
/** Creates a bootstrap like layout that is 100% full width on mobile channel devices
 * ----------------------------------------
 *  <div class="containerMobileFullWidth">
 *    <div class ="row-fluid">
 *      <section class="span4">
 *        <header> Headline </header>
 *        <div> Container body content </div>
 *        <footer> Footer link if any for the container </footer>
 *      </section>
 *      <section class="span4">
 *        <header> Headline </header>
 *        <div> Container body content </div>
 *        <footer> Footer link if any for the container </footer>
 *      </section>
 *      <section class="span4">
 *        <header> Headline </header>
 *        <div> Container body content </div>
 *        <footer> Footer link if any for the container </footer>
 *      </section>
 *    </div>
 *  <div>
 */
html[data-device-type="mobile"] .containerMobileFullWidth {
  overflow: auto;
}
html[data-device-type="mobile"] .containerMobileFullWidth .row-fluid [class*="span"],
html[data-device-type="mobile"] .row-fluid .containerMobileFullWidth [class*="span"] {
  width: 100%;
  margin-left: 0;
  float: none;
}
/** Creates equal height columns
 * ----------------------------------------
 *  <div class="containerEqualHeights">
 *    <div class ="row-fluid">
 *      <section class="span4">
 *        <header> Headline </header>
 *        <div> Container body content </div>
 *        <footer> Footer link if any for the container </footer>
 *      </section>
 *      <section class="span4">
 *        <header> Headline </header>
 *        <div> Container body content </div>
 *        <footer> Footer link if any for the container </footer>
 *      </section>
 *      <section class="span4">
 *        <header> Headline </header>
 *        <div> Container body content </div>
 *        <footer> Footer link if any for the container </footer>
 *      </section>
 *    </div>
 *  <div>
 */
.containerEqualHeights {
  overflow: hidden;
}
.containerEqualHeights [class*="span"] {
  margin-bottom: -99em;
  padding-bottom: 99em;
}
/**  Layout for 4 containers and a common way of laying them on 12, 6 and 4 column grids
 * ----------------------------------------
 * 4 containers in a row on desktop (12 column grid) -> 4d
 * switches to 2 containers in a row on tablet and mobile (6 column grid) ->2p
 * switches to full width on a mobile portrait (4 column grid) -> 1m
 * ----------------------------------------
 *  <div class="container4d2p1m">
 *    <div class ="row-fluid">
 *      <section class="span3">
 *        <header> Headline </header>
 *        <div> Container body content </div>
 *        <footer> Footer link if any for the container </footer>
 *      </section>
 *      <section class="span3">
 *        <header> Headline </header>
 *        <div> Container body content </div>
 *        <footer> Footer link if any for the container </footer>
 *      </section>
 *      <section class="span3">
 *        <header> Headline </header>
 *        <div> Container body content </div>
 *        <footer> Footer link if any for the container </footer>
 *      </section>
 *      <section class="span3">
 *        <header> Headline </header>
 *        <div> Container body content </div>
 *        <footer> Footer link if any for the container </footer>
 *      </section>
 *    </div>
 *  <div>
 */
@media (orientation: portrait) and (max-width: 768px) {
  html[data-device-type="portable"] .row-fluid .container4d2p1m [class*="span"] {
    width: 48.5%;
    margin-left: 3%;
    padding-top: 25px;
  }
  html[data-device-type="portable"] .row-fluid .container4d2p1m [class*="span"]:first-child {
    margin-left: 0;
  }
  html[data-device-type="portable"] .row-fluid .container4d2p1m .clearfix + [class*="span"] {
    margin-left: 0;
  }
}
@media (orientation: portrait) and (min-width: 769px) {
  html[data-device-type="portable"] .row-fluid .container4d2p1m [class*="span"] {
    width: 48.5%;
    margin-left: 3%;
    padding-top: 25px;
  }
  html[data-device-type="portable"] .row-fluid .container4d2p1m [class*="span"]:first-child {
    margin-left: 0;
  }
  html[data-device-type="portable"] .row-fluid .container4d2p1m .clearfix + [class*="span"] {
    margin-left: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) {
  html[data-device-type="portable"] .row-fluid .container4d2p1m [class*="span"] {
    width: 48.5%;
    margin-left: 3%;
    padding-top: 25px;
  }
  html[data-device-type="portable"] .row-fluid .container4d2p1m [class*="span"]:first-child {
    margin-left: 0;
  }
  html[data-device-type="portable"] .row-fluid .container4d2p1m .clearfix + [class*="span"] {
    margin-left: 0;
  }
}
html[data-device-type="mobile"] .row-fluid .container4d2p1m [class*="span"] {
  width: 100%;
  margin-left: 0;
  float: none;
}

html {
  font-size: 87.5%;
}
html[lang="zh-C2"] body,
html[lang="zh-CN"] body {
  font-family: "微软雅黑体", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html[lang="zh-HK"] body,
html[lang="zh-TW"] body {
  font-family: "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html[data-device-type="dedicated"] {
  min-width: 1028px;
}
html.focus-off a:focus,
html.focus-off button:focus,
html.focus-off input:focus {
  outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
.headline {
  font-weight: 300;
  color: #2c2e2f;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
h1,
h2,
.x-large {
  letter-spacing: 0.02em;
}
h3,
h4,
h5,
h6,
.large,
.medium,
.small {
  letter-spacing: 0.01em;
}
h1,
.huge {
  font-size: 60px;
  font-size: 4.28571429rem;
  line-height: 1.66666667em;
}
h2,
.x-large {
  font-size: 40px;
  font-size: 2.857rem;
  line-height: 1.25em;
}
h3,
.large,
html[data-device-type="mobile"] h2,
html[data-device-type="mobile"] .x-large {
  font-size: 28px;
  font-size: 2rem;
  line-height: 1.25em;
}
h4,
.medium {
  font-size: 20px;
  font-size: 1.4287rem;
  line-height: 1.25em;
}
h5,
.small {
  font-weight: bold;
  font-size: 15px;
  font-size: 1.071rem;
  line-height: 1em;
}
html[data-device-type="mobile"] h1 {
  line-height: 1.1em;
}
html[data-device-type="mobile"] h2 {
  font-size: 30px;
  font-size: 2.14285714rem;
}
html[data-device-type="mobile"] .fancy-down-arrow:before,
html[data-device-type="mobile"] .fancy-down-arrow:after {
  left: 25px;
}
p {
  padding-top: 4px;
  padding-bottom: 14px;
  margin: 0;
  font-size: 15px;
  font-size: 1.071rem;
  line-height: 1.5em;
  color: #2c2e2f;
}
html[data-device-type="mobile"] p {
  padding-top: 14px;
  padding-bottom: 20px;
}
ul,
ol {
  list-style-type: none;
  padding-left: 0;
}
.legal-notes {
  font-size: 13px;
  font-size: .929rem;
  margin: 20px 0;
}
.legal-notes a {
  font-size: inherit;
}
.btn-small {
  padding: 8px 12px;
  min-width: 66px;
  font-size: 11px;
  font-size: .786rem;
  line-height: 1.36em;
}
html[data-device-type="dedicated"] .btn:hover {
  background: #0c8dc4;
}
html[data-device-type="dedicated"] .btn-secondary:hover {
  background: #ebebeb;
}
html[data-device-type="dedicated"] .btn:active {
  background: #0c8dc4;
}
html[data-device-type="dedicated"] .btn-secondary:active {
  background: #d1d1d1;
}
html[data-device-type="dedicated"] .btn:focus,
html[data-device-type="dedicated"] .btn.btn-small:focus,
html[data-device-type="dedicated"] .btn-secondary:focus,
html[data-device-type="dedicated"] .btn-secondary.btn-small:focus {
  outline: 0;
  text-decoration: underline;
}
html[data-device-type="dedicated"].focus-off .btn:focus,
html[data-device-type="dedicated"].focus-off .btn.btn-small:focus,
html[data-device-type="dedicated"].focus-off .btn-secondary:focus,
html[data-device-type="dedicated"].focus-off .btn-secondary.btn-small:focus {
  box-shadow: none;
}
html[data-device-type="dedicated"] .btn.disabled,
html[data-device-type="dedicated"] .btn[disabled],
html[data-device-type="dedicated"] .btn.disabled:hover,
html[data-device-type="dedicated"] .btn[disabled]:hover,
html[data-device-type="dedicated"] .btn.disabled:active,
html[data-device-type="dedicated"] .btn[disabled]:active {
  background: #e5e5e5;
  cursor: auto;
}
a[href^=tel] {
  color: #0079ad;
}
.dark a[href^=tel] {
  color: #ffffff;
}
.control-group {
  padding: 5px 6px;
}
.control-group.separated {
  border-top: 1px solid #e5e5e5;
  padding-top: 30px;
  margin-top: 14px;
}
.help-block {
  padding: 16px 4px;
}
.help-block a {
  font-weight: bold;
}
.form-inline .controls {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
input[type="text"],
textarea,
input[type="number"],
input[type="email"],
input[type="password"],
input[type="url"] {
  margin: 0 0 0 10px;
  height: 38px;
  width: 250px;
  border-radius: 5px;
  border: 1px solid #b3b3b3;
  background: #fff;
  font-size: 15px;
  font-size: 1.071rem;
  line-height: 1.25em;
  line-height: 34px;
  padding: 0;
  color: #333;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
  position: relative;
}
textarea {
  height: 76px;
}
.form-inline input[type="text"],
.form-inline input[type="number"],
.form-inline input[type="email"],
.form-inline input[type="password"] {
  height: 40px;
}
.form-inline textarea {
  height: 80px;
}
.form-inline input[type="text"].small,
.form-inline input[type="number"].small,
.form-inline input[type="email"].small,
.form-inline input[type="password"].small {
  height: 30px;
}
.form-inline textarea.small {
  height: 60px;
}
input[type="text"]:focus,
textarea:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="url"]:focus {
  outline: none;
  border-color: #009cde;
}
input.small {
  width: 182px;
  height: 30px;
  padding: 0;
  line-height: 14px;
  line-height: 24px\9;
  font-size: 11px;
  font-size: .786rem;
  font-weight: normal;
}
.with-helper {
  padding-right: 26px;
}
input.large {
  width: 100%;
  margin-left: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"],
input.amount-currency {
  width: 100px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
select.no-arrow {
  margin: 0 0 0 10px;
  height: 38px;
  border-radius: 5px;
  border: 1px solid #b3b3b3;
  background: #fff;
  font-size: 15px;
  font-size: 1.071rem;
  line-height: 1.25em;
  padding: 0;
  padding-left: 5px\9;
  font-family: Arial, sans-serif;
  color: #333;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: 10px;
  min-width: 70px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
.form-inline select.no-arrow {
  height: 40px;
}
select.no-arrow:focus {
  border-color: #009cde;
  outline: none;
}
html[data-device-type="dedicated"] select.no-arrow {
  text-indent: 0;
  padding: 8px;
}
select.no-arrow::-ms-expand {
  display: none;
}
label.select-arrow {
  display: inline-block;
  position: relative;
  z-index: 2;
  top: -3px;
  left: -12px;
  margin-left: -10px;
  text-indent: -999em;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #444;
  margin-top: 10px;
  overflow: hidden;
  vertical-align: middle;
  pointer-events: none;
}
.form-inline label.select-arrow {
  top: -1px;
}
.no-csstransforms3d label.select-arrow {
  display: none\9;
}
label.select-arrow + input {
  margin-left: 0;
  margin-left: 8px\9;
}
select.wide-select {
  width: 282px;
}
input[type="number"] + select,
input.amount-currency + select {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  vertical-align: top;
  position: relative;
  top: 0;
  left: -1px;
}
input[type="number"]:focus + select,
input.amount-currency:focus + select {
  border-left-color: #009cde;
}
input[type="submit"],
button {
  margin-left: 10px;
  border: none;
  min-width: 140px;
}
.input-wrapper {
  position: relative;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}
.input-wrapper * {
  white-space: normal;
}
html[data-device-type="mobile"] .input-wrapper {
  width: 100%;
}
html[data-device-type="mobile"] .input-wrapper.caboose {
  white-space: nowrap;
}
span.placeholder {
  left: 0;
  color: #aaaaaa;
}
.input-wrapper.error input[type="text"],
.input-wrapper.error textarea,
.input-wrapper.error input[type="number"],
.input-wrapper.error input[type="email"],
.input-wrapper.error input[type="password"],
.input-wrapper.error input[type="url"] {
  border-color: #9c2b36;
}
.input-wrapper.error:after {
  content: '!';
  color: #fff;
  font-family: "Arial";
  font-size: 13px;
  font-weight: bold;
  display: block;
  position: absolute;
  right: 8px;
  top: 8px;
  top: 12px\9;
  z-index: 2;
  width: 10px;
}
.input-wrapper.error:before {
  content: '';
  display: block;
  position: absolute;
  right: 7px;
  bottom: 12px;
  z-index: 1;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 16px solid transparent;
  border-width: 16px 9px;
  border-bottom-color: rgba(156, 43, 54, 0.9);
}
.form-inline .input-wrapper.error:after {
  top: 10px;
}
.input-wrapper.caboose.error:after {
  right: 78px;
}
.input-wrapper.caboose.error:before {
  right: 77px;
}
.input-wrapper.small.error:after {
  right: 11px;
  top: 4px;
}
.input-wrapper.small.error:before {
  right: 4px;
  bottom: 8px;
}
.error-overlay {
  display: block;
  position: absolute;
  top: 35px;
  left: 0;
  background: #9c2b36;
  background: rgba(156, 43, 54, 0.9);
  color: #fff;
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 1rem;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 15px 10px;
  z-index: 3;
}
.input-wrapper.error-highlighted,
.input-wrapper.error-highlighted a {
  color: #9c2b36;
}
.input-wrapper.error-highlighted:before,
.input-wrapper.error-highlighted:after {
  display: none;
}
.mpp-modal {
  display: none;
}
.ui-widget,
.ui-widget button {
  font-family: inherit;
  font-size: inherit;
}
.ui-dialog {
  position: fixed;
  background: #fff;
  border-radius: 0;
  opacity: 1;
  -webkit-transition: opacity .2s linear;
  transition: opacity 0.2s linear;
}
.ui-dialog.start {
  opacity: 0;
}
.ui-dialog .btn {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0;
}
.ui-dialog .btn + .btn {
  margin-left: 10px;
}
.ui-dialog .ui-dialog-titlebar {
  min-height: 20px;
  font-size: 18px;
  font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  letter-spacing: .01em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  background: transparent;
  border: none;
}
.ui-dialog .ui-dialog-title {
  line-height: 22px;
}
.ui-widget-overlay {
  background: #000;
  opacity: 0.8;
}
.ui-button {
  min-width: 0;
  background: transparent;
}
.ui-dialog .ui-dialog-titlebar-close {
  right: .4em;
  margin-top: -13px;
  width: 25px;
  height: 25px;
  border-radius: 0;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: none;
  border: none;
}
.ui-dialog .ui-button,
.ui-dialog-content .btn {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.ui-dialog .ui-button:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
  height: 25px;
  background: transparent url(https://www.paypalobjects.com/webstatic/mktg/2014design/close_default.png) center center no-repeat;
}
.ui-dialog .ui-dialog-content {
  padding: .5em 1.5em;
  -webkit-overflow-scrolling: touch;
}
.ui-dialog .content {
  padding: 0;
}
.mobile-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 99%;
  display: none;
  z-index: 9999;
  background: #fff;
  -webkit-transform: translate3d(0, 1000px, 0);
  transform: translate(0, 1000px);
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
}
.mobile-modal .content {
  padding: 0 1.2em;
  overflow: auto;
  max-height: 90%;
  -webkit-overflow-scrolling: touch;
}
.mobile-modal .titlebar {
  background: #fff;
  display: block;
  height: 44px;
  line-height: 2.03em;
  position: relative;
  padding: 0 50px 0 1em;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 22px;
  font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  letter-spacing: 0.01em;
}
.mobile-modal .titlebar .closer {
  position: absolute;
  top: 50%;
  right: .8em;
  display: block;
  width: 25px;
  height: 25px;
  text-indent: -999em;
  overflow: hidden;
  margin-top: -13px;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.mobile-modal .titlebar .closer:after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  background: transparent url(https://www.paypalobjects.com/webstatic/mktg/2014design/close_default.png) center center no-repeat;
}
.mobile-modal.on {
  display: block;
  height: 100%;
}
.mobile-modal.on.inplace {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate(0, 0);
}
.mobile-modal .btn {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0;
}
#externalTracking {
  overflow: hidden;
  height: 0;
}
.fancy-down-arrow-grey {
  background: transparent url(https://www.paypalobjects.com/webstatic/mktg/2014design/fancy-down-arrow2x.png) center center no-repeat;
  background-size: 22px 13px;
  width: 38px;
  height: 38px;
  display: inline-block;
  text-indent: -999em;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  border: 1px solid #d3d3d3;
  border-radius: 21px;
}
.payblue {
  color: #0c8dc4;
}
.palblue {
  color: #009cde;
}
.white {
  color: #ffffff;
}
.leaf {
  color: #6db33f;
}
.lime {
  color: #c2cd23;
}
.tomato {
  color: #b32317;
}
.tangerine {
  color: #f8981d;
}
.sea {
  color: #007c85;
}
.aqua {
  color: #0098a3;
}
.plum {
  color: #7a003c;
}
.berry {
  color: #f15f7c;
}
.sand {
  color: #959484;
}
.palesand {
  color: #e7e6d3;
}
.slate {
  color: #717074;
}
.paleslate {
  color: #e6e7e8;
}
.black {
  color: #000000;
}
hr {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #fff;
  border-left: 0;
  border-right: 0;
  margin: 0;
}
.row-fluid {
  background: #fff;
  position: relative;
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate(0, 0);
}
html[lang="ja-JP"] body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0.05em;
}
html[lang="ja-JP"] header #main-menu li:first-child {
  margin-right: 10px;
}
html[lang="ja-JP"] .hero-bg p,
html[lang="ja-JP"] .hero-bg ul li {
  padding-top: 4px;
  padding-bottom: 14px;
}
html[lang="ja-JP"] .editorial p,
html[lang="ja-JP"] .contentPara {
  padding-top: 20px;
  padding-bottom: 20px;
}
html[lang="ja-JP"] .headLineOnly {
  padding: 40px 0;
}
html[lang="ja-JP"] .headLineOnly .quoteHeadline {
  padding-bottom: 0;
}

div[id*=globalnav-header] header[class*="gn-header"]{font-size:14px}div[id*=globalnav-header] a[class*="pypl-btn--small"]{font-size:12px}div[id*=globalnav-header] #main-menu button[title="Close"]{min-width:0px}div[id*=globalnav-header] #menu-button{min-width:84px;margin-left:0px;font-size:12px}div[id*=globalnav-footer] footer[class*="global-footer"] ul[class*="footer-main"],div[id*=globalnav-footer] footer[class*="global-footer"] ul[class*="footer-secondary"],div[id*=globalnav-footer] footer[class*="global-footer"] ul[class*="footer-tertiary"]{margin-top:0}div[id*=globalnav-footer] footer[class*="global-footer"] ul[class*="footer-secondary"] a,div[id*=globalnav-footer] footer[class*="global-footer"] ul[class*="footer-tertiary"] li,div[id*=globalnav-footer] footer[class*="global-footer"] a{font-size:14px}

