html, body {
    height: 100%;
    margin: 0;
    scrollbar-base-color: #E6E8E3;
    scrollbar-track-color: #ebebeb;
    scrollbar-arrow-color: #779035;
    scrollbar-shadow-color: #779035;
    scrollbar-darkshadow-color: #4E4C2E;
    overflow: hidden; /* This hides main scrollbars. Perhaps, the way of datefield & memo dialogs appearing must be changed */
}

html, body, td {
    font-family: Tahoma, sans-serif;
    font-size: 12.5px;
    color: #000000;
}

li {
    line-height: 14px;
    font-size: 10px;
}

textarea {
    background-color: #fffbf2;
}

select {
    margin-left: 1px; 
    font-size: 12px;
    background-color: #fffbf2;
    border: 1px solid #D7D387;*/
}

.styled_button {
    border: 1px solid #D7D387;
    height: 20px;
    background-color: #F3F2DB;
    text-align: center;
    margin: 0 2px 0 2px;
    color: #4E4C2E;
    font-size: 10px;
    font-weight: bold;
    line-height: 14px;
    letter-spacing: 0px;
    cursor: pointer;
}

.simple_button {
    border: 0px;
    background-color: transparent;
    text-align: center;
    height: 16px;
    width: 16px;
    line-height: 16px;
    vertical-align: middle;
    text-align: center;
}

.image_button {
    border: 0px;
    background-color: transparent;
    text-align: center;
    height: auto;
    cursor: pointer;
}

.styled_input {
    font-size: 12px;
    border: 1px solid #D7D387;
    text-align: left;
    vertical-align: middle;
    /*color: #4E4C2E;*/
    background-color: #fffbf2;
    font-family: Tahoma;
}

.styled_gray_input {
    font-size: 11px;
    border: 1px solid #666666;
    text-align: left;
    vertical-align: middle;
    color: #4E4C2E;
    background-color: #fffbf2;
    font-family: Tahoma;
}

.styled_black_input {
    font-size: 11px;
    border: 1px solid #666666;
    text-align: left;
    vertical-align: middle;
    color: #000000;
    background-color: #fffbf2;
    font-family: Tahoma;
    padding-left: 2px; 
}

/*------ GWT overrides--------- */
/*
    For grid TabBar, scroll down
    to grid section.
*/
.gwt-CheckBox {
    border: 0px;
    text-align: left;
    vertical-align: middle;
    background-color: transparent;
}

.gwt-TabBar {
    background-color: none;
}

.gwt-TabBar .gwt-TabBarItem {
    margin-top: 5px;
    margin-left: 2px;
    margin-bottom: -1px;
    background: url( "tabs/tab_grid_bg1.gif" ) repeat;
    border: 1px;
    border-style: solid;
    border-color: #999999;
    border-top-width: 0;
    border-bottom-width: 0;
    color: #666666;
    padding: 0px 6px 0px 6px;
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
}

.gwt-TabBar .gwt-TabBarItem-selected {
    margin-top: 5px;
    margin-left: 2px;
    margin-bottom: -1px;
    background: url( "tabs/tab_grid_bg3_rev.gif" ) repeat;
    border: 1px;
    border-style: solid;
    border-color: #999999;
    border-top-width: 0;
    border-bottom-width: 0;
    color: #FFFFFF;
    padding: 0px 6px 0px 6px;
    cursor: pointer;
    height: 23px;
    line-height: 23px;
    font-weight: bold;
}

.gwt-TabBar .gwt-TabBarItem-highlighted {
    margin-top: 5px;
    background: url( "tabs/tab_grid_bg3_hi.gif" ) repeat;
    margin-left: 2px;
    border: 1px;
    border-style: solid;
    border-color: #999999;
    border-top-width: 0;
    border-bottom-width: 0;
    color: #FFFFFF;
    padding: 0px 6px 0px 6px;
    cursor: pointer;
    height: 23px;
    line-height: 23px;
    font-weight: bold;    
}

.gwt-DialogBox .Caption {
    font-weight: bold;
    cursor: move;
}

/* ----- DateField widget ----- */
.dateField_commonCell {
    width: 2.4em;
    height: 1.5em;
    border: 1px solid #D7D387;
    text-align: center;
    vertical-align: middle;
    background-color: #FFFBF2;
    color: black;
    font-size: 12px;
}

.dateField_selectedCell {
    background-color: #779035;
    font-weight: bold;
    color: #ffffff;
}

.dateField_selectableCell {
    cursor: pointer;
}

.dateField_unSelectableCell {
    color: #cccccc;
    background-color: #f5f5f5;
}

.dateField_header {
    background-color: #D7D387;
    font-size: 11px;
    text-indent: 4px;
    color: #d7d387;
}

.dateField_dialog {
    background-color: #FFFFFF;
    border: 2px solid #9EA776;
    font-family: Arial;
    font-size: 12px;
    color: #4E4C2E;
    font-size: 12px;
}

.dateField_dialog input {
    width: 40px;
    margin: 2px;
}

.dateField_dialog select {
    width: 100px;
}

.dateField_btns {
    margin: 2px;
    float: right;
}

.dateField_dialog .Caption {
    color: #4E4C2E;
    font-weight: bold;
    margin: 2px;
    font-size: 12px;
    cursor: move;
}

/* ----- MultiSelect widget ----- */
.multiselect_dialog {
    background-color: #FFFBF2;
    border: 1px solid #7679C0;
}

/* ----- entityreference widget ----- */
.entityreference_dialog {
    background-color: #FFFBF2;
    border: 1px solid #7679C0;
}

.entityreference_close_btn {
    cursor: pointer;
}


.entityreference_button {
    border: 0px;
    background-color: transparent;
    text-align: center;
    height: 18px;
    width: 18px;
    line-height: 18px;
    vertical-align: middle;
    text-align: center;
}

.entityreference_button_enabled {
    cursor: pointer;
}

/* ----- Tab widget ----- */
.tab_common {
    border: 0px solid #CCAA99;
}

.tab_deckpanel {
    border: 0px solid #E0E0E0;
    background-color: #F6F6F4;
}

.tab_tabbar {
    border: 0px solid #CCAA99;
    background-image: url("tabs/tab_grid_bg.gif");
}

/* ----- Memo ---------------------- */
.memo .Caption {
    text-align: center;
    font-family: Tahoma;
    font-weight: bold;
    font-size: 11px;
    cursor: move;
}

.html_viewer {
    border: 1px solid #D7D387;
    text-align: none;
    vertical-align: top;
    background-color: #fffbf2;
    font-family: Tahoma;
}

/* ----- OkayCancelPopup widget ----- */
.ocp_border {
    border: 1px;
    border-style: solid;
    border-color: #9B9A48;
}

.ocp_area {
    background-color: #FFFAE6;
    padding: 2px;
}

.ocp_button {
    cursor: pointer;
}

.ocp_caption {
    font-weight: bold;
}

.ocp_text {

}

/* ----- CheckBox widget ----- */

.checkbox_hover {
    cursor: pointer;
}

/* ----- Form widget ----- */

/* [Corners for unselected form Begin] */
.form_wholeForm .form_leftTop {
    background-image: url("form/corners/left_t.gif");
    width: 9px;
    height: 22px;
}

.form_wholeForm .form_leftBottom {
    background-image: url("form/corners/left_b.gif");
    width: 9px;
    height: 8px;
    font-size: 5px;
}

.form_wholeForm .form_rightTop {
    background-image: url("form/corners/right_t.gif");
    width: 9px;
    height: 22px;
}

.form_wholeForm .form_rightBottom {
    background-image: url("form/corners/right_b.gif");
    width: 9px;
    height: 8px;
    font-size: 5px;
}

.form_wholeForm .form_leftSide {
    background-image: url("form/corners/left_bg.gif");
    width: 9px;
    font-size: 1px;
    height: 100%;
}

.form_wholeForm .form_rightSide {
    background-image: url("form/corners/right_bg.gif");
    width: 9px;
    font-size: 1px;
    height: 100%;
}

.form_wholeForm .form_topSide {
    color: #ffffff;
    padding-left: 10px;
    background-image: url("form/corners/top_bg.gif");
    width: 100%;
    height: 22px;
    font-weight: bold;
}

.form_wholeForm .form_topIcon {
    background-image: url("form/corners/top_icon.gif");
    height: 22px;
    padding-left: 1px;
    padding-right: 1px;
}

.form_wholeForm .form_bottomSide {
    background-image: url("form/corners/bottom_bg.gif");
    width: 100%;
    height: 8px;
    font-size: 5px;
}

/* [Corners for unselected form End] */

.form_wholeForm .form_actionButton {
    height: 22px;
    width: 17px;
    background-image: url("form/action_button.gif");
    cursor: pointer;
}

.form_wholeForm .form_actionButton_hi {
    height: 22px;
    width: 17px;
    background-image: url("form/action_button_bright.gif");
    cursor: pointer;
}

.form_wholeFormSelected .form_actionButton {
    height: 22px;
    width: 17px;
    background-image: url("form/action_button_sel.gif");
    cursor: pointer;
}

.form_wholeFormSelected .form_actionButton_hi { 
    height: 22px;
    width: 17px;
    background-image: url("form/action_button_sel_bright.gif");
    cursor: pointer;
}

.form_wholeForm .form_minButton {
    height: 22px;
    width: 18px;
    background-image: url("form/minimize_min.gif");
    cursor: pointer;
}


.form_wholeForm .form_minButton_hi {
    height: 22px;
    width: 18px;
    background-image: url("form/minimize_min_bright.gif");
    cursor: pointer;
}

.form_wholeFormSelected .form_minButton {
    height: 22px;
    width: 18px;
    background-image: url("form/minimize_min_sel.gif");
    cursor: pointer;
}

.form_wholeFormSelected .form_minButton_hi {
    height: 22px;
    width: 18px;
    background-image: url("form/minimize_min_sel_bright.gif");
    cursor: pointer;
}

.form_wholeForm .form_maxButton {
    height: 22px;
    width: 18px;
    background-image: url("form/minimize_max.gif");
    cursor: pointer;
}

.form_wholeForm .form_maxButton_hi {
    height: 22px;
    width: 18px;
    background-image: url("form/minimize_max_bright.gif");
    cursor: pointer;
}

.form_wholeFormSelected .form_maxButton {
    height: 22px;
    width: 18px;
    background-image: url("form/minimize_max_sel.gif");
    cursor: pointer;
}

.form_wholeFormSelected .form_maxButton_hi {
    height: 22px;
    width: 18px;
    background-image: url("form/minimize_max_sel_bright.gif");
    cursor: pointer;
}

/* [Corners for selected form Begin] */
.form_wholeFormSelected .form_leftTop {
    background-image: url("form/corners/left_t_sel.gif");
    width: 9px;
    height: 22px;
}

.form_wholeFormSelected .form_leftBottom {
    background-image: url("form/corners/left_b_sel.gif");
    width: 9px;
    height: 8px;
    font-size: 5px;
}

.form_wholeFormSelected .form_rightTop {
    background-image: url("form/corners/right_t_sel.gif");
    width: 9px;
    height: 22px;
}

.form_wholeFormSelected .form_rightBottom {
    background-image: url("form/corners/right_b_sel.gif");
    width: 9px;
    height: 8px;
    font-size: 1px;
}

.form_wholeFormSelected .form_leftSide {
    background-image: url("form/corners/left_bg_sel.gif");
    width: 8px;
    font-size: 1px;
    height: 100%;
}

.form_wholeFormSelected .form_rightSide {
    background-image: url("form/corners/right_bg_sel.gif");
    width: 9px;
    font-size: 1px;
    height: 100%;
}

.form_wholeFormSelected .form_topSide {
    color: #ffffff;
    padding-left: 10px;
    background-image: url("form/corners/top_bg_sel.gif");
    width: 100%;
    height: 22px;
    font-weight: bold;
}

.form_wholeFormSelected .form_topIcon {
    background-image: url("form/corners/top_icon_sel.gif");
    height: 22px;
    padding-left: 1px;
    padding-right: 1px;
}

.form_wholeFormSelected .form_bottomSide {
    background-image: url("form/corners/bottom_bg_sel.gif");
    width: 100%;
    height: 8px;
    font-size: 5px;
}

/* [Corners for selected form End] */
.form_sizeKeeper {
    font-size: 1px;
    background-color: transparent;
}

.form_minimized {
    font-size: 1px;
}

.form_wholeForm {
    background-color: #F8F3DF;
    margin-top: 2px;
    margin-left: 2px;
    margin-bottom: 8px;
}

.form_wholeForm td {
    background: none;
}


.form_wholeFormSelected {
    background-color: #E7E7CF;
    margin-top: 2px;
    margin-left: 2px;
    margin-bottom: 8px;
}

.form_wholeFormSelected td {
    background: none;
}

.form_commonAction {
    width: 55px;
    height: 25px;
}

.form_additionalActionsControll {
}

.form_titleLabel {
    width: 100%;
}

.form_actionsPanel {
    cursor: pointer;
    font-size: 12px;
    background-color: #FFFBF2;
    padding: 2px;
    border: 1px;
    border-style: solid;
    border-color: #D7D387;
}

/*-----[QTree begin]-----*/
/* a lot of css hacks 
   Change values but not structure
*/
.QTree {
}

.QTree .gwt-TreeItem {
    line-height: 16px;
    vertical-align: middle;
    font-size: 10px;
    cursor: pointer;
    color: #000000;
}

.QTree span.gwt-TreeItem-selected {
    line-height: 16px;
    vertical-align: middle;
    font-size: 10px;
    background-color: #7A8E53 !important;
    color: #FFFFFF !important;
    cursor: pointer;
}
/* For Firefox */
.QTree span.gwt-TreeItem-selected div div {
   background-color: #7A8E53 !important;
}

.QTree div.TreeItem-highlighted table tr td span {
    line-height: 16px;
    vertical-align: middle;
    font-size: 10px;
    background-color: #D5E0C3;
    color: #000000;
    cursor: pointer;
}

/* For Firefox */
.QTree div.TreeItem-highlighted table tr td span div div {
    background-color: #D5E0C3;
}
/* For Firefox */
.QTree div.TreeItem-highlighted span div table tr td span div div {
   background-color: transparent;
}

.QTree div.TreeItem-highlighted span div table tr td span {
   background-color: transparent;
}

.QTree_invisibleRoot div table{
    display: none;
}

.QTree_invisibleRoot span div table {
    display: inline;
    margin-left: -12px;
}
/*------[QTree end]--------*/

/* ----- ListBox widget ----- */
.listBox_DialogBox {
    height: 140px;
    border: 1px solid black;
}

.listBox_scrollPanel {
    height: 140px;
}

/* ----- ToolBar widget ----- */
.toolbar_panel {
    background-color: #EFEBCE;    
    padding: 1px;
    text-align: left;
}

.toolbar_button {
    cursor: pointer;
    border: 0px;
    border-style: none;
    background-color: transparent;
    margin: 2px;
}

.toolbar_divider {
    width: 5px;
    height: 32px;
    border: 0px;
    border-style: none;
    background-image: url( 'toolbar/divider.gif' );
    background-repeat: repeat-y;
}
/* ----- ShortCuts widget ----- */
.shortcuts_area {
    font-size: 11px;
    padding: 2px;
    border: 1px;
    border-style: solid;
    border-color: #D7D387;
    background-color: #FFFBF2;
}

.shortcuts_item {
    padding: 2px;
    font-size: 11px;
    background-color: #F3F2DB;
    cursor: pointer;
}

.shortcuts_section {
    font-size: 11px;
    background-color: #D7D387;
    color: #4E4C2E;
    font-weight: bold;
    width: 100%;
}

.shortcuts_Button {
    border: 0px;
    background-color: transparent;
    height: auto;
}

/* ----- Grid widget ----- */
.grid-Container {
    border: 0px;
    background-color: #FFFFFF;
    background-image: url( "grid/bg1.gif" );

}

.grid-TableContainer {
    width: 100%;
    height: 100px;
    overflow: auto;
    border: 0;
    background-color: #FFFFFF;
    background-image: url( "grid/bg1.gif" );
}

.grid-Main {
    table-layout: fixed;
    /*width: 0px;*/
    border-width:1px;
    border-left-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    border-style:solid;
    border-color:#E7E7E7;
    border-collapse: collapse;
}

.grid-HeaderRow td {
    font-weight: bold;
    text-align: left;
    color: #676767;
    font-size: 11px;
    height: 17px;
    padding: 0px 3px 0 3px;
    overflow: hidden;
    white-space: nowrap;
    border-width: 1px;
    border-style: solid;
    border-color: #C9CBC6;
    border-collapse: collapse;
}

td.grid-HeaderCell {
    background-image: url("grid/header_bg.gif");
}

td.grid-HeaderCellSelected {
    color: #00FF00;
    background-image: url("grid/header_selected_bg.gif");
}

.grid-HeaderRow div {
    cursor: pointer;
}

.grid-HeaderRow td div table tbody tr td, .grid-HeaderRow td table tbody tr td {
    border: 0px;
    /*background-image: url("");*/
    padding: 0px 3px 0px 3px;
}

.grid-HeaderRow td table {
    width: 100%;
}

.grid-HeaderRow_img {
    padding-top: 2px;
    height: 11px;
    width: 11px;
}

.grid-Row td {
    border: 1px solid #EAEAEA;
    overflow: auto;
    white-space: normal;
    vertical-align: middle;
    padding: 0 3px 0 3px;
    background-color: #FFFFFF;
    cursor: pointer;
}

.grid-AlternativeRow td {
    border: 1px solid #EAEAEA;
    overflow: auto;
    white-space: normal;
    vertical-align: middle;
    padding: 0 3px 0 3px;
    background-color: #F8F8F8;
    cursor: pointer;
}

.grid-ActiveRow td {
    border: 1px solid #EAEAEA;
    overflow: auto;
    white-space: normal;
    vertical-align: middle;
    padding: 0 3px 0 3px;
    color: white;
    background-color: #7A8E53;
    cursor: pointer;
}
.grid-HighlightedRow td{
    border: 1px solid #EAEAEA;
    overflow: auto;
    white-space: normal;
    vertical-align: middle;
    padding: 0 3px 0 3px;
    background-color: #DEEAC4;
    cursor: pointer;
}

.grid-MSRow td{
    border: 1px solid #EAEAEA;
    overflow: auto;
    white-space: normal;
    vertical-align: middle;
    padding: 0 3px 0 3px;
    background-color: #D5E0C3;
    cursor: pointer;    
}

.grid-MouseOverRow td{
    border: 1px solid #EAEAEA;
    overflow: auto;
    white-space: normal;
    vertical-align: middle;
    padding: 0 3px 0 3px;
    background-color: #EDF7D7;
    cursor: pointer; 
}

.grid-ColumnResize {
    cursor: w-resize;
}

.gridPager-Counter {
    cursor: pointer;
}

.gridPager-menuButton {
    cursor: pointer;
}

.gridPager-Counter td {
    padding-right: 0px;
}

.gridPager-PageSize {
    width: 25px;
}

table.gridPager-Container {
    background-color: #E6E8E3;
    height: 14px;
}

.gridPager-paddingRightElement {
    padding-right: 5px;
}

.gridPager-Container td {
    /*padding-right: 3px;*/
    white-space:nowrap;
    cursor: default;
}

.gridPager-Bg {
    background-color: #E6E8E3;
}

.grid-TabBar {
    background-image: url("tabs/tab_grid_bg.gif");
}

.grid-TabBar .gwt-TabBarItem {
    margin-top: 0px;
    background: url( "tabs/tab_grid_bg1.gif" ) repeat;
    margin-left: 2px;
    border: 1px;
    border-style: solid;
    border-color: #999999;
    border-top-width: 0;
    border-bottom-width: 0;
    color: #666666;
    padding: 0px 6px 0px 6px;
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
}

.grid-TabBar .gwt-TabBarItem-selected {
    margin-top: 0px;
    background: url( "tabs/tab_grid_bg3.gif" ) repeat;
    margin-left: 2px;
    border: 1px;
    border-style: solid;
    border-color: #999999;
    border-top-width: 0;
    border-bottom-width: 0;
    color: #FFFFFF;
    padding: 0px 6px 0px 6px;
    cursor: pointer;
    height: 23px;
    line-height: 23px;
    font-weight: bold;
}

.grid-TabBar .gwt-TabBarItem-highlighted {
    margin-top: 0px;
    background: url( "tabs/tab_grid_bg3_hi2.gif" ) repeat;
    margin-left: 2px;
    border: 1px;
    border-style: solid;
    border-color: #999999;
    border-top-width: 0;
    border-bottom-width: 0;
    color: #FFFFFF;
    padding: 0px 6px 0px 6px;
    cursor: pointer;
    height: 23px;
    line-height: 23px;
    font-weight: bold;
}

.grid-Spacer {
    background-color: #E6E8E3;
    width: 2px;
}

.grid-Corner {
    border-left: 0px;
    border-top: 0px;
    display: inline;
}

.grid-Space {
    padding-left: 13px;
}

.grid-Pager_link {
    color: #000000;
    cursor: pointer;
}

.grid-Pager_disabledLink {
    color: #cccccc;
    cursor: default;
}

/* ----- Splitter ----- */
.Splitter_handle_h {
    cursor: e-resize;
    background-image: url( "splitter/h_line.gif" );
    background-repeat: repeat-y;
    width: 8px;
    height: 100%;
    font-size: 5px;
    z-index: 1;
}

.Splitter_handle_v {
    cursor: n-resize;
    background-image: url( "splitter/v_line.gif" );
    background-repeat: repeat-x;
    width: 100%;
    height: 8px;
    font-size: 5px;
    z-index: 1;
}

.dialoghelper_container {
    background-color: #FFFBF2;
    border: 1px solid #7679C0;
}

/* --- [Form Element] ----*/
.form_formElement {
    background: none;
    /*text-align: right;*/
    /*padding: 1px;*/
}

.form_formElementLinked {
    color: #000000;
    text-decoration: underline;
    cursor: pointer;
}

.form_formElementLinked_hover{
    color: #7A8E53;
}

.form_formElementRequired {
    color: #FF0000;
    text-align: right;
}

.form_formElementRequiredColor {
    color: #FF0000;
}

/*------MainFrame---------*/
.common_handCursor {
    cursor: pointer;
}

.common_bg {
    background-color: #FFFAE6;
}

.common_nobr{
    white-space: nowrap;
}

.white_bg {
    background-color: #FFFFFF;
}

.treeStack {
}

.treeStackHeader {
    color: #ffffff;
    font-weight: bold;
    padding-left: 9px;
}

.treeStack .gwt-StackPanelItem {
    color: #ffffff;
    font-weight: bold;
    background-image: url("stackpanel/item_bg.gif");
    height: 24px;
    line-height: 24px;
    padding-left: 9px;
    vertical-align: middle;
    cursor: pointer;
}

.treeStack .gwt-StackPanelItem-selected {
    color: #ffffff;
    font-weight: bold;
    background-image: url("stackpanel/item_active_bg.gif");
    height: 24px;
    line-height: 24px;
    padding-left: 9px;
    vertical-align: middle;
    cursor: pointer;
}
/* Horizontal Panel of MainFrame Focuses SubFocuses and Logo area -----*/
.mainFrame_subFocusArea {
    background-color: #D9E6EB;
    background-image: url( "form/bg2.gif" );
}

/*-- [subFocuses Begin]--*/
.subFocus_panel {   
    height: 22px;
    line-height: 22px;
    background-image: url("common/top_panel_bg.gif");
    padding-left: 1px;
}

.subFocus_panel .labelbuttonset_label_style {   
    height: 22px;
    line-height: 22px;
    cursor: pointer;
    padding-left: 6px;
    padding-right: 6px;
    border: 1px #ABA9AA solid;
    border-top: 0px;
    border-bottom: 0px;
    color: #FFFFFF;
    font-weight: bold; 
    margin: 0px;
}

.subFocus_label {
    height: 22px;
    line-height: 22px;
    cursor: pointer;
    padding-left: 6px;
    padding-right: 6px;
    border: 1px #ABA9AA solid;
    border-top: 0px;
    border-bottom: 0px;
    color: #FFFFFF;
    font-weight: bold;
}

.subFocus_labelSelected {
    height: 22px;
    line-height: 22px;
    cursor: pointer;
    padding-left: 6px;
    padding-right: 6px;
    background-image: url("common/label_selected.gif");
    border: 1px #ABA9AA solid;
    border-top: 0px;
    border-bottom: 0px;
    color: #FFFFFF;
    font-weight: bold;
}
.subFocus_labelHighlighted {
    background-image: url("common/label_highlighted.gif");
}
/*-- [subFocuses End]--*/

.upper_menu {
    height: 19px;
    cursor: pointer;
    background: url("common/upper_menu_bg.gif") repeat;
    text-decoration: underline;
}

.upper_menu td {
    padding-left: 15px;
}

.upper_menu .gwt-Label {
    padding-left: 4px;
    padding-right: 4px;
}

.upper_menu .labelbuttonset_label_style {
    border: 0px;
    margin: 0px;
}

.statusBar {
    background-color: #D7CE93;
    width: 100%;
    height: 18px;
    line-height: 18px;
}

.statusBar_dateLabel {
    margin-left: 5px;
}

.statusBar_timerLabel {
}

.statusBar_timerBox {
    margin-left: 20px;
    margin-top: 1px;
    margin-bottom: 1px;
    border: 1px #F8F3DF solid;
    padding: 1px;
    line-height: 12px;
    background-color: #E3DEBA;
}

.statusBar_button {
    margin-left: 2px;
    cursor: pointer;
}

/*-------QButton ----------*/
.button_Enabled {
    cursor: pointer;
}

.button_Enabled .button_leftSide {
    background-image: url("button/left_side.gif");
    width: 6px;
    height: 19px;
}

.button_Enabled .button_rightSide {
    background-image: url("button/right_side.gif");
    height: 19px;
    width: 6px;
}

.button_Enabled .button_middle {
    background-image: url("button/middle.gif");
    height: 19px;
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    line-height: 19px;
}

.button_width {
    width: 48px;
}

.button_Disabled {
}

.button_Disabled .button_leftSide {
    background-image: url("button/left_side_dis.gif");
    width: 6px;
    height: 19px;
}

.button_Disabled .button_rightSide {
    background-image: url("button/right_side_dis.gif");
    height: 19px;
    width: 6px;
}

.button_Disabled .button_middle {
    background-image: url("button/middle_dis.gif");
    height: 19px;
    color: #c0c0c0;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    line-height: 19px;
}


.button_Highlighted {
}

.button_Highlighted .button_leftSide {
    background-image: url("button/left_side_hi.gif");    
}

.button_Highlighted .button_rightSide {
    background-image: url("button/right_side_hi.gif");
}

.button_Highlighted .button_middle {
    background-image: url("button/middle_hi.gif");
}

/*-------QGridCustomizer----*/
.customizer_dialog {
    padding: 4px;
    background-color: #FFFAE6;
    border: 1px #D1D08F solid; 
}

.labelbuttonset_label_style {
    border: 1px black solid;
    margin: 2px;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    cursor: pointer;
}

/*--------ResizableDialogBox-------*/
.resizableDialog_resizer {
    background-image: url("control/dialog_resizer.gif");
    width: 8px;
    height: 8px;
    font-size: 5px;
    cursor: nw-resize;
}

/*--------MenuPopup-------*/
.menuPopup {
    cursor: pointer;
    font-size: 12px;
    background-color: #FFFBF2;
    padding: 2px;
    border: 1px;
    border-style: solid;
    border-color: #D7D387;
}

.menuPopup .labelbuttonset_label_style {
    border: 0px;
    margin: 0px;
}
/*------HistoryPopup------*/
.gridTable {
    background-color: #000;
}

.headerRow td {
    cursor: pointer;
    font-family: Arial;
    font-weight: bold;
    background-color: #ADAA9C;
    font-size: 13px;
}

.unevenRow td {
    cursor: pointer;
    font-family: Arial;
    background-color: #FFFFFF;
    font-size: 13px;
}

.evenRow td {
    cursor: pointer;
    font-family: Arial;
    background-color: #FFFFDD;
    font-size: 13px;
}

/*-----IconButton-----*/
.iconButton {
    cursor: pointer;
}
.iconButton_empty {
    cursor: default;
}
/*-----LinkIconButton-----*/
.linkIconButton {
    cursor: pointer;
    text-decoration: underline;
}

/*----MarkedLinkIconButton----*/
.markedLinkIconButton {
    cursor: pointer;
    text-decoration: underline;
    color: #ff0000;
    font-weight: bold;
}

/*----- My QueWeb -----*/
.myQueWeb_focus {
    font-weight: bold;
    font-size: 14px;
}

.myQueWeb_focus_hover {
    cursor: pointer;
    color: #7A8E53;
}

.myQueWeb_subFocus {
    font-weight: bold;
    font-size: 13px;
}

.myQueWeb_subFocus_hover {
    cursor: pointer;
    color: #7A8E53;
}

.myQueWeb_form_hover {
    cursor: pointer;
    color: #7A8E53;
}
/*----[LoginFrame begin]---*/
.login_bottom_ie {
    height: 100%;
    width: 100%;
    background-color: #A6B987;
}
.login_bottom_ff {
    height: 100%;
    width: 100%;
    background-color: #AFC092;
}
.login_top_stripe {
    width: 100%;
    height: 36px;
    background-color: #DEEBC6;
}
.login_main_area {
    width: 100%;
    height: 640px;
    background: url("loginframe/bg_main.png") repeat-x;
}
.login_queplix_logo {
    background-image: url("loginframe/logo_queplix.png");
    position: absolute;
    top: 49px;
    left:29%;
    height: 86px;
    width: 139px;
}
.login_queweb_logo {
    background-image: url("loginframe/logo_queweb.gif");
    width: 111px;
    height: 34px;
    position: relative;
    top: 30px;
    left: 32px;
}
.login_welcome_text {
    background-image: url("loginframe/text_welcome.gif");
    position: absolute;
    top: 183px;
    left: 37%;
    width: 368px;
    height: 22px;
}
.login_form {
    position: absolute;
    top: 230px;
    left: 30%;
    z-index: 2;
    width: 484px;
    height: 190px;
    background-image: url("loginframe/bg_form.png");
}
.login_titleText{
    font-family: Verdana, Tahoma, sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #E1E5B9;
    width: 448px;
    height: 25px;
    padding-left: 24px;
    padding-top: 10px;
}
.login_internalFormArea {
    width: 448px;
    height: 114px;
    padding-top: 29px;
    padding-left: 24px;
}
.login_fields_captions {
    font-family: Verdana, Tahoma, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #849E59;
}
.login_text_input {
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 11px;
    border: 1px solid #A9BD85;
    width: 152px;
    height: 18px;
    padding: 1px;
}
.login_button {
    margin-top: 2px;
    cursor: pointer;
}
.login_copyrightText {
    color: #A3AE88;
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 10px;
    position: absolute;
    top: 437px;
    left: 47%;
    text-align: right;
}
.login_copyrightText a{
    color: #A3AE88;
    text-decoration: underline;
}
/*------[LoginFrame end]-------*/

/*----- MappedImage widget -----*/
.mappedImage {
	border: 0px;
}

/*----- Charts -----*/
.chart_panel
{
	width: 420px;
	margin-top:20px;
	border: 0;
}
.chart_label {
}

.chart_image {
}

.chart_image_panel {
	text-align: center;
	width: 420px;
	height: 310px;
	overflow: auto;
	border: 1px solid black;
	padding: 10px;
}

.chart_type_label .chart_refresh_link
{
	cursor: pointer;
}

.chart_date_panel
{
	white-space: nowrap;
}

.calendar_hotDates {
    color: #000000;
    cursor: pointer;
    text-decoration: none;
}

.calendar_hotDates_highlighted {
    color: #7A8E53;
    cursor: pointer;
    text-decoration: underline;
}

.welcomeUserMessage {
    color: #000000;
    padding-right: 5px;
    padding-left: 5px;
    background-image: url(common/top_panel_bg.gif);
    height: 22px;
    line-height: 22px;
    font-weight: bold;
}

/*----[Editor begin] Merged from editor.css (working around GWT issue #473) */
.Editor {
}

.Editor-IFrame {
	border: 1px solid #888;
}

.Editor-Toolbar {
	border-top: 1px solid #EEE;
	border-left: 1px solid #EEE;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	background-color: #EFEFDE;
	vertical-align: middle;
	padding: 0px 5px 0px 5px;
}

.Editor-Toolbar-Select {
	font-size: 12px;
	margin: 4px;
}

.Editor-DialogBox {
	sborder: 8px solid #C3D9FF;
	border: 1px solid #555;
	background-color: white;
	font-size: 12px;
	-moz-border-radius: 5px;
}

.Editor-DialogBox td,.Editor-DialogBox div {
	font-size: 12px;
	vertical-align: bottom;
}

.Editor-DialogBox-Content {
	padding: 8px;
}

.Editor-DialogBox .Caption {
	font-family: tahoma, arial, sans-serif;
	background-color: #003063;
	color: white;
	padding: 3px 5px 5px 10px;
	margin: 0px;
	font-weight: bold;
	font-size: 14px;
	cursor: default;
}

.Editor-Toolbar-Button {
	width: 16px;
	height: 16px;
	background-image: url(toolbar_strip.gif);
	border: 1px solid #EFEFDE;
	margin: 2px;
}

.Editor-Toolbar-Button-hover {
	background-color: #F3F0E0;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #DDD;
}

.Editor-Toolbar-Button-spacer {
	background-position: 0px 752px;
	background-color: #DDD;
	height: 16px;
	width: 1px;
	border: 1px solid #D0D0D0;
	margin: 0px 3px 0px 3px;
}

.Editor-Toolbar-Button-Source {
	background-position: 0px 0px;
}

.Editor-Toolbar-Button-Something1 {
	background-position: 0px 1040px;
}

.Editor-Toolbar-Button-Save {
	background-position: 0px 1024px;
}

.Editor-Toolbar-Button-New {
	background-position: 0px 1008px;
}

.Editor-Toolbar-Button-Preview {
	background-position: 0px 992px;
}

.Editor-Toolbar-Button-New2 {
	background-position: 0px 976px;
}

.Editor-Toolbar-Button-Cut {
	background-position: 0px 960px;
}

.Editor-Toolbar-Button-Copy {
	background-position: 0px 944px;
}

.Editor-Toolbar-Button-Paste {
	background-position: 0px 928px;
}

.Editor-Toolbar-Button-PasteTextOnly {
	background-position: 0px 912px;
}

.Editor-Toolbar-Button-PasteRichText {
	background-position: 0px 896px;
}

.Editor-Toolbar-Button-Print {
	background-position: 0px 880px;
}

.Editor-Toolbar-Button-SpellCheck {
	background-position: 0px 864px;
}

.Editor-Toolbar-Button-Undo {
	background-position: 0px 848px;
}

.Editor-Toolbar-Button-Redo {
	background-position: 0px 832px;
}

.Editor-Toolbar-Button-Find {
	background-position: 0px 816px;
}

.Editor-Toolbar-Button-Replace {
	background-position: 0px 800px;
}

.Editor-Toolbar-Button-Something2 {
	background-position: 0px 784px;
}

.Editor-Toolbar-Button-ClearFormat {
	background-position: 0px 768px;
}

.Editor-Toolbar-Button-Bold {
	background-position: 0px 752px;
}

.Editor-Toolbar-Button-Italic {
	background-position: 0px 736px;
}

.Editor-Toolbar-Button-Underline {
	background-position: 0px 720px;
}

.Editor-Toolbar-Button-StrikeThrough {
	background-position: 0px 704px;
}

.Editor-Toolbar-Button-Subscript {
	background-position: 0px 688px;
}

.Editor-Toolbar-Button-Superscript {
	background-position: 0px 672px;
}

.Editor-Toolbar-Button-OL {
	background-position: 0px 656px;
}

.Editor-Toolbar-Button-UL {
	background-position: 0px 640px;
}

.Editor-Toolbar-Button-IndentLeft {
	background-position: 0px 624px;
}

.Editor-Toolbar-Button-IndentRight {
	background-position: 0px 608px;
}

.Editor-Toolbar-Button-AlignLeft {
	background-position: 0px 592px;
}

.Editor-Toolbar-Button-AlignCenter {
	background-position: 0px 576px;
}

.Editor-Toolbar-Button-AlignRight {
	background-position: 0px 560px;
}

.Editor-Toolbar-Button-AlignJustify {
	background-position: 0px 544px;
}

.Editor-Toolbar-Button-Link {
	background-position: 0px 528px;
}

.Editor-Toolbar-Button-UnLink {
	background-position: 0px 512px;
}

.Editor-Toolbar-Button-Anchore {
	background-position: 0px 496px;
}

.Editor-Toolbar-Button-Image {
	background-position: 0px 480px;
}

.Editor-Toolbar-Button-Flash {
	background-position: 0px 464px;
}

.Editor-Toolbar-Button-Table {
	background-position: 0px 448px;
}

.Editor-Toolbar-Button-HR {
	background-position: 0px 432px;
}

.Editor-Toolbar-Button-Smile {
	background-position: 0px 416px;
}

.Editor-Toolbar-Button-SpecialCharacter {
	background-position: 0px 400px;
}

.Editor-Toolbar-Button-PageBreak {
	background-position: 0px 384px;
}

.Editor-Toolbar-Button-Keyboard {
	background-position: 0px 368px;
}

.Editor-Toolbar-Button-TextColor {
	background-position: 0px 352px;
}

.Editor-Toolbar-Button-TextBackgroundColor {
	background-position: 0px 336px;
}

.Editor-Toolbar-Button-Help {
	background-position: 0px 320px;
}

.Editor-Toolbar-Button-Movie {
	background-position: 0px 304px;
}

.Editor-Toolbar-Button-Checkbox {
	background-position: 0px 288px;
}

.Editor-Toolbar-Button-Radio {
	background-position: 0px 272px;
}

.Editor-Toolbar-Button-TextField {
	background-position: 0px 256px;
}

.Editor-Toolbar-Button-TextArea {
	background-position: 0px 240px;
}

.Editor-Toolbar-Button-ScrollBar {
	background-position: 0px 224px;
}

.Editor-Toolbar-Button-Button {
	background-position: 0px 208px;
}

.Editor-Toolbar-Button-ImageField {
	background-position: 0px 192px;
}

.Editor-Toolbar-Button-TextLayer {
	background-position: 0px 176px;
}

.Editor-Toolbar-Button-Table1 {
	background-position: 0px 160px;
}

.Editor-Toolbar-Button-TableInsertRow {
	background-position: 0px 144px;
}

.Editor-Toolbar-Button-TableDeleteRow {
	background-position: 0px 128px;
}

.Editor-Toolbar-Button-Table2 {
	background-position: 0px 112px;
}

.Editor-Toolbar-Button-Table3 {
	background-position: 0px 96px;
}

.Editor-Toolbar-Button-Table4 {
	background-position: 0px 80px;
}

.Editor-Toolbar-Button-Table5 {
	background-position: 0px 64px;
}

.Editor-Toolbar-Button-Table6 {
	background-position: 0px 48px;
}

.Editor-Toolbar-Button-Table7 {
	background-position: 0px 32px;
}

.Editor-Toolbar-Button-FullScreen {
	background-position: 0px 16px;
}

/*-------[Editor end]------------*/

.inFormGrid_offset {
    margin-top: 10px;
}

.inFormGrid_align {
}