
html { 
	height: 100%;
	min-width:960px;
	-webkit-overflow-scrolling:touch;	
}

body { 
	background-color: #010e16;
	color: #a6c9e3;
	font: normal 16px/1.8em "MuseoSans-500", "century gothic", arial, sans-serif;	
	height:100%;
	margin:0;
	padding:0;	
}

.inner-width {
	max-width: 980px;
	min-width: 920px;
	margin: 0 auto;
	padding: 0 25px;
}

.outer-width {
	max-width: 1200px;
	min-width: 920px;
	margin: 0 auto;
	overflow: hidden;
}

.career-header {
	margin-top: 68px;
}

.career-header .blizz-logo {
	width: 200px;
	height: 105px;
	display: block;
	position: absolute;
	margin: 16px 0 30px 12px;
	opacity: 1;
	background: url("../../_images/layout/blizz-logo.png") no-repeat center center;
}

.career-header.expanded .blizz-logo {
	opacity: 0;
	transition: opacity 2s;
}

.navigation {
	display: none;
}

.navigation .bar a span {
	line-height: normal;
}

.navigation-wrapper {
	background: url("../../_images/company/careers/layout/nav-bg.jpg") repeat-x 0 0 #021a2f;
	border-bottom: 1px solid #01314f;
	box-shadow: 0 1px 10px #000;
	position: relative;
	width:100%;
	z-index: 110;
}

.navigation-wrapper.stickied {
	top: 0;
	position: fixed;
}

.is-mobile .navigation-wrapper.stickied {
	top: 0;
	position: absolute;
}

.horiz-subnav-wrapper {
	padding: 0 20px;
}

.navigation-texture {
	background: url("../../_images/company/careers/layout/nav-center.png") no-repeat center 0 ;
}

.career-nav {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	min-width:960px;
	overflow: hidden;
}

.career-nav .nav-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	font: normal 14px "MuseoSans-500", arial, sans-serif;
	text-transform: uppercase;
	text-shadow: 0 0 5px rgba(1,1,1,0.5);
	background: url("../../_images/company/careers/layout/line.gif") no-repeat left bottom;
	zoom: 1;
    *display: inline;	
}


.career-nav .nav-item a {
	display: inline-block;
	padding-top: 26px;
	padding-bottom: 25px;
	padding-left: 45px;
	padding-right: 45px;
}

.stickied .career-nav .nav-item > a {
	padding-left: 42px;
	padding-right: 42px;
}

.de-de .career-nav .nav-item a,
.es-es .career-nav .nav-item a,
.es-mx .career-nav .nav-item a,
.pt-br .career-nav .nav-item a {
	padding-left: 30px;
	padding-right: 30px;
}

.ru-ru .career-nav .nav-item a {
	padding-left: 28px;
	padding-right: 28px;
}

.de-de .career-nav .nav-item > a,
.es-es .career-nav .nav-item > a,
.es-mx .career-nav .nav-item > a,
.pt-br .career-nav .nav-item > a {
	padding-left: 28px;
	padding-right: 28px;
}

.ru-ru .career-nav .nav-item > a {
	padding-left: 25px;
	padding-right: 25px;	
}

.de-de .career-nav .nav-item.home > a,
.es-es .career-nav .nav-item.home > a,
.es-mx .career-nav .nav-item.home > a,
.pt-br .career-nav .nav-item.home > a,
.ru-ru .career-nav .nav-item.home > a {
	padding-left: 0;
	padding-right: 0;
}

.career-nav .nav-item.active > a {
	color: #fff;
}

.career-nav .nav-item:hover .subnav {
	display: block;
}

.career-nav .nav-item.home span {
	display: none;
}

body.home .career-nav .nav-item.home > a {
	width:35px;
	height: 62px;
	padding: 0 20px;
	background: url("../../_images/company/careers/layout/icon-home.png") no-repeat center 0 ;
}

body.home .career-nav .nav-item.home:hover a,
body.home .career-nav .nav-item.home.active a {
	background-position: center -38px;
}

.career-nav .nav-item.home a, 
body.home .navigation-wrapper.stickied .nav-item.home a {
	width:105px;
	height: 62px;
	padding: 0;
	background: url("../../_images/company/careers/layout/careers-logo.png") no-repeat 4px 3px;
}

.career-nav .nav-item.home:hover a,
.career-nav .nav-item.home.active a,
body.home .navigation-wrapper.stickied .nav-item.home:hover a,
body.home .navigation-wrapper.stickied .nav-item.home.active a {
	background-position: -101px 3px;
}

.career-nav .nav-item.university {
	background: url("../../_images/company/careers/layout/line.gif") no-repeat right bottom, url("../../_images/company/careers/layout/line.gif") no-repeat left bottom;	
}

.career-nav .nav-item.university span {
	display: inline-block;
	padding-right: 25px;
	background: url("../../_images/company/careers/layout/link-out.gif") no-repeat right 2px;
}

.career-nav .nav-item.university:hover span {
	background-position: right -48px;
}

.career-nav .nav-item.job-openings {
	background: url("../../_images/company/careers/layout/nav-button-left.png") no-repeat 0 0, url("../../_images/company/careers/layout/nav-button-right.png") no-repeat right 0 ;
	border: 0;
	vertical-align: middle;
	margin: 12px 5px;
}

.career-nav .nav-item.job-openings a {
	background: url("../../_images/company/careers/layout/nav-button-repeat.png") repeat-x 0 0;
	color: #fff;
	margin: 0 5px;
	padding: 0 40px;
	height: 42px;
	line-height: 44px;
}

.career-nav .nav-item.job-openings:hover {
	background: url("../../_images/company/careers/layout/nav-button-left.png") no-repeat 0 -43px, url("../../_images/company/careers/layout/nav-button-right.png") no-repeat right -43px;
}

.career-nav .nav-item.job-openings:hover a {
	background: url("../../_images/company/careers/layout/nav-button-repeat.png") repeat-x 0 -43px;
}


.job-openings .nav-item.job-openings,
.job-openings .nav-item.job-openings a,
.posting .nav-item.job-openings,
.posting .nav-item.job-openings a,
.job-openings .nav-item.job-openings:hover,
.job-openings .nav-item.job-openings:hover a,
.posting .nav-item.job-openings:hover,
.posting .nav-item.job-openings:hover a {
	background: none;
}

.subnav {
	position: absolute;
	display: none;
	font: normal 14px "MuseoSans-500", "century gothic", arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	z-index: 10;
}

.subnav .arrow-up {
	width: 15px;
	height: 12px;
	background: url("../../_images/company/careers/layout/subnav-arrow-up.png") no-repeat 0 0 ;
	display: block;
	margin: 0 auto;
	position: relative;
}

.subnav .arrow-up.hover {
	background-position: 0 -12px;
}

.subnav ul {
	padding: 0;
	margin-top:-4px;
	background-color: #001629;
	border-radius: 6px;
	border: 1px solid #3a4e59;	
}

.subnav .subnav-item {
	text-align: left;
}

.subnav .subnav-item:first-child {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}


.subnav .subnav-item:last-child {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.subnav .subnav-item a {
	padding: 7px 15px;
}

.subnav .subnav-item:first-child a {
	padding-top:10px;
}

.subnav .subnav-item:last-child a {
	padding-bottom:10px
}


.subnav .subnav-item:hover {
	background-color: #fff;
}

.subnav .subnav-item:hover a {
	color: #000;
	text-shadow: none;
}

.subnav .subnav-item.active a {
	color: #fff;
}


.horiz-subnav {
	margin: 0 auto;
	font: normal 15px "MuseoSans-500","century gothic",arial,sans-serif;
	text-align: left;
	text-transform: uppercase;
	padding-left: 0;
}

.horiz-subnav .subnav-item {
	display: inline-block;
	text-align: left;
	margin: 45px 5px 35px;	
}

.horiz-subnav .subnav-item a {
	padding: 10px 15px;	
}

.horiz-subnav .subnav-item:first-child {
	margin-left: 0;
}

.horiz-subnav .subnav-item .active{
	color: #fff;
	background-color:rgba(0,0,0,0.2);
}

.inline-menu {
	padding-left: 0;
}

.job-link { 
	text-transform: uppercase;
	font: normal 21px "MuseoSans-500", "century gothic", sans-serif;
	display: inline-block;
	height: 82px;
	padding: 0 50px;
	background: url("../../_images/company/careers/layout/apply-button-left.png") 0 0 no-repeat, url("../../_images/company/careers/layout/apply-button-right.png") 100% 0 no-repeat;
	}

.job-link .button {
	text-shadow: 0 0 5px #002744;
	color: #fff;
	display: block;
	height: 53px;
	padding: 0 20px;
	margin-top: 15px;
	line-height: 53px;
	background: url("../../_images/company/careers/layout/apply-button-repeat.png") repeat-x 0 0;
}

.job-link:hover { 
	background: url("../../_images/company/careers/layout/apply-button-left.png") 0 -82px no-repeat, url("../../_images/company/careers/layout/apply-button-right.png") 100% -82px no-repeat;
	}

.job-link:hover .button {
	background-position: 0 -53px;
}

.video-lightbox {
	position: absolute;     
	display: none;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;	
}

.video-lightbox iframe {
	position: fixed;     
	overflow: hidden; 	
	z-index: 122;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;	
}

#close-video {
	width: 51px;
	display: none;
	cursor: pointer;
	height: 51px;
	position: fixed;
	display: block;
	z-index: 10000;
	background: url("../../_images/company/careers/layout/icon-close.png") no-repeat center center;
	top: 30px;
	right: 30px;
	opacity: 0.5;
	transition: opacity 0.5s;	
}

#close-video:hover {
	opacity: 1;
	transition: opacity 0.5s;
}

.career-content {
	background: url("../../_images/company/careers/backgrounds/default-bg.jpg") no-repeat center top #010e16;
	box-shadow: 0 0 5px #000;
	overflow: hidden;
}

.footercontainer {
	height: auto;
	overflow: hidden;
}

.subpagenav {
	padding-top: 100px;
}

.subpagenav .top,
.subpagenav .middle,
.subpagenav .bottom {
	margin: 0 auto;
}

.subpagenav .top a.section {
	padding: 2px 0 0 26px;
}

.divcenter {
	top: 135px;
	height: 0;
}

#careers-disclaimer { 
	font-size: 0.75em; 
	margin-top: 0px; 
	position:relative;
	padding:0px;
	color:#5a7182;
	text-align:left; 
}

.navigation .bg {
	position: relative;
}