/*<style type="text/css">*/
/*  CALENDAR *********************************************************************/
.calendar {
	BORDER-RIGHT: #000 2px solid; BORDER-TOP: #fff 2px solid; DISPLAY: none; FONT-SIZE: 11px; BACKGROUND: #c8d0d4; BORDER-LEFT: #fff 2px solid; CURSOR: default; COLOR: #000; BORDER-BOTTOM: #000 2px solid; FONT-FAMILY: tahoma,verdana,sans-serif; POSITION: relative
}
.calendar TABLE {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #000 1px solid; FONT-SIZE: 11px; BACKGROUND: #c8d0d4; BORDER-LEFT: #000 1px solid; CURSOR: default; COLOR: #000; BORDER-BOTTOM: #fff 1px solid; FONT-FAMILY: tahoma,verdana,sans-serif
}
.calendar .button {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #000 1px solid; TEXT-ALIGN: center
}
.calendar .nav {
	BACKGROUND: url(menuarrow.gif) no-repeat 100% 100%
}
.calendar THEAD .title {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 1px; FONT-WEIGHT: bold; BACKGROUND: #788084; PADDING-BOTTOM: 1px; BORDER-LEFT: #000 1px solid; COLOR: #fff; PADDING-TOP: 1px; BORDER-BOTTOM: #000 1px solid; TEXT-ALIGN: center
}
.calendar THEAD .headrow {
	
}
.calendar THEAD .daynames {
	
}
.calendar THEAD .name {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #e8f0f4; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #000 1px solid; TEXT-ALIGN: center
}
.calendar THEAD .weekend {
	COLOR: #f00
}
.calendar THEAD .hilite {
	BORDER-RIGHT: #000 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: #fff 2px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #fff 2px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #000 2px solid; BACKGROUND-COLOR: #d8e0e4
}
.calendar THEAD .active {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; BORDER-LEFT: #000 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid; BACKGROUND-COLOR: #b8c0c4
}
.calendar TBODY .day {
	PADDING-RIGHT: 4px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 2em; PADDING-TOP: 2px; TEXT-ALIGN: right
}
.calendar TBODY .othermonth {
	FONT-SIZE: 80%; COLOR: #aaa
}
.calendar TBODY .oweekend {
	COLOR: #faa
}
.calendar TABLE .wn {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 2px; BACKGROUND: #e8f4f0; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.calendar TBODY .rowhilite TD {
	BACKGROUND: #d8e4e0
}
.calendar TBODY .rowhilite TD.wn {
	BACKGROUND: #c8d4d0
}
.calendar TBODY TD.hilite {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #000 1px solid
}
.calendar TBODY TD.active {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; BORDER-LEFT: #000 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid
}
.calendar TBODY TD.selected {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; BACKGROUND: #d8e0e4; PADDING-BOTTOM: 0px; BORDER-LEFT: #000 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid
}
.calendar TBODY TD.weekend {
	COLOR: #f00
}
.calendar TBODY TD.today {
	FONT-WEIGHT: bold; COLOR: #00f
}
.calendar TBODY .disabled {
	COLOR: #999
}
.calendar TBODY .emptycell {
	VISIBILITY: hidden
}
.calendar TBODY .emptyrow {
	DISPLAY: none
}
.calendar TFOOT .footrow {
	
}
.calendar TFOOT .ttip {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 1px; BACKGROUND: #788084; PADDING-BOTTOM: 1px; BORDER-LEFT: #000 1px solid; COLOR: #fff; PADDING-TOP: 1px; BORDER-BOTTOM: #000 1px solid; TEXT-ALIGN: center
}
.calendar TFOOT .hilite {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 1px; BACKGROUND: #d8e0e4; PADDING-BOTTOM: 1px; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #000 1px solid
}
.calendar TFOOT .active {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; BORDER-LEFT: #000 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid
}
.calendar .combo {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #fff 1px solid; DISPLAY: none; PADDING-LEFT: 1px; FONT-SIZE: 90%; BACKGROUND: #d8e0e4; LEFT: 0px; PADDING-BOTTOM: 1px; BORDER-LEFT: #fff 1px solid; WIDTH: 4em; CURSOR: default; PADDING-TOP: 1px; BORDER-BOTTOM: #000 1px solid; POSITION: absolute; TOP: 0px
}
.calendar .combo .label {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center
}
.calendar .combo .label-IEfix {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center
}
.calendar .combo .label-IEfix {
	WIDTH: 4em
}
.calendar .combo .active {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 0px; BACKGROUND: #c8d0d4; PADDING-BOTTOM: 0px; BORDER-LEFT: #000 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 1px solid
}
.calendar .combo .hilite {
	BACKGROUND: #048; COLOR: #aef
}
.calendar TD.time {
	PADDING-RIGHT: 0px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BACKGROUND-COLOR: #e8f0f4; TEXT-ALIGN: center
}
.calendar TD.time .hour {
	BORDER-RIGHT: #889 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #889 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; BORDER-LEFT: #889 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #889 1px solid; BACKGROUND-COLOR: #fff
}
.calendar TD.time .minute {
	BORDER-RIGHT: #889 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #889 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; BORDER-LEFT: #889 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #889 1px solid; BACKGROUND-COLOR: #fff
}
.calendar TD.time .ampm {
	BORDER-RIGHT: #889 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #889 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; BORDER-LEFT: #889 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #889 1px solid; BACKGROUND-COLOR: #fff
}
.calendar TD.time .ampm {
	TEXT-ALIGN: center
}
.calendar TD.time .colon {
	PADDING-RIGHT: 2px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.calendar TD.time SPAN.hilite {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; COLOR: #fff; BORDER-TOP-COLOR: #000; BACKGROUND-COLOR: #667; BORDER-RIGHT-COLOR: #000
}
.calendar TD.time SPAN.active {
	BORDER-LEFT-COLOR: #f00; BORDER-BOTTOM-COLOR: #f00; COLOR: #0f0; BORDER-TOP-COLOR: #f00; BACKGROUND-COLOR: #000; BORDER-RIGHT-COLOR: #f00
}

/*  ELEMENTS ****************************************************************************/
html {
	margin: 0; 
	padding: 0;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
   margin: 0; 
   padding: 0;
   /*background: white url(line.gif) top left repeat-y;*/
   background-color: white;
   color: black;
   }
/* CLASSES AND CONTEXTS ****************************************************************************/


/* sidebar ***************************************************/
div.sidebar{
	position: absolute;
	top: 0em;
	left: 0em;
	width: 20%;
	height: 90%;
	font-size: 100%;/*font*/
	color: black;
	text-align: center;
	/*background: white url(../images/line.gif) top left repeat-y;*/
	z-index: 1;
}


/* logo */
div#logo{
	position: relative;
	left: 1em;
	top: 1em;
	height: 15%;
	text-align: left;
	background-color:white;
}

/* menu ****************************************************************************/
div.menu{
	position: relative;
	width: 100%;
	left: 5%;
	top: 5%;
	font-size: 70%;/*font*/
	color: green;
	background-color: white;
	border: 1px solid black;
}

div.menu a{
	display: block;
	padding: 4px 8px;
	margin: 0;
	color: green;
	text-decoration: none;
	text-align: right;
	border-top: 1px solid gray;
}

div.menu a:hover {
	background-color: silver;
}
div.menu h4{
	background: gray;
	color: white;
	text-align: center;
	margin: 0;
	padding: 0.25em 0 0.125em 0;
	letter-spacing: .3em;
}

div.working{
	position: absolute;
	top: 0em;
	left: 25%;
	width: 75%;
	height: 100%;
	font-size: 100%;/*font*/
	color: black;
	background-color: white;
	/*z-index: 1;*/
	/*border: .25em solid;
	border-color: red;*/
}

/*div#footer {
	position: absolute;
	top: 100%;
	z-index: 7;
	font-size: 70%;
}*/

div.footer {
	position: relative;
	display: block;
	padding: 4px 8px;
	margin: 0;
	color: black;
	text-decoration: none;
	text-align: left;
	font-size: 60%;
	border-style: none;
	/*border-top: 1px solid gray;*/
}

div.main{
	position: relative;
	top: .25em;
	left: 0;
	background-color: white;
	/*border: .25em solid green;*/
}
.row1{
	background-color:rgb(87%,90%,87%);
	padding: 0;
	border-width: 0 0 0 0;
	font-size: 70%;

}
.row1_numeric{
	background-color:rgb(87%,90%,87%);
	padding: 0;
	border-width: 0 0 0 0;
	font-size: 70%;
	text-align: right;
}
.row2{
	background-color:rgb(93%,96%,93%);
	padding: 0;
	border-width: 0 0 0 0;
	font-size: 70%;

}
.row2_numeric{
	background-color:rgb(93%,96%,93%);
	padding: 0;
	border-width: 0 0 0 0;
	font-size: 70%;
	text-align: right;
}
.delete{
	background-color:white;
	color: red;
	padding: 1;
	border: 1px solid black;
	border-top: 3px solid red;	
	font-size: 100%;
	text-align: center;
	
}
.delete a{
	color: blue;
}
.add{
	background-color:white;
	color: blue;
	padding: 0;
	border: 1px solid black;
	border-top: 3px solid blue;	
	font-size: 100%;
	text-align: left;
	
}
.add a{
	color: blue;
}
.button {
	background: white;
	border:1px; 
	border-thickness: 1px; 
	border-color: white; 
	border-style: solid;
}
a:hover .button{
	border:1px; 
	border-thickness: 1px; 
	border-color: red; 
	border-style: solid;
}	

div.main a{
	color: black;
	text-decoration: none;
}
div.main a:hover{
	text-decoration: underline;
	color: red;
}
div.main h4{
	background-color: white;
	color: gray;
	text-align: center;
	margin: 0;
	padding: 0.25em 0 0.125em 0;
	letter-spacing: .15em;
	font-size: 70%;
}
div.main h3{
	background-color: white;
	color: green;
	text-align: center;
	margin: 0;
	padding: 0.25em 0 0.125em 0;
	letter-spacing: .15em;
	font-size: 90%;
}
div.main h2{
	color: red;
	text-align: center;
	margin: 0;
	padding: 0.25em 0 0.125em 0;
	letter-spacing: .15em;
	font-size: 120%;
}
div.main table{
	padding: 0;
}
div#masthead{
	position: relative;
	/*top: 1em;*/
	padding: 1em 0 0 0;
	height: auto;
	width: 100%;
	text-align: right;
	background-color: white;
	border-bottom: 1px solid red;
	/*border: 1px dashed red;*/
}

div#masthead h1{
	font: 125% Verdana,  Arial, Helvetica, sans-serif;/*font*/
	letter-spacing: .3em;
	color: red;
	/*background: white url(../images/line.gif) top left;*/
}

div#login{
	position: relative;
	top: 20%;
	width: 100%;
	font-weight : bold;
	text-align: center;
	background: white;
	font-size: 80%;
}
/****                       Action Menu                ****/
div#action{
	position: relative;
	width: 60%;
	left: 0em;
	top: 0em;
	font-size: 90%;/*font*/
	color: green;
	background-color: white;
	border: 1px solid black;
	border-top: 3px solid gray;
}

div#action a{
	display: block;
	padding: 4px 8px;
	margin: 0;
	color: green;
	text-decoration: none;
	text-align: right;
	border-top: 1px solid gray;
}

div#action a:hover {
	background-color: silver;
}
div#action h4{
	background: gray;
	color: white;
	text-align: center;
	margin: 0;
	padding: 0 0 0 0;
	letter-spacing: .3em;
	font-size: 50%;
}

/****                       Input Form                ****/  
div.input{
	position: relative;
	text-align: center;
	/*border: 1px solid yellow;*/
	padding: 0 5% 0 0;
	top: 0;
	left: 0;
}

div.input td{
	/*padding: 0.25em 1px;*/
	font-size: 70%;
}
div.input td.lbl{
	font-weight: bold;
	text-align: right;
}
div.inputFormEnd {
	text-align: center;
	/*padding-top: 1em;
	margin-top: 1em;*/
	padding: 0 0 0 0;
	}
div.input h4{
	font-size: 100%;
	color: green;
	text-align: center;
	margin: 0;
	padding: 0 0 0 0;
	letter-spacing: .3em;
}
div.input tr.required td.lbl{
	background: white;
	font-weight: bold;
	color: red;
	/*border-left: 0.5em solid red;*/
}
div.input td.lbl{
	background: white;
	color: gray;	
	/*border-left: 0.5em solid red;*/
}
input.writein:focus{background:yellow;}	 

/****                       Input Form                ****/  
/* detail lines, such as contract details */
div.detail{
	/*border: .25em solid;
	border-color: blue;*/
}
div.detail table{
	width: 100%;
	border-style: 1 1 1 1;
}
div.detail td{
	font-size: 70%;
	}
/*div.detail td.header{*/
td.header, div.detail td.header{
	font-weight: bold;
	text-align: right;
	background: white;
	font-size: 100%;
	color: red;
	width: 100%;
	border: 0px;
	border-bottom: 2px dotted gray;
	letter-spacing: .2em;
}
div.detail td.title{
	font-weight: bold;
	text-align: left;
	/*background: white;*/
}
div.detail td.lbl{
	background: white;
	color: gray;
	font-weight: bold;
	text-align: right;	
	/*border-left: 0.5em solid red;*/
}
div.detail td.lbl_l{
	background: white;
	color: gray;
	font-weight: bold;
	text-align: left;	
}
div.detail td.link{
	text-align: center;
	color: green;
	border: 1px solid black;
	border-top: 3px solid gray;	
}
div.detail a{
	color: green;
	}	
div.error {
	color:white;
	font-weight: bold;
	background: red;
	text-align: center;
}
div.error h4{
	background: rgb(95%,95%,95%);
	color: red;
	text-align: center;
	margin: 0;
	padding: 0.25em 0 0.125em 0;
	letter-spacing: .3em;
}

/* submit area ****************************************************************************/
div#submitArea{
	text-align: center;
	margin-top: 1em;
	padding-top: 1em;
}
/* course_layout ****************************************************************************/
div.courselayout table{
	width: 100%;
}
div.courselayout td{
	text-align: center;
	border-width: 4 1 4 0;
	border-style: solid;
	border-color: gray gray gray gray;
	background-color: silver;/*#cccc66;/*#999966*/
	
}
div.courselayout td.header{
	background-color: white;
	border-width: 1 1 1 1;
	border-style: none;
}

div.courselayout td.directions{
	background-color: white;
	border-width: 0 0 0 0;
	border-style: none;
	text-align: left;
}
div.courselayout td.versions{
	border-width: 1 1 1 1;
	border-style: none;
	width: 10%;
	color: white;
	font-weight: bold;
}
div.courselayout td.sectionbreak{
	background-color:gray;
	color: white;
	text-align: center;
	font-weight: bold;	
}
div.courselayout td.val{
	background-color: #f08080;/*lightcoral*/
}     
div.courselayout td.std{
	background-color: #b0c4de;/*lightsteelblue*/
}     
div.courselayout td.full{
	background-color: rgb(153,204,153);
}
div.courselayout input{
	text-align:right;
}     

</style>