/*Colors-background = #31836C
		*/

body
	{
		background-color:#31836C;
		font-family:Verdana, Geneva, sans-serif;
		color:#404040;
	}
h3
	{
		font-size:.6em;
		font-weight:normal;
	}	
h4
	{
		/*color:green;
		background-color:#6495ed;
		text-align:center;*/
		font-size:.6em;
		font-weight:normal;
		color:#4040FF;
	}
h5
	{
		color:red;
	}	
h6
	{
		font-size:.5em;
		font-weight:normal;
	}
div
	{
		/*background-color:#b0c4de;*/
	}
p
	{
		font-size:.875em;
		/*margin:0px 5px 0px 5px;
		text-align:center;*/
	}
pre
	{
		font-size:.875em;
	}
pre.ex
	{
		font-size:.875em;
		
		border:1px solid gray;
		margin:1px;
		background-color:#ffffff;
	}
#container
	{
		background: white url(images/tlg.gif) top left no-repeat;
		/*background-color:white;*/
		margin:10px 10px 10px 10px;
	}
#container span	
	{
		display: block; /* sets all spans inside p to block, so only need this once */
		background: url(images/trg.gif) top right no-repeat;
	}

#header
	{
		margin:10px 10px 0px 10px;
		/*
		background-color:white;*/
	}
#menu
	{	
		background-color:#FFD700;
		width:10%;
		float:left;
	}
#content
	{
		margin:2px 10px 2px 10px;/**/
		background-color:white;
		
	}
#footer
	{
		background: url(images/blg.gif) bottom left no-repeat;
		/*background-color:white;*/
		margin:0px 0px 0px 0px;
		clear:both;/**/
		text-align:center;
		height:26px;
	}
#footer span	
	{
		display: block;  /*sets all spans inside p to block, so only need this once */
		background: url(images/brg.gif) bottom right no-repeat;
		height:26px;
		font-size:.6em;
	}	
#error
	{
		color:red;
	}
#shadowbox
	{
		width:300px;
		height:100px;
		margin:15px;
		background-color:yellow;
		box-shadow:10px 10px 5px #888888;
	}
#roundbox
	{
		border:2px solid white;
		padding:3px 15px; 
		background:#3E93E9;
		/*width:300px;*/
		margin:1px;
		color:white;
		border-radius:15px;
	}
#recbox
	{
		border:2px solid white;
		padding:3px 15px; 
		background:#3E93E9;
		/*width:300px;*/
		margin:1px;
	}	
a
	{
		color:#404040;
		text-decoration: none;
	}
a:visited
	{
		color:#404040;
		text-decoration: none;
	}
a:hover
	{
		color:red;
	}	
div.ex
	{
		/*width:320px;*/
		padding:10px;
		border:2px solid gray;
		margin:1px;
		background-color:#F1F5F3;
		
	}
div.search
	{
		/*width:320px;*/
		/*padding:10px;*/
		border:2px solid #CCFFFF;
		margin:5px;
		background-color:#CCFFFF;
		
	}
div.si
	{
		width:320px;
		/*padding:10px;
		border:2px solid gray;
		margin:1px;
		background-color:#F1F5F3;*/
		
	}	
#user
	{
		font-size:.6em;
		/*padding:10px;
		border:2px solid gray;
		margin:1px;
		background-color:#669999;*/
		text-align:right;
	}
#small
	{
		font-size:.6em;
		/*padding:10px;
		border:2px solid gray;
		margin:1px;
		background-color:#669999;
		text-align:right;*/
	}	
#smalli
	{
		font-size:.6em;
		font-style:italic
		/*padding:10px;
		border:2px solid gray;
		margin:1px;
		background-color:#669999;
		text-align:right;*/
	}

#sinfo
	{
		width:200;
		border-collapse:collapse;
	}
#sinfo td 
	{
		font-size:.875em;
		border:1px solid #98bf21;
		padding:3px 7px 2px 7px;
		background-color:#F1F5F3;/*31836C;*/
		height:25px;
	}
#ebinfo
	{
		width:100%;
		border-collapse:collapse;
	}
#ebinfo td , #ebinfo th 
	{
		font-size:.875em;
		border:1px solid #98bf21;
		padding:3px 7px 2px 7px;
		background-color:#F1F5F3;/*31836C;*/
		height:25px;
	}
#ebinfo th 
	{
		font-size:.875em;
		text-align:left;
		padding-top:5px;
		padding-bottom:4px;
		background-color:#2B6F5B;
		color:white;
	}	
#students
	{
		width:100%;
		border-collapse:collapse;
	}
#students td, #students th 
	{
		font-size:.875em;
		border:0px solid #98bf21;
		padding:3px 7px 2px 7px;
		background-color:#A3FBCC;/*31836C;*/
		height:25px;
	}
#students th 
	{
		font-size:.875em;
		text-align:left;
		padding-top:5px;
		padding-bottom:4px;
		background-color:#2B6F5B;
		color:white;
	}
#students tr.alt td 
	{
		background-color:#B4FED7;/*39957A;*/
		
	}
#students tr.alt2 td 
	{
		background-color:#FFFFFF;
		
	}
		
#csites
	{
		width:100%;
		border-collapse:collapse;
	}
#csites td, #csites th 
	{
		font-size:.875em;
		border:0px solid #98bf21;
		padding:3px 7px 2px 7px;
		background-color:#A3FBCC;/*31836C;*/
		height:25px;
	}
#csites th 
	{
		font-size:.875em;
		text-align:left;
		padding-top:5px;
		padding-bottom:4px;
		background-color:#2B6F5B;
		color:white;
	}
#csites tr.alt td 
	{
		background-color:#B4FED7;/*39957A;*/
	}	
#csites a
	{
		display: block; width: 100%;
	}

#grades
	{
		width:100%;
		border-collapse:collapse;
	}
#grades td, #students th 
	{
		font-size:.875em;
		border:0px solid #98bf21;
		padding:3px 7px 2px 7px;
		background-color:#CCFF99;/*31836C;*/
		height:25px;
	}
#grades th 
	{
		font-size:.875em;
		text-align:left;
		padding-top:5px;
		padding-bottom:4px;
		background-color:#2B6F5B;
		color:white;
	}
#grades tr.alt td 
	{
		background-color:#66CCFF;/*39957A;*/
		
	}
#grades tr.alt2 td 
	{
		background-color:#FF6666;
		
	}
 	
#gb
	{
		width:100%;
		border-collapse:collapse;
		
	}
#gb td, #gb th 
	{
		font-size:.6em;
		border:0px solid #98bf21;
		padding:3px 7px 2px 7px;
		background-color:#A3FBCC;/*31836C;*/
		height:25px;
	}
#gb th 
	{
		font-size:.6em;
		text-align:left;
		padding-top:5px;
		padding-bottom:4px;
		background-color:#2B6F5B;
		color:white;
	}
#gb tr.alt td 
	{
		background-color:#B4FED7;/*39957A;*/
		
	}
	
#tabs
	{
	font-size:93%;
	line-height:normal;
	margin:0px 10px 0px 10px;/**/
	background-color:white;
	border-bottom:1px solid #666;
	/*margin-bottom:1em; margin between menu and rest of page*/
	overflow:hidden;
	}
#tabs ul 
	{
	margin:0;
	padding:0px 5px 0 0px;
	list-style:none;
	}
#tabs li
	{
	display:inline;
	margin:0;
	padding:0;
	}
#tabs a 
	{
	float:left;
	background:url("images/left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}
#tabs a span
	{
	float:left;
	display:block;
	background:url("images/right.png") no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:2px;
	color:#FFF;
	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span 
	{
	}
#tabs a:hover 
	{
	background-position:0% -42px;
	}
#tabs a:hover span
	{
	background-position:100% -42px;
	}
	
	
	
#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}



#calendarDiv .selectBox{
	border:1px solid #E2EBED;		
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #317082;
	color: #FFF;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #317082;		
	color: #317082;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #216072;	
	color: #216072;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #317082;


}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #E2EBED;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .todaysDate div{
	float:left;
}
	
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #E2EBED;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}


#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}