/** 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;}
.headerLineLeft {background-image: url(Images/JW_Style/headerTopLineLeft.gif);}
.headerLineRight {background-image: url(ImagesJW_Style/headerTopLineRight.gif);}
.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 24px; 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 22px; }
.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:10px !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:url(Images/JW/LinkItem.gif);}
.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;}