html body {
     
     background-color:#242425;
     color:#ebeded;
     font-family:Helvetica, Arial, sans-serif;
	 padding:2%;
	 line-height: 180%;
	 height:100%;
	 font-size:14pt;
	 
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	 
}

div {
	
	/*border: 1px solid #FFFFFF;*/
}


a:link {
    color: Orange;
}

a:visited {
    color: Orange;
}

a:hover {
    color: Orange;
}

a:active {
    color: Orange;
}



select.dropdown {
	
 -webkit-appearance: none;  /*REMOVES DEFAULT CHROME & SAFARI STYLE*/
 -moz-appearance: none;  /*REMOVES DEFAULT FIREFOX STYLE*/
 border: 0 !important;  /*REMOVES BORDER*/

 color: #fff;
 -webkit-border-radius:5px;
 border-radius: 5px;
 font-size: 18px;
 text-align:right;
 text-align-last:right;
 padding: 15px;
 margin:15px;
 width: 60px;
 cursor: pointer;

 background: #707070;
 background-size: 40px 37px; /*TO ACCOUNT FOR @2X IMAGE FOR RETINA */
}



div.main {
	
	 display:none;
	 text-align:center;
	 margin:5% 10% 0% 10%;
}

div.selection {
	
	 display:none;
	 margin:20% 20% 10% 20%;
	 text-align:center;
	 font-size:115%;
	 line-height:130%;
}

div.instructions {
	
    display:none;
	margin:4% 15%;
	line-height:170%;
	font-size:120%;
}

div.feedback {
	
    display:none;
	margin:12% 15% 6% 15%;
	line-height:150%;
	font-size:120%;
	text-align:center;
}

div.feedback2 {
	
    display:none;
	margin:6% 15%;
	line-height:150%;
	font-size:120%;
	text-align:center;
}

div.wait {

	display:none;
	font-size:130%;
	text-align:center;
	width:90%;
	margin:18% 0 1% 0;
	padding:2% 5% 2% 5%;
}

div#waiting_message {
	
	margin:2%;
}

div.button {
	
	text-align:center;
	display:none;
	margin-top:7%;
	margin-bottom:2%;
}

div.error {
	
	text-align:center;
	font-weight:bold;
	color:red;
	display:none;
	font-size:95%;
	margin-top:2%;
	margin-bottom:10%;
	line-height:125%;
}

div.instructions_trial {
	
	margin-bottom:-2%;
	text-align:center;
}

div.input {

	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:80%;
	margin-bottom:10%;
	margin-top:10%;
}

div.take {
	
	margin-left:auto;
	margin-right:auto;
	width:27%;
	padding-bottom:5%;
}

div.appendix {
	
	margin-bottom:20%;
}

div.q {
	
	padding:auto auto;
	margin: 0 auto;
	width:70%;
	padding-bottom:0%;
}

div.questions {
	
	width:60%;
	margin-left:auto;
	margin-right:auto;
	
}

div.item {
	
	margin-bottom:8%;
}

.cell1, .cell2, .cell3, .cell4, .cell5, .cell6, .cell7, .cell8, .cell9, .cell10 {
	
	width:7%;
	text-align:center;
}

div.ignorance {
	
    display:none;
	margin:0% 15%;
	line-height:170%;
	font-size:120%;
	text-align:center;
	
}

div.ignoranceblock {
	
	background-color:#d5d9e2; 
	color:#d5d9e2; 
	width:30%; 
	padding:3%; 
	height:250px; 
	display:block; 
	overflow: hidden;	
	text-align:center;
}

.ignorancecell {
	
    display: table-cell;
    vertical-align: middle;
	text-align:center;
}

.revealed {
	
  background:#242425;
}

p.ignoranceheader {

	color:#242425; 
	text-align:center;
	font-weight:bold;
}



input[type="radio"] {
  margin-top: -1px;
  vertical-align: middle;
}

input[type="text"].demographics {
	
	/*height:140%;*/
	/*color:white;*/
	/*background-color:gray;*/
	border: 2px solid black;
	padding:0.3%;
	font-size:100%;
	color:black;
	/*text-align:center;*/
}

input[type="text"].input {
	
	height:140%;
	color:white;
	width:4.5%;
	background-color:gray;
	border: 2px solid black;
	padding:1.6%;
	font-size:160%;
	text-align:center;
}

table.demographics {
	
	margin-left:auto;
	margin-right:auto;
	/*border:solid white 1px;*/
	width:70%;
	margin-top:-70px;
	margin-bottom:-40px;
}

table.demographics td:first-child {
	
	font-size:90%;
	text-align:right;
	width:60%;
	padding-top:2%;
	padding-bottom:2%;
}

table.demographics td:last-child {
	
	width:40%;
	padding-top:2%;
	padding-bottom:2%;
	padding-left:3%;
}



button {
	
	font-size:76%;
	font-weight:bold;
	padding:0.6% 1.7% 0.6% 1.7%;
	border:0px;
	background-color:#707070;
	border-radius:11px;	
	color:white;
}

button:disabled {
	
	font-size:76%;
	font-weight:bold;
	padding:0.6% 1.7% 0.6% 1.7%;
	border:0px;
	background-color:#939393;
	border-radius:11px;	
	color:#c9c9c9;
}

.button-active {
	
	background-color:#F0F0F0;
	color:black;
}



h1 {
	
	text-align:center;
	margin-bottom:8%;
	font-weight:normal;
	font-size:130%;
	
}

h2 {
	margin-top:10%;
	font-weight:normal;
}

h3 {
	margin-top:4%;
	font-weight:normal;
}

h4 {
	margin-top:3%;
	font-weight:normal;
	font-size:100%;
}



table.payoffs {
	
	width:80%;
	margin-top:5%;
	margin-bottom:6%;
	text-align:center;
	border-collapse:collapse;
	
}

table.payoffs th {
	
} 

table.payoffs tr:nth-child(even) {
   background-color:gray;
}

table.summary {
	
	width:100%;
	margin-top:6%;
	margin-bottom:6%;
	text-align:center;
	border-collapse:collapse;
	margin-left:0%;
	margin-right:auto;
	font-size:90%;
	
}

table.payoffs th {
	
} 

th.summarybottom {
	
	border-bottom:1px solid white;
	padding-top:2%;
	padding-bottom:2%;
	
}

td.summaryrow1 {
	
	padding-top:3%;
	padding-bottom:1%;
	
}

td.summaryrow {
	
	padding-top:1%;
	padding-bottom:1%;
	
}

td.summaryrow2 {
	
	padding-top:0%;
	padding-bottom:2%;
	border-bottom:1px solid white;
	
}



/* new */

div.question {
	
	width:80%;
	text-align:left;
	margin-left:10%;
	margin-bottom:10%;
}

p.questionoption {
	
	font-size:100%;
	margin:0.5%;
	margin-left:5%;	
}

div.description {
	
	margin-top:7%;
	font-size:130%;
	margin-bottom:5%;
}

div.paragraph {
	
	margin-top:1%;
	margin-bottom:1%;
}

div.divider {
	
	margin-top:5%;
}

div.smalldivider {
	
	margin-top:1%;
}

div.bigdivider {
	
	margin-top:10%;
}

div.center {
	
	margin-top:24%;
	font-size:130%;
	margin-bottom:18%;
}

table.observer {
	
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	font-size:80%;
}

table.observer td {

	padding:0.8% 0% 0.8% 0%;	
}

table.observer tr:nth-child(odd) {
    background-color: #2f2f31;
}

td.header {
	
	background-color:#f6f6f6;
	color:black;
	padding:0.5% 3% 0.5% 3%;
}

span.hidden {
	
	display:none;
}

div.hidden {
	
	display:none;
}


table.questionnaire {
	
	width:90%;
	border-collapse: collapse;
	margin-left:auto;
	margin-right:auto;
}

table.questionnaire thead td {
	
	background-color:#242425;
	line-height:115%;
}

table.questionnaire td {
		
	padding-top:2%;
	padding-bottom:2%;
}

table.questionnaire tbody td {

	padding-top:3%;
	padding-bottom:3%;
}

table.questionnaire tbody tr:nth-child(even) {
	
	background-color:#2b2b2d;
}

td.questionnairedesc {
	
	line-height:135%;
	text-align:left;
	font-weight:normal;
}

.line td {
  position: relative;
}

.line td:after {
  content: '';
  border-bottom: 1px solid #ccc;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(0, -100%);
  z-index: -1;
}

.line td:last-child:after {
  display: none;
}