body {
	font-family: sans-serif;
}

div#params-container {
	position: relative;
	padding: 0;
	margin: 0;
}

div#params-container-demo {
	position: relative;
	padding: 0;
	margin: 0;
}

table#params {
	width:630px;
	font-size: 12px;
	border-collapse: collapse;
}

table#params-demo {
	width:630px;
	font-size: 12px;
	border-collapse: collapse;
}

table#params th, table#params td {
	/*padding: 5px 8px;*/
	border: 1px solid #660000;
}

table#params-demo th, table#params-demo td {
	/*padding: 5px 8px;*/
	border: 1px solid #660000;
}

/*table#params th.courseCode {
	width: 20px;
}
table#params th.courseName {
	width: 50px;
}
table#params th.unitcode {
	width: 50px;
}
table#params th.unitName {
	width: 50px;
}
table#params th.hours {
	width: 50px;
}

table#params td.courseCode {
	width: 20px;
}
table#params td.courseName {
	width: 50px;
}
table#params td.unitcode {
	width: 50px;
}
table#params td.unitName {
	width: 50px;
}
table#params td.hours {
	width: 50px;
}*/

table#params input.courseCode {
	/*width: 50px;*/
	border: none;
	background-color: #fff;
}
table#params input.courseName {
	/*width: 50px;*/
	border: none;
	background-color: #fff;
}
table#params input.unitcode {
	/*width: 50px;*/
	border: none;
	background-color: #fff;
}
table#params input.unitName {
	/*width: 50px;*/
	border: none;
	background-color: #fff;
}
table#params input.hours {
	/*width: 50px;*/
	border: none;
	background-color: #fff;
}

table#params td {
	background-color: #fff;
}
table#params th {
	text-align:center;
}
table#params input {
	font-size:11px;
}

ul#param-control {
	position: absolute;
	margin: 0;
	padding: 0;
}

ul#param-control li {
	cursor: pointer;
	float: left;
	list-style: none outside none;
	margin: 1px;
	padding: 2px;
}

////

table#params-demo input.courseCode {
	/*width: 50px;*/
	border: none;
	background-color: #fff;
}
table#params-demo input.courseName {
	/*width: 50px;*/
	border: none;
	background-color: #fff;
}
table#params-demo input.unitcode {
	/*width: 50px;*/
	border: none;
	background-color: #fff;
}
table#params-demo input.unitName {
	/*width: 50px;*/
	border: none;
	background-color: #fff;
}
table#params-demo input.hours {
	/*width: 50px;*/
	border: none;
	background-color: #fff;
}

table#params-demo th {
	text-align:center;
}

ul#param-control-demo {
	position: absolute;
	margin: 0;
	padding: 0;
}

ul#param-control-demo li {
	cursor: pointer;
	float: left;
	list-style: none outside none;
	margin: 1px;
	padding: 2px;
}