@import url("https://fonts.googleapis.com/css?family=Roboto");

:root {
 --btncolour: #586454;
 --btnfnt: #5c4852;
 --btnsel: #5c4852;
 --btndesel: #586454;
 --btnselfnt: white;
 --btndeselfnt: #000000;
 --brdrwdth: 0px;
 --bckclr: #586454;
 --txtbkclr:#586454;
 --txtfnt: white;
 --navfnt1: white;
 --navfnt2:#5c4852;
 --navfnt3:#5c4852;
 --dtpkbg: #ebebeb;
 --paracol:#ffffff;
 --nxtcol: #586454;
 --nxtfnt: white;
 --inptclr: #ebebeb;
 --sessgry: #586454;
 --sessgrybk:#000000;
}

p {margin:0px 8px 8px 8px;padding:0px;font-family: "Roboto"; color:var(--paracol);}
#fnt, #b1, #b2, #b3, #b4, #b5, #b6, #b7, #b8, #b9, #b10, #b11, #b12, #b13, #b14, #b15, #b16, #b17, #b18, #b19, #b20
  {font-family: Roboto;}
#btn, #next, .myinfo
  {font-family: Roboto; font-variant: normal; font-weight: bold; background-color:var(--nxtcol); color:var(--nxtfnt); border:1px solid #5c4852; border-radius:0px;}
#txt, #surname, #forename, #phone, #email, #postcode, #psw1, #psw2, #ref
  {font-family: Roboto; background-color:var(--txtbkclr); color:var(--txtfnt);}
#innerbody {border:0px;background-color:var(--bckclr)}
#navbar {background-color:var(--bckclr)}
#statusbar {background-color:var(--bckclr)}
#header {background-color:var(--bckclr)}
#frm, #bdy {background-color:var(--bckclr)}

header {
  font-family:  "Roboto"; 
  font-variant: normal; 
  font-weight: bold; 
}


input.detail {background-color:var(--inptclr);float:right;}
input.special {background-color:var(--inptclr);}
input.reg {background-color:var(--inptclr);}
input.accountnew {background-color:var(--inptclr);}
input.accountcurrent {background-color:var(--inptclr);}
input.accountedit {background-color:var(--inptclr);}

button.session {font-family: Roboto; font-weight: bold; color: var(--btnfnt); background-color: var(--btncolour); --deselcolour: var(--btndesel); --selcolour: var(--btnsel);  --deselfontcolour: var(--btndeselfnt); --selfontcolour: var(--btnselfnt);  margin:1px; border:1px solid #5c4852; border-radius:0px; padding:0px; font-size: larger;font-variant:normal;}
button.sessiongrey {font-family: Roboto; color:var(--sessgry); background-color:var(--sessgrybk); margin:1px;  border:1p;border-radius:1px; padding:0px; font-size: larger;font-variant:normal;}
button.cover {font-family: Roboto; font-weight: bold; text-align:center; color: var(--btnfnt); background-color: var(--btncolour); --deselcolour: var(--btndesel); --selcolour: var(--btnsel);  --deselfontcolour: var(--btndeselfnt); --selfontcolour: var(--btnselfnt); margin:1px;  border:1px solid #5c4852;border-radius:0px; padding:0px; font-size: larger;font-variant:normal;}
button.covergrey {font-family: Roboto;  text-align:center; background-color:var(--bckclr); color:var(--bckclr); margin:1px;  border:1px;border-radius:1px; padding:0px; font-size: larger;font-variant:normal;}

font.nav0 {color:var(--navfnt1);}
font.nav1 {color:var(--navfnt2);}
font.nav2 {color:var(--navfnt3);}

input.dtPicker {background-color:var(--dtpkbg);}
h6 {margin:0px;padding:0px;background-color:var(--bckclr);}