/* concatenation of normalize.css, jquery-ui.min.css, jquery_ui_overrides.css, base_phone.css, footer_phone.css, dialog_phone.css, bubble_message.css, menubar_phone.css, popup_image_phone.css, webapp_selector_phone.css, contact_phone.css, fan_signup_common_phone.css */

/* ------------- normalize.css --------------- */
/*! normalize.css v2.1.0 | 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 styling not present in IE 8/9.
 */

[hidden] {
    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 {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * 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 styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * 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;
}

/**
 * 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
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 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"], /* 1 */
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.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    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;
}


/* ------------- jquery-ui.min.css --------------- */
/*! jQuery UI - v1.9.2 - 2012-11-23
* 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
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */
.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}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{zoom:1}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:absolute;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;zoom:1}.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;zoom:1}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}* html .ui-autocomplete{width:1px}.ui-button{display:inline-block;position:relative;padding:0;margin-right:.1em;cursor:pointer;text-align:center;zoom:1;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:1.4}.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}input.ui-button{padding:.4em 1em}.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}.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}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-year{width:100%}.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}.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{border-left-width:0}.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:0em}.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{float:right}.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker-cover{position:absolute;z-index:-1;filter:mask();top:-4px;left:-4px;width:200px;height:200px}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;width:300px;overflow:hidden}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 16px .1em 0}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:19px;margin:-10px 0 0 0;padding:1px;height:18px}.ui-dialog .ui-dialog-titlebar-close span{display:block;margin:1px}.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus{padding:0}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto;zoom:1}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin:.5em 0 0 0;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:14px;height:14px;right:3px;bottom:3px}.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;zoom:1;width:100%}.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;zoom:1;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}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.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-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}.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;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}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em;zoom:1}.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:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav li a{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 a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{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}* html .ui-tooltip{background-image:none}body .ui-tooltip{border-width:2px}.ui-widget{font-family: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:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url(/css/jquery-ui/themes/base/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url(/css/jquery-ui/themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(/css/jquery-ui/themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;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 #999;background:#dadada url(/css/jquery-ui/themes/base/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(/css/jquery-ui/themes/base/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(/css/jquery-ui/themes/base/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(/css/jquery-ui/themes/base/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.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)}.ui-icon{width:16px;height:16px;background-image:url(/css/jquery-ui/themes/base/images/ui-icons_222222_256x240.png)}.ui-widget-content .ui-icon{background-image:url(/css/jquery-ui/themes/base/images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(/css/jquery-ui/themes/base/images/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(/css/jquery-ui/themes/base/images/ui-icons_888888_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(/css/jquery-ui/themes/base/images/ui-icons_454545_256x240.png)}.ui-state-active .ui-icon{background-image:url(/css/jquery-ui/themes/base/images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(/css/jquery-ui/themes/base/images/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/css/jquery-ui/themes/base/images/ui-icons_cd0a0a_256x240.png)}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-khtml-border-top-left-radius:4px;border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-khtml-border-top-right-radius:4px;border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-khtml-border-bottom-left-radius:4px;border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;-khtml-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url(/css/jquery-ui/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(/css/jquery-ui/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}

/* ------------- jquery_ui_overrides.css --------------- */
/* jquery dialog styles */
.ui-corner-all {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
}

.ui-dialog {
    padding: 0;
}

.nu-dialog .ui-icon {
    background:url(/img/_sprite-bc-ui-20170921.png);
}

.ui-dialog .ui-widget-header {
    background: #333;
    border: none;
}
.ui-widget-header {
    color: #fff;
}
.nu-dialog .ui-widget-content {
    color: #333;
}

.ui-widget-content a {
    text-decoration: none;
    color: #0687F5;
}

.ui-widget-overlay {
    background: #000609;
    opacity: 0.6;
}

.ui-dialog.nu-dialog .ui-dialog-titlebar-close,
.ui-dialog.nu-dialog .ui-dialog-titlebar-close.ui-state-hover {
    background: transparent;
    margin: 0;
    padding: 0;
    right: 0;
    top: 0;
    width: 12px;
    height: 12px;
    overflow: hidden;
    padding: 18px 20px 15px 25px;
    border: 0;
}

.ui-dialog.nu-dialog .ui-icon.ui-icon-closethick {
    background-position: 0 -80px;
    margin: 0;
    padding: 0;
    width: 12px;
    height: 12px;
}

.ui-dialog.nu-dialog .ui-dialog-titlebar-close.ui-state-hover .ui-icon.ui-icon-closethick {
    background-position: -12px -80px;
    opacity: 0.9;
}


.ui-dialog .ui-dialog-title {
    margin: 0;
}

/* jquery menu styles */
.ui-menu ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ui-menu ol li {
    position: relative;
    margin: 0;
}

/* Label accounts UI style */

.ui-dialog.nu-dialog {
    font: 14px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #2e3332;
    border: 0;
    -webkit-font-smoothing: antialiased;
}
.ui-corner-all.nu-dialog {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.ui-dialog.nu-dialog .ui-dialog-titlebar {
    padding: 15px 20px 12px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ededed;
}
.ui-dialog.nu-dialog .ui-dialog-title {
    font-size: 18px;
    font-weight: 400;
    color: #2e3332;
}
.ui-dialog.nu-dialog .ui-dialog-content {
    overflow: visible; /* overriding a share/embed-specific rule */
    padding: 25px 20px 30px;
}

.ui-dialog.nu-dialog p {
    margin: 0 0 1em;
}

.ui-dialog.nu-dialog p + .field-wrapper {
    margin-top: 2em;
}

.ui-dialog.nu-dialog .ui-dialog-buttonpane {
    margin-top: 0;
    padding: 0;
    border: none;
}
.ui-dialog.nu-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    margin-bottom: 18px;
    padding: 0 20px;
    text-align:center;
}
.ui-dialog.nu-dialog button { /* default layout is for two buttons */
    display: inline-block;
    width: 200px;
    margin-right: 30px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    height: 36px;
    text-align: center;
    text-decoration: none;
    vertical-align: baseline;
    color: #fff;
    background-color: #0687f5;
    border: 1px solid #0687f5;
    border-radius:4px;
    padding: 0 1em;
    outline: none;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    -webkit-transition: border-color .2s ease;
    transition: border-color .2s ease;
}

.ui-dialog.nu-dialog .ui-dialog-buttonpane button.cancel,
.ui-dialog.nu-dialog button.cancel,
.ui-dialog.nu-dialog button.cancel:hover,
.ui-dialog.nu-dialog button.cancel:focus {
    background-color: #fff;
    border: 1px solid #777;
    color: #777;
}

.ui-dialog.nu-dialog button:last-child {
    margin-right: 0;
}
.ui-dialog.nu-dialog.single-button button {
    display: block;
    width: 100%;
}
.ui-dialog.nu-dialog button:hover,
.ui-dialog.nu-dialog button:focus,
.ui-dialog.nu-dialog button:active {
    background-color: #007deb;
}

/* "secondary" button style (eg. cancel buttons) */ /* TODO: remove the word weak */
.ui-dialog.nu-dialog button.weak,
.ui-dialog.nu-dialog button.weak:hover,
.ui-dialog.nu-dialog button.weak:focus,
.ui-dialog.nu-dialog button.weak:active {
    background: #fff;
    border-color: #999;
    color: #777;
    font-weight: normal;
}
.ui-dialog.nu-dialog button.weak:hover,
.ui-dialog.nu-dialog button.weak:focus,
.ui-dialog.nu-dialog button.weak:active {
    color: #333;
}

.ui-dialog.nu-dialog button::-moz-focus-inner {
  border: 0;
}

/* disabled button style */
.ui-dialog.nu-dialog button[disabled],
.ui-dialog.nu-dialog button[disabled]:hover,
.ui-dialog.nu-dialog button[disabled]:active {
    background: #555 !important;
    border-color: #333 !important;
    color: #ccc !important;
    cursor: default;
    text-decoration: none;
    text-shadow: none;
    opacity: 0.3;
    filter: alpha(opacity=50);
}

/* 
 *  dialogClass overrides for customizing NuDialog 
 */

/* remove the close button */
.no-close .ui-dialog-titlebar-close {
    display: none;
}

/* remove the titlebar entirely */
.no-title .ui-dialog-titlebar {
    display: none;
}

/* remove dialog content padding for more granular control (i.e. footers, etc) */
.no-padding .ui-dialog-content {
    padding: 0 !important;
}

/* remove the dialog content background */
.ui-widget-content.no-bg {
    background: transparent;
}

/* remove dialog corner radius */
.ui-corner-all.no-border-radius {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
}


/* added/removed to hide a modal dialog's overlay mask */
.ui-widget-overlay.no-overlay {
    opacity: 0 !important;
    filter: alpha(opacity=0);
}

/* forms */

.ui-widget.nu-dialog input,
.ui-widget.nu-dialog input[type="radio"],
.ui-widget.nu-dialog select,
.ui-widget.nu-dialog textarea,
.ui-widget.nu-dialog button {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    top: auto;
}
.ui-widget.nu-dialog textarea:focus,
.ui-widget.nu-dialog input[type="text"]:focus,
.ui-widget.nu-dialog input[type="email"]:focus,
.ui-widget.nu-dialog input[type="search"]:focus,
.ui-widget.nu-dialog input[type="number"]:focus,
.ui-widget.nu-dialog input[type="password"]:focus {
    -moz-transition-duration: 0.3s;
    -moz-transition-property: border-color, box-shadow;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: border-color, box-shadow;
    transition-duration: 0.4s;
    transition-property: border-color, box-shadow;
    border-color: #50a1e6;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 5px #b4d7f9;
    outline: none;
    -webkit-appearance: none;
}
.ui-widget.nu-dialog textarea,
.ui-widget.nu-dialog input[type="text"],
.ui-widget.nu-dialog input[type="email"],
.ui-widget.nu-dialog input[type="search"],
.ui-widget.nu-dialog input[type="number"],
.ui-widget.nu-dialog input[type="password"] {
    border: 1px solid #ccc;
    outline: none;
    -webkit-appearance: none;
}
:-webkit-autofill {
    color: #fff !important;
}


.ui-dialog.nu-dialog .alert {
    font-weight: normal;
    font-size: inherit;
}


/* TODO: skinny close icon */

/* language picker hover style, none */

.ui-widget-content .ui-state-focus {
    border-color: transparent;
    background: none;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {font-weight: normal;margin:0;border:0;}


/* ------------- base_phone.css --------------- */
/*
 * Fundamental styles for the phone (narrow screen) layout.
 * CSS in this file should be very general: applicable to most or all pages.
 * Avoid pixel units! Use %, em, and rem instead.
 */

/***** Reset ************************************************/

body, h1, h2, h3, h4, h5, ul, ol, li, dl, dt, dd, p, button  {
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: #333;
}
li {
    list-style-type: none;
}
a {
    text-decoration: none;
}
img {
    border: none;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
td, th {
    font-weight: normal;
    padding: 0;
    text-align: left;
    vertical-align: baseline;
}
button, input, select {
    max-width: 100%;
    font-size: 1rem;
}
button {
    font-family: sans-serif;
}


/***** General styles ****************************************/

html {
    font-family: "Helvetica Neue",Arial,sans-serif;
    font-size: 100%; /* base font size: all other font sizes should be expressed in rems or ems */
    margin: 0;
    padding: 0;
}

body {
    background: url(/img/bg-mobile-light-20120612.gif) #f0f0f0;
}

a {
    color: #0687F5;
}

p {
    margin: 1rem 0;
    font-size: 0.8125rem;
}

.nobreak {
    display: inline-block;
}

.horizontal-list {
    display: inline;
}

.horizontal-list > li {
    display: inline-block;
    padding: 0 0.5em;
} 
.horizontal-list > li:first-child {
    padding-left: 0;
}

.horizontal-list.dividers > li {
    padding: 0 0.5em 0 0.2em;
    border-right: solid thin #3f484b;
}
.horizontal-list.dividers > li:last-child {
    border-right: none;
}

ol.unstyled, ul.unstyled {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.leftMiddleColumns, .rightColumn, #pgBd > .content {
    /* Ideally we'd put this on #pgBd, but it makes a marginless customHeaderWrapper more difficult.
       Specified in rems instead of % so we can align with the left padding in #band-navbar > li a. */
    margin: 0.625rem;
}

.secondaryText {
    color: #777;
}

.notable {
    color: #c00;
}

.alert {
    color: #c00;
    font-weight: bold;
}

.base-text-color {
    color: #333;
}

/* used to visually hide text but keep it available for screen readers */    
.hidden-access {
    position: absolute;
    top: -10000px;
    left: -10000px;
}

.back-to-label-link { display: none; } 

/* dark */

body.invertIconography {
    background: url(/img/bg-mobile-dark-20120809.gif) #1a1a1a;
}

body.invertIconography, 
.invertIconography h1, 
.invertIconography h2, 
.invertIconography h3, 
.invertIconography h4, 
.invertIconography h5, 
.invertIconography ul, 
.invertIconography ol, 
.invertIconography li, 
.invertIconography p,
.invertIconography button,
.invertIconography .base-text-color {
    color: #777;
}

.invertIconography a {
    color: #1f64ae;
}

.invertIconography .secondaryText {
    color: #5e5e5e;
}

.invertIconography .notable {
    color: #a30b0b;
}

.invertIconography .alert {
    color: #a30b0b;
    font-weight: bold;
}


/***** Buttons **********************************************/

a.buttonLink {
    display: block;
    width: 80%;
    margin: 0.625rem auto;
    font-size: 0.8125rem;
    line-height: 2.25rem;
    text-align: center;
    font-weight: bold;
    border: none;
    border-radius: 0.4em;
    color: #fff;
    background: #4F8E25;
}

/* dark */
.invertIconography a.buttonLink {
    color: #919191;
    background: #323232;
}

.compound-button, 
.buyItem .ft.compound-button,
.invertIconography .yui-module .compound-button  /* buttons in dialogs */
{
    background: rgb(255,255,255);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* W3C */
    border: solid rgba(0,0,0,0.3) thin;
    border-radius: 0.3125rem;
    box-shadow:         0 0.0625rem 0.125rem 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0.0625rem 0.125rem 0 rgba(0,0,0,0.2);
    color: #0687F5;
    display: block;
    font-size: 0.9375rem;
    font-weight: bold;
    line-height: 1.375rem;
    margin: 0.75rem 0 0;
    padding: 0.375rem 0;
    text-align: center;
    width: 100%;
}

.compound-button > button {
    color: #0687f5;
}
.compound-button span {
    display: inline-block;
}

/* dark */

.invertIconography .compound-button,
.invertIconography .buyItem .ft.compound-button {
    color: #1F64AE;
    -webkit-box-shadow: 0 0.0625rem 0.125rem 0 rgba(0,0,0,0.4);
    box-shadow:         0 0.0625rem 0.125rem 0 rgba(0,0,0,0.4);
    background: rgb(55,55,55);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,55,55,1)), color-stop(100%,rgba(33,33,33,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(55,55,55,1) 0%,rgba(33,33,33,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(55,55,55,1) 0%,rgba(33,33,33,1) 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom,  rgba(55,55,55,1) 0%,rgba(33,33,33,1) 100%); /* W3C */
    border: solid rgba(0,0,0,0.7) thin;
    border-top-color:rgba(255,255,255,0.2);
}

/* dark */

.invertIconography .compound-button > button {
    color: #1F64AE;
}


/***** Banner ************************************************/

#top-banner {
    width: 100%;
    background-color: #ffffc5;
    text-align: center;
    font-size: 1rem;
    padding: 0.75rem;
    color: #999;
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
}


/***** Custom header **************************************/

#customHeaderWrapper > * {
    display: none;
}

div#customHeader {
    display: block;  /* overrides previous */
}

#customHeader > * {
    display: none;  /* hide desktop and other headers */
}

#customHeader > .phone-header {
    display: block; /* overrides previous */
}

.phone-header img {
    width: 100%;
}


/***** Tab bar ********************************************/
#customHeaderWrapper {
    position: relative;
}
#customHeaderWrapper > .band-navbar-wrapper {
    background-color: rgba(0, 0, 0, 0.08);
    display: block;
    height: 44px;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}
.invertIconography #customHeaderWrapper > .band-navbar-wrapper {
    background-color: rgba(0, 0, 0, 1);
}
#band-navbar {
    font-size: 0;
    white-space: nowrap;
}
#band-navbar.hide-phone {
    display: none;
}
#band-navbar > li {
    display: inline-block;
    min-width: 20%;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
    position: relative;
}
/* flex box + min-content related fix targeting Windows Phone IE 10+ */
/* should be eventually handled with an update to our server-side client detection */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #band-navbar > li {
        min-width: inherit; 
    }
}
#band-navbar > li a {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    height:44px;
    padding:14px 15px 0;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.invertIconography #band-navbar > li a {
    color: #999;
}
/* replace the tap highlight */
#band-navbar > li a:active {
    background: rgba(0,0,0,0.15);
}
.invertIconography #band-navbar > li a:active {
    background: rgba(255,255,255,0.15);
}
/* dividers :after */
#band-navbar > li:after {
    background: #999;
    background-color: rgba(0,0,0,0.15);
    content:' ';
    height:20px;
    left:0;
    position: absolute;
    top:14px;
    width:1px;
}
.invertIconography #band-navbar > li:after {
    background: #333;
    background-color: rgba(255,255,255,0.15);
}
#band-navbar > li:first-child:after,
.invertIconography #band-navbar > li:first-child:after {
    display: none;
}
/* active marker border */
#band-navbar > li a.active {
    border-top:4px solid #333;
    padding-top:10px;
}
.invertIconography #band-navbar > li a.active {
    border-color: #999;
}
/* flex box */
#customHeaderWrapper > .band-navbar-wrapper.flex {
    height: auto;
    overflow-y:visible;
}
.band-navbar-wrapper.flex #band-navbar {
    /* old syntax */
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    /* new syntax */
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.band-navbar-wrapper.flex #band-navbar > li {
    display:block;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
/* hide edit links */
#band-navbar > li.edit,
.band-navbar-wrapper.flex #band-navbar > li.edit {
    display: none;
}

/***** Hide desktop elements ******************************/

.bandmember-only
{
    display: none !important;
}

/***** Contact Form ******************************/

#contactForm .tableLayout dt {
    font-size: 0.75rem;
    font-weight: bold;
}

#contactForm dl.tableLayout dt {
    width: 25%;
    margin:0;
    display: inline-block;
    text-align:right;
    padding-right:2%;
    vertical-align: top;
    margin-top: 0.25rem;
}

#contactForm dl.tableLayout dd {
    width: 67%;
    margin: 0;
    display: inline-block;

}
#contactForm dl.tableLayout dd textarea {
    height: 3rem;
}

#contactForm dl.tableLayout dd textarea, 
#contactForm dl.tableLayout dd input,
#contactForm dl.tableLayout button {
    font-family: "Helvetica Neue",Arial,sans-serif;
    font-size: 0.875rem;
}

#contactForm dl.tableLayout dd textarea, 
#contactForm dl.tableLayout dd input {
    width: 100%;
}

#contactForm dl.tableLayout dd p {
    margin: 0.3125rem 0 1rem;
    width: 100%;
    font-size: 0.75rem;
}

#contactForm button#contact\.send {
    background: none repeat scroll 0 0 #0687F5;
    border: thin solid #2072B8;
    color: #fff;
    font-size: 0.875rem;
    padding: 0.4rem 1.5rem;
    margin-right: 0.5rem;
    margin-top: -1ex; /* to remove inline style of parent*/
    -webkit-border-radius: 5px;
    border-radius: 5px;

}

#contactForm button#contact\.cancel {
    border: thin solid #ddd;
    color: #0687f5;
    padding: 0.4rem 1.2rem;
    background: #FEFEFE;
    background: none;
    margin-top: -1ex; /* to remove inline style of parent */
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#contactForm #contact\.banner {
    margin-right: 0.5rem;
    background-color: #E8A2AB;
    border: thin solid red;
    padding: 0.8rem 1rem;
    font-family: "Helvetica Neue",Arial,sans-serif;
    color: #9C0000;
}

#contactForm #contact\.languages {
    margin-right: 0.5rem;
    background-color: #fdfac7;
    padding: 0.8rem 1rem;
    font-family: "Helvetica Neue",Arial,sans-serif;
}

#sidebar-contact-label-break {
    display: none;
}

/***** Common Widget Graphics ********************/

.bc-ui {
    background:url(/img/_sprite-bc-ui-20170921.png);
}

/* -m is for mobile */

.bc-ui-m {
    background-image: url(/img/mobile-sprites-20150520.svg);
}

.no-svg .bc-ui-m {
    background-image: url(/img/mobile-sprites-20150520.png);
}

/***** Release Labels, used primarily for denoting subscription status on tralbums, merch, etc. */
.release-label,
.release-label-dark {
    background: #e5e5e5;
    background-color: rgba(0,0,0,0.1);
    border-radius: 2px;
    display: inline-block !important;
    padding: 2px 4px 3px;
    text-transform: uppercase;
    white-space: nowrap;
}
.release-label,
.release-label > a,
.release-label-dark,
.release-label-dark > a {
    display:inline-block;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.release-label > a,
.release-label-dark > a {
    /**/
}
.release-label,
.release-label > a {
    color: #505958;
}
.release-label-dark {
    background: #73807e;
    background-color: rgba(0,26,22,0.55);
}
.release-label-dark,
.release-label-dark > a {
    color:#fff;
}
.release-label > a:hover,
.release-label-dark > a:hover {
    text-decoration: none;
}
/* margins depending on where a .release-label is used */
.collection-item-artist+.release-label,
.collection-item-artist+.release-label-dark {
    margin: -2px 0 10px;
}
.merch-grid .merchtype+.release-label,
.merch-grid .merchtype+.release-label-dark {
    margin: 6px 0 2px;
}
.trackYear+.release-label,
#name-section > h3+.release-label,
#name-section > h3+.release-label-dark,
#name-section > .merchtype+.release-label,
#name-section > .merchtype+.release-label-dark {
    margin: 6px 0 0;
}

/**/
#subscriber-only-merch-heading {
    margin: 30px 0 15px;
}

/* utils */

.b {
    font-weight: bold;
}


/* ------------- footer_phone.css --------------- */
/*
   Site-wide phone footer CSS
*/

/* Transitional: hide the desktop footer and show the phone footer, for pages still using client-side phone 
   detection (and therefore including the HTML for both phone and desktop footers). This can be removed once all
   pages have moved to server-side phone detection.  - sdg 2013.05.31 */
.pgft-desktop {
    display: none !important;
}
.pgft-phone {
    display: block !important;
}

#propOpenWrapper {
    position: absolute;
    width: 100%;
    min-height: 100%;  /* allows us to pin the footer to the bottom of viewport on short pages; see pgFt below */
}

#pgFt {
    position: absolute;
    bottom: 0;  /* for pages shorter than the viewport, pin footer to the bottom */
    width: 100%;
    padding: 1.5em 4% 2em;
    font-size: 0.8rem;
    background: #8a9295;
    color: #f5f5f5;
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
}

#pgBd {
    margin-bottom: 13rem; /* reserve space for the absolutely-positioned pgFt */
}

#pgFt a {
    color: #f5f5f5;
}

/* necessary to override rules currently used in the corpnew_phone bundle */
#pgFt li {
    font-size: 0.8rem;
    list-style-type: none;
}

#footer-logo {
    /* image h/w ratio: 1/6.4 */
    display: inline-block;
    width: 0;
    height: 0;
    padding-top: 4.69%; /* height */ 
    padding-left: 30%;  /* width */
    background: url(/img/logo-white.svg) no-repeat;
    background-size: 100% auto;
    background-position: left center;
}
.no-svg #footer-logo {
    background-image: url(/img/logo-white-mobile.png);
}

.pgft-phone {
    text-align: justify;
    /* see text-align-last hack below */
    -moz-text-align-last: justify;
         text-align-last: justify;
}

/* Hack: we want text-align-last, but as of May 2013 it's only supported in Firefox and IE. Instead, force 
   text-align to act like text-align-last by adding an invisible, second "line". Thanks to 
   http://kristinlbradley.wordpress.com/2011/09/15/cross-browser-css-justify-last-line-paragraph-text */
.pgft-phone .navgroup:after {
    content: "";
    display: inline-block;
    width: 100%;
}

.pgft-phone .navgroup {
    /* The text-align-last hack adds an extra line's worth of whitespace to the bottom of the block in all browsers
       except IE. Compensate for that here by enforcing the height of the block. */
    height: 1.6em;
    line-height: 1.6em;
    margin-top: 1.8em;
}
.pgft-phone .navgroup:first-child {
    margin-top: 0;
}

.pgft-phone #footer-logo {
    position: relative;
    vertical-align: middle;
}

.pgft-phone #footer-logo a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.pgft-phone .footer-extras {
    text-align: center;  /* because this currently contains at most one item */
}

.pgft-phone .footer-extras.hidden {
    display: none;
}

/*Internationalization footer language picker */

.lang-picker-lang-phone {
    color:#999;
}

#pgFt .lang-picker-m a {
    color: white;
    cursor: pointer;
}

.ui-dialog.nu-dialog.lang-picker-m button {
    width: 100%;
    background-color: white;
    border: 1px solid #ccc;
    color: #0687f5;
}



/* ------------- dialog_phone.css --------------- */
/*
 * Dialog CSS: phone view.
 *
 * This file is for the base dialog CSS only: don't put rules for specific dialogs here.
 */

.yui-dialog {
    position: absolute;
    /* the top coord is set by YUI Dialog */
    left: 2.5% !important; /* override YUI Dialog's horizontal centering */
    right: 2.5%;
    overflow-x: hidden;
    z-index: 10;
    background: #fff;
    -webkit-box-shadow: 0 0 1rem 0 #404040;
    box-shadow:         0 0 1rem 0 #404040;
}

.yui-dialog .hd {
    padding: 0.625rem 0.625rem;
    background: #5e5e5e;
}

.yui-dialog .hd .content {
    margin-right: 3.5rem; /* make room for the Close button, which for some reason isn't inside the .hd */
    letter-spacing: 0.02rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    font-size: 0.8125rem;
    font-weight: bold;
}

.yui-dialog .bd {
    padding: 0.625rem;
}

.yui-dialog .ft {
    padding: 0 0.625rem 0.625rem;
    text-align: right;
}

.yui-dialog .ft button {
    display: inline-block;
    min-width: 5rem;
    min-height: 2rem;
    margin-right: 0.5rem;
    border: none;
    background: #999;
    color: #fff;
    border-radius: 0.3rem;
}

.yui-dialog .ft .button-group > :last-child button {
    margin-right: 0;
}

.yui-dialog .ft button[disabled] {
    opacity: 0.5;
}

.yui-dialog .container-close {
    position: absolute;
    top: 0.45rem;
    right: 0.45rem;
    padding: 0.3rem 0.8rem;
    font-size: 0.7rem;
    background: #b4b4b4;
    color: #222;
    border-radius: 0.2rem;
}

.yui-dialog .container-close:before {
    content: "";
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.5em;
    background: url(/img/mobile-sprites-20150520.svg) no-repeat;
    background-size: 500% auto;
    background-position: 25% 23.87%; /* 25% == dark */
    vertical-align: text-bottom;
}

.no-svg .yui-dialog .container-close:before {
    background-image: url(/img/mobile-sprites-20150520.png);
}

body.nouveau-masked {
    position: relative;
}

.masked .mask, .nouveau-masked .nouveau-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.6;
    /* disable tap highlight on the mask itself */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 2;
}


/* nu-dialog */


.ui-dialog.nu-dialog .ui-dialog-titlebar {
    padding: 0.625rem 1rem;
}

.ui-dialog.nu-dialog .ui-dialog-title {
    font-size: 1rem;
    max-width: 92%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-dialog.nu-dialog .ui-dialog-titlebar-close {
    padding: 0.9375rem 1.25rem 0.9375rem 1.5625rem;
    width: 0.75rem;
    height: 0.75rem;
}

.ui-dialog.nu-dialog .ui-dialog-titlebar-close.ui-state-hover {
    padding: 0.9375rem 1.25rem 0.9375rem 1.5625rem;
    width: 0.75rem;
    height: 0.75rem;
}

.ui-dialog.nu-dialog .ui-dialog-content {
    padding: 25px 20px 30px;
    padding: 1rem;
}

.ui-dialog.nu-dialog {
    font-size: 0.875rem;
}

.ui-dialog.nu-dialog label {
    font-weight: 500;
    display: block;
    margin: 0.875rem 0 0.25rem 0;
}

.ui-dialog.nu-dialog input[type="text"],
.ui-dialog.nu-dialog input[type="email"],
.ui-dialog.nu-dialog input[type="password"] {
    width: 95%;
    padding: 0.25rem;
    box-sizing: border-box;
}

.ui-dialog.nu-dialog input,
.ui-dialog.nu-dialog select,
.ui-dialog.nu-dialog textarea {
    font-size: 16px; /* Setting a font size of 16px or more disables auto-zoom in mobile safari */
}

.ui-dialog.nu-dialog input.error,
.ui-dialog.nu-dialog textarea.error {
    border: 1px solid #e00;
}

.ui-dialog.nu-dialog .error-bubble {
    color: #e00;
    font-size: 0.75rem;
}

.ui-dialog.nu-dialog p {
    color: #333;
}

.ui-dialog.nu-dialog .b {
    font-weight: bold;
}

.ui-dialog.nu-dialog button.submit {
    margin: 1rem 0 0;
    width: 95%;
}

.ui-dialog.nu-dialog a {
    text-decoration: none;
    color: #0687F5;
}

/* ------------- bubble_message.css --------------- */
/*
 * Bubble message base.
 *
 * Currently used for mobile only, but could be used for desktop.
 *
 * This file is for the base bubble CSS only: don't put rules for specific message instances here.
 */

.bubble-msg {
    display: none;
    position: fixed;
    top: 45%;
    left: 50%;
    z-index: 5;
}

.bubble-msg-inner {
    position: relative;
    left: -50%;
    padding: 0.5em 1em;
    color: #000;
    font-size: 1rem;
    font-weight: bold;
    white-space: nowrap;
    background: #fff;
    border-radius: 0.5em;
    border: solid thin #000;
    -webkit-box-shadow: 0 0.2rem 0.6rem 0 rgba(0,0,0,0.4);
    box-shadow:         0 0.2rem 0.6rem 0 rgba(0,0,0,0.4);
}


/* ------------- menubar_phone.css --------------- */
/***  PAGE ATTRIBUTES  ***/

#menubar-wrapper {
    display: none;
}

.has-menubar-phone #menubar-wrapper {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background-color: #ddd;
    background-image: none;
    border-bottom: dotted 1px #aaa;

    /* Changing from 1 to 2 to ensure navbar menu isn't clipped by #tralbumArt  - sdg 2012.10.31 */
    z-index: 2;
}

#menubar-vm.loading .hidden-while-loading {
    display: none;
}

#menubar-wrapper.extended,
#menubar.extended,
.menubar > ul > li.extended,
.menubar > ul > li.search.extended {
    display: none!important;
}

#legal {
    float: right;
}

/***  MENU BAR  ***/

.menubar {
    position: relative;
    height: 43px;
    width: 100%;
    margin: 0 auto;
    color: white;
    font-size: 0.85rem;
    cursor: pointer;
}

#site-nav {
    position: absolute;
    left: 0;
}

#user-nav {
    position: absolute;
    right: 0;
}

.menubar * {
    -webkit-user-select: none;
    -webkit-user-drag: none;
}


/***  MENU BAR STYLINGS  ***/

.menubar a {
    color: #408294;
}

.menubar ul.horizontal {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    white-space: nowrap; 
}

.menubar > ul > li {
    float: left;
    padding: 0;
    margin: 0;
}

/***  BAR ITEMS  ***/

.menubar > ul > li > :first-child {
    display: block;
    height: 43px;
    line-height: 43px;
    padding: 0 8px;

    transition: background 0.1s ease-out;
    -webkit-transition: background 0.1s ease-out;
    -moz-transition: background 0.1s ease-out;
}

@media screen and (max-width: 320px) {
    .menubar > ul > li > :first-child {
        padding: 0 2.5px;
    }
}

.menubar > ul > li .menucaret {
    display: inline-block;
    width: 9px;
    height: 6px;
    overflow: hidden;
    margin: 20px 0 0 7px;
    background-position: 0 -1px;
    float: left;
}

.menubar > ul > li .logo {
    background: url('/img/bandcamp-logo-bc-color.svg') 30% 50% no-repeat;
    background-size: 100%;
    width: 45px;
    height: 45px;
}

/***  ALTERNATE APPEARANCES OF MENU BAR ITEMS  ***/

.menubar > ul > li.highlighted > :first-child {
    background-color: #CCC;
}

.menubar > ul > li.selected > :first-child {
    background-color: #AAAAAA;
    color: white;
}

.menubar > ul > li.selected .menucaret {
    background-position:-9px -1px;
}

.menubar > ul > li.disabled > :first-child {
    color: #aab3a9;
}

.menubar > ul > li.message > :first-child {
    color: #AAAAAA;
}

.menubar #collection-alt {
    display: none;
}

.menubar #account-note-alt {
    display: none;
}

.menubar > ul > li .new {
    display:inline-block;
    width: 36px;
    height: 11px;
    overflow: hidden;
    margin-top:10px;
    background-position:0 -170px;
    vertical-align: top;
}

.menubar > ul > li.message.highlighted > :first-child,
.menubar > ul > li.message.selected > :first-child {
    background-color: transparent;
}

/***  BAND BAR ITEM  ***/



.menubar .bandname {
    max-width: 180px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

@media screen and (max-width: 480px) {
    .menubar .bandname {
        max-width: 70px;
    }
}

@media screen and (max-width: 320px) {
 .menubar .bandname {
        max-width: 40px;
    }   
}

/***  ADD MUSIC BAR ITEM  ***/

.menubar .add-music {
    float: left;
}

/***  USER BAR ITEM  ***/

.menubar .userpic {
    display: block;
    float: left;
    background-color: #fff;
    margin:8px 10px 0 0;
    width: 25px; height: 25px;    
    border: solid 1px rgba(0,0,0,.2);
}

.menubar .username {
    display: inline-block;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left:0.1em;
    float: left;
}
.menubar .badge-pro,
.menubar .menubar-badge-pro {
    background: #8eafb8;
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    padding: 0 3px;
    color: #fff;
    line-height: 15px;
    margin: 15px 0 0 5px;
    float: left;
}

.menubar > ul > li.selected .badge-pro {
    background: #919191;
    color: #eee;
}

/***  FAN (USER) BAR ITEM  ***/
.menubar .gear.bc-ui,
.menubar > ul > li .settings-gear .bc-ui {
    background-position: 0 -181px;
    width: 18px;
    height: 18px;
    display: block;
    margin: 12px 0 0;
    float:left;
}

.menubar > ul > li span.smallvertline {
    height: 17px;
    width: 0;
    margin: 15px 0 0;
    border-left: 1px solid #cbcbcb;
    padding: 0;
}

/***  CART BAR ITEM  ***/

.menubar #cart-item, .menubar #cart-item-divider {
    display: none;
}

.cart-icon {
    width: 1.5rem;
    display: block;
    float: left;
    height: 43px;
}

.cart-icon .inner {
    width: 1.5rem;
    height: 1.1rem;
    background: url(/img/mobile-sprites-20150520.svg) no-repeat;
    background-size: 500% auto;
    background-position: 0 27.7%;
    position: relative;
    top: 12px;
}

.no-svg .cart-icon {
    background-image: url(/img/mobile-sprites-20150520.png);
}

.cart-number {
    padding: 0 0.25rem;
    background-color: #5ac523;
    font-size: 0.6875rem;
    font-weight: bold;
    text-align: center;
    border-radius: 0.1875rem;
    color: #fff;
    position: relative;
    top: -1px;
}

/***  MENU STYLINGS  ***/

.menubar .ui-menu {
    padding: 4px 0 2px 0;
}

.menubar .ui-corner-all {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.menubar .ui-menu-item a {
    padding: 5px 22px;
    font-family: arial, helvetica, clean, sans-serif;
}

.menubar .ui-menu-item {
    border: none;
}

.menubar .menu .ui-menu-divider {
    margin: 5px 0px;
}

.menubar .menu {
    display: none; /* initially hide */
    float: left;
    position: absolute;
    min-width: 100px; /* min width of menus */
    font-size: 100%;
}

.menubar .menu-icon {
    float: left;
    margin-left: -12px;
}

/* .ui-widget-content is added by jquery */
.menubar .ui-widget-content {
    background: #EEEEEE;
}

/* .ui-state-focus is a jquery class added to an item's <a> when rolled over */
.menubar .ui-menu-item .ui-state-focus {
    border: none;
    background: #BBBBBB;
    color: white;
    margin: 0;
}

/* .ui-state-disabled goes on the menu item */
.menubar .ui-menu-item.ui-state-disabled {
    margin: 0;
    opacity: 1.0;
}

.menubar .ui-menu-item.ui-state-disabled a {
    cursor: pointer;
    color: #AAAAAA;
}

/*** SEARCH BAR ITEM  ***/

.menubar .search {
    float: left;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

@media screen and (max-width: 330px) {
    .searchwidget input[type=text] {
        font-size: 11.5px;
    }
}

.menubar input#search-field {
    margin: 0;
    height: 21px;
    line-height: 21px;
    width: 280px;
    font-family: "Helvetica Neue",Arial,sans-serif;
    color: #333;
    font-size: 13px;
    padding: 0 25px 0 3px;

    -webkit-user-select: text;
}

.menubar .withband input#search-field {
    -width: 260px;
}

.menubar #search .hint {
    color: #b0b0b0;
}

.menubar #search button {
    margin: 0;
    padding: 0;
    height: 28px;
    line-height: 22px;
    border: 6px solid transparent;
    font-size: 10px;
    width: 28px;
    overflow: hidden;
    position: relative;
    left: -31px;
    top: 2px;
    background-color: transparent;
}

.menubar #search button:hover,
.menubar #search button:active {
    text-decoration: none;
}

.menubar #search button .bc-ui.menubar-search-icon {
    background-position: 0 -200px;
    width: 13px;
    height: 13px;
    line-height: 13px;
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 2px;
    text-indent: -999rem;
}

.menubar > ul > li.search.highlighted > :first-child,
.menubar > ul > li.search.selected > :first-child {
    background-color: transparent;
}

.menubar > ul > li.mobile-hidden {
    display: none;
}


/* New style phone menubar */

.menubar-phone {
    height: 4em;
    background-color: #dcddde;
    min-width: 320px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
}
.menubar-phone > * {
    border-top: solid 1px #cecfd0;
    border-right: solid 1px #c8c9ca;
    border-bottom: solid 1px #b1b2b3;
    border-left: solid 1px #f0f1f2;
}
.menubar-phone > *:first-child {
    border-left: none;
}
.menubar-phone > :last-child {
    border-right: none;
}
.menubar-phone .search-container {
    position: relative;
    -webkit-flex-grow: 1;
        -ms-flex-grow: 1;
            flex-grow: 1;
}
.menubar-phone.searching .logo-container {
    border-right: none;
}
.menubar-phone.searching .search-container .searchwidget {
    display: inline-flex;
    animation-duration: 0.02s;
    animation-name: search-expand;
    float: right;
    width: 100%;
    margin-right: 0.5em;
}
@keyframes search-expand {
    from  { width: 10%; }
    to    { width: 100%; }
}
@keyframes flex-compress {
    from {
        /* flex: 1; */
        max-width: 16em;
    }
    to {
        max-width: 0em;
        /* flex: .01; */
        /* flex: .00001; */
    }
}
.menubar-phone .search-container .searchwidget {
    display: none;
    padding-top: 0.5em;
}
.menubar-phone .search-container .searchwidget button[type=submit] {
    top: 1.3em;
}
.menubar-phone .logo-container {
    width: 8em;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.menubar-phone .logo-container .search {
    margin-top: 1em;
    margin-right: 0.5em;
}
.menubar-phone .search-container input[type=text]:focus {
    border-color: #939497;
}
.menubar-phone .logo-container .search-icon {
    fill: rgb(119,119,119);
    height: 2em;
    width: 2em;
    position: absolute;
    z-index: 1;
    padding: 1em;
    right: 0;
}
.menubar-phone.searching .logo-container .search-icon {
    fill: rgb(51,51,51);
}
.menubar-phone .logo-container a {
    height: 4em;
    width: 7em;
    display: block;
}
.menubar-phone .logo-container .logo {
    background: url('/img/bandcamp-logo-bc-color.svg') 60% 48% no-repeat;
    background-size: 54%;
    background-repeat: no-repeat;
    height: 4em;
    width: 6em;
}
.menubar-phone .user-info-container {
    max-width: 55%;
}
.menubar-phone .user-info-inner {
    margin: 0.6em 1.4em;
}
.menubar-phone.searching .user-info-container {
    animation-duration: 0.02s;
    animation-name: flex-compress;
    animation-timing-function: linear;
    max-width: 0px;
    border-left: none;
    border-right: none;
    overflow: hidden;
}
.menubar-phone .login {
    padding-top: 0.6em;
}
.menubar-phone .login a {
    font-weight: bold;
    color: #61939d;
    text-align: center;
    font-size: 1.1em;
}
.menubar-phone .userpic {
    margin-top: 0.1em;
    display: inline-flex;
}
.menubar-phone .userpic a {
    font-weight: bold;
    color: #61939d;
    text-align: center;
    font-size: 1.2em;
    padding-top: 0.4em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.menubar-phone.searching .userpic a {
    animation-duration: 0.02s;
    animation-name: flex-compress;
    animation-timing-function: linear;
}
.menubar-phone .userpic img {
    height: 2.4em;
    width: 2.4em;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em;
    border: solid 1px #9f9f9f;
    flex-shrink: 0;
}

/* END New style phone menubar */



/* ------------- popup_image_phone.css --------------- */

/* popup image viewer */

/* --- gallery structure --- */

.popupimage_gallery {
    z-index: 15;
    display: table-cell;
    vertical-align: middle;
    position: fixed;
    left: 0; top: 0;
    bottom: 0; right: 0;
    background: rgba( 0, 0, 0, 0.85 );
}

.popupimage_container {
    position: relative;
    display: table;
    left: 0;
    height: 100%; width: 1000%;
    list-style: none;
    padding: 0;
}

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

.popupimage_item {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: auto;
}

.popupimage_backer {
    display: block;
    position: absolute;
    left: 50%; top: 50%;
    background-color: black;
    border: 0;
}

.popupimage_item.loading {
    background: url(/img/playerbusy_mobile_dark.gif) no-repeat center center;
    background-size: auto;
}

.popupimage_item img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 0;
}

/* corrects failure on android to fully cover the window: */

.android .popupimage_gallery {
    bottom: -2px; right: -2px;
}

.android .popupimage_gallery img {
    border-right: 2px;
    padding-bottom: 2px;
}

/* --- widgets --- */

.popupimage_nav {
    display: inline-block;
    position: absolute;
    height: 100%;
    width: 33%;
    -webkit-tap-highlight-color: rgba( 0,0,0,0 );
}
.popupimage_nav.dismiss {
    right: 0;
}
.popupimage_nav.navdots {
    left: 34%;
    display: flex;
    justify-content: space-around;
    top: 80%;
    z-index: 1;
}

.popupimage_navicon {
    display: inline-block;
    position: absolute;
    top: 85%;
    margin: auto;
    background: url(/img/mobile-sprites-20150520.svg) no-repeat;
    background-size: 500% auto;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    z-index: 1;
}
.popupimage_dot {
    display: inline-block;
    top: 85%;
    font-size: 5rem;
    background-color: rgb(153,153,153);
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);
    height: 0;
    padding: 0.4rem;
    border-radius: 0.4rem;

}
.popupimage_dot.active {
    background-color: rgb(255,255,255);
}

.no-svg .popupimage_navicon {
    background-image: url(/img/mobile-sprites-20150520.png);
}
.popupimage_navicon.navdots {
    left: 50%;
    margin-left: -1rem;
}
.popupimage_navicon.dismiss {
    top: 1em;
    right: 1em;
    background-position: 0 24%;
}

.popupimage_loading {
    position: absolute;
    display: inline-block;
    background-color: black; 
    opacity: 0.5;
    filter:alpha(opacity=50);
    text-align: center;
    vertical-align: middle;
}

.popupimage_spinny_lg {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    filter:alpha(opacity=50);
    background: url(/img/playerbusy_transp.gif) no-repeat;
    background-position: 50% 50%;
}

.popupimage_spinny_sm {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    filter:alpha(opacity=50);
    background: url(/img/playerbusy_small.gif) no-repeat;
    background-position: 50% 50%;
}


/* ------------- webapp_selector_phone.css --------------- */
.webapp-selector {
    text-align: center;
}


/* ------------- contact_phone.css --------------- */
/* there is no modal contact form on mobile — ALL /contact links open the stand-alone form in a new tab */

#tim-allen {
    display: none;
}
#contact-page-form {
    margin-top: 1rem;
}
#contact-form dl {
    margin-left: 0;
}
#contact-page-form h1 {
    font-weight: normal;
    font-size: 115%;
    margin-top: 4rem;
}
#contact-page-form h1 a {
    font-weight: normal;
    line-height: 2rem;
}
#contact-page-form dl.tableLayout dd  { 
    width: 100%; 
    display:block;
}
#contact-page-form dl.tableLayout dt {
    display: block;
    text-align: left;
    margin: 0.5rem 0 .125rem .1rem;
    padding-right: 0;
    width: 100%
}
/* setting the border here is important - some browsers do funky
   things with elt padding otherwise */
#contact-page-form dl.tableLayout textarea,
#contact-page-form dl.tableLayout .textInput {
    padding: .3rem;
    width: 95%;
    line-height: 1.3rem;
    border: 1px solid #ccc;
    font-size:  1rem;
}

#contact-page-form dl.tableLayout dd #contact\.message { height: 10rem; }
#contact-page-form dl.tableLayout dd:last-child { margin: 0.5rem 0 3rem; display: inline-block; }

/* ------------- fan_signup_common_phone.css --------------- */
/* common buttons */
.signup-common-form button,
.ui-dialog.nu-dialog .signup-common-form button {
    background: rgb(0,161,198);
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border: none;

    height: auto;
    min-height: 36px;
    padding: 0.2em 1em;
    vertical-align: top;
}
.signup-common-form button:hover,
.ui-dialog.nu-dialog .signup-common-form button:hover {
    background: rgb(0,161,198);
    border: none;
}
.signup-common-form button:active,
.ui-dialog.nu-dialog .signup-common-form button:active {
    background: rgb(0,161,198);
    border: none;
}
.signup-common-form button[disabled],
.ui-dialog.nu-dialog .signup-common-form button[disabled],
.signup-common-form button[disabled]:hover,
.ui-dialog.nu-dialog .signup-common-form button[disabled]:hover {
    background: #555;
    color: #ccc;
    opacity: 0.3;
    border: none;
}

.ui-widget-content .signup-common-form a,
.signup-common-form a {
    color: rgb(0,161,198);
}

.ui-dialog.nu-dialog.blank-title .ui-dialog-titlebar {
    border: none;
    background-color: #FFF;
}

.ui-dialog.nu-dialog.blank-title .ui-dialog-content {
    padding-top: 0;
}

/* fan action form */

.action-form {
    font-size: 16px;
    line-height: 20px;
}

.action-form .buttons {
    margin: 20px auto 0 auto;
}

.action-form .buttons button {
    width: 47%;
    margin-right: 0;
}

.action-form .buttons button.signup {
    margin-right: 4%;
}

.ui-dialog.nu-dialog .signup-common-form button.submit {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
}

.ui-dialog.nu-dialog .action-form button.login {
    background-color: #FFF;
    color: rgb(0,161,198);
    border: 1px solid rgb(0,161,198);
}

.modal-welcome-message {
    text-align: center;
    font-size: 16px;
    line-height: 20px;
}

.welcome-form .buttons {
    margin: 20px auto 0 auto;
}

.welcome-form .buttons button {
    width: 47%;
    margin-right: 0;
}

.welcome-form .buttons button.signup {
    margin-right: 4%;
}

.welcome-form .buttons button.ok-button {
    background-color: #FFF;
    color: rgb(0,161,198);
    border: 1px solid rgb(0,161,198);
}

.welcome-form .buttons {
    display: inline-block;
    width: 100%;
}

.welcome-form .buttons .get-app {
    margin-right: 4%;
}

.welcome-form .buttons .ok-button.unsupported {
    display: block;
    margin: 0 auto;
}

.verify-nag.signup-common-form {
     width: auto; 
}

.verify-nag button.nag-send-again,
.verify-nag button.nag-cancel {
    width: 46%;
}

.verify-nag .nag-fan-email {
}

.verify-nag .nag-email-change {
    display: block;
    margin: 24px 0 24px 0;
}

.signup-common-form .signup-common-form button.nag-send-again,
.ui-dialog.nu-dialog .signup-common-form button.nag-send-again {
    padding: 0.2em 0.6em;
}