/* 

	WebLab - Commnon CSS

	Any style rules that we want to run throughout the site go in here
	e.g. typography, background, standard animations.

	@author Owen Hindley

*/


/* STRUCTURE */
body, html {

	/*overflow: hidden;*/

	font-family:"DejaVuSansMono", "Courier New", Courier, monospace;

	background: white;

	-webkit-font-smoothing:antialiased;
}

body > img[width='1'][height='1'] {
	/* Tracking pixels */
	position: absolute;
	top: -100px;
}

.site, .section, .globalUI, .technologyHolder {
	min-width:1000px;
	min-height:580px;
	overflow: hidden;
}

/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {	
	font-weight:normal;
	text-align:left;
	padding:0px;
	text-transform:uppercase;
	margin:0px;

	
	color:#3e4544;
}

.universFont {
	font-family:'Roboto Condensed', "Helvetica Neue", Arial, sans-serif;
}

html[lang = "ru"] .universFont {
	font-family:'UniversLTW10-57Condense 726513', "Helvetica Neue", Arial, sans-serif;
}

html[lang = "ja"] .universFont
{
   font-family: Osaka, Arial, sans-serif;
}

h1, h2, h3 { font-family:'Roboto Condensed', "Helvetica Neue", Arial, sans-serif; }
h4, h5, h6 { font-family:'Roboto Condensed', "Helvetica Neue", Arial, sans-serif; font-weight:bold;}

html[lang = "ru"] h1, html[lang = "ru"] h2, html[lang = "ru"] h3 { font-family:'UniversLTW10-57Condense 726513', "Helvetica Neue", Arial, sans-serif; }
html[lang = "ru"] h4, html[lang = "ru"] h5, html[lang = "ru"] h6 { font-family:'UniversLTW10-57Condense 726513', "Helvetica Neue", Arial, sans-serif; font-weight:bold;}

html[lang = "ja"] h1, html[lang = "ja"] h2, html[lang = "ja"] h3 { font-family: Osaka, Arial, sans-serif; }
html[lang = "ja"] h4, html[lang = "ja"] h5, html[lang = "ja"] h6 { font-family: Osaka, Arial, sans-serif; font-weight:bold;}

h1 { font-size: 25px; line-height:24px; -webkit-text-stroke: 0.2px #3E4544; letter-spacing:-0.03em;}
h2 { font-size: 16.5px; -webkit-text-stroke: 0.2px #3E4544; letter-spacing:0.1px; line-height: 17px;}
h3 { font-size: 14px; letter-spacing:-0.04em; line-height: 14px;}
h4 { font-size: 12px; line-height:12px; /* -moz-transform:scale(1.03, 1.09); */ /* Now definatly nothing to see here, move along */ }
h5 { font-size: 12px; line-height:12px; /* -moz-transform:scale(1.03, 1.09); */ }
h6 { font-size: 11px; letter-spacing:-1px; line-height: 11px;  /*-moz-transform:scale(1, 1.08); */ }
h6.small { font-size:9px; }

body.Firefox h4 { letter-spacing: 0px; font-weight:lighter; } 
body.Firefox h5 { letter-spacing: 0px; font-weight:lighter; } 
body.Firefox h6 { letter-spacing: 0px; font-weight:lighter; } 

p, a { 
	font-size:11px; 
	line-height:14px;
	margin-top:5px;
	margin-bottom:5px;

}

a { color:#5C6665;}

p.big { font-size:12px; line-height:16px; }
p.small, span.small, a.small { font-size:9px; line-height:13px;}
p.black, span.black, a.black { color:#3e4544;}
p.purple, span.purple { color:#9e4767;}
p.white, span.white { color:white; -webkit-text-stroke:0.3px white;}

a:hover .black, a .black:hover, a:hover .hoverLink, .hoverLink:hover, a:hover p{
	color: #3e4544;
}

a img {
	/* Ensure IE doesm't go putting it's ugly borders on things */
	border:0px solid #555;
}

ul, li { list-style:none; padding:0px;}


/* LAYOUT */
.jsVerticallyCentered {
	position: absolute;
}


/* UI ELEMENTS */

/* Buttons */
button {
	cursor:pointer;
	display:block;
	color:white;
	margin:0px;

	display:inline-block;
	padding-left:16px;
	padding-right:16px;
	padding-top:0px;
	padding-bottom:0px;
	height:auto;
	width:auto;
	line-height:26px;
	pointer-events:auto;
	border:none;
}
html[lang="ru"] button { padding-top:1px; }

button * {
	pointer-events: none;
}

button h1, button h2, button h3, button h4, button h5, button h6 { color:white; text-transform:uppercase;}

button h4 { line-height:14px; -moz-transform:translateY(0px) scale(1.03, 1.09); padding-top:4px; padding-bottom:4px;}
body.Safari button h4 { line-height:13px; -moz-transform:translateY(0px) scale(1.03, 1.09); padding-top:3px; padding-bottom:5px; font-weight:normal;}

button.clearButton {
	color:#3e4544;
	display: block;
	padding:0px;
	background-color:transparent;
}


/* Button sizes */
button.large {
	padding-top:3px;
	padding-bottom:2px;
}
html[lang="ru"] button.large {
	padding-top:4px;
	padding-bottom:2px;
}
/* Horizontal rule */
hr.blackSinglePixel {
	height: 1px;
	background-color: #414342;
	border: none;
	margin: 0px;

	-webkit-transition:width 0.5s ease-out;
	-moz-transition:width 0.5s ease-out;
	transition:width 0.5s ease-out;
}

/* Placeholders / Xboxes */
.placeholderBox {
	background-image:url("../../images/common/xbox-grey.svg");
	background-size:cover;
	background-position:center;
}

.placeholderBox.black {
	background-image:url("../../images/common/xbox-black.svg");	
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearBoth {
	display:block;
	height:0px;
	clear: both;
}

.fillWidthDiv {
	width: 100%;
}

.fillDiv {
	width: 100%;
	height: 100%;
}

.absoulteFillDiv {
	position: absolute;
	width: 100%;
	height: 100%;
}

.overflowHidden {
	overflow: hidden;
}

.relativePosition {
	position: relative;
}

.signInPrompt p{
	margin:0px;
}
.signInPrompt a{
	color:#3e4544;
}