@charset "utf-8";
/* CSS Document */

/* ERIC MAYER CSS RESET
--------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* CSS
--------------------------------------------------------------*/

html,body,#bodyWrap { height:100%; }
body { 
	background: #fff url(../img/gradient02.gif) top repeat-x; 
	color: #606060;
	font-family: "Lucida Grande","Lucida Sans",Lucida,Verdana,Arial,sans-serif;
	font-size: 62.5%; /* 10px; */
}
/* #bodyWrap: left body gradient and force #footer down. */
#bodyWrap { 
	background: transparent url(../img/gradient01.png) left repeat-y; 	
	position: relative;
	/* float: left; */
	border: 0px solid blue;
	z-index: 1;
}
body > #bodyWrap { height: auto; min-height: 100%; }

#image {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 130px;
	z-index: 0;
}

.root {
	min-width: 1110px;
	background-color: #ffffff;
	background-position: top left;
	background-repeat: no-repeat;
}

.root-4 { background-image: url('../img/bg_aboutus.jpg'); }
.root-23 { background-image: url('../img/bg_expertise.jpg'); }
.root-139 { background-image: url('../img/bg_people.jpg'); }
.root-173 { background-image: url('../img/bg_careers.jpg'); }
.root-166 { background-image: url('../img/bg_offices.jpg'); }
.root-124 { background-image: url('../img/bg_news.jpg'); }
.root-199 { background-image: url('../img/bg_contactus.jpg'); }
.root-front { background-image: url('../img/bg_frontpage.jpg'); }
.root-271 {
	background-image: url('../img/bg_text_terms.png');
	background-position: 361px 96px;
}

.root-245 { background-image: url('../img/bg_office_helsinki.jpg'); }
.root-247 { background-image: url('../img/bg_office_jyvaskyla.jpg'); }
.root-249 { background-image: url('../img/bg_office_kuopio.jpg'); }
.root-251 { background-image: url('../img/bg_office_oulu.jpg'); }
.root-253 { background-image: url('../img/bg_office_tampere.jpg'); }
.root-255 { background-image: url('../img/bg_office_turku.jpg'); }

.floatleft, .alignleft { float: left; }
.floatright, .alignright { float: right; }
.alignleft, .alignright {
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
}

body.front {
	background: #fff url(../img/front_bg_1600x1100.jpg) bottom center no-repeat; 
}

body.front #Man {
	position: relative;
	width: 600px;
	height: 550px;
	margin-left: auto;
	margin-right: auto;
}

body.front #Man img#ManImg {
	position: absolute;
	right: 0px;
	height: 550px;
	width: 505px;
}

body.front #Man img#TextImg {
	position: absolute;
	top: 175px;
	right: 0px;
}

.orange { color: #ff7100; }

.clear {
	clear: both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* BASIC CONTENT STYLES. MAINLY FOR EDITABLE CONTENT
--------------------------------------------------------------*/

h1, h2, h3, h4, h5 { clear: both; font-weight: bold; }
h1, h2 {
	font-size: 1.6em;
	line-height: 1.4em;
	margin-bottom: 2em;
	color: #ff7100;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.06em;

}
h2 { text-transform: none; margin: 2em 0 1em 0; color: #606060; }
h3 {
	font-size: 1.6em;
	line-height: 1.4em;
	margin: 2em 0 1em 0;
	color: #606060;
	}
h4 {
	font-size: 1.2em;
	line-height: 1.8em;
	margin: 2em 0 -25px 0;	
	color: #000;
}
h5 {
	font-size: 1.2em;
	line-height: 1.8em;
	margin: 2em 0 -25px 0;	
	color: #606060;
}
p,li {
	font-size: 1.2em;
	line-height: 1.8em;
	color: #606060;
	margin-top: 2em;
}
td,th {
	text-align: left;
	font-size: 1.2em;
	color: #606060;
}
th { font-weight: bold; }
ul { padding: 0 0 0 1.5em; margin-top: 2em;  }
ol { padding: 0 0 0 2em; margin-top: 2em;  }
li { margin-top: 0; }
input[type="text"], select {
		font: 11px Verdana, Geneva, sans-serif;
		color: #606060;
		background-color: #fff;
		border: 1px solid #cfcfcf;	
}
hr { border: 1px solid #c9c9c9; margin: 2em 0; }
strong,b { font-weight: bold; }
em,i { font-style: italic; }
u { text-decoration: underline; }


/* LINKS
--------------------------------------------------------------*/

a { color: #ff7100; text-decoration: underline; }
a:hover { color: #ff7100; text-decoration: underline; }

a.link2 { color: #606060; text-decoration: none; }
a.link2:hover { color: #ff7100; }

.searchResults a { color: #606060; text-decoration: none; }
.searchResults a:hover { color: #ff7100; }

a.dark { 
	color: #000; 
	text-transform: uppercase; 
	font-weight: bold;
}
a.dark:hover { }

a.naviMain, 
a.naviMain:hover,
a.naviMainSelected {
	display: block;
	width: 235px;
	height: 20px;
	color: #000;
	font-family: "Lucida Grande","Lucida Sans",Lucida,Verdana,Arial,sans-serif;
	font-size: 14px; 	
	font-weight: bold;
	text-decoration: none;
	padding: 6px 5px 2px 28px;
	overflow:hidden;
}
a.naviMain:hover { color: #ff7100;  }
a.naviMainSelected { background-color: #ff7100; color: #fff; }
a.naviMainSelected:hover { background-color: #ff7100; color: #fff; text-decoration: none; }

a.naviMainSub,
a.naviMainSubSelected {
	display: block;
	width: 235px;
	height: auto;
	color: #606060;
	font: 11px Verdana, Geneva, sans-serif;
	text-decoration: none;
	padding: 1px 5px 0 26px;
	overflow:hidden;	
}
a.naviMainSubSelected, 
a.naviMainSub:hover { color: #ff7100; }


a.naviMainSub2,
a.naviMainSub2Selected {
	display: block;
	width: 235px;
	height: auto;
	color: #606060;
	font: 11px Verdana, Geneva, sans-serif;
	text-decoration: none;
	padding: 1px 5px 0 32px;
	overflow:hidden;	
}
a.naviMainSub2Selected, 
a.naviMainSub2:hover { color: #ff7100; }

a.naviMainSub3,
a.naviMainSub3Selected {
	display: block;
	width: 235px;
	height: auto;
	color: #606060;
	font: 11px Verdana, Geneva, sans-serif;
	text-decoration: none;
	font-style: italic;
	padding: 1px 5px 0 38px;
	overflow:hidden;	
}
a.naviMainSub3Selected, 
a.naviMainSub3:hover { color: #ff7100; }

/* MAIN NAVIGATION BLOCK
--------------------------------------------------------------*/

#navi { 
	position: absolute;
	left: 60px;
	top: 0;
	z-index: 999;
	width: 253px;
	height: auto;
}
	#navi .main { background: transparent url(../img/navi_dropshadow_right.png) right repeat-y;	 width: 100%; height: 100%; }
	#navi .main .content, #navi .main .content2, #navi .main .content_front {
		background: #ffffff url(../img/navi_bg_top.gif) top repeat-x;
		width: 235px;
		height: auto;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		padding: 5px 0 40px 0;
		overflow: hidden;
	}
	.front #navi .main .content {
		background: transparent url(../img/navi_bg_top.png) top repeat-x;
	}
	#navi .logo { margin: 20px 0; }
	#navi .sub { padding: 8px 0; border-left: 2px solid #ff7100; }
	#navi .sub2 { padding: 4px 0 8px 0; }
	#navi .footer { width: 253px; height: 20px; }
	#navi .main .content2 {
		background: #fff url(../img/navi_bg_bottom.gif) top repeat-x;	
		padding-top: 15px;
		padding-bottom: 20px;
	}
	#navi .main .content2 p {
		margin: 0px 0px 0px 28px;
	}
	#navi .main .content2 select {
		margin: 0px 0px 0px 28px;
		color: #000000;
	}

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

#header {
	position: absolute;
	left: 360px;
	top: 70px;
	width: 460px;
	height: auto;
}
	#header h1 {
		font-size: 2.6em;
		line-height: 1em;
		color: #606060;
		font-weight: normal;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}
	

/* PAGE BLOCK
--------------------------------------------------------------*/

#page {
	display:inline; /* ie6 fix */
	float: left;
	margin: 170px 0 0 360px; 
	width: 750px; /* -50px from margins */
	height: auto;
	padding: 0 0 70px 0; /* bottom: 50px white space + 20px footer */
	border: 0px solid lime; /* for development */
}
	#page h2 {
		margin-top: 0px;
		text-transform: uppercase;
	}
	
	/* two column content container */
	#page .columnContainer {
		float: left;
		width: 100%;
		height: auto;
		margin-bottom: 40px;
		background: transparent url(../img/col_border01.gif) left repeat-y;	
		border: 0px solid blue; /* for development */
	}
	#page .column {
		position: relative;
		float: left;
	  width: 340px;
		margin-right: 30px;
		margin-top: -25px;
		border: 0px solid lime; 
	}
	#page .columnMedium {
		position: relative;
		float: left;
		width: 350px;
		margin-right: 50px;
		border: 0px solid lime; 
		margin-top: -25px;
	}
	#page .columnPersons {
		position: relative;
		float: left;
		width: 450px;
		margin-right: 10px;
		border: 0px solid lime; 
		margin-top: -25px;
	}
	#page .columnWide {
		position: relative;
		float: left;
	  	width: 450px;
		margin-right: 20px;
		border: 0px solid lime; 
	}
	#page .columnFull {
		float: left;
		width: 100%;
		height: auto;
		margin-bottom: 40px;
	}
	#page .columnWide :first-child { margin-top: 0; }
	#page .columnContainer .fixMargin { margin-top: -25px; } /* alternative solution for columns */
	#page .smallMargin { margin-bottom: 0px; }


/* PEOPLE PAGES
--------------------------------------------------------------*/

#peopleHeader {
	margin-bottom: 10px;
}

	#peopleHeader div.rightContainer {  
		margin-top: 40px;
		margin-left: 40px;
		float: left;
	}

	#peopleHeader h2 {
		font-size: 1.3em;
		line-height: 1.2em;
		color: #606060;
		margin-bottom: 0px;
		text-transform: uppercase;
	}
	#peopleHeader img {
		float: left;
		margin-top: 40px;
		margin-left: 2px;
	}
	#peopleHeader div.placeholder {
		float: left;
		width: 137px;
		height: 137px;
		margin-left: 2px;
	}
	
	#peopleHeader table { width: 270px; margin: 20px 0px 0px 0px; }
	#peopleHeader table th,
	#peopleHeader table td { padding: 2px; }
	#peopleHeader table th { color: #606060; }
	#peopleHeader table th.first { width: 125px; }
	h1 span.born {
		font-size: 12px;
		text-transform: none;
		letter-spacing: normal; 
	}
	h3.person {
		font-size: 1.2em;
		line-height: 1.8em;
		margin-top: 0em;
		margin-bottom: 0em;
	}
	p.person {
		margin-top: 0em;
		margin-bottom: 2em;
	}
	#box2 select.person {
		width: 125px;
		float: right;
		clear: both;
	}
	#box2 input.person {
		width: 117px;
		margin: 2px 0px 0px 0px;
		padding: 3px;
		float: right;
	}
	#box2 p.personinfo, #PeopleSearch p.personinfo {
		float: left;
		clear: left;
		margin-top: 4px;
		margin-bottom: 4px;
	}
	#box2 p.personsubmit, #PeopleSearch p.personsubmit {
		float: right;
		clear: both;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#PeopleSearch select.person {
		width: 198px;
		clear: both;
	}
	#PeopleSearch input.person {
		width: 190px;
		margin: 2px 0px 2px 0px;
		padding: 3px;
	}

/* FOOTER
--------------------------------------------------------------*/

#footer {
	position: relative;
	float:left;
	width: 100%;
	height: 20px;
	clear:both;
	background-color: #ff7100; 
	color: #fff;
	margin-top: -20px; /* negative value of footer height */
	z-index: 1;
	min-width: 1110px;
}
	#footer span { 
		font-size: 1em; 
		line-height: 1em; 
		color: #fff; 
		background-color: #ff7100;
		padding: 0.4em 2em; 
		margin: 0; 
	}
	
	#footer span.statement {
		float: left;
	}
	
	#footer span.copyright {
		float: right;
	}

	#footer a {
		color: #ffffff;
		text-decoration: underline;
	}
	
	#footer a:hover {
		text-decoration: none;
	}


/* SEARCH BLOCK
--------------------------------------------------------------*/

#search {
	position: absolute;
	width: 170px;
	right: 30px;
	top: 30px;
	border: 0px solid lime;
  background: transparent url(../img/search_gradient2.png) no-repeat;
}
	#search input { float: right; margin: 10px 10px 10px 0; border: 1px solid #cfcfcf; }
	#search input.search {
		width: 112px;
		height: 14px;
		margin: 10px 5px 10px 0px;
		padding: 3px;
		color: #808080;
		background-color: #fff;
	}


/* PRINT BLOCK
--------------------------------------------------------------*/

#print { 
	position: absolute; 
	left: 994px; 
	top: 107px; 
	width: 116px;
}
	/* #print p { font-size: 1em; margin: 0 10px; float: right; }
	#print img { margin-bottom: -4px; } */


/* GENERIC BOX WITH DROP SHADOW (Careful when you modify this.)
** 	- Look box id styles below this seqment
** 	- Adjust the width from the first div
** 	- Box background-color can be changed from .content
**	- Drop shadows need #fff background. Can be fixed with png images
**	- Three padding levels for content areas (.noPadding | .tight | default | .loose)
--------------------------------------------------------------*/

div.box { }
	div.box .bContent { 
		background: #fff url(../img/box_gradient01.png) bottom right no-repeat;  
		/* border: 1px solid #c9c9c9; */ 
		margin-right: 10px;
		margin-left: 10px;
		clear: left;
	}
	div.box .bContent .bArea { 
		border-bottom: 1px solid #c9c9c9; 
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		padding: 15px; /* default padding */
	}
	div.box .bContent .noPadding { padding: 0; }
	div.box .bContent .tight { padding: 5px 15px; }
	div.box .bContent .loose { padding: 16px 32px; }
	div.box .bContent .person { padding: 16px 10px 16px 20px; }
	div.box .bContent .person2 { padding: 20px 20px 16px 20px; }
	div.box .bContent .bLast { border-bottom: 0; }
	div.box .bShadow { height: 15px; background: #fff url(../img/box_sha02.gif) bottom repeat-x; }
	div.box .bShadow img { float: right; }
	div.box .bShadow img.left { float: left; }
	div.box .bShadow img.right { float: right; }
	div.box .bTopShadow { height: 15px; background: #fff url(../img/box_sha02_top.gif) bottom repeat-x; }
	div.box .bTopShadow img.left { float: left; }
	div.box .bTopShadow img.right { float: right; }
	div.box .nopadding { padding: 0; }
	div.box .nomargin { margin: 0; }
	/* generic .bArea content styles */
	div.box h1, div.box h2, div.box h3 {
		font-size: 1.3em;
		line-height: 1.4em;
		margin: 0 0 1.4em 0;	
		color: #606060;
	}
	div.box h4  {
		font-size: 1.1em;
		line-height: 1.4em;
		margin: 1em 0 0 0;	
		color: #606060;
	}
	div.box h5  {
		font-size: 1.1em;
		line-height: 1.4em;
		margin: 1em 0 0 0;	
		color: #606060; 
	}	
	div.box p { font-size: 1.1em; line-height: 1.4em; margin: 0 0 1.4em 0;}
	div.box ol { padding-left: 0; margin: 0 2.5em; }
	div.box ul { padding-left: 0; margin: 0 1.5em; }
	div.box li { font-size: 1.1em; line-height: 1.4em; margin: 0; }	
	div.box ul li { list-style-image: url(../img/bullet01.gif); }
	div.box img.contact  { float: left; clear: left; border: 1px solid #c9c9c9; margin: 0 5px 0 0; }


/* RIGHT SIDE CONTEXTUAL NAVIGATION USING BOX (Box id styles)
--------------------------------------------------------------*/

/* Main right col box. Used with #page .columnWide */
.box1 { width: 220px; display:inline; float: right; margin-right: 30px; background: #fff url(../img/box_bg_1.gif) left repeat-y; }

/* Wider right col box. Used for example at people Our experts */
#box2 { width: 250px; display:inline; float: right; margin-right: 30px; background: #fff url(../img/box_bg_2.gif) left repeat-y; }
	#box2 select, #PeopleSearch select { border: 1px solid #bdbdbd; padding: 3px; margin: 2px 0; width: 170px; }

/* Bottom four box layout. For example at About us. */
#box3 { width: 180px; float: left; text-align: center; background: #fff url(../img/box_bg_3.gif) left repeat-y; }

/* Google Maps box at Our Offices */
#googleMapBox { width: 460px; background: #fff url(../img/box_bg_google.gif) left repeat-y; }

#box4 { width: 355px; display: inline; float: left; margin: 0px 10px 0px 0px; background: #fff url(../img/box_bg_4.gif) left repeat-y; }

#box5 { width: 362px; display: block; float: left; margin: 0px 10px 0px 0px; background: #fff url(../img/box_bg_5.gif) left repeat-y; }
#box5 .bContent img, .box6 .bContent img { margin: 1px 0px 1px 0px; padding: 0; display: block; }

.box6 { width: 241px; display: block; float: left; margin: 0px 5px 0px 0px; background: #fff url(../img/box_bg_6.gif) left repeat-y; }

#PeopleSearch { width: 260px; display: block; float: left; margin: 0px 5px 0px 0px; background: #fff url(../img/box_bg_7.gif) left repeat-y; }

/* OTHER CONTENT ELEMENTS
--------------------------------------------------------------*/


/* Expertise frontpage links */
#tblExpertise { clear: both; width: 740px; }
	#tblExpertise td {
		font-size: 1.2em;
		line-height: 1.6em;
		color: #606060;
		font-weight: bold;
		vertical-align: middle;
	}
	#tblExpertise td a { margin: 0; color: #606060; text-decoration: none; } 
	#tblExpertise td a:hover { color: #ff7100; } 
	#tblExpertise td img { margin: 6px 0 5px 0; }
	#tblExpertise td.bullet { width: 40px; }
	#tblExpertise td.title { width: 330px; }


/* People search table in box */
#peopleSearch {
	clear:both; 
	width: 720px;
	color: #606060;
	margin-bottom: 30px;
	background: #fff url(../img/box_bg_search.gif) left repeat-y;
}
	#peopleSearch table {	border-collapse:collapse; }
	#peopleSearch select { border: 1px solid #bdbdbd; padding: 3px; width: 140px; }
	#peopleSearch th { font-size: 1.3em; padding: 10px 0; color:#606060; }
	#peopleSearch td { border: 0px solid black; padding: 2px; }
	#peopleSearch a {
		padding: 1px 2px;
		font-size: 1em;
		color: #606060;
		text-decoration: none;
		border-bottom: 2px solid #d4d4d4;
	}
	#peopleSearch a:hover,
	#peopleSearch a.selected { color: #ff7100; border-bottom: 2px solid #ff7100; }


/* People search -> search results table */
.searchResults {
	clear: both;
}
	.searchResults table { margin: 0;  border-collapse:collapse; }
	.searchResults table th { padding: 2px; font-weight: bold; border-bottom: 1px solid #d4d4d4;  }
	.searchResults table td { padding: 2px 2px; }


/* Offices address head blocks */
#page .address { border-bottom: 2px solid #d4d4d4; margin: 0 0 20px 0; padding: 0 0 20px 0; }
	#page .address h1 { font-size: 1.3em; margin: 1em 0; color: #606060; }
	#page .address h2 { font-size: 1.3em; margin: 0; color: #606060; text-transform: none; }
	#page .address td,
	#page .address th { padding: 3px 0; }
	#page .address th { color: #606060; width: 150px; }
	#page .noborder { border-bottom: 0px solid #ffffff; }
	
#OurStories img {
	margin: 0px 0px 10px 30px;
}

div.posts h1 {
	margin: 0em 0em 0.25em 0em;
}

div.posts p {
	margin:  0em 0em 1.5em 0em;
}

div.posts p.heading {
	font-weight: bold;
	margin: 0em 0em 0.5em 0em;
	color: #ff7100;
}

div.posts div.content {
	margin-bottom: 2em;
}

div.posts p.excerpt {
	margin-top: 0.5em;
}

div.posts h2.archive {
	margin-bottom: 1em;
}

select#FrontExpertise { border: 1px solid #bdbdbd; padding: 3px; width: 180px; }

/* Front page news box */
#newsBox { 
	position: absolute;
	z-index: 999;
	width: 253px;
	height: auto;
	right: 50px;
	bottom: 19px;
}
#newsBox .main { background: transparent url(../img/navi_dropshadow_right.png) right repeat-y;	 width: 100%; height: 100%; }
#newsBox .main .content {
	background: #fff url(../img/navi_bg_top.gif) top repeat-x;	
	width: 235px;
	height: auto;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 5px 0 20px 0;
	overflow: hidden;
}
.front #newsBox .main .content {
	background: transparent url(../img/news_bg_top.png) top repeat-x;
}

#newsBox .main .content h1 {
	font-size: 14px;
	color: #000000;
	margin: 20px 28px 20px 28px;
}
#newsBox .main .content .date {
	margin: 0px 28px 0px 28px;
	color: #ff7100;
}
#page .columnWide .titleArrow {
	margin: 6px 2px 0px 0px;
	float: left;
	width: 4px;
	height: 8px;
}
.titleFrontpage {
	margin: 0px 28px 10px 28px;
}
#newsBox .main .content .title a {
	color: #606060;
	text-decoration: none;
}
#newsBox .main .content .title a:hover {
	color: #ff7100;
}

#newsBox .main .content2 {
	border-top: 1px solid #dadada;
	padding-top: 15px;
	padding-bottom: 0px;
}
#newsBox .main .content2 p.archive {
	margin: 0px 0px 0px 28px;
	font-weight: bold;
}
#newsBox .main .content2 p.archive a {
	text-decoration: none;
}

/* Application form stuff */
div.app {
	clear: both;
	width: 720px;
	color: #606060;
	margin-bottom: 0px;
	background: #fff url(../img/box_bg_search.gif) left repeat-y;
}

div.app h3 {
	margin-left: 20px;
}

div.app p, div.app .first {
	margin-left: 20px;
}

div.app label {
	font-size: 1.2em;
	line-height: 1.8em;
}

div.app p {
	font-size: 1.2em;
	line-height: 1.8em;
	margin-bottom: 0px;
}

div.app textarea {
	width: 450px;
	font-family: helvetica;
	margin-left: 20px;
	border: 1px solid #bdbdbd;
	font-size: 14px;
}

div.app select {
	margin-bottom: 10px;
}

span.required {
	color: #ff7100;	
}

div.app .hideable {
	margin-top: 10px;
	margin-bottom: 10px;
	display: none;
}

div.app .lang {
	width: 260px;
	float: left;
	margin-left: 40px;
	margin-bottom: 20px;
}

div.app .lang div {
	margin-left: 150px;
	width: 160px;
}

div.app .lang input {
	display: block;
	float: left;
}

div.app .lang label {
	display: block;
	clear: right;
}

div.app .lang p {
	margin-left: 0px;
	float: left;
}

div.app select {
	margin-left: 20px;
}

div.app input {
	margin-left: 20px;
}

#step_contact label {
	margin-left: 20px;
	display: block;
	float: left;
	width: 150px;
	clear: left;
}

#step_contact input {
	width: 300px;
	border: 1px solid #bdbdbd;
	display: block;
	margin-bottom: 4px;
}

#step_office select {
	margin-left: 20px;
}

#step_position input {
	margin-left: 20px;
}

#step_preview #PreviewError, #step_preview #MissingError {
	display: none;
	margin-bottom: 10px;
}

#step_attachments input {
	display: block;
	margin-bottom: 4px;
	border: 1px solid #bdbdbd;
}

#PreviewWindow {
	z-index: 999;
	background-color: #ffffff;
	padding: 10px;
}

#PreviewWindow h1 {
	margin-bottom: 20px;
}

#PreviewWindow h2 {
	font-size: 1.3em;
	margin-top: 10px;
	margin-bottom: 0px;
}

#PreviewWindow p {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 17px;
}

#searchresults p {
	margin: 0px 0px 8px 0px;
}

h1.printHeading {
	display: none;
}

#page .contactRight {
	margin-left: 25px; width: 315px;
}

#bodyWrap.front {
	width: 100%;
	height: 100%;
	min-width: 970px;
	min-height: 580px;
}

#search.front {
	right: 56px;
}

.prevNext a { color: #606060; text-decoration: none; }
.prevNext a:hover { color: #ff7100; }

.applyButton {
	float: right;
	clear: both;
	margin-right: 40px;
	margin-top: 40px;
}

.columnWide .applyButton {
	margin-right: 0px;
}

#page p.notFound {
	position: relative;
	top: 15px;
	text-transform: none;
}

.searchResults table th.first, .searchResults table td.first {
	width: 260px;
}

.searchResults table th.second, .searchResults table td.second {
	width: 260px;
}

.searchResults table .low {
	height: 10px;
}