/* Style sheet for BioinfoTools: April 2001- */

/* Background colours for each page */
BODY         { background-color: DDDDFF; }
TD.Homefoot  { background-color: DDDDFF; text-align: center; }

BODY.faq     { background-color: FFFFFF; }
TD.foot      { background-color: FFFFFF; text-align: center; }

/* Some general-purpose bits */
LI.just      { text-align: justify; padding-bottom: 2pt; padding-top: 2pt; }
FONT.just,
P.just       { text-align: justify; margin-top: 0; padding-top: 0; }
FONT.mono,
P.mono       { font-family: monospace; }
FONT.bold    { font-weight: bold; }
FONT.italic  { font-style: italic; }
FONT.bitalic { font-weight: bold; font-style: italic; }

/* Table styles */
/* TABLE.header: Browser implementation buggy... not used */
TABLE.header { background-color: DDDDFF; border=0 padding=0; margin=0; }
TABLE.pgIndexOld { border-width: 4px; border-style: solid; border-color: blue;
                padding: 0px; margin: 2px; }
TABLE.pgIndex { border-color: blue; margin: 4px; border-width: 1px; }
/* Use a repeating GIF to draw a line that scales to the cell width */
TD.midHead   { background-image: url(pix/mastHead_mid_t.gif); 
               background-repeat: repeat-x;
               background-position: bottom left; }

P.jobHead,
A.jobhead    { color: FFFFCC; font-size: 12pt; text-align: center; line-height: 1.0;
               text-decoration: none;
               font-weight: bold; background-color: transparent; vertical-align: top; }
/* To construct the jump table to the main pages on the web site */
/* Remember to </ Nest <a's inside <p's to avoid browser inconsistencies */
P.listHead,
A.listhead   { color: DD0000; font-size: 12pt; text-align: center; line-height: 1.0;
               text-decoration: none;
               font-weight: bold; background-color: transparent; vertical-align: top; }
A.listHead:active { color: 999999; }
P.listText   { color: 0000AA; font-size: 10pt; text-align: center; line-height: 1.0; 
               font-weight: bold; background-color: transparent; vertical-align: top; }

/* For Ruminations page (crTitle = current rumination Title) */
P.crTitle    { color: black; font-size: 18pt; text-align: center; line-height: 1.5; 
               font-weight: bold; background-color: white;}

/* For the pages describing the research areas */
FONT.about   { color: DD0000; }
P.legend     { color:000000; font-size: 12pt; text-align: justify; line-height: 1.0;
               padding: 0; margin: 0; font-weight: bold; }

/* For the executive summary */
A.execList   { text-decoration: none; color: blue; }
P.execList   { color: C00; font-size: 14pt; background-color: FF9; 
               border: inset thin red; font-weight: bold; text-decoration: none;
               padding: 6px; text-align: center; width: 90%;  }
BR.execList  { line-height: 0.7; }

/* For GJacobs.html */
TD.GHJ        { font-size: 14pt; text-align: left; }
P.GHJName     { font-size: 20pt; font-weight: bold; margin-top: 20; text-align: center; }
P.GHJCTitle   { font-size: 16pt; font-weight: bold; margin-top: 4; margin-bottom: 2; text-align: center; }
P.GHJTitle    { font-size: 16pt; font-weight: bold; margin-top: 16; margin-bottom: 2; text-align: left; }
UL.GHJ,
LI.GHJ,
P.GHJ         { font-size: 14pt; text-align: justify; margin-top: 3; margin-bottom: 0; }
P.GHJCentre   { font-size: 14pt; text-align: center; margin-top: 3; margin-bottom: 0; }
/* For the reference section */
P.GHJRef      { font-size: 14pt; text-align: justify; margin-top: 3; margin-bottom: 0;
                margin-left: 10; }
P.GHJRefAuth  { font-size: 14pt; text-align: justify; margin-top: 8; margin-bottom: 0; }
P.GHJRefTitle { font-size: 14pt; text-align: justify; margin-top: 3; margin-bottom: 0; 
                font-style: italic; margin-left: 10; }
/* For indented text, left then right justified. Don't place to right of images. */
/* Note these paragraphs are designed to include the header on the first line... */
P.GHJIL       { font-size: 14pt; text-align: justify; padding-left: 40pt; 
                text-indent: -40pt; margin-top: 0; margin-bottom: 0; }
P.GHJIJ       { font-size: 14pt; text-align: justify; padding-left: 40pt; 
                text-indent: -40pt; margin-top: 0; margin-bottom: 0; }
P.indent1     { margin-left: 40pt; text-align: justify; font-size: 14pt; margin-top: 0; }
P.indent2     { margin-left: 75pt; text-align: justify; font-size: 14pt; margin-top: 0; }
/* For 4pt (or whatever) blank spacer line use: */
/*     <BR><FONT=CLASS"space">&nbsp;</FONT><BR> */
FONT.space    { font-size: 4pt; line-height: 1.0; }

/* Tags specific to the FAQ page */
P.idx,
A.idx        { color: silver; font-size: 12pt; font-weight: bold; }
A.idx:active { color: white; font-size: 12pt; font-weight: bold; }
TD.idx       { background-color: navy; width: 20%; }
TD.title     { background-color: 9999FF; }
P.section    { color: black; background-color: DDDDFF; border: none; 
               padding: 2px; font-size: 24pt; text-align: center; width: 100%; }
P.item       { color: black; font-size: 18pt; text-align: left; line-height: 1.5; 
               font-weight: bold; background-color: white;
               margin-bottom: 5pt; }
P.ans        { color: black; font-size: 14pt; background-color: EEE; 
               border: inset thin red; 
               padding: 6px; text-align: justify; width: 90%; margin-left: 6%; }
P.back2top   { color: black; background-color: white; border: none; line-height: 1;
               text-align: right; width: 90%; margin-left: 6% }
BR.toc1      { line-height: 0.9; }
BR.toc2      { line-height: 0.7; }

/* To construct the table of images on the splash page */
TD.head      { background-color: DDDDFF; background-position: center; 
               background-repeat: no-repeat; }
TD.left      { background-color: FFFFBB; }
TD.main      { background-color: DDDDFF; background-repeat: no-repeat; 
               background-position: 50% 50%; vertical-align: middle; }
TD.tl        { background-color: DDDDFF; background-repeat: no-repeat; 
               background-position: 50% 50%; vertical-align: middle; 
               background-image: url(pix/func_t.gif); }
TD.tr        { background-color: DDDDFF; background-repeat: no-repeat; 
               background-position: 50% 50%; vertical-align: middle; 
               background-image: url(pix/Rasmac_1crn4_trans.gif); }
TD.bl        { background-color: DDDDFF; background-repeat: no-repeat; 
               background-position: 50% 50%; vertical-align: middle; 
               background-image: url(pix/align3t.gif); }
TD.br        { background-color: DDDDFF; background-repeat: no-repeat; 
               background-position: 50% 50%; vertical-align: middle; 
               background-image: url(pix/ZF-waters-DNA-et.gif); }
A.tl,
A.tr,
A.bl,
A.br,
P.tl,
P.tr,
P.bl,
P.br         { color: black; font-size: 32pt; text-align: center; line-height: 1.3; 
               font-weight: bold; font-style: italic; background-color: transparent;
               text-decoration: none; vertical-align: middle; }
IMG.homeText { border-width: 0px; vertical-align: middle; }

/* For constructing tables of contents (eg. in the FAQ page) */
/* These need to be tables, with title spanning two columns, with the */
/* first column on non-title lines containing empty cells.            */
/* Placement into table is necessary to avoid a bug in Netscape 6.0   */
/* in wrapping text longer than one line back to the left margin      */
/* irrespective of settings of magin-left, etc.  This unfortunately   */
/* means we have to use a heavy-weight solution to a light-weight     */
/* problem.                                                           */
TD.tocTitle  { padding-left: 5pt; padding-top: 6pt; }
TD.toc1n     { padding-left: 22pt; }
TD.toc2n     { padding-left: 16pt; padding-top: 3pt; }
P.tocTitle   { text-indent: 5pt; text-decoration: none; color: navy; font-size: 14pt; 
               font-style: italic; line-height: 1.0; }
A.tocTitle   { text-indent: 5pt; text-decoration: none; color: navy; font-size: 14pt; 
               font-style: italic; line-height: 1.0; }
P.toc1n      { text-indent: 5pt; text-decoration: none; color: navy; font-size: 14pt; 
               font-style: italic; line-height: 1.0; }
A.toc1n      { text-indent: 5pt; text-decoration: none; color: navy; font-size: 14pt; 
               font-style: italic; line-height: 1.0; }
P.toc2n      { text-indent: -14pt; text-decoration: none; color: navy; font-size: 14pt; 
               font-style: normal; line-height: 1.0; }
A.toc2n      { text-indent: -14pt; text-decoration: none; color: navy; font-size: 14pt; 
               font-style: normal; line-height: 1.0; }

/* No longer used: old attempts at getting TOCs to work consistently */
A.toc1o      { text-decoration: none; line-height: 1.2; margin-left: 5%; 
               color: navy; font-size: 14pt; font-style: italic; width: 90%; }
A.toc2o      { text-decoration: none; line-height: 1.0; margin-left: 12%; text-indent: -14pt;
               color: navy; font-size: 14pt; font-style: normal; width: 90%; }
A.toc2lo     { text-decoration: none; line-height: 2.0; margin-left: 12%; 
               color: navy; font-size: 14pt; font-style: normal; width: 90%; }
TD.toc1      { padding-left: 25pt; padding-bottom: 3pt; }
TD.toc2      { text-indent: -12pt; 
               padding-left: 60pt; padding-bottom: 0pt; margin-bottom: 0; }
TD.toc2l     { text-indent: -12pt; 
               padding-left: 60pt; padding-bottom: 7pt; margin-bottom: 0; }

/* No longer used: old attempt to get one-pixel lines on tables in a   */
/* consistent manner across all browsers. Abandoned due to bugs...     */
TD.vLineB    { background-color: black; width: 1px }
TD.vLineH    { background-color: DDDDFF; width: 1px }
TD.vLineW    { background-color: white; width: 1px }
TD.hLineB    { background-color: black; height: 3px; }
TD.hLineW    { background-color: white; height: 1px; }
P.onePixel   { color: black; font-size: 1pt; line-height: 1; background-color: transparent; }