body {
    background: #eaeae8 !important;
    color: #333;
    font-family: verdana, arial, sans-serif;
    font-size: 1em;
    margin: 10px !important;
    padding: 0;
    position: relative;
    min-height: 100%;
}
/*=================Login box========================*/
#login-panel {
    position: absolute;
    text-align: left;
    top: 144px;
    right: 0px;
    width: 190px;
    padding: 10px 15px 5px 15px;
    background: #E1C482;
    font-size: 8pt;
    font-weight: bold;
    color: #fff;
    display: none;
    z-index: 10;
}
#login-link { float: right }
#login-panel label { line-height: 1.8 }
#login-panel .error { color: red }
#login-panel .success { color: green }
#facebook-login { text-align: right }
#facebook-login img { cursor: pointer }
.nested-table table {
    border: 0;
    width: auto;
    font-size: 11px;
}
.nested-table td {
    border: 0 !important;
    vertical-align: top;
}
.nested-table td p {
    border: 0 !important;
    vertical-align: top;
    line-height: 150%;
}
.nested-table p {
    margin: 0;
    padding: 0;
}
.bodyHelp { background: white !important }
#news-list-container {
    width: 70%;
    border-top: 1px solid #DFDFDF;
    padding-top: 10px;
}
#news-container {
    width: 80%;
    padding-top: 10px;
}
.news-date { font-style: italic }
.news-ingress {
    font-weight: bold;
    font-size: 100%;
    padding-bottom: 15px;
}
#news-container hr {
    width: 80%;
    color: #DFDFDF;
    border-top: 1px #DFDFDF dashed;
    text-align: left;
    margin: 0 auto 0 0;
}
.news {
    margin-bottom: 15px;
    margin-top: 10px;
}
.news-title { font-weight: bold }
#formSelector optgroup { font-style: normal }
.styled-table-info {
    border-collapse: collapse;
    font-size: 11px;
}
.styled-table-info th {
    font-weight: bold;
    padding: 4px;
    color: #000;
    border-bottom: 1px solid #e5e5e5;
}
.styled-table-info td {
    padding: 8px;
    line-height: 150%;
}
.styled-table-info th a { color: #000 }
.table-count {
    font-weight: bold;
    width: 100%;
}
.hidden,
.hidden th {
    background-color: #ffffff !important;
    width: 16px;
}
.even { background-color: #f4f4f4 }
.styled-table { border-collapse: collapse }
.styled-table th {
    font-size: 0.8em;
    font-weight: bold;
    padding: 4px;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    background-color: #E0E0E0;
}
.styled-table td {
    font-size: 11px;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    padding: 4px;
    line-height: 150%;
}
.celle {
    font-size: 0.8em;
    padding: 4px;
    border: 1px solid #C0C0C0;
}
.celleCurrent {
    font-size: 0.8em;
    padding: 4px;
    border: 1px solid #C0C0C0;
    background: #FBB917;
}
.celleAfterCurrent {
    font-size: 0.8em;
    padding: 4px;
    border: 1px solid #C0C0C0;
    border-top: 3px solid #FBB917;
}
.celletittel {
    font-size: 0.8em;
    font-weight: bold;
    padding: 4px;
    border: 1px solid #C0C0C0;
    background-color: #E0E0E0;
}
img { border: 0 }
a:link,
a:visited {
    color: #3d72b5;
    text-decoration: none;
}
a:hover { text-decoration: underline }
h1 {
    font-size: 18px;
    color: #333333;
    font-weight: normal;
}
h2 {
    font-size: 13px;
    color: #333333;
    font-weight: normal;
}
h3 {
    font-size: 11px;
    font-weight: bold;
}
p {
    margin-bottom: 3px;
    color: #333;
    font-size: 11px;
    margin-top: 4px;
}
div.clearfloat { clear: both }
div#headprint { display: none }
img#udirlogo { margin: 12px 0 5px 15px }
#user {
    padding-right: 60px;
    font-size: 12px;
    text-align: right;
    color: silver;
    padding-top: 13px;
    float: right;
    font-weight: bold;
}
#user a {
    color: silver;
    text-decoration: none;
    font-weight: bold;
}
#user a:hover {
    text-decoration: underline;
    font-weight: bold;
}
div#headbg {
    height: 40px;
    background: #fff;
    margin: 0px 10px 0px 10px;
    vertical-align: center;
}
#headgsi {
    padding-top: 8px;
    padding-left: 10px;
    margin: 0;
    float: left;
    color: #303030;
    font-family: Montserrat,Helvetica Neue,sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
}
#search-container {
    padding-top: 8px;
    padding-right: 10px;
    width: 14em;
    float: right;
    border: medium none;
}
div#topmenu1bg {
    background: #dfdfdf;
    /* margin: top right bottom left */;
    margin: 5px auto 5px auto;
    height: 25px;
}
div#topmenu1bg a { color: #656360 }
ul#topmenu1left,
ul#topmenu1right {
    margin: 0;
    padding: 0;
}
ul#topmenu1left {
    padding-left: 10px;
    float: left;
}
ul#topmenu1right { float: right }
ul#topmenu1left li,
ul#topmenu1right li {
    list-style: none;
    float: left;
    padding: 4px 0 0 5px;
}
ul#topmenu1left li a,
ul#topmenu1right li a { padding-right: 5px }
a#topmenu1active { font-weight: bold }
div#pwrapper {
    border: 2px solid #dfdfdc;
    text-align: left;
    background: white;
    background: url('/wwimage/63528/bunnGrafikk.gif') no-repeat scroll left bottom white;
    margin-left: auto;
    margin-right: auto;
    width: 986px;
    margin-bottom: 25px;
}
div#kolofon {
    font-size: 0.7em;
    margin-bottom: 10px;
    margin-top: 0;
    text-align: center;
    background: #eaeae8;
    margin-left: auto;
    margin-right: auto;
    width: 986px;
}
a.KolofonEmail { color: #0079C2 }
a.KolofonLink {
    background: url("/wwimage/47136/.gif") no-repeat scroll left center transparent;
    color: #0079C2;
    padding-left: 0.8em;
}
a#home {
    background: url('/wwimage/32342/icon_home2.gif') no-repeat;
    padding-left: 15px;
}
div#breadcrumb {
    background: #303030;
    color: #fff;
    height: 46px;
    margin: 5px 10px 15px 10px;
    padding: 0px 7px 0px 7px;
    font-size: 11px;
}
#breadcrumb div,
#breadcrumb span { padding-top: 8px }
#breadcrumb a {
    color: #fff;
    text-decoration: none;
    font-family: Montserrat,Helvetica Neue,sans-serif;
    font-size: 1rem;
    font-weight: 500;
}
#breadcrumb a:hover { text-decoration: underline }
#Sok {
    background-color: #FFFFFF;
    font-size: 0.7em;
    height: 1.4em;
}
#btn-search {
    background-color: #7DBF9D;
    border: medium none;
    color: #FFFFFF;
    font-size: 0.8em;
    font-weight: bold;
    height: 1.4em;
    margin-left: 0.63em;
    vertical-align: middle;
}
.crumbs { float: left }
div#topmenu3 {
    padding-left: 10px;
    border-bottom: 1px solid #CCC;
}
div#innsamling {
    float: left;
    padding-top: 1px;
    padding-left: 10px;
}
div#innsamling select { font-size: 85% }
div#topmenu4 {
    /* margin-left: 15em; */
    float: right;
    padding-top: 1px;
    padding-bottom: 5px;
}
div#topmenu4 a { margin-right: 20px }
a#import,
a#rapport,
a#kontroll,
a#eksport,
a#veiledning,
a.utskrift,
.stat-menu-edit,
.stat-menu-edit-active,
a#stat_confirm_complete,
a#stat_confirm_return { padding-left: 17px }
a#import { background: url('/wwimage/32331/icon_import.gif') no-repeat }
a#rapport { background: url('/wwimage/32333/icon_rapport.gif') no-repeat }
a#kontroll { background: url('/wwimage/32332/icon_kontroll.gif') no-repeat }
a#eksport { background: url('/wwimage/32329/icon_eksport.gif') no-repeat }
a#veiledning { background: url('/wwimage/32336/icon_veiledning.gif') no-repeat }
a.utskrift { background: url('/wwimage/32335/icon_utskrift.gif') no-repeat }
.stat-menu-edit { background: url('/wwimage/32334/icon_rediger.gif') no-repeat }
.stat-menu-edit-active {
    background: url('/wwimage/32334/icon_rediger.gif') no-repeat;
    font-weight: bold;
}
a#stat_confirm_complete { background: url('/wwimage/32790/icon_unit_complete.gif') no-repeat }
a#stat_confirm_complete_disabled {
    background: url('/wwimage/32790/icon_unit_complete.gif') no-repeat;
    color: #CCCCCC;
    padding-left: 17px;
}
a#stat_confirm_return { background: url('/wwimage/32789/icon_unit_return.gif') no-repeat }
a#stat_confirm_return_disabled {
    background: url('/wwimage/32789/icon_unit_return.gif') no-repeat;
    color: #CCCCCC;
    padding-left: 17px;
}
span.unitstate_1 {
    background: url('/wwimage/32782/icon_state_notloggedin.gif') no-repeat;
    width: 10px;
    height: 10px;
    padding-left: 15px;
}
span.unitstate_2 {
    background: url('/wwimage/32783/icon_state_inprogress.gif') no-repeat;
    width: 16px;
    height: 16px;
    padding-left: 15px;
}
span.unitstate_3 {
    background: url('/wwimage/32781/icon_state_complete.gif') no-repeat;
    width: 16px;
    height: 16px;
    padding-left: 15px;
}
.stat-tree-edit { background: url('/wwimage/32788/icon_pencil.gif') no-repeat }
/* Tallene */
div#leftcol {
    float: left;
    width: 14em;
    padding-left: 10px;
}
div#maincol {
    margin-left: 227px;
    padding: 10px;
    /*for IE 7.0*/
    min-height: 400px;
    /*for all..*/
    height: auto !important;
    /*for IE 6.0*/
    height: 400px;
}
/* Nettsider */
div#leftcolpage {
    float: left;
    width: 150px;
    padding-left: 10px;
    padding-right: 10px;
    height: 100%;
}
div#maincolpage {
    margin-left: 170px;
    padding: 10px;
    /*for IE 7.0*/
    min-height: 400px;
    /*for all..*/
    height: auto !important;
    /*for IE 6.0*/
    height: 400px;
    font-size: 0.8em;
}
#maincolpage p { line-height: 150% }
div#subnav p {
    margin: 0;
    font-size: 0.8em;
}
div#subnav a { color: #656360 }
.subnav1,
.subnav1:hover,
.subnav1Active,
.subnav2,
.subnav2:hover,
.subnav2Active {
    background: #f7f7f7;
    display: block;
    font-size: 8pt;
    color: #656360;
}
.subnav1,
.subnav1:hover,
.subnav1Active {
    font-weight: bold;
    padding: 3px 0 6px 10px;
    margin-top: 4px;
    color: #656360;
}
.subnav2,
.subnav2:hover,
.subnav2Active {
    padding-left: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    color: #656360;
}
.subnav2Active {
    text-decoration: underline;
    color: #ffffff !important;
    padding-bottom: 4px;
    padding-top: 4px;
    background-color: #7DBF9D;
}
.stat-tree-label span {
    color: #656360;
    font-weight: none;
}
.stat-tree-label-active span {
    color: black;
    font-weight: bold;
}
/*
.float-left, .float-right {
  background: #CCCCCC;
  font-weight: bold;
  font-color: black;  
}

.float-left {
  font-weight: bold;
  font-color: black;
}

.float-right {
  float:right; 
  width:40%; 
  text-align:right;
}
*/
/* DO NOT ALTER! To keep the tree looking good in IE 6.0  */
#nav { width: 225px }
.ygtvitem { width: 450px }
/* DO NOT ALTER END ------------ */
.stat-input-edit {
    border: 1px solid grey;
    text-align: right;
}
.stat-input-readOnly {
    border: 1px solid white;
    border: none;
    text-align: right;
}
#hide {
    border: none;
    background: transparent url(/wwimage/32920/hide_up.gif) no-repeat top;
    height: 16px;
    width: 16px;
    cursor: pointer;
}
#completeButton button {
    padding-left: 2em;
    background: url(/stat/img/ferdig.png) 10% 50% no-repeat;
}
#returnButton button {
    padding-left: 2em;
    background: url(/stat/img/retur.png) 10% 50% no-repeat;
}
#controlButton button {
    padding-left: 2em;
    margin-bottom: 3px;
    background: url(/stat/img/kontroll.png) 10% 50% no-repeat;
}
#editButton button {
    padding-left: 2em;
    background: url(/stat/img/rediger.png) 10% 50% no-repeat;
}
#saveButton button {
    padding-left: 2em;
    background: url(/stat/img/lagre.png) 10% 50% no-repeat;
}
#importButton button {
    padding-left: 2em;
    background: url(/stat/img/import.png) 10% 50% no-repeat;
}
#reportButton button {
    padding-left: 2em;
    background: url(/stat/img/rapport.png) 10% 50% no-repeat;
}
#printButton button {
    padding-left: 2em;
    background: url(/stat/img/utskrift.png) 10% 50% no-repeat;
}
#guidanceButton button {
    padding-left: 2em;
    background: url(/stat/img/hjelp.png) 10% 50% no-repeat;
}
#printAffordanceButton button {
    padding-left: 2em;
    background: url(/stat/img/skjema.png) 10% 50% no-repeat;
}
.frametitle { padding: 0px 0px 0px 0px }
.test {
    width: 16px;
    height: 16px;
    background: url(/wwimage/32790/icon_unit_complete.png);
}
/*---Control tab---*/
.control-tab {
    width: 192px;
    /*border: 1px solid #000;*/
    padding: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.control-tab .header {
    /*border-bottom: 2px solid #CCC;;
    padding-bottom: 10px;*/
}
.header .hitcount { margin-bottom: 5px }
.hitcount img { align: top }
.header .print {
    /*float: right;;
    padding: 3px 5px 3px 20px;*/
    border: 1px solid #CCC;
    margin: 0 3px;
    /*background: url(img/utskrift.png) 3% 50% no-repeat;*/
}
.header .update {
    /*float: right;;
    padding: 3px 5px 3px 20px;*/
    border: 1px solid #CCC;
    margin: 0 3px;
    /*background: url(img/oppdater.png) 3% 50% no-repeat;*/
}
.control-tab .list {
    width: 100%;
    margin-left: 2px;
    margin-right: 2px;
    /*margin-top: 10px;*/
    border-collapse: collapse;
}
.control-tab .list td { border: 1px solid #CCC }
.control-tab .list td a {
    text-decoration: none;
    color: #000;
    display: block;
    padding: 5px;
}
.control-tab .list td a:hover {
    color: #000;
    background-color: #d0dce4;
}
.detail {
    border: 1px solid #CCC;
    margin-top: 5px;
    padding-top: 5px;
}
.detail .flag {
    float: left;
    height: 26px;
}
.detail .check {
    /*float: right;*/
    padding: 0px 5px 0px 20px;
    /*border: 1px solid #CCC;*/
    margin: 0 3px;
    /*background: url(img/kvitter.png) 3% 50% no-repeat;*/
}
.detail .info {
    float: right;
    padding: 3px 5px 3px 20px;
    border: 1px solid #CCC;
    margin: 0 3px;
    background: url(img/info.png) 3% 50% no-repeat;
}
.detail .goto {
    float: right;
    padding: 3px 5px 3px 20px;
    border: 1px solid #CCC;
    margin-left: 3px;
    background: url(img/gaatil.png) 3% 50% no-repeat;
}
.detail .comment {
    background-color: #EFEFEF;
    padding: 3px;
    border: 1px solid #CCC;
}
.detail .header {
    font-weight: bold;
    /*border-bottom: 1px solid #CCC;*/
    /*padding-bottom: 2px;*/
    margin-bottom: 3px;
}
.detail .comment-content {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.commentContentDiv {
    height: 50px;
    background-color: white;
    padding: 2px;
}
.controlflag_warning { background: url(/wwimage/33984/control_warning.gif) no-repeat }
.controlflag_warning td {
    width: 20px;
    text-align: center;
}
.controlflag_error {
    background: url(/wwimage/33982/control_error.gif) no-repeat;
    width: 20px;
    text-align: center;
}
.controlflag_error td {
    width: 20px;
    text-align: center;
}
.controlflag_checked { background: url(/wwimage/33980/control_checked.gif) no-repeat }
.controlflag_checked td {
    width: 20px;
    text-align: center;
}
.control-title a { display: block }
.control-title a:hover,
.control-title-selected { background-color: #d0dce4 }
.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
/* CSS Document */
.control-list {
    position: absolute;
    bottom: 220px;
    top: 30px;
    width: 95%;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #cccccc;
}
.control-details {
    position: absolute;
    height: 210px;
    bottom: 5px;
    width: 95%;
    overflow: hidden;
    border: 1px solid #cccccc;
}
/** CSS for unitsearch tab **/
.search-form { margin-top: 5px }
.search-result { /*font-size: 0.6em;_NO__DOTCOMMA__AFTER__*/ }
.search-result div { padding-bottom: 10px }
.search-hit-count {
    font-weight: bold;
    margin-top: 5px;
}
.repeatingid { color: black }
.pwd-error {
    color: red;
    font-weight: bold;
}
.tableHeader {
    font-weight: bold;
    color: #333333;
    border-bottom: 1px solid #e5e5e5;
}
.variabel-container {
    padding-bottom: 50px;
    page-break-before: always;
}
.h1sim {
    color: #333333;
    font-size: 18px;
    font-weight: normal;
}