+body.newdate form .date table.calendar {
+ background-color: #FFF;
+ font-size: 17pt;
+ -vertical-align: middle;
+}
+
+body.newdate form .timeofday label.todstart,
+body.newdate form .timeofday label.todend {
+ display: inline-block;
+ margin: 0;
+ font-weight: bold;
+ text-align: left;
+ font-size: .75em;
+ width: 49%; width: calc(50% - 2.5pt);
+}
+body.newdate form fieldset > input[name^=todstart],
+body.newdate form fieldset > input[name^=todend] {
+ display: inline-block;
+ margin: 0;
+ width: 49%; width: calc(50% - 2.5pt);
+ text-align: right;
+}
+body.newdate form fieldset > input[name^=todend] {
+ width: 39%; width: calc( 50% - 4.375ex);
+}
+
+body.newdate form fieldset button[name^=addtime] {
+ width: 100%;
+}
+
+body.newdate form fieldset input.splittimes { display: none;}
+body.newdate form fieldset input.splittimes + * { left: 12pt; }
+body.newdate form fieldset input.splittimes + *:before {
+ position: absolute;
+ width: 16pt; height: 16pt;
+ left: -24pt;
+ content: '';
+ text-align: center;
+ font-weight: bold;
+ font-size: 1.75em;
+ border: 1pt solid;
+ border-radius: .25ex;
+ background-color: #FFF;
+}
+body.newdate form fieldset input.splittimes:checked + *:before { content: '\2713'; background-color: #6AF;}
+body.newdate form .timeofday button[name=splittimes] { margin-top: 1.5em;}
+
+body.newdate form .splittimes p { margin-top: 2em; padding: .5em; background: rgba(255,255,255,.5); }
+
+body.newdate form #delconfirm {
+ margin-left: -6em;
+}
+body.newdate form #delconfirm + label:after {
+ content: '\0A';
+ white-space: pre;
+}
+body.newdate form #delconfirm + label + button {
+ pointer-events: none;
+ color: #AAA;
+ border-color: #AAA;
+}
+body.newdate form #delconfirm:checked + label + button {
+ pointer-events: auto;
+ color: inherit;
+ border-color: inherit;
+ background-color: #FDD;