@charset "utf-8";
/* CSS Document */

body{
	background:black;
	margin:0 auto;
	text-align: left;
	}
	
#outer{
	position:absolute;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border:0;
}

#wrapper{
	border: 15px solid transparent;
	-moz-border-image: url(http://zmi-cdnstatic.s3.amazonaws.com/wolfenstein.bethsoft.com/images/bandb/bg-borderimg.png) 15 / 15px 15px repeat;
	-webkit-border-image: url(http://zmi-cdnstatic.s3.amazonaws.com/wolfenstein.bethsoft.com/images/bandb/bg-borderimg.png) 15 / 15px 15px repeat;
	-o-border-image: url(http://zmi-cdnstatic.s3.amazonaws.com/wolfenstein.bethsoft.com/images/bandb/bg-borderimg.png) 15 / 15px 15px repeat;
	border-image: url(http://zmi-cdnstatic.s3.amazonaws.com/wolfenstein.bethsoft.com/images/bandb/bg-borderimg.png) 15 / 15px 15px repeat;
	behavior: url(pie/PIE.htc);
	text-align:center;
}

.ie8 #wrapper{
	margin:0 1px 0 0;
}

#footer{
	position:relative;
	margin: 0 auto;
	width:100%;
	text-align:center;!important
	z-index:0;
}

p{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:center;
}

.legal{
	font-size:x-small;
	display: inline-block;
	margin: 20px;
	vertical-align:middle;
}

.legalp{
	font-size:x-small;
	display: inline-block;
	margin: 0px;
	vertical-align:middle;
}

.pegi{
	margin-right:0px!important;
	vertical-align:top!important;
}

.pegi2{
	margin-left:0px!important;
	vertical-align:top!important;
}

a{
	text-decoration:none;
	color:#747474;
}

strong{
	font-weight:900;
}

a:hover{
	color:#FFFFFF;
}

.legal a{
	font-weight:800;
}

#tagged{
	width:179px;
	height:179px;
	position:absolute;
	top:0;
	right:0;
	background:url(http://zmi-cdnstatic.s3.amazonaws.com/wolfenstein.bethsoft.com/images/tag-right.png) no-repeat;
}

#videocontainer{
	position:relative;
	width:790px;
	height:590px;
	margin:0 auto;
	background:url(http://zmi-cdnstatic.s3.amazonaws.com/wolfenstein.bethsoft.com/images/bandb/video-border.png) no-repeat;
	/*border: 75px solid transparent;
	-moz-border-image: url(http://zmi-cdnstatic.s3.amazonaws.com/wolfenstein.bethsoft.com/images/bandb/video-border.png) 75 / 75px 75px repeat;
	-webkit-border-image: url(http://zmi-cdnstatic.s3.amazonaws.com/wolfenstein.bethsoft.com/images/bandb/video-border.png) 75 / 75px 75px repeat;
	-o-border-image: url(http://zmi-cdnstatic.s3.amazonaws.com/wolfenstein.bethsoft.com/images/bandb/video-border.png) 75 / 75px 75px repeat;
	border-image: url(http://zmi-cdnstatic.s3.amazonaws.com/wolfenstein.bethsoft.com/images/bandb/video-border.png) 75 76 76 75 / 75px 75px repeat;
	behavior: url(pie/PIE.htc);*/
	text-align:center;
	overflow:visible;
}

#video{
	position:absolute;
	top:95px;
	left:75px;
	width:640px;
	height:400px;
	background-color:transparent;
	overflow:hidden;
}

#sociallinks{
	position:absolute;
	top:515px;
	left:75px;
}

#howtoplay{
	position:absolute;
	top:515px;
	right:75px;
	text-align:right;
}

a.social, a.htp, .stButton {
	position:relative; 
	border: 1px solid #999999;
	border-radius:2px;
	display:inline-block;
	opacity:.4;
	filter:alpha(opacity=40);
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:xx-small;
	height:25px;
	vertical-align:top;
	text-align:center;
	z-index:2;
	background:-moz-linear-gradient(top,  #444444,  #000000);
	background:-moz-linear-gradient(top,  #444444,  #000000);
	background:-ms-linear-gradient(top,  #444444,  #000000);
	background:-o-linear-gradient(top,  #444444,  #000000);
	background:-webkit-gradient(top,  #444444,  #000000);
	background:-webkit-linear-gradient(top,  #444444,  #000000);
	background:linear-gradient(top,  #444444,  #000000);
}

a:hover.social, a:hover.htp, .stButton:hover {
	border: 1px solid #ffffff;
	border-radius:2px;
	display:inline-block;
	opacity:1;
	filter:alpha(opacity=100);
	color:#ffffff;
	background:-moz-linear-gradient(top,  #9e2626,  #741616);
	background:-ms-linear-gradient(top,  #9e2626,  #741616);
	background:-o-linear-gradient(top,  #9e2626,  #741616);
	background:-webkit-gradient(top,  #9e2626,  #741616);
	background:-webkit-linear-gradient(top,  #9e2626,  #741616);
	background:linear-gradient(top,  #9e2626,  #741616);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e2626', endColorstr='#741616');
}

.htphover{
	border: 1px solid #ffffff!important;
	border-bottom: 0px!important;
	border-radius:2px 2px 0 0!important;
	opacity:1!important;
	filter:alpha(opacity=100)!important;
	background:-moz-linear-gradient(top,  #9e2626,  #741616)!important;
	background:-ms-linear-gradient(top,  #9e2626,  #741616)!important;
	background:-o-linear-gradient(top,  #9e2626,  #741616)!important;
	background:-webkit-gradient(top,  #9e2626,  #741616)!important;
	background:-webkit-linear-gradient(top,  #9e2626,  #741616)!important;
	background:linear-gradient(top,  #9e2626,  #741616)!important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e2626', endColorstr='#741616')!important;
	height:30px!important;
}

.togglewindow{
	display:none;
	position:relative;
	margin: -1px 0 0 0;
	width:640px;
	height:150px;
	border: 1px solid #ffffff;
	border-radius:2px 0 2px 2px;
	color:#ffffff;
	background:-moz-linear-gradient(top,  #741616,  #9e2626);
	background:-ms-linear-gradient(top,  #741616,  #9e2626);
	background:-o-linear-gradient(top,  #741616,  #9e2626);
	background:-webkit-gradient(top,  #741616,  #9e2626);
	background:-webkit-linear-gradient(top,  #741616,  #9e2626);
	background:linear-gradient(top,  #741616,  #9e2626);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#741616', endColorstr='#9e2626');
	z-index:1;
	text-align:center;
	padding:0;
}
	
	
li.controls{
	height:25px;
	border: 1px solid #ffffff;
	border-radius:2px;
	background:transparent;
	color:#ffffff;
	font-size:medium;
	font-weight:bold;
	vertical-align:middle;
	width:25px;
	line-height:25px;
	list-style:none;
	display:inline-block;
	margin:5px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	vertical-align:middle;
}

.wide{
	width:40px!important;
}

.wider{
	width:60px!important;
}

.xwide{
	width:100px!important;
}

li.action{
	background:transparent;
	color:#ffffff;
	font-size:small;
	vertical-align:middle;
	line-height:25px;
	list-style:none;
	display:inline-block;
	margin:5px 5px 5px 15px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

ul{
	padding:0;
}

.stButton, .stButton:hover{
	width:25px;
	height:25px;
	margin-left:0!important;
}

.stButton .stLarge:hover {
		background-position: 0px 0px !important;
		opacity:1;
}

.stLarge{
	background-image:url(http://zmi-cdnstatic.s3.amazonaws.com/wolfenstein.bethsoft.com/images/icons/sharethis-icon.png)!important;
	background-repeat:no-repeat;
}

#wolf3d {
            margin-top :0px;
            border : none;
            width : 640px;
            height : 400px;
			overflow:hidden;
        }

.textbox, .submit{
	border: 0;
	text-align:center;
	color:#777777;
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	height:25px!important;
	vertical-align:middle;
	z-index:2;
	background: transparent;
	border:1px solid #333333;
	line-height:25px;
}



.submit, .gate, .other{
	text-transform:uppercase;
	cursor:pointer;
	color:#999999;
	font-size:x-small;
	font-weight:800;
}

.textbox:hover, .submit:hover{
	color:#FFFFFF;
}

.submit:hover{
	background:#111111;
}

.textbox:focus{
	color:#FFFFFF;
	border:1px solid #333333;
	font-size:small;
}

#lang{
	width:250px;
	position:relative;
	height:300px;
	margin:0 auto;
	
}

#slide{
	width:250px;
	top:100;
	position:absolute;
}

.gate, .other{
	font-size:small;
}