@charset "utf-8";
body {
	background-image: url(images/newbg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #000;
	margin: 0px;
	padding: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}
a{
	color: #3cb5ea;
	text-decoration: none;
	outline: none;
}
a:hover{
	color: #EA703C;
}
.nudgeDown {
	margin-top: 20px;
}
.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}
.alignRight {
	text-align: right;
}
p.bigBreak {
	margin-top: 30px;
}

#rootContainer {
	display: block;
	margin: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}
.centerContainer {
	display: block;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#menuBar {
	height: 109px;
	margin-bottom: 20px;
	background-image: url(images/menubar_bg.png);
	background-repeat: repeat-x;
}

#recentMaps {
	background-color: #333333;
	border: 1px solid #999999;
	margin-bottom: 20px;
}
#recentMaps  h1.header {
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	margin-top: 7px;
	color: #CCCCCC;
	text-transform: uppercase;
}


#p1 {
	background-image: url(images/panel1.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

#p2 {
	background-image: url(images/panel2.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;
	background-color: #FFFFFF;
}
#p3 {
	background-image: url(images/panel3.gif);
	background-repeat: no-repeat;
	background-position: 100% 0%;
}
#p4 {
	background-image: url(images/panel4.gif);
	background-repeat: repeat-y;
	background-position: 0% 0%;
}
#p5 {
	background-image: url(images/panel5.gif);
	background-repeat: repeat-y;
	background-position: 100% 0%;
}
#p6 {
	background-image: url(images/panel6.gif);
	background-repeat: no-repeat;
	background-position: 0% 100%;
}
#p7 {
	background-image: url(images/panel7.gif);
	background-repeat: repeat-x;
	background-position: 0% 100%;
}
#p8 {
	background-image: url(images/panel8.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
#contentContainer {
	background-repeat: no-repeat;
	padding: 30px;
	position: relative;
	margin-bottom: 75px;
}
input {
	margin-bottom: 4px;
}

.centered {
	text-align: center;

}
#menuBar li {
	float: right;
	margin: 0px;
	padding: 40px 0px 0px 0px;
	list-style-type: none;
	width: 90px;
	text-align: center;
}
#menuBar ul {
	margin: 0px 20px 0px 0px;
	padding: 0px;
	width: 900px;
}
#menuBar li a {
	text-decoration: none;
	color: #7AD7FA;
	padding-right: 15px;
	padding-left: 15px;
	display: block;
	background-position: bottom;
	font-weight: bold;
	font-size: 15px;
}
#leftColumn {
	width: 250px;
	float: left;
}
#rightColumn {
	float: left;
	margin-left: 20px;
	width: 630px;
}
#leftColumn #loginContainer {
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 20px;
	margin-bottom: 20px;
}
form {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#buttonApply, #buttonLogin {
	background-repeat: no-repeat;
	background-position: 0% 0%;
	height: 105px;
	width: 175px;
	display:block;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}
#buttonLogin {
	background-image: url(images/button_login.png);
	position: absolute;
	right: 75px;
}

#buttonApply {
	background-image: url(images/button_apply.png);
	position: absolute;
	left: 75px;
}

#buttonLogin:hover, #buttonApply:hover, #buttonComment:hover, #buttonDownload:hover, #buttonBackToTop:hover, .button_delete:hover, .button_edit:hover, #buttonUploadMod:hover, #buttonUploadMap:hover {
	background-position: 100% 0px;
}

.hidden {
display: none;
}

#homeButtonsIn {
	width: 370px;
	margin: auto;
}
#homeButtonsOut {
	display: block;
	height: 105px;
	width: 570px;
}

#mapDetails  {
	margin: 0px;
	padding: 0px;
}
#mapDetails li {
	list-style-type: none;
	padding: 0px;
	display: block;
	width: 136px;
	float: left;
	height: 59px;
	text-align: center;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #00FFFF;
}
#mapDetailBox {
	padding: 0px;
	height: 128px;
	width: 570px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
#mapDescription {
	margin-top: 30px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	padding-bottom: 20px;
}
.nudgeDown40 {
	margin-top: 40px;
}



.detailData {
	font-size: 15px;
}
.detailTitle {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #00CCFF;
}
#buttonDownload {
	background-image: url(images/button_download.png);
	height: 105px;
	width: 246px;
	display: block;
	margin: auto;
}
#buttonComment {
	background-image: url(images/button_comment.png);
	height: 105px;
	width: 246px;
	display: block;
	margin: auto;
}
#buttonBackToTop {
	background-image: url(images/button_totop.png);
	height: 105px;
	width: 246px;
	display: block;
	margin: auto;
}

.aComment h1 {
	background-color: #00CCFF;
	padding: 10px;
	border-bottom-color: #0099FF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-bottom: 0px;
	font-size: 14px;
}
.aComment p {
	margin: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.aComment {
	background-color: #00FFFF;
	padding: 0px;
}
.aComment .littleType {
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	display: block;
	margin-bottom: 8px;
}
.nudgeDown10 {
	margin-top: 10px;
}
.thumbBox {
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	height: 128px;
	width: 128px;
}.width64 {
	width: 64px;
}
.height128 {
	height: 128px;
}
.thumbBox img {
	height: 128px;
	width: 128px;
}
#commentForm {
	margin-bottom: 40px;	
}
.littleType {
	font-size: 10px;
	font-weight: normal;
}
.formHeader {
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	margin-top: 20px;
	margin-bottom: 20px;
}
.indent {
	margin-left: 20px;
}
#buttonUploadMap {
	background-image: url(images/button_upload_map.png);
	height: 105px;
	width: 246px;
	display: block;
	margin: auto;
	float: left;
}
#buttonUploadMod {
	background-image: url(images/button_upload_mod.png);
	height: 105px;
	width: 246px;
	display: block;
	float: right;
	margin-left: 20px;
}
.buttonContainer {
	height: 105px;
	width: 525px;
	margin-left: auto;
	margin-right: auto;
}
.addMargin {
	margin: 20px;
}
#leftColumn .module {
	background-color: #333333;
	border: 1px solid #999999;
	margin-bottom: 20px;
}
#leftColumn .module {
	color: #CCCCCC;	
}
.module h1{
	font-size: 16px;
}
.addPadding {
	padding: 10px;
}
.spoiler {
	color: #000;
	background-color:#000;
	border: 1px #000 solid;
	padding-left: 3px;
	padding-right: 3px;
}
.spoiler:hover {
	background-color:transparent !important;
}
.spoiler img {
	opacity:0;
	filter:alpha(opacity=0);
}
.spoiler:hover img{
	opacity:1;
	filter:alpha(opacity=100);
}
.code {
	background-color: #e0e0e0;
	border: 1px solid #000;
	padding: 10px;
}