/* 
    Document   : style
    Created on : 24-Aug-2010, 14:51:01
    Author     : Daniel Lewandowski
    Description:
        ECDC web page styling.
*/

@media screen,print {

/* BEST CLEARFIX EVER */
article:after, aside:after, div:after, form:after, header:after, nav:after, section:after, ul:after { 
	clear: both; 
	content: "."; 
	display: block; 
	height: 0; 
	visibility: hidden;
}

article, aside, div, form, header, nav, section, ul { 
	zoom: 1; 
}

.clear {
	clear: both; 
	margin: 0px; 
	padding: 0px; 
	width: 0px; 
	height: 0px;	
}

/* STRUCTURE*/
html {
    overflow-y: scroll;
}

body {
	background-color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	margin: 0px;
    outline: none;	
}

input {
	font-family: Tahoma, sans-serif;
}

#scriptDisabled {
	margin-top: 50px;
}

#scriptDisabled p {
	font-size: 1.2em;
}

#scriptDisabled p.notice {
	font-size: 1.4em;
	font-weight: bold;
}

#execTimeMessage  {
	margin: 40px auto;
	text-align: center;
	display: none;
}

.wrapper {
	width: 964px;
	margin: 0px auto;
	padding: 0px;
	font-size: 8pt;
}

.nodisplay {
	display: none;	
}

.rightAlign {
	text-align: right;
}

.indent span {
	margin-left: 20px;
}

.bold {
	font-weight: bold;
}

#progressBar {
	padding: 0px;
	margin: 0px;	
}

.entity + .entity {
	margin-top: 20px;
}

.entityHeader h2 {
	float: left;
	padding: 10px 0px;
	margin: 0px;
}

.entityHeader h2 {
	float: left;
	padding: 10px 0px;
	margin: 0px;
}

.entityHeader h2.error {
	color: red;
}

.buttons {
	float: right;
	color: white;
	width: 110px;
	text-align: center;
	cursor: pointer;
	padding: 4px;
	margin: 2px;
}

.buttons > span {
 	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

h1 {
	font-size: 16px;
	color: white;	
	text-shadow: 1px 1px 0 #000000;
 	display: inline-block;
	float: left;
}

h2 {
	font-size: 1.5em;
}

a {
	outline: none;
}
    

h2.invalid {
	color: red;
}

.inputVariables, .outputVariables {
	display: none;
}

.transition h3 {
	padding: 10px 0px;
} 

.wrapper a {
	text-decoration: none;
	color: #68b022;
}

.wrapper a:hover {
	text-decoration: underline;
}

span {
	padding: 5px;
	display: inline-block;
}

.header span {
    padding: 10px 5px;
}

a.toggler {
    border: 0px solid #eaeaea;
    border-right-width: 0px;
    border-left-width: 30px;
    padding: 4px;
    text-decoration: none;
    transition: all .5s ease;
    width: 30px;
    color: white;
    display: inline-block;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	background: #7db72f;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}

a.toggler.off {
	border-right-width: 30px;
	border-left-width: 0px;
}

#tools {
	float: right;
	margin-bottom: 20px;
}

#tools div {
	float: left;
	margin-left: 2px;
}

#tabContent {
	padding: 0px;
	margin-top: 30px;
}

#simButtonContainer {
	background-color: #f0f0f0;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin: 25px auto;
}

#showOutputs {
	float: right;
}

.row {
	border-bottom: 1px solid #E5E5E5;
}

.inputRow {
	float: left;
}

.outputRow {
    float: left;
    background-color: #F6F6F6;
}

.header {
    background-color: #E7F0D8;
    font-weight: bold;
}

.header .inputCol {
  float: left;
  width: 98px;
  text-align: center; 
}

.twoLines .inputCol span {
	height: 26px;
	padding: 2px !important;
}

.riskSubcategory .nameCol span {
	margin-left: 10px;
}

.future {
	background-color: #E6F2FF;
}

.transHeader {
	width: 100%;
} 

.nameCol {
  float: left;
  width: 400px;
  font-weight: bold;
}

.helpButton {
	float: left;
}

.commentCol {
  float: left;
  width: 239px;    
}

.data .commentCol {
    color: #666;
}

.inputRow .inputCol, .outputRow .inputCol {
  float: left;
  text-align: center; 
}

.values {
  float: left;
  width: 98px;
  height: 1px;
}

.unitCol {
  float: left;
  width: 57px;
  text-align: center;
}

.typeCol {
  float: left;
  width: 45px;
  text-align: center;
}

div.typeCol span, div.nameCol span, div.unitCol span, div.validationCol span {
	margin: 3px 0px;
}

.header div span {margin: 0px;}

.switch {
  width: 80%;
  margin: 7px 3px 0px !important;
  padding: 1px !important;
  font-size: 7pt !important;
}

.validationCol {
	width: 164px;
	float: left;
}

div.row div.validationCol > span {
	margin-left: 8px;
	margin-bottom: 7px;
}

.help {
  font-size: 7pt !important;
  margin-right: 2px;
  float: left;
}

.data, .chart {
    width: 100%;
}

.chartAreaWrapper {
    width: 98%;
    height: 220px;
    min-width: 571px;
    min-height 230px;
    padding: 0px;
    margin: 5px;
}

.stat {
    width: 150px;
    margin-right: 20px;
    text-align: center;
    float: left;
    text-align: left;
}

.chartArea {
    float: left;
    background-color: white;
    width: 400px;
    height: 200px; 
}

.inputRow .chartArea {
    background-color: #EEE;
}

.outputRow .chartArea {
    background-color: #E0E0E0;
}

.yaxis1 {
    color: #BA9010;
}

.yaxis2 {
    color: #5A83A3;
}

hr {
	width: 100%;
	height: 1px;
	margin: 0px auto;
  	clear: both;
	border: none;
	background-color: #DDD;
}

#calculationPanel {
	position: fixed;
	top: 0px;
	width: 964px;
	background-color: #68b022;
	color: white;
	border-radius: 0px 0px 10px 10px;
}

#calcPanel {
	display: none;
}

#calcPanel .tabs {
    margin: 10px 10px 0px 10px;
    padding: 0px;
}

#calcPanel .tabs li:first-child {
    margin-left: 20px;
}

#calcPanel .tabs li {
    float: left;
    list-style-position: inside;
    list-style-type: none;
}

#calcPanel .tabs li a.current {
    background-color: #FFFFFF;
    color: black;
}

#calcPanel .tabs li a.current:hover {
	background-color: #FFFFFF;
}

#calcPanel .tabs li a {
    display: block;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    width: 100px;
    border-radius: 2px 2px 0px 0px;
    color: white;
}

#calcPanel .tabs li a:hover {
	background-color: #8cc052;
}

.simOption {
	width: 160px;
	margin-bottom: 0px;
	margin-top: 5px;
}

.panel {
    background-color: #FFFFFF;
    margin: 0px 10px 10px 10px;
    padding: 10px;
    color: black;
}

#simButtonContainer > .panel {
    background-color: transparent;
    margin: 0px;
    padding: 2px;	
}

#simButtonContainer label {
	width: 270px;
	padding: 6px;
}

.heightPanel {
	height: 70px;
}

.panel .row {
	margin-left: 163px;
	border-bottom: none;
}

.panel .row + .row {
	border-top: 1px solid transparent;
}

.panel label {
	float: left;
	padding: 3px;
	margin: 5px;
	width: 200px;
}

.panel input {
	width: 40px;
	padding: 3px;
	margin: 5px;
}

#closeCalcPanel {
	width: 100%;
	text-align: center;
	border-radius: 0px 0px 10px 10px;
}

#closeCalcPanel:hover {
	background-color: #8cc052;
	cursor: pointer;
}

#closeCalcPanel a {
	color: white;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.panel input[type=button] {
	width: 150px;
	height: 26px;
}

#loadFromCsvLabel {
	color: white;
	width: 142px;
	padding: 3px;
	border-width: 1px;
	height: 18px;
}

.tabsContainer a {
	margin: 5px;
    padding: 3px;
    width: 142px;
    height: 18px;
    color: white;
    text-decoration: none;
    display: inline-block;
}

.tabsContainer .tooltipTrigger {
	margin: 0px;
}

#saveParamsDialog, #loadParamsDialog {
	display: none;
}

#saveParamsDialog > textarea, #loadParamsDialog > textarea {
	width: 726px;
	height: 511px;
	background-color: white;
	white-space: pre;
}

#loadParamsDialog > textarea {
	height: 481px;	
}

#simulate[disabled] {
  background-color: silver;
  background-image: none;
  border: 1px solid silver;
  color: #555;
}

#slideSpace {
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 131px;
	display: none;
}

#loadInputParams {
	width: 200px;
	margin: 0px 5px 0px 0px;
}

#progressbar {
  margin-left: 142px;
  display: none;
}

#progressbar span {
  padding: 6px;
  font-size: 13px;
}

/* Form styling */

form {
	margin: 0px;
	padding: 0px;
}

form > fieldset:first-child {
	margin-top: 0px;	
}

fieldset, #helpHolder {
	padding: 0px;
	border: none;
}

label {
	margin: 10px 5px;
	padding: 7px 5px 7px 5px;
	display: block;
}

input, select {
	margin: 5px;
	padding: 4px;
	width: 76%;
	font-size: 8pt;
	text-align: right;
	border: 1px solid silver;
	outline: none;	
}

select {
	width: 67px;
	text-align: left;
}

input.error {
  border: 1px solid red;
}

.output {
	margin: 5px;
	padding: 4px;
	width: 80%;
	font-size: 8pt;
	text-align: right;
	border: 1px solid transparent;
	outline: none;	
	background-color: transparent;
}

.hidden {
  display: none;
}

.nonvisible {
	visibility: hidden;
}

.focus {
	border: 1px solid #999;
}

span.error {
	background: transparent url(../images/error.png) left 6px no-repeat;
	padding-left: 15px;
}

span.success {
	/*background: transparent url(../images/valid.png) left 7px no-repeat;*/
	padding-left: 15px;
}

/*#replaceSamples, #autoRefresh {
	margin: 9px;
}*/

#autoRefresh {
	margin-top: 11px;
	float: left;
}

#lastActionTime {
	float: left;
	margin-top: 6px;
	margin-left: 20px;
}

#simulateForm span {
	color: #666666;
	border-left: 1px dotted #CCCCCC;
}

#simulate:hover {
	text-decoration: none;
}

#sensSpecRange {
	font-weight: normal;
	margin-top: 0px;
}

/* Cool button */
.noShadow {
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: 3px;
	font-size: 13px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.btnSmall {
	padding: 1px 4px 1px 4px !important;
    font-size: 11px !important;
    text-decoration: none !important;
}

.btnStyle1 {
	-webkit-border-radius: 0em .3em .3em 0em;
	-moz-border-radius: 0em .3em .3em 0em;
	border-radius: 0em .3em .3em 0em;
}

.btnStyle2 {
	-webkit-border-radius: .5em .5em .0em 0em;
	-moz-border-radius: .5em .5em .0em 0em;
	border-radius: .5em .5em .0em 0em;
}

/* Button colors */
.orangeNoGrad {
	background-color: transparent;
}

.blueNoGrad {
	background-color: transparent;
}

.ecdcBlue {
	color: #e8f0de;
	border: solid 1px #7cbdc1;
	background: #afc6c7;
	background: -webkit-gradient(linear, left top, left bottom, from(#afc6c7), to(#93b8ba));
	background: -moz-linear-gradient(top,  #afc6c7,  #93b8ba);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#afc6c7', endColorstr='#93b8ba');
	box-shadow: 1px 1px 4px #777777;
	-moz-box-shadow: 1px 1px 4px #777777;
	-webkit-box-shadow: 1px 1px 4px #777777;		
}

.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	box-shadow: 1px 1px 4px #777777;
	-moz-box-shadow: 1px 1px 4px #777777;
	-webkit-box-shadow: 1px 1px 4px #777777;
}

.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}

.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}

.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.blue {
	color: white;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
	box-shadow: 1px 1px 4px #777777;
	-moz-box-shadow: 1px 1px 4px #777777;
	-webkit-box-shadow: 1px 1px 4px #777777;	
}

.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}

.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* dark blue */
.darkBlue {
	color: white;
	border: solid 1px #8b98ba;
	background: #8b98ba;
	background: -webkit-gradient(linear, left top, left bottom, from(#8b98ba), to(#495b8e));
	background: -moz-linear-gradient(top,  #8b98ba,  #495b8e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b98ba', endColorstr='#495b8e');
	box-shadow: 1px 1px 4px #777777;
	-moz-box-shadow: 1px 1px 4px #777777;
	-webkit-box-shadow: 1px 1px 4px #777777;	
}

.darkBlue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#adbadc), to(#6b7daf));
	background: -moz-linear-gradient(top,  #adbadc,  #6b7daf);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#adbadc', endColorstr='#6b7daf');
}

.darkBlue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#495b8e), to(#8b98ba));
	background: -moz-linear-gradient(top,  #495b8e,  #8b98ba);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#495b8e', endColorstr='#8b98ba');
}

/* green */
.green {
	color: #e8f0de;
	background: #68b022;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #8cc052,  #68b022);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}

.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}

.green:active, .active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

.showOutputsChecked {
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f)) !important;
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f') !important;
}

.ecdcBlue {
	color: #e8f0de;
	border: solid 1px #7cbdc1;
	background: #afc6c7;
	background: -webkit-gradient(linear, left top, left bottom, from(#afc6c7), to(#93b8ba));
	background: -moz-linear-gradient(top,  #afc6c7,  #93b8ba);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#afc6c7', endColorstr='#93b8ba');
	box-shadow: 1px 1px 4px #777777;
	-moz-box-shadow: 1px 1px 4px #777777;
	-webkit-box-shadow: 1px 1px 4px #777777;		
}

.active {
	color: white;
}

/*
 * Variable dialog tabs
 */
 
.tooltipContent {
	display: none;
}

.tooltip {
	background-color: #f5f5f5;
	border: 5px solid #9b9b9b;
	padding: 10px;
	width: 400px;	
	font-weight: normal;
	text-align: left;
	position: absolute;
	background-color: #E5E5E5;
	font-size: 11px;
	-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.2);
	box-shadow: 3px 3px 4px rgba(0,0,0,.2);
}

.tooltip .tabs {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #E5E5E5;
}

.tooltip .tabs li {
	float: left;
	list-style-position: inside;
	list-style-type: none;
}

.tooltip .tabs li:first-child {
	margin-left: 20px;
}

.tooltip .tabs li a {
	display: block;
	padding: 5px;
	width: 50px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	color: #68b022;
}

.tooltip .tabs li a:hover {
	text-decoration: underline;
}

.tooltip .tabs li a.current {
	background-color: #E5E5E5;
}

/*
 * Help holder
 */
 
.button a {
	color: white;
}

.contentHolder {
	display: block;
	color: black;
	padding: 0px 10px 10px 10px;
}

.center {
	text-align: center;
}

em {
	color: #980C10;
}

/* 
 * Questionnaire 
 */

.questDiv {
	margin: 5px;
	border-bottom: 1px solid #F5F5F5;
}

.questDiv span {
	float: left;
	margin: 0px;
	padding: 6px;
}

.questDiv select {
	margin: 0px 0px 4px 0px;
	padding: 1px;
}

.level1 {
	margin-left: 5px;
}

.level1 span {
	width: 630px;
}

.level2 {
	margin-left: 25px;
	display: none;
}

.level2 span {
	width: 580px;
}

.level3 {
	margin-left: 45px;
	display: none;
}

.level3 span {
	width: 560px;
}

/*
 * Entity 2 specific 
 */

.type2 .nameCol {
	width: 275px;
	float: left;
}

.header.type2 span {
	padding: 5px;
}

.type2 .inputCol {
	width: 130px;
	float: left;
	margin: 0px 0px;
	text-align: center;
}

.type2 .unitCol {
	width: 35px;
}

.header.type2 .numProd {
	background-color: #D6E0C7 !important;
}

.header.type2 .numProd span {
	cursor: pointer;
}


.infectedDonation .nameCol span {
	text-decoration: underline;
	color: #68B022;
}

#donation_addDonation {
	width: 100%;
}

#addDonation {
	font-size: 1em;
	margin: 5px;
	width: 42px;
}

.delDonation {
	float: left;
	font-weight: normal;
	font-size: 1em;
	margin: 5px;
}

/*
.editable+input {
	width: 200px;
	margin: 0px;
	text-align: left;
}


span.editable {
	cursor: pointer;
}
*/

input.editable {
	margin: 0px 0px 11px 0px;
	padding: 2px;
}

.nameCol input.editable {
	margin: 5px 0px 0px 3px;
	text-align: left;
}

.donationType .nameCol span {
	cursor: pointer;
}

.donationType .editable {
	margin: 5px 0px 0px 5px;
  	text-align: left;
}

.agentNameCol span {
	cursor: pointer;
}

.agentNameCol input {
	width: 100%;
	margin: 5px 0px;
	padding: 4px 2px;
	text-align: left;
}

/*
 * Entity 4 specific
 */

.type3 .agentNameCol, .type4 .agentNameCol, .type4 .sumNameCol {
	width: 125px !important;
	float: left;
	text-align: center;
}

.agentNameCol span {
	text-decoration: underline;
}

.type3 .inputCol, .type4 .inputCol {
	width: 125px;
	float: left;
}

.type3 .unitCol, .type4 .unitCol {
	width: 60px;	
}

/*
.type3 .editable2 input, .type4 .editable2 input {
	width: 105px;
	margin: 0px;
	text-align: left;
}
*/

.type2 input.output, .type3 input.output, .type4 input.output {
	cursor: pointer;
}

/*
 * Entity 5 specific
 */

.type4 .nameCol {
	width: 275px;
}

.type4.header .nameCol {
	text-align: right;
} 

.type4.header .alignLeft {
	text-align: left;
}

.type4.header .nameCol span {
	margin-right: 10px;
}
/*
 * Disease choice
 */

#diseaseChoice {
	margin: 5px;
	border-bottom: 1px solid #F5F5F5;
}

#diseaseChoice select {
	width: 200px;
	background-color: #eaeaea;
	font-family: Tahoma, Arial, sans-serif;
	color: black;
	font-size: 1.2em;
}

.blueText {
	border-bottom: 1px dotted #0095cd;
}

.orangeText {
	border-bottom: 1px dotted #f78d1d;
}

}

/*
 * Tooltips for questions
 */

.helpCol {
    float: left;
    width: 26px;
}

.helpCol a, .simPanel .tooltipTrigger {
    margin-top: 0px;
    color: white;
    display: inline-block;
    width: 15px;
}

.tooltipTrigger {
	cursor: help;
}

.header span.tooltipTrigger {
	text-decoration: underline;
}


/*
 * Extra styling for printing
 */
/*
@media print {
	#calculationPanel {
		display: none;
	}

	.entityHeader > div {
		display: none;
	}

	#simButtonContainer {
		display: none;
	}

	#showHelp, #showOutputs {
		display: none;
	}
}
*/

/*
 * Hide inputs
 */

/*
#donor_visitingExposure, #donor_timeSinceLastVisit, #donor_cumulativeInfectedDonors, #donor_donorsTested, #donor_proportionOfChronicAmongstTested, 
#donor_testEffectiveness, #donor_testSensitivity, #donor_testSpecificity, #donationBehaviourYes, #donation_numInfectedDonationsBeforeScreenQuest, 
#donation_questionnairesCompliance, #donation_questionnairesEffectiveness, #donation_symptomaticInfection, #donation_symptomaticAcuteInfection, 
#donation_symptomaticChronicInfection, #donation_asymptomaticAcuteInfection, #donation_asymptomaticChronicInfection, #component_testCoverage, 
#component_testEffectiveness, #pathogenemia_pathogenemiaHeader, #pathogenemia_agentLoadPerc, #pathogenemia_agentLoadLog, #pathogenemia_agentLoad, 
#pathogenemia_integrLogReduction, #pathogenemia_storage, #pathogenemia_pathReductionProcess, #pathogenemia_leukoreduction, 
#pathogenemia_washing, #pathogenemia_freezing, #pathogenemia_thawing, #pathogenemia_otherFiltration, #pathogenemia_otherMeasures, 
#pathogenemia_cumLogReduction, #pathogenemia_riskConstant, #pathogenemia_probInfectProductOut
{
	display: none;
}
*/