html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

body {
	background: #fff;
	margin: 0;
}

.bold {
	font-weight: bold;
}

.boldunderline {
	font-weight: bold;
	text-decoration: underline;
}

#top {
	width: 100% !important;
	height: 120px;
	background: #ccc;
}

#logo {
	float: left;
	padding: 5px 0 0 5px;
}

#nav {
	float: right;
	position: relative;
}

#navpopup {
	padding-top: 96px;
	float: left;	
}

#nav ul, #navpopup ul {
	list-style-type: none;
	margin: 0 10px 0 0;
}

#nav li, #navpopup li {
	float: left;
	margin: 0 0 0 5px;
	text-align: center;
	min-width: 100px;
}

#nav li.superadmin {
	width: 160px;
	text-align: center;
}

a.nav {
	display: block;
	padding: 6px 6px;
	background: #000;
	color: #fff;
	text-decoration: none;
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 14px;
	border: 1px solid #000;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

a.navlogout {
	display: block;
	padding: 6px 6px;
	background: #b40101;
	color: #fff;
	text-decoration: none;
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 14px;
	border: 1px solid #000;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

a.nav:hover {
	color: #fff;
	background: #999;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

#topprint {
	display: none;
}

a.active {
	color: #fff;
	background: #628e44;
}

a#logout {
	top: 8px;
	right: 8px;
	position: absolute;
	font: 14px Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 0 15px;
	height: 28px;
	line-height: 28px;
	background: #000;
	border: 1px solid #000;
	text-decoration: none;
}

a#logout:hover {
	color: #fff;
	background: #ccc;
	border: 1px solid #ccc;
}

.add {
	width: 100px;
	color: #fff;
	background: #c6d880;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.edit {
	width: 100px;
	color: #fff;
	background: #f2db9b;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.delete {
	width: 100px;
	color: #fff;
	background: #ff7070;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.loggedin {
	width: 100px;
	color: #fff;
	background: #c6d880;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.loggedout {
	width: 100px;
	color: #fff;
	background: #ff9999;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.download {
	width: 100px;
	color: #fff;
	background: #99ccff;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.upload {
	width: 100px;
	color: #fff;
	background: #dd65cd;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.moved {
	width: 100px;
	color: #fff;
	background: #ff9900;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

body.login {
	background: #fff;	
}

.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

#userloggedin {
	float: right;
	margin: 10px 20px 10px 0;
}

#navlinks {
	clear: right;
	margin: 0 10px 0 0;
}

#login {
	width: 400px;
	margin: 20px auto 10px auto;
	text-align: center;
}

#login img {
	margin-bottom: 15px;	
}

#loginerror {
	margin: 0 10px 20px 10px;
	background: #fce6e5;
	border: 1px solid #f5b4b2;
	padding: 5px;
	font: 14px Arial, Helvetica, sans-serif;
	color: #000;
}

#loginform {
	background: #fff;
	border-top: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 20px 5px 5px 5px;
}

#loginvorm, #probleemvorm, #areavorm, #kerkverbandvorm, #redevorm, #userform {
	position: relative;
}

.star {
	font-size: 20px;
	color: #ff0000;
}

.starsmall {
	font-size: 12px;
	color: #ff0000;
}

div.loginsubmit {
	border-top: 1px solid #ccc;
	background: #eee;
	padding: 5px;
}

.displaynone {
	display: none;
}

.fforget {
	background: #fff;
}

a.pforget {
	color: #000;
	font-size: 14px;
	line-height: 40px;
    margin-left: 35px;
	text-decoration: underline;
}

a.pforget:hover {
	color: #000;
	text-decoration: none;
}

.gap5 {
	height: 5px !important;
}

.gap10 {
	height: 10px !important;
}

.gap20 {
	height: 20px !important;
}

.gap30 {
	height: 30px !important;
}

.gap40 {
	height: 40px !important;
}

#searchbox {
	width: 500px;
	margin: 0 auto 10px auto;
	padding: 0 0 5px 0;
	border: 1px solid #ccc;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#searchbox table {
	margin-bottom: 0;
}

#msgbox {
	width: 375px;
	text-align: center;
}

.messageboxerror {
	border: 1px solid #fbc2c4;
	background: #fbe3e4;
	padding: 5px;
	color: #b73532;
	font-size: 14px;
	font-weight: bold;
	margin: 0 2px 15px 0;
}

.messageboxok {
	border: 1px solid #628e44;
	background: #c3ddb2;
	padding: 5px;
	color: #356415;
	font-size: 14px;
	font-weight: bold;
	margin: 0 2px 15px 0;
}

div.error {
	font-weight: normal;
	white-space: nowrap;
	min-width: 130px;
	position: absolute;
	color: #fff !important;
	background: #b40101 !important;
	line-height: 18px;
	height: 18px;
	padding: 5px;
	font: 14px Arial, Helvetica, sans-serif;
	display: block;
	
	padding-left: 10px !important;
	padding-right: 10px !important;

	top: 4px;
	left: 453px;
	
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}

#documentmoveform div.error {
	left: 543px;
}

input.error, textarea.error { 
	text-align:left;
	border: 1px solid #000;
}

.date {
	cursor: text;
}

#validate {
	font: 14px Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
}

#validate span {
	position: relative;
	top: -7px;
}

.formfield {
	position: relative;
	padding: 0 0 5px 0;
	text-align: left;
	margin: 0;
}

.formfield label {
	font: 16px Arial, Helvetica, sans-serif;
	color: #333;
	width: 120px;
	text-align: left;
	float: left;
	display: inline;
	padding: 7px 10px 5px 7px;
}

#searchbox .formfield label {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	width: 130px;
	text-align: left;
	float: left;
	display: inline;
	padding: 10px 10px 2px 0;
}

.formfield label.wide {
	font: 16px Arial, Helvetica, sans-serif;
	color: #333;
	width: 210px;
	text-align: left;
	float: left;
	display: inline;
	padding: 7px 10px 5px 7px;
}

.formfield label.inner {
	font: 16px Arial, Helvetica, sans-serif;
	color: #333;
	min-width: 800px;
	line-height: 20px;
	text-align: left;
	float: left;
	display: inline;
	padding: 7px 10px 5px 7px;
}

.formfield label.wider {
	font: 16px Arial, Helvetica, sans-serif;
	color: #333;
	width: 250px;
	text-align: left;
	float: left;
	display: inline;
	padding: 7px 10px 5px 7px;
}

.formfield label.wide100 {
	font: 16px Arial, Helvetica, sans-serif;
	color: #333;
	width: 100%;
	text-align: left;
	float: left;
	display: inline;
	padding: 7px 7px 5px 7px;
}

#searchbox .formfield label.wide100 {
	font: 16px Arial, Helvetica, sans-serif;
	color: #628e44;
	width: 390px;
	text-align: left;
	float: left;
	display: inline;
	padding: 8px 0 8px 0;
}

.formfield input {
	font: 16px Arial, Helvetica, sans-serif;
	color: #333;
	width: 300px;
	text-align: left;
	float: left;
	display: inline;
	padding: 5px;
	background: #fff url('../images/bg_input.gif') 0 0 repeat-x;
	border-bottom: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-left: 1px solid #bbb;
	border-top: 1px solid #bbb;
}

#searchbox .formfield input {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	width: 275px;
	text-align: left;
	float: left;
	display: inline;
	padding: 5px;
	background: #fff url('../images/bg_input.gif') 0 0 repeat-x;
	border-bottom: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-left: 1px solid #bbb;
	border-top: 1px solid #bbb;
}

.formfield textarea {
	font: 16px Arial, Helvetica, sans-serif;
	color: #333;
	width: 300px;
	height: 100px;
	text-align: left;
	float: left;
	display: inline;
	padding: 5px;
	background: #fff url('../images/bg_input.gif') 0 0 repeat-x;
	border-bottom: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-left: 1px solid #bbb;
	border-top: 1px solid #bbb;
}

.formfield select {
	font: 16px Arial, Helvetica, sans-serif;
	color: #333;
	width: 312px;
	text-align: left;
	float: left;
	display: inline;
	padding: 5px;
	background: #fff url('../images/bg_input.gif') 0 0 repeat-x;
	border-bottom: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-left: 1px solid #bbb;
	border-top: 1px solid #bbb;
}

#searchbox .formfield select {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	width: 287px;
	text-align: left;
	float: left;
	display: inline;
	padding: 5px;
	background: #fff url('../images/bg_input.gif') 0 0 repeat-x;
	border-bottom: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-left: 1px solid #bbb;
	border-top: 1px solid #bbb;
}

div.content {
	padding: 30px;
	clear: both;
	position: relative;
}

h1 {
	font: 24px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
}

h2 {
	font: 18px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	padding-bottom: 5px;
	margin-top: 15px;
	margin-bottom: 5px;
}

h2.heading {
	font: 18px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: -4px;
}

p {
	font: 14px Arial, Helvetica, sans-serif;	
	color: #333;
}

a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a.smalldelete {
	color: #ff0000;
	font-size: 12px;
}

a.button, button.button {
	float: left;
	padding: 7px 14px;
	background: #000;
	color: #fff;
	text-decoration: none;
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 14px;
	border: 1px solid #000;
	margin-right: 10px;
	cursor: hand;
	cursor: pointer;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

a.button:hover, button.button:hover {
	background: #999;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

div.buttons {
	margin-bottom: 10px;
}

span.count {
	font-size: 24px;
	color: #666;
}

div.paging {
	margin-bottom: 10px;
	padding: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	display: block;
}

div.paging a {
	float: left;
	padding: 5px 10px;
	background: #eee;
	color: #000;
	text-decoration: none;
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 14px;
	border: 1px solid #ccc;
	margin-right: 5px;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

div.paging a:hover {
	color: #fff;
	background: #999;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

div.paging span {
	float: left;
	padding: 5px 10px;
	background: #eee;
	color: #000;
	text-decoration: none;
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 14px;
	border: 1px solid #ccc;
	margin-right: 5px;	
}

div.paging .activepage {
	color: #fff;
	background: #628e44;
	
}

table.content th {
	text-align: left;
	padding: 8px 8px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #ddd;
	color: #000;
	font-size: 14px;
}

table.content td {
	vertical-align: top;
	border-bottom: 1px solid #eee;
	color: #333;
	font-size: 14px;
	padding: 10px 8px;
}

td.button {
	padding: 0;	
}

a.tablebutton {
	padding: 5px 10px;
	background: #000;
	color: #fff;
	text-decoration: none;
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 14px;
	border: 1px solid #000;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

a.tablebutton:hover {
	background: #999;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

div.errorcontent {
	margin-bottom: 20px;
	background: #fce6e5;
	border: 1px solid #f5b4b2;
	padding: 5px;
	font: 14px Arial, Helvetica, sans-serif;
	color: #000;
	display: block;
}

table.summary td {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	padding: 5px;
	border: 1px solid #999;
}

.innerquantity {
	text-align: right !important;
}

#patient, #verify {
	display: inline;
	color: #b40101;
	font-size: 16px;
	font-weight: bold;
}

/* --- Forms --- */

form.admin {
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

.required, .notrequired {
	margin: 3px;
}

.addtraineddatebuttoncontainer {
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}

.inactive {
	width: calc(100% - 500px) !important;
	background: none !important;
	border: 1px solid #fff !important;
	position: relative;
	top: 1px;
}

.form {
	padding: 0 0 5px 0;
	text-align: left;
	margin: 0;
}

.infotext {
	color: #999999;
	font: 10px Arial;
	font-weight: normal;
} 

.form label {
	font: 14px Arial, Helvetica, sans-serif;
	color: #333;
	width: 200px;
	text-align: right;
	float: left;
	display: inline;
	padding: 3px 10px 5px 7px;
}

.form label.wide {
	font: 14px Arial, Helvetica, sans-serif;
	color: #333;
	width: 350px;
	text-align: right;
	float: left;
	display: inline;
	padding: 3px 10px 5px 7px;
}

.form label.narrow {
	font: 14px Arial, Helvetica, sans-serif;
	color: #333;
	width: 20px;
	text-align: right;
	float: left;
	display: inline;
	padding: 3px 10px 5px 7px;
}

.form input {
	font: 14px Arial, Helvetica, sans-serif;
	color: #333;
	width: 250px;
	text-align: left;
	float: left;
	display: inline;
	padding: 3px;
	background: #fff url('../images/bg_input.gif') 0 0 repeat-x;
	border-bottom: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-left: 1px solid #bbb;
	border-top: 1px solid #bbb;
}

.form select {
	font: 14px Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	float: left;
	display: inline;
	padding: 3px;
	background: #fff url('../images/bg_input.gif') 0 0 repeat-x;
	border-bottom: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-left: 1px solid #bbb;
	border-top: 1px solid #bbb;
}

.form textarea {
	font: 14px Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	padding: 3px;
	background: #fff url('../images/bg_input.gif') 0 0 repeat-x;
	border-bottom: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-left: 1px solid #bbb;
	border-top: 1px solid #bbb;
	width: 350px;
	height: 80px;
	float: left;
}

div.submit {
	border-top: 1px solid #ccc;
	background: #eee;
	padding: 10px;
	margin-top: 10px;
}

div.day {
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}

/* --- End Forms ---*/

/* --- Folders --- */

.foldercontainer {
	clear: left;
}

.folderhead {
	width: 300px !important;
	display: block;
	cursor: hand;
	cursor: pointer;
}

.folderheadwide {
	width: 600px !important;
	display: block;
	cursor: hand;
	cursor: pointer;
}

.folderheadleft {
	float: left;
	display: block;
	width: 70px;
	height: 60px;
	display: block;
}

.folderheadright {
	float: left;
	display: block;
	width: calc(100% - 70px);
	height: 60px;
	line-height: 50px;
	display: block;
}

.foldercontents {
	display: none;
}

.icondate {
	margin-bottom: 5px;
}

.icondate img {
	position: relative;
	top: 3px;
	margin-right: 5px;
}

/* --- End Folders ---*/

/* --- Download Folders --- */

.downloadcontainer {
	width: 600px;
	border-top: 1px solid #ccc;
	cursor: hand;
	cursor: pointer;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.downloadcontainer:hover {
	background: #dedede;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.downloadcontainerleft {
	float: left;
	display: block;
	width: 90px;
	height: 50px;
	padding: 10px 0 10px 10px;
}

.downloadcontainerright {
	float: left;
	display: block;
	width: 500px;
	height: 50px;
	line-height: 70px;
	font-size: 14px;
	font-weight: bold;
}

/* --- End Download Folders ---*/