body { font-family: sans-serif; position:relative; margin:0px; }

.headerpane {
	width:100%;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:7px
}
.header {
	width:1050px;
	margin:0px auto;
	padding:2px 0px;
	font-size:small;
}
.header .logo {
	float:left;
	padding:0px 5px
}
.header .logo img { height:26px; display:block; }
.header .user {
	float:right;
	padding:5px 5px;
	position:relative
}
.header .user a {
	color:black;
	text-decoration:none;
}
#username { cursor:pointer; }
.header .userpanel {
	display:none;
	width:150px;
	z-index:20;
	position:absolute;
	right:0px;
	top:23px;
	border:1px solid #999999;
	background-color:white;
	padding:5px 10px;
	text-align:left;
}
.header .userpanel ul {
	margin:0px;
	padding-left:0px;
	list-style-type: none;
}
.header .userpanel ul li {
	padding:2px 0px;
}

.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 }
.plottitle {
	font:14px sans-serif;
	font-weight:bold;
}

.iaevline, .iaehline {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
  stroke-dasharray: 5,5;
}

.surfcontainer {
	width:1050px;
	margin:10px auto 0px;
	padding:10xp 0px 0px;
}

.viewercontainer {
	width:1050px;
	margin:10px auto 0px;
	padding:10xp 0px 0px;
}
.viewercontainer svg { display:block; margin:0px auto }

.partitle {
	text-align:center;
	font-weight:bold
}

.compicon {
	opacity:0.2;
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
}
.compicon:hover { opacity:1 }

.conditions {
	text-align:center;
	font-size:large;
	margin-bottom:10px;
}
.conditions img {
	cursor:pointer;
	height:15px;
	margin:0px 4px;
}
.fullover {
	display:none;
	position:fixed;
	top:0px;
	height:100%;
	width:100%;
	padding:10px;
	z-index:10;
	background-color:white;
	background-color:rgba(255,255,255,0.75);
}
.fullmessage {
	width:600px;
	max-width:100%;
	background-color:white;
	border:1px solid black;
	text-align:justify;
	margin:0px auto;
	padding:15px;
	font-size:small;
}
#layover0, #layover1, #layover2, #layover3 {
	position:absolute;
	top:0px;
	width:50%;
	height:100%;
	background-color:rgba(255,255,255,0.7);
	text-align:center;
}
#layover0, #layover3 { 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, .condtable input {
	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;
}
.comptable {
	table-layout:fixed;
	margin:10px auto;
	border-collapse:collapse;
	width:100%;
	min-width:900px;
}

table.layout {
	border-collapse:collapse;
	margin:0px;
	padding:0px;
}
table.layout td {
	padding:0px;
}

.parctrl { font-size:14px; }
.parlabel { font-size:14px; font-style:italic; text-align:left }
.partitle {
	font-size:14px;
	font-weight:bold;
}
.parval { font-size:14px; text-align:right; }
table.partable {
	width:100%;
	table-layout:fixed;
	margin:5px 0px 20px;
	border-collapse:collapse;
	padding:0px;
}
table.partable td { vertical-align:top; padding:2px 2px 1px; }
#iaetable td { vertical-align:top; padding:2px 2px 1px; }
#iaeoption input { width:100%; box-sizing:border-box }

tr.oddrow { background-color:#EEEEF8; }
tr.evenrow { background-color:#DDDDEE; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type='number'] { -moz-appearance:textfield; }
input[type='range'] { width:160px; }