/* $Id: unison.css,v 1.39 2006/11/04 03:48:25 rkh Exp $     emacs: -*-c-*-  */

/* light-pastel */

/*
  The color palette should be decomposed into the simplest set of colors,
  such as:
  FG, BG
  HIGHLIGHT_FG, BG
  HIGHLIGHT2_FG, BG

  or consider:
  HUE{1,2,3,4}{A,B,C,D}_{FG,BG} where HUE1 is a color group, A-D are
  specifc colors, and FG,BG provide contrast for highlighting

*/


body {
 background: white;
 font-family: sans-serif;
}

img {
 border: 0px;
}

hr {
 clear: both;
}

dt {
  font-weight: bold;
}
dd {
  margin-left: 20px;
  margin-bottom: 10px;
}

a:hover {
 background: #FFD980;
 color: black;
}
a.ext_link {
  /* consider css2 :after pseudo-element instead */
 background: url(../av/extlink.gif) right center no-repeat;
 padding-right: 14px;
}

a.nofeedback:hover {
 background: white;
}


/* page elements */
table.page {
 width: 100%;
}
table.page td {
 margin: 0;
 padding: 2px;
 vertical-align: middle;
}
table.page td.left {
  text-align: center;
  width: 120px;
  /*border-right: thin dotted #6D6DBF;*/
}
table.page td.body {
  padding: 10px 0px 10px 0px;
  border-top: thin solid #6D6DBF;
  border-bottom: thin solid #6D6DBF;
}
table.page td.right {
  text-align: left;
}


/* navbar */
div.nav table {
 border-spacing: 0px;
 border: none;
 margin: 0px;
 padding: 0px;
 width: 100%;
  /* font-size: 0.9em; */
  font-variant: small-caps;
}
div.nav table.navp {
 border: none;
 border-bottom: 2px solid white;
}
div.nav table.navc {
 border: medium solid #6D6DBF;
 padding: 1px;
}
div.nav ul {
 display: inline;
 padding: 0px;
 margin: 0px;
 list-style-type: none;
 text-align: left;
}
div.nav td.right {
 text-align: right;
}
div.nav table.navp ul {
}
div.nav li { 
 display: inline;
 background: white;
 border: thin solid #6D6DBF;
 -moz-border-radius: 3px;
 color: #6D6DBF;
}
div.nav li.selected { 
 background: #6D6DBF;
 border-color: #6D6DBF;
 color: white;
 font-weight: bold;
}
div.nav table.navp li.selected {
 border-top: thin solid #6D6DBF;  
 border-bottom: 5px solid #6D6DBF;  
}
div.nav li a, div.nav li span {
 padding: 0px 4px 0px 4px;
}
div.nav a {
 text-decoration: none;
 color: #6D6DBF;
}
div.nav a:hover {
 color: black;
 background-color: #FFD980;
 border-color: #6D6DBF;
}







/* grouped data */
fieldset.group {
 border: medium solid #6D6DBF;
 margin: 5px 0px 15px 0px;
 padding: 3px;
}

fieldset.group legend {
 border-color: #6D6DBF;
  border-style: solid;
  border-width: 0px medium 0px medium;
 background: #C8C8FF;
 color: black;
 font-weight: bold;
 padding: 2px 5px 2px 5px;
}

fieldset.group hr {
 color: #6D6DBF;
 background: #6D6DBF;
 margin: 2px 50px 2px 50px;
}

span.group_ctl {
 background: white;
 color: #6D6DBF;
}


/* Summary table */
table.summary {
 width: 100%;
 background: white;
 border: none;
 margin: 0px;
 padding: 0px;
}
table.summary th {
 border: none;
 border-right: medium solid #73BF60;
 margin: 0px;
 padding: 0px;
 text-align: right;
 vertical-align: top;
 white-space: nowrap;
 width: 10%;					/* to prevent short BA's from causing odd splits */
}
table.summary th div {
 border: none;
 border-left: thin solid #73BF60;
 border-top: thin solid #73BF60;
 border-bottom: thin solid #73BF60;
 color: black;
 background: #CCFFBF;
 white-space: nowrap;
 padding: 1px 4px 1px 4px;
 margin: 0px;
}
table.summary td {
 vertical-align: top;
 border: none;
 margin: 0px;
 padding: 0px;
}


/* Quick Links */
table.quicklinks {
  border-collapse: collapse;
}
table.quicklinks th, table.quicklinks td {
  border: #6D6DBF thin solid;
 padding-left: 2px;
 padding-right: 2px;
 white-space: nowrap;
}
table.quicklinks th {
 background: #6D6DBF;
 color: white;
 font-style: italic; 
}


/* (screen)shots */
table.shots {
 width: 60%;
  /* center table with margin-left == margin-right */
  margin-left: auto;
  margin-right: auto;
}
table.shots th {
 width: 20%;
  vertical-align: middle;
 border: thin solid #6D6DBF;
}
table.shots td {
  vertical-align: middle;
 border: thin solid #6D6DBF;
}
table.shots th img {
 width: 100%;
}


/* credits */
table.credits {
 border: none; /* #6D6DBF thin solid; */
}
table.credits th {
 border: #6D6DBF thin solid;
 background: #6D6DBF;
  /* color: white; */
}
table.credits td {
 border: #6D6DBF thin solid;
}


/* Gene Ontology table (used for nice spacing) */
/* (a ul or dl might be more natural) */
table.go {
  border-collapse: collapse;
}
tr.go_function, tr.go_process, tr.go_component {
  /*
	border: 1px black dashed;
	background: #eee;
  */
 padding: 1px;
}
table.go th {
 padding: 1px 4px 1px 1px;
 font-weight: bold;
  font-style: italic;
 text-align: left;
  vertical-align: top;
}
table.go td {
 padding: 1px;
}


/* uwtable (e.g., commonly inside the group fieldset) */
table.uwtable {
 width: 100%;
 background: white;
 border: none;
  border-collapse: collapse;
}
table.uwtable tr {
  /*background: white;*/
}
table.uwtable tr:hover {
 background: #FFF7E6;
}
table.uwtable th, table.uwtable td {
  vertical-align: top;
  border: thin solid;
}
table.uwtable th {
  border-color: #73BF60;
  border-bottom-width: medium;
  color:  black;
  background: #CCFFBF;
 text-align: center;
 font-weight: bold;
}
table.uwtable td {
  border-color: #73BF60;
  color:  black;
  white-space: normal;
}
table.uwtable .highlighted, table.uwtable .highlighted td {
 border-color: #73BF60;
 background: #FFD980;
 color: black;
}


/* software stack table (in about_unison) */
table.sw_stack {
 border: medium #6D6DBF solid;
}
table.sw_stack tr {
 border: thin #6D6DBF solid;
}
table.sw_stack th {
 background: #6D6DBF;
 color: white;
 vertical-align: top;
 padding: 5px;
}
table.sw_stack td.sw_stack_sep {
 border-top: thin solid #6D6DBF;
 border-bottom: thin solid #6D6DBF;
}



span.page_break {
  border-bottom: medium double #6D6DBF;
}

/* 
TR.tablesep {
  background: orange;
}
*/

span.page_title {
  font-weight: bold;
}


/* cheap text buttons */
span.button {
 background: white;
 color: #6D6DBF;
 margin: 0px 2px 0px 2px;
}
span.button:hover {
 background: #FFD980;
}



/* tooltip */
span.has_tooltip {
 color: black;
 cursor:help;
}

span.tooltip {
 border: none;
 background-color: #FFE6F1;
 color: black;
 font-weight: bold;
 font-size: smaller;
 padding: 0px;
 margin: 0px;
}

span.tooltip:hover {
 cursor:pointer;cursor:help;
}


/* domTT Classic Style, from domTT examples.css */
div.domTTUnison {
 border: medium double black;
 background: #FFE6F1;
}
div.domTTUnison .caption {
  font-family: serif;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
 padding: 2px 2px;
 background: #FFE6F1;
}
div.domTTUnison .contents {
 color: black;
 font-size: 12px;
 font-family: Arial, sans-serif;
 padding: 2px 2px;
}



pre.code {
 border: black thin dashed;
 background: white;
 margin: 20px;
 padding: 5px;
 overflow: auto;
}



/* "top" pages */
div.top {
  margin-left: 10%;
  margin-right: 10%;
}

div.top dl {
}
div.top dt {
 margin: 0px;
 border-bottom: thin dotted ;
 font-weight: bold;
}
div.top dd {
 margin: 0px 0px 10px 0px;
}


/* USED?
div.top fieldset {
 border: thin dotted #6D6DBF;
 margin: 5px;
 padding: 3px;
 width: 40%;
}
div.top legend {
 border-color: #6D6DBF;
  border-style: solid;
  border-width: 0px thin 0px thin;
 background: #C8C8FF;
 color: black;
 font-weight: bold;
 padding: 2px 5px 2px 5px;
}
*/




/* miscellany */
span.debug {
  background-color: #FF80B8;
}
span.note {
  font-style: italic;
  color: #BF608A;
}
span.error {
 color: black;
 background: #FFE6F1;
}

div.sql {
 border: #73BF60 thin solid;
 padding: 2px;
 margin: 5px;
 color: #73BF60;
 background-color: white;
 font-family: monospace;
 font-size: 0.8em;
}
div.notice, div.warning, div.important {
 border: medium solid #BF608A;
 padding: 4px;
 font-style: italic;
}
div.notice {
 margin: 5px 25px 5px 25px;
}
div.warning, div.important {
 margin: 25px;
}