/*
    id      :   laboratory.CCS file
    date    :   2026-01-05
    encoding:
    !@€ƒ„…†‡ˆ‰Š‹ŒŽ +‘“”•—™š›œžŸ+¡¢£¤¥¦§¨©«¬®°±²³µ¶·¹º»¼½¾¿ÄÖÜÑ×ØÞßäæçîðñôö÷üýþÿ

    https://www.w3schools.com/cssref/css_colors.php

    colors: Gainsboro
            AntiqueWhite
            GhostWhite
            Snow
            WhiteSmoke
            PowderBlue
    content:
            •   m:  body
            •   m:  div
            •   m:  table.shool
            •   m:  form.layout <class>
            •   m:  form.searchTable <class>
*/

/*
 *  ***************************************************************************
 *      m:  body
 *  ***************************************************************************
 */

html,body {
/*
    background-color:  yellow;
    background-color:  PowderBlue;
    background-color: LightCyan;
    background-color:  Lavender;
    background-color:  Gainsboro;
*/
    background-color:  AliceBlue;
}


h1  {   font-size:200%; font-style:normal; color:black }
h2  {   font-size:180%; font-style:italic; color:blue }
h3  {   font-size:160%; font-style:oblique; color:orange  }
h4  {   font-size:120%; font-style:italic}
h5  {   font-size:100%; font-style:normal;  color:green }

a:link     {    color   :   Green         }
a:visited  {    color   :   Blue      }
a:hover    {    color   :   Fuchsia        }
a:active   {    color   :   Gainsboro   }

/* Text-Alignment */
.left    { text-align:  left; }
.right   { text-align:  right; }
.center  { text-align:  center; }
.justify { text-align:  justify; }
.start   { text-align:  start; }


/*
 *  ***************************************************************************
 *  m:  table.school
 *  ***************************************************************************
 *  url:
 *  https://www.w3schools.com/html/tryit.asp?filename=tryhtml_table_intro
 */

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}

/*
 *  ***************************************************************************
 *      m:  div
 *  ***************************************************************************
 */

/*
 *  ***************************************************************************
 *      s:  DIV.site index~ZEUS.html
 *  ***************************************************************************
 */

#DEFCCS_divID_Page {
    font-style          :   normal;
    font-size           :   80%;
    margin-right        :   5px;
    margin-left         :   5px;
}

#DEFCCS_divID_Head {
    background-color    :   MintCream;
}

#DEFCCS_divID_Foot {
    background-color    :   MintCream;
    font-style          :   italic;
}

#DEFCCS_divID_Content {
    background-color    :   WhiteSmoke;
    padding-bottom      :   1em;
    margin-top          :   10px;
    margin-left         :   10px;
    margin-bottom       :   10px;
    margin-right        :   10px;
    position            :   relative;
}


/*
 *  ***************************************************************************
 *      s:  DIV.text
 *  ***************************************************************************
 */

#DEFCCS_divID_text_left {
    text-align          :   left;
}
#DEFCCS_divID_text_right {
    text-align          :   right;
}

/* only use this*/
#DEFCCS_divID_text_center {
    text-align          :   center;
}




/*
 *  ***************************************************************************
 *  m:  form.layout <class>
 *  ***************************************************************************
 */

.DEFCCS_formTable {
    border              :   5px solid Grey;
    border-spacing      :   0px;
    border-collapse     :   collapse;
    font-family         :   Verdana, Arial, Helvetica, sans-serif;
}

.DEFCCS_formTd {
    background-color    :   AliceBlue; /* Lavender;*/
    border-width        :   5px 5px;
    border-style        :   solid;
    border-color        :   Grey;
    padding             :   5px 5px;
    font-size           :   0.8em;
}

.DEFCCS_formTdLink {
    background-color    :   Lavender;
    border-width        :   5px 5px;
    border-color        :   Grey;
    border-style        :   solid;
    font-family         :   Verdana, Arial, Helvetica, sans-serif;
    font-size           :   0.6em;
    padding             :   3px 5px;
}

.DEFCCS_itemInfo {
    color               :   Blue;
}
.DEFCCS_itemMandatory {
    color               :   Red;
    font-family         :   Comic;
    font-weight         :   bold;
}
.DEFCCS_itemOptional {
    color               :   Orange;
    font-weight         :   bold;
}
.DEFCCS_itemGenerated {
    color               :   Blue;
}

.DEFCCS_formButton {
    border              :   5px outset White;
    background          :   Aqua;
    padding             :   2px;
}

.DEFCCS_textControl {
    border              :   none;
    background          :   LightCyan;
    font-size           :   1.0em;
}

.DEFCCS_formResultTable {
    border-collapse     :   collapse;
    border-color        :   Grey;
    border-spacing      :   0px;
    border-width        :   5px;
    font-size           :   0.8em;
}

/*
 *  ***************************************************************************
 *  m:  form.searchTable <class>
 *  ***************************************************************************
 */

.DEFCCS_formTd1_head {
    background-color    :   Navy;
    border-color        :   Grey;
    border-width        :   0px;
    color               :   Yellow;
    padding             :   2px;
    text-align          :   right;
}
.DEFCCS_formTd2_head {
    background-color    :   Navy;
    border-color        :   Grey;
    border-width        :   5px;
    color               :   White;
    font-weight         :   bold;
    padding             :   2px;
}
.DEFCCS_formTd1_body {
    background-color    :   MediumSeaGreen;
    border-color        :   Grey;
    border-width        :   5px;
    color               :   White;
    padding-left        :   2px;
    padding-right       :   2px;
    text-align          :   right;
}
.DEFCCS_formTd2_body {
    background-color    :   PaleTurquoise;
    border-width        :   5px;
    color               :   Black;
    padding-left        :   2px;
    padding-right       :   2px;
}

.DEFCCS_formTd_invisible {
    background-color    :   transparent;
    color               :   transparent;
}

.DEFCCS_textError {
    color               :   Red;
}