/******************************************************
  CSS code for Overview pages
  ---------------------------

  includes: 
    - header
    - grid styles
 
  F. Vander Meiren
  09/01/2012

 ******************************************************/

#pnOverview hr {
  color: #456;
  margin: 20px 0;
}

/* 
  Grid view styles
  */
.gv {
  _padding: 25px 0 25px 0;
  color: #456;
  font-size: 8pt;
  margin: 0 auto;
  _border-top: 1px solid #ccc;
}

  .gv td {
    word-wrap: break-word;
  }

.gv_header {
  background-color: #66F;
  font-weight: 600;
  color: White;
  height: 30px;
}

  .gv_header a {
    color: #d2e1f2;
  }

.gv_footer {
  background-color: #66F;
  font-weight: 600;
  color: White;
  height: 40px;
}

.gv_pager {
  background-color: #66F;
  font-weight: 600;
  color: White;
  text-align: center;
  height: 30px;
}

  .gv_pager table {
    margin: 0 auto;
  }

    .gv_pager table td {
      padding: 0 0.5rem;
    }

    .gv_pager table a {
      color: #81a1ff;
    }

.gv_row {
  color: #236;
  background-color: #F7F6F3;
  height: 40px;
}

  .gv_row a {
    color: red;
  }

.gv_row2 {
  color: #236;
  background-color: #FFF;
  height: 40px;
}

  .gv_row2 a {
    color: red;
  }

.gv_row_selected {
  b ackground-color: #ccc;
  f ont-weight: 600;
  height: 40px;
}

.gv_row_edited {
  background-color: #bbf;
}

.gv_col_invisible {
  width: 0px;
}

.gv_col_edit {
  width: 90px;
  text-align: center;
  vertical-align: middle;
}

  .gv_col_edit a {
    color: blue;
  }

.gv_col_delete {
  width: 50px;
  text-align: center;
  vertical-align: middle;
}

  .gv_col_delete a {
    color: red;
  }

.gv_col_ID {
  width: 5rem;
  text-align: right;
  padding-right: 1rem;
}

.gv_col_date {
  width: 120px;
  text-align: right;
  padding-right: 10px;
}

.gv_col_checkbox {
  width: 60px;
  text-align: center;
}

.gv_col_60 {
  width: 60px;
  text-align: left;
}

.gv_col_90 {
  width: 90px;
  text-align: left;
}

.gv_col_120 {
  width: 120px;
  text-align: left;
}

.gv_col_150 {
  width: 150px;
  text-align: left;
}

.gv_col_180 {
  width: 180px;
  text-align: left;
}

.gv_col_210 {
  width: 210px;
  text-align: left;
}

.gv_col_240 {
  width: 240px;
  text-align: left;
}

.gv_col_270 {
  width: 270px;
  text-align: left;
}

.gv_col_300 {
  width: 30rem;
  text-align: left;
}

.gv_col_400 {
  width: 40rem;
  text-align: left;
}

.gv_col_500 {
  width: 50rem;
  text-align: left;
}

.gv_col_R_80 {
  width: 80px;
  text-align: right;
}

.gv_col_R_090 {
  width: 90px;
  text-align: right;
}

.gv_col_R_120 {
  width: 120px;
  text-align: right;
}

.gv_col_R_150 {
  width: 150px;
  text-align: right;
}

.gv_col_R_180 {
  width: 180px;
  text-align: right;
}

.gv_empty {
  display: block;
  padding: 32px 0;
  margin: 0 0;
  width: 600px;
  height: auto;
  border: 0;
  font-size: larger;
  text-align: center;
}

.gv_col_C_60 {
  width: 60px;
  text-align: center;
  vertical-align: middle;
}

.gv_col_C_70 {
  width: 70px;
  text-align: center;
  vertical-align: middle;
}

.gv_col_C_80 {
  width: 80px;
  text-align: center;
  vertical-align: middle;
}

.gv_col_C_90 {
  width: 90px;
  text-align: center;
  vertical-align: middle;
}

.gv_col_C_100 {
  width: 100px;
  text-align: center;
  vertical-align: middle;
}

.gv_col_C_110 {
  width: 110px;
  text-align: center;
  vertical-align: middle;
}

.gv_col_C_120 {
  width: 120px;
  text-align: center;
  vertical-align: middle;
}

.gv_col_C_130 {
  width: 130px;
  text-align: center;
  vertical-align: middle;
}

.gv_col_C_140 {
  width: 140px;
  text-align: center;
  vertical-align: middle;
}

.gv_col_C_150 {
  width: 150px;
  text-align: center;
  vertical-align: middle;
}

.gv_col_C_180 {
  width: 180px;
  text-align: center;
  vertical-align: middle;
}

.dropdownlist-container {
  padding: 2rem 0;
  border-top: 1px solid #ccc;
}

  .dropdownlist-container .dropdownlist {
    width: 15rem;
  }

.gv-container {
  padding: 2rem 0;
  border-top: 1px solid #ccc;
  min-height: 50rem;
}

.details-container {
  border-top: 1px solid #ccc;
  min-height: 50rem;
}

a.hidden {
  color: mediumseagreen;
}

a.shown {
  color: darkgreen;
}