a {color: #0000ff;}
a:hover {color: #ff0000;}

.error {color: #ff0000;}

/* Sidebar */

#sidebar {position: absolute; top: 1em; left: 0.5em; width: 8em; border: 0px solid red;}
#sidebar h1 {font-family: "Times New Roman", serif; font-size: 120%; margin-top: 0;}
#nav {position: relative; top: 0em; font-family: "Tahoma","Geneva",sans-serif; font-size:10pt; list-style: none; margin: 0; padding: 0;}
#nav li {margin: 0; padding: 0; line-height: 1.2em;}

#nav a {text-decoration: none;}
#quickcourse {font-family: "Tahoma","Geneva",sans-serif; font-size: 8pt;}

/* Main Content */

#content {position: absolute; top: 1em; left: 9em; border: 0px solid lime; font-family: "Times New Roman", serif}
#content h1 {font-family: "Times New Roman", serif; font-size: 100%; margin-top: 0;}

/* Timetable positioning (generated) */

.sked2 {width: 602px; height: 608px; position: relative;}
.sked2 div {padding: 3px; border: 1px solid black; overflow: hidden; font: 12px "Arial",sans-serif;}
.sked2 .row0 {position:absolute; top: 0px;}
.sked2 .row1 {position:absolute; top: 19px;}
.sked2 .row2 {position:absolute; top: 38px;}
.sked2 .row3 {position:absolute; top: 57px;}
.sked2 .row4 {position:absolute; top: 76px;}
.sked2 .row5 {position:absolute; top: 95px;}
.sked2 .row6 {position:absolute; top: 114px;}
.sked2 .row7 {position:absolute; top: 133px;}
.sked2 .row8 {position:absolute; top: 152px;}
.sked2 .row9 {position:absolute; top: 171px;}
.sked2 .row10 {position:absolute; top: 190px;}
.sked2 .row11 {position:absolute; top: 209px;}
.sked2 .row12 {position:absolute; top: 228px;}
.sked2 .row13 {position:absolute; top: 247px;}
.sked2 .row14 {position:absolute; top: 266px;}
.sked2 .row15 {position:absolute; top: 285px;}
.sked2 .row16 {position:absolute; top: 304px;}
.sked2 .row17 {position:absolute; top: 323px;}
.sked2 .row18 {position:absolute; top: 342px;}
.sked2 .row19 {position:absolute; top: 361px;}
.sked2 .row20 {position:absolute; top: 380px;}
.sked2 .row21 {position:absolute; top: 399px;}
.sked2 .row22 {position:absolute; top: 418px;}
.sked2 .row23 {position:absolute; top: 437px;}
.sked2 .row24 {position:absolute; top: 456px;}
.sked2 .row25 {position:absolute; top: 475px;}
.sked2 .row26 {position:absolute; top: 494px;}
.sked2 .row27 {position:absolute; top: 513px;}
.sked2 .row28 {position:absolute; top: 532px;}
.sked2 .row29 {position:absolute; top: 551px;}
.sked2 .row30 {position:absolute; top: 570px;}
.sked2 .ht1 {height: 12px;}
.sked2 .ht2 {height: 31px;}
.sked2 .ht3 {height: 50px;}
.sked2 .ht4 {height: 69px;}
.sked2 .ht5 {height: 88px;}
.sked2 .ht6 {height: 107px;}
.sked2 .ht7 {height: 126px;}
.sked2 .ht8 {height: 145px;}
.sked2 .ht9 {height: 164px;}
.sked2 .htFull {height: 601px;}
.sked2 .col0 {width: 60px; position: absolute; left:0; text-align: right;}
.sked2 .col1, .sked2 .col2, .sked2 .col3, .sked2 .col4, .sked2 .col5 {width: 100px;}
.sked2 .col1 {position: absolute; left:67px;}
.sked2 .col2 {position: absolute; left:174px;}
.sked2 .col3 {position: absolute; left:281px;}
.sked2 .col4 {position: absolute; left:388px;}
.sked2 .col5 {position: absolute; left:495px;}

/* Timetable other */

.sked2 .bg1 {background: #ffcccc;} /* pink */
.sked2 .bg2 {background: #ffffcc;} /* yellow */
.sked2 .bg3 {background: #ddccff;} /* purple */
.sked2 .bg4 {background: #ccffcc;} /* green */
.sked2 .bg5 {background: #9cd6ff;} /* blue */
.sked2 .bg6 {background: #ffdd66;} /* gold */
.sked2 .bg7 {background: #aaffff;} /* cyan */
.sked2 .bg8 {background: #ffaa33;} /* orange */

.sked2 .row0 {text-align:center;}


/* View/Change Course Table */

table.vcc {font-family: "Arial","Helvetica",sans-serif; font-size: 10pt; border-collapse: collapse;}
table.vcc, table.vcc th {border: 1px solid #cccccc;}
table.vcc td {border-top: 1px solid #cccccc;}
table.vcc td, table.vcc th {padding: 5px;}
table.vcc th {text-align: left; font-weight: bold;}


/* Course Info Table */

table.courseinfo {font-family: "Arial","Helvetica",sans-serif; font-size: 10pt; border-collapse: collapse;}
table.courseinfo, table.courseinfo th {border: 1px solid #cccccc;}
table.courseinfo td {border: 1px solid #cccccc;}
table.courseinfo td, table.courseinfo th {padding: 5px;}
table.courseinfo th {text-align: left; font-weight: bold;}


/* Fee page and tax page sizes */

div.feepage {width: 40em; height: 65em;}
div.taxpage {width: 40em;}

iframe {width:100%; height:100%; border: 1px solid gray;}

/* Loading widget */

.loading {font-family: "Arial","Helvetica",sans-serif; font-size: 9pt; font-weight: normal; color: #ff9900;}