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

@import "default.css";
@import "navigation.css";
@import "templates.css";

/*--------------------------------------------------------------------*/
/* Common Typography 
/*--------------------------------------------------------------------*/
body {
	background: url(../images/bg-stripe.gif) left top no-repeat;	
}

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

h1 { font-size: 2.6em; line-height: 1.2em; margin-bottom: .3em; }
h2 { font-size: 1.8em; line-height: 1.2em; margin-bottom: .3em;}
h3 { font-size: 1.4em; line-height: 1.2em; margin-bottom: .3em;}
h4, h5, h6 {font-size: 1.3em; line-height: normal; margin-bottom: .2em;}

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

ul { list-style: none outside;}

/*--------------------------------------------------------------------*/
/* Common layout */
/*--------------------------------------------------------------------*/
.clear { clear: both;}
.left { float: left;}
.right { float: right;}
.italic { font-style: italic; }

#wrapper {
	width: 930px;	
	padding-left: 30px;
}

#header {
	padding-top: 30px;
	height: 82px;	
}

#primary-content {
	width: 450px;
	float: left;
}

#secondary-content {
	width: 200px;
	float: left;
	margin-left: 15px;
}

#header-logo {
	float: left;
}

span.lang { float: left; margin-top: 5px; display: block;}
.linkrow { float: left; }
.top-search { float: left; }
#header-content { margin-top: 40px; }

.top-search input.search { border: 1px solid #B71234; background: #fff; padding: 1px; width: 100px; margin-right: 6px;}
.top-search input { float: left; }

#template {
	clear: both;
	padding: 15px 0 18px 0;
}

#footer {
	background: url(../images/footer-bg.gif) left top no-repeat;
	height: 26px;
	padding: 12px 12px 0 12px;
	font-size: 1.2em;
	text-align: right;
}

#footer p {
	text-transform: uppercase;
	float: left;
	background: url(../images/footer-divider.gif) left 2px no-repeat;
	padding-left: 6px;
	margin-left: 4px;
}

#footer p.first { background: transparent; padding: 0; }

#footer .content {
	float: right;	
}

#footer .content.left { float: left; }

#footer a {
	font-weight: bold;
	color: #B71234;
}

/*--------------------------------------------------------------------*/
/* Primary content */
/*--------------------------------------------------------------------*/
span.comments {
	background:transparent url(../images/comments.gif) no-repeat scroll 0 2px;
	display:block;
	float:left;
	height:15px;
	line-height:0.7em;
	margin-top:0;
	padding:6px 0 0 0;
	text-align:center;
	width:20px;
}

span.comments a {
	color: #fff;
	font-size: .9em;
}

span.readmore a {
	background:transparent url(../images/icon-disc.gif) left 5px no-repeat;
	color:#B71234;	
	float:left;
	font-size:1.2em;
	margin-top:2px;
	padding-left: 12px;
	text-decoration:none;
	font-weight: bold;
}

span.delimiter {
	color:#999999;
	display:block;
	float:left;
	font-size:1.7em;
	line-height:20px;
	height: 21px;
	margin: -2px 5px 0 4px;
	padding:0;
}

p.intro {
	padding-bottom: 15px;
	font-weight: bold;
	font-size: 1.2em;
}

strong.topic {
	color: #B71234;
	text-transform: uppercase;
	padding-right: 4px;
}

.news-item img { padding-bottom: 6px;}
.news-item h1 { padding-top: 4px; }

#related {
	margin-top: 13px;	
}

#related h2.red {
	color: #B71234;
	background-color: #fff; /* Workaround incorrect background in Sifr, IE only */
}

/*--------------------------------------------------------------------*/
/* rte */
/*--------------------------------------------------------------------*/

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

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

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

.rte table {
	font-size: 1.2em;
	margin-bottom: 1.3em;
}

.rte table td { padding: 0 10px 5px 0; }

.rte ul { list-style-type: disc; }

.rte ul,
.rte ol {
	list-style-position: outside;
	padding-left: 50px;
	margin-bottom: 1.3em;
}

.rte ul ul,
.rte ol ol { margin-bottom: 0; }

.rte li { font-size: 1.2em;	}
.rte li li,
.rte li p { font-size: 1em; }

/*--------------------------------------------------------------------*/
/* listing */
/*--------------------------------------------------------------------*/
#list-image img {
	float: left;
	margin-right: 17px;
}

#list-image .content {
	padding: 13px 0;
	border-top: 1px solid #ddd;
}

#list-image .entrance {
	width: 283px;
	float: left;
}

#list-image .entrance p {
	font-size: 1.2em;
	margin-bottom: .4em;
}

#list-image .entrance h2 {
	font-size: 1.8em;
	letter-spacing: .02em;
}

/*--------------------------------------------------------------------*/
/* searchresults */
/*--------------------------------------------------------------------*/
p.search-header { font-size: 1.2em; font-weight: bold; padding: 0 0 10px 10px; }

.results { float: left; width: 450px; margin-bottom: 15px; }
.results ul { float: left; width: 450px; }
.results li { padding: 10px; float: left; width: 430px;}
.results li .number { float: left; width: 25px; }
.results li .number p { font-size: 1.3em; }
.results li .text { float: left; width: 400px; }
.results li p { font-size: 1.2em; }
.results li a { color: #B71234; }
.results li p a { color: #000; }
.results li p a:hover { text-decoration: underline; }

.results li.odd { background: #f4f4f4; }

.results.compact h3 {
	font-size: 1.2em;
	float: left;
}

.results.compact p { clear: both; }

.results span.date {
	float: left;
	color: #666666;
	font-size: 1.1em;
	padding: 1px 5px 0 0;
	font-weight: bold;
	line-height: 1.2em;
	background: url(../images/delimiter.gif) right top no-repeat;
	margin-right: 5px;
}


/*--------------------------------------------------------------------*/
/* paging */
/*--------------------------------------------------------------------*/
.paging {
	clear: both;
	width: 448px;
	text-align: center;
	border: 1px #c8c8c8 solid;
	padding: 15px 0;
}

.paging li {
	padding: 0 1px 0 1px;
	font-size: 1.2em;
	display: inline;
	font-weight: bold;
}

.paging li.active a,
.paging li a:hover { color: #000;}
.paging li a { color: #B71234;}

.paging li.prev  {
	background: url(../images/paging-divider.gif) right 2px no-repeat;
	padding-right: 6px;
	margin-right: 6px;
}

.paging li.next  {
	background: url(../images/paging-divider.gif) left 2px no-repeat;
	padding-left: 8px;
	margin-left: 5px;
}

/*--------------------------------------------------------------------*/
/* form */
/*--------------------------------------------------------------------*/

#customerclub {
	margin: 20px 0;	
	font-size: 1.2em;
	width: 350px;
}

#customerclub div {
	margin: 2px 0;
}

#customerclub .part { float: left;}

#customerclub div div { padding-right: 5px; }

#customerclub .input-box { float: left; width: 200px; }

#customerclub .radio-box { float: left; }

#customerclub input.radio {
	border: none;
	width: 14px;
}

#customerclub .button { float: right; margin: 10px 44px 0 0; }

#customerclub label { width: 100px; float: left; padding-top: 4px;}
#customerclub label.error { width: 200px; color: red; }

#customerclub input.text { padding: 2px; border: 1px solid #999999; width: 200px; }


/*--------------------------------------------------------------------*/
/* #promo */
/*--------------------------------------------------------------------*/
#promo {
	float: left;
	margin-left: 15px;
	width: 250px;
}
#promo img {
	float: left;
	margin-bottom: 12px;
}


/*--------------------------------------------------------------------*/
/* content-boxes */
/*--------------------------------------------------------------------*/
.content-box { margin-bottom: 12px; clear: both; }

.content-box p,
.content-box li { font-size: 1.2em; margin-bottom: 5px;}
.content-box ul { list-style-type: disc; list-style-position: inside; margin-top: 10px;}
.content-box h2 { padding: 10px; margin: 0; font-size: 1.2em; text-transform: uppercase; clear: both;}
.content-box img { float: left;}
.content-box li a { font-weight: bold; }

.content-box .submitbuttons { float: right;}

.content-box cite {
	font-style: normal;
	font-weight: bold;
	font-size: 1.2em;
	color: #B71234;
}

.content-box blockquote {
	margin-bottom: 10px;	
}

.content-box input.text {
	width: 174px;
	padding: 2px 1px;
	margin-bottom: 7px;
}

.content-box select { width: 178px; margin-bottom: 7px; }

.content-box .content { padding: 10px; position: relative;}

.content-box.red { background: #B71234; color: #fff;}
.content-box.red a { color: #fff; }
.content-box.red h2 { border-bottom: 1px solid #dddddd; }

.content-box.gray { background: #f4f4f4; border-top: 4px solid #000;}
.content-box.gray .content { border: 1px solid #c8c8c8; border-top: none;}
.content-box.gray li,
.content-box.gray a { color: #B71234; }
.content-box.gray h2 { border-bottom: 1px solid #dddddd; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8;}

.content-box.blue { background: #cfebf7; border-top: 4px solid #109cd6;}
.content-box.blue .content { border: 1px solid #109cd6; border-top: none;}
.content-box.blue li,
.content-box.blue a { color: #109cd6; }
.content-box.blue h2 { border-bottom: 1px solid #109cd6; border-left: 1px solid #109cd6; border-right: 1px solid #109cd6;}

.content-box.blue input.text { border: 1px solid #109cd6;}

.submitbuttons input { margin-left: 4px; }

.content-box.yellow { background: #fff7cc; border-top: 4px solid #ffd800; position: relative; }
.content-box.yellow .content { border: 1px solid #ffd800; border-top: none;}
.content-box.yellow li,
.content-box.yellow a { color: #ffd800; }
.content-box.yellow h2 { border-bottom: 1px solid #ffd800; border-left: 1px solid #ffd800; border-right: 1px solid #ffd800;}

.content-box.yellow input.text { border: 1px solid #ffd800;}

.content-box.black { background: #f4f4f4; }
.content-box.black h2 { background: black; color: white; }
.content-box.black h3 { padding: 10px; border: 1px solid #dddddd; border-top: 0; font-size: 12px; margin-bottom: 0; }
.content-box.black .content { border: 1px solid #dddddd; border-top: 0; }
.content-box.black .content ul { margin-top: 0; color: #B71234; }
.content-box.black .content a { color: #B71234; }

.blogg-box { background: #47c3db; }
.blogg-box h2 { color: #fff; font-size: 1.8em; padding: 0px; line-height: 1.2; border-bottom: 1px dotted #a3e1ec; margin-bottom: 7px; }
.blogg-box .content { background: url(../images/bloggpuff-footer.jpg) no-repeat bottom left; padding-bottom: 135px; }
.blogg-box p, .blogg-box a { color: #fff; }
.blogg-box p.header { margin-bottom: 3px; }
.blogg-box p.header a { font-size: 13px; font-weight: bold; text-transform: uppercase; }

/*--------------------------------------------------------------------*/
/* content-boxes in primary content */
/*--------------------------------------------------------------------*/
#primary-content .content-box {
	width: 	450px;
}

.content-box.comments-list .content { padding: 0; }

.content-box.comments-list { background: #f4f4f4; border-top: 4px solid #B71234;}

.content-box.comments-list ul {
	margin: 0;
	list-style-type: none;
	list-style-position: outside;
}
.content-box.comments-list li {
	font-size: 1em;
	color: #000;
	border-bottom: 1px solid #c8c8c8;
	padding: 10px;
}
.content-box.comments-list li span { color: #666666; }
.content-box.comments-list span.report { font-weight: normal; font-size: .9em; margin-left: 10px; color: #B71234; cursor: pointer; }

.content-box.comments-list input.text,
.content-box.comments-list textarea { border: 1px solid #cccccc;	margin-top: 5px;}

.content-box.comments-list input.text { width: 184px;}
.content-box.comments-list textarea { width: 421px; height: 63px; padding: 1px 2px;}

#commentate { padding: 10px;}
#commentate h2 { padding: 0 0 10px 0;  border: none;}
#commentate .submitbuttons { margin-top: 10px;}

.content-box.searchbox { border-top: 4px solid #dddddd; background: #fff; margin-bottom: 18px;}
.content-box.searchbox .content { padding: 15px;}
.content-box.searchbox input { float: left;	}

.content-box.searchbox input.text {
	width: 362px;
	margin: 0 10px 0 0;
	border: 1px solid #b2b2b2;
}

textarea { font-size: 1em;}

.content-box.comments-list ul.error,
ul.error {
	padding: 6px 0;
	list-style-type: disc;
	list-style-position: inside;
}
.content-box.comments-list ul.error li,
ul.error li {
	border: none;
	font-size: 1.2em;
	padding: 0;
}

.content-box.comments-list p.removed { color: #B71234; }

/*--------------------------------------------------------------------*/
/* Poll */
/*--------------------------------------------------------------------*/

.pollresults input { float: left; margin-right: 4px;}
* html .pollresults input { margin: -2px 0 0 0; float: left;}


.pollresults ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0 0 10px 0;
	float: left;
	width: 178px;
}

* html .pollresults ul { margin-bottom: 0px; }

.pollresults li {
	margin: 0 0 2px 0;
	background-color: #B71234;
	width: 100%; /* IE */
	
}

.pollresults li span {
	padding: 6px 8px;
	display: block;
	color: #fff;
}

.pollresults li span.answer {
	width: 92px;
	float: left;
}

.pollresults li span.share {
	float: right;
	text-align: right;
	width: 32px;
}

.pollresults .button {
	float: none;
	clear: both;
	margin-top: 10px;
}

/*--------------------------------------------------------------------*/
/* Blogg */
/*--------------------------------------------------------------------*/
.blogg-header { padding-bottom: 15px; border-bottom: 4px solid #000; }
.blog-item p.date { color: #999; font-size: 1.2em; }
.blog-item .image { text-align: center; padding-bottom: 5px; }
.sIFR-active #primary-content .blog-item h2 { font-size: 24px; padding-bottom: 15px; }
.blog-controls { border-top: 1px dotted #ddd; border-bottom: 1px solid #ddd; padding: 6px 0px 9px; margin-bottom: 20px; }
.blog-controls ul.blog-controls-ul li { float: left; padding: 0px 7px; border-left: 1px dotted #ddd; }
.blog-controls ul.blog-controls-ul li.first { padding-left: 0px; border-left: 0px; }
.blog-controls a { display: block; outline: none; cursor: pointer; font-size: 12px; text-align: center; }
.blog-controls a.comments { width: 28px; height: 21px; padding-top: 5px; background: url(../images/comments.jpg) no-repeat top left; }
.blog-controls a.facebook { width: 86px; height: 22px; background: url(../images/facebook.jpg) no-repeat top left; }
.blog-controls a.twitter { width: 71px; height: 22px; background: url(../images/twitter.jpg) no-repeat top left; }

.blog-controls .comments-list { margin-top: 9px; }

/*--------------------------------------------------------------------*/
/* sitemap */
/*--------------------------------------------------------------------*/
#sitemap ul ul {
	padding-left: 15px;	
}

#sitemap li { margin: 4px 0 10px 0;}

#sitemap li a {
	color: #000;
	text-transform: uppercase;
	padding-bottom: 1px;
	margin: 5px 0 5px 0px;
	line-height: 1.5em;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
}

#sitemap li li a { 
	color: #B71234;
	text-transform: none; 
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: normal;
}
#sitemap li li a:hover {text-decoration: underline; color:#B71234 }
#sitemap li a:hover {color: #B71234;}

#sitemap li {list-style-type: none; padding: 2px 0px 0px 0;}
#sitemap li li {list-style-type: disc; padding: 0; margin: 4px 0 0 0;}
#sitemap li li li {list-style-type: circle; }
#sitemap li li li li {list-style-type: square; }


/*--------------------------------------------------------------------*/
/* Errorhandling and ui dialog */
/*--------------------------------------------------------------------*/
input.has-error,
textarea.has-error {
	background: #fff56a;	
}

#dialog {
	display: none;
	padding-top: 15px;
}

#dialog p.submitbuttons input {
	margin: 2px 0 0 0;	
}

#dialog .text {
	width: 200px;
	border: 1px solid #C8C8C8;
	padding: 2px;
	font-size: 1.1em;
	margin: 2px 0 10px 0;
}

#dialog textarea.text {
	width: 273px;
	height: 50px;
}

#dialog label {
	font-weight: bold;
	font-size: 1.1em;
}

#dialog ul li { font-size: 1.1em; }
#dialog p { font-size: 1.1em; }

.ui-dialog { position: relative; padding: .2em; width: 300px; 	background: #fff; border: 1px solid #c8c8c8; border-top: 4px solid #B71234; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { display: none; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 2px; margin: 0px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; color: #e20001; font-weight: bold; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto;  }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }


/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }