/**
 * result browser shown above results table
 * also shows buttons on right hand side
 */
.resultFilter {
  height: 30px;
}
.resultFilter p {
  float: right;
}
.resultFilter ul li {
  float: left;
  border-left: 1px solid #CCCCCC;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 20px;
}
.resultFilter ul li.first {
  padding-left: 0px;
  border-left: none;
}
/**
 * main data listing table
 */
.listingTable {
  border: 1px solid #CCCCCC;
  width: 100%;
}
.listingTable th {
  background-color: #EEEEEE;
}
.listingTable td, .listingTable th {
  border: 1px solid #CCCCCC;
  padding: 5px;
}
.listingTable tr.searchRow td {
  background-color: #EBF2FA;
}
.listingTable tr.alt {
  background-color: #F6F6F6;
}
.listingTable tr.highlight {
  background-color: #D5F9D5;
  color: #333333;
}
.listingTable tr.data:hover {
  background-color: #FFF7D9;
}
.listingTable a {
  color: #FF6600;
  text-decoration: none;
}
.listingTable a:hover {
  text-decoration: underline;
}
/**
 * date picker 
 */
#datePicker {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -200px;
  margin-top: -50px;
  width: 400px;
  height: 100px;
}
#datePicker .background {
  width: 400px;
  z-index: 1;
  height: 100px;
  opacity: .6;
  background-color: #000000;
  border-radius: 5px;       
  position: absolute;
}
#datePicker .foreground {
 position: absolute;
 top: 10px;
 left: 10px;
 z-index: 2;
 width: 380px; 
 margin-left: auto;
 margin-right: auto;
 height: 80px;
 background-color: #CCCCCC;
 text-align: center;  
}
#datePicker fieldset {
  margin-left: auto;
  margin-right: auto;       
}
#datePicker .foreground select {
  border: 1px solid #FFFFFF; 
  background-color: #FFFFFF;
  padding: 5px;
}
#datePicker .foreground fieldset {
  padding: 25px;
  padding-top: 22px;
}