/* body, clearfix */

body
{
	margin: 0;
	padding: 0;
	background-image: url('img/bgdeluxe.jpg');
	background-repeat: repeat-x;

	/* */
	
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
}

#globalTest { width:350px; position:absolute; top:100px; left:1470px; border:1px solid #000; padding:5px; display:none; }

.clearfix { clear: both; }
.lfloat { float:left; }
.rfloat { float:right; }
.red { font-weight:bold; color:red; }

#entre_banner { text-align:center; }
#entre_banner.externalAd { padding-top:15px; background:url(http://www.entresundsvall.nu/img/annonspil_45x5.gif) top left no-repeat; }

/**/

/* Länkar, bilder, standardtaggar och input */

a
{
	font-weight: bold;
	color: #149ea1;
	text-decoration: underline;
	outline:none;
}

a:hover
{
	font-weight: bold;
	color: #44c3c6;
	text-decoration: underline;
}

a.dark
{
	font-weight: bold;
	color: #555555;
	text-decoration: none;
}

a.dark:hover
{
	font-weight: bold;
	color: #777777;
	text-decoration: none;
}

img
{
	border: 0;	
}

p
{
	margin: 0;
	padding: 0;
}

.rightAd, .fakeAd { margin-bottom:15px; width:200px; text-align:center; }
.fakeAd { background:url(img/ad.gif) top left no-repeat; }
.adTopic { display:block; background:url(img/annonspil_45x5.gif) top left no-repeat; margin-bottom:5px; }

#leftSide 
{
	width:720px;
	float:left;
}

#rightSide { float:right; width:200px; }

#leftSide .topic { padding:20px 0; border-bottom:1px solid #ccc; border-top:1px solid #ccc; }

#leftSide .topic h1
{
	margin: 0;
	padding: 0;
	font-size: 3em;
	font-weight: bold;
	font-family:Helvetica, Arial, sans-serif;
	letter-spacing:-1px;
}

#leftSide .topic .statusField
{
	font-size:16px;
	background-image: url('img/bg_infobox.gif');
	background-repeat: repeat-x;
	border:1px solid #ccc;
	padding:8px;
	text-align:center;
	margin:25px 0;
}

#leftSide .topic .statusField span { padding-right:5px; }

input[type="text"], #logonContainer input, textarea, #opinionForm input, #opinionForm textarea, #settingsWrapper .form input
{
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	float: left;
	background-color: #f9f9f9;
	border: 1px solid #cccccc;
	border-top: 2px solid #cccccc;
	padding: 3px;
	margin-right: 5px;
	color: #555555;
}

input[type="image"], textarea
{
	float: left;
}

input[type="radio"] { background:transparent !important; border:0 !important; }

/**/

/* Textfärger */

.light
{
	color: #333333;
}

.lighter
{
	padding-left:10px;
	color: #149ea1;
	text-transform:uppercase;
}

/**/

#mainContainer
{
	width: 100%;
}

#headerContainer
{
	width: 100%;
	height: 110px;
	overflow: hidden;
	background-image: url(img/topRepeatLarge.gif);
}

#mainHeaderContainer
{
	width: 940px;
	margin: 0 auto 0 auto;
	padding:4px 25px 0 25px;
}

#mainHeaderContainer .logotype
{
	float: left;
	padding: 10px 0 10px 0;
	margin-right:20px;
}

#mainHeaderContainer .logotype a img { margin-top:8px; }

#mainHeaderContainer .topMenu
{
	float: left;
	padding:38px 0 0 0;
	margin-left:10px;
}

#mainHeaderContainer .phone
{
	float: right;	
	text-align:center;
	padding-top: 42px;
	font-size: 1.2em;
	font-weight: bold;
	color: #fdee00;
}

#mainContentContainer
{
	width: 950px;
	background:#fff;
	margin: 0 auto 0 auto;
	padding:25px;
}

#mainContentContainer #openHours
{
	float:right;
	font-size:1.2em;
	text-align:center;
	padding-right:5px;
	margin-bottom:25px;
}

#mainContentContainer #openHours h3
{
	margin:0 0 6px 0;
	padding:0;
}

#mainContentContainer #splitContentContainer { padding-top:15px; }

#mainContentContainer #splitContentContainer #leftSplitContainer
{
	float: left;
	width: 500px;
	min-height: 400px;
	margin-right:14px;
}
#mainContentContainer #splitContentContainer #leftSplitContainer.info { width:100%; }

#leftSplitContainer .searchInfo { width: 482px; height: 12px; padding: 9px; font-size: 9px; font-weight: bold; color: #555555; background-image: url('img/SearchInfoBack.gif'); margin: 0 0 20px 0; }

#mainContentContainer #splitContentContainer #rightSplitContainer
{
	float: right;
	width: 190px;
	min-height: 400px;
}

#mainContentContainer #EventList { }

#mainContentContainer .EventBlock
{
	position: relative;
	color:#717171;
	width: 500px;
	height: auto;
	margin-bottom: 20px;
	padding-bottom:0;
	border-bottom: 1px solid #CCC;
}

#mainContentContainer .trunk
{
	display: none;
}

#mainContentContainer #EventListSingle .Description, #mainContentContainer #EventListSingle .Snapshot
{
	width:510px;
}

#mainContentContainer #EventListSingle .EventBlock
{
	width: 720px;
}

#mainContentContainer .EventBlock.mini
{ 
	min-height:170px;
	height:auto !important;
	height:170px;
}

#mainContentContainer .EventBlock .Youtubes { line-height:1.4em; margin-bottom: 20px;}

#mainContentContainer .EventBlock.mini .Description,
#mainContentContainer .EventBlock.mini .Youtubes { display:none; }

#mainContentContainer .EventBlock .Youtube { display:block; margin-top:20px; }

#mainContentContainer .EventBlock .Image
{
	display: block;
	float: right;
	margin: 0 0 20px 20px;
	padding-top: 5px;
}

#mainContentContainer .EventBlock .hiddenForLightbox { display:none; }

#mainContentContainer .EventBlock a { text-decoration:none; }

#mainContentContainer .EventBlock .stepLeft,
#mainContentContainer .EventBlock .bigStepLeft { display: none; margin-right: 5px; }
#mainContentContainer .EventBlock .stepRight,
#mainContentContainer .EventBlock .bigStepRight { display: none; margin-right: 5px; }

#mainContentContainer .EventBlock .Web,
#mainContentContainer .EventBlock .ArrName,
#mainContentContainer .EventBlock .Name,
#mainContentContainer .EventBlock .Doors,
#mainContentContainer .EventBlock .Closing,
#mainContentContainer .EventBlock .Arranger,
#mainContentContainer .EventBlock .AgeLimit,
#mainContentContainer .EventBlock .PriceList,
#mainContentContainer .EventBlock .NameUnderArr { display: block; padding-top: 3px; }

#mainContentContainer .EventBlock .Location,
#mainContentContainer .EventBlock .City { }
#mainContentContainer .EventBlock .City strong { font-weight: normal; }
#mainContentContainer .EventBlock .shortInfo strong { margin-right:3px; line-height:17px; }
#mainContentContainer .EventBlock .priceList { padding: 10px 0 10px 0; width: 300px; }
#mainContentContainer .EventBlock .priceList .Price { font-weight: bold; }
#mainContentContainer .EventBlock .priceList .Title { float: left; width: 90px;}
#mainContentContainer .EventBlock .priceList .Prices { float: left; padding-left: 5px; font-weight: bold; }
#mainContentContainer .EventBlock .priceList .PricesSpacer { float: left; padding-left: 5px; }
#mainContentContainer .EventBlock .priceList .priceContainer { height: 18px; }

#mainContentContainer .EventBlock .ArrName { display: none; }

#mainContentContainer .EventBlock .Name a,
#mainContentContainer .EventBlock .ArrName
{
	font-size: 1.6em;
	text-transform: uppercase;
	color: #fe0000;
	font-weight:normal;
}

#mainContentContainer .EventBlock.arr .Name
{
	font-size: .7em;
}

#mainContentContainer .EventBlock.arr .ArrName
{
	display: inline;
}


#mainContentContainer .EventBlock a:hover { text-decoration:underline; }

#mainContentContainer .EventBlock .NameUnderArr,
#mainContentContainer .EventBlock .Category
{
	color:#000;
	padding-top: 5px;
	font-weight:bold;
	text-transform: uppercase;
}

#mainContentContainer .EventBlock .Date
{
	color:#717171;
	font-size:1em;
	font-family:Verdana, Geneva, sans-serif;
	padding-right:5px;
}

#mainContentContainer .EventBlock .ReleaseDate
{
	width:500px;
	padding: 10px 0 0 0;
	display: block;
	color:#000000;
	font-size:1em;
	font-family:Verdana, Geneva, sans-serif;
	padding-right:5px;
}

#mainContentContainer .EventBlock .Full
{
	position: absolute;
	top: -20px;
	left: 320px;
}
#mainContentContainer .EventBlock .FullSpacer {}
#mainContentContainer .EventBlock .FullDesc
{
	color: red; padding-bottom: 10px;
}

#mainContentContainer .EventBlock .Cancelled {padding: 0 10px 0 10px; color: #ffffff; width: 310px; background-color: #990000;}
#mainContentContainer .EventBlock .Cancelled a  {color: #ffffff; text-decoration: underline;}
#mainContentContainer .EventBlock .Cancelled a:hover {color: #ffffff; text-decoration: none;}
#mainContentContainer .EventBlock .CancelledTop {margin-top: 10px;}
#mainContentContainer .EventBlock .CancelledBottom {margin-bottom: 10px;}
#mainContentContainer .EventBlock .Cancelled .Header {font-weight: bold; padding-bottom: 5px; font-size: 1.1em;}
#mainContentContainer .EventBlock .Cancelled .Header .Info {float: right; /*visibility: hidden;*/}
#mainContentContainer .EventBlock .Cancelled .Header .Info a.showMoreCancelled {text-decoration: none; font-weight: normal; font-size: .8em; padding-left: 14px; background-image: url('/img/moreinfo0.gif'); background-repeat: no-repeat;}
#mainContentContainer .EventBlock .Cancelled .Header .Info a.showMoreCancelled:hover {font-weight: normal; font-size: .8em; padding-left: 14px; background-image: url('/img/moreinfo.gif'); background-repeat: no-repeat;}
#mainContentContainer .EventBlock .Cancelled .Short {}
#mainContentContainer .EventBlock .Cancelled .Long {padding-top: 10px; /*display: none;*/}


/* Tickets - Biljetter släpps */

#mainContentContainer .EventBlock .Tickets {padding: 0 10px 0 10px; color: #000000; width: 310px; background-color: #e9f2f6;}
#mainContentContainer .EventBlock .Tickets a  {color: #000000; text-decoration: underline;}
#mainContentContainer .EventBlock .Tickets a:hover {color: #000000; text-decoration: none;}
#mainContentContainer .EventBlock .TicketsTop {margin-top: 10px;}
#mainContentContainer .EventBlock .TicketsBottom {margin-bottom: 10px;}
#mainContentContainer .EventBlock .Tickets .Header {font-weight: bold; padding-bottom: 5px; font-size: 1.1em;}
#mainContentContainer .EventBlock .Tickets .Header .Info {float: right; /*visibility: hidden;*/}
#mainContentContainer .EventBlock .Tickets .Header .Info a.showMoreCancelled {text-decoration: none; font-weight: normal; font-size: .8em; padding-left: 14px; background-image: url('/img/moreinfo0.gif'); background-repeat: no-repeat;}
#mainContentContainer .EventBlock .Tickets .Header .Info a.showMoreCancelled:hover {font-weight: normal; font-size: .8em; padding-left: 14px; background-image: url('/img/moreinfo.gif'); background-repeat: no-repeat;}
#mainContentContainer .EventBlock .Tickets .Short {font-size: 10px;}
#mainContentContainer .EventBlock .Tickets .Long {padding-top: 10px; /*display: none;*/}
#mainContentContainer .EventBlock .Tickets .Date {color:#FE0000; font-weight: normal; font-size: 16px; padding: 5px 0; display: block;}

/* */

#mainContentContainer .EventBlock .Snapshot span { display:none; }

#mainContentContainer .EventBlock .Snapshot
{
	display: block;
	padding: 5px 0;
}

#mainContentContainer .EventBlock .Description
{
	display: block;
	padding-top: 10px;
}

#mainContentContainer .EventBlock .Description { padding-bottom:10px; }

.EventBlock .map span { display:block; text-align:right; width:267px; padding-top:3px; }


/* EventListSingle */

/*body.gavle #mainContentContainer #EventListSingle { display:none !important; }*/

#mainContentContainer #EventListSingle { padding: 10px; border-bottom: 1px solid #CCC; background-color: #fafafa; }
#mainContentContainer #EventListSingle .EventBlock { margin-bottom: 0; }
#mainContentContainer #EventListSingle .EventBlock .Image
{
	float: left;
	margin: 0 20px 20px 0;
}

#mainContentContainer #EventListSingle .EventBlock .singleWrapper
{
	margin-left: 160px;
}

#mainContentContainer #EventListSingle .EventBlock .Name a
{
	font-size: 2.1em;
}


.infoBoxHead {
background-image: url('img/bg_infobox_head.gif');
background-repeat: repeat-x;
background-color: #01777a;
padding: 0px;
padding-top: 10px;
padding-bottom: 10px;
border-style: solid;
border-width: 1px;
border-top-color: #0e979b;
border-left-color: #1c9da1;
border-right-color: #1c9da1;
border-bottom-color: #0e979b;
font-weight: bold;
}

.infoBoxHead h1 {
font-size: 1.2em;
word-spacing: normal;
margin: 0px;
margin-left: 12px;
margin-right: 12px;
color: #fff;
text-transform: none;
}

#right2Column .infoBoxHead {
width: 188px;
}

.infoBox {
background-image: url('img/bg_infobox.gif');
background-repeat: repeat-x;
background-color: #fff;
width: 174px;
margin-bottom: 10px;
padding:8px 4px 10px 10px;
border-style: solid;
border-width: 1px;
border-color: #e8e8e8;
font-weight: bold;
}

.infoBox ul {
list-style: none;
margin:0;
padding:0;
line-height:1.6em;
}

.infoBox ul a { text-decoration:none; }

.infoBox ul a:hover { text-decoration:underline; }

#subHeaderContainer { float:left; width:750px; padding-bottom:10px; }

#mainContentContainer #subHeaderContainer .subheader
{
	float:left;
	width:730px;
	padding: 0 0 20px 0;
	margin:0;
}

#subHeaderContainer #searchContainer { float: left;	 }
#subHeaderContainer #searchContainer .searchBox { float: left; margin-right:8px;}
#subHeaderContainer #searchContainer .searchOpts { margin-top:10px; }
#subHeaderContainer #searchContainer #searchAdv { margin: 20px 0 0 0; }

/* Sök */

#subHeaderContainer #searchContainer #searchAdv #categories { display: block; width: 330px; margin-top: 20px; }
#subHeaderContainer #searchContainer #searchAdv #categories .category { float: left; }
#subHeaderContainer #searchContainer #searchAdv #categories .category .cat { width: 160px; }

#subHeaderContainer #logonContainer { float:right; }
#subHeaderContainer #logonContainer .regUsr { margin-top:10px; float:left; }

#smallNavButtons
{
	float: left;
}

#smallNavButtons ul,
#smallNavButtons li
{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	cursor: default;
}

#officeList { font-size:1.3em; }
.office { width:100%; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:20px; }
.office .left { width:480px; float:left; margin-right:20px; }
.office .right { width:202px; padding:8px; float:left; background: #fff url('img/bg_infobox.gif') top left repeat-x; border:1px solid #ccc; }
.office.main { padding-top:0; }
.office strong { font-size:1em; display:block; margin-bottom:5px; }
.office span { display:block; }
.office .child strong { margin-top:10px; }
.office.main strong { font-size:1.5em; }

#ticketInfo ul { margin:0; padding-left:15px; }
#ticketInfo li { padding-left:10px; }
#ticketInfo span { display:block; margin-bottom:15px; }

#footer { height:79px; background: url(img/bg_footer.gif) top left repeat-x; color: #fdee00; padding-top:21px; overflow:hidden; }
#footer .footerInfo { width:990px; margin:0 auto; padding:0 10px 10px 10px; }
#footer .leftFooter { float:left; }
#footer .rightFooter { float:right; text-align:right; font-size:1.3em; line-height:1.3em; padding-top:20px; letter-spacing:1px; }
#footer .rightFooter span.right { border-right:1px solid #fdee00; }
#footer .rightFooter span { padding:0 15px; }

#opinionForm { text-align:center; width:190px; height:231px; margin-bottom:20px; background:url(img/bg_opinionform_feedback.gif) top left no-repeat; padding-top:72px; }
#opinionForm input, #opinionForm textarea { margin-bottom:12px;  }
#searchBtn { float:left; }
#opinionForm input.subm.feedback, #searchContainer input.subm.search
{
	display:block;
	overflow:hidden;
	height:24px;
	padding:auto 0;
	padding-left:18px;
	background: transparent url('img/bg_button_span.gif') top left no-repeat;
	border:0;
	cursor:pointer;
}

#searchContainer input.subm.search { width:36px; float:left; font-size:0.9em; padding:auto; padding-bottom:1px; margin-left:10px; }

#opinionForm input.red, #opinionForm textarea.red  { color:red; font-weight:bold; }

span.fin { float:left; display:block; height:24px; width:18px; background: transparent url('img/bg_button_a.gif') no-repeat scroll top right; }

/* CSS för sliding doors knappar */

#sortContainer {
display:block;
margin: 0px;
border-bottom:1px solid #ccc;
padding:15px 0 2px 0;
}

a.button, #searchBtn a.button.search {
	float:left;
	display:block;
	overflow:hidden;
	width:36px;
	height: 24px;
	background: transparent url('img/bg_button_a.png') no-repeat scroll top right;
	cursor:pointer;
    color: #444;
	font-size:0.9em;
	font-weight: normal;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    text-transform: normal;
}

a.button span, #searchBtn a.button.search span {
    background: transparent url('img/bg_button_span.png') no-repeat scroll top left;
    height: 14px;
    color: #444;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
    text-transform: none;
}

a.button:hover { text-decoration:none; font-weight: normal; text-transform: normal; }
a.button:active, a.button#pressed { background-position: bottom right; }
a.button:active span, a.button#pressed span {
    background-position: bottom left;
    color: #999;
	outline:none;
	cursor:text;
}

a.button.bydate { width:49px; }
a.button.bycategory { width:58px; }
a.button.byname { width:48px; }
a.button.logon { width:60px; margin-left:8px; }
a.button.logout { width:61px; margin:8px 0 0 0; }
a.button.reg_user { width:120px; margin-top:7px; }
#opinionForm input.subm.feedback, a.button.feedback { margin:0 0 0 16px; width:140px;  font-size:1em; }
a.button.feedback { float:none; margin:0 auto; }
a.button.save { width:109px; float:none; }

.hiddenInfo { display:none; }

/* CSS för Meny-knappar */

a.menubutton {
	float:left;
	display:block;
	overflow:hidden;
	width:36px;
	height: 25px;
	background: transparent url('img/bg_menubutton_a.gif') no-repeat scroll top right;
	cursor:pointer;
    color: #fdee00;
    font-family: Helvetica, Arial, sans-serif;
	font-size:0.9em;
	font-weight: normal;
    margin:0 9px;
	letter-spacing:1px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    text-transform:uppercase;
}

a.menubutton span {
    background: transparent url('img/bg_menubutton_span.gif') no-repeat scroll top left;
    height: 15px;
    color: #fdee00;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.menubutton:hover { text-decoration:none; font-weight: normal; }
a.menubutton:active, a.menubutton#pressed { background-position: bottom right; }
a.menubutton:active span, a.menubutton#pressed span {
    background-position: bottom left;
    color: #fdee00;
	outline:none;
	cursor:text;
	text-transform:uppercase;
}

a.menubutton.home { width:56px; }
a.menubutton.offices { width:58px; }
a.menubutton.partners { width:80px; }
a.menubutton.info { width:97px; }
a.menubutton.mypage { width:74px; }

/* CSS för EventBlock Footer */

#mainContentContainer .EventBlock .footer { margin-top:10px; }
.footerBar { padding:0; margin:0; list-style:none; position:relative; z-index:500; font-family:arial, verdana, sans-serif; }
.footerBar li.fl { display:block; float:left; height:25px; padding-top:8px;  }
.footerBar li.fl.readmore { margin-right:20px; display: none; }
.footerBar li.fl a { color: #149ea1; }
.footerBar li.fl a:hover, .footerBar li:hover ul.pop li a:hover { color: #44c3c6; text-decoration:underline; }
.footerBar li a.fa { display:block; float:left; text-decoration:none; font-size:12px; font-weight:bold; padding:0; cursor:pointer; }
.footerBar li a.fa span { float:left; display:block; padding-right:20px; }
.footerBar li:hover { position:relative; z-index:200; }
.footerBar li:hover ul.pop { top:-60px; left:1px; background: transparent url(img/bg_infobox.gif) top left repeat-x; white-space:nowrap; width:223px; height:auto; z-index:300; border-top:1px solid #ccc; }
.footerBar li:hover ul.pop.social { top:-140px; }
.footerBar li:hover ul.pop.booking { display:block; background-position:0 -20px; }
.footerBar li:hover ul.pop li { display:block; height:22px; position:relative; float:left; width:222px; padding:0; margin:0; font-weight:normal; border-left:1px solid #ccc; border-right:1px solid #ccc; }
.footerBar li:hover ul.pop .ft { display:block; height:16px; background:transparent url(img/sbbottom.png) top left no-repeat; border:0; width:223px; }
.footerBar li:hover ul.pop li a { display:block; width:222px; height:12px; font-size:11px; text-indent:5px; color: #149ea1; font-weight:bold; text-decoration:none; padding:5px 0; margin:0; }
.footerBar li:hover ul.pop li.last { padding-bottom:3px; height:26px; overflow:hidden; background:#fff; border-right: 1px solid #ccc; }
.footerBar li:hover ul.pop li.last a { overflow:hidden; background:#fff; }
.footerBar ul,  .footerBar li:hover ul ul, .footerBar li:hover li:hover ul ul,
.footerBar li:hover li:hover li:hover ul ul, .footerBar li:hover li:hover li:hover li:hover ul ul { position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }
.footerBar li:hover ul.pop li.share { padding-bottom:3px; }
.footerBar li:hover ul.pop li.share a, .footerBar li.share a { margin:2px 0 0 4px; padding-left:25px; width:180px; }
.footerBar li:hover ul.pop li.share.facebook a, .footerBar li.share.facebook a { background:url(http://st.nu/misc/images/articleFacebookShare.gif) no-repeat; }
.footerBar li:hover ul.pop li.share.twitter a, .footerBar li.share.twitter a { background:url(http://st.nu/misc/images/articleTwitterShare.gif) no-repeat; }
.footerBar li:hover ul.pop li.share.pusha a, .footerBar li.share.pusha a { background:url(http://st.nu/misc/images/articlePushaShare.gif) no-repeat; }
.footerBar li:hover ul.pop li.share.bloggy a, .footerBar li.share.bloggy a { background:url(http://st.nu/misc/images/articleBloggyShare.gif) no-repeat; }
.footerBar li:hover ul.pop li.share.bloggy, .footerBar li:hover ul.pop li.share.delicious { background:#fff; }
.footerBar li:hover ul.pop li.share.pusha { background: #fff url(img/bg_infobox.gif) repeat-x; background-position: 0 -50px; }
.footerBar li:hover ul.pop li.share.delicious a, .footerBar li.share.delicious a { background:url(http://st.nu/misc/images/articleDeliciousShare.gif) no-repeat; }
.footerBar li.share { display:block; float:left; padding:0; width:24px; height:24px; overflow:hidden; margin-right:20px; }
.footerBar li.share a { display:block; width:24px; height:24px; margin:0; }

.footerBar li:hover ul.pop.contact li { display:block; height:auto; }
.footerBar li:hover ul.pop.contact { display:block; background-position:0 -20px; }
.footerBar li:hover ul.pop.contact li span { display:block; font-weight: bold; }
.footerBar li:hover ul.pop.contact li span a { font-weight: normal; display: inline; }
.footerBar li:hover ul.pop.contact li span.phoneNumber { font-weight: normal; display: inline; }

/* Lytebox.css */

#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
#lbOverlay.grey { background-color: #000000; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
#lbOuterContainer.grey { border: 3px solid #888888; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(admin/images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(admin/images/blank.gif) no-repeat; display: block; left: 0; float: left; }
#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(admin/images/prev_grey.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(admin/images/blank.gif) no-repeat; display: block; right: 0; float: right; }
#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(admin/images/next_grey.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	
#lbDetailsData { padding: 0 10px; }
#lbDetailsData.grey { color: #333333; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbClose.grey { background: url(admin/images/close_grey.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPlay.grey { background: url(admin/images/play_grey.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPause.grey { background: url(admin/images/pause_grey.png) no-repeat; }

.EventLoader {display: none;}
.EventLoaderNoEvents {display: none;}



/* Anders: CSS för Stenstan dynamisk toppbanner */
#stenstanTop { width:990px; height:207px; overflow:hidden; margin:1px 0 12px 0; padding:0 0 0 50px; background:url(http://st.nu/misc/images/stenstanTopBkg.jpg) top left no-repeat; }
#stenstanTop img { border:0; }
.stenstanAd { float:left; width:212px; height:185px; padding:9px 0 0 7px; margin-right:21px; background:url(http://st.nu/misc/images/stenstanTopBox.gif) top left no-repeat; }
.stenstanAd a { text-decoration:none; display:block; width:198px; height:169px; background-repeat:no-repeat; }
#stenstanAds { margin:11px 0 0 0; float:left; }
#stenstanLogo { display:block; float:left; width:178px; height:157px; margin:26px 41px 0 0; }

.MessageText { width: auto; padding: 10px; padding-left: 40px; background-color: #149ea1; background-image: url('img/info.png'); background-repeat: no-repeat; background-position: 2px 5px; color: #ffffff; font-size: 11px; margin-bottom: 10px; }
.MessageText a { color: #ffffff; font-weight: bold; }
.MessageText a:hover { color: #ffffff; font-weight: bold; }
#EventMessages.HasMessages {border-bottom: 1px solid #cccccc; margin-bottom: 10px; padding-bottom: 5px;}

.directLink { padding: 10px 0 5px 0; color: #999999; }


/* Karta */

#EventList .text,
#EventListSingle .text
{
	clear: left;
}

#EventList .text,
#EventListSingle .text
{
	float: left;
	margin-top: 20px;
}

#EventList .text .Postal,
#EventListSingle .text .Postal
{
	display: block;
}

#EventList .map,
#EventListSingle .map
{
	float: right;
	margin-top: 20px;
}

#EventList .map,
#EventListSingle .map
{
	width: 265px;
	height: 265px;
	border: 1px solid #bcc5cf;
	background-image: url("img/loadmap.jpg");
}

#EventList .map.nojs,
#EventListSingle .map.nojs
{
	background-image: url("img/aktiverajs.jpg") !important;
}

/* Debug */

#EventList .EventBlock
{
	/*border: 1px solid red;*/
}

.sortTopic { float:left; width:80px; padding-top:2px; }

/* Mobil CSS */

#mobileQuestion
{
	display:block;
	width:100%;
	margin-top:50px;
	height:240px;
	border-radius:12px;
	border-color:#000;
	background:url('img/mobile_win_bkg.gif') center center no-repeat;
	position:relative;
}

#mobileQuestion .mobileTopic
{
	width:434px;
	height:34px;
	margin-top:17px;
	margin-left:40px;
}

a.mobileBtn {
	display:block;
	width:280px;
	height:74px;
	background:url('http://guiden.st.nu/img/mobile_mobile.png') top left no-repeat;
	text-decoration:none;
	margin-left:110px;
}

a.mobileBtn.forward {
	background:url('http://guiden.st.nu/img/mobile_normal.png') top left no-repeat;
	margin-left:110px;
}

body.mobile { width:516px; overflow:auto; }
body.mobile #leftSide .topic { font-size:10px; height:100px; width:490px; }
body.mobile #leftSide .topic h1 { display:block; float:left; width:300px; }
body.mobile #leftSide .topic .lighter { display:block; padding:0; }
body.mobile #leftSide .topic .phone { font-size:13px; float:right; font-weight:bold; margin-top:15px; }
body.mobile #mainContentContainer #openHours { float:right; font-size:12px; font-weight:normal; margin-top:10px; text-align:left; }
body.mobile #mainHeaderContainer .logotype { margin-top:13px; }
.mobile #headerContainer { width:516px; overflow:hidden; }
.mobile #mainHeaderContainer { width:506px; overflow:hidden; padding-right:0; }
.mobile #mainContainer { width:516px; overflow:hidden; padding-top:0; }
.mobile #mainContainer #leftSide { width:100%; }
.mobile #mainContainer #subHeaderContainer { width:100%; overflow:hidden; }
.mobile #mainContainer #subHeaderContainer .subheader { width:100%; overflow:hidden; }
.mobile  #mainContentContainer { width:500px; overflow:hidden; padding:8px; }
.mobile #footer { height:79px; width:516px; margin:0; overflow:hidden; }
.mobile #footer .footerInfo { width:480px; padding:0 10px; }
.mobile #footer .leftFooter { float:left; }
.mobile #footer .rightFooter { float:right; width:280px; margin-top:10px; overflow:hidden; padding:0; font-size:0.9em; }
.mobile #footer .rightFooter .right { width:260px; display:block; }
.mobile #leftSide .topic .timeSpanContainer { width: 710px; height:32px; overflow: hidden; }
.mobile #leftSide .topic .timeSpanContainer .timeSpanItem { height:32px; float: left; margin-right: 10px; }
.mobile #leftSide .topic .timeSpanContainer .timeSpanItem.idag a			{ display: block; height: 32px; width: 58px; background-image: url(img/mobile_idag.gif); background-position: 0 -38px; }
.mobile #leftSide .topic .timeSpanContainer .timeSpanItem.imorgon a			{ display: block; height: 32px; width: 89px; background-image: url(img/mobile_imorgon.gif); background-position: 0 -38px; }
.mobile #leftSide .topic .timeSpanContainer .timeSpanItem.helgen a			{ display: block; height: 32px; width: 97px; background-image: url(img/mobile_tillhelgen.gif); background-position: 0 -38px; }
.mobile #leftSide .topic .timeSpanContainer .timeSpanItem.veckan a			{ display: block; height: 32px; width: 104px; background-image: url(img/mobile_helaveckan.gif); background-position: 0 -38px; }
.mobile #leftSide .topic .timeSpanContainer .timeSpanItem.manaden a			{ display: block; height: 32px; width: 120px; background-image: url(img/mobile_helamanaden.gif); background-position: 0 -38px; }
.mobile #leftSide .topic .timeSpanContainer .timeSpanItem.idag.selected a,
.mobile #leftSide .topic .timeSpanContainer .timeSpanItem.imorgon.selected a,
.mobile #leftSide .topic .timeSpanContainer .timeSpanItem.helgen.selected a,
.mobile #leftSide .topic .timeSpanContainer .timeSpanItem.veckan.selected a,
.mobile #leftSide .topic .timeSpanContainer .timeSpanItem.manaden.selected a { background-position: 0 0; }

.mobile .timeLink a { display:block; float:left; margin-right:8px; }
.mobile .timeLink.selected a { text-decoration:none; color:#F8971D; }
.mobile.old span.Image { visibility:hidden; }
.mobile .office #officeList { width:516px; }
.mobile .office .left { float:none; }

.privacy h2 a { color:#000; text-decoration:none; }

#fbLogin { float:right; margin:8px 7px 0 0; }

/* Entre-box för pilarna */
.entreBox { position: absolute; top: -15px; left: -150px; }

#showMoreEvents { width:243px; height:41px; margin:0 auto; background:url('http://www.entresundsvall.nu/img/moreBtn.png') top left; text-align:center; padding:12px 10px 0 10px; font-size:17px; }

/* CSS för Min Sida */

#leftWrapper { width:100%; }
#navlist {
padding:8px 0;
margin:15px 0 0 0;
font: bold 12px Arial, sans-serif;
}

#navlist li {
list-style: none;
margin: 0;
display: inline;
}

#navlist li a {
padding: 10px 1.2em 8px 1.2em;
background:#fff;
text-decoration: none;
}

#navlist li a:link { color: #636363; }
#navlist li a:visited { color: #636363; }
#navlist li a:hover { color: #000; }

#navlist li a#current { background:#d8e5e5; color:#066a6c; }

#settingsWrapper {
padding: 26px 25px 23px 25px;
background:#d8e5e5;
}

#settingsWrapper #jshtml { display:none; }

#settingsWrapper .settingsTopic { color:#777; font-weight:bold; font-style:italic; font-size:16px; }
#settingsWrapper .settingsDesc { margin:15px 0; color:#777; font-size:14px; }

#settingsWrapper .form label {
float: left;
width: 140px;
font-weight: bold;
padding-top:6px;
color:#4d4d4d;
}

#settingsWrapper .form#receiveInfo label { font-weight:normal; width:600px; }
#settingsWrapper .form#receiveInfo br { margin-bottom:10px; }
#settingsWrapper .form#receiveInfo b { display:block; color:#4D4D4D; margin-bottom:7px; }
#settingsWrapper .form#receiveInfo .receiveBySms label { color:#777; }

#settingsWrapper .form span.bracket.left { padding-left:2px; }
#settingsWrapper .form span.subchoice { font-style:italic; }
#settingsWrapper .form span.choice { display:block; margin-bottom:7px; }
#settingsWrapper .form span.choice.float { float:left; }

#settingsWrapper .form .sub { margin-top:5px; clear:both; }
#settingsWrapper .form .sub label { font-weight:normal; }
#settingsWrapper .form .sub input { margin-left:24px; }
#settingsWrapper .form .sub br { margin-bottom:8px; }
#settingsWrapper .form #evntInfo br { margin-bottom:8px; }
#settingsWrapper .form #evntInfo label { font-weight:normal; width:200px; }
#settingsWrapper .form #evntInfo .choiceBox { width:230px; }

#settingsWrapper .form input, #settingsWrapper .form textarea {
width: 180px;
}

#settingsWrapper .form textarea {
width: 250px;
height: 150px;
}

#settingsWrapper .form .box {
width:1em;
height:20px;
background-color: #f9f9f9;
border: 1px solid #cccccc;
border-top: 2px solid #cccccc;
padding: 3px;
color: #555555;
}

#settingsWrapper .form .summary { color:#666; margin:10px 0 15px 0; /*word-spacing:0.2em;*/ }

#settingsWrapper .form input.disabled { background:#d8e5e5; color:#768181; border-color:#b7c9c9; }

.form div.comment { float:left; margin:4px 0 0 4px; }

#settingsWrapper .form br { clear: left; margin-bottom:30px; }

#settingsWrapper .border { width:100%; height:2px; background:url(img/sBorder.gif) top left repeat-x; margin:10px 0 20px 0; }

#settingsWrapper .facebookTitle { background:url(img/facebook.gif) top left no-repeat; padding-left:150px; font-size:14px; color:#777; margin-bottom:20px; }

#settingsWrapper a.dark { color:#4d4d4d; text-decoration:none; }

#settingsWrapper .form #regions br { clear: left; margin-bottom:10px; }

#settingsWrapper .form #regions input.box { width:1em; margin:0; }
#settingsWrapper .form #regions label { margin:2px 0 0 10px; padding:0; }

#settingsWrapper .form #regions, #settingsWrapper .form #categories_settings, #settingsWrapper .form #evntInfo { display:none; }
#settingsWrapper .form#updateUsrProfile #categories_settings { display:block; }

#settingsWrapper .form .choiceBox { width:200px; float:left; padding:6px; margin-right:10px; }

#settingsWrapper .datesWrapper { margin-top:15px; }
#settingsWrapper .datesWrapper label { font-weight:normal; width:70px; }

#regUsr, #regUsr2 {
display:none;
margin-top:18px;
float:none;
width:300px;
}

#regUsr input, #regUsr2 input { display:block; margin:4px 10px 10px 0; float:none; width:200px; }

#regUsr input.small, #regUsr2 input.small { float:left; width:25px; }

#regUsr input.red, #regUsr2 input.red, #settingsWrapper input.red { font-weight:bold; background:#f99696; color:#000; }

.topic input
{
	margin-top:5px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	background-color: #f9f9f9;
	border: 1px solid #cccccc;
	border-top: 2px solid #cccccc;
	padding: 3px;
	color: #555555;
}

.topic a.button.logon {
	display:block;
	width:64px;
	height:24px;
    color: #444;
	font-size:0.7em;
    margin:4px 0 0 0;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    text-transform: normal;
}

.statusField a.button.logon span { font-weight:normal; }


/* CSS för utskrift */

body.print { width:800px; background:#fff; }

body.print .mainWrapper { width:603px; height:100%; }

body.print #headerContainer { width:100%; height:100px; overflow:hidden; }
body.print #headerContainer #mainHeaderContainer { position:relative; width:100%; padding:0; margin:0; }
body.print #footer { position:relative; width:604px; height:100px; padding:0; margin:0; background:transparent; overflow:hidden; }
body.print #footer .footerInfo { width:604px; padding:0; margin:0; overflow:hidden; }
body.print #footer a { display:block; width:100%; }
body.print #footer { width:604px; overflow:hidden; }

.absoluteInfo { position:absolute; top:17px; right:20px; padding:0; font-size:15px; line-height:20px; text-align:right; }
body.print #footer .absoluteInfo { color:yellow; }
body.print #headerContainer .absoluteInfo { color:yellow; font-weight:bold; top:60px; }

body.print #mainContentContainer
{
	margin:0;
	padding:0;
	width:550px;
	float:left !important;
}

body.print #EventList
{
	width:602px;
	border-right:1px solid #666;
}

body.print .entreBox { display:none; }

body.print .EventBlock { 
width:603px !important;
margin-bottom:10px !important;
clear:both;
font-family:Verdana, Geneva, sans-serif;
border-bottom:1px solid #666 !important;
}

body.print .EventBlock.hasjs { display:block !important; }

body.print .EventBlock .footer ul.footerBar,
body.print .EventBlock .Description,
body.print .EventBlock .TicketsTop,
body.print .EventBlock .Tickets,
body.print .EventBlock .TicketsBottom,
body.print .EventBlock .NewStartdate,
body.print .EventBlock .Full
{ display:none !important; }

body.print .EventBlock,
body.print .EventBlock .Date { color:#000 !important; }

body.print .EventBlock .Spacer { display:none; }

body.print #mainContentContainer .EventBlock .eventBox .Name,
body.print #mainContentContainer .EventBlock .eventBox .Name a
{
	font-family:Arial, Verdana, sans-serif;	
	text-transform: uppercase;
	color: #000;
	font-weight:bold;
}

body.print .EventBlock .NameUnderArr { margin-bottom:6px; }

body.print .EventBlock .Name { padding-top:0 !important; margin-bottom:3px; }
body.print .Location strong { margin:0 !important; padding:0 !important; } 

body.print .Arranger strong { font-weight:normal; }

.eventBox {
float:left;	
width:500px;
margin-left:15px;
padding-top:15px;
}

.dateBox {
float:left;
width:70px;
padding:0;
padding-top:15px;
font-size:18pt;
text-transform:uppercase;
text-align:center;
font-weight:bold;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
border-right:1px solid #666;
}

.dateBox span { font-size:11pt; }
.dateBox span b { font-size:14pt; }

#printOptions {
display:none;
padding:15px 10px;
background-image: url('img/bgdeluxe.jpg');
background-position:0 -100px;
background-repeat: repeat-x;
border:1px solid #ccc;
}

#printOptions h3 { width:200px; font-size:14px; margin:0; }
#printOptions p { font-size:13px; font-weight:bold; margin:10px 0 10px 0; color:#4d4d4d; }
#printOptions .fontSizeRow { margin:3px 0 42px 0; }
#printOptions .fontSizeRow div { float:left; }
#printOptions .fontSizeRow .textType { width:100px; text-align:center; }

.on_page { display:block !important; margin:20px auto 5px auto; }
.on_page .button.reg_user { clear:both; width:200px; margin-left:40px; margin-bottom:20px; }
.on_page input { width:98% !important; }
.on_page input.small { float:left; width:25px !important; }