/* global.css */

html {
background-color: #F3F3F3;
}

body {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #808080;
background-color: #F3F3F3;
}

a, a:hover, a:active, a:focus {
outline: 0;
}

.site-container {
width: 960px;
margin: 0 auto;
min-height: 75px;
background-color: #fff;
}

#nav-bar {
height: 75px;
background-color: #F3F3F3;
width: 100%;
position: fixed;
-moz-box-shadow: 0 3px 2px -2px #D31208;
-webkit-box-shadow: 0 3px 2px -2px #D31208;
box-shadow: 0 3px 2px -2px #D31208;
opacity: 0.94;
top: 0px !important;		
}

	#nav-bar .logo {
	background: url('../img/eb-games-logo.png') 0 0 no-repeat;
	width: 201px;
	height: 29px;
	text-indent: -4000px;
	display: inline-block;
	margin: 21px 25px 0;
	}

	#nav-bar .button {
	float: right;
	}

		#nav-bar .button a {
		color: #ffffff;
		text-decoration: none;
		}



		/* Added */

		.button .apply-btn {
		background-color: #ed1c24;
		padding: 10px 0;
		color: #fff;
		width: 150px;
		font-size: 16px;
		border: none;
		outline: none;
		text-align: center;
		text-decoration: none;
		letter-spacing: 0.03em;
		display: block;
		margin: 16px 25px 0 0;
		text-shadow: 1px 1px #cf070e;
		}

			.button .apply-btn:hover {
			background-color: #f5252d;
			}

		/* End Added */			

		.button .apply-btn-lg {
		background-color: #ed1c24;
		padding: 10px 0;
		color: #fff;
		width: 234px;
		border: none;
		outline: none;		
		font-size: 16px;
		text-align: center;
		text-decoration: none;
		letter-spacing: 0.03em;
		display: block;
		margin: 16px 25px 0 0;
		text-shadow: 1px 1px #cf070e;
		}

			.button .apply-btn-lg:hover {
			background-color: #f5252d;
			}			

	#navigation .apply-wrap a.apply-btn-abs {
	position: absolute;
	background-color: #ed1c24;
	padding: 10px 0;
	color: #fff;
	border-radius: 4px;
	width: 150px;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.03em;
	display: block;
	top: 10px;
	right: 50px;
	text-shadow: 1px 1px #cf070e;
	}

		#navigation .apply-wrap a.apply-btn-abs:hover {
		background-color: #f5252d;
		}
			
	#nav-bar .links {
	float: right;
	margin-top: 27px;
	}

		#nav-bar .links ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}

			#nav-bar .links ul li {
			float: left;
			margin-right: 30px;
			}

				#nav-bar .links ul li a {
				text-decoration: none;
				color: #808080;
				}

					#nav-bar .links ul li a:hover {
					color: #404040;
					}

#header {
height: 157px;
background: url('../img/header-background.png') repeat-x center top;
min-width: 960px;
width: 100%;
text-align: center;
margin-top: 75px;
}

	#header .container {
	width: 960px;
	text-align: center;
	margin: 0 auto;	
	}

	#header .container h1 {
	background: url('../img/header-careers.png') no-repeat 0 0;
	width: 722px;
	height: 64px;
	text-indent: -4000px;
	display: inline-block;
	text-align: center;
	margin: 44px auto 0;
	}

#header-fr {
height: 157px;
background: url('../img/header-background.png') repeat-x center top;
min-width: 960px;
width: 100%;
text-align: center;
margin-top: 75px;
}

	#header-fr .container {
	width: 960px;
	text-align: center;
	margin: 0 auto;
	}

	#header-fr .container h1 {
	background: url('../img/header-careers-fr.png') no-repeat 0 0;
	width: 765px;
	height: 65px;
	text-indent: -4000px;
	display: inline-block;
	text-align: center;
	margin: 44px auto 0;
	}	
	
#header-break {
height: 45px;
width: 960px;
margin: 0 auto;
background-color: #fff;
}

#content {
width: 960px;
margin: 0 auto;
background-color: #fff;
background: url('../img/content-background.png') 0 0 repeat-y;
}

	#content .side-bar {
	width: 250px;
	float: left;
	padding-bottom: 40px;
	}

		#content .side-bar img {
		margin: 20px 30px 15px;
		}

		#content .side-bar a {
		color: #404040;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		display: block;
		padding: 16px 30px 14px;
		letter-spacing: 0.03em;
		outline: 0;
		}

			#content .side-bar a:hover {
			background-color: #F3F3F3;
			}

			#content .side-bar a.active {
			background-color: #F3F3F3;
			pointer-events : none;
			}

		#content .side-bar .selected {
		background-color: #F3F3F3;
		pointer-events : none;
		}

	#content .content-container {
	width: 600px;
	float: left;
	padding: 0 40px 25px;
	margin-top: 0;
	}

		#content .content-container h3 {
		color: #404040;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		letter-spacing: 0.03em;
		margin-top: 28px;
		}

			#content .content-container h3:first-child {
			margin-top: 0;
			}

		#content .content-container p {
		color: #808080;
		line-height: 24px;
		}

		#content .content-container a {
		color: #404040;
		text-decoration: none;
		border-bottom: 1px solid #c0c0c0;
		}

			#content .content-container a:hover {
			text-decoration: none;
			border-bottom: 1px solid #404040;
			}

#footer {
background-color: #E9E9E9;
color: #bfbfbf;
text-align: center;
padding: 15px 0;
width: 960px;
text-shadow: 1px 1px #ffffff;
font-size: 12px;	
margin: 0 auto;
}

.content-break {
padding: 0;
margin: 25px 0;
border-top: 1px solid #E5E5E5;
display: block;
}

.scrollup{
width:39px;
height:39px;
opacity:0.3;
position:fixed;
bottom:76px;
left: 50%;
margin-left: -450px;
/* margin-left: -374px; */ 
/* margin-left: -297px; */
display:none;
text-indent:-9999px;
background: url('../img/scroll-arrow.png') no-repeat;
outline: 0;
}

.apply-buttons {
	width: 298px;
	margin: 0 auto;
}

img.view-linkedin-postings {
	margin-bottom: 10px;
}