@charset "utf-8";
/* CSS Document */
#rotating-item-wrapper {
	position: relative;
	margin: .4vw;
	float: left; 
	width: 26vw; 
	height: 26vh;
}
.rotating-item {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
.submitButton {
	border-radius: .5vw;
	background-color: rgba(24, 40, 77, 0.5);
	font-size: 1vw;
}
.videoViewer {
	width: 48vw;
	height: 27vw;
	float: left;
}
a.headerLink {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1vw;
	margin-left: 1vw;
}
a.headerLink:hover {
	color: #5f6d9b;
}
a.footerLink {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1vw;
	margin-left: 20px;
}
a.footerLink:hover {
	color: #5f6d9b;
}
a.quizLink {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1vw;
}
a.quizLink:hover {
	color: #5f6d9b;
}
body {
	font-family: Arial;
	margin: 0;
	background-color: #18284D;
	background-image: radial-gradient(#0f1422, #282f41)
}
div.aboutText {
	text-align: left;
	color: #FFFFFF;
	font-size: 1.4vw;
	float: left;
	margin-left: 1vw;;
	}
div.accountManagerData {
	width: 30vw;
	margin-top: 2vw;
	margin-left: .8vw;
	float: left;
}
div.accountManagerUserList {
	width: 40vw;
	margin-top: 2vw;
	margin-left: .8vw;
	float: left;
}
div.accountManagerUserListCell {
	margin-top: .5vw;
	margin-left: .2vw;
	float: left;
	vertical-align: middle;
	position: relative;
	padding: .1vw;
	}
div.accountManagerUserListHeaderCell {
	margin-top: .5vw;
	margin-left: .2vw;
	float: left;
	padding-left: .2vw;
}
div.accountManagerUserListRow {
	width: 700px;
	margin-top: .5vw;
	margin-left: .2vw;
	border: #323131 solid .1vw;
	float: left;
}
div.accountUserData {
	width: 15vw;
	margin-top: 2vw;
	margin-left: .8vw;
}
div.accountSectionInfo {
	width: 30vw;
	margin-top: 2vw;
	margin-left: .8vw;
}
div.answers {
	font-size: 1vw;
	margin-left: .8vw;
}
div.bodyText {
	text-align: left;
	color: #FFFFFF;
	font-size: 1.1vw;
	float: right;
	width: 45vw;
	height: 26vw;
	}
div.blueContainer {
	border: 2px white solid;
	border-radius: 1.6vw;
	width: 98%;
	color: white;
	background-color: rgba(24, 40, 60, 0.5);
	margin-top: 1.4vw;
	padding: .8vw;
	margin-left: 1.2vw;
	float: left;
	
}
div.contactText {
	font-size: 1.4vw;
	color: #FFFFFF;
	margin-left: 1vw;
	
}
div.footer {
	width: 100%;
	float: left;
	text-align: center;
	
}
div.head {
	padding-top: .6vw;
	padding-left: .6vw;
	width: 100%;
	background-color: #18284D;
	background-image: radial-gradient(#0f1422, #282f41)
}
div.head-menu {
	background-color: #030f1b;
	width: 100%;
	height: 2vw;
	padding-top: .4vw;
	text-align: center;
}
div.headQuote {
	font-size: 1vw;
	color: white;
	float: right;
	margin-top: 1vw;
	margin-right: 1vw;
}
div.progressContainer {
	margin-left: 1vw;
	float: left;
}
div.question {
	margin-bottom: 1vw;
}
div.sectionLink {
	border: 2px white solid;
	border-radius: 1vw;
	height: 8vw;
	width: 16vw;
	color: white;
	text-align: center;
	background-color: #18284D;
	font-size: 2.8vw;
	padding-top: .2vw;
	margin: 5px;
	float: left;
}
div.sectionTitle {
	font-size: 1vw;
	margin-bottom: .8vw;
	text-align: center;
	width: 100%;
	margin-top: -.4vw;
}
div.testimonial {
	color: white;
	padding-top: .5vw;
	font-size: 1.1vw;
	margin-left: 1vw;
}
div.userDetail {
	width: 15vw;
	heigth: 10vw;
	border: 2px white groove;
	background-color: #030f1b;
	position: absolute;
	left: 10vw;
	top: 10vw;
	color: white;
}
div.whitebox {
	background-color: #FFFFFF;
	border-bottom: 2px solid #c4c4c4;
	border-right: 2px solid #c4c4c4;
	padding: .4vw;
	
}
div.videoItem {
	padding: .4vw;
}
div.videoItem:hover {
	background-color: rgba(40, 30, 10, 0.5);
}
img.logo {
	margin-right: 1vw;
	width: 8vw;
	margin-bottom: .4vw;
}
img.progressDot {
	float: left;
	margin: .1vw;
}
img.videoThumb {
	
}
input.account-input {
	margin: .4vw;
	color: #343736;
	padding: .05vw;
}
input.accountManagerUserListButtonLock {
	margin-left: .2vw;
	padding-left: .2vw;
	border-radius: .3vw;
	background-color: #A3282A;
	float: left;
	top: -.25vw;
	left: 0px;
}
input.accountManagerUserListButtonDetail {
	margin-left: .2vw;
	padding-left: .2vw;
	border-radius: .3vw;
	background-color: #1ca81c;
	float: left;
	top: -.25vw;
	left: 0px;
}

span.accountFieldLabel {
	width: 120px;
	display: block;
}
span.accountUserHeader {
	font-size: 1.2vw;
}
span.copyright {
	font-size: 0.8vw;
	color: #FFFFFF;
	padding-left: 15px;
}
span.footerLinks {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1vw;
}
span.h1 {
	font-size: 1.8vw;;
	color: white;
	text-decoration: underline;
	margin-left: 1vw;
}
span.question {
	font-size: 1.1vw;
}
span.quizResults {
	font-size: 1.1vw;
	margin-top: .5vw;
	margin-left: 1vw;
}
span.videoTitle {
	font-size: 1.4vw;;
	color: white;
	margin-left: 1vw;
}
td.calendarCell {
	width: 14%;
	height: 100px;
	background-color: #FFFFFF;
	color: #18284D;
	border: 2px white groove;
	font-weight: bold;
	padding: 5px;
	text-align: right;
	vertical-align: top;
	font-size: 18pt;
}
td.calendarHeaderCell {
	width: 14%;
	height: 25px;
	background-color: #FFFFFF;
	color: #18284D;
	border: 2px white groove;
	font-weight: bold;
}