/* This CSS block loads the colorset information */
/* It assumes four variables (custom properties) for colors:
   --color0 is primarily the body background color
   --color1 is primarily the body foreground color
   --color2 is the unvisited link color
   --color3 is the visited link color
   The colorset is not actually defined here, as it is assumed to be brought in separately */

/* What follows here is the specific color usage declarations */

body,option {background-color: var(--color0); color: var(--color1);}
h1,div.banner,.invert {color: var(--color0); background-color: var(--color1);}
.spoiler {color: var(--color0); background-color: var(--color0);}

a:link {color: var(--color2);}
a:visited {color: var(--color3);}

/* Non-color information follows */

body                {font-family: Tahoma,Arial,sans-serif;}
h1,h2               {font-variant: small-caps;}
h1,h2,h3,h4         {text-align: center;}
h1.special          {font-size: 298.6%;}
h1, div.banner13    {font-size: 207.4%;}
h2                  {font-size: 172.8%;}
h3                  {font-size: 144.0%;}
div.caution         {font-size: 100.0%; border-style: solid none; text-align: center;}
h4                  {font-size: 120.0%;}
h5                  {font-size: 100.0%;}
h6                  {font-size: 83.3%;}
h1,h2,h3,h4,h5,h6
div.caution         {font-weight: bolder; font-style: normal; margin: 0.2ex;}

.quarterblock       {min-width: 25%; float: left;}

.subhead            {font-size: 83.3%;}

.champion           {font-size: 144.0%; font-weight: bolder; font-style: normal; border-style: solid none; text-align: center; display: inline;}

code,pre            {font-family: Fixedsys,'Lucida Console',monospace;}

p                   {text-indent: 2.8em; margin: 0.5em 0;}

img                 {border-style: none;}

.blink              {text-decoration: blink;}

hr                  {margin: 0.25em; clear: both;}

a                   {text-decoration-line: underline; text-decoration-style: dashed; text-decoration-thickness: 5%;}

div.banner13
                    {text-align: center; padding: 0.1em;}

div.banner13
                    {font-variant: normal; font-family: Stencil,fantasy; }

/* activated links do not appear different from normal (new/visited) links    */
a:active            {color: inherit;}

/* options should color-match; option cascades in separately                  */
select              {background-color: inherit; color: inherit;}

/* address info in the footer should display normally                         */
address             {display: inline; font: inherit;}

/* footer and header should be de-emphasized */
div.header          {font-size: 83.3%; font-weight: lighter; font-style: normal; margin-bottom: 0.5em; text-align: center;}
div.youarehere      {text-align: left; margin-top: 0.5em;}
div.footer          {font-size: 69.4%; font-weight: lighter; font-style: italic; margin-top: 0.5em;}

.contrastheader     {display: inline; margin: 1ex;}

/* These are designed as Lab-specific, but the blank-table is a useful contruct anyway.*/
table.colors        {border: 0px none; width: 100%; bottom: 0px; background: #FFF; color: #000;}
tr.block            {height: 2em;}
table.colors td     {padding: 2px; text-align: center;}

.userid             {font-family: monospace;}

div.banner13
               {width: 100%; color: inherit; margin: 0.2ex;
                background-color: inherit; background-image: linear-gradient(var(--color1), var(--color0), var(--color0), var(--color0), var(--color1));}

.gradreq            {float: left; padding: 0.2ex; margin: 0.2ex; border: 0.3ex solid; text-align: center;}

.coursename         {margin-right: 1ex; text-align: center; font-family: serif; border: solid;}

.weighted           {border-right: dashed; border-left: dashed; border-top: dashed;}

.illegal            {color: var(--color0); background-color: var(--color1);}

div.log             {font-family: monospace; white-space: pre-wrap;}

option.sub          {text-align: right;}