.Panel{
	border:5px;
	border-color:#fff;
	border-style: solid;
}


div[name="wall"]{
	background-image:none; 
}
.wall{
	background-color:#fff;
}
.wall.chosen{
	background-color:#fff;
}

.dead{
	background-color:#269;
}
.ak{
	background-color:#fff;
}
.infected{
	background-color:#e3b;
}
.undetected{
	background-color:#dfd;
}
.healthy{
	background-color:#cfe;
}

#PanelLevels:hover #explanationdiv{
	visibility: visible;
	opacity:1;
	padding:5 px;
}
#explanationdiv{
	transition: opacity 0.5s, visibility 0.5s;
	opacity:0.25;
	
	color: #111; 
	background-color: #eee;
	padding:5px;
	margin:2px;
	overflow:scroll;
}
#explanationinnertxt
{
	font-size: 12pt;
	font-family: "Avenir";
}

.level{
	border:1px;
	border-color:#fff;
	border-style: solid;
	transition: background-color 0.5s;
	background-color:#dde;
	background-size:contain;
	background-repeat:no-repeat;
	}
.level:hover{
	border:1px;
	border-color:#fff;
	border-style: solid;
	transition: background-color 0.5s;
	background-color:#eef;
	background-size:contain;
	background-repeat:no-repeat;
	}


.intro{
	background-image:url("../images/content/levelintro.png");
}
.measure{
	background-image:url("../images/content/levelmeasure.png");
}
.deaths{
	background-image:url("../images/content/leveldeaths.png"); 
}
.larger{
	background-image:url("../images/content/levellarger.png"); 
}
.undetected{
	background-image:url("../images/content/levelundetected.png"); 
}
.crosswalls{
	background-image:url("../images/content/levelcrosswalls.png"); 
}
.parallelwalls{
	background-image:url("../images/content/levelparallelwalls.png"); 
}
.parallelwallsAndSeed{
	background-image:url("../images/content/levelparallelwalls.png"); 
}
.seed{
	background-image:url("../images/content/levelseed.png"); 
}
.princess{
	background-image:url("../images/content/levelprincess.png"); 
}





.control{
	border:1px;
	border-color:#fff;
	border-style: solid;
	transition: background-color 0.5s;
	background-color:#fff
	}
.control:hover{
	border:1px;
	border-color:#fff;
	border-style: solid;
	transition: background-color 0.5s;
	background-color:#eee
	}


.mask{
	background-image:url("../images/content/mask.png"),url("../images/content/mask.png"); 
background-size:contain;
	background-repeat:no-repeat;
}
.syringe{
background-image:url("../images/content/syringe.png"); 
background-size:contain;
	background-repeat:no-repeat;
}
.quarantine{
background-image:url("../images/content/quarantine.png"); 
background-size:contain;
	background-repeat:no-repeat;
}
.play{
background-image:url("../images/content/play.png"); 
background-size:contain;
	background-repeat:no-repeat;
}


.score{
	border:1px;
	border-color:#fff;
	border-style: solid;
	transition: background-color 0.5s;
	background-color:#fff;
	text-align: right;
	
	font-size: 13pt;
	font-family: "Avenir";
	}

.score.deathscore{
	background-image:url("../images/content/scoredeaths.png"); 
	background-size:contain;
	background-repeat:no-repeat;
	}
#scoretxt_deathscore{
	font-size: 13pt;
	font-family: "Avenir";
}
.score.timescore{
	background-image:url("../images/content/scoretime.png"); 
	background-size:contain;
	background-repeat:no-repeat;
	}
#scoretxt_timescore{
	font-size: 13pt;
	font-family: "Avenir";
}
.score.happinessscore{
	background-image:url("../images/content/scorehappiness.png"); 
	background-size:contain;
	background-repeat:no-repeat;
	}
#scoretxt_happinessscore{
	font-size: 13pt;
	font-family: "Avenir";
}
.score.maxhappinessscore{
	background-image:url("../images/content/scoremaxhappiness.png"); 
	background-size:contain;
	background-repeat:no-repeat;
	}
#scoretxt_maxhappinessscore{
	font-size: 13pt;
	font-family: "Avenir";
}	


div[name="agent"]{
	transition: background-image 0.5s;
	background-size:cover;
	background-repeat:no-repeat;
	transition: background-image 0.5s;
	user-drag:none;
	-webkit-user-drag:none;
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
}


div[mental="happy"][name="agent"]{
	background-image:url("../images/content/smilementalhappy.png"); 
}
div[mental="ok"][name="agent"]{
	background-image:url("../images/content/smilementalok.png"); 
}
div[mental="level"][name="agent"]{
	background-image:url("../images/content/smilementallevel.png"); 
}
div[mental="not amused"][name="agent"]{
	background-image:url("../images/content/smilementalnotamused.png"); 
}
div[mental="sad"][name="agent"]{
	background-image:url("../images/content/smilementalsad.png"); 
}
div[mental="depressed"][name="agent"]{
	background-image:url("../images/content/smilementaldepressed.png"); 
}




div[mental="happy"][name="agent"][syringe="true"]{
	background-image:url("../images/content/smilementalhappy.png"),url("../images/content/humansyringe.png"); 
}
div[mental="happy"][name="agent"][syringe="true"][mask="true"]{
	background-image:url("../images/content/humanmask.png"),url("../images/content/smilementalhappy.png"),url("../images/content/humansyringe.png"); 
}
div[mental="happy"][name="agent"][syringe="true"][mask="true"][quarantine="true"]{
	background-image:url("../images/content/humanmask.png"),url("../images/content/humanquarantine.png"),url("../images/content/smilementalhappy.png"),url("../images/content/humansyringe.png"); 
}
div[mental="happy"][name="agent"][syringe="true"][quarantine="true"]{
	background-image:url("../images/content/humanquarantine.png"),url("../images/content/smilementalhappy.png"),url("../images/content/humansyringe.png"); 
}
div[mental="happy"][name="agent"][quarantine="true"]{
	background-image:url("../images/content/humanquarantine.png"),url("../images/content/smilementalhappy.png"); 
}
div[mental="happy"][name="agent"][mask="true"]{
	background-image:url("../images/content/humanmask.png"),url("../images/content/smilementalhappy.png"); 
}
div[mental="happy"][name="agent"][mask="true"][quarantine="true"]{
	background-image:url("../images/content/humanmask.png"),url("../images/content/humanquarantine.png"),url("../images/content/smilementalhappy.png"); 
}



div[mental="ok"][name="agent"][syringe="true"]{
	background-image:url("../images/content/smilementalok.png"),url("../images/content/humansyringe.png"); 
}
div[mental="ok"][name="agent"][syringe="true"][mask="true"]{
	background-image:url("../images/content/humanmask.png"),url("../images/content/smilementalok.png"),url("../images/content/humansyringe.png"); 
}
div[mental="ok"][name="agent"][syringe="true"][mask="true"][quarantine="true"]{
	background-image:url("../images/content/humanmask.png"),url("../images/content/humanquarantine.png"),url("../images/content/smilementalok.png"),url("../images/content/humansyringe.png"); 
}
div[mental="ok"][name="agent"][syringe="true"][quarantine="true"]{
	background-image:url("../images/content/humanquarantine.png"),url("../images/content/smilementalok.png"),url("../images/content/humansyringe.png"); 
}
div[mental="ok"][name="agent"][quarantine="true"]{
	background-image:url("../images/content/humanquarantine.png"),url("../images/content/smilementalok.png"); 
}
div[mental="ok"][name="agent"][mask="true"]{
	background-image:url("../images/content/humanmask.png"),url("../images/content/smilementalok.png"); 
}
div[mental="ok"][name="agent"][mask="true"][quarantine="true"]{
	background-image:url("../images/content/humanmask.png"),url("../images/content/humanquarantine.png"),url("../images/content/smilementalok.png"); 
}

div[mental="level"][name="agent"][syringe="true"]{
	background-image:url("../images/content/smilementallevel.png"),url("../images/content/humansyringe.png"); 
}
div[mental="level"][name="agent"][syringe="true"][mask="true"]{
	background-image:url("../images/content/humanmask.png"),url("../images/content/smilementallevel.png"),url("../images/content/humansyringe.png"); 
}
div[mental="level"][name="agent"][syringe="true"][mask="true"][quarantine="true"]{
	background-image:url("../images/content/humanmask.png"),url("../images/content/humanquarantine.png"),url("../images/content/smilementallevel.png"),url("../images/content/humansyringe.png"); 
}
div[mental="level"][name="agent"][syringe="true"][quarantine="true"]{
	background-image:url("../images/content/humanquarantine.png"),url("../images/content/smilementallevel.png"),url("../images/content/humansyringe.png"); 
}
div[mental="level"][name="agent"][quarantine="true"]{
	background-image:url("../images/content/humanquarantine.png"),url("../images/content/smilementallevel.png"); 
}
div[mental="level"][name="agent"][mask="true"]{
	background-image:url("../images/content/humanmask.png"),url("../images/content/smilementallevel.png"); 
}
div[mental="level"][name="agent"][mask="true"][quarantine="true"]{
	background-image:url("../images/content/humanmask.png"),url("../images/content/humanquarantine.png"),url("../images/content/smilementallevel.png"); 
}

div[mental="not amused"][name="agent"][syringe="true"]{
	background-image:url("../images/content/smilementalnotamused.png"),url("../images/content/humansyringe.png"); 
}
div[mental="not amused"][name="agent"][syringe="true"][mask="true"]{
	background-image:url("../images/content/humanmask.png"),url("../images/content/smilementalnotamused.png"),url("../images/content/humansyringe.png"); 
}
div[mental="not amused"][name="agent"][syringe="true"][mask="true"][quarantine="true"]{
	background-image:url("../images/content/humanmask.png"),url("../images/content/humanquarantine.png"),url("../images/content/smilementalnotamused.png"),url("../images/content/humansyringe.png"); 
}
div[mental="not amused"][name="agent"][syringe="true"][quarantine="true"]{
	background-image:url("../images/content/humanquarantine.png"),url("../images/content/smilementalnotamused.png"),url("../images/content/humansyringe.png"); 
}
div[mental="not amused"][name="agent"][quarantine="true"]{
	background-image:url("../images/content/humanquarantine.png"),url("../images/content/smilementalnotamused.png"); 
}
div[mental="not amused"][name="agent"][mask="true"]{
	background-image:url("../images/content/humanmask.png"),url("../images/content/smilementalnotamused.png"); 
}
div[mental="not amused"][name="agent"][mask="true"][quarantine="true"]{
	background-image:url("../images/content/humanmask.png"),url("../images/content/humanquarantine.png"),url("../images/content/smilementalnotamused.png"); 
}

div[mental="sad"][name="agent"][syringe="true"]{
	background-image:url("../images/content/smilementalsad.png"),url("../images/content/humansyringe.png"); 
}
div[mental="sad"][name="agent"][syringe="true"][mask="true"]{
	background-image:url("../images/content/humanmask.png"),url("../images/content/smilementalsad.png"),url("../images/content/humansyringe.png"); 
}
div[mental="sad"][name="agent"][syringe="true"][mask="true"][quarantine="true"]{
	background-image:url("../images/content/humanmask.png"),url("../images/content/humanquarantine.png"),url("../images/content/smilementalsad.png"),url("../images/content/humansyringe.png"); 
}
div[mental="sad"][name="agent"][syringe="true"][quarantine="true"]{
	background-image:url("../images/content/humanquarantine.png"),url("../images/content/smilementalsad.png"),url("../images/content/humansyringe.png"); 
}
div[mental="sad"][name="agent"][quarantine="true"]{
	background-image:url("../images/content/humanquarantine.png"),url("../images/content/smilementalsad.png"); 
}
div[mental="sad"][name="agent"][mask="true"]{
	background-image:url("../images/content/humanmask.png"),url("../images/content/smilementalsad.png"); 
}
div[mental="sad"][name="agent"][mask="true"][quarantine="true"]{
	background-image:url("../images/content/humanmask.png"),url("../images/content/humanquarantine.png"),url("../images/content/smilementalsad.png"); 
}


div[mental="depressed"][name="agent"][syringe="true"]{
	background-image:url("../images/content/smilementaldepressed.png"),url("../images/content/humansyringe.png"); 
}
div[mental="depressed"][name="agent"][syringe="true"][mask="true"]{
	background-image:url("../images/content/humanmask.png"),url("../images/content/smilementaldepressed.png"),url("../images/content/humansyringe.png"); 
}
div[mental="depressed"][name="agent"][syringe="true"][mask="true"][quarantine="true"]{
	background-image:url("../images/content/humanmask.png"),url("../images/content/humanquarantine.png"),url("../images/content/smilementaldepressed.png"),url("../images/content/humansyringe.png"); 
}
div[mental="depressed"][name="agent"][syringe="true"][quarantine="true"]{
	background-image:url("../images/content/humanquarantine.png"),url("../images/content/smilementaldepressed.png"),url("../images/content/humansyringe.png"); 
}
div[mental="depressed"][name="agent"][quarantine="true"]{
	background-image:url("../images/content/humanquarantine.png"),url("../images/content/smilementaldepressed.png"); 
}
div[mental="depressed"][name="agent"][mask="true"]{
	background-image:url("../images/content/humanmask.png"),url("../images/content/smilementaldepressed.png"); 
}
div[mental="depressed"][name="agent"][mask="true"][quarantine="true"]{
	background-image:url("../images/content/humanmask.png"),url("../images/content/humanquarantine.png"),url("../images/content/smilementaldepressed.png"); 
}


div[name="agent"].dead{
	background-image:url("../images/content/smiledead.png"); 
}
div[name="agent"].dead{
	background-image:url("../images/content/smiledead.png"); 
}
div[name="agent"].dead{
	background-image:url("../images/content/smiledead.png"); 
}
div[name="agent"].dead{
	background-image:url("../images/content/smiledead.png"); 
}
div[name="agent"].dead{
	background-image:url("../images/content/smiledead.png"); 
}
div[name="agent"].dead{
	background-image:url("../images/content/smiledead.png"); 
}



div[mental="happy"][name="agent"].dead{
	background-image:url("../images/content/smiledead.png"); 
}
div[mental="ok"][name="agent"].dead{
	background-image:url("../images/content/smiledead.png"); 
}
div[mental="level"][name="agent"].dead{
	background-image:url("../images/content/smiledead.png"); 
}
div[mental="not amused"][name="agent"].dead{
	background-image:url("../images/content/smiledead.png"); 
}
div[mental="sad"][name="agent"].dead{
	background-image:url("../images/content/smiledead.png"); 
}
div[mental="depressed"][name="agent"].dead{
	background-image:url("../images/content/smiledead.png"); 
}



.chosen{
	border-style: none;
	border:0px;
	border-color:#00f;
	background-color:#00f;
	opacity:1;
}
.notchosen{
	border-style: none;
	border:0px;
	border-color:#fff;
	transition: opacity 0.5s;
}