body{
	font: 200 20px/1 Helvetica, Arial, sans-serif;
	/* font: 200 1.25vw/1 Helvetica, Arial, sans-serif; */
	/*16px*/
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    margin-left:0;
    margin-right:0;
    margin-bottom:0;
}

html {
    overflow: scroll;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
}

::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
/* ::-webkit-scrollbar-thumb { */
    /* background: #FF0000; */
/* } */


object, embed, iframe {
overflow:hidden;
}

img{
	max-width:100%;
}

#intro_window{
	z-index: 999;
	position:absolute;
	font-size: 500%;
	text-align:center;
	text-shadow: 3.5px 2px #FFFFFF;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	/* background:rgba(255,255,255,1); */
	animation: removed-intro-animation 2s cubic-bezier(.55,.04,.97,0) forwards;
	cursor:none;
}

#intro_background{
	z-index: 500;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:rgba(255,255,255,1);
	background-image:url("2011-10--sam10-5dpf-wt-pta-p743um-sagittal152.jpg");
	background-repeat: no-repeat;	
    background-position: center;
	background-size: contain;
	animation: removed-intro-animation 2s cubic-bezier(.55,.04,.97,0) forwards;
	cursor:none;
}
 
@keyframes removed-intro-animation {
    0% {
        opacity: 1;
}

    100% {
        opacity: 0;
		z-index:-1;
    }
}



#page_title{
	z-index: 999;
	/* overflow-y: auto; */
	top:7.5px;
	left:0px;
	width:20%;
	position:fixed;
	left: 0;
	text-align: center;
	background-color:white;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;
	/* color:blue; */
	text-shadow: 3.5px 2px #E3E3E3;
	/* display: inline-block; */
	/* margin-bottom:40px; */
	/* background-color:#E0E0E0; */
}

#tab_container{
	z-index: 99;
	/* overflow-y: auto; */
	top:0px;
	width:100%;
	position:fixed;
	margin: 0 auto;
	text-align: center;
	border-radius: 5%;
	border-style: solid;
	border-color: white white black white ;
	border-width: 1px;
	background-color:white;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;   
	/* display: inline-block; */
	/* margin-bottom:40px; */
	/* background-color:#E0E0E0; */
}

.splash{
    font-size: 150%;
	/* width: 33%; */
	z-index: 100;
	background-color:white;
	border-radius: 10%;
	border-style: solid;
	border-color: white white black white;
	border-width: 1px;
	display: inline-block;
	margin: 5px;
	margin-bottom: 10px;
	padding: 10px;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;
	cursor:pointer;
	/* box-shadow: 2px 2px 6px #aeaeae; */
	/* background-color:blue; */
}
.splash:hover {
    background-color: #E0E0E0;
	border-color: black white black white;
}
a:link{
    color: black;
    text-decoration: none;
   
}
a:visited {
    color: black;
    text-decoration: none;
}



.clearer {
	clear: both;
}

.content_container{
	padding-top: 15px;
    /* width: 50%; */
	/* border-style: solid; */
	/* border-color: white white black white; */
	border-width: 1px;
	margin:10px auto;
	margin: auto;
	margin-top: 50px;
	text-align: center;
	/* padding-bottom: 30px; */
	/* overflow-x: hidden; */
	
}
#FAQ{
	cursor:help;
}
#content_home{
	position:relative;
	width:50%;
	/* border-style: solid; */
	/* border-color: white white black white; */
	/* border-width: 1px; */
	text-align: justify;
	display: inline-block;
	margin: 10px;
	padding: 10px;
    padding-bottom:0;
    margin-bottom:0;
	/* box-shadow: 2px 2px 6px #aeaeae; */
	/* word-wrap: break-word; */
	/* overflow-x: hidden; */
	/* overflow:hidden; */
}

#content_about{
	position:absolute;
	left: 0px;
	top: 0px;
	width:50%;
	/* border-style: solid; */
	/* border-color: white white black white; */
	/* border-width: 1px; */
	text-align: justify;
	display: inline-block;
	margin: 10px;
	padding: 10px;
	/* box-shadow: 2px 2px 6px #aeaeae; */
	/* word-wrap: break-word; */
	/* overflow-x: hidden; */
	/* overflow:hidden; */
}

#content_protocols{
	position:absolute;
	left: 0px;
	top: 0px;
	width:50%;
	/* border-style: solid; */
	/* border-color: white white black white; */
	/* border-width: 1px; */
	text-align: justify;
	display: inline-block;
	margin: 10px;
	padding: 10px;
	/* box-shadow: 2px 2px 6px #aeaeae; */
	/* word-wrap: break-word; */
	/* overflow-x: hidden; */
	/* overflow:hidden; */
	
}
#content_downloads{
	position:absolute;
	left: 0px;
	top: 0px;
	width:50%;
	/* border-style: solid; */
	/* border-color: white white black white; */
	/* border-width: 1px; */
	text-align: justify;
	display: inline-block;
	margin: 10px;
	padding: 10px;
	/* box-shadow: 2px 2px 6px #aeaeae; */
	/* word-wrap: break-word; */
	/* overflow-x: hidden; */
	/* overflow:hidden; */
}
#content_faq_outer{
    text-align: center;
}
#content_faq{
	position:absolute;
	/* left: 0px; */
    margin: 0 auto;
	top: 0px;
	width:100%;
	/* border-style: solid; */
	/* border-color: white white black white; */
	/* border-width: 1px; */
	text-align: justify;
	display: inline-block;
	/* margin: 10px; */
	/* padding: 10px; */
	/* box-shadow: 2px 2px 6px #aeaeae; */
	/* word-wrap: break-word; */
	/* overflow-x: hidden; */
	/* overflow:hidden; */
}
#content_links{
	position:absolute;
	left: 0px;
	top: 0px;
	/* overflow:hidden; */
	width:100%;
	text-align: center;
	display: inline-block;
	/* margin: 10px; */
	/* padding: 10px; */
	/* box-shadow: 2px 2px 6px #aeaeae; */
	/* word-wrap: break-word; */
	/* overflow-x: hidden; */
	/* overflow:hidden; */
}

#content_webview{
	position:absolute;
	left: 0px;
	top: 0px;
	/* overflow:hidden; */
	width:100%;
	text-align: center;
	display: inline-block;
	margin: 10px;
	padding: 10px;
	/* box-shadow: 2px 2px 6px #aeaeae; */
	/* word-wrap: break-word; */
	/* overflow-x: hidden; */
	/* overflow-y:hidden; */
		/* border-style: solid; */
	/* border-width: 4px; */
    /* overflow:hidden; */
}

#content_webview_option{
	display:inline-block;
	/* border-style: solid; */
	/* border-width: 4px; */
	padding:10px;
    /* overflow:hidden; */

}
#webview1{
	display:inline-block;
	margin:20px;
	cursor:pointer;
    width:30%;
    border-style: solid;
    /* overflow:hidden; */
}
#webview2{
	display:inline-block;
	margin:20px;
	cursor:pointer;
    width:30%;
    border-style: solid;
	}
#webview3{
	display:inline-block;
	margin:20px;
	cursor:pointer;
}
#webview4{
	display:inline-block;
	margin:20px;
	cursor:pointer;
}
#webview5{
	display:inline-block;
	margin:20px;
	cursor:pointer;
}
#webview6{
	display:inline-block;
	margin:20px;
	cursor:pointer;
}

.removed-tab{
	opacity: 0;
    /* animation: removed-tab-animation 1s cubic-bezier(.55,.04,0,.97) forwards; */
    z-index:-1;
}
 
@keyframes removed-tab-animation {
    0% {
        opacity: 1;
}
 
    100% {
        opacity: 1;
    }
}

.added-tab{
    animation: added-tab-animation 1s cubic-bezier(.55,.04,0,.97) backwards;
    z-index:-1;
}
@keyframes added-tab-animation {
    0% {
        opacity: 0;
}
 
    100% {
        opacity: 1;
    }
}

#button_container {
    position:absolute;
    top:.5;
    left:0;
    z-index: 9999;
}
.button {
    /* position:absolute; */
    border-radius: 0%;
    background-color: #4CAF50;
    opacity: .3;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: none;
    font-size: 2vw;
    margin: 4px 2px;
    cursor: pointer;
    z-index: 9999;
}

.button:hover {
    background-color: #3e8e41;
    opacity: 1;
}

.elementToFadeInAndOut {
    opacity: 0;
    animation: fade 1s linear;
}


@keyframes fade {
  0%,100% { opacity: 0 }
  50% { opacity: .75 };
}


.visible {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s 1s, opacity 1s linear;
}

.hidden {
  /* visibility: hidden; */
  opacity: 0;
  /* transition: visibility 0s 1s, opacity 1s linear; */
  /* animation: added-tab-animation 1s cubic-bezier(.55,.04,0,.97) backwards; */
}
/* ANIMATE THIS SHIT RIGHT HERE  */

/* .removed-tab{ */
	/* opacity: 1; */
    /* /* animation: removed-tab-animation 1s cubic-bezier(.55,.04,0,.97) forwards; */ */
    /* /* z-index:-1; */ */
/* } */
 
/* @keyframes removed-tab-animation { */
    /* 0% { */
        /* opacity: 1; */
/* } */
 
    /* 100% { */
        /* opacity: 1; */
    /* } */
/* } */

/* .added-tab{ */
    /* animation: added-tab-animation 1s cubic-bezier(.55,.04,0,.97) backwards; */
    /* /* z-index:-1; */ */
/* } */
/* @keyframes added-tab-animation { */
    /* 0% { */
        /* opacity: 1; */
/* } */
 
    /* 100% { */
        /* opacity: 1; */
    /* } */
/* } */



/* Footer covers; position is fixed? covers some stuff */
.science_footer{
	padding-top:10px;
	border-width: 1px;
	text-align:center;
	position: fixed;
	left: 0px;
	bottom: 0px;
	height: 30px;
	width: 100%;
	background: white;
	border-style: solid;
	border-color: black white white white ;	
}


.untargetable{
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    pointer-events: none;

}

.targetable{
	-webkit-touch-callout: default;
    -webkit-user-select: default;
    -khtml-user-select: default;
    -moz-user-select: default;
    -ms-user-select: default;
    -o-user-select: default;
    user-select: default;
    pointer-events: default;

}

.shrink{
    /* display: none; */
	-webkit-transform:scale(0.1);
	-moz-transform:scale(0.1);
	-ms-transform:scale(0.1);
	transform:scale(0.1);
    top: 0;
    left: 0;
    height: 1px;
    width: 1px;
}
.unshrink{
    /* display: inline; */
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);

}

/*** Works on common browsers ***/
::selection {
    background-color: #808080;
    color: #fff;
}

/*** Mozilla based browsers ***/
::-moz-selection {
    background-color: #808080;
    color: #fff;
}

/***For Other Browsers ***/
::-o-selection {
    background-color: #808080;
    color: #fff;
}

::-ms-selection {
    background-color: #808080;
    color: #fff;
}

/*** For Webkit ***/
::-webkit-selection {
    background-color: #808080;
    color: #fff;
}

.ObjectFit{
object-fit: contain
}

.ObjectFree{
object-fit: none
}