/* OWEN2 DESKTOP CSS */
/* Updated 2023-06-23 by OJB, messages */
/* Updated 2023-11-16 by OJB, new colours */
/* Updated 2024-01-04 by OJB, new colours */
/* Updated 2025-08-16 by OJB, inversePalerBlue */
/* Updated 2026-01-11 by OJB, scale to screen size */

:root
  {
  --textSize:14px;
  --buttonTextSize:13px;
  --headSize:16px;
  --headSubSize:14px;
  --titleSize:20px;
  --titleSmallerSize:18px;
  --textFG:#505050;
  --headFG:#303030;
  --titleFG:#a8a8a8;
  --activeFG:#6080b0;
  --activeBG:#a0b0c0;
  --hoverFG:#5080f0;
  --lineFG:#c0c0c0;
  --buttonFG:#ffffff;
  --buttonBG:#a0b0d4;
  --buttonHoverBG:#98b8e8;
  --activeAreaBG:#f0f0f6;
  --inactiveAreaBG:#c0c0c0;
  --inverseFG:#ffffff;
  --inverseHoverFG:#e0e8ff;
  --disFG::#c0c0c0;
  --hoverDisFG:#c0c0c0;
  }

/* REACTIVE SCREEN ZOOM */

body
  {
  margin:0px 0px;
  }

@media screen and (max-width:680px)
  {
  body {zoom:0.75;}
  }

@media screen and (min-width:681px) and (max-width:770px)
  {
  body {zoom:0.90;}
  }

@media screen and (min-width:771px) and (max-width:900px)
  {
  body {zoom:1.00;}
  }

@media screen and (min-width:901px) and (max-width:1100px)
  {
  body {zoom:1.15;}
  }

@media screen and (min-width:1101px)
  {
  body {zoom:1.30;}
  }

/* DEFAULTS */

p
  {
  font-size:13px;
  color:var(--textFG);
  font-family:arial,helvetica,sans-serif;
  }

b
  {
  font-size:13px;
  font-weight:bold;
  }

bold
  {
  color:var(--textFG);
  font-weight:bold;
  }

pre
  {
  font-size:12px;
  color:var(--textFG);
  font-family:monaco,courier,fixed;
  }

td
  {
  text-align:left;
  }

td.right
  {
  text-align:right;
  }

td.center
  {
  text-align:center;
  }

/* LINKS */

a:link
  {
  color:var(--activeFG);
  font-family:arial,sans-serif;
  text-decoration:none;
  }

a:visited
  {
  color:var(--activeFG);
  font-family:arial,sans-serif;
  text-decoration:none;
  }

a:active
  {
  color:var(--activeFG);
  font-family:arial,sans-serif;
  text-decoration:none;
  }

a:hover
  {
  color:var(--hoverFG);
  font-family:arial,sans-serif;
  text-decoration:none;
  }

a.text:link
  {
  color:var(--textFG);
  font-family:arial,sans-serif;
  text-decoration:none;
  }

a.text:visited
  {
  color:var(--textFG);
  font-family:arial,sans-serif;
  text-decoration:none;
  }

a.text:active
  {
  color:var(--activeFG);
  font-family:arial,sans-serif;
  text-decoration:none;
  }

a.text:hover
  {
  color:var(--hoverFG);
  font-family:arial,sans-serif;
  text-decoration:none;
  }

a.black:link
  {
  color:#000000;
  font-family:arial,sans-serif;
  text-decoration:none;
  }

a.black:visited
  {
  color:#000000;
  font-family:arial,sans-serif;
  text-decoration:none;
  }

a.black:active
  {
  color:#000000;
  font-family:arial,sans-serif;
  text-decoration:none;
  }

a.black:hover
  {
  color:var(--hoverFG);
  font-family:arial,sans-serif;
  text-decoration:none;
  }

a.blackBold:link
  {
  color:#000000;
  font-family:arial,sans-serif;
  font-weight:bold;
  text-decoration:none;
  }

a.blackBold:visited
  {
  color:#000000;
  font-family:arial,sans-serif;
  font-weight:bold;
  text-decoration:none;
  }

a.blackBold:active
  {
  color:#000000;
  font-family:arial,sans-serif;
  font-weight:bold;
  text-decoration:none;
  }

a.blackBold:hover
  {
  color:var(--hoverFG);
  font-family:arial,sans-serif;
  font-weight:bold;
  text-decoration:none;
  }

a.link:link
  {
  color:var(--activeFG);
  font-family:arial,sans-serif;
  font-weight:bold;
  text-decoration:none;
  }

a.link:visited
  {
  color:var(--activeFG);
  font-family:arial,sans-serif;
  font-weight:bold;
  text-decoration:none;
  }

a.link:active
  {
  color:var(--activeFG);
  font-family:arial,sans-serif;
  font-weight:bold;
  text-decoration:none;
  }

a.link:hover
  {
  color:var(--hoverFG);
  font-family:arial,sans-serif;
  font-weight:bold;
  text-decoration:none;
  }

a.linkInverse:link
  {
  color:var(--inverseFG);
  font-family:arial,sans-serif;
  font-weight:bold;
  text-decoration:none;
  }

a.linkInverse:visited
  {
  color:var(--inverseFG);
  font-family:arial,sans-serif;
  font-weight:bold;
  text-decoration:none;
  }

a.linkInverse:active
  {
  color:var(--inverseFG);
  font-family:arial,sans-serif;
  font-weight:bold;
  text-decoration:none;
  }

a.linkInverse:hover
  {
  color:var(--inverseHoverFG);
  font-family:arial,sans-serif;
  font-weight:bold;
  text-decoration:none;
  }

a.menu:link
  {
  color:var(--activeFG);
  font-family:arial,sans-serif;
  font-weight:bold;
  text-decoration:none;
  }

a.menu:visited
  {
  color:var(--activeFG);
  font-family:arial,sans-serif;
  font-weight:bold;
  text-decoration:none;
  }

a.menu:active
  {
  color:var(--activeFG);
  font-family:arial,sans-serif;
  font-weight:bold;
  text-decoration:none;
  }

a.menu:hover
  {
  color:var(--hoverFG);
  font-family:arial,sans-serif;
  font-weight:bold;
  text-decoration:none;
  }

a.menuDis:link
  {
  color:var(--disFG);
  font-family:arial,sans-serif;
  font-weight:bold;
  text-decoration:none;
  }

a.menuDis:visited
  {
  color:var(--disFG);
  font-family:arial,sans-serif;
  font-weight:bold;
  text-decoration:none;
  }

a.menuDis:active
  {
  color:var(--disFG);
  font-family:arial,sans-serif;
  font-weight:bold;
  text-decoration:none;
  }

a.menuDis:hover
  {
  color:var(--hoverDisFG);
  font-family:arial,sans-serif;
  font-weight:bold;
  text-decoration:none;
  }

/* FORMS */

.inputGrey
  {
  height:20px;
  border:1px solid #a0a0a0;
  }

/* BUTTONS */

.button60
  {
  background-color:var(--buttonBG);
  border:none;
  color:var(--buttonFG);
  font-weight:normal;
  text-align:center;
  display:inline-block;
  font-size:11px;
  cursor:pointer;
  border-radius:5%;
  height:60px;
  width:24px;
  }

.button60:hover
  {
  background-color:var(--buttonHoverBG);
  color:var(--buttonFG);
  }

.button80
  {
  background-color:var(--buttonBG);
  border:none;
  color:var(--buttonFG);
  font-weight:bold;
  text-align:center;
  display:inline-block;
  font-size:var(--buttonTextSize);
  cursor:pointer;
  border-radius:5%;
  height:28px;
  width:80px;
  }

.button80:hover
  {
  background-color:var(--buttonHoverBG);
  color:var(--buttonFG);
  }

.buttonIndex80
  {
  background-color:var(--buttonBG);
  border:none;
  color:var(--buttonFG);
  font-weight:bold;
  text-align:center;
  display:inline-block;
  font-size:var(--buttonTextSize);
  cursor:pointer;
  border-radius:5%;
  height:28px;
  width:80px;
  }

.buttonIndex80:hover
  {
  background-color:var(--buttonHoverBG);
  color:var(--buttonFG);
  }

.buttonMedia80
  {
  background-color:var(--buttonBG);
  border:none;
  color:var(--buttonFG);
  font-weight:bold;
  text-align:center;
  display:inline-block;
  font-size:var(--buttonTextSize);
  cursor:pointer;
  border-radius:5%;
  height:28px;
  width:80px;
  }

.buttonMedia80:hover
  {
  background-color:var(--buttonHoverBG);
  color:var(--buttonFG);
  }

.margin10
  {
  margin-left:10px;
  margin-right:10px;
  }

.margin20
  {
  margin-left:20px;
  margin-right:20px;
  }

.margin40
  {
  margin-left:40px;
  margin-right:40px;
  }

/* TEXT BASE STYLES */

.normal
  {
  font-size:var(--textSize);
  font-family:arial,sans-serif;
  color:var(--textFG);
  }

.normal14
  {
  font-size:14px;
  font-family:arial,sans-serif;
  color:var(--textFG);
  }

.trivial
  {
  font-size:12;
  font-family:arial,sans-serif;
  color:#808080;
  }

.bold
  {
  font-weight:bold;
  }

.italic
  {
  font-weight:italic;
  }

.micro
  {
  font-size:5px;
  font-family:arial,sans-serif;
  color:var(--textFG);
  }

.tiny
  {
  font-size:11px;
  font-family:arial,sans-serif;
  color:var(--textFG);
  }

.small
  {
  font-size:12px;
  font-family:arial,sans-serif;
  color:var(--textFG);
  }

.table
  {
  font-size:var(--textSize);
  font-family:arial,sans-serif;
  color:var(--textFG);
  empty-cells:show;
  }

.caption
  {
  font-size:var(--textSize);
  font-family:arial,sans-serif;
  color:var(--textFG);
  font-style:italic;
  }

/* PARAGRAPH STYLES */

p.nomargin
  {
  margin-top:0px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
  }

p.smalltopmargin
  {
  margin-top:10px;
  }

/* TEXT EXTRA STYLES */

.notice
  {
  font-size:12px;
  }

.footer
  {
  font-size:12px;
  }

.footerLeft
  {
  font-size:12px;
  text-align:left;
  }

.footerRight
  {
  font-size:12px;
  text-align:right;
  }

.footerCenter
  {
  font-size:12px;
  text-align:center;
  }

.ragged
  {
  text-align:left;
  overflow-wrap: anywhere;
  }

.justify
  {
  text-align:justify;
  overflow-wrap: anywhere;
  }

.dimmed
  {
  color:#606060;
  }

.mid
  {
  color:#303030;
  }

.quote
  {
  color:var(--textFG);
  }

.good
  {
  color:#00b000;
  font-weight:bold;
  }

.ok
  {
  color:#ffa000;
  font-weight:bold;
  }

.bad
  {
  color:#e00000;
  font-weight:bold;
  }

.hidden
  {
  display:none;
  }

.block
  {
  display:block;
  }

.invisible
  {
  color:#ffffff;
  text-decoration:none;
  }

.inverse
  {
  background-color:var(--activeBG);
  }

.inverseInactive
  {
  background-color:var(--inactiveAreaBG);
  }

.inversePlain
  {
  color:#ffffff;
  font-family:arial,sans-serif;
  text-decoration:none;
  }

.inverseBold
  {
  color:#ffffff;
  font-family:arial,sans-serif;
  font-weight:bold;
  text-decoration:none;
  }

.inverseTitle
  {
  color:#ffffff;
  background-color:#d0d0d0;
  font-family:arial,sans-serif;
  font-weight:bold;
  text-align:center;
  }

.inverseGrey
  {
  color:#ffffff;
  background-color:#d0d0d0;
  font-family:arial,sans-serif;
  text-align:left;
  }

.inverseLight
  {
  color:var(--textFG);
  background-color:#f0f0f0;
  font-family:arial,sans-serif;
  text-align:left;
  }

.inversePaleBlue
  {
  color:var(--textFG);
  background-color:var(--activeAreaBG);
  font-family:arial,sans-serif;
  text-align:left;
  }

.inversePalerBlue
  {
  color:var(--textFG);
  background-color:#f8f8ff;
  font-family:arial,sans-serif;
  text-align:left;
  }

.condense
  {
  font-stretch:condensed;
  }

.spacingNeg1
  {
  letter-spacing:-1px;
  }

.spacingNeg2
  {
  letter-spacing:-2px;
  }

.spacingNeg3
  {
  letter-spacing:-3px;
  }

/* HEADERS */

.head
  {
  font-size:var(--headSize);
  font-family:arial,helvetica,sans-serif;
  color:var(--headFG);
  font-weight:bold;
  }

.headSub
  {
  font-size:var(--headSubSize);
  font-family:arial,helvetica,sans-serif;
  color:var(--headFG);
  font-weight:bold;
  }

.head14
  {
  font-size:14px;
  font-family:arial,helvetica,sans-serif;
  color:var(--headFG);
  font-weight:bold;
  }

.head16
  {
  font-size:16px;
  font-family:arial,helvetica,sans-serif;
  color:var(--headFG);
  font-weight:bold;
  }

.head18
  {
  font-size:18px;
  font-family:arial,helvetica,sans-serif;
  color:var(--headFG);
  font-weight:bold;
  }

.head36
  {
  font-size:36px;
  font-family:arial,helvetica,sans-serif;
  color:var(--headFG);
  font-weight:bold;
  }

.title
  {
  font-size:var(--titleSize);
  font-family:arial,sans-serif;
  color:var(--titleFG);
  font-weight:bold;
  }

.titleSmaller
  {
  font-size:var(--titleSmallerSize);
  font-family:arial,sans-serif;
  color:var(--titleFG);
  font-weight:bold;
  }

/* COLOURS */

.red
  {
  color:#FF0000;
  }

.darkRed
  {
  color:#A00000;
  }

.green
  {
  color:#00FF00;
  }

.darkGreen
  {
  color:#00A000;
  }

.blue
  {
  color:#0000FF;
  }

.darkBlue
  {
  color:#0000A0;
  }

/* WHITE TO BLACK */

.white
  {
  color:#ffffff;
  }

.lighterGrey
  {
  color:#c0c0c0;
  }

.lightGrey
  {
  color:#a0a0a0;
  }

.midGrey
  {
  color:#808080;
  }

.midGreyBG
  {
  background-color:#808080;
  }

.grey
  {
  color:#606060;
  }

.greyBG
  {
  background-color:#606060;
  }

.darkGrey
  {
  color:#505050;
  }

.darkerGrey
  {
  color:#303030;
  }

.black
  {
  color:#000000;
  }

/* LINES */

hr.dotted
  {
  border:none;
  border-top:3px dotted var(--lineFG);
  color:#ffffff;
  background-color:#ffffff;
  height:3px;
  width:100%;
  }

hr.dotted1
  {
  border:none;
  border-top:3px dotted var(--lineFG);
  color:#ffffff;
  background-color:#ffffff;
  height:3px;
  width:100%;
  }

hr.dotted2
  {
  border:none;
  border-top:2px dotted var(--lineFG);
  color:#ffffff;
  background-color:#ffffff;
  height:2px;
  width:100%;
  }

hr.dotted3
  {
  border:none;
  border-top:1px dotted var(--lineFG);
  color:#ffffff;
  background-color:#ffffff;
  height:1px;
  width:100%;
  }

/* TABLES */

td.left50
  {
  width:50px;
  text-align:left;
  }

td.right50
  {
  width:50px;
  text-align:right;
  }

td.left100
  {
  width:100px;
  text-align:left;
  }

td.right100
  {
  width:100px;
  text-align:right;
  }

td.left150
  {
  width:150px;
  text-align:left;
  }

td.right150
  {
  width:150px;
  text-align:right;
  }

td.left200
  {
  width:200px;
  text-align:left;
  }

td.right200
  {
  width:200px;
  text-align:right;
  }

td.left300
  {
  width:300px;
  text-align:left;
  }

td.right300
  {
  width:300px;
  text-align:right;
  }

td.left400
  {
  width:400px;
  text-align:left;
  }

td.right400
  {
  width:400px;
  text-align:right;
  }

/* IMAGES */

.borderLight
  {
  background:#c0c0c0;
  border:0px;
  }

.borderMid
  {
  background:#909090;
  border:0px;
  }

.borderDark
  {
  background:#606060;
  border:0px;
  }

/* AUDIO */

#podcast1
  {
  height:50px;
  width:100%;
  }