/* my personal preferences, not mandatory */
body {
  font-family:Verdana,Arial;
  }

.twisty {
  background-color:#CCCCCC;
  padding:4px;
  border:1px solid black;
  }

.twistydiv {
  background-color:#EFEFEF;
  padding:5px;
  border:1px solid black;
  }


/* Following two styles copied to PEP_Home_styles.css */
/* required for filter functions */
.jfk_filterinput {
  font-size:90%;
  padding-top:0px;
  padding-bottom:0px;
  }

/* required for vertical scrolling functions */
.jfk_headertd {
  font-family:arial;
  zfont-weight:bold;
  background-color:#DDDDDD;
  border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
  border-style:solid;
  border-width:1px;
  float:left;
  font-weight:bold;
  }

.jfk_br {
  }

/* required for striping functions */
.oddRow {
 }

.evenRow {
 background-color: #EAEAEA;
 }

/* required for row selection */

.trSelected {
  background-color:#CCCCFF; /* DDDDEE */
  }

.trSelectedNoBG { // since the presence of the classname is an indicator used in JS to see if row is selected.
  }

/* required for context menu */

#thecontextmenu {
  position:absolute;
  visibility:hidden;
  }

.contextmenu {
  list-style:none;
  width:165px;
  border-width: 1px;
  border-style: solid;
  border-color: #b2b2b2 #4a494a #4a494a #b2b2b2;
  background-color:#d6d3ce;
  font-family:helvetica,arial,sans-serif;
  line-height:20px;
  cursor:default;
  font-size:small;
  text-align:left;
  padding:2px;
  padding-top:0;
  margin:0;
  min-width:200px;
  z-index:20000;
  }

.contextmenu li.title {
  /*background-color:#b2b1b0;*/
  border-bottom:solid 1px #bbb;
  /*font-style:italic;*/
  padding:2px;
  font-size:14px;
  }

.contextmenu li {
  padding-left:5px;
  padding-right:10px;
  margin-top:1px;
  font-size:12px;
  white-space:nowrap;
  }

.contextmenu li .icon {
  text-align:right;
  width:20px;
  vertical-align:middle;
  /*border:solid 1px #000;*/
  }

.contextmenu li .icon img{
  vertical-align:middle;
  margin-right:2px;
  /*border:solid 1px #000;*/
  }

.contextmenu li .text {
  font-weight:normal;
  background-color:transparent;
  white-space:nowrap;
  }

.contextmenu li.highlight {
  padding-left:5px;
  padding-right:10px;
  margin-top:1px;
  color:#ffffff;
  background-color:#08246b;
  }

.contextmenu li.highlight img{
  visibility:hidden;
  margin-right:2px;
  }



/* required for sorting functions */

/* v v v Top of sortabletable.css v v v */

.sort-table {
 font-family: Arial; /* JFK */
/*font:  Icon;          JFK */
 border:  1px Solid ThreeDShadow;
 background: Window;
 color:  WindowText;
}

.sort-table thead {
 background: ButtonFace;
}

.sort-table td, .sort-table th {
 zpadding: 2px 5px 2x 4px; /* doesn't "take" for some reason */
 padding-left:3px;
}

.sort-table thead th, .sort-table thead td {
 font-weight:bold;
 border:   1px solid;
 border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
 cursor:   default;
}

.sort-table thead th:active, .sort-table thead td:active {
 border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
zpadding:  3px 4px 1px 6px; /* JFK 20090730 */
}

.sort-table thead th[_sortType=None], .sort-table thead td[_sortType=None] { /* JFK 20070228 */
 border-color: ButtonHighlight ButtonHighlight ButtonHighlight ButtonHighlight;
 zpadding:  2px 5px;
}

.sort-table thead th[_sortType=None]:active, .sort-table thead td[_sortType=None]:active {
 border-color: ButtonHighlight ButtonHighlight ButtonHighlight ButtonHighlight; /* JFK 20070228 */
 zpadding:  2px 5px;
}

.sort-arrow {
 width:     11px;
 height:     11px;
 background-position: center center;
 background-repeat:  no-repeat;
 margin:     0 2px;
}

.sort-arrow.descending {
 background-image:  url("downsimple.png");

}

.sort-arrow.ascending {
 background-image:  url("upsimple.png");
}


/* ^ ^ ^ End of sortabletable.css ^ ^ ^ */