/** 
 * This file contains theme style properties for spark components:
 * colors, backgrounds, icons (sizes dependent to background images also goes here).
 * General CSS document rules are written in spark.css file.
 *
 * Contents:
 *  1. ------------------------------- Page Content --------------------------------
 *  2. ------------------------------- Input Fields --------------------------------
 *  3. ------------------------------- Label Widgets -------------------------------
 *  4. ---------------------------------- Buttons ----------------------------------
 *  5. -------------------------------- File Upload --------------------------------
 *  6. -------------------------------- Field panel --------------------------------
 *  7. ----------------------------------- Menu ------------------------------------
 *  8. --------------------------------- Tab Bars ----------------------------------
 *  9. ------------------------------ Table Component ------------------------------
 * 10. ------------------------------- Modal Widgets -------------------------------
 * 11. ------------------------------- Message panel -------------------------------
 * 12. --------------------------------- Calendar ----------------------------------
 * 13. -------------------------------- Message Icon -------------------------------
 * 14. -------------------------------- Wizard Panel -------------------------------
 * 15. ------------------------------- Printing Rules ------------------------------
 */
 
/* (+) ------------------------------- Page Content -------------------------------- */
h3, h4 { color: #494949;}
option { color: #444444 !important;}
a {
	cursor: pointer;
	text-decoration: underline;
}
a,a:visited,a:hover { color: #009021;}
html a,html a:visited,html a:hover { /* color: #009021; */}
fieldset {
	border-radius: 4px;
	-moz-border-radius: 4px;
	border: solid 1px #e0e0e0;
}
fieldset legend {
	font-weight: bold;
	color: #545B66;
}
.pageContainer { background: none;}
.pageContentContainer {
	background: none;
}
.pageContent { background-color: #fff;}
.pageContentTop {
	background-color: #fff;
}
:focus,
.focused,
.spark-DateField.focused,
.spark-SuggestField.focused { outline: #63cd5e auto 5px;}
/* (-) ------------------------------- Page Content -------------------------------- */
/* (+) ------------------------------- Input Fields -------------------------------- */
input[type="text"],input[type="password"],input[type="tel"],
select,
textarea {
	background-color: white;
	border: 1px solid #ececec;
	border-top: 1px solid #b6b6b6;
	color: #000;
}
input[type="text"],input[type="password"],input[type="tel"],
select, textarea, .spark-SuggestBoxPopup {
    font-family: Arial Unicode MS, Arial, sans-serif;
	font-style: normal;
}
input[disabled],select[disabled] { color: #444444;}
option { font-style: normal !important;}
.gwt-ListBox,
.spark-ListField,
.spark-SuggestField,
.spark-Field-textBox {
    border: 1px solid #ececec;
    border-top: 1px solid #b6b6b6;
}
.spark-SuggestField,
.spark-SuggestField-input,
.spark-Field-textBox {
    background: #ffffff none no-repeat 0px 0px;
    color: #444444;
}
.spark-ListField.focused,
.spark-DateField.focused,
.spark-SuggestField.focused,
.spark-TimeField-textBox.focused,
.spark-Field-textBox.focused { border: 1px solid #00ca2f;}
.spark-Field-invalid,
.spark-SuggestField-invalid,
.spark-SuggestField-input.invalid,
.spark-Field-textBox.invalid {
    text-decoration: underline;
    background: #ffcccc none !important;
    color: #888888 !important;
}
.spark-ListField.readonly,
.spark-DateField.readonly,
.spark-SuggestField.readonly,
.spark-SuggestField-input.readonly,
.spark-Field-textBox.readonly {
    background-color: #f4f4f4 !important;
    cursor: default;
    text-decoration: none;
    border: 1px solid #ececec;
    border-top: 1px solid #b6b6b6;
}
.spark-TableComponent-queryInput .spark-ListField.readonly,
.spark-TableComponent-queryInput .spark-DateField.readonly,
.spark-TableComponent-queryInput .spark-Field-textBox.readonly { background-color: #ececec !important;}
.gwt-ListBox,
.spark-ListField {
	background-color: #fdfefe;
    color: #444444 !important;
}
.spark-ListField.focused { background-color: #ffffff !important;}
.spark-dateField-textBox-background { color: #cccccc;}
/** LanguageField **/
.spark-LanguageField .spark-Icon { color: #7E8A94;}
.spark-LanguageField:hover .spark-Icon { color: #B4BFC9;}
.spark-SuggestField-helpText { color: #009021;}
/* (-) ------------------------------- Input Fields -------------------------------- */
/* (+) ------------------------------- Label Widgets ------------------------------- */
.spark-Field-label {
    color: #6e6e6e;
    text-transform: uppercase;
    text-emphasis-style: circle;
    text-emphasis-position: right;
}
.spark-Field-label-required { background: url('../img/required.png') no-repeat top right;}
.spark-Field-label-required.readonly { background-image: none;}
/* (-) ------------------------------- Label Widgets ------------------------------- */
/* (+) ---------------------------------- Buttons ---------------------------------- */
.disabled, .disabled:hover, .disabled:visited {
	text-decoration: none;
	color: #e0e0e0;
	cursor: default;
}
.spark-Button[disabled],
.spark-Button[disabled]:active,
.spark-Button[disabled]:hover,
button.gwt-Button[disabled],
button.gwt-Button[disabled]:active,
button.gwt-Button[disabled]:hover{
	color: #7e7d7d;
	background: url('../img/button_bg.png') repeat-x 0px 0px #bcbcbc;
	border: 1px solid #bcbcbc;
}
.spark-Button,
button.gwt-Button{
	border: 1px solid #bcbcbc;
    background: url('../img/button_bg.png') repeat-x 0px -92px #bcbcbc;
	color: #494949;
	outline: 0;
}
.spark-Button:hover,
button.gwt-Button:hover {
	border: 1px solid #00ca2f;
	background: url('../img/button_bg.png') repeat-x 0px -90px #00ca2f;
}
.spark-Button:active
button.gwt-Button:active {
	color: #ffffff;
	border: 1px solid #00861e;
	background: url('../img/button_bg.png') repeat-x 0px -180px #00861e;
}
/** anchor **/
.spark-Anchor { color: #009021;}
/** colors **/
.spark-Icon-light {	color: #C6D2E7;}
.spark-Button:hover .spark-Icon-light,
.spark-Anchor:hover .spark-Icon-light,
.spark-Icon-light:hover { color: #f0f0f0;}
.spark-Icon-negative { color: #f00000;} /*red*/
.spark-Button:hover .spark-Icon-negative,
.spark-Anchor:hover .spark-Icon-negative,
.spark-Icon-negative:hover { color: #c40000;} /*darker red*/
.spark-Icon-positive { color: #00BE26;} /*green*/
.spark-Button:hover .spark-Icon-positive,
.spark-Anchor:hover .spark-Icon-positive,
.spark-Icon-positive:hover { color: #03A724;} /*darker green*/
.spark-Icon-filled { color: #FA8F1B;}/*orange*/
.spark-Button:hover .spark-Icon-filled,
.spark-Anchor:hover .spark-Icon-filled,
.spark-Icon-filled:hover { color: #EB810D;}/*darker orange*/
/* (-) ---------------------------------- Buttons ---------------------------------- */
/* (+) -------------------------------- File Upload -------------------------------- */
/* (-) -------------------------------- File Upload -------------------------------- */
/* (+) -------------------------------- Field panel -------------------------------- */
/* (-) -------------------------------- Field panel -------------------------------- */
/* (+) ----------------------------------- Menu ------------------------------------ */
/* (-) ----------------------------------- Menu ------------------------------------ */
/* (+) --------------------------------- Tab Bars ---------------------------------- */
.gwt-TabPanelBottom {
	border: none;
	background-color: #ececec;
}
.gwt-DecoratedTabBar .tabTopLeft,
.gwt-DecoratedTabBar .tabTopRight,
.gwt-DecoratedTabBar .tabTopCenter { background: none !important;}
/* (-) --------------------------------- Tab Bars ---------------------------------- */
/* (+) ------------------------------ Table Component ------------------------------ */
.spark-TableComponent {
    background-image: url('../img/browse_header_bg.png');
    background-repeat: repeat-x;
}
.spark-TableComponent .spark-TableComponent-cell { border-bottom: 1px solid #e8e8e8;}
.spark-TableComponent-columnHeader { background: #d3def6 url('../img/hborder.png') repeat-x 0px -989px;}
.spark-TableComponent-queryInput { border-bottom: 2px solid #828282;}
.spark-TableComponent-row,
.spark-TableComponent-rowEven,
.spark-TableComponent-rowOdd { background-color: #ececec;}
.spark-TableComponent-rowSelected { background-color: #d1ddf6;}
.spark-TableComponent-rowHighlighted { background-color: #dfe6f6;}
.spark-TableComponent-rowExt { background-color: #F1F4FA !important;}
.spark-TableComponent-rowError,
.spark-TableComponent-rowErrorCell { background-color: #ffc0a0;}
.spark-TableComponent-row>td {
    border-top: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    border-bottom: 1px solid #e8e8e8;
    background-image: url('../img/border_white.png');
    background-position: 100% 0;
    background-repeat: repeat-y;
}
.spark-TableComponent-rowSelected + .spark-TableComponent-row td.spark-TableComponent-cell { 
	border-top: 1px solid #e8e8e8;}
.spark-TableComponent-row>td:first-child { border-left: 1px solid #c9c9c9;}
.spark-TableComponent-row:last-child>td { border-bottom: 1px solid #c9c9c9;}
.spark-TableComponent-rowSelected>td,
.spark-TableComponent-rowHighlighted>td { background-color: #dde9e0;}
.spark-TableComponent-rowSelected>td.spark-TableComponent-cell {
	border-bottom: 1px solid #00ca2f;
    border-top: 1px solid #00ca2f;
}
.spark-TableComponent-rowSelected>td:first-child { border-left: 1px solid #00ca2f;}
.spark-TableComponent-rowSelected>td:last-child { border-right: 1px solid #00ca2f;}
.spark-TableComponent-rowSelected>td.spark-TableComponent-rowExpandedCell { border-bottom: 1px solid #00ca2f;}
.spark-TableComponent-rowExpanded>td.spark-TableComponent-cell { border-bottom: 1px solid #c9c9c9;}
td.spark-TableComponent-columnHeader {
    background: none;
    background-image: url('../img/browse_header_separator.png');
    background-position: 100% 50%;
    background-repeat: no-repeat;
}
td.spark-TableComponent-columnHeader:last-child { background-image: none;}
.spark-TableComponent-button-search {
    /* has depending width and height setting in layout.css */ 
    background-image: url('../img/browse_search.png');
    background-repeat: no-repeat;
    opacity: 0.6;
    filter: alpha('opacity = 60');
    cursor: pointer;
}
.spark-TableComponent-button-search:hover {
    opacity: 1;
    filter: alpha('opacity = 100');
}
.spark-DataTableHeader-button,
.spark-DataTableHeader-button-asc,
.spark-DataTableHeader-button-desc { background: url('../img/browse_arrows.png')  no-repeat;}
.spark-DataTableHeader-button { background-position: -14px 0px;}
.spark-DataTableHeader-button-asc { background-position: -7px 0px;}
.spark-DataTableHeader-button-desc { background-position: 0px 0px;}
.spark-DataTableHeader-label { text-transform: uppercase;}
.spark-ListboxPagingComponent select.gwt-ListBox {
	background-color: #fdfefe;
	border: 1px solid #b8b8b8;
	font-size: 9pt !important;
}
.spark-TableComponent-cell>input.spark-TextField-textBox {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/** Sort icons **/
.spark-DataTableHeader:hover .spark-Icon-positive { color: #00BE26 !important;} /*green*/
.spark-DataTableHeader .spark-Icon {
	opacity: 0.7;
    filter: alpha(opacity=70);
}
.spark-DataTableHeader:hover .spark-Icon {
	opacity: 1;
    filter: alpha(opacity=100);
}
.spark-DataTableHeader .spark-Anchor,
.spark-DataTableHeader-label { color: #6e6e6e;}
/* (-) ------------------------------ Table Component ------------------------------ */
/* (+) ------------------------------- Modal Widgets ------------------------------- */
.spark-ModalWidget {
    opacity: 0;
    cursor: progress;
}
.spark-SuggestBoxPopup{
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #999999;
    background-color: #ffffff;
}
.gwt-SuggestBoxPopup .item-selected,
.spark-SuggestBoxPopup .item-selected,
.spark-DropdownButtonItem:HOVER { background-color: #d1ddf6;}
.spark-SuggestBoxPopup .footer { border-top: 1px #a0a0a0 solid;}
.spark-SuggestBoxPopup .footer-noBorder { border-top: none;}
.spark-InfoPopup {
    background-color: #fdf7af;
    box-shadow: 5px 5px 10px 0 #a0a0a0;
}
.gwt-DialogBox {
    border: none;
    -moz-box-shadow: 4px 4px 20px 4px #5e5e5e;
    -webkit-box-shadow: 4px 4px 20px 4px #5e5e5e;
    box-shadow: 4px 4px 20px 4px #5e5e5e;
}
.gwt-DialogBox .Caption {
    border: none;
    border-bottom: 1px solid #129831;
    background: none;
    background-color: #dde9e0;
    color: #009021;
}
/* (-) ------------------------------- Modal Widgets ------------------------------- */
/* (+) ------------------------------- Message panel ------------------------------- */
.spark-msg-group-0 td a,
.spark-msg-group-0 td a:hover { color: #6C8ED6;}
.spark-msg-group-1 td a,
.spark-msg-group-1 td a:hover { color: #DDA258;}
.spark-msg-group-2 td a,
.spark-msg-group-2 td a:hover { color: #FF5757;}
.spark-msg-group-3 td a,
.spark-msg-group-3 td a:hover { color: #24B162;}
.spark-MessagePanel div .messagePanel,
.spark-MessagePanel table .messagePanel { background-color: #fdf7af;}
.messagePanel div,
.messagePanel table {
	border: medium none !important;
	color: #999999 !important;
}
.messagePanel,
.messagePanel td {
	color: #000000;
	font-weight: bold;
}
.messageText { font-family: sans-serif;}
/* (-) ------------------------------- Message panel ------------------------------- */
/* (+) --------------------------------- Calendar ---------------------------------- */
.advanced-Calendar .week-day-cell { background-color: #74e98e;}
.advanced-Calendar .week-number-cell { background-color: #ffebae;}
.advanced-Calendar .selected-day-cell {
    background-color: #74e98e !important;
    outline: 1px inset #6bff6b !important;
}
.advanced-Calendar .day-cell:hover,
.advanced-Calendar .disabled-day-cell:hover { background: none repeat scroll 0 0 #a9ffB0;}
.advanced-Calendar .today-cell { outline: 1px dashed #2dc718 !important;}
.advanced-Calendar .chooseTime-button:HOVER { border: 1px solid #55d474;}
/* (-) --------------------------------- Calendar ---------------------------------- */
/* (+) -------------------------------- Message Icon ------------------------------- */ 
.spark-MessageIcon-counter {
	-webkit-box-shadow: 0px 0px 3px 1px #333;
	-moz-box-shadow: 0px 0px 3px 1px #333;
	box-shadow: 0px 0px 3px 1px #333;
}
.spark-MessageIcon .spark-Icon { color: #f0f0f0;}
.spark-MessageIcon:hover .spark-Icon { color: #ffffff;}
.spark-MessageIcon .spark-MessageIcon-counter {
	background-color: #f00;
	border: 1px solid #f00;
}
/* (-) -------------------------------- Message Icon ------------------------------- */ 
/* (+) -------------------------------- Wizard Panel ------------------------------- */ 
.spark-WizardPanel .gwt-TabBar .gwt-TabBarItem { color: #6e6e6e;}
.spark-WizardPanel .gwt-TabBar .gwt-TabBarItem-selected {
	color: #000000;
	border-bottom: 1px solid #000000;
}
/* (-) -------------------------------- Wizard Panel ------------------------------- */
/* (+) ------------------------------- Printing Rules ------------------------------ */
/* (-) ------------------------------- Printing Rules ------------------------------ */