/* Stylesheet for Agency MABU
 * by Agency MABU
 * August 2012
*/

/* font embeds */
/*
@font-face {
		font-family: 'RobotoRegular';
		src: url('/image/cache/Roboto-Regular-webfont.eot');
		src: url('/image/cache/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
			url('/image/cache/Roboto-Regular-webfont.woff') format('woff'),
			url('/image/cache/Roboto-Regular-webfont.ttf') format('truetype'),
			url('/image/cache/Roboto-Regular-webfont.svg#RobotoCondensed') format('svg');
		font-weight: normal;
		font-style: normal;
}
@font-face {
		font-family: 'RobotoCondensed';
		src: url('/image/cache/Roboto-Condensed-webfont.eot');
		src: url('/image/cache/Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'),
			url('/image/cache/Roboto-Condensed-webfont.woff') format('woff'),
			url('/image/cache/Roboto-Condensed-webfont.ttf') format('truetype'),
			url('/image/cache/Roboto-Condensed-webfont.svg#RobotoCondensed') format('svg');
		font-weight: normal;
		font-style: normal;
}
*/
@font-face {
	font-family: 'RobotoCondensedItalic';
	src: url('../image/cache/Roboto-CondensedItalic-webfont.eot');
	src: url('../image/cache/Roboto-CondensedItalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('../image/cache/Roboto-CondensedItalic-webfont.woff') format('woff'),
		url('../image/cache/Roboto-CondensedItalic-webfont.ttf') format('truetype'),
		url('../image/cache/Roboto-CondensedItalic-webfont.svg#RobotoCondensedItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
@font-face {
		font-family: 'RobotoBoldCondensed';
		src: url('/image/cache/Roboto-BoldCondensed-webfont.eot');
		src: url('/image/cache/Roboto-BoldCondensed-webfont.eot?#iefix') format('embedded-opentype'),
			url('/image/cache/Roboto-BoldCondensed-webfont.woff') format('woff'),
			url('/image/cache/Roboto-BoldCondensed-webfont.ttf') format('truetype'),
			url('/image/cache/Roboto-BoldCondensed-webfont.svg#RobotoBoldCondensed') format('svg');
		font-weight: normal;
		font-style: normal;
}
@font-face {
		font-family: 'RobotoBoldCondensedItalic';
		src: url('/image/cache/Roboto-BoldCondensedItalic-webfont.eot');
		src: url('/image/cache/Roboto-BoldCondensedItalic-webfont.eot?#iefix') format('embedded-opentype'),
			url('/image/cache/Roboto-BoldCondensedItalic-webfont.woff') format('woff'),
			url('/image/cache/Roboto-BoldCondensedItalic-webfont.ttf') format('truetype'),
			url('/image/cache/Roboto-BoldCondensedItalic-webfont.svg#RobotoBoldCondensedItalic') format('svg');
		font-weight: normal;
		font-style: normal;
}
*/

.roboto-condensed-italic {
	font-family: 'RobotoCondensedItalic','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
}

#instructions-mobilenav {
	display: none;
}

body {
	background: #000000 url(../image/cache/html-bg.png) scroll center center repeat-y;
	color:#FFFFFF;
}

h1, h2, h3, h4, h5, h6 {
	color:#FFFFFF;
	font-family: 'RobotoCondensedItalic','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
}

hr {
	border-bottom: 0px solid transparent;
}

table a {
	color:#ffffff;
	text-decoration: underline;
}

table a:hover {
	color:#ffffff;
	text-decoration: none;
}

/* top navbar */
#nav .navbar-inner {
	background-color: #015a7a;
	background-image: -moz-linear-gradient(top, #66a3b9, #015a7a);
	background-image: -ms-linear-gradient(top, #66a3b9, #015a7a);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#66a3b9), to(#015a7a));
	background-image: -webkit-linear-gradient(top, #66a3b9, #015a7a);
	background-image: -o-linear-gradient(top, #66a3b9, #015a7a);
	background-image: linear-gradient(top, #66a3b9, #015a7a);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66a3b9', endColorstr='#015a7a', GradientType=0);
	border-bottom:0px solid #FFFFFF;
}
#nav .navbar-inner a {
	color: #FFD100;
	text-shadow: 0 1px 0 #015a7a;
}
#nav .navbar-inner a:hover {
	color: #023E54;
}
.nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover {
	background-color: #F5CE1D;
}

#brand {
	padding-top: 20px;
	margin-top: 50px;
}

#intro {
	margin-bottom:20px;
}

.sections {
	margin-bottom:40px;
}

#intro .well {
	background-color: #ffd100;
	border-color: #7b7765;
	border-radius: 6px 6px 6px 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#333333;
}
#intro .well-with-bg {
	border-color: #7b7765;
	border-radius: 6px 6px 6px 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#333333;
}

#intro .well h1, #intro .well h2, #intro .well h3, #intro .well h4, #intro .well h5, #intro .well h6,
#intro .well-with-bg h1, #intro .well-with-bg h2, #intro .well-with-bg h3, #intro .well-with-bg h4, #intro .well-with-bg h5, #intro .well-with-bg h6,
.well {
	color:#333333;
}

/* background css gradient */
#intro .well {
	background: #ffd40f; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZjZjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmQ0MGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fcf6c4 0%, #ffd40f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf6c4), color-stop(100%,#ffd40f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcf6c4 0%,#ffd40f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcf6c4 0%,#ffd40f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcf6c4 0%,#ffd40f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fcf6c4 0%,#ffd40f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf6c4', endColorstr='#ffd40f',GradientType=0 ); /* IE6-8 */
}

.well-with-bg {
	background-image: url(../image/cache/ask-a-question-bg.png);
	background-position: 100% 100%;
	background-repeat: repeat-x;
	color: #666666;
	margin-bottom: 25px;
	min-height: 380px;
	padding: 19px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

#job-directory .job.well {
  border:0px solid transparent;
	border-radius: 6px 6px 6px 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	padding:0px;
}
 .job-opening, .job-country, .job-facility-name, .job-availability, .job-link, .job-state {
	line-height: 30px;
	padding:.5em;
}
.golden, div.Featured {
	background-color:#FEE465;
	background-image:none;
}
.golden:hover {
	background-color:#FFD512;
}

/* show star on featured jobs */
.job-opening .icon-star {
	display:none;
}
.job-opening .Featured {
	display:inline-block;
}

a.section-link:link img {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-transition: box-shadow 250ms ease-in-out;
	-webkit-transition: box-shadow 250ms ease-in-out;
	transition: box-shadow 250ms ease-in-out;
}
a.section-link:hover img {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
	-moz-transition: box-shadow 250ms ease-in-out;
	-webkit-transition: box-shadow 250ms ease-in-out;
	transition: box-shadow 250ms ease-in-out;
}

a.wrap-link {
	display:block;
}
a.wrap-link:hover {
	text-decoration: none;
}
a.wrap-link:hover button {
	text-decoration: underline;
}

.stretch {
	width:100%;
}

.list-container {
	border: 1px solid #4AA2BF;
	border-radius: 5px;
	margin-bottom: 15px;
	padding: 0px 10px;
}

/* START Ask a Question page styling */
.webfair_qa {
	border: 1px solid #468FAA;
	background: #005B7B;
  padding: 20px 0;
	margin-left: 0px;
	margin-bottom: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
.webfair_qa p {
	color: #333333;
	}
.webfair_qa a {
	color: #005B7B;
	text-decoration: none;
	font-weight: bold;
	}
.webfair_qa a:hover {
	color: #0078A0;
	text-decoration: underline;
	font-weight: bold;
	}

.webfair_question {
	background: #AFCDD1;
	padding: 15px;
	border: 1px solid #005B7B;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);

	}
.webfair_answer {
	background: #8FB9BF;
	padding: 15px;
	border: 1px solid #005B7B;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	}
