html
	{
	height:100%;
	width:100%;
	background: -moz-linear-gradient(top,gray,white);
	background: -webkit-gradient(linear,left top,left bottom,from(gray),to(white));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='gray',endColorstr='white');
	}
body
	{
	width:100%;
	background-image: -ms-linear-gradient(gray,white);
	}
#grade_percent
	{
	position:absolute;
	left:20px;
	padding:2px;
	top:75px;
	border-width:5px;
	border-style:inset;
	border-color:lightblue;
	width:210px;
	}
#grade_range
	{
	position:absolute;
	padding:2px;
	left:250px;
	top:75px;
	border-style:inset;
	border-width:5px;
	border-color:lightblue;
	width:210px;
	}
.grade
	{
	position:absolute;
	top:75px;
	border-style:inset;
	border-width:2px;
	border-color:lightblue;
	padding:2px;
	}
.percent,.point
	{
	text-align:center;
	}