/* Base stylesheet based on koier.nl */

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
margin:0;
padding:0;
}

/* Main elements */
h1 { font-size: 26px; color: #f47836; font-family: 'PT Sans', sans-serif; font-weight: normal; margin-bottom: 10px; line-height: 28px; }
h2 { font-size: 18px; color: #58595b; font-family: 'PT Sans', sans-serif; font-weight: normal; margin-bottom: 8px; line-height: 22px; }
h3 { font-size: 14px; color: #58595b; font-family: 'PT Sans', sans-serif; font-weight: normal; margin-bottom: 4px; }

a { color: #ef6d2f; text-decoration: none; outline:none; }
a:hover { color: #ef6d2f; text-decoration: underline; outline:none; }
a img { outline:none; border:none; } 

body { background: #fefefe; color: #939598; font-family: Trebuchet MS, arial; font-size: 14px; line-height: 18px; }

select { -webkit-appearance: menulist; box-sizing: border-box; -webkit-box-align: center; border: 1px solid; white-space: pre; -webkit-rtl-ordering: logical; color: black; background-color: white; cursor: default; }

/* Instructions underneath page header */
.instruction {
	width: 950px;
	background-color: #007aa3;
	color: #ffffff;
	padding: 3px;
	border: solid 2px #007aa3; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
}

.intro {width: 950px;}

/* Footer section */
#rechts2 {float: right; font-size: 10px; text-align:center; }
#rechts2 a {color: #939598;}

/* Forms */
form .clearfix{margin-bottom:2px;zoom:1; padding: 2px;}
form .clearfix:before,form .clearfix:after{display:table;content:"";zoom:1;} 
form .button {color: #ccc; background-color: #666; padding: 5px 10px; border-top: 3px solid #ff8000; margin: 2px; }


fieldset {padding: 10px; width: 920px; border: solid 2px #007aa3; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } 
legend {font-weight: normal; border: solid 2px #007aa3; color: #ffffff; background-color: #007aa3; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 2px; margin-left: 10px; }
em { position: relative; right: 0; font-size: 120%; font-style: normal; color: #C00; }
label { margin-right: 10px; padding-right: 10px; width: 200px; display: block; float: left; text-align: right; position: relative; }
div.formline {margin: 5px;}


table.report {padding: 2px; }
td.reportheader {background-color: #666; color: #eeeeee; font-weight: bold; padding: 4px; }
td.reportcontent {color: #666; padding: 4px; }
td.filter {background-color: #efefef; color: #000; padding: 1px; border-top: 2px solid #007aa3; border-bottom: 2px solid #007aa3; }

/* Logbook style for reporting */
table.logbook {padding: 2px; font-size: 11px; }
td.logbookheader {background-color: #58595b; color: #eeeeee; font-weight: bold; padding: 2px; }
td.logbookcontent {color: #666; padding: 2px; border-bottom: 1px solid #aaaaaa; background-color: #ffffff; }

#header { width: 100%; float: left; height: 160px; background: url(/images/header.jpg) no-repeat left; }
#headerschaduw { background: url(/images/headerglow.png) repeat-x top; height: 10px; float:left; width: 100%; }
#container {width: 960px; margin: 0 auto; }
#onder-header { width: 960px; float:left; margin-top:-10px; }

#logo { width: 295px; height: 95px; float:left; padding-right: 40px; 
	background: url(/images/logo.png) no-repeat left;
	margin-top: 7px;
}

#blokken { float:left; width: 625px; height: 35px; position: relative;}
#content {float:left; width: 1080px; padding: 35px 0; }

.errorMessages {
	color: #ff0000;
	border: solid 2px #aaaaaa;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	width: 944px;		
}
ul.errorMessages {
	padding: 4px;
	left-margin: 2em;
	list-style: none;
}

ul.errorMessages li:before {
	content: "\00BB \0020";
	color: #000000;
	font-weight: bold;
}

.fieldWithErrors {
	background: url('/images/icons/marker-pencil-icon.png') right no-repeat;
	padding-right: 20px;
}


.btn.danger {color: #ffffff; background-color:#c43c35;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#ff8000), to(#c43c35));background-image:-moz-linear-gradient(top, #ff8000, #c43c35);background-image:-ms-linear-gradient(top, #ff8000, #c43c35);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff8000), color-stop(100%, #c43c35));background-image:-webkit-linear-gradient(top, #ff8000, #c43c35);background-image:-o-linear-gradient(top, #ff8000, #c43c35);background-image:linear-gradient(top, #ff8000, #c43c35);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8000', endColorstr='#c43c35', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#c43c35 #c43c35 #882a25;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
.btn.success,.alert-message.success{background-color:#57a957;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-ms-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(top, #62c462, #57a957);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#57a957 #57a957 #3d773d;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
.btn{cursor:pointer;display:inline-block;background-color:#e6e6e6;background-repeat:no-repeat;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);padding:5px 14px 6px;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);color:#333;font-size:13px;line-height:normal;border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-webkit-transition:0.1s linear all;-moz-transition:0.1s linear all;-ms-transition:0.1s linear all;-o-transition:0.1s linear all;transition:0.1s linear all;}.btn:hover{background-position:0 -15px;color:#333;text-decoration:none;}
.btn:focus{outline:1px dotted #666;}
.btn.primary{color:#ffffff;background-color:#0064cd;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));background-image:-moz-linear-gradient(top, #049cdb, #0064cd);background-image:-ms-linear-gradient(top, #049cdb, #0064cd);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));background-image:-webkit-linear-gradient(top, #049cdb, #0064cd);background-image:-o-linear-gradient(top, #049cdb, #0064cd);background-image:linear-gradient(top, #049cdb, #0064cd);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#0064cd #0064cd #003f81;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);} 
.btn.active,.btn:active{-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);}
.btn.disabled{cursor:default;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);filter:alpha(opacity=65);-khtml-opacity:0.65;-moz-opacity:0.65;opacity:0.65;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.btn[disabled]{cursor:default;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);filter:alpha(opacity=65);-khtml-opacity:0.65;-moz-opacity:0.65;opacity:0.65;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.btn.large{font-size:15px;line-height:normal;padding:9px 14px 9px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.btn.small{padding:7px 9px 7px;font-size:11px;}
:root .alert-message,:root .btn{border-radius:0 \0;}
button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner{padding:0;border:0;}


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }