#HEADERDIV {
    position      : fixed;
    left          : 0px;
    top           : 0px;
    right         : 0px;
    padding-top   : 5px;
    padding-left  : 5px;
    padding-right : 5px;
    height        : 90px;
    z-index       : 1;
    border        : none;
    background-color: #ffffff;
  }
  
  #MENUDIV {
    position      : fixed;
    left          : 0px;
    top           : 90px;
    z-index       : 1;
    width         : 210px;
    bottom        : 0px;
    border        : none;
    background-color: #ffffff;
    overflow      : auto; /* for very small screens, iphone*/
  }

  #RIGHTMENUDIV {
    position      : fixed;
    right         : 0px;
    top           : 90px;
    z-index       : 1;
    width         : 190px;
    bottom        : 0px;
    border        : none;
    background-color: #ffffff;
    overflow      : auto; /* for very small screens, iphone*/
  }

  #CONTENTDIV {
    position      : absolute;
    left          : 220px;
    right         : 200px;
    top           : 90px;
    padding-top   : 5px;
    padding-right : 5px;
    border        : none;
    background-color: #ffffff;
  }

html, body, li{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #111111;
	margin: 1px;
	padding: 0px;
}

/* to avoid large indentation */
ol { margin-left: 1em; padding-left: 1em; }

input, select, textarea{
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #111111;
  margin: 0px;
  padding: 0px;
  border: 1px solid #d5d5d5;
}

p {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #111111;
	margin-bottom: 12px;
	margin-top: 1px;
	margin-left: 1px;
	margin-right: 1px;
	padding: 0px;
}

table{
  border: 0px;
  margin: 0px;
  padding: 0px;
  border-spacing:0px;
  border-collapse: collapse;/*!!*/
}

td {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #111111;
	padding: 1px;
}
/* extra padding for alignment of decription with formfield*/
td.extraPadding{
	padding: 4px;
}

th {
  background-color: #C2EE88;
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #111111;
  margin: 0px;
  padding: 2px;
  padding-right:4px;
}

a {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #111111;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a.menu_item {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #111111;
	text-decoration: none;
}
a:hover.menu_item {
	color: #ECB100;
}
a.menu_item2 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #111111;
	text-decoration: none;
}
a:hover.menu_item2 {
	color: #ECB100;
	text-decoration: none;
}

.code_fragment{
	font-family: Courier New, monospace;
	font-size: 12px;
	background-color: #EEEEEE;
}

.logo{
    margin-left: 5px;
}

.wizard{
	margin-left: 5px;
}

.default_table {
	border: 2px solid #DDDDDD;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 3px;
	margin-right: 0px;
}
/* SUB-NAVIGATIE */
.menu_table{
	background-color: #EEEEEE;
	border: 2px solid #DDDDDD;
	margin-left: 4px;
	margin-right: 4px;
}

/* NAVIGATIE */
.nav_general{
	background-color: #C2EE88;
	border: 1px solid #67CE3D;
	font-weight: bold;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	margin-left: 1px;
	margin-right: 1px;
  margin-top: 0px;
}
.nav_selected{
	background-color: #FFCF3E;
	border: 1px solid #ECB100;
	font-weight: bold;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	margin-left: 1px;
	margin-right: 1px;
  margin-top: 0px;
}

.nav_bg{
	background-color: #ffffff;
	border: 1px solid #67CE3D;
	font-weight: bold;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	margin-left: 1px;
	margin-right: 1px;
  margin-top: 0px;
}

/* BUTTON STYLE */
input.wizard_button {
	background-color: #C2EE88;
	border: 2px solid #67CE3D;
	font-weight: bold;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	margin-left: 1px;
	margin-right: 1px;
	text-decoration: none;
}

input.wizard_button_default {
	background-color: #FFCF3E;
	border: 2px solid #ECB100;
	font-weight: bold;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	margin-left: 1px;
	margin-right: 1px;
	text-decoration: none;
}

input:hover.wizard_button {
	color: #ECB100;
}

.validation_error {
	background-color: #FFCF3E;
}

/* POPUP */
table.popup{
  border: 1px solid #67CE3D;
}

td.popup{
  background-color: #ffffff;
}

th.popup{
  background-color: #67CE3D;
  color: #ffffff;
}

th.popup a{
  color: #ffffff;
}

td.highlight{
  background-color: #7eec76;
}

/* ACTION TABLE */

table.formTable {
}

table.formTableColumn {
  border: 1px solid #d5d5d5;
}

table.formFragmentTable {
  background-color: #d5d5d5;
  margin: 3px;
}

table.globalActionsTable {
}

div.actionTable {
  padding: 0px;
  margin:0px;
  margin-top: 3px;
}

div.actionTable table{
  border: 1px solid #C2EE88;
}

div.actionTable td{
  padding-left: 4px;
  padding-right: 4px;
}

div.actionTable th{
  padding-left: 4px;
  padding-right: 4px;
}

tr.actionTableHeaderRow {
}

tr.actionTableSubHeaderRow {
  background-color: #67CE3D;
  text-align: left;
}

tr.actionTableEvenRow {
  background-color: #d5d5d5;
  behavior: url('css/IEFixes.htc');/* IE hover fix*/
}

tr.actionTableEvenRow:hover, tr.actionTableEvenRow.hover {
  background-color: #dde899;
}

tr.actionTableOddRow{
  background-color: #ffffff;
  behavior: url('css/IEFixes.htc');/* IE hover fix*/
}

tr.actionTableOddRow:hover, tr.actionTableOddRow.hover {
  background-color: #dde899;
}

div.wizardBrowser select{
  width:160px;
}

div.wizardBrowser input{
  width:160px;
}