/* -------------- */
/* --- basics --- */
/* -------------- */

.gwt-RichTextArea {
  background: white;
  border: 1px solid rgb(169,169,169);
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.uppercase {
  text-transform: uppercase;
}

.block-left {
  margin-left: 0px;
  margin-right: auto;
}

.block-center {
  margin-left: auto;
  margin-right: auto;
}

.block-right {
  margin-left: auto;
  margin-right: 0px;
}

.top {
    vertical-align : top;
}

.middle {
    vertical-align : middle;
}

.bottom {
    vertical-align : bottom;
}

.red-text {
    color: red;
}

.fit-width {
    width : 100%;
}

.img-button-disabled {
  opacity: 0.4;
  filter: alpha(opacity=40); /* msie */
}

/* -------------------- */
/* --- input fields --- */
/* -------------------- */

INPUT.text {
  text-align: left;
}

INPUT.file {
  text-align: left;
}

INPUT.number {
  text-align: right;
}

INPUT.date {
  text-align: center;
}

INPUT.time {
  text-align: center;
}

INPUT.datetime {
  text-align: center;
}

INPUT.check {
  margin: 3px;
}

INPUT.radio {
}

/* --------------------- */
/* --- forms/dialogs --- */
/* --------------------- */

.widget {
  display: inline-table;
  margin: 10px 10px 10px 0;
  padding: 2px;
  border: 1px solid #d1d1d1;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

/* ------------------------- */
/* --- WidgetSearchPanel --- */
/* ------------------------- */
.widget-inner {
  background-color: #eeeeee;
}

.widget-inner .widget-header {
  border: 1px solid #d1d1d1;
  font-weight: bold;
  padding: 4px 4px 4px 8px;
  background: #519bff url(../images/ff/bg_header.png) 50% 50% repeat-x;
}

.widget-inner .widget-content {
  padding: 3px;
}

.widget-inner .widget-buttonpane {
  border-top: 1px solid #d1d1d1;
  padding: 5px;
  text-align: center;
}

.widget-inner .widget-buttonpane button {
  margin: 5px;
}
/* ------------------------- */
/* --------- (end) --------- */
/* ------------------------- */

.gwt-DialogBox .widget {
  margin: 0;
}

.widget TABLE.data-entry, TABLE.result {
  empty-cells: show;
  border-collapse: collapse;
  border: 0px solid black;
}

.widget TABLE.data-entry, TABLE.result TH {
  white-space: nowrap;
}

.widget TABLE.data-entry, TABLE.result, TABLE.pageControl TD {
  border: 0px solid black;
  padding: 2px;
  margin: 0px;
  white-space: nowrap;
  vertical-align: middle;
}

.widget-header-red {
  border: 1px solid #d1d1d1;
  font-weight: bold;
  padding: 4px 4px 4px 8px;
  background: #519bff url(../images/ff/bg_header_red.png) 50% 50% repeat-x;
}

.widget-header-quote {
  border: 1px solid #d1d1d1;
  font-weight: bold;
  padding: 4px 4px 4px 8px;
  background: #F8C217;
}

.widget-header-note {
  border: 1px solid #d1d1d1;
  font-weight: bold;
  padding: 4px 4px 4px 8px;
  background: #F8C217;
}

.widget-header {
  border: 1px solid #d1d1d1;
  font-weight: bold;
  padding: 4px 4px 4px 8px;
  background: #519bff url(../images/ff/bg_header.png) 50% 50% repeat-x;
}

.widget-content {
  background-color: #eeeeee;
}

.widget-buttonpane {
  border-top: 1px solid #d1d1d1;
  padding: 5px;
  text-align: center;
}

.summary {
  vertical-align: top;
}

.summary TABLE {
  empty-cells: show;
  border-collapse: collapse;
  border: 0px solid black;
}

.summary TD {
  padding: 3px 6px;
  border: 1px solid #d1d1d1;
}

.summary TD.header, TH {
  padding: 3px 6px;
  border: 1px solid #d1d1d1;
  font-weight: bold;
}

.tab-widget-embedded {
  padding: 10px;
}

.result {
  display: table;
}

.result A {
  color: blue;
}

img.ui-datepicker-trigger {
  margin: 0px 3px;
  position: relative;
  top: 2px;
}

TD.label {
  text-align: right;
}

TR.navRow {
  font-size: smaller;
}

TABLE.pageControl {
  font-weight: bold;
}

TABLE.pageControl INPUT {
  padding: 0px 2px;
  font-weight: bold;
}

TABLE.result {
  border: 1px gray solid;
}

TABLE.result TR.header {
  background: #519bff url(../images/ff/bg_header.png) 50% 50% repeat-x;
  border: 1px silver solid;
}

TABLE.result TR.header TD {
  font-weight: bold;
  padding: 3px 10px;
}

TABLE.result TR.header TD A {
  text-decoration: none;
  color: black;
}

TABLE.result TR.header TD.sortable {
  cursor: pointer;
}

TABLE.result TR.header TD.sortable IMG {
  position: relative;
  top: 1px;
  padding-left: 5px;
}

TABLE.result TR.header TD.asc {
}

TABLE.result TR.header TD.desc {
}

TABLE.result TR {
/*  background-color: #eeeeff; */
}

TABLE.result TR.even {
  background-color: #d2d8f9;
  transition-property: background-color;
  transition-duration: 1.5s;
  transition-delay: 0s;
}

TABLE.result TR.odd {
  background-color: #eeeeff;
  transition-property: background-color;
  transition-duration: 1.5s;
  transition-delay: 0s;
}

TABLE.result TR.selected {
  background-color: yellow;
}

TABLE.result TR.success {
  background-color: #90EE90;
}

TABLE.result TR.error {
  background-color: red;
}

TABLE.result TR.footer {
  background-color: #eeeeee;
  border: 0px;
}

TABLE.result TR.footer TD {
  border: 0px;
}

TABLE.result TR.even:hover,
TABLE.result TR.odd:hover {
  background-image: url(../images/grad_gray.png);
  background-repeat: repeat-x;
  background-position: left top;
}

TABLE.result TD {
  border: 1px solid #D1D1D1;
  padding: 2px 4px;
  /*vertical-align: middle;*/
}

TABLE.buttonBar TD {
  border: 0;
  padding: 3px 3px 3px 2px;
}

TABLE.gwt-TabPanel TABLE.buttonBar .gwt-Button {
  padding: 2px 4px;
  font-size: 0.9em;
}

.linkpanel a {
  padding: 1px 5px 1px 1px;
}

.dragndrop {
  cursor: pointer;
}

.incomplete {
  border: 3px solid #ffaa66;
}

/* -------------------- */
/* --- gwt (copied) --- */
/* -------------------- */

.gwt-Button {
  margin: 0;
  padding: 3px 5px;
  text-decoration: none;
  font-size: small;
  cursor: pointer;
  cursor: hand;
  background: url("../images/ff/hborder.png") repeat-x 0px -27px;
  border: 1px outset #ccc;
}

.gwt-Button:active {
  border: 1px inset #ccc;
}

.gwt-Button:hover {
  border-color: #9cf #69e #69e #7af;
}

.gwt-Button[disabled] {
  cursor: default;
  color: #888;
}

.gwt-Button[disabled]:hover {
  border: 1px outset #ccc;
}

/* ------------------------ */
/* --- gwt (extensions) --- */
/* ------------------------ */

.gwt-keypad-button-number {
  font-size:    50px;
  height:       75px;
  width:        75px;
}

.gwt-keypad-button-action {
  font-size:    20px;
  height:       75px;
  width:        75px;
}

.gwt-keypad-button-ok {
  font-size:    20px;
  height:       150px;
  width:        75px;
}

.gwt-keypad-input {
  font-size:    50px;
  height:       75px;
  width:        300px;
  text-align: right;
}

.gwt-Button-Small {
  font-size: 0.3em;
}

.field-label {
  text-align: right;
}

.column-field-label {
  text-align: center;
}

.bold {
    font-weight: bold;
}

.invoice-title {
    color      : blue;
    font-size  : 28px;
    font-weight: bold;
}

TABLE.fit-width {
    width : 100%;
}

TABLE.edit-table {
}

TABLE.edit-table TR.header {
  background-image: url(../images/grad_blue.gif);
  border: 1px silver solid;
}

TABLE.edit-table TR.header TD {
  font-weight: bold;
  padding: 3px 10px;
}

TABLE.edit-table TR.header TD A {
  text-decoration: none;
  color: black;
}

TABLE.edit-table TR.header TD.sortable {
  cursor: pointer;
}

TABLE.edit-table TR.header TD.sortable IMG {
  position: relative;
  top: 1px;
  padding-left: 5px;
}

TABLE.edit-table TR.header TD.asc {
}

TABLE.edit-table TR.header TD.desc {
}

TABLE.edit-table TR {
}

TABLE.edit-table TR.even {
  background-color: #d2d8f9;
}

TABLE.edit-table TR.odd {
}

TABLE.edit-table TR.selected {
  background-color: yellow;
}

TABLE.edit-table TR.success
{
  background-color: #90EE90;
}

TABLE.edit-table TR.error
{
  background-color: red;
}

TABLE.edit-table TR.even:hover,
TABLE.result     TR.odd:hover {
  background-image: url(../images/grad_gray.png);
  background-repeat: repeat-x;
  background-position: left top;
}

TABLE.edit-table TD {
  padding: 2px 4px;
}

TABLE.lookup-table TR.even,
TABLE.lookup-table TR.odd {
  cursor: pointer;
}

TABLE.lookup-table TR.even:hover,
TABLE.lookup-table TR.odd:hover {
  background-image: url(../images/grad_green.png);
  background-repeat: x-repeat;
  background-position: left top;
}

A.invoice_no.warning {
  /* doesn't scale in IE :(
  background-image: url(../images/warning.gif);
  background-size: 16px 16px;
  */
  background-image: url(../images/warning-small.gif);
  background-repeat: no-repeat;
  padding-left: 25px;
}

IMG.new-row,
IMG.mod-row {
  /* defunct for now
  width: 24px;
  height: 11px;
  padding-left: 3px;
  */
}

.gwt-SuggestBoxPopup .suggestPopupContent TABLE {
  border-collapse: collapse;
}

.gwt-SuggestBoxPopup .suggestPopupContent TABLE .gwt-MenuItem {
  padding: 2px 4px;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

/* --------------------------- */
/* --- (jQuery) validation --- */
/* --------------------------- */

.formError {
        position:absolute;
        top:300px; left:300px;
        padding-bottom:13px;
        display:block;
        z-index:5000;
        /*cursor:pointer;*/
        cursor:default;
    }
        #debugMode{
            background:#000;
            position:fixed;
            width:100%; height:200px;
            top:0; left:0;
            overflow:scroll;
            opacity:0.8;
            display:block;
            padding:10px;
            color:#fff;
            font-size:14px;
            z-index:100000;
        }

        .ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
        .formError .formErrorContent {
            /*width:100%;*/
            background:#ee0101;
            color:#fff;
            /*width:150px;*/
            font-family:tahoma;
            font-size:11px;
            border:2px solid #ddd;
            box-shadow: 0px 0px 6px #000;
            -moz-box-shadow: 0px 0px 6px #000;
            -webkit-box-shadow: 0px 0px 6px #000;
            padding:4px 10px 4px 10px;
            border-radius: 6px;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
        }
        .greenPopup .formErrorContent {background:#33be40;}

        .blackPopup .formErrorContent {background:#393939;color:#FFF;}

        .formError .formErrorArrow{
            position:absolute;
            bottom:0;left:20px;
            width:15px; height:15px;

            z-index:5001;
        }
        .formError .formErrorArrowBottom{top:0;margin:-6px;}

            .formError .formErrorArrow div{
                border-left:2px solid #ddd;
                border-right:2px solid #ddd;
                box-shadow: 0px 2px 3px #444;
                -moz-box-shadow: 0px 2px 3px #444;
                -webkit-box-shadow: 0px 2px 3px #444;
                font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
            }
                .formError .formErrorArrowBottom div{
                    box-shadow: none;
                    -moz-box-shadow: none;
                    -webkit-box-shadow: none;
                }

            .greenPopup .formErrorArrow div{background:#33be40;}
            .blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

            .formError .formErrorArrow .line10{width:15px;border:none;}
            .formError .formErrorArrow .line9{width:13px;border:none;}
            .formError .formErrorArrow .line8{width:11px;}
            .formError .formErrorArrow .line7{width:9px;}
            .formError .formErrorArrow .line6{width:7px;}
            .formError .formErrorArrow .line5{width:5px;}
            .formError .formErrorArrow .line4{width:3px;}
            .formError .formErrorArrow .line3{width:1px;
                border-left:2px solid #ddd;
                border-right:2px solid #ddd;
                border-bottom:0px solid #ddd;}
            .formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
            .formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}