body { font-family: sans-serif; }

.plotbg { fill:#E5E5E5; }
.tip { z-index:5 }
.tip rect { fill:white; border-radius:5px }
.tip text { font:10px sans-serif; }
.xaxis text, .yaxis text, .laxis text { font: 10px sans-serif; }
.xgaxis text, .ygaxis text { display:none; }
.xaxis path, .xgaxis path, .yaxis path, .ygaxis path, .laxis path { display:none; }
.xgaxis line, .ygaxis line { fill:none; stroke:#FFFFFF; }
.xaxis line, .yaxis line, .laxis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.xaxislabel, .yaxislabel, .legendlabel { font:12px sans-serif }
.grid rect { cursor:pointer }

.partitle {
	text-align:center;
	font-weight:bold
}
.restable {
	margin:0px auto;
	font-size:small;
}
.restable td {
	border:0px solid white;
	padding: 2px 5px;
}
.parlabel {
	background-color:#CCC;
	font-weight:bold;
}
.parvalue {
	background-color:#EEE;
}

.compicon {
	opacity:0.2;
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
}
.compicon:hover { opacity:1 }

.conditions {
	text-align:center;
	font-size:large;
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
}
.conditions span { font-style:italic }
.conditions img { cursor:pointer }
#layover0, #layover1, #layover2 {
	position:absolute;
	top:0px;
	width:50%;
	height:100%;
	background-color:rgba(255,255,255,0.7);
	text-align:center;
}
#layover0 { left:0px; width:100%; display:none }
#layover1 { left:0px; width:50%; display:none }
#layover2 { right:0px; width:50%; }
.condtable {
	display:inline-block;
	position:relative;
	width:500px;
	background-color:white;
	margin-top:20px;
	padding:10px 30px;
	border:1px solid #999;
}
.condtable table {
	width:100%;
	font-size:small;
	table-layout:fixed;
	
}
.condtable td { border:0px solid white }
.condtable select {
	width:100%;
	box-sizing:border-box;
}
#warningmsg, #warningmsg1, #warningmsg2 {
	font-size:small;
	color:red;
	margin:10px 0px;
	display:none;
}
.exiticon {
	cursor:pointer;
	position:absolute;
	right:4px;
	top:4px;
}
.typetitle {
	font-size:large;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}
.comptable {
	table-layout:fixed;
	margin:10px auto;
	border-collapse:collapse;
	width:100%;
	min-width:900px;
}
.comptable td { text-align:center; }
.surfoptions {
	text-align:center;
	font-size:small;
}
#plotContainer { text-align:center; }
.layouttable { margin:0px auto; }
.formtitle {
	text-align:center;
	font-weight:bold;
}
.formtable {
	width:312px;
	margin:0px auto;
}
.formtable td { padding:2px 0px; }
.formtable select { width:100%; }
#cellsel, #partsel {
	text-align:center;
	font-size:small;
	font-family:sans-serif;
	border:1px solid #666;
	width:300px;
	padding:2px 5px;
}
#partsel { display:none }
#cellsel>span, #partsel>span { font-style:italic; cursor:pointer }
.checklist {
	display:none;
	text-align:left;
	width:294px;
	position:absolute;
	border:1px solid #333;
	background-color:#E5E5E5;
	padding:2px;
}
.checklist table { font-size:small; }
.checklist td { vertical-align:top; }
.checkgroup>span { font-weight:bold; }
.checkitem { padding-left:10px; }