/* div container of the actual viewer tablemap */
.divmap
{
  margin:10px;
  overflow:hidden;
  vertical-align:top;
  border:1px solid #000;
  width:95%;
  height:95%;
  position:absolute;
}
/* actual viewer */
.tablemap
{
  border-width:0px;
  padding:0px;
  border-spacing:0px;
  border-collapse: collapse; /* needed for IE */
  overflow:hidden;
  table-layout:fixed;
}
/* normal cells inside viewer */
.tablemap td
{
  width:8px;
  min-width:8px;
  height:8px;
  line-height:8px;
  text-align:center;
  font-size:0.5em;
  font-family:Lucida Console, Monaco, monospace;
  cursor:default;
  overflow:hidden;
}
/* leftmost column in viewer, IE works right and uses width here */
.tablemap td.idcol
{
  width:150px; /* if changing here, change width in div.idcol too */
}
/* leftmost column in viewer (this div is entirely for FF which behaves wrong) */
.tablemap td.idcol div.idcol
{
  width:150px; /* if changing here, change width in td.idcol too */
  white-space:nowrap;
  overflow:hidden;
}
/* highlighted cells in viewer */
.tablemap td.lowlite, .tablemap span.lowlite { background-color:#cfc; }
.tablemap td.hilite { background-color:#0f0; }
.tablemap td.filtered { background-color:#cc6; }
.tablemap td.gap { background-color:#ddd; }
.tablemap td.nodata { background-color:#f6f6a6; }
.tablemap td.removed { color:#999;font-weight:bold; }
.tablemap tr.prot td.idcol { color:#44f; font-weight:bold; }
.tablemap tr.protcoords td, .tablemap tr.dnacoords td  { text-align:left; }
.tablemap tr.protcoords td.idcol, .tablemap tr.dnacoords td.idcol  { text-align:center; }
div.vertline, div.horiline, div.groupsep
{
  width:1px;
  height:1px;
  position:absolute;
  z-index:100;
  background-color:#0f0;
  opacity:0.7;
  filter:alpha(opacity=70);
}
div.vertline { top:0; left:-10; }
div.horiline, div.groupsep { line-height:1px; /* for IE */ top:-10; left:0; }
div.groupsep { background-color:#99b; }
textarea.fullseq, textarea.partseq { width:100% }
textarea.fullseq { height:85px }
textarea.partseq { height:40px }
select.multifilter { height:435px; width:100%; font-size:11px; }
input.buttons { margin:3px; padding:3px; font-size:11px; }
table.commentTable {
  border: 1px solid #ddd;
  border-spacing: 0px;
}
table.commentTable td, th {
  padding: 3px;
  border: 1px solid #ccc;
}
table.commentTable th {
  font-weight: bold;
}