.container{padding:0px;}

.options{
	background-color: rgba(255,255,255,.3);
	border: black solid .01em;
/*	padding:.1em;*/
	margin:.1em;
	border-radius:.2em;
	padding: .2em;
	box-shadow: 3px 3px 5px -2px rgba(0,0,0,.5) inset;
}

#parameters, #frequencyData{
	background-color: #E0E0D0;
	border: black solid 1px;
	padding:.2em;
	border-radius:.2em;
	box-shadow: 3px 3px 5px -2px rgba(0,0,0,.5) inset;
	margin-top:1em;
}

.whitebg{background-color:white;}

.results{
	background-color:#FFC;
	border:black solid .01em;
/*	padding:.1em;*/
	margin:.1em;
	border-radius:.2em;
	padding: .2em;
	box-shadow: 3px 3px 5px -2px rgba(0,0,0,.5) inset;
}

canvas{
	border: .01em solid #E0E0E0;
	width:100%;
}
 

.content{
	background-color:#FFFFFF;
}

.halftone{
	background-color:rgba(255,255,255,.25);
}

h3,h4 {margin:0px; padding:.1em; font-size:120%;}


input:-moz-read-only,  { /* For Firefox */
	background: transparent;
	border:none;
}

input:read-only{
	background: transparent;
	border:none;
}

.error {
	box-shadow: 0em 0em .05em .05em red;
}

*, *:before, *:after {
   box-sizing: border-box;
   transition: 
      background-color 400ms ease-out, 
      border-color 400ms ease-out, 
      color 400ms ease-out;
}
 
#title {
	font-family: sans-serif; 
	background-color:#FFF;
	color:white;
	font-size:200%;
	text-shadow: .1em .1em .25em black;
	padding-left:.2em;
	border-radius: .2em .2em 0 0;
	
}
.menuOptions {
	display:none; 
	position:absolute; 
	top:1.2em;
	background-color:white; 
	width:100%;
	max-width:500px;
	box-sizing:border-box;
	border:.01em solid black;	
	padding:.2em;
	 z-index:1000;
	 box-shadow: 0px 4px 5px black;
	 margin:0em;
}
.menuOptions span{color:black;display:block; padding:.2em;}
.menuOptions a {text-decoration:none; color:black; padding:.2em;	border: .2em solid transparent; 
	border-radius:.2em;
}

hr{
	margin:0px;
}

.navlink{flex-grow: 1;}
.popupButton{width:2em; height:1.9em; background-image: url("/img/popup.png");background-size: 1.5em;
background-repeat: no-repeat;
}

.menuOptions a:hover {
	text-decoration:none; 
	font-weight:bold; 
	background-color:#fffdd0;
	color:black;
	border: .1em solid orange;
	border-right:.3em solid orange;
	border-bottom:.3em solid orange;
}
.menuOptions a:active {
	text-decoration:none; 
	font-weight:bold; 
	background-color:orange;
	color:black;
	border: .1em solid orange;
	margin-left:.2em;
	margin-top:.2em;
}

.menuOptions div{display:flex; width:100%;}
 
#menu {cursor:pointer; margin:.15em; padding:.1em; margin-bottom:.07em;}
.relative{ position:relative;width:100%;}



.menuSection {  display:inline;
/*	  border-radius: 1px;
	box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.3);*/
	font-weight:bold; margin-top:.1em; padding-left:.2em;padding-right:.2em;margin-right:.3em; 
	/*background-color:rgba(255,255,255,0.7);*/
}
 
#content{
	padding:.15em;		
}

.content{padding:.15em;
}

textarea{ 
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%; 
	resize: vertical;
	overflow-x:hidden;
}

.twocol{
	width:400px;
}

.multicol{
	width:600px;
	overflow:scroll;
}

.multicol75{
	width:420px;
	overflow:scroll;
}


.fauxTable{
	position:absolute; 
	left:49px;
}

.oneCol{
	background: 0 -4px;
	background-color: #fff;
    background-size: 500px 1.5em;
    background-image: none;
	background-attachment: local;
	white-space: normal;
}


.stretchy{
	border:0px;
}

.tableHeader {font-weight: bold;}


.radio-toolbar{
	padding-top:.2em;
	padding-left:.5em;
}

.radio-toolbar input[type="radio"] {
	display: none;
}

.radio-toolbar label {
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.20);
	padding: .3em .8em;
	margin-bottom:0em;
	font-family: Arial;
	font-size: 100%;
	cursor: pointer;
	border-radius: .8em .8em 0 0;
	border-right:.15em solid black;
	font-weight:bold;
	color:#606060;
	width:43%;
	text-align:center;
	box-shadow: inset 0 -7px 9px -7px rgba(0,0,0,0.6);
}


.radio-toolbar input[type="radio"]:checked+label {
	background-color: white;
	color:black;
	box-shadow: inset 0 0px 0px 0px rgba(0,0,0,0.4);
	
}

.threeacross {
	position:relative;
	top:1px;
}
.threeacross input[type="radio"]:checked+label {
	background-color: #FFF;
}



.threeacross label {
	width:auto;
	
}


.tinyNumber {
	width: 4em;
	max-width:4em;
}

.smallNumber {
	width: 7em;
	max-width:7em;
}

.mediumNumber  {
	width: 10em;
	max-width:10em;
}


.bigNumber {
	width: 15em;
	max-width:15em;
}

.mediumTextArea{
	height: 10em;
}

.smallTextArea{
	height: 6em;
}

.column {padding: 0; margin: 0; width: 100%; background-color:gray; border-spacing:0;}
.column td{ border-left: 1px solid black; padding:.1em; background-color: white; text-align:center;}
.column th{ font-weight:normal; padding:.1em; background-color: white; text-align:left;}

#distributionProperties{display:block}
.css-label {
	margin-left:.2em;
	cursor: pointer;
	font-size:120%;
	font-weight:bold;
	display:block;
	margin-top:8px;
}

.sub {
	font-size:100%;
}

.css-checkbox {
	display: none;
}

.css-checkbox + label:before {
    content: "a??";
	text-align: center;
/*	width:1em;
	height:1em;*/
	border:1px solid black;
	display:inline-block;

	margin-top:.1em;
	margin-right:.2em;
	border-radius: .2em;

  background: rgba(255,255,255,.25);
  border-radius: .65em;
  text-decoration:none;
  font-size: 14px;
  width: 1.4em;
  height:1.4em;
  color: rgba(0,0,0,.25);
  cursor: pointer;  
  border: 1px solid #909090;
  border-bottom: 2px solid black;
  border-right: 2px solid black;
  border-color: rgba(0,0,0,.25);
  margin:0px;
  vertical-align: baseline;
  position:relative;
  margin-right:1px;
  margin-bottom:1px;
}

.css-content .css-checkbox + label:before{
	font-size:12px;
	width:1.4em;
	height:1.4em;
}

.css-checkbox:hover + label:before {
  background: rgba(255,255,255,1);
  border-color: rgba(0,0,0,1);	
  color: black;
  text-shadow: none;
}

.css-checkbox + label:hover{
	color: black;
	text-shadow: .05em 0em white, 0em .05em white, -.05em 0px white, 0px -.05em white;
	
}

.css-checkbox:active + label:before{
	left:1px;
	top:1px;
	border-right:1px solid black;
	border-bottom:1px solid black;
	margin-bottom:1px;
	margin-top:0px;
	margin-left:0px;
	margin-right:1px;
}	

.css-checkbox:checked + label:before {
    content: "a??";
}

.css-checkbox ~ div{
	display:none;
}

.css-checkbox:checked ~ div{
	display:block;
}

/*
.css-checkbox ~ div {
	visibility:hidden;
	max-height:0px;
	overflow:hidden;
    transition: max-height .5s ease-in, visibility .5s linear;
}
.css-checkbox:checked ~ div {
	visibility:visible;
	display: block;
	max-height:2000px;
    transition: max-height .5s ease-out, visibility .5s linear;
}*/

.zui-table {
	border: none;
	border-right: solid 1px #DDEFEF;
	border-collapse: separate;
	border-spacing: 0;
	font: normal 13px Arial, sans-serif;
}
.zui-table thead th {
	background-color: rgba(0,0,0,0);
	border: none;
	color: black;
	padding: 3px;
	text-align: center;
	white-space: nowrap;
}
.zui-table tbody td {
	border-bottom: solid 1px #DDEFEF;
	color: black;
	padding: 3px;
	text-shadow: 1px 1px 1px #fff;
	white-space: nowrap;
}
.zui-wrapper {
	position: relative;
}
.zui-scroller {
/*	margin-left: 127px;*/
	overflow-x: scroll;
	overflow-y: visible;
/*	padding-bottom: 5px;
	width: 366px;*/
}
.zui-table .zui-sticky-col {
	border-left: solid 1px #DDEFEF;
	border-right: solid 1px #DDEFEF;
	left: 0;
	position: absolute;
	font-weight: bold;
	top: auto;
	width: 120px;
}

.sticky-col{
  position: -webkit-sticky;
  position: sticky;
  z-index:10;
}

.first-col{
	left:0px;
}

.headcol{
	margin-right:.2em;
	font-weight:bold;
}

/* none of this truly matters, except maybe the wrapper size */
#wrapper{border:0px solid red;position:relative;height:250px;width:493px;margin-top:15px/* auto*/}
#wrapper::before {text-transform: uppercase;left:0px;
position:absolute;top:-18px;font-size:16px;color:red; }

.lines{
	background: 0 -4px;
	background-color: #fff;
    background-size: 100% 3em;
    background-image:  linear-gradient(#F1F1F1 50%, #F9F9F9 50%);
	background-attachment: local;
  padding: 0px 2px;
  }

.grid{
  background-image: linear-gradient(to right, rgba(255,255,255,0) 199px, #D0D0D0 1px),linear-gradient(#F1F1F1 50%, #F9F9F9 50%);
  background-size: 200px 3rem;
  background-attachment: local;
  line-height: 1.5rem;
  padding: 0px 2px;
	overflow-y: scroll; 
	overflow-x: hidden; 
}

.grid75{
  background-image: linear-gradient(to right, rgba(255,255,255,0) 139px, #D0D0D0 1px),linear-gradient(#F1F1F1 50%, #F9F9F9 50%);
  background-size: 140px 3rem;
  background-attachment: local;
  line-height: 1.5rem;
  padding: 0px 2px;
	overflow-y: scroll; 
	overflow-x: hidden; 
}

.thinGrid{
  background-image: linear-gradient(to right, rgba(255,255,255,0) 99px, #D0D0D0 1px),linear-gradient(#F1F1F1 50%, #F9F9F9 50%);
  background-size: 100px 3rem;
  background-attachment: local;
  line-height: 1.5rem;
  padding: 0px 2px;
	overflow-y: scroll; 
	overflow-x: hidden; 
}

.niceCols{
	-moz-tab-size : 200px;
	-o-tab-size : 200px;
	tab-size : 200px;
	font-family: sans-serif;
}

.niceCols75{
	-moz-tab-size : 140px;
	-o-tab-size : 140px;
	tab-size : 140px;
	font-family: sans-serif;
}

.bigGrid{
	overflow-y:scroll;
	overflow-x:scroll;
	white-space: nowrap;
}

.anova {width:100%}
.hat {
/*	background-image: url(./img/hatBGbig.png);*/
/*	padding-top:2px;*/
     background: 
         linear-gradient(to top left,
             rgba(0,0,0,0) 0%,
             rgba(0,0,0,0) calc(75% - 1px),
             rgba(0,0,0,1) 75%,
             rgba(0,0,0,0) calc(75% + 1px),
             rgba(0,0,0,0) 100%),
         linear-gradient(to top right,
             rgba(0,0,0,0) 0%,
             rgba(0,0,0,0) calc(75% - 1px),
             rgba(0,0,0,1) 75%,
             rgba(0,0,0,0) calc(75% + 1px),
             rgba(0,0,0,0) 100%);
	background-repeat: no-repeat;
	background-size: 80% 8px;
	background-position:top;
	padding-top:3px;
}

.unselectable {
    -webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select:none;
	user-select: none;
}
.selectable {
    -webkit-touch-callout: all;
	-webkit-user-select: all;
	-khtml-user-select: all;
	-moz-user-select: all;
	-ms-user-select: all;
	-o-user-select:all;
	user-select: all;
}

.downloadButton:before{
	content:"\f019 ";
	padding-bottom:.4em;
	font:normal normal normal 1.3em/1 FontAwesome;font-size:1.2em;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}

.zoomButton:before{
	content:"\f00e ";
	padding-bottom:.4em;
	font:normal normal normal 1.3em/1 FontAwesome;font-size:1.2em;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}


.zoomButton, .downloadButton{
	border:1px #999 solid;
	text-decoration:none;
	color:black;
	background-image:linear-gradient(to bottom,#EEE, #CCC);
	padding:.2em;
	padding-bottom:.3em;
	padding-left:.35em;
	padding-right:.4em;
	padding-top:.35em;
	font-size:.9em;
	position:absolute;
	opacity: 0.5;
}

.zoomButton:hover,.downloadButton:hover{
	opacity: 1.0;
}
.downloadButton:hover:after{
 content:" Download Image";
}

.fauxButton{
  display: inline-block;
  background: #E0E0E0;
  border-radius: 4px;
  text-decoration:none;
  font-size: 14px;
  color: black;
  padding: 2px 2px;
  cursor: pointer;  
  border: 1px solid #909090;
  border-bottom: 2px solid black;
  border-right: 2px solid black;
  margin:0px;
  vertical-align: baseline;
  display:inline-block;
  position:relative;
  padding-left:4px; padding-right:4px;
}

.bigger{
	font-size:120%;
}
.bold{
	font-face:bold;
}

.fauxButton:hover{
	background:white;
}

.fauxButton:active{
	left:1px;
	top:1px;
	border-right:0px;
	border-bottom:0px;
	margin-bottom:2px;
	margin-left:1px;
	margin-right:1px;
}

.zoomButton:active, .downloadButton:active{
	background-image:linear-gradient(to top,#EEE, #CCC);	
	padding-top:.45em;
	padding-bottom:.2em;
}
.canvasdiv, .canvasdivBig{
	position:relative;
}

.zoomable{
	cursor: zoom-in;
}

.canvasdivBig{
		cursor:zoom-out;
}

.canvasdivTiny{
		width:1.7em;
		display:inline-block;
		cursor: pointer;
		border: 1px black solid;
		vertical-align:bottom;
		margin-left:1em;
		cursor:zoom-in;
		border-radius: 60x;
}

.canvasdivTiny:hover{
	border: 1px solid rgb(255,200,0);
	box-shadow: 0px 0px 5px rgba(255,255,0,1);
}

.canvasdivTiny .downloadButton{display:none;}

.bottomleft{
	left:0em;
	bottom:0em;
}

.topleft{
	left:0em;
	top:0em;
}

.bottomright{
	right:0em;
	bottom:0em;
}

.topright{
	right:0em;
	top: 0em;	
}

.tinyURL{
	font-size:75%;
	background-color:#DDD;
	color:blue;
	text-decoration:none;
}

#menu{
	height:1.4em;
}

@media all and (min-width:0px) and (max-width: 600px) {
	#container{transform:scale(1);transform-origin: 0 0; margin:0; width:100%;}
	.menuSection{	font-size: 12px;}
	.menuSectionNoLink{font-size: 12px;font-weight:bold;}
	.hideOnMobile{display:none;}
}

.sortablecontainer {
   width: 500px;
   height: 100%; 
   max-width: 500px;
}
 .sortablecontainer  div {
      flex-basis: 40%; 
   }
   
ul.sortable {
   display: block; 
   list-style: none; 
   margin: 5px 0;
   padding: 5px;
   width:100%;
}   

ul.sortable li {
	display: block;
	margin: 1px; 
	padding: 3px;
	border-radius: 0px;
	cursor: move;
	background: #fff;
	width:100%;
}
ul.sortable li:hover {
	background: #ffffe0;
}
ul.sortable li.active {
	background: #ccc;
}

ul.sortable li.dragging {
	background: #e0ffff;
	box-shadow: 0 4px 20px rgba(0,0,0,0.5);
	opacity: 0.5;
}

.transformation, .model{
	border: 1px black solid;
	background: #ffffff;
}

.overflowX{
	overflow-x: auto;
}

.fixedHeight300{
	max-height: 300px;
	overflow-y: auto;
}

.fullWidth{
	width: 100%;
}

.thinlines {padding:0px; margin:0px; border-collapse: collapse;}
.thinlines td{ margin:0px; padding:0px; border: 1px solid #999; text-align:left;}
.thinlines th{ margin:0px; padding:0px; font-weight:bold; background-color:rgba(0,0,0,.1); text-align:center;}
	
	
#chiSqTest table {border-spacing: 0;}	
#chiSqTest th, #chiSqTest td{ 
	border-right: 1px solid #BBB;
	border-bottom:1px solid #BBB;
	padding:.2em; 
}

.content, .relative{
	position:relative;
}



.helpDiv{
	margin:.1em;
	border:1px solid black;
	background-color: #F0F0F0;
	border-radius:.2em;
	padding: .2em;
	padding-right: 2em;
	max-height:10em;
	overflow-y:auto;
	box-shadow: 2px 2px 5px -2px grey inset;
}

.autoheight{
	max-height:30em;
}

.helpDiv span{
	display:block;		
	font-style: italic;
	color:#222;
}

a.collapser, a.expander{
	cursor: pointer;
}



.helpDiv a.expander{
	display:none;
}

.minimized span{
	display:none;
}

.helpDiv a.expander{
	text-decoration:none;
	color:black;
	border-radius:40%;
	border:1px solid black;
	padding-left:.3em;
	padding-right:.3em;
	font-weight:bold;
	background-color:#CCC;
}

a.collapser{
	text-decoration:none;
	border-radius:40% 40% 0% 0%;
	position:absolute;
	color:black;
	top:-1em;
	right:.4em;
	padding-left:.3em;
	padding-right:.3em;
	background-color: #CCC;
	border:1px solid black;
	border-bottom:0px;
}
.relative div.helpDiv a.collapser{
	top: -1.2em;
	
}

.collapser:hover{
	background-color:white;

}

.minimized a{
	font-weight:bold;
	border:1px solid black;
}

.minimized a:hover{
	background-color: white;
}


.minimized a.expander{
	display:inline;
	margin-top:.5em;
	width:2em;

}

.minimized a.collapser{
	width:2em;
	display:none;
}

.minimized{
	border:0px;
	padding:0px;
	padding-top:.1em;
	margin:0px;
	margin-right:.45em;
	border-radius:0px;
	align:center;
	background-color:transparent;
	box-shadow: none;
	position:absolute;
	right:0px;
	top:-1.2em;
	height:1.5em;
	text-align:center;
}

.statsTable tr td, .statsTable tr th{
	background-color: rgb(255,255,204);
}

.statsTable tr.shaded td, .statsTable tr td.shaded, .statsTable tr th.shaded{
	/*background-color: rgba(0,0,0,.05);*/
	background-color: rgb(242,245,194);
}

.statsTable .sectionHeader td{
	background-color: rgb(135,135,110);
	color: white;
	right:0px;
}


.statsTable {
	border-collapse:collapse;
}

.statsTable td{
	white-space: nowrap;
}

.statsTable td.remainingWidth{
	width:100%;
}

.statsTable .sectionHeader{
	background-color: rgb(135,135,110);
	color: white;
}
.statsTable .sectionHeader td{
	padding-left:1em;
}

.results hr{
	margin-top:.2em;
	margin-bottom:.2em;
	border: 1px solid rgba(0,0,0,.3);
}

#samples{
	overflow-y:hidden;
}

.samplesTable td{
	padding:0px;
	margin:0px;
}

.samplesTable{
	border-collapse:collapse;
}

.errors {
	border: 1px red solid; 
	background-color:#ffffc2;
	padding: 2px;
	margin-top:2px;
	border-radius:4px;
}


.closer, .min, .max, .win, .opt{ 
	width:25px; 
	height:25px;
	line-height: 25px;
	text-align: center;			
	position:absolute;
	top:0px;
	cursor:pointer;
	color:black;
	vertical-align:middle;
}

.closer:hover, .min:hover, .max:hover, .win:hover,.opt:hover{
	color:yellow;
}
.opt{right:75px;}
.closer{ 
	right:0px;
}

.min, .win{ right:50px;}

.max{ 
	right:25px;
}

.win{
	display:none;
}


.minFloater .draggableHeader .min {
	display:none;
}

.minFloater .draggableHeader .win {
	display:block;
}

.maxFloater .draggableHeader .max {display:none;}
.maxFloater .draggableHeader .win {display:block; right:25px;}


.draggableHeader{
	padding: 0px;
	cursor: move;
	background-color: #2196F3;
	color: #fff;
	height:25px;  
	border-radius:.5em .5em 0em 0em;
	vertical-align:middle;
	padding-left:5px;
	font-weight:bold;
	line-height: 25px;
	text-align:left;
}

.expandableFooter{
	cursor: ns-resize;
	border-radius:0em 0em .5em .5em;
	border-color: black;
	height:5px;
	background-color: #2196F3;
}

.minFloater > .expandableFooter{
	display:none;
}

.normalityTable{
	width:100%;
}
		
.popup{
    position:fixed;
    top:0px;
    left:0px;
    width:500px;
    height:600px;
	background-color: #f1f1f1;
	border: 1px solid black;
	box-shadow:5px 5px 10px rgba(0,0,0,.5);
	z-index:10;
	display:flex;
	flex-direction: column;
	border-radius:.5em .5em .5em .5em;
	transition: width .1s, height .1s;
}	
	

.popup iframe{flex-grow:1; transition: display .1s;}	
.popup iframe {
    overflow-clip-margin: content-box !important;
    overflow: clip !important;
}

.minFloater{
	width: 300px;
	height:30px;	
	border-radius:.5em;
}

.minFloater iframe{
	display:none;
}

.minFloater .draggableHeader{
	border-radius:.5em;
	height:100%;
}		

.maxFloater{
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}
	
table.evenodd td { border-collapse: collapse;}
table.evenodd tr:nth-child(even) {background: rgba(0,0,0,.05);}
.divider{ background-color:rgba(0,0,0,.75);}

.moveUpDown{
	position:relative;
	width:1em;		
}
.moveUp{
	/*position:absolute;*/
	display:block;
	font-size:.5em;
}
.moveDown{
	/*position:absolute;*/
	display:block;
	font-size:.5em;
}

.rightAlign{
float:right;
font-size:1em;
padding-top:-2px;
padding-bottom:-2px;
}

.rightAlign img{
	height:1em;
}

.fauxbutton{
	text-decoration:none;
	color:black;
	background-color:#DDD;
	border-top:1px #EEE solid;
	border-left:1px #EEE solid;
	border-right:1px black solid;
	border-bottom:1px black solid;
	padding: 0em .25em 0em .25em;
}
.fauxbutton:hover{
	background-color: white;
	border-right: 2px black solid;
	border-bottom:2px black solid;
	border-left:0px white solid;
	border-top:0px white solid;
}
.fauxbutton:active{
	background-color:skyblue;
	border-left: 2px black solid;
	border-top:2px black solid;
	border-right:0px white solid;
	border-bottom:0px white solid;
}

.swatch{
	width:1em;
	height:1em;
	border: 1px solid black;
	display:inline-block;
	vertical-align:middle;
	border-radius: .2em;
	cursor: pointer;
}
		
.relativeHolder{
	position:relative;
			width:1em;
			height:1em;
			display:inline-block;	
}

.regularPointer{
	cursor:pointer;	
}

.swatchPalette{
	border: 1px solid black;
	background-color:white;
	padding:3px;
	margin:1px;
	position:absolute;
	left:-5px;
	top: -5px;
	z-index:1000;
	border-radius: .4em;
	box-shadow: 2px 2px 2px #808080;
	width:7.8em;
	cursor: pointer;
}

.corMatrix {border-spacing: 0px;}
.corMatrix td {border:1px #DDD solid; padding:3;}
.corMatrix th {padding:3}

.hideRows tbody{
	display:none;
}

.invisCheck{
	/*display:None;*/
}
.invisCheck:checked + .strikeThroughLabel{
	text-decoration: none;
}
.invisCheck + .strikeThroughLabel{
	text-decoration: line-through;
}
radio[disabled] {color:#EEE;}

:checked + span {font-style: italic; color: #999;}
.baseline { font-style: italic; color: #999;}

.dummyChoices{border: 1px solid gray; background-color:#F5F5F5;}

.blackBorder{border: 1px solid black;}

.collapse{border-collapse: collapse;}

.interactionTable {border:solid black 1px;}
.interactionTable tr{border-bottom: solid #DDD 1px;}
.interactionTable th{padding-right: 4px;}
.interactionTable td{vertical-align:top; padding-right: 4px;}

#dataMatrix{overflow-x: auto;}
#corMatrix{overflow-x: auto;}

.rTop td, .rRow td, .rBot td{
	background-color:#FFC;
	margin:.1em;
	border-radius:.2em;
	padding: .2em;
}
tr.rTop td{border-top:black solid .01em;}
tr.rBot td{border-bottom:black solid .01em;}
tr.rRow td:first-child{border-left:black solid .01em;}
tr.rRow td:last-child{border-right:black solid .01em;}

.swatch{
	width:1em;
	height:1em;
	border: 1px solid black;
	display:inline-block;
}

.moving > iframe{
	pointer-events: none;
}