/* Support mobile */
html {
	min-width: 450px;
}

.inner-width { width: auto; max-width: 980px; min-width: 450px;}


.posting .career-header {
	background: url("../../_images/company/careers/backgrounds/header-bg-jobs.jpg") no-repeat center top #0a0d23;
	height: 180px;
}

.diablo-iii .career-header {
	background: url("../../_images/company/careers/backgrounds/header-bg-diablo.jpg") no-repeat center top #151419;
}

.world-of-warcraft .career-header {
	background: url("../../_images/company/careers/backgrounds/header-bg-wow.jpg") no-repeat center top #0f1927;
}

.starcraft-ii .career-header {
	background: url("../../_images/company/careers/backgrounds/header-bg-starcraft.jpg") no-repeat center top #0e191d;
}

.heroes-of-the-storm .career-header {
	background: url("../../_images/company/careers/backgrounds/header-bg-heroes.jpg") no-repeat center top #0c0912;
}

.hearthstone .career-header {
	background: url("../../_images/company/careers/backgrounds/header-bg-hearthstone.jpg") no-repeat center top #100a23;
}

.battle-net .career-header {
	background: url("../../_images/company/careers/backgrounds/header-bg-battlenet.jpg") no-repeat center top #001024;
}

.overwatch .career-header {
	background: url("../../_images/company/careers/backgrounds/header-bg-overwatch.jpg") no-repeat center top #72a3ef;
}

.posting .job-taleo-note {
	font-size:1em;
	text-align:center;
	margin:20px 0px;
	font-style:italic;
}

.posting .posting-header {
	border-width: 2px 0;
	border-style: solid;
	border-color: rgba(95, 228,255, 0.1);	
	padding: 30px 0 80px;
	overflow: hidden;
	position: relative;
}

.posting .posting-header .info {
	width: 650px;
	float: left;
}


.posting .job-description {
	font-size: 16px;
	color: #a6c9e3;
	line-height: 1.8em; 
	margin-top: 20px;
	clear:both;
}

.posting .job-description ul { 
	list-style-type: none; 
}

.posting .job-description > ul {
	padding-left: 0;	
}

.posting .job-description ul li {
	margin: 6px 0;
	padding-left: 10px;
	background: url("../../_images/company/careers/layout/list-arrow.png") no-repeat left 9px;
}

.posting .job-description b,
.posting .job-description strong {
	color: #fff;
	text-transform: uppercase;
	font: normal 14px "MuseoSans-700", "century gothic", sans-serif;
	letter-spacing: 0.1em;
	display: inline-block;
	margin: 40px 0 20px;

}

.posting .email-button { 
	display: inline-block; 
	padding: 10px 0 10px 30px; 
	text-transform: uppercase;
	font: normal 12px "MuseoSans-500", "century gothic", arial, sans-serif;
	margin: 5px 0;
	background: url("../../_images/layout/icon-email.png") 0 2px no-repeat;
}

.posting .email-button:hover { 
	background-position: 0 -28px;
}

.posting .back-button {
	display: inline-block; 
	margin: 10px 0 5px;
	padding: 15px;
	font: normal 12px "MuseoSans-500", "century gothic", arial, sans-serif;
	text-transform: uppercase;
	background:url('../../_images/layout/arrow_sm_2.png')  0 50% no-repeat;
}	

.posting .back-button:hover{ 
	color:#fff;
}	

.posting .job-title { 
	font: normal 45px 'MuseoSans-500',"century gothic",arial; 
	color:#fff;
	line-height: 1em;
	margin-bottom: 12px;
	text-transform: uppercase;
}

.posting .job-team { 
	color:#fff;
	font:normal 17px 'MuseoSans-500',"century gothic",arial;
}

.posting .job-location {
	color:#a6c9e3;
	padding: 0;
	margin-top: 15px;
	font:normal 17px 'MuseoSans-300',"century gothic",arial; 
}

.posting .job-location li {
	margin: 8px 0;
	font-size: 16px;
}

.posting .job-team {
	text-transform:uppercase;
}

.posting .posting-header .job-link {
	position: absolute; 
	right: 0;
}

.posting .footer {
	text-align: center;
	padding: 40px 0;
	border-bottom: 2px solid rgba(8,101,160,0.3);
}

/* Share posting page */
#share-posting-form {left:0px;float:left;position:relative;overflow:hidden;}
#share-posting-form blockquote {border:1px solid red;}

/*widgets*/
.widget-default { float:right; margin: 10px 0; width: 400px; text-align: right;}
.fb_iframe_widget span { display: block !important; }
.fb_iframe_widget,
.XING { height: 21px;}

#twitter-widget-0,
.fb_iframe_widget span { float: right; margin-left: 5px; }

@media (max-width: 980px) {
	.navigation-wrapper.stickied { position: relative;}

	.posting .posting-header { text-align: center; padding: 30px 0;}
	.posting .posting-header .info { float: none; width: auto; }
	.posting .posting-header .job-link { position: relative;}
	.career-content .inner-width { padding: 20px; }
	.posting .footer { width: auto; }
}


@media (max-width: 540px) {
	.widget-default { float: left;}
}