@import url(reset.css);
@import url(fonts.css);
@import url(dinside.css);
@import url(kuben.css);
/* @import url(nettavis.css); */
/* @import url(rounded.css);  */
/********* General **********/
body{
 color: #333333;
 font-size: 69%;
 line-height: 1.6em;
 text-align: left;
}
h1,h2,.heading1,.heading2{
 font-family: Arial, Helvetica, sans-serif;
}
h1 a, h2 a, h3 a{
 text-decoration:none;
 color: #003399;
}
h1,.heading1{
 font-size: 1.6em;
}
h2,.heading2{
 font-size: 1.3em;
}
h3,.heading3{
 font-weight: bold;
}
p{
 margin: 0.4em 0 0.6em 0;
}
a img{
 border:none;
 cursor: pointer;
}
strong { font-weight: bold; }
ul
{
	list-style-type: disc;
	/*list-style-position: inside;*/
}
ol,dl { 
  margin:1em; 
} 
ol{ 
  margin-left:2em; 
} 
ol li { 
 list-style: decimal outside;     
} 
a{
	color: #003399;
	text-decoration: underline;
}
form{
 display:inline;
 margin:0;
 padding:0;
}
em{
 font-style: normal;
 font-weight: bold;
}
th{
 font-weight: bold;
 text-align: left;
}
iframe{
 height:300px;
 width:100%;
}
fieldset{
 margin-bottom: 1em;
 border:1px solid #CCCCCC;
 padding:0.7em;
}
/********* Common styles **********/
.ingress
{
	font-style: italic;
	font-size: 110%;
	color: #888888;
}
.warning,.error{
 color:#FF0000;
}
.message, #message, #jquery_validation{
 background-color: #FFF6CD;
 border-color:#E6DCB7 #888064 #888064 #E6DCB7;
 border-style:solid;
 border-width:1px;
 padding: 5px;
 margin: 5px 0;
}
.number { 
text-align: right 
}
.readmore{
 display:block;
 text-align:right;
}
ul.error{
 list-style-type: none;
 padding: 1em;
 border: 1px solid #FF0000;
 margin: 1em 0;
}
.invalid_formelement{
 border: 1px solid #FF0000;
}
#jquery_validation{
 display: none;
}
#jquery_validation .invalid_formelement{
 border: none;
}
label.error{
 margin-left: 5px;
}
.date{
 white-space: nowrap;
}
.back{
 float:right;
}
/********* Special styles **********/
.hidden{
 display:none;
}
.contact_us, .contact_us tr, .contact_us td, .contact_us th
{
  border-top: 1px solid #DDDDDD;
  padding: 5px;
}
.extrainfo img{
 margin-bottom: 10px;
 display:block;
}
a.servicelink{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.4em;
 display:block;
 padding: 14px 0px 28px 75px;
 background-image: url(/internett1/img/serviceicon.gif);
 background-repeat: no-repeat;
 color:#00478F;
 font-weight: bold;
 line-height: 1.1em;
}
.request{
  display: block;
  padding: 5px 0px 5px 65px;
  background-image: url(/internett1/img/serviceicon.gif);
  background-repeat: no-repeat;
  border: 1px solid #B69E73;
  width: 30em;
}
h2.profile{
  /*background-color: #FFFFFF;
  position: relative;
  top: 0.5em;
  left: 0.5em;
  display:inline;*/
}
#yui-main img {
  /*margin:0em 0em 2em 1em;*/
}
body.eservice{
 margin-bottom:301px;
 padding:10px;
}
.eserviceintro{
 display:inline;
}
.infobox{
 background-color:#DEE8F0;
 border: 1px solid #0F174F;
 margin:4px;
 padding:4px;
}
.nyhet{
 background-color:#996633;
 padding:1px 2px;
 color:#FFFFFF;
 font-size:11px;
 font-weight:bold;
 vertical-align:baseline;
}
/********* Form table design **********/
.forminput td{
  padding: 3px 5px 3px 5px;
}
.forminput th{
  width: 15em;
}
/********* Standard table design **********/
.standard_table{
 border:1px solid #CCCCCC;
 width:97%;
 clear:both;
}
.standard_table td{
 padding: 2px 5px 2px 5px;
 border-right:1px solid #CCCCCC;
 vertical-align:middle;
}
.standard_table th{
 background-color:#D9D9D9;
 padding: 5px;
 border-right:1px solid #CCCCCC;
 border-bottom:1px solid #CCCCCC;
}
.standard_table .colgroups th{
 background-color:#FFFFFF;
 text-align:center;
 border-right:1px solid #CCCCCC;
}
.standard_table td.group{
 border-right:none;
}
.row1 td{
 background-color:#EEEEEE; 
}
.standard_table .total td{
 border-top:1px solid #CCCCCC;
 font-weight: bold;
}
/********* Top of page **********/
#hd{
 margin-bottom: 52px;
}
#banner {
 background-color:#D9D9D9;
 height:35px;
 margin-left:180px;
 margin-top:0px;
 padding-right:3em;
 text-align:right;
}
#topmenu{
 position:absolute;
 top:73px;
 right:20px;
}
#topmenu a{
 display:block;
 float:left;
 color:#FFFFFF;
 font-weight:bold;
 padding:2px 20px;
 text-decoration:none;
 background-color:#777777;
 margin-right: 0.2em;
}
#topmenu a.activetopmenu{
 background-color: #003399;
}
#dpd img{
  float: left;
  padding: 0;
}
#searchbox{
 border: 1px solid #DEE8F0;
 padding:10px;
 margin-top:5px;
}
#bannermenu{
 /*margin-left: 13.8456em;*/
 margin-left: 180px;
}
#logo{
 /*width:13.8456em;*/
}
/* Breadcrumbs */
ul.breadcrumbs{
 position:absolute;
 left:207px;
 top:115px;
}
ul.breadcrumbs li{
 display: inline;
 background-image: url(/internett1/img/arrow_icon.gif);
 background-repeat: no-repeat;
 padding-left: 16px;
 font-size: 1em;
}
.breadcrumbs, .breadcrumbs a{
 color:#b69e73;
}
#user{
 position: absolute;
 top: 115px;
 right: 1em;
}
/********* Front page **********/
.firstarticle{
 padding-bottom:1em;
 margin: 0px;
}
.frontarticle{
 width: 15.5em;
 float:left;
 height: 16em;
 margin-right: 1.5em;
}
.frontarticles_minside{
 max-width: 760px;
}
.frontarticles_minside .firstrow .frontarticle{
 height: 140px;
}
.frontarticles_forside{
 max-width: 570px;
}
.frontarticle p{
 margin-bottom: 1.5em;
}
.frontarticle form p{
 margin-bottom: 0.7em;
}
.frontarticle a{
 display:block;
}
.frontarticle h2 a{
 margin-top: 0em;
 color: #963;
 font-weight:bold;
 width: 165px;
 display:block;
 padding-top: 30px;
}
.frontarticle h2{
 background-position: 100% 100%;
 background-repeat: no-repeat;
 border-bottom: 1px solid #E1E1E1;
}
#trackandtrace,#loginbox{
 padding: 10px; 
}
#news h1,#press h1{
 padding: 5px 0 0 10px;
}
.press a{
 text-decoration: none;
}
.news{
 background-color: #FFFFFF;
 padding: 10px;
 min-height: 15em;
}
.frontbox{
 background-color: #D9D9D9;
 margin-bottom: 10px;
}
.frontbox .input_field{
 width:105px;
}
#yui-main .yui-ge .news *, #yui-main .yui-gc .news *{
 line-height: 1.4em;
 font-weight:normal;
}
#loginbutton{
 margin: 5px 0;
}
#Username,#Password{
 width: 150px;
}
#pknr, #ref{
width: 110px;
}
.news a, .press a,{
 text-decoration:underline;
 font-size: 1.1em;
}
.press {
 background-color: #FFFFFF;
 padding: 10px;
 min-height: 15em; 
}
#press {
 border:none; 
}
div.press h2, div.press h2 a {
 font-weight: normal;
}
div.frontbox h1 {
 font-size:1.1em;
 font-weight:bold;
 margin-bottom: 0;
 padding-bottom: 0.6em;
}
div.boxcontent{
 padding:10px;
}
div.frontbox p {
 margin: 0;
 padding: 0.4em 0 0.6em 0;
}
/********* Main menu **********/
#mainmenu ul{
 padding: 0;
 margin: 0;
 background-color: #039;
 color: #FFFFFF;
 float: left;
 width:100%;
 /* font-size: 100%; */
 /*font-weight: bold; */
 letter-spacing: 0.1em;
}
#mainmenu ul li { 
 display: inline; 
}
#mainmenu ul li a
{
 padding: 0.3em 1em;
 background-color: #003399;
 color: #FFF;
 text-decoration: none;
 float: left;
}
#mainmenu ul li a:hover
{
 background-color: #3366CC;
 color: #fff;
}
#mainmenu a.first
{
 margin-left: 10px;
}
#mainmenu a.selected
{
 background-color: #3366CC;
}
#mainmenu ul li a.lastelement
{
 float: right;
}
/********* Left menu **********/
.leftsubmenu ul {
 list-style-type:none;
}
.leftsubmenu ul a,.leftsubmenu ul .selected{
 background-color:#D9D9D9;
 border-bottom:1px solid #FFFFFF;
 color:#333333;
 display:block;
 padding:3px 0 3px 5px;
 text-decoration: none;
 height:1%;
}
.leftsubmenu ul ul .selected{
 border-bottom:1px solid #FFFFFF;
 font-weight:bold;
 display:block;
 padding:3px 3px 3px 10px;
 text-decoration:none;
 background-color:#FFFFFF;
}
.leftsubmenu ul ul .selected ul{
 font-weight:normal;
}
.leftsubmenu ul a:hover{
 background-color:#C9C9C9;
}
.leftsubmenu ul ul a:hover{
 background-color: #FFFFFF;
 text-decoration: underline;
}
.leftsubmenu ul ul a{
 background-color:#FFFFFF;
 padding-left: 10px;
}
ul ul .selected{
 color:#b69e73;
}
.selected ul{
 color:#333333;
}
.leftsubmenu ul ul{
 margin-left: -5px;
 /*width:104%;*/
}
.leftsubmenu ul ul ul{
  margin-left: 10px;
}
/********* Tool menu **********/
#toolmenu{
 position: absolute;
 top: 15px;
 right: 10px;
}
#toolmenu a{
 margin-right: 1em;
}
#searchfield{
 width:14em;
}
/********* Footer **********/
#ft{
 background-color:#D9D9D9;
 text-align: center;
 color:#888888; 
 padding: 5px 17px;
 margin: 10px 0px ;
 font-size: 0.9em;
}
#ft a{
 color:#888888; 
}
#publisher{
 float: right;
}
#empatix
{
	text-align: center;
	font-size: 0.85em;
}
#empatix a { color: #888888; }
#sitemap{
 float: left;
}
#print{
 float:right; 
 margin:10px;
 width:50px;
}
#print img{
position: relative;
top: 5px;
}
/********* Override yui classes **********/
.first {
 margin: 0px;
}
.yui-ge,.yui-gc{
 margin-left: 1%;
 
}
#yui-main .yui-ge *,#yui-main .yui-gc *{
 line-height: 1.4em;
}
.yui-t2 .yui-b{
 width:180px;
}
.yui-t2 #yui-main .yui-b{
 margin-left:190px;
}
.yui-gc ol, .yui-gc ul,.yui-g ol, .yui-g ul {
 list-style-type: square;
 padding-left: 2em;
}
.yui-gc ol ol, .yui-gc ul ul, .yui-g ol ol, .yui-g ul ul{
 list-style-type: circle;
}
.yui-gc ol ol ol, .yui-gc ul ul ul,.yui-g ol ol ol, .yui-g ul ul u{
 list-style-type: disc;
}
.yui-gc ul li{
  margin: 0.5em 0;
}
/********* Firstpageannonse **********/
#bedriftannonse
{
	position: relative;
	width: auto;
	height: 70px;
	margin: 0px 10px 0px 0px;
	padding: 2px;
	overflow:hidden;
}
#privatannonse
{
	position: relative;
	width: auto;
	height: 123px;
	margin: 0px 10px 0px 0px;
	padding: 2px;
}
#privatannonse .annonseimg, #bedriftannonse .annonseimg {
	position: absolute;
	border: none;
	top: 0px;
	/*left: -15px;*/
}
#annonsetekst{
	position: relative;
	padding: 19px;
	height: 40px;
	margin: 22px 10px 10px 215px;
	border: 1px solid #FFF;
	text-align: center;
	color: #FFFFFF;
	font-style: normal;
	font-size: 1.3em;
	text-decoration: none;
	}	
#annonsetekst a {
	color: #FFFFFF;
	text-decoration: none;
}
/********* Forum styles **********/
#forumlist{
  margin-top: 1em;
  background-color: #F0F1F1;
  padding: 0.1em 0.3em 0.3em 0.3em;
  /* border: 1px solid #D9D9D9;*/
}
#forumlist ul{
  margin:0;
  padding:0;
}
#forumlist ul ul{
  margin-left:1.5em;
}
#forumlist li{
	list-style-type: none;
  background-color: #FFFFFF;
  padding: 0.2em;
  border: 1px solid #D9D9D9;
  margin-top: 0.2em;
}
#forumlist .header{
  position:relative; 
  background-color: #D9D9D9;
  font-weight:bold;
  padding: 0.2em;
 }
#forumlist .message{
  padding: 0.2em;
}
.messageinfo{
  position:absolute;
  right:0;
  background-color: #D9D9D9;
  padding-left: 1em;
  font-weight:normal;
}
#forumlist a{
  display:block;
  float:right;
  /*border: 1px solid #999999;*/
  background-color: #777777;
  padding: 0.2em;
  color: #ffffff;
  text-decoration:none;
  margin-right: .2em;
}
.messagebuttons{
  height: 2em;
}
#empatix_forum_newmessage{
  margin: 2em 0;
}
#empatix_forum_newmessage input, #empatix_forum_newmessage textarea{
  width: 410px;
}
#empatix_forum_newmessage td{
  padding-right: 0.5em;
}
#empatix_forum_newmessage label{
  font-weight:bold;
}
#empatix_forum_newmessage #action_forum_messagesave{
  width: auto;
  float: right;
}
/* E-service form design reset classes*/
.serviceform ol li{
 list-style-type: none;
}
.serviceform ol{
 margin: 0;
}
/* Fieldset groups */
.serviceform #fieldset_group,.serviceform #new_request,.serviceform #head, .serviceform #contact, .serviceform #detail, .serviceform #comments, .serviceform #newcomment, .serviceform #reopen{
 width: 95%;  
 background-color:#F1F1F1;
 border: 1px solid #DDDDDD;  
 padding:1em 1em 0em 1em;
}
h2.fieldset_group_header{
 padding: 0.3em 0.3em 0.3em 0.3em;
 margin: -1em -1em 1em -1em;
 font-size: 1em;
 font-weight: bold;
 background-color:#D9D9D9;
}
h2.fieldset_group_header a{
 color: #333333;
 text-decoration:none;
 display:block;
line-height:1.5em;
}
/*********  E-service form design **********/
.serviceform form{
 display:block;
}
.serviceform fieldset {  
 float: left;  
 clear: both;  
 width: 100%;  
 margin: 0 0 1em 0;  
 padding: 0;  
 border:0;
 background-color:#F1F1F1;
}
.serviceform legend {  
 color: #000000;  
 font-weight: bold;
 padding: 1em 0 0 1em; 
}
.serviceform fieldset ol {  
 padding: 1em 1em 0 1em;  
 list-style: none;
}
.serviceform fieldset li {  
 float: left; 
 clear: left;  
 width: 100%;  
 padding-bottom: 0.7em;
}
.serviceform label {  
 float: left;  
 width: 11em;  
 margin-right: 1em;
}
.serviceform fieldset.submit {  
 float: none;  
 width: auto;  
 border-style: none;  
 padding-left: 12em;  
 background-color: transparent; 
}
.serviceform fieldset p{  
 margin: 1em;  
 clear:both;
}
.serviceform fieldset.submit {  
 padding-left: 1em;  
}
/* Fieldsets with checkboxes differ */
.serviceform fieldset.checkbox_fieldset label{
 float:none;
}
/* Expand and collapse fieldsets */
.serviceform #fieldset_group.collapsed,.serviceform #new_request.collapsed{
 width: 95%;
 padding-bottom:0;
}
.collapsed fieldset{
 display:none;
}
#collapse_expand{
 width: 15px;
 height: 15px;
 background-image: url(/internett1/img/expand_collapse.gif);
 background-position: 0 0;
 float:left;
 margin: 0 3px;
}
.expanded #collapse_expand{
 background-position: 0 0;
}
.collapsed #collapse_expand{
 background-position: 0 15px;
}
.collapsed h2.fieldset_group_header{
 margin-bottom: 0;
}
#fieldset_group.collapsed h2.fieldset_group_header{
 /*text-transform: lowercase;*/
}
.serviceform fieldset.fieldset_group{
 padding:0;
}
.expanded .show_search{
 display:none;
}
.collapsed h2.fieldset_group_header .show_search{
 text-transform: none;
}
.serviceform .standard_table{
 margin: 0.5em 0 0.5em 0em;
 background-color: #FFFFFF;
}
/* Specific form design - kvalitetsstatistikk, prisberegning, new request and search request*/
.serviceform fieldset fieldset{
 width: 37em;  
 clear: none;  
 margin-right: 1em;
}
.serviceform{
 width: 100%;  
 float: left; 
 clear: both;  
}
.serviceform fieldset.submit{
 clear:both;
}
/* Specific form design - kvalitetsstatistikk */
#kvalitetstatistikk fieldset  fieldset.checkbox_fieldset{
 width: 27em;  
}
#kvalitetstatistikk .checkbox_fieldset label,#prisberegning .checkbox_fieldset label {  
 width: 8em;  
}
/* Specific form design - prisberegning */
#prisberegning fieldset .table_fieldset{
 width: 97%; 
}
#prisberegning fieldset fieldset{  
 width: 28em;  
}
#prisberegning fieldset  fieldset.checkbox_fieldset{
 width: 17em;
}
#prisberegning .standard_table{
 width:63em;
}
/* Specific form design - request */
#search_request fieldset fieldset, #new_request fieldset fieldset{  
 width: 30em;  
}
#edit_request fieldset fieldset{  
 width: 90%;  
}
#new_request fieldset fieldset select{  
 width: 13em;  
}
#new_request fieldset ol a{
 display:block;
}
#new_request .standard_table tr{
 border-bottom: 1px solid #CCCCCC;
}
.request_heading{
 font-weight: bold;
 background-color: #EEEEEE;
}
.request_comment{
 border-bottom: 1px solid #CCCCCC;
}
#request_view .standard_table td{
 padding: 6px 5px;
}
.serviceform #contact .standard_table th, .serviceform #head .standard_table th, .serviceform #detail .standard_table th{
 width: 15em;
}
/********* Form design - totaloversikt *************/
.totaloversikt .standard_table td{
 border: 1px solid #CCCCCC;
}
/* Specific form design - motestruktur */
.totaloversikt #edit .main{
 width: 400px; 
}
.totaloversikt #edit .clickable_container a{
 width: 388px;
}
/* Specific form design - mine kunder*/
.totaloversikt #my_customers .main{
 width: 700px; 
 border: 1px solid #CCCCCC;
}
.totaloversikt #my_customers .searchform td{
 border: none;
}
.totaloversikt #my_customers .clickable_container a{
 width: 688px;
}
/* Specific form design - arbeidsdokument*/
.totaloversikt #new_document .standard_table td{
 border: none;
}
.totaloversikt #new_document .standard_table{
 width: 400px;
 margin-bottom: 10px;
}
/********* Styles from intranet **********/
table.twocolumn td {
width:50%;
}
.clickable_container a{
 display: block;
 color: #333333;
 background-color: #D9D9D9;
 margin-top: 15px;
 padding: 5px;
 text-decoration: none;
 border-top: 1px solid #CCCCCC;
 border-left: 1px solid #CCCCCC;
 border-right: 1px solid #CCCCCC;
}
/********* Below is deprecated styles **********/
/* E-service styles and inherited styles */

a.content img{
 margin-right:3px;
}
td.contentheading{
 font-weight:bold;
 color: #333333;
 text-transform: uppercase;
 border-bottom: 1px solid #333333;
 width:100%;
}
td.contentsubheading{
 font-weight:bold;
}
div.rounded{
 background-color: #D9D9D9;
 padding: 1px;
 border-bottom: 10px solid #FFFFFF;
}
div.rounded h1 { 
  font-weight:bold;
  font-size: 1.1em;
  margin-bottom: 0.6em;
}
div.rounded h2 {
  font-size: 1em;
  font-weight:bold;
}
.chapterlinks div.rounded {
 background-color:#FFFFFF;
}
.chapterlinks div.rounded {
 border: 1px solid #BE9F56;
 padding: 10px;
}
.chapterlinks a{
 display:block;
 margin-bottom: 5px;
}
.content tr td, .content tr th
{
 text-align: left;
 vertical-align: top;
 padding-bottom: 0;
 padding-right: 10px;
}

.content tr .number { 
 text-align: right 
}
