/* CSS Document */

/*
img, div { behavior: url(lib/pngfix/iepngfix.htc) }
*/


html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	overflow: hidden;
	font-family: verdana;
	font-size: 11px;
}


a:link, a:active, a:visited {
	text-decoration: underline;
	color: #000;
}

a:hover {
	text-decoration: none;
	color: #666;
}




h1, h2, h3, h4, h5 {
	margin-bottom: 7px;
	margin-top: 2px;
}




.map {
	height: 100%;
	width:100%;
	z-index: 1;
}

.logo {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 320px;
	height: 250px;
	z-index: 2;
}

.profile {
	z-index: 7;
}

.profile .profile_loginbutton {
	width: 100%;
}

.profile_handle {
	position: absolute;
	background-image: url(../images/profile_background.png);
	background-position: 0px 0px;
	right: 0px;
	top: 35px;
	width: 30px;
	height: 220px;
	border: 0px;
	z-index: 7;
}

.profile_handle a {
	display: block;
	width: 30px;
	height: 220px;
	text-decoration: none;
}

.profile_content {
	background-image: url(../images/profile_background.png);
	position: absolute;
	right: 0px;
	top: 35px;
	width: 400px;
	height: 220px;
	text-align: left;
	border: 0px;
	z-index: 7;
}

.profcont {
	margin-top: 10px;
	margin-left: 43px;
	height: 196px;
	overflow: hidden;
}

.profcont .profiletable {
	height: 160px;
}

.profile_close_handle {
	position: absolute;
	right: 5px;
	top: 43px;
	width: 20px;
	height: 20px;
	border: 0px solid #999;
	padding: 4px;
	z-index: 8;
}

.profcont_loading_animation {
	position: relative;
	left: 120px;
	top: 65px;
	width: 32px;
	height: 32px;
	border: 0px solid #999;
	padding: 4px;

}











.menu_handle {
	z-index: 5;
	position: absolute;
	background-image: url(../images/menu_background.png);
	background-position: -170px 0px;
	left: 0px;
	bottom: 100px;
	width: 30px;
	height: 300px;
	border: 0px;
}

.menu_handle a {
	display: block;
	width: 30px;
	height: 300px;
	text-decoration: none;
}

.menu_content {
	z-index: 5;
	background-image: url(../images/menu_background.png);
	position: absolute;
	left: 0px;
	bottom: 100px;
	width: 200px;
	height: 300px;
	text-align: left;
	border: 0px;
}

.mencont {
	margin-top: 12px;
	margin-right: 45px;
	margin-left: 5px;
}

.menu_close_handle {
	z-index: 6;
	position: absolute;
	left: 168px;
	bottom: 365px;
	width: 20px;
	height: 20px;
	border: 0px solid #999;
	padding: 4px;
}

.menu .mencont ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}

.menu .mencont li a:link, .menu .mencont li a:visited, .menu .mencont li a:active {
	display: block;
	font-size: 10px;
	margin: 0px;
	padding: 2px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	padding-left: 25px;
	background-image: url(../images/user.png);
	background-repeat: no-repeat;
}

.menu .mencont li a:hover {
	font-size: 10px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	padding-left: 25px;
	background-image: url(../images/special_user.png);
	background-repeat: no-repeat;
}







.main_content_outer {
	z-index: 3;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -325px;
	margin-top: -280px;
	width: 650px;
	height: 600px;
	background: url(../images/main_background.png);
}

.main_content_inner {
	margin-top: 20px;
	margin-right: 40px;
	margin-left: 40px;
	height: 516px;
	overflow: auto;
	padding: 4px;
}

.main_content_close_handle {
	z-index: 5;
	position: relative;
	left: 600px;
	top: 20px;
	width: 20px;
	height: 20px;
	border: 0px solid #999;
	padding: 4px;
}

.main_content_loading_animation {
	position: relative;
	left: 330px;
	top: 90px;
	width: 32px;
	height: 32px;
	border: 0px solid #999;
	padding: 6px;
}

.main_content_grab_handle {
	height: 30px;
	width: 100%;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -280px;
	cursor: move;
	z-index: 5;
}










.userlist {
	overflow: auto;
	height: 459px;
}

.userlist table {
	width: 100%;
}

.userlist th {
	text-align: left;
}

.userlist .flipline {
	background-color: #fff;
}

.userlist td {
	font-size: 10px;
}







.changelog {
	overflow: auto;
	height: 465px;
}







input {
	background-color: #fff;
	color: #555;
	border: 1px solid #555;
}

input:focus {
	background-color: #111;
	color: #CCC;
	border: 1px solid #555;
}










.loadingbar_outer {
	z-index: 9;
	position: absolute;
	left: 80px;
	top: 60px;
	width: 400px;
	height: 50px;
	background-image: url(../images/loadingbar_background.png);
}

.loadingbar_inner {
	z-index: 10;
	position: absolute;
	left: 100px;
	top: 75px;
	width: 360px;
	height: 20px;
	background-image: url(../images/loadingbar_foreground.png);
}

.loadingbar_text {
	z-index: 11;
	position: absolute;
	left: 60px;
	top: 77px;
	width: 360px;
	height: 20px;
	color: #888;
	text-align: center;
}

.loadingbar2_outer {
	z-index: 9;
	position: absolute;
	left: 80px;
	top: 110px;
	width: 400px;
	height: 50px;
	background-image: url(../images/loadingbar_background.png);
}

.loadingbar2_inner {
	z-index: 10;
	position: absolute;
	left: 100px;
	top: 125px;
	width: 360px;
	height: 20px;
	background-image: url(../images/loadingbar_foreground.png);
}

.loadingbar2_text {
	z-index: 11;
	position: absolute;
	left: 60px;
	top: 127px;
	width: 360px;
	height: 20px;
	color: #888;
	text-align: center;
}







.userinfowindow {
	width: 350px;
	border: 1px solid #eee;
	padding: 3px;
	height: 175px;
	overflow: hidden;
}

.userinfowindow img {
	border: 2px solid #000;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 100px;
}

.userbuttonwindow {
	width: 350px;
	height: 36px;
	border: 1px solid #eee;
	padding: 3px;
	margin-top: 5px;
}

/* Hides from IE-mac \*/
* html .userinfowindow {height: 1%;}
/* End hide from IE-mac */

.userinfowindow:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}







.user {
	width: 350px;
	height: 250px;
	padding: 0px;
	margin: 0px;
}

.user_loading {
	width: 350px;
	height: 15px;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

.spot {
	width: 500px;
	height: 480px;
	padding: 0px;
	margin: 0px;
}

.spot_loading {
	width: 500px;
	height: 15px;
	padding: 0px;
	margin: 0px;
	text-align: center;
}













.new_mail {
	position: absolute;
	background-image: url(../images/new_mail_panel.png);
	background-repeat: no-repeat;
	width: 440px;
	height: 440px;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -200px;
	z-index: 12;
}

.new_mail_inner {
	margin:20px;
	z-index: 13;
}

.new_mail_close_handle {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 50%;
	margin-left: 180px;
	margin-top: -200px;
	z-index: 15;
}

.new_mail_loading_animation {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 50%;
	left: 50%;
}

.new_text_div {
	margin-left: 20px;
	margin-right: 20px;
}

.new_mail_grab_handle {
	height: 30px;
	width: 100%;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -200px;
	cursor: move;
	z-index: 14;
}










.new_spotcomment {
	position: absolute;
	background-image: url(../images/new_mail_panel.png);
	background-repeat: no-repeat;
	width: 440px;
	height: 440px;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -200px;
	z-index: 12;
}

.new_spotcomment_inner {
	margin:20px;
	z-index: 13;
}

.new_spotcomment_close_handle {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 50%;
	margin-left: 180px;
	margin-top: -200px;
	z-index: 15;
}

.new_spotcomment_loading_animation {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 50%;
	left: 50%;
}

.new_spotcomment_grab_handle {
	height: 30px;
	width: 100%;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -200px;
	cursor: move;
	z-index: 14;
}










.myAlert {
	position: absolute;
	background-image: url(../images/myAlert.png);
	background-repeat: no-repeat;
	padding: 20px;
	width: 210px;
	height: 110px;
	top: 50%;
	left: 50%;
	margin-left: -125px;
	margin-top: -75px;
	z-index: 100;
}

.myAlert .alertheadline {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
}

.myAlert .alertbody {
	color: #fff;
	font-size: 10px;
}

.myAlert .alertokbutton {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: 70px;
	margin-top: 40px;
	border: 0px solid #fff;
	z-index: 101;
}

.myAlert .alertokbutton a {
	border: 1px solid #fff;
	background-color: #111;
	color: #fff;
	padding: 3px;
	padding-left: 8px;
	padding-right: 8px;
	text-decoration: none;
}

.myAlert .alertokbutton a:hover {
	border: 1px solid #fff;
	background-color: #666;
	color: #fff;
	padding: 3px;
	padding-left: 8px;
	padding-right: 8px;
	text-decoration: none;
}

.myAlert a:link, .myAlert a:active, .myAlert a:visited, .myAlert a:hover {
	color: #fff;
}











.myConfirm {
	position: absolute;
	background-image: url(../images/myAlert.png);
	background-repeat: no-repeat;
	padding: 20px;
	width: 210px;
	height: 110px;
	top: 50%;
	left: 50%;
	margin-left: -125px;
	margin-top: -75px;
	z-index: 100;
}

.myConfirm .confirmheadline {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
}

.myConfirm .confirmbody {
	color: #fff;
	font-size: 10px;
}

.myConfirm .confirmokbutton {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: 70px;
	margin-top: 40px;
	border: 0px solid #fff;
	z-index: 101;
}

.myConfirm .confirmcancelbutton {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -10px;
	margin-top: 40px;
	border: 0px solid #fff;
	z-index: 101;
}

.myConfirm .confirmokbutton a, .myConfirm .confirmcancelbutton a {
	border: 1px solid #fff;
	background-color: #111;
	color: #fff;
	padding: 3px;
	padding-left: 8px;
	padding-right: 8px;
	text-decoration: none;
}

.myConfirm .confirmokbutton a:hover, .myConfirm .confirmcancelbutton a:hover {
	border: 1px solid #fff;
	background-color: #666;
	color: #fff;
	padding: 3px;
	padding-left: 8px;
	padding-right: 8px;
	text-decoration: none;
}

.myConfirm a:link, .myConfirm a:active, .myConfirm a:visited, .myConfirm a:hover {
	color: #fff;
}











.support {
}

.support input {
	width: 99%;
	margin-top: 5px;	
	margin-bottom: 5px;
	background-color: #fff;
	color: #555;
	border: 1px solid #555;
}

.support_paypal {
	margin-top: 20px;
	width: 100%;
	text-align: center;
}

.support_paypal input {
	border: 0px;
	background-color: transparent;
}





.online_info_panel {
	position: absolute;
	background-image: url(../images/online_panel_background.png);
	background-repeat: no-repeat;
	width: 300px;
	height: 30px;
	top: 0;
	left: 100px;
	z-index: 50;
	cursor: move;
}

.online_info_panel_inner {
	color: #fff;
	padding-top: 5px;
	text-align: center;
}

.online_info_panel_inner a {
	color: #fff;
}





.searchbutton {
	position: absolute;
	width: 46px;
	height: 45px;
	left: 0px;
	bottom: 20px;
	background-image: url(../images/search.png);
	vertical-align: middle;
	z-index: 69;
}

.searchbutton a:link, .searchbutton a:visited, .searchbutton a:active {
	display: block;
	text-decoration: none;
	width: 46px;
	height: 45px;
}





.sidepanel {
	position: absolute;
	width: 300px;
	height: 100%;
	left: 0px;
	top: 0px;
	background-image: url(../images/sidepanel_background.png);
	vertical-align: top;
	z-index: 70;
}

.sidepanel_inner {
	padding: 10px;
	padding-right: 30px;
}

.sidepanel_close_handle {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 10px;
	left: 255px;
	z-index: 71;
}

.sidepanel_loading_animation {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 30px;
	left: 125px;
}

.adsense_panel {
	position: absolute;
	width: 488px;
	height: 80px;
	right: 100px;
	top: 0px;
	vertical-align: top;
	z-index: 73;
}

.adsense_panel_inner {
	padding: 10px;
}

.adsensepanel_close_handle {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 5px;
	left: 463px;
	z-index: 74;
}





.group_panel {
	position: absolute;
	background-image: url(../images/bottom_panel_background.png);
	background-repeat: no-repeat;
	width: 300px;
	height: 30px;
	bottom: 0;
	left: 50%;
	margin-left: -175px;
	z-index: 50;
	cursor: move;
}

.group_panel_inner {
	color: #fff;
	padding-top: 5px;
	text-align: center;
	vertical-align: middle;
}




.search {
	overflow: auto;
	width: 100%;
	border: 0px solid #000;
}

.searchinput {
	display: block;
	width: 97%;
	font-size: 18px;
	border: 1px solid #ccc;
	padding: 3px;
}

.searchresults {
	display: block;
	border: 1px solid #ccc;
	background-color: #fff;
	margin-top: 15px;
	padding: 5px;
	line-height: 28px;
}

.searchresults a:link, .searchresults a:visited, .searchresults a:active {
	display: inline;
	margin: 0px;
	padding: 2px;
	border: 1px solid #555;
	color: #333;
	background-color: #fff;
	margin-top: 4px;
	text-decoration: none;
}

.searchresults a:hover {
	display: inline;
	margin: 0px;
	padding: 2px;
	border: 1px solid #fff;
	color: #fff;
	background-color: #555;
	margin-top: 4px;
}






.screenblocker {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0px;
	left:0px;
	background-image: url(../images/bg_transparent.png);
	z-index: 200;
}

.screenblocker_inner {
	position: absolute;
	height: 25px;
	width: 148px;
	display: block;
	left: 50%;
	top: 50%;
	margin-left: -75px;
	margin-top: -30px;
	background-color: #fff;
	border: 1px solid #000;
	z-index: 201;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}




.partner {
	background-color: #fff;
	border: 1px solid #e6e6e6;
	padding-top: 20px;
	padding-bottom: 20px;
}

.partner td {
	text-align: center;
	text-valign: middle;
	border: 1px solid #888;
	margin: 3px;
}

.links {
	background-color: #fff;
	border: 1px solid #e6e6e6;
	padding-top: 20px;
	padding-bottom: 20px;
}

.links td {
	text-align: center;
	text-valign: middle;
	border: 0px solid #888;
	margin: 3px;
}





.parkourlocs2go h3 {
	margin-top: 25px;
}

-->