/* data grid
 *
 * version 1
*/

#wGridWrapper {
  font-family: tahoma, helvetica, verdana, arial, sans-serif;
  font-size: 14px;
  color: #000000;
  width: 100%;
}

.wGridMenuBar, .wGridStatusBar {
  padding-top: 2px;
  padding-bottom: 2px;
  width: 100%;

  border: 1px solid #d3d3d3;
  border-radius: 4px;
  background-color: #efefef;
  background: linear-gradient(to top, #cccccc, #efefef);
}

.wGridMenuBar {
  margin-bottom: 5px;
}
.wGridMenuBorderLeft{
  border-left: 1px solid #c7c9cf;
}
.wGridMenuBorderRight{
  border-right: 1px solid #c7c9cf;
}
.wGridMenuBar p {
  padding: 0;
  margin: 5px 0 5px 0;
  text-align: center;
  font-weight: bold;
}
.wGridMenuBarEl {
  display:block;
}

.wGridStatusBar {
  margin-top: 5px;
}

.wGridTable {
  width: 100%;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
}
.wGridTableHeader {
  width: 100%;
  background-color: #efefef;
  border-bottom: 1px solid #d3d3d3;
}
.wGridTableData {
/*  height: 450px;
 * the height is set with the config file
 * if no height is set the html provides the 450px default
*/
  overflow-y: scroll;
}

.wGridHiddenData {
  display: none;
  padding-top: 5px;
  background-color: #efefef;
  border-bottom: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  border-radius: 0 0 10px 10px;
}
.wGridHiddenData p {padding:0; margin:5px 10px 10px 10px;}


.wGridTableHeadingLeft, .wGridTableHeadingCenter, .wGridTableHeadingRight {
  padding: 0;
  font-size: 1em;
  font-weight: bold;
  margin: 6px 0 6px 0;
}
.wGridTableHeadingLeft {text-align:left;}
.wGridTableHeadingCenter {text-align:center;}
.wGridTableHeadingRight {text-align:right;}
.wGridHeaderImg {margin:0;float:left;}

.wGridTableLine {vertical-align:top; padding:0; border-bottom:1px solid #d3d3d3;}
.wGridTableLine:hover {background-color:#efefef;}

.wGridTableElementLeft, .wGridTableElementCenter, .wGridTableElementRight {
  vertical-align: top;
  padding: 0;
  font-size: 1em;
  margin: 6px 0 6px 0;
}
.wGridTableElementLeft {text-align:left;}
.wGridTableElementCenter {text-align:center;}
.wGridTableElementRight {text-align:right;}
.wGridDataImg {vertical-align:top; margin:6px 0 6px 0;}

/* grid navigation */
.wGridNavCurPage, .wGridNavPageNum, .wGridNavNextPrev, .wGridNavFirstLast, .wGridButton {
  padding: 3px 6px 3px 6px;
  margin: 0 2px 0 2px;
  border: 1px solid grey;
  border-radius: 4px;
  background-color: #efefef;
  background: linear-gradient(to top, #cccccc, #ffffff);
}

.wGridNavPageNum:hover, .wGridNavNextPrev:hover, .wGridNavFirstLast:hover, .wGridButton:hover {
  background: linear-gradient(to top, #ffffff, #cccccc);
}

.wGridInputBox, .wGridInputBoxRight {
  padding: 3px 5px 3px 5px;
  font-weight: bold;
  border: 1px solid grey;
  border-radius: 3px;
}
.wGridInputBoxRight {
  text-align: right;
}
.wGridInputBox:focus, .wGridInputBoxRight:focus {
  background-color: #efefef;
}