body {
	margin:0px;
	padding:0px;
	background-color:#323232;
	background-image:url(/pix/main/hgb.png);
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.6em;
	color:#FFFFFF;
}

h1,h2 {
	color:#4da9ff;
	margin:0px 0px 17px 0px;
	padding:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.4em;
}
h1 { font-size:14px; }
h2 { margin:0px; }

p {
	margin:0px 0px 1.4em 0px;
	padding:0px;
}

a {
	color:#50d83e;
	text-decoration:none;
}

a:hover { color:#6aff56; }

.clearBoth {
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}

div.moodBox {
	position:relative;
	width:206px;
	height:111px;
	float:left;
	margin:10px 12px 30px 0px;
}

img.moodBox_img {
	display:block;
	position:absolute;
	top:-6px;
	left:-6px;
	z-index:1;
	cursor:pointer;
}

.moodBox_title {
	position:absolute;
	top:-13px;
	left:2px;
	z-index:3;
}

div#mainContainer {
	position:relative;
	width:900px;
	padding:0px 7px;
	margin:0px auto;
	background-image:url(/pix/main/background.png);
	background-repeat:repeat-y;
}

div#codeBox {
	position:relative;
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	line-height:1.6em;
	color:#777777;
	background-color:#101010;
	padding:12px;
	height:321px;
	width:578px;
	border:solid 1px #272727;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
div#codeBox span.value { color:#FFFFFF; }
div#codeBox span.lineNr { color:#2a2a2a; }
div#code {
	overflow:hidden;
	height:321px;
}
div#scroller {
	position:absolute;
	top:2px;
	left:580px;
	width:20px;
	height:341px;
	background-color:#212121;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	z-index:4;
}

div#scrollArea {
	position:absolute;
	top:23px;
	left:580px;
	width:20px;
	height:299px;
	z-index:6;
}

div#scrollKnob {
	width:20px;
	height:20px;
	border-top:solid 1px #101010;
	border-bottom:solid 1px #101010;
	background-image:url(/pix/home/scroller.gif);
	background-repeat:no-repeat;
	background-position:center;
}

div#scrollerButtonTop,
div#scrollerButtonBottom {
	position:absolute;
	left:580px;
	width:20px;
	height:20px;
	background-color:#212121;
	z-index:10;
	cursor:pointer;
	background-position:center;
	background-repeat:no-repeat;
}
div#scrollerButtonTop {
	top:2px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-bottom:solid 1px #101010;
	background-image:url(/pix/home/arrow_up.gif);
}
div#scrollerButtonBottom {
	bottom:2px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top:solid 1px #101010;
	background-image:url(/pix/home/arrow_down.gif);
}

div#closeBT {
	position:absolute;
	top:-22px;
	right:-27px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	width:24px;
	height:19px;
	padding-top:1px;
	background-color:#212121;
	border:solid 1px #2d2d2d;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}

iframe#overlayIframe {
	background-color:none;
	position:absolute;
	left:0px;
	top:0px;
	z-index:5000;
	border:none;
	display:none;
	margin:0px;
	padding:0px;
	width:0px;
	height:0px;
}

div#overlay {
	background-color:#000000;
	position:absolute;
	left:0px;
	top:0px;
	z-index:5001;
	display:none;
}

div#detailBox {
	position:absolute;
	top:50px;
	left:50px;
	width:600px;
	padding:10px;
	z-index:6000;
	background-color:#212121;
	display:none;
	border:solid 1px #272727;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}