body    { font-family: arial, sans-serif; color: black; background-color: white; margin: 0pt }
caption { font-family: arial, sans-serif }
font    { font-family: arial, sans-serif }
p       { font-family: arial, sans-serif }
table   { font-family: arial, sans-serif; margin-left: auto; margin-right: auto }
tr      { font-family: arial, sans-serif; white-space: nowrap; text-align:left }
th      { font-family: arial, sans-serif }
td      { font-family: arial, sans-serif }
h1      { margin: 0}
h2      { margin: 0}
h3      { margin: 0}

label.hidden         { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden }

.sem-padding         { width: 1em }
.sem-heading         { text-decoration: none;      font-size: large; font-weight: normal; color: black; background-color: white; text-align: center; border-bottom: 1px solid black; padding: 0 }
.sem-text            { text-decoration: none;      font-size: large; font-weight: normal; color: black; background-color: white }
.sem-link            { text-decoration: underline; font-size: large; font-weight: normal; color: blue;  background-color: white }
a.sem-link:link      { color: blue }
a.sem-link:visited   { color: blue }
a.sem-link:hover     { color: red  }
a.sem-link:active    { color: blue }
.sem-link-small-text { text-decoration: none;      font-size: small; font-weight: normal; color: black; background-color: white }

.bldg-hdng    { text-decoration: underline; font-size: xx-large; font-weight: normal; color: black; background-color: white }
.bldg-text    { text-decoration: none;      font-size: large;    font-weight: normal; color: black; background-color: white }

img.bldgpic   { position:fixed; top:0; bottom:0; left:0; right:0; max-width:100%; max-height:100%; margin:auto }
h1.bldgpic    { position:fixed; top:0; bottom:0; left:0; right:0; font-size:xx-large; font-weight:bold; text-align:center }
h1.bldgpic-w  { position:fixed; top:0; bottom:0; left:0; right:0; font-size:xx-large; font-weight:bold; text-align:center; color:white }

.heading      { text-decoration: none; font-size: x-large; font-weight: normal; color: white; background-color: #a50000; text-align: center }
.heading-side { text-decoration: none; font-size: x-large; font-weight: normal; color: white; background-color: #a50000; width: 25%; padding: 10px 5px 5px 10px }
.semester     { text-decoration: none; font-size: large;   font-weight: normal; color: white; background-color: #a50000; text-align: center }
.new-semester { text-decoration: underline; font-size: x-large; font-weight: bold;   color: white; background-color: #a50000; text-align: center }
.results      { text-decoration: none; font-size: x-large; font-weight: normal; color: black; background-color: white;   text-align: center }
.dept         { text-decoration: none; font-size: x-large; font-weight: normal; color: black; background-color: white }
.chair        { text-decoration: none; font-size: large;   font-weight: normal; color: black; background-color: white }
.dept-note    { text-decoration: none; font-size: medium;  font-weight: normal; color: black; background-color: white; white-space: normal }
.course       { text-decoration: none; font-size: medium;  font-weight: bold;   color: white; background-color: #a50000 }
.course-2     { text-decoration: none; font-size: x-small; font-weight: bold;   color: white; background-color: #a50000; text-align:center }
.section-0    { text-decoration: none; font-size: small;   font-weight: normal; color: black; background-color: #ffffff }
.section-1    { text-decoration: none; font-size: small;   font-weight: normal; color: black; background-color: #ffcccc }
.course-note  { text-decoration: none; font-size: small;   font-weight: normal; color: black; background-color: #ffcccc; white-space: normal }
.prereq       { text-decoration: none; font-size: small;   font-weight: bold;   color: black; background-color: #ffcccc; white-space: normal }
.fee          { text-decoration: none; font-size: small;   font-weight: bold;   color: black; background-color: #ffcccc }
.search-error { text-decoration: none; font-size: x-large; font-weight: normal; color: red;   text-align: center }
.pad-h        { padding-left: 1em; padding-right: 1em }
.canceled     { font-weight: bold; color: red }
.title        { white-space: normal }
.and          { text-align: right } 
.start-time   { text-align: right; padding-left: 0.5em }
.stop-time    { text-align: right }
.room         { padding-left: 0.5em }
.instructor   { padding-left: 0.5em }
.center       { text-align: center }
.nowrap       { white-space: nowrap }
.wrap         { white-space: normal }
.underline    { text-decoration: underline }

.system-error { text-align: center; margin-left: auto; margin-right: auto; color: red }
.debug-msg    { text-align: center; margin-left: auto; margin-right: auto; font-size: x-large }

table.search-note { margin-left: 0; margin-right: 0 }
td.search-note-r  { text-decoration: none; font-size: x-small; font-weight: normal; color: black; text-align: right }
td.search-note-l  { text-decoration: none; font-size: x-small; font-weight: normal; color: black; text-align: left }
span.search-note  { text-decoration: none; font-size: x-small; font-weight: normal; color: black; text-align: left }

.xx-small              { text-decoration: none;      font-size: xx-small;  font-weight: normal; color: black }
.xx-small-link         { text-decoration: underline; font-size: xx-small;  font-weight: normal; color: blue  }
.x-small               { text-decoration: none;      font-size: x-small;   font-weight: normal; color: black }
.small                 { text-decoration: none;      font-size: small;     font-weight: normal; color: black }
.small-bold            { text-decoration: none;      font-size: small;     font-weight: bold;   color: black }
.small-link            { text-decoration: underline; font-size: small;     font-weight: normal; color: blue  }
.small-link-color      { text-decoration: none;      font-size: small;     font-weight: normal; color: blue  }
.medium                { text-decoration: none;      font-size: medium;    font-weight: normal; color: black }
.medium-bold           { text-decoration: none;      font-size: medium;    font-weight: bold;   color: black }
.medium-link           { text-decoration: underline; font-size: medium;    font-weight: normal; color: blue  }
.medium-link-color     { text-decoration: none;      font-size: medium;    font-weight: normal; color: blue  }
.medium-red            { text-decoration: none;      font-size: medium;    font-weight: normal; color: red   }
.large                 { text-decoration: none;      font-size: large;     font-weight: normal; color: black }
.large-bold            { text-decoration: none;      font-size: large;     font-weight: bold;   color: black }
.large-link            { text-decoration: underline; font-size: large;     font-weight: normal; color: blue  }
.x-large               { text-decoration: none;      font-size: x-large;   font-weight: normal; color: black }
.x-large-link          { text-decoration: underline; font-size: x-large;   font-weight: normal; color: blue  }
.x-large-link-color    { text-decoration: none;      font-size: x-large;   font-weight: normal; color: blue  }
.xx-large              { text-decoration: none;      font-size: xx-large;  font-weight: normal; color: black }

a.small-link:link      { color: blue }
a.small-link:visited   { color: blue }
a.small-link:hover     { color: red  }
a.small-link:active    { color: blue }
a.medium-link:link     { color: blue }
a.medium-link:visited  { color: blue }
a.medium-link:hover    { color: red  }
a.medium-link:active   { color: blue }
a.large-link:link      { color: blue }
a.large-link:visited   { color: blue }
a.large-link:hover     { color: red  }
a.large-link:active    { color: blue }

.course-link            { color: white; background-color: #a50000; cursor: default }
a.course-link:link      { color: white; background-color: #a50000; text-decoration: none }
a.course-link:visited   { color: white; background-color: #a50000; text-decoration: none }
a.course-link:hover     { color: white; background-color: #a50000; text-decoration: none }
a.course-link:active    { color: white; background-color: #a50000; text-decoration: none }

.section-link           { cursor: default }
a.section-link:link     { }
a.section-link:visited  { }
a.section-link:hover    { }
a.section-link:active   { }

table.search-range     { margin-left: auto; margin-right: auto; border-spacing: 1em }
.search-range-disabled { font-size: small;  font-weight: normal; color: red;  text-align: center; padding: 0 }
.search-range          { font-size: small;  font-weight: normal; color: blue; text-align: center; padding: 0  }
a.search-range:link    { color: blue }
a.search-range:visited { color: blue }
a.search-range:hover   { color: red  }
a.search-range:active  { color: blue }

.course-popup           { text-decoration: none; text-align:left;   font-size: medium; font-weight: normal; color: black; background-color: #ffffcc; border: 1px solid #a50000; padding: 0.5ex 0.5em; visibility:hidden; position:absolute }
.gened-popup            { text-decoration: none; text-align:left;   font-size: medium; font-weight: normal; color: black; background-color: #ccffcc; border: 1px solid #a50000; padding: 0.5ex 0.5em; visibility:hidden; position:absolute }
.picture-popup          { text-decoration: none; text-align:center; font-size: large;  font-weight: bold  ; color: black; background-color: #ffffcc; border: 1px solid #a50000; padding: 0.5ex 0.5em; visibility:hidden; position:absolute }