/* css/cnsvs_main.css					*/
/* CNS Vital Signs, LLC					*/
/* Author: David J. Ford				*/
body
{
	margin: 0px;
	padding: 0px;
	color: #515352;
	background: #ffffff;
	text-align: center;
	font-size: 12pt;
	font-family: Arial, sans-serif;
	border-top: 5px solid #0081c5;
	-webkit-font-smoothing: antialiased;
}

p
{
	text-align: left;
	font-size: 10pt;
}

a {color: #0081c5;}

a.nav_bot {color: #ffffff;text-decoration: none;}
a.nav_bot:hover {color: #ffffff;text-decoration: underline;}

img {border-width: 0px;}

.full_container
{
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	width: 100%;
}

.full_container_front
{
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	width: 100%;
}

.container_top
{
	margin: 0px auto 0px auto;
	padding: 10px 0px 0px 0px;
	text-align: left;
	width: 960px;
}

#researcher
{
	padding-left: 5px;
	opacity: 0;
	transition: opacity 1s;
}

.research_users_container
{
	margin: 0px auto 0px auto;
	padding: 5px 0px 0px 0px;
	width: 450px;
}

.research_users_container p
{
	text-align: center;
	font-size: 12pt;
	font-weight:600;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.logo {float:left;}

.top_subcontainer_right
{
	margin: 5px 0px 0px 0px;
	float: right;
	width: 200px;
}

.phone
{
	text-align: right;
	font-size: 12pt;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.email
{
	text-align: right;
	font-size: 12pt;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.sign_in
{
	text-align: right;
	font-size: 12pt;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color:#515352;
	cursor: pointer;
}

.sign_in_item {color:#515352;cursor: pointer;text-align:right;font-weight:600;}
.sign_in_item:hover {color:#0081c5;}

.logo {float: left;margin: 0px; padding: 0px;}

.nav_container_top
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #0081c5;
}

.nav_bar
{
	margin: 2px 0px;
	width: 960px;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}

.nav_bar div
{
	padding: 5px 15px;
	color: #ffffff;
	text-align: center;
	font-size: 10pt;
	background-color: #0081c5;
	cursor:pointer;
}

.nav_bar div.selected_page
{
	padding: 5px 15px;
	color: #dddddd;
	text-align: center;
	text-decoration: underline;
	font-size: 10pt;
	background-color: #0081c5;
	cursor:pointer;
}

.nav_bar div:hover
{
	padding: 5px 15px;
	color: #ffffff;
	text-align: center;
	font-size: 10pt;
	background-color: #46b65c;
	cursor:pointer;
}

.content_container_front
{
	margin: 0px auto 0px auto;
	padding: 1px 5px;
	width: 960px;
	background: #ffffff;
}

.content_container
{
	margin: 0px auto 0px auto;
	padding: 1px 5px;
	width: 960px;
	background: #ffffff;
}

.span_nav
{
	display:inline-block;
	padding: 5px 5px 5px 45px;
	font-size: 14pt;
	text-align: left;
	width: 200px;
	background-color: #E0F2F7;
	background-image: url('Images/arrow_cecece_2.png');
	background-position: left center;
	background-repeat: no-repeat;
	border: 1px solid #aaaaaa;
	cursor:pointer;
}

.span_points
{
	display:inline-block;
	margin: 0px;
	padding: 0px;
	width: 240px;
	font-size: 10pt;
	text-align: left;
}

.slideshow_container
{
	width: 640px;
	padding: 0px;
	color: #444444;
	font-size: 12pt;
	text-align: left;
	vertical-align: top;
    border: 1px solid #aaaaaa;
}

.slideshow_wrap
{
	width: 640px;
	overflow: hidden;
	padding: 0px;
	margin: 5px 10px;
	height: 480px;
    position: relative;
	font-size: 12pt;
	text-align: left;
    border: 1px solid #aaaaaa;
}

.main_wrap
{
	float: right;
	width: 300px;
	margin: 5px 0px;
	padding: 0px;
	height: 480px;
	display: flex;
	flex-direction: column;
}

.main_wrap div
{
	margin-bottom: 10px;
	padding: 12px 5px 13px 45px;
	font-size: 16pt;
	font-weight:600;
	color: #ffffff;
	text-align: left;
	background-color: #0081c5;
	background-image: url('../Images/arrow_cecece_2.png');
	background-position: left center;
	background-repeat: no-repeat;
    border: 1px solid #aaaaaa;
	cursor:pointer;
}

.main_wrap div.demo
{
	color: #ffffff;
	background-color: #ff8747;
}

.main_wrap div.account
{
	font-size: 16pt;
	color: #ffffff;
	background-color: #46b65c;
}

.main_wrap div.remote
{
	margin-bottom: 0px;
	font-size: 16pt;
	color: #ffffff;
	background-color: #a60821;
}

.main_wrap div p
{
	margin: 0px;
	font-size: 10pt;
	line-height: 12pt;
}

.preload1
{
	width: 640px;  /* Width Image */
	height: 480px; /* Height Image */
	position: absolute;
	background-image: url('../Images/1_Begin_Today.png');
	animation: image1 120s linear infinite;
	-webkit-animation-animation: image1 120s linear infinite;
}

.preload2
{
	width: 640px;  /* Width Image */
	height: 480px; /* Height Image */
	position: absolute;
	left: 640px;
	background-image: url('../Images/2_Remote_Testing.png');
	animation: image2 120s linear infinite;
	-webkit-animation-animation: image2 120s linear infinite;
}

.preload3
{
	width: 640px;  /* Width Image */
	height: 480px; /* Height Image */
	position: absolute;
	left: 640px;
	background-image: url('../Images/3_ApoE.png');
	animation: image3 120s linear infinite;
	-webkit-animation-animation: image3 120s linear infinite;
}

.preload4
{
	width: 640px;  /* Width Image */
	height: 480px; /* Height Image */
	position: absolute;
	left: 640px;
	background-image: url('../Images/4_ADHD.png');
	animation: image4 120s linear infinite;
	-webkit-animation-animation: image4 120s linear infinite;
}

.preload5
{
	width: 640px;  /* Width Image */
	height: 480px; /* Height Image */
	position: absolute;
	left: 640px;
	background-image: url('../Images/5_Conditions.png');
	animation: image5 120s linear infinite;
	-webkit-animation-animation: image5 120s linear infinite;
}

.preload6
{
	width: 640px;  /* Width Image */
	height: 480px; /* Height Image */
	position: absolute;
	left: 640px;
	background-image: url('../Images/2285623_MSCNSVitalSignsAdImageRedesign_01_060524.jpg');
	animation: image6 120s linear infinite;
	-webkit-animation-animation: image6 120s linear infinite;
}

.preload7
{
	width: 640px;  /* Width Image */
	height: 480px; /* Height Image */
	position: absolute;
	left: 640px;
	background-image: url('../Images/7_Neurocognitive_Testing.png');
	animation: image7 120s linear infinite;
	-webkit-animation-animation: image7 120s linear infinite;
}

.preload8
{
	width: 640px;  /* Width Image */
	height: 480px; /* Height Image */
	position: absolute;
	left: 640px;
	background-image: url('../Images/2285623_MSCNSVitalSignsAdImageRedesign_03_060524.png');
	animation: image8 120s linear infinite;
	-webkit-animation-animation: image8 120s linear infinite;
}

.preload9
{
	width: 640px;  /* Width Image */
	height: 480px; /* Height Image */
	position: absolute;
	left: 640px;
	background-image: url('../Images/9_TBI.png');
	animation: image9 120s linear infinite;
	-webkit-animation-animation: image9 120s linear infinite;
}

.preload10
{
	width: 640px;  /* Width Image */
	height: 480px; /* Height Image */
	position: absolute;
	left: 640px;
	background-image: url('../Images/10_Addiction.png');
	animation: image10 120s linear infinite;
	-webkit-animation-animation: image10 120s linear infinite;
}

@keyframes image1 {
   0%   { left: 0px; }                /* When you start the slide, the first image is already visible */
   9%  { left: 0px; opacity: 1; }    /* Image is displyed */
   11%  { left: -640px; opacity: 0; } /* Image exits to the left */
   97%  { left: 640px; opacity: 0; }  /* Images enters from the right, on the loop */
   99% { left: 0px; opacity: 1; }    /* Back to the start */
}

@keyframes image2 {
   0%   { left: 640px; }               /* Original Position */
   9%  { left: 640px; opacity: 1; }    /* Images enters from the right, % needs to be the same as line 2 above */
   11%  { left: 0px; opacity: 1; }     /* Begin Image displyed, % needs to be the same as line 3 above */
   19%  { left: 0px; opacity: 1; }     /* End Image display, begins exits to the left */
   21%  { left: -640px; opacity: 0; }  /* Image ends exits to the left */
   23%  { left: 640px; opacity: 0; }   /* Return to Original Position */
   100% { left: 640px; opacity: 1; }    
}

@keyframes image3 {
   0%   { left: 640px; }               /* Original Position */
   19%  { left: 640px; opacity: 1; }   /* Images enters from the right, % needs to be the same as line 4 above */
   21%  { left: 0px; opacity: 1; }     /* Begin Image displyed, % needs to be the same as line 5 above */
   29%  { left: 0px; opacity: 1; }     /* Image begins exits to the left */
   31%  { left: -640px; opacity: 0; }  /* Image ends exits to the left */
   33%  { left: 640px; opacity: 0; }   /* Return to Original Position */
   100% { left: 640px; opacity: 1; }    
}

@keyframes image4 {
   0%   { left: 640px; }               /* Original Position */
   29%  { left: 640px; opacity: 1; }   /* Images enters from the right, % needs to be the same as line 4 above */
   31%  { left: 0px; opacity: 1; }     /* Begin Image displyed, % needs to be the same as line 5 above */
   39%  { left: 0px; opacity: 1; }     /* Image begins exits to the left */
   41%  { left: -640px; opacity: 0; }  /* Image ends exits to the left */
   43%  { left: 640px; opacity: 0; }   /* Return to Original Position */
   100% { left: 640px; opacity: 1; }    
}

@keyframes image5 {
   0%   { left: 640px; }               /* Original Position */
   39%  { left: 640px; opacity: 1; }   /* Images enters from the right, % needs to be the same as line 4 above */
   41%  { left: 0px; opacity: 1; }     /* Begin Image displyed, % needs to be the same as line 5 above */
   49%  { left: 0px; opacity: 1; }     /* Image begins exits to the left */
   51%  { left: -640px; opacity: 0; }  /* Image ends exits to the left */
   53%  { left: 640px; opacity: 0; }   /* Return to Original Position */
   100% { left: 640px; opacity: 1; }    
}

@keyframes image6 {
   0%   { left: 640px; }               /* Original Position */
   49%  { left: 640px; opacity: 1; }   /* Images enters from the right, % needs to be the same as line 4 above */
   51%  { left: 0px; opacity: 1; }     /* Begin Image displyed, % needs to be the same as line 5 above */
   59%  { left: 0px; opacity: 1; }     /* Image begins exits to the left */
   61%  { left: -640px; opacity: 0; }  /* Image ends exits to the left */
   63%  { left: 640px; opacity: 0; }   /* Return to Original Position */
   100% { left: 640px; opacity: 1; }    
}

@keyframes image7 {
   0%   { left: 640px; }               /* Original Position */
   59%  { left: 640px; opacity: 1; }   /* Images enters from the right, % needs to be the same as line 4 above */
   61%  { left: 0px; opacity: 1; }     /* Begin Image displyed, % needs to be the same as line 5 above */
   69%  { left: 0px; opacity: 1; }     /* Image begins exits to the left */
   71%  { left: -640px; opacity: 0; }  /* Image ends exits to the left */
   73%  { left: 640px; opacity: 0; }   /* Return to Original Position */
   100% { left: 640px; opacity: 1; }    
}

@keyframes image8 {
   0%   { left: 640px; }               /* Original Position */
   69%  { left: 640px; opacity: 1; }   /* Images enters from the right, % needs to be the same as line 4 above */
   71%  { left: 0px; opacity: 1; }     /* Begin Image displyed, % needs to be the same as line 5 above */
   79%  { left: 0px; opacity: 1; }     /* Image begins exits to the left */
   81%  { left: -640px; opacity: 0; }  /* Image ends exits to the left */
   83%  { left: 640px; opacity: 0; }   /* Return to Original Position */
   100% { left: 640px; opacity: 1; }    
}

@keyframes image9 {
   0%   { left: 640px; }               /* Original Position */
   79%  { left: 640px; opacity: 1; }   /* Images enters from the right, % needs to be the same as line 4 above */
   81%  { left: 0px; opacity: 1; }     /* Begin Image displyed, % needs to be the same as line 5 above */
   89%  { left: 0px; opacity: 1; }     /* Image begins exits to the left */
   91%  { left: -640px; opacity: 0; }  /* Image ends exits to the left */
   93% { left: 640px; opacity: 0; }    /* Return to Original Position */
   100% { left: 640px; opacity: 1; }    
}

@keyframes image10 {
   0%   { left: 640px; }               /* Original Position */
   89%  { left: 640px; opacity: 1; }   /* Images enters from the right, % needs to be the same as line 4 above */
   91%  { left: 0px; opacity: 1; }     /* Begin Image displyed, % needs to be the same as line 5 above */
   97%  { left: 0px; opacity: 1; }     /* Image begins exits to the left */
   99%  { left: -640px; opacity: 0; }  /* Image ends exits to the left */
   100% { left: 640px; opacity: 0; }   /* Return to Original Position */
}

.p_hide {display: none;}
#menu {display: none;}
#menu:hover {cursor:pointer;}
.mobile_image_container {display: none;}
.mobile_nav {display: none; margin: 0px; padding: 0px 0px 5px 0px;background-color: #ffffff;}
#mobile_menu {display: none;position: fixed;top:60px;right: 0px;margin: 0px; padding: 0px;width:80%;background-color: #515352;}

.nav_container_bottom
{
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #0081c5;
}

.container_description
{
	clear: both;
	margin: -2px 0px 0px 0px;
	padding: 10px 0px;
	text-align: center;
	width: 100%;
	background-color: #515352;
	border: 1px solid #515352;
}

.container_bottom
{
	clear: both;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 960px;
}

.description
{
	margin: 10px 0px;
	padding: 0px 10px;
	text-align: left;
	font-size: 10pt;
}

.copyright {margin: 20px 0px; padding: 0px; font-size: 9pt;text-align: center;}
.copyright a {color: #0081c5; text-decoration: underline;}

@media only screen and (max-width: 959px)
{
	body {border-top: none;}
	.top_subcontainer_right {position: fixed;top:0px;left: 0px;float:none;clear:both;width: 100%;margin: 0px;padding: 5px 0px 0px 0px;border-bottom: 1px solid #515352;background-color: #ffffff;}
	.research_users_container {float:none;clear:both;width: 100%;height: 75px;}
	#menu {display:block;float:right;margin:0px 10px 0px 0px;padding:0px;font-size: 36pt;}
	.email {text-align: left;margin: 0px 0px 0px 10px;padding:3px 0px;}
	.phone {text-align: left;margin: 0px 0px 0px 10px;padding:3px 0px;}
	.sign_in {text-align: left;margin: 0px 0px 0px 10px;padding:3px 0px;}
	.logo {float:none;clear:both;margin-top: 85px;text-align: center;}
	.slideshow_wrap {display: none;}
	.mobile_image_container {display: block;margin:0px;padding:0px;}
	.mobile_image_container div {margin:0px;padding:0px;background-color: #515352;}
	.mobile_image {margin: 0px; padding: 0px;width:100%;}
	.mobile_menu_item {margin: 0px;padding: 15px 2px 15px 10px;font-size: 13pt;color: #ffffff;border-bottom: 1px solid #ffffff;}
	.mobile_menu_item:hover {cursor:pointer;}

	.container_top {width: 100%;}
	.nav_bar {display: none;}
	.content_container_front {width: 100%;margin: 0px;padding: 0px;}
	.content_container {width: 100%;}
	.main_wrap {float:none;clear:both;width: 100%;margin: 0px;padding: 0px;border: none;}
	.container_bottom {width: 100%;float:none;clear:both;}
	.mobile_nav {display: block;float:none;clear:both;}
	.span_nav {width:60%;}

	.preload1 {animation-play-state: paused;}
	.preload2 {animation-play-state: paused;}
	.preload3 {animation-play-state: paused;}
	.preload4 {animation-play-state: paused;}
	.preload5 {animation-play-state: paused;}
	.preload6 {animation-play-state: paused;}
	.preload7 {animation-play-state: paused;}
	.preload8 {animation-play-state: paused;}
	.preload9 {animation-play-state: paused;}
	.preload10 {animation-play-state: paused;}
}