/* Palette
 * #000000, #C0C0C0, #373737, #FFFFFF
 */

body
{
	margin: 0px;
	padding: 20px 25px 20px 25px;
	background-color: #C0C0C0;
	color: #000000;
	text-align: center;
	font-size: 11pt;
	font-family: "Tahoma", "DejaVu Sans", sans;
}

.header
{
	text-align: center;
	background-color: #373737;
	color: #C0C0C0;
	font-size: 34pt;
	padding: 2px;
	margin: 0px 2px 0px 2px;
}
.header a:link, .header a:active, .header a:visited, .header a:hover
{
	color: #C0C0C0;
	text-decoration: none;
}

a:link, a:active, a:visited, a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}
a:visited
{
	color: #D0D0D0;
}
a:hover
{
	color: #E7E700;
}

.sidebar
{
	float: left;
	width: 240px;
	background-color: #373737;
	text-align: center;
	color: #FFFFFF;
	margin: 2px 0px 0px 2px;
}

.sidebar form
{
	margin: 0px;
	padding: 0px;
}
.sidebar input
{
	margin: 2px;
}
.sidebar .searchbox
{
	display: block;
	margin: 2px auto 2px auto;
}

.sidebar a:link, .sidebar a:active, .sidebar a:visited
{
	display: block;
	background-color: #000000;
	text-align: left;
	padding-left: 4px;
	margin: 0px 3px 0px 3px;
}
.sidebar a img
{
	display: block;
	margin: 0px auto;
}

.sidebar p
{
	margin: 0px;
	padding: 2px 0px 4px 0px;
	border-bottom: #C0C0C0 2px solid;
}

.main
{
	border-left: #373737 240px solid;
	margin: 2px;
	text-align: left;
}
.tabbar
{
	height: 17px;
}
.tabbar a:link, .tabbar a:active, .tabbar a:visited
{
	display: block;
	float: left;
	vertical-align: bottom;
	display: inline;
	background-color: #000000;
	margin-left: 3px;
	color: #FFFFFF;
	padding: 1px 5px 2px 5px;
	border: #C0C0C0 1px solid;
	text-decoration: none;
	height: 15px;
	border-color: #373737;
	border-style: solid;
	border-width: 1px;
	border-bottom: #C0C0C0 0px solid;
	font-size: 8pt;
}
.tabbar a.new:link, .tabbar a.new:active, .tabbar a.new:visited
{
	color: #FF0000;
}
.tabbar a.active:link, .tabbar a.active:active, .tabbar a.active:visited
{
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-bottom: #000000 2px solid;
}
.tabbar a:hover
{
	color: #E7E700;
	border-bottom: #000000 2px solid;
}
.content
{
	color: #FFFFFF;
	padding: 4px;
	border-left: #C0C0C0 2px solid;
	border-top: #C0C0C0 3px solid;
	background-color: #000000;
	min-height: 400px;
}

.tabbar span
{
	float: left;
	display: block;
	font-size: 1px;
	width: 2%;
}

h6
{
	font-size: 11pt;
	text-align: center;
	margin: 0px;
}

p
{
	margin: 0px 0px 5px 0px;
}

pre
{
	background-color: #373737;
	border: #C0C0C0 1px dashed;
	font-size: 10pt;
	overflow: auto;
}

.clearheight
{
	font-size: 1px;
	clear: left;
}

@media handheld, screen and (max-width: 800px)
{
	.sidebar
	{
		display: block;
		float: none;
		width: auto;
		margin-right: 2px;
	}
	.main { border-left: 0; }
}
@media screen and (max-width: 640px)
{
	body { padding: 0; }
}