/*booking*/
table.BOOKVIEW {margin:auto;}

table.BOOKVIEW td {border-left: 1px solid rgb(220,228,240);}

/* HEADER */
table.BOOKVIEW th {cursor:pointer; width:8%; font-size:0.9em;}
table.BOOKVIEW .hoursHeight {font-weight:bold; font-size:0.9em; width:80px;}

/* RULE */
table.BOOKVIEW tr.rule td {border-left: 1px solid black; font-size:3px;}
table.BOOKVIEW tr.rule td.s {border-left: 1px solid rgb(220,228,240);} /* this one is used for first box : no border to display */

/* LINE */
table.BOOKVIEW tr.line td {background-color:gainsboro;cursor:pointer;
text-align: center;
width: 20px;}
/* unfree slot color background */
table.BOOKVIEW tr.line td.q {background-color:#BB8822;}

/* other school slot color background */
table.BOOKVIEW tr.line td.p {background-color:#E04444;}

/* other slot color background */
table.BOOKVIEW tr.line td.o {background-color:#FF6655;}

/* own school slot color background */
table.BOOKVIEW tr.line td.m {background-color:#44BB44;}

/* own slot color background */
table.BOOKVIEW tr.line td.l {background-color:#22DD22;}

/* night color background */
table.BOOKVIEW tr.line td.n {background-color:#337AFF;}

/* twilight color background */
table.BOOKVIEW tr.line td.t {background-color:#66CCFF;}

/* standard color background : used for first and last boxes */
table.BOOKVIEW tr.line td.s {background-color:rgb(220,228,240);cursor:auto;} /* should be like BODY background*/

th.thHeight, th.instHeight {border: 1px solid gainsboro;}

/* action bar icons */
.streamTypes { color: #888; float: left; width: 48%; text-align: left; margin-top: 2px; }

.streamTypes a {
	background: url(../images/stream/aperture_16x16.png) no-repeat 0 0;
	width: 16px;
	height: 16px;
	display: inline-block;
	line-height: 600px;
	overflow: hidden;
	margin: 0 .25em;
	position: relative;
	top: 4px;
}

.streamTypes a:first-child { margin-left: .5em; }

.streamTypes .streamTypeBack {
	background-image: url(../images/icons/terug_16x16.png);
}

.streamTypes .streamTypeNew {
	background-image: url(../images/icons/nieuw_16x16.png);
}

#contentHeader .logo {
  height: 95px;
  float: left;
}

.totalsTable {
  margin-top: 15px;
  border: 1px solid #E3E3E3;
  display: inline-table;
  width: 100%;
}