* {
	margin:0;
	padding:0;
	font-family:"Verdana", "Arial", "sans-serif";
	font-weight:300;
}
html, body {
	width:100%;
	height:100%;
	color:#333333;
}
.wrapper {
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:100px;
	height:inherit;
	background-image:linear-gradient(180deg, #663399, #eeddff 320px, #eeddff);
	box-shadow:0 0 10px #663399;
	position:relative;
}
@media (max-width:1250px) {
	.wrapper {
		width:1000px;
		background-image:linear-gradient(180deg, #663399, #eeddff 290px, #eeddff);
	}
}
@media (max-width:1050px) {
	.wrapper {
		width:800px;
		background-image:linear-gradient(180deg, #663399, #eeddff 250px, #eeddff);
	}
}
@media (max-width:800px) {
	.wrapper {
		width:100%;
		background-image:none;
	}
}
div.heading {
	border-bottom:1px solid #aaaaaa;
	margin-bottom:10px;
	margin-top:5px;
	width:100%;
}
div.content div.heading h3 small {
	margin-top:6px;
}
div.banner, div.main, div.footer {
	width:100%;
}
nav.sidebar {
	width:20%;
	float:left;
}
div.content {
	width:79%;
	float:right;
}
div.content > :last-child {
	margin-bottom:10px;
}
div.content > p, 
div.content > ul {
	margin-bottom:10px;
	padding-right:10px;
	text-align:justify;
}
div.content ul {
	margin-left:20px;
}
@media (max-width:800px) {
	nav.sidebar {
		width:100%;
	}
	div.content {
		width:calc(100% - 10px);
		margin-left:5px;
		margin-right:5px;
	}
}
div.footer:before {
	clear:both;
}
div.footer {
	background-color:#ddbbff;
	float:left;
	bottom:0;
	position:absolute;
	width:100%;
}
div.footer div {
	margin-left:auto;
	margin-right:auto;
	vertical-align:middle;
	width:300px;
}
div.footer div p {
	text-align:center;
	margin:10px;
	color:#663399;
}
h1 {
	font-size:24pt;
}
h2 {
	font-size:21pt;
}
h3 {
	font-size:18pt;
}
h4 {
	font-size:16pt;
}
h5 {
	font-size:14pt;
}
h6 {
	font-size:12pt;
}
a {
	color:#663399;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
p {
	font-size:13pt;
}
ul.normallist li {
	margin-left:30px;
}
img.normalimg {
	border:1px solid #ddbbff;
	margin:2px;
	padding:2px;
}
div.information {
	padding:10px;
	border:1px solid #33ff33;
	border-radius:5px;
	background-color:#ccffcc;
}
div.error {
	padding:10px;
	border:1px solid #ff3333;
	border-radius:5px;
	background-color:#ffcccc;
}
.pull-right {
	float:right;
}
.textdiv {
	border:1px solid #333333;
	border-radius:5px;
	padding:5px;
	width:calc(100% - 10px);
	margin-bottom:5px;
}
.textdiv > p {
	margin-bottom:10px;
}
.loginform input[type=text], 
.loginform input[type=password] {
	border:1px solid #333333;
	border-radius:5px;
	padding:5px;
	width:calc(100% - 10px);
	margin-bottom:5px;
	transition:1s;
}
.loginform input[type=text]:focus, 
.loginform input[type=password]:focus {
	border:1px solid #663399;
	transition:1s;
}
.loginform button {
	border:1px solid #663399;
	border-radius:5px;
	background-color:#ff9999;
	padding:5px;
	margin-bottom:5px;
	transition:1s;
}
.standardform input[type=text], 
.standardform textarea {
	border:1px solid #333333;
	border-radius:5px;
	padding:5px;
	width:calc(100% - 10px);
	margin-bottom:5px;
	transition:1s;
}
.standardform input[type=text]:focus, 
.standardform textarea:focus {
	border:1px solid #663399;
	transition:1s;
}
.standardform button {
	border:1px solid #663399;
	border-radius:5px;
	background-color:#ff9999;
	padding:5px;
	margin-bottom:5px;
	transition:1s;
}

div.content table {
	width:100%;
	border-collapse:collapse;
}
div.content table tr:hover {
	background-color:#ddbbff;
}
div.content table tr:not(:last-child) {
	border-bottom:1px solid #aaaaaa;
}
div.content table tr > :not(:last-child) {
	border-right:1px solid #aaaaaa;
}
div.content table th,
div.content table td {
	padding:10px;
}
div.content table th {
	text-align:left;
	font-weight:bold;
}
.table-scroller {
	overflow:auto;
	width:100%;
}