body {
    background: #AEB6BF;
    margin: 0px;
    padding: 0px;
}

.ui-accordion .ui-accordion-header {
    background-color: #EFEFEF;
    color: #323F54;
    font-weight: bold;
}

.ui-tabs .ui-tabs-nav.ui-widget-header li a {
    color: #888888;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color: white;
    border: #758E19 solid 1px;
    background: #758E19;
    text-shadow: none;
}

.ui-tabs .ui-tabs-panel {
    border-top: #758E19 solid 1px;
}

.alignTop { vertical-align: top; }
.alignTop100 { vertical-align: top; width: 100%;}
.alignTopRight { vertical-align: top; text-align: right; }
.alignTopLeft { vertical-align: top; text-align: left; }
.alignTop80 { vertical-align: top; width: 800px;}
.alignTopRight100 { vertical-align: top; text-align: right; width: 100%;}
.alignTopRight80 { vertical-align: top; text-align: right; width: 800px;}
.alignCenter { vertical-align: center; }
.alignCenterCenter { vertical-align: center; text-align: center; }
.alignCenterRight { vertical-align: center; text-align: right; }
.alignRight { vertical-align: top; text-align: right; }

.ui-confirmdialog-message {
    white-space: pre-line;
}

.ui-messages li {
    float: none;
    margin-left: 0px;
}

.ui-messages-info-summary, .ui-messages-warn-summary, .ui-messages-error-summary, .ui-messages-fatal-summary, .ui-message-info-summary, .ui-message-warn-summary, .ui-message-error-summary, .ui-message-fatal-summary {
    font-weight: bold;
    margin: 0px
}

.butter {
    background:#F1C40F;
    background: linear-gradient(to left top, #ffff00, #F1C40F);
    box-shadow: 2px 2px 4px #888888;
    border: 1px solid #F1C40F;
}

.emerald {
    background:#005925;
    background: linear-gradient(to left top, #02A243, #005925);
    box-shadow: 2px 2px 4px #888888;
    border: 1px solid #005925;
    color: white;
}

.sky_light {
    background:#3399ff;
    background: linear-gradient(to left top, #99d6ff, #3399ff);
    color: white;
    padding: 10px;
    padding-bottom: 20px;
}

.sky_dark {
    background:#002B73;
    background: linear-gradient(to left top, #0061FF, #002B73);
    color: white;
    padding: 10px;
    padding-bottom: 20px;
    box-shadow: 2px 2px 4px #888888;
}

.sky_dark_depressed {
    background:#002B73;
    background: linear-gradient(to left top, #0061FF, #002B73);
    color: white;
    padding: 10px;
    padding-bottom: 20px;
    margin-top: 0px;
    box-shadow: 2px 2px 4px #888888;
}

.white_panel {
    padding: 20px;
    color: black;
    background: white;
    border: 1px solid lightgray;
    box-shadow: 2px 2px 4px #888888;
    margin-bottom: 20px;
}

.beige_panel {
    padding: 20px;
    color: black;
    background: #FEF9E7;
    border: 1px solid lightgray;
    box-shadow: 2px 2px 4px #888888;
    margin-bottom: 20px;
}

.blue_panel {
    padding: 20px;
    color: black;
    background: lightblue;
    border: 1px solid lightgray;
    box-shadow: 2px 2px 4px #888888;
    margin-bottom: 20px;
}

.white_panel_no_top {
    padding: 20px;
    color: black;
    background: white;
    border-top: 0px none;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    box-shadow: 2px 2px 4px #888888;
}

.light_graphite {
    background: #A6ACAF;
    background: linear-gradient(to right bottom, #E5E7E9, #A6ACAF);
    box-shadow: 2px 2px 4px #888888;
    border: 1px solid #A6ACAF;
}

.dark_graphite {
    background:#424949;
    background: linear-gradient(to left top, #99A3A4, #424949);
    box-shadow: 2px 2px 4px #888888;
    border: 1px solid #424949;
    color: white;
}

.dark_graphite_no_shadow {
    background:#424949;
    background: linear-gradient(to left top, #99A3A4, #424949);
    border: 1px solid #424949;
    color: white;
}

.ruby {
    background: #7B241C;
    background: linear-gradient(to right bottom, #CD6155, #7B241C);
    box-shadow: 2px 2px 4px #888888;
    border: 1px solid #7B241C;
}

.eacmaroon {
    background: #556713;
    background: linear-gradient(to right bottom, #758E19, #556713);
    box-shadow: 2px 2px 4px #888888;
    border: 1px solid #556713;
    color: white;
    padding: 10px;
    padding-bottom: 20px;
    margin-top: 0px;
}


.some_shadow {
    box-shadow: 2px 2px 4px #888888;
}

.right_inner_shadow {
    box-shadow: inset -10px 0 5px -5px #888888;
}

.ui-layout-pane-north.ui-widget-content{
    border: 0;
    background:transparent;
}

.ui-layout-pane-south.ui-widget-content{
    border: 0;
    background:transparent;
}

.ui-layout-pane-east.ui-widget-content{
    border: 0;
    background:transparent;
}

.ui-layout-pane-west.ui-widget-content{
    border: 0;
    box-shadow: inset -10px 0 5px -5px #888888;
    background: #A6ACAF;
    background: linear-gradient(to right bottom, white, white);
    border-radius: 0px 20px 0px 0px;
}

.ui-layout-pane-center.ui-widget-content{
    border: 0;
    background:transparent;
}

.buttonMenu {
    width: 170px;
}

.appbg {
    background: white;
}

.ui-layout-unit .ui-layout-unit-content {
    background:transparent;
}

.ui-spinner-input {
    text-align: left !important;
}

.white_text {
    color: white;
}

.round_top_left_corner {
    border-radius: 20px 0px 0px 0px;
}

.round_top_right_corner {
    border-radius: 0px 20px 0px 0px;
}

.round_bottom_right_corner {
    border-radius: 0px 0px 20px 0px;
}

.round_bottom_left_corner {
    border-radius: 0px 0px 0px 20px;
}

.left {
    text-align: left !important;
}
.right {
    text-align: right !important;
}

.show_visible {
    visibility: visible;
}

.show_hidden {
    visibility: hidden;
}

.show_warning {
    font-weight: bold;
    color: white;
    background: red;
    border-radius: 20px 20px 20px 20px;
    margin: 0px;
    padding: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.show_normal {
    font-weight: bold;
    color: royalblue;
    background:lightgray;
    border-radius: 20px 20px 20px 20px;
    margin: 0px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.show_royalblue {
    font-weight: bold;
    vertical-align: center;
    text-align: center;
    color: white;
    background: lightblue;
    border-radius: 20px 20px 20px 20px;
    margin: 0px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid lightblue;
}

.show_royalblue:hover {

    background: royalblue;
    border: 1px solid blue;
    box-shadow: 2px 2px 4px #888888;
}

.show_gray {
    font-weight: bold;
    vertical-align: center;
    text-align: center;
    color: white;
    background: lightgray;
    border-radius: 20px 20px 20px 20px;
    margin: 0px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid lightgray;
}

.show_gray:hover {

    background: dimgray;
    border: 1px solid dimgray;
    box-shadow: 2px 2px 4px #888888;
}

a:link, a:visited {
    color: white;
    text-decoration: none;
}

a:link:active, a:visited:active {
    color: white;
}

.show_stark_thin {
    font-weight: bold;
    color: whitesmoke;
    background:navy;
    border-radius: 20px 20px 20px 20px;
    margin: 0px;
    padding: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.show_stark {
    font-weight: bold;
    color: whitesmoke;
    background:navy;
    border-radius: 20px 20px 20px 20px;
    margin: 0px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
}


.show_royalblue_dot {
    width: 25px;
    height: 25px;
    font-weight: bold;
    color: white;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    background: lightblue;
    border: 1px solid lightblue;
}

.show_royalblue_dot:hover {

    background: royalblue;
    border: 1px solid blue;
    box-shadow: 2px 2px 4px #888888;
}

.show_bold {
    font-weight: bold;
}

.show_italic {
    font-style: italic;
}


.blueColumn {
    background: royalblue;
    color: white;
}

.ui-datagrid-no-border .ui-datagrid-content {
    border: none;
}

.show_title {
    color: white;
    background: #758E19;
    font-weight: bold;
    border-radius: 10px 0px 10px 0px;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
}


.show_table {
    color: white;
    background: green;
    font-weight: bold;
    border-radius: 10px 0px 10px 0px;
    text-align: center;
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: inset 2px 2px 4px darkgreen;
    margin-bottom: 10px;
}


.ui-dialog {
    top: 10px !important;
    position:absolute;
}

.ui-widget {
    font-size: 90%!important;
}
.ui-widget .ui-widget {
    font-size: 100%!important;
}