@charset "utf-8";
/* CSS Document */
html { min-height: 100%; margin-bottom: 1px;font-size:125%}
body{
  background-color:#f4f8ec;
  margin:0px 0px 0px 0px;
  padding:0px;
  font-family: Verdana, Arial ,Helvetica, sans-serif;
  font-size:50%;
  color:#5f6062;
  }
  
img, div, p, ul, li, h1, h2, h3, h4, h5, h6,ol,form,input{
  padding:0px;
  margin:0px;
  }

#context-tools a,
#shortcuts a,
#logininfo a,
.anchor,
#logo,
.scaleTxtHolder a,
.editlink{background:none}
.anchor{padding:0px}
.editlink{
position:absolute;
top:-15px;
right:3px;
padding-top:15px;
}

.editlink img{
border:solid 1px #c3c3c3;
}
  
h1, .h1{
  font-size:2.6em;
  color:#E56F00;
  font-weight:normal;
  margin-bottom:0px;
  height:100%;
  max-width: 30em;
    
}

.typeTitle{
  color:#E56F00;
  font-size:1.1em;
  font-weight:normal;
  margin-top:10px;
  clear:both;
  }

.hidden{
  display:none
  }
.show{
  display:block;
}

a{
color:#005380;
text-decoration:none;
background:url(prevlink.gif) left center no-repeat;
padding-left:8px;
  }
a:hover{text-decoration:underline}
  
a img{
  border:none;
  }
.bold{font-weight:bold}
.date{
  color:#5f6062;
  font-size:1em;
  }
.datelarge{
  color:#5f6062;
  font-size:1.1em;
  }
.border{
  min-height:20px;
  /*background:url(relatedborder.gif) bottom left repeat-x;*/
  margin:10px 0px;
}
.moreLink{
    display:block;
	margin-top:15px;
    clear:both;
    font-size:1.1em;
	background:url(moreArrow.gif) center left no-repeat;
	padding-left: 10px;
  }
  
#wrapper{
  /*width:1002px;*/
  width:100.1em;
  margin:0 auto;
  /*padding:0 10.2em 3.0em 10.2em;*/
  padding:0px;
}

#logoAndScaleText{
  background-color:#d8e8c4;
  height:50px;/* to be em*/
  overflow:hidden;
  padding:0px 2em;
  border-bottom:solid 1px #ffffff;
  height:100%;
}
#logoAndScaleText #logo{
  float:left;
}

#logoAndScaleText #scaleTxt{
  float:right;
  overflow:hidden;
  width:auto;
  margin-top:20px;
  height:100%;
}

#logoAndScaleText #scaleTxt .scaleTxtHolder{
  height:1.5em;
  width:1.5em;
  background-color:#ffffff;
  float:left;
  margin-left:5px;
  text-align:center;
  position:relative;
  padding-left:0px;
  }
.scaleTxtHolder a{padding-left:0px}

.txtSmall{
  font-size:1em;
  color:#022559;
  position:absolute;
  left:4px;
  bottom:1px;
  
}
.txtMedium{
  font-size:1.2em ;
  color:#022559;  
  position:absolute;
  bottom:1px;
  left:3px;
  
}
.txtLarge{
  font-size:1.5em;
  color:#022559;  
  position:absolute;
  left:3px;
  bottom:0px;
}

#portallink{
  float:left;
  font-size:3.1em;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold ;
  background:none;
  padding-left:0px
  }

#searchAndTools{
 background-color:#549E23; /*#5bac26;*/
 overflow:hidden;
 padding:1em 2em 0em 2em;
 /*border-bottom:solid 1px #ffffff;
 height:80px;*/
 height:8em;
}

#searchAndTools a{color:#ffffff}
/*styling global search*/
#globalSearch{float:right;margin-top:5px;}
#globalSearch p{float:left;}
.button{
  background-color:#5f6062;
  color:#ffffff;
  font-size:1.3em;
  text-transform:uppercase;
  border:none;
  padding:2px 5px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
}

#searchField{
  font-size:1.3em;
  border:solid 1px #b5b7bb;
  width:30em;
  height:1.4em;
  padding-top:0.2em;
  
}
/*end stylng global search*/
/*styling global tools*/
#globalTools{
  clear:both;
  margin-bottom:2em;
}
#globalTools ul{
  list-style-type:none;
  text-align:right;
  color:#ffffff;
  }
#globalTools ul li{
  display:inline;
  font-size:1.1em;
  }
#globalTools ul li a{background:none;padding-left:0px}
/*end styling global tools*/
/*stylng global navigation*/

#globlatop{
 -moz-box-shadow:0px 10px 10px -10px #000;
}
#globalNav{
 background-color:#5f6062;
 overflow:hidden;
 padding:0px;
 height:100%;
 clear:both;

  }
#globalNav ul{list-style-type:none;}
#globalNav ul li{
  display:block;
  float:left;
  font-size:1.2em;
  font-weight:normal;
  padding:0px 0px 0px 0px;
  background:url(menusplitLeft.gif) top right no-repeat;
  border-right:solid 1px #ffffff
  }

#globalNav ul li a{
  display:block;
  padding:5px 20px 5px 20px;
  color:#ffffff;
  background:url(menusplitRight.gif) top left no-repeat;
  }
#globalNav ul li a:focus{
  text-decoration: underline;
}

#globalNav ul li.start a{background:none;}
#globalNav ul li.end{background:none;border:none}

#globalNav ul li.selected, #globalNav ul li.selected a, .selected{
  background-color:#ffffff;
  background-image:none;
  color:#E6750A;
  font-weight:bold;
  }
  

#breadcrumble{
  padding:3px 20px 10px 0px;
  background-color:#ffffff;
  }
#breadcrumble ul{list-style-type:none;}
#breadcrumble li{
  display:inline;
  padding-right:10px;
  font-size:1.1em;
  }
  
  #breadcrumble li a{
    color:#999999;
	background:none;
	padding-left:0px;
  }
 
.searchbreadcrumble{
  padding:0px 30px 5px 0px;
  background-color:#ffffff;
}

.searchbreadcrumble ul{list-style-type:none;}
.searchbreadcrumble li{
  display:inline;
  padding-right:0px;
}
#pageContent{background-color:#ffffff;}
#pageContent{padding:5px 20px 20px 20px;}

/*styling layout1 - 4 */
.topLeft, .left, .bottomLeft{
  /*width:476px;*/
  width:47.6em;
  float:left;
}

.left .descriptionImg{
  display:none;
}

.topRight, .right, .bottomRight{
  width:47.6em;
  float:right;
}

.bottom, .top{
  clear:both;
  overflow:hidden;
  height:100%;
  }
#layout3 {margin-top:10px}
#layout3 .left{width:62em;/*width:621px;*/}
#layout3 .right{width:26em;/*width:201px;*/}

.bottom .one_coloumn{
  float:left;
  margin:0px 8px 0px 0px;
  width:18em;
}

.one_coloumnEven{
  width:180px;
  float:left;
  clear:left;
  }
.two_coloumn{width:39em;/*width:409px*/}


#keywords{
  background-color:#f4f8ec;
  padding:5px 0px 15px 15px;
  /*height:18.3em;*/
  margin-bottom:10px;
  }  
  
#keywords h2{
  font-size:1.1em;
  margin-bottom:5px;
  margin-top:10px;
  color:#444546
  }
  
#keywords ul{ list-style-type:none; }
#keywords ul li{display:inline;font-size:1.1em;}
#keywords ul li a{padding-left:0px;background:0px}
.keywordsHolder{width:37em;}
#keywords div.keywordsHolder h2{
  color:#444546;
  margin-bottom:2px;
}

#keys1 h2{font-size:1.8em}
#keys1 a{font-size:1.4em}
/* end styling triggerord/nøkkelord */
/* styling news outlisting */
.newsItem{
  clear:both;
  margin-bottom:20px;
  overflow:auto;
  min-height:20px;
  }
.newsItem h2{
  /*font-size:18px;*/
  font-size:1.7em;
  margin:0px 0px 5px 0px;
  font-weight:normal
  }
.newsItem h2 a{color:#005380;font-size:0.9em;font-weight:bold;background:none;padding-left:0px}
.newsItem .date{font-size:1.1em}
.newsItem p{
  font-size:1.3em;
  color:#5f6062;
}

.newsItem p.date{margin-bottom:5px;}

.newsItem .imgHolder{
  float:left;
  width:246px;
}

.newsItem img{
  float:left;
  margin-right:15px;
  margin-top:3px;
  }
/* end styling newsoutlisting */  
/*global relatedcontent box*/
.right .relatedHei{display:none}
.right #relatedRight{
  float:left;width:19.5em;margin-left:10px
}
.right #relatedcontentPerson{display:none;}
.right #relatedLeft{
  float:left;
  width:20em;
}

.bottom #relatedRight{
  float:left;
  width:20em;
  margin-left:0px
}
.bottom #relatedLeft{
  width:42.5em;
  float:left
}
.bottom .relatedBox{
  float:left;
  overflow:auto;
  max-width:38.8em;
  margin-bottom:10px;
  position:relative;

}
.bottom #relatedLeft, .bottom #relatedRight, .bottom .relatedHei{display:none;}

.small{
  width:180px;
  margin-right:8px;
}

.relatedBox{
  padding:10px 0px;
  margin-bottom:5px;
  position:relative;
}  


  
.relatedBox h3, 
#researchAreaList h3, 
#bae-frontpage .subjectMenu h2,
#bae-frontpage .archive-entry h2,
#ehandel-frontpage .subjectMenu h2, 
#ehandel-frontpage .archive-entry h2,
#astrategi-frontpage .archive-entry h2{
  font-size:1.1em;                                                                                                                                               
  color:#549e23;
  padding-bottom:0px;
  background:url(greenLineBG.gif) bottom left repeat-x;
  margin-bottom:-5px;
  overflow:hidden;
  height:100%;  
}
#astrategi-frontpage .mainTxt{
  font-size: 0.857em;
  margin-top: 10px;
}
#bae-frontpage .subjectMenu h2,
#bae-frontpage .archive-entry h2,
#ehandel-frontpage .subjectMenu h2,
#ehandel-frontpage .archive-entry h2,
#astrategi-frontpage .archive-entry h2{
  margin-bottom: 1em;
}
#bae-frontpage .secondary{
  font-size: 1.1em;
}
#bae-frontpage .secondary li{
  margin-bottom: 0.5em;
}


.relatedBox h3 span, .right h3 span,
#bae-frontpage .subjectMenu h2 span,
#bae-frontpage .archive-entry h2 span,
#ehandel-frontpage .subjectMenu h2 span,
#ehandel-frontpage .archive-entry h2 span,
#astrategi-frontpage .archive-entry h2 span{
  background-color:#ffffff;
  display:block;
  float:left;
  padding-right:10px;
}
.relatedBox div p{margin-bottom:10px}
.relatedBox img{
  float:left;
  margin-top:3px;
  }
.relatedBox .personalimage{
  margin-right:5px;
  margin-bottom:10px;
  border:solid 1px #E6E6E5;
}

.relatedBox ul{list-style-type:none;}
.relatedBox ul li{margin-top:10px;margin-bottom:-5px;overflow:auto;line-height:1.8em;}
.relatedBox ul li a{ font-size:1.1em;}
.relatedBox ul li a img{margin-right:3px;}
.relatedBox table{border-collapse:collapse;}
.relatedBox th{
  text-align:left;
  font-weight:normal;
  padding-right:10px;
  vertical-align:top;
  padding-top:10px;
}
.relatedBox td{padding-top:10px;}

.relatedBox a.selected{font-weight:bold;}
/* end global related content box */ 
 
/* styling i fokus */
#focusContent{
  float:left;
  margin-top:10px;
  font-size:1.1em;
  width:43em;
 }
#focusContent h4{
   font-size:1.2em;
   margin-bottom:5px;
   display:none;
   }
#focusContent p{margin-top:10px;}
#focusContent .attachment{margin:10px 0px 20px 0px;}
#focusContent img{vertical-align:baseline}
#focusContent a.moreLink{font-size:1em;}
/* end styling i fokus */

/*styling forskningsområde knapper */
#researchSubjects{margin-bottom:15px;}
#researchSubjects ul{list-style-type:none;}
#researchSubjects div.block{
  float:left;
  width:19.8em;
  display:block;
  background:url(areaButton.gif) top right no-repeat;
  height:3.5em;
  border:solid 1px #dfdddd;
  margin-bottom:10px;
  }
  
  #researchSubjects div.blockeven{
  float:left;
  width:19.8em;
  display:block;
  background:url(areaButton.gif) top right no-repeat;
  height:3.5em;
  border:solid 1px #dfdddd;
  margin-bottom:10px;
  margin-left:10px;
 }
  #researchSubjects div a{
    display:block;
    font-size:1.1em;
    font-weight:bold;
    padding:3px 6px;
    }
/* end styling forskningsområde knapper */
  
/* styling article */
.descriptionImg{margin-bottom:20px;}

#mainTxtImg{
   border-bottom:solid 30px #ffffff;
}
#mainTxtImg img{width:200px;}

#mainTxtImg .image{
  float:left;
  width:200px;
  margin-top:5px;
}

.imageTxt{
  font-size:1.1em;
}

#byline{
  font-size:1.1em;
  margin-bottom:15px;
  overflow:hidden;
  height:100%;
  
  }
#byline p{
  float:left;
  margin-right:20px;
  color:#999999;
  }



.mainTxt a{
  background:url(prevlink.gif) left center no-repeat;
  padding-left:8px;
  zoom: 1;
}
  
.mainTxt p, .mainTxt div, .mainTxt ul, .mainTxt li, .mainTxt ol, .mainTxt table, .mainTxt h3,.mainTxt h2{
  margin-bottom:10px;
  }
.mainTxt ul {list-style-type:disc}
.mainTxt h2{font-size:1.1em;margin-bottom:5px;}
.mainTxt h3{font-size:1.1em;margin-bottom:5px;}
.mainTxt h2, .mainTxt h3, .mainTxt h4{color:#3c3d3e;}
.mainTxt ul, .mainTxt ol{margin-left:22px;}
.special{margin-bottom:10px;}
.mainTxt table{
  border-collapse: collapse;
  
}
.mainTxt table th{
  background-color:#549E23;
  border: 1px solid #333637;
  color: #FFF;
  padding: 0.25em;
}
.mainTxt table td{
  border: 1px solid #333637;
  padding: 0.25em;
} 

#facts{
  background-color:#dfdfde;
  padding:10px;
  margin-bottom:10px;
  font-size:1.1em;
  }
  
#facts h2{
  margin-bottom:5px;
  font-size:1em
}

#facts p{
  font-style:italic;
}

.detailInfo{
  background-color:#f2f3f3;
  margin-bottom:10px;
  clear:both;
  }

li#detailInfo{
  padding:5px 10px 5px 5px;
  margin-top:5px;
  margin-bottom:5px;
  }  

li#detailInfo .moreLink{
  margin-top:0px;
  background:url(moreTxtArrow.gif) center left no-repeat;
  padding-left:15px;
  }
.detailInfo h2{
  margin-left:5px;
  background-color:#f2f3f3;
  font-size:1.2em;
  height:25px;
  }
  
.detailInfo h2 a{
  display:block;
  background-color:#f2f3f3;
  margin-left:0px;
  padding-left:20px;
  padding-top:5px;
  font-weight:normal;
  font-size:0.9em;
  background:#f2f3f3 url(moreTxtArrow.gif) bottom left no-repeat;
 }
/* end styling article */

/* styling researchareas */
#subTopics, .left #researchSubjects{
  clear:both;
  background-color:#e3eef1;
  border-bottom:solid 1px #c9dfe8;
  padding:10px;
  margin-bottom:20px;
  }
  
#subTopics ul, .left #researchSubjects ul{list-style-type:none;}
#subTopics li, .left #researchSubjects div.block, .left #researchSubjects div.blockeven{
    display:block;
    width:180px;
    float:left;
    font-size:11px;
    background-image:none;
    border:none;
    font-weight:normal;
    height:2.5em;
    margin-bottom:5px;
  }
   
.left #researchSubjects div a{font-weight:normal;}
  
#subTopics li.even, .left #researchSubjects div.blockeven{margin-left:10px;}
.ingress{
  font-size:1.3em;
  margin-bottom:10px;
  }

.specialingress{margin-bottom:10px;}
  
.right .ingress{
  margin-top:2.4em;
  font-size:1.4em;
}
 
/* end styling researchareas */
/*styling person*/
.personPic{
  float:left;
  margin:0px 20px 20px 0px;
  border:solid 1px #bcd2dc  
  }
.personCard{
  margin-bottom:20px;
  font-size:11px;
  width:60%;
}
.personCard td, .personCard th{
  padding-bottom:5px;
  text-align:left;
  font-weight:normal;
  padding-right:10px;
  vertical-align:top;
  }
/*--- end styling person ---*/
/*--- styling search and list page ---*/

.sortSearch h2{
  float:left;
  font-size:1.2em;
  }
 .sortSearch{
  font-size:1.2em;
  margin-bottom:15px;
  margin-top:5px;
}

.sortSearch a{font-size:0.9em;padding:0px;background:none}
.sortSearch a.selected{
   color:#E6750A;
   font-weight:bold;
   font-size:1em}

#layout3 .ingress{
  width:620px;
  font-size:12px;
  margin-top:1em;
}
#listPageTop{
  border-bottom:solid 2px #5bac26;
  overflow:hidden;
  padding:15px 0px 5px 0px;
  clear:both;
  margin-bottom:5px;
  height:100%
  }
  
#listPageTop h2{
  float:left;
  width:30em;
  font-size:1.2em;
}

.pagination{
  float:right;
  margin-top:5px;

}
.pagination ul{
  list-style-type:none;
}
.pagination ul li{
  display:inline;
  padding-left:10px;
  font-size:1.1em;
}
.pagination ul li a{background:none;padding:0px}
.listBorder{
   border-bottom:solid 2px #5bac26;
   margin:20px 0px 10px 0px;
   clear:both;
}

#searchHelp{
  float:left;
  width:30em;
  min-height:1px;
  font-size:1.1em;
  margin-left:2em;
}

form.searchForm{
  float:left;
  width:35em;
  margin-top:1em;
}
#searchHelp{margin-top:0.8em;}
#searchHelp h2{font-size:11px}
.searchResult{margin-bottom:20px;}
.searchField{
font-size:1.3em;
  border:solid 1px #b5b7bb;
  width:20em;
  height:1.3em;
  padding-top:0.2em;
  }
.searchForm p{float:left;font-size:1.1em}
.searchResultItem{
  clear:both;
  border-bottom:solid 15px #ffffff;
}
.searchResultItem h3{font-size:1.2em;margin-bottom:3px}
.searchResultItem h3 a{background:none;padding:0px}
.searchResultItem p{font-size:1.1em;margin-bottom:3px}
.searchResultItem p span.date{font-size:1em}

.searchResultItem span.contentType{
  font-weight:normal;
  text-transform:capitalize;
  color:#f3712a;;
}
.searchButton{font-size:1.1em;margin-left:2px}
.searchResultItem h3 span.date{
  font-weight:normal;
  font-size:0.85em;
}
.searchForm p{float:left;}
.pagination ul li a.selected{color:#E6750A;font-weight:bold;}

.px11B{  
  font-size:1.2em;
  font-weight:bold;
}
h2.px11B{
  margin-bottom:5px;
  margin-top:5px;
}

.mapItem{
  margin-bottom:30px;
  float:left;
  width:25em;
}

#sitemap ul{list-style-type:none;}

#sitemap h3{
  color:#003F72;
  font-size:1.4em;
}

#sitemap ul li{margin-top:0.7em;}

#sitemap ul li a{
  color:#535455;
  font-weight:bold;
  font-size:1.1em;
}

#sitemap ul li ul {
  margin-left:13%;
  width:99%;
}
#sitemap ul li ul li{margin-top:0.2em;}

#sitemap ul li ul li a{
  color:#535455;
  font-weight:normal;
  display:block;
}
#globalFooter{height:auto;}
#footer{
  background-color:#d8e8c4;
  height:37px;
  padding:15px 20px 5px 20px;
  font-size:1.1em;
}

#footer a{background-position: 0% 75%}


/*styling publication search */
#publicationsearch p{
  float:left;
  padding-right:10px;
}

#publicationsearch label{
  display:block;
  font-weight:bold;
  width:100px;
}

#publicationsearch div{margin-bottom:10px;}
#publicationsearch .searchButton{padding-left:105px;}
/* end styling publication search*/

p#preview{margin-bottom:20px;}


/* nye stiler for forsiden og for DIFI*/
#fpTitle{margin-bottom:10px;margin-top:10px;clear:both}

#fpTitle h1{
  font-size:2.6em;
  color:#E6750A;
  font-weight:normal;
}

#processnavigation{
  overflow:hidden;
  margin-bottom:10px;
  margin-top:15px;
  height:100%;
  border:5px solid #5aac26;
  background-color: #5aac26;
}
.bae-marker{
  border:5px solid #d7d7d7 !important;
  background-color: #d7d7d7 !important;
}
/*todo: fix so we don't need to override every single bit*/
.ehandel-marker{
  border: none !important;
  background-color: transparent !important;
}
.ehandel-marker .phase{
  background: none;
  
  
  font-size: 1.6em;
  
  width: 18em;
  margin-right: 3em;
  padding-top: 110px;
  
}
.ehandel-marker .phase a{
  padding-left: 0em;
  border-bottom: 2px solid #549e23;
 
}
.ehandel-marker .phase h2.selected a{
  border-bottom: 2px solid #e06d01;
  
}

.ehandel-marker .phase a:hover{
  text-decoration: none;
  border-bottom: 2px solid #5f6062;
  
}

.ehandel-marker .phase h2{
  padding-bottom: 7px;  
  font-size: 1em;
}
.ehandel-marker .phase h2.selected, .ehandel-marker .phase h2.selected:hover{
  background:url(processnavigation_downarrow.gif) 144px 30px no-repeat;  
  
}
.ehandel-marker .phase h2:hover, .ehandel-marker .hover h2{
  background:url(processnavigation_downarrow.gif) 144px -64px no-repeat;
}
.ehandel-marker .steps{
  border: 1px solid #E06D01;
  width: 97.6% !important;
  background: none !important;
  padding-left: 10px;
  padding-right: 10px;
}
.ehandel-marker .steps span{
  display: none;
}
.ehandel-marker .steps a:before{
   content: "\00BB  ";
}
.ehandel-marker #connector{
  display: none;
}
.ehandel-marker .steps li{
  margin-left:0px !important;
  margin-right: 15px !important;
  padding: 5px;
}
.ehandel-marker .steps li a{  
  padding-left: 0px !important;
}

/* doffin */
#doffin{
  height:2.7em;
  background:#025ba3 url(doffin.gif) top left no-repeat;
  text-align:right;
  margin-bottom:1em;
  padding-top:1.2em;
  padding-right:1em;
  }
  
#doffin a{
  color:#ffffff;
  background:url(doffinArrow.gif) center left no-repeat;
  padding-left:10px;
  font-size:1.2em;
}
/* end doffin */

#bae-frontpage-entry, #ehandel-frontpage-entry{
  height:2.8em;
  background:transparent url(bae-frontpage-entry.gif) top left no-repeat;
  text-align:left;
  margin-bottom:1em;
  padding-top:0.5em;
  padding-bottom: 0.5em;
  padding-right:1em;
  }
  
#bae-frontpage-entry a, #ehandel-frontpage-entry a{
  color:#ffffff;  
  padding-left:10px;
  font-size:2em;
  background: none;
}
#ehandel-frontpage-entry{
  background:transparent url(ehandel-frontpage-entry.gif) top left no-repeat;
  line-height: 2.65em;
}


/* stiler for prosessen */
.processmini h2{color: #3C3D3E; margin-bottom: 10px;  font-size:1.2em;}
.processmini ul{list-style: none;}
  

.phase1,.phase2,.phase3, .phase4{
  float:left;
  background-color:#5bac26;
  /*width:31.4em;*/
  overflow:hidden;
  border-right:solid 4px #5bac26;
  height:100%;
}
.processItem1 h2,
.processItem2 h2,
.processItem3 h2{
  font-size:1.2em;
}
/*prosess steg 1*/
.processItem1{
  float:left;
  background:url(planlegging.jpg) top left no-repeat;
  width:323px;
  height:120px;
  border:none;
 }

.processItem1 h2 a{
  /*font-size:1.2em;*/
  display:block;
  color:#ffffff;
  font-weight:bold;
  padding:52px 0px 50px 10px;
  background:none;
}
/* end prosess steg 1*/
/* prosess steg 2 */
.processItem2{
  float:left;
  background:url(konkurranse.jpg) top left no-repeat;
  width:319px;
  height:120px;
  border:none;
 }

.processItem2 h2 a{
  display:block;
  color:#ffffff;
  font-weight:bold;
  padding:52px 0px 50px 10px;
  background:none;
}
/* end prosess steg 2*/
/* prosess steg 3 */
.processItem3{
  float:left;
  background:url(oppfolging.jpg) top left no-repeat;
  width:318px;
  height:120px;
  border:none;
 }

.processItem3 h2 a{
  display:block;
  color:#ffffff;
  font-weight:bold;
  padding:52px 0px 50px 10px;
  background:none;
}
/* end prosess steg 3*/
.phase3{
  border:none;
  width:31.5em;
  }

.phase1,.phase2,.phase3{width:26.412em;border:none;}
/*.phase3{width:27.6em}*/
#processlen4 .phase1,
#processlen4 .phase2,
#processlen4 .phase3,
#processlen4 .phase4
  {width:19.7em;}
#processlen4 .phase4{width:19.816em}
h2.phase1,
h2.phase2,
h2.phase3,
h2.phase4
{
 font-size:1.2em;
 display:block;
 font-weight:normal;
}

h2.phase1 a,
h2.phase2 a,
h2.phase3 a,
h2.phase4 a{
  display:block;
  color:#ffffff;
  background-color:#5bac26;
  padding:5px 0px 5px 10px;
  border-right:solid 0px #5bac26;
  }

h2.phase1 a{padding-right:10px;padding-left:10px}

h2.phase3 a{border:none}
h2.phase3 a,h2.phase4 a{
 /* background:url(processArrow2.gif) center left no-repeat;*/
  padding-left:20px;
  font-size:1em;
  display:block;
  background:none;
  
  }
 
.phase1 a.selected, .phase2 a.selected, .phase3 a.selected, .phase4 a.selected{
  background-color:#ffffff;
  color:#E6750A;
  font-weight:bold;
  border:none;
  /*border-right:solid 5px #ffffff;*/
  }
.phase3 a.selected,
#processlen4 .phase4 a.selected,
.phase2 a.selected{background:#ffffff url(processArrowSelected.gif) center left no-repeat;}
.phase1 a.selected{background:#ffffff url(processArrowSelected2.gif) center right no-repeat;padding-right:20px;padding-left:10px}
.phase2 a.selected{background:#ffffff url(processArrowSelected2.gif) center right no-repeat;padding-right:20px;}
#processlen4 .phase3 a.selected{background:#ffffff url(processArrowSelected2.gif) center right no-repeat;padding-right:20px;}
.phase1 a, .phase2 a, #processlen4 .phase3 a {background:url(processArrow3.gif) center right no-repeat;padding-right:20px;}
h2#selected.phase2, #processlen4 h2#selected.phase3{padding-left:15px;background:#ffffff url(processArrowSelected.gif) center left no-repeat;margin-left:-21px;border-right:solid 6px #5bac26}
h2#selected.phase3{padding-left:0px;background:#ffffff url(processArrowSelected.gif) center left no-repeat;margin-left:-21px;border-right:solid 20px #ffffff}
#processlen4 h2#selected.phase4{padding-left:0px;background:#ffffff url(processArrowSelected.gif) center left no-repeat;margin-left:-21px;border-right:solid 24px #ffffff}





#artTabs{margin-bottom:10px;clear:both;}
#artTabs ul{
  overflow:hidden;
  list-style-type:none;
  background:url(artTabBG.gif) bottom left repeat-x;
  height:100%;
}

#artTabs ul li {float:left;
  
}
#artTabs ul li a{
  display:block;
  float:left;
  margin-right:5px;
  background-color:#ededed;
  padding:4px 7px 0px 7px;
  font-size:1.1em;
  margin-top:1px;
  height:19px;
  background-image:none;
  border-top:solid 2px #f2f3f3;
  }
#artTabs ul li.selected a{
  font-weight:bold;
  color:#E6750A;
  background-color:#ffffff;
  
  border-top:solid 2px #f2f3f3;
  
  border-left:solid 2px #f2f3f3;
  border-right:solid 2px #f2f3f3;
 }
#artTabs ul li.nocontent a{
  font-style:italic;
  color:gray;
 }
#subTabs ul{
  background: none;
}
#subTabs ul li{
  background-color:transparent;  
  background-image:none;
  border-bottom: 1px;
}
#subTabs ul li a{    
  background: #fff url(separator.gif) no-repeat scroll right center;  
  vertical-align: center;
}
#subTabs .last{background:none !important;}
#subTabs form{
  padding: 0.2em;
  background-color: #EDEDED;
}
 

/*--- stiler for temadsiden DIFI ---*/
#subjectnavigation{
  margin-bottom:0px;
  margin-top:10px;
  overflow:hidden;
  padding-bottom:10px;
  border-bottom:solid 2px #f2f3f3;
  height:100%;
  }

#subjectnavigation ul{
  list-style-type:none;
  float:left;
  font-size:1.1em;
  overflow:hidden;
  height:100%;
  }
  
#subjectnavigation ul li{
margin-bottom:5px;
}
#subjectnavigation ul li.selected a{
  color:#E6750A;
  font-weight:bold;
  }
/*--- end stiler for temasiden DIFI ---*/
/*--- tittel element og utskrift ---*/
.top{padding-bottom:10px;overflow:hidden;height:100%}
.top #headingContainer{
  /*
  float:left;
  width: 75%;
  */
  position: relative;
}
.top #processbreadcrumbs{
  font-size: 1.2em;
  margin-top: 0.5em;
  
}
.top #processbreadcrumbs a{
  /*
  padding: 0em;
  background: none;
  */
  
}
.top #print{
  /*
  float:right;
  */
  position: absolute;
  top: 0em;
  right: 0em;
  background:url(print.gif) center left no-repeat;
  padding-left:25px;
  
  }
#print a{font-size:1.1em;background:none;padding-left:0px}
/*--- end tittel element og utskrift ---*/
#subjectnavigation ul.coloum3,
#subjectnavigation ul.coloum4{width:21em;}

#subjectnavigation ul.coloum2,
#subjectnavigation ul.coloum1{width:22.5em;}
/*--- end styling temanavigasjon ---*/

/*--- relaterte ressurser ---*/
#relatedResources{
  overflow:hidden;
  background-color:#d9e9c6;
  height:100%;
}

#resourcesTabs{
  background-color:#ffffff;
  overflow:hidden;
  height:100%;
  }
#resourcesTabs button{background-image:none;padding-left:0px;border:none}

#resourcesTabs button{
  background-color:#D9E9C6;
  border-bottom:solid 2px #ffffff;
  display:block;
  float:left;
  padding:5px;
  font-size:1.1em;
  color:#005380;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  margin-right:4px;
  }
#resourcesTabs button:hover{text-decoration:underline;cursor:pointer}
#resourcesTabs button.selected{border-bottom:solid 2px #d9e9c6}
#resourcesTabs #resourceTab2{
  background-color:#d9e5ec;
  border-bottom: solid 2px #ffffff;
  }

#resourcesTabs button.selected#resourceTab2{
   border-bottom: solid 2px #d9e5ec;
}

#relatedResources h2{font-size:1.2em;color:#3c3d3e;margin-bottom:4px;margin-top:10px;margin-right:10px;margin-left:10px}
#relatedResources p{font-size:1.1em;padding:4px 10px;}

#relatedResources ul{list-style-type:none;}
#relatedResources .assocs{
  padding:10px;
  background-color:#ffffff;
  margin:10px;
  height:100%;
  }
#relatedResources h3{
  color:#549E23;
  margin-bottom:3px;
  font-size:1.1em;
  }
#relatedResources ul li a{font-size:1.1em;}

/*--- end relaterte ressurser ---*/

/*--- rss ---*/
#globalFooter{background-color:#ffffff;padding-top:10px;overflow:hidden;height:100%}
#globalFooter #rss{
  color:#5f6062;
  background:url(rss.gif) center left no-repeat;
  display:block;
  width:20em;
  padding-left:20px;
  margin:0px 0px 10px 20px;
  font-size:1.1em;
}

/*--- end rss ---*/
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after, #searchAndTools:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; height:1px;}
.clearLeft{clear:left;}

.structuredBox{
background-color:#f4f8ec;
padding:10px;
margin-bottom:10px;
}
.structuredBox h3{font-size:1.2em;margin-bottom:5px}
.structuredBox th{font-weight:normal;text-align:left;}
.structuredBox th, .structuredBox td{padding:3px 10px 3px 0px;vertical-align: top;}
.structuredBox td{margin-left:5px;vertical-align: top;}
.structuredBox ul{
  list-style:none;
}
.structuredBox .mainTxt{
  font-size: 1em;
}
.structuredBox .mainTxt ul{
  list-style: disc;
  margin-left:12px;
  *margin-left: 15px;
}
.structuredBox .mainTxt li{
  margin-bottom: 0em;
}
.structuredBox .mainTxt ol{
  list-style: decimal;
}
#organization-detail{
  padding-bottom: 2em;
  margin-bottom: 2em;
  border-bottom: 1px solid #CCC;
}
#organization-detail .structuredBox th{
  min-width: 50%;
}
#organization-detail .heading{
  margin-bottom: 0.5em;
}
#subArticles{
  border-top:solid 2px #5bac26;
  padding-top:15px
}
.js-enabled .subarticle:hover{
  cursor: pointer;
}
.subarticle{
  float:left;
  width:22.5em;
  margin-right:20px;
  margin-bottom:20px;
  }

.subarticle h2{
  font-size:1.2em;
  margin-bottom:5px;
  }

.subarticle p{font-size:1.1em;}

.featuredBox{
  margin-bottom:20px;
  }

.featuredBox h3{
  color:#E56F00;
  overflow:hidden;
  background:url(orangeLineBG.gif) bottom left repeat-x;
  margin-bottom:5px;
  font-size:1.1em;
  height:100%;
}

.featuredBox p a{
  font-weight:bold;
  color:#ffffff;
  background:none;
  padding-left:0px;
  }
.featuredBox h3 span{
background-color:#ffffff;
display:block;
float:left;
padding-right:10px;
}

.featuredBox .imageTxt{
  background-color:#E56F00;
  color:#ffffff;
  padding:4px 10px;
  margin:-2px 0px
}

/*stiler for knapp til art/tema for prosess/fase/steg */
#relatedArtSubjectLink{
  background-color:#5bac26;
  padding:10px;
  margin-bottom: 1em;
}

#relatedArtSubjectLink a{
  display:block;
  color:#ffffff;
  background:url(relArtArrow.gif) center left no-repeat;
  font-size:1.2em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-left:10px;
  }
.errormsg {
  color:red;
  
}
.infomsg {
  color:green;
}
#otherterms{display:none}


.js-required{
  display:none;  
}
.js-enabled .js-required{
  display: block;
}
.js-enabled .js-dn{
  display: none;
}
.js-enabled .moretxt{
  display:none;
}

.js-enabled .panes img{
  /* deprc. not used in anskaffelsesstrategi anymore. display:none;*/
}
#guide_entry{
  background-color: #5bac26;
  padding: 5px 5px 5px 5px;
  color: #fff;
}
#guide_entry p{
  margin-bottom: 5px;
}
#guide_entry .entry img{
  float:left;
}
#guide_entry .entry{
  background-color: #FFF;  
  padding: 5px;
  margin-bottom: 5px;
  height: 100%;
  overflow: hidden;
}
#guide_entry .last{
  margin-bottom: 0px;
}
#guide_entry .entry a{
  background: none;
  padding:0em;
} 
#guide_entry .entry p{
  color:#5f6062;
}

form.difi_guide, div.difi_guide{
  padding: 10px;
  background-color: #e4e4e5;
  margin-bottom: 5px;  
}

form.difi_guide input, form.difi_guide textarea{
  
  width: 99%;  
  margin-bottom: 5px;
  background-color:#fff;
  padding: 0.2em 0em 0.2em 0em;
  /*
  padding: 0.2em;
  
*/  
}

#guide_start{
  background-color: #5BAC26;
  padding: 1em;
  
}
#guide_start a{
  color: #fff;
  background:transparent url(processArrow3.gif) no-repeat scroll right center;
  display: block;
}
form.difi_guide textarea{
  width: 98%;
  font-family: verdana, arial;
  font-size: 1.2em;  
}
form.difi_guide label{
  display:block;
  margin-bottom: 5px;
  font-weight: bold;  
}
#difi_guide_start h2{
  margin-bottom: 20px;
}

#difi_guide_start label{
  font-style: normal;  
  clear: both;
}
form.difi_guide{
  height: 1%;
  overflow: auto;
}
form.difi_guide .submit{
  float: right;
  background-color: #5f6062;
  color: #FFF;
  border: none;
  text-transform: uppercase;
  font-size: 1.1em;
  padding: 0.2em;
}
form.difi_guide p, form.difi_guide select{
  margin-bottom: 5px;
}
form.difi_guide .submit{
  width: auto;
  
}
form.difi_guide .checkbox{
  width: auto;
  display: inline; 
  margin-right: 5px;
  float: left;
  padding: 0em;
}
.progressContainer{}
.progressContainer .totalfinished, .progressContainer .totalnumber{
  font-weight: bold;
}
.totalprogress{  
  border: 1px solid #CCC;
  height: 25px;
  padding: 1px;  
  margin-bottom: 2px !important;
}
.totalprogress .currentprogress{
  background-color: #D8E8C4;
  width: 0%;
  height:25px;
} 
.guide_summary, .guide_download{
  display: block;  
  height: 24px;
  padding-left: 25px !important;
  background:url(./ikoner/guide_icons.gif) left 0px no-repeat !important;  
}
.guide_download{
  background:url(./ikoner/guide_icons.gif) left -24px no-repeat !important;
}

.guide_summary_wrapper{}
.guide_summary_wrapper a{
  background: none !important;
  padding-left: 0em;
}
.guide_summary_wrapper ul{
  margin-left: 0em !important;
}
.guide_summary_wrapper ul ul{
  margin-left: 1em !important;
}
.guide_summary_wrapper li{
  margin-bottom: 1em !important;
}
.guide_summary_wrapper p{
  margin-bottom: 0.5em !important;
}

.feedback{
  padding: 0.5em;
  color: #fff;
}
.feedback h2{
  color: #fff;
}
.error{  
  background-color: #9e2323;
  color:#ffffff;
  font-weight:bold;
  padding:10px;
}
hr{
  clear: both;
}


.btmline{
margin-top:30px;
}

/*styling externalresources */
#externalResources{
  background-color:#d9e5ec;
  padding:10px 10px 20px 10px;
  display:none;
  }

#externalResources .moreLink,
#externalResources p {
  margin: 0px 0px;
  }
#ztm-collabroom a{
    outline: none;
	background:none;
	padding-left:0px;
  }
  


/*styling for the search-provider tabs on the searchpage */
div.searchprovidertabs {
 background-color:#5f6062;
 overflow:hidden;
 padding:0px;
 height:100%;
  }
div.searchprovidertabs ul{list-style-type:none;}
div.searchprovidertabs ul li{
  display:block;
  float:left;
  font-size:1.2em;
  font-weight:normal;
  padding:0px 0px 0px 0px;
  background:url(menusplitLeft.gif) top right no-repeat;
  border-right:solid 1px #ffffff
  }

div.searchprovidertabs ul li a{
  display:block;
  float:left;
  padding:5px 20px 5px 20px;
  color:#ffffff;
  background:url(menusplitRight.gif) top left no-repeat;
  }

div.searchprovidertabs ul li.start a{background:none;}
div.searchprovidertabs ul li.end{background:none;border:none}

div.searchprovidertabs ul li.selected, div.searchprovidertabs ul li.selected a{
  background-color:#ffffff;
  background-image:none;
  color:#ee7d11;
  font-weight:bold;
}
.multimedia .flash{
  height: 300px;
}
.mainTxt{  
  font-size:1.1em;
  line-height: 1.3em;
}


/*BAE starts here*/

/* ### SKIN - General Styles ###################################################

   This section sets up basic typography and colors for the site; it should
   only define the defaults for elements.
*/

/* --- Body ------------------------ */

body {
    background-color: #CCD8E3;
    background-image: url("/@@/ztm.webdesk/image/bg_gradient.png");
    background-repeat: repeat-x;
    color: #333637;
}
.webdesk{
  background-color: #FFF;
}

/* --- Headings -------------------- */

.webdesk h1, .webdesk h2, .webdesk h3, .webdesk h4,
.webdesk .h1, .webdesk .h2, .webdesk .h3, .webdesk .h4 {
    color: inherit;
}

.webdesk h1, .webdesk .h1 {
    font-size: 174%;  /* 23px */
    font-weight: normal;
}

.webdesk h2, .webdesk .h2 {
    color: #730521;
    font-size: 146.5%;  /* 19px */
    font-weight: normal;
}

.webdesk h3, .webdesk .h3 {
    font-size: 93%;  /* 12px */
    font-weight: bold;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

/* --- Inline text ----------------- */

.webdesk strong, .webdesk b {
    font-weight: bold;
}

.webdesk em, .webdesk i {
    font-style: italic;
}

.webdesk q:before {
    content: "“";
}

.webdesk q:after {
    content: "”";
}

/* --- Lists ----------------------- */

.webdesk dl,
.webdesk ol,
.webdesk ul {
    
}

.webdesk dl {
    
}

.webdesk li {
    
}

.webdesk ul li {
    
}

.webdesk li > ul {
    
}

.webdesk ol li {
    list-style-type: decimal;
    margin-left: 2.3em;
}

/* --- Paragraphs, blocks ---------- */

.webdesk p.articleText,
.webdesk .articleText p {
    margin-bottom: 1em;
}

/* --- Links ----------------------- */

.webdesk a,
.webdesk button.linkButton {
    color: #00537F;
    text-decoration: none;
}

.webdesk a:hover,
.webdesk button.linkButton:hover {
    text-decoration: underline;
}

.webdesk a.selected {
    color: #7F428B;
}

/* --- Accessibility --------------- */

.webdesk a:active,
.webdesk a:focus,
.webdesk .focus {
    outline-width: 1px;            
    outline-style: dotted;
    text-decoration: underline;
    -moz-outline-offset: -1px;
}

.webdesk .accessibilityHidden {
    left: -5000px;
    position: absolute;
    top: -5000px;
}

.webdesk .hidden {
    display: none;
}


/* ### SKIN - Generic components ###############################################

   Simple, basic components that are reused throughout the site, e.g. forms,
   buttons, notification messages. This should also include skinning of layout
   elements (if required).
*/

/* --- Forms ----------------------- */

/* --- Form elements --------------- */

/* --- Navigational list ----------- */

.webdesk ol.navList,
.webdesk ul.navList {
    margin: 0;
}

.webdesk .navList li {
    background-image: none;
    background-position: 0 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
}

.webdesk ul.navList li {
    list-style-type: none;
}

.webdesk ol.navList li {
    list-style-type: none;
}

/* ### Page structure ##########################################################

   Layout of page elements; this should only define the template and grid,
   not the positioning of specific components.
*/

/* --- Top bar --------------------- */



/* --- Header ---------------------- */

.webdesk .hd {
    
}

/* --- Footer ---------------------- */

.webdesk .footer {
    padding: 0 30px;
}

/* --- Unit gutters ---------------- */

.webdesk .unit {
    padding-bottom: 30px;
    padding-left: 30px;
}

.webdesk .lastUnit {
    padding-right: 30px;
}

/* --- Nav boxes ------------------- */

.webdesk .webdeskBox {
    margin: 0 0 10px 0;
}

.webdeskPage .webdeskBoxGlued /* extends webdeskBox */ {
    margin-top: 0;
}


/* ### Page components #########################################################

   Most declarations should go in here; each component is self-contained and
   should organise its internal layout. Look-and-feel should be mostly
   inherited from general styles and generic components
*/

/* --- Header groups --------------- */

.webdesk .hgroup {
    margin-bottom: 10px;
}

.webdesk .hgroup h1, .webdesk .hgroup .h1,
.webdesk .hgroup h2, .webdesk .hgroup .h2,
.webdesk .hgroup h3, .webdesk .hgroup .h3,
.webdesk .hgroup h4, .webdesk .hgroup .h4,
.webdesk .hgroup h5, .webdesk .hgroup .h5,
.webdesk .hgroup h6, .webdesk .hgroup .h6 {
    margin-top: 0;
}

.webdesk .hgroup dl {
    margin: 0;
    font-size: 85%;  /* 11px */
}

.webdesk .hgroup dt,
.webdesk .hgroup dd {
    margin: 0;
}

/* --- Page title ------------------ */

.webdesk .pageTitle {
    overflow: hidden;
    position: relative;
    zoom: 1;  /* IE */
}

.webdesk .pageTitle h2 {
    color: #FFF;
    text-transform: uppercase;
    position: absolute;
    top: 0;
}

.webdesk .pageTitle h1 {
    background-color: rgb(222, 222, 222);
    background-color: rgba(255, 255, 255, 0.5);
    color: #00537F;
    padding: 0.5em 0.75em;
    margin-top: 1.75em;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF); /* IE */
    zoom: 1;  /* IE */

    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.webdesk .pageTitle h2 a {
    color: #FFF;
    text-decoration: none;
}

.webdesk .pageTitle span {
    color: #333637;
}

/* --- Structured Data ------------- */

.webdesk .structuredData {
    overflow: hidden;
    position: relative;
}

.webdesk .structuredData dl {
    margin-bottom: 10px;
    margin-left: 0;
    overflow: hidden;
}

.webdesk .structuredData dt {
    clear: left;
    float: left;
    margin-top: 1em;
    width: 33%;
}

.webdesk .structuredData dt:after {
    content: ":";
}

.webdesk .structuredData dd {
    float: left;
    margin-top: 1em;
    width: 66%;
}

/* --- Nav Box --------------------- */

.webdeskBox {
    overflow: visible;
    position: relative;
}

.webdeskBox .hd {
    background-color: #DCDDDC;
    background-image: url("/@@/ztm.webdesk/image/bg_boxHeader.png");
    background-repeat: repeat-x;
    border-left: 0 solid #FFF;
    border-right: 0 solid #FFF;
    border-top: 1px solid #FFF;
    padding: 0.5em 1em;
    position: relative;
    zoom: 1;  /* TODO: IE */

    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;

    border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-radius-top-left: 10px;

    border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-radius-top-right: 10px;

    -moz-box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.3);
}

.webdeskBox .bd {
    background-color: #F2F2F2;
    padding: 1em;
    position: relative;
    zoom: 1;  /* TODO: IE */

    box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.3);
}

.webdeskBox.collapsed .hd {
    background-color: #CEE0EB;
    background-image: url("/@@/ztm.webdesk/image/bg_boxHeaderCollapsed.png");

    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-radius-bottom-left: 10px;

    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-radius-bottom-right: 10px;
}

.webdeskBox.collapsed .hd h2 {
    color: #06293C;
}

.webdeskBox.collapsed .hd .toolbarButton_help,
.webdeskBox.collapsed .bd {    
    display: none;
}

/* --- Nav Box - inner layout ------ */

.webdeskBox .webdeskOptionToggler {
    float: right;
}

/* --- Glued Nav Box --------------- */

.webdeskBoxGlued /* extends webdeskBox */ {
}

.webdeskBoxGlued .hd,
.webdeskBoxGlued.collpased .hd {
    border: 0;

    border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -webkit-border-radius-top-left: 0;

    border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-radius-top-right: 0;
}

.webdeskBoxPreGlued /* extends webdeskBox */ {
}

.webdeskBoxPreGlued.collapsed .hd {
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-radius-bottom-left: 0;

    border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-radius-bottom-right: 0;
}

/* --- Nav Box header buttons ------ */

.webdesk .toolbar /* extends navList */ {
    position: absolute;
    right: 0.7em;
    top: 0.7em;
}

.webdesk .toolbar li {
    float: left;
    margin-left: 0.7em;
}

.webdesk .toolbar button {
    /* TODO: define base button style */
    background-color: #FFF;
    border: 1px solid #FFF;
    color: #3F7490;
    cursor: pointer;
    padding: 0;
    width: 1.5em;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.webdesk .toolbar button::-moz-focus-inner {
    border: 0;
}

.webdesk .toolbar button:focus,
.webdesk .toolbar button:hover {
    /* TODO: define base button style */
    background-color: #CEE0EB;
    border: 1px solid rgba(63, 117, 144, 0.5);
    outline: none;

    box-shadow:
        0 4px 6px rgba(255, 255, 255, 0.4) inset,
        0 5px 0 -2px rgba(255, 255, 255, 0.2) inset,
        0 7px 8px rgba(0, 0, 0, 0.2) inset,
        0 2px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:
        0 4px 6px rgba(255, 255, 255, 0.4) inset,
        0 5px 0 -2px rgba(255, 255, 255, 0.2) inset,
        0 7px 8px rgba(0, 0, 0, 0.2) inset,
        0 2px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:
        0 4px 6px rgba(255, 255, 255, 0.4) inset,
        0 5px 0 -2px rgba(255, 255, 255, 0.2) inset,
        0 7px 8px rgba(0, 0, 0, 0.2) inset,
        0 2px 3px rgba(0, 0, 0, 0.2);
}

.webdesk .toolbar button:active {
    /* TODO: define base button style */
    background-color: #ABBBC3;

    box-shadow:
        0 4px 6px rgba(255, 255, 255, 0.4) inset,
        0 5px 0 -2px rgba(255, 255, 255, 0.2) inset,
        0 7px 8px rgba(0, 0, 0, 0.2) inset,
        0 1px 3px rgba(0, 0, 0, 0.15),
        -1px -1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:
        0 4px 6px rgba(255, 255, 255, 0.4) inset,
        0 5px 0 -2px rgba(255, 255, 255, 0.2) inset,
        0 7px 8px rgba(0, 0, 0, 0.2) inset,
        0 1px 3px rgba(0, 0, 0, 0.15),
        -1px -1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:
        0 4px 6px rgba(255, 255, 255, 0.4) inset,
        0 5px 0 -2px rgba(255, 255, 255, 0.2) inset,
        0 7px 8px rgba(0, 0, 0, 0.2) inset,
        0 1px 3px rgba(0, 0, 0, 0.15),
        -1px -1px 2px rgba(0, 0, 0, 0.2);
}

/* --- Help text ------------------- */

.webdesk .helpPanel {
    background-image: url("/@@/ztm.webdesk/image/talk_up.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    display: none;
    margin-bottom: 1em;
    padding-top: 7px;
}

.webdesk .helpPanel p {
    background-color: #3F7490;
    color: #FFF;
    padding: 1em;
    overflow: hidden;
}

/* --- Traits ---------------------- */

.webdesk .structuredDataFooter /* extends structuredData */ {
    color: #999;
    padding-bottom: 1em;
    padding-top: 1.5em;
    position: relative;

    zoom: 1;  /* IE */
}

.webdesk .structuredDataFooter dt {
    margin-right: 0.5%;
    text-align: right;
    width: 10em;
}

.webdesk .structuredDataFooter dd {
    margin-left: 0.5%;
}

.webdesk .structuredDataFooter li {
    padding-left: 0;
}







/* Needs cleanup*/
/* BUTTONS */
button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
button img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}    
button:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

/* POSITIVE */

button.ztm-positive{
    color:#529214;
}
button.ztm-positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}

/* NEGATIVE */

button.ztm-negative{
    color:#d12f19;
}
button.ztm-negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}

.ztm-inline-dialog{  
  overflow: hidden;
  width: 100%;
  
}
.ztm-inline-dialog p,.ztm-inline-dialog form{
  margin-bottom:0.25em;  
} 
li.ztm-focus, .ztm-in-progress {
  
  /*  
  border: 1px solid #ccc !important;
  padding: 5px !important;
  background-color: #F7F7F7 !important;
*/  
}
.ztm-focus{
  border: 1px solid #ccc !important;
  padding: 5px !important;

}
 
.disabled {
  opacity: 0.4;
}
.topic.ztm-in-progress .ztm-actions{
  display: none;  
  
}




.ztm-actions{
  margin: 0;  
  visibility: hidden;
  margin-top: 0.25em;
  overflow: hidden;
}
.ztm-actions li{
  padding-right: 0.25em;
  margin: 0 0.25em 0 0;
  border-right: 1px solid #333637;
  display: inline-block;
  
}
.ztm-actions :last-child{
  border: none;
}
.ztm-in-progress-indicator{
  margin: 1em 0 0 0;
  background: url('../icon/ajax-loader.gif') no-repeat left 0;  
}
.ztm-in-progress-indicator span{
  padding-left: 20px;
}
.ztm-search{

}
.ztm-search label{
  font-weight: bold;
}

.ztm-search form .ztm-query-string{
  padding: 0.2em;
  font-size: 1.2em;
  width: 67%;  
}
.ztm-search form button{
  float: right;
  width: 25%;
}
.ztm-search .search{
  margin-bottom: 1em;
}
.ztm-searchresult .focus{
  background-color: #F1F1EF !important;
}

a.ztm-disabled{
  opacity: 0.2;
}
a.ztm-infoitem-title{
  font-weight: bold;
  margin-botto: 0.2em;
}

.applog{
  width: 100%;  
  position: fixed;
  bottom: 0;  
}
.applog .entry{
  border: 1px solid;  
  background-repeat: no-repeat;
  background-position: 10px center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /*remove double border*/  
  margin-top: -1px;
}
.applog .entry > div{ 
  padding: 5px 10px 5px 50px;
  position: relative;
}
.applog .entry p{  
  text-align: center;
}
.applog .entry button{  
  top: -2px;
  right: 7px;
  position: absolute;
  padding:0;  
  line-height: 100%;
}



.applog .info {
  color: #00529B;
  background-color: #BDE5F8;
}

.applog .success {  
  color: #4F8A10;
  background-color: #DFF2BF;  
}

.applog .warning {
  color: #9F6000;
  background-color: #FEEFB3;
}

.applog .error {
  color: #D8000C;
  background-color: #FFBABA;  
}

.topic{
  border-bottom:1px solid #DEDEDE;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}

.topic:hover .ztm-actions, .ztm-focus .ztm-actions{
  visibility: visible;  
}
.ztm-inline-dialog{
  visibility: visible !important;
  
}

.ztm-paginator .ztm-prev, .ztm-paginator .ztm-next{

}
.ztm-paginator .ztm-prev{
  margin-right: 0.5em;
  
}
.ztm-paginator .ztm-next{
  margin-left: 0.5em;
}


.shortcuts{

}
.shortcut{
  background-repeat: no-repeat;
  padding-left:80px;
  min-height: 85px;
  margin-bottom: 1em;
}
.shortcut ol li{
  list-style-type:none;
  margin-left:0em;
  margin-bottom:0.25em;
}
.shortcut .description{
  margin-bottom: 0.5em;
}
.twocolumnlist li{
  float: left;
  width: 45%;
  margin-bottom: 0.25em;
  padding: 0.2em;
}

.filter{
  border: 1px solid #ccc;
  padding: 0.5em;
  display: none;
  background-color: #fff;
  z-index: 999;  
  margin-top: 0.25em;    
}
.filter label{
  display: block;
  margin-bottom: 0.25em;  
}
.filter label input{
  margin-right: 0.25em;
}



/* START BAE ENHANCEMENTS*/

.block-labels label, .block-labels .submit{
   display: block;
}
.block-labels .submit{
  margin-top: 0.5em;
}
.relatedlist1 input{
  margin-right: 10px;
}

/*process for frontpage */
.processnavigation-bae{
  overflow:hidden;
  margin-bottom:3em;
  margin-top:10px;
  height:100%;
  border:5px solid #5BAC26;  
  background-color:#FFFFFF;
  border:medium none;
  
}
.processnavigation-bae .processItem{
  background:url("processarrow_nobg.gif") no-repeat scroll left top transparent;
  border:medium none;
  float:left;  
  width:320px;
}
.processnavigation-bae .processItem h2{
  font-size:1.4em;
  height:120px;
}

.processnavigation-bae .processItem h2 a {
  background:none repeat scroll 0 0 transparent;
  color:#FFF;  
  display:block;  
  padding:52px 0 50px 40px;  
}
.processnavigation-bae .processItem h2 a:focus{
  text-decoration: underline;
}
.processnavigation-bae .processItem .moreInfo{
  /*background-color: #D8E8C4;;*/
  background-color: #d8e8c4;
  z-index: 999;
  width:217px;
  padding: 10px;
  font-size: 1.1em;    
  
  border-top: none;
  margin-top: -47px;
}
.js-enabled .processnavigation-bae .processItem .moreInfo{
  position: absolute; 
  display: none;
 
}
.js-enabled .processnavigation-bae .hover{  

}
.js-enabled .processnavigation-bae .hover .moreInfo{
  display: block;  
  -moz-box-shadow:0px 10px 10px -10px #000;  
}
.processnavigation-bae .processItem .description{
  margin-bottom: 1em;
}
.processnavigation-bae .processItem .more-info{
  list-style: none;
  margin: 5px 0em 5px 2.3em;
  background: transparent url("prevlink.gif") no-repeat left center;
  padding-left: 8px;  
}
.processnavigation-bae li{
  margin-left: 5px;      
}
.processnavigation-bae .milestone{
  margin-left: 0px;
} 




#bae-frontpage .left {
  width: 62em;
  *width:62.5em;
}
#bae-frontpage .right{
  width: 32em;
}
.subjectMenu {
overflow:hidden;
position:relative;
margin-bottom: 1em;
}
.subjectMenu ul {
  overflow:hidden;
  padding-bottom:2px;
  position:relative;
}
.subjectMenu li {  
  background-color:#D8D9DA;
  background-position:50% 0;
  background-repeat:no-repeat;
  float:left;
  margin-bottom:12px;  
  text-align: center;  
  width: 20.3em;  
  margin-right: 0.5em;
}
.subjectMenu .fourItems li{
  width: 15.1em;
}
.subjectMenu .fourItems li.last{
  width: 15.1em;  

}
.subjectMenu li.last{
  margin-right: 0em;
  width: 20.3em;
  /*
  width: 15.2em;
  */
  
  
  /*
  width: 11.9em;
  */
}


.subjectMenu li.hover {
background-color:#5F6062;
}
.subjectMenu li a {
  color:#005281;
  display:block;
  font-size:1.2em;
  font-weight:bold;
  height:30px;
  padding:100px 0px 0px 0px;
  background: none;
}
.subjectMenu li.hover a {
  color:#FFFFFF;
}
.subjectMenu li.moreSubjects {
background-image:url("/@@/resources/image/subjectMenuOther.jpg");
position:relative;
z-index:100;
}
.subjectMenu .submenu {
display:none;
padding-bottom:0;
}
.subjectMenu .submenu li {
-moz-box-shadow:none;
background-color:#7F428B;
background-image:url("/@@/resources/image/sprites.png");
background-position:7px -1604px;
margin-bottom:0;
}
.subjectMenu .submenu li.last{
  margin-right: 0em;
}
.subjectMenu .submenu a {
color:#FFFFFF;
display:block;
font-size:85%;
font-weight:normal;
height:auto;
padding:0 0 1em 1.55em;

}
ol.navList, ul.navList {
margin-bottom:0;
margin-left:0;
}
.navList li {
background-image:none;
background-position:0 0;
margin-bottom:0;
margin-left:0;
padding-left:0;
}
ul.navList li {
list-style-type:none;
}
ol.navList li {
list-style-type:none;
}

.archive-entry li{
  background-repeat: no-repeat;
  height: 30px;
  font-size: 1.25em;
  font-weight: bold;
  width: 48%;
  float: left;
}
.archive-entry li a{
  background:none;
  padding-left: 30px;
}
.bae-intro{
  font-size: 1.4em;  
  color: #606062;
  margin-top: 1.5em;
  margin-bottom: 1.5em;  
  
}
.bae-intro p{
  width: 55%;
}
#process-entrance{
  margin-bottom: 3.5em;
}
#process-entrance .steps li{
  margin-bottom: 0.5em;
  
}
#process-entrance .steps .number, #process-entrance .steps .link{
  display:inline-block;
  
}
#process-entrance .steps .number{
  width: 15px;
  vertical-align: top;
}
#process-entrance .steps .link{
  width: 17em;
  
}

#process-entrance .steps a{
  padding-left: 0em;
}

#area-border{
  height: 48px;
  border-bottom: 1px solid #FFF;
}
#area-border p{
  font-size: 2em;
  display: block;
  margin-left: 20px;
  padding-top: 10px;
  
}
#area-border p a{
  color: #FFF;
  font-weight: bold;
  background: none;  
  padding-left: 0em !important;
}

.ehandel-border{  
  background: #5f6062 url(./ehandel-border.jpg) no-repeat right center;  
}

.bae-border{  
  background: #5f6062 url(./bae-border.jpg) no-repeat right center;  
}
.astrategi-border{  
  background: #5f6062 url(./astrategi-border.jpg) no-repeat right center;  
}


#relatedResourcesBAE{
  border-top: 1px solid #dadada;
  font-size: 1.1em;
  margin-bottom: 1em;
}
#relatedResourcesBAE ul{
  margin-top: 1.2em;
}
#relatedResourcesBAE fieldset{
  margin-bottom: 1em;  
}
#relatedResourcesBAE fieldset legend{
  font-weight:bold;
} 
#relatedResourcesBAE label{
  margin-top: 0.5em;
}
#relatedResourcesBAE ul{
  list-style: none;
}
#relatedResourcesBAE ul li{

} 
#relatedResourcesBAE .assocs h3.disabled{
  opacity: 1;
  color: #616163;  
}
#relatedResourcesBAE .assocs{
    border-bottom: 1px solid #dadada;
}
#relatedResourcesBAE .assocs h3{
    padding: 0.75em 0em 0.75em 0em;
    color: #005480;
    font-size: 1.1em;
    
}
#relatedResourcesBAE .assocs h3:hover{
  cursor: pointer;
  text-decoration: underline;
}
#relatedResourcesBAE .assocs .resourcetype span{  
  float: none;
  display: block;  
}
#relatedResourcesBAE .assocs .expandable span{
  background: transparent url("/@@/resources/expandable.gif") no-repeat right -10px;
}
#relatedResourcesBAE .assocs .expanded span{
  background: transparent url("/@@/resources/expandable.gif") no-repeat right -40px !important;
}
#relatedResourcesBAE .assocs .roles{  
  border-top: 1px dotted #dadada;  
}
#relatedResourcesBAE .expanded .roles{
  border: none;
}
#relatedResourcesBAE .assocs .roles ul{
  list-style: none;
  margin-left: 0em;
  margin-bottom: 0.25em;  
  padding-bottom: 1em;
  padding-left: 30px;  
  font-size: inherit;  
}
#relatedResourcesBAE .assocs .roles ul li{
  margin-bottom: 0.5em;
}
#relatedResourcesBAE .assocs .roles h4{
  color:#549E23;
  margin-bottom: 5px;
  padding-top: 1em;
  border-top: 1px dotted #dadada;
  padding-left: 30px;
  font-size: 1em;
}
.js-enabled #relatedResourcesBAE .assocs .roles{
  display: none;
}

#relatedResourcesBAE .assocs .verktoy, 
#relatedResourcesBAE .assocs .mal, 
#relatedResourcesBAE .assocs .kontrakt,
#relatedResourcesBAE .assocs .beste-praksis,
#relatedResourcesBAE .assocs .veileder,
#relatedResourcesBAE .assocs .definisjon,
#relatedResourcesBAE .assocs .publikasjon{
    background: transparent url("/@@/resources/ikoner/icon-tool.png") no-repeat left center;    
    padding-left:30px;
}

.phase{
  
}
.has-subphases .phase{
  height: 7.6em;
}
.has-4-phases .phase{
  width:23.34em;
}
.phase{
  background-color: #D8E8C4;
  width:31.34em;
  float: left;
  margin-right: 5px;
  background: #D8E8C4 url(processarrow_big.gif) right center no-repeat;
}

.bae-marker .phase{
  background-color: #e7e7e7;
  background: #e7e7e7 url(processarrow_big_bae.gif) right center no-repeat;
  padding-right: 0px;
  
}
.lastphase{
  
  margin-right: 0em !important;
  
}
.has-subphases .subphases{
  background-image: none;
}
.has-subphases .phase h2{
  height: 5.066em;
  font-size:1.5em;  
}
.phase h2{
  font-size: 1.3em;
  
}
.phase h2.selected{
  background: #FFF url(processarrow_big_white.gif) right center no-repeat;
}
.bae-marker .phase h2.selected{
  background: #FFF url(processarrow_big_white_bae.gif) right center no-repeat;
}
.has-subphases .phase h2 a{
  padding-top: 1.8em;
  display: block;
}
.bae-marker .phase h2 a{
  color: #000;
}
.phase h2.selected a{
   color: #E56F00;
}
.phase a{  
  background-color: transparent;
  background: none;
  display: block;  
  padding: 5px 20px 5px 10px;  
}
.has-subphases .subphases h2{  
  float:left;
  border-right: 5px solid #5BAC26;
  width: 9.4em;
}
.bae-marker .subphases h2{
  border-right: 5px solid #d7d7d7;
}
.has-subphases .subphases h2.selected{
  background-image: none;
}
.has-subphases .subphases ol{
  list-style: none;  
  float: left;
  overflow: hidden;
  height: 7.6em;
}
.has-subphases .subphases ol li{
  border-bottom: 2px solid #5BAC26;
  padding-left: 0px;
  width:16.74em;  
  height:2.4em;
  overflow: hidden;
  background: #e7e7e7 url(processarrow_mini.gif) right center no-repeat;
}
.bae-marker .subphases ol li{
  border-bottom: 2px solid #d7d7d7 !important;
  
}
.has-subphases .subphases ol li a{
  height:1.4em;
}
.bae-marker .subphases ol li a{
  color: #000;
}
.has-subphases .subphases ol li.last{
  border-bottom: none;
}

.has-subphases .subphases ol li.selected{   
   background: #FFF url(processarrow_mini_white.gif) right center no-repeat;   
}
.bae-marker .subphases ol li.selected{   
   background: #FFF url(processarrow_mini_white_bae.gif) right center no-repeat;   
}
.has-subphases .subphases ol li.selected a{   
   color: #E56F00;
}

.steps{
  clear: both;    
  border-top: None;
  
  overflow: auto;
  width: 100%;
  color: #000;   
  padding-top: 5px;
  list-style: none;
  padding-bottom: 5px;
    
}

.steps li{
  overflow:visible;  
  list-style-type:none;  
  min-height:1.42em;
  background: none;
  padding-left: 0em;
  padding-top: 3px;
  /*
  margin-bottom: 5px;
  */
  min-width: 4em;
}
.steps li a{
  background: none;
}
.bae-marker .steps li a{
  color: #000;
}

.steps li a.selected{
 font-weight:bold;
 color:#E6750A;
}
.steps li.selected a{
  color: #E56F00;

}
li.milestone{
  list-style: none;  
  background: transparent url(./ikoner/milestone_large.gif) no-repeat left -19px !important;
  padding-left: 6px !important;
}
.js-enabled #processnavigation li.milestone{
  min-width: 10px;
}
.js-enabled #processnavigation li.milestone:hover{
  cursor:pointer;
}
.js-enabled #processnavigation li.milestone a{
  display: none;
}
li.milestone:hover, li.milestone.selected{
  background-position: left -58px !important;  
}

li.milestone span{
  color: #fff;
}

.steps li.milestone span.dot{
  visibility:hidden;  
}
.steps li.milestone a{
  /*
  display: none;
  */
}


#processnavigation .steps{
  background-color:#FFF;  
  font-size:1.1em;   
  background: #FFF url("processarrow_big_white.gif") no-repeat right center;
  /*
  padding-left: 10px;
  padding-right: 10px;
  */
}
.bae-marker #steps{
  background-color: #FFF;
  overflow: hidden;
  height:100%;
  background: #FFF url("processarrow_big_white_bae.gif") no-repeat right center !important;
}
.bae-marker .steps{
  border: 1px solid #FFF;
  background-color: #e7e7e7 !important;
  background-image: none !important;    
  width: 84.6em;
  padding: 0em;
}
.bae-marker li.selected{
  background-color: #FFF !important;
}
.bae-marker .steps li{
  margin-right: 10px !important;
  margin-left: 0px !important;  
  padding-left: 5px;
  padding-right: 5px;
  
  
}
.bae-marker .steps li.milestone{
  padding-right: 0px !important;
  
}

#processnavigation .steps li{
  float: left;
  zoom: 1;
  display: block;
  margin-right: 5px;  
  padding-right:5px;
  margin-left: 10px;  
}

#connector {
  clear: both;
  background-color: #FFF;
  width: 5px;
  height: 5px;
  zoom:1;
}
.pos-0{
  margin-left: 16em;
}
.has-subphases .pos-1{
  margin-left: 38em;
}
.pos-1{
  margin-left: 45em;
}
.pos-1-1{
  margin-left: 22em;
}
.pos-2{
  margin-left: 77em;
}
.pos-2-1{
  margin-left: 53em;
}
.pos-3{
  margin-left: 78em;
}
.has-4-phases .pos-0{
  margin-left: 11em;
}
.has-4-phases .pos-1{
  margin-left: 35em;
}

.has-4-phases .pos-2{
  margin-left: 59em;
}

.has-4-phases .pos-3{
  margin-left: 83em;
}

#process-navigation-tool{  
     font-size:1em;
     
}

#process-navigation-tool h2 {    
  padding: 10px 10px 10px 10px;
  
  background: #e5e5e5 url("processarrow_white_bg_bae.gif") no-repeat right center !important;
  margin-bottom: 1em;
  font-size: 1.5em;
}
#process-navigation-tool h2 a{
  display: block;
  color: #616163;
  background: none;
  padding-left: 0em;
  
  
}
#process-navigation-tool h2 a span{
  display: block;
  font-size: 0.75em;
  font-weight: normal;
}
#process-navigation-tool h2 a{
  
}
#process-navigation-tool .prev{
  color: #616163; 
  padding-left: 20px;
  background: transparent url(prev-arrow-process-navigator-tool.gif) left center no-repeat;
  display: block;
  font-size: 1.2em;
  margin-bottom: 1em;
}

/*************************** EHANDEL ******************************************/

/*GENERAL STYLES*/


/*FRONTPAGE*/
#ehandel-frontpage .intro{
  width: 60%;
  margin-bottom: 4em;
}
#ehandel-frontpage .intro h1{
  font-size:1.8em;
  color: #636363;
  font-weight: bold;
  margin-bottom: 1em;
}
#ehandel-frontpage .intro .mainTxt{
  font-size: 1.2em;
}
#ehandel-frontpage .left {
  width: 62em;
  *width:62.5em;
}
#ehandel-frontpage .right{
  width: 32em;
}


/* portfol-entry - TODO: consider generic*/
.portfolio{
  overflow:hidden;
  margin-bottom:4em;
  margin-top:15px;
  height:100%;
  
  background-color:#FFFFFF;
  border:medium none;
  
}
.portfolio .processItem{  
  float:left;  
  width:18em;
  margin-right: 3em;
  padding-top: 115px;
  border-bottom: 2px solid #549E23;
  padding-bottom: 5px;
  font-size: 1.6em;
}
.portfolio .processItem:hover{
  border-bottom: 2px solid #E56F00;
  
}
.portfolio .last{
  margin-right:0em;
}
.portfolio .processItem h2{
  
  
  font-size:1em;
  
  
}

.portfolio .processItem h2 a {
  background:none repeat scroll 0 0 transparent;
  color: #636363;
  display:block;  
  text-decoration: none;
  padding-left: 0em;
}
.portfolio .processItem h2 a:focus{
  text-decoration: underline;
}
.portfolio .processItem .moreInfo{  
  background-color: #d8e8c4;
  z-index: 999;
  width:22.3em;
  padding: 10px;
  font-size: 0.75em;      
  border-top: none;
  margin-top: 7px;
}
.js-enabled .portfolio .processItem .moreInfo{
  
  position: absolute;

  display: none;

  
}
.js-enabled .portfolio .hover{  

}
.js-enabled .portfolio .hover .moreInfo{
  display: block;  
  -moz-box-shadow:0px 10px 10px -10px #000;  
}
.portfolio .processItem .description{
  margin-bottom: 1em;
}

.portfolio li{
  margin-left: 5px;      
}







.alphabetical-list{
  margin-bottom: 1em;
}
.alphabetical-list a{
  background: none;
  padding: 0px;
  padding: 2px;
  background-color: #5F6062;
  color: #FFF;  
}
.filtered-enabled-list{

}
.filtered-enabled-list label{
  padding: 1em;
  margin-bottom: 1em;
  background-color: #EDEDED;
  display: block;
  font-weight: bold;
}
.filtered-enabled-list label input{
  width: 75%;
  padding: 2px;
}
.filtered-enabled-list .group{
  margin-bottom: 0.5em;
}
.filtered-enabled-list ol{
  list-style: none;
  margin-left:0em;
}

/* ASTRATEGI */

#astrategi-frontpage{
  position: relative;
}

#astrategi-frontpage .processnavigation-bae .processItem{
  background:url("processarrow_nobg_small_darkgrey.gif") no-repeat scroll left top transparent;
  border:medium none;
  float:left;  
  width:240px;
}
#astrategi-frontpage .odd .processItem{
  background:url("processarrow_nobg_small_lightgrey.gif") no-repeat scroll left top transparent !important;
}
#astrategi-frontpage  .processnavigation-bae .processItem h2{
  font-size:1.2em;
  height:120px;
}

#astrategi-frontpage .processnavigation-bae .processItem h2 a {
  background: url(downarrow-white.gif) no-repeat scroll 80% center transparent;
  color:#FFF;  
  display:block;  
  padding:52px 0 50px 10px;  
}
#astrategi-frontpage .odd .processItem h2 a{
  color: #464646;
  background: url(downarrow-dark.gif) no-repeat scroll 80% center transparent;
}
#astrategi-frontpage .processnavigation-bae .processItem .moreInfo{
  width: 180px;
  background-color: #d8d9da;
  margin-top: -47px;
  margin-left: 3px;
}



#astrategi-frontpage #process-entrance .steps .link{
  width: 14em;
}
#astrategi-frontpage #process-entrance .hgroup h2{
  display: inline;
  padding-right: 1em;
}

#astrategi-frontpage #astrategi_oldversion{
  background: transparent url("gammel-strategi.jpg") no-repeat left top;
  display: block;
  padding-top: 112px;
  width: 407px;
  position: absolute;
  top: 0em;
  left: 55em;
  padding-left: 0em;
}
#astrategi-frontpage #astrategi_oldversion span{
  background-image:url("prevlink.gif");
  background-position:left center;
  background-repeat:no-repeat;
  padding-left:8px;
}

#astrategi-frontpage .hgroup .guide{
  background: transparent url("lighthouse.gif") no-repeat left top;  
  padding: 9px 0px 0px 40px;
  font-size: 1.4em;  

}
#astrategi-frontpage .hgroup .guide span{
  background-image:url("prevlink.gif");
  background-position:left center;
  background-repeat:no-repeat;
  padding-left:8px;
}
#astrategi-frontpage .bae-intro{
  margin-bottom: 2em;
}

#feedback-form{
  
}
#feedback-form h2, #feedback-form h3{
  margin-bottom: 0.5em;
}
  
#feedback-form fieldset{
  border: none;
  padding: 0em;
}
#feedback-form label{
   display: block;
   margin-bottom: 0.5em;   
   
   font-size: 1.2em;
   
}
#feedback-form label .radio{
  display: inline-block;
  width: auto;
  
  clear: both;
}
#feedback-form label textarea, #feedback-form label input{
  display: block;
  margin-top: 0.25em;
  width: 98%;
  padding: 0.2em;
  border: 1px solid #B5B7BB;
  font-family: verdana;
  
}
#feedback-form label.error{
  background-color: transparent;
  color: #FF0000;
  font-size:1em;
  padding:0em;
  font-weight: normal;
  display:none;
}
#feedback-form input.error, #feedback-form textarea.error{
  
}

.feedback{
  padding: 1em;
  font-size: 1.2em;    
}
.feedback p{
  margin-bottom: 0.25em;
  color: #000;
}

.success{
  color: #FFF;
  background-color:#D8E8C4;
}

/* common helpers*/
.floatright{
  float:right;
  margin-left: 1.5em;
  margin-bottom: 0.5em;
}

.accessibilityHidden {
    left: -5000px;
    position: absolute;
    top: -5000px;
}

.contactinfo{
  max-width: 30em;
  border-left: 1px solid #EDEDED;
  padding-left: 10px;
  margin-left: 10px;
}
.contactinfo h3{
  color: #549E23;
  font-size: 1em;
}

#organization-list a{
  
}
#organization-list .mainTxt{
  font-weight: bold;
}

#organization-list .mainTxt p{
  margin-bottom: 0.25em;
}
#organization-list .mainTxt ul{
  margin-left: 0em;
  list-style: none;
}
#organization-list .mainTxt li{
  margin-bottom: 0.25em;  
}
#organization-list a.subscription{
  background:url(status.gif) 0px -9px no-repeat;
  padding-left: 15px;
}
#organization-list a.subscription_and_sales{
  background:url(status.gif) 0px -29px no-repeat;
  padding-left: 15px;
}

#ehandel-i-tall{
  
}
#ehandel-i-tall label{
  margin-top: 10px;font-weight: bold;
}
#ehandel-i-tall label, #ehandel-i-tall input{
  
  display: block; 
}
#ehandel-i-tall .submit{
  margin-top: 10px;
}
/* Hierchybuildertool */
#hierarchybuilder{
  overflow:hidden;
  margin-bottom:10px;
  margin-top:15px;
  height:100%;
  
  
}
#hierarchybuilder h3{
  background-color: #CCC;
}
#hierarchybuilder a{
  text-decoration: none;
}
#hierarchybuilder .process{
  overflow: hidden;
  width: 100%;
}
#hierarchybuilder .phases{
  width: 80%;  
  
  overflow: hidden;
  float: left;
   
}

#hierarchybuilder .action{
  /*
  width: 20%;
  float: left;
  */
}



#hierarchybuilder .steps{
  background-color:#FFF;  
  font-size:1.1em;  
    
  
  overflow: hidden;
  background: #e3e3e3;
  border-top: none;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  -moz-border-radius: 0px 0px 2px 2px;
  -webkit-border-radius: 0px 0px 2px 2px;
  border-radius: 0px 0px 2px 2px;
  margin-bottom: 5px;
  padding-bottom: 10px;

  width: 90%;
  
}

#hierarchybuilder button{
  
}
#hierarchybuilder .hover{
  cursor:pointer;
  
}
#hierarchybuilder .hover a{
  color: #000;
}
#hierarchybuilder .hover button{
  display: block;
}
#hierarchybuilder .steps li{  
  float: none;
  zoom: 1;
  display: block;
  width: 100%;
  overflow: hidden;
  padding: 6px 0px 6px 0px;
  /*
  margin-right: 5px;  
  padding-right:5px;
  margin-left: 10px;
*/  
}

#hierarchybuilder .steps li  button{
  margin-right: 5px;
}
#hierarchybuilder ul, #hierarchybuilder ol{
  list-style: none;
}
#hierarchybuilder h1{
  margin-bottom: 0.5em;
}
#hierarchybuilder h2{
  /*
  background-color: #D8E8C4;
  border-bottom: 1px solid #5F6062;
  */
  
}
#hierarchybuilder .phase button{
/*
  text-align: -9999px;
  float: right;
  background-color:#5f6062;
  color:#000;
  font-size:1em;
  border:none;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  width: 16px;
  height: 16px;
  padding:0em;
  margin:0em;
  background:url(./ikoner/menu.png) left center no-repeat;
  */
}
#hierarchybuilder .phase{
  
  background-image: none;  
  
  width: 180px;
  /*
  margin-right: 2%;
  */
  background-color: transparent;
  /*
  border-right: 1px solid transparent;
  */
}
#hierarchybuilder .subphases{    
  width: 360px;
  margin-right: 5px;
  padding: 0.25em;
    
  border: 1px dotted #CCC;
}
#hierarchybuilder .lastphase{
  
  margin-right: 5px !important;

}

#hierarchybuilder .subphases .phasecontainer{
  margin-right: 2%;
}
#hierarchybuilder .subphases .phasecontainer, #hierarchybuilder .subphases .subphasescontainer{
  width: 48.8%;
  float: left;
}
#hierarchybuilder .firstphase{
  
  
  /*
  padding-left: 5px;
  border-left: 1px solid transparent;
  */
}
#hierarchybuilder .firstphase:hover{
  /*
  border-left: 1px solid red;
  */
}
#hierarchybuilder .steps {
  /*
  margin-top: 5px;

  border-top: 1px solid transparent;
*/  
  padding-top: 0px;
  background-color: transparent;
  padding-bottom: 0px;
}
#hierarchybuilder .steps ol{
  background-color: #FFF;
  overflow: hidden;
  padding: 5px;
}
#hierarchybuilder .steps:hover {
  /*
  border-top: 1px solid red;
  */
}
#hierarchybuilder .steps li{
 
  overflow: hidden;
  /*
  padding-bottom: 5px;
  margin-bottom: 5px;
  */
  /*
  border-bottom: 1px solid transparent;
  */
}

#hierarchybuilder .steps li:hover{
  /*
  border-bottom: 1px solid red;
  */
}
#hierarchybuilder .steps li a{
  padding: 0em;
  
  display: block;
  
  
}
#hierarchybuilder .subphase .steps{
  margin-top: 0px;
  padding-top: 0px;
  border-top: none;  
}
#hierarchybuilder .subphase .steps:hover{
  border-top: none;
}

#hierarchybuilder .phase:hover{
  /*
  border-right: 1px solid red;
  */
}
#hierarchybuilder .phase h2,#hierarchybuilder .phase h3 {
  /*
  overflow: hidden;
  padding: 5px;
  */
  
    overflow: hidden;
  background-color:#e3e3e3;
  border: 1px solid #bbb;
  -moz-border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  color: #333;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  padding: 8px 8px 9px;
  
  text-shadow: 0 1px 0 #fff;
  /*
  background: #e3e3e3 url(downarrow-dark.gif) no-repeat scroll 96% center;
  */

}
#hierarchybuilder .phase h3{
   background: #d7e5f5;
   border-top: 1px solid #abbbcc;
   border-left: 1px solid #a7b6c7;
   border-bottom: 1px solid #a1afbf;
   border-right: 1px solid #a7b6c7;
   
}
#hierarchybuilder .phase a{
  /*
  width: 70%;
  */
  padding: 0em;
  
  
}

#hierarchybuilder .subphase{
  /*
  padding-bottom: 5px;
  margin-bottom: 5px;
  
  border-bottom: 1px solid transparent;
  */
}
#hierarchybuilder .subphase:hover{
  /*
  border-bottom: 1px solid red;
  */
}

#hierarchybuilder .firstsubphase{
  /*  
  margin-top: 5px;
  padding-top: 5px;
  
  border-top:1px solid transparent;
  */
}
#hierarchybuilder .firstsubphase:hover{
  /*
  border-top:1px solid red;
  */
}
.js-enabled #ehandel-frontpage .processItem:hover, .ehandel-marker .phase:hover{
    cursor: pointer;
}

#hierarchybuilder .steps li.action{
  padding: 0em;
}

#hierarchybuilder .dragnaddstep{
  opacity: 0.2;
  filter: alpha(opacity=20);  /* IE */
}
#hierarchybuilder .drag-in-progress .dragnaddstep{
  opacity: 1;
  filter: alpha(opacity=100);  /* IE */
}
#hierarchybuilder li.remove{
  display: none;
 
} 
.addsubphase{
  height: 75px;
  border: 1px dotted red;
  margin-bottom: 10px;
  
}
h3 .title, h2 .title{
  width:80%;
  float: left;
}
h3 .release, h2 .release{
  
  float: right;
}
li.drophover{
  background-color: green !important;
  color: #FFF !important;
}
li.remove.drophover{
  background-color: red !important;
  color: #FFF !important;
}

.subphases .action{
  clear:both;
}
.action input, .action select{
  padding: 2px;
  margin-bottom: 5px;
  width: 96%;
  
}
.action select{
  width: 100%;
}
.action .add{
  overflow: hidden;
  background: #e3e3e3;
  border: 1px solid #bbb;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  color: #333;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  padding: 8px 8px 9px;  
  text-shadow: 0 1px 0 #fff;
}
.action .subphase{
   background: #d7e5f5;
   border-top: 1px solid #abbbcc;
   border-left: 1px solid #a7b6c7;
   border-bottom: 1px solid #a1afbf;
   border-right: 1px solid #a7b6c7;

}

.viewport{
  /*
  width: 80%;
  */
  overflow-x: scroll;
  overflow-y: hidden;
  padding-bottom: 1em;
  
  /*
	position:relative;
	overflow:hidden;
	*/
	
	 
}
.items{
  /*
	width:2000em;	 
	position: absolute;
	clear:both;
	*/
	/*
	width: 400px;
	overflow: scroll;
	*/
	width: 1920px;
}
.group{
  /*
  width: 600px;
  float:left;
  */

}


/* ---- Overlay, used to cover UI areas -------
        The positioning and size of overlays should be done in JS or in child styles
*/

.overlay {    
    
    background-color: #FFF;
    opacity: 0.75;  
    position: absolute;
    top: 0;
    z-index: 1000;
    filter: alpha(opacity=75);  /* IE */
}

.message {
    
    background-color: #FFF;
    border: 2px solid #E6E6E6;   
    display: block;
    margin: -1em auto 0 auto;
    padding: 1em;
    position: absolute;
    text-align: center;    
    font-weight: bold;
    top: bottom;
    left: 40%;    
    width: 25em;    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    z-index: 1001;
    background: url(loader.gif) no-repeat center center;
    padding-top: 7em;
}