/*--------------------------------------------------------------------------

  This is part of the Multithreading system of the Karoo project.

  (C) 2009,2010 Brian Modra <brian@zwartberg.com>

  This library is free software; you can redistribute them and/or modify
  it under the terms of the GNU Lesser General Public License as published by
  the Free Software Foundation; either version 2.1 of the License,
  or (at your option) any later version.

  This library is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
  See the GNU Lesser General Public License for more details.

  You should have received a copy of the GNU Lesser General Public License
  along with these libraries; if not, write to the Free Software Foundation,
  Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA

--------------------------------------------------------------------------*/

div.widget_calendar {
    border: 1px solid #c0c0c0;
    font-size: 10px;
    padding: 0px;
    vertical-align: middle;
    width: 11em;
    background-color: white;
}
div.widget_calendar_selected {
    border: 1px dotted black;
    font-size: 10px;
    padding: 0px;
    vertical-align: middle;
    width: 11em;
    background-color: white;
}
div.widget_calendar_disabled {
    border: 1px solid #e0e0e0;
    font-size: 10px;
    padding: 0px;
    vertical-align: middle;
    width: 11em;
    background-color: white;
}
input.widget_calendar {
    color: black;
}
input.widget_calendar_disabled {
    color: #c0c0c0;
}
input.widget_calendar_bad {
    color: red;
}
tr.widget_calendar_days {
    height: 1em;
}
td.widget_calendar_previous_month {
    width: 1em;
    background-color: #ffeec0;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    text-align: left;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid black;
    padding: 0px;
    vertical-align: middle;
}
img.widget_calendar_previous_month {
    width: 10px;
    height: 10px;
}
td.widget_calendar_next_month {
    width: 1em;
    background-color: #ffeec0;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    text-align: right;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid black;
    padding: 0px;
    vertical-align: middle;
}
img.widget_calendar_next_month {
    width: 10px;
    height: 10px;
}
td.widget_calendar_previous_month_highlight {
    width: 1em;
    background-color: yellow;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    text-align: left;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid black;
    padding: 0px;
    vertical-align: middle;
}
td.widget_calendar_next_month_highlight {
    width: 1em;
    background-color: yellow;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    text-align: right;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid black;
    padding: 0px;
    vertical-align: middle;
}
td.widget_calendar_month {
    width: 1em;
    background-color: #d0d0ff;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
th.widget_calendar_sunday {
    width: 1em;
    background-color: green;
    font-size: 10px;
    text-align: center;
}
th.widget_calendar_monday {
    width: 1em;
    background-color: grey;
    font-size: 10px;
    text-align: center;
}
th.widget_calendar_tuesday {
    width: 1em;
    background-color: grey;
    font-size: 10px;
    text-align: center;
}
th.widget_calendar_wednesday {
    width: 1em;
    background-color: grey;
    font-size: 10px;
    text-align: center;
}
th.widget_calendar_thursday {
    width: 1em;
    background-color: grey;
    font-size: 10px;
    text-align: center;
}
th.widget_calendar_friday {
    width: 1em;
    background-color: grey;
    font-size: 10px;
    text-align: center;
}
th.widget_calendar_saturday {
    width: 1em;
    background-color: green;
    font-size: 10px;
    text-align: center;
}
td.widget_calendar_sunday {
    width: 1em;
    background-color: #d0ffd0;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #c0c0c0;
    padding: 0px;
    vertical-align: middle;
}
td.widget_calendar_monday {
    width: 1em;
    background-color: #e0e0e0;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #c0c0c0;
    padding: 0px;
    vertical-align: middle;
}
td.widget_calendar_tuesday {
    width: 1em;
    background-color: #e0e0e0;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #c0c0c0;
    padding: 0px;
    vertical-align: middle;
}
td.widget_calendar_wednesday {
    width: 1em;
    background-color: #e0e0e0;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #c0c0c0;
    padding: 0px;
    vertical-align: middle;
}
td.widget_calendar_thursday {
    width: 1em;
    background-color: #e0e0e0;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #c0c0c0;
    padding: 0px;
    vertical-align: middle;
}
td.widget_calendar_friday {
    width: 1em;
    background-color: #e0e0e0;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #c0c0c0;
    padding: 0px;
    vertical-align: middle;
}
td.widget_calendar_saturday {
    width: 1em;
    background-color: #d0ffd0;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #c0c0c0;
    padding: 0px;
    vertical-align: middle;
}
td.widget_calendar_sunday_highlight {
    width: 1em;
    background-color: #b0ffb0;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #a0a0a0;
    padding: 0px;
    vertical-align: middle;
}
td.widget_calendar_monday_highlight {
    width: 1em;
    background-color: #c0c0c0;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #a0a0a0;
    padding: 0px;
    vertical-align: middle;
}
td.widget_calendar_tuesday_highlight {
    width: 1em;
    background-color: #c0c0c0;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #a0a0a0;
    padding: 0px;
    vertical-align: middle;
}
td.widget_calendar_wednesday_highlight {
    width: 1em;
    background-color: #c0c0c0;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #a0a0a0;
    padding: 0px;
    vertical-align: middle;
}
td.widget_calendar_thursday_highlight {
    width: 1em;
    background-color: #c0c0c0;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #a0a0a0;
    padding: 0px;
    vertical-align: middle;
}
td.widget_calendar_friday_highlight {
    width: 1em;
    background-color: #c0c0c0;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #a0a0a0;
    padding: 0px;
    vertical-align: middle;
}
td.widget_calendar_saturday_highlight {
    width: 1em;
    background-color: #b0ffb0;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #a0a0a0;
    padding: 0px;
    vertical-align: middle;
}
td.widget_calendar_sunday_selected {
    width: 1em;
    background-color: #b0ffb0;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid black;
    padding: 0px;
    vertical-align: middle;
}
td.widget_calendar_monday_selected {
    width: 1em;
    background-color: #c0c0c0;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid black;
    padding: 0px;
    vertical-align: middle;
}
td.widget_calendar_tuesday_selected {
    width: 1em;
    background-color: #c0c0c0;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid black;
    padding: 0px;
    vertical-align: middle;
}
td.widget_calendar_wednesday_selected {
    width: 1em;
    background-color: #c0c0c0;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid black;
    padding: 0px;
    vertical-align: middle;
}
td.widget_calendar_thursday_selected {
    width: 1em;
    background-color: #c0c0c0;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid black;
    padding: 0px;
    vertical-align: middle;
}
td.widget_calendar_friday_selected {
    width: 1em;
    background-color: #c0c0c0;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid black;
    padding: 0px;
    vertical-align: middle;
}
td.widget_calendar_saturday_selected {
    width: 1em;
    background-color: #b0ffb0;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid black;
    padding: 0px;
    vertical-align: middle;
}
.widget_box {
    padding: 0px;
    margin-top: 0px
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #c0c0c0;
    padding: 0px;
    margin-top: 0px
    margin-bottom: 0px;
    margin-left: 1px;
    margin-right: 1px;
    vertical-align: middle;
    background-color: white;
}
.widget_checkbox {
    cursor: hand;
    cursor: pointer;
    padding: 0px;
    margin-top: 0px
    margin-bottom: 0px;
    margin-left: 1px;
    margin-right: 1px;
    vertical-align: middle;
    background-color: white;
}
.widget_button {
    font-size: 12px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #c0c0c0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 0px
    margin-bottom: 0px;
    margin-left: 1px;
    margin-right: 1px;
    vertical-align: middle;
    background-color: white;
}
.widget_button_disabled {
    font-size: 12px;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #e0e0e0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 0px
    margin-bottom: 0px;
    margin-left: 1px;
    margin-right: 1px;
    vertical-align: middle;
    background-color: white;
    color: #c0c0c0;
}
.widget_button_highlight {
    font-size: 12px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #909090;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 0px
    margin-bottom: 0px;
    margin-left: 1px;
    margin-right: 1px;
    vertical-align: middle;
    background-color: #e0e0f0;
}
.widget_button_selected {
    font-size: 12px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid black;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 0px
    margin-bottom: 0px;
    margin-left: 1px;
    margin-right: 1px;
    vertical-align: middle;
    background-color: #d0d0ff;
}
.widget_list_in_menuitem {
    cursor: hand;
    cursor: pointer;
    text-align: center;
    border: 1px solid #c0c0c0;
    padding: 0px;
    vertical-align: middle;
    background-color: white;
}
.widget_list_in_menuitem_disabled {
    text-align: center;
    border: 1px solid #e0e0e0;
    padding: 0px;
    vertical-align: middle;
    background-color: white;
    colot: #c0c0c0;
}
.widget_list {
    clip : auto;
    overflow : auto;
    height: 100px;
    width: 200px;
    background-color: white;
}
.widget_list_disabled {
    clip : auto;
    overflow : auto;
    height: 100px;
    width: 200px;
    background-color: white;
    color: #c0c0c0;
}
.widget_list_item {
    cursor: hand;
    cursor: pointer;
    text-align: center;
    /*-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #c0c0c0;*/
    padding: 0px;
    vertical-align: middle;
    background-color: white;
}
.widget_list_item_disabled {
    text-align: center;
    /*-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #c0c0c0;*/
    padding: 0px;
    vertical-align: middle;
    background-color: white;
    color: #c0c0c0;
}
.widget_list_item_highlight {
    cursor: hand;
    cursor: pointer;
    text-align: center;
    /*-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #909090;*/
    padding: 0px;
    vertical-align: middle;
    background-color: #e0e0f0;
}
.widget_list_item_selected {
    cursor: hand;
    cursor: pointer;
    text-align: center;
    /*-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid black;*/
    padding: 0px;
    vertical-align: middle;
    background-color: #d0d0ff;
}
img.widget_down_arrow {
    padding-left: 5px;
    width: 10px;
    height: 10px;
}
.widget_menuitem {
    font-size: 12px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #c0c0c0;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    margin-top: 0px
    margin-bottom: 0px;
    margin-left: 1px;
    margin-right: 1px;
    vertical-align: middle;
    background-color: white;
    float: left;
}
.widget_menuitem_disabled {
    font-size: 12px;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #e0e0e0;
    color: #c0c0c0;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    margin-top: 0px
    margin-bottom: 0px;
    margin-left: 1px;
    margin-right: 1px;
    vertical-align: middle;
    background-color: white;
    float: left;
}
.widget_menuitem_highlight {
    font-size: 12px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #909090;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    margin-top: 1px
    margin-bottom: 0px;
    margin-left: 1px;
    margin-right: 1px;
    vertical-align: middle;
    background-color: #e0e0f0;
    float: left;
}
.widget_menuitem_selected {
    font-size: 12px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid black;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    margin-top: 1px
    margin-bottom: 0px;
    margin-left: 1px;
    margin-right: 1px;
    vertical-align: middle;
    background-color: #d0d0ff;
    float: left;
}
.widget_menubar {
    text-align: left;
    border-top: 2px solid #d0d0d0;
    border-bottom: 2px solid #d0d0d0;
    padding: 0px;
    vertical-align: middle;
    background-color: #e0e0ff;
}
.widget_menubar_disabled {
    text-align: left;
    border-top: 2px solid #d0d0d0;
    border-bottom: 2px solid #d0d0d0;
    padding: 0px;
    vertical-align: middle;
    background-color: #e0e0ff;
    color: #c0c0c0;
}
.widget_horizbar {
    background-color: grey;
    margin: 0px;
    padding: 0px;
}
tr.widget_horizbar {
    border: 1px solid white;
    background-color: white;
    color: black;
    font-size: 10px;
    vertical-align: middle;
    text-align: center;
    height: 15px;
    margin: 0px;
    padding: 0px;
}
th.widget_horizbar {
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-top: 0px;
    border-bottom: 0px;
    background-color: #d0d0d0;
    color: black;
    vertical-align: middle;
    text-align: center;
    margin: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 0px;
    padding-right: 0px;
}
td.widget_horizbar {
    border: 1px solid white;
    background-color: #d0d0d0;
    color: black;
    vertical-align: middle;
    text-align: center;
    width: 5em;
    margin: 0px;
    padding: 0px;
}
.widget_horizbar_disabled {
    background-color: grey;
    margin: 0px;
    padding: 0px;
    color: #c0c0c0;
}
tr.widget_horizbar_disabled {
    border: 1px solid white;
    background-color: white;
    color: #c0c0c0;
    font-size: 10px;
    vertical-align: middle;
    text-align: center;
    height: 15px;
    margin: 0px;
    padding: 0px;
}
th.widget_horizbar_disabled {
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-top: 0px;
    border-bottom: 0px;
    background-color: #d0d0d0;
    color: #c0c0c0;
    vertical-align: middle;
    text-align: center;
    margin: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 0px;
    padding-right: 0px;
}
td.widget_horizbar_disabled {
    border: 1px solid white;
    background-color: #d0d0d0;
    color: #c0c0c0;
    vertical-align: middle;
    text-align: center;
    width: 5em;
    margin: 0px;
    padding: 0px;
}
td.widget_horizbar_started {
    border: 1px solid white;
    background-color: #b0b0ff;
    color: black;
    vertical-align: middle;
    text-align: center;
    width: 5em;
    margin: 0px;
    padding: 0px;
}
td.widget_horizbar_done {
    border: 1px solid white;
    background-color: yellow;
    color: black;
    vertical-align: middle;
    text-align: center;
    width: 5em;
    margin: 0px;
    padding: 0px;
}
td.widget_horizbar_highlight {
    border: 1px solid #b0ffb0;
    background-color: #d0d0d0;
    color: green;
    vertical-align: middle;
    text-align: center;
    width: 5em;
    margin: 0px;
    padding: 0px;
}
td.widget_horizbar_started_highlight {
    border: 1px solid #b0ffb0;
    background-color: #b0b0ff;
    color: green;
    vertical-align: middle;
    text-align: center;
    width: 5em;
    margin: 0px;
    padding: 0px;
}
td.widget_horizbar_done_highlight {
    border: 1px solid #b0ffb0;
    background-color: yellow;
    color: green;
    vertical-align: middle;
    text-align: center;
    width: 5em;
    margin: 0px;
    padding: 0px;
}
td.widget_horizbar_selected {
    border: 1px solid #a0a0ff;
    background-color: #d0d0d0;
    color: blue;
    vertical-align: middle;
    text-align: center;
    width: 5em;
    margin: 0px;
    padding: 0px;
}
td.widget_horizbar_started_selected {
    border: 1px solid #a0a0ff;
    background-color: #b0b0ff;
    color: blue;
    vertical-align: middle;
    text-align: center;
    width: 5em;
    margin: 0px;
    padding: 0px;
}
td.widget_horizbar_done_selected {
    border: 1px solid #a0a0ff;
    background-color: yellow;
    color: blue;
    vertical-align: middle;
    text-align: center;
    width: 5em;
    margin: 0px;
    padding: 0px;
}
.widget_value {
    border: 1px solid #c0c0c0;
    background-color: white;
    color: black;
    vertical-align: middle;
    text-align: center;
    font-size: 11px;
    margin: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
}
.widget_value_disabled {
    border: 1px solid #e0e0e0;
    background-color: white;
    color: #c0c0c0;
    vertical-align: middle;
    text-align: center;
    font-size: 11px;
    margin: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
}
.widget_value_highlight {
    border: 1px solid #c0c0c0;
    background-color: yellow;
    color: black;
    vertical-align: middle;
    text-align: center;
    font-size: 11px;
    margin: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
}
.widget_value_in_menuitem {
    border: 0px;
    background-color: #e0e0ff;
    color: black;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    margin: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 11px;
    padding-right: 11px;
}
.widget_value_in_menuitem_disabled {
    border: 0px;
    background-color: #e0e0ff;
    color: #c0c0c0;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    margin: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 11px;
    padding-right: 11px;
}
.widget_value_in_menuitem_highlight {
    border: 0px;
    background-color: #a0a0ff;
    color: black;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    margin: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 11px;
    padding-right: 11px;
}
input.widget_text {
    color: black;
}
input.widget_text_disabled {
    color: #c0c0c0;
}
textarea.widget_text {
    color: black;
}
textarea.widget_text_disabled {
    color: #c0c0c0;
}
