/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/


/** GENERAL **/
.hidden { display: none !important; }

.BodyBackground {background-color: #e6e6e3;}
A:link, A:active, A:visited{COLOR: #6e6c59;}
A:hover{color: #65B006;}

.litCommonTempText a:link,
.litCommonTempText a:active,
.litCommonTempText a:visited,
.litCommonTempText a:hover{color: #65B006; text-decoration: none;}

HR {border: none; border-top: 1px solid #8cc63f; height: 1px; margin-top: auto; margin-bottom: auto;}

/** STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ******************************/
/*************************************************************************************/
h1{FONT-SIZE:217%; color: #27943d; FONT-WEIGHT:bold; line-height: 1.1; MARGIN-BOTTOM:4px; MARGIN-TOP:0px; FONT-FAMILY:Arial,Verdana,Helvetica;}
h2{FONT-SIZE:150%; FONT-WEIGHT:bold; MARGIN-BOTTOM:7px; MARGIN-TOP:24px; FONT-FAMILY:Arial,Verdana,Helvetica;}
h3{FONT-SIZE:100%; FONT-WEIGHT:bold; MARGIN-BOTTOM:0px; MARGIN-TOP:0px; FONT-FAMILY:Arial,Verdana,Helvetica;}

/** STYLES FOR THE BASEFILE **********************************************************/
/** The class names below are used in the basefile (/Templates/Framework/Framework1.master) */
/*************************************************************************************/
    .MainContainer{background-color: #ffffff; background-image: url(Images/Skogsindustrierna/mainTopBG.gif); background-position: left top; background-repeat: no-repeat;}
        .MainContainerInner{height: 9px; font-size: 0px; background: url(Images/Skogsindustrierna/mainBottomBG.gif) no-repeat bottom left;}
            .HeaderContainer{font-size: 92%; color: #ffffff; padding: 0 0 2px 0;}
                .HeaderContainerInnerSI{padding: 0 20px 0 20px;}
            .HeaderContainer .Left{float:left; width: 700px; padding: 15px 0 0 0;}
            .HeaderContainer .LogoArea{float:left; width: 225px; padding: 5px 0 0 0;}
            .HeaderContainer .SearchArea{float:right; position: relative; height: 88px;}
            .HeaderContainer .SearchInfoArea{float:right; margin: 0 2px 0 0;}
                .HeaderContainer .SearchInfoArea .Left{float:left;  width: 11px; height: 15px; background: url(Images/Skogsindustrierna/searchInfoLeftBG.gif) no-repeat left top;}
                .HeaderContainer .SearchInfoArea .Middle{float:left; height: 26px; padding: 7px 0 0 0; /*margin: 0 2px 0 0;*/ background: url(Images/Skogsindustrierna/searchInfoBG.gif) repeat-x left top;}
                .HeaderContainer .SearchInfoArea .Right{float:left; width: 13px; height: 33px; background: url(Images/Skogsindustrierna/searchInfoRightBG.gif) no-repeat right top;}
            .HeaderContainer .SearchFieldArea{float:right; width: 195px; height: 18px;}
                .HeaderContainer .SearchFieldArea{display:block; position:relative;}
                    .SearchField{position: absolute; left: 0; top: 5px; width: 142px; height: 14px; margin-right: 10px; border: 1px solid #a2a297; padding-left: 2px; padding-right: 2px;}
                    .SearchButton{position:absolute; left: 155px; top: 5px;}
            .HeaderContainer .SearchText{position: absolute; top: 29px; right: 0; color: #6e6c59; text-align: right; height: 55px; overflow: hidden;}
            .HeaderContainer .SearchText a:link,
            .HeaderContainer .SearchText a:active,
            .HeaderContainer .SearchText a:visited,
            .HeaderContainer .SearchText a:hover{/*color: #6e6c59;*/ text-decoration: none;}
            .HeaderContainer .Login{float:right; width: 203px; font-size: 90%; padding: 9px 10px 0 7px; height: 129px; background-color: #2f8020; background-image: url(Images/Skogsindustrierna/loginBottomBG.gif); background-position: left bottom; background-repeat: no-repeat;}
            .HeaderContainer .Login .Info{height: 87px; font-size: 110%;}
            .HeaderContainer .Login .Bottom{padding: 10px 0 0 0;}
				.HeaderContainer .Login .Header{padding-bottom: 20px;}
			.HeaderContainer .Login .Link{float:left; width: 125px;}
			.HeaderContainer .Login .Link a:link,
			.HeaderContainer .Login .Link a:active,
			.HeaderContainer .Login .Link a:visited,
			.HeaderContainer .Login .Link a:hover{text-decoration: none; font-size: 110%;}
			.HeaderContainer .Login .LoginButton{float:right; width: 64px;}
			.HeaderContainer .Login a.LogoutButton{display:block; height: 22px; width: 64px; background: url(Images/Skogsindustrierna/logoutButton.gif) no-repeat bottom left;}
			.HeaderContainer .Login a.LogoutButtonEnglish{display:block; height: 22px; width: 64px; background: url(Images/Skogsindustrierna/logoutButton_english.gif) no-repeat bottom left;}
            .HeaderContainer .Login a:link,
            .HeaderContainer .Login a:active,
            .HeaderContainer .Login a:visited,
            .HeaderContainer .Login a:hover{color: #ffffff;}
            .ContentContainerSI {padding: 0 20px 11px 20px;}
                .NarrowContent{border-top: 1px solid #8cc63f; padding: 17px 0 0 0;}
                .mainWideContentInner{border-top: 1px solid #8cc63f; padding: 17px 0 0 0; min-height: 1px; _height: 1px;}
    .BreadCrumbsContainer{padding: 10px 20px 18px 20px; font-size: 92%;}
    .FooterContainerSI{color: #135220; margin: 10px 0 0 0; Background: url(Images/Skogsindustrierna/footerBG.gif) repeat-y top left;}
        .FooterContainerTop{background: url(Images/Skogsindustrierna/footerTopBG.gif) no-repeat left top;}
            .FooterContainerBottom{min-height: 121px; _height: 121px; padding: 54px 14px 10px 20px; background: url(Images/Skogsindustrierna/footerBottomBG.gif) no-repeat bottom left;}
    .FooterContainer a:link,
    .FooterContainer a:active,
    .FooterContainer a:visited,
    .FooterContainer a:hover{color: #135220; text-decoration: none;}
    .FooterContainer p{margin-bottom: 1px;}
    .FooterContainer .Menu{float:left; width: 449px; min-height: 1px; _height: 1px; padding: 0 20px 0 0;}
    .FooterContainer .RssSearch{float: left; width: 211px; padding: 0 11px 0 11px;}
    .FooterContainer .RssSearch .RSS{padding-bottom: 17px;}
        .FooterContainer .SearchFieldArea{height: 30px; padding-top: 3px;}
        .FooterContainer .SearchFieldArea input{font-size: 92%;}
        .FooterContainer .SearchFieldArea{display:block; position:relative;}
            .SearchFieldFooter{position: absolute; left: 0; top: 0; width: 142px; height: 14px; margin-right: 10px; border: 1px solid #a2a297; padding-left: 2px; padding-right: 2px;}
            .SearchButtonFooter{position:absolute; left: 155px; top: 0px;}
    .FooterContainer .Contact{float: right; width: 233px; padding: 0 0 0 11px;}
    .FooterAboutWebsite{color: #6e6c59; text-align: center; font-size: 92%; padding: 9px 0 0 0;}
    .FooterAboutWebsite a:link,
    .FooterAboutWebsite a:active,
    .FooterAboutWebsite a:visited,
    .FooterAboutWebsite a:hover{color: #6e6c59; text-decoration: none;}
    


/**** Top Menu ***********************************************************************
*************************************************************************************/
.HeaderContainerGreen{background: url(Images/Skogsindustrierna/TopMenu/headerMenuLevelTwoGreenBG.gif) no-repeat 20px 143px;}
.HeaderContainerOrange{background: url(Images/Skogsindustrierna/TopMenu/headerMenuLevelTwoOrangeBG.gif) no-repeat 20px 143px;}

.TopMenu{}
.TopMenu a:link,
.TopMenu a:active,
.TopMenu a:visited,
.TopMenu a:hover{color: #6e6c59; text-decoration: none; font-size: 127%; font-weight: bold;}
.HeaderContainerStart a:hover{color: #65B006;}
.HeaderContainerGreen a:hover,
.HeaderContainerOrange a:hover{color: #65B006;}
.TabOrange a:hover{color: #f08a00;}


.TopMenu .Tab{float:left; margin: 0 3px 0 0; background: url(Images/Skogsindustrierna/TopMenu/tab.gif) repeat-x left top;}
.TopMenu .TabLeft{float:left; background: url(Images/Skogsindustrierna/TopMenu/tabLeft.gif) no-repeat left top}
.TopMenu .TabRight{float:left; height: 42px; padding: 11px 9px 0 9px; background: url(Images/Skogsindustrierna/TopMenu/tabRight.gif) no-repeat right top}

.TopMenu .Selected a:link,
.TopMenu .Selected a:active,
.TopMenu .Selected a:visited,
.TopMenu .Selected a:hover{color: #ffffff;}

.TopMenu .TabSelected{float:left;}
.TopMenu .TabLeftSelectedFirst{float:left;}
.TopMenu .TabLeftSelected{float:left;}
.TopMenu .TabRightSelected{float:left; height: 42px; padding: 11px 14px 0 9px;}

.HeaderContainerGreen .TabSelected{background: url(Images/Skogsindustrierna/TopMenu/tabSelectedGreen.gif) repeat-x left top;}
.HeaderContainerGreen .TabLeftSelectedFirst{background: url(Images/Skogsindustrierna/TopMenu/tabSelectedGreenLeftFirst.gif) no-repeat left top}
.HeaderContainerGreen .TabLeftSelected{background: url(Images/Skogsindustrierna/TopMenu/tabSelectedGreenLeft.gif) no-repeat left top}
.HeaderContainerGreen .TabRightSelected{background: url(Images/Skogsindustrierna/TopMenu/tabSelectedGreenRight.gif) no-repeat right top}

.HeaderContainerOrange .TabSelected{background: url(Images/Skogsindustrierna/TopMenu/tabSelectedOrange.gif) repeat-x left top;}
.HeaderContainerOrange .TabLeftSelectedFirst{background: url(Images/Skogsindustrierna/TopMenu/tabSelectedOrangeLeftFirst.gif) no-repeat left top}
.HeaderContainerOrange .TabLeftSelected{background: url(Images/Skogsindustrierna/TopMenu/tabSelectedOrangeLeft.gif) no-repeat left top}
.HeaderContainerOrange .TabRightSelected{background: url(Images/Skogsindustrierna/TopMenu/tabSelectedOrangeRight.gif) no-repeat right top}

.TopMenuTabs{height: 53px; background: url(Images/Skogsindustrierna/TopMenu/topMenuTabsBG.gif) no-repeat left 31px;}

/*** Level 2 pop up ***/
.TopMenuSub{display:none; position:absolute; width: 210px; padding: 8px 0 0 0;}
.TopMenuSubInner{padding: 0 0 18px 0;}

.TopMenuSub .Top{height: 9px; font-size: 0px; background: url(Images/Skogsindustrierna/TopMenu/topMenuSubTopBG.png) no-repeat top left;}
.TopMenuSub .Middle{padding: 0 16px 0 16px; background: url(Images/Skogsindustrierna/TopMenu/topMenuSubBG.png) repeat-y top left;}
.TopMenuSub .Bottom{position:absolute; bottom: 10px; left: 0px; width: 210px; height: 9px; background: url(Images/Skogsindustrierna/TopMenu/topMenuSubBottomBG.png) no-repeat top left;}
.TopMenuSub .Middle .SubMenuTopItem{}
.TopMenuSub .Middle a:link,
.TopMenuSub .Middle a:active,
.TopMenuSub .Middle a:visited,
.TopMenuSub .Middle a:hover{display:inline-block; width: 178px; color: #6e6c59!important; font-size: 110%; font-weight: normal; padding: 2px 0 2px 0; background: url(Images/Skogsindustrierna/TopMenu/topMenuSubDividerBG.png) repeat-x bottom left; }

/*** Level 2 ***/
.TopMenuLevelTwo{height: 30px; padding: 0 29px 0 29px;}

.TopMenuLevelTwo a:link,
.TopMenuLevelTwo a:active,
.TopMenuLevelTwo a:visited,
.TopMenuLevelTwo a:hover{text-decoration: none; font-size: 127%; font-weight: normal;}

.TopMenuLevelTwo .TopItem{float:left; padding: 0 19px 0 0;}
.TopMenuLevelTwo .TopItemSelected{float:left; padding: 0 19px 0 0;}

.HeaderContainerGreen .TopItem a:link,
.HeaderContainerGreen .TopItem a:active,
.HeaderContainerGreen .TopItem a:visited,
.HeaderContainerGreen .TopItem a:hover{color: #135220;}

.HeaderContainerOrange .TopItem a:link,
.HeaderContainerOrange .TopItem a:active,
.HeaderContainerOrange .TopItem a:visited,
.HeaderContainerOrange .TopItem a:hover{color: #523e13;}

.TopMenuLevelTwo .TopItemSelected{float:left;}
.TopMenuLevelTwo .TopItemSelected a:link,
.TopMenuLevelTwo .TopItemSelected a:active,
.TopMenuLevelTwo .TopItemSelected a:visited,
.TopMenuLevelTwo .TopItemSelected a:hover{color: #ffffff;}


/**** Left Menu ***********************************************************************
**************************************************************************************/
.LeftMenuSI {border-top: 1px solid #8cc63f; padding: 20px 0 0 0;}
.LeftMenu a:link,
.LeftMenu a:active,
.LeftMenu a:visited,
.LeftMenu a:hover{color: #6e6c59; font-weight: bold; text-decoration: none;}

.LeftMenu .TopItem{min-height: 13px; _height: 13px; padding: 6px 30px 12px 10px; background: #fdfdfd url(Images/Skogsindustrierna/LeftMenu/topItemBG.gif) repeat-x left top;}
.LeftMenu .TopItemExpanded{padding: 6px 30px 5px 10px; background: url(Images/Skogsindustrierna/LeftMenu/topItemBG.gif) repeat-x left top;}
.LeftMenu .TopItemExpanded a:link,
.LeftMenu .TopItemExpanded a:active,
.LeftMenu .TopItemExpanded a:visited,
.LeftMenu .TopItemExpanded a:hover{color: #a2a297; font-weight: bold; text-decoration: none;}

.LeftMenu .TopItemSelected a:link,
.LeftMenu .TopItemSelected a:active,
.LeftMenu .TopItemSelected a:visited,
.LeftMenu .TopItemSelected a:hover{color: #a2a297; font-weight: bold; text-decoration: none;}

.LeftMenu .TopItemExpandable{background: #fdfdfd url(Images/Skogsindustrierna/LeftMenu/topItemExpandable.gif) no-repeat left top;}
.LeftMenu .TopItemExpandableExpanded{background: url(Images/Skogsindustrierna/LeftMenu/topItemExpandableExpandedArrow.gif) no-repeat 195px 8px;}
.LeftMenu .TopItemContainer{padding: 0 0 9px 0; background: url(Images/Skogsindustrierna/LeftMenu/topItemExpanded.gif) repeat-x left top;}

.LeftMenu .Item1{padding: 0 30px 3px 20px;}
.LeftMenu .Item2{padding: 0 30px 3px 30px;}
.LeftMenu .Item3{padding: 0 30px 3px 40px;}
.LeftMenu .Item4{padding: 0 30px 3px 50px;}
.LeftMenu .Item5{padding: 0 30px 3px 60px;}
.LeftMenu .Item6{padding: 0 30px 3px 70px;}
.LeftMenu .Item7{padding: 0 30px 3px 80px;}
.LeftMenu .Item8{padding: 0 30px 3px 90px;}

.LeftMenu .ItemSelected a:link,
.LeftMenu .ItemSelected a:active,
.LeftMenu .ItemSelected a:visited,
.LeftMenu .ItemSelected a:hover,
.LeftMenu .ItemExpandableExpanded a:link,
.LeftMenu .ItemExpandableExpanded a:active,
.LeftMenu .ItemExpandableExpanded a:visited,
.LeftMenu .ItemExpandableExpanded a:hover{color: #a2a297; font-weight: bold; text-decoration: none;}

.LeftMenu .TopItemLocked{background: #fdfdfd url(Images/Skogsindustrierna/LeftMenu/topItemLocked.gif) no-repeat left top;}
.LeftMenu .ItemLocked{background: url(Images/Skogsindustrierna/LeftMenu/lock.png) no-repeat 197px 2px;}


/**** Right column ********************************************************************
**************************************************************************************/
.RightColumn {border-top: 1px solid #8cc63f; padding: 0;}
.RightColumn a { color: #65b006;}

.RightColumn .Box{margin: 20px 0 10px 0;}
.RightColumn .Box .RightItem, .ArchiveRightItem{padding: 6px 10px 7px 10px; line-height: 1.5; margin: 0; background-color: #f2f2f2;}
.RightColumn .RightItem{padding: 6px 10px 7px 10px; line-height: 1.5; margin-bottom:10px; background-color: #f2f2f2;}
.RightColumn .FileItem, 
.RightColumn .MetadatItem{padding-bottom: 7px;}

/**** Start page **********************************************************************
**************************************************************************************/

.StartPage .Top{padding: 0 0 20px 0;}
.StartPage .ShortCuts{float:right; width: 220px; font-weight: bold; background: #e6e6e3 url(Images/Skogsindustrierna/greyBoxTop.png) no-repeat left top;}
.StartPage .ShortCutsInner{padding: 12px 10px 12px 10px; height: 236px; background: transparent url(Images/Skogsindustrierna/greyBoxBottom.png) no-repeat left bottom;}
.StartPage .ShortCuts .Item{padding: 9px 0 9px 0; background: transparent url(Images/Skogsindustrierna/iconLinkArrow.png) no-repeat right 9px;}
.StartPage .ShortCuts .Item a:link,
.StartPage .ShortCuts .Item a:active,
.StartPage .ShortCuts .Item a:visited,
.StartPage .ShortCuts .Item a:hover{display:block; width: 200px; text-decoration:none;}
.StartPage .ShortCuts .ItemBorder{border-top: 1px solid #a2a297;}
.StartPage .News{float:left; width: 220px; margin: 0 20px 0 0; font-weight: bold; line-height: 1.3;}
	.StartPage .News .Date{font-size: 92%; color: #6e6c59; font-weight: bold;}
	.StartPage .News .Date span { font-size: 91%; }
	.StartPage .News .Date span a { text-decoration: none; }
	.StartPage .News .Title a:link,
	.StartPage .News .Title a:active,
	.StartPage .News .Title a:visited,
	.StartPage .News .Title a:hover{text-decoration: none;}
	.StartPage .News .Separator{height: 16px;}
	.StartPage .News .ViewMore{padding: 16px 0 0 0;}
	.StartPage .News .ViewMore a:link,
	.StartPage .News .ViewMore a:active,
	.StartPage .News .ViewMore a:visited,
	.StartPage .News .ViewMore a:hover{text-decoration: none;}
.StartPage .LeftColumnText{float:left; width: 220px; border-top: 1px solid #8cc63f; margin: 0 20px 0 0; padding: 13px 0 10px 0;}
.StartPage .Focus{float:left; width: 460px; border-top: 1px solid #8cc63f;}
.StartPage h2{font-size: 150%; font-weight: bold; margin: 0; padding: 5px 0 13px 0;}
.StartPage .ShortCuts h2 { padding-bottom: 4px; }

/*** Accordion menu (news, pressreleases) ***/
.StartPage .LinkList{}
.StartPage h2.LinkItem{font-size: 150%; font-weight: bold; border-top: 1px solid #8cc63f; padding: 5px 0 6px 0; margin: 0; cursor: pointer; background: transparent url(Images/Skogsindustrierna/iconPlus.png) no-repeat right 8px;}
.StartPage h2.Selected{cursor: pointer; background: transparent url(Images/Skogsindustrierna/iconMinus.png) no-repeat right 8px;}
.StartPage .LinkBox{padding: 7px 6px 7px 6px; background: transparent url(Images/Skogsindustrierna/linkBoxBG.png) no-repeat left top;}

/*** Image/flash puff start page ****/
.StartPage .ImageFlashPuffs{float:left; width: 700px; height: 260px; overflow: hidden;}
.StartPage .ImageFlashPuffs img{border: none;}
.StartPage .Puff1{float: left; height: 260px;}
.StartPage .Puff2,
.StartPage .Puff3{float: left; height: 260px; margin-left: 2px;}
.StartPage .PuffText{width: 700px; height: 260px; padding: 10px;}
.StartPage .SmallWidth{width: 232px;}
.StartPage .MediumWidth{width: 349px;}
.StartPage .LargeWidth{width: 700px;}

/*** Short info item list ***/
.StartPage .ShortInfoItemList .Date{color: #6e6c59; font-weight: bold; font-size: 92%;}
.StartPage .ShortInfoItemList .FirstItem{line-height: 1.3;}
.StartPage .ShortInfoItemList .FirstItem .Title{font-size: 133%; padding: 3px 0 11px 0;}
.StartPage .ShortInfoItemList .FirstItem img{float: right; padding: 3px 0 10px 10px;}
.StartPage .ShortInfoItemList .Item{padding: 7px 0 7px 0; border-top: 1px solid #a2a297; line-height: 1.3;}
.StartPage .ShortInfoItemList .Title a:link,
.StartPage .ShortInfoItemList .Title a:active,
.StartPage .ShortInfoItemList .Title a:visited,
.StartPage .ShortInfoItemList .Title a:hover{text-decoration: none;}
.StartPage .ShortInfoItemList .Title{font-weight: bold;}

/**** ShortInfoItemList ***************************************************************
**************************************************************************************/
.ShortInfoItemList .date {color: #6E6c59;}

/**** Page updated ********************************************************************
**************************************************************************************/
.PageUpdated{color: #a2a297; padding: 0 0 17px 0;}

/**** Page tools **********************************************************************
**************************************************************************************/
.PageTools{float:right; font-size: 92%; margin: 0 0 15px 0; background: #f2f2f2 url(Images/Skogsindustrierna/pageToolsLeftBG.gif) no-repeat left top;}
.PageTools a:link,
.PageTools a:active,
.PageTools a:visited,
.PageTools a:hover{color: #6e6c59; text-decoration: none;}
.PageToolsTopMargin{margin-top: 15px; margin-bottom: 0px;}
.PageTools ul{margin: 0; padding: 1px 5px 2px 5px; height: 18px; float:left; background: transparent url(Images/Skogsindustrierna/pageToolsRightBG.gif) no-repeat right top;}
.PageTools li{margin: 0; padding: 0; list-style-type: none; float:left; }
.PageTools li.Print{padding: 0 2px 0 0;}
.PageTools li.Print a{float:left; padding: 2px 0 0 17px; background: transparent url(Images/Skogsindustrierna/iconPrint.gif) no-repeat left top;}
.PageTools li.Tip{display:none;}
/*.PageTools li.Tip a{float:left; padding: 2px 0 0 19px; background: transparent url(Images/Skogsindustrierna/iconTip.gif) no-repeat left top;}*/

/**** Related information **********************************************************************
**************************************************************************************/
#relatedInformationContent{padding: 10px 10px 1px 10px; background-color: #f2f2f2;}

/*************************************************************************************
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".
**************************************************************************************/


/** STYLES FOR LITIUM STUDIO TEMPLATES ***********************************************/
/*************************************************************************************/
.litCommonTempIntro, .Intro, .newsIngress{font-weight: bold;}
.litCommonTempIntro, .Intro, .newsIngress, .litCommonTempText{MARGIN-BOTTOM:10px; line-height: 1.5;}
.CalendarItem .newsIngress { font-size: 11px!important; }
.Breadcrumb{color: #a2a297;}
A.Breadcrumb:link, A.Breadcrumb:active, A.Breadcrumb:hover, A.Breadcrumb:visited{color:#a2a297; text-decoration: none;}

/** STYLES FOR THE SI CALENDAR *****************************************************/
.StartPage .Calendar{float: right; width: 220px; border-top: 1px solid #8cc63f; color: #000000;}
.Calendar #startpageCalendar a:link,
.Calendar #startpageCalendar a:active,
.Calendar #startpageCalendar a:visited,
.Calendar #startpageCalendar a:hover{color:#000000; text-decoration: none;}
.TMFCalendarHeader{height:20px; margin: 0 0 3px 0; text-align:center; font-weight:bold;}
.TMFCalendarHeaderLeftIcon{float:left; outline: none; height:20px; width:20px; background: transparent url(Images/Skogsindustrierna/iconCalendarPrevious.gif) no-repeat; text-indent:-9999px;}
.TMFCalendarHeaderRightIcon{float:right; outline: none; height:20px; width:20px; background: transparent url(Images/Skogsindustrierna/iconCalendarNext.gif) no-repeat;  text-indent:-9999px;}
.TMFCalendarHeaderMonth{display: block; float:left; width: 170px; height: 17px; background-color: #e6e6e3; padding: 3px 0 0 0; margin: 0 0 0 5px;}
.TMFCalendarDayActivity{padding:0; margin:0px; height: 24px; background-color: #fabd16; border: 1px solid #e6e6e3;}
.TMFCalendarDayNonActivity{padding:0; margin:0px; height: 24px;}

.TMFcalendarTable{width:220px;}
.TMFcalendarDayHeader{height:16px;}
.TMFcalendarDay{padding:0p; margin:0px; height: 24px; border: 1px solid #e6e6e3;} 
.TMFcalendarOtherMonthDay{padding:0p; margin:0px; height: 24px; border: 1px solid #e6e6e3;}
.TMFcalendarTodayDay{padding:0p; margin:0px; height: 24px; color: #ffffff; background-color: #a2a297;}
.TMFcalendarTodayDay a:link,
.TMFcalendarTodayDay a:active,
.TMFcalendarTodayDay a:visited,
.TMFcalendarTodayDay a:hover{color:#ffffff; text-decoration: none;}
.TMFcalendarWeekendDay{padding:0p; margin:0px; height: 24px; border: 1px solid #e6e6e3;}

.StartPage .CalendarList{padding: 13px 0 0 0;}
.TmfCalendarItem{}
.TmfCalendarDate{color: #6e6c59; font-size: 92%; font-weight: bold;}
.TmfCalendarDescriptionText a{text-decoration:none; font-weight: bold;}
.TmfCalendarSeparator{border-bottom: 1px solid #a2a297; height: 1px; font-size: 1px; line-height: 1px; margin: 6px 0 9px 0;}

/** STYLES FOR NEWSLISTS, METADATAFILTERED LIST, RSS LIST **/

.Newsdate{color: #6e6c59; font-weight: bold;}
.newsdate{font-weight: bold;}
.Newsintro{padding: 13px 0 0 0; color: #000000;}
.newsintro,
.newsintro a:link,
.newsintro a:active,
.newsintro a:visited,
.newsintro a:hover,
.Newsintro a:link,
.Newsintro a:active,
.Newsintro a:visited,
.Newsintro a:hover {color: #000000;}
.NewsItemDivider{ border-color: #8cc63f;}
.NewsArchiveLink a, .BackLink a{padding: 9px 0 9px 19px; text-decoration: none; background: transparent url(Images/Skogsindustrierna/iconLinkArrowBack.png) no-repeat left 9px;}

/** STYLES FOR ARTICLE **/
.ArticleImage{margin: 0 0 10px 0;}

/** STYLES FOR SEARCH **/
.SearchResultToggleArea{color: #ffffff; padding: 10px 10px 10px 10px; margin:5px 0px 0px 0px; background-color: #8cc63f;}
.SearchResultToggleArea a:link,
.SearchResultToggleArea a:active,
.SearchResultToggleArea a:visited,
.SearchResultToggleArea a:hover{color: #ffffff;}

/*** Image ***/
.ImageLink img{border:none;}

/* SI SU */
#su .PrintHeader {
	display: none;
}
#su a.button {
	float: right;
	height: 21px;	
	margin: 0;
	padding: 0 0 0 6px;
	background: url(Images/Skogsindustrierna/su/button.png) no-repeat 0 -21px;
}
#su a.button,
#su a.button:link,
#su a.button:visited,
#su a.button:hover,
#su a.button:active {
	color: #6e6c59;
	text-decoration: none;
	line-height: 21px;
	cursor: pointer;
}
#su a.button span {
	display: block;
	height: 100%;
	margin: 0;
	padding: 0 6px 0 0;
	background: url(Images/Skogsindustrierna/su/button.png) no-repeat 100% 0;
	line-height: 21px;
}
#su a.button.delete {
	padding-left: 19px;
	background: url(Images/Skogsindustrierna/su/button.png) no-repeat 0 -42px;
}
#su a.button.edit {
	padding-left: 23px;
	background: url(Images/Skogsindustrierna/su/button.png) no-repeat 0 -63px;
}
#su a.button.add {
	padding-left: 25px;
	background: url(Images/Skogsindustrierna/su/button.png) no-repeat 0 -84px;
}
#su a.button.print,
#su a.button.sectionprint {
	padding-left: 23px;
	background: url(Images/Skogsindustrierna/su/button.png) no-repeat 0 -105px;
}
#su a.button.save {
	padding-left: 23px;
	background: url(Images/Skogsindustrierna/su/button_save.png) no-repeat 0 0;
	color: #fff;
}
#su a.button.save span {
	background: url(Images/Skogsindustrierna/su/button_save.png) no-repeat 100% -21px;
	color: #fff;
}
#su ul.buttons {
	overflow: hidden;
	margin: 0;
}
#su ul.buttons li {
	margin-top: 10px;
}
#su ul.buttons li a {
	margin-left: 10px;
}

/* SI SU Print Sections */
body.si_print {
	padding: 2em;
}
body.si_print #printoutBody {
	width: 13cm;
	margin-left: .5cm; /* Some extra margin, just to be sure... */
}
body.si_print #su h2{
	margin-top: 3em;
}
body.si_print #su.section ul.questions {
	margin-top: 1.25em !important;
}
body.si_print #su.section ul.questions > li {
	padding: 1.25em 0 !important;
}
body.si_print #su .PrintHeader {
	display: block;
	text-align: right;
	page-break-inside: avoid;
}

body.si_print #su .PrintHeader img.organization
{
    float: left;
}

body.si_print #su .PrintHeader .SILogo
{
    float: right;
    text-align: right;
}

#su .PrintHeader p {
	margin-top: .25em !important;
}
#su fieldset.printout {
	margin: 0;
	padding: 0;
	border: 0;
}
#su fieldset.printout legend {
	margin: 0;
	padding: 0;
	border: 0;
}
#su fieldset.printout ul.pages {
	margin-top: 10px;
}
#su fieldset.printout ul.pages li {
	margin-bottom: .25em;
	line-height: 1;
}
#su fieldset.printout ul.pages li input[type=checkbox] {
	vertical-align: middle;
}
#su fieldset.printout ul.pages li label {
	margin-left: .25em;
	vertical-align: middle;
}
#su fieldset.printout .printInstructions {
	float: left;
	width: 50%;
}

/* SI SU Start Page print */
.startprint span.organization { display: block; width: 525px; padding: 6px 0; font-size: 191.67%; font-weight: bold; color: #181619; text-transform: uppercase; text-align: center; overflow: hidden; }
.startprint img.top { display: block; padding-bottom: 24px; clear: both; }
.startprint img.bottom { display: block; padding-top: 24px; clear: both; }

/* SI SU Start Page */
ul.startpagesections {
	overflow: hidden;
	width: 445px;
}
ul.startpagesections li {
	float: left;
	width: 135px;
	margin: 0 0 0 20px;
}
ul.startpagesections > li + li + li + li { /* items on second row or further gets a top margin */
	margin-top: 20px;
}
ul.startpagesections li.col1 {
	clear: left;
	margin-left: 0;
}
ul.startpagesections li.col3 {
	clear: right;
}
ul.startpagesections img {
	display: block;
	border: 0;
}

/* SI SU Section */
#su.section .pagecontrols { padding-bottom: 15px; }
#su.section .pagecontrols a { margin: 5px 0 5px 10px; }
#su.section .pagecontrols a.button.reset 
{
     clear: both;
}

/* SI SU Section Questions */
#su div.questions h3 {
	margin-bottom: 10px;
}
#su ul.questions {
	margin: 0 0 10px 0;
	border-top: 1px solid #ccc;
}
#su ul.questions li {
	overflow: hidden;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}
#su ul.questions .button {
	margin-left: 10px;
}
#su ul.questions li span.text {
	float: left;
	width: 290px;
}
#su ul.questions li input.text {
	float: left;
	width: 284px;
	padding-right: 2px;
	padding-left: 2px;
	border-width: 1px !important;
}
#su ul.questions .form,
#su ul.questions li.edit .view,
#su ul.questions li.add {
	display: none;
}
#su ul.questions li.edit {
	display: list-item;
}
#su ul.questions li.edit .form {
	display: block;
}
#su ul.questions input.hidden {
	display: none; /* button used solely for asp:Panel DefaultButton functionality (i'm already going to hell, so...) */ 
}

/* SU ActionPlan */
#su.actionplan h2 {
	color: #27943d;
	font-size: 217%;
	font-weight: normal;
}
#su table.actionplan {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	table-layout: fixed;
}
/* All cells */
#su table.actionplan th,
#su table.actionplan td {
	overflow: hidden;
	width: 95px;
	padding: 5px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;	
}
/* The headings */
#su table.actionplanhead {
	margin: 0 0 10px 0;
}
#su table.actionplanhead th {
	border: 0;
	border-left: 1px solid #fff;
}
#su table.actionplanhead th.action { /* first-child */
	border-left-width: 0;
	width: 174px;
}
#su table.actionplanhead th.startdate {
	width: 62px;
}
#su table.actionplanhead th.enddate {
	width: 62px;
}
#su table.actionplanhead th.completed {
	width: 45px;
}
#su table.actionplanhead th.evaluation {
	width: 194px;
}
/* Main headings */
#su table.actionplanhead thead th {
	background-color: #2f8020;
	color: #fff;
}
#su table.actionplanhead thead th.action {
	background-image: url(Images/Skogsindustrierna/su/actionplan/corner-tl.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#su table.actionplanhead thead th.evaluation {
	background-image: url(Images/Skogsindustrierna/su/actionplan/corner-tr.png);
	background-position: 100% 0;
	background-repeat: no-repeat;
}
/* The sub headings */
#su table.actionplanhead tbody th {
	background-color: #8cc63e;
	color: #000;
	font-size: .92em;
}
#su table.actionplanhead tbody th.action {
	background-image: url(Images/Skogsindustrierna/su/actionplan/corner-bl.png);
	background-position: 0 100%;
	background-repeat: no-repeat;
}
#su table.actionplanhead tbody th.evaluation {
	background-image: url(Images/Skogsindustrierna/su/actionplan/corner-br.png);
	background-position: 100% 100%;
	background-repeat: no-repeat;
}
#su table.actionplan th.separator,
#su table.actionplan td.separator {
	width: 3px !important;
	padding: 0 !important;
	border: 0 !important;
	background: #fff !important;
}

/* The 'body' */
#su div.actionplans {
	margin-bottom: 10px;
}
#su table.actionplanbody tbody td {
	border: 1px solid #cfcfcf;
	border-top-width: 0;
	font-size: .92em;
}
#su div.actionplan.first-child table tbody td { /* The example */
	border-top-width: 1px;
}
#su table.actionplan tbody td.action {
	width: 173px; /* 1px less than the heading cell */
}
#su table.actionplan tbody td.startdate {
	width: 62px;
}
#su table.actionplan tbody td.enddate {
	width: 61px; /* 1px less than the heading cell */
}
#su table.actionplan td.completed {
	width: 44px !important; /* 1px less than the heading cell */
	text-align: center;
	vertical-align: middle;
}
#su table.actionplan tbody td.evaluation {
	width:193px; /* 1px less than the heading cell */
}
#su table.actionplanbody td.separator {
	width: 4px !important;
}
/* Supervisor editable view */
#su .supervisor div.actionplans div.actionplan {
	margin-bottom: 10px;
}
#su .supervisor div.actionplans table.actionplan {
	margin-top: 0 !important;
}
#su .supervisor table.actionplan tbody td {
	border-top: 1px solid #cfcfcf;
}
#su.actionplan div.edit ul {
	float: left;
	width: 246px;
	margin: 0;
	padding: 5px;
	border: 1px solid #cfcfcf;
	border-bottom: 0;
}
#su.actionplan div.edit li {
	float: left;
}

/* Action plan buttons */
#su.actionplan input.hidden { /* Hidden button used solely for asp:Panel DefaultButton... */
	display: none;
}
#su.actionplan ul.buttons li {
	float: left;
	margin-top: 0;
}
#su.actionplan a.button {
	float: left;
	margin: 0 10px 0 0;
}

/* Action plan edit */
#su.actionplan fieldset {
	width: 460px;
	margin: 0;
	padding: 0 0 2em 0;
	border: 0;
}
#su.actionplan fieldset legend {
	display: none;
}
#su.actionplan fieldset textarea {
	height: 7em;
	width: 100%;
}
#su.actionplan fieldset p {
	margin-bottom: 1em;
}
#su.actionplan .error {
	display: block;
	margin: 1em 0;
	font-weight: bold;
}
#su.actionplan .error br {
	display: none;
}

/* Action plan delete */
#su.actionplan .deleteAction {
	font-style: italic;
}

#myPageWrapper div.siSuSectionInstructions {
	margin: 2em 10px .5em 0;
	padding: 0 0 .5em 0;
	background: url(Images/Skogsindustrierna/mypage_hr.gif) repeat-x left bottom;
	font-size: 1em;
	font-weight: bold;
}


/*** Google member map ***/
.topexplanation {font-weight:bold; padding-top:7px;}
#mapCanvas{
	width:100%;
	height:730px;
	}
#mapInfo {
	color: #a2a297;
	}	
	
#mapInfo ul{
	list-type: none;
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	}

#mapInfo ul li{
	list-type: none;
	display: inline;
	margin: 0 20px 0 0;
	padding: 0;
	font-weight: bold;
	}

#mapInfo ul li img{ 
	vertical-align: middle;
	margin: 0 4px 0 0;
	}


	#mapSearchBoxWrapper {
		display: none;
	}

	#mapSearchBox label{
		cursor: pointer;
	}

	#mapSearchBox .top {
		background: url(/Styles/Images/Skogsindustrierna/GoogleMaps/SearchBox/box_top.png) 0 0 no-repeat;
		height: 20px;
		width:286px;
	}	

	#mapSearchBox .content{
		background: url(/Styles/Images/Skogsindustrierna/GoogleMaps/SearchBox/box_middle.png) 0 0 repeat-y;
		padding: 0 16px 10px;
		width: 254px;
	}

	#mapSearchBox .content h3 {
		color: #26943d;
		font-size: 14px;
		margin: 0 0 10px 0;		
	}

	#mapSearchBox .content strong {
		display: block;
	}

	#mapSearchBox .navigation{
		margin: 0 0 0 0;
	}

	#mapSearchBox .navigation a{
		display: block;
		float:left;
		font-size: 11px;
	}

	#mapSearchBox .navigation a.last{
		float: right;	
	}

	#mapSearchBox .content .box{
	
		background: #a2a298;
		color: #fff; 
		font-size: 11px;
		font-weight: bold; 
		padding: 10px;
	}

	#mapSearchBox .content .box.info{
		margin: 20px 0 0 0;	
	}
	
	#mapSearchBox .content .box.search{
		margin: 2px 0 0 0;	
	}

	#mapSearchBox .content .box.search strong{
		margin: 0 0 4px 0;	
	}

	#mapSearchBox .content .box.search input{
		display: block;
		float: left;
		width: 180px;
	}
	
	#mapSearchBox .mainOrganizations {
		margin: 18px 0 0 0;			
	}

	#mapSearchBox .mainOrganizations strong {
		float: left;
	}

	#mapSearchBox .mainOrganizations a.helpButton{
		display:block;
		float:right;		
	}

	#mapSearchBox .content .box.search button{
		display: block;
		float: left;
		background: none;
		margin: 2px 0 0 10px;
		padding: 0;
		border: 0;	
	}
	
	#mapSearchBox table.products td{
		font-family: Arial, Verdana, Sans-Serif;
		font-size: 9px;
	}

	#mapSearchBox .checkboxWrapper {
		font-size: 11px;
		padding: 0 0 0 30px;
		height: 30px;
		line-height: 30px;
	}

	#mapSearchBox .organizationMassa{
		background: url(/Styles/Images/Skogsindustrierna/GoogleMaps/Markers/massabruk.png) 0 0 no-repeat;
	}

	#mapSearchBox .organizationPulp{
		background: url(/Styles/Images/Skogsindustrierna/GoogleMaps/Markers/massabruk.png) 0 0 no-repeat;
	}
	
	#mapSearchBox .organizationPapper{
		background: url(/Styles/Images/Skogsindustrierna/GoogleMaps/Markers/pappersbruk.png) 0 0 no-repeat;
	}
	
	#mapSearchBox .organizationPaper{
		background: url(/Styles/Images/Skogsindustrierna/GoogleMaps/Markers/pappersbruk.png) 0 0 no-repeat;
	}

	#mapSearchBox .childOrganizations {
		margin: 10px 0 0 0;	
	}


	#mapSearchBox .bottom {
		background: url(/Styles/Images/Skogsindustrierna/GoogleMaps/SearchBox/box_bottom.png) 0 0 no-repeat;
		height: 16px;
		width:286px;
	}	

	#mapSearchBox .clr {
		clear: both;
		
	}

	#mapSearchBox .hide {
		display: none;
	}
	
/*** /Google member map ***/

a#buttonShowMemberList:link,a#buttonShowMemberList:active,a#buttonShowMemberList:hover,a#buttonShowMemberList:visited { color:#FFFFFF; text-decoration:underline; }

.membermap { border-top: 1px solid #8cc63f; padding-top:8px; }
.membermap h1 { display: none; }
.membermap #maplink1,
.membermap #maplink2,
.membermap #mapprint { float: right; margin: 10px 0 10px 10px; color: #5d82a8; }
.membermap .PageUpdated { padding-top: 15px; }

.member-list .member-list-item { margin-top:20px; background-color:#E4E4E4; padding:10px; }
.member-list .member-list-item:first-child { margin-top: 0; }
.member-list .member-list-item .clr { clear:both; }
.member-list .member-list-item .name { clear:both; font-weight:bold; font-size:120%; margin-bottom:5px; }
.member-list .member-list-item .phone { float:left; min-width:15%; }
.member-list .member-list-item .address { float:left; min-width:25%; margin-right:2%; }
.member-list .member-list-item .web { float:left; min-width:20%;  margin-right:2%;}
.member-list .member-list-item .capacity { float:left; min-width:13%; margin-right:2%; }
.member-list .member-list-item .other { float:right; min-width:20%; text-align:left; }
.member-list .member-list-item .products { float:left; width:25%; }
.member-list .member-list-item .memberShowOnMap { color: #5d82a8; margin-left: 2px; }

.info-window {  }
.info-window .name, .info-window .phone, .info-window .address, .info-window .web, .info-window .capacity, .info-window .products { margin-bottom:10px; }
.info-window .name { font-weight:bold; font-size:120%; margin-bottom:5px; }
.info-window .phone { }
.info-window .address { margin-top:10px; }
.info-window .web {  }
.info-window .capacity { }
.info-window .products {  }