/*
	Verti 1.0 by HTML5 Up!
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/


	*
	{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	html
	{
		background-color:rgb(110, 110, 110);
		height: 100%;
	}

	sup {font-size:xx-small; vertical-align:super;}
	
  sup2 {
    font-size: 70%;
    position: relative;
    bottom: 0.3em;
  }

	body
	{
		font-family: 'Source Sans Pro', sans-serif;;
		/*font-family: 'Open Sans', sans-serif;*/
		font-size: 12pt;
		word-spacing: .18em;
		color: #3c3c3c;
		font-weight: 400;
		background: url('images/bgshadow.png') top left no-repeat;
		background-size: 100% 100%;
	}
	
	.dataname
	{
		color: lightGray;
	}

	.scrollbox
	{
		height:280px;
		width:auto;
		overflow:auto;
		border-width:2px;
		border-color:black;
		border-style:solid;
		background-color:#FFFFFF;
	}

	.scrollboxyourscores
	{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 14px;
		padding: 5px 3px 5px 5px;
		height:80px;
		width: 60%;
		margin: 0 auto 0 auto;
		word-wrap:break-word; 
		overflow-x:scroll;
		overflow-y:scroll;
		border-width:2px;
		border-color: grey;
		border-style:solid;
		background-color:#D6EBFF;
	}

	.scrollboxyourscorestop
	{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 14px;
		padding: 5px 5px 5px 5px;
		height:70px;
		margin: 0 auto;
		width:50%;
		overflow-x:scroll;
		overflow-y:scroll;
		word-wrap:break-word; 
		border-width:2px;
		border-color: grey;
		border-style:solid;
		background-color:#D6EBFF;
	}

	.scrollboxstart
	{
		padding: 0px 4px 0px 10px;
		height:260px;
		width:auto;
		overflow:auto;
		border-width:0px;
		border-color:black;
		border-style:solid;
		background-color:#FFFFFF;
	}

	.scrollboxObserver
	{
		height:280px;
		width:80%;
		padding-top: 5px;
		padding-left: 5px;
		overflow:auto;
		border-width:2px;
		border-color:black;
		border-style:solid;
		background-color:#FFFFFF;
	}

	textarea#suggested
	{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	padding-bottom: 1px;
	padding-top: 1px;
	width: 97%;
	max-width: 350px; /* Changed from width: 350px; */
	height: 80px;
	font-weight: 300;
	}

	textarea#comments
	{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	padding-bottom: 1px;
	padding-top: 1px;
	width: 97%;
	height: 200px;
	font-weight: 300;
	}

	textarea#keyscenes
	{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	padding-bottom: 1px;
	padding-top: 1px;
	width: 99%;
	height: 400px;
	font-weight: 300;
	}

	.small
	{
		line-height:100%;
	}
	
	.smallerish
	{
		line-height:125%;
	}
	
	.smallish
	{
		line-height:150%;
	}
	
	.reportoutline
	{
		border-right: 1px solid grey;
	}
	
	.large
	{
		font-size:2.25em;
		font-weight:800;
		text-align:center;
		margin: 20px 0 20px 0;
		color: #FF0000;
	}

	.largish
	{
		font-size:1.25em;
		margin: 0 0 0 0;
	}

	a
	{
		color: #4073b4;
		text-decoration: none;
	}
	
		.a-alt
		{
			line-height:50%;
			color: #4073b4;
			text-decoration:none;
		}
	
		a:hover
		{
			text-decoration: underline;
		}
	
	h1, h2, h3, h4, h5, h6
	{
		color: #444;
		font-weight: 800;
	}
	
	/* Changed from none to validated CSS */
	h1
	{
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
	{
		color: inherit;
		text-decoration: none;
		outline: 0;
	}

	strong
	{
		font-weight: 800;
	}

	ital
	{
		font-style: italic;
	}

	italsmall
	{
		padding: 0px;
		margin: 0px;
		font-style: italic;
		font-weight: 300;
		font-size: .8em;
	}

	:invalid {
	border: 2px solid #ff0000;
	}

	form
	{
	}
	
		form input,
		form select
		{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 14px;
		color: #636363;
		vertical-align: sub;
   		padding-bottom: 1px;
   		padding-top: 1px;
		font-weight: 300;
		}
			
		form input
		{
		width: 20px;
		}

		form textarea
		{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 14px;
		color: #3c3c3c;
   		margin-left: 5px;
   		padding-bottom: 1px;
   		padding-top: 1px;
		width: 95%;
		font-weight: 300;
		}
			
		#content button 
		{
		display: inline-block;
		background: #4073b4;
		color: #fff;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 14pt;
		width: 100%;
		text-decoration: none;
		font-weight: 800;
		outline: 0;
		border: none;
		letter-spacing: 1px;
		height: 60px;
		margin: auto;
		padding: 7px 25px;
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		-o-transition: background-color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
		}
		
		#content buttondemo 
		{
		display: inline-block;
		background: #4073b4;
		color: #fff;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 14pt;
		width: 100%;
		text-decoration: none;
		font-weight: 800;
		outline: 0;
		border: none;
		letter-spacing: 1px;
		height: 60px;
		margin: auto;
		padding: 7px 25px;
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		-o-transition: background-color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
		}
		
		#content .indexh2
		{
			margin-top: 20px;
		}

		#content button:active
		{
			background: #4073b4;
		}

		#content button:hover 
		{
		background: #082d61;
		cursor: pointer;
		}

		#OID
		{
		width:95px
		}

		#age
		{
		vertical-align: middle;
		width:75px
		}
		
		#zip
		{
		width:75px
		}

		#infopages h2
		{
		padding-top: 10px;
		padding-bottom: 10px;
		}

		#infopages h3
		{
		margin-top:10px;
		padding-top: 10px;
		padding-bottom: 10px;
		}

		#infopages p
		{
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 0px;
		}

		#infopages a
		{
		font-size:18px;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 0px;
		}

		#infopages a-special:hover
		{
		text-decoration: none;
		}

		.boxyboxboxOuter 
		{ 
		border-top: 3px solid #a6a09a;
		border-left: 5px solid #a6a09a;
		border-bottom: 5px solid #a6a09a;
		border-right: 5px solid #a6a09a;
		border-radius: 10px;
		background-color: #a6a09a;
		word-wrap: break-word;
		width:100%;
		height: auto;
		display:inline-block;		
		}

		.boxyboxboxOuterConscientiousness
		{ 
		border-top: 3px solid #f2f20d;
		border-left: 5px solid #f2f20d;
		border-bottom: 10px solid #f2f20d;
		border-right: 5px solid #f2f20d;
		border-radius: 10px;
		background-color: #f2f20d;
		word-wrap: break-word;
		width:100%;
		height: auto;
		display:inline-block;		
		}

		.boxyboxboxOuterEmotionalStability
		{ 
		border-top: 3px solid #e61919;
		border-left: 5px solid #e61919;
		border-bottom: 10px solid #e61919;
		border-right: 5px solid #e61919;
		border-radius: 10px;
		background-color: #e61919;
		word-wrap: break-word;
		width:100%;
		height: auto;
		display:inline-block;		
		}

		.boxyboxboxOuterExtraversion
		{ 
		border-top: 3px solid #3c3;
		border-left: 5px solid #3c3;
		border-bottom: 10px solid #3c3;
		border-right: 5px solid #3c3;
		border-radius: 10px;
		background-color: #3c3;
		word-wrap: break-word;
		width:100%;
		height: auto;
		display:inline-block;		
		}

		.boxyboxboxOuterOpenness
		{ 
		border-top: 3px solid #19b3e6;
		border-left: 5px solid #19b3e6;
		border-bottom: 10px solid #19b3e6;
		border-right: 5px solid #19b3e6;
		border-radius: 10px;
		background-color: #19b3e6;
		word-wrap: break-word;
		width:100%;
		height: auto;
		display:inline-block;		
		}

		.boxyboxboxOuterAgreeableness
		{ 
		border-top: 3px solid #4d19e6;
		border-left: 5px solid #4d19e6;
		border-bottom: 10px solid #4d19e6;
		border-right: 5px solid #4d19e6;
		border-radius: 10px;
		background-color: #4d19e6;
		word-wrap: break-word;
		width:100%;
		height: auto;
		display:inline-block;		
		}

		.boxyboxboxOuterIntegrity 
		{ 
		border-top: 3px solid #e619e5;
		border-left: 5px solid #e619e5;
		border-bottom: 10px solid #e619e5;
		border-right: 5px solid #e619e5;
		border-radius: 10px;
		background-color: #e619e5;
		word-wrap: break-word;
		width:100%;
		height: auto;
		display:inline-block;		
		}

		.boxyboxboxInner
		{
		width:100%;
	    word-wrap:break-word;
		height:auto;
		text-align:center;
		background-color: #FFF;
		border-radius: 5px;   
		text-align:left;
		word-wrap: break-word;
		margin-bottom: 5px;
		padding-top: 5px;
		float:left;
		}

		.boxyboxboxInnerFactor
		{
		width:100%;
	    word-wrap:break-word;
		height:auto;
		text-align:center;
		background-color: #DCDCDC;
		border-radius: 5px;   
		text-align:left;
		word-wrap: break-word;
		margin-bottom: 5px;
		float:left;
		}

		.boxyboxboxInnerText
		{
		line-height: 180%;
		margin-left: 5px;
		margin-right: 5px;
		line-height:150%;
		}

		#SectionTitle
		{
		display: inline-block;
		font-weight: bold;
		margin-bottom: 3px;
		color: #FFF;
		}

.checkbox-special { margin-left: 40px; text-indent: -10px; padding-right: 5px; position: relative; /*margin-right:40px;*/ text-align: left; border: 5px; max-width: 99%;  padding-bottom: 5px; word-wrap: break-word;text-wrap:normal;}

.checkbox-select { margin-left: 40px; vertical-align: middle;}

input[type="checkbox"] + label { margin-left: 40px; padding-right: 10px; margin-bottom: 3px; text-align: left; white-space:normal; max-width: 200px;		word-wrap: break-word;text-wrap:normal;}
input[type="checkbox"],
input[type="checkbox"] + label:before { content: " "; /* background: url('images/customInputs.png') no-repeat left -2px;*/ width: 27px; height: 27px; position: absolute; left: 0; top: 0; display:inline-block; z-index: 5; }
input[type="checkbox"] + label:before { background-position: left 0px;}

/* HOVER STYLES */
input[type="checkbox"]:hover + label:before,
input[type="checkbox"] + label:hover:before  { background-position: left -30px; } 
input[type="checkbox"]:focus + label:before { background-position: left -65px; } 

/* CHECKED STYLES */
input[type="checkbox"]:checked + label:before { background-position: left -60px; } 
input[type="checkbox"]:hover:checked + label:before,
input[type="checkbox"]:focus:checked + label:before { background-position: left -90px; } 
input[type="checkbox"]:active:checked + label:before { background-position: left -90px; }

.styled-select select {
   background: transparent;
   width: 320px;
   padding: 3px;
   font-size: 16px;
   line-height: 2;
   border: 0;
   border-radius: 0;
   height: 40px;
   -webkit-appearance: none;
   }

.styled-select {
   max-width: 320px;
   height: 40px;
   margin-left: auto;
   margin-right: auto;
   overflow: hidden;
   background: url(../images/down_arrow_select.jpg) no-repeat right #ddd;
   border: 1px solid #ccc;
   }
   
	br.clear
	{
		clear: both;
	}
	
	p, ul, dl, table
	{
		margin-bottom: 1em;
	}
	
	#indexlinks
	{
		margin-bottom: 0em;
		margin-left: 10px;
	}

	ol
	{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		list-style-position:inside;
	}
	
	li
	{
		margin-bottom: 10px;
		margin-top: 10px;
	}

	section,
	article
	{
		margin-bottom: 10px;
		margin-bottom: 1em;
	}
	
	section > :last-child,
	article > :last-child
	{
		margin-bottom: 0;
	}

	section:last-child,
	article:last-child
	{
		margin-bottom: 0;
	}

	.image
	{
		display: inline-block;
		outline: 0;
	}
	
		.image img
		{
			display: block;
			width: 100%;
			border-radius: 8px;
		}

	.image-full
	{
		display: block;
		width: 100%;
		margin: 0 0 .5em 0;
	}
	
	.image-left
	{
		float: left;
		margin: 0 2em 2em 0;
	}
	
	.image-centered
	{
		display: block;
		margin: 0 0 2.5em 0;
	}

		.image-centered img
		{
			margin: 0 auto;
			width: auto;
		}

	.buttondemo
	{
		border-radius: 6px;
	}

	.button
	{
		display: inline-block;
		background: #4073b4;
		color: #fff;
		text-decoration: none;
		border-radius: 6px;
		font-weight: 800;
		outline: 0;
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		-o-transition: background-color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
	}
	
		.button:hover
		{
			background: #082d61;
			text-decoration: none;
		}
	
		.button:active
		{
			background: #4073b4;
			text-decoration: none;
		}
	
		.button-icon
		{
			position: relative;
		}
		
			.button-icon:after
			{
				content: '';
				display: inline-block;
				width: 54px;
			}
		
			.button-icon:before
			{
				content: '';
				display: inline-block;
				width: 48px;
				height: 48px;
				background: url('images/icons.png');
				position: absolute;
				right: 0.75em;
				top: 50%;
				margin-top: -24px;
			}
			
			.button-icon-rarrow:before
			{
				background-position: 0px 0px;
			}
			
			.button-icon-exclaim:before
			{
				background-position: -48px -48px;
			}
			
			.button-icon-rarrow2:before
			{
				background: url('images/icons-rarrow.png');
				position: absolute;
				right: .05em;
				top: 63%;
				background-size: 70%;
				background-repeat:no-repeat;
				margin-top: -24px;
			}

			.button-icon-paper:before
			{
				background-position: -48px 0px;
			}
	
			.button-icon-question:before
			{
				background-position: 0px -48px;
			}
	
		.button-alt
		{
			background: #f1f1f1;
			color: #444;
			margin-bottom:20px;
			text-align:center;
		}

			.button-alt:hover
			{
				background: #e8e8e8;
				text-decoration: none;
			}

			.button-alt:active
			{
				background: #e4e4e4;
			}

	.byline
	{
		display: block;
	}

	header
	{
		margin: 0 0 2em 1em;
	}
	
		header h2
		{
			margin: 0 0 0 0;
		}
		
		header h3
		{
			margin: 10px 0 0 0;
			color: #fff;
		}
		
		header .byline
		{
			margin-left: 0;
			padding-left: 0;
		}

	footer
	{
		margin: 2.5em 0 0 0;
	}
	
	.box
	{
		background: #fff;
		border-radius: 6px;
		box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.015);
		box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.05);
	}

	#reliabilityHigh
	{
		color:#00CC66;
		font-size: 22px;
		text-align:center;
	}

	#reliabilityMedium
	{
		color:#4073b4;
		font-size: 22px;
		text-align:center;
	}

	#reliabilityLow
	{
		color:#FF0000;
		font-size: 22px;
		text-align:center;
	}

/*********************************************************************************/
/* Widgets                                                                       */
/*********************************************************************************/

	.widget-links
	{
	}

	.widget-thumbnails
	{
	}

		.widget-thumbnails .grid
		{
			margin-bottom: 2.5em;
		}

	.widget-contact
	{
	}
	
		.widget-contact ul
		{
			overflow: hidden;
			position: relative;
			left: -4px;
			top: 4px;
			margin-bottom: 1.5em;
		}
		
			.widget-contact ul li
			{
				display: block;
				float: left;
			}

				.widget-contact ul li a
				{
					display: block;
					width: 48px;
					height: 48px;
					background: url('images/icons.png');
					text-indent: -9999em;
					outline: 0; /* Changed from outul line: 0; */
					opacity: 0.75;
					-moz-transition: opacity .25s ease-in-out;
					-webkit-transition: opacity .25s ease-in-out;
					-o-transition: opacity .25s ease-in-out;
					-ms-transition: opacity .25s ease-in-out;
					transition: opacity .25s ease-in-out;
				}
				
					.widget-contact ul li a:hover
					{
						opacity: 1.0;
					}
				
					.widget-contact ul li a.twitter
					{
						background-position: -48px -48px;
					}
				
					.widget-contact ul li a.facebook
					{
						background-position: -96px -48px;
					}
				
					.widget-contact ul li a.dribbble
					{
						background-position: -144px -48px;
					}
				
					.widget-contact ul li a.googleplus
					{
						background-position: -192px -48px;
					}
	
/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	#header-wrapper
	{
	}
	
	#banner-wrapper
	{
	}
	
	#main-wrapper
	{
		background: #fff;
		box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.05);
	}
	
	#footer-wrapper
	{
	}
	
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		position: relative;
	}
	
	#header h2
	{
		color: rgb(200,200,200);
	}
	
/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo
	{
		overflow: hidden;
	}

		#logo h1
		{
			background: #ff4486;
			color: #fff;
			border-radius: 6px;
			font-family: 'Oleo Script', serif;
			font-weight: 400;
		}
		
		#logo span
		{
			font-weight: 800;
		}
	
/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		position: relative;
	}
	
		#banner h1
		{
			font-size: 20pt;
			font-weight: 400;
		}
	
/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
	}
	
		#footer a
		{
			color: inherit;
		}
	
	#copyright
	{
		color: rgb(200,200,200);
	}
	
		#copyright a
		{
			color: inherit;
		}
/*********************************************************************************/
/* Demographics Test                                                             */
/*********************************************************************************/

#demo
{
	padding-left: auto;
	padding-right: auto;

}