/* ====================================================================================================================
   HoTSig-3.css						                                                    [ Version 3.528 : 21-Sep-2024 ]
   -----------															                -------------------------------
   This Cascading-Style-Sheet script provides paragraph, font and table format styles for the numerous component 'HTML'
   help files of the HoTSig-3 suite.
   --------------------------------------------------------------------------------------------------------------------
   MAJOR EDIT History (by AH unless otherwise indicated):

                    Initial Copy from "Rhizo-II" (V-3.306):                         01-Feb-2021
                    Cleaned-up style for new site (V-2.621):                        21-Sep-2024
   ================================================================================================================= */

/* ----------------------------------------------------------------------------------------------------------------- */
/* BODY and DIV style classes for 'normal' (general text) pages, and those for the two-column 'split' header styles: */

body.TEXT {
    text-align: center;
}

div.BODY {
    text-align: center;
    width: 650px;
}

div.LHDR {
    float: left;
    text-align: left;
    position: relative;
}
div.RHDR {
    text-align: center;
    position: relative;
}

/* ----------------------------------------------------------------------------------------------------------------- */
/* The following BODY style class is ussed for the pop-up movie windows displayed in the "CPU Information" dialogue: */

body.CPUD {
    background: #FFFFC0 url('DogBoxBG.gif');
    border: 0;
    border-top: 0;
    border-bottom: 0;
    overflow: hidden;
    padding: 0pt 0pt 0pt 0pt;
}

/* ----------------------------------------------------------------------------------------------------------------- */
/* Various paragraph formatting styles, used extensively in the 'normal' (= general text) pages for most content ... */

p.NORM { /* Normal paragraph: 3 pt before and fixed (14.5 pt) line spacing ... */
    margin: 3pt 0pt 0pt 0pt;
    text-align: justify;
    line-height: 14.5pt;
    font-family: Calibri, sans-serif;
    font-size: 11pt;
    font-weight: normal;
    color: black;
}
p.CENT { /* Center paragraph: 6 pt before and fixed (14.5 pt) line spacing ... */
    margin: 6pt 0pt 0pt 0pt;
    text-align: center;
    line-height: 14.5pt;
    font-family: Calibri, sans-serif;
    font-size: 11pt;
    font-weight: normal;
    color: black;
}
p.RALI { /* Right-Aligned: 3 pt before and fixed (14.5 pt) line spacing ... */
    margin: 3pt 0pt 0pt 0pt;
    text-align: right;
    line-height: 14.5pt;
    font-family: Calibri, sans-serif;
    font-size: 11pt;
    font-weight: normal;
    color: black;
}
p.LALI { /* Left-Aligned: 3 pt before and fixed (14.5 pt) line spacing ... */
    margin: 3pt 0pt 0pt 0pt;
    text-align: left;
    line-height: 14.5pt;
    font-family: Calibri, sans-serif;
    font-size: 11pt;
    font-weight: normal;
    color: black;
}
p.UCEN { /* Center paragraph: 6 pt before and underlined text (14.5 pt) ... */
    margin: 6pt 0pt 0pt 0pt;
    text-align: center;
    text-decoration: underline;
    line-height: 14.5pt;
    font-family: Calibri, sans-serif;
    font-size: 11pt;
    font-weight: normal;
    color: black;
}
p.HEAD { /* Header paragraphs (such as in two-column banner divisions) ... */
    margin: 9pt 0pt 0pt 0pt;
    text-align: center;
    text-decoration: underline;
    font-family: Calibri, sans-serif;
    font-size: 18pt;
    font-weight: bold;
    color: #002060;
}
p.HLNK { /* Header paragraph for the "Return to Plant Science Glasgow" ... */
    margin: 6pt 0pt 0pt 0pt;
    text-align: center;
    text-decoration: underline;
    line-height: 14.5pt;
    font-family: Calibri, sans-serif;
    font-size: 14pt;
    font-weight: normal;
    color: darkolivegreen;
}

/* ----------------------------------------------------------------------------------------------------------------- */
/* We specify style classes for lists (both ordererd and unordered) so that we can use our normal (Calibri) font ... */

ol.NORM { /* Normal list: use to select font face, style and bold option ... */
    font-family: Calibri, sans-serif;
    font-size: 11pt;
    font-weight: bold;
    color: black;
}
ul.NORM { /* Normal list: use to select font face, style and bold option ... */
    font-family: Calibri, sans-serif;
    font-size: 11pt;
    font-weight: bold;
    color: black;
}

/* ----------------------------------------------------------------------------------------------------------------- */
/* Various font style classes (SPANs) used to define coloured, underlined and alternative fonts for special text ... */

span.NAME { /* Software proper names font: Bold and purple ... */
    color: Purple;
    font-weight: bold;
}
span.SYMB { /* Use "Cambria Math" for mathematical symbols ... */
    font-family: Cambria Math;
    font-size: 16pt;
    font-weight: bold;
}
span.U { /* Underlined Text */
    text-decoration: underline;
}
span.R { /* Red font */
    color: Red;
}
span.G { /* Green font */
    color: Green;
}
span.B { /* Blue font */
    color: Blue;
}
span.C { /* Cyan font */
    color: Teal;
}
span.M { /* Magenta font */
    color: Purple;
}
span.Y { /* Yellow font */
    color: Yellow;
}
span.DR { /* Dark Red font */
    color: DarkRed;
}

/* ----------------------------------------------------------------------------------------------------------------- */
/* The following split-column divisions allow placing text blocks and images in multi-column (normally two) formats, */
/* as used in 'table-like' image arrangements, and for displaying "text+button" combinations in a single row ...     */

div.LTAB {
    float: left;
    text-align: center;
    width: 50%;
}
div.RTAB {
    float: right;
    text-align: center;
    width: 50%;
}

div.button { /* Simply a containder division class, to ensure correct wrap! */
    width: 650px;
    text-align: center;
}
div.btxt_L {
    float: left;
    width: 580px;
    border: 0;
    border-top: 0;
    border-bottom: 0;
    margin: 0pt 0pt 0pt 0pt;
    text-align: justify;
    padding: 0 0 0 0;
    vertical-align: middle;
}
div.btxt_R {
    float: right;
    width: 580px;
    border: 0;
    border-top: 0;
    border-bottom: 0;
    margin: 0pt 0pt 0pt 0pt;
    text-align: justify;
    padding: 0 0 0 0;
    vertical-align: middle;
}
div.butt_L {
    float: left;
    width: 70px;
    border: 0;
    border-top: 0;
    border-bottom: 0;
    margin: 0pt 0pt 0pt 0pt;
    text-align: right;
    padding: 0 0 0 0;
    vertical-align: middle;
}
div.butt_R {
    float: right;
    width: 70px;
    border: 0;
    border-top: 0;
    border-bottom: 0;
    margin: 0pt 0pt 0pt 0pt;
    text-align: left;
    padding: 0 0 0 0;
    vertical-align: middle;
}

a.button { /* Hyperlink style that makes the link look like a push-button */
    text-decoration: none;
    display: inline-block;
    padding: 4px 8px;
    background-color: ButtonFace;
    color: ButtonText;
    border-style: outset;
    border-width: 2px;
    border-color: ButtonHighlight ButtonHighlight ButtonShadow ButtonShadow;
}

/* ----------------------------------------------------------------------------------------------------------------- */
/* The following style classes define the various components required to display structured pop-up text boxes when a */
/* mouse-over event is detected ...                                                                                  */

div.POPT { /* This defines a 'hidden' DIV, which is displayed on a mouse-over */
    z-index: 111;
    display: none;
    position: absolute;
    padding: 5px;
    background-color: #FFFFE0;
    color: black;
    border: 2px solid red;
    font-family: Calibri, sans-serif;
    font-size: 90%;
}
div.POPL {
    float: left;
    text-align: center;
}
div.POPR {
    float: right;
    text-align: center;
}
p.POPH { /* 'Header' text for popup (floating) descriptions of elements ... */
    margin: 3pt 0pt 0pt 0pt;
    text-align: left;
    line-height: 16.0pt;
    font-family: Calibri, sans-serif;
    font-size: 16pt;
    font-weight: bold;
    color: purple;
}
image.POPI {
    vertical-align: top;
}

/* ================================================================================================================= */