A    { font-family: Helvetica; font-size: 16px; font-weight: bold; text-decoration: none; color: #000000; display: inline; }
H1  { font-family: Helvetica; font-size: 24px; font-style: normal; font-weight: normal; color: #808080; display: inline; }
H2  { font-family: Helvetica; font-size: 24px; font-style: normal; font-weight: normal; color: #FFFFFF; display: inline; }
H3  { font-family: Helvetica; font-size: 16px; font-weight: normal; color: #FFFFFF; display: inline; }
P    { font-family: Helvetica; font-size: 16px; font-weight: bold; color: #AAAAAA; }
TD  { font-family: Helvetica; font-size: 16px; font-weight: bold; color: #AAAAAA; }
OL  { font-family: Helvetica; font-size: 16px; font-weight: bold; color: #AAAAAA; }
B    { font-family: Helvetica; font-size: 16px; font-weight: bold; color: #666666; }
I     { font-family: Helvetica; font-size: 16px; font-style: italic; color: #999999; }
LI   { font-family: Helvetica; font-size: 16px; font-weight: bold; color: #AAAAAA; margin-top: 8px; }
TR { vertical-align:center; }
FORM { display: inline; }
BUTTON { display: inline; margin:0px; border:0px; }
PRE { font-family: Helvetica; font-size: 14px; font-weight: bold; color: #000000; display: inline; }
SELECT { -webkit-appearance: none; padding: 5px; }

.showme { font-family: Helvetica; font-size: 16px; font-weight: bold; color: #AAAAAA; }
.score { font-family: Helvetica; font-size: 18px; white-space: nowrap; font-weight: bold; font-weight: normal; color: #AAAAAA; }
.scoreheader { font-family: Helvetica; font-size: 18px; white-space: nowrap; font-weight: bold; font-weight: normal; color: #808080; }
.scorelink { font-family: Helvetica; font-size: 18px; white-space: nowrap; font-weight: bold; font-weight: normal; color: #808080; }

.white32 { font-family: Helvetica; font-size: 24px; font-weight: bold; color: #FFFFFF; display: inline; }
.templatefont { font-family: Helvetica; font-size: 18px; font-weight: normal; color: #000000; display: inline; }
.templatewhite { font-family: Helvetica; font-size: 18px; font-weight: normal; color: #FFFFFF; display: inline; }
.bigfont { font-family: Helvetica; font-size: 48px; font-weight: normal; color: #AAAAAA; display: inline; }
.midfont24 { font-family: Helvetica; font-size: 24px; font-weight: normal; color: #AAAAAA; display: inline; }
.midfont { font-family: Helvetica; font-size: 24px; font-weight: normal; color: #AAAAAA; display: inline; }
.midfontbold { font-family: Helvetica; font-size: 24px; font-weight: normal; color: #808080; display: inline; }
.menufont { font-family: Helvetica; font-size: 28px; font-weight: normal; color: #FFFFFF; display: inline; }

::placeholder {
  color: #CCCCCC;
}

.bigselection { font-family: Helvetica; font-size: 24px; font-weight: normal; color: #AAAAAA; display: inline; }
.optimal   { font-family: Helvetica; font-size: 16px; font-weight: bold; color: #007700; }
.adequate   { font-family: Helvetica; font-size: 16px; font-weight: bold; color: #777700; }
.inadequate   { font-family: Helvetica; font-size: 16px; font-weight: bold; color: #770000; }
.inefficient   { font-family: Helvetica; font-size: 16px; font-weight: bold; color: #770000; }
.dev  { font-family: Helvetica; font-size: 16px; font-weight: bold; color: #770000; }
.needs  { font-family: Helvetica; font-size: 16px; font-weight: bold; color: #770000; }
.tickbox { width:26px; height:26px; font-size:16px; background-color:#00B0F0; }

.pagetitle { position:absolute; top:22; left:335; font-family: Helvetica; font-size: 32px; font-style: normal; font-weight: normal; color: #27A4EC; }
.printtitle { position:absolute; top:74; left:300; font-family: Helvetica; font-size: 32px; font-style: normal; font-weight: normal; color: #000000; }
.pagewidth { width:968; }
.tablewidth { width:968; margin:0px; }
.message p { font-family: Helvetica; font-size: 24px; font-weight: normal; text-decoration: none; color: #000000; }

.navoption a { font-family: Helvetica; font-size: 12px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
.navbar { background-image: url(../images/header_app.png); height:84 }
.menubar { height:84 }
.headerbar { background-color: #808080; height:42; color: #FFFFFF; }
.printbar { background-color: #FFFFFF; height:42; color: #808080; }
.fieldbar { height:42; color: #222222; font-family: Helvetica; font-size: 16px; font-weight: bold; text-decoration: none; }

.numbutton  { -webkit-appearance: none; border-radius: 0; width:50px; height:50px; border:none; background-color:#229922; cursor:hand; font-family: Helvetica; font-size: 24px; font-weight: normal; color: #FFFFFF; display: inline; }
.gobutton  { -webkit-appearance: none; border-radius: 0; width:80px; height:80px; border:none; background-color:#808080; cursor:hand; font-family: Helvetica; font-size: 24px; font-weight: normal; color: #FFFFFF; display: inline; }
.okbutton  { width:80px; height:80px; border:none; background-image: url(../images/icon80_ok.gif); cursor:hand; }
.oknextbutton  { width:80px; height:80px; border:none; background-image: url(../images/icon80_oknext.gif); cursor:hand; }
.oldprintbutton  { width:80px; height:80px; border:none; background-image: url(../images/icon80_print.gif); cursor:hand; }
.deletebutton  { width:80px; height:80px; border:none; background-image: url(../images/icon80_delete.gif); cursor:hand; }
.undeletebutton  { width:80px; height:80px; border:none; background-image: url(../images/icon80_undelete.gif); cursor:hand; }

.redstatus      { height:27; border:0; background-color:#992222; cursor:hand; margin:1; font-family: Helvetica; font-size: 12px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
.greenstatus  { height:27; border:0; background-color:#229922; cursor:hand; margin:1; font-family: Helvetica; font-size: 12px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
.bluestatus   { height:27; border:0; background-color:#222299; cursor:hand; margin:1; font-family: Helvetica; font-size: 12px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
.yellowstatus   { height:27; border:0; background-color:#FFFF22; cursor:hand; margin:1; font-family: Helvetica; font-size: 12px; font-weight: normal; text-decoration: none; color: #000000; }

.loginbutton  { -webkit-appearance: none; border-radius: 0; width:420; height:66; border:0; background-color:#AA1317; cursor:hand; margin:10; font-family: Helvetica; font-size: 32px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
.savebutton  { -webkit-appearance: none; border-radius: 0; width:320; height:66; border:0; background-color:#229922; cursor:hand; margin:10; font-family: Helvetica; font-size: 32px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
.savebutton[disabled] {
    background-color: #808080;
    cursor: not-allowed;
}
.offlinebutton  { -webkit-appearance: none; border-radius: 0; width:320; height:66; border:0; background-color:#808080; cursor:hand; margin:10; font-family: Helvetica; font-size: 32px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
.cancelbutton  { -webkit-appearance: none; border-radius: 0; width:320; height:66; border:0; background-color:#992222; cursor:hand; margin:10; font-family: Helvetica; font-size: 32px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
.deletebutton  { -webkit-appearance: none; border-radius: 0; width:320; height:66; border:0; background-color:#FF2222; cursor:hand; margin:10; font-family: Helvetica; font-size: 32px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
.printbutton  { -webkit-appearance: none; border-radius: 0; width:320; height:66; border:0; background-color:#222299; cursor:hand; margin:10; font-family: Helvetica; font-size: 32px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
.orthobutton  { -webkit-appearance: none; border-radius: 0; width:420; height:66; border:0; background-color:#808080; cursor:hand; margin:10; font-family: Helvetica; font-size: 32px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
.menubutton  { -webkit-appearance: none; border-radius: 0; width:464; height:84; border:0; background-color:#808080; cursor:hand; margin:10; font-family: Helvetica; font-size: 32px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
.redbutton      { height:27; border:0; background-color:#992222; cursor:hand; margin:10; font-family: Helvetica; font-size: 12px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
.greenbutton  { height:27; border:0; background-color:#229922; cursor:hand; margin:10; font-family: Helvetica; font-size: 12px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
.bluebutton  { height:27; border:0; background-color:#222299; cursor:hand; margin:10; font-family: Helvetica; font-size: 12px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
.filterbutton  { height:27; border:0; background-color:#5596FF; cursor:hand; margin:10; font-family: Helvetica; font-size: 12px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
.takeoffbutton  { height:27; border:0; background-color:#4496FF; cursor:hand; margin:10; font-family: Helvetica; font-size: 12px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
.buttonbar { background-color: #FFFFFF; }
.pickable { cursor:hand; }

.bignumber  { text-align:center;  background-color: #FFFFFF; font-family: Helvetica; font-size: 18px; font-weight: bold; text-decoration: none; color:#000000; }
.datafield  { text-align:center;  background-color: #FFFFFF; font-family: Helvetica; font-size: 12px; font-weight: bold; text-decoration: none; color:#000000; }
.textfield { border:none; border-width:0; border-color:#0196FF; background-color: #DDDDDD; font-family: Helvetica; font-size: 16px; font-weight: bold; text-decoration: none; color: #666666; }
.selecttakeoff { border-width:0; border-color:#0196FF; background-color: #FFFF99; font-family: Helvetica; font-size: 22px; font-weight: normal; text-decoration: none; color: #000000; }
.numberfield { text-align:right; border-width:0; border-color:#0196FF; background-color: #CCFFCC; font-family: Helvetica; font-size: 14px; font-weight: bold; text-decoration: none; color: #666666; }
.overridefield { text-align:right; border-width:0; border-color:#0196FF; background-color: #FFCCCC; font-family: Helvetica; font-size: 14px; font-weight: bold; text-decoration: none; color: #666666; }
.contact p { font-family: Helvetica; font-size: 14px; font-weight: normal; text-decoration: none; color: #000000; }
.contact a { font-family: Helvetica; font-size: 14px; font-weight: normal; text-decoration: none; color: #4496FF; }

.bigtitle a { font-family: Helvetica; font-size: 24px; font-weight: normal; text-decoration: none; color: #000000; }
.title a { font-family: Helvetica; font-size: 16px; font-weight: bold; text-decoration: none; color: #FFFFFF; }
.black  { background-color: #000000; text-align:center;  font-family: Helvetica; font-size: 14px; font-weight: bold; text-decoration: none; color:#FFFFFF; }
.row1  { background-color: #DDDDDD; font-family: Helvetica; font-size: 14px; font-weight: bold; text-decoration: none; color:#000000; }
.row2  { background-color: #FFFFFF; font-family: Helvetica; font-size: 14px; font-weight: bold; text-decoration: none; color:#000000; }
.white  { font-family: Helvetica; font-size: 14px; font-weight: bold; text-decoration: none; color:#333333; }
.void  { background-color: #666666; font-family: Helvetica; font-size: 12px; font-weight: normal; text-decoration: none; color:#FFFFFF; }
.stage  { background-color: #FFFF99; font-family: Helvetica; font-size: 14px; font-weight: bold; text-decoration: none; color:#000000; }

.noborder { padding:0px; border:0px; border-width:0; }

.radio {
    font-family: Helvetica; font-size: 24px; font-style: normal; font-weight: normal; color: #00ADEF;
    display:inline-block;
    height:80px;
    width:968px;
    cursor:hand;
    -webkit-appearance: none;
    border-radius: 6;
}

.warning {
    background-color: pink;
    padding: 5px 20px;
    margin: 20px;
}
.warning p {
  color: black;
}

#windows-opengl-banner,
#chrome-banner {
    background-color: pink;
    padding: 10px;

    /* programatically shown */
    display: none;
}

#windows-opengl-banner h1,
#chrome-banner h1 {
    color: black;
}

#windows-opengl-banner p,
#chrome-banner p {
    font-size: 19px;
    color: black;
    font-weight: normal;
}

code {
    display: inline-block;
    background-color: lightgrey;
    color: black;
    padding: 4px;
}

#windows-opengl-banner button {
    font-size: 16px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    height: 30px;
}

#beta-disclaimer {
    text-align: left;
    padding: 1em;
    background-color: lightyellow;
    color: #666;
}