/*A La Turka*/

@import url("https://fonts.googleapis.com/css?family=Raleway:400,700");
@import url("https://fonts.googleapis.com/css?family=IBM_Plex_Serif:400,700");

:root {
 --btncolour: #4d3b51;
 --btnfnt:  #FFBB99 ;
 --btnsel: #8D2222 ;
 --btndesel: #4d3b51;
 --btnselfnt: #FFBB99;
 --btndeselfnt: #2A2729;
 --brdrwdth: 0px;
 --bckclr: #2A2729  ; 
}

p {margin:0px 8px 8px 8px;padding:0px;font-family: "Raleway"; color:var(--btnfnt);}
#fnt, #b1, #b2, #b3, #b4, #b5, #b6, #b7, #b8, #b9, #b10, #b11, #b12, #b13, #b14, #b15, #b16, #b17, #b18, #b19, #b20
  {font-family: Raleway;}
#btn, #next, .myinfo, #areaselect
  {font-family: Raleway; font-variant: small-caps; font-weight: bold; background-color:var(--btncolour); color:var(--btnselfnt); border:0px; border-radius:4px;}
#txt, #surname, #forename, #phone, #email, #postcode, #psw1, #psw2, #ref
  {font-family: Raleway; background-color:#FFBB99 ; color:#888;}
#innerbody {border:0px;}
#navbar {background-color:var(--bckclr);}
#statusbar {background-color:var(--bckclr);}
#header {background-color:var(--bckclr)}
#frm, #bdy {background-color:var(--bckclr)}

header {
  font-family: IBM Plex Serif; 
  font-variant: normal; 
  font-weight: bold; 
  font-size: 1.5em;
  color:var(--btnfnt);
}

tcs, tcs.hover {
  color: white;
}

input.detail {background-color:#FFFFC0;float:right;}
input.special {background-color:#FFFFC0;}
input.reg {background-color:#C0FFC0;}
input.accountnew {background-color:#A0FFA0; }
input.accountcurrent {background-color:#D0D0FF;}
input.accountedit {background-color:#FFC0A0;}

input.signin {display: none;}
input.register {display: none;}

button.session {font-family: IBM Plex Serif; font-variant: small-caps; 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:0px; border-radius:4px; padding:0px; }
button.sessiongrey {font-family: IBM Plex Serif; font-variant: small-caps; color:black; background-color:#A0A0A0; margin:1px;  border:0px;border-radius:4px; padding:0px; }
button.cover {font-family: IBM Plex Serif; font-variant: small-caps; 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:0px;border-radius:4px; padding:0px; font-size: larger;}
button.covergrey {display: none;} /* {font-family: IBM Plex Serif; font-variant: small-caps;  text-align:center; background-color:#A0A0A0; margin:1px;  border:0px;border-radius:4px; padding:0px; font-size: larger;}*/

font.nav0 {color:#f7ded2;}
font.nav1 {color:#FFBB99;}
font.nav2 {color:#FFBB99;}

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