/* 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:       #e3e3e3 /*{a-bar-background-color}*/;
  border-color:     #d5d5d5 /*{a-bar-border}*/;
  color:          #111 /*{a-bar-color}*/;
  text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/  #fff /*{a-bar-shadow-color}*/;
  font-weight: bold;
}
.ui-bar-a {
  border-width: 1px;
  border-style: solid;
}
/* Page */
.ui-page-theme-a,
/* Count bubble */
.ui-page-theme-a .ui-li-count,
html .ui-bar-a .ui-li-count,
html .ui-body-a .ui-li-count,
html body .ui-group-theme-a .ui-li-count,
.ui-btn.ui-btn-a > .ui-li-count,
.ui-li-static.ui-body-a > .ui-li-count,
.ui-li-divider.ui-bar-a > .ui-li-count,
.ui-listview li .ui-li-count.ui-body-a {
  background:       #f4f4f4 /*{a-page-background-color}*/;
  border-color:     #c0c0c0 /*{a-page-border}*/;
  color:          #333 /*{a-page-color}*/;
  text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/   #fff /*{a-body-shadow-color}*/;
}
/*  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,
.ui-overlay-a {
  background:       #fcfcfc /*{a-body-background-color}*/;
  border-color:     #ddd /*{a-body-border}*/;
  color:          #333 /*{a-body-color}*/;
  text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/   #fff /*{a-body-shadow-color}*/;
}
.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: #0066ff /*{a-link-color}*/;
  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: #0066ff /*{a-link-visited}*/;
}
.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: #0066cc /*{a-link-hover}*/;
}
.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: #0066cc /*{a-link-active}*/;
}
/* Button up */
.ui-page-theme-a .ui-btn,
html .ui-bar-a .ui-btn,
html .ui-body-a .ui-btn,
html body .ui-btn.ui-btn-a,
html body .ui-group-theme-a .ui-btn,
[class*="ui-group-theme-"] .ui-btn.ui-btn-a,
/* Button visited */
.ui-page-theme-a .ui-btn:visited,
html .ui-bar-a .ui-btn:visited,
html .ui-body-a .ui-btn:visited,
html body .ui-btn.ui-btn-a:visited,
html body .ui-group-theme-a .ui-btn:visited,
[class*="ui-group-theme-"] .ui-btn.ui-btn-a:visited {
  background:       #ededed /*{a-bup-background-color}*/;
  border-color:     #d5d5d5 /*{a-bup-border}*/;
  color:          #333 /*{a-bup-color}*/;
  text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #fff /*{a-bup-shadow-color}*/;
}
/* 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-btn.ui-btn-a:hover,
html body .ui-group-theme-a .ui-btn:hover,
[class*="ui-group-theme-"] .ui-btn.ui-btn-a:hover {
  background:       #f2f2f2 /*{a-bhover-background-color}*/;
  border-color:     #d5d5d5 /*{a-bhover-border}*/;
  color:          #333 /*{a-bhover-color}*/;
  text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #fff /*{a-bhover-shadow-color}*/;
}
/* 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-btn.ui-btn-a:active,
html body .ui-group-theme-a .ui-btn:active,
[class*="ui-group-theme-"] .ui-btn.ui-btn-a:active {
  background:       #e8e8e8 /*{a-bdown-background-color}*/;
  border-color:     #d5d5d5 /*{a-bdown-border}*/;
  color:          #333 /*{a-bdown-color}*/;
  text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #fff /*{a-bdown-shadow-color}*/;
}
/* 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-btn.ui-btn-a.ui-btn-active,
html body .ui-group-theme-a .ui-btn.ui-btn-active,
[class*="ui-group-theme-"] .ui-btn.ui-btn-a.ui-btn-active,
/* Active checkbox icon */
.ui-page-theme-a .ui-icon-checkbox-on:after,
html .ui-bar-a .ui-icon-checkbox-on:after,
html .ui-body-a .ui-icon-checkbox-on:after,
html body .ui-group-theme-a .ui-icon-checkbox-on:after,
.ui-btn.ui-icon-checkbox-on.ui-btn-a:after,
/* Active slider track */
.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:       #0066ff /*{a-active-background-color}*/;
  border-color:     #0066cc /*{a-active-border}*/;
  color:          #fff /*{a-active-color}*/;
  text-shadow: 0 /*{a-active-shadow-x}*/ 1px /*{a-active-shadow-y}*/ 0 /*{a-active-shadow-radius}*/ #0066cc /*{a-active-shadow-color}*/;
  cursor: pointer;
}
/* Active radio button icon */
.ui-page-theme-a .ui-icon-radio-on:after,
html .ui-bar-a .ui-icon-radio-on:after,
html .ui-body-a .ui-icon-radio-on:after,
html body .ui-group-theme-a .ui-icon-radio-on:after,
.ui-btn.ui-icon-radio-on.ui-btn-a:after {
  background-color: #fff /*{a-active-color}*/;
  border-color: #0066ff /*{a-active-background-color}*/;
}
/* 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-btn.ui-btn-a:focus,
html body .ui-group-theme-a .ui-btn:focus,
[class*="ui-group-theme-"] .ui-btn.ui-btn-a:focus,
/* Focus buttons and text inputs with div wrap */
.ui-page-theme-a .ui-focus,
html .ui-bar-a .ui-focus,
html .ui-body-a .ui-focus,
html body .ui-btn-a.ui-focus,
html body .ui-body-a.ui-focus,
html body .ui-group-theme-a .ui-focus,
[class*="ui-group-theme-"] .ui-btn-a.ui-focus,
[class*="ui-group-theme-"] .ui-body-a.ui-focus {
  -webkit-aox-shadow: 0 0 12px  #0066ff /*{a-active-background-color}*/;
  -moz-aox-shadow: 0 0 12px     #0066ff /*{a-active-background-color}*/;
  box-shadow: 0 0 12px      #0066ff /*{a-active-background-color}*/;
}
/* 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:       #1c1c1c /*{b-bar-background-color}*/;
  border-color:     #181818 /*{b-bar-border}*/;
  color:          #fff /*{b-bar-color}*/;
  text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #000 /*{b-bar-shadow-color}*/;
  font-weight: bold;
}
.ui-bar-b {
  border-width: 1px;
  border-style: solid;
}
/* Page */
.ui-page-theme-b,
/* Count bubble */
.ui-page-theme-b .ui-li-count,
html .ui-bar-b .ui-li-count,
html .ui-body-b .ui-li-count,
html body .ui-group-theme-b .ui-li-count,
.ui-btn.ui-btn-b > .ui-li-count,
.ui-li-static.ui-body-b > .ui-li-count,
.ui-li-divider.ui-bar-b > .ui-li-count,
.ui-listview li .ui-li-count.ui-body-b {
  background:       #222 /*{b-page-background-color}*/;
  border: 1px solid   #444 /*{b-page-border}*/;
  color:          #f5f5f5 /*{b-page-color}*/;
  text-shadow: 0 /*{b-page-shadow-x}*/ 1px /*{b-page-shadow-y}*/ 0 /*{b-page-shadow-radius}*/ #000 /*{b-page-shadow-color}*/;
}
/*  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,
.ui-overlay-b {
  background:       #252525 /*{b-body-background-color}*/;
  border-color:     #1e1e1e /*{b-body-border}*/;
  color:          #f5f5f5 /*{b-body-color}*/;
  text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #000 /*{b-body-shadow-color}*/;
}
.ui-body-b {
  border-width: 1px;
  border-style: solid;
}
/* Links */
.ui-page-theme-a a,
html .ui-bar-b a,
html .ui-body-b a,
html body .ui-group-theme-b a {
  color: #34bae8 /*{b-link-color}*/;
  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: #34bae8 /*{b-link-visited}*/;
}
.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: #3399cc /*{b-link-hover}*/;
}
.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: #3399cc /*{b-link-active}*/;
}
/* Button up */
.ui-page-theme-b .ui-btn,
html .ui-bar-b .ui-btn,
html .ui-body-b .ui-btn,
html body .ui-btn.ui-btn-b,
html body .ui-group-theme-b .ui-btn,
[class*="ui-group-theme-"] .ui-btn.ui-btn-b,
/* Button visited */
.ui-page-theme-b .ui-btn:visited,
html .ui-bar-b .ui-btn:visited,
html body .ui-btn.ui-btn-b:visited,
html body .ui-group-theme-b .ui-btn:visited,
[class*="ui-group-theme-"] .ui-btn.ui-btn-b:visited {
  background:       #2c2c2c /*{b-bup-background-color}*/;
  border-color:       #212121 /*{b-bup-border}*/;
  color:          #fff /*{b-bup-color}*/;
  text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #000 /*{b-bup-shadow-color}*/;
}
/* 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-btn.ui-btn-b:hover,
html body .ui-group-theme-b .ui-btn:hover,
[class*="ui-group-theme-"] .ui-btn.ui-btn-b:hover {
  background:       #313131 /*{b-bhover-background-color}*/;
  border-color:     #212121 /*{b-bhover-border}*/;
  color:          #fff /*{b-bhover-color}*/;
  text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #000 /*{b-bhover-shadow-color}*/;
}
/* 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-btn.ui-btn-b:active,
html body .ui-group-theme-b .ui-btn:active,
[class*="ui-group-theme-"] .ui-btn.ui-btn-b:active {
  background:       #292929 /*{b-bdown-background-color}*/;
  border-color:     #212121 /*{b-bdown-border}*/;
  color:          #fff /*{b-bdown-color}*/;
  text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #000 /*{b-bdown-shadow-color}*/;
}
/* 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-btn.ui-btn-b.ui-btn-active,
html body .ui-group-theme-b .ui-btn.ui-btn-active,
[class*="ui-group-theme-"] .ui-btn.ui-btn-b.ui-btn-active,
/* Active checkbox icon */
.ui-page-theme-b .ui-icon-checkbox-on:after,
html .ui-bar-b .ui-icon-checkbox-on:after,
html .ui-body-b .ui-icon-checkbox-on:after,
html body .ui-group-theme-b .ui-icon-checkbox-on:after,
.ui-btn.ui-icon-checkbox-on.ui-btn-b:after,
/* Active slider track */
.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:     #34bae8 /*{b-active-background-color}*/;
  border-color:     #3399cc /*{b-active-border}*/;
  color:          #fff /*{b-active-color}*/;
  text-shadow: 0 /*{b-active-shadow-x}*/ 1px /*{b-active-shadow-y}*/ 0 /*{b-active-shadow-radius}*/ #3399cc /*{b-active-shadow-color}*/;
}
/* Active radio button icon */
.ui-page-theme-b .ui-icon-radio-on:after,
html .ui-bar-b .ui-icon-radio-on:after,
html .ui-body-b .ui-icon-radio-on:after,
html body .ui-group-theme-b .ui-icon-radio-on:after,
.ui-btn.ui-icon-radio-on.ui-btn-b:after {
  background-color: #fff /*{b-active-color}*/;
  border-color: #34bae8 /*{b-active-background-color}*/;
}
/* 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-btn.ui-btn-b:focus,
html body .ui-group-theme-b .ui-btn:focus,
[class*="ui-group-theme-"] .ui-btn.ui-btn-b:focus,
/* Focus buttons and text inputs with div wrap */
.ui-page-theme-b .ui-focus,
html .ui-bar-b .ui-focus,
html .ui-body-b .ui-focus,
html body .ui-btn-b.ui-focus,
html body .ui-body-b.ui-focus,
html body .ui-group-theme-b .ui-focus,
[class*="ui-group-theme-"] .ui-btn-b.ui-focus,
[class*="ui-group-theme-"] .ui-body-b.ui-focus {
  -webkit-box-shadow: 0 0 12px  #34bae8 /*{b-active-background-color}*/;
  -moz-box-shadow: 0 0 12px     #34bae8 /*{b-active-background-color}*/;
  box-shadow: 0 0 12px      #34bae8 /*{b-active-background-color}*/;
}