body{
 -webkit-user-select: none; /* webkit (safari, chrome) browsers */
 -moz-user-select: none; /* mozilla browsers */
 -khtml-user-select: none; /* webkit (konqueror) browsers */
 -ms-user-select: none; /* IE10+ */
}
table{
 background-color:#ddd;
 border: 2px solid #ccc;
}
table:hover{cursor:pointer; cursor:hand;}
tr:nth-child(even) {background: #fff}
tr:nth-child(odd) {background: #eee}
tr:hover,tr.alt:hover {background: #dfe!important;}
th{
 background: #e8e8e8
 white-space: pre;
}
th:hover,th.alt:hover{background: #e8e8e8!important; cursor:default!important;}
.dummy{
 height: 40px; width: 852px;
 top: 0px; left: 8px;
 border-style: solid; border-color: #ddd;
 border-width: 0px 0px 0px 0px;
 background-color: #ddd;
}
.menubar{
 height: 28px; width: 852px;
 position: fixed;
 top: 0px; left: 8px;
 border-style: solid; border-color: #bbb;
 border-width: 0px 0px 0px 0px;
 background-color: #bbb;
 -webkit-box-shadow: 0px 5px 5px #888;
 -moz-box-shadow: 0px 5px 5px #888;
 box-shadow: 0px 5px 5px #888;
}
.inputn{
 height: 16px; width: 75px;
 position: fixed;
 top: 5px; left: 14px;
 font: 12px Helvetica; font-weight:bold;
 padding: 0px 0px 0px 0px;
 text-align: center;
 border-style: solid; border-color: black;
 border-width: 1px 1px 1px 1px;
 background-color: lightyellow;
 -webkit-border-radius: 6px;
 border-radius: 5px;
 margin-top: 0px;
 margin-left: 0px;
 margin-bottom: 2px;
 -webkit-appearance: none;
}
.inputnexpl{
 position: fixed;
 top: 30px; left: 14px;
 width: 300px;
 padding: 5px;
 color: #666;
 overflow: hidden;
 -webkit-user-select: none; /* webkit (safari, chrome) browsers */
 -moz-user-select: none; /* mozilla browsers */
 -khtml-user-select: none; /* webkit (konqueror) browsers */
 -ms-user-select: none; /* IE10+ */
 border-style: solid; border-color: #888;
 border-width: 1px 1px 1px 1px;
 background-color: #eee;
 -webkit-border-radius: 6px;
 border-radius: 5px;
 -webkit-box-shadow: 5px 5px 5px #888;
 -moz-box-shadow: 5px 5px 5px #888;
 box-shadow: 5px 5px 5px #888, 2px 2px 15px 2px #fff inset;
 text-decoration: none;
 display: none;
 white-space: pre-wrap;
}
/*
.inputn:hover + .inputnexpl{
 display: block;
}
*/
.ddtracks{
 height: 16px; width: 75px; 
 position: fixed;
 top: 5px; left: 102px;
 font: 12px Helvetica; font-weight:bold;
 padding: 0px 0px 0px 0px;
 text-align: center;
 border-style: solid; border-color: black;
 border-width: 1px 1px 1px 1px;
 background-color: lightyellow;
 -webkit-border-radius: 6px;
 border-radius: 5px;
 margin-top: 0px;
 margin-left: 0px;
 margin-bottom: 2px;
 -webkit-appearance: none;
}
.ddtracksexpl{
 position: fixed;
 top: 30px; left: 86px;
 width: 300px;
 padding: 5px;
 color: #666;
 overflow: hidden;
 -webkit-user-select: none; /* webkit (safari, chrome) browsers */
 -moz-user-select: none; /* mozilla browsers */
 -khtml-user-select: none; /* webkit (konqueror) browsers */
 -ms-user-select: none; /* IE10+ */
 border-style: solid; border-color: #888;
 border-width: 1px 1px 1px 1px;
 background-color: #eee;
 -webkit-border-radius: 6px;
 border-radius: 5px;
 -webkit-box-shadow: 5px 5px 5px #888;
 -moz-box-shadow: 5px 5px 5px #888;
 box-shadow: 5px 5px 5px #888, 2px 2px 15px 2px #fff inset;
 text-decoration: none;
 display: none;
 white-space: pre-wrap;
}
/*
.ddtracks:hover + .ddtracksexpl{
 display: block;
}
*/
.ddtracks:focus + .ddtracksexpl{
 display: none;
}
.textmin{
 height: 16px; width: 25px; 
 position: fixed;
 top: 5px; left: 188px;
 font: 12px Helvetica; font-weight:bold;
 padding: 0px 0px 0px 0px;
 text-align: right;
 vertical-align: middle;
 padding-left: 0px;
 border-style: solid; border-color: #bbb;
 border-width: 1px 1px 1px 1px;
 background-color: #bbb;
 overflow: hidden;
 -webkit-appearance: none;
}
.textmin:hover{cursor:help;}
.inputmin{
 height: 16px; width: 25px; 
 position: fixed;
 top: 5px; left: 216px;
 font: 12px Helvetica; font-weight:bold;
 padding: 0px 0px 0px 0px;
 text-align: center;
 border-style: solid; border-color: black;
 border-width: 1px 1px 1px 1px;
 background-color: lightyellow;
 -webkit-border-radius: 6px;
 border-radius: 5px;
 margin-top: 0px;
 margin-left: 0px;
 margin-bottom: 2px;
 -webkit-appearance: none;
}
.minexpl{
 position: fixed;
 top: 30px; left: 216px;
 width: 300px;
 padding: 5px;
 color: #666;
 overflow: hidden;
 -webkit-user-select: none; /* webkit (safari, chrome) browsers */
 -moz-user-select: none; /* mozilla browsers */
 -khtml-user-select: none; /* webkit (konqueror) browsers */
 -ms-user-select: none; /* IE10+ */
 border-style: solid; border-color: #888;
 border-width: 1px 1px 1px 1px;
 background-color: #eee;
 -webkit-border-radius: 6px;
 border-radius: 5px;
 -webkit-box-shadow: 5px 5px 5px #888;
 -moz-box-shadow: 5px 5px 5px #888;
 box-shadow: 5px 5px 5px #888, 2px 2px 15px 2px #fff inset;
 text-decoration: none;
 display: none;
 white-space: pre-wrap;
}
/*
.inputmin:hover + .minexpl{
 display: block;
}
*/
.textmax{
 height: 16px; width: 28px; 
 position: fixed;
 top: 5px; left: 248px;
 font: 12px Helvetica; font-weight:bold;
 padding: 0px 0px 0px 0px;
 text-align: right;
 vertical-align: middle;
 padding-left: 0px;
 border-style: solid; border-color: #bbb;
 border-width: 1px 1px 1px 1px;
 background-color: #bbb;
 overflow: hidden;
 -webkit-appearance: none;
}
.textmax:hover{cursor:help;}
.inputmax{
 height: 16px; width: 28px; 
 position: fixed;
 top: 5px; left: 279px;
 font: 12px Helvetica; font-weight:bold;
 padding: 0px 0px 0px 0px;
 text-align: center;
 border-style: solid; border-color: black;
 border-width: 1px 1px 1px 1px;
 background-color: lightyellow;
 -webkit-border-radius: 6px;
 border-radius: 5px;
 margin-top: 0px;
 margin-left: 0px;
 margin-bottom: 2px;
 -webkit-appearance: none;
}
.maxexpl{
 position: fixed;
 top: 30px; left: 279px;
 width: 300px;
 padding: 5px;
 color: #666;
 overflow: hidden;
 -webkit-user-select: none; /* webkit (safari, chrome) browsers */
 -moz-user-select: none; /* mozilla browsers */
 -khtml-user-select: none; /* webkit (konqueror) browsers */
 -ms-user-select: none; /* IE10+ */
 border-style: solid; border-color: #888;
 border-width: 1px 1px 1px 1px;
 background-color: #eee;
 -webkit-border-radius: 6px;
 border-radius: 5px;
 -webkit-box-shadow: 5px 5px 5px #888;
 -moz-box-shadow: 5px 5px 5px #888;
 box-shadow: 5px 5px 5px #888, 2px 2px 15px 2px #fff inset;
 text-decoration: none;
 display: none;
 white-space: pre-wrap;
}
/*
.inputmax:hover + .maxexpl{
 display: block;
}
*/
.textmess{
 height: 13px; width: 852px; 
 position: fixed;
 top: 30px; left: 8px;
 color: red;
 font: 12px Helvetica; font-weight:bold;
 padding: 0px 0px 0px 0px;
 text-align: left;
 vertical-align: middle;
 padding-left: 0px;
 border-style: solid; border-color: #ddd;
 border-width: 1px 1px 1px 1px;
 background-color: #ddd;
 overflow: hidden;
 -webkit-appearance: none;
 -webkit-box-shadow: 0px 3px 5px #ddd;
 -moz-box-shadow: 0px 3px 5px #ddd;
 box-shadow: 0px 3px 5px #ddd;
}
.textz{
 font: 10px Helvetica; font-weight:bold;
 padding: 0px 0px 0px 0px;
 text-align: left;
 border-style: solid; border-color: #ddd;
 border-width: 1px 1px 1px 1px;
 background-color: #ddd;
 -webkit-user-select: none;
 margin-left: 6px;
 margin-top: 6px;
 margin-bottom: 2px;
 overflow: hidden;
 -webkit-appearance: none;
}
.minbutd, .plusbutd, .minbuts, .plusbuts, .teambut, .rapport, .fbbut {
 font: 12px Helvetica; font-weight:bold;
 padding: 0px 0px 0px 0px;
 text-align: center;
 overflow: hidden;
 -webkit-user-select: none; /* webkit (safari, chrome) browsers */
 -moz-user-select: none; /* mozilla browsers */
 -khtml-user-select: none; /* webkit (konqueror) browsers */
 -ms-user-select: none; /* IE10+ */
 text-decoration: none;
 color: lightyellow;
 background-color: #538fbe;
 border: 1px solid #2d6898;
 -webkit-border-radius: 6px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 -webkit-appearance: none;
 text-shadow: 0px -1px 0px rgba(0,0,0,.5); 
 -webkit-box-shadow: 0px 3px 0px #2b638f, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
 -moz-box-shadow: 0px 3px 0px #2b638f, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
 box-shadow: 0px 3px 0px #2b638f, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
}
.minbutd{
 height: 18px; width: 52px; 
 position: fixed;
 top: 3px; left: 314px;
 display:none;
}
.plusbutd{
 height: 18px; width: 52px; 
 position: fixed;
 top: 3px; left: 367px;
 display:none;
}
.minbuts{
 height: 18px; width: 52px; 
 position: fixed;
 top: 3px; left: 430px;
 display:none;
}
.plusbuts{
 height: 18px; width: 52px; 
 position: fixed;
 top: 3px; left: 483px;
 display:none;
}
.rapport{
 height: 18px; width: 60px;
 position: fixed;
 top: 3px; left: 546px;
 display:none;
}
.teambut{
 height: 18px; width: 60px;
 position: fixed;
 top: 3px; left: 617px;
 display:none;
}
.feedback{
 width: 280px;
 /*GEEN height*/
 min-height: 32px;
 font: 12px Helvetica; font-weight:bold;
 padding: 4px 4px 4px 4px;
 border-style: solid; border-color: black;
 border-width: 1px 1px 1px 1px;
 -webkit-border-radius: 6px;
 border-radius: 5px;
 background-color: #fff;
 border: ridge 2px;
 overflow: auto;
 -webkit-appearance: none;
 -webkit-user-select: text;
 -khtml-user-select: text;
 -moz-user-select: text;
 -o-user-select: text;
 user-select: text;
}
.feedback p{
 /*IE buggie*/
 margin: 0;
}
.fbbut{
 height: 18px; width: 80px;
 margin-left: 100px;
 margin-top: 0px;
 margin-bottom: 10px;
}
.minbutd:hover, .plusbutd:hover, .minbuts:hover, .plusbuts:hover, .teambut:hover, .rapport:hover, .fbbut:hover {
 background-image: linear-gradient(bottom, rgb(79,142,191) 0%, rgb(102,166,214) 100%);
 background-image: -o-linear-gradient(bottom, rgb(79,142,191) 0%, rgb(102,166,214) 100%);
 background-image: -moz-linear-gradient(bottom, rgb(79,142,191) 0%, rgb(102,166,214) 100%);
 background-image: -webkit-linear-gradient(bottom, rgb(79,142,191) 0%, rgb(102,166,214) 100%);
 background-image: -ms-linear-gradient(bottom, rgb(79,142,191) 0%, rgb(102,166,214) 100%);
 background-image: -webkit-gradient(
  linear, left bottom, left top,
  color-stop(0, rgb(79,142,191)),color-stop(1, rgb(102,166,214))
 );
}
.minbutd:active, .plusbutd:active, minbuts:active, .plusbuts:active, .teambut:active, .rapport:active, .fbbut:active {
/*
 -webkit-box-shadow: 0px 1px 0px #2b638f, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
 -moz-box-shadow: 0px 1px 0px #2b638f, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
 box-shadow: 0px 1px 0px #2b638f, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
 background-image: linear-gradient(bottom, rgb(88,154,204) 0%, rgb(90,150,199) 100%);
 background-image: -o-linear-gradient(bottom, rgb(88,154,204) 0%, rgb(90,150,199) 100%);
 background-image: -moz-linear-gradient(bottom, rgb(88,154,204) 0%, rgb(90,150,199) 100%);
 background-image: -webkit-linear-gradient(bottom, rgb(88,154,204) 0%, rgb(90,150,199) 100%);
 background-image: -ms-linear-gradient(bottom, rgb(88,154,204) 0%, rgb(90,150,199) 100%);
 background-image: -webkit-gradient(
  linear, left bottom, left top,
  color-stop(0, rgb(88,154,204)),color-stop(1, rgb(90,150,199))
 );
 -webkit-transform: translate(0, 2px);
*/
 -moz-transform: translate(0, 2px);
/*
 transform: translate(0, 2px);
*/
}
.chrt{
 height:320px;
 width:850px;
 border-style: solid; border-color: #666;
 border-width: 1px 1px 1px 1px;
 background-color: #eee;
 margin-bottom: 5px;
}
.chrt .jqplot-title{
 font: 14px Helvetica; font-weight:bold;
}
.chrt .jqplot-axis{
 font: 12px Helvetica; font-weight:bold;
 margin-bottom:-10px !important;
}
.chrt .jqplot-xaxis-label{
 bottom:10px !important;
}
.chrt .jqplot-yaxis {
 margin-left:-140px !important;
 width:186px !important;
}
.chrt .jqplot-highlighter-tooltip{
 font: 12px Helvetica; font-weight:bold;
 color: black;
 background-color: #dfe;
}
.chrt .jqplot-table-legend{
 font: 12px Helvetica; font-weight:bold;
 background-color: #fff;
}
.chrt .jqplot-point-label{
 border: 1.5px
 solid #aaaaaa;
 padding: 1px 3px;
 background-color: #eee;
}
#mn0 {position: absolute; left:100px; top:915px; font: 16px Helvetica; font-weight:bold; color: #555;}
#mn1 {position: absolute; left:100px; top:915px; font: 16px Helvetica; font-weight:bold; color: #555;}
#mn2 {position: absolute; left:235px; top:915px; font: 16px Helvetica; font-weight:bold; color: #555;}
#mn3 {position: absolute; left:370px; top:915px; font: 16px Helvetica; font-weight:bold; color: #555;}
#mn4 {position: absolute; left:505px; top:915px; font: 16px Helvetica; font-weight:bold; color: #555;}
#mn5 {position: absolute; left:640px; top:915px; font: 16px Helvetica; font-weight:bold; color: #555;}
#mn6 {position: absolute; left:775px; top:915px; font: 16px Helvetica; font-weight:bold; color: #555;}
#mn7 {position: absolute; left:775px; top:915px; font: 16px Helvetica; font-weight:bold; color: #555;}
#mn8 {position: absolute; left:775px; top:915px; font: 16px Helvetica; font-weight:bold; color: #555;}
#mn9 {position: absolute; left:775px; top:915px; font: 16px Helvetica; font-weight:bold; color: #555;}
#mna {position: absolute; left:775px; top:915px; font: 16px Helvetica; font-weight:bold; color: #555;}
#mnb {position: absolute; left:775px; top:915px; font: 16px Helvetica; font-weight:bold; color: #555;}
#mn10 {position: absolute; left:100px; top:1172px; font: 16px Helvetica; font-weight:bold; color: #555;}
#mn11 {position: absolute; left:100px; top:1172px; font: 16px Helvetica; font-weight:bold; color: #555;}
#mn12 {position: absolute; left:235px; top:1172px; font: 16px Helvetica; font-weight:bold; color: #555;}
#mn13 {position: absolute; left:370px; top:1172px; font: 16px Helvetica; font-weight:bold; color: #555;}
#mn14 {position: absolute; left:505px; top:1172px; font: 16px Helvetica; font-weight:bold; color: #555;}
#mn15 {position: absolute; left:640px; top:1172px; font: 16px Helvetica; font-weight:bold; color: #555;}
#mn16 {position: absolute; left:775px; top:1172px; font: 16px Helvetica; font-weight:bold; color: #555;}
#mn17 {position: absolute; left:775px; top:1172px; font: 16px Helvetica; font-weight:bold; color: #555;}
#mn18 {position: absolute; left:775px; top:1172px; font: 16px Helvetica; font-weight:bold; color: #555;}
#mn19 {position: absolute; left:775px; top:1172px; font: 16px Helvetica; font-weight:bold; color: #555;}
#mn1a {position: absolute; left:775px; top:1172px; font: 16px Helvetica; font-weight:bold; color: #555;}
#mn1b {position: absolute; left:775px; top:1172px; font: 16px Helvetica; font-weight:bold; color: #555;}
#dialog-overlay{
 width:852; height:100%;
 filter:alpha(opacity=50);
 -moz-opacity:0.5;
 -khtml-opacity:0.5;
 opacity:0.5;
 background:#000;
 position:absolute;
 top:0;
 left:0;
 z-index:3000;
 display:none;
}
#dialog-box{
 /* css3 drop shadow */
 -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
 /* css3 border radius */
 -moz-border-radius: 5px;
 -webkit-border-radius: 6px;
 border-radius: 5px;
 background:#eee;
 /*fixed dimension*/
 width:600px;
 /* make sure it has the highest z-index */
 position:absolute;
 z-index:5000;
 display:none;
}
#dialog-box .dialog-content{
 /*style of content*/
 text-align:left;
 padding:2px;
 margin:6px;
 color:#333;
 font-family:helvetica;
 font-size:13px;
 font-weight:bold;
}
a.button{
 /*style of button*/
 margin:10px auto 0 auto;
 text-align:center;
 background-color:#777;
 display:inline-block; /*block: midden safari maar links IE*/
 left:250px; /*check alignment middle of dialog box width*/
 width:50px;
 padding:5px 5px 6px;
 color:#eee;
 text-decoration:none;
 font-weight:bold;
 line-height:1;
 -moz-border-radius: 5px;
 -webkit-border-radius: 6px;
 border-radius: 5px;
 border-bottom:1px solid rgba(0,0,0,0.25);
 position:relative;
 cursor:pointer;
}
a.button:hover{
 background-color:#111;
 -moz-border-radius: 5px;
 -webkit-border-radius: 6px;
 border-radius: 5px;
}
#dialog-box .dialog-content p{
 font-weight:700;
 margin:0;
}
#dialog-box .dialog-content ul{
 margin:10px 0 10px 20px;
 padding:0;
 height:50px;
}
.spinner {
 height:60px;
 width:60px;
 -moz-border-radius: 31px;
 -webkit-border-radius: 32px;
 border-radius: 31px;
 filter:alpha(opacity=50);
 -moz-opacity:0.5;
 -khtml-opacity:0.5;
 opacity:0.5;
 background:#000;
 position:fixed;
 top:70px;
 left:20px;
 z-index:3000;
 display:none;
 overflow: hidden;
}