/*===============================================================================/
// 
// Main CSS 07.05.2010 @mickealm
//
/===============================================================================*/
@import url("reset.css");
@import url("clearfix.css");

body {
	color: #525767;
	font-size: 62.5%;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2",sans-serif;
	line-height: 1.9em;
}

br.break {
	clear: both;
	display: block;
	height: 1px;
	line-height: 1px;
	margin-bottom: -1px;
}

hr {
	border: none;
	border-bottom: 1px solid #ccc;
	display: block;
	line-height: 1px;
	height: 1px;
	margin: 3em 0;
}


/* Font Weights
/ 100 = light
/ 400 = normal
/ 600 = bold
/ 800 = black
*/

a:link {color: #5880be; text-decoration: underline}
a:visited {color: #48638c;}
a:hover,a:focus {color: #;text-decoration: none;}
a:active {}

h1 { font-size: 3.6em; font-weight: 400; line-height: 1em;}
h2 { font-size: 2.4em; font-weight: 400; }
h3 { font-size: 1.8em; font-weight: 400; }
h4 { font-size: 1.4em; font-weight: 600; }
h5 { font-size: 0.8em; font-weight: 600; }

#mainContent h1 { font-size: 3em; margin-bottom: 1.2em; }
#mainContent h2, .registerForm legend { font-size: 2em; margin-bottom: .5em; }
#mainContent h3 { font-size: 1.5em; margin-bottom: 1em; }
#mainContent h4 { font-size: 1.2em; margin-bottom: .2em; }

h2.divider {
	background: url(/images/site_images/sprite.png) 0 -147px repeat-x;
	clear: both; 
	display: block;
	font-size: 1.12em;
	font-weight: 600;
	height: 29px;
	line-height: 29px;
	padding: 0 20px;
}
h2.divider .smallFormButton {
	float: right;
	margin: 2px -20px 0 0;
}
input, textarea { color: #525767; font-size: 0.9em !important; }

/*===============================================================================/
// Page Structure
/===============================================================================*/
#mainContentContainer {
	margin: 0 auto;
	position: relative;
	width: 1020px;
}



/*===============================================================================/
// Masthead
/===============================================================================*/
header {
	background: #efefef url(/images/site_images/sprite.png) repeat-x 0 0;
	display: block;
	font-size: 1.4em;
	height: 120px;
	position: relative;
}
	header h1 {
		background: url(/images/site_images/sprite.png) no-repeat 0 -1060px;
		display: block;
		height: 31px;
		left: 40px;
		position: absolute;
		text-indent: -9999em;
		top: 50px;
		width: 221px;
		z-index: 1;
	}
	header h1 a {
		display: block;
		height: 31px;
		text-indent: -9999em;
		width: 221px;
	}
	header h2#tagline {
		display: block;
		font-size: .8em;
		left: 0px;
		position: absolute;
		text-align: right;
		text-transform: uppercase;
		top: 81px;
		width: 261px;
	}
	header h2#tagline a {
		color: #232020;
		text-shadow: none;
	}
	
	/* Login Panel
	================================================================================*/
	header #toppanel {
	    position: absolute;
	    top: 0;
	    right: 20px;
	    width: 400px;
	    z-index: 999;
	}
	header #toppanel #panel {
		color: #fff;
		background: url(/images/site_images/login_background.png) bottom left no-repeat;;
		display: none;
		float: right;
		margin-right: 15px;
		overflow: hidden;
		padding: 20px;
		position: relative;
		width: 266px;
		z-index: 3;
	}
	header #toppanel a:visited { color: #fff !important; }
	#panel h4 { font-size: 1.15em; margin-bottom: 1em; }
	#panel h5 { color: #fff; margin-bottom: 1em; text-shadow: #4eff00 0px 0px 5px; }
	#panel .content label {
		display: block;
	}
	#panel label.floatLeft { float: left; margin-right: 1em; }
	
	#panel .content input.field {
		background: #fff;
		display: block;
		font-size: 1.2em;
		height: 20px;
		margin-bottom: 10px;
		width: 260px;
	}
	
	#panel a.smallFormButton { float: left !important; margin-right: 1em;  }
	#panel a { color: #fff !important; }
	#panel a#lost-pwd, #panel a#pwd-cancel { float: left !important;font-size: 0.8em;  }
	header #login div { line-height: 40px; }
	
	/* Language Selection
	================================================================================*/
	header .topTab { float:right; margin: -7px 12px 0 0; position: relative; z-index: 1000; min-width: 140px; text-align: center; }
	header .topTab div {
		background: url(/images/site_images/buttons.png) 0px -114px no-repeat;
		height: 46px;
		margin-right: 15px;
		padding-left: 15px;
		
	}
	header .topTab div.corner {
		background: url(/images/site_images/buttons.png) -487px -114px no-repeat;
		height: 46px;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 15px;
	}
	
	header .topTab a,
	header .topTab a:visited,
	header .topTab a:hover,
	header .topTab a:active {
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		text-shadow: #333 0 1px 1px;
	}
	
	header a,
	header a:visited,
	header a:hover,
	header a:active {
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		text-shadow: #333 0 1px 1px;
	}
	
	header #languageSelection li {
		margin-top: 11px;
	}
	header #languageSelection li {
		display: block;
		float: left;
	}
	header #languageSelection li a {
		background: url(/images/site_images/sprite.png) no-repeat;
		display: block;
		height: 16px;
		text-indent: -9999em;
		text-shadow: none;
		width: 21px;
	}
	header #languageSelection li#swedish {
		background: url(/images/site_images/sprite.png) no-repeat -49px -470px;
		margin-left: 5px;
		padding: 0 11px 0 6px;
	}
	header #languageSelection li#english {
		background: url(/images/site_images/sprite.png) no-repeat -13px -514px;
		padding: 0 6px 0 11px;
	}
	header #languageSelection li#swedish a {
		background-position: -9px -404px;
	}
	header #languageSelection li#finnish a {
		background-position: -41px -404px;
	}
	header #languageSelection li#english a {
		background-position: -71px -404px;
	}
	
	/* nav
	================================================================================*/
	header nav {
		display: block;
		position: absolute;
		right: 30px;
		bottom: 30px;
	}
	header nav li {
		display: block;
		float: left;
	}
	nav li a {
		display: block;
		height: 32px;
		line-height: 32px;
		text-transform: uppercase;
		text-shadow: none;
		padding-right: 6px;
	}
	nav li a span {
		display: block;
		height: 32px;
		padding: 0 4px 0 10px;
	}
	aside li a, aside li a span {
		height: 21px !important;
	}
	
	nav li a:link,
	nav li a:visited,
	nav li a:focus,
	nav li a:active {
		color: #525767;
		text-decoration: none;
		text-shadow: none;
	}
	nav li a:hover {
		background: url(/images/site_images/buttons/top_nav_over_side.png) top right no-repeat;
		color: #fff;
	}
	nav li a:hover span {
		background: url(/images/site_images/buttons/top_nav_over.png) top left no-repeat;
		text-shadow: #acacac 0px 1px 1px;
	}
	aside li a:hover {
		background: url(/images/site_images/buttons/aside_nav_over_side.png) top right no-repeat;
		color: #fff;
	}
	aside li a:hover span {
		background: url(/images/site_images/buttons/aside_nav_over.png) top left no-repeat;
		text-shadow: #acacac 0px 1px 1px;
	}
	body#sharper header nav li#sharperNav a,
	body#sharper header nav li#sharperNav a:hover,
	body#jobs header nav li#jobsNav a,
	body#jobs header nav li#jobsNav a:hover,
	body#applicants header nav li#applicantsNav a,
	body#applicants header nav li#applicantsNav a:hover,
	body#looking_to_hire header nav li#looking_to_hireNav a,
	body#looking_to_hire header nav li#looking_to_hireNav a:hover,
	body#about_us header nav li#about_usNav a,
	body#about_us header nav li#about_usNav a:hover,
	body#contact header nav li#contactNav a,
	body#contact header nav li#contactNav a:hover,
	aside nav li.active a,
	aside nav li.active a:hover {
		background: url(/images/site_images/buttons/top_nav_selected_side.png) top right no-repeat;
		color: #fff;
		cursor: default;
		text-shadow: #525767 0px 1px 1px;	
	}
	
	aside nav li.active a,
	aside nav li.active a:hover {
		background: url(/images/site_images/buttons/aside_nav_selected_side.png) top right no-repeat;
	}
	
	body#sharper header nav li#sharperNav a span,
	body#sharper header nav li#sharperNav a:hover span,
	body#jobs header nav li#jobsNav a span,
	body#jobs header nav li#jobsNav a:hover span,
	body#applicants header nav li#applicantsNav a span,
	body#applicants header nav li#applicantsNav a:hover span,
	body#looking_to_hire header nav li#looking_to_hireNav a span,
	body#looking_to_hire header nav li#looking_to_hireNav a:hover span,
	body#about_us header nav li#about_usNav a span,
	body#about_us header nav li#about_usNav a:hover span,
	body#contact header nav li#contactNav a span,
	body#contact header nav li#contactNav a:hover span,
	aside nav li.active a span,
	aside nav li.active a:hover span {
		background: url(/images/site_images/buttons/top_nav_selected.png) top left no-repeat;
		color: #fff;
	}
	
	aside nav li.active a span,
	aside nav li.active a:hover span {
		background: url(/images/site_images/buttons/aside_nav_selected.png) top left no-repeat;
	}
		
		
/*===============================================================================/
// Main Content
/===============================================================================*/
#contentContainer {
	padding-top: 200px;
	position: relative;
}

#mainContent {
	background: url(/images/site_images/mainContent_bkg.png) top left no-repeat;
	float: left;
	font-size: 1.2em;
	margin: 0 -25px 0 5px;
	min-height: 230px;
	padding: 25px 30px 0 34px;
	width: 620px;
}

#mainContent .content {
	padding: 50px 60px;
	position: relative;
}

#mainContent article {
	font-size: 1.1em;
	margin-bottom: 2em;
	padding-bottom: 2em;
	position: relative;
}
.editBtn {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 2000;
}
aside .editBtn {
	top: 30px; right: 30px;
}
#mainContent article img.articleImage {
	display: block;
	float: right;
	margin: 0 0 1em 1em;
}
#mainContent article ul {
	display: block;
	margin: -.8em 0 1em 0;
}
#mainContent article li {
	list-style: disc;
	margin-left: 1.5em;
}


/* Main Content - Start Page
================================================================================*/

.startContainer h1#welcomeText {
	color: #fff;
	display: block;
	left: 60px;
	position: absolute;
	text-shadow: #000 0px 0px 10px;
	top: 100px;
	width: 400px;
}
.startContainer h1#welcomeText span {
	display: block;
	margin: 0.4em 0 0 1em;
}

.startContent .applicantColumn {
	float: left;
	font-size: 1.2em;
	margin: -20px 20px 0 -60px;
	width: 300px;
}
.startContent .hiringColumn {
	float: left;
	font-size: 1.2em;
	margin: -20px -60px 0 0;
	width: 300px;
}
.startContent h1 {
	font-size: 1.6em !important;
	margin-bottom: 0.7em !important;
	text-transform: uppercase;
}
.startContent h2.divider {
	font-size: 1.1em !important;
}
.startContent .applicantColumn ul {
	margin-top: 1.8em; 
}
.startContent .applicantColumn h1,
.startContent .applicantColumn .registerButton {
	margin-left: 12px;
}
.startContent .applicantColumn li {
	margin-bottom: 2em;
	padding-left: 20px;
}
.startContent .applicantColumn li p {
	margin-bottom: 0.5em;
}
.startContent .applicantColumn li p.date {
	color: #9b9b9b;
	margin-bottom: 0.1em;
}

#authorized {
	color: #9b9b9b;
	font-size: .8em;
	margin-top: -1.8em;
	min-height: 135px;
	text-align: center;
}
#authorized img {
	display: inline-block;
	margin-bottom: 1em;
}
#authorized a:link,
#authorized a:visited { color: #9b9b9b; }
#authorized a:hover { color: #757575; text-decoration: underline; }

.startContainer aside section article {
	font-size: .85em;
	margin: 2em 0;
}
.startContainer aside section article a:hover { background: none !important; }

#finndea_splash article {
	background: url(/images/site_images/sprite.png) -25px -1182px no-repeat;
	color: #fff;
	display: block;
	height: 184px;
	padding: 80px 40px 0 40px;
	width: 221px;
}
/*
#finndea_splash article a:link,
#finndea_splash article a:visited,
#finndea_splash article a:hover { color: #fff; text-decoration: underline; }
*/

#sharper_splash article li,
#partners article li {
	margin-bottom: 1em;
	padding-left: 20px;
}
/* Main Content - Job Listing
================================================================================*/
#jobSearch {
	background: #efefef;
	padding: 20px;
}
#jobSearch ul li {
	float: left;
	margin-bottom: 1em; 
	width: 33%;
}
#jobSearch ul li label {
	display: block;
	font-size: 1.2em;
}
#jobSearch ul li input,
#jobSearch ul li select {Êdisplay: block; width: 90%; }
#jobSearch .formButton { border: none; float: right; }

#jobSearch #jobNatureContainer { clear: both; float: left; }


#jobListing h2.divider { font-size: 1.4em; }
#jobListing ul { margin-bottom: 2em; }
#jobListing ul li a { padding-left: 2em; }
#jobListing a {
	background: url(/images/site_images/sprite.png) -40px -786px no-repeat;
	border-bottom: 1px solid #ccc;
	color: #525767;
	display: block;
	font-weight: 400;
	line-height: 2em;
	padding-left: 1.5em;
	text-decoration: none;
}
#jobListing a:visited {
	background: url(/images/site_images/sprite.png) -40px -825px no-repeat;
}

/* Main Content - Job Listing
================================================================================*/
.registerForm legend {
	height: 1.5em;	
}
.registerForm ul { margin-bottom: 3em; }
.registerForm ul li { clear: both; margin-bottom: 5px; }
.registerForm label, .registerForm label.normalWidth {
	display: block;
	float: left;
	font-weight:bold;
	width: 150px;
}
.registerForm label.normal {
	font-weight: normal;
}
.registerForm .areasAndExperience li {
	margin-bottom: 30px;
}
.registerForm .areasAndExperience label {
	margin-right: 1em;
	width: auto;
}
.registerForm em {
	font-size: .8em;
}
.registerForm #lawField label {
	width: 500px;	
}

#removeCV .warning {
	background: #f4eaea;
	border: 1px solid #a42c2c;
	color: #7c0c0c;
	margin-bottom: 1em;
	text-align: center;
}
#removeCV .warning p {
	margin: .5em 0;
}
/*===============================================================================/
// Sidebar
/===============================================================================*/
aside {
	background: url(/images/site_images/sidebar_bkg.png) top left no-repeat;
	float: left;
	font-size: 1.4em;
	min-height: 230px;
	padding: 71px 21px 0 20px;
	position: relative;
	width: 300px;
}

aside nav {
	margin: 1em 0 5em 0;
}
aside nav li { margin-left: 10px; }
aside nav li a { 
	clear: both; 
	float: left; 
	height: 20px; 
	line-height: 20px;
	margin-bottom: 3px;
	text-transform: none !important;
}


/*===============================================================================/
// RFP - fonts set in px because of being included in different places.
/===============================================================================*/
#rfp { 
	background: #efefef;
}
#rfp p {
	background: transparent url(/images/site_images/sprite.png) 0 -199px repeat-x;
	display: block;
	font-size: 12px;
	min-height: 46px;
	padding: 15px 20px 0px 20px;
}
#rfp li {
	margin-bottom: 10px;
	padding: 0 20px;
}
#rfp label {
	display: block;
	float: left;
	font-size: 14px;
}
#rfp span.error {
	color: red;
	display: block;
	float: left;
	margin-left: 1em;
}
#rfp input, #rfp textarea {
	font-size: 14px;
	width: 260px;
}
#rfp input { height: 25px; }

#rfp div.sendBar {
	background: url(/images/site_images/sprite.png) 0 -310px repeat-x;
	height: 42px;
	margin-bottom: 10px;
	padding: 10px 0 0 20px;
}
#rfp div#message {
	padding: 20px;
	text-align: center;
}
#rfp div#message h3 {
	font-size: 1.3em;
	margin-bottom: 2em;
}
#rfp div#message p {
	background: none;
	padding: 0;
}
#rfp div#message div.sendBar {
	margin: 0 -20px -20px -20px;
}


/*===============================================================================/
// Buttons
/===============================================================================*/
a.formButton {
    background: url(/images/site_images/buttons/form_button_side.png) top right no-repeat !important;
    color: #fff;
    display: block;
    float: left;
    font-size: 1.1em;
    font-weight: 600;
    height: 36px;
    letter-spacing: 0.05em;
    padding-right: 30px;
    position: relative;
    text-decoration: none;
}

a.formButton span {
    background: url(/images/site_images/buttons/form_button.png) top left no-repeat !important;
    line-height: 30px;
    height: 36px;
    padding: 0px 10px 0px 40px;
    position: relative;
    float:left;
}
a.formButton:hover {
    background: url(/images/site_images/buttons/form_button_over_side.png) top right no-repeat;
}
a.formButton:hover span {
    background: url(/images/site_images/buttons/form_button_over.png) top left no-repeat;
}

a.registerButton {
	background: url(/images/site_images/buttons/register.png) top left no-repeat;
	color: #fff;
	display: block;
	font-weight: 400;
	font-size: 1.3em;
	height: 44px;
	margin-bottom: 1.8em;
	text-decoration: none;
	padding: 18px 0 0 23px;
	width: 266px;
}
a.registerButton:hover {
	background-position: bottom left;
}
a.smallFormButton {
    background: url(/images/site_images/buttons/form_button_small_side.png) top right no-repeat;
    color: #fff;
    display: block;
    float: left;
    font-size: 0.8em;
    font-weight: 600;
    height: 24px;
    letter-spacing: 0.05em;
    padding-right: 6px;
    position: relative;
    text-decoration: none;
}

a.smallFormButton span {
    background: url(/images/site_images/buttons/form_button_small.png) top left no-repeat;
    line-height: 24px;
    height: 24px;
    padding: 0px 6px 0px 12px;
    position: relative;
    float:left;
}

/*===============================================================================/
// Footer
/===============================================================================*/
footer {
	background: #222732 url(/images/site_images/footer.jpg) top left no-repeat;
	font-size: 1.3em;
	font-weight: 100;
	height: 211px;
	letter-spacing: .02em;
	padding: 20px 0;
}

footer nav,
footer .column {
	color: #fff;
	float: left;
	margin-left: 60px;
	width: 285px;
}
footer .column { width: 600px; }

footer a {
	background: none !important;
	color: #fff !important;
	text-decoration: none !important;
}
footer a:hover {
	background: none !important;
	text-decoration: underline !important;
}

footer nav li {
	margin-bottom: -.3em; 
}
footer .column li {
	background: url(/images/site_images/sprite.png) no-repeat;
	display: block;
	min-height: 40px;
	margin-bottom: 15px;
	padding-left: 50px;
}

	footer .column li#emailLink {
		background-position: -32px -561px;
		line-height: 40px;
	}
	footer .column li#support {
		background-position: -32px -616px;
	}
	footer .column li#rss {
		background-position: -34px -676px;
		line-height: 40px;
	}
	footer .column li#twitter {
		background-position: -30px -727px;
		line-height: 40px;
	}
	footer .column li#facebook {
		background-position: -31px -869px;
		line-height: 40px;
	}