html
{
    background: #EEE;
}

body
{
    color: black;
}

@media (min-width: 1029px)
{
    html
    {
        background: #CCC;
    }
    .ui-page
    {
        background: #EEE;
        border-right: 4px #888 inset !important;
        border-left: 4px #888 outset !important;
    }
}

@media (min-width: 720px) and (min-height: 590px)
{
    .ui-page .navigation
    {
        background: #DDD;
        border-right: 4px solid #888;
    }
}

/* A */

.ui-btn-up-a
{
    border-color: black;
    background: #EEE;
    color: black;
}
.ui-btn-up-a a.ui-link-inherit
{
    color: black;
}

.ui-btn-hover-a
{
    border-color: black;
    background: lightsteelblue;
    color: black;
}
.ui-btn-hover-a a.ui-link-inherit
{
    color: black;
}

.ui-btn-down-a
{
    border-color: black;
    background: steelblue;
    color: #0bf;
}
.ui-btn-down-a a.ui-link-inherit
{
    color: black;
}

/* B */

.ui-btn-up-b
{
    background: sienna;
    color: black;
}
.ui-btn-up-b a.ui-link-inherit
{
    color: black;
}

.ui-btn-hover-b
{
    background: chocolate;
    color: black;
}
.ui-btn-hover-b a.ui-link-inherit
{
    color: black;
}

.ui-btn-down-b
{
    background: saddlebrown;
    color: black;
}
.ui-btn-down-b a.ui-link-inherit
{
    color: black;
}

.ui-btn-up-b.light
{
    background: peru;
    color: black;
}

/* C */

.ui-btn-up-c
{
    background: olivedrab;
    color: black;
}
.ui-btn-up-c a.ui-link-inherit
{
    color: black;
}

.ui-btn-hover-c
{
    background: yellowgreen;
    color: black;
}
.ui-btn-hover-c a.ui-link-inherit
{
    color: black;
}

.ui-btn-down-c
{
    background: darkolivegreen;
    color: black;
}
.ui-btn-down-c a.ui-link-inherit
{
    color: black;
}

/* D */

.ui-btn-up-d
{
    background: steelblue;
    color: black;
}
.ui-btn-up-d a.ui-link-inherit
{
    color: black;
}

.ui-btn-hover-d
{
    background: lightsteelblue;
    color: black;
}
.ui-btn-hover-d a.ui-link-inherit
{
    color: black;
}

.ui-btn-down-d
{
    background: lightslategray;
    color: black;
}
.ui-btn-down-d a.ui-link-inherit
{
    color: black;
}

/* E */

.ui-btn-up-e
{
    background: firebrick;
    color: black;
}
.ui-btn-up-e a.ui-link-inherit
{
    color: black;
}

.ui-btn-hover-e
{
    background: crimson;
    color: black;
}
.ui-btn-hover-e a.ui-link-inherit
{
    color: black;
}

.ui-btn-down-e
{
    background: maroon;
    color: black;
}
.ui-btn-down-e a.ui-link-inherit
{
    color: black;
}

/* F */

.ui-btn-up-f
{
    background: goldenrod;
    color: black;
}
.ui-btn-up-f a.ui-link-inherit
{
    color: black;
}

.ui-btn-hover-f
{
    background: gold;
    color: black;
}
.ui-btn-hover-f a.ui-link-inherit
{
    color: black;
}

.ui-btn-down-f
{
    background: darkgoldenrod;
    color: black;
}
.ui-btn-down-f a.ui-link-inherit
{
    color: black;
}

/* G */

.ui-btn-up-g
{
    background: darkgray;
    color: black;
}
.ui-btn-up-g a.ui-link-inherit
{
    color: black;
}

.ui-btn-hover-g
{
    background: lightgray;
    color: black;
}
.ui-btn-hover-g a.ui-link-inherit
{
    color: black;
}

.ui-btn-down-g
{
    background: gray;
    color: black;
}
.ui-btn-down-g a.ui-link-inherit
{
    color: black;
}


.ui-btn.disabled
{
    background: gray;
    color: lightgray;
}
.ui-btn.disabled a.ui-link-inherit
{
    color: lightgray;
}

.ui-icon, .ui-icon-searchfield:after
{
    background-image: url(images/icons-18-black.png)
}

.ui-icon-alt
{
    background-image: url(images/icons-18-white.png);
}

.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r, .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check, .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back, .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after, .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on
{
    background-image: url(images/icons-36-black.png);
}
.ui-icon-alt
{
    background-image: url(images/icons-36-white.png);
}

.item-count
{
    border-color: black;
}

th, td
{
    border-color: lightsteelblue;
}

th
{
    background: lightsteelblue;
}

tr
{
    background: #ADB3BA;
}

tr:nth-child(even)
{
    background: #B8C0C8;
}

.two-column tr
{
    background: transparent;
}

.fc-state-highlight
{
    background: lightsteelblue !important;
}

.fc-button-inner
{
    background: lightsteelblue !important;
    color: black !important;
}

.fc-state-active .fc-button-inner
{
    background: darkslategray !important;
    color: #ADB3BA !important;
}

.ui-page ::-webkit-scrollbar
{
    border-color: lightsteelblue;
}

.ui-page ::-webkit-scrollbar-thumb
{
    background: lightsteelblue;
}