@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	width: 100%;
}
.container-full-width {
	/*width:100%;*/
	background: url(../image/background.jpg) repeat left top;
	overflow: hidden;
	border: 2px solid #000;
}
.glow {
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.54) 50%, rgba(255,255,255,0.55) 51%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,0.54)), color-stop(51%, rgba(255,255,255,0.55)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.54) 50%, rgba(255,255,255,0.55) 51%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.54) 50%, rgba(255,255,255,0.55) 51%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.54) 50%, rgba(255,255,255,0.55) 51%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.54) 50%, rgba(255,255,255,0.55) 51%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1 );
	height: 600px;
	float: left;
	width: 100%;
}
.clr {
	clear: both;
}
aside {
	min-width: 210px;
	width: 20%;
	float: left;
	position: relative;
	z-index: 100;
}
.show-hide-button {
	text-align: center;
	position: relative;
}
.show-hide-button a, .show-hide-button .cover {
	width: 93px;
	margin: 0 4px 0 0;
	float: left;
	font: normal 9px "Verdana", Geneva, sans-serif;
	background: #308282; /* Old browsers */
	background: -moz-linear-gradient(top, #308282 0%, #026666 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #308282), color-stop(100%, #026666)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #308282 0%, #026666 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #308282 0%, #026666 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #308282 0%, #026666 100%); /* IE10+ */
	background: linear-gradient(to bottom, #308282 0%, #026666 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#308282', endColorstr='#026666', GradientType=0 ); /* IE6-9 */
	border: 2px solid #006565;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	text-overflow: ellipsis;
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	cursor: pointer;
}
.show-hide-button .cover {
	left: 106px;
	background: #000;
	height: 12px;
	opacity: 0.35;
	position: absolute;
	top: 0px;
	display: none;
	margin:0;
}

.show-hide-button a:hover {
	background: #026666; /* Old browsers */
	background: -moz-linear-gradient(top, #026666 1%, #308282 97%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #026666), color-stop(97%, #308282)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #026666 1%, #308282 97%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #026666 1%, #308282 97%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #026666 1%, #308282 97%); /* IE10+ */
	background: linear-gradient(to bottom, #026666 1%, #308282 97%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#026666', endColorstr='#308282', GradientType=0 ); /* IE6-9 */
}
.show-hide-button a.full_screen {
	margin: 0;
}
.box-container {
	border: 2px solid #006565;
	margin: 10px 0px;
	background: #07676a;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}
.box-container.bx1 {
	background: #fff;
}
.zoomTint { /* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"!important;
	/* IE 5-7 */
	filter: alpha(opacity=20)!important;
	/* Netscape */
	-moz-opacity: 0.2!important;
	/* Safari 1.x */
	-khtml-opacity: 0.2!important;
	/* Good browsers */
	opacity: 0.2!important;
}
.box-container.bx1 .collapsable .preview-placeholder {
	top: 0px!important;
	position: relative;
}
.box-container:last-child {
	margin-bottom: 0px;
}
.box-container img {
	width: 100%;
}
.box-container h2 {
	position: relative;
	z-index: 9999;
	margin: 0%;
	text-align: left;
	background: #308282; /* Old browsers */
	background: -moz-linear-gradient(top, #308282 0%, #026666 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #308282), color-stop(100%, #026666)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #308282 0%, #026666 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #308282 0%, #026666 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #308282 0%, #026666 100%); /* IE10+ */
	background: linear-gradient(to bottom, #308282 0%, #026666 100%); /* W3C */
	font: normal 100%/100% "Verdana", Geneva, sans-serif;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	padding: 5px;
	border-bottom: 1px solid #656769;
	overflow: hidden;
	text-overflow: ellipsis;
}
.box-container h2 span, .show-hide-button a span {
	height: 10px;
	width: 13px;
	display: inline;
	float: right;
	background: url(../image/icon_sprite.png) no-repeat top left;
	clear: none;
}
.show-hide-button a.hide_panel_0 span {
	background-position: 0 -26px;
}
.show-hide-button a.hide_panel_1 span {
	background-position: 0 -37px;
}
.show-hide-button a.full_screen span {
	background-position: 0 -47px;
}
.box-container ul {
	margin: 0px;
	list-style-type: none;
	padding: 0px;
	height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.box-container ul li {
	background: #fff;
	border: 2px solid #537274;
	font: normal 100%/100% "Verdana", Geneva, sans-serif;
}
.box-container ul li:hover, .box-container ul li.selected {
	background: #fff;
	border: 2px solid #ff4e4e;
}
/*.box-container ul li:first-child {
	background: #388688;
	border: 2px solid #537274;
	text-align: center;
	padding: 4%;
}*/
.box-container ul li:first-child:hover {
	background: #fff;
	border: 2px solid #537274;
}
.box-container ul li a {
	color: #000;
	text-decoration: none;
	display: block;
}
.box-container p {
	font: normal 100%/100% "Verdana", Geneva, sans-serif;
	color: #fff;
	padding: 8px;
	text-align: left;
	height: 76px;
	overflow: auto;
}
article {
	float: left;
}
.left-content {
	float: left;
	text-align: center;
	width: 62%;
}
.left-content h1 {
	color: #0101cc;
	font: normal 38px tahoma;
	text-shadow: -1px -1px 3px rgba(255, 255,255, 1 ), 1px 1px 5px rgba(0, 0,0, 0.5 );
	padding-top: 28px;
	padding-bottom: 30px;
}
.right-content {
	position: absolute;
	right: 10px;
	top: 10px;
}
.lens-box {
	text-align: center;
	width: 100%;
}
.lens-box h2 {
	font: normal 131%/100% "Verdana", Geneva, sans-serif;
	padding-bottom: 10px;
}
.magnifications-box {
	width: 100%;
	text-align: center;
}
.magnifications-box ul {
	margin: 0 auto;
	width: 297px;
	padding: 0 0 10px;
	list-style-type: none;
	clear: left;
	text-align: center;
}
.magnifications-box ul li {
	float: left;
	padding: 2px 1px;
	margin: 0 4px 5px;
}
.magnifications-box ul li a {
	float: left;
	background: #a3a3a4; /* Old browsers */
	background: -moz-linear-gradient(45deg, #a3a3a4 1%, #d6d7d7 24%, #c3c3c3 44%, #fcfcfc 61%, #c3c3c3 79%, #d6d7d7 93%, #a3a3a4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(1%, #a3a3a4), color-stop(24%, #d6d7d7), color-stop(44%, #c3c3c3), color-stop(61%, #fcfcfc), color-stop(79%, #c3c3c3), color-stop(93%, #d6d7d7), color-stop(100%, #a3a3a4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, #a3a3a4 1%, #d6d7d7 24%, #c3c3c3 44%, #fcfcfc 61%, #c3c3c3 79%, #d6d7d7 93%, #a3a3a4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, #a3a3a4 1%, #d6d7d7 24%, #c3c3c3 44%, #fcfcfc 61%, #c3c3c3 79%, #d6d7d7 93%, #a3a3a4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, #a3a3a4 1%, #d6d7d7 24%, #c3c3c3 44%, #fcfcfc 61%, #c3c3c3 79%, #d6d7d7 93%, #a3a3a4 100%); /* IE10+ */
	background: linear-gradient(45deg, #a3a3a4 1%, #d6d7d7 24%, #c3c3c3 44%, #fcfcfc 61%, #c3c3c3 79%, #d6d7d7 93%, #a3a3a4 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a3a4', endColorstr='#a3a3a4', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding: 5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 0px;
	color: #000;
	text-decoration: none;
	font: normal 131%/100% "Verdana", Geneva, sans-serif;
	border: 1px solid #86888a;
	-webkit-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);
	box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);
	width: 37px;
}
.magnifications-box ul:last-child li {
	float: none;
}
.magnifications-box ul:last-child li a {
	width: auto;
	float: none;
}
.magnifications-box h2 {
	font: normal 131%/100% "Verdana", Geneva, sans-serif;
	padding: 10px 0;
}
.magnifications-box a {
	background: #a3a3a4; /* Old browsers */
	background: -moz-linear-gradient(45deg, #a3a3a4 1%, #d6d7d7 24%, #c3c3c3 44%, #fcfcfc 61%, #c3c3c3 79%, #d6d7d7 93%, #a3a3a4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(1%, #a3a3a4), color-stop(24%, #d6d7d7), color-stop(44%, #c3c3c3), color-stop(61%, #fcfcfc), color-stop(79%, #c3c3c3), color-stop(93%, #d6d7d7), color-stop(100%, #a3a3a4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, #a3a3a4 1%, #d6d7d7 24%, #c3c3c3 44%, #fcfcfc 61%, #c3c3c3 79%, #d6d7d7 93%, #a3a3a4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, #a3a3a4 1%, #d6d7d7 24%, #c3c3c3 44%, #fcfcfc 61%, #c3c3c3 79%, #d6d7d7 93%, #a3a3a4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, #a3a3a4 1%, #d6d7d7 24%, #c3c3c3 44%, #fcfcfc 61%, #c3c3c3 79%, #d6d7d7 93%, #a3a3a4 100%); /* IE10+ */
	background: linear-gradient(45deg, #a3a3a4 1%, #d6d7d7 24%, #c3c3c3 44%, #fcfcfc 61%, #c3c3c3 79%, #d6d7d7 93%, #a3a3a4 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a3a4', endColorstr='#a3a3a4', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding: 2%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 10px 5px 0px 5px;
	color: #000;
	display: inline-block;
	text-decoration: none;
	font: normal 131%/100% "Verdana", Geneva, sans-serif;
	border: 1px solid #86888a;
	-webkit-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);
	box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);
}
.magnifications-box a:hover {
	border: 1px solid #000;
}
.microscope {
	display: block;
	padding: 9% 0% 0% 0%;
	text-align: center;
}
.box {
	display: block;
	text-align: center;
	padding-bottom: 15px;
}
.logo {
	padding: 6px 0 0;
}
.lens-display {
	/*width: 90%;*/
	width: 331px;
	height: 331px;
	/*top: 62px;
	background: white;*/
	border: 2px solid #000;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: auto;
	position: relative;
	margin: 0 auto;
	cursor: pointer;
	overflow: hidden;/*-webkit-mask-box-image: url(circ.svg);*/
}
.lens-display img {
	width: 100%;
	height: 100%;
	-webkit-mask-box-image: url(circ.svg);
}
.collapsable {
	position: relative;
	overflow: hidden;
}
#Stage_v-scop_slide_anim00452Copy2, #Stage_microscope_slide_clip2 {
	clip: rect(0px,160px,100px,0px);
}
#Stage2__1xbutton, #Stage2__4xbtn, #Stage2__10xbtn, #Stage2__20xbtn, #Stage2__40xbtn, #Stage_microscope_slide_clip1, #Stage_microscope_dark, #Stage_microscope_bright {
	display: none!important;
}
.magnification_h.selected {
	border: 1px solid #89343a;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.zoomContainer {
	z-index: 200;
	background: rgba(0, 0, 0, 0.2);
}
body.f_screen .zoomWindowContainer .lens-display {
	top: 0px!important;
	left: 0px!important;
	z-index: 50!important;
	margin: 0!important
}
.lens-box .lens-display {
	height: 331px;
	width: 331px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	/*-webkit-mask-image: url(circ.svg);*/
	background: #000;
}
.lens-box .lens-display .video_data {
	position: relative;
}
#video_placeholder .video_data {
	height: auto!important;
	width: auto!important;
	position: static!important;
}
#shadow {
	width: 333px;
	height: 333px;
	border-radius: 50%;
	display: none;
	background: rgba(0,0,0,0.5);
	position: absolute;
	z-index: 1000;
}
.bg-img {
	background-image: url(content/Instructions.jpg);
	background-position: -470px -225px !important;
	background-repeat: no-repeat;
	background-color: blue;
	border: 1px solid #aaa;
	width: 250px;
	height: 250px;
	margin: 25px auto;
}
.tintContainer {
	position: relative;
	overflow: hidden;
}
#video_placeholder {
	position: absolute;
	top: 135px;
	left: 210px;
	z-index: 10;
	display: none;
	-webkit-mask-image: none;
}
.loading, #init {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../image/loading.gif) no-repeat 50% 50%;
	z-index: 2;
	display: none;
}