body { overflow:hidden; }

body { background-color:#fcfcfc; margin:0px; font-family:sans-serif; font-size:12px; padding:4px 8px;}

* { font-family:Helvetica, 'Segoe UI', 'Trebuchet MS', Calibri, Arial, Tahoma, sans-serif; font-size:12px; }
small { font-size:10px; line-height:13px; display:inline-block; } /* display was required before it would obey line-height! */

#expform input[type='text'] { margin:2px 0px; text-align:right; }
#expform input[type='number'] { width:40px; text-align:right; }
#expform textarea { width:400px; tab-size:26; height:120px; }

label, body {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

#expplot {
	width:565px;
	height:350px;
	position:absolute; /* was relative */ left:430px; margin:0px;
	/*top: 0px;*/
	/*float: right;*/
	display: block;
	/*margin:0px -8px 0px 0px;*/
}

.fitsingle .doubleexp { display:none; }
.hidden { display:none; }
.fitsingle tr.doubleexp { visibility:hidden; display:table-row; }
.bad { color:red; }

button {
	height:24px;
	width:100px;
	margin-bottom:4px;
	position:relative;
	text-align:center;
	color:#333;
	padding-top:0px;
	border:1px solid #999;
	border-radius:4px;
	background:linear-gradient(to bottom,#fff,#ccc);
	cursor:pointer;
	margin-right:8px;
}
button:active {
	padding-left:4px; padding-right:2px;
	background:linear-gradient(to top,#eee,#888);
}
button[disabled] {
	color:#888;
	background:#eee;
	border:1px solid #aaa;
}

sub, sup { /* prevent from changing line spacing; doesn't quite work, sup still changes it */
	line-height:0em;
	position:relative;
	vertical-align:baseline;
}
sub { top:0.35em; }
sup { top:-0.5em; }

#expform p { margin:4px 0px; }
#expform label { line-height:21px; }

#npts { width:100px; text-align:right; margin-left:30px; display:inline-block; color:#444; }
.needsupdate button[name='fitbutton'] { /*border-color:red;*/ box-shadow:0 0 6px red; }
button[name='clearbutton'] { margin-left:55px; }

#expform hr { border:none; border-top:1px solid #ccc; margin-top:8px; margin-bottom:4px; }
input.disclose { display:none; }
input.disclose+label span {
	width:0px; height:0px;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	border-left:5px solid #666;
	border-right:none;
	float:left;
	margin:4px 8px 0px 12px;
}
input.disclose:checked+label span {
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:5px solid #666;
	border-bottom:none;
	margin:6px 6px 0px 9px;
}
input.disclose+label~div { display:none; }
input.disclose:checked+label~div { display:block; }
.extra { margin-top:4px; }
.extra {
	-moz-column-gap:6px;
	-moz-column-count:2;
	-webkit-column-gap:6px;
	-webkit-column-count:2;
	column-count:2;
	column-gap:6px;
}

p.group, div.group {
	border:1px solid #ccc;
	border-radius:4px;
	padding:4px;
	margin:0px 0px 4px 0px;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}
#expformXXX .extra p:nth-child(4) { /* changed from 3 to 4 when I made setrinf hidden and added setadjust */
	-webkit-column-break-after: always;
	break-after: column;
}
#expform .extra #myguesses { /* just make it explicit now instead of going by nth-child */
	-webkit-column-break-after: always;
	break-after: column;
}

#cRMS { display:inline-block; border:1px solid #ccc; width:100px; color:#444; padding:2px; }
#frelax { display:inline-block; float:right; margin:2px 4px 0px; }

#myguesses { line-height:21px; }
#myguesses input[type='text'] { margin-right:8px; }


label[for='fitdouble'], label[for='yadjustid'] { float:right; margin-right:8px; }

/*input[type='checkbox'] ~ span { color:#aaa; }
input[type='checkbox']:checked ~ span { color:#000; }*/
input[type='text']:disabled { color:#444; }
#guessid ~ span { color:#aaa; }
#guessid:checked ~ span { color:#000; }
.fixed #guessid:checked ~ span.unfixed { color:#ccc; }
#guessid:checked ~ span.unfixed { color:#000; }

#outliers { display:inline-block; margin-left:186px; }

.fitsingle #myguesses span.doubleexp { color:#aaa; display:inline-block; }
/*.fitdouble #myguesses span.doubleexp { color:#000; display:inline-block; }*/

.notready, .notready * { color:#aaa; }

#expform .notes { padding-bottom:7px; } /* just to line things up nicely at the bottom */