body  { font-family: Verdana, Arial, Helvetica, sans-serif; }
div   { font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; } /* default */
li    { margin-bottom: 0.5em; }
/* prevent form element from added extra line when 
 * before a table, at least in later browsers: */
form  { margin: 0px; padding: 0px; }

/* Backgrounds */
/* For standard page wrapper: */
.darkBg         { background: #4E4E4E;  background-color: #161616; }

/* cell coloring in tables */
/* use on table, tr, td */
.cellDivider { background-color: #40495A; }
.cellBorder  { background-color: #736F8F; }
.cellTabOn   { background-color: #736F8F; }
.cellTabOff  { background-color: #545261; }
.cellHead    { background-color: #ECB054; }
.cellSubHead { background-color: #D8D9F5; margin-left: 5px; text-indent: 5px; } /* :DELETE:? */
.cellTotal   { background-color: #D8D9F5; } /* :DELETE:? */
.cell0       { background-color: #ffffff; }
/* alias for .cell0 for PHPTAL row color alternation */
.cell        { background-color: #ffffff; }
.cell1       { background-color: #efefef; }
.cellPane    { background-color: #767B91; }

/*  text and links */
/* use on div */
h1             { font-size: 105%; font-weight: bold;                    margin-bottom: .1 em; color: black;   }
h2             { font-size: 100%; font-weight: bold; margin-top: .2 em; margin-bottom: .1 em                  }
h3             { font-size: 90%;  font-weight: bold; margin-top: .2 em; margin-bottom: .1 em                  } 
h4             { font-size: 80%;  font-weight: bold; margin-top: .2 em; margin-bottom: .1 em                  }
.heading2      { font-size: 90%;  font-weight: bold; margin-top: .5 em; margin-bottom: .5 em; color: white;   } /* :DELETE:? */
.heading       { font-size: 90%;  font-weight: bold; margin-top: .2 em; margin-bottom: .2 em; color: white;   } /* :DELETE:? */
.headingHP     { font-size: 90%;  font-weight: bold; margin-top: .2 em; margin-bottom: .2 em; color: #F3AA35; }
.tiny          { font-size: 60%;                                                                              } 
.small         { font-size: 80%;                                                                              }
.smallWhite    { font-size: 80%;                                                              color: white;   }
.smallDim      { font-size: 80%;                                                              color: gray;    } /* :DELETE:? */
.smallBold     { font-size: 80%;  font-weight: bold;                                                          } /* :DELETE:? */
.large         { font-size: 105%;                                                                             } /* :DELETE:? */
.pageTitle     { font-size: 105%; font-weight: bold;                    margin-bottom: .2 em; color: white;   }
.pageTitleDark { font-size: 105%; font-weight: bold;                    margin-bottom: .2 em                  } /* :DELETE:? */
.listBar       { font-size: 90%;                                                              color: white;   }
.dialogMessage { font-size: 90%;                                        margin-bottom: 1em;   color: #990000; } /* :DELETE:? */

/* other misc. text */
.pageHelp           { font-size: 75%; color: white; background-color: #161616; padding: 10px; }
.cellQuarterSummary { background-color: #D8D9F5; } /* :DELETE:? */
.navCommand         { font-size: 90%; margin-left: .5em; white-space: nowrap; }  /* :DELETE:? */
.command            {                 margin-left: .5em; white-space: nowrap; } /* :DELETE:? */

/* span */
.inlineHelp { font-size: 85%; color: gray;    text-align: left; } /* only use as span */
.devNote    { font-size: 85%; color: magenta;                   } /* only use as span */ /* :DELETE:? */

/* links */
A.dark { color: #52527D; } /* :DELETE:? */

/* Forms */
/* form fields */
.fieldLabel         { font-size: 75%; font-weight: normal;               white-space: nowrap; }
.fieldRequiredLabel { font-size: 75%; font-weight: bold;                 white-space: nowrap; }
.fieldRequiredStar  { font-size: 95%; font-weight: bold; color: #5F5F5F; white-space: nowrap; }  /* :DELETE:? */
/* highlight button color */
input.highlight     { background-color: #FDCD10;                                              }  /* :DELETE:? */

/* labels, bars, misc */
.smallLabel       { font-size: 80%;                    color: fushsia; white-space: nowrap; }  /* :DELETE:? */
.columnLabel      { font-size: 70%; font-weight: bold; color: white;                        }
.tabOffLabel      { font-size: 90%;                    color: white;   white-space: nowrap; }
.tabOnLabel       { font-size: 90%; font-weight: bold; color: white;   white-space: nowrap; }
.directions       {                                    color: #336600;                      }  /* :DELETE:? */
.locatorItem      { font-size: 70%;                    color: white;   white-space: nowrap; }
.locatorItemBlack { font-size: 70%;                    color: black;   white-space: nowrap; }  /* :DELETE:? */
.instructionBar   { font-size: 70%; font-weight: bold; color: black;   white-space: nowrap; 
                    background-color: #A5B1BF; text-align: left; vertical-align: middle;    }  /* :DELETE:? */

/* status text and links; 1=best, 2=good, 3=normal, 4=warning, 5=no plan, 6=takeover*/
/* use on spans */
.status1    { color: #008600; font-weight: bold; }
.status2    { color: #008600;                    }
.status3    { color: black;                      }
.status4    { color: #CEA200;                    }
.status5    { color: #990000; font-weight: bold; }
.status6    { color: #EF1010;                    }

/* Game States (see: lib/gameTypes/game_state.inc) */
.gamestateERROR     { color: #990000; font-weight: bold; }
.gamestateINIT      { color: black;                      }
.gamestateGATHER    { color: #CEA200;                    }
.gamestateACTIVE    { color: #008600; font-weight: bold; }
.gamestatePAUSED    { color: #ECB054;                    }
.gamestateCOMPLETED { color: black;                      }
.gamestateDELETED   { color: #999999;                    }
   
/* Challenge Status */
.challengeAvailable   { color: #008600; font-weight: bold; }
.challengeNotStarted  { color: black;                      }
.challengeFinished    { color: #CEA200;                    }

/* License Status */
.licenseExpired     { color: #990000; font-weight: bold; }
.licenseNotExpired  { color: #008600; font-weight: bold; }
.licenseStarted     { color: black;                      }
.licenseAssigned    { color: #008600;                    }
.licenseNotAssigned { color: #CEA200;                    }

/* Alerts */
.alert      { color: #EE0000; font-weight: bold;}

/* styles used in lesson plans section */
.lessonDuration    { font-size: 90%; margin-bottom: .5 em;                     }
.lessonOverview    { font-size: 90%; margin-bottom: .5 em;                     }
.lessonNote        { font-size: 90%; margin-bottom: .5 em; font-style: italic; }
.lessonHandoutItem { font-size: 70%; margin-bottom: .5 em;                     }

/* styles used in glossary section */
.glossaryTerm {                 font-weight: bold;                    padding-top: 0.5em; }
.glossaryDef  { font-size: 85%;                    padding-left: 3em; padding-top: 0.5em; }