/*All css colors used in ECN4-Web are available here. This is a css file with color and only color rules.
The first part contains color rules for all css rules available in widgets.css and the second part is for xsl_styles.css */

/* Part I widgets.css CSS colors */
fieldset {
    color: #999999;
}

fieldset.pagination {
    border-color: #333333;
}

fieldset.command-legend {
    border-color: #333333;
    /* background: #F8F8F8; */

}

legend.command a, legend.command span {
    color: #666666;
    /*text-shadow: #fff 0 1px 1px;*/
}

legend.command a.disabled {
    color: #999999;
}

fieldset.disabled span {
    color: #999999;
}

span.legend-arrow {
    color: #666666;
}

span.header {
    background: white;
}

fieldset.button, div.commands > a.button {
    border-color: #ccc;
    color: #999999;
    background: #ddd;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
    text-shadow: #fff 0px 1px 1px;
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
    background: -moz-linear-gradient(top, #eeeeee, #cccccc);
}

tr.button {
    background: white;
    border-bottom-color: #F2F2F2;
    border-right-color: #F2F2F2

}

tr.twin {
    background: rgba(198, 198, 198, 0.42) !important;
}

tr.button > td {
    border-top-color: white;
}

span.arrow {
    color: #666666;
}

legend.main {
    color: #999999;
}

legend span.inline {
    color: #999999;
}

.active {
    box-shadow: 0 0 0 rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .5);
}

.submitted {
    color: #1188ff !important;
}

.selected {
    color: #41BDD2 !important;
}

.field {
    background: white;
    -moz-box-shadow: inset 1px 2px 2px #888;
    -webkit-box-shadow: inset 1px 1px 2px #888;
    box-shadow: inset 1px 1px 2px #888;
}

label span.label {
    color: #aaa;
}

fieldset.disabled input {
    color: #ccc !important;
}

ul.commands li.button {
    color: #999999;
    background: white;
    box-shadow: rgba(0, 0, 0, .1) 2px 2px 3px;
    -webkit-box-shadow: rgba(0, 0, 0, .1) 2px 2px 3px;
    -moz-box-shadow: rgba(0, 0, 0, .1) 2px 2px 3px;
}

span.segmented a.button {
    border-color: #ccc !important;
    color: #666666;
    background: #ddd;
    box-shadow: rgba(0, 0, 0, .5) 1px 1px 2px;
    -webkit-box-shadow: rgba(0, 0, 0, .5) 1px 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, .5) 1px 1px 2px;
    text-shadow: #fff 0px 1px 1px;
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
    background: -moz-linear-gradient(top, #eeeeee, #cccccc);
}

div.footer > span.segmented > a.button {
    border-color: #ccc !important;
    color: #666666;
    background: #ddd;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
    text-shadow: #fff 0px 1px 1px;
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
    background: -moz-linear-gradient(top, #eeeeee, #cccccc);
}

div.header-info {
    color: rgb(11, 152, 8);
    background: -webkit-linear-gradient(left, rgba(134, 130, 130, 0.62), rgba(223, 223, 223, 0.93)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(134, 130, 130, 0.62), rgba(223, 223, 223, 0.93));    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(134, 130, 130, 0.62), rgba(223, 223, 223, 0.93));  /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(134, 130, 130, 0.62), rgba(223, 223, 223, 0.93)); /* Standard syntax (must be last) */
}

.page-header {
    color: rgb(21, 163, 22);
    background: rgb(161, 161, 161);
}

.message-fragment, #alert {
    border-color: red;
    color: red;
}

.message {
    color: red !important;
    border-color: red !important;
}

.cheMessage {
    color: #5A8F00 !important;
    border-color: #5a8f00 !important;
    background: #ffffff;
}

/* Right angled speech bubble -------------------- */
.cheMessage:before {
    border-color: #5A8F00 transparent;
}

/* creates the smaller  triangle */
.cheMessage:after {
    border-color: white transparent;
}

.close-button, .exclamation-button {
    color: #ffffff;
}

.exclamation-button {
    background-color: red;
}

.close-button {
    background-color: #5A8F00;
}

#alert {
    color: red;
}

ul.commands a {
    color: #666666;
}

/* Part II, xsl_styles.css */

body {
    background: #ffffff;
    color: #000000;
}

.enabled {
    color: #000000
}

.disabled {
    color: #aaaaaa !important;
}

td.value {
    color: #666666;
}

table.data caption, table.unit-data caption {
    color: white;
    background: #999999;
    border-color: #999999;
}

.data, .unit-data, .info-message {
    color: #999999;
    border-color: #999999;
}

.line-index > abbr {
    color: inherit;
}

.line-index a {
    color: #999999
}

.hover-button {
    color: #036619 !important;
}

.promotedJob {
    color: white !important;
    background-color: black !important;
}

.workZone {
    color: #9F6000 !important;
    background-color: #FEF5B3 !important;
    border-color: #9F6000 !important;
}

.towerRow {
    color: #9F6000 !important;
    background-color: #FEF5B3 !important;
    border-color: #9F6000 !important;
}

.warning-color {
    background-color: #FABE00 !important;
}

a:focus {
    color: inherit;
}

input.labeled {
    color: #AAA;
}