/** FÄRGER EXTERN SKALA*********************************************************/
/*************************************************************************************/

BODY{COLOR:#232423;}
A:link, A:active, A:hover, A:visited{COLOR: #0088b5;text-decoration:none;}

/*----------------Header-----------------*/
.HeaderLine {background-color:#3b4a55;}
.GrayLink a{color:#303030;}
.topLinkSeparator {background-color:#dbdbdb;}

/*----------Header - Sökfält-------------*/
.headerSearchField{background-color:#f7f7f7;}
.searchFieldTop{background-image:url(Images/Modules/searchFieldTop.gif);}
.headerSearchFieldContent{background-color:inherit;}
.searchFieldBottom {background-image:url(Images/Modules/searchFieldBottom.gif);}

.Logolink img{border:none;}
.Logolink a img{border:none;}

/*---------------------------------------------MENYER-------------------------------------------*/

/*----------TOPPMENY-------------------------------------*/

.WebTopMenuContent {background-image:url(Images/JW/topMenuBackground.gif);}
.WebTopMenuSelectedStart {background-image:url(Images/Menus/topMenuSelectedStart.gif);}
.WebTopMenuSelectedCenter {padding:0 22px; -moz-padding-start: 7px; -moz-padding-end: 7px; background-image:url(Images/Menus/topMenuSelectedCenter.gif);}
.WebTopMenuSelectedEnd {background-image:url(Images/JW/topMenuSelectedRight.gif);margin-right:-4px;}
.WebTopMenuSelectedLeft{background-image:url(Images/JW/topMenuSelectedLeft.gif);}
.WebTopMenuSelectedRight{background-image:url(Images/Menus/WebTopMenuSelectedRigth.gif);}
.WebTopMenuEnd{background-image:url(Images/Menus/WebTopMenuUnselectedEnd.gif);position:relative; z-index:100;}
.WebTopMenuStart{background-image:url(Images/Menus/WebTopMenuUnselectedStart.gif);}
.WebTopMenuUnselected {padding:0 21px; }
.Last{position:relative; z-index:-1;}
/*-------------VÄNSTERMENY----------------*/
.leftMenuTitleLine{background-color:#3b4a55;}
.leftMenuLineLeft{background-image: url(Images/JW/LeftMenuLineLeft.gif);}
.leftMenuLineRight{background-image: url(Images/JW/LeftMenuLineRight.gif);}
.WebLeftMenuItem1, .WebLeftMenuExpandable1, .WebLeftMenuExpandableExpanded1 { background-image:url(Images/JW/LeftMenuLevelBulletUnselected.gif);background-color:#f6f6f6;}
.WebLeftMenuItem2, .WebLeftMenuExpandable2, .WebLeftMenuExpandableExpanded2 { background-image:url(Images/JW/LeftMenuLevelBulletUnselected.gif);background-color:#f6f6f6;}
.WebLeftMenuItem3, .WebLeftMenuExpandable3, .WebLeftMenuExpandableExpanded3 { background-color:#f6f6f6;}
.WebLeftMenuTopExpandableSelected{background-image:url(Images/JW/LeftMenuExpandableExpanded.gif);background-color:#c8cccf;}
.WebLeftMenuTopExpandableExpanded {background-image:url(Images/JW/LeftMenuExpandableExpanded1.gif);}
.WebLeftMenuTopItem {border-bottom:1px solid #e0e0e0; background-image:url(Images/JW/LeftMenuBulletUnselected.gif);} 
.WebLeftMenuTopExpandable {border-bottom:1px solid #e0e0e0; background-image:url(Images/JW/LeftMenuBulletUnselected.gif);}
.WebLeftMenuTopSelected {background-color: #c8cccf !important; background-image:url(Images/JW/LeftMenuExpandableExpanded.gif);}

.WebLeftMenuTopSelected a:link{color:#0088b5;}
.WebLeftMenuTopSelected a:active {color:#0088b5;}
.WebLeftMenuTopSelected a:visited {color:#0088b5;}
.WebLeftMenuTopSelected a:hover {color:#0088b5;}

.WebLeftMenuTopExpandableSelected a:link{color:#0088b5;}
.WebLeftMenuTopExpandableSelected a:active {color:#0088b5;}
.WebLeftMenuTopExpandableSelected a:visited {color:#0088b5;}
.WebLeftMenuTopExpandableSelected a:hover {color:#0088b5;}

.WebLeftMenuTopExpandableExpanded a:link{color:#0088b5;}
.WebLeftMenuTopExpandableExpanded a:active {color:#0088b5;}
.WebLeftMenuTopExpandableExpanded a:visited {color:#0088b5;}
.WebLeftMenuTopExpandableExpanded a:hover {color:#0088b5;}

.WebLeftMenuSelected1, .WebLeftMenuExpandableSelected1 {background-color:#c8cccf;border-bottom:1px solid #FFFFFF;background-image:url(Images/JW/LeftMenuLevelBulletExpanded.gif);}
.WebLeftMenuExpandableExpanded1 {background-color:#f6f6f6;border-bottom:1px solid #FFFFFF;background-image:url(Images/JW/LeftMenuLevelBulletSelected.gif);}
.WebLeftMenuSelected1 a:link{color:#0088B5;}
.WebLeftMenuSelected1 a:active{color:#0088B5;}
.WebLeftMenuSelected1 a:visited{color:#0088B5; }
.WebLeftMenuSelected1 a:hover{color:#0088B5;}
.WebLeftMenuExpandableSelected1 a:link{color:#0088B5;}
.WebLeftMenuExpandableSelected1 a:active{color:#0088B5;}
.WebLeftMenuExpandableSelected1 a:visited{color:#0088B5;}
.WebLeftMenuExpandableSelected1 a:hover{color:#0088B5;}

.WebLeftMenuSelected2, .WebLeftMenuExpandableSelected2 { background-color:#c8cccf;border-bottom:1px solid #FFFFFF;background-image:url(Images/JW/LeftMenuLevelBulletExpanded.gif);}
.WebLeftMenuExpandableExpanded2{background-color:#f6f6f6;border-bottom:1px solid #FFFFFF;background-image:url(Images/JW/LeftMenuLevelBulletSelected.gif);}
.WebLeftMenuSelected2 a:link{color:#0088B5;}
.WebLeftMenuSelected2 a:active{color:#0088B5;}
.WebLeftMenuSelected2 a:visited{color:#0088B5;}
.WebLeftMenuSelected2 a:hover{color:#0088B5;}
.WebLeftMenuExpandableSelected2 a:link{color:#0088B5;}
.WebLeftMenuExpandableSelected2 a:active{color:#0088B5;}
.WebLeftMenuExpandableSelected2 a:visited{color:#0088B5;}
.WebLeftMenuExpandableSelected2 a:hover{color:#0088B5;}

.WebLeftMenuSelected3, .WebLeftMenuSelected3 {background-color:#c8cccf;}
.WebLeftMenuSelected3 a:link{color:#0088B5;}
.WebLeftMenuSelected3 a:active{color:#0088B5;}
.WebLeftMenuSelected3 a:visited{color:#0088B5;}
.WebLeftMenuSelected3 a:hover{color:#0088B5;}
.WebLeftMenuExpandableSelected3 a:link{color:#0088B5;}
.WebLeftMenuExpandableSelected3 a:active{color:#0088B5;}
.WebLeftMenuExpandableSelected3 a:visited{color:#0088B5;}
.WebLeftMenuExpandableSelected3 a:hover{color:#0088B5;}

/*---------------- HÖGERMENYN------------------*/
.WebContentCenterJW {width:690px;display:block;float:left;margin-left:34px;margin-top:21px;}

/*------------------JW ARTIKEL-------------------------*/
.JW_ImageRight{float:right;margin-left:10px;}
.JW_Imageleft{float:left;margin-right:10px;}
.JW_FloatLeft{float:left;margin-right:10px;}
.JW_FloatRight{float:right;margin-left:10px;}
.CitatImg{float:left; margin:5px 5px 2px 0;}

/*------------------------------------FOOTER-------------------------------------------------*/
.FooterStrings {color:gray;}
.FooterStrings a{color:#eb4b00;}
.footerLine {background-color:#3b4a55;}
.footerLineLeft {background-image:url(Images/JW/footerLineLeft.gif);}
.footerLineRight {background-image:url(Images/JW/footerLineRight.gif);}
.FooterString{margin:10px 0 0 30px;}
.FooterLogos{margin-left:30px;}
.FooterLogos img{margin-right:90px;}

.ComicStripImage{width:220px;margin-left:5px;}
.ComicStripImage a img{border:0px;}

.TextBox{width:98%;}
.label{margin-bottom:3px !important; margin-top:40px !important; font-weight:bold;}
.Btn_RightFloat{float:right;margin-top:10px;}
.movieFrame{width:100%;}
.NoRightNav{width:700px;}
/*************************************************************************************
This stylesheet will be used for the templates included in Litium Studio. Changes
below will change the appearance of the pages using the templates in the folder
"Templates".
**************************************************************************************/

/** COLORS FOR LITIUM STUDIO TEMPLATES ***********************************************/
/*************************************************************************************/
.Factheader{COLOR:white; BACKGROUND-COLOR:#555555;}
.Facttext{BACKGROUND-COLOR:#DDDDDD;}
.Date{COLOR:#AAAAAA;}
.InputItem, .InputItemFixedWidth, .InputItemFullWidth, .SelectItemFixedWidth{COLOR:#000000;}
.CrossHorizontal, .CrossVertical{BACKGROUND-COLOR:#555555;}
.threeColumnLineV{BACKGROUND-IMAGE: url(templates/common/images/dotlineV_bg.gif);}
.threeColumnLineH{BACKGROUND-IMAGE: url(templates/common/images/dotlineH_bg.gif);}
.twoColumnLineH, .twoColumnLineV{BACKGROUND-COLOR: #9A9A9A;}
.Fileheader{BORDER-BOTTOM:1px solid black;}
.Linkheader{BORDER-BOTTOM:1px solid black;}
.Linkitem{background-image:none;padding-left:0px;}
.Linkicon{margin-left:0px; margin-right:0px; }
.Breadcrumb{COLOR:#4c4c4c;}
.Breadcrumb1{COLOR:#c95830;}
.Delimiter{COLOR:#4c4c4c;}
A.Breadcrumb:link, A.Breadcrumb:active, A.Breadcrumb:hover, A.Breadcrumb:visited{COLOR:gray!important;}
.frmAll{background-color:#dfe7d2 !important;}
.frmAll{background-image:url(Images/JW/formtop.gif); background-repeat:no-repeat; padding-top:20px;}
.frmAllBtm {width:100%; height:4px; background-image:url(Images/JW/formbottom.gif);margin-bottom:10px;}


/* Content styles */

.JW_StartpageContent{width:720px; display:block;float:left;margin-top:45px;}
.JW_StartPageBannerArea {width:220px; display:block; float:right;margin-top:42px;}
.StartPageContent{margin-left:0; width:100%}
.oneColumnLayout{width:475px;margin-bottom:10px;}
.BannerArea {width:221px;}

/*--------Text modules - JW color scheme----------*/
/*textModule1*/
.textModule1_colored{background-color:#f7f7f7;}

/*textModule2*/
.textModule2Subtitle{background-color:#6a972e;color:White !important;}
.textModule2SubtitleCornerLeft{background-image:url(Images/JW/Subtitle1Left.gif);background-repeat:no-repeat;background-position:top left;}
.textModule2SubtitleCornerRight{background-image:url(Images/JW/Subtitle1Right.gif);background-repeat:no-repeat;background-position:top right;}

/*textModuleFooter_colored*/
.textModuleFooter{background-color:#f7f7f7;height:3px;}
.textModuleFooterLeft{width:3px;height:3px;background-image:url(Images/JW/GrayCornerLeft.gif);background-repeat:no-repeat;}
.textModuleFooterRight{width:3px; height:3px;background-image:url(Images/JW/GrayCornerRight.gif);background-repeat:no-repeat;}

/*textModule4*/
.textModule4Content{background-color:#f7f7f7;}
.textModule4SubTitleCornerLeft{background-image:url(Images/JW/Subtitle2Left.gif);}
.textModule4Header{background-color:#6a972e; color:White !important;}
.textModule4SubTitleCenter{background-color:#6a972e;}
.textModule4SubTitleCornerRight{background-image:url(Images/JW/Subtitle2Right.gif);}

/*Turcoi banner*/
.textBanner1Container{background-image: url(Images/JW/BannerContent.gif);}
.textBanner1Subtitle {background-image: url(Images/JW/BannerSubtitle.gif);color:White !important;}
.textBanner1SubtitleTop {background-image: url(Images/JW/BannerTop.gif);}
.textBanner1Footer {background-image: url(Images/JW/BannerBottom.gif);}

/* Search Learning examples */
.searchListBox{COLOR:#232423; FONT-FAMILY:Verdana !important;font-size:10px;}

/*--------Text modules - unmark if needed----------*/

/*textModule1
.textModule1_colored{background-color:#ecf3f0;}

/*textModule3
.textModule3{background-color:#ecf3f0;}
.textModule3Header{background-color:#ecf3f0;}
.textModule3HeaderLeft{background-image:url(Images/Modules/textModule3HeaderCornerLeft.gif);background-repeat:no-repeat;}
.textModule3HeaderRight{background-image:url(Images/Modules/textModule3HeaderCornerRight.gif);background-repeat:no-repeat;}
.textModule3Content{background-color:#ecf3f0;}

/*linkModule
.linkModuleSubtitle{background-color:#CFE0DA;}
.linkModuleSubtitleCornerLeft{background-image:url(Images/Modules/textModule2SubtitleCornerLeft.gif);}
.linkModuleSubtitleCornerRight{background-image:url(Images/Modules/textModule2SubtitleCornerRight.gif);}
.Linkitem_module{border-bottom: 1px solid #e5e5e5;}
.Linkicon_module{background-image:url(Images/Modules/linkBullet.gif);}
.Linkitem_module a{color:#d24919;}*/

/*Orange Banner
.BannerOrangeContainer{background-image: url(Images/Modules/BannerOrangeContent.gif);}
.BannerOrangeSubtitle {background-image: url(Images/Modules/BannerOrangeSubt.gif);}
.BannerOrangeSubtitleTop {background-image: url(Images/Modules/BannerOrangeTop.gif);}
.BannerOrangeFooter {background-image: url(Images/Modules/BannerOrangeBottom.gif);}

/*Pink Banner
.textBanner2Container {background-image: url(Images/Modules/banner2Content.gif);}
.textBanner2Subtitle {background-image: url(Images/Modules/banner2Header.gif);}
.textBanner2SubtitleTop {background-image: url(Images/Modules/banner2Top.gif);}
.textBanner2Footer {background-image: url(Images/Modules/banner2Bottom.gif);}

/*Purple Banner
.textBanner2Container {background-image: url(Images/Modules/banner2Content.gif);}
.textBanner2Subtitle {background-image: url(Images/Modules/banner2Header.gif);}
.textBanner2SubtitleTop {background-image: url(Images/Modules/banner2Top.gif);}
.textBanner2Footer {background-image: url(Images/Modules/banner2Bottom.gif);}

/*Blue Banner
.textBanner2Container {background-image: url(Images/Modules/banner2Content.gif);}
.textBanner2Subtitle {background-image: url(Images/Modules/banner2Header.gif);}
.textBanner2SubtitleTop {background-image: url(Images/Modules/banner2Top.gif);}
.textBanner2Footer {background-image: url(Images/Modules/banner2Bottom.gif);}
*/
/* Banner Comic Strip */
.textBannerComicStripImageContent img{width:208px; height:280px; border:none;}
.textBannerComicStripImageContent {margin-left:6px;}
.textBannerComicStripImageContent a {text-decoration:none;}
.textBannerComicStripImageContent a:link{text-decoration:none;}
.textBannerComicStripImageContent a:visited{text-decoration:none;}
.textBannerComicStripImageContent a:hover{text-decoration:none;}
.textBannerComicStripImageContent a:active{text-decoration:none;}
.textBannerComicStripImageContent a img{border:none;}

/*-----------search-----------------------------*/
.SearchFieldArea{background-color:#dfe7d2; background-image:none;padding: 20px 0 20px 20px;overflow:hidden;}
.SearchFieldArea h2{margin-bottom:10px;}
.searchFieldAreaTop{height:3px; width:100%; margin-top:22px; background:url(Images/JW/formtop.gif); background-repeat:no-repeat; overflow:hidden;}
.searchFieldAreaBtm{height:4px; width:100%; background:url(Images/JW/formbottom.gif); background-repeat:no-repeat; overflow:hidden;}

/*-----------Lärande exempel sökresultat--------*/
#searchHitList, #ctl00_Content_SearchMessage{width:475px;}

/*-----------Faktaruta Artikel--------*/
.shortFactModuleSmall {background-color:#fdf2d7; }

/*----------KALENDER på startsida---------------*/ 
.middleAreaContent{width:217px; padding-left:6px;}               
.middleAreaBoxCornerTopLeft{height:7px; width:7px; background-image:url(../Site/CMS/Templates/jw/Images/boxCornerTopLeft.jpg);}               
.middleAreaBoxLineTop{height:7px; background-image:url(../Site/CMS/Templates/jw/Images/boxLineTop.jpg); background-position:top;}
.middleAreaBoxCornerTopRight{height:7px; width:7px; background-image:url(../Site/CMS/Templates/jw/Images/boxCornerTopRight.jpg);}
.middleAreaBoxLineLeft{width:7px; background-repeat:repeat-y; background-image:url(../Site/CMS/Templates/jw/Images/boxLineLeft.jpg);background-position:left;}
.middleAreaBoxLineRight{width:7px; background-repeat:repeat-y; background-image:url(../Site/CMS/Templates/jw/Images/boxLineRight.jpg);background-position:right;}
.middleAreaBoxCornerBottomLeft{height:7px; width:7px; background-image:url(../Site/CMS/Templates/jw/Images/boxCornerBottomLeft.jpg);}   
.middleAreaBoxLineBottom{height:7px; background-image:url(../Site/CMS/Templates/jw/Images/boxLineBottom.jpg); margin-bottom:10px;}
.middleAreaBoxCornerBottomRight{height:7px; width:7px; background-image:url(../Site/CMS/Templates/jw/Images/boxCornerBottomRight.jpg);}   
.middleAreaBoxSpace{margin-bottom:20px;}
.boxContent{width:100%;}
.TextTitle{margin-top:5px; margin-bottom:5px;font-size:14px;}
.CalendarEventArea{margin-left:60px;margin-bottom:20px; }
.day_start{font-size:20px; font-weight:bold; color:#0088B5;margin-bottom:0px !important;font-family:Verdana;}
.month_start{font-weight:normal; font-size:11px;text-transform: uppercase;margin-bottom:0px !important; font-family:Verdana;}
.year_start{font-weight:normal;font-size:8px;}
.LinkItem_startLeft{font-size:110%;margin-bottom:10px;text-align:left;padding-left:2px;}
.LinkItem_startLeft a{position:relative; }

.kalenderhandelse_wide div.handelseinnehall a{color:#0088B5;}

/*---------NYHETSLISTNING på startsida------------*/
.newsListTitleLeft{background-color:#f03; color:#fff; width:342px; height:20px; padding-left:9px; padding-top:8px;  margin-right:10px;}
.newsListTitleRight{background-color:#c06; color:#fff; width:342px; height:20px; padding-left:9px; padding-top:8px;}
.newsListBoxLeftContent{width:330px; margin-left:9px; margin-right:20px;  margin-top:1px; vertical-align:top;}
.newsListBoxRightContent{width:330px; margin-left:9px;  margin-top:1px; vertical-align:top;}
.newsListBoxLeft{float:left;}
.newsListBoxRight{float:right;}

.newsArchiveLink{FONT-SIZE:110%; FONT-WEIGHT:normal; margin-top:6px; margin-bottom:5px; float:right;}