html {
    overflow-y: scroll;
}

body {
	margin: 0 5px 0 0;
    padding:21px 0;
	color: #000000;
	font-size: 12px;
	font-family: verdana, arial;
    background-color:#F3F5F6;
}

img {
	border: 0;
}
a {
	color: #BB5500;
}
a:hover {
	color: #336699;
}

.center {
	text-align: center;
}

label { cursor: pointer; }

h1.bg, h2.bg, h3.bg, h4.bg, h5.bg, h6.bg {
	border-bottom: 4px solid #336699;
	padding-bottom: 2px;
	margin-bottom: 5px;
	font-style: italic;
	}

h1 {
    font-size: 1.3em;
    font-style: italic;
    padding-top: 5px;
}

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

.hide {
    display: none;
}

.dialog {
    display: none;
}

.invaller {
    background-color: #ffff99;
}

#feedback-ja,
#feedback-nee {
    padding: 8px;
    border: 1px solid #cccccc;
}
.feedback-ja-offf,
.feedback-nee-offf {
    color: #999999;

}
.feedback-ja-off {
    background-color: #ffffff;
}
.feedback-ja-on {
    background-color: #00aa00;
    color: #ffffff;
}
.feedback-nee-off {
    background-color: #ffffff;
}
.feedback-nee-on {
    background-color: #cc0000;
    color: #ffffff;
}



.js {
	display: none;
}

/*.overlay{position:absolute;top:0;left:0;z-index:120}
.overlay img{display:block;width:32px;height:32px;margin:160px auto 0 auto}
*/

.loadmask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #CCC;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #6593cf;
    background: #c3daf9;
    padding:2px;
}
.loadmask-msg div {
    padding:5px 10px 5px 25px;
    background: #fbfbfb url('../images/loading.gif') no-repeat 5px 5px;
    line-height: 16px;
	border:1px solid #a3bad9;
    color:#222;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    cursor:wait;
}
.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}







.container {
	margin:0 auto;
	max-width:87.5em;
	min-width:875px;

	background: #FFFFFF url('../images/shadow/sh_left.png') repeat-y left top;
	position:relative;
}

.header {
	background:transparent url('../images/shadow/sh_top.png') no-repeat left top;
	padding:8px 24px 0;
	position:relative;
}
.header span {
	background:transparent url('../images/shadow/sh_top-right.png') no-repeat right top;
	min-height:100%;
	position:absolute;
	right:0;
	top:0;
	width:16px;
}

.c1 {
	background:transparent url('../images/shadow/sh_right.png') repeat-y right top;
	padding:0;
	position:relative;
}
.c2 {
	border-top: 10px solid #336699;
	margin:-5px 8px;
	position:relative;
}
.content {
	padding:0 24px 0 24px;
	position:relative;
	top:-10px;
	overflow:hidden;
}

.top_links {
    width: 100%;
    position: absolute;
    top: -12px;
  /*  text-shadow: 0 1px 1px #ffffff;*/
}

/*
.band_title {
    width: 100%;
	height: 18px;
	background-color: #ff9900;
	color: #ffffff;
	text-align: right;
}
*/

.band_title span {
	padding-right: 24px;
}

.top_links a {
    text-decoration: none;
}

.top_links .left { float: left;    padding: 0px 0px 0px 10px; }
.top_links .right { float: right;     padding: 0px 10px 0px 0px;}

.footer {
    background: url('../images/shadow/sh_bot.png') left bottom no-repeat;
    position: relative;
}

.footer span {
    background: url('../images/shadow/sh_bot-right.png') right bottom no-repeat;
    min-height: 100%;
    width: 16px;
    position: absolute;
    bottom: 0;
    right: 0;
}


td.arrow {
    vertical-align: middle;
    font-size: 2.7em;
}

p.fieldsetbg {
	padding:0.6em 0.6em 0.6em 0.6em; border: 1px solid #ccc; margin: 0;
	background-color: #eeeeee;
	font-size: 1.4em;
	font-weight: bold;
}

.geannuleerd p.fieldsetbg {
	background-color: #dd0000;
	border: 4px solid #999999;
	color: #ffffff;
}
.aanvraag p.fieldsetbg {
	background-color: #ffffff;
	border: 4px solid #999999;
}
.optie p.fieldsetbg {
	background-color: #ffff00;
	border: 4px solid #999999;
}
.definitief p.fieldsetbg {
	background-color: #00aa00;
	border: 4px solid #999999;
	color: #fff;
}
.afgerond p.fieldsetbg {
	background-color: #008800;
	border: 4px solid #999999;
	color: #ffffff;
}

#nav {

    width: 150px;
    padding: 5px 5px 0 8px;
}


#nav form.selectband {
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid black;
}


.v-top{ vertical-align: top; }



#inlogformulier {
	width: 400px;
	margin: 30px auto 0 auto;
}
#inlogformulier h1 {
	background-color: #336699;
	color: #ffffff;
	margin-bottom: 0px;
	padding: 7px 5px 5px 16px;
}
#inlogformulier h2 {
	margin: 0;
	padding: 0;
	text-align: center;
}

#inlogformulier table {
	margin-top: 0px;
    width: 100%;
    margin: 0 auto;
	border: 1px solid #336699;
	padding: 10px;
}
#inlogformulier td {
padding: 2px;
}

#inloggen p.error {
	color: red;
}

table#gegevens td {
    margin: 1px;
    background: #dddddd;
    padding: 7px 20px 7px 7px;
}


table.lijst {
    width: 100%;
    margin: 0;
    margin-top: 10px;
	
}

table.lijst td, table.lijst th {
    margin: 0;
    border: 1px solid #cccccc;
}

table.lijst th {
    background: #336699;
    color: #ffffff;
}

table.lijst tr.leeg td {
    border: 0;
}

table.hover tr:hover {
	background-color: #eeeeee;
}
table.hover tr.leeg:hover {
	background-color: #ffffff;
}
table.hover td:hover {
	cursor: pointer;
}
table.hover tr.leeg td:hover {
	cursor: none;
}





table.loading, table.loading td {
	color: #aaaaaa;

}

span#loading_text {
    display: none;
}



div.buttonbar {
    height: 26px;
    width: 100%;
    text-align: right;
}

a.button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset;
    color: #FFF;
    display: inline-block;
    font: bold 12px/1.0em sans-serif;
    outline: none;
    padding: 6px 12px 6px 8px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 0 #438320;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
    zoom: 1;


    background: #cccccc; /* Old browsers */
    background: -moz-linear-gradient(top, #cccccc 0%, #999999 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#999999)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cccccc 0%,#999999 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cccccc 0%,#999999 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #cccccc 0%,#999999 100%); /* IE10+ */
    background: linear-gradient(top, #cccccc 0%,#999999 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
    border: 1px solid #888888;
}
a.button:hover {
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 3px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 3px rgba(0,0,0,0.4);
    box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 3px rgba(0,0,0,0.4);
    color: #FFF;



    background: #bbbbbb; /* Old browsers */
    background: -moz-linear-gradient(top, #bbbbbb 0%, #888888 75%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(75%,#888888)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #bbbbbb 0%,#888888 75%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #bbbbbb 0%,#888888 75%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #bbbbbb 0%,#888888 75%); /* IE10+ */
    background: linear-gradient(top, #bbbbbb 0%,#888888 75%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#888888',GradientType=0 ); /* IE6-9 */
    border-color: #777777;
}
a.button:focus {
    background: #999999; /* Old browsers */
    background: -moz-linear-gradient(top, #999999 0%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #999999 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #999999 0%,#cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #999999 0%,#cccccc 100%); /* IE10+ */
    background: linear-gradient(top, #999999 0%,#cccccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}


a.groen {
    background: #7CD54B; /* Old browsers */
    background: -moz-linear-gradient(top, #7CD54B 0%, #589534 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7CD54B), color-stop(100%,#589534)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7CD54B 0%,#589534 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7CD54B 0%,#589534 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7CD54B 0%,#589534 100%); /* IE10+ */
    background: linear-gradient(top, #7CD54B 0%,#589534 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7CD54B', endColorstr='#589534',GradientType=0 ); /* IE6-9 */
    border: 1px solid #5C9C36;
}
a.groen:hover {
    background: #6BB640; /* Old browsers */
    background: -moz-linear-gradient(top, #6BB640 0%, #589534 75%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6BB640), color-stop(75%,#589534)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6BB640 0%,#589534 75%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6BB640 0%,#589534 75%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #6BB640 0%,#589534 75%); /* IE10+ */
    background: linear-gradient(top, #6BB640 0%,#589534 75%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6BB640', endColorstr='#589534',GradientType=0 ); /* IE6-9 */
    border-color: #438320;
}
a.groen:focus {
    background: #589534; /* Old browsers */
    background: -moz-linear-gradient(top, #589534 0%, #7CD54B 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#589534), color-stop(100%,#7CD54B)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #589534 0%,#7CD54B 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #589534 0%,#7CD54B 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #589534 0%,#7CD54B 100%); /* IE10+ */
    background: linear-gradient(top, #589534 0%,#7CD54B 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#589534', endColorstr='#7CD54B',GradientType=0 ); /* IE6-9 */
}



a.oranje {
    background: #FF9933; /* Old browsers */
    background: -moz-linear-gradient(top, #FF9933 0%, #E68A2E 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9933), color-stop(100%,#E68A2E)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FF9933 0%,#E68A2E 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FF9933 0%,#E68A2E 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #FF9933 0%,#E68A2E 100%); /* IE10+ */
    background: linear-gradient(top, #FF9933 0%,#E68A2E 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF9933', endColorstr='#E68A2E',GradientType=0 ); /* IE6-9 */
    border: 1px solid #5C9C36;
}
a.oranje:hover {
    background: #FF6600; /* Old browsers */
    background: -moz-linear-gradient(top, #FF6600 0%, #E65C00 75%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF6600), color-stop(75%,#E65C00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FF6600 0%,#E65C00 75%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FF6600 0%,#E65C00 75%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #FF6600 0%,#E65C00 75%); /* IE10+ */
    background: linear-gradient(top, #FF6600 0%,#E65C00 75%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF6600', endColorstr='#E65C00',GradientType=0 ); /* IE6-9 */
    border-color: #438320;
}
a.oranje:focus {
    background: #E68A2E; /* Old browsers */
    background: -moz-linear-gradient(top, #E68A2E 0%, #FF9933 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E68A2E), color-stop(100%,#FF9933)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #E68A2E 0%,#FF9933 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #E68A2E 0%,#FF9933 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #E68A2E 0%,#FF9933 100%); /* IE10+ */
    background: linear-gradient(top, #E68A2E 0%,#FF9933 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E68A2E', endColorstr='#FF9933',GradientType=0 ); /* IE6-9 */
}



a.rood {
    background: #E62E00; /* Old browsers */
    background: -moz-linear-gradient(top, #E62E00 0%, #CC2900 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E62E00), color-stop(100%,#CC2900)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #E62E00 0%,#CC2900 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #E62E00 0%,#CC2900 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #E62E00 0%,#CC2900 100%); /* IE10+ */
    background: linear-gradient(top, #E62E00 0%,#CC2900 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E62E00', endColorstr='#CC2900',GradientType=0 ); /* IE6-9 */
    border: 1px solid #5C9C36;
}
a.rood:hover {
    background: #B22400; /* Old browsers */
    background: -moz-linear-gradient(top, #CC2900 0%, #B22400 75%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CC2900), color-stop(75%,#B22400)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #CC2900 0%,#B22400 75%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #CC2900 0%,#B22400 75%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #CC2900 0%,#B22400 75%); /* IE10+ */
    background: linear-gradient(top, #CC2900 0%,#B22400 75%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC2900', endColorstr='#B22400',GradientType=0 ); /* IE6-9 */
    border-color: #438320;
}
a.rood:focus {
    background: #CC2900; /* Old browsers */
    background: -moz-linear-gradient(top, #CC2900 0%, #E62E00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CC2900), color-stop(100%,#E62E00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #CC2900 0%,#E62E00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #CC2900 0%,#E62E00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #CC2900 0%,#E62E00 100%); /* IE10+ */
    background: linear-gradient(top, #CC2900 0%,#E62E00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC2900', endColorstr='#E62E00',GradientType=0 ); /* IE6-9 */
}


a.button span {
    padding-left: 3px;
    display:block;
    line-height: 16px;
}
a.button span.add {
    background:url('../images/add.png') no-repeat 0px 0px;
    padding-left: 0;
    text-indent: 20px;
}
a.button span.edit {
    background:url('../images/wrench_orange.png') no-repeat 0px 0px;
    padding-left: 0;
    text-indent: 20px;
}
a.button span.delete {
    background:url('../images/cross.png') no-repeat 0px 0px;
    padding-left: 0;
    text-indent: 20px;
}
a.button span.status {
    background:url('../images/tag_orange.png') no-repeat 0px 0px;
    padding-left: 0;
    text-indent: 20px;
}
a.button span.email {
    background:url('../images/email.png') no-repeat 0px 0px;
    padding-left: 0;
    text-indent: 20px;
}




table.lijst tr.geannuleerd td.status,
table.legenda td.boxgeannuleerd {
    background-color: #aa0000;
        color: white;
}
/*
table.lijst tr.geannuleerd td span {
    color: #888888;
}
table.lijst tr.geannuleerd td a, table.lijst tr.geannuleerd td a.visited {
    color: #888888;
}*/
table.lijst tr.aanvraag td.status,
table.legenda td.boxaanvraag,
#optredendetails table.details td.aanvraag {
    background-color: white;
}

table.lijst tr.geannuleerd td.status,
table.legenda td.boxgeannuleerd,
#optredendetails table.details td.geannuleerd {
    background-color: #dd0000;
    color: white;
}

table.lijst tr.optie td.status,
table.legenda td.boxoptie,
#optredendetails table.details td.optie {
    background-color: yellow;
}
table.lijst tr.definitief td.status,
table.legenda td.boxdefinitief,
#optredendetails table.details td.definitief {
    background-color: #00aa00;
	color: white;
}
table.lijst tr.afgerond td.status,
table.legenda td.boxafgerond,
#optredendetails table.details td.afgerond {
    background-color: #008800;
    color: white;
}

table.lijst td.compleet {
    background-color: #00aa00;
	color: white;
}
table.lijst td.incompleet {
    background-color: #dd0000;
	color: white;
}

table.lijst tr.oud {
    display: none;
}


#optredendetails {
    width: 100%;
}

#optredendetails table.details td {
    font-size:1em;
    background-color: #eeeeee;
    padding: 3px 6px 3px 6px;
    color: #444444;
}

#optredendetails table.details td.dark {
    background-color: #cccccc;
    font-weight: bold;
}

#optredendetails table.details tr.tijden td {
    text-align: center;
    padding: 10px;
    width: 20%;
}



.instrumentenform li input {
  width: 180px;
}
.remNew {
    float: right; display: block;
}



.bg-red { background-color: #cc0000; color: #ffffff; }
.bg-green { background-color: #00aa00; color: #ffffff; }

/* --------------- */
/* ERROR-BOXES     */
/* --------------- */


.waarschuwing {
	background-color: #fff6bf;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	margin-bottom: 5px;
	color: #003366;
	}

.error {
	background-color: #fff6bf;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #cc0000;
	border-bottom: 2px solid #cc0000;
	margin-bottom: 5px;
	color: #003366;
	}


.floatleft {
	float: left;
}

.floatright {
	float: right;
}

/* new clearfix
http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */







div.time-picker {
  position: absolute;
  height: 191px;
  width:6em; /* needed for IE */
  overflow: auto;
  background: #fff;
  border: 1px solid #aaa;
  z-index: 99;
  margin: 0;
}
div.time-picker-12hours {
  width:8em; /* needed for IE */
}

div.time-picker ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.time-picker li {
  cursor: pointer;
  height: 10px;
  font: 12px/1 Helvetica, Arial, sans-serif;
  padding: 4px 3px;
}
div.time-picker li.selected {
  background: #0063CE;
  color: #fff;
}






.ms2side__div {
    clear: left;
    width: 100%;
    padding: 1px;
    float: left;
    background : url('') repeat-x; /* HACK FOR CHROME */
}

.ms2side__select {
    float: left;
}

.ms2side__header {
    color: #000088;
    background-color: #EEEEFF;
    margin-left: 3px;
    width: 220px;
    height: 20px;
}

.ms2side__options, .ms2side__updown {
    float: left;
    font-size: 10pt;
    margin: 0;
    padding: 0 8px;
    width: 60px;
    color: black;
    text-align: center;
    overflow: hidden;
}

.ms2side__updown {
    font-size: 9pt;
}

.ms2side__options p, .ms2side__updown p {
    margin: 10px 0;
    padding: 0;
    cursor: pointer;
    border: 1px solid black;
}

.ms2side__options p.ms2side_hover, .ms2side__updown p.ms2side_hover {
    background-color: #F0F0FF;
    border-color: #0000FF;
    cursor: pointer;
}

.ms2side__options p.ms2side__hide, .ms2side__updown p.ms2side__hide {
    cursor: default;
    color: gray;
    border: 1px solid gray;
    background-color: #F0F0F0;
}

.ms2side__div select {
    width: 220px;
    float: left;
    height: 160px;
}


/* INPUT FOR SEARCH */
.ms2side__header input {
    width: 80px;
    height: 12px;
}

.ms2side__header input.wait {
    width: 80px;
    height: 12px;
    background: #FFFFFF url(/_/images/ms2side/loading.gif) no-repeat center right;
}

.ms2side__header input.small {
    width: 50px;
    height: 12px;
}


/* INPUT FOR SELECT SEARCH */
.ms2side__header select {
    width: 100px;
    font-size: 11px;
    height: 18px;
    float: none;
}

.ms2side__header select.small {
    width: 70px;
}


/* REMOVE FILTER OPTION FOR SEARCH */
.ms2side__header a {
    font-size: 10pt;
    padding: 0 8px;
    width: 16px;
    height: 16px;
    color: black;
    text-align: center;
    text-decoration: none;
    border: 1px solid gray;
    background: #FFFFFF url(/_/images/ms2side/close.gif) no-repeat center center;
    margin: 0 0 0 3px;
}

.ms2side__header a:hover {
    background-color: #F0F0FF;
    border-color: gray;
}







.sortable { list-style-type: none; margin: 0; padding: 0; }
.sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 25px;  cursor: pointer;}
.sortable li span { position: absolute; margin-left: -1.3em; }


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin:         0;
    padding:        0;
    list-style:     none;
    /* z-index: 10; */
}
.sf-menu {
    line-height:    1.0;
}
.sf-menu ul {
    position:       absolute;
    top:            -999em;
    width:          10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul.geledingen {
    width:          16em;
}
.sf-menu ul li {
    width:          100%;
}
.sf-menu li:hover {
    visibility:     inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float:          left;
    position:       relative;
}
.sf-menu a {
    display:        block;
    position:       relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:           0;
    top:            1.5em; /* match top ul list item height */
    z-index:        99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top:            -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left:           10em; /* match ul width */
    top:            0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top:            -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left:           10em; /* match ul width */
    top:            0;
}

/*** SKIN ***/
.sf-menu {
    float:          left;
    margin-bottom:  1em;
    top: 39px;
    margin-left: 15px;
    position: relative;
}
.sf-menu a {
    /*border-left:  1px solid #fffff;*/
    border-top:     0px;
    padding:        .4em .8em .9em;
    text-decoration: none;
}

.sf-menu a.topfirst {
    border-left: 0
}

.sf-menu li li a {
    padding:        .25em .75em;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color:          #000000;
}
.sf-menu li {
    background:     #f0f0f0;
    font-family: 'Verdana', sans-serif;
    font-size: 1.25em;
    font-weight: bold;
    margin: 0 3px;
}
.sf-menu li li {
    border: 1px solid #333333;
    border-top: 0;
    background:     #e9bb3a;
    font-family: 'Verdana', sans-serif;
    font-size: .75em;
}
.sf-menu li li li {
    background:     #9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu a.current {
    background:     #336699;
    outline:        0;
    color: #ffffff;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right:  2.25em;
    min-width:      1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
    position:       absolute;
    display:        block;
    right:          .75em;
    top:            1.05em; /* IE6 only */
    width:          10px;
    height:         10px;
    text-indent:    -999em;
    overflow:       hidden;
    background:     url('/includes/img/layout/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    top:            .8em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
    background: url('/includes/img/layout/shadow.png') no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}











/* --------------------------------------------------------------

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms

   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)

-------------------------------------------------------------- */

/* 
    A special hack is included for IE8 since it does not apply padding 
    correctly on fieldsets
 */ 
label       { font-weight: bold; }
fieldset    { padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; margin-top:-0.2em; margin-bottom:1em; color: #BB5500; }

fieldset, #IE8#HACK { padding-top:1.4em; } 
legend, #IE8#HACK { margin-top:0; margin-bottom:0; }

fieldset {
    background-color: #eeeeee;
}



/* Form fields
-------------------------------------------------------------- */

/* 
  Attribute selectors are used to differentiate the different types 
  of input elements, but to support old browsers, you will have to 
  add classes for each one. ".title" simply creates a large text  
  field, this is purely for looks.
 */
input[type=text], input[type=password],
input.text, input.groot,
textarea {
  background-color:#fff;
  border:1px solid #bbb;
  width: 100%;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.groot:focus,
textarea:focus {
  border-color:#666;
}
select { background-color:#fff; border-width:1px; border:1px solid #bbb; width: 100%; }
select.groot { font-size:1.5em; padding: 5px;}

input[type=text], input[type=password],
input.text, input.groot,
textarea, select {
  margin:0.5em 0;
}

input.text,
input.groot   { padding:5px; }
input.groot   { font-size:1.5em; }
textarea      { height: 150px; }


fieldset table.lijst td { background-color: #ffffff; }

/* 
  This is to be used on forms where a variety of elements are 
  placed side-by-side. Use the p tag to denote a line. 
 */
form.inline { line-height:3; }
form.inline p { margin-bottom:0; }


/* Formulieren
-------------------------------------------------------------- */

form.mutatie            { min-width: 700px; }
form.mutatie table td   { padding-right: 10px; }
form.mutatie table      { width: 100%; }



/* Success, info, notice and error/alert boxes
-------------------------------------------------------------- */

.error,
.alert, 
.notice,
.success, 
.info           { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice     { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success    { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info           { background: #d5edf8; color: #205791; border-color: #92cae4; }
.error a, .alert a { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }
.info a         { color: #205791; }