* { margin: 0; padding: 0; }

body { background-color: White; margin: 0 18px 18px; font-size: 85%; font-family: Arial, Sans-Serif; }

img { border-width: 0px; behavior: url(../iepngfix/iepngfix.htc); }
.Hidden { display: none !important; }

a, a:hover { color: Black; text-decoration: none; font-weight: Bold; }

p.EventButton { width: 100%; overflow: hidden; margin: 0 0 10px; }
p.EventButton .EventButton { display: inline; float: none; }

a:hover { text-decoration: underline; }

div#Page { overflow: hidden; margin: 0 auto; }
div#InnerPage {float:left; }

div#Top { width: 100%; overflow: hidden; }

div#Top img { float: left; }
div#Top .EventButton img { float: none; }


div#Header { width: 100%; overflow: hidden; }
div#TopHeaderImageBlockOInfo { float: left; display: inline; width: 347px; height: 142px; background-image: url(../graphics/topheader_bg.gif); background-repeat: no-repeat; background-position: top left; }
div#TopHeaderImageBlockNarrowOInfo { float: left; display: inline; width: 509px; height: 51px; background-image: url(../graphics/topp_inframad.png); background-repeat: no-repeat; background-position: top left; }
div#TopHeaderImageBlock { float: left; display: inline; width: 347px; height: 142px;   }
div#TopHeaderImageBlockNarrow { float: left; display: inline; width: 509px; height: 51px;  }

div#Top img.TopHeader { margin: 83px 0 0 0 }
div#Top img.TopHeaderNarrow { margin: 21px 0 0 8px; }
div#Top img.TopLogo { margin: 39px 10px 7px 0; }
div#Top img.TopLogoNarrow { margin: 7px 10px 2px 0; }

p#JavascriptRequiredMessage { border: 2px solid Red; background-color: Yellow; color: Red; font-size: 120%; font-weight: bold; padding: 5px; text-align: center; }

object#YouTubeObject, embed#YouTubeEmbed { width: 240px; height: 200px; margin: 10px auto; }

div#Search { width: 100%; min-height: 110px; height: auto; background-color: #ffd503; overflow: hidden; margin: 0 0 0 0; clear: both; }
div#Search div.SearchInner { width: 660px; margin: 7px; overflow: hidden; background-repeat: no-repeat; background-position: 271px 63px; }
div#Search div.SearchInner div.Column { float: left; display: inline; width: 212px; overflow: hidden; margin: 0 8px 0 0; }
div#Search div.Input { background-color: #ffc103; padding: 4px 4px 7px 4px; width: 204px; min-height: 43px; height: auto; overflow: hidden; float: left; display: inline; margin: 0 0 5px 0; }
div#Search div.Submit { padding: 0 0 0 0; width: 212px; min-height: 9px; height: auto; overflow: hidden; float: left; display: inline; margin: 11px 8px 5px 0; text-align:right;}
div#Search p.Header { width: 100%; overflow: hidden; font-weight: bold; clear: both; }
div#Search p.Floater { float: left; display: inline; }
div#Search select { font-family: Verdana, Sans-Serif; width: 202px; }
div#Search select.DateDDL { width: 172px; }
div#Search input.TextBox { width: 198px; }
tr#StartDateRow, tr#EndDateRow { font-size: 80%; }
tr#StartDateRow td.Link, tr#EndDateRow td.Link { text-align: right; }

#DateRange {padding-top:5px;}
#DateRange td strong { font-size: 80%; }
#DateRange input[type=text] { width: 60px;font-size: 80%; }
#DateRange td.right {text-align:right;width:50%;}

a#CalendarLink img { margin: 0 0 0 4px; }


div#MainContent { overflow: hidden; padding: 0; border-bottom: 1px solid #1f1f1f; margin: 20px 0 17px 0; }

div#Left { width: 196px; margin-right: 17px; float: left; display: inline; }

div#Main { width: 456px; float: left; display: inline; }

div#Left div.ThemeControl { width: 188px; overflow: hidden; border: 4px solid #303030; margin: 0 0 10px 0; }
div#Left div.ThemeControlYellow { border: 4px solid #ffd503; }

div#Left div.ThemeControl h1 { background-color: Black; color: White; font-family: "Arial Black" , Arial, Sans-Serif; font-size: 115%; }
div#Left div.ThemeControl div.Content { width: 171px; background-color: White; color: Black; padding: 10px 8px; }
div#Left div.ThemeControl div.Content div.Event h2 { font-size: 85%; }
div#Left div.ThemeControl div.Content p.ReadMore a { font-size: 85%; }

div#Left div.ThemeControl div.Content div.Event { width: 171px; overflow: hidden; margin: 0 0 10px 0; }

div#Left div.ThemeControl div.Content div.Event p { font-size: 85%; }

p#Footer { font-family: Arial, Sans-Serif; font-size: 65%; text-align: center; }

div.EventList { width: 456px; overflow: hidden; }
div.EventList div.Event { width: 456px; overflow: hidden; padding: 0 0 17px 0; border-bottom: 1px solid #1f1f1f; margin: 0 0 17px 0; }
div.EventList div.Event div.ImageBlock { width: 120px; height: 90px; float: left; display: block; margin: 0 10px 5px 0; text-align: center; }
div.EventList div.Event div.Content { width: 324px; height: auto; overflow: hidden; float: left; display: inline; }
div.EventList div.Event div.ContentFull { width: 456px; }
div.EventList div.Event div.Content div.Text { width: 100%; min-height: 70px; margin: 0 0 5px 0; font-size: 85%; }
div.EventList div.Event div.Content div.Text h1 { font-family: Arial, Sans-Serif; font-size: 220%; margin: 0; line-height: 120%; }
div.EventList div.Event div.Content div.Text p { margin: 0; }
div.EventList div.Event div.Content div.Text p a { font-weight: normal; }
div.EventList div.Event div.Toolbar { width: 100%; overflow: hidden; }
div.EventList div.Event div.Toolbar .EventButton { float: left; display: inline; margin: 0 1px 0 0; }
div.EventList div.Event div.Toolbar div.Rating { float: left; display: inline; width: 120px; height: 15px; margin: 0 10px 0 0; text-align: center; }
div.EventList div.Event div.Toolbar div.Rating img { margin-right: 1px; }
div#EventDetails { width: 456px; overflow: hidden; }
div#EventDetails div.TopImageBlock { width: 100%; overflow: hidden; margin: 0 0 15px 0; }
div#EventDetails div.TopImageBlock img { display: block; margin: 0 auto; }
div#EventDetails div.TextContent { width: 100%; overflow: hidden; margin: 0 0 10px 0; font-size: 85%; }
div#EventDetails div.TextContent h1 { font-family: Arial, Sans-Serif; font-size: 220%; margin: 0 0 5px 0; }
div#EventDetails p { font-size: 85%; }
div#EventDetails .MediaLink { padding: 10px 0; float: left; font-weight: bold; }
div#EventDetails div.ReadMoreButtons { width: 100%; overflow: hidden; margin: 0 0 15px 0; }
div#EventDetails div.Facts { width: 448px; overflow: hidden; border: 4px solid #ffd503; margin: 0 0 25px 0; }
div#EventDetails div.Facts div.Content { width: 433px; color: Black; padding: 10px 8px; }
div#EventDetails div.Facts div.Content p { margin: 0 0 6px 0; }
div#EventDetails div.Facts div.Content .fact { float: left; width: 100%; padding-bottom: 8px; font-size: 85%; }
div#EventDetails div.Facts div.Content .factleft { float: left; padding-right: 5px; }
div#EventDetails div.Facts div.Content .factright { float: left; }
div#EventDetails div.Toolbar { width: 470px; overflow: hidden; }
div#EventDetails div.Toolbar .EventButton { float: left; display: inline; margin: 0 1px 0 0; }
div#Main div.Toolbar { width: 460px; overflow: hidden; }
div#Main div.Toolbar .EventButton { float: left; display: inline; margin: 0 1px 0 0; }



div#EventComments { width: 456px; overflow: hidden; margin: 0 0 24px 0; }
div#EventComments ul.RatingList { width: 100%; overflow: hidden; font-size: 85%; margin: 0 0 20px 0; }
div#EventComments ul.RatingList li { float: left; display: inline; }
div#EventComments ul.RatingList li.Label { width: 25%; }
div#EventComments ul.RatingList li.AverageRating { width: 20%; }
div#EventComments ul.RatingList li.AverageRating div.Rating { display: inline; }
div#EventComments ul.RatingList li.AverageRating div.Rating img { float: left; display: inline; margin-right: 1px; }
div#EventComments ul.RatingList li.AverageRatingLabel { width: 25%; }
div#EventComments ul.RatingList li.CommentLink { width: 30%; text-align: right; }
div#EventComments div.InputPanel { width: 436px; padding: 10px; overflow: hidden; margin: 0 0 20px 0; background-color: #ffd503; }
div#EventComments div.InputPanel p.Description { margin: 0 0 20px 0; }
div#EventComments div.InputPanel div.Input { width: 100%; overflow: hidden; margin: 0 0 10px 0; }
div#EventComments div.InputPanel div.Input p.TextBox { float: left; display: inline; margin: 0 30px 0 0; }
div#EventComments div.InputPanel div.Input p.TextBox input { width: 150px; padding: 2px; font-size: 100%; border: 1px solid Silver; }
div#EventComments div.InputPanel div.Input p.TextArea textarea { padding: 2px; border: 1px solid Silver; width: 298px; height: 49px; }
div#EventComments div.InputPanel div.Input p.DropDownList select { width: 50px; padding: 1px; font-size: 100%; border: 1px solid Silver; }
div#EventComments div.InputPanel div.Input p.DropDownList { float: left; display: inline; }
div#EventComments div.InputPanel div.Input p.TextArea { float: left; display: inline; }
div#EventComments div.InputPanel div.Input p.SubmitButton { float: left; display: inline; margin: 55px 0 0 48px; }

div#EventComments div.CommentsPanel { width: 100%; overflow: hidden; background-color: White; }
div#EventComments div.CommentsPanel div.Comment { width: 100%; overflow: hidden; margin: 0 0 15px 0; }
div#EventComments div.CommentsPanel div.Comment div.Header { width: 100%; overflow: hidden; }
div#EventComments div.CommentsPanel div.Comment div.Header h1 { width: 30%; overflow: hidden; float: left; display: inline; font-size: 100%; }
div#EventComments div.CommentsPanel div.Comment p.Text { width: 90%; overflow: hidden; float: left; display: inline; }
div#EventComments div.CommentsPanel div.Comment p.Report { width: 10%; overflow: hidden; text-align: right; }
div#EventComments div.CommentsPanel div.Comment p.Author { width: 100%; overflow: hidden; clear: both; }

div#EventComments div.CommentsPanel div.ReportForm { width: 436px; padding: 10px; overflow: hidden; margin: 0 0 15px 0; background-color: #ffd503; }
div#EventComments div.CommentsPanel div.ReportForm div.Input { width: 100%; overflow: hidden; margin: 10px 0 0 0; }
div#EventComments div.CommentsPanel div.ReportForm div.Input p.TextBox { float: left; display: inline; margin: 0 30px 0 0; }
div#EventComments div.CommentsPanel div.ReportForm div.Input p.TextBox input { width: 150px; padding: 2px; font-size: 100%; border: 1px solid Silver; }
div#EventComments div.CommentsPanel div.ReportForm div.Input p.TextArea textarea { padding: 2px; border: 1px solid Silver; width: 298px; height: 49px; }
div#EventComments div.CommentsPanel div.ReportForm div.Input p.SubmitButton { float: left; display: inline; margin: 55px 0 0 48px; }
div#EventComments div.CommentsPanel div.ReportForm div.Input p.TextArea { float: left; display: inline; }

div#EventTipDiv { width: 436px; padding: 10px; overflow: hidden; margin: 0 0 15px 0; background-color: #ffd503; font-size: 85%; }
div#EventTipDiv h2 { font-size: 110%; font-weight: bold; }
div#EventTipDiv p { font-size: 100%; margin: 3px 0; }
div#EventTipDiv p.halfwidth { width: 50%; float: left; }
div#EventTipDiv .inputText { width: 90%; font-size: 100%; }
div#EventTipDiv textarea { width: 60%; height: 50px; float: left; font-size: 100%; }
div#EventTipDiv .submit { width: 34%; float: left; text-align: right; margin-right: 5%; margin-top: 35px; }

div#EventChangeDiv { width: 436px; padding: 10px; overflow: hidden; margin: 0 0 15px 0; background-color: #ffd503; font-size: 85%; }
div#EventChangeDiv h2 { font-size: 110%; font-weight: bold; }
div#EventChangeDiv p { font-size: 100%; margin: 3px 0; }
div#EventChangeDiv p.halfwidth { width: 50%; float: left; }
div#EventChangeDiv p.right {text-align:right;}
div#EventChangeDiv .inputText { width: 90%; font-size: 100%; }
div#EventChangeDiv textarea { width: 60%; height: 150px; float: left; font-size: 100%; }
div#EventChangeDiv .submit { width: 34%; float: left; text-align: right; margin-right: 5%; margin-top: 135px; }

div#EventChangeLink
{
   width: 100%;
   text-align:right; 
    font-size: 85%;
    margin: 0 0 15px 0;
}

div#CalendarBlock { width: 429px; height: 240px; overflow: hidden; position: absolute; top: -500px; left: -500px; background-color: White; }
div#CalendarDatesBlock { width: 212px; height: auto; overflow: hidden; float: left; display: inline; background-color: #ffc103; margin: 0 0 0 220px; }

div#MyGuide { width: 100%; overflow: hidden; }

div#rsslinker
{
    font-size: 85%;
}

div#rsslinker a
{
    font-weight:normal;

}

#rssbutton
{
    width:100%;
    height:17px;
    float:left;
}

#rssbutton a img
{
    float:right;
    margin-top:6px;
}

div#Top img.rssbutton
{
    padding-top:8px;
    float:right;
}

h1.Main { margin: 0 0 5px 0; }
h1.Main span.ActivityCount { font-size: 50%; font-weight: normal; }

/* Färger */

/* På Gång-loggan */
.TopLogo { color: #ffd503; }

/* i östergötland */
.TopHeaderForeColor { color: White; }
.TopHeaderBackColor { color: #1f1f1f; }

/* Tema 1 */
.LightColor1 { color: #303030; }
.LighterColor1 { color: #303030; }
.DarkColor1 { color: #1f1f1f; }
.ForeColor1 { color: White; }
div#Left div.ThemeControlCustom1, .ThemeControlCustom1 { border: 4px solid #303030; }

/* Tema 2 */
.LightColor2 { color: #ffd503; }
.LighterColor2 { color: #fff3b5; }
.DarkColor2 { color: #ffc103; }
.ForeColor2 { color: Black; }
div#Left div.ThemeControlCustom2, .ThemeControlCustom2 { border: 4px solid #ffd503; }

/* Sökrutan */
div#Search { background-color: #ffd503; }
div#Search div.Input { background-color: #ffc103; }
.SearchInputLabelColor { color: Black; }

/* Faktarutan */
div#EventDetails div.Facts { border-color: #ffd503; }

/* Kommentarer, Tipsa, Anmäl */
div#EventComments div.InputPanel, div#EventTipDiv, div#EventComments div.CommentsPanel div.ReportForm { background-color: #ffd503; color: Black; }

/* Calendern */
.CalendarNextPrevMonth { color: Gray; }

/* Storlekar */
div#Page { width: 669px; }
div#InnerPage, div#MainContent { width: 669px; }
div#Left { width: 196px; }
div#Left div.ThemeControl { width: 188px; }
div#Left div.ThemeControl div.Content, div#Left div.ThemeControl div.Content div.Event { width: 171px; }
div#Search div.SearchInner { width: 660px; }
div#Search div.Input { width: 204px; }
/* totalbredd 212 + padding och margin */
div#Search div.SearchInner div.Column, div#Search div.Submit { width: 212px; }
div#Search select { width: 202px; }
div#Search input.TextBox { width: 198px; }
div#Main, div.EventList, div.EventList div.Event, div.EventList div.Event div.ContentFull, div#EventDetails, div#EventComments { width: 456px; }
div.EventList div.Event div.ImageBlock { width: 120px; }
div.EventList div.Event div.Content { width: 324px; }
div.EventList div.Event div.ContentFull { width: 456px; }
div#EventDetails div.Facts { width: 448px; }
div#EventDetails div.Facts div.Content { width: 433px; }
div#EventDetails div.Toolbar { width: 470px; }
div#TopHeaderImageBlock { width: 347px; }
img.ThemeHeaderLeftWidth { width: 188px; }
img.ThemeHeaderMainWidth { width: 448px; }
img.TopHeaderWidth { width: 347px; }
.MainWidth { width: 456px; }
.LeftWidth { width: 196px; }
.TopImageDimensions { width: 456px; height: 158px; }
div#EventTip { width: 436px; }

.toolbarButtons { width: 87px; }
.toolbarAddToGuide { width: 200px; }

a.underlinelink:hover, a.underlinelink { font-size: 85%; text-decoration: underline; }


/*Banner*/
#toptext
{
    background-color:Black;
    color:White;
    display:block;   
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    padding:6px 5px 5px 12px;    
}

#toptext a
{
    color:#FFDA01;
    text-decoration:none;
    font-weight:bold;
}

#toptext a:hover
{
    text-decoration:underline;
}

#banners
{
    width:200px;
    height:auto;
    margin-top:135px;
    border-left:20px solid White;
    float:left;
}

.banner
{
    margin-bottom:5px;
}

.bannertxt
{
    font-size:12px;
    font-weight:normal;
    margin-bottom:2px;
}
.bannertxt a
{
    text-decoration:underline;
}
.bannertxt a:hover
{
    text-decoration:none;
}


.eventcalendar .ajax__calendar_header
{
    padding-top:5px;
    background-color:#FFC103;    
}

.eventcalendar .ajax__calendar_container 
{  
    background-color:White;
    border:solid 2px #000;
    padding:0; 
}  

.eventcalendar .ajax__calendar_footer
{
    display:none;
    } 

.eventcalendar .ajax__calendar_today
{
    display:none;
    }