.left         { text-align : left;    }
.center       { text-align : center;  }
.right        { text-align : right;   }
.bold         { font-weight: bold;    }
.small_font   { font-size  : 10px;    }
.smaller_font { font-size  : smaller; }
.larger_font  { font-size  : larger;  }
.wrap         { white-space: normal;  }
.unicode      { font-family: MS Mincho, Lucida Sans Unicode;  }
.uppercase    { text-transform: uppercase; }

.show
{
  display: block;
  visibility: visible;
}

.hide
{
  display: none;
  visibility: hidden;
}

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

TABLE.ieca-header TD
{
  border     : 0px solid black;
  padding    : 0px;
  margin     : 0px;
  white-space: nowrap;
}

TABLE.ieca-header TD.ieca-logo {
    text-align: center;
    vertical-align: middle;
    padding-right: 5px;
}

TABLE.ieca-header TD.ieca-logo IMG.ieca-logo {
    max-width : 48px;
    max-height : 48px;
}

.pohModuleBar .selected {
    color: black;
    background-color: #519bff;
}

.po_start       { background-color : #33CCFF;  }    /* light blue */
.po_lead        { background-color : #33FF33;  }    /* light green */
.po_transfer    { background-color : #FFFF33;  }    /* light yellow */
.po_cycle       { background-color : #FF9933;  }    /* light orange */
.po_safetystock { background-color : #FF0033;  }    /* light red */

BODY
{
  font-family     : Geneva, Arial, Helvetica, sans-serif;
  font-size       : 11px;
  color           : black;
  background-color: white;
  margin          : 0px;
  padding         : 15px;
  padding-top     : 10px;
}

BODY A
{
  text-decoration: none;
  color          : blue;
}

BODY A:hover
{
  text-decoration: underline;
  color          : blue;
}

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

TH
{
  white-space: nowrap;
}

TD
{
  border     : 0px solid black;
  padding    : 0px;
  margin     : 0px;
  white-space: nowrap;
/*  vertical-align: top; */
}

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

.icon_check
{
  background-image   : url(../images/icon_check.png);
  background-repeat  : no-repeat;
  background-position: center center;
}

.icon_cross
{
  background-image   : url(../images/icon_cross.png);
  background-repeat  : no-repeat;
  background-position: center center;
}

TABLE.content
{
  border: 1px #7E7E7E solid;
  background-color: #D8D8D8;
}

TABLE.content TH
{
  border          : 1px #7E7E7E solid;
  padding-top     : 3px;
  padding-bottom  : 3px;
  padding-left    : 4px;
  padding-right   : 4px;
}

TABLE.content TH.sub
{
  font-size       : 11px;
}

TABLE.content TD
{
  border        : 0px #7E7E7E solid;
  padding-top   : 2px;
  padding-bottom: 2px;
  padding-left  : 4px;
  padding-right : 4px;
  border-top    : 1px #7E7E7E solid;
  border-bottom : 1px #7E7E7E solid;
}

TABLE.content TD.border
{
  border: 1px #7E7E7E solid;
}

TABLE.content TD.border_right
{
  border-right: 1px #7E7E7E solid;
}

TABLE.content TD.border_left
{
  border-left: 1px #7E7E7E solid;
}

TABLE.content TD.noborder
{
  border: 1px #7E7E7E solid;
}

TABLE.content TD.button
{
  padding-top   : 10px;
  padding-bottom: 10px;
}

TABLE.search
{
  border: 1px gray solid;
  background-color: #D8D8D8;
}

TABLE.search TD
{
  border        : 0px #7E7E7E solid;
  padding-top   : 2px;
  padding-bottom: 2px;
  padding-left  : 4px;
  padding-right : 4px;
  border-top    : 1px #7E7E7E solid;
  border-bottom : 1px #7E7E7E solid;
}

TABLE.search TD.button
{
  padding-top   : 10px;
  padding-bottom: 10px;
}

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

TABLE.result TH
{
  background-image: url(../images/grad_blue.gif);
  border          : 1px silver solid;
  padding-top     : 3px;
  padding-bottom  : 3px;
  padding-left    : 4px;
  padding-right   : 4px;
}

TABLE.result TH A
{
  text-decoration: none;
  color          : black;
}

TABLE.result TH A:hover
{
  text-decoration: underline;
  color          : black;
}

TABLE.result TH IMG
{
  position    : relative;
  top         : 1px;
  padding-left: 5px;
}

TABLE.result TH.sub
{
  background-image: none;
  background-color: #B1D0FE;
  font-weight: normal;
}

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

TABLE.result TBODY.result TR:hover
{
  background-image: url(../images/grad_gray.gif);
}

TABLE.result TBODY.result TR.even
{
  background-color: #d2d8f9;
}

TABLE.result TBODY.result TR.total
{
  background-color: #dddddd;
}

TABLE.result TBODY.result TR.total:hover
{
  background-image: none;
}

TABLE.result TBODY.result TR.notes
{
  color: #555555;
  font-size: 10px;
  background-color: #d3d3d3;
}

TABLE.result TBODY.result TR.notes:hover
{
  background-image: none;
}

TABLE.result TBODY.result TR.notes PRE
{
  margin: 0px;
  padding: 0px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
}

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

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

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

TABLE.result TBODY.footer TR
{
  background-color: #dddddd;
}

/* TODO check if still used */
TABLE.result TR.desc
{
  color: #444444;
  background-color: #e1e1ff;
}

TABLE.result TR.Errors
{
  color: red;
}

TABLE.result TD
{
  border        : 1px silver solid;
  padding-top   : 2px;
  padding-bottom: 2px;
  padding-left  : 4px;
  padding-right : 4px;
  vertical-align: middle;
}

TABLE.result TD INPUT[type=checkbox]
{
  margin-top: 1px;
  margin-bottom: 1px;
}

TABLE.result TD.button
{
  padding-top   : 10px;
  padding-bottom: 10px;
}

TABLE.result TD.red
{
  color: red;
}

TABLE.result TD.WaitingRetries
{
  color: yellow;
}

TABLE.result TD.Executing
{
  color: green;
}

TABLE.result TD.ExecutingRetries
{
  color: green;
}

TABLE.result TD.Failed
{
  color: red;
}

TABLE.result TD.FailedRetries
{
  color: red;
}

TABLE.inline
{
  border: 1px gray solid;
  background-color: #ffffe0;
}

TABLE.inline TH
{
  padding-top     : 3px;
  padding-bottom  : 3px;
  padding-left    : 4px;
  padding-right   : 4px;
  border          : 1px silver solid;
  background-image: url(../images/grad_beige.gif);
}

TABLE.inline TH.sub
{
  background-image: url(../images/grad_beige_hl.gif);
}

TABLE.inline TBODY TR:hover
{
  background-image: url(../images/grad_gray.gif);
}

TABLE.inline TBODY TR.total
{
  background-color: #dddddd;
}

TABLE.inline TBODY TR.total:hover
{
  background-image: none;
}

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

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

TABLE.inline TD
{
  vertical-align: middle;
  padding-top   : 2px;
  padding-bottom: 2px;
  padding-left  : 4px;
  padding-right : 4px;
  border        : 1px silver solid;
}

TABLE.panel
{
  border: 0px red solid;
}

TABLE.panel TD
{
  border        : 0px red solid;
  padding-top   : 2px;
  padding-bottom: 2px;
  padding-left  : 4px;
  padding-right : 4px;
  vertical-align: middle;
}

TABLE.border
{
  border: 1px solid black;
}

TABLE.border TH
{
  padding: 2px 4px 2px 4px;
  border: 1px solid gray;
  font-weight: bold;
  background-image: url(../images/grad_white.png);
}

TABLE.border TD
{
  padding: 2px 4px 2px 4px;
  border: 1px solid gray;
}

TABLE.border TR.total1
{
  background-color: silver;
}

TABLE.border TR.total1 TD.t1button
{
  background-color: #ffffe0;
}

TABLE.border TR.total2
{
  background-color: gray;
}

.widget TABLE.data-entry, TABLE.result, TABLE.pageControl, TABLE.embed-table TD {
  border: 0px solid transparent;
  border-collapse: collapse;
  padding: 0px;

}

DIV.page_title
{
  color         : #804000;
  font-size     : 18px;
  font-weight   : bold;
  padding       : 8px 0 8px 0;
}

DIV.page_info
{
  color         : gray;
  font-size     : 12px;
  padding-bottom: 10px;
  word-wrap     : breakword;
  break-word    : break-all;
  white-space   : -moz-pre-wrap;
  white-space   : normal;
}

DIV.msg
{
  color           : black;
  background-color: #E9E9E9;
  border          : 1px dotted black;
  padding         : 5px;
  padding-bottom  : 15px;
  margin-top      : 10px;
  margin-bottom   : 10px;
  text-align      : left;
}

DIV.warn
{
  color           : black;
  background-color: #E9E9E9;
  border          : 1px dotted black;
  padding         : 5px;
  padding-bottom  : 15px;
  margin-top      : 10px;
  margin-bottom   : 10px;
  text-align      : left;
}

DIV.err
{
  color           : black;
  background-color: #E9E9E9;
  border          : 1px dotted black;
  padding         : 5px;
  padding-bottom  : 15px;
  margin-top      : 10px;
  margin-bottom   : 10px;
  text-align      : left;
}

IMG.icon
{
  padding      : 0px;
  padding-right: 15px;
  margin       : 0px;
}

SPAN.msg
{
 vertical-align: top;
 position      : relative;
 top           : 10px;
 display: inline-block;
}

DIV.buttonbar
{
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0px dashed red; /* debug */
}

DIV.buttonbar SPAN.spacer
{
  padding: 7px;
}

DIV.result
{
  /* border    : 0px blue solid; */
  border    : 0px blue dashed; /* debug */
  margin-top: 10px;
}

DIV.navigation
{
  border    : 0px solid black;
  text-align: center;
  height    : 20px;
  margin    : 5px 20px;
}

DIV.navigation IMG
{
  border  : 0px silver solid;
  padding : 0px 3px;
  position: relative;
  top     : 2px;
}

DIV.navigation SPAN
{
  border     : 0px green solid;
  padding    : 0px 5px;
  font-weight: bold;
  position   : relative;
  top        : -2px;
}

DIV.navigation SPAN INPUT
{
  text-align  : right;
  font-weight : bold;
  font-size   : 11px;
}

DIV.timing
{
  padding-top: 5px;
}

LABEL
{
  position: relative;
  top: -2px;
}

SPAN.label
{
  font-weight  : bold;
  color        : black;
}

SPAN.primarylabel
{
  font-weight  : bold;
  font-size: 13px;
  color        : black;
}

/*INPUT[type=text].gotfocus, TEXTAREA.gotfocus*/
INPUT[type="text"]:focus, INPUT[type="password"]:focus, INPUT[type="file"]:focus, TEXTAREA:focus
{
  background: #ffaa66;
}

INPUT.file
{
  text-align: left;
  font-size: 12px;
  border: 1px solid gray;
}

INPUT.text
{
  text-align: left;
  font-size: 12px;
  border: 1px solid gray;
}

INPUT.small_text
{
  text-align: left;
  font-size: 9px;
  border: 1px solid gray;
}

INPUT.number
{
  text-align: right;
  font-size: 12px;
  border: 1px solid gray;
}

INPUT.small_number
{
  text-align: right;
  font-size: 9px;
  border: 1px solid gray;
}

INPUT.date
{
  text-align: center;
  font-size: 12px;
  border: 1px solid gray;
}

INPUT.time
{
  text-align: center;
  font-size: 12px;
  border: 1px solid gray;
}

INPUT.datetime
{
  text-align: center;
  font-size: 12px;
  border: 1px solid gray;
}

INPUT.cal
{
  position: relative;
  top     : 3px;
}

INPUT.lookup
{
  position: relative;
  top     : 3px;
}

IMG.lookup
{
  position: relative;
  top     : 3px;
}

INPUT.check
{
  margin: 3px;
}

INPUT.radio
{
/*  margin: 3px; */
}

INPUT.button
{
  font-size   : 12px;
  margin-left : 5px;
  margin-right: 5px;
  padding: 2px;
  padding-left: 4px;
  padding-right: 4px;
}

INPUT.formdefaultbutton
{
  position: absolute;
  width   : 0px;
  height  : 0px;
  border  : 0px;
}

.disabled
{
  background-color: #DDD;
  color           : #000;
}

SELECT.disabled
{
  border: 1px solid gray;
}

TEXTAREA
{
  font-family : Geneva, Arial, Helvetica, sans-serif;
  font-size   : 11px;
  border-width: 1px;
  border-color: gray;
}

SELECT
{
  font-size: 12px;
}

A.underline
{
  text-decoration: underline;
}

A.button
{
  font-weight  : bold;
  color        : blue;
  padding-left : 4px;
  padding-right: 4px;
  border       : 1px blue dotted;
}

A.button:hover, A.button.selected
{
  color           : black;
  text-decoration : none;
  border          : 1px black solid;
}

FIELDSET
{
  margin: 3px;
  padding: 10px;

}

BLOCKQUOTE
{
  padding-left: 20px;
}

SPAN.required
{
  color: red;
  font-size  : smaller;
  padding-left: 3px;
  position: relative;
  top: -4px;
}

/* ################################################
help link within the main application
################################################ */
A.help
{
  color: gray;
  font-weight: bold;
  text-decoration: none;
}

A.help:HOVER
{
  color: black;
  text-decoration: none;
}

/* ################################################
Report Buttons
################################################ */

SPAN.reportOutputButton
{
  border       : 1px blue dotted;
  padding-left : 4px;
  padding-right: 4px;
  font-weight  : bold;
  margin-right: 4px;
}

SPAN.reportOutputButton:hover
{
  border       : 1px black solid;
  padding-left : 4px;
  padding-right: 4px;
}

SPAN.reportOutputButton A
{
  color: blue;
}

SPAN.reportOutputButton A:hover
{
  color: black;
  text-decoration : none;
}

ul.report
{
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.report ul
{
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #ccc;
  width: 70px;
}

ul.report li
{
  position: relative;
}

li ul
{
  background: #fff; /* IE7 Bug */
  position: absolute;
  left: 20px;
  top: 13px;
  display: none;
  z-index: 100;
}

ul.report li a
{
  display: block;
}

ul.report ul li a
{
  display: block;
  text-decoration: none;
  color: gray;
  background: #fff; /* IE6 Bug */
  padding: 5px;
  border: 1px solid #ccc;
  border-bottom: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul.report ul li a:hover { color: white; background: gray; text-decoration: none; } /* Hover Styles, text-decoration: none to fix IE */

ul.report li ul li a { padding: 5px 10px; } /* Sub Menu Styles */

ul.report li:hover ul, li.over ul { display: block; } /* The magic */

/* correct the position of the lookup image */

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

/* mimic a disabled input field (growing with the content) */

DIV.flexinput
{
  margin: 2px 0px;
  padding: 0;
  border: 0;
}

DIV.flexinput SPAN
{
  margin: 0;
  padding: 1px 3px;
  border: 1px solid gray;
  font-size: 12px;
  white-space: nowrap;
  background: #eee;
}

span.lookup
{
  font-size: 12px;
  color    : #00a;
}

span.lookup_error
{
  font-size          : 12px;
  color              : #f00;
  padding-left       : 18px;
  background-image   : url(../images/icon_cross.png);
  background-repeat  : no-repeat;
  background-position: left center;
}

/* country combo box */

SELECT.country OPTION
{
  background-repeat: no-repeat;
  padding-left: 23px;
}

/* --- tabbing --- */

DIV.tabHeader
{
  border: 0px solid red;
  height: 20px;
}

DIV.tabHeader A:hover
{
  text-decoration: none;
}

DIV.tabBody
{
  display   : table;
  background: #f4f3ee;
  border    : 1px solid #919b9c;
  clear     : left;
  padding   : 10px;
}

DIV.tabOuter
{
  float       : left;
  margin-right: 1px;
}

DIV.tabInnerLeft
{
  float              : left;
  width              : 3px;
  height             : 20px;
  background-image   : url(../images/tab/normal_left.png);
  background-repeat  : no-repeat;
  background-position: bottom left;
}

DIV.tabInnerMiddle
{
  float              : left;
  height             : 20px;
  background-image   : url(../images/tab/normal_middle.png);
  background-repeat  : repeat-x;
  background-position: bottom left;
  padding            : 0 10px;
  margin-top         : 0px;
}

DIV.tabInnerRight
{
  float              : left;
  width              : 3px;
  height             : 20px;
  background-image   : url(../images/tab/normal_right.png);
  background-repeat  : no-repeat;
  background-position: bottom right;
}

DIV.tabOuter.notSelected:hover DIV.tabInnerLeft
{
  background-image: url(../images/tab/hover_left.png);
}

DIV.tabOuter.notSelected:hover DIV.tabInnerMiddle
{
  background-image: url(../images/tab/hover_middle.png);
}

DIV.tabOuter.notSelected:hover DIV.tabInnerRight
{
  background-image: url(../images/tab/hover_right.png);
}

DIV.tabInnerLeft.selected
{
  background-image: url(../images/tab/normal_left_selected.png);
}

DIV.tabInnerMiddle.selected
{
  background-image: url(../images/tab/normal_middle_selected.png);
}

DIV.tabInnerRight.selected
{
  background-image: url(../images/tab/normal_right_selected.png);
}

DIV.tabOuter DIV.name
{
  float      : left;
  color      : black;
  padding-top: 4px;
}

DIV.tabOuter.selected DIV.name
{
  padding-top: 2px;
}

/* --- menu --- */

#topnavi_upper{
    float: left;
    width: 960px;
}

#topnavi_upper ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#topnavi_upper ul li {
    float: left;
    margin: 0;
    padding: 0;
    height: 25px;
    background: url(../images/li_r.jpg) top right no-repeat;
}

#topnavi_upper ul li a{
    font-family: Verdana, Arial, Tahoma, sans-serif;
    font-size: 11px;
    float: left;
    display: block;
    line-height: 24px;
    padding: 0 10px;
    color: #0A8ABB;
    text-decoration: none;
    font-weight:bold;
    height:23px;
}

#topnavi_upper ul li a:hover, #topnavi_upper ul li a.current{
    color:#666;
}


#topnavi_lower{
    float: left;
    width: 960px;
}

#topnavi_lower ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#topnavi_lower ul li {
    float: left;
    margin: 0;
    padding: 0;
    height: 25px;
    background: url(../images/li_r.jpg) top right no-repeat;
}

#topnavi_lower ul li a{
    font-family: Verdana, Arial, Tahoma, sans-serif;
    font-size: 11px;
    float: left;
    display: block;
    line-height: 24px;
    padding: 0 10px;
    color: #0A8ABB;
    text-decoration: none;
    font-weight:bold;
    height:23px;
}

#topnavi_lower ul li a:hover, #topnavi_lower ul li a.current{
    color:#666;
}

/* -- keypad -- */
.keypadFocus {
    border-style:solid;
    border-color:yellow;
}
#keypadDlg .dijitDialogTitleBar .dijitDialogCloseIcon {
    display:none;
}

.keypadNumber {
    font-size: 15px;
    font-weight: bold;
}

#keypadDlg input {
    font-size: 30px;
    font-weight: bold;
}

#keypadDlg table td {
    padding: 1px;
}

#keypadDlg {
    font-size: 25px;
    font-weight: bold;
}

/* ---------------------- */
/* --- copied from ff --- */
/* ---------------------- */

TD.label {
  text-align: right;
}

/* ------------------------- */
/* --- WidgetSearchPanel --- */
/* ------------------------- */
.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;
}

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

.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 {
  padding: 5px;
}

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

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

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

.widget.result {
  padding: 5px;
  display: table;
}

.widget.result A {
  color: blue;
}

.widget.result TR.navRow {
  font-size: smaller;
}

.widget.result TABLE.pageControl {
  font-weight: bold;
}

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

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

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

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

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

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

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

.widget.result TABLE.result TR.header TD.asc {
}

.widget.result TABLE.result TR.header TD.desc {
}

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

.widget.result TABLE.result TR.even {
  background-color: #d2d8f9;
}

.widget.result TABLE.result TR.odd {
}

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

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

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

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

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

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

.discontinued-label-cell {
  width: 100%;
}