/*D
-----------------------------------------------------------------------------------------------------------*/
/* Bar: Toolbars, dividers, slider track */
.ui-bar-d,
.ui-page-theme-d .ui-bar-inherit,
html .ui-bar-d .ui-bar-inherit,
html .ui-body-d .ui-bar-inherit,
html body .ui-group-theme-d .ui-bar-inherit {
  background:       #e9e9e9 /*{a-bar-background-color}*/;
  border-color:     #ddd /*{a-bar-border}*/;
  color:          #333 /*{a-bar-color}*/;
  text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/  #eee /*{a-bar-shadow-color}*/;
  font-weight: bold;
}
.ui-bar-d {
  border-width: 1px;
  border-style: solid;
}
/* Page and overlay */
.ui-overlay-d,
.ui-page-theme-d,
.ui-page-theme-d .ui-panel-wrapper {
  background:       #f9f9f9 /*{a-page-background-color}*/;
  border-color:     #bbb /*{a-page-border}*/;
  color:          #333 /*{a-page-color}*/;
  text-shadow: 0 /*{a-page-shadow-x}*/ 1px /*{a-page-shadow-y}*/ 0 /*{a-page-shadow-radius}*/   #f3f3f3 /*{a-page-shadow-color}*/;
}
/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-d,
.ui-page-theme-d .ui-body-inherit,
html .ui-bar-d .ui-body-inherit,
html .ui-body-d .ui-body-inherit,
html body .ui-group-theme-d .ui-body-inherit,
html .ui-panel-page-container-d {
  background:       #fff /*{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}*/   #f3f3f3 /*{a-body-shadow-color}*/;
}
.ui-body-d {
  border-width: 1px;
  border-style: solid;
}
/* Links */
.ui-page-theme-d a,
html .ui-bar-d a,
html .ui-body-d a,
html body .ui-group-theme-d a {
  color: #3388cc /*{a-link-color}*/;
  font-weight: bold;
}
.ui-page-theme-d a:visited,
html .ui-bar-d a:visited,
html .ui-body-d a:visited,
html body .ui-group-theme-d a:visited {
    color: #3388cc /*{a-link-visited}*/;
}
.ui-page-theme-d a:hover,
html .ui-bar-d a:hover,
html .ui-body-d a:hover,
html body .ui-group-theme-d a:hover {
  color: #005599 /*{a-link-hover}*/;
}
.ui-page-theme-d a:active,
html .ui-bar-d a:active,
html .ui-body-d a:active,
html body .ui-group-theme-d a:active {
  color: #005599 /*{a-link-dctive}*/;
}
/* Button up */
.ui-page-theme-d .ui-btn,
html .ui-bar-d .ui-btn,
html .ui-body-d .ui-btn,
html body .ui-group-theme-d .ui-btn,
html head + body .ui-btn.ui-btn-d,
/* Button visited */
.ui-page-theme-d .ui-btn:visited,
html .ui-bar-d .ui-btn:visited,
html .ui-body-d .ui-btn:visited,
html body .ui-group-theme-d .ui-btn:visited,
html head + body .ui-btn.ui-btn-d:visited {
  background:       #fbff91 /*{a-bup-background-color}*/;
  border-color:     #ddd /*{a-bup-border}*/;
  color:          #333 /*{a-bup-color}*/;
  text-shadow: 0 /*{a-bup-shadow-x}*/ 0px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #f3f3f3 /*{a-bup-shadow-color}*/;
}
/* Button hover */
.ui-page-theme-d .ui-btn:hover,
html .ui-bar-d .ui-btn:hover,
html .ui-body-d .ui-btn:hover,
html body .ui-group-theme-d .ui-btn:hover,
html head + body .ui-btn.ui-btn-d:hover {
  background:       #00cf61 /*{a-bhover-background-color}*/;
  border-color:     #ddd /*{a-bhover-border}*/;
  color:          #fff /*{a-bhover-color}*/;
  text-shadow: 0 /*{a-bhover-shadow-x}*/ 0px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #f3f3f3 /*{a-bhover-shadow-color}*/;
}
/* Button down */
.ui-page-theme-d .ui-btn:active,
html .ui-bar-d .ui-btn:active,
html .ui-body-d .ui-btn:active,
html body .ui-group-theme-d .ui-btn:active,
html head + body .ui-btn.ui-btn-d:active {
  background:       #e8e8e8 /*{a-bdown-background-color}*/;
  border-color:     #ddd /*{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}*/ #f3f3f3 /*{a-bdown-shadow-color}*/;
}
/* Active button */
.ui-page-theme-d .ui-btn.ui-btn-dctive,
html .ui-bar-d .ui-btn.ui-btn-dctive,
html .ui-body-d .ui-btn.ui-btn-dctive,
html body .ui-group-theme-d .ui-btn.ui-btn-dctive,
html head + body .ui-btn.ui-btn-d.ui-btn-dctive,
/* Active checkbox icon */
.ui-page-theme-d .ui-checkbox-on:after,
html .ui-bar-d .ui-checkbox-on:after,
html .ui-body-d .ui-checkbox-on:after,
html body .ui-group-theme-d .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-d:after,
/* Active flipswitch background */
.ui-page-theme-d .ui-flipswitch-dctive,
html .ui-bar-d .ui-flipswitch-dctive,
html .ui-body-d .ui-flipswitch-dctive,
html body .ui-group-theme-d .ui-flipswitch-dctive,
html body .ui-flipswitch.ui-bar-d.ui-flipswitch-dctive,
/* Active slider track */
.ui-page-theme-d .ui-slider-track .ui-btn-dctive,
html .ui-bar-d .ui-slider-track .ui-btn-dctive,
html .ui-body-d .ui-slider-track .ui-btn-dctive,
html body .ui-group-theme-d .ui-slider-track .ui-btn-dctive,
html body div.ui-slider-track.ui-body-d .ui-btn-dctive {
  background-color:     #3388cc /*{a-dctive-background-color}*/;
  border-color:     #3388cc /*{a-dctive-border}*/;
  color:          #fff /*{a-dctive-color}*/;
  text-shadow: 0 /*{a-dctive-shadow-x}*/ 1px /*{a-dctive-shadow-y}*/ 0 /*{a-dctive-shadow-radius}*/ #005599 /*{a-dctive-shadow-color}*/;
}
/* Active radio button icon */
.ui-page-theme-d .ui-radio-on:after,
html .ui-bar-d .ui-radio-on:after,
html .ui-body-d .ui-radio-on:after,
html body .ui-group-theme-d .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-d:after {
  border-color:     #3388cc /*{a-dctive-background-color}*/;
}
/* Focus */
.ui-page-theme-d .ui-btn:focus,
html .ui-bar-d .ui-btn:focus,
html .ui-body-d .ui-btn:focus,
html body .ui-group-theme-d .ui-btn:focus,
html head + body .ui-btn.ui-btn-d:focus,
/* Focus buttons and text inputs with div wrap */
.ui-page-theme-d .ui-focus,
html .ui-bar-d .ui-focus,
html .ui-body-d .ui-focus,
html body .ui-group-theme-d .ui-focus,
html head + body .ui-btn-d.ui-focus,
html head + body .ui-body-d.ui-focus {
  -webkit-box-shadow: 0 0 12px  #3388cc /*{a-dctive-background-color}*/;
  -moz-box-shadow: 0 0 12px     #3388cc /*{a-dctive-background-color}*/;
  box-shadow: 0 0 12px      #3388cc /*{a-dctive-background-color}*/;
}

/*E
-----------------------------------------------------------------------------------------------------------*/
/* Bar: Toolbars, dividers, slider track */
.ui-bar-e,
.ui-page-theme-e .ui-bar-inherit,
html .ui-bar-e .ui-bar-inherit,
html .ui-body-e .ui-bar-inherit,
html body .ui-group-theme-e .ui-bar-inherit {
  background:       #e9e9e9 /*{a-bar-background-color}*/;
  border-color:     #ddd /*{a-bar-border}*/;
  color:          #333 /*{a-bar-color}*/;
  text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/  #eee /*{a-bar-shadow-color}*/;
  font-weight: bold;
}
.ui-bar-e {
  border-width: 1px;
  border-style: solid;
}
/* Page and overlay */
.ui-overlay-e,
.ui-page-theme-e,
.ui-page-theme-e .ui-panel-wrapper {
  background:       #f9f9f9 /*{a-page-background-color}*/;
  border-color:     #bbb /*{a-page-border}*/;
  color:          #333 /*{a-page-color}*/;
  text-shadow: 0 /*{a-page-shadow-x}*/ 1px /*{a-page-shadow-y}*/ 0 /*{a-page-shadow-radius}*/   #f3f3f3 /*{a-page-shadow-color}*/;
}
/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-e,
.ui-page-theme-e .ui-body-inherit,
html .ui-bar-e .ui-body-inherit,
html .ui-body-e .ui-body-inherit,
html body .ui-group-theme-e .ui-body-inherit,
html .ui-panel-page-container-e {
  background:       #fff /*{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}*/   #f3f3f3 /*{a-body-shadow-color}*/;
}
.ui-body-e {
  border-width: 1px;
  border-style: solid;
}
/* Links */
.ui-page-theme-e a,
html .ui-bar-e a,
html .ui-body-e a,
html body .ui-group-theme-e a {
  color: #3388cc /*{a-link-color}*/;
  font-weight: bold;
}
.ui-page-theme-e a:visited,
html .ui-bar-e a:visited,
html .ui-body-e a:visited,
html body .ui-group-theme-e a:visited {
    color: #3388cc /*{a-link-visited}*/;
}
.ui-page-theme-e a:hover,
html .ui-bar-e a:hover,
html .ui-body-e a:hover,
html body .ui-group-theme-e a:hover {
  color: #005599 /*{a-link-hover}*/;
}
.ui-page-theme-e a:active,
html .ui-bar-e a:active,
html .ui-body-e a:active,
html body .ui-group-theme-e a:active {
  color: #005599 /*{a-link-ective}*/;
}
/* Button up */
.ui-page-theme-e .ui-btn,
html .ui-bar-e .ui-btn,
html .ui-body-e .ui-btn,
html body .ui-group-theme-e .ui-btn,
html head + body .ui-btn.ui-btn-e,
/* Button visited */
.ui-page-theme-e .ui-btn:visited,
html .ui-bar-e .ui-btn:visited,
html .ui-body-e .ui-btn:visited,
html body .ui-group-theme-e .ui-btn:visited,
html head + body .ui-btn.ui-btn-e:visited {
  background:       #00a558 /*{a-bup-background-color}*/;
  border-color:     #ddd /*{a-bup-border}*/;
  color:          #fff /*{a-bup-color}*/;
  text-shadow: 0 /*{a-bup-shadow-x}*/ 0px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #aaa /*{a-bup-shadow-color}*/;
}
/* Button hover */
.ui-page-theme-e .ui-btn:hover,
html .ui-bar-e .ui-btn:hover,
html .ui-body-e .ui-btn:hover,
html body .ui-group-theme-e .ui-btn:hover,
html head + body .ui-btn.ui-btn-e:hover {
  background:       #00cf61 /*{a-bhover-background-color}*/;
  border-color:     #ddd /*{a-bhover-border}*/;
  color:          #fff /*{a-bhover-color}*/;
  text-shadow: 0 /*{a-bhover-shadow-x}*/ 0px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #f3f3f3 /*{a-bhover-shadow-color}*/;
}
/* Button down */
.ui-page-theme-e .ui-btn:active,
html .ui-bar-e .ui-btn:active,
html .ui-body-e .ui-btn:active,
html body .ui-group-theme-e .ui-btn:active,
html head + body .ui-btn.ui-btn-e:active {
  background:       #e8e8e8 /*{a-bdown-background-color}*/;
  border-color:     #ddd /*{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}*/ #f3f3f3 /*{a-bdown-shadow-color}*/;
}
/* Active button */
.ui-page-theme-e .ui-btn.ui-btn-ective,
html .ui-bar-e .ui-btn.ui-btn-ective,
html .ui-body-e .ui-btn.ui-btn-ective,
html body .ui-group-theme-e .ui-btn.ui-btn-ective,
html head + body .ui-btn.ui-btn-e.ui-btn-ective,
/* Active checkbox icon */
.ui-page-theme-e .ui-checkbox-on:after,
html .ui-bar-e .ui-checkbox-on:after,
html .ui-body-e .ui-checkbox-on:after,
html body .ui-group-theme-e .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-e:after,
/* Active flipswitch background */
.ui-page-theme-e .ui-flipswitch-ective,
html .ui-bar-e .ui-flipswitch-ective,
html .ui-body-e .ui-flipswitch-ective,
html body .ui-group-theme-e .ui-flipswitch-ective,
html body .ui-flipswitch.ui-bar-e.ui-flipswitch-ective,
/* Active slider track */
.ui-page-theme-e .ui-slider-track .ui-btn-ective,
html .ui-bar-e .ui-slider-track .ui-btn-ective,
html .ui-body-e .ui-slider-track .ui-btn-ective,
html body .ui-group-theme-e .ui-slider-track .ui-btn-ective,
html body div.ui-slider-track.ui-body-e .ui-btn-ective {
  background-color:     #3388cc /*{a-ective-background-color}*/;
  border-color:     #3388cc /*{a-ective-border}*/;
  color:          #fff /*{a-ective-color}*/;
  text-shadow: 0 /*{a-ective-shadow-x}*/ 1px /*{a-ective-shadow-y}*/ 0 /*{a-ective-shadow-radius}*/ #005599 /*{a-ective-shadow-color}*/;
}
/* Active radio button icon */
.ui-page-theme-e .ui-radio-on:after,
html .ui-bar-e .ui-radio-on:after,
html .ui-body-e .ui-radio-on:after,
html body .ui-group-theme-e .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-e:after {
  border-color:     #3388cc /*{a-ective-background-color}*/;
}
/* Focus */
.ui-page-theme-e .ui-btn:focus,
html .ui-bar-e .ui-btn:focus,
html .ui-body-e .ui-btn:focus,
html body .ui-group-theme-e .ui-btn:focus,
html head + body .ui-btn.ui-btn-e:focus,
/* Focus buttons and text inputs with div wrap */
.ui-page-theme-e .ui-focus,
html .ui-bar-e .ui-focus,
html .ui-body-e .ui-focus,
html body .ui-group-theme-e .ui-focus,
html head + body .ui-btn-e.ui-focus,
html head + body .ui-body-e.ui-focus {
  -webkit-box-shadow: 0 0 12px  #3388cc /*{a-ective-background-color}*/;
  -moz-box-shadow: 0 0 12px     #3388cc /*{a-ective-background-color}*/;
  box-shadow: 0 0 12px      #3388cc /*{a-ective-background-color}*/;
}