/* this is pretty hideous -- I'll fix this up later...
 */

table .calendar {
	width: 100%;
	display: table;
}

.currentmonth td.monthtitle{
 background-color: #660000;
 color: #f5f5eb;
 text-align: center;
}

.weekdays{
 background: #993300;
 color: #f5f5eb;
 text-align: center;
}

.currentday{
 position: relative;
 border: 1px solid black;
 background-color: #cc9898; 
 color: #4c0000;
 /* CSS3 standard */
 opacity:0.6;
 text-align: center;
}

td.currentday .daycontainer {
/* position: relative;
 top: 0px;
 left: 0px;
 width: 100%;
 background-color: #cc9898; 
 color: #4c0000;
 /* CSS3 standard */
 opacity:0.6; 
 text-align: left;
}

.currentday:hover{
 /* CSS3 standard */
 opacity:1.0;
}

/* .daycontainer:hover{
 margin-top: -20px;
 margin-left: -10px;
 padding-bottom:40px;
 width: 150%;
 height: 150%;
}
*/

.otherday{
 position: relative;
 background-color: #93a7b3;
 color: #12252c;
 /* CSS3 standard */
 opacity:0.6;
 text-align: center;
}

.otherday:hover{
 /* CSS3 standard */
 opacity:1.0;
}


.date{
 position: relative;
 top: 0px;
 left: 0px;
 margin: 0px;
 padding: 0px;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}


.premonth{
 color: gray;
 text-align: center;
}



.calendar td{
 padding: 2px;
 vertical-align: top;
 text-align: left;
 display: table-cell;
}

.admin {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-style: italic;
}

.course {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
}

.deadline {
 font-family: Verdana, Arial, sans-serif;
 color: #980000;
 font-weight: bold;
 font-size: 10px;
}

.proctored {
 border: 1px solid #980000;
}