html{
    height:100%;
}
.left { float: left; }
.right { float: right; }
.inlineblock { display: inline-block; }

body {
    margin:0;
    padding:0;
    /*height:100%;*/
/*    background-color: #EBF8FD; */
    background-color: #FFFFFF;
	font-family:arial;
    font-size:12px;
/*    background: url('../img/menu-background.png') #EBF8FD repeat-y top left;*/
/*    background: url('../img/menu-background.png') #FFFFFF repeat-y top left;*/
    background: #FFFFFF repeat-y top left;
}
strong{
    font-weight:bold;
}
em {
    font-style:italic;
}

p{
    margin:1em 0;
}

h2{
    font-size:16px;
    font-weight:bold;
}
h3{
    font-size:14px;
    margin-bottom:2px;
    margin-top:0;
    font-weight:bold;
}
#header {
    height: 153px;
    background: url('../images/header-bg.png') transparent repeat-x left top;
}
/*
#logo {
	background: url('../img/linkstop.jpg') transparent no-repeat right top;
	float: left;
	width: 200px;
	height:153px;
}
*/
#logo {
	float: left;
	width: 1200px;
	height:108px;
	text-align: center;
}

#logo img {
	height: 100%;
}

#topvisual {
	background: url('../images/headertop.jpg') transparent no-repeat right top;
	float: left;
	width: 279px;
	height:73px;
}
#tulogo {
	background: url('../images/tulogo.gif') transparent no-repeat right top;
	float: right;
	width: 184px;
	height:71px;
	margin-right: 30px;
}

#container {
    height: 100%;
}

#menu {
    width: 180px;
    min-height:200px;
    float: left;
    padding-left: 10px;
}
#content {
    padding: 10px;
    padding-top:0;
    margin-left: 210px;
}
#optionmenu {
    background-color: #fff;
    padding: 5px;
}

#user_list{
    /*height:470px;*/
    /*overflow: auto;*/
}


fieldset{
    /*margin-bottom:0.5em;*/
    /*padding:1em;*/
    /*width:915px;*/
    /*border:1px solid #a3a3a3;*/
}


fieldset fieldset {
    /*width: auto;*/

}
legend{
    font-weight:bold;
}
.myreports img{
    width:32px;
    height:32px;
}
.rowheader img{
    width:16px;
    height:16px;
}
.reportlist .rowheader .comments,
.reportlist .rowheader .print,
.reportlist .rowheader .details,
.reportlist .rowheader .deletereport {
    float:right;
    font-size:12px;
    margin-left: 10px;
}
.reportlist .rowheader .comments:hover,
.reportlist .rowheader .print:hover,
.reportlist .rowheader .details:hover,
.reportlist .rowheader .deletereport:hover {
    text-decoration: underline;
}
legend.border{
     /*border:1px solid black;*/
     padding:2px;
     /*width:920px;*/
     /*background-color:#00A6D6;*/
     /*color:white;*/
}
div.fieldsetpadding{
    padding:1em;
}

div.listbox {
    padding:4px;
	border:1px solid #a3a3a3;
}

img.inspphoto {
	width: 200px;
	border: 0;
}
.floatright{
	float: right;
}

div.columnform {
	width: 220px;
	float: left;
	padding-top:5px;
	padding-bottom:5px;
}
label.columnform {
	font-weight: bold;
	color:#505050;
	display:block;
}

/*
input.columnform, textarea.columnform, select.columnform {
    margin-bottom:5px;
	font-family: arial;
    font-size: 12px;
	*/
/* KvL: box-sizing, omdat input en select niet precies even breed waren... *//*

  	box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
    border:1px solid #00A6D6;
    color:#000000;
    width:210px;
	padding-left:3px;
}

input.columnformdis, textarea.columnformdis, select.columnformdis {
    margin-bottom:5px;
	font-family: arial;
    font-size: 12px;
	*/
/* KvL: box-sizing, omdat input en select niet precies even breed waren... *//*

  	box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
	color:#000000;
	border:0px;
	width:220px;
	padding-left:0px;
}
input[disabled='disabled'],textarea[disabled='disabled'] {
	background-color:#ffffff;
}
*/
/*
input.formbutton, button.formbutton {
    background-color: #FFFFFF;
    border: 2px outset #00A6D6;
	padding: 1px;
    color: #00A6D6;
    font-size: 12px;
    width:200px;
	border-radius: 5px;
}
*/
div.buttondivright {
	padding: 5px 5px 0 0;
	float:right
}
div.buttondivleft {
	padding: 5px 5px 0 0;
	float:left
}
div.report_navigation ul {
    list-style:none outside none;
    margin:0;
    padding:0;
    text-align:left;
}

div.report_navigation li {
    background-color:#FFFFFF;
    /*font-weight: bold;*/
    /*border:2px solid #000000;*/
    /*border-top:0;*/
    float:left;
    display: inline-block;
    margin:0 0.35em 0 0;
    text-align:center;
    border:1px solid #00A6D6;
	border-radius: 6px 6px 0 0;
	padding: 6px;
}
div.report_navigation li a {
    display: block;
    color: #00A6D6;
    text-decoration: none;
    height:50px;
    width:112px;
}
div.report_navigation li.selected {
    background-color:#00A6D6;
}
div.report_navigation li.selected a {
    color: #FFFFFF;
    text-decoration: none;
}

div.inner-form img.delete_substance {
    float:right;
}
div.inner-form {
	background-color: #F2F2F2;
    border:1px solid grey;
	border-radius: 6px;
    padding:10px;
    margin-bottom:10px;
}

div.inner-form-white {
	background-color: white;
	border:1px solid grey;
	border-radius: 6px;
	padding:10px;
	margin-bottom:10px;
}

div.grey{
	background-color: #F2F2F2;
    padding:10px;
    margin-bottom:10px;
}

div.body-print {
    background-color:white;
    width:600px;
    padding:10px 10px 10px 10px;
    margin-bottom:10px;
	font-family:"Arial";
	font-size:12px;
}

div.body-print2 {
    background-color:white;
    padding:10px 10px 10px 10px;
    margin-bottom:10px;
	font-family:"Arial";
	font-size:12px;
}

div.inner-form div.inner-form{
    width:450px;
}

div#optionmenu {
    background-color:#FFFFFF;
    border:2px solid #000000;
    color:#000000;
    overflow:hidden;
    width:162px;
    margin-bottom:10px;
}
div#optionmenu a {
    color:#000000;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
}
div.restmenu a {
    color:#FFFFFF;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
}

div.error_message {
    background-color:#FFFFDD;
    background-image:url("../images/icons/warning.gif");
    background-position:5px 5px;
    background-repeat:no-repeat;
    color:#CA3E52;
    font-weight:bold;
    left:198px;
    overflow:hidden;
    padding:7px 5px 5px 30px;
    margin: 0 -10px 0 -20px;
}

.myreports{
    margin-top:10px;
}

.reportlist {
    border:1px solid #000;
    margin-bottom:20px;
}

span {
	font-size:12px;
}
span.title{
	/*font-size:16px;*/
    /*font-weight:bold;*/
}
span.subtitle{
	color:#00A6D6;
	font-size:14px;
    font-weight:bold;
}
span.title2{
	color:#00A6D6;
	font-size:16px;
    font-weight:bold;
}

p.pagetitle-print {
	font-weight: bold;
    font-size:16px;
    padding:0;
}
p.subtitle-print {
	font-weight: bold;
    font-size:14px;
    padding:0;
}


.label {
    display:block; /* anders in FF neemt hij de waarde niet mee */
	font-weight: bold;
	width:200px;
	vertical-align:top;
	text-align:left;
	float:left;
	padding-bottom:4px;
}
.olabel {
	display:block; /* anders in FF neemt hij de waarde niet mee */
	font-weight: bold;
	width:200px;
	vertical-align:top;
	text-align:left;
	float:left;
	padding-bottom:4px;
}
.label-print {
    display:block; /* anders in FF neemt hij de waarde niet mee */
	width:200px;
	vertical-align:top;
	text-align:left;
	float:left;
	padding-bottom:2px;
}

.field-widget { /* rechterveld */
  	width:470px;
  	float:left;
	padding-bottom:4px;
}

.field-widget-print { /* rechterveld */
  	width:360px;
  	float:left;
	vertical-align:top;
	padding-bottom:2px;
}

.reportlist .row {
    background-color:#00A6D6;
    color:white;
    padding: 5px;
}

.reportlist .rowheader {
    border-bottom:1px solid #a3a3a3;
}
.reportlist {
    border:1px solid #FFF;
}

.reportlist .rowheader {
    background-color:#FFFFFF;
/*    background-color:#C4C4C4;*/
	height:20px;

}
.reportlist .rowheader a {
/*    color:white;*/
	color:#00A6D6;
/*    font-weight:bold;*/
    font-size:16px;
    text-decoration: none;
}
/*
.history .row:hover {
    cursor: pointer;
    background-color: #909090;
}
*/
.notes {
    width:807px;
}

.blockOverlay {
    cursor:default!important;
}

label.error {
    display:none!important
}
.error,
.error:focus,
.error:active{
    border:1px solid red;
}

#helptext {
    background:url("../images/astrologer.jpg") no-repeat scroll 0 0 #FFFED4;
    border:1px solid #CCCCCC;
    font-size:11px;
    padding:22px 4px 4px;
    width:205px;
    z-index:100;
    left:1150px;
    position:absolute;
    display:none;
}

#search p{
    margin-top:0;
}
#search label{
    width:120px;
}
#search ul {
    display:inline-block;
}
.reportrow {
    width: 920px;
    display: block;
    padding:5px;
}
.reportrow:hover {
   cursor: pointer;
   background-color: #FFFFBB;
}

th {
    font-weight: bold;
}
tfoot td { font-style: italic;}

.usertable  th {
    text-align: center;
}
.usertable  tr {
    border-color: inherit;
    display: table-row;
    vertical-align: inherit;
}
.usertable td {
    border: 1px solid #00A6D6;
    font-family: arial;
    font-size: 12px;
    margin: 0px;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    width: 200px;
}
table.simpleborder {
	border-top: 1px solid #a3a3a3;
	border-left: 1px solid #a3a3a3;
}
.simpleborder  tr {
    border-color: inherit;
    display: table-row;
    vertical-align: inherit;
}
.simpleborder th {
	border-right: 1px solid #a3a3a3;
	border-bottom: 1px solid #a3a3a3;
	background-color: #FFFFFF;
    font-family: arial;
    font-size: 12px;
	padding-left: 2px;
	padding-right: 5px;
}
.simpleborder td {
	border-right: 1px solid #a3a3a3;
	border-bottom: 1px solid #a3a3a3;
	background-color: #FFFFFF;
    font-family: arial;
    font-size: 12px;
	padding-left: 2px;
	padding-right: 5px;
}

td.grijs {
	background-color: #CACACA;
}
td.rood {
	background-color: #F80000;
}
td.groen {
	background-color: #33CC00;
}
td.groen1 {
	background-color: #33CC00;
}
td.groen2 {
	background-color: #29A500;
}
td.geel {
	background-color: #ffff00;
}
td.blauw {
	background-color: #00C2FD;
}
td.roze {
	background-color: #ffc0cb;
}
td.vms {
	vertical-align: middle;
	text-align: center;
}
a.vmsa:link {color:#000000}
a.vmsa:visited {color:#000000}
a.vmsa:hover {color:#000000}
a.vmsa:active {color:#000000}

table.logtable {
	border-top: 1px solid #a3a3a3;
	border-left: 1px solid #a3a3a3;
	border-right: 1px solid #a3a3a3;
}
.logtable  th {
    text-align: center;
}
.logtable  tr {
    border-color: inherit;
    display: table-row;
    vertical-align: inherit;
}
.logtable td {
    border-bottom: 1px solid #a3a3a3;
	background-color: #FFFFFF;
    font-family: arial;
    font-size: 12px;
	padding-left: 2px;
}

div.cwlegend {
	/*background: url('../images/cwhaz_legend.png') no-repeat;
	background-size: 100%;
	vertical-align: middle;*/
	margin: 0;
	padding: 0;
	overflow: hidden;
}

div.cwlegend > img{
	width: 250px !important;
	max-width: none;
	height: 6px;
	vertical-align: top;
}
div.cwbars > img{
	height: 20px;
}

div.cw0 {
	background: url('../images/cwhaz_nul.png') no-repeat;
	background-size: 100%
}
div.cw1 {
	background: url('../images/cwhaz_min.png') no-repeat;
	background-size: 100%
}
div.cw2 {
	background: url('../images/cwhaz_low.png') no-repeat;
	background-size: 100%
}
div.cw3 {
	background: url('../images/cwhaz_mod.png') no-repeat;
	background-size: 100%
}
div.cw4 {
	background: url('../images/cwhaz_high.png') no-repeat;
	background-size: 100%
}
div.cw5 {
	background: url('../images/cwhaz_ext.png') no-repeat;
	background-size: 100%
}

table.noborder {
	border-top: 1px solid #a3a3a3;
	border-left: 1px solid #a3a3a3;
	border-right: 1px solid #a3a3a3;
    border-bottom: 1px solid #a3a3a3;
}
.noborder  th {
    text-align: left;
}
.noborder  tr {
    display: table-row;
    vertical-align: inherit;
}
.noborder td {
	background-color: #FFFFFF;
    font-family: arial;
    font-size: 12px;
	padding: 2px;
}


.blockMsg {
    overflow:auto;
}


/**
Bootstrap adjustments/correction so it will display correct in the page
**/
.bootstrap #container {
	margin-top: 44px;
}

.navbar .dropdown-menu {
	left: auto;
}

.row fieldset {
	width: 100%;
}

.pagination ul {
	padding: 0;
}

.pagination *[class|=selector] {
	position: relative;
	top: -3px;
	width: 80px;
}

.pagination option {
	text-align: right;
}

.pagination ul>li>a, .pagination ul>li>span {
    padding: 2px 12px !important;
}

.pGroup select {
	border-radius: 0;
	border: 1px #888 solid;
	padding: 0;
	height: 22px;
	width: auto;
	margin-top: 1px;
}

.pGroup input[name="page"] {
	border-radius: 0;
	border: 1px #888 solid;
	padding: 0;
	height: 20px;
	width: auto;
	margin: 0;
	top: -4px !important;
}

.pGroup .pcontrol {
	top: 3px !important;

}

.pGroup .pPageStat {
	top: 3px !important;
}


#search fieldset {
	margin-bottom: 14px;
}