* { font-family: Verdana, 'trebuchet ms', Helvetica, sans-serif; font-size: 10pt; }
html, body, li, ul, form, input, textarea, img, div, pre {
	margin: 0px; padding: 0px;
}
html {
	background: #434547;
	padding: 8px 0px 8px 0px;
}

a {
	color: #c0c0c0;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #e0e0e0;
}
a.underline {
	border-bottom: #888 1px dotted !important;
	border-bottom: #888 1px solid;
}

/* -------------- GENERAL */
img.framed {
	border: #606060 1px solid;
}
img.lightframed {
	border: #808080 3px double;
}
div.err {
	color: #ff6600;
	font-size: 85%;
	margin: 10px;
}
.yellow, .red, .green { color: #202020; }
.yellow { background: #FFFE00; }
.red { background: #FF4400; }
.green { background: #00FF44; }
.clear { clear: both; height: 0px; }
.clearl { clear: left; }
.clearr { clear: right; }
.floatl { float: left; }
.floatr { float: right; }
.indent { text-indent: 2em; }
.invs { height: 0px; line-height: 0px; }

div.textblock {
	color: #dedede;
	line-height: 20px;
	margin: 0px 4px 0px 8px;
}

div.codebox {
	margin: 4px 8px 4px 0px;
}
div.codebox div.code {
	color: #ededed;
	background: #333537;
	font-family: monospace;
	font-size: 90%;
	padding: 4px 4px 4px 16px;
}
span.code_kwd {
	color: #59f;
	font-size: 90%;
}
span.code_comm {
	color: #9f5;
	font-size: 90%;
}
span.code_comm span {
	color: #9f5;
	font-size: 100%;
}
span.code_func {
	color: #f95;
	font-size: 90%;
}

.note {
	text-align: left;
	letter-spacing: 0px;
}


/* -------------- LEFT */
div#title a {
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	letter-spacing: 6px;
	padding-right: 0px !important;
	padding-right: 8px;
}
div#title a span {
	color: #efefef;
	font-variant: small-caps;
	font-weight: normal;
	letter-spacing: 8px;
	margin-left: 1px !important;
	margin-left: 10px;
}
div#left {
	background: #434547;
	color: #efefef;
	float: right;
	text-align: right;
	width: 160px;
}
div#main, div#sidebar, div#navigation {
	background: #262626;
}
div.hr {
	border-bottom: #666 1px dotted !important;
	border-bottom: #444 1px solid;
	height: 1px;
}

	/* -------------- NAVIGATION */
	div#navigation {
		margin: 4px 0px 4px 0px;
		text-align: center;
	}
	div#navigation span {
		color: #555;
	}
	div#navigation a {
		color: #fff;
		font-weight: normal;
	}
	div#navigation a:hover {
		color: #00cc00;
	}

	/* -------------- SIDEBAR */
	div#sidebar {
		color: #888;
	}
	div#sidebar div.header {
		border-bottom: #666 1px solid;
		color: #eee;
		letter-spacing: 6px;
	}
	div#sidebar div.potd {
		padding: 8px 6px 0px 0px;
		margin: 0px;
	}
	div#sidebar div.potd img {
		margin-bottom: 4px;
	}
	div#sidebar div.item {
		margin: 2px 8px 0px;
		font-size: 80%;
	}
	div#sidebar div.item span {
		font-size: 80%;
	}

	/* -------------- MAIN */
	div#main ul {
		padding: 4px 0px 6px 0px;
	}
	div#main li {
		border-right: #333 4px solid;
		color: #888;
		font-size: 85%;
		letter-spacing: 10px;
		list-style-type: none;
		margin: 4px 0px 0px 0px;
		padding: 0px 0px 2px 0px;
	}
	div#main li a {
		font-weight: normal;
	}
	div#main li a:hover {
		color: #00cc00 !important;
	}
	div#main li.selected {
		border: 0px;
		letter-spacing: 8px;
		padding-right: 5px;
	}
	div#main li.selected a {
		color: #fff;
		font-size: 11pt;
	}
	div#main form {
		background: url('../images/system/logo_small.jpg') #262626 no-repeat;
		border-top: #404040 5px solid;
		border-bottom: #404040 5px solid;
		text-align: left;
		padding-left: 4px;
	}
	div#main form input {
		background-color: #434547;
		color: #dcdcdc;
		border: #262626 1px solid;
		font-size: 75%;
		margin: 4px 0px 4px 0px;
		padding: 2px;
		text-align: right;
		width: 145px;
	}

/* -------------- CONTENT */
div#content {
	background-color: #262626;
	color: #efefef;
	height: auto !important;
	height: 1%;
	margin-right: 168px !important;
	margin-right: 164px;
	margin-bottom: 8px;
	padding-left: 8px;
}
div#content div.subheading {
	border-width: 0px;
	border-bottom: #888 1px dotted !important;
	border-bottom: #888 1px solid;
	color: #89a;
	font-size: 125%;
	font-weight: bold;
	padding-bottom: 3px;
	margin-bottom: 4px;
}