﻿/* Tag specific */
html,body 
{
	margin:				0;
	padding:			0;
	height:				100%; /* needed for container min-height */
	font-family:		arial,sans-serif;
	font-size:			10pt;
}

h1, .header1 {
	font-family:	"Century Gothic", arial, sans-serif;
	margin:			5px 0px 4px 0px;
	padding:		0px;
	font-size:		16pt;
	font-weight:	bold;
}
h2, .header2 {
	font-family:	"Century Gothic", arial, sans-serif;
	margin:			10px 0px 3px 0px;
	padding:		0px;
	font-size:		12pt;
	font-weight:	bold;
}
h3, .header3 {
	font-family:	"Century Gothic", arial, sans-serif;
	margin:			2px 0px 2px 0px;
	padding:		0px;
	font-size:		10pt;
	font-weight:	bold;
}
h4, .header4 {
	font-family:	"Century Gothic", arial, sans-serif;
	margin:			1px 0px 1px 0px;
	padding:		0px;
	font-size:		9pt;
	font-weight:	bold;
}

h5, .header5, .small_caption
{
	margin:			0;
	padding:		0;
	display:		inline;
	font-size:		8pt;
	font-weight:	normal;
}

td
{
	padding:			3px 5px;
}

p
{
	margin:				0;
}

a
{
	color:				#175b7a;
	text-decoration:	none;
}
a:hover
{
	text-decoration:	underline;
}

/* Structure */
.vertical_fill {}
.vertical_fill_old
{
	height:				auto !important; /* real browsers */
	height:				100%; /* IE6: treaded as min-height*/
	min-height:			100%; /* real browsers */
}

.structure_base
{
	color:				#000000;
	padding:			0;
	margin:				0 0 0 6px;
	width:				1080px;
	background-image:	url('../images/base/bg.png');
	background-repeat:	repeat-y;
}

.structure_fading
{
	width:				30px;
	float:				left;
	background-repeat:	repeat-y;
	padding:			0px;
	margin:				0px;
	visibility:			hidden;
}

.structure_header_fade_top
{
	float:left; 
	height:33px; 
	width:878px; 
	background-image:	url('../images/base/bg_header_fade_top.png');
}
.structure_header_fade_left
{
	float:left; 
	clear:left; 
	background-image: url('../images/base/bg_header_fade_left.png'); 
	width:30px; 
	height:158px;
}
.structure_header_fade_right
{
	 float:left; 
	 background-image: url('../images/base/bg_header_fade_right.png'); 
	 width:31px; 
	 height:158px;
}

.structure_menu_container
{
	width:				816px;
	float:				left;
	margin:				0 0 8px 1px;
	background-color:	white;
}

.structure_menu
{
	height: 			158px;
	background-image:	url('../images/base/bg_header.jpg');
	background-repeat:	no-repeat;
}

.structure_content_container
{
	width:			    818px;
	float:			    left;
	margin-left:		30px;
}

.structure_content
{
	float:				left;
	padding:			0px 10px 20px 0px;
	margin:				0 1px;
	width:				585px;
}
.structure_content_rte_body
{
	/* I nuläget med/utan scroller: IE8 bibehåller inre bred oberoende av margin o padding... FF bibehåller inre bredd pga av fixerad width.*/
	padding:			15px 0 15px 15px; 
	width:				550px; /* (600-10*2 - 15) == 550+15 : framebredd-bodymarginaler-bodypadding == bodybredd+bodypadding*/
	height:				auto;	
}
.structure_content_rte_frame
{
	width:				600px;
	height:				430px;
}
.structure_content_rte_container
{
	height:				450px;
}

.structure_ads_inner
{
	width:				195px;
	float:				left;
	padding:			0 0 0 20px;
	text-align:			center;
}
	
.structure_ads_outer
{
	width:				200px;
	float:				right;
	padding:			12px 0 0 0;
	text-align:			center;
}

.structure_menu_item_container
{
	position:			absolute;
	width:				750px;
	margin:				100px 0 0 4px;
}

.lower_row
{
	margin-left:		31px; 
	width:				816px; 
	color:				white; 
	font-size:			10px; 
	padding:			0;
	height:				40px; 
	background-image:	url(../images/base/bg_lower_row.png);
}

/* Menu */
a.a_menu_header_idle
{
	margin-top:			5px;
	color:				white;
	text-decoration:    none;
}
a.a_menu_header_active
{
	margin-top:			5px;
	color:				#175b7a;
	text-decoration:    none;
}

.menu_item
{
	width:				77px;
	height:				23px;
}

.menu_item_text
{
	font-family:	"Century Gothic", arial, sans-serif;
	position:			absolute;
	font-size:			11px;
	text-align:			center;
	padding-top:		5px;
	height:				18px;
}

.menu_item_active
{
	position:			absolute;
	display:			none;
	background-image:	url('../images/base/menu_item_bg_active.png');
	background-repeat:	no-repeat;
	z-index:			2;
	height:				29px;
}
/*
.menu_item_over
{
	position:			absolute;
	display:			none;
	background-image:	url('../images/base/menu_item_bg_over.png');
	z-index:			1;
}
*/
.menu_item_idle
{
	float:				left;
	background-image:	url('../images/base/menu_item_bg_idle.png');
}

.menu_item_facebook
{
	position:			absolute;
	margin:				8px 0 0 63px;
}
.menu_item_twitter
{
	position:			absolute;
	margin:				8px 0 0 32px;
}
.menu_item_rss
{
	position:			absolute;
	margin:				8px 0 0 94px;
}
div.menu_item_search_area
{
	position:			absolute;
	margin:				4px 0 0 680px;
	width:				166px;
	height:				24px;
	border:				1px solid #7f7f7f;
	background-color:	white;
}
.menu_item_search_area input.search_field
{
	width:				135px;
	border:				0px none;
	margin:				3px 0 0 2px;
	position:			absolute;
}
.menu_item_search_area img.search_button
{
	width:				18px;
	height:				19px;
	cursor:				pointer; 
	cursor:				hand;
	margin:				3px 0 0 144px;
	position:			absolute;
}
.search_field_title
{
	color:				#969696;
	font-style:			italic;
}
.clear_search_button
{
	cursor:				pointer; 
	cursor:				hand;
	margin:				0 0 17px 0;
	font-size:			10px;
	color:				#363636;
}
.clear_search_button img
{
	width:				15px;
	height:				15px;
	vertical-align:		-4px;
	margin-right:		2px;
}

.menu_pipe
{	
	margin:			    0 12px;
}

.sub_menu
{
	width:			    783px; /*808-padding_left*/
	height:			    28px;
	line-height:		28px;

	position:		    absolute;
	/*top:			    127px;*/
	margin-top:			127px;

	font-size:		    11px;
	padding:		    0 0 0 25px;
	/*background-image:	url('../images/base/sub_menu_bg.png');*/
	color:			    black;
}

.sub_menu_item
{
	display:		    none;
	position:		    absolute;
}

/* Formatting */

.text
{
	margin:			    8px 15px 8px 15px;
}
.small
{
	font-size:			10px;
}
.faded_text
{
	color:				gray;
}

.justify
{
	text-align:			justify;
}

.centeredText
{
	text-align:			center;
}

.discreteInfo 
{
	color:				gray;
	font-size:			10px;
	padding:			5px;
}

.divider
{
	background-image:	url('../images/base/header_bg.png'); 
	background-repeat:	repeat-y; 
	height:				1px; 
	line-height:		1px;
	width:				400px;
	clear:				both;
}

.divider_long
{
	background-image:	url('../images/base/header_bg_long.png'); 
	background-repeat:	repeat-y; 
	height:				4px; 
	line-height:		4px;
	/*width:				400px;*/
	clear:				both;
}


img.onsiteImage
{
	margin:				4px 8px;
}

.content_container
{
	margin:				0 0 0 1px;	
	padding:			10px 15px;
	border:				1px solid #ededed;
	background-color:	#f8f8f8;
}

.archive_container
{
	margin:				30px 0 5px 15px; 
	font-size:			10px;
}

.attachments_container
{
	border:1px solid #e0e0e0; 
	background-color:#f9f9f9; 
	margin:0px 4px 13px 0px; 
	padding:5px 8px;
}

img.icon
{
	vertical-align:-4px;
	margin-right: 4px;
}

.small_header {
	font-family:		"Century Gothic", arial, sans-serif;
	font-weight:		bold;
	padding:			4px 0px 3px 0px;
	margin-left:		3px;
}

.clear_both
{
	clear:				both;	
}

.loading
{
	position:			fixed; 
	left:				5px; 
	bottom:				5px; 
	padding:			6px 12px; 
	visibility:			hidden; 
	border:				1px solid #3d3d3d;
	background-color:	#ededed;
	
	font-family:		"Century Gothic", arial, sans-serif;
	font-size:			9pt;
	font-weight:		bold;
}

/*
.info_square_dark {
	background-color:	#d0e1e5;
	border:				1px solid #949494;
	padding:			8px 10px 8px 10px;
	margin:				10px;
}	
.info_square_bright {
	background-color:	#e0f1f5;
	border:				1px solid #949494;
	padding:			3px 20px 15px 13px;
	margin:				2px 0px 8px 0px;
}
.alternating_row_bright {
	background-color:	#e1f2f6;
}
.alternating_row_dark {
	background-color:	#daebef;
}
*/
.info_square_dark {
	background-color:	white;
	border:				0px solid white;
	padding:			0;
	margin:				0;
}	
.info_square_bright {
	background-color:	white;
	border:				0px solid white;
	padding:			0;
	margin:				0;
}
.alternating_row_bright {
	background-color:	#e3e3e3; /*#f7f7f7;*/
}
.alternating_row_dark {
	background-color:	#f6f6f6;
}

.table_header_cell
{
	padding:			2px;
	margin-left:		15px;
}

/* här i main.css lämnar vi den tom... ska bara synas i editorn */
.embedded_script
{
}

.tab_small
{
	position:absolute; 
	margin-top: 8px; 
	width:34px; 
	height:25px; 
	color: white; 
}
.tab_small img
{
	margin: 7px 0 0 9px;
	border: 0px;
}

.tab_large 
{
	position:absolute; 
	margin-top: 8px; 
	margin-left: 380px;
	cursor: pointer; 
	cursor: hand
}
.tab_large div
{
	padding: 5px 5px 0 0; 
	text-align: center; 
	width:112px; 
	height:20px; 
	color: white; 
}
.tab_large img
{
	position:absolute; 
	right:6px; 
	top:4px;
}
.tab_large_active
{
	z-index:11; 
}
.tab_large_active div
{
	background-image: url('../images/base/tab_large_idle.png');
}
.tab_large_idle
{
	z-index:10; 
}
.tab_large_idle div
{
	background-image: url('../images/base/tab_large_active.png');
}

#SiteMapContainer, 
#SearchResultContainer
{
	background-color:	white; 
	padding:			10px 10px 15px 0px; 
	display:			none;
}

#SiteMapContainer div.divider,
#SearchResultContainer div.divider
{
	height: 3px;
}

#SiteMapContainer h2,
#SearchResultContainer h2
{
	font-size: 16px;
	font-family: Verdana, Sans-Serif;
	margin-left: 12px;
}

#SiteMapContainer h4,
#SearchResultContainer h4
{
	font-size: 13px;
	font-family: Verdana, Sans-Serif;
	font-weight: bold;
}

#sortableListMenuIn, #sortableListMenuOut
{
	border: 1px solid #ededed;
	margin: 5px;
}

#sortableListMenuIn
{
	padding: 6px 7px 10px 7px;
}

#sortableListMenuOut
{
	padding: 10px 7px;
}
