body { background-color: white; color: #333; }

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   12px;
  line-height: 18px;
}

optgroup{
	color: #007;
	font-style: normal;
	font-weight: bold;
	margin-top: 5px;;
}
option{
	color: black;
	font-style: normal;
	font-weight: normal;
	padding-left: 10px;
}

option.grey{
	color: #666;
}

p.modalalert {
	font-weight: bold;
	color: #007;
	text-align: center;
}

p.bottom {
	color: #007;
	text-align: center;
}

table{
	border-spacing: 0px;
	border-collapse: collapse;
	border-color: #333;
	
}

table.popdown{
	background-color: #666666;
	border: 0;
	border-spacing: 0px;
	border-collapse: collapse;
	border-color: #333;
	
}

td.popdown{
	text-align: left;
	background-color: #85A5E4;
	color: white;
	border: 0px;
	vertical-align: top;
	font-weight: normal;
}

td.popdown_buttons{
	background-color: #85A5E4;
	color: white;
	border: 0px;
	vertical-align: bottom;
	text-align: right;
}

td.links {
	vertical-align: bottom;
	text-align: center;
	background-color: #666666;
	padding: 0px;
	margin: 0px;
	color: white;
}

td.grey {
	text-align: left;
	background-color: white;
	color: #007;
	border: 0px;
	vertical-align: top;
}

td.top {
	text-align: left;
	background-color: #007;
	color: white;
	border: 0px;
	vertical-align: top;
}

td.topright {
	background-color: #007;
	color: white;
	border: 0px;
	vertical-align: top;
	text-align: right;
}

td.lightgrey {
	text-align: left;
	font-size:   12px;
	color: white;
	border-style: solid;
	border-width: 1px;
	background-color: #85A5E4;
	padding: 3px;
	border-color: #333;
}

td.disabled {
	text-align: center;
	font-size:   12px;
	border-style: solid;
	border-width: 1px;
	background-color: #DDD;
	padding: 3px;
	border-color: #333;
}
td.disabledchanged {
	border-color: #007;
	border-width: 2px;
	text-align: center;
	font-size:   12px;
	border-style: solid;
	background-color: #DDD;
	padding: 3px;
}

.changed{
	border-color: #007;
	border-width: 2px;
	background-color: #EAF2FF;
}



td {
	vertical-align: top;
	text-align: center;
	font-size:   12px;
	border-style: solid;
	border-width: 1px;
	background: white;
	padding: 3px;
	border-color: #333;
}

td.noborder {
	vertical-align: top;
	text-align: left;
	font-size:   12px;
	border-width: 0px;
	background: white;
	padding: 3px;
	border-color: #333;
}

td.outline {
	text-align: left;
	vertical-align: top;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	background-color: white;
}

th.outline {
	font-size:   16px;
	font-weight: bold;
	text-align: center;
	color: white;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	background-color: #007;
}

td.bignbold {
	background-color: white;
	font-size:   16px;
	font-weight: bold;
	text-align: center;
	color: #007;
	border-color: white;
	vertical-align: middle;	
}
td.bignlessboldright {
	background-color: white;
	font-size:   16px;
	font-weight: normal;
	text-align: right;
	color: #007;
	border-color: white;
	vertical-align: middle;	
}
td.bignlessboldleft {
	background-color: white;
	font-size:   16px;
	font-weight: normal;
	text-align: left;
	color: #007;
	border-color: white;
	vertical-align: middle;	
}td.bold {
	text-align: left;
	font-size:   12px;
	border-style: solid;
	border-width: 1px;
	background: white;
	font-weight: bold;
	padding: 3px;
	border-color: #333;
}

.notbold{
	font-weight: normal;
	
}

.big {
	font-size:   16px;
	font-weight: bold;
}

.voorbeeld{
	color: #999;
}

.grey {
	color: #000;
	vertical-align: middle;
}
select{
	font-size:   11px;	
}


th {
	font-size:   12px;
	background-color: #007;
	color: white;
	padding: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #333;
}

th.noborder{
	font-size:   12px;
	background-color: #007;
	color: white;
	padding: 3px;
	border-width: 0px;
	border-color: #333;
	
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

img {
	border: 0;
}

a { 
	color: #333; 
	text-decoration:none;
	font-size:   12px;
}
a:visited { 
	color: #333; 
}

a:hover { 
	text-decoration: underline;; 
}

a.bevestigd0 { 
	color: #666; 
	text-decoration:none;
	font-size:   12px;
	padding-left: 20px;
	background: url(images/icon_question.png) no-repeat left ;
}

a.bevestigd1 { 
	color: #000; 
	text-decoration:none;
	font-size:   12px;
}
.hidden{
	border: 0px;
	border-style: none;
	visibility: hidden;
}

a.image {
	background-color: white;
	border: 0px;
	border-style: none;
	
}
a.image:hover {
	background-color: white;
}

a.white{
	color: #007;
	background-color: white;
}
a.white:visited {
	color: #007;
	background-color: white;
}
a.white:hover{
	text-decoration: underline;
}
a.bignbold {
	background-color: white;
	font-size:   16px;
	font-weight: normal;
	text-align: center;
	color: #007;
	border-color: white;
	vertical-align: middle;	
}
div.bottom{
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background-color: #eee;
  
}

div.top{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 18px;
	background-color: #007;
	color: white;
}
div.date{
	position: fixed;
	width: 100%;
	background: white;
	top: 37px;
	left: 0px;
}
div.datesimple{
	position: fixed;
	width: 100%;
	background: white;
	top: 0px;
	left: 0px;
}

a.top {color: white;}
a.top:visited {color: white;}
a.top:hover{text-decoration: underline;}
a.topbold{
	color: white;
	font-weight: bold;
}

div.secondtop{
	position: fixed;
	top: 18px;
	left: 0px;
	width: 100%;
	background-color: #007;
	color: white;
}

div.map_legenda{
	position: fixed;
	bottom: 0px;
	right: 0px;
	background-color: #85A5E4;
	z-index: 2;
	visibility: hidden;
	width: 400px;
	height: 300px;
}
div.map_legendashow{
	position: fixed;
	bottom: 0px;
	right: 0px;
	background-color: #85A5E4;
	z-index: 2;
	visibility: visible;
	width: 400px;
	height: 300px;	
}

div.legenda{
	position: fixed;
	bottom: 0px;
	right: 0px;
	background-color: #85A5E4;
	z-index: 0;
	visibility: hidden;
	width: 150px;
}
div.legendashow{
	position: fixed;
	bottom: 0px;
	right: 0px;
	background-color: #85A5E4;
	z-index: 2;
	visibility: visible;
	width: 150px;
	
}

div.legendabehind{
	position: fixed;
	bottom: 0px;
	right: 0px;
	background-color: #85A5E4;
	z-index: 1;
	width: 62px;
	
}
div.lock{
	position: fixed;
	bottom: 0px;
	right: 62px;
	height: 30px;
	background-color: #85A5E4;
	z-index: 5;
	visibility: visible;
	width: 95%;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	color: white;
}


.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}
#container div { background: url(images/blue/icons.gif) no-repeat top left; }
div.double_left_big {
	float: left;
	width: 25px;
	height: 25px;
	background-image:url(images/blue/icons.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
div.double_right_big {
	float: right;
	width: 25px;
	height: 25px;
	background-image:url(images/blue/icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -30px;
}
div.left_big {
	float: left;
	width: 25px;
	height: 25px;
	background-image:url(images/blue/icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -60px;
}
div.right_big {
	float: right;
	width: 25px;
	height: 25px;
	background-image:url(images/blue/icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -90px;
}
div.double_left {
	float: left;	
	width: 18px;
	height: 18px;
	background-image:url(images/blue/icons.gif);
	background-repeat:no-repeat;
	background-position: -30px 0px;
}
div.double_right {
	float: right;	
	width: 18px;
	height: 18px;
	background-image:url(images/blue/icons.gif);
	background-repeat:no-repeat;
	background-position: -30px -30px;
}
div.left {
	float: left;	
	width: 18px;
	height: 18px;
	background-image:url(images/blue/icons.gif);
	background-repeat:no-repeat;
	background-position: -30px -60px;
}
div.right {
	float: right;	
	width: 18px;
	height: 18px;
	background-image:url(images/blue/icons.gif);
	background-repeat:no-repeat;
	background-position: -30px -90px;
}
div.up {
	float: left;	
	width: 18px;
	height: 18px;
	background-image:url(images/blue/icons.gif);
	background-repeat:no-repeat;
	background-position: -30px -120px;
}
div.down {
	float: left;	
	width: 18px;
	height: 18px;
	background-image:url(images/blue/icons.gif);
	background-repeat:no-repeat;
	background-position: -30px -150px;
}
div.delete {
	float: left;	
	width: 18px;
	height: 18px;
	background-image:url(images/blue/icons.gif);
	background-repeat:no-repeat;
	background-position: -30px -180px;
}
div.add {
	float: left;	
	width: 18px;
	height: 18px;
	background-image:url(images/blue/icons.gif);
	background-repeat:no-repeat;
	background-position: -30px -210px;
}
div.edit {
	float: left;	
	width: 18px;
	height: 18px;
	background-image:url(images/blue/icons.gif);
	background-repeat:no-repeat;
	background-position: -30px -240px;
}
div.calendar {
	float: left;	
	width: 18px;
	height: 18px;
	background-image:url(images/blue/icons.gif);
	background-repeat:no-repeat;
	background-position: -30px -270px;
}
div.map {
	float: left;	
	width: 18px;
	height: 18px;
	background-image:url(images/blue/icons.gif);
	background-repeat:no-repeat;
	background-position: -30px -300px;
}
div.ok {
	float: left;	
	width: 18px;
	height: 18px;
	background-image:url(images/blue/icons.gif);
	background-repeat:no-repeat;
	background-position: -30px -330px;
}
div.question {
	float: left;	
	width: 18px;
	height: 18px;
	background-image:url(images/blue/icons.gif);
	background-repeat:no-repeat;
	background-position: -30px -360px;
}

div.blue_save {
	float: right;
	width: 18px;
	height: 18px;
	background-image:url(images/blue/icons.gif);
	background-repeat:no-repeat;
	background-position: -110px -330px; 
} 
div.blue_up {
	float: right;
	width: 18px;
	height: 18px;
	background-image:url(images/blue/icons.gif);
	background-repeat:no-repeat;
	background-position: -110px -120px; 
}
div.dark_down {
	float: right;
	width: 18px;
	height: 18px;
	background-image:url(images/blue/icons.gif);
	background-repeat:no-repeat;
	background-position: -195px -150px; 
}
div.dark_up {
	float: left;
	width: 18px;
	height: 18px;
	background-image:url(images/blue/icons.gif);
	background-repeat:no-repeat;
	background-position: -195px -120px; 
}
div.empty {
	float: left;
	width: 18px;
	height: 18px;
}