@charset "UTF-8";
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,700,600,300);*/

html, html a {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	/*text-stroke: 0.35px;*/
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJBQkFGRUZFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJBQkFGRjBFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkFCQUZFREU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkFCQUZFRUU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtrV+I8AAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC',sizingMethod=crop);
  zoom: 1;*/
}

body {
	/*font-family:Arial,"Helvetica Neue",  Helvetica, sans-serif;*/
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight:400;
	
	-webkit-text-stroke: 1px rgba(0,0,0,0.1);
	/*text-shadow: #fff 0px 1px 1px;*/
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	
	font-smoothing: antialiased;
 	background-color:#333;
	color: #333;
	overflow-x: auto;
	overflow-y: auto;
	margin-top: 0px; 
	border: none;
	overflow:auto;
	width:100%;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none; 
	-ms-touch-action: none;
	touch-action: manipulation;
}
img.map, map area{
    outline: none;
}
[data-theme=a].ui-btn-corner-all {
    -moz-border-radius:             .3em;
    -webkit-border-radius:          .9px;
    border-radius:                  .3em;
}​
img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
.container {
	/*background-color: #999999;
	background:url(../images/bevelBg.jpg) no-repeat 50% 0;*/
	margin: 0px;
	padding: 0%;
/*	clear: none;
	float: none;*/
	background-color: transparent;
	width: 960px;
	height: 582px;
	/*left: 0px;
	top: -1px;*/
	left:auto;
	position: relative;
}
.containerW{
	background-color: 999999;
	/*background:url(../images/bevelBg.jpg) no-repeat 50% 0;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 0%;
	clear: none;
	float: none;
	width: 960px;
	height: 640px;
	/*transition:width 1s;*/
	position: relative;
}

#bevelH{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 960px;
	pointer-events: none;
}
.textArea {
	display: block;
	position: absolute;
	/*top: 482px;
	bottom: 86px;
	left: 25px;
	width: 702px;*/
	line-height: 21px;
	font-size: 16px;
	font-family: 'Open Sans', Arial, sanstextArea-serif;
	/*font-weight: 300;
	font-family: Arial, Helvetica, sans-serif
	font-family:  Helvetica, Arial, sans-serif;BD*/
	font-weight: 400;
}
.textArea15 {
	display: block;
	position: absolute;
	line-height: 18px;
	font-size: 15px;
	font-family: 'Open Sans', Arial, sanstextArea-serif;
	font-weight: 400;
}
textarea { overflow: auto; }
#homeTxt{
	position: absolute;
	display: block;
	top: 366px;
	left: 26px;
	width: 706px;
	height: 188px;
}
	#prefsBtn{
		position: absolute;
		display: block;
		margin-top: 0px;
		-moz-border-radius: 30px 30px 30px 30px;
		border-radius: 30px 30px 30px 30px;
		/*padding: 7px 12px 7px 12px;
		width: 120px;
		height: 26px;*/
		background-color:#EFEFEF;
		width: 144px;
		height: 40px;
		left: 580px;
		top: 590px;
		
		border: 1px solid #996600;
		cursor: pointer;
		font-weight: 600;
		color: #996600;
		text-align: center;
		font-size: 18px;
		cursor:pointer;
	}
	#exitBtn{
		position: absolute;
		display: block;
		margin-top: 0px;
		-moz-border-radius: 30px 30px 30px 30px;
		border-radius: 30px 30px 30px 30px;
		/*padding: 7px 12px 7px 12px;
		width: 120px; FFEAE5
		height: 26px;*/
		background-color:#EFEFEF;	
		left: 28px;
		top: 590px;	
		width: 144px;
		height: 40px;
		border: 1px solid #996600;
		cursor: pointer;
		font-weight: 600;
		color: #996600;
		text-align: center;
		font-size: 18px;
		cursor:pointer;
	}
    #sysName{
	color: rgba(255,255,255,.9);
	position: absolute;
	display: block;
	top: 529px;
	left: 766px;
	width: 174px;
	height: 22px;
	font-size: 14px;
	text-align: center;
	font-weight: 600;
	}
	#dialogPrefs{
		position: absolute;
		display: block;
		top: -300px;
		left: 273px;
		background:rgba(206,206,206,.9);
	}
	#prefsTitle{
		position: absolute;
		display: block;
		top: 6px;
		width: 420px;
		font-weight:700;
		font-size: 24px;
		text-align: center;
		color:#EFEFEF;
	}
	#btnBpref{
	border:2px solid;
	font-weight:700;
	margin-top: -1px;
	left: 300px;
	top: 200px;
}
#btnApref{
	left: 180px;
	top: 200px;
}
#radioSet{
	position: absolute;
	display: block;
	top:70px;
}
.rb{
	cursor: pointer;
	width: 120px;
	padding-top:10px;
}			
.rbDot{
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	background-color: #EFEFEF;
	border: 1px solid #996600;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.selectDot{
	position: absolute;
	display: none;
	width: 12px;
	height: 12px;
	background-color: #996600;
	-moz-border-radius: 10px;
	border-radius: 10px;
	top:4px;
	left:4px;
}
#radioTitle{
	position: absolute;
	display: block;
	left:16px;
	top:56px;
}
#wpTitle{
	position: absolute;
	display: block;
	left:230px;
	top:56px;
}
#wp{
	position: absolute;
	display: block;
	left:316px;
	top:75px;
	width:25px;
	height:20px;
	padding-top:3;
	text-align: center;
	font-size: 16px;
	font-family: 'Open Sans', Arial, sanstextArea-serif;
	font-weight: 400;
	background-color: #EFEFEF;
	border: 1px solid #996600;
	color: #111111;
	resize: none;
		
}
.rbTxt{
	position: absolute;
	display: block;
	left:25px;
	width:200px;
	padding-top:2px;
}
#maskPrefs{
	position: absolute;
	display: block;
	visibility:hidden;
	top: 0px;
	left: 0px;
	width: 960px;
	height:640px;
	background-color:rgba(102,102,102,.5)
}
#dialogAbout{
	 position: absolute;
	  display: block;
	  visibility:hidden;
	  top: -450px;
	  left: 232px;
	  width: 500px;
	  height:350px;
	  border: none;
	z-index: 1002;
}
	#aboutCopyTxt{
		position: absolute;
		display: block;
		text-align: center;
		font-size: 14px;
		top: 310px;
		left: 100px;
		color: #F1F1F1;
		color:#FFF;
		font-weight:600;
		/*-webkit-text-stroke: 1px rgba(0,0,0,0.2);
	text-shadow: #fff 0px 1px 1px;*/
	
		width: 340px;
	}
	#aboutVersionTxt{
		position: absolute;
		display: block;
		text-align: right;
		font-size: 12px;	
		top: 334px;
		left: 400px;
		color:#333333;
		width: 96px;
	}
/* External Code*/
#exTargets{
	position: absolute;
	display:block;
	top: 0px;
	left: 0px;
	opacity:0;
	filter:alpha(opacity=0);
}
#exLines{
	position: absolute;
	display:block;
	top: 0px;
	left: 0px;
	pointer-events: none;
}

#exBg{
	/*pointer-events: none;*/
}

#linesEx{
	position: absolute;
	display: block;
	top: 73px;
	left: 193px;
	pointer-events: none;
}
#labels{
	position: absolute;
	display:block;
	top: 14px;
	left: 747px;
	width: 240px;
	height: 420px;
	/*border: groove;*/
}
.exBtns{
	 -webkit-border-radius: .1em;
}
.labelLg {
	visibility:visible;
	display: block;
	position: absolute;
	width: 200px;
	height: 26px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/*left: 125px;	*/
	border-width:1px;
	border-style:solid;
	border-color:#333;
	cursor: pointer;
	background-color:#fff;
}
.homeBtns {
	visibility: visible;
	display: block;
	position: absolute;
	width: 78px;
	height: 78px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	/*left: 125px;	*/
	border-width: 3px;
	border-style: solid;
	border-color: rgba(153,102,0,0);
	cursor: pointer;
	background-color: rgba(255,255,255,0);
	left: 584px;
	top: 341px;
}
#f1Btn{
	top: 159px;
	left: 774px;
}
#f1BtnArt{
	display: block;
	position: absolute;
	top: 159px;
	left: 774px;
}
#f2Btn{
	top: 227px;
	left: 845px;
}
#f2BtnArt{
	display: block;
	position: absolute;
	top: 227px;
	left: 845px;
}
#sxBtn{
	top: 294px;
	left: 774px;
}
#sxBtnArt{
	display: block;
	position: absolute;
	top: 294px;
	left: 774px;
}

#diBtn{
	top: 362px;
	left: 845px;
}
#diBtnArt{
	display: block;
	position: absolute;
	top: 362px;
	left: 845px;
}
#brBtn{
	top: 429px;
	left: 773px;
}
#brBtnArt{
	display: block;
	position: absolute;
	top: 429px;
	left: 773px;
}
#prevBtn{
		position: absolute;	
		display: none;
		-moz-border-radius: 30px 0 0 30px;
		border-radius: 30px 0 0 30px;	
		background-color:#EFEFEF;	
		left: 419px;
		top: 590px;
		width: 40px;
		height: 40px;
		border: 1px solid #996600;
		cursor:pointer;
	}
	#printBtn{
		position: absolute;	
		display: none;
		/*-moz-border-radius: 30px 0 0 30px;
		border-radius: 30px 0 0 30px;	*/
		background-color:#EFEFEF;	
		left: 459px;
		top: 590px;
		width: 40px;
		height: 40px;
		border: 1px solid #996600;
		cursor:pointer;
	}
	#mlPrev{
		position: absolute;	
		display: block;		
		left: 11px;
		top: 9px;
		-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
	}
	#mlPrint{
		position: absolute;	
		display: block;		
		left: 9px;
		top: 9px;
	}
	#nextBtn{
		position: absolute;	
		display: none;
		-moz-border-radius: 0 30px 30px 0;	
		border-radius: 0 30px 30px 0;	
		background-color:#EFEFEF;	
		left: 500px;
		top: 590px;
		width: 40px;
		height: 40px;
		border: 1px solid #996600;
		cursor:pointer;
	}
	#mlNext{
		position: absolute;	
		display: block;		
		left: 7px;
		top: 9px;
	} 
.labelLgEx {
	left: 705px;	
}
.drop-shadow {
	position:relative;
	float:left;
	width:40%;
	padding:1em;
	margin:2em 10px 4em;
	/*background:#fff;*/
	background:rgba(204,204,204,0.8);/*rgba(153,153,153,.7)*/
	-webkit-box-shadow:0 1px 15px rgba(0, 0, 0, 0.9), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 15px rgba(0, 0, 0, 0.9), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 15px rgba(0, 0, 0, 0.9), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.raised2 {
	-webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5), 0 3px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, .1) inset;
	-moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5), 0 3px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, .1) inset;
	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5), 0 3px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, .1) inset;
}
.raised3 {
	-webkit-box-shadow: 0 15px 15px -15px rgba(0, 0, 0, 0.5), 0 13px 14px rgba(0, 0, 0, 0.5), 0 0 4px rgba(0, 0, 0, .1) inset;
	-moz-box-shadow: 0 15px 15px -15px rgba(0, 0, 0, 0.5), 0 13px 14px rgba(0, 0, 0, 0.5), 0 0 4px rgba(0, 0, 0, .1) inset;
	box-shadow: 0 15px 15px -15px rgba(0, 0, 0, 0.5), 0 15px 15px rgba(0, 0, 0, 0.5), 0 0 4px rgba(0, 0, 0, .1) inset;
}
.textQ{
	display: block;
	position: absolute;
	width: 200px;
	font-size: 16px;
	color: #999999;
	line-height:24px;
	vertical-align: text-top;
	text-align: center;
	/*top: 6px;*/
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	-moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

#info {
	display: block;
	position: absolute;
	/*clear: both;
	vertical-align: bottom;*/
	text-align: center;
	/*margin-left: auto;
	margin-right: auto;*/
	font-size: 20px;
	/*bottom: 24px;*/
	top: 600px;
	left: 205px;
	color: #996600;
	/*line-height: 20px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;*/
	height: 44px;
	width: 550px;
}
#continueBtn:hover { 
	background-color:#b4e6ff;
}
#continueBtn{
	display: block;
	position: absolute;
	visibility: visible;
	left: 836px;
	top: 532px;
	height: 26px;
	width: 100px;
	padding: 5px 0px 1px 0;
	-moz-border-radius: 30px 30px 30px 30px;
	border-radius: 30px 30px 30px 30px;
	background-color: #EFEFEF;
	border: 1px solid #996600;
	font-weight: 600;
	color: #996600;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
	z-index: 130;
}
#menuGroup{
	display: block;
	position: absolute;
	top: 580px;
	left: 788px;
	height: 44px;
	width: 700px;
}
#mediaGroup{
	display: none;
	position: absolute;
	top: 580px;
	left: 44px;
	/*height: 44px;
	width: 700px;*/
}
#logo{
	display: block;
	position: absolute;
	top: 5px;
	width:24px;
	height: 32px;
	right: 10px;
}
#okBtn{
	
}

#menuXY{
	position: absolute;
	display: block;
	top: 375px;
	left: 818px;
}
.dialogBtn{
	width:50px;
	margin-left:10px;
}
/*.ui-icon-camera {
	background-image:url(themes/images/icons-png/camera-green.png);
}
.ui-icon-video {
	background-image:url(video-green.png);
}*/
#mediaWd{
	position: absolute;
	display: none;
	top: 90px;
	left: 10px;
	width: 320px;
	height:480px;
	border:#996600;
	-moz-border-radius: 15px 15px 0 0;
	border-radius: 25px 25px 0 0;
	background-color:rgba(153,153,153,1);
}
#loader{
	position: absolute;
	display: block;
	top: 36px;
	left: 0px;
	width: 320px;
	height:240px;
	background-color:#333;
}
#loaderTxt{
	position: absolute;
	display: block;
	top: 220px;
	left: 4px;
	width: 30px;
	color:#FFF;
}
video.background {
  background: black
}
#mediaTop{
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 320px;
	height:38px;
	-moz-border-radius: 15px 15px 0 0;
	border-radius: 25px 25px 0 0;
	background-color:#996600;
}
#mediaTitle{
	position: absolute;
	display: block;
	top: 5px;
	left: 12px;
	width: 320px;
	height:38px;
	text-align: center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight:500;
	color:rgba(204,204,204,1);
	
	/**/-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	cursor: pointer;
}

#mediaHolder{
	position: absolute;
	display: none;
	top: 36px;
	left: 0px;
	width: 320px;
	height:240px;
	/*background-image:url(../images/WebbedFeet.jpg);*/
}
#video1{
	position: absolute;
	display: none;
	top: 36px;
	left: 0px;
	width: 320px;
	height:240px;
}
#mediaBevel{
	position: absolute;
	display: block;
	top: 277px;
	left: 2px;
}
#mediaTxt{
	position: absolute;
	display: block;
	top: 285px;
	left: 12px;
	width:300px;
	font-size: 16px;
}

#menuCover{
	position: absolute;
	display: block;
	top: 60px;
	left: 900px;
	background-color:rgba(255,0,0,1);
	width:300px;
	height:580px;
}
#mask{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 960px;
	height:640px;
	background-color:rgba(102,102,102,.5)
}

#linesM{
	position: absolute;
	display: block;
	top: 56px;
	left: 242px;
	pointer-events: none;
}
.sysTitle{
	position: absolute;
	display: block;
	bottom:60px;
	right:10px;
}
.organSVG{
	position: absolute;
	display:block;
	visibility:hidden;
	top: 0px;
	left: 0px;
	opacity:0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:default;
}
.guts{
	display: block;
	position: absolute;
	visibility:hidden;
}
.organ{
	position: absolute;
	display: block;
	visibility:hidden;
	cursor:default;
}
.bodySvg{
	display:block;
	position:absolute;
	fill: #fff;
	opacity:0.5;
	cursor:grab;
}
#cover{
	position: absolute;
	display: block;
	top: 249px;
	left: 328px;
	pointer-events: none;
}
#notesBgD{
	position: absolute;
	display: none;
	top: 340px;
	left: 130px;
	width: 700px;
	height: 188px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	border: 1px solid #333;
	background-color:rgba(102,102,102,.8);
}
#notesD{
	position: absolute;
	display: block;
	top: 3px;
	left: 3px;
	width: 695px;
	height: 184px;
	line-height:18px;
	text-align: left;
	color:rgba(255,255,255,.9);
	cursor:default;
}
#bodyCover{
	position: absolute;
	display: block;
	top: -79px;
	left: -134px;
	width: 810px;
	height: 200px;
	background-color: rgba(102,102,102,0);
	cursor: no-drop;
}
.chartTx{
	position: absolute;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 16px;
	width: auto;
	color: #E0E0E0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	left: 531px;
	top: 171px;
	cursor: default;
	bottom: 32730px;
	height: 28px;
}
.notesTx{
	position: absolute;
	display: block;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 16px;
	/*text-align: left;
	line-height: 18px;*/
	color: #E0E0E0;
	font-weight: 600;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
}
#notesBgQ{
	position: absolute;
	display: none;
	top: 480px;
	left: 100px;
	width: 760px;
	height: 50px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	border: 1px solid #333;
	background-color: rgba(102,102,102,.7);
}
#notesQ{
	position: absolute;
	display: block;
	top: 5px;
	left: 5px;
	width: 750px;
	height: 130px;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: rgba(153,0,0,1);
	color:#FFC6C7;
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	cursor:default;
}

#m1{
	top:0px;
}
#d1{
	top:40px;
}
#b2{
	top:40px;
}
#b3{
	top:80px;
}
#b4{
	top:120px;
}
#b5{
	top:160px;
}


#d2{
	top:200px;
}
#m23{
	top:200px;
}
#d3{
	top:240px;
}
#m24{
	top:240px;
}
#d4{
	top:280px;
}
#m25{
	top:280px;
}
#d5{
	top:360px;
}
/*#m17{
	top:280px;
}
#m18{
	top:320px;
}
#m19{
	top:360px;
}*/
.ui-focus,.ui-btn:focus {
 -moz-box-shadow: none !important;
 -webkit-box-shadow: none !important;
 box-shadow: none !important;
}

.ui-disabled {
	opacity:.3;
	border-color:#999;
	cursor:no-drop;
}
.activeBtnClass{
	background-color:#377C32;
}
.chartLineH{
	position: absolute;
	display: block;
	height: 1px;
	background-color: #333;
	background-color: #bbb;
}
.chartLineV{
	position: absolute;
	display: block;
	width: 1px;
	background-color: #333;
	background-color: #bbb;
}
.bgImg{
	pointer-events: none;
}
/************************************************* Fly Classes ******************************************/
.fly{
	position: absolute;
	display: block;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
}
.flyEd{
	position: absolute;
	display: block;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
}
.letter{
	position: absolute;
	display: block;
	cursor:grab;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
}
.noTouchCallOut{
	-webkit-user-select:none;
	-webkit-touch-callout:none;
}
.infoTxt{
	position: absolute;
	display: block;	
	left: 32px;
	top: 86px;
	width:904px;
	height:75px;
	line-height:21px;
	font-size:16px;
}
.proceedureTxt{
	position: absolute;
	display: block;	
	left: 30px;
	top: 228px;
	width:325px;
	line-height:22px;
	font-size:16px;
}
.flyLabel{
	position: absolute;
	display: block;
	font-weight:600;
	font-size:16px;
}
.size12{
	font-size:12px;
	pointer-events: none;
}
.size14{
	font-size:14px;
	pointer-events: none;
}
/************************************************* F1a ******************************************/
#wLg1{
	left: 608px;
	top: 410px;
}
#wLg2{
	left: 608px;
	top: 410px;
}
#wSm1{
	left:674px;
	top: 410px;
}
#wSm2{
	left:674px;
	top: 410px;
}
#flyF1a1{
	left: 550px;
	top: 240px;
}
#flyF1a2{
	left: 700px;
	top: 240px;
}
#f1aF{
	left: 518px;
	top: 210px;
}
#f1aM{
	left: 686px;
	top: 210px;
}
/************************************************* F1b ******************************************/
#proF1b{
	left: 48px;
	top: 128px;
	width: 296px;
}
/*#wLgB1{
	left: 650px;
	top: 229px;
}
#wLgB2{
	left: 650px;
	top: 229px;
}
#wLgB3{
	left: 769px;
	top: 229px;
}
#wLgB4{
	left: 769px;
	top: 229px;
}
#wSmB1{
	left: 545px;
	top: 320px;
}
#wSmB2{
	left: 545px;
	top: 320px;
}
#wSmB3{
	left: 545px;
	top: 415px;
}
#wSmB4{
	left: 545px;
	top: 415px;
}*/

#top1{
	left: 650px;
	top: 229px;
}
#top2{
	left: 650px;
	top: 229px;
}
#top3{
	left: 769px;
	top: 229px;
}
#top4{
	left: 769px;
	top: 229px;
}
#side1{
	left: 545px;
	top: 320px;
}
#side2{
	left: 545px;
	top: 320px;
}
#side3{
	left: 545px;
	top: 415px;
}
#side4{
	left: 545px;
	top: 415px;
}
#flyF1b1{
	left: 447px;
	top: 335px;
}
#flyF1b2{
	left: 690px;
	top: 150px;
}
.flyLabel{
	position: absolute;
	display: block;
	font-weight:600;
}
#f1bF{
	left: 415px;
	top: 420px;
}
#f1bM{
	left: 676px;
	top: 120px;
}
/************************************************* F1c ******************************************/
#radioSet{
	position: absolute;
	display: block;
	left:60px;
	top:338px;
	top:376px;
	width:290px;
}
.rb{
	position: absolute;
	cursor: pointer;
	padding-top:40px;
	padding-top:0px;
	width:290px;
	height: 24px;
}
.rbDot{
	position: absolute;
	display: block;	
	width: 20px;
	height: 20px;
	background-color: #EFEFEF;
	border: 1px solid #996600;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.selectDot{
	position: absolute;
	display: block;
	visibility:hidden;
	width: 12px;
	height: 12px;
	background-color: #996600;
	-moz-border-radius: 10px;
	border-radius: 10px;
	top:4px;
	left:4px;
}
.rbTxt{
	position: absolute;
	display: block;
	left:30px;
	width:270px;
	padding-top:2px;
	font-size:16px;
}
#rButton2{
	top:40px;
}
#rButton3{
	top:80px;
}
#rButton4{
	top:120px;
}
/************************************************* Experiments *******************************************************/
.instructEx{
	position: absolute;
	display: block;
	left:455px;
	top:506px;
	width: 455px;
	height: 56px;
	font-size:14px;
	line-height:19px;
	font-weight:600
}
.flyLabelEx{
	position: absolute;
	display: block;
	font-weight:600;
	font-size:14px;
	text-align:center;
	width:154px;
	top:178px;
	line-height:16px;
}

#flyEx1{
	left: 500px;
	top: 84px;
	z-index:10;
}
#flyEx2{
	left: 574px;
	top: 84px;
	z-index:11;
}
#exF{
	left: 489px;
}
#exM{
	left: 567px;
}
#lid{
	position: absolute;
	display: block;
	left:485px;
	top:200px;
	left:749px;
	top:83px;
	cursor:grab;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
}
#vial{
	position: absolute;
	display: block;
	left: 755px;
	top: 110px;
	cursor:default;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
	/*pointer-events: none;*/
}
#disturb{
	position: absolute;
	display: block;
	left: 755px;
	top: 110px;
	height:50px;
	width:154px;
	visibility:hidden;
	cursor:default;
	z-index:1112;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
}
.labelOffspring{
	position: absolute;
	display: block;
	left: 23px;
	top: 550px;
	font-weight:600;
	font-size:14px;
	text-align:center;
	width:150px;
}
#offM{
	left: 198px;
}
.exTxt{
	position: absolute;
	display: block;
	left: 458px;
	top: 288px;
	font-weight:600;
	font-size:14px;
	text-align:left;
	width:200px;
}
#exTxt2{
	top: 305px;
	font-weight:400;
	width:220px;
}
#exTxt3{
	left:490px;
	top: 350px;
	line-height:34px;
}
.exCount{
	position: absolute;
	display: block;
	left: 458px;
	top: 358px;
	font-weight:400;
	font-size:14px;
	text-align:center;
	width:30px;
}
#exCount2{
	top: 392px;
}
#exCount3{
	top: 426px;
}
#exCount4{
	top: 460px;
}
.button4{
	position: absolute;
	display: block;
	-moz-border-radius: 30px 30px 30px 30px;
	border-radius: 30px 30px 30px 30px;
	padding-top:8px;
	background-color:#EFEFEF;	
	left: 612px;
	top: 590px;	
	width: 144px;
	height: 32px;
	color: #996600;
	border: 1px solid #996600;
	font-weight: 600;	
	text-align: center;
	font-size: 18px;
	cursor:default;
	opacity:0.5;
}
#autoBtn{
	left: 440px;
}
#exTitle{
	position: absolute;
	display: block;
	left: 584px;
	top: 12px;
}
/************************************************* Global CSS *******************************************************/
	/*body{
		overflow:hidden;
		width:100%;
		background-color:#333;
		-webkit-user-select: none;  
		-moz-user-select: none;     
		-ms-user-select: none;     
		user-select: none;       
	}*/
	html {
		overflow:auto;
		width:100%;
	}
	#pageH{
	left: 0px;
	width: 960px !important;
	height: 640px !important;
	overflow: hidden;
	display: block;
		/*z-index:2000 !important;*/
	}
	#shell{
	position: absolute;
	left: 0px;
	width: 960px !important;
	height: 640px !important;
	/*z-index:2000 !important;*/
	background: none;
	overflow: hidden;
	right: 0px;
	top: 0px;
	bottom: 0px;
	border:none;
	margin:0px;
	padding:0px;
	
	}
	#menu1{
		display:block;
		position:absolute;
		visibility:hidden;
		left:740px;
		top:270px;
		height:320px;
		/*top:54px;
		height:527px;*/
		width:200px;
		-moz-border-radius: 1px;
		border-radius: 1px;
		background-color:rgba(247,247,247,1.00);
		border: 1px solid #996600;	
	}
	.menuList{
		display:block;
		position:absolute;
		top:-16px;
		height:34px;
	}
	.menuItem{
		display:block;
		position:absolute;
		color: #996600;
		background-color:#EFEFEF;
		height:20px;
		width:190px;
		padding-top:10px;
		padding-left:10px;
		padding-bottom:10px;
		font-size:16px;
		-webkit-user-select: none;  /* Chrome all / Safari all */
		-moz-user-select: none;     /* Firefox all */
		-ms-user-select: none;      /* IE 10+ */
		user-select: none;          /* Likely future */   
		cursor:pointer;  
	}

	/*.menuItem:hover { 
		background-color:#D3FFD0;
		color:#060;
	}*/
	.menuDivider{
		display: block;
		position: absolute;
		background-color: #996600;
		height: 1px;
		width: 200px;
	}
	#pictBtn{
		position: absolute;	
		display: none;
		visibility: visible;
		margin-top: 0px;
		-moz-border-radius: 30px 0 0 30px;
		border-radius: 30px 0 0 30px;
		/*padding: 7px 15px 9px 15px;
		width: 20px;
		height: 26px;*/
		background-color:#EFEFEF;	
		left: 25px;
		top: 590px;
		width: 50px;
		height: 42px;
		border: 1px solid #996600;
		opacity:.3;
		cursor:pointer;
	}
	#movBtn{
		position: absolute;	
		display: none;
		visibility: visible;
		margin-top: 0px;
		-moz-border-radius: 0 30px 30px 0;
		border-radius: 0 30px 30px 0;
		/*padding: 7px 15px 9px 15px;
		width: 20px;
		height: 26px;*/
		background-color:#EFEFEF;	
		left: 76px;
		top: 590px;
		width: 48px;
		height: 42px;

		border: 1px solid #996600;
		opacity:.3;
		cursor:pointer;
	}
	#menuBtn{
		visibility: visible;
		display: block;
		margin-top: 0px;
		-moz-border-radius: 0 30px 30px 0;
		border-radius: 0 30px 30px 0;
		/*padding: 7px 12px 7px 12px;*/
		background-color: #EFEFEF;
		position: absolute;
		left: 886px;
		top: 590px;
		/*width: 20px;
		height: 26px;*/
		width: 44px;
		height: 40px;
		border: 1px solid #996600;
		cursor: pointer;
		font-weight: 600;
		color: #996600;
		cursor:pointer;
	}
	#homeBtn{
		visibility: visible;
		display: block;
		margin-top: 0px;
		-moz-border-radius: 30px 0 0 30px;
		border-radius: 30px 0 0 30px;
		/*padding: 7px 12px 7px 12px;*/
		background-color:#EFEFEF;
		position: absolute;
		left: 785px;
		top: 590px;
		/*width: 76px;
		height: 26px;*/
		width: 100px;
		height: 40px;
		border: 1px solid #996600;
		cursor: pointer;
		font-weight: 600;
		color: #996600;
		text-align: right;
		font-size: 18px;
		cursor:pointer;
	}
	#mediaClose{
		position: absolute;
		display: block;
		top: 3px;
		left: 4px;
		width:30px;
		height:30px;
		background-color:#EFEFEF;
		border: 1px solid #996600;
		-moz-border-radius: 30px 30px 30px 30px;
		border-radius: 16px 16px 16px 16px;
	}
	/*.btnH:hover{
		background-color:#D3FFD0;
		color:#060;
	}*/
	.btnH{
		display:none;
	}
	#homeBtnTxt{
		position:absolute;
		visibility: visible;
		display: block;
		left: 16px;
		top: 9px;
		width:80px;
	}
	#exitBtnTxt{
		position:absolute;
		visibility: visible;
		display: block;
		left: 55px;
		top:9px;
	}
	#prefsBtnTxt{
		position:absolute;
		visibility: visible;
		display: block;
		left: 22px;
		top:9px;
	}
	#menuMask{
	  position: absolute;
	  display: block;
	  visibility: hidden;
	  top: 0px;
	  left: 0px;
	  width: 960px;
	  height:640px;
	  background-color:rgba(102,102,102,.3)
  }
  #cameraIcon{
	  position: absolute;
	  display: block;
	  top:10px;
	  left: 16px;
  }
  #videoIcon{
	  position: absolute;
	  display: block;
	  top: 10px;
	  left: 10px;
  }
  #homeIcon{
	  position: absolute;
	  display: block;
	  top: 9px;
	  left: 12px;
  }
  #infoIcon{
	  position: absolute;
	  display: block;
	  top: 12px;
	  left: 16px;
  }
  #listIcon{
	  position: absolute;
	  display: block;
	  top: 9px;
	  left: 10px;
  }
  #closeIcon{
	  position: absolute;
	  display: block;
	  top:4px;
	  left:4px;
	  cursor:pointer;
  }
  .star{
	  position: absolute;
	  display: block;
	  top:8px;
	  width:22px;
	  height:22px;
	  right:5px;
	  pointer-events: none;
  }
  .gray{
		-webkit-filter: grayscale(70%); /* Chrome, Safari, Opera */
    	filter: grayscale(70%);
		cursor:no-drop;
	}
  #box{
	display:block;
	position:absolute;
	top:20px;
	left:20px;
	width:20px;
	height:30px;
	background-color:red;
	z-index:1111;
} 

/*home.html	*/
#demoTxt{
    position: absolute;
    display: block;
    font-size:200px;
    font-weight:bolder;
    font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    color:#990000;
    width: 120px;
    left:100px;
    top:200px;
    opacity:0.7;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none; 
    transform: rotate(-20deg);
    -ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Safari and Chrome */
    cursor:default;
}
/* postTest.html */
#testNum{
	position: absolute;
	display: block;
	top: 30px;
}
sup { 
    vertical-align: super;
    font-size: smaller;
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
	letter-spacing: 4px;
}

.redStar{
	color:#C00;
}

/* test.html */
#testNum{
	position: absolute;
	display: block;
	top: 30px;
}
sup { 
    vertical-align: super;
    font-size: smaller;
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
	letter-spacing: 4px;
}
.testInfo{
	position: absolute;
	display: block;
	width:900px;
	left:30px;
	font-size:14px;
	font-weight:600;
}
#testInfo1{
	top: 70px;
}
#testInfo2{
	top: 318px;
}
#demoT{
	position: absolute;
	display: block;
	top: 518px;
	left: 0px;
	width:960px;
	text-align:center;
	color:#900;
}

/* breeder.html */
.brTxt{
	position: absolute;
	display: block;
	left: 488px;
	top: 290px;
	font-weight:600;
	font-size:14px;
	text-align:left;
	width:200px;
}
#brTxt1{
	top: 305px;
}
#brTxt2{
	top: 325px;
}
#brTxt3{
	top: 345px;
}
#brTxt4{
	top: 365px;
}
#brTxt5{
	top: 405px;
}
#brTxt6{
	top: 425px;
}
#brTxt7{
	top: 445px;
}
#brTxt8{
	top: 465px;
}
.brCount{
	position: absolute;
	display: block;
	left: 458px;
	font-weight:400;
	font-size:14px;
	text-align:center;
	width:30px;
}
#brCount1{
	top: 305px;
}
#brCount2{
	top: 325px;
}
#brCount3{
	top: 345px;
}
#brCount4{
	top: 365px;
}
#brCount5{
	top: 405px;
}
#brCount6{
	top: 425px;
}
#brCount7{
	top: 445px;
}
#brCount8{
	top: 465px;
}
#brTxt9{
	top: 285px;
}
#brTxt10{
	top: 387px;
}
#editor{
	position: absolute;
	display: block;
	visibility:hidden;
	left: 0px;
	top: -450px;
	z-index:1200;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
}
#editorBg{
	position: absolute;
	display: block;
	left: 130px;
	top: 0px;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
}
#flyMask{
	position: absolute;
	display: block;
	left: 675px;
	top: 36px;
	width: 134px;
	height: 297px;
	overflow:hidden;
	/*background-color: #377c32;*/
}
.strip{
	position: absolute;
	display: block;
	left: 0px;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
}
#strip1{
	top: 2px;
}
#strip2{
	top: 61px;
	opacity: 0.5;
}
#strip3{
	top: 102px;
	opacity: 0.5;
}
#activeEditBox{
	position: absolute;
	display: block;
	left: 674px;
	width: 134px;
	border:solid 1px #ffff00;
	cursor:pointer;
}
.stripTxt{
	position: absolute;
	display: block;
	width:95px;
	left: 500px;
	color:#996600;
	text-align:center;
	font-size:14px;
	font-weight:600;
	line-height:15px;
}
#stripTxt1{
	top:52px;
}
#stripTxt2{
	top:114px;
}
#stripTxt3{
	top:204px;
}
#stripTxt4{
	top:308px;
	left: 490px;
	width:125px;
	font-size:16px;
}
#menuBtnBr{
		visibility: visible;
		display: block;
		margin-top: 0px;
		-moz-border-radius: 0 16px 16px 0;
		border-radius: 0 16px 16px 0;
		/*padding: 7px 12px 7px 12px;*/
		background-color: #EFEFEF;
		position: absolute;
		left: 610px;
		top: 298px;
		/*width: 20px;
		height: 26px;*/
		width: 30px;
		height: 32px;
		border: 1px solid #996600;
		cursor: pointer;
		font-weight: 600;
		color: #996600;
		cursor:pointer;
	}
	#listIconBr{
	  position: absolute;
	  display: block;
	  top: 4px;
	  left: 3px;
	  width:24px;
  }
  #menuEd{
		display:block;
		position:absolute;
		visibility:hidden;
		left:479px;
		top:74px;
		height:256px;
		width:130px;
		-moz-border-radius: 1px;
		border-radius: 1px;
		background-color:rgba(247,247,247,1.00);
		border: 1px solid #996600;	
	}
/*#d1{
	top:80px;
}
#d2{
	top:160px;
}*/
.menuItemEd{
		display:block;
		position:absolute;
		color: #996600;
		background-color:#EFEFEF;
		height:10px;
		width:120px;
		padding-top:8px;
		padding-left:10px;
		padding-bottom:14px;
		font-size:16px;
		-webkit-user-select: none;  /* Chrome all / Safari all */
		-moz-user-select: none;     /* Firefox all */
		-ms-user-select: none;      /* IE 10+ */
		user-select: none;          /* Likely future */   
		cursor:default; 
		opacity: 0.5;
	}
	.menuDividerEd{
		display: block;
		position: absolute;
		background-color: #996600;
		height: 1px;
		width: 130px;
	}
#mEd1{
	top:0px;
}
#mEd2{
	top:32px;
}
#dEd1{
	top:64px;
}
#mEd3{
	top:64px;
}
#mEd4{
	top:96px;
}
#dEd2{
	top:128px;
}
#mEd5{
	top:128px;
}
#mEd6{
	top:160px;
}
#mEd7{
	top:192px;
}
#mEd8{
	top:224px;
}
#flyBrF{
	left:242px;
	top:292px;
}
#flyBrM{
	left:315px;
	top:296px;
}
#genderBox{
	position: absolute;
	display: block;
	left: 231px;
	top:291px;
	width: 72px;	
	height: 82px;
	border:solid 1px #ffff00;
}
.symBtn{
	position: absolute;
	display: block;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color: #EFEFEF;
	position: absolute;
	left: 240px;
	top: 230px;
	width: 40px;
	height: 40px;
	border: 1px solid #663300;
	cursor: pointer;	
	/*background-color: #957940;*/
	background-color: #EFEFEF;
}
#symBtnM{
	left: 320px;
}
.sym{
	position: absolute;
	display: block;
	left:12px;
	top:8px;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
}
.stripArrow{
	position: absolute;
	display: block;
	left:680px;
	top:50px;
	/*top:99px;
	top:190px;*/
	opacity:0.4;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
}
#stripArrowR{
	left:784px;
}
#infoTxtEd{
	position: absolute;
	display: block;
	left:182px;
	top:38px;
	width:250px;
	font-size:15px;
	font-weight:600;
	
}
#doneBtn{
	left:740px;
	top:370px;	
	height:20px;
	cursor:default;
	opacity:0.5;
}
#cancelBtn{
	left:600px;
	top:370px;	
	height:20px;
}
#dimmedBg{
	visibility:visible;
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 640px;
	background:rgba(115,115,115,0.7);
	z-index:1198;
}
#editorMenuBg{
	visibility:hidden;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 640px;
}
/*#flyEx1{
	visibility:hidden;	
}
#flyEx2{
	visibility:hidden;	
}*/
#loadTxt{
	position: absolute;
	display: block;
	left:10px;
	top:10px;
	width:250px;
	color:#ccc;
	font-size:15px;
	font-weight:600;

}
#iTemp{
	position: absolute;
	display: block;
	visibility:hidden;
	left:10px;
	top:10px;
}
.demoTxt14{
	position: absolute;
	display: block;
	text-align:center;
	font-size:16px;
	font-weight:600;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	color:#990000;
	width: 120px;
	left:100px;
	top:200px;
	opacity:0.7;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none; 
	transform: rotate(-20deg);
	-ms-transform: rotate(-20deg); /* IE 9 */
	-webkit-transform: rotate(-20deg); /* Safari and Chrome */
	cursor:default;
	pointer-events: none;
}
#demoTxt1{
	left:682px;
	top:180px;
}
#demoTxt2{
	left:10px;
	top:120px;
}
/*ADA Adjustments*/
#rateDiv {
    position: absolute;
    top: 60px;
    left: 130px;
}
#sampleTxt{
	top: 20px;
    position: relative;
}
.speakLabel{
	top: -4px;
	position: relative
}
#txSpeakMover{
	padding-left: 15px;
    left: -15px;
    position: relative;
    top: -1px;
    cursor: pointer;
}
#sysNameSpeak{
    display: none;
}
.svg{
    touch-action:none;
	position: absolute;
    display:block;
	 -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: none;
}
.hidLabel{
    display: none;
}
#adaIcon{
    position: relative;
    top:4px;
}
.disableMe{
    pointer-events: none;
    color:#CCC;
	opacity: 0.5;
}
.rbTxt{
    color:#333;
}