@import url(/css/reset.css);
@import url(/files/fonts/icons/style.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i);

*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
html,body{margin:0px;padding:0px;color:#000;background:#efefef;font-family: "Open Sans", Arial, Helvetica Neue, sans-serif;font-size:16px;line-height: 1.6;}

img{border:0px;}
a{color:#0000FF;text-decoration:none;cursor:pointer;}
pre{margin:0px;}
h1 {font-size:22px; font-weight:bold; margin-bottom:25px; margin-top:15px; color:#000;}
h2 {font-size:18px; font-weight:bold; color:#666;}
td{vertical-align:top;}


.green{color:#389335;}.darkGreen{color:#176135;}.red{color:#e74c3c;}
.fl{float:left;}.fr{float:right;}.clear{clear:both;}
.msg{color:red;margin-bottom:15px; padding:3px 10px; border:1px solid red; background:#F9CDCD;}
.msgs{padding:3px 10px; color:green;border:1px solid green; background:#AEE49E;margin-bottom:15px;}
.table_bgcolor{background:#8BA0BC;}
.table_header{background:#E7F0FA;font-weight:bold;color:#000;font-weight:bold;}
.table_header a{color:#000;}
.table_row{background:#FFF;}
.table_bgcolor tbody tr:hover td{background:#EEE;}
.u{text-decoration:underline;}.b{font-weight:bold;}.c{text-align:center;}.i{font-style:italic;}
.explain{color:#777;}

.pagi_table{}
.pagi_table td{font-weight:bold;}

#wrapper{width:100%;}
#header{height:100px;padding:12px 27px;border-bottom:1px solid rgb(210, 210, 210);background:#FFF;}
#header.loggedin{border-bottom:0px;}
#header .logo{width:268px;height:80px;}
#header .about{float:right;margin-top:5px;text-align:right;font-size:11px;line-height:16px;}
#header .about .extra{font-weight:bold;font-style:italic;}
#header_navmenu{height:35px;background:#EAF1FA;border:1px solid #8BA0BC;border-radius:5px;text-align:right;}
#header_navmenu .sec{display:inline-block;margin-top:9px;padding:0px 15px;border-left:1px solid #000;font-weight:bold;}
#header_navmenu .sec:first-child{border-left:0px;}
#header_navmenu .sec a{font-weight:normal;}
#body{padding:5px 0;}
#footer{padding-bottom:5px;color:#FFF;background:#474E54;text-align:center;font-size:8pt;font-weight:bold;border-top:3px solid #99CCFF;}

#leftside{width:200px;background:#FFF;border-top:1px solid #8BA0BC;}
#leftside .header{display:block;margin-bottom:1px;padding:6px;color:#000;background:#B5CCE5;border:1px solid #8ba0bc;}
#leftside .item{display:block;margin-bottom:1px;padding:6px;color:#000;border:1px solid transparent;}
#leftside .item.on{background:#fddc7f;border:1px solid #c2762b;}
#leftside .item:hover{background:#fcf6dd;border:1px solid #eecf71;}
#leftside_border{width:8px;background:#CFDDEE;border:1px solid #849DBD;}
#rightside{border-top:1px solid #8BA0BC;}

.block{border-radius:5px;border:1px solid #8BA0BC;}
.block > .title{padding:7px;padding-bottom:10px;background:#D6E1EE;border-bottom:1px solid #BBC8D7;font-size:13px;font-weight:bold;}
.block > .content{padding:15px;background:#EAF1FA;}


.submitbutton,.actionbutton{font-size:16px;text-align:center; font-weight:bold;font-fmaily:Verdana;}
.submitbutton{display:inline-block; border:1px solid #ABBAD0; min-width: 150px;  color:#000; padding:6px 15px; background:#E0EDFA;cursor:pointer;}
.submitbutton.on,.submitbutton:hover{background:#F7E291;border-color:#EECC53;}
.actionbutton{display:inline-block; border:1px solid #ABBAD0; min-width: 150px;  color:#000; padding:6px 15px; background:#E0EDFA;cursor:pointer;}
.actionbutton.on,.actionbutton:hover{background:#F7E291;border-color:#EECC53;}

.formfilter{display:block;margin-bottom:25px;padding:15px;border:1px solid #000;background:#FFF;}
.formfilter .left{float:left;width:100px;height:35px;padding-top:5px;}
.formfilter .right{float:left;}
.formfilter input,.formfilter select{padding:5px;width:200px;}

.fileblock{display:inline-block;width:300px;height:285px;margin:15px;padding:25px;border:1px solid #000;background:#FFF;text-align:center;vertical-align:top;}
.fileblock .img{margin-bottom:5px;}
.fileblock .haspaid{margin-bottom:15px;font-weight:bold;}
.fileblock .haspaid.yes{color:green;}
.fileblock .haspaid.no{color:red;}

.formaction{}
.formaction .fieldname{font-weight:bold;padding-top:10px;}
.formaction .display{padding-top:10px;padding-bottom:12px;}
.formaction input:not([type='submit']):not([type='checkbox']):not([type='button']),.formaction select,.formaction textarea{width:400px;padding:5px;background:#FFF;border:1px solid #666;}
.formaction textarea{height:200px;}

.tabs{margin-top:5px;}
.tabs > .tablinks{margin-bottom:-1px;}
.tabs > .tablinks > span{display:inline-block;padding:5px 10px;background:#B4CAE3;border:1px solid #859EBF;border-left:0px;cursor:pointer;}
.tabs > .tablinks > span:first-child{border-left:1px solid #859EBF;margin-left:5px;}
.tabs > .tablinks > span.on{background:#FFF;border-bottom:1px solid #FFF;}
.tabs > .tabblocks{}
.tabs > .tabblocks > .tabblock{display:none;background:#FFF;border:1px solid #859EBF;padding:10px;}
.tabs > .tabblocks > .tabblock.on{display:block;}

.linkblock{display:inline-block;text-align:center;width:200px;height:150px;line-height:150px;background:#FFF;border:1px solid #666;color:#000;margin-right:15px;}

.tabs2{height:40px;}
.tabs2 > a{display:inline-block;height:100%;padding:6px 13px;background:#b4cae3;border-right:1px solid rgb(133, 158, 191);font-weight:bold;color:#000;vertical-align:top;}
.tabs2 > a:first-child{border-left:1px solid rgb(133, 158, 191);}
.tabs2 > a.on{background:#FFF;}
.tabs2 > a > *{display:inline-block;vertical-align:middle;}
.tabs2 > a > img{margin-right:5px;}

#message_popup_bg{position:fixed;left:0px;top:0px;width:100%;height:100%;background:#000;opacity:0.35;display:none;}
#message_popup{position:fixed;left:50%;top:50%;width:800px;height:500px;margin-left:-400px;margin-top:-250px;background:#FFF;border:1px solid #000;display:none;}
#message_popup > .title{height:35px;border-bottom:1px solid #000;padding:6px;font-size:16px;}
#message_popup > .content{height:465px;padding:10px;overflow:auto;}

.addSpecial{margin-bottom:25px;border:1px solid #000;background:#FFF;}
.addSpecial > .title{padding:5px;background:#CCC;border-bottom:1px solid #000;font-size:14px;}
.addSpecial > .title h3{margin:0px;margin-bottom:5px;}
.addSpecial > .body{padding:10px;}
.addSpecial .tabs{display:inline-block;padding:5px;text-align:center;cursor:pointer;background:#DDD;color:#000;border:1px solid #000;margin-right:-1px;}
.addSpecial .tabs.on{background:#FFF;border-bottom:0px;}
.addSpecial .tabblock{display:none;padding:5px;border:1px solid #000;margin-top:-1px;background:#FFF;}
.addSpecial .tabblock.on{display:block;}
.addSpecial .tabblock table thead td{background:#EEE;}

#casereports{position:relative;}
#casereports .display{display:block;}
#casereports .dropdown{display:none;position:absolute;left:0px;top:30px;width:100%;z-index:10;}
#casereports:hover .dropdown{display:block;}


.ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden;}




header {
	width: 100%;
	background: #389335;
	color: #fff;
	position: relative;
	z-index: 900;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease;
}

header .topBar {
	background: #303030;
	color: #fff;
	padding: 8px 0;
	text-align: right;
}

header .topBar .piece {
	display: inline-block;
	margin-left: 24px;
}

header .topBar .piece:first-child {
	margin-left: 0;
}

header .topBar .piece .font-icon {
	font-size: 20px;
	vertical-align: text-bottom;
	margin-right: 4px;
	color: #959595;
}

body.navOpen header,
body.navOpen header.alternate,
body.navOpen header.fixed {
	background: transparent;
	box-shadow: none;
}

#headercontent {
	overflow: hidden;
	z-index: 11;
	transition: height 0.3s ease;
}

header #logoLink {
	width: 100%;
	height: 100%;
	display: inline-block;
	position: relative;
	transition: height 0.3s ease;
	padding: 0 24px;
	display: table-cell;
	vertical-align: middle;
}

header .headerLogo {
	width: 100%;
	height: auto;
	line-height: 96px;
}

#bodycontentcontainer {
	width: 100%;
	background: transparent;
	padding: 0;
}

header .headerLayout {
	height: 96px;
	font-size: 0;
}

header .headerLayout>.cssTableRow>.cssTableCell.left {
	background: #176135;
	width: 248px;
}

header .headerLayout>.cssTableRow>.cssTableCell.middle {
	display: none;
	width: 200px;
	padding-left: 24px;
	text-align: left;
}

body.student header .headerLayout>.cssTableRow>.cssTableCell.middle {
	display: table-cell;
}

header .headerLayout>.cssTableRow>.cssTableCell.middle img {
	width: 80px;
}

header .headerLayout>.cssTableRow>.cssTableCell.right {
	text-align: right;
}

header .headerLayout>.cssTableRow>.cssTableCell.right a.button {
	color: #389335;
	padding: 8px 36px;
	font-size: 18px;
}

header .headerLayout>.cssTableRow>.cssTableCell.right a.button .font-icon {
	margin: 0 0 0 8px;
	font-size: 48px;
	vertical-align: middle;
}

.subNav {
	background: #fff;
}

.subNav .subNavLayout>.cssTableRow>.cssTableCell.left {
	text-align: left;
	font-weight: bold;
}

.subNav .subNavLayout>.cssTableRow>.cssTableCell.right {
	text-align: right;
}

.subNav .subNavLayout>.cssTableRow>.cssTableCell.right .button {
	padding: 12px 24px;
	background: #2C2C2C;
	color: #fff;
	margin-left: 16px;
	font-size: 20px;
	text-transform: uppercase;
}

body.noHeader #bodycontentcontainer {
	padding-top: 0;
}

.bodyMargin {
	width: 100%;
	max-width: 1400px;
	box-sizing: border-box;
	padding: 0 24px;
	margin: 0 auto;
	overflow: visible;
}

.bodyMargin.medium {
	max-width: 1000px;
}

.bodyMargin.small {
	max-width: 600px;
}

footer {
	width: 100%;
	margin: 0;
	background: #303030;
	color: #fff;
	text-align: center;
	font-size: 12px;
}

footer .footerLayout {
	max-width: 760px;
	padding: 24px 0;
	margin: 0 auto;
}

footer .footerLayout>.cssTableRow>.cssTableCell.left {
	padding-right: 24px;
}

footer .footerLayout>.cssTableRow>.cssTableCell.right {
	width: 132px;
}

footer .footerLayout>.cssTableRow>.cssTableCell.right img {
	width: 100%;
	max-width: 132px;
	height: auto;
}

.h1container {
	background: #fff;
	padding: 20px 0;
	margin-bottom: 40px;
}

.center {
	text-align: center;
}

h1 {
	font-size: 32px;
	font-weight: 800;
	padding: 0;
	text-align: center;
	margin: 0 0 40px 0;
	color: #389335;
	text-transform: uppercase;
	line-height: 1;
}

h1.left {
	text-align: left;
}

h2 {
	font-size: 24px;
	font-weight: 400;
	margin-top: 24px;
	margin-bottom: 8px;
	color: #444;
}

h2>.right {
	display: inline-block;
	float: right;
	vertical-align: middle;
}

h4 {
	margin:48px 0 0 0;
	font-size: 20px;
	color: #354144;
}

section>h2:first-child,
section .bodyMargin>h2:first-child {
	margin-top: 0;
	padding-top: 0;
}

p {
	font-size: 16px;
	margin: 16px 0;
	color: #000;
}

p.subtle {
	color: #ccc;
}

section>p:first-child,
section .bodyMargin>p:first-child {
	margin-top: 0;
	padding-top: 0;
}

h1+p {
	margin: -24px 0 40px 0;
	font-weight: 600;
}

h2+p {
	margin-top: 0;
}

h4+p {
	margin-top: 8px;
}

img {
	-ms-interpolation-mode: bicubic;
}

a img {
	border: none;
}

a,
a:link,
a:visited,
a:active {
	color: #389335;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease;
}

a:hover {
	color: #3dab39;
	cursor: pointer;
}

a.red,
a.red:link,
a.red:visited,
a.red:active {
	color: #e74c3c;
}

a.red:hover {
	color: #ff5544;
}

pre {
	background: #fff;
	padding: 20px;
	overflow: auto;
	-tab-size: 1;
	-o-tab-size: 1;
	-moz-tab-size: 1;
	box-sizing: border-box;
}

code {
	background: rgba(255, 255, 255, 0.2);
}

ul,
ol {
	padding-left: 20px;
	padding-top: 10px;
}

ul li,
ol li {
	margin-bottom: 3px;
}

.cssTable {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.cssTable>.cssTableRow {
	display: table-row;
}

.cssTable>.cssTableRow>.cssTableCell {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	text-align: center;
}

.cssTable.dataTable {
	table-layout: auto;
}

.cssTable.dataTable>.cssTableRow>.cssTableCell {
	padding: 12px 16px;
	text-align: left;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	background: #D9D9D9;
}

.cssTable.dataTable>.cssTableRow:last-child>.cssTableCell {
	border-bottom: none;
}

.cssTable.dataTable>.cssTableRow.cssTableHeader>.cssTableCell {
	background: #389335;
	color: #fff;
	font-weight: 600;
}

.cssTable.dataTable>.cssTableRow>.cssTableCell>.cssTableHeaderLabel {
	display: none;
	color: #ADB2B9;
}

.cssTable.pageLayout>.cssTableRow>.cssTableCell {
	text-align: left;
	vertical-align: top;
}

.cssTable.pageLayout>.cssTableRow>.cssTableCell.left {
	width: 66%;
	padding-right: 24px;
}

.cssTable.introThree>.cssTableRow>.cssTableCell {
	padding: 0 12px;
}

.cssTable.inputLineup>.cssTableRow>.cssTableCell {
	padding-left: 12px;
	padding-right: 12px;
	text-align: left;
	vertical-align: bottom;
}

.cssTable.inputLineup>.cssTableRow>.cssTableCell:first-child {
	padding-left: 0;
}

.cssTable.inputLineup>.cssTableRow>.cssTableCell:last-child {
	padding-right: 0;
}

.cssTable.checkboxLayout>.cssTableRow>.cssTableCell {
	vertical-align: top;
}

.cssTable.checkboxLayout>.cssTableRow>.cssTableCell.checkbox {
	width: 24px;
}

.cssTable.checkboxLayout>.cssTableRow>.cssTableCell.label {
	padding-left: 16px;
}

.cssTable.modalContainer {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   color: #fff;
   width: 100%;
   height: 100%;
   z-index: 1001;
}

.modalOverlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 1000;
}

.modalBox {
	background: #fff;
	color:#000;
	max-width: 960px;
	margin:0 auto;
	padding:80px;
}

.bigSmallBoxes .box {
	padding-right: 1px;
}

.bigSmallBoxes .box .content {
	background: #D9D9D9;
	padding: 24px;
}

.bigSmallBoxes .box.selected .content {
	background: #389335;
	padding: 60px 48px;
	color: #fff;
}

.bigSmallBoxes .box.selected .content a:link,
.bigSmallBoxes .box.selected .content a:visited {
	color: rgba(0, 0, 0, 0.5);
}

.right {
	text-align: right;
}

section {
	padding: 56px 0;
}

section.small {
	padding: 24px 0;
}

section.white {
	background: #fff;
}

.clearfix {
	clear: both;
}

.progressBarContainer .emptyBar {
	background: rgba(0, 0, 0, 0.1);
	height: 10px;
	box-sizing: border-box;
	border-radius: 100px;
}

.progressBarContainer .progress {
	background: $(evolveBlue);
	width: 0%;
	height: 100%;
	border-radius: 100px;
	transition: width 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.infobanner,
.alertbanner {
	padding: 15px 0;
	margin: 0;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
}

.infobanner {
	background: #eee;
	color: #222;
}

.alertbanner {
	background: #ff5656;
	color: #fff;
}

a.button,
input[type=submit]:not(.dwnbtn),
button {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	text-decoration: none;
	padding: 18px 40px;
	position: relative;
	display: inline-block;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	background: #389335;
	vertical-align: middle;
	transition: all 0.3s ease-out;
	line-height: 1;
}

a.button.small,
input[type=submit].small,
button.small {
	padding: 8px 16px;
}

a.button.subtle,
input[type=submit].subtle,
button.subtle {
	color: #333;
	background: #fff;
}

a.button:hover,
input[type=submit]:hover,
button:hover,
a.button:focus,
input[type=submit]:focus,
button:focus {
	background: #41a73e;
}

a.button.subtle:hover,
input[type=submit].subtle:hover,
button.subtle:hover,
a.button.subtle:focus,
input[type=submit].subtle:focus,
button.subtle:focus {
	color: #333;
	background: #f8f8f8;
}

a.button:active,
input[type=submit]:active,
button:active {
	background: #2c782a;
	transition: none;
}

a.button.subtle:active,
input[type=submit].subtle:active,
button.subtle:active {
	background: #d5d5d5;
}

a.button img {
	margin: 0px 10px;
	vertical-align: middle;
}

a.button.fullWidth,
input[type=submit].fullWidth,
button.fullWidth {
	width: 100%;
	text-align: center;
	padding-left: 8px;
	padding-right: 8px;
}

a.button.outline.white,
input[type=submit].outline.white,
button.outline.white {
	background: transparent;
	color: #fff;
	border: 2px solid #fff;
}

a.button.outline.white:hover,
input[type=submit].outline.white:hover,
button.outline.white:hover,
a.button.outline.white:focus,
input[type=submit].outline.white:focus,
button.outline.white:focus {
	background: #fff;
	color: #000;
}

.font-icon {
	margin-right: 8px;
}

.font-icon.after {
	margin-right: 0;
	margin-left: 8px;
}

.line {
	background: #ddd;
	height: 1px;
	width: 100%;
	margin: 50px 0;
}

.card {
	background: #fff;
	border-radius: 4px;
	text-align: left;
	position: relative;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	padding: 24px;
}

.card.noBackground {
	background: transparent;
}

.card.noShadow {
	box-shadow: none;
}

.card img.screenshot {
	width: 100%;
	margin: 0 auto;
}

.card .cardTitle {
	font-size: 20px;
	font-weight: 700;
	vertical-align: middle;
}

.card.expandable {
	padding: 0;
}

.card.expandable .cardTitle {
	cursor: pointer;
}

.card.expandable .cardTitle::before {
	font-family: 'icomoon' !important;
	content: "\e906";
	display: inline-block;
	margin: 0 8px 0 0;
}

.card.expandable.expanded .cardTitle::before {
	content: "\e905";
}

.card.expandable .cardContents {
	display: none;
}

.card.expandable.expanded .cardContents {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.card.expandable .cardContents>p:first-child {
	margin-top: 0;
	padding-top: 0;
}

.card.expandable .cardContents>p:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.cardPadding {
	padding: 24px;
}

.cssTable.avatarLayout>.cssTableRow>.cssTableCell {
	text-align: left;
}

.cssTable.avatarLayout>.cssTableRow>.cssTableCell.avatar {
	width: 72px;
}

.avatarBall {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: #eee;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.cssTable.avatarLayout>.cssTableRow>.cssTableCell.text .name {
	font-weight: 700;
}

.status {
	display: inline-block;
	color: #888;
}

.status .indicatorDot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.1);
	margin: 0 4px 0 0;
	vertical-align: middle;
}

.status .text {
	display: inline-block;
	vertical-align: middle;
}

.status.red {
	color: #e74c3c;
}

.status.red .indicatorDot {
	background: #e74c3c;
}

.status.green {
	color: #2ecc71;
}

.status.green .indicatorDot {
	background: #2ecc71;
}

.status.blue {
	color: #389335;
}

.status.blue .indicatorDot {
	background: #389335;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
}

input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text]:not(.normal),
input[type=url],
input[type=date],
input[type=month],
textarea,
select {
	color: #000;
	font-size: 18px;
	display: inline-block;
	margin: 0;
	padding: 16px;
	border: 2px solid transparent;
	box-sizing: border-box;
	border-radius: 2px;
	font-family: inherit;
	transition: all 0.2s ease;
	background: #fff;
	resize: none;
	font-weight: bold;
}

input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
input[type=date]:focus,
input[type=month]:focus,
textarea:focus,
input[type=email].filled,
input[type=number].filled,
input[type=password].filled,
input[type=tel].filled,
input[type=text].filled,
input[type=url].filled,
input[type=date].filled,
input[type=month].filled,
textarea.filled {
	background: #fff;
	border-color: #389335;
	color: #000;
	outline: 0;
	outline-color: transparent;
	outline-style: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input[type=email][disabled=disabled],
input[type=number][disabled=disabled],
input[type=password][disabled=disabled],
input[type=tel][disabled=disabled],
input[type=text][disabled=disabled],
input[type=url][disabled=disabled],
input[type=date][disabled=disabled],
input[type=month][disabled=disabled],
textarea[disabled=disabled],
select[disabled=disabled] {
	background: #f5f5f5;
}

input.error,
input.error:hover,
input.error:focus,
input.filled.error,
textarea.error,
textarea.error:hover,
textarea.error:focus,
textarea.filled.error,
select.error,
select.error:hover,
select.error:focus,
select.filled.error {
	border-left-color: #F54F29;
}

.inputContainer {
	position: relative;
}

.inputContainer.spaced {
	margin-top: 40px;
}

label {
	font-size: 12px;
	color: #888;
	margin: 20px 0 5px 0;
	display: block;
}

label:first-child {
	margin-top: 0;
}

.selectboxcontainer {
	background: #e9e9e9 url("/images/layout/dropdown-arrow.png") 100% 50% no-repeat;
	transition: all 0.2s ease;
}

.selectboxcontainer:hover {
	background: #e0e0e0 url("/images/layout/dropdown-arrow.png") 100% 50% no-repeat;
}

.selectboxcontainer:active,
.selectboxcontainer:focus {
	background: #fff url("/images/layout/dropdown-arrow.png") 100% 50% no-repeat;
}

.selectboxcontainer select {
	padding: 15px 40px 15px 20px;
	border: 0 solid #000;
	background: transparent;
	font-size: 16px;
	line-height: 1;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
}

.hero {
	background-color: #000;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	color: #fff;
	height: 300px;
}

.hero.small {
	height: 300px;
}

.hero.darkText {
	background-color: #eee;
	color: #000;
}

.hero .cssTable.center {
	width: 100%;
	height: 100%;
}

.hero .bodyMargin {
	max-width: 960px;
	line-height: 0;
}

.hero .title {
	font-size: 48px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 15px;
}

.hero .subtitle {
	font-weight: 300;
	margin: 0;
	font-size: 22px;
	line-height: 1.2;
}

.hero a,
.hero a:link,
.hero a:visited,
.hero a:hover,
.hero a:focus,
.hero a:active {
	color: #fff;
}

.hero a.button,
.hero a.button:link,
.hero a.button:visited {
	background: transparent;
	border: 2px solid #fff;
	color: #fff;
	box-sizing: border-box;
	margin-top: 20px;
	padding: 6px 18px;
}

.hero a.button:hover,
.hero a.button:active,
.hero a.button:focus {
	background: #fff;
	color: #389335;
}

.hero.top .title,
.hero.top .subtitle,
.hero.top a.button {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1), transform 1s cubic-bezier(0.19, 1, 0.22, 1), background 0.3s ease, color 0.3s ease;
}

.hero.top .title.animate,
.hero.top .subtitle.animate,
.hero.top a.button.animate {
	opacity: 1;
	transform: translateY(0);
}

.hero.top .subtitle.animate {
	transition-delay: 0.1s;
}

.hero.top a.button.animate {
	transition-delay: 0.2s;
}

.hero.top .title.animate.finished,
.hero.top .subtitle.animate.finished {
	transition: background 0.3s ease, color 0.3s ease;
	transition-delay: 0s;
}

.hero.top a.button.animate.finished {
	transition: all 0.3s ease-out;
	transition-delay: 0s;
}

.hero .subtitle strong {
	font-weight: 700;
}

.cushion {
	padding: 40px 0;
}

form input[type=email],
form input[type=number],
form input[type=password],
form input[type=tel],
form input[type=text]:not(.normal),
form input[type=url],
form input[type=date],
form input[type=month],
form textarea,
form select {
	width: 100%;
}

form .row {
	margin: 16px 0 0 0;
}

form .row:first-of-type {
	margin-top: 0;
}

form .row:last-of-type {
	margin-bottom: 0;
}

form label {
	color: #000;
	display: block;
	margin-bottom: 4px;
	cursor: pointer;
	font-weight: bold;
	text-align: left;
}

form label:has(span.required){color:red;}
form label .required::after{content:"*";font-size:14px;}

input[type=checkbox]+label,
form input[type=checkbox]+label {
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}

.banner {
	padding: 8px;
	background: #D9D9D9;
	color: #000;
}

body.index section.titles {
	font-size: 90px;
}

body.index .topTitle {
	color: #BDBEC0;
	font-size: 100%;
	text-transform: uppercase;
	font-weight: 800;
	line-height: 1;
}

body.index .bottomTitle {
	color: #354042;
	font-size: 150%;
	text-transform: uppercase;
	font-weight: 800;
	line-height: 1;
}

body.index .bottomSubtitle {
	color: #354042;
	font-size: 50%;
	text-transform: uppercase;
	font-weight: 800;
	line-height: 1;
}

body.index .bottomTitle .green {
	color: #389335;
}

body.index .toAccess {
	color: #354042;
	font-weight: bold;
}

body.index section.access {
	padding: 0 0 80px 0;
}

body.index section.access form input[type=text],
body.index section.access form select {
	max-width: 640px;
	font-size: 24px;
	padding: 16px;
}

body.index section.access form input[type=submit] {
	padding-top: 24px;
	padding-bottom: 24px;
}

body.index .cssTable.companies>.cssTableRow>.cssTableCell:last-child {
	width: 40%;
}

body.index .cssTable.companies>.cssTableRow>.cssTableCell .logo {
	height: 64px;
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-origin: content-box;
	padding: 0 16px;
}

body.login .loginRegisterHalves {
	max-width: 840px;
	margin: 0 auto;
}

body.login .loginRegisterHalves .content .avatarLayout .title {
	text-transform: uppercase;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
}

body.login .loginRegisterHalves .content .cssTable.avatarLayout>.cssTableRow>.cssTableCell.avatar {
	width: 64px;
}

body.login .loginRegisterHalves .content .cssTable.avatarLayout>.cssTableRow>.cssTableCell.avatar .icon {
	font-size: 48px;
}

body.login form.loginRegister {
	margin: 24px 0 0 0;
}

body.login .loginRegisterHalves .half.selected .row.submit {
	margin: 48px 0 0 0;
}

body.home .actions>.cssTableRow>.cssTableCell .content {
	padding-top: 120px;
	padding-bottom: 120px;
}

body.home .actions img.icon {
	margin: 0 auto 16px auto;
	height: 120px;
	width: auto;
}

body.home .actions .box.selected img.icon {
	margin-bottom: 24px;
}

body.home .actions .label {
	color: #004026;
	font-size: 24px;
	font-weight: 800;
}

body.home .actions .box.selected .label {
	text-transform: uppercase;
	color: #fff;
	font-size: 48px;
	line-height: 1.1;
	font-weight: 800;
	text-align: left;
}

body.home .actions .label .darkGreen {
	color: #004026;
}

body.abs.step6 .cssTable.dataTable.details,
body.student.step6 .cssTable.dataTable.details {
	margin-top: 0px;
}

body.abs.step6 .cssTable.dataTable.details>.cssTableRow>.cssTableCell:first-child,
body.student.step6 .cssTable.dataTable.details>.cssTableRow>.cssTableCell:first-child {
	width: 200px;
	font-weight: bold;
}

.cssTableHeaderRow{width:100%;background:#389335;color:#FFF;font-weight:bold;padding: 12px 16px;text-align: left;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
body.abs.step6 .cssTableHeaderRow,
body.student.step6 .cssTableHeaderRow{margin-top:40px;}



/* Add Case - GA Tech Additions */
.gaTechTable .cssTableCell{padding:4px 0;padding-bottom:10px;vertical-align:top !important;border-bottom:1px solid #AAA;}
.gaTechTable label{display:inline-block;margin-top:0px;}
.cssTableHeader .cssTableCell{background:#DDF;padding:4px;}
.gaTechCellDesc{width:75%;text-align:left !important;}
.gtLabelSep{display:inline-block;width:25px;}
.gaTechTable .cssTableCell.left{text-align:left !important;}

#gaTechCriminalForm .gaTechTable .cssTableCell{padding:4px;border-bottom:0px;}
.criminalInclude{width:7%;}.criminalStatus{width:17%}.criminalDate{width:22%}.criminalDate2{width:22%;}

.tabs{}
.tabs > .tablinks{margin-bottom:-1px;}
.tabs > .tablinks > span{display:inline-block;padding:5px 10px;background:#B4CAE3;border:1px solid #859EBF;border-left:0px;cursor:pointer;}
.tabs > .tablinks > span:first-child{border-left:1px solid #859EBF;margin-left:5px;}
.tabs > .tablinks > span.on{background:#FFF;border-bottom:1px solid #FFF;}
.tabs > .tabblocks{}
.tabs > .tabblocks > .tabblock{display:none;background:#FFF;border:1px solid #859EBF;padding:10px;}
.tabs > .tabblocks > .tabblock.on{display:block;}