body{
	margin:0;
	padding:0;
	background-color:#000000;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	color:#b0b0b0;
	background-image:url(../gfx/Body_bg_v01.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}


form{display:inline;}


/* Container for everything. */
div#PageContainer{
	width:980px;
	height:auto;
	overflow:auto;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}


/* Global navigation tabs, search, login, etc */
div#ToolbarContainer{
	width:980px;
	height:68px;
	overflow:hidden;
	margin:0;
	padding:0;
	float:none;
	clear:both;
}

div#ToolbarContainer div#Toolbar{
	width:auto;
	height:auto;
	overflow:auto;
	padding-top:44px;
}

div#ToolbarContainer div#Toolbar div#Tabs{
	width:auto;
	height:auto;
	margin-left:24px;
	padding-top:4px;
	float:left;
}

div#Tabs ul{
	margin:0;
	padding:0;
	
}

div#Tabs ul li{
	list-style:none;
	display:block;
	width:128px;
	height:20px;
	float:left;
	margin-left:3px;
	font-size:11px;
	background-image:url(../gfx/GlobalTabs_bg.gif);
	background-repeat:no-repeat;
}

div#Tabs ul li.Selected{
	background-image:url(../gfx/GlobalTabs_bg_Selected.gif);
}

div#Tabs ul li a{
	display:block;
	text-decoration:none;
	color:#a0a0a0;
	text-align:center;
}

div#Tabs ul li a:hover{
	color:#dddddd;
}

div#Tabs ul li.Selected a{
	color:#dddddd;
	
}

div#Tabs ul li a span{
	display:block;
	padding-top:4px;
	padding-right:2px;
	font-weight:bold;
}









div#Tools ul{
	width:auto;
	height:24px;
	float:right;
	margin:0;
	float:right;
	clear:none;
	list-style:none;
}

div#Tools ul li{
	list-style:none;
	width:auto;
	height:22px;
	float:left;
	margin-left:6px;
	margin-right:16px;
}

div#Tools ul li a{
	color:#ffffff;
	text-decoration:none;
}

ul#Tools li a:hover{
	color:#ff9f00;
}

div#Tools input#quickfind{
	float:left;
	margin-left:8px;
	padding-left:4px;
	width:115px;
	height:17px;
	overflow:hidden;
	background-image:url(../gfx/SearchFieldBg_v01.gif);
	background-repeat:no-repeat;
	background-position:top left;
	border:0;
	font-size:12px;
	color:#ffffff;
	background-color:transparent;
}

div#Tools input#btnSubmit{
	float:left;
	margin:0px;
	width:26px;
	height:17px;
	/*background-color:#000000;*/
	background-color:transparent;
	color:#ff9900;
	color:#ffffff;
	border:0;
	font-size:11px;
	cursor:pointer;
	text-transform:uppercase;
}






/* Logo and profile image */
div#PageHeader{
	width:980px;
	height:198px;
	overflow:auto;
	float:none;
	clear:both;
	margin:0;
	padding:0;
	background-image:url(../gfx/Header_bg_v01.jpg);
	background-repeat:no-repeat;
	border-top:solid 1px #191919;
}

div#Logo{
	width:320px;
	height:40px;
	margin:0;
	padding-top:38px;
	padding-left:27px;
	float:left;
}

div#TopnavContainer{
	width:100%;
	height:auto;
	overflow:auto;
	margin:0;
	padding:0;
	float:none;
	clear:both;
	background-image:url(../gfx/TopNav_bg.gif);
	background-repeat:repeat-x;
}






/* Middle section (horizontally) */

div#PageMiddle{
	width:100%;
	height:auto;
	overflow:auto;
	margin:0;
	padding:0;
	float:none;
	clear:both;
	background-color:#191919;
	background-image:url(../gfx/ContentContainer_bg_v02.gif);
	background-repeat:repeat-y;
}


body.Default div#PageMiddle{
	background-image:none;
}





/* Sub navigation in outer left column. */
div#SubnavContainer{
	width:189px;
	height:auto;
	margin:0;
	padding-bottom:20px;
	float:left;
	border-left:solid 1px #1f1f1f;
}

div#SubNav{
	margin-left:10px;
	margin-right:10px;
	min-height:300px;
}

div#SubNav h3{
	padding-left:12px;
	font-size:12px;
	color:#bababa;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:48px;
	margin-bottom:20px;
}






div#ContentContainer{
	width:780px;
	height:auto;
	min-height:300px;
	margin-left:0px;
	overflow:auto;
	float:left;
	padding-top:0;
}


div#LeftContent{
	width:530px;
	height:auto;
	min-height:300px;
	float:left;
	margin:0;
	padding-bottom:20px;
	margin-top:45px;
}


/* Override width on wide page (no spots) */

body.InfoPageWide div#LeftContent{
	width:770px;
}



/* Only used on "section" (L1) - if bg image is selected. */
body.L1 div#LeftContent{
	background-position:40px 0;
	background-repeat:no-repeat;
}

/* If any content header background image is specified - push down headline */
body.L1 div#LeftContent h1{
	margin-top:200px;
	padding-left:24px;
	margin-bottom:20px;
}



/* Used on EventDetails if top image is defined */
div#LeftContent #ContentHeaderImage{
	display:block;
	width:450px;
	height:auto;
	overflow:hidden;
	float:none;
	clear:both;
	text-align:center;
	margin-left:40px;
	margin-bottom:20px;
	padding:0;
}

div#ContentContainer #MidContent{
	width:250px;
	height:auto;
	min-height:300px;
	margin-left:20px;
	float:left;
	clear:none;
}

div#ContentContainer div#RightContent{
	width:240px;
	height:auto;
	min-height:300px;
	float:right;
	margin:0;
	padding-bottom:20px;
}

div#LeftContent #MainContent{
	width:auto;
	height:auto;
	overflow:auto;
	margin-left:40px;
	margin-right:50px;
	margin-bottom:10px;
	padding:0;
}











/* Section heading for Spots, News and Events - not same as label. */

div.SectionHeading{
	border-bottom:dotted 1px #464646;
	margin-bottom:10px;
	margin-right:2px;
}

div.SectionHeading h2{
	display:inline;
	position:relative;
	top:4px;
	left:0;
	width:auto;
	height:auto;
	margin-bottom:0;
	padding-bottom:0;
	padding-right:8px;
	background-color:#191919;
	font-size:12px;
	color:#ff9900;
}








/* News listing */

#News{
	width:auto;
	height:auto;
	overflow:auto;
	margin-top:20px;
	margin-left:40px;
	margin-right:28px;
	margin-bottom:40px;
	padding:0;
}

#News div.Item{
	width:auto;
	height:auto;
	overflow:auto;
	border-bottom:dotted 1px #464646;
	margin-bottom:15px;
	padding-top:5px;
	padding-bottom:15px;
	float:none;
	clear:both;
}

#News div.Item div.Image{
	float:left;
	padding-right:15px;
	padding-top:2px;
}

#News h3{
	font-size:15px;
	font-weight:normal;
	margin:0;
	padding-bottom:5px;
}

#News h3 a{
	color:#b4b4b4;
	text-decoration:none;
}

#News h3 a:hover{
	color:#ffffff;
}

#News h4.Date{
	display:inline;
	font-size:11px;
	color:#80632d;
	font-weight:normal;
}

#News p{
	font-size:11px;
	color:#b4b4b4;
	margin-top:0px;
	margin-bottom:0px;
	padding:0;
	line-height:15px;
}

#News div.Item p a{
	display:block;
	float:right;
	text-decoration:none;
	color:#808080;
	margin-left:4px;
	padding-right:17px;
	background-image:url(../gfx/Arrow_Small_E.gif);
	background-repeat:no-repeat;
	background-position:right center;
}

#News div.Item p a:hover{
	color:#ffffff;
	background-image:url(../gfx/Arrow_Small_E_hover.gif);
}



/* News - exeptions for compact items. */

#News div.Compact{
	margin:0;
	padding:0;
	border:0;
}

#News .Compact h3{
	display:block;
	height:auto;
	overflow:hidden;
	font-size:11px;
	font-weight:normal;
	padding-bottom:2px;
}

#News .Compact span.Date{
	display:block;
	width:80px;
	height:auto;
	overflow:hidden;
	float:left;
	color:#80632d;
}




/* News tools - RSS, Subscribe etc */

div#NewsTools{
	padding-top:20px;
}

div#NewsTools a{
	font-size:11px;
	text-decoration:none;
	color:#b4b4b4;
	text-transform:uppercase;
}

div#NewsTools a:hover{
	color:#ffffff;
}

div#NewsTools a#RSS{
	float:left;
	margin-right:30px;
}

div#NewsTools a#Subscribe{
	float:left;
}

div#NewsTools a#MoreNews{
	float:right;
	margin-left:4px;
	padding-right:18px;
	background-image:url(../gfx/Arrow_Small_E.gif);
	background-repeat:no-repeat;
	background-position:right center;
}

div#NewsTools a#MoreNews:hover{
	background-image:url(../gfx/Arrow_Small_E_hover.gif);
}










/* Events listing */

div#Events{
	margin-top:37px;
	margin-right:0px;
}

div#Events div.SectionHeading{
	margin-bottom:13px;
	margin-left:3px;
	margin-right:3px;
}

div#Events div.Item{
	width:248px;
	height:auto;
	overflow:auto;
	float:left;
	margin-bottom:12px;
	padding-bottom:1px;
	padding-top:2px;
	background-color:#1e1e1e;
	border:solid 1px #050505;
	background-image:url(../gfx/Event_Item_bg_v03.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}

div#Events div.Item div.Image{
	width:244px;
	height:auto;
	overflow:hidden;
	margin-left:2px;
}

div#Events .Item .Content{
	margin:0px;
	padding-top:4px;
	padding-left:15px;
	padding-right:10px;
	font-size:11px;
}

div#Events .Item .Content h3{
	font-size:15px;
	font-weight:normal;
}

div#Events .Item h3 a{
	text-decoration:none;
	color:#bababa;
}

div#Events .Item h3 a:hover{
	color:#ffffff;
}

div#Events .Item h4.Date{
	font-size:11px;
	color:#bababa;
	font-weight:normal;
	margin:0;
	padding:0;
	padding-top:4px;
}

div#Events .Item .Content p{
	margin-top:10px;
	margin-bottom:0;
	padding-bottom:2px;
	font-size:11px;
	color:#6f6e6e;
}

div#Events .Item .Content p a{
	background-image:url(../gfx/Arrow_Mini_E.gif);
	background-repeat:no-repeat;
	background-position:center left;
	margin-left:10px;
	padding-left:7px;
	text-decoration:none;
	color:#93979b;
}

div#Events .Item .Content p a:hover{
	background-image:url(../gfx/Arrow_Mini_E_hover.gif);
	color:#ffffff;
}




/* Event listing page */

body.EventListing div#Events{
	margin-top:-4px;
	margin-left:11px;
}


body.EventListing div#Events div.Divider{
	width:500px;
	height:20px;
	overflow:hidden;
	margin-left:6px;
	padding:0;
	float:left;
	clear:both;
	border-bottom:dotted 1px #464646;
}

body.EventListing div#Events div.Item{
	margin-left:5px;
}




/* Compact listing */

body.EventListing div#Events div.Compact{
	width:500px;
	height:auto;
	overflow:auto;
	float:left;
	clear:both;
	
	margin-top:4px;
	margin-bottom:0px;
	margin-left:6px;
	margin-right:10px;
	
	
	padding-top:0;
	padding-bottom:4px;
	
	border:0;
	border-bottom:dotted 1px #464646;
	background-color:#191919;
	background-image:none;
}


body.EventListing div#Events .Compact .Content{
	margin:0px;
	padding-top:2px;
	padding-left:13px;
	padding-right:10px;
	font-size:11px;
}

body.EventListing div#Events .Compact .Content h3{
	width:320px;
	height:auto;
	overflow:auto;
	margin:0;
	padding:0;
	padding-bottom:2px;
	font-size:15px;
	font-weight:normal;
	float:left;
	clear:left;
}

body.EventListing div#Events .Compact h3 a{
	text-decoration:none;
	color:#bababa;
}

body.EventListing div#Events .Compact h3 a:hover{
	color:#ffffff;
}

body.EventListing div#Events .Compact h4.Date{
	width:320px;
	height:auto;
	overflow:auto;
	font-size:11px;
	color:#93979b;
	font-weight:normal;
	margin:0;
	padding:0;
	float:left;
}

body.EventListing div#Events .Compact .Content p{
	position:relative;
	top:-2px;
	left:0;
	margin-top:0px;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;

	font-size:11px;
	color:#6f6e6e;
}

























/* Spot listing  */

div#Spots{
	margin-top:37px;
	margin-right:15px;
}

div#Spots div.Item{
	width:auto;
	height:auto;
	min-height:170px;	
	overflow:auto;
	margin-bottom:5px;
	background-image:url(../gfx/Spot_Item_bg.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

div#Spots div.Item div.Label{
	width:224px;
	height:40px;
	/* Set default background - no icon */
	background-image:url(../gfx/Spot_Label_bg_Empty.gif);
	background-repeat:no-repeat;
}

div#Spots div.Item div.Label h2{
	font-size:13px;
	color:#ff9900;
	font-weight:normal;
	margin-top:0px;
	padding-top:15px;
	margin-left:15px;
}

/* Wrap image in div to be able to hide overflow. */
div#Spots div.Item div.Image{
	width:216px;
	height:auto;
	overflow:hidden;
	margin-left:4px;
	padding-bottom:2px;
}

div#Spots div.Item div.Content{
	width:auto;
	height:auto;
	overflow:auto;
	margin:0;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:5px;
}

div#Spots div.Item div.Content h3{
	font-size:15px;
	font-weight:normal;
	padding-bottom:5px;
}

div#Spots div.Item h3 a{
	text-decoration:none;
	color:#bababa;
}

div#Spots div.Item h3 a:hover{
	color:#ffffff;
}

/* Will this be used? */
div#Spots div.Item div.Content h4.Date{
	display:inline;
	font-size:11px;
	color:#80632d;
	font-weight:normal;
}

div#Spots div.Item div.Content p{
	font-size:11px;
	color:#808080;
	margin-top:0px;
	line-height:15px;
}

div#Spots div.Item p a{
	float:right;
	text-decoration:none;
	color:#808080;
	margin-left:4px;
	margin-bottom:4px;
	padding-right:15px;
	padding-bottom:0px;
	background-image:url(../gfx/Arrow_Small_E.gif);
	background-repeat:no-repeat;
	background-position:right center;
}

div#Spots div.Item p a:hover{
	color:#ffffff;
	background-image:url(../gfx/Arrow_Small_E_hover.gif);
}









/* Event details page */

#EventItemToolbar{
	width:430px;
	height:auto;
	overflow:auto;
	margin-top:20px;
	background-image:url(../gfx/EventItem_Toolbar_bg.jpg);
	background-repeat:no-repeat;
}

#EventItemToolbar a{
	display:block;
	width:auto;
	height:40px;
	float:left;
	margin-top:10px;
	margin-left:15px;
	margin-right:10px;
	font-size:11px;
	text-decoration:none;
	color:#bababa;
}

#EventItemToolbar a:hover{
	color:#ffffff;
}

#EventItemToolbar a span{
	display:block;
	padding-top:5px;
}


#EventItemToolbar a#Hitta{
	background-image:url(../gfx/EventTools_Globe.gif);
	background-repeat:no-repeat;
	padding-left:30px;
}

#EventItemToolbar a#Skrivut{
	background-image:url(../gfx/EventTools_Print.gif);
	background-repeat:no-repeat;
	padding-left:30px;
}

#EventItemToolbar a#Tickets{
	float:right;
	background-image:url(../gfx/EventTools_Buy.gif);
	background-repeat:no-repeat;
	padding-left:35px;
	color:#ff9f00;
}

#EventItemToolbar a#Tickets:hover{
	color:#ffffff;
}

/*
#EventItemToolbar a#Info{
	background-image:url(../gfx/EventTools_Info.gif);
	background-repeat:no-repeat;
	padding-left:30px;
}

#EventItemToolbar a#Email{
	background-image:url(../gfx/EventTools_Email.gif);
	background-repeat:no-repeat;
	padding-left:30px;
}
*/


/* Date on event item */

body.EventDetails h1{
	margin-bottom:0;
}

body.EventDetails h4.Date{
	font-size:17px;
	color:#bababa;
	font-weight:normal;
	margin-top:0px;
	padding-top:0px;
}








/* Footer */

div#PageFooterContainer{
	width:100%;
	height:auto;
	overflow:auto;
	margin-top:0;
	margin-bottom:30px;
}

div#PageFooter{
	margin:0;
	margin-right:50px;
	padding:5px;
	text-align:center;
}

div#PageFooter a{
	margin:0;
	padding:0;
}

div#PageFooter a#Footer_Swedbank img{
	border-right:solid 1px #817d82;
}

div#PageFooter p{
	font-size:11px;
	color:#7f7f83;
	margin-bottom:10px;
}

div#PageFooter a:link, div#PageFooter a:visited{
	color:#7f7f83;
}

div#PageFooter a:hover, div#PageFooter a:active{
	color:#ffffff;
}

div#PageFooter div#FooterLogos{
	margin-top:20px;
}





/* Overrides on Home */
/* FIXME! Hmmm... tror dessa �r on�diga iom att vi s�tter klass p� body ist�llet... Testa! */

div#PageMiddle.Home{
	background-image:none;
}

div#PageMiddle.Home #ContentContainer{
	width:970px;
}

div#PageMiddle.Home div#LeftContent{
	width:442px;
	margin-top:25px;
	float:left;
}

div#PageMiddle.Home div#MainContent{
	margin-top:20px;
	padding-top:0;
	margin-bottom:20px;
	margin-right:20px;
}

div#PageMiddle.Home div#MainContent h1{
	margin-top:21px;
}

div#PageMiddle.Home div#MainContent p{
	font-size:14px;
	line-height:21px;
	color:#bbbbbb;
}

div#PageMiddle.Home div#News{
	margin-right:0;
}















/* TopNav */

ul#TopNav{
	position:relative; /* Need this since we're placing inside elements absolutely! */
	width:auto;
	height:32px;
	overflow:hidden;
	margin:0;
	padding-left:30px;
}

ul#TopNav li{
	list-style:none;
	display:inline;
	width:auto;
	height:32px;
	float:left;
	clear:none;
	margin:0px;
}

ul#TopNav li a, ul#TopNav li span.NoLink{
	position:relative;
	display:block;
	width:auto; /* Do not set to 100% - this would break the layout! */
	height:100%;
	z-index:10;
	float:left;
	border:0;
	text-decoration:none;
	color:#bbbbbb;
	padding-left:20px;
	padding-right:20px;
	background-image:url(../gfx/TopNav_divider.gif);
	background-repeat:no-repeat;
	background-position:center right;
}

ul#TopNav li a:hover{
	color:#ffffff;
}

ul#TopNav li.LastItem a{
	background-image:none;
}

ul#TopNav li.ClosedSelected a, ul#TopNav li.Open a, ul#TopNav li.OpenSelected a{
	color:#ffffff;
}

ul#TopNav li a span, ul#TopNav li span.NoLink span{
	display:block;
	width:auto;
	height:auto;
	padding-top:7px;
	font-size:13px;
}

/* FF + IE6 Workaround... */
ul#TopNav li.ClosedSelected a span, ul#TopNav li.Open a span, ul#TopNav li.OpenSelected a span{
	color:#ffffff;
}



/* There's something buggy with this in Safari for Win (Vista at least) */

ul#TopNav li.back{
	position:absolute;
	top:0;
	left:0;
	width:100px;
	height:32px;
	margin-left:0;
	z-index:8;
	background-image:url(../gfx/menu_li_back_spot.gif);
	background-position:center center;
	background-repeat:repeat-y;
}


ul#TopNav li#Empty{
	list-style:none;
	display:inline;
	width:0px;
	height:32px;
	overflow:hidden;
	float:left;
	clear:none;
	margin-left:-30px;
}

ul#TopNav li#Empty a{
	width:1px;
	height:1px;
	overflow:hidden;
}

/* End TopNav */













/* SubMenu: Rev 2008.12.08 /PA */
/* Colors: Need to declare colors this for IE6 to fully understand... */

div#SubNav ul li.Closed a:link span,
div#SubNav ul li.Closed a:visited span{
	color:#969696;
}

div#SubNav ul li.Open a span,
div#SubNav ul li.OpenSelected a span,
div#SubNav ul li.ClosedSelected a span,
div#SubNav ul li.Closed a:hover span,
div#SubNav ul li.Closed a:active span{
	color:#ffffff;
}


/* Level 1 */

div#SubNav ul{
	list-style:none;
	margin:0;
	padding:0;
}

div#SubNav ul li{
	display:block;
	width:100%;
	float:left;
	clear:left;
	border-bottom:dotted 1px #444444;
}

div#SubNav ul li a{
	display:block;
	width:100%;
	height:auto;
	padding-top:4px;
	padding-bottom:4px;
	text-decoration:none;
}

div#SubNav ul li a span{
	display:block;
	width:auto;
	height:auto;
	padding-left:12px;
}

/* Level 2 */

div#SubNav ul ul{
	width:auto;
	height:auto;
	overflow:auto;
	margin-bottom:8px;
}

div#SubNav ul ul li{
	border-bottom:none;
}

div#SubNav ul ul li a{
	padding-top:2px;
	padding-bottom:2px;
}

div#SubNav ul ul li a span{
	padding-left:32px;
	font-size:11px;
}

/* Level 3 */

div#SubNav ul ul ul li a span{
	padding-left:48px;
}

/* Level 4 */

div#SubNav ul ul ul ul li a span{
	padding-left:60px;

}















body.ArticlePage #MainContent h4.Date{
	display:inline;
	font-size:11px;
	color:#80632d;
	font-weight:normal;
	
	padding-left:10px;
	background-image:url(../gfx/News_Date_bg.gif);
	background-repeat:no-repeat;
	background-position:left center;
}





#MainContent fieldset{
	padding:20px;
}

#MainContent legend{
	font-size:11px;
	color:#bababa;
	padding-right:10px;
	margin-bottom:10px;
}

#MainSearch{

}

#MainSearch li{
	margin-bottom:10px;
}

#MainSearch p{
	margin:0;
	padding:0;
	font-size:11px;
	line-height:normal;
}





/* Background images for the labels, controlled by class selection. */
/* Should these be placed in Shared.css? */

div#Spots div.Item div.Write{
	background-image:url(../gfx/Spot_Label_bg_Write.gif);
}

div#Spots div.Item div.Calendar{
	background-image:url(../gfx/Spot_Label_bg_Calendar.gif);
}

div#Spots div.Item div.Zoom{
	background-image:url(../gfx/Spot_Label_bg_Zoom.gif);
}

div#Spots div.Item div.Player{
	background-image:url(../gfx/Spot_Label_bg_Player.gif);
}

div#Spots div.Item div.Star{
	background-image:url(../gfx/Spot_Label_bg_Star.gif);
}

div#Spots div.Item div.Exclamation{
	background-image:url(../gfx/Spot_Label_bg_Exclamation.gif);
}

div#Spots div.Item div.Info{
	background-image:url(../gfx/Spot_Label_bg_Info.gif);
}





/* Generic floater classes. */
.FloatLeft{
	float:left;
}

.FloatRight{
	float:right;
}

.PrintOnly{
	display:none;
}



















/* SQ start */

/* Info ("Visste du att") listing  */

div#Info{
	padding-top:30px;
	margin-right:4px;
	clear:both;
}

div#Info div.Item{
	margin-bottom:5px;
}

div#Info div.Item div.Label h2{
	font-size:13px;
	color:#80632d;
	font-weight:normal;
	margin-left:15px;
}

div#Info div.Item div.Content{
	padding-left:15px;
	padding-right:15px;
	padding-bottom:5px;
}

div#Info div.Item div.Content p{
	font-size:11px;
	color:#444444;
	line-height:16px;
}

div.scfTitleBorder
{	
	font-family:arial, helvetica, sans-serif;
	font-size:26px;
	color:#d0d0cf;
	font-weight:normal;
	margin-bottom:12px;
        display: block;
        margin-top:0px;
}


/* SQ end*/