/* General stylesheet */
/* Menu CSS is at the bottom of this file */
/* ------------- */
/* Tag-specific styles and classes */
/* ------------- */
body{
	background:#E5E5E5 url(../images/bg_page.jpg) center top;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
}

body#inlineEditorBody{
	padding:0px;
	margin:0px;
	background:#C3DAF9;
}

.container{
width:946px;
background:#fff;
/*border:1px black solid;*/
}

a, body, table, input, select{
	font:normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;	
	color:#666666;
}
p{
	margin:0px;
	padding:0px;
}

/* ------------- */

/* ------------- */
/* ID-specific styles and classes */
/* ------------- */

div#divEditor table tr td{
	border:1px dashed #333333;
}


div#dropDownChildNodesContainerDiv{
position:absolute;
	
	top:38px;
	margin-left:300px;
	width:154px;
	widt\h:154px;
	border:0px solid #333333;
	border-bottom-width:0px;
	background:#FFFFFF;
	visibility:hidden;
	text-align:left;
	z-index:800;

}

div.LoginSquare
{
	margin-right:10px;
margin-left:10px;	
	display:block;
float:right;
}

img#dropDownImg
{
	border:0px solid #333333;
	z-index:300;
	margin-left:300px;
margin-top:5px;
}

div#dropDownChildNodesContainerDiv a{	
	display:block;
}

div#dropDownChildNodesContainerDiv a:hover{
	background:#CCCCCC;
}

div#dropDownChildNodesContainerDiv img{
	display:block;
	border-bottom:0px solid #666666;
}

div#flagsDiv{
	height:15px;
	margin-top:3px;
	text-align:right;
	margin-right:20px;
}

div#ObjectTypeContentDiv{
	text-align:left;
	margin-right:20px;
}

div#flagsDiv img{
	margin-left:3px;	
}

div#footerDiv a
{
	color:White;
	text-decoration:none;
	}

div#footerDiv{
	


	margin-left:65px;
	padding-top:20px;
	font-size:10px;
	text-align:center;
	margin-right:20px;
	font-family:Verdana;
	color:White;
	height:50px;
	background:url(../images/bgfooter_HolmenSkogExtranet.gif) no-repeat;

}

div#footerDiv p.tableCellHPLight{
text-align:center;

}

div.holmenSitesNavigationDiv{	
	
	left:47px;
	width:154px;
	z-index:300;
	}

div.holmenSitesNavigationDiv{	
	
	left:47px;
	width:154px;
	z-index:300;
	}
	
/* Fix for IE on Win */
div#holmenSitesNavigationDiv input{
	
	float:left;	
	width:107px;
	wid\th:109px;
	height:17px;
	heig\ht:13px;
	border:1px solid #333333;
	z-index:0;
	
}

div.holmenSitesNavigationDiv input{
	
	float:left;	
	width:107px;
	wid\th:109px;
	height:17px;
	heig\ht:13px;
	border:1px solid #333333;
	z-index:0;
	
}

/* For all other browsers */
html>body div#holmenSitesNavigationDiv input{
	float:left;		
	width:111px;
	height:13px;
	border:1px solid #333333;
}
/* End fix */

/* For all other browsers */
html>body div.holmenSitesNavigationDiv input{
	float:left;		
	width:111px;
	height:13px;
	border:1px solid #333333;
}
/* End fix */

div.holmenSitesNavigationDiv input.searchButton{
	width:41px;
	height:17px;
	border-width:0px;
	padding:0px;
	margin-top:-20px;
	margin-left:110px;
}

div#imageListingDiv{
	margin-left:2px;
}

div#imageListingDiv img{
	
	float:left;
	width:145px;	
	height:145px;
	wid\th:143px;	
	heigh\t:143px;
	margin:0px 2px 2px 0px;
	background:#CCCCCC;
	border:1px solid #333333;
	z-index:0;
	
}

div#imageListingDiv img.noBorder, div#imageListingVerticalDiv img.noBorder{
	width:145px;	
	height:145px;	
	border-width:0px;
}

div#imageListingVerticalDiv{
	float:right;
	/*margin-left:10px;*/
}

div#imageListingVerticalDiv img{
	
	display:block;
	width:145px;	
	height:145px;
	wid\th:143px;	
	heigh\t:143px;
	margin-bottom:2px;
	background:#CCCCCC;
	border:1px solid #333333;
	z-index:0;	
}

* html div#leftColumnDiv{
position:absolute;
	float:left;
margin-left:-152px;
	width:154px;
	z-index:1;
}

/* For all other browsers */
html>body div#leftColumnDiv{
	float:left;
margin-left:0px;
	width:154px;
	z-index:1;
}
/* End fix */


div#mainColumnDiv{	
	height:474px;
	margin-left:152px;
	padding-left:135px;
	border-left:1px solid #333333;
	z-index:20;
}

div#mainColumnDivStartPage{	
	
	height:474px;
	margin-left:152px;
	padding-left:20px;
	border-left:1px solid #333333;
	z-index:0;
	
}

div#Illustrationdiv
{
	margin-top:-30px;
z-index:0;
	}



html>body div#mainColumnDiv{	
	/* Hide this CSS from IE on Mac \*/
	height:auto;
	/* End hiding from IE on Mac */
	min-height:474px;
}

html>body div#mainColumnDivStartPage{	
	/* Hide this CSS from IE on Mac \*/
	height:auto;
	/* End hiding from IE on Mac */
	min-height:474px;
}

div#mainColumnLeftColumnDiv{
	
	float:left;
	/* For IE on Mac */
	width:270px;
	/* For all other browsers \*/
	width:280px;
	/* End all other browsers */	
z-index:0;
}

div#mainColumnRightColumnDiv{
		
	float:right;
	width:296px;
z-index:0;
}

/* New class for DistrictLayout */
div#mainColumnRightColumnContactsDiv{
		
	float:right;
	width:396px;
z-index:0;	
}

/* New class for DistrictLayout */
div#mainColumnLeftColumnContactsDiv{
	
	float:left;
	/* For IE on Mac */
	width:186px;
	/* For all other browsers \*/
	width:226px;
	/* End all other browsers */	
z-index:0;
}

div#mainColumnNarrowLeftColumnDiv{
	
	float:left;
	/* For IE on Mac */
	width:170px;
	/* For all other browsers \*/
	width:180px;
	/* End all other browsers */	
	z-index:0;
}

div#mainColumnNarrowRightColumnDiv{
		
	float:right;
	width:150px;	
	
}

div#mainColumnLeftColumnFirstPageDiv{
	margin-left:30px;
	float:left;
	width:320px;
z-index:0;
text-align:left;

}

div.preAmbleOrPushTextStartPage{
	margin-left:0px;
	width:320px;
	text-align:left;
}

div#mainColumnLeftColumnNewsDiv
{		margin-top:15px;
	float:left;
	width:380px;
z-index:0;
text-align:left;
}

div#mainColumnRightColumnNewsDiv
{
	margin-top:15px;
	float:right;
	width:250px;
}

div#mainColumnLeftColumnFirstPageSubDiv{
	
	float:left;
z-index:0;
	
	text-align:left;
}

div#NewsFlashDiv{
	margin-left:0px;
}


div#mainColumnRightColumnFirstPageDiv{
	margin-top:15px;
	float:right;
	width:320px;
	
}

div#mainColumnWideColumnDiv{	
	overflow:hidden;
	width:650px;
	
}

div#mainColumnFloatWideColumnDiv{	
	
	float:left;
	width:430px;
		
}

div#mainColumnFloatWideColumnDivStartPage{	
	
margin-top:20px;
margin-bottom:10px;
	float:left;
	width:700px;
		z-index:0;
}

div#menuDiv{
	float:left;
	left:0px;
	min-height:278px;
}

div#orderFormContainerDiv input{
	width:194px;
}

div#orderFormContainerDiv div.normalInputWidth input{
	width:auto;
}

div#pageHeaderDiv{
	height:16px;
	/*padding-bottom:16px;*/
	border-bottom:1px solid #333333;
	margin-right:20px;
}

div#pageHeaderStartPageDiv{
	margin-bottom:18px;
}

div#popupBigDiv{
	position:absolute;
	left:0px;
	top:0px;
	width:293px;
	/*height:215px;*/
	height:215px;
	wid\th:291px;
	heigh\t:223px;
	display:none;
	border:1px solid #333333;
	background:#FFFFFF;
}

div#popupBigInnerDiv
{
	/*width:291px;
	height:207px;		*/
}

div#popupContainerDiv{
	
}

div#popupContainerDiv table{
	width:100%;
}
div.popupTopLineDiv img#closeButtonImg
{
	
	cursor:hand;
	cursor:pointer;
}
div#popupContainerDiv img#closeButtonImg{
	
	left:6px;
	top:4px;
	cursor:hand;
	cursor:pointer;
}

div#popupContainerDiv td.contactLabelsTD{
	width:67px;
	font-weight:bold;
}

div#popupContainerDiv div#popupContentDiv{
	
	width:291px;
	height:217px;	
	background:#FFFFFF;
	overflow:auto;
}

div#popupContainerDiv div#infoContainerDiv{
	margin:4px 6px 4px 29px;
}

div#popupContainerDiv td.userImageTD{
	width:87px;
}

div#popupContainerDiv td.userImageTD img{
	
	float:left;
	border:1px solid #333333 !important;
	width:80px;
	height:100px;

}

div#popupContainerDiv td.userInfoTD{	
	vertical-align:bottom;
}

div#topbarDiv{	
	height:72px;
	heigh\t:41px;
	padding-top:15px;
	padding-bottom:10px;
	/*margin-top:30px;*/
	margin-left:47px;
	margin-right:20px;
	border-bottom:1px solid #333333;
	text-align:left;
	z-index:400;
background:url(../images/bg_HolmenSkogExtranet.gif) no-repeat;
}

div#wideColumnLeftColumnDiv{
	
	float:left;
	width:210px;
	
}

div#wideColumnRightColumnDiv{
	
	float:left;
	width:210px;
	
}

iframe#popupIframe{
	
	width:0px;
	height:0px;
	border-width:0px;
	overflow:hidden;
}

input#subscribeCheckbox{
	float:left;
	margin-top:-2px;
}
/* ------------- */

/* ------------- */
/* Tag-specific classes */
/* ------------- */
a.logoLink{
	float:right;	
}

a.pushObjectHeadingWithArrow{
	display:block;
	font-weight:bold;
	text-decoration:none;
	/*background:url(../images/doubleRedArrow.gif) top right no-repeat;*/
	height:12px;
	padding-right:10px;
	margin-bottom:4px;
}

/* For all other browsers than IE on Win*/
html>body a.pushObjectHeadingWithArrow{	
	height:auto;
	min-height:12px;
}

a.readMoreLinkWithArrows{
	display:block;	
	margin-top:4px;
	padding-right:15px;
	background:url(../images/doubleRedArrow.gif) top right no-repeat;
	text-align:right;	
}

a.textHeadingLink
{
	color:#999999;
	font-weight:bold;
	text-decoration:none;
}

a.textHeadingLinkChosen, div.textHeadingLinkChosen{
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}


div.contactArea{
	float:left;
	width:120px;
	height:165px;
	padding:3px 0px 0px 6px;
}

/* For all other browsers than IE on Win*/
html>body div.contactArea{
	height:auto;
	min-height:165px;
}

div.contactArea div{
	width:120px;
}

div.errorMsgDiv{
	/**/
	text-align:center;
	height:22px;
}

div.infoBox{
	
	background:#FCFCF2;
	border:1px solid #999999;
}

div.infoBox div{
	height:22px;
	heigh\t:19px;
	padding:3px 0px 0px 3px;
}

html>body div.infoBox div{
	height:auto;
	min-height:19px;
}

div.infoBox div.contactDiv{
	
	height:15px;
	heigh\t:14px;
	padding:1px 0px 0px 3px;
}

html>body div.infoBox div.contactDiv{
	height:auto;
	min-height:14px;
}

div.infoBox a.contactImageLink, div.infoBox img.contactImageLink{
	
}

div.infoBox img.contactImageLink{
	
	top:3px;
}

div.infoBox span.contactText{
	display:block;
	height:14px;
	padding-left:20px;
}

html>body div.infoBox span.contactText{
	height:auto;
	min-height:14px;
}



div.infoBox div.darkBGColor{
	background:#E1E1D7;
}

div.pageHeading, span.pageHeading{
	color:#666666;
	font:Normal 20px Verdana,Arial, Helvetica, sans-serif !important;
	text-align:left;
}

div.pageHeadingRecruitment{
	color:#333333;
	font:Normal 24px Verdana,Arial, Helvetica, sans-serif !important;
	text-align:left;
	margin-top:5px;
}


div.popupTopLineDiv{
	height:16px;
	background:#0066Ac;
	font-size:1px;
	/*cursor:move;*/
	text-align:right;
	padding:2px 4px 2px 0px;
}

div.preAmble, span.preAmble{
	color:#333333;
	font-weight:bold;
	text-align:left;
}

div.preAmbleOrPushText{
	margin-left:20px;
	margin-right:20px;
	text-align:left;
}


div.preAmble, span.preAmble{
	color:#333333;
	font-weight:bold;
		text-align:left;
}

div.publicationLeftColumnDiv{
	float:left;
	width:270px;
}

div.publicationRightColumnDiv{
	float:right;
	width:170px;
}

div.publicationListingLeftDiv{
	float:left;
	width:25px;	
}

div.publicationListingRightDiv{
	float:left;
	width:145px;
}

div.publicationListingRightDiv img.iconLink{
	
	top:2px;
}

div.publicationListingRightDiv a.textLink{
	
	left:3px;
	top:-2px;
}


div.searchErrorDiv{
	
	left:0px;
	top:40px;
	width:200px;
	background:#FFFFFF;
	padding:4px;
	border:1px solid #333333;

	display:none;
}

div#SearchButtonDiv
{
	margin-left:110px;
	margin-top:-20px;
	width:200px;
	padding:4px;
	z-index:0;
}
div.searchOptions input{
	margin-left:10px;
}

div.searchOptions input.firstOption{
	margin-left:0px;
}



div.searchResults{
		
	padding-left:25px;
}

div.searchResults img{
	float:left;
	margin-left:-25px;
	left:0px;
}

div.smallPageHeading, span.smallPageHeading{
	color:#333333;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}

div.smallPageHeadingWithArrow, span.smallPageHeadingWithArrow{
	color:#666666;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}

div.PushContainerHeading{
	border:1px orange solid;
	margin-right:20px;
}
div.textHeading, span.textHeading{
	font-weight:bold;	
}
div.PushContainerArrowDiv
{
background:url(../images/ArrowDown.gif) top left no-repeat;
margin-left:20px;
margin-top:-1px;
height:10px;
}
input.incorrectInput{
	background:#CCCCCC !important;
}

input.searchTextField{
	width:200px;
}

span.newsHeading{
	color:#333333;
	font:bold 12px Arial, Helvetica, sans-serif;
}

span.pageHeader{
	float:left;
	color:#999999;
	font:normal 14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
span.smallPageHeading{
	color:#333333;
	font:bold 12px Verdana ,Arial, Helvetica, sans-serif;
}

span.textHeadingWithMargin{
	display:block;
	font-weight:none;
	margin:2px 2px 2px 15px;
	text-align:left;
	
}


span.textHeadingWithMarginStartPage{
	display:block;
	font-weight:none;
	margin:2px 2px 2px 2px;
	text-align:left;
	
}



table.tableBorderLine{
	border:1px solid #999999;	
}

td.LoginTableCellHeader{
	background:#ACB6BD !important;
	font:bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:white;
	text-align:center;
}
td.LoginTableCell{
	font:bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:black;
	text-align:center;
}

table.LoginTable{
	border:2px solid #E1E1D7;
	
	padding:0px,0px,0px,0px;
}

table.LogoutTable{
	margin-right:15px;
	padding:0px,0px,0px,0px;
}
td.LogoutTableCell{
	font:bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#F18E00;
	text-align:center;
}


table.tableCellHPLight, tr.tableCellHPLight, td.tableCellHPLight{
	background:#FCFCF2 !important;

}

span.tableCellHPLight{
	text-align:left;
}


table.tableCellHPDark, tr.tableCellHPDark, td.tableCellHPDark{
	background:#E1E1D7 !important;
	text-align:left;
}

p.tableCellHPLight{
text-align:left;
}

p.tableCellHPDark{
text-align:left;
}


textarea.wideField{
	width:434px;
	height:100px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}

/* ------------- */
/* Classes */
/* ------------- */
.bigSpace{
	font-size:3em;
}

.bold{
	font-weight:bold;
}
.boldOrange{
	font-weight:bold;
	color:orange;
}

.borderLine{	
	height:1px;
	font-size:1px;
	border-bottom:1px solid #333333;	
}
.borderLineGrey
{
	height:1px;
	font-size:1px;
	border-bottom:1px solid #999999;	
	}

.clearFloat{
	clear:both;
	font-size:1px;
}

.darkBold{
	color:#333333;
	font-weight:bold;
}

.displayBlock{
	display:block;
}

.displayNone{
	display:none;
}

.floatRight{
	/* CSS for IE on Mac */
	
	
	/*  End IE for Mac \*/
	/* End all other browsers */
	float:right;
}

.italicText{
	font-style:italic;
}

.mediumSpace{
	font-size:1.5em;
}

.pointer{
	cursor:hand;
	cursor:pointer;
}

.smallSpace{
	font-size:0.5em;
}

.textAlignRight{
	text-align:right;
}
/* ------------- */
@media print{
	div#footerDiv, div#leftColumnDiv, div#topbarDiv{
		display:none;
		
	}
	div#mainColumnDiv{		
		width:600px;
		margin-left:10px;
		padding-left:0px;
		border-left-width:0px;
		margin-right:10px;
		text-align:left;
	}
}
/* ------------- */
/* Menu-specific CSS */
/* ------------- */
/* 
	To use absolute position for menu headings, add these two 
	lines to the menuHeading and menuHeadingHover classes:
	
	
	width:100px;
	
	The Box Model hack is used to adapt the size and 
	rendering of box models in IE 5.x on Windows
	(using the '\' escape)
	
	The commenting bug in IE 5.x on Mac is used to hide styles from that browser
*/

div.menuHeading{
	width:136px;
	wid\th:150px;
	height:20px;
	line-height:15px;
	padding-right:7px;	
	margin-left:0px;
	text-align:right;
	display:block;
	z-index:5;
}

html>body div.menuHeading{
	height:auto;
	min-height:20px;
}

div.menuHeadingHover{
	width:136px;
	wid\th:129px;
	height:20px;	
	line-height:15px;
	padding-right:7px;	
	text-align:right;
	/*background:url(../images/menuMarker.gif) center right no-repeat;*/
	display:block;	
}

html>body div.menuHeadingHover{
	height:auto;
	min-height:20px;
}

div.menuHeadingHover a.headingItemLink{
	color:#333333;
}

div.menuHeadingSelected{	
	
	width:136px;
	wid\th:152px;
	height:20px;	
	line-height:15px;
	padding-right:6px;	
	text-align:right;
	background:url(../images/menuMarkerRed.gif) center right no-repeat;
background-color:white;
	display:block;
position:relative;
	z-index:300;
	
}

html>body div.menuHeadingSelected{
	height:auto;
	min-height:20px;
}

div.menuHeadingSelected a.headingItemLink{
	color:#333333;
	text-decoration:none;
	font-weight:bold;
	
}

/* 
	These styles within the comments are extra styles to show the possibility 
	to add different styles for different headings/items
*/
a.menuThirdLevelItem{
	display:block;
	padding-left:10px;
	text-decoration:none;
}

a.menuThirdLevelItemSelected{
	display:block;
	padding-left:10px;
	text-decoration:none;
	font-weight:bold;	
}

a.menuThirdLevelItem:hover{
	color:#333333;
}
/* End extra styles */
 
div.levelContainer{	
	width:127px;
	margin-left:1px;
	/*margin-top:-200px;*/
	background:#FFFFFF;
	visibility:hidden;
	text-align:left;
	z-index:100;
position:relative;
	
}
 
div.levelItem{
		
	width:127px;
	height:14px;
	line-height:14px;
	display:block;
}

div.levelItemHover{
	
	width:132px;
	height:14px;
	line-height:14px;
	display:block;	
}

div.levelItem, div.levelItemHover{
	height:auto;
	min-height:10px;
}

a.headingItemLink, span.headingItemLink{
	font:bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
	/*padding:4px 4px 1px 5px;*/
	padding:4px 4px 0px 5px;
	text-transform:uppercase !important;
	display:block;
	cursor:hand; 
	cursor:pointer;
}

a.levelItemLink, span.levelItemLink{
	color:#666666;
	font-weight:normal;
	text-decoration:none;
	margin-top:3px;
	padding:0px 4px 0px 5px;
	display:block;
	cursor:hand; 
	cursor:pointer;
}

a.levelItemLinkSelected, span.levelItemLinkSelected{
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	margin-top:3px;
	padding:0px 4px 0px 5px;
	display:block;
	cursor:hand; 
	cursor:pointer;
}

a.headingItemLink:hover{
	color:#333333;
	text-decoration:none;
}

a.levelItemLink:hover{
	color:#333333;
	text-decoration:none;
}

img.levelItemArrow{
	width:5px;
	height:5px;
	margin-left:4px;
}

.header1{
color:#666666;
	font:Normal 20px Verdana,Arial, Helvetica, sans-serif !important;
	text-align:left;
}
/* ------------- */