@charset "utf-8";
/* CSS Document */
body{	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}
a {
	text-decoration:none;
	color:#09F;
}
a hover{
	text-decoration:underline;
}
#main{
	width:100%;
	background-color:#EEE;
	margin:0;
}
#enrich{
	width:660px;
	display:inline;
	float:left;
}
#enrich h2, h3{
	margin:0;
	font-size:16px;
}
#enrich ul{
	margin:0;
	padding-top:0;
}
#enrich .enrich_act{
	width:660px;
	float:left;
	border-bottom-style:solid;
	background:#EEE;
	min-height:200px;
	page-break-inside:avoid;
}
#enrich .col{
	width:310px;
	float:left;
}
#enrich .spacer{
	width:20px;
	float:left;
	height:200px;
}
#menu{
	background-color:#09F;
	overflow:auto;
	width:100%;
	display:flex;
	font-size:18px;
	font-weight:bold;
	position:sticky; 
	top:0;
}
#menu strong{
}
#menu ul{
	float:none;
	padding:0;
}
#menu ul li{
	list-style:none;
	display:inline;
}
#menu a{
	color:#EEE;
	text-decoration:none;
	padding:10px;
	border: solid 1px #eee;
}
#menu a:hover{
	color:#09F;
	background-color:#EEE;
}
#content{
	font-size:14px;
	width:100%;
	min-height:500px;
	color:#000;
	background-color:#eee;
}
#content_iframe{
	font-size:14px;
	width:960px;
	margin:auto;
	color:#000;
	background-color:#FFF;
}
.icon{
	width: 170px;
	height: 80px;
	line-height: 80px;
	margin: 10px;
	float: left;
	background-color: #069;
	font-size: 20px;
	color: #fff;
	z-index: 1000;
	text-align:center;
	opacity:0.8;
	border:solid 1px #069;
}
.icon:hover{
	color: #069;
	background-color: #acc;
}
.icon_small{
	width: 190px;
	height: 30px;
	line-height: 30px;
	margin: 2px;
	float: left;
	background-color: #069;
	font-size: 15px;
	color: #fff;
	z-index: 1000;
	text-align:center;
	opacity:1;
	border:solid 1px #069;
}
.icon_small:hover{
	color: #069;
	background-color: #acc;
}

.msgBox{
	width:960px; 
	font-size:18px; 
	background-color:#f00; 
	color: #fff;
	border:ridge 2px #fff;
	border-radius: 20px;
	padding: 20px;
	text-align:center;
	z-index:1000;
	position: absolute;
	top: 30%;
}
#footer{
	width:1100px;
	max-width:80%;
	background-color:#09F;
	height:40px;
	line-height:15px;
	color:#EEE;
	position: fixed;
	bottom: 0;
	right: 0;
	padding-bottom:5px;
}
#footer a{
	color: #fff;
	text-decoration:underline;
}
#change_term{
	position:fixed;
	/*top:17px;*/
	bottom:0;
	right:10px;
	background-color:#F00;
	color:#FFF;
}
#regStuds ul{
	list-style:none;
	padding-left:0;
}
#regStuds li{
	margin:3px;
	background-color:#eee;
	color: #000;
}
#regStuds li:hover{
	background-color: #ddd;
}
#searchStuds, #searchParents{
    background-image: url('../imgs/search_icon.png'); /* Add a search icon to input */
	background-size: 18px;
    background-position: 10px 5px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 80%; /* Full-width */
    font-size: 12px; /* Increase font-size */
    padding: 5px 20px 5px 40px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
}
.btn{
	background-color:#069;
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:30px;
	color:#fff;
	display:inline-block;
}
.dashboard{
	background-image:url('../imgs/logo.png');
	background-size:400px;
	background-position:center;
	background-repeat:no-repeat;
}
#content{
	width:1000px;
	margin:auto;
	max-width:100%;
}
#staff_calendar table{
	background-image:linear-gradient(#420,Orange);	
}
#staff_calendar table, #staff_calendar td{
	border: solid 1px #000;
	border-collapse:collapse;
	padding:20px;
}
.table-head{
	color:#fff;
	font-size:20px;
	text-align:center;
}
#staff_calendar td:hover{
	background-image:radial-gradient(#420,#420,black);	
	color:#fff;
}
.numLabel{
	position:relative;
	bottom:3px;
	float:right;
	font-size:12pt;
	color:#fff;
}
h1{
	font-family:Old English Text MT; 
	font-size:47px;
}
@media screen and (max-width:700px){
	#side{
		display:none;
	}
	h1{
		font-size:20px;
		font-family:Tahoma;
	}
}