/* font colours and sizes */
/* july '12 replace #0096d7 with #3366cc (ctc blue) and yellow with #ffcc00 (gold) */
.plain { color: #008e52 }
.blank { color: white }
.update { color: red }
.loud { color: #33ff33 }
.head { color: #006720 }
.highlight { background-color: #ffffcc }
.invert { background-color: navy; color: white }
.greyback { background-color: #888888; color: white }
.none { display: none }
.hidden { visibility: hidden }

.Easy  { background-color: #008e52 !important; color: white !important; }
.Easynav  { background-color: #006720 !important; color: white !important; }
.Moderate  { background-color: #3366cc !important; color: white !important; }
.Enthusiast  { background-color: #ff9900 !important; color: white !important; }
.Expedition  { background-color: #e4000e !important; color: white !important; }

/* .1  { background-color: #008e52 !important; color: white !important; }
.2  { background-color: #3366cc !important; color: white !important; }
.3  { background-color: #ff9900 !important; color: white !important; }
.4  { background-color: #e4000e !important; color: white !important; }
.9  { background-color: white !important; color: white !important; } */

.Easytwo  { color: #008e52 !important; }
.Moderatetwo  { color: #3366cc !important; }
.Enthusiasttwo  { color: #ff9900 !important; }
.Expeditiontwo  { color: #e4000e !important; }

.UK  { background-color: #663399 !important; color: white !important; width: 580px; }
.EU  { background-color: #cc6600 !important; color: white !important; width: 580px; }
.W  { background-color: maroon !important; color: white !important; width: 580px; }
/* .W  { background-color: #990066 !important; color: white !important; width: 580px; } */

.UKtwo  { color: #663399 !important; font-weight: bold;  }
.EUtwo  { color: #cc6600 !important; font-weight: bold;  }
.Wtwo  { color: maroon !important; font-weight: bold;  }

.UKthree  { background-color: #663399 !important; color: white !important; }
.EUthree  { background-color: #cc6600 !important; color: white !important; }
.Wthree  { background-color: maroon !important; color: white !important; }

.navy { color: navy }
.maroon { color: maroon }
.red { color: red }
.update { color: red }
.blue { color: #3366cc }
.green { color: #008e52 }
.lightblue { color: #66ccff }
.lightgreen { color: #33ff33 }
.palegreen { color: #ccff99 }
.darkblue { color: #0053a5 }
.darkgreen { color: #006720 }
.white { color: white }
.yellow { color: #ffcc00 }
.black { color: black }
.silver { color: silver }
.grey { color: #888888 }

.vote { color: #006600; background-color: #ccff99; font-size: 12px; line-height: 10pt;}
.bluback { color: #006600; background-color: #ccff99; font-size: 8px; line-height: 10pt;}
.skyback { background-color: #ccff99;  line-height: 10pt;}
.skyback:focus { background-color: white;  line-height: 10pt;}

.tiny { font-size: 9px !important; line-height: 90% !important; }
.small { font-size: 9px !important; line-height: 120% !important; }
.smallx { font-size: 9px; line-height: 125% }
.smaller { font-size: 11px !important; line-height: 125% !important; }
.larger { font-size: 14px !important; }
.large { font-size: 16px !important; }
.largex { font-size: 14px !important; line-height: 125% !important; }
.bigger { font-size: 18px }
.big { font-size: 22px }
.biggest { font-size: 26px }
.fancy { font-family: 'Comic Sans MS', cursive; font-style: italic }
.mono { font-family: 'Courier New', Courier, Monospace; white-space: pre;}
.heading { font-size: 24px; color: #008e52  }
.subheading { font-size: 14px; color: #003366 }

.stripe0 { background-color: transparent !important; }
.stripe1 { background-color: white !important; }
.stripe2 { background-color: #eeeeee !important; }
.stripe3 { background-color: #ccff99 !important; }

/* links */
a { text-decoration: none; color: #006720; background-color: white; font-weight: bold; }
a.ad { color: #bd6c2c  !important;}
a.pdf { color: white; background-color: maroon; line-height: 120% }
a.doc { color: white; background-color: #0053a5; line-height: 120% }
a.xls { color: white; background-color: #006720; line-height: 120% }
a.link { color: white; background-color: #0053a5; width: 83px; text-align : center;}
a.navbar { color: #006720; background-color: white; display:block; width:120px; line-height: 125% !important;}
a.navrev {  color: #3366cc; background-color: white; display:block; width:120px; line-height: 125% !important;}
a.navsmall { color: #006720; background-color: white; display:block; width:120px; font-size: 10px !important; line-height: 110% !important;}
a.topbar { color: white; background-color: transparent; font-size: 10px !important; padding: 1px;}
a.rev { color: white; background-color: transparent; font-size: 10px !important; line-height: 110% !important;}

a:visited { text-decoration: none; color: #006720; background-color: white; font-weight: bold; }
a.ad:visited { color: #bd6c2c  !important;}
a.pdf:visited { color: white; background-color: maroon; }
a.doc:visited { color: white; background-color: #0053a5; }
a.xls:visited { color: white; background-color: #006720; }
a.link:visited { color: white; background-color: #0053a5;}
a.navbar:visited { color: #006720; background-color: white;}
a.navrev:visited { color: #3366cc; background-color: white; }
a.navsmall:visited { color: #006720; background-color: white;}
a.topbar:visited { color: white; background-color: transparent; }
a.rev:visited { color: white; background-color: transparent;}
a:active { text-decoration: none; color: #006720; background-color: white; font-weight: bold; }
a.pdf:active { color: white; background-color: maroon; }
a.doc:active { color: white; background-color: #0053a5; }
a.xls:active { color: white; background-color: #006720; }
a.link:active { color: white; background-color: #0053a5;}
a.navbar:active { color: #006720; background-color: white;}
a.navrev:active { color: #3366cc; background-color: white; }
a.navsmall:active { color: #006720; background-color: white;}
a.topbar:active { color: white; background-color: transparent;  }
a.rev:active { color: white; background-color: transparent;}

a:hover { text-decoration: none; color: #ffcc00; background-color: #006720; font-weight: bold; }
a.pdf:hover { color: white; background-color: #e4000e; }
a.doc:hover { color: white; background-color: #3366cc; }
a.xls:hover { color: white; background-color: #006720; }
a.link:hover { color: white; background-color: #66ccff; }
a.navbar:hover { color: #ffcc00; background-color: #3366cc; }
a.navrev:hover { color: #ffcc00; background-color: #3366cc; }
a.navsmall:hover { color: #ffcc00; background-color: #3366cc; }
a.topbar:hover { color: #3366cc; background-color: white;}
a.rev:hover { color: #ffcc00; background-color: #3366cc;}