body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #000000;
    text-decoration: none;
    padding: 5px 2px 2px 2px;
    background: #fafafa;
    /*border: solid #c0c0c0;
    border-width: 0 1px 1px 0;*/
}
.smallheading, form th, h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    color: #C41130;
    /*padding-top: 5px;
    padding-right: 5px;
    padding-left: 7px;*/
    font-weight: 300;
}
.error { color: #f00; }
p.text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #000000;
    text-decoration: none;
    padding-top: 3px;
    padding-right: 7px;
    padding-bottom: 0px;
    padding-left: 7px;
}
h2 { margin-bottom: 4px; }
hr {
  color: #999;
  height: 1px;
  border: none;
}
h1 {
    font: italic bold large Arial, Helvetica, sans-serif;
/*    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: bold;*/
    color: #bbb;
    text-align: center;
}
h1 b {
   color: #999;
}
h1.bigred {
   color: #C41130;
   font: normal bold x-large Arial, Helvetica, sans-serif;
   text-align: left;
}
a {
  color: #444;
  text-decoration: none;
}
a:hover {
  color: black;
  text-decoration: underline;
}
.menu li form {
  display: inline;
  vertical-align: middle;
}
.forminput input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #000000;
    background-color: #E0E0E0;
    border: 1px solid #666666;
}
td.submit { text-align: center; }
.clientinput{
	background-color:#E0E0E0;
	border:1px solid #666666;
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;font-size:11px;
}
.clientload{
	visibility:hidden; 
	width:2%;
}
.clientbar{
	background-color:#E0E0E0;
	border:1px solid #666666;
	font-weight:normal;
	width:75%;
	font-size:11px;
	font-family:Arial,Helvetica,sans-serif;
}
.submit input {
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    margin: 10px;
}
td.submitright {
    text-align: right;
}
.submitright input {
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    margin: 1px;
    padding: 0;
}
.underlined{
	text-decoration: underline;
}
form.fullwidth, .fullwidth table { width: 100%; }
form td {
    text-align: left;
    padding-right: 40px;
}
td, th {
    font-size: x-small;
    font-weight: 100;
}
/* Tabel met aksies geneem en wat geneem moet word */
table.actions { width: 100%; margin: 0; }
/* Afvoer (transaksielyste) */
table.output { /*border: none;*/ width: 100% }
.output td {
  padding: 0px 1px 0px 2ex;
  vertical-align: middle;
}
.output td.last {
  text-align: right;
}
.output td.first {
  padding-left: 1px;
}

th.tableh0,.comments th {
    border-top: 10px solid #fafafa;
    color: #C41130;
    background: #dde;
    font-weight: bold;
    font-size: medium;
    text-align: left;
    padding: 1px 2px 1px 2px;
}
th.tableh1 {
    color: #C41130;
    border-top: 10px solid #fafafa;
    background: #E2EEFE;
    font-weight: bold;
    font-size: medium;
    text-align: left;
    padding: 1px 2px 1px 2px;
}
th.tableh2 {
    color: #C41130;
    background: #ded;
    font-weight: bold;
    font-size: small;
    text-align: left;
    padding: 0 2px 0 2px;
}
th.tableh3 {
    background: white;
    font-weight: bold;
    font-size: small;
    text-align: left;
    padding: 0 2px 0 2px;
}
th.tableh4 {
    color: #C41130;
    background: #CCEECC;
    font-weight: bold;
    font-size: small;
    text-align: left;
    padding: 0 2px 0 2px;
}
/*.results .lyn0 {
  background: #ccf;
}
.results .lyn1 {
  background: #ffc;
} */
.results th {
  text-align: left;
/*  font-weight: 300;*/
  border-bottom: 1px solid #999;
  padding: 1px 14ex 1px 1px;
/*  width: 25ex;*/
}
.results td {
  text-align: right;
  /*font-family: monospace; /*"BitStream Vera Sans Mono", courier, monospace;*/
  border-bottom: 1px solid #999;
/*  width: 12ex;*/
  padding: 1px 1px 1px 8ex;
}
.repborder td {  
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}

.subtotal th, .total th {
  text-align: right;
  border-bottom: none;
  padding: 1px;
}
.total th {
    color: #C41130;
}
/*.total td {
    letter-spacing: -0.1ex;
} */
.results .subtotal {
  font-style: italic;
}
.total td,.total th {
  font-weight: bold;
  /*font-size: medium; /*Arial, Helvetica, sans-serif;*/
  border: none; /*-top: 1px solid black;
  border-bottom: 3px double black;*/
}
.note td {
  font-style: italic;
  text-align: center;
  padding: 1px;
}
.compound table { width: 100%; }
th.compound {
  background: #ccc;
  text-align: left;
}
td.compound {
  padding: 0 0px 0 10px;
}
.compoundtotal td {
  text-align: right;
  }
.compoundtotal th {
  text-align: right;
}
.compoundtotal td, .compoundtotal th { background: #eee;   border-bottom: 5px double black; }
.compoundspacer { height: 3px; background: #fff; }

/* dagboekinskrywings op transaksie-blad 
-----------------------------------------------------------------------*/
table.transactionDiary {
	text-align: left;
	border: solid #dde;
	border-width: 0 1px 0 1px;
	margin-top: 10px;
}
.transactionDiary tr.tableH1 th { 
	font-size: x-small; 
	font-weight: bold; 
	color: black; 
	background: #eeeef8;
	border-bottom: 1px solid #dde;
}
/*.transactionDiary th.tableH0 { border-top: none; }*/
.transactionDiary td {
	border-bottom: 1px solid #dde;
	font-size: x-small;
}	
.transactionDiary td img { vertical-align: baseline; margin-left: 2px }
/* navigation table 
-----------------------------------------------------------------------*/
table.nav {
background: #fff;
}
.nav th {
font-family: Arial, Helvetica, sans-serif;text-align: left; font-size:18px;
color: #C41130; font-weight: normal;
padding: 5px 20px 0px 12px;
}
.nav td {text-align: center;border-right:0px solid #999; padding:5px 15px 0px 0px; font-size:12px;}
.nav a { text-decoration:underline;}
.nav a:hover { text-decoration:none;}
.nav a.selected { font-weight: bold; font-size:12px;}

.nav_line {border-bottom: 1px solid #999; margin: 0px; padding: 0px 0px 10px 0px;}

/* 
-----------------------------------------------------------------------*/
div.key {
/*  float: right;*/
  margin: 5px 5px 0 10px;
  text-align: left;
/*  width: 95%;*/
  border: 1px solid black;
  padding: 1px 2px 1px 3px;
}
.key h2 {
  width: 100%;
  text-align: center;
}
.key td {
  vertical-align: middle;
}
/*.key img {
  vertical-align: middle;
  margin: 1px 0px 1px 0px;
} */
img.reg,img.weg {
  margin: 0.2em 0 0px 2px;
}
img.flag {
  height: 16px;
  margin: 0.2em 0 0px 0;
}
/* Transaksiedetail-bladsye */
/* Kommentaar -- th saam met tableh1*/
table.comments { border: none; width: 100%;}
.comments th.newcomment {
	text-align: right;
	font-size: x-small;
	color: #000;
	white-space: nowrap;
}
input.newcomment {
	width: 75%;
	font-weight: normal;
}
input.uploadFile {
	width: 25%;
	font-weight: normal;
}
.comments td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: xx-small;
    color: #000000;
    padding: 0 1ex 0 1px;
    white-space: nowrap;
    vertical-align: top;
/*    padding: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;*/
}
.comments td.last {
  padding-right: 1px;
  white-space: normal;
}
p.transinfo {
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  margin: 0;
  padding: 4px 0 0 0;
}
form.transinfofrm {
/*  padding-top: 6px;*/
  margin: 0;
}
.replace {
display:none;
}
div.autosize { display: table; width: 1px; }
div.autosize > div { display: table-cell; }

/* Vir ontfouting */
table.debug, table.debug td table { border: 1px solid black; }
table.debug td { border: 1px solid red; }
table.debug td td { border-color: green; }
table.debug td td td { border-color: blue; }

/**
 * adds a border and padding to a Div. 
 * @todo look a ways to fit size to content, Stephan de Jager
 */
.borderedDiv {
	border: 1px solid #E0E0E0;
	padding:1px 1px 1px 1px;
	width:400px
}
.tableAdvSearch {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	border : 1px solid #E0E0E0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #F0F0F0;
}
.tableAdvSearch td {
	border-top : 1px solid #E0E0E1;
	border-left : 1px solid #E0E0E1;
	padding-right: 5px;
}