body {
	width: 100%;
	max-width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
}

.header {
	width: 100%;
	height: 10%;
	border-bottom: 1px solid #000000;
	padding: 1% 1% 1% 1%;
}

.container {
	width: 100%;
	height: 100%;
}

.courses{
	float: left;
	width: 29.5%;
	height: 100%;
	overflow: scroll;

	border-right: 1px solid #000000;
}
/*Dude, this is changing sizes, but I'll fix it programmatically*/
.course {
	float: left;
	height: 100px;
	width: 175px;
	border: 1px solid #000;
	margin: 1% 1% 1% 1%;
	background: #ffffff;
	overflow : hidden;
}


#schedule {
	float: left;
	width: 70.1%;
	height: 90%;
	overflow-y: scroll;
	overflow-x : hidden;
}

.termcontainer {
	width: 100%;
	
}

.term {
	float : left;
	width : 100%;
	min-height: 20%;
	border-bottom: 1px solid #000;
	padding: 2% 0% 4% 2%;
}
.termcredits {
	float: left;
	width: 100%;
	background: #f0f0f0;
	padding: 0% 2% 2% 2%;
}

.termlabel {
	float: left;
	width: 100%;
	background: #f0f0f0;
	padding: 2% 2% 1% 2%;
}

.courseheader {
	float: left;
	width: 100%;
	background: #f0f0f0;
}

.delete {
	float: left;
	width: 10%;
	background: #f0f0f0;
}

.delete a {
	text-decoration: none;
	color: #000000;
}
#CreditCalc {
	float:left;
}

.info {
	float: left;
	margin: 0px 0px 5px 0px;
}

.info a {
	background: #abafff;
	border: 1px solid #000000;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	color: #000000;
	margin: 0px 2px 0px 2px;
}

.info a:hover {
	background: #0000000;
	color: #ffffff;
}

.search {
	padding: 1% 0% 0% 0%;
	clear: both;
}
.credits {
	float: left;
}