html, body, form{
 width:420px;
 max-width:420px;
 background-color: #dcf3ff; /*ddd*/
 -webkit-touch-callout: none; /* iOS Safari */
 -webkit-user-select: none; /* Chrome/Safari/Opera */
 -khtml-user-select: none; /* Konqueror */
 -moz-user-select: none;  /* Firefox */
 -ms-user-select: none;  /* Internet Explorer/Edge */
 user-select: none;   /* Non-prefixed version, currently not supported by any browser */
 -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
 -webkit-user-select: none;  /* prevent copy paste, to allow, change 'none' to 'text' */
 -webkit-tap-highlight-color:transparent;
 /*overflow: hidden;*/  /*niet: dan kun je niet scrollen tijdens laden*/
 overflow-x: hidden !important;
 -webkit-text-size-adjust: 122% !important;
 margin: 0 auto; /* This centers the content */
 padding: 5px;
}
@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */
 html, body, form {
  width:420px;
  max-width:420px;
 }
 html, body {
   -webkit-text-size-adjust: 122% !important;
 }
}
h3{
 color: #000;
 font: 14px Helvetica;
 font-weight:bold;
 margin: 0 0 4px 0;
 text-align: left;
 overflow: hidden;
}
.inputn{
 display:none;
 height: 16px; width: 35px;
 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: #c2eaff; /*eee*/
 -webkit-border-radius: 6px;
 border-radius: 5px;
 margin-top: 0px;
 margin-left: 0px;
}
.textinp{
 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: #dcf3ff; /*ddd*/
 border-width: 1px 1px 1px 1px;
 background-color: #dcf3ff; /*ddd*/
 border-radius: 5px;
 margin-top: 0px;
 overflow: hidden;
 appearance: none;
 -webkit-appearance: none;
 -webkit-box-shadow: 0px 0px 0px #dcf3ff; /*ddd*/
 -moz-box-shadow: 0px 0px 0px #dcf3ff; /*ddd*/
 box-shadow: 0px 0px 0px #dcf3ff; /*ddd*/
}
.textinp:hover{cursor:help;}
.textmint{
 display:none;
 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: #dcf3ff; /*ddd*/
 border-width: 1px 1px 1px 1px;
 background-color: #dcf3ff; /*ddd*/
 border-radius: 5px;
 margin-top: 0px;
 overflow: hidden;
 appearance: none;
 -webkit-appearance: none;
 -webkit-box-shadow: 0px 0px 0px #dcf3ff; /*ddd*/
 -moz-box-shadow: 0px 0px 0px #dcf3ff; /*ddd*/
 box-shadow: 0px 0px 0px #dcf3ff; /*ddd*/
}
.textmess{
 text-transform: uppercase;
 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: #dcf3ff; /*ddd*/
 border-width: 1px 1px 1px 1px;
 background-color: #dcf3ff; /*ddd*/
 border-radius: 5px;
 margin-top: 0px;
 overflow: hidden;
 appearance: none;
 -webkit-appearance: none;
 -webkit-box-shadow: 0px 0px 0px #dcf3ff; /*ddd*/
 -moz-box-shadow: 0px 0px 0px #dcf3ff; /*ddd*/
 box-shadow: 0px 0px 0px #dcf3ff; /*ddd*/
}
.textunit{
 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: #dcf3ff; /*ddd*/
 border-width: 1px 1px 1px 1px;
 background-color: #dcf3ff; /*ddd*/
 border-radius: 5px;
 margin-top: 0px;
 margin-left: 2px;
 overflow: hidden;
 appearance: none;
 -webkit-appearance: none;
 -webkit-box-shadow: 0px 0px 0px #dcf3ff; /*ddd*/
 -moz-box-shadow: 0px 0px 0px #dcf3ff; /*ddd*/
 box-shadow: 0px 0px 0px #dcf3ff; /*ddd*/
}
.textaft{
 display:none;
 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: #dcf3ff; /*ddd*/
 border-width: 1px 1px 1px 1px;
 background-color: #dcf3ff; /*ddd*/
 border-radius: 5px;
 margin-top: 0px;
 margin-left: 4px;
 overflow: hidden;
 appearance: none;
 -webkit-appearance: none;
 -webkit-box-shadow: 0px 0px 0px #dcf3ff; /*ddd*/
 -moz-box-shadow: 0px 0px 0px #dcf3ff; /*ddd*/
 box-shadow: 0px 0px 0px #dcf3ff; /*ddd*/
}
.textarea{
 font: 12px Helvetica; font-weight:bold;
 padding: 0px 0px 0px 0px;
 text-align: left;
 padding-left: 4px;
 border-style: solid; border-color: black;
 border-width: 1px 1px 1px 1px;
 background-color: #c2eaff; /*eee*/
 -webkit-border-radius: 6px;
 /*-webkit-user-select: none;*/
 border-radius: 5px;
 margin-top: 0px;
 overflow: hidden;
}
.textz{
 font: 10px Helvetica; font-weight:bold;
 padding: 0px 0px 0px 0px;
 text-align: left;
 border-style: solid; border-color: #dcf3ff; /*ddd*/
 border-width: 1px 1px 1px 1px;
 background-color: #dcf3ff; /*ddd*/
 user-select: none;
 -webkit-user-select: none;
 margin-left: 6px;
 margin-top: 0px;
 overflow: hidden;
 appearance: none;
 -webkit-appearance: none;
 -webkit-box-shadow: 0px 0px 0px #dcf3ff; /*ddd*/
 -moz-box-shadow: 0px 0px 0px #dcf3ff; /*ddd*/
 box-shadow: 0px 0px 0px #dcf3ff; /*ddd*/
}
.ddtracks{
 width: 115px;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -webkit-padding-start: 2px;
 user-select: none;
 -webkit-user-select: none;
 border: 1px solid black;
 font: 12px Helvetica; font-weight:bold;
 background-color: #c2eaff; /*eee*/
 margin-left: 5px;
 margin-top: 0px;
 vertical-align: top;
}
.myDiv{
 font: 12px Helvetica; font-weight:bold;
 padding: 0px 0px 0px 0px;
 width: 450px;
 border-style: solid; border-color: #dcf3ff; /*ddd*/
 border-width: 1px 1px 1px 1px;
 background-color: #dcf3ff; /*ddd*/
 user-select: none;
 -webkit-user-select: none;
 margin-top: 10px;
 margin-bottom: 10px;
 overflow: hidden !important;
}
table{
 background-color:#dcf3ff; /*ddd*/
 border-collapse: collapse;
 border-spacing: 0;
 border: 0px solid #c2eaff;
 padding: 0px;
 white-space: pre;
}
th{
 background: #c2eaff;
 white-space: pre;
}
th:hover,th.alt:hover{cursor:pointer!important;}
tr:nth-child(even) {background: #FFFFFF;}
tr:nth-child(odd) {background: #eaf7fe;}
tr:nth-child(even) td:nth-child(3) {background: #eaf7fe; /*F0F0F0;*/}
tr:nth-child(even) td:nth-child(6) {background: #eaf7fe; /*F0F0F0;*/}
tr:nth-child(even) td:nth-child(7) {background: #eaf7fe; /*F0F0F0;*/}
tr:nth-child(even) td:nth-child(8) {background: #eaf7fe; /*F0F0F0;*/}
tr:nth-child(even) td:nth-child(12) {background: #eaf7fe; /*F0F0F0;*/}
tr:nth-child(even) td:nth-child(13) {background: #eaf7fe; /*F0F0F0;*/}
tr:nth-child(even) td:nth-child(14) {background: #eaf7fe; /*F0F0F0;*/}
tr:nth-child(odd) td:nth-child(3) {background: #d1eeff; /*D8D8D8;*/}
tr:nth-child(odd) td:nth-child(6) {background: #d1eeff; /*D8D8D8;*/}
tr:nth-child(odd) td:nth-child(7) {background: #d1eeff; /*D8D8D8;*/}
tr:nth-child(odd) td:nth-child(8) {background: #d1eeff; /*D8D8D8;*/}
tr:nth-child(odd) td:nth-child(12) {background: #d1eeff; /*D8D8D8;*/}
tr:nth-child(odd) td:nth-child(13) {background: #d1eeff; /*D8D8D8;*/}
tr:nth-child(odd) td:nth-child(14) {background: #d1eeff; /*D8D8D8;*/}
.myDiv tr:hover,tr.alt:hover {
 background: #dfe!important;
}
.rbut{
 font: 12px Helvetica; font-weight:bold;
 display: inline-block;
 text-align: center;
 color: #c2eaff; /*eee*/
 background-color: #777;
 border-radius: 8px;
 -webkit-border-radius: 8px;
 -webkit-padding-start: 2px;
 user-select: none;
 -webkit-user-select: none;
 border: 1px solid black;
 height:30px;
 width:66px;
 margin-top:20px;
 margin-left:20px;
 padding:3px 6px 3px 6px;
 cursor:pointer;
 z-index:10;
 display: none;
}
#arrows{
 position: absolute;
 top: 12px;
 float: left;
 margin-top:0px;
 margin-left:240px;
}
#larr, #rarr{
 position: relative;
 height:30px;
 margin:0px;
 padding:0px;
 cursor:pointer;
 z-index:10;
}
#rarr{
  margin-left: 25px;
}
#larr:hover, #rarr:hover {
 cursor: pointer;
 filter:alpha(opacity=75);
 -moz-opacity:0.75;
 -khtml-opacity:0.75;
 opacity:0.75;
}
#dialog-overlay{
 width:100%;
 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 */
 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
 -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:#c2eaff; /*eee*/
 /*fixed dimension*/
 width:280px;
 /* 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:12px;
 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:100px; /*check alignment middle of dialog box width*/
 width:50px;
 padding:5px 5px 6px;
 color:#c2eaff; /*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;
}