/* CSS Document */
/*
============ Base Screen CSS Core ============
$Rev: 9900 $     
$Author: happyuser_jimmy $
$Date: 2009-09-15 17:02:41 +0200 (Tue, 15 Sep 2009) $

Innehållförteckning: http://mittmediadev.adeprimo.se/core/wiki/Pwp/Res/Ui/Formhandbok/site-css

*/

/* ************************************************************
{{1. Grundinställningar}}
************************************************************ */
	/* *** {{--1.1 COMMON}} *** */
	body
	{
		background: #bee3f5 url(/css-images/bg_top.png) repeat-x left top;
		font-family:Arial, Helvetica, sans-serif;
	}
	/* Oneliners */
	h1 {font-size:3em;}
	h2 {font-size:2em;}
	img.left {margin:0px 12px 8px 0;}
	img.right {margin:0px 0 8px 12px;}
	img.top {margin:0 0 8px 0;}
	a img {border: 0;}
	.clearer {clear: both;}
	.noborder {border:none;}
	/* /Oneliners */

	div.mainColumn img.top,
	div.imageWrapper img {
		margin:0 0 8px 0; 
		padding-right:2px;
	/*	border-right:108px solid #edecf2; */
	}

	div.imageWrapper.top {
		width:578px;
		border-top:3px solid #c0bfd3;
		padding-top:2px;
	}



	/* det här elementet sätter standard för element som kan ärva egenskaper för tema_department */
	.departmentLabel
	{
		background-color: #000;
		font-weight:bold ;
		color:#FFF;
		padding:0 6px 0 6px;
		display:none;
		float:left;
		text-align:center;
		margin-right:4px;
	}
	.date {
		display:none;
	}
	
	/* === loggOffContainer === */
	.mainContentContainer .loggOffContainer
	{
		padding:8px;	
		margin:0 0 10px 0;
		border:6px #E8E8E8 solid;
	}
		.mainContentContainer .loggOffContainer p
		{
			padding:0 0 8px;	
		}
		.mainContentContainer .loggOffContainer h3
		{
			font-size:1.2em;
			font-weight:bold;
			padding-bottom:4px;
		}
	/* === /loggOffContainer === */
	
	/* === buttonContainer === */
	.mainContentContainer p.buttonContainer
	{
		padding:0;
	}
		.mainContentContainer p.buttonContainer input
		{
			padding:1px 20px 1px 20px;
		}
	/* === buttonContainer === */
	/* *** /1.1 COMMON *** */
	
	/* *** {{--1.1 Länkar}} *** */
	a.back:link,
	a.back:visited
	{
		background:url(/img/common/bg_back.gif) no-repeat  left top;
		padding-left:14px;
	} 
	.mainContentContainer a:link,
	.mainContentContainer a:visited,
	#modalWindowWrapper a:link, 
	#modalWindowWrapper a:visited
	{
		color:#000;
		background-color:transparent;
		text-decoration: none;
	}
	.mainContentContainer a:hover,
	#modalWindowWrapper a:hover
	{
		color:#666666;
		background-color:transparent;
		text-decoration:underline;
	}
	.mainContentContainer a:active,
	#modalWindowWrapper a:active
	{
		color:#333333;
		background-color:transparent;
		text-decoration: none;
	}
	.mainContentContainer ul li a:link,
	.mainContentContainer ul li a:visited,
	.mainContentContainer ol li a:link,
	.mainContentContainer ol li a:visited
	{
		background-color:transparent;
		text-decoration:underline;
	}
	.mainContentContainer span.articleCategory a:link,
	.mainContentContainer span.articleCategory a:visited
	{
		background-color:#AC141C;
		color:#FFFFFF;
		font-weight:bold;
		font-size:0.9em;
		padding:2px;
	}
	
	.mainContentContainer h3.size1 a,
	.mainContentContainer h3.size2 a ,
	.mainContentContainer h3.size3 a  {
			color:#2D2B6E;			
		}
	
	
	/* *** /1.1 Länkar *** */
	
	/* *** {{--1.2 Typografi}} *** */
	#modalWindowWrapper
	{
		font-size:0.74em;
		font-family:Arial, Helvetica, sans-serif;
	}
	.navColumn, .mainColumn, .extraColumn
	{
		font-size: .68em;
		line-height: 1.3;
	}
	
	div.relatedLinks{
		display:none;
	}
	div.relatedLinks h4
	{
		clear:both;
		margin:0px;
		padding:8px 0 6px 0;
		font-weight:bold;
		font-size:1em;
		text-transform:uppercase;
	}
		div.relatedLinks ul
		{
			margin:0 0 6px 0;
		}
		div.relatedLinks ul li
		{
			background:url(/img/common/bg_relatedLinks.gif) no-repeat left 2px;
			margin:0px;	
			border:1px solid #FFFFFF;
			display:block;
		}
			.mainColumn div.relatedLinks ul li a	{
				padding:0 0 0 14px;
				display:block;
				font-size:92%;
				color:#000000;
				background-color:transparent;
				font-weight:bold;
				text-decoration:underline;
			}
	.mainContentContainer p,
	.mainContentContainer h1, 
	.mainContentContainer h2, 
	.mainContentContainer h3, 
	.mainContentContainer h4
	{
		margin:0px;
		padding:0 0 12px 0;
	}
	.mainColumn .articleTeaser p,  
	.mainColumn .articleTeaser ul
	{
		font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
		color:#5b5b5c;
		font-size:1.3em;
		line-height:1.3em;
	}
	
	.mainColumn .articleTeaser p a {
		color:#5b5b5c;
	}
	
	/* --- headings --- */
	.mainColumn h1, h2
	{
		line-height: 1;
	}
	.mainColumn h3, 
	.mainColumn h4
	{
		line-height: 1.1;
		font-size:1.4em;
	}
	h3.size1,
	h3.size2,
	h3.size3,
	h3.size4
	{
		font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;
		line-height: 1;
		letter-spacing: -1px;
		margin: 0;
		padding: 0 0 10px 0;
	}
		h3.size1,
		.simpleTeaserContainer h3.size1
		{
			clear:both;
			color:#2D2B6E;
			display:block;
			font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;
			font-size:3.5em;
			font-weight:bold;
			letter-spacing:-1px;
			line-height:1.05;
		}
				
		.extraColumn .simpleTeaserContainer h3.size1
		{
			font-family:"Arial Black", Arial, Helvetica, sans-serif;
			font-size: 2.4em;
		}
		h3.size2,
		.simpleTeaserContainer h3.size2
		{
			font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;
			font-size: 2.3em;
			font-weight:bold;
		}
		h3.size3,
		.simpleTeaserContainer h3.size3
		{
			font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;
			font-size: 1.8em;
			color: #2D2B6E;
		}
		h3.size4,
		.simpleTeaserContainer h3.size4
		{
			font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;
			color:#333;
			font-size:1.2em;
		}
		h3.size5,
		.simpleTeaserContainer h3.size5
		{
			font-size:1.1em;
		}
		h3.size6,
		.simpleTeaserContainer h3.size6
		{
			font-size:1.0em;
		}
		h3.size7,
		.simpleTeaserContainer h3.size7
		{
			font-size:0.9em;
		}
		h3.size8,
		.simpleTeaserContainer h3.size8
		{
			font-size:0.8em;
		}
		h3.size9,
		.simpleTeaserContainer h3.size9
		{
			font-size:0.74em;
		}
		h3.size10,
		.simpleTeaserContainer h3.size10
		{
			font-size:0.68em;
		}
	h3.articleSuperTitle
	{
		font-size: 1.1em; 
		font-weight:bold;
		color:#ff7e00;
		text-transform:uppercase;
		letter-spacing: 1px;
		padding-bottom: 8px;
		display:block;
	}
	h4.articleSubTitle
	{
		font-size: 1.3em;
		color: #777;
		font-weight:bold;
		letter-spacing: 0px;
		margin-top: -.5em;
		display:block;
	}
	/* --- /headings --- */
	/* --- lists --- */
	div#articleContent ul, 
	div#articleContent ol, 
	div#articleContent dl
	{
		margin:0 1px 0 16px;
	}
	div#articleContent ul
	{
		list-style:disc outside;
	}
	div#articleContent ol
	{
		list-style:decimal outside;
	}	
		div#articleContent div.articleFloatContainer ul, 
		div#articleContent div.articleFloatContainer ol, 
		div#articleContent div.articleFloatContainer dl
		{
			margin: 0;
		}
		div#articleContent div.articleFloatContainer ul,
		div#articleContent div.articleFloatContainer ol
		{
			list-style: none;
		}
	/* --- /lists --- */
	/* *** /1.2 Typografi *** */
	
	/* *** {{--1.3 Formulär}} *** */
	/* --- MaxChar fields --- */ /*=oa*/
	fieldset div.charcount input#maxchar
	{
		width: 5em;
		text-align: right;
		margin-right: 4px;
		border: 1px solid #999;
	}
		fieldset div.charcount label
		{
			display: inline;
			color: #777;
		}
	/* === /MaxChar fields === */
	/* *** /1.3 Formulär *** */

	/* *** {{--1.4 Menyer}} *** */
	/* === {{----topMenu}} === */
	/* --- all --- */	
	#topMenuWrapper .row
	{
		clear:both;
		width:950px;
		text-align:left;
	}
		#topMenuWrapper .row .item
		{
				float: left;
				display:block;
		}
	#mainTop a:link,
	#mainTop a:visited
	{
		text-decoration:none;
	}
	.extraRight
	{
		display: none;
	}
	/* --- /all --- */	

	/* --- level1 ---*/
	#topMenuWrapper #level1
	{
		background-color:#fff;
		float:left;
		display:block;
		width:950px;
		height:31px;
	}
		#topMenuWrapper #level1 .item
		{
			font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
			display: block;
			float: left;
			color: #000;
			font-size:1.3em;
			height:31px;
			background-color:transparent;
			margin:0;
			padding:0;
		}
		#topMenuWrapper #level1 .item
		{
			background: url(/css-images/level1_left.png) repeat-x left top;
		}
		
			#topMenuWrapper #level1 #navLevel1_item1 .item
			{
				background: url(/css-images/level1_item1_left.png) repeat-x left top;
			}
		
		#topMenuWrapper #level1 .item a
		{
			background: url(/css-images/level1_right.png) no-repeat right top;
		}
		
			#topMenuWrapper #level1 #navLevel1_item4.item a
			{
				background: url(/css-images/level1_item4_right.png) no-repeat right top;
			}	
		
		
		
			#topMenuWrapper #level1 .item.selected
			{	
				background: url(/css-images/level1_selected_left.png) repeat-x left top;
			}
			
			#topMenuWrapper #level1 .item.selected a,
			#topMenuWrapper #level1 #navLevel1_item4.item.selected a
			{	
				background: url(/css-images/level1_selected_right.png) no-repeat right top;
				margin:0;
			}
					
			
			#topMenuWrapper #level1 .item a:hover
			{
				color:#0e6f9f;
			}
			#topMenuWrapper #level1 .selected a,
			#topMenuWrapper #level1 .selected a:hover,
			#topMenuWrapper #level1 .selected a:visited
			{
				font-weight:normal;
				color: #FFF;
			}
			#topMenuWrapper #level1 a
			{
				font-size:0.72em;
				color: #395766;
				display:block;
				padding:5px;
				padding-top:7px;
				height:31px;
				font-weight: normal;
			}
			
			#topMenuWrapper #level1 a span,
			#topMenuWrapper #level1 #navLevel1_item4.item.selected a span
			{
				margin: 0 30px 0 30px;
			}
		
			#topMenuWrapper #level1 #navLevel1_item4 a span
			{
				margin: 0 35px 0 30px;
			}
		
		#topMenuWrapper #level1 #navLevel1_item5,#topMenuWrapper #level1 #navLevel1_item6,#topMenuWrapper #level1 #navLevel1_item7,#topMenuWrapper #level1 #navLevel1_item8, #topMenuWrapper #level1 #navLevel1_item9, #topMenuWrapper #level1 #navLevel1_item10, #topMenuWrapper #level1 #navLevel1_item11 {
			display:none;			
		}
		
		/* IE6 */
		* html #topMenuWrapper #level1 .item {width: 100px;}
		* html #topMenuWrapper #level1 .item a {height: auto;}
		* html #topMenuWrapper #level1 .item a span {display: block; white-space: nowrap;}
			
	/* --- /level1 ---*/
	
	
	/* --- level2 ---*/
	#topMenuWrapper ul#level2
	{
		background-color:#777777;
		background:transparent url(/css-images/level2.png) repeat-x left top;
		float:left;
		display:block;
		width:950px;
		height:48px;
	}
	
	#topMenuWrapper #level2 .item
		{
			font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
			display: block;
			margin-top:18px;
			float: left;
			color: #000;
			font-size:1.4em;
			height:14px;
			background:transparent;
			padding:0 2px 0 2px;
			border-left:2px solid #fff;
		}
		
		#topMenuWrapper #level2 #navLevel2_item1 {
			border:none;			
		}
		
	
		#topMenuWrapper #level2 .item a:hover,
		#topMenuWrapper #level2 .selected a:hover
		{
			color:#c5c2eb;
		}
		#topMenuWrapper #level2 a	{
				font-size:0.72em;
				font-weight: bold;
				color: #FFF;
				display:block;
				padding:0 12px;
				margin-top:-3px;
		}
		#topMenuWrapper #level2 .selected a
		{
			font-weight:bold;
			color:#c5c2eb;
			text-decoration:underline;
		}
	/* --- /level2 ---*/

	/* --- level3 ---*/
	#topMenuWrapper ul#level3
	{
		background:transparent url(/css-images/level3.png) repeat-x left top;
		width:950px;
		height:50px;
		font-size:0.92em;
		font-weight:normal;
		float:left;
		clear:left;
	}
	
	
	
	#topMenuWrapper #level3 .item
		{
			font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
			display: block;
			margin-top:20px;
			float: left;
			color: #000;
			height:12px;
			background:transparent;
			padding:0 2px 0 2px;
			border-left:1px solid #00344b;
		}
		
		#topMenuWrapper #level3 #navLevel3_item1 {
			border:none;			
		}
	
		#topMenuWrapper #level3 .item a:hover,
		#topMenuWrapper #level3 .selected a:hover
		{
			color:#227397;
		}
		#topMenuWrapper #level3 a
		{
			color: #00344b;
			background-color:transparent;
			display:block;
			padding:0px 12px;
			margin-top:-4px;
		}
		#topMenuWrapper #level3 .selected a
		{
			font-weight:normal;
			color: #55859a;
		}	
	/* --- /level3 ---*/
	/* === /topMenu === */
	
	/* === {{----topUserToolbar}} ===*/
	div#topUserToolbar
	{
		display:none;
		float:left;
		clear: both;
		width:98%;
	}
		div#topUserToolbar .userInfo
		{
			color:#666;
			border:none;
			font-size:0.68em;
			font-weight:bold;
			padding: 4px 0 4px 12px;
			float:left;
		}
		div#topUserToolbar ul li a,
		div#topUserToolbar ul li input
		{
			color:#AEAAA2;
			font-size:0.66em;
			border:none;
			background:url(/img/common/bg_topusertoolbar.gif) right bottom no-repeat;
			margin-top:2px;
			padding: 4px 12px 12px 8px;
			display:block;
			background-color:#FFFFFF;
		}
			div#topUserToolbar ul li input
			{
				padding: 2px 6px 12px 0px;
				cursor:pointer;
			}
		#topUserToolbar ul.userFunctionLinks
		{
			float: right;
			width:286px;
		}
			#topUserToolbar ul.userFunctionLinks li
			{
				float: right;
			}
	/* === /topUserToolbar ===*/
	
	/* === {{----readerListContainer}} === */
	.readerListContainer ul.newsNavigation
	{
		list-style: none;
		display: block;	
	}
		.readerListContainer ul.newsNavigation li
		{
			display: inline;
		}
	/* === /readerListContainer === */
	/* *** /1.4 Menyer *** */

	/* *** {{--1.5 RichText}} *** */
	.body.formattedText h2,
	.body.formattedText h3,
	.body.formattedText h4,
	.body.formattedText h5,
	.body.formattedText h6,
	.body.formattedText p
	{
		margin:16px 0;
		padding:0;
	}
	.body.formattedText h4, 
	.body.formattedText h5, 
	.body.formattedText h6
	{
		font-weight:bold;
	}
	.body.formattedText ul, 
	.body.formattedText ol, 
	.body.formattedText dl
	{
		margin:0 1px 0 16px;
	}
	.body.formattedText ul {list-style:disc outside}
	.body.formattedText ol {list-style:decimal outside}

	.body.formattedText blockquote
	{
		margin-left:2em;
		font-style:italic;
	}
	.body.formattedText a
	{
		text-decoration:underline;
	}
	.body.formattedText li, 
	.body.formattedText dd
	{
		margin:0 0 0 1em;
		padding:0;
	}
	/* *** {{--1.5 RichText}} *** */

	/* *** {{--1.6 Knappar och fält}} *** */
	/* === textfält standard === */
	input.standardField
	{
		border:1px solid #CECECE;
		border-right-color:#EEEEEE;
		border-bottom-color:#EEEEEE;
		padding:2px 4px;
	}
	/* === standarknappen, grundstyling === */
	#modalWindowWrapper a.standardButton,
	#modalWindowWrapper input.standardButton,
	#modalWindowWrapper .standardButton a,
	#modalWindowWrapper #userForm a.close,
	#modalWindowWrapper .btnDefault,
	#mainWrapper a.standardButton,
	#mainWrapper input.standardButton,
	#mainWrapper .standardButton a,
	#mainWrapper .btnDefault,
	#mainWrapper .btnSave
   {
		font-size: 1.3em;
		font-weight:bold;
		color:#fff;
		letter-spacing:0.1em;
		border:0px;
		background:#3d3880 url(/css-images/level2.png) repeat-x left top;
		cursor: pointer; 
		padding:6px; 
		margin-left:2px;
		margin-top:20px;
		text-decoration:none;
		float:left;
	}

	/* === knappar === */
	#mainWrapper #blog .icon,	
	#mainWrapper .btnAdd,
	#mainWrapper ul.addFavorite li a,
	#mainWrapper .asFavorite,
	#mainWrapper .btnAsFavorite,
	#mainWrapper .btnEdit,
	#mainWrapper a.edit,
	#mainWrapper .myPageYoutubeClips input.standardButton,
	#mainWrapper .delete,
	#mainWrapper .btnDelete,
	#mainWrapper input#remove_image,
	#mainWrapper .btnRemove,
	#mainWrapper .abuse a,
	#modalWindowWrapper .abuse a,
	#mainWrapper .report,
	#mainWrapper .btnReport,
	#mainWrapper .favorite,
	#mainWrapper ul li.tip a,
	#mainWrapper ul li.facebook a,
	#mainWrapper a.orderPhoto,
	#mainWrapper input.btnNext,
	#mainWrapper .btnNext,
	#mainWrapper .extraCommentsCommentsWrapper .icon,
	#mainwrapper li.favorite a:link,
	#mainWrapper .btnPublish,
	#mainWrapper .icon.posting_reply,
	#mainWrapper .icon.posting_state_report,
	#mainWrapper .icon.open_close_comment,
	#mainWrapper .icon.posting_state_reported,
	#mainWrapper .btnPublish,
	#mainWrapper .quote
	
	{
		font-size: 1em;
		letter-spacing:0.1em;
		border:1px solid #CECECE;
		border-left-color:#EEEEEE;
		border-top-color:#EEEEEE;
		cursor: pointer; 
		padding:2px 22px 3px 8px;
		margin-left:5px;
		text-decoration:none;
	}
		/* --- backgrundsbilder med sprite --- */
		#mainWrapper input.btnAdd,
		#mainWrapper ul.addFavorite li a,
		#mainWrapper li a.asFavorite,
		#mainWrapper .btnAsFavorite,
		#mainWrapper li a.btnEdit,
		#mainWrapper input.btnEdit,
		#mainWrapper .myPageYoutubeClips input.standardButton
		{
			background:#FFF url(/img/common/buttons_sprite.png) no-repeat scroll right -10px;
			line-height:2.8;
		}
		#mainWrapper a.delete,
		#mainWrapper input#remove_image,
		#mainWrapper .abuse a,
		#modalWindowWrapper .abuse a,
		#mainWrapper input.btnDelete,
		#mainWrapper .icon.open_close_comment
		{
			background:#FFF url(/img/common/buttons_sprite.png) no-repeat scroll right -74px;
		}
		#mainWrapper .abuse a,
		#modalWindowWrapper .abuse a
		{
			background:#FFF url(/img/common/buttons_sprite.png) no-repeat scroll right -194px;
		}
		#mainWrapper input.btnRemove
		{
			background:#FFF url(/img/common/buttons_sprite.png) no-repeat scroll right -629px;
		}
		#mainWrapper .report,
		#mainWrapper input.btnReport,
		#mainWrapper .icon.posting_state_report,
		#mainWrapper .icon.posting_state_reported
		{
			background:#FFF url(/img/common/buttons_sprite.png) no-repeat scroll right -194px;
		}
		#mainWrapper a.favorite
		{
			background:#FFF url(/img/common/buttons_sprite.png) no-repeat scroll right -256px;
		}
		#mainWrapper a.edit
		{
			background:#FFF url(/img/common/buttons_sprite.png) no-repeat scroll right -697px;
		}
		#mainWrapper ul li.tip a,
		#mainWrapper .icon.posting_reply
		{
			background:#FFF url(/img/common/buttons_sprite.png) no-repeat scroll right -442px;
		}
		#mainWrapper a.orderPhoto {
			background:#FFF url(/img/common/buttons_sprite.png) no-repeat scroll right -316px;			
		}
		#mainWrapper ul li.facebook a
		{
			background:#FFF url(/img/common/buttons_sprite.png) no-repeat scroll right -442px;
		}
		#mainWrapper .btnNext,
		#mainWrapper input.btnNext
		{
			background:#FFF url(/img/common/buttons_sprite.png) no-repeat scroll right -380px;
		}
		#mainWrapper .btnPublish
		{
			background:#FFF url(/img/common/buttons_sprite.png) no-repeat scroll right -510px;
		}	
		#mainWrapper .quote
		{
			background:#FFF url(/img/common/buttons_sprite.png) no-repeat scroll right -572px;
		}	
		/* --- /backgrundsbilder med sprite --- */
	/* === /knappar === */
	/* *** /1.6 Knappar och fält *** */
	

	/* *** {{--1.7 Kommentars-states}} *** */
	/* === reported === */
	.reported
	{
		background: #FFE5E5;
		border: 1px dotted red;
		border-width: 2px 0;
	}
	/* === /reported === */

	/* === deleted === */
	.deleted
	{
		background: #f5f5f5;
		color: #ccc;
	}
	/* === /deleted === */
	
/* ************************************************************
/1. Grundinställningar
************************************************************ */



/* ************************************************************
{{2. Siddispositioner}}
************************************************************ */
#mainTop
{
	margin:0;
	padding:6px 0 0 10px;
	/* this line will break ie6 */
	width: 1000px;
}
#adTop
{
	display:none;
	padding:0 0 0 10px;
	margin:0 0 10px 0;
	background:#FFF;
}
#adTop img
{
	padding:0px;
}
.mainContainer
{
	/* this line will break ie6 */
	background: transparent url(/css-images/bg_maincontainer.png) repeat-y top left;
	width: 1000px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:0px;
}

.adColumn {
	display:none;
	float:right;
	width:101px;
}

.std3colLayout .mainColumn, .Cols-Main_Extra_Ad .mainColumn {
overflow:hidden;
width:578px;
padding:0 40px 0 40px;
}

.std2colLayout .mainColumn, .Cols-Main_Ad .mainColumn {
width:950px;
margin-left:10px;
}




.mainContentContainer
{
	margin-top:213px;
	padding-left:0px;
}

.ingenflash_department .mainContentContainer
{
	margin-top:0px;
	padding-left:0px;
}


#mainWrapper
{
	background: url(/css-images/bg_maintop.png) no-repeat top left;
	width: 1000px;
	/*margin:0px;
	padding-left:2px;*/
	margin:20px auto; 
	padding:0px; 
	padding-top:14px;
	text-align: left;
	
	
}
#topMenuWrapper
{
	width:950px;
	height:128px;
	display:block;
	background: url(/css-images/topMenuWrapper.png) repeat-x top left; 
	margin-left:0px;
}

#topHeaderContents
{
	clear: both;
	float: left;
	/* this line will break ie6 */
	padding: 8px 4px 1px 0;
}
	
	/* ************************** {{2.1 Columns}} ***************************** */
	.std3colLayout .column .inner,
	.std2colLayout .column .inner,
	.Cols-Main_Extra_Ad .column .inner,
	.Cols-Main_Ad .column .inner
	{
		padding-top:12px;
	}
	.std3colLayout .extraColumn .inner,
	.Cols-Main_Extra_Ad .extraColumn .inner
	{
		padding:12px 0 12px 0;
	}
	body.std2colLayout #mainWrapper div.mainContentContainer .mainColumn .inner,
	body.Cols-Main_Extra_Ad #mainWrapper div.mainContentContainer .mainColumn .inner
	{
		width:98%;
	}
	
	.std3colLayout .adColumn.column .inner,
	.Cols-Main_Extra_Ad .adColumn.column .inner
	{
		padding:0;
		margin-top:-1px;
	}
	
	.Cols-Main_Nav_Ad .navColumn{
		width:200px;
		margin-left:40px;
		margin-right:40px;		
	}
	
	.Cols-Main_Nav_Ad .mainColumn{
		width:650px;
	}
	
	/* ************************** /2.1 Columns ***************************** */
	
	/* ************************** {{2.2 ModalWindow}} ************************* */
	#modalWindowWrapper
	{
		font-size:.76em;
		border-top:7px solid #ff7e00;
		background:#fff;
		padding:34px 10px 10px;
	}
	#modalWindowOverlay
	{
		background:#000;
	}
	#modalWindowClose
	{
		background:#d7d7d7 url('/img/common/modal/close.gif') no-repeat 0 0;
		width:24px;
		height:24px;
		overflow:hidden;
		text-indent:-9999em;
		border:5px solid #fff;
	}
	#modalWindowClose:hover
	{
		background-position: 0 -24px;
	}
	#modalWindowLoader
	{
		font:normal .74em/31px Arial,Helvetica,sans-serif;
		padding:20px 20px 20px 60px;
		margin:-145px;
		width:210px;
		height:250px;
		background:#fff url(/img/common/modal/loading.gif) no-repeat 20px 20px;
	}
	#modalWindowErrors
	{
		margin:-145px;
		width:250px;
		height:190px;
		background:#fff;
		border:3px solid #f00;
		text-align:center;
		font-size:.8em;
		padding:15px;
	}
	#modalWindowErrors p
	{
		margin:1em 0;
	}
	/* ************************** /2.2 ModalWindow ************************* */	
/* ************************************************************
/2. Siddispositioner
************************************************************ */



/* ************************************************************
{{3. Block, gemensamma}}
************************************************************ */
	/* *** {{--3.1 Sidbläddring i listor}} *** */
		/* === scrollerlinks === */
		div.scrollerlinks,
		div.searchResultPagesControl
		{
			background: #000 url(/img/common/bg_level1_item.gif) repeat-x scroll left top;
			text-align: center; 
			color: #eee; 
			font-weight: bold; 
			padding:4px 4px 6px;
			margin:0 0 12px;
			display:block;
			clear:both;
		}
		
		
		.mainColumn div.scrollerlinks a,
		.mainColumn div.scrollerlinks a:visited,
		.mainContentContainer div.searchResultPagesControl a,
		.mainContentContainer div.searchResultPagesControl a a:visited,
		.mainContentContainer div.searchResultPagesControl ul li a:link,
		.mainContentContainer div.searchResultPagesControl ul li a:visited
		{
			background: transparent;
			background: #333; 
			color: #FF7E00; 
			font-weight: normal; 
			padding: 2px 12px;
			margin: 0 1px;
		}
			.mainColumn div.scrollerlinks a:hover,
			.mainContentContainer div.searchResultPagesControl a a:hover,
			.mainContentContainer div.searchResultPagesControl ul li a:hover
			{
				background: #222;
				text-decoration: none;
			}
		.mainColumn div.scrollerlinks b,
		#searchResult .searchResultPagesControl .label 
		{
			font-weight: bold; 
			padding: 4px 12px;
			margin:0 1px;
		}
		/* === /scrollerlinks === */
		/* === searchResultPagesControl === */
		.searchResultPagesControl .page_first,
		.searchResultPagesControl .page_previous
		{
			float:left;
			font-size:1em;
			font-weight:bold;
			padding:2px 6px;
			margin-left:12px;
		}
		.searchResultPagesControl .page_next,
		.searchResultPagesControl .page_last
		{
			float:right;
			font-size:1em;
			font-weight:bold;
			padding:2px 6px;
			margin-right:12px;
		}
		/* === /searchResultPagesControl === */
	/* *** /3.1 Sidbläddring i listor *** */

	/* *** {{--3.2 Mediagrid (rel1.4)}} *** */
	ul.mediagrid li  {
		float:left;
		background:#E8E8E8;
		text-align:center;
		padding:8px;
		margin:0 3px 12px;
	}
	div.mediagrid
	{
		background: #f5f5f5;
	}
		div.mediagrid h2
		{
			padding: 10px;
			font-size: 1.4em;
			border-top: 1px solid #666;
		}
		div.mediagrid ul.mediagrid li
		{
			float:left;
			background:#E8E8E8;
			text-align:center;
			padding:8px;
			margin:0 3px 12px;
		}
			div.mediagrid ul.mediagrid li img
			{
				border: 1px solid #bbb;
			}
			div.mediagrid ul.mediagrid li div.thumbImgWrapper
			{
				height: 100px;
				padding: 0px;
				margin-bottom: 6px;
			}
				div.mediagrid ul.mediagrid li div.thumbImgWrapper a
				{
					height: 100px;
					display: block;
					overflow: hidden;
				}
			div.mediagrid ul.mediagrid li div.toolstrip
			{
				text-align: left;
				padding: 3px 0;
				margin-top: .5em;
				border: none;
				border-top: 1px solid #ccc;
			}
	/* *** /3.2 Mediagrid (rel1.4) *** */

	/*  *** {{--3.3 ForumTeaser}} *** */
	#forum_teaser
	{
		background-color:#E8E8E8;
		margin-bottom:12px;
		padding-bottom:10px;
	}
	#forum_teaser H3, /*typo? =oa*/
	#forum_teaser h3
	{
		font-weight:bold;
		font-size:1.2em;
		display:block;
		padding:0 12px 6px;
	}
		#forum_teaser h3.forum
		{
			text-transform:uppercase;
			background: #AAA url(/img/common/bg_level1_item.gif) repeat-x scroll left top;
			color:#FFF;
			padding-top:4px;
			font-size:1.0em;
		}
		#forum_teaser h3 span
		{
			font-size:1.2em;
			display:block;
		}
	#forum_teaser ul
	{
		padding:0 12px;
	}
		#forum_teaser ul li
		{
			background:transparent url(/img/common/bg_relatedLinks.gif) no-repeat left 2px;
			color:#AAA;
			font-size:1em;
			padding:0 0 0 12px;
			display:block;
		}	
			#forum_teaser ul li a
			{
				font-weight:bold;
				display:block;
			}	
	/*  *** /3.3 ForumTeaser *** */
		
	/*  *** {{--3.4 DateStampTeaser}} *** */
	div.dateStampTeaser
	{
		font: bold 0.70em Arial, Helvetica, sans-serif;
		color:#A4A4A4;
		text-align:right;
		padding:10px 24px 6px;
	}
		div.dateStampTeaser span.weekday
		{
			color:#666666;
		}
	/*  *** /3.4 dateStampTeaser *** */

	/* *** {{--3.5 Poll Teaser}} *** */
		/* === pollContainer === */
		div.pollContainer
		{
			padding:4px;
			background:#E8E8E8 url(/img/common/bg_poll_container.gif) repeat-y right -10px;
			width:auto;
			border:1px solid #DDD;	
			display:block;
			margin-bottom:6px;
		}
			div.pollContainer p
			{
				text-indent: 0px;
				padding:0 0 0 8px;
				margin:0px;
				font-size: 1em;
				font-weight: bold;
			}
			div.pollContainer h3 span.label
			{
				background: #000;
				display:block;
				color: #FFF;
				font: bold 1.2em Arial, Helvetica, sans-serif;
				padding:2px 0 2px 8px;
			}
			div.pollContainer form
			{
				margin: 0 4px 4px 4px;
				float:left;
			}
					.pollContainer form a
					{
						font-family: Arial, Helvetica, sans-serif;
						font-weight:bold;
						text-decoration:underline;
					}
					.pollContainer form label
					{
						padding: 0 12px 0 4px;
					}
					div.pollContainer form div.voteContainer
					{
						float:right;
						font-size:92%;
						padding-right:12px;
					}
						.voteContainer a:link,
						.voteContainer a:visited
						{
							background:url(/img/common/bg_link.gif) no-repeat right top;
							text-decoration:underline;
							padding-right:14px; 
					}
		/* === /pollContainer === */

		/* === pollResult === */
		.pollResultsContainer
		{
			padding: 5px;	
		}
			.pollResultsContainer h1
			{
				padding-bottom: 5px;
			}
			.pollResultsContainer p
			{
				font-weight: bold;
				font-size:0.8em;
				padding:0px 12px 12px 0;
			}
			.pollResultsContainer .even
			{
				background-color:#E8E8E8;
			}
			.pollResultsContainer .odd
			{
				background-color:#CCC;
			}
			 .pollResultsContainer td.text
			{
				font-weight:bold;
				font-size:0.8em;
				padding:2px 0px 2px 14px;
				display:block;
			}
			.mainContentContainer .pollResultsContainer td.text
			{
				font-weight:bold;
				font-size:1em;
				padding:4px 0px 2px 12px;
				display:block;
			}
		.graphData
		{
			width:100%;
			border:1px solid #fff;
		}
			table.graphData td
			{
				vertical-align: top;
				padding: 5px 2px;
			}
			table.graphData td.graph
			{
				width: 120px;
			}
			table.graphData td.percentage
			{
				text-align: right;
				padding-right:8px;
			}
			.graphData td.text
			{
				padding:4px 0 4px 12px;
			}
		.pollGraphbar
		{
			border: 1px solid #000;
			background-color:#C60707;
			height:12px;
			margin-top:3px;
		}
		.totalVotes
		{
			text-align: right;
			font:normal 1.0em Georgia, "Times New Roman", Times, serif;
			padding:12px 8px 0;	
		}
		/* === /pollResult === */
	/* *** /3.5 Poll Teaser}} *** */

	/* *** {{--3.6 SimpleTeaserContainer}} *** */
	.simpleTeaserContainer
	{
		margin: 0 0 12px 0; 
		padding-bottom: 6px; 
		border-bottom:1px solid #c0bfd3;
	}
	
	.extraColumn .simpleTeaserContainer
	{
		margin: 0 0 6px 0; 
		padding-bottom: 0; 
		border-bottom:0;
	}
	
	* html .simpleTeaserContainer .imageTeaser.top {	border-top: none !important; } /* IE6 hack */
	* html .extraColumn .simpleTeaserContainer .imageTeaser.top { width: 280px !important; height: auto !important; } /* IE6 hack */
	* html .extraColumn .simpleTeaserContainer .imageTeaser.top img.top { zoom: 1; height: auto !important; } /* IE6 hack */
	
	.extraColumn .simpleTeaserContainer img.top
	{
		margin: 0; 
	}
	
		.simpleTeaserContainer h3
		{
			font-size:1em;
			font-weight:bold;
			margin: 0px;
			padding:0 0 6px 0; 
		}
			.simpleTeaserContainer h3 span.superTitle
			{
				font-size:1.1em; 
				display:block;
				font-weight: bold;
				text-transform: uppercase; 
				letter-spacing: 1px;
				color: #C60707;
				background-color:transparent;
				padding: 10px 0 6px 0;
				margin: 0px;
			}
		.simpleTeaserContainer p
		{ 
			font-size:1.2em;
			line-height:1.3em;
			color: #5B5B5C;
			font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;
			margin: 0px;
			padding:0 0 6px 0; 
		}
		
		.mainContentContainer .simpleTeaserContainer a {
			color: #2f6883;
		}
	
		.mainContentContainer .simpleTeaserContainer a:hover {
			color: #2f6883;
			text-decoration:underline;
		}
		
		
		
		/* === I pollContainer === */
		.simpleTeaserContainer div.pollContainer p
		{
			padding:0 8px 4px ;
		}
		.simpleTeaserContainer div.pollContainer h3
		{
			padding-bottom:0px;
			font-size:1.4em;
			margin-bottom:8px;
			text-transform:uppercase;
		}
			.simpleTeaserContainer div.pollContainer h3 span.label
			{
				font: bold 0.8em Arial, Helvetica, sans-serif;
				margin-bottom:4px;
			}
		/* === /I pollContainer === */
	/* *** {{--3.6 SimpleTeaserContainer}} *** */
	
	/* *** {{--3.7 PageBlockContainer}} *** */
	.mainContentContainer .pageBlockContainer
	{
		margin: 0 0 12px 0;
		padding:0 0 0 0;
		height:auto !important;
		height:1%;
		overflow:visible;
	}
		.mainContentContainer .pageBlockContainer .simpleTeaserContainer,
		.mainContentContainer .pageBlockContainer .articleTeaser
		{
			margin: 1px; 
			padding:4px; 
			margin:1px;
			border:none;
		}
		.mainContentContainer .pageBlockContainer .simpleTeaserContainer h3
		{
			font:bold 1.4em Arial, Helvetica, sans-serif;
			padding:0 0 2px 0; 
		}
			.mainContentContainer .pageBlockContainer .simpleTeaserContainer h3 span.superTitle
			{
				font-size:0.9em;
				display:block;
				font-weight:bold;
				text-transform: none; 
				color: #C60707;
				background-color:transparent;
				padding:0 0 2px 0; 
			}
		/*hides overflowing contents*/
		.mainContentContainer .pageBlockContainer .pageBlock.column5050,
		.mainContentContainer .pageBlockContainer .pageBlock.column6633.column1,	
		.mainContentContainer .pageBlockContainer .pageBlock.column6633.column2,
		.mainContentContainer .pageBlockContainer .pageBlock.column333333,
		.mainContentContainer .pageBlockContainer .pageBlock.column6633
		{
			overflow:hidden;
		}
	/* *** /3.7 PageBlockContainer *** */
	
	/* *** {{--3.8 RssTeaserContainer}} *** */
	.rssTeaserContainer
	{
		background: url(/img/common/icon_rss.gif) no-repeat 0px 0px;
		padding: 0 0 4px 30px;
		margin: 0 0 10px 0;
		border-bottom:1px solid #DDDDDD;
	}
		.rssTeaserContainer a
		{
			font-weight:bold;
			font-size:0.94em;
		}
		/* === I mainContentContainer == */
		.mainContentContainer .rssTeaserContainer h3
		{
			font-weight: bold;
			margin:0px;
			padding:0 0 3px 0;
			text-transform: uppercase;
			color: #2778a5;
		}
			.mainContentContainer .rssTeaserContainer p
			{ 
				margin: 0 0px 0px 0; 
				padding:0px;
			}
		/* === /I mainContentContainer == */
	/* *** /3.8 RssTeaserContainer *** */
		
	/* *** {{--3.9 StartpageContainer}} *** */
	#startpageContainer.secondary
	{
		margin-top:12px;
		padding-top:12px;
		clear:both;
	}
	/* *** /3.9 StartpageContainer *** */


	/* *** {{--3.10 editorialTeaserContainer (byline)}} *** */
	.editorialTeaserContainer
	{
		border:5px solid #E8E8E8;
		padding:8px 8px 0;
		margin-bottom:12px;
		height:auto !important;
		height:1%;
	}
		.editorialTeaserContainer img
		{
			float: right;
			margin:0 0 8px 8px;
		}
		/* === byline === */
		.bylineContent.vcard
		{
			margin:0px;
			padding-bottom:8px;
		}
		.bylineContent img
		{
			float: right;
			margin: 0 0 0 16px;
		}
		.bylineContent .name,
		.bylineContent .title
		{
			font-weight: bold;
		}
		.bylineContent .name,
		.bylineContent .title,
		.bylineContent .number,
		.bylineContent .email   
		{
			display: block;
			/*padding: 0 80px 0 0;*/
			text-align: right;
		}
		/* === /byline === */
	/* *** /3.10 editorialTeaserContainer (byline) *** */


	/* *** {{--3.11 tipafriend}} *** */
	.tipafriendContainer
	{
		padding:12px 12px 0;
		margin-top:-20px;
	}
		.tipafriendContainer a.close
		{
			cursor:pointer;
			font-weight: bold;
			display:block;
		}
		.tipafriendContainer2_confirmation
		{
			padding:12px 12px 0;
			margin-top:20px;
		}
		.tipafriendContainer2_confirmation a.close
		{
			cursor:pointer;
			font-weight: bold;
			display:none;
		}
			.mainColumn .tipafriendContainer a.close,
			.mainColumn .tipafriendContainer2_confirmation a.close
			{
				display:none;
			}
		.tipafriendContainer .error
		{
			padding-left:18px;
			font: bold 0.66em Arial, Helvetica, sans-serif;
			color:#C60707;
		}
		.tipafriendContainer H1, /*typo? =oa*/
		.tipafriendContainer h1
		{
			position:absolute;
			left:-9999px;
		}
		.tipafriendContainer .header
		{
			font-size:1.8em;
			padding:12px 0;
		}
		.tipafriendContainer label
		{
			font:bold 0.9em Arial, Helvetica, sans-serif;
		}
				.tipafriendContainer .tipafriend form .exclamationmark_hidden em
				{
					display: none;
				}
				.tipafriendContainer .tipafriend form .inputfield input,
				.tipafriendContainer .tipafriend form textarea
				{
					background: #efefef;
					padding: 2px 2px 2px 2px;
					width: 255px;
					border:1px solid #DDD;
					margin:2px 0 6px 0;
				}
			.tipafriendContainer .tipafriend form textarea
			{
				margin-bottom:20px;
			}
		.tipafriendContainer2_confirmation p
		{
			margin-bottom: 20px;	
		}
	/* *** /3.11 tipafriend *** */
/* ************************************************************
/3. Block, gemensamma
************************************************************ */



/* ************************************************************
{{4. Tema}}
************************************************************ */

	/* *** {{--4.1 Tema-avdelningar}} *** */
		/* --- {{----sports_department}} --- */
		.sports_department .simpleTeaserContainer .pollContainer h4,
		.sports_department #topMenuWrapper #level1 .item.selected,
		.sports_department .themeBlockContainer h3,
		.sports_department .readerListContainer .titleContainer h3,
		.sports_department .latestNewsContainer .titleContainer,
		.sports_department #topMenuWrapper #level2, 
		.sports_department #articleContainer .bgFactContainer h2, 
		.sports_department #articleContainer .articleFloatContainer .factContainer h2,
		.sports_department #topMenuWrapper #level2 a    {
			background-color:#FFA800;
			background-image:none;
		}
		.sports_department .themeBlockContainer
		{
			border:1px solid #FFA800;
		}
			.sports_department .themeBlockContainer h3
			{
				background-color:#FFA800;
			}
		.departmentLabel.sports_department{
			background-color:#FFA800;
		}
		/* --- /sports_department --- */


		/* --- {{----kampanjsajt_department}} --- */

	
		.kampanjsajt_department #topMenuWrapper
		{
			display:none;
		}
		
		.kampanjsajt_department #sidhuvudWrapper
		{
			display:none;
		}

		.kampanjsajt_department #headerFlash,
		.kampanjsajt_department embed#Advertisement 
		{
			top:60px !important;
		}

		.kampanjsajt_department #sidfot {
			float:left;
			width:1000px;
			height:50px !important;
			display:block;
			background: url(/css-images/bg_sidfot_kampanjsajt.png) no-repeat !important;
		}

		.kampanjsajt_department #sidfot #links,
		.kampanjsajt_department #sidfot #info {
			display:none !important;
		}

		/* --- /kampanjsajt_department --- */


	/* *** /4.1 Tema-avdelningar *** */

	/* *** {{--4.2 Tema-block}} *** */
	.themeBlockContainer
	{
		width:280px;
		margin-bottom:12px;
	}

	.themeBlockContainer h3
		{
				display:block;
				height:24px;
				float:right;
				background: url(/css-images/searchheadline.png) repeat-x top left;
				font-size:1.2em;
				font-weight:bold;
				color:#fff;
				margin:0px;
				padding:5px 12px 0 12px;
		}

		.themeBlockContainer .simpleTeaserContainer h3
		{
			background:none;
			background-color:#FF7E00;
			color:#FFFFFF;
			font-weight:normal;
			font-size:1.2em;
			padding:3px 0 3px 6px;
			text-transform:uppercase;
			letter-spacing: 1px;
			border-bottom:0px;
		}
		.themeBlockContainer .articleTeaser
		{
			border-bottom:none;
		}
		.extraColumn .themeBlockContainer .inner
		{
			background: url(/css-images/squarebottom.png) repeat-y bottom left;
			padding: 5px;
			padding-top:0;
			margin:0;
		}
			.themeBlockContainer .inner h3
			{
				font-size:2.0em ;
				text-transform:none;
				padding:0 0 10px 0;
				color:#000000;
				background-color:transparent;
			}
				.themeBlockContainer .inner h3.articleSuperTitle
				{
					font-family:"Arial Black", Arial, Helvetica, sans-serif;
					padding: 0 0 12px 4px;
					letter-spacing:0.01em;
					font-weight:normal;
					font-size:2.4em;
				 }
			.themeBlockContainer .inner h4
			{
				font-family: Arial, Helvetica, sans-serif;
				font: 1.5em bold;
				font-size:14px;
				padding:3px 0 3px 0;
				text-transform:none;
			}
	/* *** /4.2 Tema-block *** */
/* ************************************************************
/4. Tema
************************************************************ */



/* ************************************************************
{{5. Handgjorda artiklar}}
************************************************************ */
	
	/* *** {{--Flashannons}} *** */
	#headerFlash,
	embed#Advertisement,
	object#Advertisement {
   		position:absolute;
   		top: 340px;
		margin-left: -30px;
   		display:block;
	}
	
	*:first-child+html {} * html object#Advertisement {
   		top: 300px; /* IE6 och 7 */
	}
	
	.Cols-Main_Ad #headerFlash,
	.Cols-Main_Ad embed#Advertisement {
   		position:absolute;
   		top: 340px;
		margin-left: 0px;
   		display:block;
	}
		
	/* *** /Flashannons *** */
	
	
	/* *** {{--Tabeller}} *** */
	
	
	#hgTabell h3 {
		color:#2D2B6E;
		font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;
		font-size:1.8em;
		font-weight:bold;
		letter-spacing:-1px;
	}
	
	#hgTabell td {
		font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
		color:#4d4d4d;
		font-size:1.2em;
	}
	
	#hgTabell td b {
		color:#000;
	}
	
	/* *** /Tabeller *** */
	
	/* *** {{--Inforuta}} *** */
	
	#hg_inforuta_wrapper {
		width:280px;
		display:block;
		margin-bottom:12px;
	}

	#hg_inforuta_top {
		border-bottom:3px solid #2D2A6D;
		display:block;
		height:24px;
		margin-right:8px;
		padding:0;
	}

	#hg_inforuta_top h3 {
		background:transparent url(/css-images/searchheadline.png) repeat-x scroll left top;
		font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
		color:#FFFFFF;
		display:block;
		float:right;
		font-size:1.2em;
		font-weight:bold;
		height:24px;
		margin:0;
		padding:5px 12px 0;
	}

	#hg_inforuta_inner {
		display:block;
		width:280px;
		background:transparent url(/css-images/squarebottom.png) repeat-y scroll left bottom;
		margin-top:0;
		padding:10px;
	}
	
	#hg_inforuta_item {
		display:block;
		padding-right:18px;
	}

	#hg_inforuta_item img {
		float:left;
		margin-right:10px;
		margin-bottom:8px;
	}	
	

	#hg_inforuta_item p {
		padding-top:10px;
		font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
		font-size:1.1em;
		color:#4d4d4d;
	}	
	
	#hg_inforuta_item p.text {
		padding-top:0px;
		font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
		font-size:1.1em;
		line-height:1.4em;
		color:#4d4d4d;
	}	

	#hg_inforuta_item .namn {
		color: #2f6883;
		font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
		font-size:1.2em;
		font-weight:bold;
	}
	
	#hg_inforuta_item a,
	#hg_inforuta_item .namn a {
		color: #2f6883;
	}
	
	#hg_inforuta_item a:hover,
	#hg_inforuta_item .namn a:hover {
		color: #2f6883;
		text-decoration:underline;
	}
		
	/* *** /Inforuta *** */
	
	
	
	
	
	
	
/* ************************************************************
/5. Handgjorda artiklar
************************************************************ */



/* ************************************************************
{{6. Hack, proprietärt}}
************************************************************ */
	#mask   {
		filter:alpha(opacity=50);
		opacity:0.50;
	}
	* html .JSEnabled div.imageCaption {
		filter: alpha(opacity=70);
	}
/* ************************************************************
/6. Hack, proprietärt
************************************************************ */



/* ************************************************************
{{7. Tjänster}}
************************************************************ */

	/* *** {{--T00.00 - Användardialoger}} *** */
	/*
		0 Common
		1 Confirmation
		2 Error
		3 Info
		4 Warning
	*/
		/* ==== common ==== */
		div.alert
		{
			padding:12px;
			border:2px solid #e7e7e7;
			margin:0 0 16px;
			font-size:1.1em;
		}
			div.alert p
			{
				padding:0;
			}
			div.alert span
			{
				width:32px;
				height:32px;
				background:url(/img/common/icon_alerts.gif) no-repeat 0 32px; 
				float:left;
				margin:0 12px 0 0;
			}
			div.alert var
			{
				font-style:italic;
			}
		/* ===/common === */

		/* === alertConfirmation === */
		div.alert.alertConfirmation
		{
			border-color:#8c3;
		}
			div.alert.alertConfirmation span
			{
				background-position:0 0;
			}
		/* === alertConfirmation === */

		/* === alertError === */
		div.alert.alertError
		{
			border-color:#f40;
		}
			div.alert.alertError span
			{
				background-position:-32px 0;
			}
		/* === /error === */

		/* === alertInfo === */
		div.alert.alertInfo
		{
			border-color:#7ae;
		}

			div.alert.alertInfo span {
				background-position:-64px 0;
			}
		/* === /alertInfo === */

		/* === alertWarning === */
		div.alert.alertWarning {
			border-color:#fd0;
		}

			div.alert.alertWarning span {
				background-position:-96px 0;
			}
		/* === /alertWarning === */
	/* *** /T00.00 - Användardialoger *** */


	/* *** {{--T01.03 - Navigation}} *** */
	/*
	 1.Left menu
	 2.Breadcrumb
	 3.Sitemap
	 4.Set home page 
	 5.Quick navigation
	 */
		/* === 1. Left menu === */
		div#leftNavWrapper
		{
			font:bold 0.7em Arial, Helvetica, sans-serif;
			text-decoration:none;
			border-bottom:4px solid #000;
			background-color:#F7F7F7;
		}
			div#leftNavWrapper a:link,
			div#leftNavWrapper a:visited
			{
				text-decoration:none;
			}
			div#leftNavWrapper h3
			{
				padding:5px 5px 3px 6px;
				background:#000;
				color:#8B8B8B;
			}
			div#leftNavWrapper .quickLinksWrapper
			{
				background-color:#FF7E00;
				padding:4px;
				margin-bottom:4px;
				height:4.8em;
				display:block;
				clear:both;
			}
			div#leftNavWrapper #leftNav
			{
				border:4px solid #000;
				border-bottom:none;
			}
			div#leftNavWrapper ul#currentSection {
				font:normal 1em Arial, Helvetica, sans-serif;
				padding:2px 6px;
			}
				div#leftNavWrapper ul#currentSection li {
					background-color:#F7F7F7;
					font-weight:normal;
					line-height:1.3;
				}
					.mainContentContainer ul#currentSection ul li a:link,
					.mainContentContainer ul#currentSection ul li a:visited    {	
						text-align:left;
						color:#666666;
					}
			div#leftNavWrapper ul#currentSection li.deployment  {
					font-weight:bold;
					color:#000000;
					background:url(/img/common/menu_deployment.gif) right 4px no-repeat #e8e8e8;
					line-height:1.5;
				}
			div#leftNavWrapper ul#currentSection li.deployment li  {
				border-bottom:1px solid #FFF;
			}
			div#leftNavWrapper ul#currentSection li.selected span
			{	
				font-weight: bold;
				background:url(/img/common/menu_selected.gif) no-repeat left 2px;
				padding-left: 10px;
			}
			#leftNavWrapper .quickLinksWrapper h3     {
				padding:0 0 4px 0;
				background:#FF7E00;
				color:#FFFFFF;
			}
				div#leftNavWrapper .quickLinksWrapper select.quickLinks   {
					font-size:0.9em;
					margin-bottom:6px;
					width:109px;
				}
			div#leftNavWrapper input.quickLinksButton     {
				background-color:#FFF;
				padding:4px;
				border:none;
				font:bold 1em Arial, Helvetica, sans-serif;
				height:1.4em;
				padding:0px 6px 2px 6px;
				cursor:pointer;
				float:right;
				border:1px solid #000;
				margin-right:-2px;
			}
				#leftNavWrapper #leftNav li{
					border-bottom:1px solid #000;
				}
			div#leftNavWrapper .linkListWrapper {
				border-left:4px solid #000;
				border-right:4px solid #000;
				border-top:none;
			}
				div#leftNavWrapper .linkListWrapper .designLinkList1 li {
					background:#272727 url(/img/common/designLinkList1_li.gif) right 10px no-repeat;
					margin:0px;
					padding:4px 0 4px 0;
				}
					div#leftNavWrapper .linkListWrapper ul.designLinkList1 li ul li  {
						background-image:none;
						padding:0 0 0 6px;
					}
					div#leftNavWrapper .linkListWrapper li a:link,
					div#leftNavWrapper .linkListWrapper li a:visited{
						color:#727272;
						padding:2px 0 2px 8px !important;
						padding:0 0 0 8px;
						display:block;
					}
					div#leftNavWrapper .linkListWrapper li ul li a:link,
					div#leftNavWrapper .linkListWrapper li ul li a:visited{
						color:#CDCDCD;
					}
				div#leftNavWrapper .linkListWrapper li a:hover {
					background-color:#DDD;
				}
			/* --- JS CSS left navigation --- */
			.JSEnabled #leftNavWrapper #leftNav .item a {
				text-decoration:none;
			}

			.JSEnabled #leftNavWrapper #leftNav .item {
			}

			.JSEnabled #leftNavWrapper #leftNav .item a {
				position:relative;
				display:block;
				width:100%;
			}

			.JSEnabled #leftNavWrapper #leftNav .item span {
				display:block;
			}

			.JSEnabled #leftNavWrapper #leftNav .item .eyecandy {
				position:absolute;
				width:100%;
			}
				.JSEnabled #leftNavWrapper #leftNav .item a {
					text-decoration:none;
				}
				.JSEnabled #leftNavWrapper #leftNav .item span {
					background:#000;
					color:#aaa;
				}
				.JSEnabled #leftNavWrapper #leftNav .item .eyecandy span {
					background:#f00;
					color:#fff;
				}
				.JSEnabled #leftNavWrapper #leftNav .selected span {
					background:#f00;
					color:#fff;
					padding:10px;
				}
				.JSEnabled #leftNavWrapper #leftNav .item span {
					background:url(/img/common/bg_designLeftNav1.gif) repeat-x left top #000;
					color:#aaa;
					padding:4px;
				}
				.JSEnabled #leftNavWrapper #leftNav .selected span {
					background:#FF7E00;
					color:#fff;
					padding:4px;
				}
					/* --- ie fixes --- */
					*+html .JSEnabled #leftNavWrapper #leftNav .item a * {
						cursor:hand;
					}
					* html .JSEnabled #leftNavWrapper #leftNav .item a * {
						cursor:hand;
					}
					/* --- /ie fixes --- */
				/* --- /JS CSS left navigation --- */
		/* === /1. Left menu === */

		/* ===  2.Breadcrumb ===*/
		div.breadCrumbWrapper
		{
			display: block;
			padding: 14px 8px 0 0;
			margin-bottom: 8px;
			border: 1px solid #ddd;
		}	
			.breadCrumbWrapper ul
			{
				float: left;
				margin-right: 8px;
			}
				.breadCrumbWrapper ul li
				{
					float:left;
					font-weight: bold;
					padding: 0 4px;
				}
					.breadCrumbWrapper ul li.first
					{
						float: none;
						color: #999;
						font-weight: normal;
					}
		div.breadCrumbWrapperOver
		{
			padding: 4px 6px 0 0;
			background-color: #eee;
		}	
			.breadCrumbWrapperOver ul
			{
				float: right;
				margin-right: 8px;
			}
				.breadCrumbWrapperOver ul li
				{
					float:left;
					font-weight: bold;
					padding: 0 4px;
				}
					.breadCrumbWrapperOver ul li.first
					{
						float: none;
						color: #999;
						font-weight: normal;
					}
		/* ===  2.Breadcrumb ===*/

		/* === 3.Sitemap === */
		div.siteMapWrapper  {
		}
			div.siteMapWrapper h3  {
				font-size:1.8em;
			}
			div.siteMapWrapper ul   {
				float:left;
				margin:0 12px 12px 0;
				font-weight:bold;
			}
			div.siteMapWrapper ul li   {
				font-weight:bold;
				font-size:1.1em;
			}
				div.siteMapWrapper ul ul li   {
					font-weight:normal;
					padding-bottom:2px;
					font-size:0.9em;
				}
				div.siteMapWrapper ul ul li a   {
					font-weight:normal;
					padding:0 0 0 18px;
					background:transparent url(/img/common/bg_relatedLinks.gif) no-repeat scroll left 2px
				}
		/* === /3.Sitemap === */

		/* ===  4. Set home page === */
		div.setHomepage
		{
			padding-top: 2px;
			float: right;
		}
			div.setHomepage img
			{
				margin-top: 1.2em;
			}
			div.setHomepage a
			{
				display: block;
				background: transparent url(/img/common/icon-setStartpage.gif) no-repeat 0 0;
				width: 12px;
				height: 12px;
				margin-top: 1.2em;
			}
				div.setHomepage a span
				{
					position:absolute;
					left:-9999px;
				}
		/* === /4. Set home page === */

		/* === 5. Quick navigation ===*/
		.quickNavigationContainer select
		{ 
			width: 100%; 
		}
		/* === /5. Quick navigation ===*/

	/* *** /T01.03 - Navigation *** */


	/* *** {{--T01.08 - Kampanj}} *** */
	.outerMainTop #mainTop
	{
		width: 990px;
		background: #fff!important;
	}
		.outerMainTop #mainTop #topMenuWrapper
		{
			width: 980px;
		}
			.outerMainTop #mainTop #topMenuWrapper ul#level3
			{
				width: 968px; /* -12px padding */
			}
		.outerMainTop .adColumn
		{
			margin-top: 10px;
		}
	.outerMainTop #mainTop,
	.outerMainTop #mainTop #topMenuWrapper
	{
		background-color: #FFF;
		float: left;
	}
	/* "std1colLayout" flyttat till global */
	/* *** /T01.08 - Kampanj *** */


	/* *** {{--T02.01 - Standardartikel}} *** */
		/* === Artikel === */
		h1#articleHeader  {
			font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
			font-size: 3.5em;
			font-weight:bold;
			color: #2d2b6e;
			line-height: 1.05;
			letter-spacing: -1px;
			clear:both;
			display:block;
		}
			h1#articleHeader span.articleSuperTitle
			{
				font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
				font-size: 0.33em;
				font-weight: normal;
				color:#4d4d4d;
				text-transform:uppercase;
				letter-spacing: 1px;
				padding-bottom: .5em;
				display:block;
			}
			h1#articleHeader span.articleSubTitle {
				font-family: Georgia;
				font-size: 0.55em;
				font-weight:normal;
				font-style:italic;	
				color: #9694bc;
				letter-spacing: 0px;
				padding-top:8px;
				display:block;
			}
				#articleContent p#articlePreamble  {
					font-weight:bold;
					font-size:1.4em;
					color:#252525;
				}
		#articleContent p  {
			font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
			font-size:1.3em;
			line-height:1.3em;
			color:#5b5b5c;
		}
		#articleContainer .byline   {
			display:none;
			margin-bottom:12px;
			padding:12px 0 0 0;
			float:right;
			width:270px;
		}
		/* === /Artikel === */
	
		/* === Text resize toolbar === */
		.textSizerContainer   {
			float: left;
			width: 176px;
		}
		#articleContainer div.meta  {
			float:left;
			width:14.6em;
		}
		#articleContainer .toolbar  {
			display:none;
			color: #6c7174;
			background-color:transparent;
			font-size: 11px;
			margin: 6px 0;
			height:32px;
			clear:both;
		}
			#articleContainer .toolbar .articleCategory .label {
				color: #C60707; 
				background-color:transparent;
				font-weight: bold;
				padding-top:6px;
				float:left;
			}
		.textSizerContainer a   {
			width:33px;
			height:26px;
			float:left;
			background-repeat: no-repeat;
		}
		#articleContainer .toolbar.top 
		{
			padding-top: 6px;
			margin-bottom: 12px;
			border-top: 1px solid #ddd;
		}
		#articleContainer .toolbar.bottom  {
			border-top:8px solid #E8E8E8;
			margin-top:12px;
			padding:8px 0pt;
		}
		#articleContainer .toolbar span.published,
		#articleContainer .toolbar span.updated  {
			display:block;
			padding-top:4px;
			float:left;
		}
			#articleContainer .toolbar span.updated /*=oa*/
			{
				padding: 0;
			}
		#articleContainer .toolbar span.updated  {
			font-style:italic;
		}
		.textSizerContainer .description
		{
			margin-top:6px;
			margin-right: 5px;
			float:left;
		}
		.textSizerContainer a span { 
			display: none;
		}
		.textSizerContainer a.textSize1 { 
			background-image: url(/img/common/icon_textSize1.png); 
		}
		.textSizerContainer a.textSize2	{ 
			background-image: url(/img/common/icon_textSize2.png); 
		}
		.textSizerContainer a.textSize3 { 
			background-image: url(/img/common/icon_textSize3.png); 
		}
		.textSizerContainer a.textSize1.selected { 
			background-image: url(/img/common/icon_textSize1_selected.png);
		}
		.textSizerContainer a.textSize2.selected { 
			background-image: url(/img/common/icon_textSize2_selected.png); 
		}
		.textSizerContainer a.textSize3.selected { 
			background-image: url(/img/common/icon_textSize3_selected.png); 
		}
		div.toolbar.top .print a, 
		div.toolbar.top .tip a,
		div.toolbar.bottom .print a, 
		div.toolbar.bottom .tip a  
		 {
			height: 26px;
			display: block;
			font-size:0px;
			color:#FFF;
		}
		div.toolbar .print a, 
		div.toolbar .tip a   {
			background-color:transparent;
			float:left;
		}
		div.toolbar .print a   {
			background:url(/img/common/button_print.png) no-repeat top left;
			width: 44px;
		}
		div.toolbar.bottom .tip a,
		div.toolbar.top .tip a    {
			background:url(/img/common/button_tip.png) no-repeat top left;
			width: 66px;
		}
		/* === /Text resize toolbar === */
	
		/* === articleFloatContainer === */
		.articleFloatContainer .pictureContainer	{
			display: block;
		}
		.articleFloatContainer   {
			display:none;
			margin:0 0 12px 12px;
			padding-bottom:0px;
			background: #fbfbfb;
			width:175px; 
			float:right; 
			overflow:hidden;
		}
			 .articleFloatContainer p.articlePicture_caption   {
				font-weight: bold;
				padding:6px;	
				display:block;
			}
			 .articleFloatContainer p.articlePicture_caption span.photographer   {
				font-weight: normal;	
				display:block;
				text-align:right;
				padding-top:4px;
			}
				#articleContainer .articleFloatContainer .articleImageTitle p.label  {
					padding:0 6px 4px 6px;
					display:block;
				}
		#articleContainer .articleFloatContainer h3
		{
			font-size:1em;
			display:block;
			font-weight: bold;
			background:#000 url(/img/common/bg_header_float_right.gif);
			color:#FFF;
			font-style:normal;
			padding:2px 4px 2px 4px;
			margin:0px;
		}
			#articleContainer .articleFloatContainer h3 em
			{
				font-style:normal;
			}
		#articleContainer .articleFloatContainer div.iframeContainer
		{
			margin-bottom: 8px;
		}
			#articleContainer .articleFloatContainer div.iframeContainer .externalIframeContainer
			{
				text-align:center;
				padding:2px 0 0 0;
			}
			#articleContainer .articleFloatContainer div.iframeContainer div.articlePictures
			{
				width:auto !important;
			}
			#articleContainer .articleFloatContainer div.iframeContainer span.label
			{
				font-size:1em;
				display:block;
				font-weight: bold;
				background:#000 url(/img/common/bg_header_float_right.gif);
				color:#FFF;
				font-style:normal;
				padding:2px 4px 2px 4px;
				margin:0px;
			}			
			#articleContainer .articleFloatContainer div.iframeContainer div.text 
			{
				padding:6px;
				font-weight:bold;
			}
		.tv		{
			margin-bottom: 8px;
		}
		.articleFloatContainer .pictureContainer   {
			margin-bottom: 8px;
		
		}
		.articleFloatContainer .factContainer  {
			margin-bottom: 8px;
			padding: 4px;
			border: 1px solid #FF7E00;
			background:url(/img/common/bg_mainTop.gif) repeat-x bottom;
		}
		.articleFloatContainer .related_articlesContainer  {
			margin-bottom: 8px;
			padding: 4px;
			border: 1px solid #FF7E00;
		}
		#articleContainer .seriesOfArticles.articleTop .byline    {
			width:100%;
			text-align:right;
			padding:4px 0 12px;
			margin:0px;
		}
		#articleContainer .seriesOfArticles.articleTop  {
			margin-bottom: 8px;
			padding: 4px 0;
		}
		.mainContentContainer #articleContainer .seriesOfArticles.articleTop h3   {
			margin-bottom: 0;
			padding:4px 12px;
			font-size:1.4em;
			color:#FFFFFF;
			font-weight:bold;
			background-color:#FF7E00;
		}
		.mainContentContainer #articleContainer dt  {
			font-weight:bold;
			font-size:1.1em;
		}
		.mainContentContainer #articleContainer dl  {
			padding:0 12px;
		}
		.mainContentContainer #articleContainer .seriesOfArticles.articleTop dt,
		.mainContentContainer #articleContainer .seriesOfArticles.articleTop dd   {
			display:inline;
		}
			.mainContentContainer #articleContainer .seriesOfArticles.articleTop dt a,
			.mainContentContainer #articleContainer .seriesOfArticles.articleTop dd a   {
				background:url(/img/common/bg_link.gif) no-repeat right 1px;
				padding-right:20px;
			}	
				.mainContentContainer #articleContainer .related_articlesContainer h3,
				.mainContentContainer #articleContainer .seriesOfArticles h3   {
				margin:0 0 6px;
				}
				.mainContentContainer #articleContainer .seriesOfArticles h3 em  {
					font-style:normal;
				}
			#articleContainer .articleFloatContainer .byline   {
				width:175px;
				overflow:hidden;
				float:none;
			}
		.articleFloatContainer .doclink a img   {
			margin:0 0 -4px 6px;
			border: 0px solid #000;
		}
		.articleFloatContainer .related_articlesContainer
		{
			margin-bottom: 8px;
		}
		.articleFloatContainer .seriesOfArticles .byline 
		{
			display: block;
			text-align: left;
			width:175px;
		}
		.articleFloatContainer dl
		{
			padding: 0px;
			font-size:94%;
			padding:4px;
			background-color:#EBEAE9;
		}
		.articleFloatContainer dl dd   {
			font-weight: bold;
			background:url(/img/common/bg_relatedLinks.gif) no-repeat left top;
			display: block;
			float: none;
			padding: 0px;
			margin: 0px;
		}
		.articleFloatContainer dl dd a   {
			font-weight: bold;
			display: block;
			float: none;
			padding: 0 0 2px 20px;
			margin: 0 0 2px 0;
		}
		.articleFloatContainer .iframeContainer
		{
		}
		.articleFloatContainer .pollContainer  {
			background-image:none;
			background-color:#EAEAEA;
			padding:4px;	
			display:block;
			margin-bottom:12px;
			border:1px solid #000000;
		}
		.articleFloatContainer .pollContainer .voteContainer  {
			float:none;
			display:block;
			padding:6px 0 6px 40px;
		}
		#articleContainer .articleFloatContainer .pollContainer h3  {
			background: #000;
			color: #FFF;
			font: bold 0.8em Arial, Helvetica, sans-serif;
			padding:0px;
			width:154px;
			margin:0 0 4px;
		}
		.articleFloatContainer .pollContainer p  {
			text-indent: 0px;
			padding:0 0 0 8px;
			margin:0px;
			font-size: 1.2em;
			font-weight: bold;
			height:auto !important;
			height:1%;
			overflow:visible;
		}
		/* === /articleFloatContainer === */
	
		/* === FactContainer === */
		.bgFactContainer  {
			display:none;
		}
		
		
		.bgFactContainer .singleFactsContainer   {
			padding: 2px;
		}
		.bgFactContainer .singleFactsContainer div   {
			float:left;
		}
				.bgFactContainer .singleFactsContainer div img   {
					margin:0 8px 8px 0;
				}
			.bgFactContainer .singleFactsContainer .clearer   {
				float:none;
			}
			.bgFactContainer h3 em	{
				font: bold 1.1em Georgia, "Times New Roman", Times, serif;
				padding: 0 0 2px 6px;
				margin: 0 0 -16px 0;
				font-style:normal;
				display:block;
			}
			.bgFactContainer .singleFactsContainer h4	{
				background: #000;
				color: #FFF;
				border:1px solid #CCC;
				font: bold 1.4em Arial, Verdana;
				padding: 2px 0 2px 12px;
				margin: 0 0 12px 0;
				font-style:normal;
			}
		/* === /FactContainer === */
		
		/* === Contact === */
		#contact .topContact img
		{
			margin:6px 14px 14px 14px;
			float:right;
		}
		#contact  h1
		{	
			font:normal 2.5em Georgia, "Times New Roman", Times, serif;
			margin:0px;
			padding:0 0 14px 0;
		}
		#contact .topContact
		{
			padding: 17px 0 12px 10px;
			margin-top:38px;
			background-color:#E8E8E8;
			border:1px solid #CDCDCD;
		}
		.extraColumn #contact .topContact 
		{
			margin-top:0;
		}
		#contact .middleContact
		{
			padding: 17px 0 10px 10px;
		}
		#contact .middleContact h2    {
			font-weight: bold;
			font-size:1.4em;
			background:url(/img/common/bg_contact_h2.gif) no-repeat left 4px;
			margin-bottom:10px;
			padding:0 0 0px 12px;
		}
		#contact .middleContact .h2container    {
			margin:0px 0px 15px -10px;
			padding:10px 0 10px 10px;
			background-color:#E8E8E8;
			border:1px solid #CDCDCD;
		}
		#contact .middleContact h3   {
			font-size:12px;
			padding:10px 0 4px 0;
			font-weight:bold;	
		}
		#contact .middleContact p   {
			font-size:12px;
			padding:0 0 2px 0;
			margin:0px;
			font-weight:bold;
		}
		#contact .middleContact .clearer  {
			margin:-6px 0 7px 0;
			border-bottom:1px dashed #EAEAEA;
			height:1px;
			font-size:1px;
			line-height:1px; 	
			padding-bottom:12px;
		}
		#contact .middleContact .left   {
			float:left;
			width:30%;
		}
		#contact .middleContact .right   {
			float:left;
			width:70%;
		}
		/* === /Contact === */
		
		/* === ImageCaption === */
		div.imageCaption,
		div.staticImageCaption
		{
			color:#333;
			padding: 6px 12px;
			border: none;
		}
		/* === /ImageCaption === */

		/* === Enlargedimage === */
		.enlargedimageContainer .enlargedimage .left
		{
			float: left;
		}
	
		.enlargedimageContainer .enlargedimage .right
		{
			float: right;
		}
		/* === /Enlargedimage === */

		/* === ArticleTeaser === */
		.mainColumn .articleTeaser
		{
			padding:6px 6px 6px 0;
			border-bottom:6px solid #E8E8E8;
			height:auto !important;
			height:1%;
			margin-bottom:12px;
			display:block;
		}
		#mainPadding .mainContentContainer .articleTeaser a.slideshow,
		#mainPadding .mainContentContainer .articleTeaser a.webTv
		{
			display:none;
			float: left; 
			background-repeat:no-repeat;
			overflow:hidden;
			height:26px;
		} 
		#mainPadding .mainContentContainer .articleTeaser a.slideshow span,
		#mainPadding .mainContentContainer .articleTeaser a.webTv span
		{
			position:absolute;
			left:-9999px;
		} 
		.mainColumn .articleTeaser a.slideshow
		{
			background-image:url(/img/common/slideshow_link.gif);
			width:76px;
		} 
		.mainColumn .articleTeaser a.webTv
		{
			background-image:url(/img/common/webTv_link.gif);
			width:80px;
		} 
		.articleTeaser .comments
		{
			display:none;
			background:url(/img/common/comment.gif) no-repeat left 4px;
			width:12.2em;
			margin-left: 1px;
			float:left;
			overflow:hidden;
		}
			.articleTeaser .comments a
			{
				padding:4px 0 6px 28px;
				text-align:left;
				display:block;
				font-weight:bold;
			}
				.articleTeaser .comments span,
				.articleTeaser .comments a {
					text-decoration:underline;
				}
		div.beforeAppendixArt
		{
			height:1px;
			font-size:0px;
			overflow:hidden;
		}
		div.afterAppendixArt
		{
			height:3px;
			font-size:0px;
			clear:both;
			margin-bottom:6px;
		}
			/* --- meta --- */
			div.articleTeaser div.meta
			{
				color: #999;
			}
				div.articleTeaser div.meta span
				{
					margin-right: .5em;
				}
			/* --- /meta --- */
		/* === /ArticleTeaser === */
	/* *** {{--T02.01 - Standardartikel}} *** */


	/* *** {{--T02.02.002 - Artikelserie}} *** */
	#articleContainer div.articleSerieWrapper dl
	{
		margin:0 1px 1px 0; 
		padding:6px;
		display:block;
		font-weight:bold;
		float:left;
	}
		.mainContentContainer #articleContainer div.articleSerieWrapper dl p
		{
				padding:0;
		}
		#articleContainer div.articleSerieWrapper.os-extra-fran-kina dl,
		#articleContainer div.articleSerieWrapper.demo-article-serie-1 dl
		{
			background-color: #FF7E00;
			color:#FFF;
		}
		#articleContainer div.articleSerieWrapper.sa-lyckas-sverige dl,
		#articleContainer div.articleSerieWrapper.demo-article-serie-2 dl
		{
			background-color: #AAA;
			color:#FFF;
		}
	/* *** /T02.02.002 - Artikelserie *** */

	/* *** {{--T02.06 - Hantera avdelning}} *** */
	div#departmentHeadWrapper
	{
		background: #d9d9d9;
		padding: 8px 8px 0 8px;
	}
		div#departmentHeadWrapper div#departmentHead
		{
			float: left;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 3em;
			font-weight: bold;
			letter-spacing: -2px;
		}
	/* *** /T02.06 - Hantera avdelning *** */

	/* *** {{--T02.07 - Behörighetshantering}} *** */
	div.userRightsWrapper
	{
		background: #FFF6EE;
		border: 1px dotted #ff7e00;
		padding: 1em;
	}
		div.userRightsWrapper h1#articleHeader
		{
			font-size: 2em;
		}
		div.userRightsWrapper div.userRightsRoles,
		div.userRightsWrapper div.userRightsActions
		{
			background: #fff;
			border: 1px solid #ddd;
			padding: 1em;
			margin-bottom: 1em;
		}
		div.userRightsWrapper div.userRightsRoles ol,
		div.userRightsWrapper div.userRightsActions ul
		{
			list-style: disc;
			margin-left: 2em;
		}
		/* *** /T02.07 - Behörighetshantering *** */

		/* *** {{--T02.12 - Redaktörsblog}} *** */
		/*
		1.Gemensamt
		2.Vyer
			T02.12-manageBlogEntry
			T02.12-manageBlog
			T02.12-viewBlog
			T02.12-viewBlogEntry
			T02.12-myPageMemberBlogTeaser (extraColumn)
			T02.12-canceled
			JS-dependent
		*/

			/* === 1.Gemensamt === */
			div#blog h1	{
				font-size:2.4em;
				padding:8px 0 16px;
			}
			div#blog h2 {
				font-size:1.8em;
				background: none;
				display:block;
				clear:both;
			}
			div#blog h3   {
				font:normal 1.8em Georgia, "Times New Roman", Times, serif;
				padding-bottom:12px;
			}
			/*btn*/
			div.viewBlogEntry li.timestamp{
				text-align:center;
			}
			div#blog li.timestamp	{
				font-weight:bold;
				padding-bottom:8px;
			}
			div#blog p.about,
			div#blog .results h3  {
				font:bold 1em Arial, Helvetica, sans-serif;
				padding:8px 0;
			}
			div#blog ul.teasers li a  {
				padding-right:16px;
			}
			div#blog #blogHeader{
				border-bottom:6px solid #E8E8E8;
				padding-bottom:8px;
				margin-bottom:12px;
				clear:both;
				float:none;
				width:100%;
			}
			.myPageWrapper div#blog.manageBlog #blogHeader  {
				float:none;
				clear:both;
				border-bottom:20px solid #000;
				background:none;
			}
				div#blog #blogHeader ul {
					clear:both;
				}
				div#blog #blogHeader ul li  {
					padding:2px 0 2px 20px;
					margin:0;
					background:url(/img/common/color_attention.gif) no-repeat left 1px;
				}
			div#blog div.fldsep label /*=oa*/
			{
/*				position:absolute; 
				left:-9999px;
*/
			}
			/* ===== blogSearch ===== */ 
			form#blogStdSearch div.fldsep label
			{
				display: block;
				position: static;
				left: 0;
			}
				form#blogStdSearch input
				{
					float: none;
				}
			/* ===== /blogSearch ===== */
			div#blog #blogWriteNew,
			div#blog #editBlog fieldset   {
				padding-bottom:0px;
			}
			div#blog #blogStdSearch,
			div#blog #blogWriteNew,
			div#blog #editBlog,
			div#blog #navByMonth
			{
				background: #E8E8E8;
				padding: 4px;
			}
			#blogWriteNew input
			{
				float:left;
			}
			div#blog .txtSearchQuery,
			div#blog #txtName   {
				width:300px;
				border:1px solid #CDCDCD;
				height:19px;
				margin:0 12px 1px 0;
			}
			div#blog #txtBlogHeader,
			div#blog #txtName
			{
				width:290px;
				border:1px solid #CDCDCD;
				padding:3px;
				margin:0 12px 1px 0;
			}
				div#blog ol.entries li.comments   {
					background:url(/img/common/bg_link.gif) no-repeat -2px 6px ;
				}
			div#blog .bylineContent  {
				padding:12px 0;
				font-size:1.1em;
			}
			div#blog .bylineContent span, 
			div#blog .bylineContent a {
				display:block;
			}
			div#blog .header h3  {
				float:left;
				width:84%;
			}
			div#blog .header ul  {
				float:right;
				clear:none;
			}
			div#blog .body  {
				float:none;
				clear:both;
				display:block;
				font-size:1.1em;
			}
			div#blog .summary ul {
				margin-bottom:12px;
			}
				div#blog .summary ul li  {
					background:url(/img/common/bg_link.gif) left 0px no-repeat;
					padding-left:16px;
				}
			div#blog ol.entries {
				margin-bottom:12px;
			}
				div#blog ol.entries li.odd {
					background:#E8E8E8;
				}
				div#blog ol.entries li {
					clear:both;
					padding:12px;
				}
				div#blog ol.entries h4 {
					font:normal 1.8em Georgia, "Times New Roman", Times, serif;
				}
				div#blog .footer img,
				ol.entries img {
					float:right;
					border:1px solid #CDCDCD;
				}	
				
				/*
				** Hack för att kunna stila up bilder i bloggen
				** Det verkliga problemet löses genom att ta reda 
				** på för vilka element selektorn ol.entries img 
				** är avsedd och göra den mer specifik.
				**
				** När detta är gjort kan nedanstående css tas bort.
				** 081205 - Fleecelabs
				*/
				
				ol.entries img.left {
					float: left;
				}
				
				ol.entries img.right {
					float: right;
				}
								
				/*
				** slut på hack
				*/
				
		/*lista*/
			div#blog #listEntries ol.entries .body ul, 
			div#blog #listEntries ol.entries li .body ol {
				margin-bottom:12px;
			}	
			div#blog #listEntries ol.entries .body ul li{
				padding:1px 0 1px 0;
				margin-left:12px;
				list-style-position:inside;
				list-style-type:square;
			}	
			div#blog #listEntries ol.entries li .body ol li  {
				padding:1px 0 1px 0;
				margin-left:12px;
				list-style-position:inside;
				list-style-type:decimal;	
			}	
			div#blog #listEntries ol.entries li .body p {
				padding-bottom:6px;
			}
			.membergrid a.url {
				height:70px;
				overflow:hidden;
				display:block;
				float:left; 		 
			}
		/* === /1. Gemensamt === */

		/* === 2. Vyer === */
			/* --- t0212-manageBlogEntry --- */
			div#blog fieldset#blogFormExtras_image div.fldsep span.additional   {
				display:block;
				padding-top:1em;
			}	
			div#blog fieldset#blogFormExtras_image div.fldsep label   {
				position:static;
				display:inline;
			}		
			div#blog fieldset#blogFormExtras_image a.toggleContent   {
				display:inline;
				padding:0;
			}
			div.manageBlogEntry div.fldsep label
			{
				display:block;
			}
			/* Preview */
			blockquote.preview
			{
				background-color: #fff;
				padding: 12px;
				margin-bottom: 12px;
				border: 1px solid #999;
			}
				blockquote.preview div.toolstrip
				{
					background-color: #f5f5f5;
					padding: 4px;
					margin-bottom: 12px;
					border: 1px solid #ddd;
				}
				blockquote.preview ol,
				blockquote.preview ul
				{
					margin: 0 0 1em 2em;
					padding-left: 1em;
				}
				blockquote.preview ol
				{
					list-style: decimal;
				}
				blockquote.preview ul
				{
					list-style: disc;
				}
			/*/ Preview */

			/* table description */
			div#blog  table#textileMacros {
				background-color:#FFFFFF;
				border:1px solid #CDC;
				width:99%;
			}
				div#blog  table#textileMacros td,
				div#blog  table#textileMacros th {
					padding:6px 12px;
				}
				div#blog  table#textileMacros td,
				div#blog  table#textileMacros th {
					border-bottom:1px solid #CDC;
				}
				div#blog  table#textileMacros tr.odd
				{
					background-color:#FFFFE5;
				}
			div#blog  table#textileMacros caption {
				font-size:1em;
				padding:6px 12px;
				font-weight:bold;
				text-transform:uppercase;
			}
			/* --- / t0212-manageBlogEntry --- */

			/* --- t0212-manageBlog --- */
			form#blogWriteNew  fieldset label {
				font-weight: bold;
				font-size:1em;
				margin-top:-2px;
				padding-bottom:4px;
				display:block;
			}
			form#blogWriteNew {
				padding-bottom:12px;
				clear:both;
			}
			form#blogList table  {
				width:99%;
				margin:0 0 12px 2px;
				border:1px solid #DDD;
				border-collapse:collapse;
			}
				form#blogList table td  {
					padding:1px 4px;
					border:1px solid #DDD;
				}
					form#blogList table td.c1
					{
						width: 20px;
						background: #999;
					}
				form#blogList table tr.odd {
					background:#E8E8E8;
				}
				form#blogList table th   {
					font-weight:bold;
					font-size:1em;
					text-align:center;
					padding:4px;
					background-color:#FFFFE5;
					border:1px solid #DDD;
				}
				form#blogList table div.upperPager div.scrollerlinks,
				form#blogList table div.lowerPager div.scrollerlinks
				{
					margin: 6px 0;
				}
				form#blogList input.btnDelete
				{
					padding-right: 28px;
				}
				div#blog .entry   {
					font-size:1.4em;
					padding:4px;
					text-align:left;
				}
			/* --- /t0212-manageBlog --- */

			/* --- t0212-viewBlog --- */
			a.interrupt    {
				text-decoration:underline;
				padding:0 12px 0 0 ;
			}
			.interrupt a:link  {
				font-weight:bold;
				font-size:1em;
				text-decoration:underline;
			}
			div#listEntries h2{
				font:normal 2em Georgia, "Times New Roman", Times, serif;
				margin:0px;
				padding:0 0 12px;
			}
			div#blog #blogNavigation h2 {
				font-size:1.6em;
				color:#7E7E7E;
			}
			div.viewBlog ol.entries li p,
			div.viewBlog ol.entries li h3,
			div#blog ol.entries li.timestamp,
			div#blog ol.entries li.comments     {
				margin:0px;
				padding:0;
			}
			div#blog ol.entries li.comments   {
				width: 11em;
				padding:4px 0 0 16px;
			}
			div.viewBlog ol.entries li h3   {
				font-size:1.8em;
				padding-bottom:4px;
				font-weight:normal;
			}
			div#blog ol.entries li.abuse   {
				float:right;
				padding:0px;
			}
			div#blog ol.entries li.abuse a:link   {
				display:block;
			}
			div.viewBlog legend  {
				font-weight:bold;
				font-size:1em;
				padding-bottom:4px;
			}
			/* --- /t0212-viewBlog --- */

			/* --- t0212-viewBlogEntry --- */
			form#blogEntryForm fieldset.blogForm button,
			form#blogEntryForm input.btnCancel,
			form#blogEntryForm input.btnDraft,
			form#blogEntryForm input.btnPreview,
			form#blogEntryForm input.btnClose,
			form#blogEntryForm input.btnPublish /*=oa ett komma har tagits bort - kan ha orsakat problem*/
		   {
			font-size: 11px;
			border:1px solid #AAA;
			border-left-color:#CDCDCD;
			border-top-color:#CDCDCD;
			background:#FFF url(/img/common/buttons_sprite.png) no-repeat scroll right -320px;
			cursor: pointer; 
			padding:2px 6px; 
			text-decoration:none;
			}
			form#blogEntryForm input.btnPreview
			{
				float:left;
				margin-right:4px;
			}	
			fieldset.blogForm div.charcount label.none
			{
				display: inline;
			}
			div.viewBlogEntry .manageBlogEntry div.fldsep label {
				display:block;
				font:bold 1em Arial, Helvetica, sans-serif;
				position:relative;
				left:0px;
				padding:0 0 4px;
				margin-bottom:6px;
			}
			div.viewBlogEntry .blogForm div.fldsep   {
				margin-bottom:12px;
			}
			div.viewBlogEntry .blogForm div.header,
			div.viewBlogEntry .blogForm div.taBlog   {
				margin-bottom:12px;
				background-color:#E8E8E8;
				padding:6px;
				border:1px solid #CDCDCD;
			}
			div.viewBlogEntry div#blogNavigation {
				margin-bottom:12px;
				height:auto !important;
				height:1%;
			}
			div.viewBlogEntry .icon
			{
				float:right;
			}
			   div.viewBlogEntry div#blogNavigation a.home {
					font-weight:bold;
					margin-bottom:10px;
					display:block;
					padding:4px;
				}
				div.viewBlogEntry div#blogNavigation li {
					padding:4px 0 12px 22px;
					background-color:#E8E8E8;
					width:44%;
					margin:0 1px;
				}
				div.viewBlogEntry div#blogNavigation li.previous {
					background:#E8E8E8 url(/img/common/bg_previous.gif) no-repeat 4px 4px ;
					float:left;
				}
				div.viewBlogEntry div#blogNavigation li.next {
					background:#E8E8E8 url(/img/common/bg_link.gif) no-repeat 190px 4px ;
					float:right;
				}
					div.mainContentContainer div.viewBlogEntry ul.byHistory li span,
					div.mainContentContainer div.viewBlogEntry ul.byHistory li span  {
						display:block;
						clear:both;
					}
					div.mainContentContainer div.viewBlogEntry ul.byHistory li a:link span,
					div.mainContentContainer div.viewBlogEntry ul.byHistory li a:visited span {
						text-decoration:none;
						padding-bottom:2px;
						font-weight:bold;
					}
				div.viewBlogEntry #skipToCommentForm  {
					border-bottom:4px #DDD;	
					}
				fieldset.blogForm{
					border:4px #DDD;
					background-color:#e8e8e8;
					padding:18px;	
					}
				fieldset.blogForm .taBlogBody
				{
					width:430px;
				}
					div.viewBlogEntry #skipToCommentForm a,
					div.viewBlogEntry li.comments a
					 {
						background:transparent url(/img/common/bg_relatedLinks.gif) no-repeat scroll left 2px;
						padding:2px 14px;
						display:block;
					}
					div.viewBlogEntry li.comments a
					 {
						background-position:left 0px;
					}
					div.viewBlogEntry #blogEntry {
						background-color:#E8E8E8 ;
						padding: 10px;
						margin-bottom:12px;
					}
					div.viewBlogEntry #blogEntry .header h2 {
						float:left;
					}
					div.viewBlogEntry #blogEntry .footer {
						clear:both;
					}
					div.viewBlogEntry #blogEntry  H2 {
						color:#000000;
						margin-bottom:0;
					}
					div.viewBlogEntry .header {
						margin: 0 0 8px;
						float: left;
						border-bottom: 1px solid #FFF;
						margin-bottom: 8px;
					}
					div.viewBlogEntry .newComment .header,
					div.viewBlogEntry .newComment .discussionFirstPoster {
						margin: 0 0 10px;
						clear:both;
						float:none;
					}
					div.viewBlogEntry div.commentsWrapper h4,
					div.viewBlogEntry div.commentsWrapper p {
						display:block;
						clear:both;
						padding:0 0 2px;
					}
					 div.viewBlogEntry .icon
						 {
						 float:right;
						}
				/* addYoutubeLink */
				fieldset#blogFormExtras_movie-eyecandy
					{
						width:28em !important;
						width:34em;
						margin:12px;
					}
				fieldset#blogFormExtras_movie-eyecandy .txtMovieUrl
					{
						width:16em;
						margin-right:1em;
					}
				#modalWindowWrapper #blogFormExtras_movie-eyecandy legend
					{
						position:absolute;
						display:none;
						left:-99999px;
					}
				#modalWindowWrapper #blogFormExtras_movie-eyecandy label	{
					font-weight:bold;
					font-size:1em;
					padding-bottom:6px;
					display:block;
					}
				#modalWindowWrapper #blogFormExtras_movie-eyecandy span.additional		{
					clear:both;
					display:block;
					padding:6px 0;
					}
				#modalWindowWrapper #blogFormExtras_movie-eyecandy fieldset.size	{
					border:1px solid #E8E8E8;
					padding:6px;
					margin-bottom:6px;
					}
				#modalWindowWrapper #blogFormExtras_movie-eyecandy fieldset.size div.fldsep	{
					float:left;
					width:20%;
					clear:none;
					}
				#modalWindowWrapper #blogFormExtras_movie-eyecandy fieldset.size label	{
					display:inline;
					font-weight:normal;
					}
				#modalWindowWrapper #blogFormExtras_movie-eyecandy div.fldsep	{
					clear:both;
					}
					#modalWindowWrapper #blogFormExtras_movie-eyecandy .terms h4  {
						font-weight:bold;
						padding-bottom:6px;
					}
					#modalWindowWrapper #blogFormExtras_movie-eyecandy .terms p {
						padding-bottom:6px;
						margin:0 0 12px;
						border-bottom:1px solid #E8E8E8;
					}
					fieldset#blogFormExtras_link-eyecandy {
						padding:6px;
						margin:12px;
						border:1px solid #E8E8E8;
						width:22.2em;
					}
					fieldset#blogFormExtras_link-eyecandy legend {
						font-weight:bold;
						background:#FFFFFF;
						padding:0 12px;
					}
					fieldset#blogFormExtras_link-eyecandy label {
						width:8em;
						text-align:left;
						padding-right:12px;
						float:left;
					}
					fieldset#blogFormExtras_link-eyecandy .fldsep {
						padding-bottom:8px;
					}
					fieldset#blogFormExtras_link-eyecandy .submit {
						padding:4px;
						text-align:right;
					}
			/* --- /t0212-viewBlogEntry --- */
		/* === 2. Vyer === */

		/* === 2. Vyer, extraColumn === */
			/* --- T06.12-myPageMemberBlogTeaser (extraColumn) --- */
			div.extraColumn div.myPageMemberPostingTeaser
			{
				margin-top: 20px;
			}
			div.extraColumn div.myPageMemberBlogTeaser h3, 
			div.extraColumn div.myPageMemberPostingTeaser h3
			{
				font-size: 1.6em;
			}
			div.extraColumn div.myPageMemberBlogTeaser li.vcard, 
			div.extraColumn div.myPageMemberPostingTeaser li.vcard
			{
				display: block;
				padding-bottom: 4px;
				margin-bottom: 4px;
				border-bottom: 1px solid #ddd;
			}
				div.extraColumn div.myPageMemberBlogTeaser div.thumbImgWrapper, 
				div.extraColumn div.myPageMemberPostingTeaser div.thumbImgWrapper
				{
					float: left;
					width: 70px;
					height: 70px;
					margin-right: 12px;
				}
					div.extraColumn div.myPageMemberBlogTeaser div.thumbImgWrapper a, 
					div.extraColumn div.myPageMemberPostingTeaser div.thumbImgWrapper 
					{
						display:block;
						width: 70px;
						height: 70px;
						line-height: 70px;
					}
						div.extraColumn div.myPageMemberBlogTeaser div.thumbImgWrapper a img, 
						div.extraColumn div.myPageMemberPostingTeaser div.thumbImgWrapper a img
						{
							width: 70px;
						}
				div.extraColumn div.myPageMemberBlogTeaser li.vcard h4, 
				div.extraColumn div.myPageMemberPostingTeaser li.vcard h4
				{
					font-size: 1.2em;
					font-weight: bold;
					padding: 12px 0 0 0;
					margin-bottom: 4px;
				}
				div.extraColumn div.myPageMemberPostingTeaser li.vcard h4
				{
					font-size: 1em;
					padding-top: 4px;
				}
					div.extraColumn div.myPageMemberBlogTeaser li.vcard h4 a.url, 
					div.extraColumn div.myPageMemberPostingTeaser li.vcard h4 a.url
					{
						display: inline;
						float: none;
						height: auto;
					}
				div.extraColumn div.myPageMemberBlogTeaser li.vcard p, 
				div.extraColumn div.myPageMemberPostingTeaser li.vcard p
				{
					margin: 0;
					padding: 0;
				}
			/* --- /T06.12-myPageMemberBlogTeaser (extraColumn) --- */
		/* === /2. Vyer, extraColumn === */

		/*  === JS-dependent === */
		div#blog *.inactive {
			display:none;
		}
		/*  === /JS-dependent === */
	/* *** /T02.12 - Redaktörsblog *** */


	/* *** {{--T03.01 - Annonshantering}} *** */
	img.ad /* variant som används mha hårdkodning in i annonssystemet: detta läggs till [class="ad"] =oa */
	{
		border: 0;
		margin: 12px 0;
	}
	div.adWrapper
	{
		border: 1px solid #ddd;
		border-width: 1px 0;
		padding: 4px 0 14px 0;
	}
		div.adWrapper span.dividerFirst 
		{
			background: transparent url(/img/common/divider-ad.gif) no-repeat 0 0;
			display: block;
			width: 468px;
			height: 20px;
		}
	/* *** /T03.01 - Annonshantering *** */


	/* *** {{--T03.04 - Lokus familjannonser}} *** */
	/*
	1.Gemensamt
	2.Vyer, mainColumn
		T03.04 - Search
		T03.04 - Order Form
		T03.04 - Item
		T03.04 - Category Listing
	3.Vyer, extraColumn
		 T03.04 - Category Listing 
	*/
		/* === 1. Gemensamt === */
	div#familyAd .meta 
	{
		color: #666;
	}
	div#familyAd h3
	{
		margin: .5em 0 0 0;
		font-family: Georgia, serif;
		color: #000;
		font-size: 1.5em;
	}
	/* === /1. Gemensamt === */

	/* === 2. Vyer, mainColumn === */
		/* --- Search --- */
		#searchResult div.familyAd 
		{
			border-bottom:6px solid #E8E8E8;
			padding:0 0 8px;
			margin-bottom:8px;
		}
			#searchResult div.familyAd img.familyAd-imgThumb 
			{
				float: left;
			}
			#searchResult div.familyAd div.familyAdItem
			{
				margin: 0 0 0 80px;
			}
		/* --- /Search --- */
	
		/* --- Order Form --- */

		div.familyAdOrderForm h1
		{
			padding: 8px 10px;
			font-size: 2em;
		}
		div.familyAdOrderForm div.formContainer 
		{
			padding: .5em;
			width:29em;
		}
			div.familyAdOrderForm div.formContainer div.errors
			{
				border: 1px solid #ccc;
				padding: .5em;
				background: #f7f7f7;
				margin: 0 0 1em 0;
			}
				div.familyAdOrderForm div.formContainer div.errors p 
				{
					font-weight: bold;
					padding: 0 0 .4em 0;
				}
				div.familyAdOrderForm div.formContainer div.errors ul 
				{
					list-style: disc;
					margin-left: 40px;
					color: #f00;
				}
					div.familyAdOrderForm div.formContainer div.errors li
					{
						margin: 0 0 .2em 0;
					}
					
				div.familyAdOrderForm div.formContainer div.inputfield label
				{
					display: block;
					float: left;
					width: 12em;
				}
				
				div.familyAdOrderForm  .inputfield
				{
					margin-bottom:0.3em;
				}
				
					div.familyAdOrderForm div.formContainer div.inputfield label span
					{
						color: #f00;
					}
			div.familyAdOrderForm div.formContainer div.submit,
			div.familyAdOrderForm div.formContainer div.submit p
			{
				text-align: right;
				padding: 0.5em 2.2em;
			}
			/* --- /Order Form --- */
	
			/* --- Item --- */
			div#familyAdItem
			{
				/*overflow: hidden;*/
				margin: 0 0 1em 0;
				padding:10px 0;
			}
				div#familyAdItem span.published
				{
					margin:10px 0;
					display:block;
				}
				div#familyAdItem div.imageWrapper
				{
					margin: 10px 0;
				}
					div#familyAdItem div.imageWrapper img
					{
						margin: 0 0 10px;
					}
				div#familyAdItem div.familyAdItem-content .description span.info
				{
					display: block;
				}
				.toolbar .orderPrint a
				{
					height: 26px;
					display: block;
					font-size:0px;
					color:#FFF;
					background-color: transparent;
					float:left;
					margin: 0 0 0 10px;
					background:url(/img/common/toolbar_orderPrint.png) no-repeat top left;
					width: 94px;
				}
			/* --- /Item --- */

			/* --- Category Listing --- */
			/* Gör det möjligt att hålla fasta bredder och höjder på tumnaglar
			*/ 
			div.familyAdTeaser div.thumbImgWrapper 
			{
				background-color: #fff;
				padding: 3px;
				margin-bottom: 6px;
				border: 1px solid #ddd;
			}
				div.familyAdTeaser div.thumbImgWrapper a 
				{
					display:block;
					overflow:hidden;
					position:relative;
					z-index:1;
				}
			/* OVERRIDE-GLOBAL: för att hover ska synas. Använd den specificitet som krävs, exempel:
			div.familyAdCategoryListing_block div.pageBlockContainer div.pageBlock.column25252525 
			{
				overflow:visible;
			}
			*/
			div.familyAdCategoryListing_block div.pageBlockContainer div.pageBlock.column25252525 
			{
				overflow:visible;
			}

			.familyAdCategoryListing_block
			{
				margin:12px 0;
				padding: 6px;
			}
				div.familyAdCategoryListing_block div.familyAdTeaser div.inner
				{
					padding: 4px;
					margin: 0;
				}
			div.familyAdTeaser 
			{
				background-color: #f5f5f5;
				overflow:visible;
				text-align:center;
				margin: 0 4px 4px 0;
				border: 1px solid #ccc;
			}
				div.mainColumn div.familyAdTeaser h3,
				div.extraColumn div.familyAdTeaser h3
				{
					text-align: center;
					font-size: 1.1em;
				}
				div.mainColumn div.familyAdTeaser div.thumbImgWrapper 
				{
					height: 150px;
					width: 155px;
				}
					div.mainColumn div.familyAdTeaser div.thumbImgWrapper a 
					{
						display:block;
						width: 155px;
						height: 150px;
						line-height: 150px;
					}
					/* skapar hover-effekt som visar hela bilden */
					div.mainColumn div.familyAdTeaser div.thumbImgWrapper a img,
					div.extraColumn div.familyAdTeaser div.thumbImgWrapper a img
					{
						position:absolute;
						top: -10px;
						left: -10px;	
					}
						div.mainColumn div.familyAdTeaser div.thumbImgWrapper a:hover,
						div.extraColumn div.familyAdTeaser div.thumbImgWrapper a:hover
						{
							top: 10px;
							left: 10px;	
							overflow:visible;
							z-index:1000;
						}
							div.mainColumn div.familyAdTeaser div.thumbImgWrapper a:hover img,
							div.extraColumn div.familyAdTeaser div.thumbImgWrapper a:hover img
							{
								background-color: #356;
								padding: 6px;
								border: 1px solid #333;		
							}	
					/* /skapar hover-effekt som visar hela bilden */
			/* --- /Category Listing --- */
		/* === /2. Vyer, mainColumn === */

		/* === 3. Vyer, extraColumn === */
			/* --- Category Listing --- */
			div.mainContentContainer div.familyAdCategoryListing_block div.pageBlockContainer div.pageBlock.column5050 
			{
				overflow:visible!important;
			}
				div.extraColumn div.familyAdTeaser div.thumbImgWrapper 
				{
					width: 110px;
					height: 120px;
				}
					div.extraColumn div.familyAdTeaser div.thumbImgWrapper a 
					{
						display:block;
						width: 110px;
						height: 120px;
						line-height: 120px;
					}
						div.extraColumn div.familyAdTeaser div.thumbImgWrapper a img 
						{
							width: 120px;
						}
			/* --- Category Listing --- */
		/* === /3. Vyer, extraColumn === */
	/* *** /T03.04 - Lokus familjannonser *** */


	/* *** {{--T04.04 - Bildsök}} *** */
	div.dip_container
	{
		margin: 0 0 16px 0; background: url(/img/common/bg_camera.gif) no-repeat;
	}
		div.dip_container h2
		{
			margin: 0; font: normal 24px Georgia, serif; 
		}
		div.dip_container p
		{
			margin: 0 0 16px 0;
		}
	div.dip_navigation
	{
		width: 454px; 
		position: static; 
		z-index: 20; 
		border-top: 1px solid #000; 
		border-bottom: 1px solid #000; 
		margin: 0; 
		padding: 2px 7px;
	}
		div.dip_navigation strong
		{
			float: left; 
			display: block; 
			padding: 2px 8px 0 0; 
			margin: 0; 
			font-weight: bold; 
			line-height: 16px;
		}
		div.dip_navigation select
		{
			float: left; 
			display: block; margin: 0 8px 0 0;
		}
		div.dip_navigation a.showAll
		{
			float: left; 
			display: block; 
			margin: 2px 8px 0 0; 
			line-height: 16px; color: #39C;
		}
		div.dip_navigation div.clearer
		{
			clear:both; 
			height:1px; 
			overflow:hidden; 
			line-height:1%; font-size:0;	
			margin:0 0 -1px 0;
		}
		div.dip_navigation div.navigation
		{
			float: right; 
			text-align: center; 
			width: 100px; 
			line-height: 16px; 
			height: 16px; 
			margin: 2px 0 0 0;
		}
			div.dip_navigation div.navigation a.previous
			{
				float: left; 
				background: url(/img/common/bg_dipNav_Next.gif) no-repeat; 
				width: 20px; 
				height: 20px;
			}
			div.dip_navigation div.navigation a.next
			{
				float: right; 
				background: url(/img/common/bg_dipNav_Previous.gif) no-repeat right top; 
				width: 20px; 
				height: 20px;
			}
				div.dip_navigation div.navigation a.previous span, 
				div.dip_navigation div.navigation a.next span 
				{
					display: none;
				}
		div.dip_nrOfRows
		{
			padding: 7px 0; margin: 0; width: 100%; z-index: 20;
		}
		div.dip_nrOfRows table
		{
			width: 100%; 
			margin: 0; 
			padding: 0; 
			display: block; 
			table-layout: fixed; 
			border-collapse: collapse;
		}
			div.dip_nrOfRows table tr
			{
				height: 127px;
			}
			div.dip_nrOfRows table td
			{
				width: 151px; 
				height: 120px; 
				padding: 0; 
				overflow: hidden; 
				text-align: center; 
				background: #000; 
				vertical-align: middle;
			}
			div.dip_nrOfRows table td.middle
			{
				padding: 0 7px; background: #000
			}
		div.dip_placeholder
		{
			text-align:right;
		}
		div.dip_placeholder div.toolstrip {
			padding-bottom: 0.4em;
		}
		
		div.dip_placeholder a.collapse
		{
			color: #39C; 
			padding: 4px 7px;
			line-height:1.4; 
			text-transform: uppercase;
		}
		div.dip_placeholder.collapsed
		{
			display:none;
		}
	/* *** /T04.04 - Bildsök *** */

	/* *** {{--T04.08 - Fokus-teaser}} *** */
	div.focusTeaser .imgBanner
	{
		padding:50px 50px  0px 12px;
		margin-bottom:12px;
	}
	div.focusTeaser h4
	{
		color:#FAD314;
		font:bold 1.9em Arial, Helvetica, sans-serif;
		padding:4px 0;
		background:url(/img/common/bg_banner_h4.gif) no-repeat right 12px;
	}
		div.focusTeaser h4 span.articlePreTitle
		{
			display:block;
		}
		div.focusTeaser h4 a:link,
		div.focusTeaser h4 a:visited
		{
			color:#FAD314;
			padding:0px 30px 6px 10px;
			display:block;
		}
	div.focusTeaser ul.linksReadmore
	{
		padding-bottom:4px;
		background-color:#FAD314 ;
	}
		div.focusTeaser ul.linksReadmore li
		{
			background:url(/img/common/bg_focusTeaserReadMore.gif) #FAD314 no-repeat right top;
			padding:2px 0px 2px 12px;
			font-size:0.8em;
		}
			div.focusTeaser .linksReadmore li a:link,
			div.focusTeaser .linksReadmore li a:visited
			{
				text-decoration:none;
				display:block;
			}
		div.focusTeaser h4.linksReadmore a
		{
			padding:50px 50px  0px 12px;
			color:#000;
			background-color:#FAD314;
		}
	div.focusTeaser ul.linksCategory
	{
		margin:8px 0 0 0;
		background-color:#000000;
	}
		div.focusTeaser ul.linksCategory li
		{
			float:left;
			margin-right:4px;
			padding:0 0 0 12px;
			background:url(/img/common/bg_bannerLinksCategory.gif) no-repeat left top;
		}
		div.focusTeaser ul.linksCategory li.linksCategory_1
		{
			float:left;
			margin-right:4px;
			padding:0 0 0 12px;
			background:none;
		}
			div.focusTeaser ul.linksCategory li a:link,
			div.focusTeaser ul.linksCategory li a:visited
			{
				text-decoration:none;
				color:#FAD314;
				padding-bottom:0px;
			}
		/* === Exempel på anpassning i temablock === */
		.brynas_themeBlock
		{
			background:url(/img/common/bg_brynas.gif) left top no-repeat #000;
			height:1%;
			border:1px solid #000;
		}
			.std3colLayout .extraColumn .brynas_themeBlock .inner,
			.Cols-Main_Extra_Ad .extraColumn .brynas_themeBlock .inner
			{
				padding:20px 0;
			}
		.brynas_themeBlock h3
		{
			left:-999px;
			position:absolute;
			width:100px;
		}
		/* === /Exempel på anpassning i temablock === */
	/* *** /T04.08 Fokus-teaser *** */

	/* *** {{--T04.09 - Sök på sajt}} *** */
	/*
		1.SearchForm
		2.Search Teaser
		3.SearchResult
	*/
		/* === 1.SearchForm === */
		#searchForm
		{
			padding:0px 0px 8px 0;
			margin:0 0 12px;
		}
			#searchForm h1
			{
				padding:0;
				margin:0 0 8px 0;
				display:block;
				font-size:1.8em;
				font-weight:bold;
				font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;
				color: #2D2B6E;
			}
			#searchForm p
			{
				font-weight:normal;
				font-size:1.3em;
				font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;
				margin:0;
				padding:0;
				color:#5B5B5C;
			}
			#searchForm label
			{
				font-weight:normal;
				font-size:1.3em;
				font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;
				margin-bottom:6px;
				padding:0;
				color:#5B5B5C;
			}
			
			#searchForm #searchSorting label
			{
				font-size:1.05em;
				padding-bottom:5px;
			}
			#searchForm legend
			{
				position:absolute;
				left:-2000px;
				display:none;
			}
			#searchForm input,  
			#searchForm select
			{
				font-weight:normal;
				font-size:0.9em;
			}
			#searchForm a.resetForm
			{
				font-size:1.3em;
				font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;
				color:#19678D;
				text-decoration:none;
			}
			
			#searchForm a.resetForm span
			{
				margin-top:12px;
			}
				
			#searchForm .subLabel
			{
				font-size:1.05em;
				font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;
				color:#5B5B5C;
				padding:6px 0;
				display:block;
			}
			#searchForm .left
			{
				float:left;
				width:250px;
			}
				#searchForm .left .string,
				#searchForm .left .section,
				#searchForm .left #searchSorting
				{
					padding-left:0;
				}
				#searchForm .left .string input,
				#searchForm .left .section input
				{
					background: url(/css-images/bg_string.png) repeat-x top left;
					width: 250px;
					height:23px;
					border:1px solid #868686; 
					float:left;
					padding:4px 0 0 3px;
					font-size:1.3em;
					font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;
					
				}
					#searchForm .left .string label,
					#searchForm .left .section label
					{
						display:block;
						clear:both;
						padding-left:0;
					}
						#searchForm .left .section label
						{
							margin-top:8px;
						}
					#searchForm .left .section select
					{
						width:170px;
						margin-bottom:8px;
					}
			#searchForm .submitContainer
			{
				display:block;
				border-top:1px solid #c0bfd3;
				padding-top:12px;
				margin-top:12px;
			}
				#searchForm .submitContainer .standardButton
				{
					margin-top:0;
					float:right;
				}
			#searchDate table
			{
				border-collapse:collapse;
				float:left;
				margin-top:3px;
				width:100%;
			}
			#searchForm #searchDate
			{
				float:left;
				margin-left:30px;
				width:22.7em !important;
				width:23.3em;
			}
				#searchDate table td
				{
					background:#FFF;
					padding:4px 2px 6px 2px;
					font-size:1.05em;
					font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;
					color:#5B5B5C;
				}
			#searchDate table label
			{
				font-size:1.05em;
				font-weight:normal;
			}
		/* === /1.SearchForm === */
		/* === 2.SearchTeaser === */
		.searchTeaserContainer
		{
			margin: 0px 0 12px 0;
			background-color:#fff;
			padding:0;
		}
		
		.searchTeaserContainer .titleContainer
		{
			height:24px;
			border-bottom:3px solid #2d2a6d;
			display:block;
			margin-right:29px;
			padding:0;
		}
		
		
			.searchTeaserContainer h3
			{
				display:block;
				height:24px;
				float:right;
				background: url(/css-images/searchheadline.png) repeat-x top left;
				font-size:1.2em;
				font-weight:bold;
				color:#fff;
				margin:0px;
				padding:5px 12px 0 12px;
			}
			
			.searchTeaserContainer form
			{
				display:block;
				height:76px;
				background: url(/css-images/searchform.png) no-repeat top left;
				margin:0px;
			}
			
			.searchTeaserContainer form div
			{
				padding:0;	
			}
			
			.searchTeaserContainer .string
			{
				background: url(/css-images/bg_string.png) repeat-x top left;
				width: 154px;
				height:27px;
				border:1px solid #868686; 
				margin-right:10px;
				margin-top:20px;
				margin-left:20px;
				float:left;
			}
			/* --- search, in header --- */
			#topHeaderContents .pageBlock.column5050 .searchTeaserContainer
			{
				background:#E8E8E8 url(/img/common/bg_searchBoxTop.gif) repeat-y scroll right top;
				border:1px solid #CDCDCD;
				font-size:0.7em;
				margin-bottom:10px;
				margin-left:100px;
				padding:5px 0pt 12px 16px;
				width:264px;
				height:5.4em;
			}
			#topHeaderContents .pageBlock.column5050 .searchTeaserContainer .string
			{
				width:246px;
				margin-bottom:7px;
			}
			#topHeaderContents .pageBlock.column5050 .searchTeaserContainer select
			{
				width:165px;
				float:left;
			}
			#mainWrapper #topHeaderContents .searchTeaserContainer .standardButton
			{
				float:right;
				font-size:0.94em;
				font-weight:bold;
				margin:-1px 16px 0 0;
				width:6em;
			}
			#topHeaderContents .pageBlock.column5050 .searchTeaserContainer H3, /*=oa typo?*/
			#topHeaderContents .pageBlock.column5050 .searchTeaserContainer h3
			{
				color:#AAA;
				padding:2px;
			}
			/* --- search, in header --- */
		/* === /2.SearchTeaser === */
	
		/* === 3.SearchResult === */
		/* --- overview --- */
		div#searchResult #overview
		{
			font-size: 1.4em;
			font-weight: normal;
			padding:0;
			margin-bottom:12px;
		}
			div#searchResult #overview strong
			{
				
			}
		/* --- /overview --- */
		/* --- rows --- */
		div#searchResult .row p, 
		div#searchResult .row h3
		{
			padding-bottom:3px;
			padding-top:3px;
		}
		#searchResult .row h3
		{
			margin:0px;
			padding:0 0 4px 0;
			font-size:1.6em !important;
			font-size:1.4em ;
			color:#2D2B6E;
			font-weight:bold;
			font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;
		}
		
		#searchResult .row h3 a
		{
			color:#2D2B6E;
		}
		
			div#searchResult .row p.summary
			{
				font-size:1.3em;
				font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;
				color:#5B5B5C;
				padding-bottom:8px;
				border-bottom:1px solid #c0bfd3;
				margin-bottom:8px;
			}
			
			div#searchResult .row p.summary a
			{
				color:#5B5B5C;
			}
				
			
			
		#searchResult .row .date
		{
			margin:0px;
			padding:0 0 8px 0;
			font:0.8em Verdana, Arial, Helvetica, sans-serif;
			color:#666666;
		}
		/* --- /rows --- */
		/* --- searchResultPagesControl --- */
		div#searchResult div.searchResultPages div.searchResultPagesControl a.search_home,
		div#searchResult div.searchResultPages div.searchResultPagesControl a.search_back
		{
			float:left;
		}
		div#searchResult div.searchResultPages div.searchResultPagesControl a.search_forward,
		div#searchResult div.searchResultPages div.searchResultPagesControl a.search_fastforward
		{
			float:right;
		}
		/* --- /searchResultPagesControl --- */
		/* --- specific by page --- */
		div.myPageWrapper .searchResultPagesControl
		{
			margin:12px 0;
			height:2.1em;
			padding:2px 12px;
		}
			 div.myPageWrapper .searchResultPagesControl a
			{
			 	display:block;
			}
			div.myPageWrapper .searchResultPagesControl div.label
			{
				padding-top:4px;
				display:block;
			}
		#searchResult .departmentLabel
		{
			padding:0 1px 0 1px;
			width:6em;
		}
		/* --- /specific by page --- */
	/* *** /T04.09 - Sök på sajt *** */
	
	/* *** {{--T04.10 - Senaste Nytt}} *** */
		/* 	Senaste nytt-puff
			RSS-puff, mktwebb 1.4
		 */
		/* === latestNewsContainer === */
		div.latestNewsContainer
		{
			margin-bottom: 16px;
			font-family:Arial, Helvetica, sans-serif;	
		}
			div.latestNewsContainer div.titleContainer
			{
				background-color: #FF7E00;
			}
				div.latestNewsContainer div.titleContainer .opt_rightText
				{
					color:#000;
					background-color:transparent;
					padding:7px 10px 2px 8px;
					font-family: Arial, Helvetica, sans-serif;
					font-weight: bold;
					display:block;
					float:right;
				}
				div.latestNewsContainer div.titleContainer h3
				{
					font-size: 1.4em;
					font-weight:bold;
					margin:0px;
					display:block;
					padding:2px 0pt 2px 6px;	
					color: #fff;
					background-color:transparent;
				}
			div.latestNewsContainer div.contentContainer
			{
				border: 1px solid #CDCDCD;
				background-color: #CDCDCD;
				clear: both; 
			}

			div.latestNewsContainer div.contentContainer div.newsListContainer
			{
				background-color: #E8E8E8;
				border-top:6px solid #CDCDCD;
			}
			div.latestNewsContainer div.contentContainer ul.newsNavigation
			{
				list-style: none;
				display: block;
				background-color: #fff;
				color: #000;
				padding: 6px 2px 2px 2px;
				text-align: left;
			}
				div.latestNewsContainer ul.newsNavigation li
				{
					display: inline;
					padding: 0 5px 5px;
					margin: 1px 7px 1px 3px;	
				}
				div.latestNewsContainer ul.newsNavigation li.selected
				{	
					background:#CDCDCD;
					padding:1px 12px 4px 12px;
					font-weight: bold;
				}
					div.latestNewsContainer ul.newsNavigation li a
					{
						color: #000;
						background-color:transparent;
					}
			div.latestNewsContainer div.contentContainer div.newsListContainer dl.newsList
			{
				padding-top: 3px;
				font-weight: bold;
				border-bottom:1px solid #FFF;
			}
				div.latestNewsContainer dt
				{
					font-weight: normal;
					float:left;
					display:block;
					margin-left:6px;
				}
				div.latestNewsContainer dd
				{
					padding: 0px;
					margin-left: 46px;
					margin-bottom: 3px;
					display: block;
				}
					div.latestNewsContainer span.articleSource
					{
						color: #999;
						font-weight: normal;
					}
			div.latestNewsContainer a.read_more
			{
				display: block;
				padding: 4px 16px; 
				color: #000; 
				background-color:transparent; 
				text-decoration: underline;
				background:transparent url(/img/common/bg_link.gif) no-repeat right 3px;
				text-align:right;
			}
			.latestNewsContainer a.entire_list
			{
				display: block;
				text-align: right;
				padding-right:16px;
				margin-right:4px;
				background:url(/img/common/bg_link.gif) no-repeat right 0;
			}
			/* --- Folded latestNews --- 
				Bortaget, finns inte längre kvar som uppmärkning i HMTL eller jsp =oa
			*/
			/* === RSS-puff, mktwebb 1.4 === */
			/* Exempel på att använda temablock för att designa denna puff */
			div.RSS_themeBlock
			{	
				border: 1px solid #333;
				padding-bottom: 4px;
			}
			div.RSS_themeBlock div.titleContainer
			{	
				background: #333 url('/img/common/feed-icon-14x14.png') no-repeat 10px 3px;
				padding-left: 30px;
			}
				div.RSS_themeBlock div.titleContainer span.opt_rightText
				{	
					color: #999;
					font-weight: normal;
					position: relative;
					top: -2px;
				}
				div.RSS_themeBlock div.latestNewsContainer ul.newsNavigation
				{	
					padding-bottom: 4px;
				}
					div.RSS_themeBlock div.latestNewsContainer ul.newsNavigation li.selected
					{	
						background:#CDCDCD!important;
						padding: 6px 12px 6px 12px;
						font-weight: bold;
					}
					div.RSS_themeBlock div.latestNewsContainer ul.newsNavigation a.feed-gp
					{	
						background: url('/img/common/feed-gp.gif') no-repeat 0 0;
						padding: 0 0 2px 22px;
					}
					div.RSS_themeBlock div.latestNewsContainer ul.newsNavigation a.feed-dn
					{	
						background: transparent url('/img/common/feed-dn.gif') no-repeat 0 0;
						padding: 0 0 2px 22px;
					}


			/* === / RSS-puff, mktwebb 1.4 === */
		/* === /latestNewsContainer === */

	
	/* *** /T04.10 Senaste Nytt *** */



	/* *** {{--T04.14 - Kommentarextra}} *** */
		/* === t0414common === */ 
			div.extraCommentsCommentsWrapper, div.extraCommentsWrapper
			{
				display:none;				
			}
			
			div.extraCommentsCommentsWrapper h2
			{
				margin-top: 1em;				
			}	
			div.extraCommentsCommentsWrapper .icon
			{
				float:right;
				margin-left:5px;
			}	
			/* --- extraCommentsNav --- */
			div.extraCommentsWrapper .extraCommentsNav
			{
				width:100%;
				padding:6px 6px 6px 12px;
				background:transparent url(/img/common/bg_level1_item.gif) repeat-x scroll left top;
			}
				div.extraCommentsWrapper .extraCommentsNav ul
				{
					float:left;
				}
					div.extraCommentsWrapper .extraCommentsNav ul li
					{
						float:left;
						margin-right: 18px;
						padding: 4px 10px;
						border: 1px solid #555;
					}
						div.extraCommentsWrapper .extraCommentsNav ul li:hover
						{
							border: 1px solid #777;
						}
						div.extraCommentsWrapper .extraCommentsNav ul li.selected
						{
							background: #999;
						}
						div.extraCommentsWrapper .extraCommentsNav ul li a:link,
						div.extraCommentsWrapper .extraCommentsNav ul li a:visited
						{
							color:#FFFFFF;
							font-size: 1.2em;
						}
			/* --- /extraCommentsNav --- */

			div.extraCommentsWrapper form.formNormal div.fldsep
			{
				padding:0;
				margin:4px 0 0 10px;
				float:left;
			}
			/* --- toolstrip --- */
			div.extraCommentsWrapper .toolstrip
			{
				margin-bottom:10px;
				background:#E8E8E8;
				border-bottom:6px solid #E8E8E8;
			}
				#mainWrapper .extraCommentsWrapper .toolstrip input.standardButton
				{
					margin-top:4px;
					padding:1px 12px 1px 4px;
					border:1px solid #AAA;
				}
			/* --- /toolstrip --- */

		/* === /t0414-common === */ 


	/* *** {{--T04.14 - Kommentarextra}} *** */


	/* *** {{--T09.04.002 - Hantera Formulär}} *** */
	/*
	1. Gemensamma, formNormal (är basen i alla formulär)
	2. T09.04.002 - Hantera formulär
	3. Felmeddelanden
	*/
	
		#userForm h1.size2,
		.desc h2 {
			color:#2D2B6E;
			font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;
			font-size:1.8em;
			font-weight: bold;
		}
		
		#userForm p, 
		.desc p {
			color:#5B5B5C;
			font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;
			font-size:1.2em;
			line-height:1.3em;
			margin:0;
			padding:0 0 6px;
		}
	
			/* === 1. Gemensamma, formNormal === */
		form.userForm,
		form.formNormal
		{
			margin-bottom:12px;
		}
			form.formNormal h1.size2,
			form.formNormal h1
			{
				font:normal 2.4em "Arial Black", Arial, Helvetica, sans-serif;
				padding-bottom: 12px;
				line-height:1;
			}
			form.formNormal p a
				{
					text-decoration: underline!important;
				}
			form.formNormal legend
				{
				margin-bottom: 4px;
				padding: 8px 8px 4px;
				font:normal 1.8em Georgia, "Times New Roman", Times, serif;
				line-height: 1;
				}
			form.formNormal div.toggableTerms p
			{
				padding: 6px;
				margin-bottom: 8px;
				border: 1px solid #ddd;
			}
			form.formNormal fieldset
			{
				margin-bottom:6px;
				padding-top:12px;
				border-top:1px solid #C0BFD3;
				
			}
				form.formNormal div.toolStrip, /*typo*/
				form.formNormal div.toolstrip
				{
					margin-bottom:6px;
					padding: 0;
					border:0;
				}
			form.formNormal div.fldsep
			{
				clear:both;
				margin-bottom:4px;
				padding:0 0 8px;	
			}
				form.formNormal div.fldsep.chk
				{
					margin: 0;
					padding: 0;
				}
		
			form.userForm label,
			form.formNormal label
			{
				color:#5B5B5C;
				font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;
				font-size:1.2em;
				line-height:1.3em;
				margin-bottom:6px;
				padding:0;
				display:block;
			}
			
			
			form.userForm .fldsep input,
			form.formNormal .fldsep input
			{
				background: url(/css-images/bg_string.png) repeat-x top left;
				width: 300px;
				height:23px;
				border:1px solid #868686; 
				float:left;
				padding:4px 0 0 3px;
				font-size:1.3em;
				font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;
			}
			
			
			form.userForm .fldsep textarea,
			form.formNormal .fldsep textarea
			{
				background: url(/css-images/bg_string.png) repeat-x top left;
				width: 550px;
				height:200px;
				border:1px solid #868686; 
				float:left;
				padding:4px 0 0 3px;
				font-size:1.3em;
				font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;
			}
			
			
		
		/*=== 2. T09.04.002 - Hantera formulär === */
			.userFormWrapper form.formNormal label.chk,
			.userFormWrapper form.formNormal label.rdo,
			.userFormWrapper form.formNormal input.chk,
			.userFormWrapper form.formNormal input.rdo,
			.articleUserGenerated form.formNormal label.chk,
			.articleUserGenerated form.formNormal label.rdo,
			.articleUserGenerated form.formNormal input.chk,
			.articleUserGenerated form.formNormal input.rdo
			{
				display: inline;
			}
			.userFormWrapper form.formNormal label.chk,
			.userFormWrapper form.formNormal label.rdo,
			.userFormWrapper form.formNormal input.btnCancel,
			.userFormWrapper form.formNormal a.btnCancel
			{
				background: none;
				border: 0;
				cursor: default;
				font: normal 1em Verdana, Arial,Helvetica,sans-serif;
				margin: 3px;
				padding:3px 6px 4px;
			}
			.userFormWrapper form.formNormal a.btnCancel
			{
				margin: 6px 0 0 0;
				padding:3px 6px 4px;
			}
		.userFormWrapper form.formNormal span.required
		{
			font-size: .8em;
		}
		/*=== /2. T09.04.002 - Hantera formulär === */

		/* === 3. Felmeddelanden === */
		div.error   {
			clear:both;
		}
		fieldset div.error   {
			background:transparent url(/css-images/error.png) no-repeat scroll left top;
			padding:2px 0 4px 15px;	
			margin:0 0 2px 0;
		}
	 	#mainWrapper fieldset .instructions a:link,
	 	#mainWrapper fieldset .instructions a:visited  {
			background:transparent url(/img/common/bg_link.gif) no-repeat scroll left top;
			text-decoration:underline;
			padding-left:12px;
		}
			/* --- feltext under rubrik --- */
			#mainWrapper fieldset div.error p   {
				color:#b40000;
				font-weight:bold;
			}
			/* --- feltext i fieldset --- */
			div.error p   {
				color:#b40000;
				font-weight:bold;
			}
		/* === /3. Felmeddelanden === */
	/* *** /T09.04.002 - Hantera Formulär *** */



	/* *** {{--T09.01 - Inloggning för besökare}} *** */
	/*
	 1. Gemensamma
	 2. Vyer
	 1. T09.01 login_container
	 2. T09.01 login_getAccount
	 3. teaser
	*/

 		/* === 1. Gemensamma === */
		div#login_container  {
			margin: 15px;
		}
			div#login_container p.preamble
			{
				padding-bottom:12px;
			}
				div#login_container input
			{
				vertical-align:middle;
			}
			div#login_container div.confirmation
			{
				border: 1px solid #FF7E00;
				margin: 0 0 1em;
				padding: 12px;
			}	
				div#login_container div.confirmation p
				{
					font-size: 1.2em;
					margin:0px;
					padding:0 0 6px;
				}	
			div#login_container fieldset a
			{
				padding-right:16px;
				text-decoration:underline;
				background:url(/img/common/bg_link.gif) no-repeat scroll right 2px;
			}
			div#login_container fieldset p.back a
			{
				padding-left:16px;
				text-decoration:underline;
				background:url(/img/common/myPage_sprite.png) no-repeat -6px -3.1em;
			}
			div#login_container p.additional_info
			{
				clear: both;
				display:block;
				padding: 0 0 12px 8px;
			}
				div#login_container fieldset fieldset
			{
				padding:4px 12px 10px;
			}
			div#login_container .rememberMeWrapper
			{
				margin:12px 0 0;
			}
			div#login_container .toggableContent p
			{
				padding:12px;
			}
				div#login_container .rememberMeWrapper label
				{
					width:120px;
					padding-right:20px;
				}
			#login_container label
			{
				width:26%;
				float:left;
				display:block;
				background:url(/img/common/bg_search_label.gif) no-repeat 5px top;
				padding-left:16px;
			}
				/* --- fields --- */
				div#login_container .txtUID,
				div#login_container .txtPSW,
				div#login_container .txtName,
				div#login_container .txtNameLast,
				div#login_container .txtAlias,
				div#login_container .txtPhone,
				div#login_container .txtPhoneMobile,
				div#login_container fieldset fieldset input
				{
					width:66%;
					padding:2px 2px 2px 8px;
					border:1px solid #DDD; 
					background:#FFF;
					float:left;
				}
				/* --- /fields --- */

				/* --- egna bredder, justering av fontstorlek i modalt fönster --- */
				#modalWindowWrapper div#login_container {
					font-size:0.98em;
				}
				#modalWindowWrapper div#login_container .txtUID,
				#modalWindowWrapper div#login_container .txtPSW,
				#modalWindowWrapper div#login_container .txtName,
				#modalWindowWrapper div#login_container .txtNameLast,
				#modalWindowWrapper div#login_container .txtAlias,
				#modalWindowWrapper div#login_container .txtPhone,
				#modalWindowWrapper div#login_container .txtPhoneMobile,
				#modalWindowWrapper div#login_container fieldset fieldset input
				{
					width:60%;
					}
	
					#modalWindowWrapper div#infoMailWrapper,
					#modalWindowWrapper div#registrationTermsContainer	{
						margin-bottom:5px;
						padding:0 16px;
					}
				/* --- /egna bredder, justering av fontstorlek i modalt fönster --- */

			div#login_container select.selBirthDate,
			div#login_container select.selBirthMonth,
			div#login_container select.SelBirthDay,
			div#login_container select.SelBirthYear,
			div#login_container select.selBirthYear2
			{
				width:auto;
				margin-right: 2px;
				float:left;
				}
				div#login_container .radiobuttongroup br
				{
					clear:both;
				}
			div#login_container .radiobuttongroup input
			{
				width:14px;
				border:none;
			}
	
			/* --- toolStrip --- */
			div#login_container fieldset .toolStrip
			{
				padding: 0;
			}
			#modalWindowWrapper .box.toolStrip .standardButton
			{
				float:right;
				margin:4px 20px;
			}
			div#login_container .standardButton
			{
				float:right;
				margin:4px 0px;
			}
			div#login_container a.standardButton
			{
				padding:2px 6px;
			}
			div#login_container p.forgot_password
			{
				float:left;
				margin: 8px 0 3px 10px;
			}
			#acceptTerms.checkBox {
				float:left;
				margin-top:1px;
				}
			#modalWindowWrapper div#login_container .box.toolStrip,
			div#login_container .box.toolStrip {
				border-top:4px solid #E8E8E8;
				padding-top:6px;
				width:95%;
			}
			/* --- /toolStrip --- */

		/* === loginTeaser === */
		#login_container.teaser {
			font-size:0.66em;
			color:#777;
			float:right;
			width:40%;
			margin:0 12px 8px;
			padding-bottom:0;
			}
		.mainContentContainer #login_container.teaser {
			font-size:1em;
			float:none;
			width:auto;
			}
				#login_container.teaser form.formNormal .rememberMeWrapper a /*=1.3*/
				{
					float:none;
					background: none;
					border: 1px solid #fff;
				}
			#login_container.teaser form.formNormal label {
				background-image:none;
				margin-bottom:3px;
				font-weight:bold;
				width:30%;
				padding-left:0;
			}
			#login_container.teaser form.formNormal input	{
				width:64%;	
				padding:0;
			}
				#login_container.teaser form.formNormal input.standardButton{
					float:right;
					margin-right:1px;
					width:auto;
					padding: 0px 2px; /*=oamerge*/
				}
				#login_container.teaser form.formNormal a.toggleTerms	{
					/*display:block;*/
					white-space:nowrap;/*=oamerge*/
					float:left;
					color:#777;
					text-decoration:underline;
					}
					#login_container.teaser form.formNormal div.toggableTerms p	{/*=oamerge*/
						width:25em;	
						}
				#login_container.teaser form.formNormal div.fldsep 	{
					padding:0;
					margin:0;
				}
				#login_container.teaser form.formNormal fieldset	{
					padding:6px 12px;
					margin:0;
				}
				#login_container.teaser form.formNormal legend	{
					font:bold 1.0em Arial, Helvetica, sans-serif;
					text-transform:uppercase;
					color:#CDCDCD;
					padding:0 6px;
					margin:0 0 6px;
				}
				#login_container.teaser form.formNormal .rememberMeWrapper	{
					margin-top:-1.8em;
					width: 66%;
					display:block;
					float:left;
				}
					#login_container.teaser form.formNormal .rememberMeWrapper label,
					#login_container.teaser form.formNormal .rememberMeWrapper input	{
						width:auto;	
						padding:0;
					}
					#login_container.teaser #memberLoginTeaser.formNormal input	{
						margin-bottom:3px;
						position: relative;
						padding:0 6px;
						z-index: 100;
					}
					#login_container.teaser form.formNormal .rememberMeWrapper label	{
						font-weight:normal;
					}
		/* === /loginTeaser === */

		/* ===  T09.01 memberLoginTeaser === */
		#memberLoginTeaser.formNormal .txtUID,
		#memberLoginTeaser.formNormal .txtPSW {
			margin-bottom:6px;
			}	

			.mainColumn  #memberLoginTeaser.formNormal .txtUID,
			.mainColumn  #memberLoginTeaser.formNormal .txtPSW {
				margin-bottom:6px;
				width:230px
				}
		
			.mainColumn  #memberLoginTeaser.formNormal .standardButton {
				margin-right:20px;
				}
	
			.extraColumn #memberLoginTeaser.formNormal .rememberMeWrapper a.toggleTerms  {
				display:block;
				clear:both;
				float:left;
				display:block;
				margin:6px 0 6px 16px;
				white-space:nowrap;
				}
		/* === /T09.01 memberLoginTeaser === */

		/*===  T09.01 login_getAccount ===*/
			/* --- passwordStrengthMeter --- */
			div.userFunctionsContainer  {
				margin:0 6px;
			}
			.userFunctionsContainer p  {
				padding:0 0 8px;
			}
			.userFunctionsContainer .quality{
					margin:0 0 12px;
					padding:0;
					float:left;
					width:100%;
				}
			.userFunctionsContainer .quality span{
					color:#666666;
				}
				.userFunctionsContainer .quality span.good{
						float:right;
						display:block;
						background:url(/img/common/myPage_sprite.png) no-repeat 1.2em -1.3em;
						padding-right:20px;
					}
				.userFunctionsContainer .quality span.poor {
						float:left;
						display:block;
						background:url(/img/common/myPage_sprite.png) no-repeat -0.6em 0em;
						padding-left:20px;
					}
		
					.userFunctionsContainer #passwordStrengthMeterContainer  {
						height: 15px;
						border:1px solid #DDD;
						margin-bottom:6px;
					}
		
					.userFunctionsContainer #passwordStrengthMeterContainer,
					.userFunctionsContainer #passwordStrengthMeter   {
						height: 13px;
					}
				
				.userFunctionsContainer .percentage0 { width:2%; background-color: red; }
				.userFunctionsContainer .percentage20 { width:20%; background-color: red; }
				.userFunctionsContainer .percentage40 { width:40%; background-color: orange; }
				.userFunctionsContainer .percentage60 { width:60%; background-color: yellow; }
				.userFunctionsContainer .percentage80 { width:80%; background-color:yellow; }
				.userFunctionsContainer .percentage100 { width:100%; background-color: green; }
				/* --- /passwordStrengthMeter --- */
	
			div#login_container #infoMailWrapper label {
				width:300px;
			}
			div#login_container #registrationTermsContainer label,
			div.modalWindow #registrationTermsContainer label {
				position:absolute;
				width:2px;
				padding-left:200px;
				left:-9999px;
				font-size:0px;
				color:#FFFFFF;
				background-image:none;
				}
		/* === / T09.01 login_getAccount === */

		/* ===  T09.01 login_confirm === */	
		#login_container.confirm h3 {
			font-weight:bold;
			font-size:1em;
			padding-bottom:4px;
		}

			#login_container.confirm p {
			font-size:1em;
		}

		/* === /T09.01 login_confirm === */	

		/*=== T09.01 login_finish === */
		#login_container.finish ul.welcomLinks li a {
			padding:2px 0 2px 12px;
			margin-bottom:1px;
			background:transparent url(/img/common/bg_link.gif) no-repeat left 3px
			}
		/* === /T09.01 login_finish === */

		/* === T09.01 login_forgotPassword === */
		#login_container.forgotten_password .box input   {
				width:200px;
				padding:2px 2px 2px 8px;
				border:1px solid #AAA; 
				background:#FFF;
				float:left;

			}
		/* === /T09.01 login_forgotPassword === */

		/* === T09.01 login_getAccount === */	
		#login_container.get_account .txtSubScriberNo   {
				margin:0 0 12px;
			}
		/* === /T09.01 login_getAccount === */	

		/* === T09.01 login_editAccount === */	
		#login_container.get_account a.standardButton.interrupt    {
			margin-right:12px;
			display:block;
			}
		#login_container.get_account p.textField_info   {
			padding:0 12px 5px;
			text-align:left;
			clear:both;
			}
		/* === /T09.01 login_editAccount === */	
	/* *** /T09.01 - Inloggning för besökare *** */
	
	
	/* *** {{--T20.01 - Tag cloud}} *** */
	div.tagCloudContainer
	{
		clear:both;
	}
		div.tagCloudContainer h4
		{
			font: normal 1.6em Georgia, "Times New Roman", Times, serif;
			color: #7e7e7e;
			padding: 0 0 6px;
		}
		div.tagCloudContainer p,
		div.tagCloudContainer p.widget
		{
			font: normal 1em/1.4 Arial, Helvetica, sans-serif;
			color: #7e7e7e;
			border: 5px solid #E8E8E8;
			padding: 12px;
			margin-bottom: 10px;
		}
		div.tagCloudContainer  a:link, 
		div.tagCloudContainer  a:visited 
		{
			color:#c6c6c6;
			white-space:nowrap;
		}
			.tagCloudContainer a.tagWeight-1 {
				font-size:120%;
			}
			.tagCloudContainer a.tagWeight-2 {
				font-size:140%;
			}
			.tagCloudContainer a.tagWeight-3 {
				font-size:160%;
			}
			.tagCloudContainer a.tagWeight-4 {
				font-size:180%;
			}
			.tagCloudContainer a.tagWeight-5 {
				font-size:200%;
			}
			.tagCloudContainer a.tagWeight-6 {
				font-size:220%;
			}

			/* ----- widget ----- */			
			div.tags
			{
				padding: 12px!important;
				border: 1px solid #999;
			}
				div.tags p.widget a
				{
					font-family: Georgia, serif;
				font-size: 1.2em;
					background-color: #ffffe5;
					padding: .1em .5em;
					line-height: 1.7;
				}
				div.tags textarea.taTags
				{
					width: 400px;
					height: 30px;
				}
				div.tags span.additional
				{
					display:block;
					font-style:italic; 
					color: #999;
					padding: 0 0 0 0;
				}
			/* ----- /widget ----- */
	/* *** /T20.01 - Tag cloud *** */




	
	
	
	div.dateEntry, 
	li.dateEntry {
	  float: left;
	  width: 100%;
	}
	
  .dateEntry .calendar_date_select_link,
  div#login_container fieldset .dateEntry a.calendar_date_select_link {
  	background:url(/img/common/calendar.gif) no-repeat left top;
  	width: 16px;
  	height: 16px;
  	padding: 0;  	
    text-indent: -9999em;
    display: block;
    float: left;   
    overflow: hidden; 
  }
  
  fieldset div.dateEntry label,
  fieldset div.dateEntry select,
	li.dateEntry select, 
	li.dateEntry span {
    float: left;
  }

	.dateEntry .requiredfield {
		width: 100%;
	}
  
  .dateEntry .calendarDateSelectLinkWrapper,
  fieldset .dateEntry span.calendarDateSelectLinkWrapper {
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    padding-left: 0.4em;
  }