/* Most of the styling for record lists control. 
Some styles may be overriden in the reportRecordList.css file as well */
@import url("popup.css?gdlh=2018-10-24-19");
.recordListCtrl {
  text-align: left;
  font-family: Sans-Serif;
}
.volumeHeader .database.imageHolder,
.tableHeader .table.imageHolder {
  color: black;
}
._rec {
  clear: both;
  margin-top: 2px;
  margin-bottom: 2px;
}
.recordListRemoveIcon {
  cursor: pointer;
  float: right;
}
.recordListPendingRemoval {
  text-decoration: line-through;
}
/* Note that the width overflow properties will be overridden in the control */
.recordsList {
  height: 7em;
  border: solid 1px black;
  margin-bottom: 16px;
}
.undoLink {
  cursor: pointer;
}
.sortLink {
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 20px;
  border: none;
}
.sortLink.ascending {
  background-image: url(../css/tableSorter/gdl/desc.gif?gdlh=2018-10-24-19);
  /* yes desc.gif is really an arrow pointing up! */
}
.sortLink.descending {
  background-image: url(../css/tableSorter/gdl/asc.gif?gdlh=2018-10-24-19);
  /* yes asc.gif is really an arrow pointing down! */
}
/* The record list is *almost* resizable.  The only problem is that the resizable control extender positions the 
   handle image div absolutely at the right hand side: making it very difficult to center align the handle. 
   I think I would have to fiddle with the extender in JS in order to get the handle to resize correctly.
*/
.handleImage {
  width: 600px;
  height: 16px;
  background-image: url(../images/recordList/line.gif?gdlh=2018-10-24-19);
  background-repeat: repeat-x;
  overflow: hidden;
  cursor: s-resize;
}
div.arrowImage {
  width: 1px;
  margin-left: auto;
  margin-right: auto;
}
img.arrowImage {
  position: relative;
  top: -16px;
  margin-top: 3px;
}
.resizingImage {
  padding: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: #B4D35D;
}
.recordListCtrl .linkButtonSpan {
  float: right;
  clear: both;
}
.recordListCtrl .workingImageSpan {
  float: left;
  position: relative;
  top: -16px;
}
.recordListCtrl .linkButton {
  color: #444444;
  font: 12px sans-serif;
  background-color: #C4CACF;
  border: solid 1px #ACA899;
  padding: 1px 6px ;
  cursor: pointer;
  z-index: 1000;
}
.recordListCtrl .linkButton a {
  text-decoration: none;
  color: inherit;
}
div.busyImage {
  width: 0px;
  height: 0px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}
.fetchFullList {
  padding-top: 10px;
  padding-bottom: 5px;
  border-top: solid 1px #ACA899;
}
#pasteDataDialogElement textarea {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  overflow: scroll;
  resize: none;
  height: 100%;
}
#pastedDataLayoutTable {
  text-align: left;
  width: 100%;
  border-collapse: collapse;
}
#pastedDataLayoutTable td {
  padding-top: 0.25em;
  padding-left: 0;
}
#pastedDataLayoutTable td#instructions {
  height: 1em;
  padding-bottom: 1em;
}
#pastedDataLayoutTable td#instructions a {
  color: #0039BD;
}
#pastedDataLayoutTable td#textAreaCell {
  height: 100%;
}
#pastedDataLayoutTable td#attributeSelection {
  padding-bottom: 0;
}
#attributeSelection {
  line-height: 1.7em;
  height: 1em;
}
#attributeSelection table {
  margin-bottom: 0;
}
#attributeSelection table td {
  text-align: left;
  padding-bottom: 0.25em;
}
#attributeSelection select {
  width: 100%;
  min-width: 25em;
}