/*!
* jQuery Mobile 1.4.2
* Git HEAD hash: 9d9a42a27d0c693e8b5569c3a10d771916af5045 <> Date: Fri Feb 28 2014 17:32:01 UTC
* http://jquerymobile.com
*
* Copyright 2010, 2014 jQuery Foundation, Inc. and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
*/


@font-face {
    font-family: NanumSquare_ac;
    src: url('./fonts/NanumSquareR.ttf');
}
/* Globals */
/* Font
-----------------------------------------------------------------------------------------------------------*/
html {
    font-size: 100%;
}

body,
input,
select,
textarea,
button,
.ui-btn {
    font-size: 1em;
    line-height: 1.3;
    font-family: 'NanumSquare', sans-serif;
    color: black;
    /*font-family: "Nanum Gothic", sans-serif*/ /*{global-font-family}*/
}

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,.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,.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,.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,.04);
}
/* Buttons
-----------------------------------------------------------------------------------------------------------*/
.ui-btn,
label.ui-btn {
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
}

    .ui-btn:link {
        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: .6em /*{global-radii-blocks}*/;
    border-radius: .6em /*{global-radii-blocks}*/;
}
/* Buttons */
.ui-btn-corner-all,
.ui-btn.ui-corner-all,
/* Slider track */
.ui-slider-track.ui-corner-all,
/* Flipswitch */
.ui-flipswitch.ui-corner-all,
/* Count bubble */
.ui-li-count {
    -webkit-border-radius: .3125em /*{global-radii-buttons}*/;
    border-radius: .3125em /*{global-radii-buttons}*/;
}
/* 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-box;
    background-clip: padding-box;
}
/* Popup arrow */
.ui-popup.ui-corner-all > .ui-popup-arrow-guide {
    left: .6em /*{global-radii-blocks}*/;
    right: .6em /*{global-radii-blocks}*/;
    top: .6em /*{global-radii-blocks}*/;
    bottom: .6em /*{global-radii-blocks}*/;
}
/* Shadow
-----------------------------------------------------------------------------------------------------------*/
.ui-shadow {
    -webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
    -moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
    box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
}

.ui-shadow-inset {
    -webkit-box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
    -moz-box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
    box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
}

.ui-overlay-shadow {
    -webkit-box-shadow: 0 0 12px rgba(0,0,0,.6);
    -moz-box-shadow: 0 0 12px rgba(0,0,0,.6);
    box-shadow: 0 0 12px rgba(0,0,0,.6);
}
/* 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-color: #666666 /*{global-icon-color}*/;
    background-color: rgba(0,0,0,.3) /*{global-icon-disc}*/;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-border-radius: 1em;
    border-radius: 1em;
}
/* 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: #666666;
    background-color: rgba(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,.3) /*{global-icon-shadow}*/;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
    box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
}
/* 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-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;
    /*background: url("images/Splash.jpg");
    background-size: 100%,100%;*/
}
/* 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: #5e5e5e /*{a-bar-background-color}*/;
    border-color: #333333 /*{a-bar-border}*/;
    color: #ffffff /*{a-bar-color}*/;
    text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #444444 /*{a-bar-shadow-color}*/;
    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: #e1e1e1 /*{a-page-background-color}*/;
    border-color: #e1e1e1 /*{a-page-border}*/;
    color: #000000 /*{a-page-color}*/;
    text-shadow: 0 /*{a-page-shadow-x}*/ 1px /*{a-page-shadow-y}*/ 0 /*{a-page-shadow-radius}*/ #eeeeee /*{a-page-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,
    html .ui-panel-page-container-a {
        background-color: #ffffff /*{a-body-background-color}*/;
        border-color: #8c8c8c /*{a-body-border}*/;
        color: #000000 /*{a-body-color}*/;
        text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #eeeeee /*{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: #3388cc /*{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: #3388cc /*{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: #005599 /*{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: #005599 /*{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-group-theme-a .ui-btn,
html head + body .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-group-theme-a .ui-btn:visited,
html head + body .ui-btn.ui-btn-a:visited {
    background-color: #f6f6f6 /*{a-bup-background-color}*/;
    border-color: #dddddd /*{a-bup-border}*/;
    color: #333333 /*{a-bup-color}*/;
    text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #f3f3f3 /*{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-group-theme-a .ui-btn:hover,
    html head + body .ui-btn.ui-btn-a:hover {
        background-color: #ededed /*{a-bhover-background-color}*/;
        border-color: #dddddd /*{a-bhover-border}*/;
        color: #333333 /*{a-bhover-color}*/;
        text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #f3f3f3 /*{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-group-theme-a .ui-btn:active,
    html head + body .ui-btn.ui-btn-a:active {
        background-color: #e8e8e8 /*{a-bdown-background-color}*/;
        border-color: #dddddd /*{a-bdown-border}*/;
        color: #333333 /*{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-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,
    /* Active checkbox icon */
    .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,
    /* Active flipswitch background */
    .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,
    /* 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: white /*{a-active-background-color}*/;
        /*border-color: #1c4a70;*/ /*{a-active-border}*/
        border-color: #1bc1c9;
        border-top-style: none;
        border-left-style: none;
        border-right-style: none;
        border-bottom-width: thick;
        color: #1bc1c9 /*{a-active-color}*/;
        text-shadow: none;
        text-decoration: none;
    }


.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
{
    background-color: #1bc1c9 /*{a-active-background-color}*/;
    /*border-color: #1c4a70;*/ /*{a-active-border}*/
    border-color: #1bc1c9;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-width: thick;
    color: white /*{a-active-color}*/;
    text-shadow: none;
    text-decoration: none;
}
  
    /* 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 /*{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-group-theme-a .ui-btn:focus,
html head + body .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-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 /*{a-active-background-color}*/;
    -moz-box-shadow: 0 0 12px #3388cc /*{a-active-background-color}*/;
    /*box-shadow: 0 0 12px #1BC1C9*/ /*{a-active-background-color}*/
    box-shadow: none;
    border-color: #1BC1C9;
}
/* 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: #e9e9e9 /*{b-bar-background-color}*/;
    border-color: #dddddd /*{b-bar-border}*/;
    color: #333333 /*{b-bar-color}*/;
    text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #eeeeee /*{b-bar-shadow-color}*/;
    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: #ffffff /*{b-page-background-color}*/;
    border-color: #ffffff /*{b-page-border}*/;
    color: #000000 /*{b-page-color}*/;
    text-shadow: 0 /*{b-page-shadow-x}*/ 1px /*{b-page-shadow-y}*/ 0 /*{b-page-shadow-radius}*/ #eeeeee /*{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,
    html .ui-panel-page-container-b {
        background-color: #4b4b91 /*{b-body-background-color}*/;
        border-color: #29294f /*{b-body-border}*/;
        color: #ffffff /*{b-body-color}*/;
        text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #444444 /*{b-body-shadow-color}*/;
    }

.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: #ec131a /*{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: #990c10 /*{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: #FF151d /*{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: #ec131a /*{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-group-theme-b .ui-btn,
html head + body .ui-btn.ui-btn-b,
/* Button visited */
.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: #009f94 /*{b-bup-background-color}*/;
    border-color: #005751 /*{b-bup-border}*/;
    color: #ffffff /*{b-bup-color}*/;
    text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #444444 /*{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-group-theme-b .ui-btn:hover,
    html head + body .ui-btn.ui-btn-b:hover {
        background-color: #45b6aa /*{b-bhover-background-color}*/;
        border-color: #25645d /*{b-bhover-border}*/;
        color: #ffffff /*{b-bhover-color}*/;
        text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #444444 /*{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-group-theme-b .ui-btn:active,
    html head + body .ui-btn.ui-btn-b:active {
        background-color: #45b6aa /*{b-bdown-background-color}*/;
        border-color: #25645d /*{b-bdown-border}*/;
        color: #ffffff /*{b-bdown-color}*/;
        text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #444444 /*{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-group-theme-b .ui-btn.ui-btn-active,
    html head + body .ui-btn.ui-btn-b.ui-btn-active,
    /* Active checkbox icon */
    .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,
    /* Active flipswitch background */
    .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,
    /* 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: #3388cc /*{b-active-background-color}*/;
        border-color: #1c4a70 /*{b-active-border}*/;
        color: #ffffff /*{b-active-color}*/;
        text-shadow: 0 /*{b-active-shadow-x}*/ 1px /*{b-active-shadow-y}*/ 0 /*{b-active-shadow-radius}*/ #005599 /*{b-active-shadow-color}*/;
    }
/* 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: #3388cc /*{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-group-theme-b .ui-btn:focus,
html head + body .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-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 #3388cc /*{b-active-background-color}*/;
    -moz-box-shadow: 0 0 12px #3388cc /*{b-active-background-color}*/;
    box-shadow: 0 0 12px #3388cc /*{b-active-background-color}*/;
}


/* C
-----------------------------------------------------------------------------------------------------------*/
/* Bar: Toolbars, dividers, slider track */
.ui-bar-c,
.ui-page-theme-c .ui-bar-inherit,
html .ui-bar-c .ui-bar-inherit,
html .ui-body-c .ui-bar-inherit,
html body .ui-group-theme-c .ui-bar-inherit {
    background-color: #c3ad92 /*{c-bar-background-color}*/;
    border-color: #6b5f50 /*{c-bar-border}*/;
    color: #000000 /*{c-bar-color}*/;
    text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ #eeeeee /*{c-bar-shadow-color}*/;
    font-weight: bold;
}

.ui-bar-c {
    border-width: 1px;
    border-style: solid;
}
/* Page and overlay */
.ui-overlay-c,
.ui-page-theme-c,
.ui-page-theme-c .ui-panel-wrapper {
    background-color: #f9f9f9 /*{c-page-background-color}*/;
    border-color: #bbbbbb /*{c-page-border}*/;
    color: #333333 /*{c-page-color}*/;
    text-shadow: 0 /*{c-page-shadow-x}*/ 1px /*{c-page-shadow-y}*/ 0 /*{c-page-shadow-radius}*/ #f3f3f3 /*{c-page-shadow-color}*/;
}
    /* Body: Read-only lists, text inputs, collapsible content */
    .ui-body-c,
    .ui-page-theme-c .ui-body-inherit,
    html .ui-bar-c .ui-body-inherit,
    html .ui-body-c .ui-body-inherit,
    html body .ui-group-theme-c .ui-body-inherit,
    html .ui-panel-page-container-c {
        background-color: #ffffff /*{c-body-background-color}*/;
        border-color: #dddddd /*{c-body-border}*/;
        color: #333333 /*{c-body-color}*/;
        text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #f3f3f3 /*{c-body-shadow-color}*/;
    }

.ui-body-c {
    border-width: 1px;
    border-style: solid;
}
/* Links */
.ui-page-theme-c a,
html .ui-bar-c a,
html .ui-body-c a,
html body .ui-group-theme-c a {
    color: #3388cc /*{c-link-color}*/;
    font-weight: bold;
}

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

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

    .ui-page-theme-c a:active,
    html .ui-bar-c a:active,
    html .ui-body-c a:active,
    html body .ui-group-theme-c a:active {
        color: #005599 /*{c-link-active}*/;
    }
/* Button up */
.ui-page-theme-c .ui-btn,
html .ui-bar-c .ui-btn,
html .ui-body-c .ui-btn,
html body .ui-group-theme-c .ui-btn,
html head + body .ui-btn.ui-btn-c,
/* Button visited */
.ui-page-theme-c .ui-btn:visited,
html .ui-bar-c .ui-btn:visited,
html .ui-body-c .ui-btn:visited,
html body .ui-group-theme-c .ui-btn:visited,
html head + body .ui-btn.ui-btn-c:visited {
    background-color: #009245 /*{c-bup-background-color}*/;
    border-color: #54cc60 /*{c-bup-border}*/;
    color: #ffffff /*{c-bup-color}*/;
    text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #444444 /*{c-bup-shadow-color}*/;
}
    /* Button hover */
    .ui-page-theme-c .ui-btn:hover,
    html .ui-bar-c .ui-btn:hover,
    html .ui-body-c .ui-btn:hover,
    html body .ui-group-theme-c .ui-btn:hover,
    html head + body .ui-btn.ui-btn-c:hover {
        background-color: #45a74f /*{c-bhover-background-color}*/;
        border-color: #60e96e /*{c-bhover-border}*/;
        color: #ffffff /*{c-bhover-color}*/;
        text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #444444 /*{c-bhover-shadow-color}*/;
    }
    /* Button down */
    .ui-page-theme-c .ui-btn:active,
    html .ui-bar-c .ui-btn:active,
    html .ui-body-c .ui-btn:active,
    html body .ui-group-theme-c .ui-btn:active,
    html head + body .ui-btn.ui-btn-c:active {
        background-color: #45a74f /*{c-bdown-background-color}*/;
        border-color: #255b2b /*{c-bdown-border}*/;
        color: #ffffff /*{c-bdown-color}*/;
        text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #444444 /*{c-bdown-shadow-color}*/;
    }
    /* Active button */
    .ui-page-theme-c .ui-btn.ui-btn-active,
    html .ui-bar-c .ui-btn.ui-btn-active,
    html .ui-body-c .ui-btn.ui-btn-active,
    html body .ui-group-theme-c .ui-btn.ui-btn-active,
    html head + body .ui-btn.ui-btn-c.ui-btn-active,
    /* Active checkbox icon */
    .ui-page-theme-c .ui-checkbox-on:after,
    html .ui-bar-c .ui-checkbox-on:after,
    html .ui-body-c .ui-checkbox-on:after,
    html body .ui-group-theme-c .ui-checkbox-on:after,
    .ui-btn.ui-checkbox-on.ui-btn-c:after,
    /* Active flipswitch background */
    .ui-page-theme-c .ui-flipswitch-active,
    html .ui-bar-c .ui-flipswitch-active,
    html .ui-body-c .ui-flipswitch-active,
    html body .ui-group-theme-c .ui-flipswitch-active,
    html body .ui-flipswitch.ui-bar-c.ui-flipswitch-active,
    /* Active slider track */
    .ui-page-theme-c .ui-slider-track .ui-btn-active,
    html .ui-bar-c .ui-slider-track .ui-btn-active,
    html .ui-body-c .ui-slider-track .ui-btn-active,
    html body .ui-group-theme-c .ui-slider-track .ui-btn-active,
    html body div.ui-slider-track.ui-body-c .ui-btn-active {
        background-color: #3388cc /*{c-active-background-color}*/;
        border-color: #1c4a70 /*{c-active-border}*/;
        color: #ffffff /*{c-active-color}*/;
        text-shadow: 0 /*{c-active-shadow-x}*/ 1px /*{c-active-shadow-y}*/ 0 /*{c-active-shadow-radius}*/ #005599 /*{c-active-shadow-color}*/;
    }
/* Active radio button icon */
.ui-page-theme-c .ui-radio-on:after,
html .ui-bar-c .ui-radio-on:after,
html .ui-body-c .ui-radio-on:after,
html body .ui-group-theme-c .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-c:after {
    border-color: #3388cc /*{c-active-background-color}*/;
}
/* Focus */
.ui-page-theme-c .ui-btn:focus,
html .ui-bar-c .ui-btn:focus,
html .ui-body-c .ui-btn:focus,
html body .ui-group-theme-c .ui-btn:focus,
html head + body .ui-btn.ui-btn-c:focus,
/* Focus buttons and text inputs with div wrap */
.ui-page-theme-c .ui-focus,
html .ui-bar-c .ui-focus,
html .ui-body-c .ui-focus,
html body .ui-group-theme-c .ui-focus,
html head + body .ui-btn-c.ui-focus,
html head + body .ui-body-c.ui-focus {
    -webkit-box-shadow: 0 0 12px #3388cc /*{c-active-background-color}*/;
    -moz-box-shadow: 0 0 12px #3388cc /*{c-active-background-color}*/;
    box-shadow: 0 0 12px #3388cc /*{c-active-background-color}*/;
}


/* 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-color: #e9e9e9 /*{d-bar-background-color}*/;
    border-color: #dddddd /*{d-bar-border}*/;
    color: #333333 /*{d-bar-color}*/;
    text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eeeeee /*{d-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-color: #f9f9f9 /*{d-page-background-color}*/;
    border-color: #bbbbbb /*{d-page-border}*/;
    color: #333333 /*{d-page-color}*/;
    text-shadow: 0 /*{d-page-shadow-x}*/ 1px /*{d-page-shadow-y}*/ 0 /*{d-page-shadow-radius}*/ #f3f3f3 /*{d-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-color: #4b4b91 /*{d-body-background-color}*/;
        border-color: #29294f /*{d-body-border}*/;
        color: #ffffff /*{d-body-color}*/;
        text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ #444444 /*{d-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 /*{d-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 /*{d-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 /*{d-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 /*{d-link-active}*/;
    }
/* 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-color: #fdf57c /*{d-bup-background-color}*/;
    border-color: #8b8644 /*{d-bup-border}*/;
    color: #000000 /*{d-bup-color}*/;
    text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ #eeeeee /*{d-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-color: #FFFF8e /*{d-bhover-background-color}*/;
        border-color: #8c8c4e /*{d-bhover-border}*/;
        color: #000000 /*{d-bhover-color}*/;
        text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 0 /*{d-bhover-shadow-radius}*/ #eeeeee /*{d-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-color: #FFFF8e /*{d-bdown-background-color}*/;
        border-color: #8c8c4e /*{d-bdown-border}*/;
        color: #000000 /*{d-bdown-color}*/;
        text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 0 /*{d-bdown-shadow-radius}*/ #eeeeee /*{d-bdown-shadow-color}*/;
    }
    /* Active button */
    .ui-page-theme-d .ui-btn.ui-btn-active,
    html .ui-bar-d .ui-btn.ui-btn-active,
    html .ui-body-d .ui-btn.ui-btn-active,
    html body .ui-group-theme-d .ui-btn.ui-btn-active,
    html head + body .ui-btn.ui-btn-d.ui-btn-active,
    /* 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-active,
    html .ui-bar-d .ui-flipswitch-active,
    html .ui-body-d .ui-flipswitch-active,
    html body .ui-group-theme-d .ui-flipswitch-active,
    html body .ui-flipswitch.ui-bar-d.ui-flipswitch-active,
    /* Active slider track */
    .ui-page-theme-d .ui-slider-track .ui-btn-active,
    html .ui-bar-d .ui-slider-track .ui-btn-active,
    html .ui-body-d .ui-slider-track .ui-btn-active,
    html body .ui-group-theme-d .ui-slider-track .ui-btn-active,
    html body div.ui-slider-track.ui-body-d .ui-btn-active {
        background-color: #3388cc /*{d-active-background-color}*/;
        border-color: #1c4a70 /*{d-active-border}*/;
        color: #ffffff /*{d-active-color}*/;
        text-shadow: 0 /*{d-active-shadow-x}*/ 1px /*{d-active-shadow-y}*/ 0 /*{d-active-shadow-radius}*/ #005599 /*{d-active-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 /*{d-active-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 /*{d-active-background-color}*/;
    -moz-box-shadow: 0 0 12px #3388cc /*{d-active-background-color}*/;
    box-shadow: 0 0 12px #3388cc /*{d-active-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-color: #e9e9e9 /*{e-bar-background-color}*/;
    border-color: #dddddd /*{e-bar-border}*/;
    color: #333333 /*{e-bar-color}*/;
    text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/ #eeeeee /*{e-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-color: lavender /*{e-page-background-color}*/;
    border-color: #2e3192 /*{e-page-border}*/;
    color: #ffffff /*{e-page-color}*/;
    text-shadow: 0 /*{e-page-shadow-x}*/ 1px /*{e-page-shadow-y}*/ 0 /*{e-page-shadow-radius}*/ #444444 /*{e-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-color: #ffffff /*{e-body-background-color}*/;
        border-color: #dddddd /*{e-body-border}*/;
        color: #333333 /*{e-body-color}*/;
        text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ #f3f3f3 /*{e-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 /*{e-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 /*{e-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 /*{e-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 /*{e-link-active}*/;
    }
/* 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-color: #b2e0ff /*{e-bup-background-color}*/;
    border-color: #617b8c /*{e-bup-border}*/;
    color: #000000 /*{e-bup-color}*/;
    text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ #eeeeee /*{e-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-color: #ccFFFF /*{e-bhover-background-color}*/;
        border-color: #708c8c /*{e-bhover-border}*/;
        color: #000000 /*{e-bhover-color}*/;
        text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 0 /*{e-bhover-shadow-radius}*/ #eeeeee /*{e-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-color: #ccFFFF /*{e-bdown-background-color}*/;
        border-color: #708c8c /*{e-bdown-border}*/;
        color: #000000 /*{e-bdown-color}*/;
        text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 0 /*{e-bdown-shadow-radius}*/ #eeeeee /*{e-bdown-shadow-color}*/;
    }
    /* Active button */
    .ui-page-theme-e .ui-btn.ui-btn-active,
    html .ui-bar-e .ui-btn.ui-btn-active,
    html .ui-body-e .ui-btn.ui-btn-active,
    html body .ui-group-theme-e .ui-btn.ui-btn-active,
    html head + body .ui-btn.ui-btn-e.ui-btn-active,
    /* 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-active,
    html .ui-bar-e .ui-flipswitch-active,
    html .ui-body-e .ui-flipswitch-active,
    html body .ui-group-theme-e .ui-flipswitch-active,
    html body .ui-flipswitch.ui-bar-e.ui-flipswitch-active,
    /* Active slider track */
    .ui-page-theme-e .ui-slider-track .ui-btn-active,
    html .ui-bar-e .ui-slider-track .ui-btn-active,
    html .ui-body-e .ui-slider-track .ui-btn-active,
    html body .ui-group-theme-e .ui-slider-track .ui-btn-active,
    html body div.ui-slider-track.ui-body-e .ui-btn-active {
        background-color: #3388cc /*{e-active-background-color}*/;
        border-color: #1c4a70 /*{e-active-border}*/;
        color: #ffffff /*{e-active-color}*/;
        text-shadow: 0 /*{e-active-shadow-x}*/ 1px /*{e-active-shadow-y}*/ 0 /*{e-active-shadow-radius}*/ #005599 /*{e-active-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 /*{e-active-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 /*{e-active-background-color}*/;
    -moz-box-shadow: 0 0 12px #3388cc /*{e-active-background-color}*/;
    box-shadow: 0 0 12px #3388cc /*{e-active-background-color}*/;
}

/* F
-----------------------------------------------------------------------------------------------------------*/
/* Bar: Toolbars, dividers, slider track */
.ui-bar-f,
.ui-page-theme-f .ui-bar-inherit,
html .ui-bar-f .ui-bar-inherit,
html .ui-body-f .ui-bar-inherit,
html body .ui-group-theme-f .ui-bar-inherit {
    background-color: #e9e9e9 /*{f-bar-background-color}*/;
    border-color: #dddddd /*{f-bar-border}*/;
    color: #333333 /*{f-bar-color}*/;
    text-shadow: 0 /*{f-bar-shadow-x}*/ 1px /*{f-bar-shadow-y}*/ 0 /*{f-bar-shadow-radius}*/ #eeeeee /*{f-bar-shadow-color}*/;
    font-weight: bold;
}

.ui-bar-f {
    border-width: 1px;
    border-style: solid;
}
/* Page and overlay */
.ui-overlay-f,
.ui-page-theme-f,
.ui-page-theme-f .ui-panel-wrapper {
    background-color: #f9f9f9 /*{f-page-background-color}*/;
    border-color: #bbbbbb /*{f-page-border}*/;
    color: #333333 /*{f-page-color}*/;
    text-shadow: 0 /*{f-page-shadow-x}*/ 1px /*{f-page-shadow-y}*/ 0 /*{f-page-shadow-radius}*/ #f3f3f3 /*{f-page-shadow-color}*/;
}
    /* Body: Read-only lists, text inputs, collapsible content */
    .ui-body-f,
    .ui-page-theme-f .ui-body-inherit,
    html .ui-bar-f .ui-body-inherit,
    html .ui-body-f .ui-body-inherit,
    html body .ui-group-theme-f .ui-body-inherit,
    html .ui-panel-page-container-f {
        background-color: #ffffff /*{f-body-background-color}*/;
        border-color: #dddddd /*{f-body-border}*/;
        color: #333333 /*{f-body-color}*/;
        text-shadow: 0 /*{f-body-shadow-x}*/ 1px /*{f-body-shadow-y}*/ 0 /*{f-body-shadow-radius}*/ #f3f3f3 /*{f-body-shadow-color}*/;
    }

.ui-body-f {
    border-width: 1px;
    border-style: solid;
}
/* Links */
.ui-page-theme-f a,
html .ui-bar-f a,
html .ui-body-f a,
html body .ui-group-theme-f a {
    color: #3388cc /*{f-link-color}*/;
    font-weight: bold;
}

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

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

    .ui-page-theme-f a:active,
    html .ui-bar-f a:active,
    html .ui-body-f a:active,
    html body .ui-group-theme-f a:active {
        color: #005599 /*{f-link-active}*/;
    }
/* Button up */

.ui-page-theme-f .ui-btn,
html .ui-bar-f .ui-btn,
html .ui-body-f .ui-btn,
html body .ui-group-theme-f .ui-btn,
html head + body .ui-btn.ui-btn-f,
/* Button visited */
.ui-page-theme-f .ui-btn:visited,
html .ui-bar-f .ui-btn:visited,
html .ui-body-f .ui-btn:visited,
html body .ui-group-theme-f .ui-btn:visited,
html head + body .ui-btn.ui-btn-f:visited {
    background-color: #ed1c24 /*{f-bup-background-color}*/;
    border-color: #820f13 /*{f-bup-border}*/;
    color: #ffffff /*{f-bup-color}*/;
    text-shadow: 0 /*{f-bup-shadow-x}*/ 1px /*{f-bup-shadow-y}*/ 0 /*{f-bup-shadow-radius}*/ #444444 /*{f-bup-shadow-color}*/;
}
    /* Button hover */
    .ui-page-theme-f .ui-btn:hover,
    html .ui-bar-f .ui-btn:hover,
    html .ui-body-f .ui-btn:hover,
    html body .ui-group-theme-f .ui-btn:hover,
    html head + body .ui-btn.ui-btn-f:hover {
        background-color: #FF2029 /*{f-bhover-background-color}*/;
        border-color: #8c1116 /*{f-bhover-border}*/;
        color: #ffffff /*{f-bhover-color}*/;
        text-shadow: 0 /*{f-bhover-shadow-x}*/ 1px /*{f-bhover-shadow-y}*/ 0 /*{f-bhover-shadow-radius}*/ #444444 /*{f-bhover-shadow-color}*/;
    }
    /* Button down */
    .ui-page-theme-f .ui-btn:active,
    html .ui-bar-f .ui-btn:active,
    html .ui-body-f .ui-btn:active,
    html body .ui-group-theme-f .ui-btn:active,
    html head + body .ui-btn.ui-btn-f:active {
        background-color: #FF2029 /*{f-bdown-background-color}*/;
        border-color: #8c1116 /*{f-bdown-border}*/;
        color: #ffffff /*{f-bdown-color}*/;
        text-shadow: 0 /*{f-bdown-shadow-x}*/ 1px /*{f-bdown-shadow-y}*/ 0 /*{f-bdown-shadow-radius}*/ #444444 /*{f-bdown-shadow-color}*/;
    }
    /* Active button */
    .ui-page-theme-f .ui-btn.ui-btn-active,
    html .ui-bar-f .ui-btn.ui-btn-active,
    html .ui-body-f .ui-btn.ui-btn-active,
    html body .ui-group-theme-f .ui-btn.ui-btn-active,
    html head + body .ui-btn.ui-btn-f.ui-btn-active,
    /* Active checkbox icon */
    .ui-page-theme-f .ui-checkbox-on:after,
    html .ui-bar-f .ui-checkbox-on:after,
    html .ui-body-f .ui-checkbox-on:after,
    html body .ui-group-theme-f .ui-checkbox-on:after,
    .ui-btn.ui-checkbox-on.ui-btn-f:after,
    /* Active flipswitch background */
    .ui-page-theme-f .ui-flipswitch-active,
    html .ui-bar-f .ui-flipswitch-active,
    html .ui-body-f .ui-flipswitch-active,
    html body .ui-group-theme-f .ui-flipswitch-active,
    html body .ui-flipswitch.ui-bar-f.ui-flipswitch-active,
    /* Active slider track */
    .ui-page-theme-f .ui-slider-track .ui-btn-active,
    html .ui-bar-f .ui-slider-track .ui-btn-active,
    html .ui-body-f .ui-slider-track .ui-btn-active,
    html body .ui-group-theme-f .ui-slider-track .ui-btn-active,
    html body div.ui-slider-track.ui-body-f .ui-btn-active {
        background-color: #3388cc /*{f-active-background-color}*/;
        border-color: #3388cc /*{f-active-border}*/;
        color: #ffffff /*{f-active-color}*/;
        text-shadow: 0 /*{f-active-shadow-x}*/ 1px /*{f-active-shadow-y}*/ 0 /*{f-active-shadow-radius}*/ #005599 /*{f-active-shadow-color}*/;
    }
/* Active radio button icon */
.ui-page-theme-f .ui-radio-on:after,
html .ui-bar-f .ui-radio-on:after,
html .ui-body-f .ui-radio-on:after,
html body .ui-group-theme-f .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-f:after {
    border-color: #3388cc /*{f-active-background-color}*/;
}
/* Focus */
.ui-page-theme-f .ui-btn:focus,
html .ui-bar-f .ui-btn:focus,
html .ui-body-f .ui-btn:focus,
html body .ui-group-theme-f .ui-btn:focus,
html head + body .ui-btn.ui-btn-f:focus,
/* Focus buttons and text inputs with div wrap */
.ui-page-theme-f .ui-focus,
html .ui-bar-f .ui-focus,
html .ui-body-f .ui-focus,
html body .ui-group-theme-f .ui-focus,
html head + body .ui-btn-f.ui-focus,
html head + body .ui-body-f.ui-focus {
    -webkit-box-shadow: 0 0 12px #3388cc /*{f-active-background-color}*/;
    -moz-box-shadow: 0 0 12px #3388cc /*{f-active-background-color}*/;
    box-shadow: 0 0 12px #3388cc /*{f-active-background-color}*/;
}

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

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