@charset "utf-8";
/* CSS Document */
@media (hover: hover) {
	.aNotSelect:hover {
		color:white;
		border:1px solid #4385f5;
		background:#4385f5;
		cursor:pointer;
		-webkit-transition: background 0.5s, border 0.5s; /* Safari */
		transition: background 0.5s, border 0.5s;
	}
}
.aNotSelectHigh {
		color:white;
		border:1px solid #4385f5;
		background:#4385f5;
		cursor:pointer;
		-webkit-transition: background 0.5s, border 0.5s; /* Safari */
		transition: background 0.5s, border 0.5s;
	}
	.yesButton:hover {
		background-color:#2B6C1B;
		transition: background 0.5s;
		-webkit-transition: background 0.5s; /* Safari */
	}
	.neutralButton:hover {
		background-color:#B1B1B1;
		transition: background 0.5s;
		-webkit-transition: background 0.5s; /* Safari */
	}
	.noButton:hover {
		background-color:#6683AF;
		transition: background 0.5s;
		-webkit-transition: background 0.5s; /* Safari */
	}
	.jobTitleBox:hover {
		background:#C4C4C4;
	}
	.jobTitleBoxSelect:hover {
		background:#C4C4C4;
	}	
	.greenButton:hover {
		border:1px solid #2B6C1B;
		background:#2B6C1B;
		-webkit-transition: background 0.5s, border 0.5s; /* Safari */
		transition: background 0.5s, border 0.5s;
	}
	.greybutton:hover {
		background:#ACACAC;
		color:black;
		-webkit-transition: background 0.5s, border 0.5s; /* Safari */
		transition: background 0.5s, border 0.5s;
	}
body {
	font-family:'Open Sans',Helvetica Neue,Arial;
	margin:0;
	padding:0;
}
h1 {
	font-size:1.3em;
}

h2 {
	font-size:1.1em;
}
#loginHeader {
	font-size:1em;
	width:100%;
	min-width:350px;
	height:140px;
	margin-top:10px;
	background:#106492;
	color:white;
	text-align:center;
	line-height:120px;
}
.ohno{
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 0;
        z-index: -1;
    }
#contentHolder2 input[type=text] {
	padding: 15px 15px;
 	border: 1px solid #cccccc;
	border-radius: 7px;
	width:250px;
	font-size:1.1em;
}
.medButton {
	font-size:1.1em;
	width:auto;
	height:40px;
	line-height:40px;
	padding:0px 8px;
}
.redNote {
	width:calc(100% - 10px);
	text-align:center;
	height:auto;
	font-size:1.1em;
	margin:20px 0px;
	padding:5px;
	color:red;
	float:left;
}
.yesButton {
	width: auto;
	text-align:center;
    background-color:#3b9c3f;
    padding: 8px 15px;
    color: white;
	float:right;
    cursor: pointer;
	transition: background 0.5s;
	-webkit-transition: background 0.5s; /* Safari */
	font-size:1em;
	font-weight:bold;
	margin:10px;
	border-radius:10px;
}
.neutralButton {
	width: auto;
	text-align:center;
    background-color:#C4C4C4;
    padding: 8px 15px;
    color: white;
	float:right;
    cursor: pointer;
	transition: background 0.5s;
	-webkit-transition: background 0.5s; /* Safari */
	font-size:1em;
	font-weight:bold;
	margin:10px;
	border-radius:10px;
}
.noButton {
	width: auto;
	text-align:center;
    background-color:#303B5E;
    padding: 8px 15px;
    color: white;
	font-weight:bold;
	float:right;
    cursor: pointer;
	transition: background 0.5s;
	-webkit-transition: background 0.5s; /* Safari */
	font-size:1em;
	margin:10px;
	border-radius:10px;
}
.popUpContent {
	margin-top:5px;
	text-align:left;
	font-size:0.9em;
	width:100%;
	line-height:1.3em;
	height:auto;
}

.headingLeft {
	margin-top:10px;
	text-align:left;
	font-size:1.1em;
	font-weight:bold;
	font-family: 'Open Sans Condensed', sans-serif;
}
#overlayInner {
	position:fixed;
	top: 200px;
	left: 50%;
	margin-left: -200px; /* Negative half of width. */
	width:400px;
	padding:20px;
	height:auto;
	background:#FEFEFA;
	border-radius:5px;
	z-index:100;
}
#overlayWindow {
	position:fixed;
	width:100%;
	height:6000px;
	left:0;
	top:0;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.7);
    z-index:11;
}
.collectFormBox {
	width:320px;
	height:70px;
	margin:15px auto;	
	text-align:center;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}

#collectForm {
	width:100%;
}
#collectForm input[type=radio]{
	margin-top:10px;
	margin-right:20px;
  -ms-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  -moz-transform: scale(1.5);
  transform: scale(1.5);
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
}
#collectForm select,.jobTitleBox , #collectForm input[type=text]{
	padding:5px;
	border-radius:5px;
	margin-top:10px;
}
.loader {
    position:absolute;
    top: 50%;
    left: 50%;
	width:200px;
	height:200px;
	margin-top:-200px;
	font-size:1.2em;
}
.loaderimg {
	margin:0 auto;
	width:150px;
	height:150px;
	background: url(../img/loader.svg);
 	background-size: 150px 150px;
}
.jobTitleBox {
	margin:auto;
	margin-top:10px;
	width:200px;
	height:auto;
	border:1px solid grey;
	font:90%;
	cursor:pointer;
}
.jobTitleBoxSelect {
	float:left;
	margin:10px;
	width:200px;
	height:auto;
	border-radius:10px;
	text-align:center;
	border:1px solid grey;
	font:90%;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	cursor:pointer;
}
#overlayWhite2 {
	position:fixed;
	width:100%;
	height:6000px;
	left:0;
	top:0;
	background: #FEFEFA;
    z-index:10;
}
#contentHolder2 {
	position:absolute;
	top:20px;
  	left: calc(50% - 122px);
	width:245px;
	height:auto;
	z-index:11;
}
#testDescription {
	width:calc(100% - 10px);
	height:auto;
	margin:0 auto;
	padding:5px;
}
#contentHolder {
	width:100%;
	max-width:400px;
	min-width:350px;
	height:auto;
	margin: 20px auto 50px auto;
}
#introduction {
	width:calc(100% - 20px);
	min-width:300px;
	height:auto;
	margin:20px auto 30px auto;
	padding:10px;
}
#navContain {
	width:100%;
	min-width:300px;
	margin:50px auto 25px;
	height:auto;
}
#qContain {
	width:calc(100% - 10px);
	min-width:300px;
	margin:100px auto 0px;
	height:100px;
	font-size:1.4em;
	padding:0px 5px;
	text-align:center;
	color:#454e61;
}
#aContain {
	width:100%;
	min-width:100%;
	margin:5px auto;
	height:250px;
}
#sContain {
	width:100%;
	min-width:100%;
	margin:5px auto;
	height:250px;
}
#naviBelow {
	width:100%;
	max-width:500px;
	height:100px;
	margin:25px auto 0px;
}
#navbg {
	width:100%;
	height:80px;
	background:#f1f1f1;
	margin:0px auto -110px;
}
.sItem {
	width: 100%;
        float: left;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 1em;
}
.aItem {
	width: 100%;
        float: left;
        height: 55px;
        line-height: 55px;
        text-align: center;
        font-size: 1em;
}
.longSelect {
	word-spacing: normal;
	width:105px;
}
.aNotSelect {
	color:#313131;
	border:1px solid #C4C4C4;
	border-width:1px 0px;
	background:#fcfdff;
	cursor:pointer;
}
.aNotSelectDe {
	color:#313131;
	border:1px solid #C4C4C4;
	border-width:1px 0px;
	background:#fcfdff;
	cursor:pointer;
}
.aSelect {
	color:#fff;
	border:1px solid #0e47a1;
	background:#0e47a1;
	cursor:pointer;
	-webkit-transition: background 0.5s, border 0.5s; /* Safari */
    transition: background 0.5s, border 0.5s;
}
.selectThin {
}
.leftSelect {
}
.rightSelect {
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.explainProg {
	text-align:center;
	font-size:110%;
	color:#3F3F3F;
	margin-bottom:5px;
}
.testProg {
	width:calc(100% - 50px);
	margin:0 auto;
	height:11px;
}
.barBg {
	width:100%;
	height:8px;
	background:#A4A4A4;
	border-radius:5px;
}
.barFront {
	position:relative;
	top:-8px;
	height:6px;
	background:#3b9c3f;
	border:1px solid #3b9c3f;
	border-radius:5px 0px 0px 5px;
	
}

.naviButton {
	height:40px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:1.1em;
	text-align:center;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	-webkit-transition: background 0.5s, border 0.5s; /* Safari */
    transition: background 0.5s, border 0.5s;
	cursor: pointer;
	width:calc(50% - 2px);
	color:white;
}
.navLine {
	line-height:40px;	
}
.navLine2 {
	line-height:35px;	
}
.greenButton {
	border:1px solid #3b9c3f;
	background:#3b9c3f;
}

.greybutton {
	font-size:2em;
	border:1px solid #ACACAC;
	color:#434343;
}
.clear
{
  clear:both;
}
.barHolder {
	width:100%;
	max-width:500px;
	height:10px;
	margin:10px auto;
}
.barPBG {
	width:100%;
	height:6px;
	background:#C3C3C3;
	border-radius:2px;
}
.barPFront {
	width:0%;
	height:10px;
	position:relative;
	top:-8px;
	left:0px;
	border-radius:4px;
}
.test-container {
			 margin:0 auto;
            max-width: 600px;
            width: 100%;
            background-color: #fff;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
        }
         .test-container table {
            width: 100%;
			 margin-top:20px;
            border-collapse: collapse;
        }
         .test-container th, td {
            padding: 15px;
            text-align: left;
        }
         .test-container th {
            background-color: #f8f8f8;
            font-weight: bold;
        }
        .test-container  td {
            background-color: #f9f9ff;
        }
         .test-container .centered {
            text-align: center;
        }
         .test-container input[type="radio"] {
            width: 20px;
            height: 20px;
        }