/* -------------------------------------------
project:	NOVA Engineering
date:		2009/11/09
------------------------------------------- */

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

html, body, p, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, li { margin: 0; padding: 0; }
html, body { font-family: Arial, Helvetica, sans-serif; background: none repeat 0% 0% #fff; text-align: center; }
html { font-size: 0.83em; }
a img { border: none; }
a.external span.external { position: absolute; left: -5000px; width: 4000px; }
a.external:link { background: url("/templates-nova/img/external.png") no-repeat 100% 0; padding: 0 15px 0 0; }
table { border-spacing: 0; }
#container { width: 990px; margin: 0 auto; text-align: left; padding: 0 4px 0 3px; background: url("/templates-nova/img/main-bg.gif") repeat-y left top; }
.highlight, span.ajaxSearch_highlight { background-color: #ffc; }
.clear { clear: both; }

/*	HEADER
-----------------------------------*/

	#outerHeader {  }

	#header { padding-bottom: 10px; width: 100%; overflow: hidden; background: url("/templates-nova/img/header.gif") no-repeat right top; }
	
	/*	LOGO
	*/
	#header h1 { width: 331px; height: 124px; float: left; text-indent: -666em; overflow: hidden; background: url("/templates-nova/img/logo.gif") no-repeat 50% 50%; }
	#header h1 a { display: block; width: 331px; height: 124px; border: 0 none; }
	
	/*	SITEWIDE NAV
	*/
	#optionsMenu { list-style: none outside none; padding-top: 8px; padding-right: 22px; float: right; }
	#optionsMenu li { float: left; margin-left: 5px; }
	#optionsMenu li a { color: #333; font-weight: bold; font-size: 1em; text-decoration: none; padding-right: 7px; background: url("/templates-nova/img/sidewide-nav-divider.gif") no-repeat right center; }
	#optionsMenu li a:hover { text-decoration: underline; }
	#optionsMenu li.last a { background: none repeat 0% 0%; }
	
	/*	SEARCH
	*/
	#header form { clear: right; padding: 10px 28px 0 0; float: right; }
	#header form p { position: relative; width: 236px; margin: 0; padding: 0; }
	#search { width: 195px; margin: 0; padding: 4px 32px 4px 7px; display: block; vertical-align: middle; font-weight: bold; color: #c0c2c4; font-size: 14px; border: 1px solid #006192; background: url("/templates-nova/img/search-bg.gif") no-repeat right center; font-family: Arial, Helvetica, sans-serif; }
	#search:focus { outline: none; color: #000; }
	#searchBtn { position: absolute; text-indent: -666em; overflow: hidden; cursor: pointer; right: 0; top: 0; display: block; width: 29px; height: 29px; border: none; background: url("/templates-nova/img/blank.gif") no-repeat left top; }

/*	END HEADER
-----------------------------------*/  
  
  
/*	CONTENT
-----------------------------------*/    
	#content { background: url("/templates-nova/img/left-col-divider.gif") repeat-y 329px 0px; position: relative; }
	#innerContent { background: url("/templates-nova/img/left-col-visual_2.jpg") no-repeat left bottom; min-height: 680px; }
	
	/*  */
	
	#content .wrapper { width: 100%; overflow: hidden; padding-top: 4px; background: url("/templates-nova/img/content-top.gif") no-repeat left top; }
	
	#secondarySection { width: 331px; float: left; padding-bottom: 160px; }
	#secondarySection .adv { padding: 20px 0 10px 20px; }

	/*	sideMenu
	*/	
	div#secondarySection { background: url("/templates-nova/img/left-nav-bkg.png") no-repeat left top; }
	#sideMenu { list-style: none outside none; padding: 15px 17px 30px 32px; }
	#sideMenu li { position: relative; z-index: 4; }
	#sideMenu li a { display: block; color: #000; font-size: 1.25em; text-decoration: none; font-weight: bold; min-height: 1%; padding: 3px 5px 3px 21px; }
	#sideMenu li.active a,
	#sideMenu li a:hover { background: url("/templates-nova/img/left-nav-bullet.png") no-repeat 0px 6px; color: #006192; }

	#sideMenu li ul#sideMenu { padding: 0 0 0 25px; }
	#sideMenu li.active ul#sideMenu li a { color: #000; background: none repeat 0% 0%; }
	#sideMenu li ul#sideMenu li ul#sideMenu { display: none; }
	#sideMenu li ul#sideMenu li.current ul#sideMenu { display: block; }
	.vacanciesIGB #sideMenu li ul { display: none; }

	#primarySection { width: 564px; min-height: 400px; padding: 12px 28px 20px 62px; float: right; }

	.IGBFilterWrapper #sideMenu { padding: 15px 17px 20px 32px; }
	.IGBFilterWrapper hr { border: 1px solid #ddd; border-width: 1px 0 0; width: 289px; margin-left: 20px; }


	/*	FilterBox
	*/
	div#secondarySection .FilterBox { padding: 20px 17px 32px 53px; z-index: 4; }
	div#secondarySection .IGBFilterWrapper { background: url("/templates-nova/img/left-filterbox-bkg.png") repeat-y left top; margin-bottom: 100px; }
	.FilterBox h3 { font-size: 1.25em; color: #006192; margin-bottom: 18px; }
	.FilterBox h4 { color: #006192; margin-bottom: 3px; }
	.FilterBox ul li.FilterGroupItem,
	.FilterBox ul li.FilterGroupItemSelected { font-size: 90%; list-style: none outside none; margin-left: 0px; }
	.FilterBox ul li.FilterGroupItem a { text-decoration: none; padding-left: 15px; display: block; color: #000; }
	.FilterBox ul li.FilterGroupItem a:hover { background: url("/templates-nova/img/filterVacancies_addCondition.png") no-repeat left center; }
	.FilterBox ul li.FilterGroupItemSelected a { text-decoration: none; padding-left: 15px; color: #000; font-weight: bold; background: url("/templates-nova/img/filterVacancies_removeCondition.png") no-repeat left center; }
	.FilterBox ul li.FilterGroupItemSelected a.FilterGroupClear { display: none; margin: 0 2px; padding: 1px; background: url("/templates-nova/img/filterVacancies_removeCondition.png") no-repeat left center; overflow: hidden; }
	.FilterBox ul li.FilterGroupItem a span.amount { color: #929496; }
	.FilterBox p a.ShowAllVacancies { font-size: 100%; font-weight: normal; background-color: #006192; text-decoration: none; color: #fff; padding: 2px 5px; }


	/*	HEADINGS
	*/
	#primarySection h1 { color: #006192; font-size: 1.8em; font-weight: bold; letter-spacing: -0.03em; }
		#primarySection h1 span { color: #fff; padding: 2px 7px 3px 7px; display: block; }
	
	#primarySection h2{ color: #006192; font-size: 1.6em; font-weight: bold; letter-spacing: -0.02em; }
		#primarySection h2 span { color: #fff; padding: 2px 7px 3px 7px; display: block; }
	
	#primarySection h3{ margin: 14px 0 7px 0; font-size: 1.4em; font-weight: bold; letter-spacing: -0.02em; }
		#primarySection h3 span { padding: 2px 7px 3px 7px; display: block; }

	
	/*	TEXT
	*/
	.textBox { color: #000; line-height: 140%; font-size: 1.1em; padding: 0; width: 100%; overflow: hidden; }
	.textBox a { font-weight: bold; color: #000; }
	.textBox a:hover { text-decoration: none; }
	.textBox p { padding: 7px 0; }
	.textBox ul,
	.textBox ol { padding: 7px 0 7px 30px; }
	.textBox ul li { line-height: 140%; }
	.textBox img { border: 1px solid #006192; margin: 7px; }
	
	/* when a vacancy is fulfilled, a little notice will is shown at the top */
	.textBox p.fulfilled { color:#ED4822; background-color:#F3F3F3; border:2px solid #999; font-weight:bold; width: 100px; float:left; clear: after; margin:4px 7px; padding: 10px; text-align: justify; font-size:1.1em; }
	

	/*	VACANCY LISTING
	*/
	.listContainer { padding-bottom: 6px; margin-bottom: 10px; margin-top: 10px; background: none repeat 0% 0% #fff; }

	#primarySection .listContainer ul { list-style: none outside none; width: 97%; }
	#primarySection .listContainer ul li { border-bottom: 1px solid #006192; width: 100%; float: left; padding: 0; }
	#primarySection .listContainer ul li.last,
	#primarySection .listContainer ul li:last-child { border: none; }

	#primarySection .listContainer ul li a { display: block; overflow: hidden; font-size: 1.1em; padding: 5px 0; width: 100%; color: #000; text-decoration: none; min-height: 1px; }
	#primarySection .listContainer ul li a:hover { border: 0px solid #000; }

	#primarySection .listContainer ul li a strong { display: block; width: 420px; float: left; cursor: pointer; padding-top: 2px; }
	#primarySection .listContainer ul.extended li a strong { width: 340px; padding-left: 10px; }

	#primarySection .listContainer ul li a:hover strong { /*text-decoration:underline;*/ color:#006192; }

	.listContainer a span.fulfilled { color: #ED4822; font-weight: bold; margin-right: 3px; padding: 0px; font-size: 0.9em; }

	#primarySection .listContainer ul li a strong span.vacancy-divider{color:#c0c2c4;}
	#primarySection .listContainer ul li a strong span.vacancy-location{color:#BABCBB;}
	#primarySection .listContainer ul li a:hover strong span.vacancy-location{color:#666;}
	
	#primarySection .listContainer ul li a span.readmore { display: block; float:right; font-size:1.05em; font-weight:bold; cursor:pointer; padding:2px 3px; color:#006192; background:#fff; }
	#primarySection .listContainer ul li a:hover span.readmore { background:#006192; color:#fff; }		 
	
	#primarySection .listContainer ul.extended li a em { display: block; width:81px; height:20px; margin-top:2px; text-indent:-666em; overflow:hidden; float:left; }


	#supplementBox { clear: both; }
	#supplementBox p { text-align: center; padding: 6px 0; font-size: 1.1em; }
	#supplementBox p a { color: #006192; font-weight: bold; }
	#supplementBox p a:hover { text-decoration: none; }

	#registerInfoBox,
	#applyOnlineBox { clear: both; width: 100%; background-color: #006192; margin: 8px 0 0; }
	#registerInfoBox p,
	#applyOnlineBox p { text-align: right; padding: 7px 10px 7px 0; }
	#registerInfoBox a,
	#applyOnlineBox a { display: block; font-size: 1.3em; font-weight: bold; color: #fff; text-decoration: none; }
	#registerInfoBox a:hover,
	#applyOnlineBox a:hover { text-decoration: underline; }

	#sloganContainer { width: 262px; height: 195px; overflow: hidden; position: absolute; left: 0; bottom: 40px; background: url("/templates-nova/img/payoff_blanco.png") no-repeat left bottom; }
	#sloganContainer h3 { color: #006192; width: 250px; height: 58px; margin-top: 68px; padding-left: 10px; padding-top: 5px; overflow: hidden; font-weight: normal; font-size: 24px; line-height: 24px; }
	#sloganContainer h3 strong { font-weight: bold; }	
	
	/*	IGB VACANCIES @ PORTAL
	*/
	.VacancySearchSubscribe { margin: 10px 0 30px; padding: 30px 0; border: 1px solid #ddd; border-width: 1px 0; }
	.VacancySearchSubscribe #vacancySearch,
	.VacancySearchSubscribe #Subscribe { width: 50%; float: left; border-right: 1px solid #ddd; }
	.VacancySearchSubscribe #Subscribe { width: 47%; padding-left: 15px; border-right: none; }
	.VacancySearchSubscribe #vacancySearch h1,
	.VacancySearchSubscribe #Subscribe h1 { margin-bottom: 15px; }
	.VacancySearchSubscribe #Subscribe #registerInfoBox { background: none repeat 0% 0%; margin: 0; padding: 0; }
	.VacancySearchSubscribe #vacancySearch input#searchVacancies,
	.VacancySearchSubscribe #Subscribe a { background-color: #006192; font-size: 1em; font-weight: normal; color: #fff; text-decoration: none; border: none; display: inline; padding: 5px; cursor: pointer; margin-top: 12px; }
	.VacancySearchSubscribe #vacancySearch input#searchVacancies { font-size: 1em; line-height: 1em; width: 146px; }
	.VacancySearchSubscribe #Subscribe a { display: block; width: 90px; text-align: center; margin-top: 15px; padding: 5px 7px; }
	.VacancySearchSubscribe #vacancySearch input#searchVacancies:hover,
	.VacancySearchSubscribe #Subscribe a:hover { text-decoration: underline; }
	.VacancySearchSubscribe #vacancySearch input#frmKeywordField { color: #000; }
	.VacancySearchSubscribe #vacancySearch input#frmKeywordField { padding: 4px 32px 4px 7px; display: block; vertical-align: middle; font-weight: bold; color: #c0c2c4; font-size: 14px; border: 1px solid #006192; font-family: Arial, Helvetica, sans-serif; }
	.VacancySearchSubscribe #vacancySearch input#frmKeywordField:focus { outline: none; color: #000; }

	.recentVacancies .recentJobFieldVacancies .column { width: 50%; float: left; }
	#primarySection .recentVacancies .recentJobFieldVacancies h2 { font-size: 1em; font-weight: bold; padding: 1px 0 2px; margin-bottom: 2px; }
	#primarySection .recentVacancies .recentJobFieldVacancies h1 { margin-bottom: 15px; }
	.recentVacancies .recentJobFieldVacancies .column .jobField { width: 266px; padding: 15px 0; border-bottom: 1px solid #ddd; font-weight: bold; }
	.recentVacancies .recentJobFieldVacancies .column .jobField:last-child { border-bottom: none; }
	.recentVacancies .recentJobFieldVacancies .leftColumn .jobField { margin-right: 16px; }
	.recentVacancies .recentJobFieldVacancies .rightColumn .jobField { margin-left: 16px; }
	.recentVacancies .recentJobFieldVacancies .column .jobField h2 > a { float: left; color: #006192; font-size: 1.1em; }
	.recentVacancies .recentJobFieldVacancies .column .jobField h2 > a:hover { text-decoration: none; }
	.recentVacancies .recentJobFieldVacancies .column .jobField h2 span { float: right; position: relative; top: -4px; }
	.recentVacancies .recentJobFieldVacancies .column .jobField h2 span a { color: #fff; font-weight: normal; padding: 1px 3px 2px; }
	.recentVacancies .recentJobFieldVacancies .column .jobField h2:hover span a { background-color: #006192; color: #fff; text-decoration: none; }
	.recentVacancies .recentJobFieldVacancies .column .jobField a { color: #000; text-decoration: none; display: block; }
	.recentVacancies .recentJobFieldVacancies .column .jobField a:hover { color: #006192; text-decoration: underline; }	

	/*	VACANCY SEARCH
	*/
	.vacanciesIGB #vacancySearch { margin: 15px 0; padding: 15px 0; border: 1px solid #ddd; border-width: 1px 0; }
	.frmVacancySearchHorizontal h1 { margin-bottom: 15px; }
	.frmVacancySearchHorizontal label { width: 166px; margin-right: 22px; font-weight: bold; float: left; margin-bottom: 2px; }
	.frmVacancySearchHorizontal input,
	.frmVacancySearchHorizontal select { width: 166px; margin-right: 22px; float: left; }
	.frmVacancySearchHorizontal #frmKeywordField { margin-right: 15px; }
	.frmVacancySearchHorizontal #frmLocationField { margin-right: 0; }
	.frmVacancySearchHorizontal #searchVacancies { float: none; margin: 15px 0; width: auto; background-color: #006192; font-size: 1em; font-weight: normal; color: #fff; text-decoration: none; border: none; display: inline; padding: 5px; cursor: pointer; }

	/*	VACANCY LISTING PAGINATION
	*/
	.page_navigation {
		clear:				both;
		height:				40px;
	}
	.page_navigation.second {
		padding-top:		18px;
	}
	.page_navigation a {
		float:				left;
		height:				20px;
		margin-right:		3px;
		padding:			2px 5px;
		color:				#fff;
		background:			#006192;
		border:				1px solid #006192;
		text-decoration:	none;
		font-weight:		bold;
		line-height:		20px;
		font-size:			0.9em;
	}
	.page_navigation .first_link,
	.page_navigation .last_link {
		display:			none;
	}
	.page_navigation .disabled {
		color:				#999;
	}
	.page_navigation .active_page {
		background-color:	#fff;
		color:				#006192;
	}

	/*	LEFT-COL CONTENT @ PORTAL
	*/
	#sideContent { width: 300px; padding: 5px 0 30px 22px; }
	#sideContent h2 { color: #fff; font-size: 1.4em; font-weight: bold; margin-top: 10px; }
	#sideContent p { color: #000; line-height: 140%; font-size: 1.1em; padding: 10px 7px; }
	#sideContent a { font-weight: bold; color: #000; }
	#sideContent a:hover { text-decoration: none; }
	#sideContent ul { padding: 7px 0 7px 35px; }
	#sideContent ul li { line-height: 140%; font-size: 1.1em; }
	
	.bannerContainer { border: 1px solid #cfcfcf; padding: 1px; background: none repeat 0% 0% #fff; margin: 2px 0 15px; }
	#sideContent .bannerContainer p { background:#d8d5cb; text-align:right; padding:7px 8px 7px 0; }
	#sideContent .bannerContainer p a { display:block; font-size:1.3em; color:#34362c; text-decoration:none; background:url('/templates-xpe/images/bullet5.gif') center right no-repeat; padding-right:21px; }
	#sideContent .bannerContainer p a:hover { text-decoration:underline; }
	
/*	END CONTENT
-----------------------------------*/

/*footer
-----------------------------------*/
.engineering #footer { background:#fff url('/templates-nova/img/footer-top.gif') top repeat-y; padding-top:3px; }
#footer .wrapper { margin:0 -4px 0 -3px; background:#fff; padding-top:8px; padding-bottom:10px; }
#footer .wrapper p { font-size:0.77em; text-align:center; }
#footer .wrapper p a { font-weight:bold; text-decoration:none; color:#000; }
/*end footer
-----------------------------------*/

/* Apply/subscribe online form
-----------------------------------*/
#formContainer{ margin:.5em; }
form#ApplyOnline { margin:.5em 0; }
span.note { color:#333; font-style: italic; font-size:0.9em; }
table.eForm th { width: 125px; vertical-align:top; text-align:left; }
table.eForm td { width: 155px; white-space:nowrap; }
table.eForm textarea { width: 350px; height:150px; }
table.eForm input.submitButton { font-weight:bold; font-size:1.2em; margin:0.5em 0; }
div.errors { margin:.5em 0; padding:.5em; color:#f00; border:1px solid #f00; }
span.requiredSign{ color:#666; padding-left:3px; }
-----------------------------------*/