html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {background:transparent; border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;outline:0;vertical-align:baseline;}
table {border-collapse:collapse;border-spacing:0;}
td {padding:10px;}

/* Main Layout */
html {height:100%;margin-bottom:1px;}
body { /* font-family:Helvetica, Arial, sans-serif;color:#555555;font-size:10px;line-height:1.1em; */ font: 57.5%/1.1 Helvetica, Arial, sans-serif;color:#444;}
h1,h2,h3,h4,h5,h6,.componentheading {font-weight:bold;margin: 0em 0 0em; color:#555555; /*1.1em 0 1em;*/ line-height:1.3em; }
.componentheading {font-size:100%; /* font-weight:normal;padding:4px;background-color:#e6ffcc; */}
h1 {font-size:110%; font-weight:bold;  background-color:darkgray; color: white; padding:3px; line-height:1.1em;}
h2 {font-size:160%;  margin-bottom:0.2em; color:#808080; border-bottom:1px solid; /* color:darkorange;*/ border-color:#bbbbbb;padding:2px; }
h3 {font-size:100%;  background-color: #ddddff;  /* color:white;*/ /*red; #6BAC2A; #4682B4; #6BAC2A;*/   padding:4px;margin-top:1.4em; margin-bottom:0.5em; margin-right:0.5em; }
h4 {font-size:120%;  margin: 0em 0 0em; /*color:orangered; margin-bottom:0.2em;  margin-top:1em;  background-color:#e5e5e5; color:darkorange; padding:4px; */}
h6 {font-size:180%;   color: #666666;   /* #4682B4;  #6BAC2A; */ margin: 0em 0 0em; /* margin-bottom:0.3em; border-color:#bbbbbb; border-bottom:1px solid;*/}
h5 {font-size:100%;   font-weight:normal;   margin-top:10px; padding:5px; padding-top:5px; background-color:#ddddff;}
a {color: #34647F; text-decoration:none; }
a:hover {text-decoration:underline;}
ul{margin-left:1em; }
ol{margin-left:1em; margin-bottom:2em; list-style-type: none;   /* background-color:#f2f2f2; padding-left:5px; */ list-style-image:url(../images/arrow.png); }
ol li{margin-left:0.5em;   padding-top:8px;  }

li {margin-left: 0.5em; padding-top: 3px; }
p { margin-top:5px;margin-bottom:5px;  }
#main {font-size:1.3em;line-height:140%;}
.background {position:absolute;width:100%; background-color:#bbbbbb; height: 100%;/* height:230px;  background:url(../images/light4.png) 0 -384px repeat-x; */}
#main .foreground, #message, #showcase, .leading, #page {position:relative;  }
#page {/*background-color:#f7f7f7;*/}
#message, #showcase {z-index:0;} 
#main-content {border-bottom:1px solid #ddd;  }
.dp20,.dp25,.dp33,.dp50,.dp100 {float:left;margin-top:15px;/* TG */ padding:10px;}
.dp20 {width:20%;}
.dp25 {width:35%;padding:10px; background-color:blue; color:white;}
.dp33 {width:55%;margin-left:5%;padding:10px;background-color:#ccff99; }
.dp50 {width:50%;}
.dp100 {width:100%;margin-top:0;}
.clr {clear:both;font-size:0;}
#colmask {clear:both;overflow:hidden;position:relative;width:100%;}
#maincol, #wrapper {position:relative; }
.s-c-s #colmid, .s-c-x #colright {float:left;position:relative;width:200%;}
.s-c-s #colright {float:left;left:50%;position:relative;width:100%;}
.s-c-s #col1wrap {float:right;position:relative;right:100%;width:50%;}
.s-c-s #col1pad, .x-c-s #col1, .x-c-s #colmid {overflow:hidden;}
.s-c-s #col1 {overflow:hidden;width:100%;}
.s-c-s #col2 {float:left;position:relative;overflow:hidden;margin-left:-50%;}
.s-c-s #col3 {float:left;position:relative;overflow:hidden;left:0;}
.s-c-x #col1wrap {float:right;position:relative;width:50%;}
.s-c-x #col1 {overflow:hidden;position:relative;right:100%;}
.s-c-x #col2 {float:left;position:relative;}
.x-c-s #colright {float:left;position:relative;right:100%;width:200%;}
.x-c-s #col1wrap {float:left;left:50%;position:relative;width:50%;}
.x-c-s #col3 {float:right;position:relative;}
.s-c-s .ctr-color1, .s-c-s .ckl-color1, .s-c-x .ckl-color1, .x-c-s .cdr-color1 {background: #f7f7f7; border-left:1px solid #e2e2e2;/ *border-right:1px solid #cccccc;*/}
.s-c-s .ctr-color2, .s-c-s .ckl-color2, .s-c-x .ckl-color2, .x-c-s .cdr-color2 {background: #ffffff; }
.s-c-s #col1pad, .s-c-x #colright, .x-c-s #colright, #wrapper, body {background:#fff;}
.cols1 {display:block;float:none;margin:0;width:100%;}
.cols2 {width:49%;overflow:hidden;}
.cols3 {width:30%;}
.column1, .column2 {position:relative;float:left;margin:0;}
.colpad {padding:0 10px; position:relative;}
.column2 {float:right;width:49%;}
.article_row {overflow:hidden;margin: 0 -10px 15px -10px;}

/* Header */
#logo {width:288px;height:48px;background:url(../images/sysl-logo.png)/* light4.png) 0 -272px */ no-repeat;display:block;margin:20px 15px;}
#header {overflow:hidden; /* background-color:#eeeeff; */ }
#header li {list-style:none;float:left;padding-left:15px;font-weight:bold;}
#nav {height: 1px; background:gray;/*#7F8C51;*//* 34px; background:#888; */ z-index:1;position:relative;}
#nav ul {margin:0 0 0 15px;}
#nav li {list-style:none;float:left;padding-left:3px;height:34px;position:relative;}
#nav li a {display:block;padding:0 10px;line-height:30px;color:#fff;font-weight:bold;}
#nav li.active a {background:#fff;color:#34647F;}
#nav li a:hover, #nav li:hover a, #nav li.sfHover a {background:#34647F;color:#fff;text-decoration:none;}
#nav li ul {position:absolute;width:170px;left:-999em;margin-left:-1px;border:1px solid #295770;border-top:0;}
#nav li ul ul {margin:-31px 0 0 170px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul, #nav li.sfHover ul ul ul ul {left:-999em;}
#nav li li {padding:0;height:auto;background:#fff;width:170px;}
#nav li li a, #nav li li.active a, #nav li li a:hover {margin:0;height:30px;line-height:30px;background:#fff;border-top:1px solid #295770;color:#34647F;}
#nav li li a, #nav li.active li a {font-weight:normal;}
#nav li:hover ul, #nav li.sfHover ul {left:4px;}
#nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul, #nav li li li li.sfHover ul {left:0;}

/* Showcase */
#showcase {margin:3px 0 8px 0;position:relative;color:#000;}
#showcase .background {position:absolute;width:100%;height:130px; background:url(../images/light4.png) 0 -514px repeat-x;} 
#showcase .foreground {border:1px solid #dfeaee;overflow:hidden;padding-bottom:25px;}
#showcase h1 {font-weight:normal;font-size:3.0em;line-height:105%;margin:25px 55px 10px 25px;}
#showcase h3 {font-weight:normal;font-size:1.4em;font-weight:normal;margin:0 55px 20px 25px;}
#showcase b {font-weight:normal;color:#7F8C51;}
#showcase .pad {padding:0 50px 25px 25px;}
#showcase .num {float:left;background:#7F8C51;text-align:center;line-height:90%;color:#fff;font-size:2em;padding:3px 8px;}
#showcase .pad h2 {font-size:1.4em;font-weight:bold;margin:0 0 5px 40px;}
#showcase .pad p {margin-left:40px;} 

/* Content styles */
p.buttonheading {position:absolute;top:2px;right:10px;margin:0;}
.buttonheading .icon {display:block;width:16px;height:16px;float:left;margin-left:5px;}
.buttonheading .pdf {background:url(../images/light4.png) -57px -366px;}
.buttonheading .print {background:url(../images/light4.png) -21px -366px;}
.buttonheading .email {background:url(../images/light4.png) -39px -366px;}
.iteminfo {font-size:90%;overflow:hidden;border-bottom:1px solid #dedede;margin-bottom:20px;display:block;margin-top:-10px;width:100%;}
.modifydate, .createdby, .createdate {display:block;}
.createdby {font-weight:bold;}
a.readon, a.readon2 {display:block;margin-top:15px;font-style:italic;}
a.readon2 {background:url(../images/light4.png) 100% -344px;display:block;float:right;color:#fff;font-weight:bold;line-height:20px;}
a.readon2 span {background:url(../images/light4.png) 0 -344px;display:block;margin-right:10px;height:21px;float:left;padding:0 5px 0 15px;}
.breadcrumbs-pad {padding:0 1px;}
div.breadcrumbs {/* TG 10.12  background:url(../images/light4.png) 0 -68px repeat-x;  border-bottom:1px solid #e6e6e6; TG 8.12 font-size:110%;font-weight:bold; */ margin:0;padding:7px 15px 5px;color:#777;border-top:1px solid #d9d9d9;}
div.breadcrumbs .sep {padding:0 5px;}
.component-pad {padding: 35px 25px 15px; padding-left: 30px; padding-right:20px;border-left:1px solid #e2e2e2;}
.banneritem_text {margin-bottom:10px;}
#modlgn_username, #modlgn_passwd {border:1px solid #ccc;padding:3px;}
.pagination span, .pagination a {margin-right:5px;}
#colmask ul li {list-style: disc;}
#colmask ul ul {margin-top:0;}
#colmask ul ul li {list-style:square; font-weight: normal;}
.colpad h2.contentheading {padding-right:65px;}
.sectiontableheader {font-weight:bold;line-height:25px; text-align:left;}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {text-align:left;padding:0 4px;vertical-align:middle;border-top:1px solid #ddd;line-height:30px;}
span.attention {display:block; margin:15px 0; padding:8px 10px 8px 10px; background:#FFF3A3; border:1px solid #E7BD72;color:#B79000;}

/* Modules */
.module {padding:0px;}
.module-title {font-size:100%;font-weight:bold;margin:0; margin-top:15px; padding:7px 15px 5px; }
.module-body {padding:10px 10px 10px; padding-left:20px;/* TG 9.12 10px 15px 25px; */}
.color1 .module-title {margin-top:1em; padding:3px;}
.color1 .module-body { padding:0px;}
.color2 .module-title {margin-left:20px; padding:3px; }
.color2 .module-body {background-color:white; border-left:1px solid #f7f7f7;}
#colmask .m_menu {padding-left:0px;}
#colmask .m_menu .module-title {color:white; margin-top:0px; background-color: #aaaaaa; }
#colmask .m_menu .module-body {margin-top:0px; padding-top:3px; padding-bottom:10px; padding-left:0px; margin-left:0.1em; margin-right:0.1em;}
#colmask .m_menu a {color:#444444; /*#34647F;*/}
#colmask .m_menu a:hover {text-decoration:underline;}

#colmask .m_menu ul {/*margin:0 1em;*/ margin-left:0.7em;padding-left:5px;margin-right:0em; /*border-bottom:1px dotted;display:block;*/ }
/* tre linjer nedenfor er satt inn for å unngå bullets på level 1 */
#colmask .menu li {list-style: none; margin-top:5px;  font-weight:bold; margin-left:0px;}
/*#colmask .menu li#current a:link, #colmask .menu li#current a:hover, #colmask .menu li#current a:visited {background-color:yellow;}*/
#colmask .menu ul li {list-style: none; /* square; */ margin-top:1px; font-weight:normal; margin-left:7px;/* border-bottom:1px dotted;*/}
#colmask .menu ul li#current a:link, #colmask .menu ul li#current a:hover, #colmask .menu ul li#current a:visited {/*background-color: #bbbbbb; color:white;*/color: darkblue;}
/*
#colmask .menu ul ul {margin-top:0;}
#colmask .menu ul ul li {list-style: square;  font-weight: normal;}
*/


#mainmods, #mainmods2, #mainmods3 {overflow:hidden;padding-top:15px;}
#mainmods3 {background:#eee;border-top:1px solid #fff;border-bottom:1px solid #ddd;}
.spacer .module {float:left;}
.spacer.w99 .module {width:100%;}
.spacer.w49 .module {width:49.2%;}
.spacer.w33 .module {width:32.8%;}
#header .module {float:right;margin-left:325px;}
#main-content li .active a {font-weight: normal;}

/* Footer */
#footer {background:#f7f7f7;border-top:1px solid #fff;}
.footer-pad {padding:10px 15px;overflow:hidden;}
#logo2 {width:165px;height:20px;background:url(../images/light4.png) 5px -646px no-repeat;display:block;float:right;margin-left:15px;margin-top:15px;}
#footer ul {margin:0;}
#footer li {list-style:none;float:left;padding-right:20px;font-weight:bold;}