div#headermatter {
  color : darkgreen;
  background-color : lightgray;
  max-width : 8.5in;
  padding-left : 8px;
  padding-bottom : 2px;
  /*position : fixed;*/
}

div#mainmatter {
  /*padding-top : 2.75in;*/
}

div#footermatter {
  font-size: 8pt;
}

form.form {
  margin : 1em;
  margin-right : 5em;
  padding : 1em;
  border : thin solid darkgreen;
  background-color : #EEEEEE;
}

th {
  border : 3px solid gray;
  color : lightgray;
  background-color : darkgreen;
  white-space : nowrap;
  font-size : 11px;
  text-align : left;
}

p.links, p.links a {
  font-size : 12px;
  color : darkgreen;
}

form {
  font-size : 12px;
}

td {
  font-size : 11px;
  vertical-align : top;
}

td.A14 {
  border : 2px solid #966F33;
  background-color : tan;
}

td.W15 {
  border : 2px solid blue;
  background-color : lightblue;
}

td.S15 {
  border : 2px solid green;
  background-color : lightgreen;
}

span.course_title {
  white-space : nowrap;
}

body {
  font-family : Verdana, sans serif;
}

tr.even {
  background-color : #FFF4CE;
}

tr.odd {
  background-color : #FFFDF3;
}

table {
  max-width : 8.5in;
}

fieldset {
  color: darkgreen;
  display: inline-block;
  margin : 4px;
}

legend {
  color: black;
}

tr.grad td {
  background-color : mintcream;
}

tr.labs td.spacer, tr.grad td.spacer {
  background-color: white;
}

tr.labs td.labs {
  border : 2px solid gray;
  background-color : aliceblue;
}

span.prereqs {
  border-bottom   : 1px dashed gray;
}

p.linkbar, p.linkbar a {
  font-size : smaller;
  font-weight : bold;
  color : darkgreen;
}

h1 {
  font-size : 18pt;
}

h2 {
  font-size : 14pt;
}

/* tooltip from 
 *
 * http://www.webdesignerdepot.com/2012/11/how-to-create-a-simple-css3-tooltip/
 */

a.tooltip {
  color : black;
}

a.descrip {
  /* color : maroon; */
  color : black;
  font-weight : normal;
  font-family : Monaco, monospace;
  font-size : 8pt;
  text-decoration : none;
}

a.sitenav {
  color : black;
  font-size : 10pt;
}

div.descrip blockquote, blockquote.prereqs, blockquote.crosslistings, blockquote.offering_note {
  background-color : white;
  padding-left : 9px;
  padding-top : 3px;
  padding-bottom : 6px;
  padding-right : 6px;
  border : thin solid silver;
}

blockquote.offering_note {
  background-color : aliceblue;
  border : thin solid black;
}

blockquote.crosslistings {
  background-color : cornsilk;
}

.tooltip {
  display: inline;
  position: relative;
}

/*
.tooltip:hover:before{
  border: solid;
  border-color: #333 transparent;
  border-width: 6px 6px 0 6px;
  bottom: 20px;
  content: "";
  left: 50%;
  position: absolute;
  z-index: 99;
}
*/

.tooltip:hover:after{
  border : 2px solid darkgreen;
  background: #333;
  background: ivory; //rgba(230,230,230,1); /*0,96,0,1);*/
  border-radius: 5px;
  top: -0.5em;
  color: darkgreen;
  content: attr(title);
  left: 0.5em;
  padding: 5px 15px;
  position: absolute;
  z-index: 98;
  width:auto;
  min-width: 2in;
  font-weight:bold;
  text-align : left;
}

a.inst {
  color : black;
}

p.please_note {
  font-size : 9pt;
  color : black;
}

div.scroll {
  //padding-left  : 1em;
  //border        : thin solid black;
  max-width     : 11in;
  overflow      : hidden;
  overflow-y    : scroll;
  height        : 600px;
  margin-bottom : 2em;
}