/**************************************************************************
 * page formatting
 *************************************************************************/

body { background-color: white;
  color: black;
  margin: 15px;
}

.errormessage {
  color: #aa33cc;
  background-color: transparent;
}
.errorbox {
  margin-top: 1em; padding: 5px;
  color: #aa33cc;
  font-weight: bold;
  background-color: #ffeeee;
  border: #dddddd groove 2px;
}

/**************************************************************************
 * navigation containers
 *************************************************************************/

div#loginfo {
  background-color: #eeeeee;
  color: #333350;
  font-size: 80%;
  width: 20%;
  padding: 5px;
  border: dotted 1px black;
  position: fixed;
  left: 75%;
  top: 5%;
  z-index: 1;
}

span.nav {
  background-color: #eeeeee;
  color: black;
  padding: 2px;
  font-family: Trebuchet MS, Lucida Grande, sans-serif;
  font-size: 80%;
}

/**************************************************************************
 * structural and outline formatting
 *************************************************************************/

h1 { color: #333350; background-color: transparent; }
h1.title { text-align: center; }
h2 { color: #333350; background-color: #eeeeff; font-size: larger;
  margin: 10px 0px 0px 0px; border: 1px #252580 solid;
  padding: 0px 3px; width: 30%; }
h2.top { margin-left: 22%; margin-right: 0px; margin-top: 0px;
  margin-bottom: 0px; }
h2.error { color: #aa33cc; background-color: transparent; font-size: larger; }

h3 { color: #333350; background-color: #eeeeff;
  font-style: italic;  text-decoration: underline;
  width: 67%;
  padding: 3px;
  clear: both;
}

/**********
 * schedule tables
        **********/

table[id=schedmonsec], table[id=schedtuesec] {
  padding-top: 0;
  margin-top: 0;
  margin-left:1em;
  width: 45%;
/*  border: 1px solid black; */
}
table[id=schedtuesec] {
  float: right;
  margin-right: 5%;
}
table[id=schedmonsec] th, table[id=schedtuesec] th {
  color: #803333; background-color: transparent; 
  padding: 2px 1em;
}

/**********
 * syllabus table
        **********/

table#syltable { background-color:#eeeeee; color: black;
  border: 1px solid black;
  margin: 0px 0px 0px 2em;
}
table#syltable tr th { color: #803333; background-color: transparent; 
  padding: 2px 1em; border-bottom: 1px solid black; 
  border-collapse: collapse;
}
table#syltable td { padding: 2px;
  text-align: center; }
table#syltable tr td.lastrow { border-top: 1px black solid;
  padding: 3px;
  text-align:right;
}

table#syltable tr.endrow td { border-bottom: dashed 1px black; }
table#syltable td.prob { text-align: left; }

table#syltable .viscol {
    visibility: visible;
}
table#syltable .hidcol {
    visibility: collapse;
}

span[class=addtr] {
    text-align: left;
    font-size: 90%;
}

/**********
 * teamhw table
        **********/

table#thwtable { background-color:#eeeeee; color: black;
  border: 1px solid black;
  margin: 0px 0px 0px 2em;
}
table#thwtable tr th { color: #803333; background-color: transparent; 
  padding: 2px 1em; border-bottom: 1px solid black; 
  border-collapse: collapse;
}
table#thwtable td { padding: 2px;
  text-align: right; }
table#thwtable tr td.lastrow { border-top: 1px black solid;
  padding: 3px;
  text-align:right;
}

table#thwtable tr.endrow td { border-bottom: dashed 1px black; }
table#thwtable td.prob { text-align: left; }

table#thwtable .viscol {
    visibility: visible;
}
table#thwtable .hidcol {
    visibility: collapse;
}

/**********
 * generator controls
                  **********/

div[class=generatornav] {
  background-color: #eeeeee;
  color: #333350;
  font-size: 80%;
  width: 50%;
  padding: 5px;
  text-align: center;
  font-style: italic;
  margin: .25em auto .5em 3em;
}

div[id=generatorcontrols] {
  margin-left: 1em;

}

div[class=leftcol] {
  width:45%;
  background-color: #ddffdd;
  padding: 3px;
  border: 1px dotted black;
  margin-bottom: .5em;
}
div[class=rightcol] {
  width:45%;
  float:right;
  padding: 3px;
  background-color: #ddddff;
  border: 1px dotted black;
  margin-bottom: .5em;
}
    

/**********
 * instructions, syllabus generator
                  **********/

div[id=instructions] { background-color:#ddffdd; color: black;
  border: dashed 1px black; padding: 5px;
  margin: .5em 1em 1em 2em;
  position: relative;
  left: 0;
  top: 0;
}
div[id=instructions] p { margin: 0px; }
div[id=instructions] ul { margin-top: 0px; }

div[id=restoreinstr] { position: absolute; 
  left: -1500px; 
  top: -1500px;
}
div[id=hideinstr] { position: relative;
  left: 0;
  top: 0;
  font-size: 85%;
  font-style: italic;
  margin-left: 2em;
}
div[id=restoreinstr] { position: absolute;
  left: -1500px;
  top: -1500px;
  font-size: 85%;
  font-style: italic;
  margin-left: 2em;
}

div[id=syllabus] { margin: .5em 1em 1em 1em; }

div.message { background-color:#ddddff; color: black;
  border: dashed 1px black; padding: 5px;
  margin: 0px 1em 1em 2em;
}

form[id=sylform] .textinput {
  font-size: 100%;
}

/**************************************************************************  
 *************************************************************************/ 
 
em { color: #333350; background-color: transparent; }
strong { color: #803350; background-color: transparent;
  font-size: 105%; } /* 803333 */
code { background-color: #f8f8f8; color: #333350; padding: 1px 3px;
  font-size: 90%; }

code[id=term] {
  padding: 2px 4px;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
}
code[class=date] {
  padding: 2px 4px;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
}

a { color: #0000c0; background-color: transparent; text-decoration: none; }
a:link { color: #0000c0; }
a:visited { color: #5555ff; }
a:hover { color: #0000c0; background-color: transparent;
  text-decoration: underline;
}
a:active {
  color: fuchsia;
  background-color: transparent;
  text-decoration: underline;
}

span.inserteddata { color: #008000; background-color: transparent; 
  font-weight: bold;
}

div.centered { text-align: center; }
div.alignright { text-align: right; }


/**************************************************************************
 * address
 *************************************************************************/

address {
  position: relative;
  clear: both;
  left: 50%;
  width: 50%;
  padding: 5px;
  text-align: right;
  background: #eeeeee;
  color: #888888;
  font-size: 80%;
  font-style: italic;
  border-top: solid 1px black;
  margin-top: 2em;
}
address a { color: #8888ff; }
address a:link { color: #8888ff; }
address a:hover { color: #0000c0; text-decoration: underline; }
address a:active { color: fuchsia; }