/*
$Rev:: 1039                 $:  Revision of last commit.
$Author:: tim               $:  Author of last commit.
$Date:: 2021-01-18 16:34:33#$:  Date of last commit.
*/

:root {
  /*--main-bg-color : rgb(227,245,200); /* GREEN - Change to this colour for the live version */
  --main-bg-color : rgb(255,200,200); /* PINK - develop & test */
}

H1
{
	font-weight      : bold;
	font-size        : x-large;
	color            : black;
	background-color : var(--main-bg-color);
	border           : 3px solid ;
	border-color     : white;
	padding-left     : 5px;
	padding-right    : 5px;
	padding-top      : 0%;
	padding-bottom   : 0%;
	margin-top       : 5px;
	margin-bottom    : 5px;
	margin-right     : 0%;
	margin-left      : 0%;
}

H2
{
	font-weight      : bold;
	font-size        : large;
	color            : black;
	background-color : var(--main-bg-color);
	border           : 3px solid ;
	border-color     : white;
	padding-left     : 5px;
	padding-right    : 5px;
	padding-top      : 0%;
	padding-bottom   : 0%;
	margin-top       : 5px;
	margin-bottom    : 5px;
	margin-right     : 0%;
	margin-left      : 0%;
}

H3
{
	font-weight      : bold;
	font-size        : large;
	font-style       : italic;
	color            : black;
	background-color : var(--main-bg-color);
	border           : 3px solid ;
	border-color     : white;
	padding-left     : 5px;
	padding-right    : 5px;
	padding-top      : 0%;
	padding-bottom   : 0%;
	margin-top       : 5px;
	margin-bottom    : 5px;
	margin-right     : 0%;
	margin-left      : 0%;
}

H4
{
	font-size        : medium;
	font-weight      : bold;
	color            : black;
	background-color : var(--main-bg-color);
	border           : 3px solid ;
	border-color     : white;
	padding-left     : 5px;
	padding-right    : 5px;
	padding-top      : 0%;
	padding-bottom   : 0%;
	margin-top       : 5px;
	margin-bottom    : 5px;
	margin-right     : 0%;
	margin-left      : 0%;
}

H5
{
	font-size        : medium;
	color            : black;
	background-color : var(--main-bg-color);
	border           : 3px solid ;
	border-color     : white;
	padding-left     : 5px;
	padding-right    : 5px;
	padding-top      : 0%;
	padding-bottom   : 0%;
	margin-top       : 5px;
	margin-bottom    : 5px;
	margin-right     : 0%;
	margin-left      : 0%;
}

H6
{
	font-size        : medium;
	font-weight      : bold;
	background-color : var(--main-bg-color);
}

BODY
{
	color : black;
	font-size : medium;
	font-family : Tahoma, Geneva, sans-serif;
	margin-left : 1%;
	margin-right : 1%;
  /*background-image:url('circlesDarker.jpg');*/	
}

A:link
{
	color : black;
	text-decoration : underline;
}

A:active
{
	color : red;
	text-decoration : underline;
}

A:visited
{
	color : black;
	text-decoration : underline;
}

A:hover
{
	color : red;
	text-decoration : underline;
}

.author
{
	text-align : center;
	font-weight : bold;
	font-size : large;
	font-style : italic;
}

.issue
{
	text-align : center;
	font-size : medium;
	font-weight : bold;
}

.indent
{
	text-indent: 10%;
	margin-left : 7%;
}

.indentpar
{
	margin-left : 7%;
	margin-right : 7%;
}

.quotepar
{
	margin-left : 7%;
	margin-right : 7%;
	font-style : italic;
}

.italicpar
{
	font-style : italic;
}

.small
{
	font-size : x-small;
}

.version
{
	font-size : x-small;
}

.center
{
	text-align : center;
}

.centersmall
{
	text-align : center;
	font-size : x-small;
}

.centermed
{
	text-align : center;
	font-size : medium;
}

.centerred
{
	color : red;
	text-align : center;
	font-size : large;
	font-weight : bold;
}

.footer
{
	color : black;
	text-align : center ;
	/*background-color : rgb(243,255,244);*/
	background-color : rgb(237,253,219);
	font-size : medium;
	font-weight : bold;
	border: 5px solid ;
	/*border-color: rgb(58,133,102);*/
	border-color: rgb(227,245,200);
	padding-left : 5%;
	padding-right : 5%;
	padding-top : 2%;
	padding-bottom : 2% ;
	margin-top: 1%;
	margin-bottom: 1%;
	margin-left: 5%;
	margin-right: 5%;
}


.home
{
	color : black;
	background-color : rgb(58,133,102);
	font-size : medium;
	font-weight : bold;
	border: 5px groove ;
	border-color: black ;
	text-align : center ;
	padding-left : 5%;
	padding-right : 5%;
	padding-top : 2%;
	padding-bottom : 2% ;
	margin-top: 2%;
	margin-bottom: 2%;
	margin-left: 30%;
	margin-right: 30%;
}

.useful
{
	color : white;
	background-color : rgb(0,136,0);
	font-size : medium;
	font-weight : bold;
	padding-left : 5%;
	padding-right : 5%;
	padding-top : 2%;
	padding-bottom : 2% ;
	border: 5px groove ;
	border-color: red ;
	text-align : center ;
	margin-top: 2%;
	margin-bottom: 3%;
	margin-left: 20%;
	margin-right: 20%;
}

.black
{
	color : black;
	font-style : normal;
	font-size : x-small;
}

.withAlpha
{
	list-style-type: lower-alpha;
}

img {border: none}

H2.error
{
	font-weight      : bold;
	font-size        : large;
	color            : black;
	background-color : rgb(255,210,210);
	border           : 3px solid ;
	border-color     : red;
	padding-left     : 5px;
	padding-right    : 5px;
	padding-top      : 0%;
	padding-bottom   : 0%;
	margin-top       : 5px;
	margin-bottom    : 5px;
	margin-right     : 0%;
	margin-left      : 0%;
}

input.greybutton
{
	font-weight      : bold;
	margin-top       : 2px;
	margin-bottom    : 2px;
	margin-right     : 2px;
	margin-left      : 2px;
  background-color : rgb(220,220,220);
  border           : 1px solid;
  border-color     : #696 #363 #363 #696;
}

input.greybuttonhover
{
  background-color : rgb(180,180,180);
  border-color     : #696 #363 #363 #696;
}

input.greyminibutton
{
	/*font-weight      : bold;*/
	font-size        : 70%;
	margin-top       : 0px;
	margin-bottom    : 0px;
	margin-right     : 0px;
	margin-left      : 0px;
  background-color : rgb(220,220,220);
  border           : 1px solid;
  border-color     : #696 #363 #363 #696;
}

input.greyminibuttonhover
{
  background-color : rgb(180,180,180);
  border-color     : #696 #363 #363 #696;
}

input.greenbutton
{
	font-weight      : bold;
	margin-top       : 2px;
	margin-bottom    : 2px;
	margin-right     : 2px;
	margin-left      : 2px;
  background-color : rgb(210,255,210);
  border           : 1px solid;
  border-color     : #696 #363 #363 #696;
}

input.greenbuttonhover 
{   
  border-color     : #464 #232 #232 #464;
  background-color : rgb(150,255,150);
}

input.redbutton
{
	font-weight      : bold;
	margin-top       : 2px;
	margin-bottom    : 2px;
	margin-right     : 2px;
	margin-left      : 2px;
  background-color : rgb(255,210,210);
  border           : 1px solid;
  border-color     : #696 #363 #363 #696;
}

input.redbuttonhover 
{   
  border-color     : #644 #322 #322 #644;
  background-color : rgb(255,150,150);
}

input.veryredbutton
{
	font-weight      : bold;
	margin-top       : 2px;
	margin-bottom    : 2px;
	margin-right     : 2px;
	margin-left      : 2px;
  background-color : rgb(255,120,120);
  border           : 1px solid;
  border-color     : #696 #363 #363 #696;
}

input.veryredbuttonhover 
{   
  border-color     : #644 #322 #322 #644;
  background-color : rgb(255,60,60);
}

input.yellowbutton
{
	font-weight      : bold;
	margin-top       : 2px;
	margin-bottom    : 2px;
	margin-right     : 2px;
	margin-left      : 2px;
  background-color : rgb(250,230,180);
  border           : 1px solid;
  border-color     : #696 #363 #363 #696;
}

input.yellowbuttonhover
{
  background-color : rgb(255,255,120);
  border-color     : #696 #363 #363 #696;
}

.enteredby
{
  font-size : 60%;
}