/*
 *************************
 * DataGrid
 *************************
*/

.datagridContainer {
}

/* Icons */

.DataGrid_Header_icon_ascArrow {
  display: inline;
  border: 0px none;
  width: 7px;
  height: 5px;
  margin-right: 3px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/iconAscArrow.png);  /** sprite-ref: Openbravo_ERP_250_Default_LTR_Sprite_V; sprite-margin-top: 3px; sprite-margin-bottom: 6px; */

}

.DataGrid_Header_icon_descArrow {
  display: inline;
  border: 0px hidden;
  width: 7px;
  height: 5px;
  margin-right: 3px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/iconDescArrow.png);  /** sprite-ref: Openbravo_ERP_250_Default_LTR_Sprite_V; sprite-margin-top: 3px; sprite-margin-bottom: 6px; */

}

.DataGrid_Header_icon_delete {
  border: 0px hidden;
  width: 15px;
  height: 14px;
  margin: 0px;
  vertical-align: middle;
  background-image: url(../images/iconDelete.png);  /** sprite-ref: Openbravo_ERP_250_Default_LTR_Sprite_V; sprite-alignment: left; */

}

.DataGrid_Scroll_icon_prevRange {
  overflow: auto;
  position: relative;
  width: 17px;
  height: 16px;
  margin-top: 1px;
  _left: -1px;
  cursor: pointer;
  border-collapse:collapse;
  border: none;
  background-image: url(../images/iconPrevRange.png);  /** sprite-ref: Openbravo_ERP_250_Default_LTR_Sprite_V; sprite-alignment: left; */

}

.DataGrid_Scroll_icon_nextRange {
  overflow: auto;
  position: relative;
  width: 17px;
  height: 16px;
  margin-top: 18px;
  _left: -1px;
  cursor: pointer;
  border-collapse:collapse;
  border: none;
  background-image: url(../images/iconNextRange.png);  /** sprite-ref: Openbravo_ERP_250_Default_LTR_Sprite_V; sprite-alignment: left; */

}

/* Table */

table.DataGrid_Header_Table {
  border-top: #505050 4px solid; 
  border-right: #505050 4px solid; 
  border-left: #505050 4px solid; 
  border-collapse: collapse;
  table-layout: fixed;
  margin: 0px; 
  padding: 0px;
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 8pt;
  text-indent: 2pt; 
  z-index: 100;
  vertical-align: middle !important;
}

table.DataGrid_Header_Table_focus {
  border-top: #1C4E6F 4px solid; 
  border-right: #1C4E6F 4px solid; 
  border-left: #1C4E6F 4px solid; 
  border-collapse: collapse;
  table-layout: fixed;
  margin: 0px; 
  padding: 0px;
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 8pt;
  text-indent: 2pt; 
  z-index: 100;
  vertical-align: middle !important;
}

table.DataGrid_Body_Table {
  border-bottom: #505050 4px solid; 
  border-right: #505050 4px solid; 
  border-left: #505050 4px solid; 
  border-collapse: collapse;
  table-layout: fixed;
  margin: 0px; 
  padding: 0px;
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size : 8pt;
  text-indent: 2pt; 
  z-index : 100;
  vertical-align: middle !important;
}

table.DataGrid_Body_Table_focus {
  border-bottom: #1C4E6F 4px solid; 
  border-right: #1C4E6F 4px solid; 
  border-left: #1C4E6F 4px solid; 
  border-collapse: collapse;
  table-layout: fixed;
  margin: 0px; 
  padding: 0px;
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size : 8pt;
  text-indent: 2pt; 
  z-index : 100;
  vertical-align: middle !important;
}

/* Rows */

tr.DataGrid_Body_Row {
  font-weight: normal;
  height: 19px;
  vertical-align: middle !important;
  overflow: hidden;
  vertical-align: 50%;
}

tr.DataGrid_Body_Row_Even, tr.DataGrid_Body_Row_1 {
  background: none;
  background-repeat: repeat-x;
  background-position: top left;
  background-image: url(../images/backgroundRow.even.normal.png);  /** sprite-ref: Openbravo_ERP_250_Default_LTR_Sprite_V; sprite-alignment: repeat; sprite-margin-bottom: 30px; */

  background-color: #E1E1E1;
  _background-color: #DDDDDD;
}

tr.DataGrid_Body_Row_Odd, tr.DataGrid_Body_Row_0 {
  background: none;
  background-repeat: repeat-x;
  background-position: top left;
  background-image: url(../images/backgroundRow.odd.normal.png);  /** sprite-ref: Openbravo_ERP_250_Default_LTR_Sprite_V; sprite-alignment: repeat; sprite-margin-bottom: 30px; */

  background-color: #C0CFDC;
  _background-color: #B9C9D8;
}

tr.DataGrid_Body_Row_focus {
  background: none;
  background-repeat: repeat-x;
  background-position: top left;
  background-image: url(../images/backgroundRow.focused.png);  /** sprite-ref: Openbravo_ERP_250_Default_LTR_Sprite_V; sprite-alignment: repeat; sprite-margin-bottom: 30px; */

  background-color: #458CBB;
  color: #FFFFFF;
}

tr.DataGrid_Body_Row_selected {
  background: none;
  background-repeat: repeat-x;
  background-position: top left;
  background-image: url(../images/backgroundRow.selected.png);  /** sprite-ref: Openbravo_ERP_250_Default_LTR_Sprite_V; sprite-alignment: repeat; sprite-margin-bottom: 30px; */

  background-color: #569633;
  _background-color: #4A8C29;
  color: #FFFFFF;
}

/* Cells */

th {

}

th.DataGrid_Header_Cell {
  font-weight: normal;
  height: 23px;
  _height: 20px;
  vertical-align: middle !important;
  overflow: hidden;
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 8pt;
  padding: 1px 0px 1px 2px;
  text-indent: 2px;
  text-align: left; /*~RTL   text-align: right; */
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  border-left : 1px solid #000000;
  background: none;
  background-repeat: repeat-x;
  background-position: top left;
  background-image: url(../images/backgroundHeader.normal.png);  /** sprite-ref: Openbravo_ERP_250_Default_LTR_Sprite_V; sprite-alignment: repeat; sprite-margin-bottom: 30px; */

  background-color: #A6A6A6;
  _background-color: #9D9D9D;
  color: #000000;
  white-space: nowrap;
  font-weight: bold;
}

th.DataGrid_Header_Cell_Amount {
  font-weight: normal;
  height: 23px;
  _height: 20px;
  vertical-align: middle !important;
  overflow: hidden;
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 8pt;
  padding: 1px 2px 1px 0px;
  text-indent: 2px;
  text-align: right;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  border-left : 1px solid #000000;
  background: none;
  background-repeat: repeat-x;
  background-position: top left;
  background-image: url(../images/backgroundHeader.normal.png);  /** sprite-ref: Openbravo_ERP_250_Default_LTR_Sprite_V; sprite-alignment: repeat; sprite-margin-bottom: 30px; */

  background-color: #A6A6A6;
  _background-color: #9D9D9D;
  color: #000000;
  white-space: nowrap;
  font-weight: bold;
}

th.DataGrid_Header_Cell_Inverse {
  text-align: right !important;
  padding: 1px 4px 1px 0px !important;
}

th.DataGrid_Header_Cell_hover {
  background: none;
  background-repeat: repeat-x;
  background-position: top left;
  background-image: url(../images/backgroundHeader.rollover.png);  /** sprite-ref: Openbravo_ERP_250_Default_LTR_Sprite_V; sprite-alignment: repeat; sprite-margin-bottom: 30px; */

  background-color: #BEBEBE;
  _background-color: #B7B7B7;
  font-weight: bold !important;
}

th.DataGrid_Header_Cell_active {
  background-repeat: repeat-x;
  background-position: top left;
  background-image: url(../images/backgroundHeader.pressed.png);  /** sprite-ref: Openbravo_ERP_250_Default_LTR_Sprite_V; sprite-alignment: repeat; sprite-margin-bottom: 30px; */

  color: #000000;
  font-weight: bold;
}

th.DataGrid_Header_Cell_sorted {
  background-repeat: repeat-x;
  background-position: top left;
  background-image: url(../images/backgroundHeader.selected.png);  /** sprite-ref: Openbravo_ERP_250_Default_LTR_Sprite_V; sprite-alignment: repeat; sprite-margin-bottom: 30px; */

  color: #000000;
  font-weight: bold;
}

th.DataGrid_Header_LineNoCell {
  padding: 1px 0px 1px 2px; /*~RTL   padding: 1px 2px 1px 0px; */ 
  text-align: left; /*~RTL   text-align: right; */
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
  background: none !important;
  background-color : #505050 !important;
  color: #505050;
}

td.DataGrid_Body_Cell {
  font-family: tahoma, arial, helvetica, sans-serif !important;
  font-size: 8pt !important;
  padding: 1px 0px 1px 2px; /*~RTL  padding: 1px 2px 1px 0px; */ 
  text-indent: 2px;
  text-align: left; /*~RTL  text-align: right; */
  border-top: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-right: 1px solid #808080;
  border-left: 1px solid #808080;
  overflow: hidden;
  white-space: nowrap !important;
  vertical-align: middle !important;
  cursor: default;
}

td.DataGrid_Body_Cell_Amount {
  font-family: tahoma, arial, helvetica, sans-serif !important;
  font-size: 8pt !important;
  padding: 1px 2px 1px 0px;
  text-indent: 2px;
  text-align: right;
  border-top: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-right: 1px solid #808080;
  border-left: 1px solid #808080;
  overflow: hidden;
  white-space: nowrap !important;
  vertical-align: middle !important;
  cursor: default;
}

td.DataGrid_Body_Cell_Inverse {
  text-align: right !important;
  padding: 1px 3px 1px 1px !important;
}

td.DataGrid_Body_Cell span {
  white-space: nowrap;
}

td.DataGrid_Body_Cell_selected {
  font-weight: normal;
  vertical-align: middle !important;
}

td.DataGrid_Body_Cell_clicked {
  font-weight: bold;
  vertical-align: middle !important;
}

td.DataGrid_Body_Cell_hover {
  color: #000000 !important;
  vertical-align: middle !important;
  background: none;
  background-repeat: repeat-x;
  background-position: top left;
  background-image: url(../images/backgroundRow.rollover.png);  /** sprite-ref: Openbravo_ERP_250_Default_LTR_Sprite_V; sprite-alignment: repeat; sprite-margin-bottom: 30px; */

  background-color: #A3D77F;
  _background-color: #97D070;
}

td.DataGrid_Body_Cell_RadioButton {
  text-align: -moz-center !important;
  _text-align: center !important;
  margin: 0px 0px 0px 2px !important;
  padding: 0px 0px 0px 2px !important;
}

td.DataGrid_Body_Cell_CheckBox {
  text-align: -moz-left !important; /*~RTL   text-align: -moz-right !important;*/ 
  _text-align: left !important;
  margin: 0px 0px 0px 2px !important; /*~RTL   margin: 0px 2px 0px 0px !important; */
  padding: 0px 0px 0px 2px !important; /*~RTL   padding: 0px 2px 0px 0px !important; */
}

td.DataGrid_Body_LineNoCell {
  padding: 1px 0px 1px 2px; /*~RTL   padding: 1px 2px 1px 0px; */
  text-align: left; /*~RTL   text-align: right; */
  border-top:  1px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  border-left:   1px solid #000000;
  background: none;
  background-color: #505050;
  color: #ffffff;
  overflow: hidden;
  vertical-align: middle !important;
}