/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/
/* reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-bottom;}sub{vertical-align:text-top;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}/*
	=== JS Related ===
*/
body.js-enabled .tabs-hide {
	display: none;
}

/*
	=== General Stuff ===
*/

body {

	margin: 0;
	padding: 0;
	color: #4d4d4d;
	background: #fff url(images/site/body-bg.gif) repeat-x 0 0;
	font: 11px/1.4 "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {

}

h3 {
	font: bold 12px/1.2 "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

p {
	margin: 0 0 10px 0;
}

ul, ol {
	margin: 0 0 10px 30px;
	padding: 0;
}

a:hover {
    text-decoration:none;
}

a {
    color:#65B860;
    text-decoration:underline;
    text-transform:uppercase;
}

/* == Content == */
#content {
	float: left;
	width: 430px;
	padding: 10px 20px;
	background: #fff;
	display:block;
}

/* == Sub-Content == */
#sub-content {
	float: right;
    display:block;
	width: 260px;
	margin:0px;
	padding:10px;
	background:none;
}

/* The Image (Work at...) */

#sub-content-background {
	background:#FFF url(images/site/sub-content-bg.gif) repeat-x bottom ;
	margin: -20px 0 0 0;
}
#sub-content h4 {padding: 20px 0 0 5px;}
#sub-content p {
	font-weight: bold;
	margin-left:5px;
}

#sub-content p.first-of-type {
	margin: 10px 0 20px 5px;
	font-size: 15px;
	font-weight: bold;
}

#sub-content ul {
	margin-left: 10px;
	list-style: none;
}

#sub-content li {
	padding-left: 10px;
	background: url(images/site/arrow-green-right.png) no-repeat 0 50%;
}

/* == Header == */
#header {
	overflow: hidden;
	width: 450px;
	_height: 1%;
	margin: -10px -20px 0;
	padding: 10px 10px 25px 10px;
	background: #fff;
}

/* Logo */
#header h1 {
	background:transparent url(images/site/logo.jpg) no-repeat scroll 0 0;
	float:left;
	height:61px;
	margin-top:10px;
	width:167px;
}

#header h1 a {
	display: block;
	height: 50px;
	outline: 0;
	text-decoration: none;
	text-indent: -100000px;
}

/* Sites-Navigation */
#header h2 {
	display: none;
}

/* == Footer == */
#footer {
	clear: both;
	background: #fff;
	border-bottom: 1px solid #ededed;
}
#footer .tabs-container {
	clear:both;
}

#footer a {
	text-transform: none;
}

#footer h2,
#footer h3 {
	display: none;
}

/* Tabs */
#footer ul#footer-contact-nav {
	overflow: hidden;
	_height: 1%;
	margin: 0;
	padding: 0 5px;
	list-style: none;
	background: #e8e8e8 url(images/site/nav-bg-grey.gif) repeat-x;
	border-width: 1px 0;
	border-style: solid;
	border-color: #e7e7e7;
}

/* Tab Items */
#footer ul#footer-contact-nav li {
	display: block;
	float: left;
	padding: 0 0 0 11px;
}

#footer ul#footer-contact-nav li + li {
	border-left: 1px solid #fff;
}

#footer ul#footer-contact-nav li a {
	display: block;
	padding: 4px 11px 4px 0;
	color: #999;
	outline: 0;
	text-decoration: none;
	text-transform: uppercase;
}

#footer ul#footer-contact-nav li a:hover {
	text-decoration: underline;
}

/* Selected Tabs */
#footer ul#footer-contact-nav li.tabs-selected {
	background: #fff url(images/site/nav-sel-left-grey.gif) repeat-y 0 0;
}

#footer ul#footer-contact-nav li.tabs-selected,
#footer ul#footer-contact-nav li.tabs-selected + li {
	border: none
}

#footer ul#footer-contact-nav li.tabs-selected a {
	color: #333;
	background: url(images/site/nav-sel-right-grey.gif) repeat-y 100% 0;
}

#footer ul#footer-contact-nav li.tabs-selected a:hover {
	text-decoration: none;
}

/* Tabs Content */
/* Contact Information List */
#footer div ul {

	margin: 0;
	padding: 10px 15px 0;
	list-style: none;
}

#footer div ul li {
	float: left;
	position: relative;
	margin: 0 0 10px 0;
	_margin-right: 20px;
	color: #a8a8a8;
}

#footer div ul li + li {
	margin-left: 20px;
}

#footer div ul li strong {
	color: #666;
}#index-page #sub-content {
	background:#fff;
}

/* == Where We Are == */
#where-we-are {
	background: url(images/site/where-we-are-bg.gif) repeat-x;
	padding: 10px;
	margin: 0 -10px;
}

	#where-we-are h2 {
		margin: -10px -10px 10px -10px;
		border-bottom: 1px solid #fff;
		line-height: 1;
		font-size: 0;
		padding: 0;
	}
/*this id provide images in the top of pages*/
#menu-images
{
margin: 10px -10px 10px -10px;
_margin-top:0px;
}
	.disc li
	{
	list-style-type:disc;
	}

	#where-we-are ul {
		list-style-type: none;
		margin-left: 20px;
	}

/*jobs page content*/
#jobs-page #jobs-listing-full h4,
#jobs-page #job-details h4 {
	background: #e8e8e8 url(images/site/nav-bg-grey.gif) repeat-x 0 0;
	margin: 20px -10px 10px;
	padding: 3px 10px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	border-top: 1px solid #ededed;



}

	#jobs-page  #jobs-listing-full h4 img,
	#jobs-page  #job-details h4 img {
	float:right;
	padding-top:2.3px;
_margin-top:-20px;
	display:block;


	}

	#jobs-page  #jobs-listing-full h4 span,
	#jobs-page  #job-details h4 span {
display:block;
	float:right;
		color: #9f9f9f;
	_margin-top:-20px;

	}

#jobs-page  #job-details h4 {
	margin: 0px 0 5px;
}

#jobs-page  #jobs-listing-full p.last-of-type {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ddd;
	font-weight: bold;
}


img.icon-sweden {
_margin-top:-20px;
_filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='site/images/flags/sweden.png',sizingMethod='image');
}
/*
	=== Site Layout ===
*/
#skip-navigation {
	display: none;
}
#wrapper {
	width: 760px;
	margin:0 auto;
	padding:10px;
	display:block;
}
/* == Navigation == */
#navigation {
	width: 470px;
	margin: -10px -20px 0;

}
#navigation h2 {
	display: none;
}
/* Nav Bar */
#navigation ul {
	overflow: hidden;
	_height: 1%;
	margin: 0;
	padding: 0 5px;
	list-style: none;
}
#navigation ul.first-of-type {
	background: #e8e8e8 url(images/site/nav-bg-grey.gif) repeat-x 0 0;
	border-width: 1px 0;
	border-style: solid;
	border-color: #e8e8e8;
}
/* Nav Items */
#navigation ul li {
	display: block;
	float: left;

}
#navigation ul li + li {
	border-left: 1px solid #fff;
}
#navigation img {
	vertical-align: middle;
}
#navigation ul li a {
	display: block;
	padding: 3px 10px 3px 5px;
	color: #4d4d4d;
	font-weight: normal;
	outline: 0;
	text-decoration: none;
	text-transform: uppercase;
}
#navigation ul li a:hover {
	text-decoration: underline;
}
/* Selected Navs */
#navigation ul li.current {
	background-color: #fff;
	background-repeat: repeat-y;
	background-position: 0 0;
}
#navigation ul.first-of-type li.current { background-image: url(images/site/nav-sel-left-grey.gif); }
#navigation ul li.current,
#navigation ul li.current + li {
	border: 0;
}
#navigation ul li.current a {
	background-color: #fff;
	background-repeat: repeat-y;
	background-position: 100% 0;
}
#navigation ul.first-of-type li.current a { background-image: url(images/site/nav-sel-right-grey.gif);	}
#navigation ul li.current a:hover {
	text-decoration: none;
}
.translational-flag
{
	float:right;
	display:block;
	margin:2px;
}/*body{font-family:"Myriad Pro","Segoe UI",Helvetica, Arial, sans-serif;}*/
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, /*p,*/blockquote {padding:0px;}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl,
ul h1,ul h2,ul h3, ul h4, ul h5, ul h6, ul p, ul ul, ul ol, ul dl,
ol h1,ol h2,ol h3, ol h4, ol h5, ol h6, ol p, ol ul, ol ol, ol dl {padding:0;}
/* ====== Elements ====== */
img{display:block;}
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10px;}
code{color:#0B8C8F;}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:196%;  font-weight:normal; font-style: normal; color:#AE0345;}
h2, .h2{font-size:167%; font-weight:normal; font-style: normal; color:#AE0345;}
h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color:#DF2B72;}
h4, .h4{font-size:12px; padding:0; font-weight:bold;
	text-transform: uppercase;color:#4d4d4d}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#AE0345;}
h6, .h6{font-size:108%; font-weight:normal;  font-style: italic; color:#333;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a{color: #333;}
.important a{font-weight:bold;}
/* links * /
a { color: #036; font-weight:bold;text-decoration: none }
a:focus, a:hover { text-decoration: underline }
a:visited { color:#005a9c; }
*/
/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li{list-style-type:disc; margin-left:40px;}
/* ====== Tables ====== */
.data{padding: 20px; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%;border:1px solid #AE0345;}
th, td{vertical-align:top;border:1px solid #AE0345;}
.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
.data th,.data td{padding:3px 20px}
.data thead tr{background-color: #fff0f8;}
.data th{color: #000; font-weight:bold}
/* specification table - extends data table */
.spec{padding:10px;}
.spec table{border-top: 1px solid #e2e2e2; border-bottom-color:#fff; border-left:none; border-right:none;}
.spec th, .spec td{border:1px solid #e2e2e2; border-width: 1px 0; padding-left:0;}
.spec .odd, .spec .even{background-color: #fff;}
/* ====== blockquote ====== */
cite{display:block; text-align:right; padding-top: 10px;}
/* ====== callout ====== */
.callout{font-size:189%;color:#999999; font-style:italic;}
.callout cite{display:block; text-align:right;padding-top: 30px; font-size:69.25%;}
.callout span.quot{font-size: 500%; vertical-align: sub; color:#e2e2e2; line-height:25px; font-weight:bold;}
.callout span.quotLast{vertical-align:middle;}
/* ====== image treatments (get more from jason santa maria) ====== */
.caption{font-size:13px; color:#666666; font-style:italic;padding-top:0;}
/* will need to either
1. find a way to capture the width of the caption in the width of the image or flash
2. Set some default widths, mby use flickr widths?
*//* debug template */
/*
.body{background-color:red;}
.page{background-color:orange;} 
.main{background-color:yellow;}
.leftCol{background-color:lime;}
.rightCol{background-color:aqua;}
*/

/* grids debug */
/*
.line{background-color:#e2e2e2;}
.size1of1{background-color:pink;}
.size1of2{background-color:red;}
.size1of3{background-color:orange;}
.size2of3{background-color: yellow;}
.size1of4{background-color:lime;}
.size3of4{background-color:green;}
.size1of5{background-color:aqua;}
.size2of5{background-color:blue;}
.size3of5{background-color:purple;}
.size4of5{background-color:magenta;}
*/

/* debug modules */
/*
.top, .bottom{background-color:#e2e2e2;}
.tl{background-color:red;}
.tr{background-color:orange;}
.bl{background-color:yellow;}
.br{background-color:lime;}
.hd{background-color: green;}
.bd{background-color: teal;}
.ft{background-color: blue;}
.mod{background-color:purple;}
.inner{background-color:magenta;}
*//* **************** GRIDS ***************** */
.line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1; }
.unit{float:left;_zoom:1;}
.unitExt{float:right;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
/* extending grids to allow a unit that takes the width of its content */
.media{width:auto;}/*
Copyright (c) 2009, Nicole Sullivan. All rights reserved.
Code licensed under the BSD License:
version: 0.2
*/
/* **************** BLOCK STRUCTURES ***************** */
/* mod */
.mod{margin:10px;}
.hd,.bd,.ft,{overflow:hidden;_overflow:visible; _zoom:1;}
.inner{position:relative;}
b{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}
.tl, .tr, .bl, .br{height:10px; width:10px;float:left;}
.tl{background-position: left top;}
.tr{background-position: right top;}
.bl{background-position: left bottom;} 
.br{background-position: right bottom;}
.br,.tr{float:right;}
.bl,.br{margin-top:-10px;}
.top{background-position:center top;}
.bottom{background-position:center bottom;_zoom:1;}/* this zoom required for IE5.5 only*/
/* complex */
.complex{overflow:hidden;*position:relative;*zoom:1;}/* position/zoom required for IE7, 6, 5.5 */
.complex .tl, .complex .tr{height:32000px; margin-bottom:-32000px;width:10px;overflow:hidden;}
.complex .bl, .complex .br{/*margin-top:0;*/}
.complex .top{height:5px;}
.complex .bottom{height:5px;/*margin-top:-10px;*/}
/* pop  */
.pop{overflow:visible;margin: 10px 20px 20px 10px; background-position:left top;}
.pop .inner{right:-10px; bottom:-10px; background-position:right bottom;padding:0 10px 10px 0;}
.pop .tl, .pop .br{display:none;}
.pop .bl{bottom:-10px;}
.pop .tr{right:-10px;}/* **************** TEMPLATE ***************** */
/* ====== Page Head, Body, and Foot ====== */
body{_text-align:left;}/* IE5.5 */
.body{overflow:hidden; _overflow:visible; _zoom:1;}
.page{margin: 0 auto; width: 950px;_text-align:left;} /* wraps other template elems to set width */ /* text-align IE5.5 */
/* "old school" and "liquid" extend page to allow for different page widths */
.oldSchool{width:750px;}
.gs960{width:960px;}
.liquid{extends:.page; width: auto;margin:0;}
/* ====== Columns ====== */
.main{overflow: hidden;_overflow:visible;_zoom:1;}
.leftCol{float:left; width:250px;_margin-right:-3px;}
.rightCol{float:right; width: 300px;_margin-left:-3px;}
/* extend columns to allow for common column widths */
.gMail{width:160px;}
.gCal{width:180px;}
.yahoo{width:240px;}
.myYahoo{width:300px;}