/*
 *----------------------------------------------------------------------
 * Jonas Åkerlund
 * Copyright Sector 5 AB 2008
 * ---------------------------------------------------------------------
*/

@import "default.css";
@import "templates.css";
@import "primary-nav.css";
@import "secondary-nav.css";

/*--------------------------------------------------------------------*/
/* Common typography */
/*--------------------------------------------------------------------*/

body {
	background:#000000 url(../images/background.jpg) center top no-repeat;
	width: 100%;
	min-height: 1076px;
	height: auto !important;
	height: 1076px;
}

body, table, td, input, textarea, select, fieldset, legend { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4d5356;
}

h1, h2, h3, h4, h5, h6 { font-weight: bold;}

h1 { font-size: 3em; line-height: 1.2em; margin-bottom: .3em; }
h2 { font-size: 2.8em; line-height: 1.2em; margin-bottom: .3em; color: #ec7a08; }
h3, h4, h5, h6 {font-size: 1.2em; line-height: normal; margin-bottom: .3em; color: #343739;}

a { text-decoration: none; color: #f27900; }
a:hover { color: #f27900;}

ul { list-style-type: none;}

p { line-height: 1.4em;}

input { font-size: 1.05em;}

object { display: block; outline: none;}

img.frame {
	border: 1px solid #eceeee;
	padding: 2px;
}	

hr {
	border-top:1px solid #E6E8E9;
	color:#FFFFFF;
	height:0;
	margin-bottom: 15px;
}

/*--------------------------------------------------------------------*/
/* Common layout */
/*--------------------------------------------------------------------*/

.left { float: left; }
.right { float: right; }
.clear { clear: both }

img.left { padding: 5px 15px 10px 0; }
img.right { padding: 5px 0 15px 10px; }

#print-logo { display: none;}

#wrapper {
	width: 940px;
	margin: 0 auto;
	padding-bottom: 100px;
}

#header {
	background: url(../images/header-bg.jpg) left top no-repeat;
	width: 940px;
	height: 109px;
}

#header-image {
	padding-left: 30px;
	padding-top: 56px;
	float: left;
	height: 15px;
}

#header-content {
	float: right;
	padding-top: 21px;
	width: 360px;
}

#header-links {
	position: absolute;
	right: 20px;
	top: 12px;
}

#header-links a { 
	color: #959595;
	margin: 0;
}

#header-links a:hover { color: #fff;}

#header-links a#sitemap-link {
	background: url(../images/sitemap.gif) left 2px no-repeat;
	padding-left: 14px;
}

#country-list {
	height: 22px;
	float: right;
	background: #000000;
	width: 129px;
	z-index: 90;
	position: absolute;
}

#country-list a { color: #cdd0d2; }
#country-list a:hover { color: #fff; }

a#country-select {
	background: url(../images/select-country.gif) left top no-repeat;
	padding: 4px 0 0 9px;
	display: block;
	width: 120px;
	height: 18px;
}

a#country-select:hover {
	background: url(../images/select-country.gif) left bottom no-repeat;
}

#select-country-wrapper {
	position: relative;
}

#country-items {
	position: absolute;
	left: 0;
	top: 0px;
}

#country-items ul {
	padding-bottom: 5px;
	background: #000;
}

#country-items ul li a {
	display: block;
	width: 120px;
	padding: 3px 0 3px 9px;
	background: #000 url(../images/dotted-border.gif) left top repeat-x;
}

#country-items ul li a:hover {
	background-color: #181818;
}

#search {
	padding: 0 20px;
	float: right;
}

input.search {
	float: left;
	margin-right: 5px;
	height: 18px;
	background: #fff url(../images/search-bg.gif) right top no-repeat;
	border: none;
	width: 119px;
	padding: 4px 0 0 3px;
	overflow: hidden;
	white-space: nowrap;
}

.button {
	float: left;
	height: 22px;
	background: #000 url(../images/black-corner-left.gif) left top no-repeat;
}

.button a:hover {
	color: #fff;
}

.button a {
	background: url(../images/black-corner-right.gif) right top no-repeat;
	padding: 5px 10px 0 10px;
	height: 18px;
	float: left;
	color: #cdd0d2; 
}

#wrap {
	background: #fff url(../images/wrap-bg-bottom.gif) left bottom no-repeat;
	padding-bottom: 30px;
	margin-top: 10px;
	position: relative;
	width: 940px;
}

#secondary-content-wrapper {
	float: left;
	width: 200px;
	background: url(../images/secondary-bg.gif) left top repeat-x;
	min-height: 579px;
	height: auto !important;
	height: 579px;
	overflow-x: hidden;
}

#secondary-content {
	background: url(../images/secondary-bg-top.gif) left top repeat-x;
	padding-top: 2px;
}

#primary-content {
	width: 740px;
	float: left;
	padding-bottom: 40px;
	background: url(../images/primary-content-top.gif) left top no-repeat;
	
}

#breadcrumbs {
	margin: 22px 0 0 25px;
	width: 690px;
	background: #eceeee url(../images/gray-box-top.gif) left top no-repeat;
	padding-top: 5px;
}

#breadcrumbs-content {
	background: url(../images/gray-box-bottom.gif) left bottom no-repeat;
	padding-bottom: 5px;
}

#breadcrumbs ul li {
	display: inline;
	padding: 0 4px 0 12px;
	font-size: 1.1em;
	background: url(../images/breadcrumbs-divider.gif) left 4px no-repeat;
	color: #818a8f;
}

#breadcrumbs ul li.first {
	background: transparent;
	padding-left: 8px;
}

#breadcrumbs ul li a:hover {
	color: #818a8f;
}

#breadcrumbs ul li#home {
	padding: 2px 0 0 14px;
	float: left;
	background: transparent;
}

#primary-content #content {
	width: 454px;
	padding: 0 20px 0 40px;
	margin-top: 30px;
	float: left;
	border-right: 1px solid #e6e8e9;
}

#footer {
	clear: both;
	margin-top: 6px;
}

#footer p {
	float: right;
	font-size: 1.1em;
	color: #676e72;
}

#footer a { text-decoration: underline; color: #676e72; }
#footer a:hover { color: #fff; }

/*--------------------------------------------------------------------*/
/* startpage */
/*--------------------------------------------------------------------*/
#presentation {
	margin: 10px 0;
	height: 360px;
	overflow: hidden;
}

#entrances {
	/*background: url(../images/entrances-repeat-bg.gif) left top repeat-y;
	margin-top: 46px;
	margin-bottom: -36px;*/
}

.blackbox { 
	float: left;
	padding-left: 8px;

}

#first.blackbox { width: 270px; padding: 0;}
#second.blackbox { width: 384px; }
#third.blackbox { width: 270px; }

#first.blackbox .container {
	width: 230px;	
}

.blackbox .header  {
	height: 36px;
	background: #000 url(../images/blackbox-topleft.gif) left top no-repeat;
}

.blackbox .header-content {
	background: url(../images/blackbox-topright.gif) right top no-repeat;
}

.blackbox .header h3 {
	color: #f27900;
	text-transform: uppercase;
	font-weight: bold;
	padding: 14px 0 0 20px;
	font-size: 1.1em;
}

.blackbox .header h3 a {
	display: block;
	margin-right: 20px;
}

.blackbox .header h3 a:hover {
	background: url(../images/readmore-onblack.gif) right top no-repeat; 
}

.blackbox .container {
	margin-top: 2px;
	background: #000;
	color: #a7adb0;
	padding: 13px 20px 20px 20px;
	clear: both;
}

.blackbox .content {
	margin-bottom: 5px;
}

#first.blackbox .content {
	background: url(../images/dotted-border.gif) left bottom repeat-x;
	padding-bottom: 13px;
}

#third.blackbox .content {
	background: url(../images/dotted-border.gif) left bottom repeat-x;
	padding-bottom: 31px;
}

.blackbox p {
	font-size: 1.2em;
} 

.blackbox .content p.ingress {
	color: #fff;
	font-weight: bold;
	margin-bottom: 7px;
	font-size: 1.2em;
}

#first.blackbox .content img {
	float: left;
	padding: 2px 8px 5px 0;
}

a.readmore {
	background: url(../images/readmore-onwhite.gif) left 3px no-repeat;
	padding-left: 12px;
	font-size: .9em;
}

ul.divided-list li {
	background-image: url(../images/dotted-border.gif);
	background-repeat: repeat-x;
}

ul#news li.first,
ul#partners li.first {
	background: transparent;
	padding: 0;
	margin: 0;
}

ul#news li {
	background-position: left top;
	padding-top: 6px;
	margin-top: 6px;
}

ul#news p.date { 
	color: #fff;
	font-weight: bold;	
	font-size: 1em;
	padding-bottom: 1px;
}

ul#news p span {
	background: url(../images/news-divider.gif) right top no-repeat;
	padding-right: 8px;
	margin-right: 4px;
	text-transform: uppercase;
	font-size: .85em;
}

ul#news p a { color: #a7adb0; }
ul#news p a:hover { color: #f27900; }

ul#partners {
	padding-top: 10px;
}

ul#partners li {
	padding-top: 20px;
	margin-top: 20px;
	background-position: left top;
	text-align: center;
}

/*--------------------------------------------------------------------*/
/* article-like templates (used by topic-startpages & articles) */
/*--------------------------------------------------------------------*/
.introduction {
	border-bottom: 1px solid #e6e8e9;
	margin-bottom: 23px;
}

.introduction h2 {
	margin-bottom: 26px;
}

.movie-wrapper { float: left; }
.col .movie-wrapper { margin-bottom: 1.5em; }

p.title {
	margin-bottom: 14px;
	color: #343739;
	font-size: 1.4em;
	font-weight: bold;
}

p.ingress {
	font-size: 1.4em;
	margin-bottom: 17px;
}

.rte p {
	font-size: 1.2em;
	margin-bottom: 1em;
	line-height: 1.5em;
}

.rte a:hover {
	text-decoration: underline;
}

.rte h3 { 
	margin-top: 18px;	
}

.rte ul { 
	list-style-type: none;
	padding-left: 17px;
	margin: 10px 0;
}

.rte ul li {
	background: url(../images/bullet-square.gif) left 6px no-repeat;	
	padding-left: 15px;
}

.rte ol {
	width: 80%;
	padding-left: 35px;
	margin: 10px 0;
}

.rte ul li,
.rte ol li { font-size: 1.2em; margin-top: 5px; line-height: 1.4em;}

.rte table { 
	font-size: 1.2em;
	border-collapse: collapse;
	margin: 10px 0;
}

.rte table tr td {
	border: 1px solid #e5e9ea;
	padding: 3px 6px;
}

.rte table tr th {
	padding: 2px 6px;
}

.rte ul li p,
.rte ul li ul li,
.rte ul li ul li p,
.rte ol li p,
.rte ol li ul li,
.rte ol li ul li p,
.rte table p { font-size: 1em; margin: 0;} /* Normalize the size of nested stuff */

.rte a.readmore { font-weight: bold;}

blockquote  {
	color: #f97b03;
	margin: 20px;
	width: 70%;
	background: url(../images/quote.gif) left top no-repeat;
	padding-left: 22px;
}

.rte blockquote p {
	line-height: 1.2em;
	font-size: 1.4em;
	margin: 0 0 10px 0;
}

.rte blockquote p em { font-size: .9em;}

.facts {
	background: #eceeee url(../images/facts-top.gif) left top no-repeat;
	padding-top: 3px;
	width: 220px;
	float: right;
	margin: 0 0 8px 10px;
}

.facts-content {
	background: url(../images/facts-bottom.gif) left bottom no-repeat;
	padding: 7px 10px 3px 10px;
}

.facts.wide {
	width: 425px;
	background: #eceeee url(../images/facts-wide-top.gif) left top no-repeat;
	margin: 0;
}

.facts.wide .facts-content {
	background: url(../images/facts--wide-bottom.gif) left bottom no-repeat;
	padding: 7px 10px 3px 10px;
}

.facts h3 { margin-top: 0; }

.facts ul, 
.facts ol {
	margin: 5px 0 10px 0;
}

.facts ul {
	padding-left: 20px;
}

.facts ol { padding-left: 25px;}

.facts li { margin: 2px 0;}


/*--------------------------------------------------------------------*/
/* xforms */
/*--------------------------------------------------------------------*/

#xform p {
	border-bottom: 1px solid #e5e9ea;
	padding-bottom: 1em;
	margin-bottom: .5em;
}	

#xform table {
	width: 100%;
	margin-bottom: 15px;
}	

#xform table td {
	border: none;
	vertical-align: top;
	padding-left: 0;
}

#xform label {
	padding-right: 5px;
	vertical-align: top;
}

#xform fieldset { padding: 10px; border: 1px solid #E6E8E9; }

#xform legend { padding: 0 3px; }

* html #xform legend { padding-bottom: 10px; }

input[type="radio"], input[type="checkbox"] { /* Only read by modern browsers */
	margin-right: 5px;
}

#xform legend { font-weight: bold; }

#xform .button { 
	background: #CCC;
	float: none;
	height: auto;
	
}

/*--------------------------------------------------------------------*/
/* list */
/*--------------------------------------------------------------------*/
.list-wrap {
	padding-top: 20px;
}

.list-wrap .rte h3 { margin-top: 0; font-size: 1.5em;}

.list-wrap a:hover { text-decoration: underline;}

.list-wrap .mainlist li {
	background: url(../images/arrow-thin.gif) left 15px no-repeat;
	border-bottom: 1px solid #e5e9ea;
	padding: 10px 0 10px 10px;
	margin: 0;
}

.list-wrap .mainlist {
	border-top: 1px solid #e5e9ea;
	margin-top: 10px;
	list-style-type: none;
	padding: 0;
	width: auto;
}

.list-wrap .mainlist p.download { font-weight: bold; margin-top: 6px;}

.rte .list-wrap .rte p,
.list-wrap p { font-size: 1.2em;}

.rte .list-wrap p { font-size: 1em; margin: 0; }

#primary-content.two-col .rte .list-wrap p { margin-bottom: 0; }
#primary-content.two-col .rte .list-wrap p.date { font-size: .9em; }
#primary-content.two-col .rte .list-wrap a.readmore { font-weight: normal; font-size: 1.1em;}

.list-wrap p.date { font-size: 1em; color: #818A8F;}

.list-wrap p.title { margin: 0 0 2px 0;}

.list-wrap p#archive { margin: 10px 0;}

.paging {
	margin-top: 10px;
}

.paging ul {
	padding: 0; 
}

.paging ul li {
	display: inline;
	padding: 0 5px 0 0;
	font-size: 1.1em;
	background: transparent;
}

.paging ul li.active a {
	text-decoration: underline;
	color: #4d5356;
}

#xform h3,
#link-list h3 {
	font-size: 1.5em;
	margin-bottom: .4em;
}

#link-list ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#link-list ul li {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 4px;
	background: url(../images/readmore-onwhite.gif) left 4px no-repeat;
	padding-left: 14px;
}

#link-list ul li a:hover { text-decoration: underline;}

#sub-list { margin: 15px 0; }

#sub-list h3 {
	font-size: 1.3em;
	margin: 0;
	background: url(../images/sub-list-header.gif) left top no-repeat;
	height: 23px;
	display: block;
	color: #fff;
	padding: 5px 0 0 10px;
}

#sub-list li {
	padding: 10px;
	background: #eff0f2; 
	border: 1px solid #e1e5e6;
	border-top: none;
}

#sub-list li.even { background: #f3f4f6; }

#sub-list a.readmore {
	font-weight: bold;
	background-image: url(../images/readmore-ongray.gif);
}

#sub-list a.readmore:hover { text-decoration:underline; }

#sub-list p.header {
	font-weight: bold;
	margin-bottom: 2px;
}

#sub-list p { font-size: 1.2em; margin-bottom: 5px; }

#sub-list .image { float: left; width: 111px; }

#sub-list .content {
	padding-left: 10px;
	float: left;
	width: 311px; /* 454-111-20-10-2*/ 
	
} 

#sub-list li .image img {
	float: left;
	border: 1px solid #e1e5e6;
}

/*--------------------------------------------------------------------*/
/* related */
/*--------------------------------------------------------------------*/
#primary-content #related {
	float: left;
	width: 180px;
	padding: 0 20px;
	margin-top: 30px;
}

#related .content-box {
	padding-top: 0px;
	margin-bottom: 17px;
	background: url(../images/related-bg-mid.gif) left top repeat-y;
}

#related .content-box.first {
	padding: 0;
	border: none;
}

#related .rte {
	background: url(../images/related-bg-bottom.gif) left bottom no-repeat;
	padding: 0 0 3px 0;
}

#related .rte img {
	padding: 0 1px;
}

#related .rte h3 {
	font-size: 1.3em;
	margin: 0;
	background: url(../images/related-header.gif) left top no-repeat;
	height: 23px;
	display: block;
	color: #fff;
	padding: 5px 0 0 10px;
}

#related .rte a {
	font-weight: bold;
}

#related .rte p {
	padding: 8px 10px 10px 10px;
	margin-bottom: 0;
}

#related .rte ol,
#related .rte ul {
	padding-bottom: 10px;
	padding-right: 10px;
	width: auto;
	margin: 0;
}

/*--------------------------------------------------------------------*/
/* two column layout */
/*--------------------------------------------------------------------*/
#primary-content.two-col #content {
	border: none;
	width: 680px;
	padding-left: 30px;
}

#primary-content.two-col #content .col {
	float: left;
	width: 319px;
	border: none;
	padding: 0;
	margin: 0;
}

#primary-content.two-col #content .col.first {
	padding-right:20px;
	margin-right: 20px;
	border-right: 1px solid #e6e8e9;
}

#primary-content.two-col .introduction {
	padding-right: 100px;
	width: 580px;
}


#primary-content.two-col .rte h3 { 
	margin-top: 0;	
}

#primary-content.two-col .rte p { 
	margin-bottom: 1.5em;	
}

#primary-content.two-col .rte blockquote p { margin-bottom: 0; }

/*--------------------------------------------------------------------*/
/* article specific */
/*--------------------------------------------------------------------*/
#article-image {
	padding: 20px 0 0 25px;
}

#article-image.narrow {
	padding: 0 0 20px 0;
}

/*--------------------------------------------------------------------*/
/* generic list stuff */
/*--------------------------------------------------------------------*/

.list li {
	margin: 10px 0;
}

.list p {
	font-size: 1.2em;
}

.list p.title {
	font-size: 1.2em;
	margin-bottom: 2px;
	color: #f27900;
}

.list a:hover {
	text-decoration: underline;
}

/*--------------------------------------------------------------------*/
/* search */
/*--------------------------------------------------------------------*/
#search-box {
	background: #eceeee;
	padding: 10px;
}

#search-results {
	margin-top: 20px;
}

#search-results .header {
	border-bottom: 1px solid #E6E8E9;
	margin-bottom: 10px;
	padding-bottom: 4px;
}

#search-results .number { 
	float: left; 
	width: 30px;
	text-align: right;
	padding-right: 10px;
}

#search-results .content {
	float: left;
	width: 400px;
}

/*--------------------------------------------------------------------*/
/* tagcloud */
/*--------------------------------------------------------------------*/
#related .rte p#tagcloud {
	line-height: 1.6em;
}

#related .rte p#tagcloud a {
	font-weight: normal;
}

p#tagcloud strong {
	font-size: 1.4em;
}

/*--------------------------------------------------------------------*/
/* contact & image list */
/*--------------------------------------------------------------------*/

.list.thumbs li.section {
	border-bottom: 1px solid #eceeee;
	margin-top: 16px;
}

.list.thumbs .image {
	float: left;
	width: 72px;
	padding-right: 12px;
}

.list.thumbs .content {
	float: left;
}

.list.thumbs .image img {
	border: 1px solid #eceeee;
	padding: 2px;
}

/*--------------------------------------------------------------------*/
/* sitemap */
/*--------------------------------------------------------------------*/
#sitemap a { color: #4d5356;}
#sitemap a:hover { text-decoration: underline;}

#sitemap p { font-size: 1.2em;}

#sitemap h3 a {
	color: #f27900;
}

#sitemap li {
	margin: 3px 0 18px 0;
}

#sitemap ul ul li {
	margin-bottom: 3px;
	background: url(../images/bullet-square.gif) 2px 6px no-repeat;
	padding-left: 15px;
}

#sitemap h3 {
	border-bottom: 1px solid #eceeee;
	padding-bottom: 4px;
}

#sitemap ul ul {
	padding:0 0 0 5px;
	margin: 0;
	list-style-type: none;
}

#sitemap ul ul ul {
	padding: 0 0 0  15px;
	margin: 5px 0;
}

#sitemap ul ul ul ul p { font-style: italic; }

/*--------------------------------------------------------------------*/
/* download thickbox */
/*--------------------------------------------------------------------*/
#download-dialog {
	background: #fff;
}

#download-dialog #form-content {
	padding: 20px;	
}

.ui-dialog-titlebar {
	background: #000;
	padding: 5px 0;
}

#download-dialog .rte h3 {
	font-size: 1.8em;
	color: #f27900;
	margin-bottom: 1em;
}

#download-dialog #form-content em.error {
	display: none;
}

#download-dialog #form-content input.error,
#download-dialog #form-content select.error {
	border: 1px solid #ff8c13;
}

#download-dialog #form-content label {
	display: block;
	float: left;
	width: 120px;
	font-size: 1.1em;
}

#download-dialog #form-content #form {
	width: 410px;
}

* html #download-dialog #form-content #form {
	width: 414px;
}

#download-dialog #form-content #form p.not-required,
#download-dialog #form-content #form p.required {
	margin: 2px 0;
	float: left;
}

#download-dialog #form-content #form p span {
	float: left;
	color: #ff8c13;
	font-weight: bold; 
}


#download-dialog #form-content input,
#download-dialog #form-content select {
	border: 1px solid #c1c0c0;
	padding: 1px;
	width: 270px;
	margin-right: 2px;
	float: left;
}

#download-dialog #form-content input.checkbox { width: auto; border: none; }

#download-dialog #form-content select {
	width: 274px;
}

#download-commands {
	margin-top: 5px;	
}

#download-dialog #form-content p#info {
	float:left;
	margin-top:3px;
	padding-left: 120px;
}

#download-dialog #form-content p#info span {
	float: none;
}

* html #download-dialog #form-content p#info {
	padding-left: 124px;	
}

#download-dialog .button { float: right; margin-right: 16px; }
* html #download-dialog .button  { margin-right: 10px; }

a.ui-dialog-titlebar-close:hover {
	color: #fff;
}

/*--------------------------------------------------------------------*/
/* landing */
/*--------------------------------------------------------------------*/
.action {
	width: auto;
	background: #ed7b09 url(../images/action-top.gif) left top no-repeat;
	padding: 15px 0px 0 0px;
}

.action .content {
	background: #ed7b09 url(../images/action-bottom.gif) right bottom no-repeat;
	padding: 0 20px 15px 15px;
}

.action.narrow {
	background: #ed7b09 url(../images/action-two-col-top.gif) left top no-repeat;
	margin-top: 20px;
}

.action.narrow .content {
	background: #ed7b09 url(../images/action-two-col-bottom.gif) left bottom no-repeat;
}

.action p { 
	background: url(../images/action-arrow.gif) right center no-repeat;
	padding-right: 20px;
	font-size: 2em;
	margin: 0;
}

*:first-child+html .action p {
	margin-top: -8px;	
}

.action a { color: #fff; font-weight: bold; letter-spacing:normal; line-height: 1.2em; }
.action a:hover { color: #723a00;}

#primary-content.two-col .rte .action p { margin: 0; }

#template.landing #primary-content {
	width: 940px;
	background: transparent;
}

#template.landing #breadcrumbs { width: 890px; }

#template.landing #primary-content #content {
	width: auto; 
	padding-left: 20px;
}

#template.landing #primary-content.two-col #article-image  {
	padding: 0;
	margin: 0;
}

#template.landing #primary-content .col {
	width: 425px;	
}

#template.landing #primary-content .col.first { border: none; }

#template.landing #primary-content .introduction {
	width: auto;
	padding: 0;
}