﻿/*
'' ----------------------------------------------------------------------
'' Copyright (C) Revolux S.àR.L and DST & SKAT & STATEC - 2009. All Rights Reserved.
'' ----------------------------------------------------------------------
''
'' CSS for online help
''
'' Cleaned and minimised CSS extracted from the various VIRK style-sheets
'' (mostly taken from basic)
''
'' ----------------------------------------------------------------------
'' CHANGE HISTORY
''
'' ----------------------------------------------------------------------
*/

* {
font-family:Verdana;
font-size:16px; /* font-size:0.95em; */
line-height:22px;
margin-top:0;
}

/* Styling of headers */
h1 {
font-weight:bold;
font-size:24px;
line-height:30px; /* line-height:1.5em; */
margin:0 0 10px 0;
color: white;
background-color: #1f4d89;
}

h2 {
font-weight:bold;
font-size:20px;
line-height:26px; /* line-height:1.5em; */
margin:20px 0 10px 0;
color: white;
background-color: #1f4d89;

}

h3 {
font-weight:bold;
font-size:18px;
line-height:24px; /* line-height:1.5em; */
margin:20px 0 4px 0;
color: white;
background-color: #1f4d89;
}

/* Styling of lists */
.ListHead {
margin-top:12px;
margin-bottom:0;
}

.ListHeadBold {
margin-top:12px;
margin-bottom:0;
font-weight:bold;
}

ol {
margin-left:10px;
padding:5px;
}

ol li {
padding-left:2px;
margin-left:10px;
}

/* Hack to enable correct vertical position of list-style-image in IE6 */
ul {
list-style:none !important;
list-style-image:none !important;
margin:0;
padding:0;
}

ul li {
margin:0;
padding:0;
padding-left:16px;
background-image:url('img/bluedot.png');
background-repeat:no-repeat;
background-position:0 7px;
}

ul ul li {
margin:0;
padding:0;
padding-left:16px;
list-style-image:none !important;
background-image:url('img/graydot.png');
background-repeat:no-repeat;
background-position:0 7px;
}

/* LINKS */
.fake-link {
color:#0080a5;
/*font-weight:bold;
text-decoration:underline; don't underline; people might click on it*/
}

a:visited { color:#7b736c; }
a:hover { text-decoration:underline; }

/* Styling of tables */
table, caption, tr, td, th {
line-height:15px;
}

td, th, caption {
padding:6px 4px 6px 10px !important;
}

caption {
margin-top:16px !important;
text-align:left !important;
font-weight:bold !important;
color:white !important;
/*background-image:url('../Images/tablehead.png') !important;*/
background-color: #1f4d89;
background-position:top left !important;
background-repeat:repeat-x !important;
}

th {
text-align:left;
margin:0;
font-weight:bold;
background-color:#d9eff6;
border-bottom:dotted 1px #bbb5b1;
}

table {
margin:0 0 16px 0;
border-collapse:collapse;
border-right:solid 1px #dcdad8;
border-left:solid 1px #dcdad8;
}

td {
margin:0;
border-bottom:dotted 1px #bbb5b1; 
}

a img {
border:0;
}

.gtt {
text-decoration:none;
}

.pdf {
    padding-left: 18px;
	background: url('img/pdf.png') 0 center no-repeat;
}

.excel {
    padding-left: 18px;
	background: url('img/excel.png') 0 0 no-repeat;
}

.bulb {
    padding-left: 18px;
	background: url('img/bulb.png') 0 0 no-repeat;
}

.warning {
    padding-left: 18px;
	background: url('img/warning.png') 0 0 no-repeat;
}
/* (A) SHARED CLASS */
.box {
  margin: 0px;
  padding: 10px;
  font-size: 20px;
}
 
/* (B) BOX VARIATIONS */
/* (B1) INFORMATION BOX */
.info {
  color: brown;
  background: cornsilk;
  border: 1px solid burlywood;
}
 
/* (B2) WARNING BOX */
.warn {
  color: darkmagenta;
  background: lightpink;
  border: 1px solid darkred;
}
 
/* (B3) SUCCESS */
.ok {
  color: darkgreen;
  background: greenyellow;
  border: 1px solid darkgreen;
}
 
 #left{
  float: left;
}
#right{
  float: right;
}

/* Red border */
hr.new1 {
  border-top: 3px solid blue;
}

/* Dashed red border */
hr.new2 {
  border-top: 3px dashed blue;
}

/* Dotted red border */
hr.new3 {
  border-top: 3px dotted blue;
}

/* Thick red border */
hr.new4 {
  border: 5px solid blue;
}

/* Large rounded green border */
hr.new5 {
  border: 10px solid green;
  border-radius: 5px;
}

/*Border for images */
img{border:3px solid #0000FF;}
img.noBorder { border:0px solid #66CC33; }

/* ---------------------------------------------------------------------- */
/* [EOF] */

/* Only styles for the online Help ~~ PV ~~ 02/06/2009 13:53 */
/* go to top link ~~ MG ~~ 04/06/2009 13:09 */
/* nix ~~ MG ~~ 05/06/2009 08:40 */
/* left side of numbered list ~~ PV ~~ 05/06/2009 10:46 */
/* nix ~~ MG ~~ 15/06/2009 08:44 */
/* the big stylesheet cleanup ~~ MG ~~ 14/08/2009 14:10 */
/* img optim ~~ MG ~~ 06/11/2009 14:32 */
/* codepage ~~ MG ~~ 05/02/2010 14:29 */
/* troep weg en 'compacted' ~~ MG ~~ 19/02/2010 12:52 */
/* Jslinted (css) ~~ MG ~~ 08/12/2011 08:40 */
/* css kop ~~ MG ~~ 02/03/2012 10:58 */
/* doe maar geen spaties en tabs vanwege de optimiser - JIC ~~ MG ~~ 05/07/2012 07:40*/
/* ~[20170021] Improve usability of the Intrastat reporting solution ~~ MG ~~ 10/07/2018 13:21*/
/* icons ~~ MG ~~ 31/10/2019 12:08*/
