body
{
	position: relative;
	margin: 0;
	padding: 0;
	background: #ffd55d url("/Web/Images/bg_body.png") repeat-y left top;
	color: #333;
	height: 100%;
	font-family: verdana, sans-serif;
	font-size: 0.8em;
}

div, h1, h2, h3, h3, h4, p, form, table, tr, td, th
{
	margin: 0;
	padding: 0;
}

	input, textarea, select
{
	font-family: verdana, sans-serif;
	font-size: 100%;
}

h1
{
	font-size: 175%;
}

h2
{
	font-size: 150%;
}

h2 span.arrow
{
	padding-right: 23px;
	background: transparent url("/Web/Images/ico_arrow_red_down.png") no-repeat right 6px;
}

h2.regularText
{
	font-size: 85%;
	font-weight: normal;
}

h2.green
{
	padding: 8px 0 5px 5px;
	border-bottom: 3px #528949 solid;
	font-size: 125%;
	font-weight: normal;
}

h2.orange
{
	padding: 0 0 5px 5px;
	border-bottom: 3px #ff8a00 solid;
	font-size: 125%;
	font-weight: normal;
}

h3
{
	font-size: 125%;
}

h4
{
	font-size: 100%;
}

a
{
	color: #2a6518;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a img
{
	border: 0;
}

.bodyTextType1
{
	font-size: 100%;
	line-height: 115%;
}

.bodyTextType2
{
	font-size: 85%;
	line-height: 100%;
}

.smallText
{
	font-size: 85%;
}

select.inpDropDown
{
	margin-right: 5px;
	width: 150px;
}

input.inpButton
{
	padding: 0 2px 0 2px;
}

/************************************************************
  Hidden elements (WAI)
************************************************************/
#internalPageNavigation
{
	position: absolute;
	left: -999px;
	top: -999px;
}

/************************************************************
  Wrapper styles
************************************************************/
#pageWrapper
{
	position: relative;
	padding: 0 0 40px 10px;
	border-top: 10px #fff solid;
}

#headerWrapper
{
	position: relative;
	margin: 0;
	padding: 0;
	height: 124px;
	background: transparent url("/Web/Images/bg_lgo.png") no-repeat left top;
}

#bodyWrapper
{
	position: relative;
	clear: both;
	background: #f8e9b4 url("/Web/Images/bg_menu.png") repeat-x left bottom;
	width: 970px;
	overflow: hidden;
}

#leftMenu
{
	position: relative;
	float: left;
	width: 180px;
	overflow: hidden;
}

#contentWrapper
{
	position: relative;
	float: left;
	width: 790px;
	background-color: #fff;
}

#contentWrapper div.contentTop
{
	position: relative;
	height: 9px;
	background: #fff url("/Web/Images/bg_content_top.png") no-repeat right top;
	overflow: hidden;
}

#contentWrapper div.contentMain
{
	position: relative;
	padding: 6px 20px 16px 10px;
	width: 760px;
	background: #fff url("/Web/Images/bg_content_main.png") repeat-y right top;
	overflow: hidden;
}

#contentWrapper div.contentBottom
{
	position: relative;
	height: 8px;
	width: 790px;
	background: #fff url("/Web/Images/bg_content_bottom.png") no-repeat right top;
	overflow: hidden;
}

/* Adaption of contentWrapper for full width front page on annual reports */

#fullContentWrapper
{
	position: relative;
	float: left;
	width: 970px;
	background-color: #fff;
}

#fullContentWrapper div.contentTop
{
	position: relative;
	height: 9px;
	background: #fff url("/Web/Images/bg_content_top.png") no-repeat right top;
	overflow: hidden;
}

#fullContentWrapper div.contentMain
{
	position: relative;
	padding: 6px 20px 16px 10px;
	width: 940px;
	background: #fff url("/Web/Images/bg_content_main.png") repeat-y right top;
	overflow: hidden;
}

#fullContentWrapper div.contentBottom
{
	position: relative;
	height: 8px;
	width: 970px;
	background: #fff url("/Web/Images/bg_content_bottom_970.png") no-repeat right top;
	overflow: hidden;
}

div.fullPortalUnit
{
    background-color:Transparent;
    background-position:right top;
    background-repeat:no-repeat;
    height:121px;
    margin-bottom:10px;
    overflow:hidden;
    padding:15px 300px 15px 10px;
    position:relative;
    cursor: pointer;
}

div.fullPortalUnit2
{
    background-color:Transparent;
    background-position:right top;
    background-repeat:no-repeat;
    height:75px;
    margin-bottom: 0px;
    overflow:hidden;
    padding: 15px 300px 0px 10px;
    position:relative;
    cursor: pointer;
}

div.fullPortalUnit h2
 {
    border-top:0 none;
    color:#184B21;
    padding:0 0 5px;
    font-size:125%;
    font-weight:normal;
}

div.fullPortalUnit2 h2
 {
    border-top:0 none;
    color:#184B21;
    padding:0 0 5px;
    font-size:125%;
    font-weight:normal;
}

/************************************************************
  Header styles
************************************************************/
h1.topLogo
{
}

h1.topLogo a
{
	position: relative;
	float: left;
	height: 124px;
	width: 390px;
	overflow: hidden;
}

h1.topLogo a span
{
	display: none;
}

div.globalMenu
{
	padding: 4px 0 0 10px;
	height: 20px;
	background: #cd6d04 url("/Web/Images/bg_top_navigation.png") repeat-x top left;
	color: #fff;
	overflow: hidden;
}

div.globalMenu a
{
	padding: 0 3px 0 0;
	color: #fff;
	text-decoration: none;
}

div.globalMenu a.lnkEnglish
{
	padding-right: 25px;
	background: transparent url("/Web/Images/ico_english.png") no-repeat right 2px;
}

div.globalMenu a:hover
{
	text-decoration: underline;
}

div.globalSearch
{
	position: absolute;
	top: 60px;
	left: 610px;
	padding-left: 140px;
	width: 210px;
	height: 50px;
	background: transparent url("/Web/Images/bg_search.png") no-repeat 10px 19px;
}

div.globalSearch label
{
	display: block;
	padding-bottom: 2px;
}


div.globalSearch input.sTxt
{
	width: 150px;
	border: 1px #999 solid;
	margin-right: 5px;
	padding: 2px;
}

div.globalSearch input.sBtn
{
	position: absolute;
	left: 300px;
	top: 19px;
}

/************************************************************
  Bread crumb
************************************************************/
#breadCrumb
{
	position: relative;
	font-size: 85%;
}

/************************************************************
  Left menu styles
************************************************************/
div.mainMenuSpacer
{
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 15px;
	background-color: #fff;
}

div.mainMenu
{
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	border-top: 3px #ff8a00 solid;
}

div.mainMenu a
{
	display: block;
	position: relative;
	margin: 0;
	padding: 10px 15px 10px 15px;
	color: #000;
	text-decoration: none;
	font-size: 110%;
}

div.mainMenu a.indent
{
	font-weight: normal;
	padding-left: 30px;
	font-size: 100%;
}

div.mainMenu a:hover
{
	background: transparent url("/Web/Images/ico_menu_hover.png") no-repeat left 10px;
	color: #bd401d;
}

div.mainMenu a.white
{
	border-bottom: 1px #fff solid;
}

div.mainMenu a.orange
{
	border-bottom: 3px #ffd55d solid;
	color: #000;
}

div.mainMenu a.active
{
	background: transparent url("/Web/Images/ico_menu_active.png") no-repeat left 10px;
	color: #000;
	font-weight: bold;
}



/************************************************************
  Main wrapper styles
************************************************************/
div.topContent, div.mainContent, div.footerContent
{
	position: relative;
	width: 100%;
	float: left;
	clear: both;
}

div.topContent
{
	position: relative;
	margin-bottom: 12px;
	background: #fff url("/Web/Images/bg_top_stories.png") no-repeat left top;
}

div.leftColumn
{
	position: relative;
	float: left;
	margin-right: 10px;
	width: 550px;
	overflow: hidden;
}

div.rightColumn
{
	position: relative;
	float: left;
	width: 200px;
	padding-top: 16px;
	overflow: hidden;
}

div.rightColumnFrontpage
{
	position: relative;
	float: left;
	width: 200px;
	padding-top: 16px;
	overflow: hidden;
}

div.top
{
	border-top: 3px #528949 solid;
}

div.topContent div.rightColumnFrontpage
{
	padding-top: 0;
}

div.footerContent div.footer
{
	position: relative;
	margin: 30px 0 0 0;
	padding: 0 0 10px 30px;
	background: transparent url("/Web/Images/ico_arrow_green_left.png") no-repeat 10px 13px;
	border-top: 1px #585858 dotted;
	font-size: 85%;
}

/************************************************************
  Content List Styles
************************************************************/
div.storyList
{
	position: relative;
	clear: both;
	float: left;
	margin-bottom: 12px;
}

div.storyList h2
{
	margin-bottom: 15px;
	margin-top: 8px;
}

div.storyList div.storyWithNoPic div.itemText
{
	width: 550px;
}

div.storyList div.storyWithNoPic div.itemImage
{
	display: none;
}

div.storyList div.storyWithPic div.itemText
{
	width: 382px;
}

div.storyList div.storyListItem
{
	position: relative;
	float: left;
	clear: both;
	width: 550px;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px #585858 dotted;
}

div.storyListItem div.itemText
{
	position: relative;
	float: left;
}
div.storyListItem div.itemText div.itemTimestamp
{
	font-size: 85%;
	color: #444;
}

div.storyListItem div.itemText h3.itemTitle
{
	padding: 0 0 5px 0;
	font-size: 125%;
	font-weight: normal;
}

div.storyList div.storyListItemSimple
{
	position: relative;
	float: left;
	padding: 0 0 5px 0;
	border: 0;
}

div.storyListItemSimple h3.itemTitle
{
	font-size: 100%;
	font-weight: normal;
}

div.storyListItem div.itemText p
{
	float: left;
}

div.storyListItem div.itemImage
{
	position: relative;
	float: right;
	width: 158px;
	padding-left: 10px;
	overflow: hidden;
}

div.storyListItem div.itemImage img
{
	position: relative;
	float: right;
	border: 1px #ccc solid;
}

div.storyList div.storyListFooter
{
	position: relative;
	clear: both;
	margin-top: 15px;
	padding: 6px 5px 10px 5px;
	border-top: 1px #585858 dotted;
}

div.articleList
{
	position: relative;
	clear: both;
}

div.articleList ul
{
	position: relative;
	margin: 0;
	padding: 10px 0 0 0;
	list-style-type: none;
	
}

div.articleList ul li
{
	margin: 0;
	padding: 5px 0 0 0;
}

div.articleList h3.listTitle
{
	font-size: 100%;
	font-weight: normal;
}

div.articleList h3.listTitle span
{
	color: #515151;
}

div.articleList p.listIntro
{
	padding-bottom: 5px;
}

div.linkList
{
	position: relative;
	margin-bottom: 25px;
}

div.linkList h3
{
	margin: 0;
	padding: 10px 0 0 5px;
	font-size: 100%;
}

div.linkList ul
{
	margin: 0 0 0 10px;
	padding: 5px 5px 0 10px;
	list-style-image: url("/Web/Images/ico_bullet_green.png");
}

div.linkList ul li
{
	margin: 0;
	padding: 2px 0 2px 0;
	font-size: 85%;
}

/* Page list styles */
div.listPage
{
	position: relative;
	width: 550px;
	overflow: hidden;
}

div.listPage div.listHead
{
	position: relative;
	width: 550px;
	overflow: hidden;
}

div.listPage div.listBody
{
	position: relative;
	width: 550px;
	overflow: hidden;
}

div.listPage div.footer
{
	position: relative;
	width: 550px;
	overflow: hidden;
}

/* Table list wrapper*/
div.listWrapperTable
{
	position: relative;
	float: left;
	margin-bottom: 15px;
	width: 550px;
	overflow: hidden;
}

div.listWrapperTable h3
{
	position: relative;
	padding: 8px 0 5px 5px;
	border-top: 3px #4a8a21 solid;
	font-size: 125%;
	font-weight: normal;
}

div.listWrapperTable h3 span.arrow
{
	padding-right: 23px;
	background: transparent url("/Web/Images/ico_arrow_red_down.png") no-repeat right 6px;
}

div.listWrapperTable table
{
	width: 548px;
	border-top: 3px #4a8a21 solid;
	border-collapse: collapse;
}


div.listWrapperTable table thead tr th
{
	padding: 10px;
	background: transparent url("/Web/Images/bg_heading_2.png") repeat-x left bottom;
	border-left: 1px #b9c2b5 solid;
	border-right: 1px #b9c2b5 solid;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}

div.listWrapperTable table tbody tr td
{
	padding: 10px;
	border: 1px #b9c2b5 solid;
	border-top: 0;
	border-collapse: collapse;
	vertical-align: top;
}

div.listWrapperTable h4
{
	padding-bottom: 4px;
	font-weight: normal;
}

/* Standard list wrapper*/
div.listWrapper
{
	position: relative;
	float: left;
	width: 548px;
	margin-bottom: 20px;
	background: transparent url("/Web/Images/bg_heading_3.png") repeat-x left top;
	border: 1px #b9c2b5 solid;
	border-top: 3px #528949 solid;
	overflow: hidden;
}

div.listWrapperContent
{
	position: relative;
	float: left;
	clear: both;
	padding-top: 20px;
	width: 548px;
	overflow: hidden;
}

/* Control Bar*/
div.listWrapper div.controlBar
{
	position: relative;
	padding: 15px 15px 0 15px;
}

div.listWrapper div.controlBar h3
{
	position: relative;
	padding: 0;
	margin: 0;
	font-size: 115%;
	font-weight: bold;
}

div.listWrapper div.listFilter
{
	position: relative;
	padding: 0 15px 15px 15px;
}

div.controls
{
	position: relative;
	padding-top: 20px;
}

div.listWrapper div.listFilter div.controls
{
	position: relative;
	padding-top: 0;
	padding-bottom: 5px;
}

div.controls div.theControl
{
	position: relative;
	float: left;
	padding-right: 10px;
}

div.controls div.theControl label
{
	display: block;
	padding-bottom: 3px;
	font-size: 85%;
}

/* Tab bar */
div.listWrapper div.tabBar
{
	position: relative;
	float: left;
	clear: both;
	margin: 0;
	padding: 30px 0 0 25px;
	height: 27px;
	width: 540px;
	background: transparent url("/Web/Images/Tabs/bg_border_bottom.png") repeat-x left bottom;
	overflow: hidden;
}

div.listWrapper div.tabBar ul
{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.listWrapper div.tabBar ul li
{
	position: relative;
	float: left;
	margin: 0 0 0 -13px;
	padding: 0 28px 0 0;
	height: 27px;
	background: transparent url("/Web/Images/Tabs/bg_inactive_right.png") no-repeat right top;
	list-style-type: none;
	overflow: hidden;
	z-index: 1;
}

div.listWrapper div.tabBar ul li a
{
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 5px 8px 0 15px;
	height: 22px;
	background: transparent url("/Web/Images/Tabs/bg_inactive_left.png") no-repeat left top;
	color: #000;
	overflow: hidden;
}


div.listWrapper div.tabBar ul li.active
{
	background: transparent url("/Web/Images/Tabs/bg_active_right.png") no-repeat right top;
	z-index: 10;
}

div.listWrapper div.tabBar ul li.active a
{
	background: transparent url("/Web/Images/Tabs/bg_active_left.png") no-repeat left top;
}


/* List content header */
div.listWrapper div.listWrapperContent div.listContentHeader
{
	position: relative;
	float: left;
	clear: both;
	padding: 0 15px 10px 15px;
	overflow: hidden;
}

div.listContentHeader a
{
    position: relative;
    display: block;
    float: left;
    padding: 2px 10px 2px 0;
    width: 245px;
}

div.listContentHeader a.letterButton
{
    position: relative;
    display: inline;
    float: left;
    padding: 5px 0 5px 0;
    margin: 0 5px 5px 0;
    width: 30px;
    background-color: #e3e9e2;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

	
div.listContentHeader a.letterButton:hover
{
	background-color: #fff;
	color: #000;
}

/* List group content */
div.listWrapper div.listWrapperContent div.listContentGroup
{
	position: relative;
	clear: both;
	padding-bottom: 20px;
	width: 548px;
	background: transparent url("/Web/Images/bg_heading_4.png") repeat-x top left;
	overflow: hidden;
}

div.listContentGroup h2
{
	position: relative;
	padding: 10px 15px 15px 15px;
	color: #000;
	font-size: 100%;
}

div.listContentGroup a.lnkToTop
{
	display: block;
	position: absolute;
	top: 7px;
	right: 10px;
	padding-right: 10px;
	background: transparent url("/Web/Images/ico_arrow_up.png") no-repeat right 4px;
	font-size: 85%;
}

div.listContentGroup table
{
	position: relative;
	width: 100%;
}

div.listContentGroup table tr td
{
	padding: 10px;
	vertical-align: top;
}

div.listContentGroup div.listContentElement
{
	position: relative;
	padding: 0 15px 15px 15px;
}

div.listContentGroup div.listContentElement h3
{
	position: relative;
	margin: 0;
	padding: 0 0 4px 0;
	font-size: 100%;
	font-weight: normal;
}

div.listContentGroup div.listContentElement ul
{
	position: relative;
	margin-top: 0;
	padding-top: 0;
}

div.listContentGroup div.paging
{
	position: relative;
	padding: 0 15px 15px 15px;
}

div.paging
{
	position: relative;
	padding: 0 15px 15px 15px;
}
div.paging a.bold
{
	font-weight:bold;
	font-size:1.2em;
}

/************************************************************
  Content box styles
************************************************************/
div.contentBox
{
	position: relative;
	margin-bottom: 25px;
	clear: both;
	width: 100%;
}

div.contentBox p
{
	padding: 15px 5px 0 5px;
	font-size: 85%;
}

div.contentBox div.letterModule
{
	position: relative;
	float: left;
	margin-top: 10px;
}

div.contentBox div.letterModule a.letterButton
{
    position: relative;
    display: inline;
    float: left;
    padding: 5px 0 5px 0;
    margin: 0 3px 3px 0;
    width: 30px;
    background-color: #e3e9e2;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

div.contentBox div.letterModule a.letterButton:hover
{
	background-color: #fff;
	color: #000;
}

div.rightColumnFrontpage div.linkList
{
	float: left;
}

div.rightColumnFrontpage a img
{
	border: 0;
}

/************************************************************
  Main content styles
************************************************************/
div.topStory
{
	position: relative;
	margin: 0;
	padding: 10px;
}

div.topStory h1
{
	padding-bottom: 15px;
	width: 380px;
}

div.topStory .topStoryLink
{
	position: absolute;
	top: 17px;
	right: 10px;
	width: 180px;
	text-align: right;
	overflow: hidden;
}

div.topStory .topStoryPicture
{
	position: relative;
	float: left;
	margin: 0 10px 10px 0;
}

div.topStory .statisticsIllustration
{
	position: relative;
	float: none;
	margin-bottom: 10px;
	text-align: center;
}

div.topStory h2
{
	padding: 8px 0 10px 0;
}


/************************************************************
  Article styles
************************************************************/
div.articleContent
{
	position: relative;
	padding-top: 8px;
}

div.articleContent h1
{
	margin-bottom: 10px;
	padding: 0 0 5px 0;
	border-bottom: 3px #dce2d6 solid;
}
/* Fix for IE6*/
html>body div.articleContent div.articleImage
{
	position: relative;
	
}

div.articleContent div.articleImage
{
	float: right;
	padding: 0 0 10px 10px;
}

div.articleContent div.articleImage p
{
	padding: 7px 0 3px 0;
	font-size: 85%;
}

div.articleContent div.articleByline
{
	position: relative;
	padding-bottom: 10px;
	color: #666;
}

div.articleByline
{
    clear: both;
}

div.articleContent div.articleByline p
{
	padding-bottom: 3px;
}

div.articleContent div.articleIntro
{
	padding-bottom: 15px;
	font-weight: bold;
}

div.articleContent div.articleBody
{
	position: relative;
}

div.articleContent div.articleBody h2
{
	padding-bottom: 10px;
	font-size: 120%;
}

div.articleContent div.articleBody h3
{
	padding-bottom: 10px;
	font-size: 110%;
}

div.articleContent div.articleBody h4
{
	padding-bottom: 10px;
	font-size: 110%;
}

div.articleContent div.articleBody p
{
	padding-bottom: 15px;
}

div.articleContent div.articleBody ul
{
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
	list-style-image: url("/Web/Images/ico_bullet_red.png");
}

div.articleContent div.articleBody ul li
{
	padding-bottom: 3px;
}

div.articleContent div.articleBody img.imgLeft
{
	float: left;
	margin: 2px 10px 10px 0;
}

div.articleContent div.articleBody img.imgRight
{
	float: right;
	margin: 2px 0 10px 10px;
}

div.articleContent div.articleBody img.imgMiddle
{
	float: none;
	margin: 2px 0 10px 0;
	clear: both;
}

div.articleContent div.articleExtra
{
	clear: both;
	padding: 0 0 10px 0;
}

div.articleContent table.bodyTblStandard
{
	margin-bottom: 10px;
	width: 548px;
	border-top: 3px #4a8a21 solid;
	border-collapse: collapse;
}

div.articleContent table.bodyTblStandard caption
{
	padding: 0 0 5px 0;
	font-weight: bold;
	text-align: left;
}
	
div.articleContent table.bodyTblStandard tr th
{
	padding: 10px;
	background: transparent url("/Web/Images/bg_heading_2.png") repeat-x left bottom;
	border-left: 1px #b9c2b5 solid;
	border-right: 1px #b9c2b5 solid;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}

div.articleContent table.bodyTblStandard tr td
{
	padding: 10px;
	border: 1px #b9c2b5 solid;
	border-top: 0;
	border-collapse: collapse;
	vertical-align: top;
}

div.articleContent table.bodyTblAnnual
{
	margin-bottom: 10px;
	width: 548px;
	border-collapse: collapse;
}

div.articleContent table.bodyTblAnnual caption
{
	padding: 0 0 5px 0;
	font-weight: bold;
	text-align: left;
}
	
div.articleContent table.bodyTblAnnual tr th
{
	padding: 5px 10px 5px 10px;
	background: #e86d00 url("/Web/Images/bg_heading_5.png") repeat-x left top;
	border-bottom: 1px #fff solid;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}

div.articleContent table.bodyTblAnnual tr th p 
{
	padding: 0;
}

div.articleContent table.bodyTblAnnual tr td
{
	padding: 5px 10px 5px 10px;
	background-color: #f5dfcd;
	border-bottom: 1px #fff solid;
	vertical-align: top;
	font-size: 85%;
}

div.articleContent table.bodyTblAnnual tr td p
{
	padding: 0;
}

div.articleContent table.bodyTblPlain
{
	margin-bottom: 10px;
	width: 548px;
	border-collapse: collapse;
}

div.articleContent table.bodyTblPlain caption
{
	padding: 0 0 5px 0;
		font-weight: bold;
	text-align: left;
	border-bottom: 1px #b9c2b5 solid;
}
	
div.articleContent table.bodyTblPlain tr th
{
	padding: 5px 10px 0 0;
	border: 0;
	color: #000;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}

div.articleContent table.bodyTblPlain tr td
{
	padding: 5px 10px 0 0;
	border: 0;
	vertical-align: top;
}


div.articleContent table.factBox
{
	margin-bottom: 10px;
	width: 548px;
	border-top: 3px #ff8a00 solid;
	border-bottom: 3px #ff8a00 solid;
	background: #fff url("/Web/Images/bg_fact_box.png") repeat-x left top; 	
	border-collapse: collapse;
}

div.articleContent table.factBox caption
{
	padding: 0 0 5px 0;
	font-weight: bold;
	text-align: left;
}
	
div.articleContent table.factBox td
{
	vertical-align: top;
	padding: 10px;
}

div.articleAttachements
{
	position: relative;
	margin: 10px 0 10px 0;
	padding: 15px 20px 10px 20px;
	width: 508px;
	background: transparent url("/Web/Images/bg_heading_1.png") repeat-x left top;
	border-bottom: 3px #dce2d6 solid;
}

div.articleAttachements h3
{
	width: 100%;
	padding-bottom: 10px;
	font-size: 100%;
}

div.articleAttachements ul
{
	margin: 0;
	padding: 0 0 0 20px;
	width: 100%;
	list-style-image: url("/Web/Images/ico_bullet_red.png");
}

div.articleAttachements ul li
{
	padding-bottom: 3px;
}

div.articleFooter
{
	position: relative;
	padding: 5px 0 5px 0;
	text-align: right;
}

div.articleFooter a.printPage
{
	padding-left: 10px;
}

div.articleTip
{
	position: relative;
}

/************************************************************
  Portal page styles
************************************************************/
div.portalPage
{
	position: relative;
}

div.portalPage h2
{
	margin-bottom: 5px;
	padding: 8px 0 5px 5px;
	border-bottom: 3px #528949 solid;
	font-size: 125%;
	font-weight: normal;
}

div.portalHead
{
	position: relative;
	clear: both;
	padding-bottom: 10px;
	width: 100%;
}
div.portalHead div.articleByline
{
	display: none;
}

div.portalBody
{
	position: relative;
	clear: both;
	width: 100%;
}

div.portalBody div.columnLeft
{
	position: relative;
	float: left;
	margin-right: 10px;
	width: 270px;
	overflow: hidden;
}

div.portalBody div.columnRight
{
	position: relative;
	float: left;
	width: 270px;
	overflow: hidden;
}

div.portalBody div.portalUnit
{
	position: relative;
	padding-bottom: 40px;
}

div.portalBody div.portalUnit img
{
	width: 268px;
	border: 1px #ccc solid;
}

div.portalBody div.portalUnit p
{
	padding: 5px 0 10px 0;
}

div.portalBody div.portalUnit ul
{
	margin: 0;
	padding: 8px 0 0 0;
	border-top: 1px #606060 dotted;
	list-style-type: none;
}

div.portalBody div.portalUnit ul li
{
	padding-bottom: 3px;
}

div.portalFooter
{
	position: relative;
	clear: both;
	width: 100%;
}


div.vacancyList
{
	padding-top: 30px;
	border-top: 3px #528949 solid;
	background: transparent url("/Web/Images/bg_heading_3.png") repeat-x left top;
}

div.vacancyListItem
{
	padding: 10px;
	border-bottom: 1px #606060 dotted;
}

div.vacancyListItem h3
{
	padding-bottom: 5px;
	font-size: 115%;
	font-weight: normal;
}

div.vacancyListItem p.meta
{
	padding-bottom: 5px;
	font-size: 85%;
	font-weight: bold;
}


/************************************************************
  Employe info page
************************************************************/
div.employeInfo
{
	position: relative;
	width: 550px;
	overflow: hidden;
}

div.employeInfo h3
{
	font-size: 100%;
	padding-bottom: 2px;
	border-bottom: 1px #d5ddd3 solid;
	color: #585858;
}

div.employeInfo div.employeItem
{
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	padding-top: 10px;
}

div.employeInfo div.employeItem span.label
{
	display: block;
	float: left;
	width: 160px;
	padding-right: 10px;
	color: #585858;
	overflow: hidden;
}

div.employeInfo div.employeItem span.info
{
	display: block;
	float: left;
	width: 380px;
	overflow: hidden;
}

/************************************************************
  xForm
************************************************************/
div.xForm
{
	position: relative;
	width: 100%;
	float: left;
}

div.xForm table
{
	margin: 0;
	padding: 0;
	width: 100%;
}

div.xForm table tr td
{
	padding-top: 6px;
}

div.xForm table tr td label
{
	position: relative;
	display: block;
	clear: both;
	padding-bottom: 2px;
	font-size: 85%;
	font-weight: bold;
}

div.xForm input
{
	position: relative;
	display: block;
	width: 540px;
	padding: 2px;
}

div.xForm input.button
{
	width: auto;
	padding: 2px 5px 2px 5px;
}

div.xForm textarea
{
	position: relative;
	display: block;
	width: 540px;
	height: 80px;
	padding: 2px;
}

div.xForm span.xformvalidator
{
	display: block;
	width: 532px;
	padding: 2px 2px 2px 14px;
	background: Red url("/Web/Images/ico_arrow_error.png") no-repeat 5px 6px;
	color: #fff;
}

/************************************************************
  Tip friend form
************************************************************/
#tipFriendForm
{
	position: relative;
	padding-top: 10px;
	width: 550px;
	overflow: hidden;
	text-align: left;
}

#tipFriendForm h3
{
	font-size: 100%;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px #d5ddd3 solid;
	color: #000;
}

#tipFriendForm label
{
	font-size: 85%;
}

#tipForm div.mailFeedback
{
	position: relative;
	float: left;
	clear: both;
	width: 550px;
}

#tipFriendForm div.mailFrom
{
	position: relative;
	float: left;
	padding-top: 5px;
	width: 275px;
}

#tipFriendForm div.mailFrom input
{
	width: 255px;
}

#tipFriendForm div.mailTo
{
	position: relative;
	float: left;
	padding-top: 5px;
	width: 275px;
}

#tipFriendForm div.mailTo input
{
	width: 265px;
}

#tipFriendForm div.mailMsg
{
	position: relative;
	float: left;
	clear: both;
	padding-top: 10px;
	width: 550px;
}

#tipFriendForm div.mailMsg textarea
{
	width: 540px;
	height: 50px;
}

#tipFriendForm div.mailSend
{
	position: relative;
	float: left;
	clear: both;
	width: 545px;
	text-align: right;
	padding-top: 10px;
}

/************************************************************
  Page comments
************************************************************/
#pageComments
{
	position: relative;
	padding-top: 10px;
	width: 550px;
	overflow: hidden;
	text-align: left;
}

#pageComments h3
{
	font-size: 100%;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px #d5ddd3 solid;
	color: #000;
}

#pageComments div.item
{
	border-bottom: 1px #d5ddd3 dotted;
	padding: 5px 0px 5px 0px; 
}

#pageComments div.item p
{
    padding: 5px 0px 5px 0px;
}

#commentform
{
    padding: 5px 5px 20px 0px;
}

#commentform label 
{
    font-size: 85%;
}

#commentform p
{
    font-size: 85%;
}

#commentform a
{
    font-size: 85%;
}

#commentform input
{
    font-size: 100%;
    margin-bottom: 10px;
}

#commentform textarea
{
    font-size: 100%;
    margin-bottom: 10px;
}

#commentfeedback
{
    margin: 10px 0px 10px 0px;
}

#captcha label
{
    font-size: 85%;
}

#captcha p 
{
    font-size: 85%;
}

#captcha a
{
    font-size: 85%;
}

/************************************************************
  Searchpage
************************************************************/
#searchControls
{
	position: relative;
	width: 100%;
	padding-bottom: 20px;
}

#searchControls span.label
{
	display: block;
	clear: both;
	padding-bottom: 4px;
	font-weight: bold;
	color: #585858;
}

#searchControls input
{
	font-size: 125%;
}

#searchControls select
{
	font-size: 125%;
}

#searchControls div.searchField
{
	float: left;
	width: 560px;
	overflow: hidden;
}

#searchControls div.searchField input
{
	width: 545px;
}

#searchControls div.sortField
{
	float: left;
	width: 140px;
	overflow: hidden;
}

#searchControls div.sortField select
{
	width: 130px;
}

#searchControls div.searchButton
{
	float: left;
	width: 60px;
	overflow: hidden;
}

#searchControls div.searchButton input
{
	margin-top: -2px;
}

#searchResult
{
	position: relative;
	width: 100%;
}

#searchResult h2.green
{
	border: 0;
}

#searchResult div.resultContent
{
	position: relative;
	float: left;
	width: 550px;
	background: transparent url("/Web/Images/bg_heading_3.png") repeat-x left top;
	border-top: 3px #528949 solid;
}


#searchResult div.resultContent div.listContentElement
{
	position: relative;
	margin: 0;
	padding: 15px 5px 15px 5px;
	border-bottom: 1px #606060 dotted;
}

#searchResult div.resultContent div.listContentElement h3
{
	padding: 0 0 5px 0;
	font-size: 100%;
	font-weight: bold;
}

#searchResult div.resultContent div.listContentElement p.summary
{
	padding-bottom: 10px;
}

#searchResult div.resultContent div.listContentElement p.meta
{
	padding-bottom: 10px;
	color: #585858;
}

#searchResult div.resultContent div.listContentElement p.meta span
{
	padding-right: 10px;
}

#searchResult div.resultContent div.listContentElement p.meta span img
{
	margin-bottom: -1px;
}

#searchResult div.resultContent div.listContentElement div.subList
{
	position: relative;
	margin-top: 5px;
	padding-left: 10px;
	border-left: 2px #d5ddd3 solid;
}

#searchResult div.resultContent div.listContentElement div.subList h4
{
	margin: 0;
	padding: 0;
	color: #585858;
}

#searchResult div.resultContent div.listContentElement div.subList ul
{
	position: relative;
	margin: 0;
	padding: 5px 0 0 0;
	list-style-type: none;
}

#searchResult div.resultContent div.listContentElement div.subList ul li img
{
	margin-bottom: -1px;
	padding-right: 5px;
}

/************************************************************
  Misc styles
************************************************************/
div.focusList
{
	padding-bottom: 25px;
}

/************************************************************
  Annual report styles
************************************************************/
#headerWrapperAR
{
	position: relative;
	margin: 0;
	padding: 0;
	height: 124px;
	background: transparent url("/Web/Images/bg_lgo.png") no-repeat left top;
}

div.globalMenuAR
{
	position: absolute;
	left: 179px;
	top: 0;
	padding: 4px 10px 0 10px;
	height: 46px;
	width: 771px;
	background: transparent url("/Web/Images/bg_aarsrapport.png") repeat-x top left;
	color: #fff;
	overflow: hidden;
}

div.globalMenuAR h2
{
	padding: 6px 0 0 20px;
	font-size: 195%;
}

div.globalMenuAR a.toFrontpage
{
	position: absolute;
	left: 650px;
	top: 20px;
	padding: 0;
	color: #fff;
	text-decoration: none;
}

div.globalMenuAR a.toFrontpage:hover
{
	text-decoration: underline;
}

div.portalPageAR
{
	position: relative;
}

div.portalPageAR h2
{
	padding: 5px 0 8px 5px;
	border-top: 3px #528949 solid;
	font-size: 125%;
	font-weight: normal;
}

div.portalPageAR div.portalUnit
{
	position: relative;
	margin-bottom: 10px;
	padding: 15px 300px 15px 10px;
	height: 121px;
	background-color: Transparent;
	background-position: right top;
	background-repeat: no-repeat;
	overflow: hidden;
	cursor: pointer;
}

div.portalPageAR div.portalUnit h2
{
	padding: 0 0 5px 0;
	border-top: 0;
	color: #184b21;
}



/* Stiler som overskriver andre stiler*/
div.topStory div.linkList ul
{
	margin: 0;
	padding: 5px 0 5px 0;
	list-style-type: none;
	list-style-image: none;
}

div.topStory div.linkList ul li a
{
	font-size: 115%;
}


/**************************************
		INytt Do not remove!
**************************************/
div.subsrcibe
{
	position: relative;
	float: left;
	clear: both;
	width: 550px;
	padding: 15px 0 15px 0;
	margin: 10px 0 10px 0;
	border-bottom: 1px #585858 dotted;
	border-top: 1px #585858 dotted;
}
div.storyList div.inyttListItem
{
	position: relative;
	float: left;
	clear: both;
	width: 550px;
	padding: 0px 0 15px 0;
	border-bottom: 1px #585858 dotted;
}

div.inyttListItem div.inyttitemText
{
	position: relative;
}
div.inyttListItem div.inyttitemText p
{
	overflow: visible;
	padding-bottom: 15px;
}
div.inyttItemIntro
{
	
	font-weight: bold;
}

div.inyttListItem div.inyttitemText h3.itemTitle

{
	padding: 10px 0 5px 0;
	font-size: 125%;
	font-weight: normal;
}
div.inyttListItem div.inyttitemText h3
{
	padding: 10px 0 5px 0;
	font-size: 105%;
	font-weight: bold;
}

div.inyttListItem div.inyttitemText h3 a
{
	color: #000;
}


div.inyttListItem div.inyttitemImage
{
	position: relative;
	float: right;
	width: 158px;
	padding-left: 10px;
	padding-top: 10px;
	overflow: hidden;
}

div.inyttListItem div.inyttitemImage img
{
	position: relative;
	float: right;
	border: 1px #ccc solid;
}

div.storyList h2.inyttgreen, div.articleList h2.inyttgreen, div.articleContent div.articleList h2.inyttgreen
{
	padding: 15px 0 5px 5px;
	border-bottom: 3px #528949 solid;
	font-size: 125%;
	font-weight: normal;
}

div.articleContent div.articleBody div.storyList h2.inyttgreen, div.articleContent div.articleBody h2.inyttgreen
{
	padding: 15px 0 5px 5px;
	border-bottom: 3px #528949 solid;
	font-size: 125%;
	font-weight: normal;
}
div.storyList div.links
{
	position: relative;
	float: left;
	clear: both;
	width: 550px;
	padding: 15px 0 15px 0;
}

/****************************************************
  Noen andre stiler jeg ikke veit hva er for noe??
****************************************************/
/**************************************************
	Not sure if still in use.Check and remove
*********************************************/
.dotted
{
	border-top-color:#ff8a00;
	border-bottom-color:#ff8a00;
	border-bottom-style:solid;
	border-top-style:solid;
	border-bottom-width:3px;
	border-top-width:3px;
	margin:15px 0px 15px 0px;padding:15px;
}

div.articleContent div.articleContent div.articleBody div.dotted ul li
{
	list-style-image:url("/Web/Images/bulletpil.gif");
}



ul#chapterslist
{
	list-style-image:url("/Web/Images/bulletpil.gif");
}

/*************************************************************/
.backImg1
{
	background-image: url("/Web/Images/AnnualReportImgs/Gradering-med-kart.png");
}

.backImg2
{
	background-image: url("/Web/Images/AnnualReportImgs/Gradering-boseting.png");
}
.backImg3
{
	background-image: url("/Web/Images/AnnualReportImgs/Gradering-visjon.png");
}
/********************************************************
    Css classes for editors. Added by Olga
	Classes with same names also in Imdi_Editor.css
******************************************************/
img.imgRight
{
	float:right;
	
}
img.imgLeft
{
	float:left;
	
}
img.imgMiddle
{
	
	
}

h4.related-group-heading
{
	border-bottom:1px solid #EEEEEE;
	font-size:120%;
	font-variant:small-caps;
	letter-spacing:0.1em;
	margin-bottom:0.2em;
	margin-left:0.4em;
	padding-left:0.2em;
}

/********************************************************
    CSS for classes in imported document.
    Added by Johannes
******************************************************/
 
.Boksoverskrift
{
	padding-bottom: 10px;
	font-size: 110%;
	font-weight: bold;
}

span.BoksoverskriftTegn
{
    font-weight: bold;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Clearing floats
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix
{
	display: inline-block;
}
.clearfix
{
	display: block;
}

.clear
{
	clear: both;
}