/* By Johannes Leuchvoius @ Wepic visions, www.wepic.se - johannes@wepic.se
-------------------------------------------------------------------------------------------------------------------------------------------------*/
.TopOptions ul.Functions li.NewProductBox { display:none; }
.TopOptions ul.Functions li.NewCartBox { display:none; }
.TopOptions ul.Functions li.NewOrderBox { display:none; }


/* Below to prevent accidential removal of stuff */
.BlogBox > .BoxHead { display:none !important; }
.MenuBox > .BoxHead { display:none !important; }
.TextBox > .BoxHead > .BoxDelete { display:none !important; }
.PictureBox > .BoxHead > .BoxDelete { display:none !important; }

.Left { float:left; }
.Right { float:right; }

/* Stressakuten
-------------------------------------------------------------------------------------------------------------------------------------------------*/
body {  width: 100%;  background-color: #0e131d; color: #ffffff; /*font-family: "Georgia", "Times New Roman";*/ }
.body_wrapper { width: 100%; background: url('../images/stressakuten/bg_top.jpg') repeat-x top center; float:left;}
.center_wrapper { left: 50%; margin-left: -410px; width: 820px; padding: 217px 0 0 0; position: relative; }
.center_wrapper a { color: #8e8f94; }
.center_wrapper a:hover { color: #CCCCCC; }

.body_wrapper h1 { font-size: 22px; font-weight: 100; padding-bottom: 4px; font-family: "Georgia", "Times New Roman"; }
.body_wrapper h2 { font-size: 18px; font-weight: 100; padding-bottom: 4px; font-family: "Georgia", "Times New Roman"; }
.body_wrapper h3 { font-size: 16px; font-weight: 100; padding-bottom: 10px; font-family: "Georgia", "Times New Roman"; }
.body_wrapper h4 { font-size: 12px; font-weight: 100; padding-bottom: 4px; font-family: "Georgia", "Times New Roman"; }
.body_wrapper h5 { font-size: 10px; font-weight: 100; padding-bottom: 4px; font-family: "Georgia", "Times New Roman"; }
.body_wrapper h6 { font-size: 8px; font-weight: 100; padding-bottom: 4px; font-family: "Georgia", "Times New Roman"; }


/*Huvud
-----------------------------------------------------------*/
.Head { background: url('../images/stressakuten/stressakuten_logotype.jpg') no-repeat scroll top left; padding: 0 0 0 0px; height: 100px; width: 100%; position: absolute; top: 25px; left: 0;  }
.Head a.Logotpe { text-indent: -99999px; float: right; }
.Head a.Logotpe { width: 600px; height: 90px; font-size: 22px; position:absolute; margin-left: 0px; top: 0px; text-indent: -99999px; }
.Head h1 { padding-left: 110px; font-size: 40px; padding-top: 8px; font-weight: 100; }
.Head h1 b { font-size: 20px; font-weight: 100; }
.Head h2 { padding-left: 110px; font-size: 19px; font-weight: 100; letter-spacing: 1px; }
.Head h1 a { text-indent: -99999px; float:left; }

/*Vänster Kolumn-Menyn
-----------------------------------------------------------*/
.c1 .SideColumn { width: 200px; padding-top: 20px;  }
.c1 .SideColumn .BoxFirst { width: 180px; padding: 5px 0 10px 20px; }
.c1 .SideColumn .MenuBox .BoxFirst { padding: 0px 0px 10px 0px; }
.c1 .SideColumn .BoxFirst a { font-family: "Verdana"; color: #ffffff; font-weight: 100; }
.c1 .SideColumn .BoxFirstMenu { padding-bottom: 0px; }
.c1 .SideColumn .BoxFirst h2 { color: #ffffff; font-size: 14px; font-weight: 100; padding: 0px; }
.c1 .SideColumn .MenuBox { background: url('../images/stressakuten/meny-right-bg.png') repeat-y top right; width: 200px; padding: 0px; margin-bottom: 20px; line-height: 22px; }
.c1 .SideColumn h2 { font-size: 14px; padding-bottom: 0px; padding-left: 0px; }
.c1 .SideColumn .MenuBox .SideMenuItem { padding-left: 5px; }
.c1 .SideColumn .MenuBox .Active a { margin-left: 5px; width: 180px; padding-left: 10px; }
.c1 .SideColumn .MenuBox .Active { background: url('../images/stressakuten/menu_active.png'); margin-left: 5px; font-size: 12px; width: 194px; font-weight: 100; padding-left: 0px; }
.c1 .SideColumn .MenuBox .Active span { padding-left: 7px; }
.c1 .SideColumn .MenuBox a { color: #ffffff; font-weight: 100; font-size: 12px; padding-left: 15px; text-indent: 0; display:block; text-decoration: none; }
.c1 .SideColumn .MenuBox a:hover { background: url('../images/stressakuten/menu_active.png'); margin-left: 0px; width: 180px; padding-left: 15px; }
.c1 .SideColumn .MenuBox .PureActiveMenuBranch span a { width: 185px; font-weight: 100; padding-left: 0px; }
.c1 .SideColumn .MenuBox .BoxHead { margin-left: 5px; }
.c1 .SideColumn .BoxHead { margin-left: 15px; }
/*.c1 .SideColumn .MenuBox .Active { padding-left: 15px; font-weight: 100; font-size: 12px; }*/
.Box { padding-bottom: 0px; }
.c1 .TextBox form textarea { height: 200px; }

/*Höger Kolumn-Main-Toppen
-----------------------------------------------------------*/
.MainContentTop, .MainContentTopLeft, .MainContentTopRight { min-height: 1px; padding-top: 0px; }
.MainContentTopLeft { float: left; width: 40%; padding: 10px 20px 0px 0; }
.MainContentTopRight { float: right; margin-left: 0px; width: 50%; padding: 10px 20px 0px 0; }
.MainContent { min-height: 100px; float: left; width: 340px; padding: 0px 0 0 0; float:left; }
.MainContent .TextBox { margin-bottom: 2px; }
.MainContent .DynamicDimensions { float: left; }
.PictureBox img.DynamicDimensions { width: 160px; }
.MainContainer { background: transparent url('../images/stressakuten/main_middle.jpg') repeat-y 0px 130px; margin: 0 auto 0 auto; width: 810px; padding-bottom: 10px; float:left;}
.MainContainer .Wrapper { background: url('../images/stressakuten/main_top.jpg') no-repeat scroll top left; width: 820px; padding: 0 5px 0 5px; /*height: 153px;*/ float:left; }
.MainColumn { width: 580px; padding-top: 20px; padding-right: 10px; float:right; }
.MainColumnOuter { width: 590px; padding-bottom: 10px; float:left; }
.MainColumnInner { width: 570px; padding: 0px; float:left; min-height: 150px; }
.DropArea { margin: 0px 0px 10px 0px; }
.MainContentTopLeft .TextBox form textarea { height: 80px }
.MainContentTopRight .TextBox form textarea { height: 80px }
.c2 .in_place_editor_field { margin-bottom: 30px; }
.inplaceeditor-form { margin-bottom: 40px; }
.BoxEdit { padding-bottom: 10px; }
.MapCanvas { height: 320px; border-style: solid; border-width: 1px; border-color: #5A6C80; }

#left_container { width: 100%; float:left; }
#left_container .PictureBox { width: 180px; padding: 0 0 0 20px; }

/*Text*/
.MainColumn .MainContentTop h3 { font-size: 28px; font-weight: 100; padding-bottom: 4px; width: 280px; }
.MainColumn .MainContentTop h4 { font-size: 14px; font-weight: 100; padding-bottom: 4px; width: 500px; }
.MainContainer p { font-family: "Verdana"; font-size: 10px; font-weight: 100; padding-bottom: 2px; }
.MainColumn .TextBox .BoxFirst ul li { margin-left: 18px; margin-top: 3px; list-style-image: url('../images/stressakuten/list-li.png'); font-size: 11px; }
.MainColumn .TextBox .BoxFirst ol li { list-style: decimal; }
.BoxThirdMenu ul li { margin-left: 0px; list-style: none; }
.MainContent h4 { font-size: 14px; font-weight: 100; }
.MainContent p { font-size: 11px; line-height: 16px; }

/* admin Johannes added*/
.MainContentTop form textarea { height: 100px; }

/*Höger Kolumn-Main-Botten (Text+Blogg/Bild Boxen)
-----------------------------------------------------------*/
.c3 { padding-top: 15px; float: left; width: 100%; }
.c3 .ExtraContent .editor_field { height: 150px }
.c3 .ExtraContent h2 { font-size: 12px; font-weight: 100; }

.ExtraContentFirst { background: url('../images/stressakuten/blog_top.png') no-repeat scroll top left; width: 171px; padding: 10px 0 0 0; margin: 0 8px 0 0; float:right; }
.ExtraContentSecond { background: url('../images/stressakuten/blog_bottom.png') no-repeat scroll bottom left; width: 171px; padding: 0 0 0px 0; float:right; }
.ExtraContentThird { background: url('../images/stressakuten/blog_middle.png') repeat-y scroll top left; width: 147px; padding: 0 12px 0 12px; float:right; }

/*Blogg-boxen*/
.Box element.style { height: 100px; }
.BoxSeenByAdmin .BlogEntries { padding-top: 20px; }
.BlogEntry .BlogDate { display:none; }
.BlogEntry h3 { margin-top: 5px; font-size: 12px; padding: 0 0 2px 0; font-weight: 100; }
.BlogEntry hr { display: none; }
.BlogEntry { padding: 0 0 20px 0; }
.c3 .Pagination { font-size: 12px; padding-top: 10px; text-align: center; } /*"Visa senare"*/
.c3 .ScrollUp { font-size: 12px; padding-top: 5px; margin-left: 10px; }   /*"Visa tidigare"*/
.c3 .in_place_editor_field { padding-bottom: 20px; }
.c3 h3.in_place_editor_field { padding-bottom: 0px; }
.c3 .in_place_editor_field { padding-bottom: 5px; margin-bottom: 5px; }
.BlogBoxPostForm input { width: 150px; }
.BoxOptionsPopup ul { margin-left: -100px; }
.c3 .ExtraContentThird .BlogEntry .BoxHead .BoxTitle { display:none; }
.c3 .ExtraContentThird .BlogEntry .BoxHead { width: 100%; }
.ExtraContentThird .Box ul.BoxHead { width: 250px; }

.BlogBoxPostForm li label {font-size: 13x; }
.BlogBoxPostForm input.NewBlogEntryTitle { color: #fff; background:inherit; border: 1px solid #8E8F94; }
.BlogBoxPostForm textarea { color: #fff; border: 1px solid #8E8F94;  }
.BlogBoxPostForm input.Submit { color: #000; background: normal;  }

/*Foot
-----------------------------------------------------------*/
.Foot { background: url('../images/stressakuten/main_bottom.jpg') no-repeat top left; width: 770px; height: 70px; padding: 30px 20px 0 20px; float:left; color: #8e8f94; font-family: "Verdana"; font-size: 10px; }
.Foot a { color: #8e8f94; }
.Foot a:hover { color: #CCCCCC;  }
.Foot div { padding-left: 4px; float:left; }


.MusicPlayer { position: relative; bottom: 130px; left: 10px; width: 35px; height: 35px; }
.developed_by { margin-left: 5px; }
.raknare { display: none; }

/* PictureBox
-------------------------------------------------------------------------------------------------------------------------------------------------*/
.MainContent .PictureBox { clear: none; float: left; margin-right: 10%; padding-bottom: 5px; width: 40%; }