/* Some unsets */
.ui-mobile, .ui-mobile body { height: 99.9%; }

.ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }

.ui-mobile a img, .ui-mobile fieldset { border-width: 0; }

/* Fixes for fieldset issues on IE10 and FF (see #6077) */
.ui-mobile fieldset { min-width: 0; }
@-moz-document url-prefix() { .ui-mobile fieldset { display: table-column; vertical-align: middle; } }
/* Viewport */
.ui-mobile-viewport { margin: 0; overflow-x: visible; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; -webkit-tap-highlight-color: transparent; }

/* Issue #2066 */
body.ui-mobile-viewport, div.ui-mobile-viewport { overflow-x: hidden; }

/* "page" containers - full-screen views, one should always be in view post-pageload */
.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; }

/* On ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
.ui-page { outline: none; }

.ui-mobile .ui-page-active { display: block; overflow: visible; overflow-x: hidden; }

@media screen and (orientation: portrait) { .ui-mobile .ui-page { min-height: 420px; } }
@media screen and (orientation: landscape) { .ui-mobile .ui-page { min-height: 300px; } }
/* Fouc */
.ui-mobile-rendering > * { visibility: hidden; }

/* Non-js content hiding */
.ui-nojs { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }

/* Loading screen */
.ui-loading .ui-loader { display: block; }

.ui-loader { display: none; z-index: 9999999; position: fixed; top: 50%; left: 50%; border: 0; }

.ui-loader-default { background: none; filter: Alpha(Opacity=18); opacity: .18; width: 2.875em; height: 2.875em; margin-left: -1.4375em; margin-top: -1.4375em; }

.ui-loader-verbose { width: 12.5em; filter: Alpha(Opacity=88); opacity: .88; box-shadow: 0 1px 1px -1px #fff; height: auto; margin-left: -6.875em; margin-top: -2.6875em; padding: .625em; }

.ui-loader-default h1 { font-size: 0; width: 0; height: 0; overflow: hidden; }

.ui-loader-verbose h1 { font-size: 1em; margin: 0; text-align: center; }

.ui-loader .ui-icon-loading { background-color: #000; display: block; margin: 0; width: 2.75em; height: 2.75em; padding: .0625em; -webkit-border-radius: 2.25em; border-radius: 2.25em; }

.ui-loader-verbose .ui-icon-loading { margin: 0 auto .625em; filter: Alpha(Opacity=75); opacity: .75; }

.ui-loader-textonly { padding: .9375em; margin-left: -7.1875em; }

.ui-loader-textonly .ui-icon-loading { display: none; }

.ui-loader-fakefix { position: absolute; }

/* Headers, content panels */
.ui-bar, .ui-body { position: relative; padding: .4em 1em; overflow: hidden; display: block; clear: both; }

.ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 1em; display: inline-block; }

.ui-header, .ui-footer { border-width: 1px 0; border-style: solid; position: relative; }

.ui-header:empty, .ui-footer:empty { min-height: 2.6875em; }

.ui-header .ui-title, .ui-footer .ui-title { font-size: 1em; min-height: 1.1em; text-align: center; display: block; margin: 0 30%; padding: .7em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }

.ui-footer .ui-title { margin: 0 1em; }

.ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 1em; }

/* Corner styling for dialogs and popups */
.ui-corner-all > .ui-header:first-child, .ui-corner-all > .ui-content:first-child, .ui-corner-all > .ui-footer:first-child { -webkit-border-top-left-radius: inherit; border-top-left-radius: inherit; -webkit-border-top-right-radius: inherit; border-top-right-radius: inherit; }

.ui-corner-all > .ui-header:last-child, .ui-corner-all > .ui-content:last-child, .ui-corner-all > .ui-footer:last-child { -webkit-border-bottom-left-radius: inherit; border-bottom-left-radius: inherit; -webkit-border-bottom-right-radius: inherit; border-bottom-right-radius: inherit; }

/* Buttons and icons */
.ui-btn { font-size: 14px; margin: 0; color: #333333; display: block; position: relative; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.ui-btn-icon-notext, .ui-header button.ui-btn.ui-btn-icon-notext, .ui-footer button.ui-btn.ui-btn-icon-notext { padding: 0; width: 1.75em; height: 1.75em; text-indent: -9999px; white-space: nowrap !important; }

.ui-mini { font-size: 12.5px; }

.ui-mini .ui-btn { font-size: inherit; }

/* Make buttons in toolbars default to mini and inline. */
.ui-header .ui-btn, .ui-footer .ui-btn { font-size: 12.5px; display: inline-block; vertical-align: middle; }

.ui-header .ui-controlgroup .ui-btn-icon-notext, .ui-footer .ui-controlgroup .ui-btn-icon-notext { font-size: 12.5px; }

/* To ensure same top and left/right position when ui-btn-left/right are added to something other than buttons. */
.ui-header .ui-btn-left, .ui-header .ui-btn-right { font-size: 12.5px; }

.ui-mini.ui-btn-icon-notext, .ui-mini .ui-btn-icon-notext, .ui-header .ui-btn-icon-notext, .ui-footer .ui-btn-icon-notext { font-size: 16px; padding: 0; }

.ui-btn-inline { display: inline-block; vertical-align: middle; margin-right: .625em; }

.ui-btn-icon-right { padding: 0 10px 0 10px; height: 48px; text-align: left; }

.ui-btn-icon-right span { line-height: 48px; text-align: left; font-weight: 400; }

.ui-btn-icon-top { padding-top: 2.5em; }

.ui-btn-icon-bottom { padding-bottom: 2.5em; }

.ui-header .ui-btn-icon-top, .ui-footer .ui-btn-icon-top, .ui-header .ui-btn-icon-bottom, .ui-footer .ui-btn-icon-bottom { padding-left: .3125em; padding-right: .3125em; }

.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after { content: ""; position: absolute; display: block; width: 22px; height: 22px; }

.ui-btn-icon-notext:after, .ui-btn-icon-left:after, .ui-btn-icon-right:after { top: 50%; margin-top: -11px; }

.ui-btn-icon-left:after { left: .5625em; }

.ui-btn-icon-right:after { right: .5625em; }

.ui-mini.ui-btn-icon-left:after, .ui-mini .ui-btn-icon-left:after, .ui-header .ui-btn-icon-left:after, .ui-footer .ui-btn-icon-left:after { left: .37em; }

.ui-mini.ui-btn-icon-right:after, .ui-mini .ui-btn-icon-right:after, .ui-header .ui-btn-icon-right:after, .ui-footer .ui-btn-icon-right:after { right: .37em; }

.ui-btn-icon-notext:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after { left: 50%; margin-left: -11px; }

.ui-btn-icon-top:after { top: .5625em; }

.ui-btn-icon-bottom:after { top: auto; bottom: .5625em; }

/* Buttons in header position classes */
.ui-header .ui-btn-left, .ui-header .ui-btn-right, .ui-btn-left > [class*="ui-"], .ui-btn-right > [class*="ui-"] { margin: 0; }

.ui-btn-left, .ui-btn-right { position: absolute; top: .24em; }

.ui-btn-left { left: .4em; }

.ui-btn-right { right: .4em; }

.ui-btn-icon-notext.ui-btn-left { top: .3125em; left: .3125em; }

.ui-btn-icon-notext.ui-btn-right { top: .3125em; right: .3125em; }

/* Button elements */
button.ui-btn, .ui-controlgroup-controls button.ui-btn-icon-notext { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; width: 100%; }

button.ui-btn-inline, .ui-header button.ui-btn, .ui-footer button.ui-btn { width: auto; }

/* Firefox adds a 1px border in a button element. We negate this to make sure they have the same height as other buttons in controlgroups. */
button.ui-btn::-moz-focus-inner { border: 0; }

button.ui-btn-icon-notext, .ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 1.75em; }

/* Form labels */
.ui-mobile label, .ui-controlgroup-label { display: block; margin: 0 0 .4em; }

/* Accessible content hiding */
/* ui-hide-label deprecated in 1.4. TODO: Remove in 1.5 */
.ui-hide-label > label, .ui-hide-label .ui-controlgroup-label, .ui-hide-label .ui-rangeslider label, .ui-hidden-accessible { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }

/* Used for hiding elements by the filterable widget. You can also use this class to hide list items or buttons in controlgroups; this ensures correct corner styling. */
.ui-screen-hidden { display: none !important; }

.ui-select { position: relative; }

.ui-select > select { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }

.ui-select .ui-btn { margin: 0; opacity: 1; /* Fixes #2588: When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select (including "inherit") without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. */ }

.ui-select .ui-btn select { position: absolute; top: 0; left: 0; width: 100%; min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; outline: 0; -webkit-border-radius: inherit; border-radius: inherit; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; filter: Alpha(Opacity=0); opacity: 0; z-index: 2; }

.opera .ui-select .ui-btn select { padding: 0 10px; }

@-moz-document url-prefix() { .ui-select .ui-btn select { opacity: 0.0001; } }
/* Display none because of issues with IE/WP's filter alpha opacity */
.ui-select .ui-state-disabled select { display: none; }

/* Because we add all classes of the select and option elements to the span... */
.ui-select span.ui-state-disabled { filter: Alpha(Opacity=100); opacity: 1; }

.ui-select .ui-btn.ui-select-nativeonly { border-radius: 0; border: 0; }

.ui-select .ui-btn.ui-select-nativeonly select { opacity: 1; text-indent: 0; display: block; }

/* ui-li-count is styled in the listview CSS. We set padding and offset here because select supports icon position while listview doesn't. */
.ui-select .ui-li-has-count.ui-btn { padding-right: 2.8125em; }

.ui-select .ui-li-has-count.ui-btn-icon-right { padding-right: 4.6875em; }

.ui-select .ui-btn-icon-right .ui-li-count { right: 3.2em; }

/* We set the rules for the span as well to fix an issue on Chrome with text-overflow ellipsis for the button in combination with text-align center. */
.ui-select .ui-btn > span:not(.ui-li-count) { display: block; text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; }

.ui-selectmenu.ui-popup { min-width: 11em; }

.ui-selectmenu .ui-dialog-contain { overflow: hidden; }

.ui-selectmenu .ui-header { margin: 0; padding: 0; border-width: 0; }

.ui-selectmenu.ui-dialog .ui-header { z-index: 1; position: relative; }

.ui-selectmenu.ui-popup .ui-header { -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }

/* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button.  this shim's content in there */
.ui-selectmenu.ui-popup .ui-header h1:after { content: '.'; visibility: hidden; }

.ui-selectmenu .ui-header .ui-title { margin: 0 2.875em; }

.ui-selectmenu.ui-dialog .ui-content { overflow: visible; z-index: 1; }

.ui-selectmenu .ui-selectmenu-list { margin: 0; -webkit-border-radius: inherit; border-radius: inherit; }

.ui-header:not(.ui-screen-hidden) + .ui-selectmenu-list { -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; }

.ui-header.ui-screen-hidden + .ui-selectmenu-list li.ui-first-child .ui-btn { border-top-width: 0; }

.ui-selectmenu .ui-selectmenu-list li.ui-last-child .ui-btn { border-bottom-width: 0; }

.ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }

.ui-selectmenu .ui-selectmenu-placeholder { display: none; }

/* Font
-----------------------------------------------------------------------------------------------------------*/
legend, .ui-input-text input, .ui-input-search input { color: inherit; text-shadow: inherit; }

/* Form labels (overrides font-weight bold in bars, and mini font-size) */
.ui-mobile label, div.ui-controlgroup-label { font-weight: normal; font-size: 16px; }

/* Separators
-----------------------------------------------------------------------------------------------------------*/
/* Field contain separator (< 28em) */
.ui-field-contain { border-bottom-color: #828282; border-bottom-color: rgba(0, 0, 0, 0.15); border-bottom-width: 1px; border-bottom-style: solid; }

/* Table opt-in classes: strokes between each row, and alternating row stripes */
/* Classes table-stroke and table-stripe are deprecated in 1.4. */
.table-stroke thead th, .table-stripe thead th, .table-stripe tbody tr:last-child { border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */ border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.table-stroke tbody th, .table-stroke tbody td { border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */ border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.table-stripe.table-stroke tbody tr:last-child th, .table-stripe.table-stroke tbody tr:last-child td { border-bottom: 0; }

.table-stripe tbody tr:nth-child(odd) td, .table-stripe tbody tr:nth-child(odd) th { background-color: #eeeeee; /* non-RGBA fallback  */ background-color: rgba(0, 0, 0, 0.04); }

/* Buttons
-----------------------------------------------------------------------------------------------------------*/
.ui-btn, label.ui-btn { font-weight: bold; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }

.error .ui-btn, .error label.ui-btn { border-color: #F1654C; }

.done .ui-btn, .done label.ui-btn { border-color: #14CA80; }

.ui-btn { text-decoration: none !important; }

.ui-btn-active { cursor: pointer; }

/* Corner rounding
-----------------------------------------------------------------------------------------------------------*/
/* Class ui-btn-corner-all deprecated in 1.4 */
.ui-corner-all { -webkit-border-radius: 4px; border-radius: 4px; }

/* Buttons */
.ui-btn-corner-all, .ui-btn.ui-corner-all, .ui-slider-track.ui-corner-all, .ui-flipswitch.ui-corner-all, .ui-li-count { -webkit-border-radius: 3px; border-radius: 3px; }

/* Icon-only buttons */
.ui-btn-icon-notext.ui-btn-corner-all, .ui-btn-icon-notext.ui-corner-all { -webkit-border-radius: 1em; border-radius: 1em; }

/* Radius clip workaround for cleaning up corner trapping */
.ui-btn-corner-all, .ui-corner-all { -webkit-background-clip: padding; background-clip: padding-box; }

/* Popup arrow */
.ui-popup.ui-corner-all > .ui-popup-arrow-guide { left: 0.6em; right: 0.6em; top: 0.6em; bottom: 0.6em; }

/* Shadow
-----------------------------------------------------------------------------------------------------------*/
.ui-shadow { -webkit-box-shadow: inset 0px 0px 0px 0 rgba(0, 0, 0, 0.16); -moz-box-shadow: inset 0px 0px 0px 0 rgba(0, 0, 0, 0.16); box-shadow: inset 0px 0px 0px 0 rgba (0, 0, 0, 0.15); }

.ui-shadow-inset { -webkit-box-shadow: inset 2px 2px 4px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 2px 2px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 2px 2px 4px 0 rgba(0, 0, 0, 0.15); }

.ui-overlay-shadow { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 0 rgba(0, 0, 0, 0.15); }

/* Icons
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after { background: url(../img/select-arrow.png) no-repeat; width: 10px; height: 5px; margin: -3px 0 0 0; }

/* Alt icons */
.ui-alt-icon.ui-btn:after, .ui-alt-icon .ui-btn:after, html .ui-alt-icon.ui-checkbox-off:after, html .ui-alt-icon.ui-radio-off:after, html .ui-alt-icon .ui-checkbox-off:after, html .ui-alt-icon .ui-radio-off:after { background-color: #666; background-color: rgba(0, 0, 0, 0.15); }

/* No disc */
.ui-nodisc-icon.ui-btn:after, .ui-nodisc-icon .ui-btn:after { background-color: transparent; }

/* Icon shadow */
.ui-shadow-icon.ui-btn:after, .ui-shadow-icon .ui-btn:after { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }

/* Checkbox and radio */
.ui-btn.ui-checkbox-off:after, .ui-btn.ui-checkbox-on:after, .ui-btn.ui-radio-off:after, .ui-btn.ui-radio-on:after { display: block; width: 18px; height: 18px; margin: -9px 2px 0 2px; }

.ui-checkbox-off:after, .ui-btn.ui-radio-off:after { filter: Alpha(Opacity=30); opacity: .3; }

.ui-btn.ui-checkbox-off:after, .ui-btn.ui-checkbox-on:after { -webkit-border-radius: .1875em; border-radius: .1875em; }

.ui-btn.ui-checkbox-off:after { background-color: #666; background-color: rgba(0, 0, 0, 0.3); }

.ui-radio .ui-btn.ui-radio-on:after { background-image: none; background-color: #fff; width: 8px; height: 8px; border-width: 5px; border-style: solid; }

.ui-alt-icon.ui-btn.ui-radio-on:after, .ui-alt-icon .ui-btn.ui-radio-on:after { background-color: #000; }

/* Loader */
.ui-icon-loading { background: url("images/ajax-loader.gif"); background-size: 2.875em 2.875em; }

/* Swatches */
/* A
-----------------------------------------------------------------------------------------------------------*/
/* Bar: Toolbars, dividers, slider track */
.ui-bar-a, .ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-bar-inherit, html .ui-body-a .ui-bar-inherit, html body .ui-group-theme-a .ui-bar-inherit { background-color: #e9e9e9; border-color: #ddd; color: #333; text-shadow: 0 1px 0 #eee; font-weight: bold; }

.ui-bar-a { border-width: 1px; border-style: solid; }

/* Page and overlay */
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper { background-color: #f9f9f9; border-color: #bbb; color: #333; text-shadow: 0 1px 0 #f3f3f3; }

/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-a, .ui-page-theme-a .ui-body-inherit, html .ui-bar-a .ui-body-inherit, html .ui-body-a .ui-body-inherit, html body .ui-group-theme-a .ui-body-inherit, html .ui-panel-page-container-a { background-color: #fff; border-color: #ddd; color: #333; text-shadow: 0 1px 0 #f3f3f3; }

.ui-body-a { border-width: 1px; border-style: solid; }

/* Links */
.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a { color: #3388cc; font-weight: bold; }

.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited { color: #3388cc; }

.ui-page-theme-a a:hover, html .ui-bar-a a:hover, html .ui-body-a a:hover, html body .ui-group-theme-a a:hover { color: #005599; }

.ui-page-theme-a a:active, html .ui-bar-a a:active, html .ui-body-a a:active, html body .ui-group-theme-a a:active { color: #005599; }

/* Button up */
.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head + body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head + body .ui-btn.ui-btn-a:visited { background-color: #f6f6f6; border-color: #ddd; color: #333; text-shadow: 0 1px 0 #f3f3f3; }

/* Button hover */
.ui-page-theme-a .ui-btn:hover, html .ui-bar-a .ui-btn:hover, html .ui-body-a .ui-btn:hover, html body .ui-group-theme-a .ui-btn:hover, html head + body .ui-btn.ui-btn-a:hover { background-color: #ededed; border-color: #ddd; color: #333; text-shadow: 0 1px 0 #f3f3f3; }

/* Button down */
.ui-page-theme-a .ui-btn:active, html .ui-bar-a .ui-btn:active, html .ui-body-a .ui-btn:active, html body .ui-group-theme-a .ui-btn:active, html head + body .ui-btn.ui-btn-a:active { background-color: #e8e8e8; border-color: #ddd; color: #333; text-shadow: 0 1px 0 #f3f3f3; }

/* Active button */
.ui-page-theme-a .ui-btn.ui-btn-active, html .ui-bar-a .ui-btn.ui-btn-active, html .ui-body-a .ui-btn.ui-btn-active, html body .ui-group-theme-a .ui-btn.ui-btn-active, html head + body .ui-btn.ui-btn-a.ui-btn-active, .ui-page-theme-a .ui-checkbox-on:after, html .ui-bar-a .ui-checkbox-on:after, html .ui-body-a .ui-checkbox-on:after, html body .ui-group-theme-a .ui-checkbox-on:after, .ui-btn.ui-checkbox-on.ui-btn-a:after, .ui-page-theme-a .ui-flipswitch-active, html .ui-bar-a .ui-flipswitch-active, html .ui-body-a .ui-flipswitch-active, html body .ui-group-theme-a .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, .ui-page-theme-a .ui-slider-track .ui-btn-active, html .ui-bar-a .ui-slider-track .ui-btn-active, html .ui-body-a .ui-slider-track .ui-btn-active, html body .ui-group-theme-a .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-a .ui-btn-active { background-color: #3388cc; border-color: #3388cc; color: #fff; text-shadow: 0 1px 0 #005599; }

/* Active radio button icon */
.ui-page-theme-a .ui-radio-on:after, html .ui-bar-a .ui-radio-on:after, html .ui-body-a .ui-radio-on:after, html body .ui-group-theme-a .ui-radio-on:after, .ui-btn.ui-radio-on.ui-btn-a:after { border-color: #3388cc; }

/* Focus */
.ui-page-theme-a .ui-btn:focus, html .ui-bar-a .ui-btn:focus, html .ui-body-a .ui-btn:focus, html body .ui-group-theme-a .ui-btn:focus, html head + body .ui-btn.ui-btn-a:focus, .ui-page-theme-a .ui-focus, html .ui-bar-a .ui-focus, html .ui-body-a .ui-focus, html body .ui-group-theme-a .ui-focus, html head + body .ui-btn-a.ui-focus, html head + body .ui-body-a.ui-focus { -webkit-box-shadow: 0 0 12px #3388cc; -moz-box-shadow: 0 0 12px #3388cc; box-shadow: 0 0 12px #3388cc; }

/* B
-----------------------------------------------------------------------------------------------------------*/
/* Bar: Toolbars, dividers, slider track */
.ui-bar-b, .ui-page-theme-b .ui-bar-inherit, html .ui-bar-b .ui-bar-inherit, html .ui-body-b .ui-bar-inherit, html body .ui-group-theme-b .ui-bar-inherit { background-color: #1d1d1d; border-color: #1b1b1b; color: #fff; text-shadow: 0 1px 0 #111; font-weight: bold; }

.ui-bar-b { border-width: 1px; border-style: solid; }

/* Page and overlay */
.ui-overlay-b, .ui-page-theme-b, .ui-page-theme-b .ui-panel-wrapper { background-color: #252525; border-color: #454545; color: #fff; text-shadow: 0 1px 0 #111; }

/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-b, .ui-page-theme-b .ui-body-inherit, html .ui-bar-b .ui-body-inherit, html .ui-body-b .ui-body-inherit, html body .ui-group-theme-b .ui-body-inherit, html .ui-panel-page-container-b { background-color: #2a2a2a; border-color: #1d1d1d; color: #fff; text-shadow: 0 1px 0 #111; }

.ui-body-b { border-width: 1px; border-style: solid; }

/* Links */
.ui-page-theme-b a, html .ui-bar-b a, html .ui-body-b a, html body .ui-group-theme-b a { color: #22aadd; font-weight: bold; }

.ui-page-theme-b a:visited, html .ui-bar-b a:visited, html .ui-body-b a:visited, html body .ui-group-theme-b a:visited { color: #22aadd; }

.ui-page-theme-b a:hover, html .ui-bar-b a:hover, html .ui-body-b a:hover, html body .ui-group-theme-b a:hover { color: #0088bb; }

.ui-page-theme-b a:active, html .ui-bar-b a:active, html .ui-body-b a:active, html body .ui-group-theme-b a:active { color: #0088bb; }

/* Button up */
.ui-page-theme-b .ui-btn, html .ui-bar-b .ui-btn, html .ui-body-b .ui-btn, html body .ui-group-theme-b .ui-btn, html head + body .ui-btn.ui-btn-b, .ui-page-theme-b .ui-btn:visited, html .ui-bar-b .ui-btn:visited, html .ui-body-b .ui-btn:visited, html body .ui-group-theme-b .ui-btn:visited, html head + body .ui-btn.ui-btn-b:visited { background-color: #333; border-color: #1f1f1f; color: #fff; text-shadow: 0 1px 0 #111; }

/* Button hover */
.ui-page-theme-b .ui-btn:hover, html .ui-bar-b .ui-btn:hover, html .ui-body-b .ui-btn:hover, html body .ui-group-theme-b .ui-btn:hover, html head + body .ui-btn.ui-btn-b:hover { background-color: #373737; border-color: #1f1f1f; color: #fff; text-shadow: 0 1px 0 #111; }

/* Button down */
.ui-page-theme-b .ui-btn:active, html .ui-bar-b .ui-btn:active, html .ui-body-b .ui-btn:active, html body .ui-group-theme-b .ui-btn:active, html head + body .ui-btn.ui-btn-b:active { background-color: #404040; border-color: #1f1f1f; color: #fff; text-shadow: 0 1px 0 #111; }

/* Active button */
.ui-page-theme-b .ui-btn.ui-btn-active, html .ui-bar-b .ui-btn.ui-btn-active, html .ui-body-b .ui-btn.ui-btn-active, html body .ui-group-theme-b .ui-btn.ui-btn-active, html head + body .ui-btn.ui-btn-b.ui-btn-active, .ui-page-theme-b .ui-checkbox-on:after, html .ui-bar-b .ui-checkbox-on:after, html .ui-body-b .ui-checkbox-on:after, html body .ui-group-theme-b .ui-checkbox-on:after, .ui-btn.ui-checkbox-on.ui-btn-b:after, .ui-page-theme-b .ui-flipswitch-active, html .ui-bar-b .ui-flipswitch-active, html .ui-body-b .ui-flipswitch-active, html body .ui-group-theme-b .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-b.ui-flipswitch-active, .ui-page-theme-b .ui-slider-track .ui-btn-active, html .ui-bar-b .ui-slider-track .ui-btn-active, html .ui-body-b .ui-slider-track .ui-btn-active, html body .ui-group-theme-b .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-b .ui-btn-active { background-color: #22aadd; border-color: #22aadd; color: #fff; text-shadow: 0 1px 0 #0088bb; }

/* Active radio button icon */
.ui-page-theme-b .ui-radio-on:after, html .ui-bar-b .ui-radio-on:after, html .ui-body-b .ui-radio-on:after, html body .ui-group-theme-b .ui-radio-on:after, .ui-btn.ui-radio-on.ui-btn-b:after { border-color: #22aadd; }

/* Focus */
.ui-page-theme-b .ui-btn:focus, html .ui-bar-b .ui-btn:focus, html .ui-body-b .ui-btn:focus, html body .ui-group-theme-b .ui-btn:focus, html head + body .ui-btn.ui-btn-b:focus, .ui-page-theme-b .ui-focus, html .ui-bar-b .ui-focus, html .ui-body-b .ui-focus, html body .ui-group-theme-b .ui-focus, html head + body .ui-btn-b.ui-focus, html head + body .ui-body-b.ui-focus { -webkit-box-shadow: 0 0 12px #22aadd; -moz-box-shadow: 0 0 12px #22aadd; box-shadow: 0 0 12px #22aadd; }

/* Structure */
/* Disabled
-----------------------------------------------------------------------------------------------------------*/
/* Class ui-disabled deprecated in 1.4. :disabled not supported by IE8 so we use [disabled] */
.ui-disabled, .ui-state-disabled, button[disabled], .ui-select .ui-btn.ui-state-disabled { filter: Alpha(Opacity=30); opacity: .3; cursor: default !important; pointer-events: none; }

/* Focus state outline
-----------------------------------------------------------------------------------------------------------*/
.ui-btn:focus, .ui-btn.ui-focus { outline: 0; }

/* Unset box-shadow in browsers that don't do it right */
.ui-noboxshadow .ui-shadow, .ui-noboxshadow .ui-shadow-inset, .ui-noboxshadow .ui-overlay-shadow, .ui-noboxshadow .ui-shadow-icon.ui-btn:after, .ui-noboxshadow .ui-shadow-icon .ui-btn:after, .ui-noboxshadow .ui-focus, .ui-noboxshadow .ui-btn:focus, .ui-noboxshadow input:focus, .ui-noboxshadow .ui-panel { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }

.ui-noboxshadow .ui-btn:focus, .ui-noboxshadow .ui-focus { outline-width: 1px; outline-style: auto; }