/*
URI: http://www.ypdpeople.com/
Description:  Styles for the 3D game page of YPD.
Version: 1.0
Author: Mike Jasek
Author URI: http://www.interacts.at
First created: 16/Nov/2009
Last updated:  04/Feb/2010
*/

@import url("reset.css");
@import url("defaults.css");


/* begin structure
****************************************************/
div#gameplaywrapper {
	width: 800px;
}
div#gamewrap {
	height: 450px;
	width: 800px;
}
#wrap-gamecontent {
	background-color: #323539;
	clear: both;
	display: block;
	height: auto;
	margin: 0 auto;
	padding: 40px;
}
#YPDGamwrapper {
	height: 450px;
	overflow: hidden;
	position: relative;
	background-color: pink;
	width: 800px;
}
#YPDGamwrapper object,
#YPDGamwrapper embed {
	border: none;
}
.url-logo {
	clear: both;
	margin-top: 10px;
	width: 100%;
}
.url-logo a {
	background: transparent url(images/ypd_logo_url_white.png) no-repeat left top;
	display: block;
	float: right;
	height: 30px;
	text-decoration: none;
	width: 215px;
}
.url-logo a span {
	position: relative;
	top: -9999px;
}

/* begin normal text
****************************************************/
.tx-ypdmapconfig-pi1 {
	/*background-color: #3e4245;
	border: 1px solid #818283;
	border-bottom: none;*/
	background-color: #000000;
	color: #ffffff;
	height: 450px;
	width: 800px;
}
.tx-ypdmapconfig-pi1 h1 {
	font-size: 24px;
	line-height: 28px;
	padding-bottom: 12px;
}

/* begin infobox
****************************************************/
#infobox {
	/*background-color: #3e4245;
	border: 1px solid #818283;
	border-top: none;*/
	background-color: #000000;
	color: #ffffff;
	font-size: 10px;
	height: 50px;
	overflow: hidden;
	width: 800px;
}
#backpackitem-inactive {
	background: transparent url(images/backpack-inactive.png) no-repeat 8px 6px;
	float: left;
	height: 50px;
	padding-left: 50px;
	padding-top: 6px;
	text-align: left;
	width: 155px;
}
#backpackitem-active {
	background: transparent url(images/backpack-active.png) no-repeat 8px 6px;
	float: left;
	height: 50px;
	padding-left: 50px;
	padding-top: 6px;
	text-align: left;
	width: 155px;
}
#backpackitem-active:hover {
	cursor: pointer;
}
#emergencyMessageInactive {
	display: none!important;
}
#emergencyMessageActive {
	background: transparent url(images/alertsign.png) no-repeat 10px top;
	border: 1px solid #ff0000;
	cursor: pointer;
	float: left;
	height: 38px;
	margin-top: 3px;
	padding-left: 76px;
	padding-top: 4px;
	text-align: left;
	width: 316px;
}
#challengestepcounter {
	display: block;
	float: right;
	height: 44px;
	padding-top: 6px;
	width: 200px;
}