/**
 * \file Zapatec Grid theme.
 *
 * Copyright (c) 2004-2006 by Zapatec, Inc.
 * http://www.zapatec.com
 * 1700 MLK Way, Berkeley, California,
 * 94709, U.S.A.
 * All rights reserved.
 */

/* $Id: blackandwhite.css 5093 2006-11-14 12:27:10Z alex $ */

/*
  Root class name is formed from zpGrid + theme file name with first character
  in upper case and following characters in lower case.
*/

.zpGridBlackandwhite {
    border-collapse: collapse;
  border: none;
    background: #FFF;

}

.zpGridBlackandwhite .zpGridTable {
  padding: 0px;
  border: none;
}

.zpGridBlackandwhite .zpGridTableTable {
  border-collapse: collapse;
}

.zpGridBlackandwhite .zpGridTable .zpGridCell {
  border: 1px solid #fff;
  padding: 3px 1px;
  font: 12px Trebuchet MS;
  width: 267px;
  -moz-user-select: none;
  cursor: pointer;
}

.zpGridBlackandwhite .zpGridTable .zpGridDiv {
  overflow: hidden;
  border: none;
}

/* Alignment depending from type */

.zpGridBlackandwhite .zpGridTypeInt,
.zpGridBlackandwhite .zpGridTypeIntGerman,
.zpGridBlackandwhite .zpGridTypeFloat,
.zpGridBlackandwhite .zpGridTypeFloatGerman
{
  text-align: right;
}

.zpGridBlackandwhite .zpGridCell0 .zpGridTypeInt,
.zpGridBlackandwhite .zpGridCell0 .zpGridTypeIntGerman
{
  text-align: center;
}

.zpGridBlackandwhite .zpGridTypeBoolean,
.zpGridBlackandwhite .zpGridTypeBooleanTF {
  text-align: center;
}

/* Header */

.zpGridBlackandwhite .zpGridTable tr.zpGridRow0 .zpGridCell {
  background:#8B8B8B;
 color: #FFF; font-size: 12px; font-weight: bolder; 
  cursor: pointer;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  padding-top: 5px;
  text-align:center;

}

.zpGridBlackandwhite .zpGridTable tr.zpGridRow0 .zpGridCellLast {
 color: #FFF; font-size: 12px; font-weight: bolder; }

/* Active header */

.zpGridBlackandwhite .zpGridTable tr.zpGridRow0 .zpGridCellActive {
  background: #EEE;
  cursor: pointer;
  color: #000; 
}

/* Sorted header */

.zpGridBlackandwhite .zpGridTable tr.zpGridRow0 .zpGridSortedAsc .zpGridDiv {
  background: url(blackandwhite/sortedasc.gif) no-repeat right center;
}

.zpGridBlackandwhite .zpGridTable tr.zpGridRow0 .zpGridSortedAscActive .zpGridDiv {
  background: url(blackandwhite/sortedasc.gif) no-repeat right center;
}

.zpGridBlackandwhite .zpGridTable tr.zpGridRow0 .zpGridSortedDesc .zpGridDiv {
  background: url(blackandwhite/sorteddesc.gif) no-repeat right center;
}

.zpGridBlackandwhite .zpGridTable tr.zpGridRow0 .zpGridSortedDescActive .zpGridDiv {
  background: url(blackandwhite/sorteddesc.gif) no-repeat right center;
}

.zpGridBlackandwhite .zpGridTable tr.zpGridRow0 .zpGridSortedAsc .zpGridDiv .zpGridSpan,
.zpGridBlackandwhite .zpGridTable tr.zpGridRow0 .zpGridSortedDesc .zpGridDiv .zpGridSpan
{
  display: block;
  padding-right: 10px;
}

/* Data */

.zpGridBlackandwhite .zpGridTable .zpGridRowOdd  {
  background:  #ffffff;

  
}

.zpGridBlackandwhite .zpGridTable .zpGridRowEven {
  background: #fff;


}

.zpGridBlackandwhite .zpGridTable .zpGridRowActive {
  background:#EEE;
  color: #000;
}

.zpGridBlackandwhite .zpGridTable .zpGridRow .zpGridCell {
  border-bottom: 0px;
  border-top: 1px solid #e2e2e2;
  border-right: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  font-size: 12px; 

}

.zpGridBlackandwhite .zpGridTable .zpGridRowLast .zpGridCell {
  border-bottom: solid 1px #ffffff;
}


/* Selected row and cell */

.zpGridBlackandwhite .zpGridTable .zpGridRowSelected {
  background: #EEE;
  color: #000;
}

.zpGridBlackandwhite .zpGridTable .zpGridRow .zpGridCellSelected {
  background: #EEE;
  color: #000;
}

/* Invalid row and cell */

.zpGridBlackandwhite .zpGridTable .zpGridRowInvalid .zpGridCell {
}

.zpGridBlackandwhite .zpGridTable .zpGridRow .zpGridCellInvalid {
  background: #f00;
  color: #fff;
}

/* Editable row and cell */

.zpGridBlackandwhite .zpGridTable .zpGridRowEditable {
  background: #fff;
  color: #fff;
}

.zpGridBlackandwhite .zpGridTable .zpGridRow .zpGridCellEditable {
  background: #fff;
  text-align: left !important;
}

.zpGridBlackandwhite .zpGridTable .zpGridRow .zpGridCellEditable .zpGridTextarea,
.zpGridBlackandwhite .zpGridTable .zpGridRow .zpGridCellEditable .zpGridSelect {
  background: #FFF;
  margin: 0px;
  border: 0px;
  padding: 0px;
  font: 11px Tahoma, Arial, sans-serif;
  overflow: hidden;
}

/* Checkbox */
.zpGridBlackandwhite .zpGridTable .zpGridRow .zpGridCellEditable .zpGridInput {
  height: 13px;
  width: 13px;
  margin: 0px;
}

/* Pagination */

.zpGridBlackandwhite .zpGridPagination {
  font: 12px Arial, Tahoma, Verdana, sans-serif;
  color: #999;
  text-align: center;
  padding-top:5px;
  font-weight: bold;
}

.zpGridBlackandwhite .zpGridPagination .zpGridNextPage,
.zpGridBlackandwhite .zpGridPagination .zpGridPrevPage {
  cursor: pointer;
  padding: 0px 4px 0px 4px;
}

.zpGridBlackandwhite .zpGridPagination .zpGridNextPage:hover,
.zpGridBlackandwhite .zpGridPagination .zpGridPrevPage:hover {
  text-decoration: underline;
}

.zpGridBlackandwhite .zpGridPagination .zpGridFirstPage {
  cursor: pointer;
  padding-left: 10px;
}

.zpGridBlackandwhite .zpGridPagination .zpGridLastPage {
  cursor: pointer;
  padding-right: 10px;
}

.zpGridBlackandwhite .zpGridPagination .zpGridFirstPage:hover,
.zpGridBlackandwhite .zpGridPagination .zpGridLastPage:hover {
  text-decoration: underline;
}

.zpGridBlackandwhite .zpGridPagination .zpGridPage {
  cursor: pointer;
  text-decoration: underline;
}