html, body {
	height: 100%;
}
/*BODY { padding: 10px; margin: 0; }*/

BODY {
	padding: 0;
	margin: 0;
}
H1 {
	padding: 0;
	margin: 5px 0 5px 0;
	font-size: 18px;
	color: #666;
	text-align: center;
}
H2 {
	padding: 0;
	margin: 5px 0 5px 0;
	font-size: 16px;
	color: #777;
	text-align: center;
}
th b{color:#fff}
H3 {
	padding: 0;
	margin: 5px 0 5px 0;
	font-size: 14px;
	color: #888;
}
body.carebg{background:#f0f0f0}
H4 {
	padding: 0;
	margin: 5px 0 5px 0;
	font-size: 12px;
	color: #999;
}
p.explanation b {
    color: #fff;
}
.Container {
	position: relative;
	width: 1300px;
	padding: 10px;
	margin: 0 auto 0 auto;
	box-sizing: border-box;
}
.Container:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
@media all and (max-width: 1300px) {
	.Container {
		width: 100%;
		padding: 10px 10px 10px 10px;
	}
}
@media all and (max-width: 320px) {
	.Container {
		width: 320px;
		padding: 20px 10px 20px 10px;
	}
}
/*
#TopMenuBar { padding-top: 9px; }
#TopMenuBar IMG { border:none; }
#TopMenuBar #MenuMobileToggle { float:left; padding:8px 10px 8px 10px; margin:0; cursor:pointer; border:0; display:none; }
#TopMenuBar #MenuBlock { display:block; padding:0; margin:0; overflow:visible; }
#TopMenuBar #MenuBlock UL { font-size:inherit; padding:0; margin:0; color:#595F70; }
#TopMenuBar #MenuBlock UL:first-child { float:left; }
#TopMenuBar #MenuBlock UL:last-child { background-color:#EFEFEF; float:right; }
#TopMenuBar #MenuBlock UL LI { display:inline-block; list-style:none; margin:10px 0 10px 0; cursor:default; border-right: 1px solid #595F70;  }
#TopMenuBar #MenuBlock UL LI:last-child { border-right: none; }
#TopMenuBar #MenuBlock UL LI A { color:inherit; text-decoration:none; }
#TopMenuBar #MenuBlock UL LI A:hover { text-decoration: underline; }

#TopMenuBar #MenuBlock .Selected { text-decoration:underline; }
#TopMenuBar #MenuBlock .Active { text-decoration:none; }
#TopMenuBar SPAN { cursor:pointer; }

#TopMenuBar #MenuBlock UL LI FORM { padding: 0; margin: 0; }
@media all and (max-width: 700px) {
	#TopMenuBar #MenuMobileToggle { display:block; width: 100% }
	#TopMenuBar #MenuBlock { display:none; }
	#TopMenuBar #MenuBlock UL LI { display:list-item; border-right: none; }
	#TopMenuBar #MenuBlock UL:first-child { float:none; }
	#TopMenuBar #MenuBlock UL:last-child { float:none; }
}
#TopMenuBar:after { content:""; clear:both; display:block; vertical-align:top; }
*/

@media all and (max-width: 768px) {
	.hide-mobile {
		display: none !important;
	}
}
.NavBar {
	background-color: transparent;
}
.NavBar:after {
	content: "";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
.LogoBar {
	background-color: transparent;
}
#FooterBar {
	background-color: transparent;
}
#FooterBar .Copyright {
	width: 33%;
	float: left;
	text-align: center;
}
#FooterBar .Skillgate {
	width: 34%;
	float: left;
	text-align: center;
}
#FooterBar .TermsConditions {
	width: 33%;
	float: right;
	text-align: center;
}
#FooterBar::after {
	clear: both;
	content: "";
	vertical-align: top;
	display: block;
}
@media all and (max-width: 900px) {
	#FooterBar .Skillgate {
		width: 100%;
	}
}
@media all and (max-width: 600px) {
	#FooterBar .Copyright {
		width: 100%;
		float: none;
	}
	#FooterBar .Skillgate {
		float: none;
	}
	#FooterBar .TermsConditions {
		width: 100%;
		float: none;
	}
}
.MainImageItemColumn {
	width: 30%;
	float: left;
	box-sizing: border-box;
	padding: 5px 15px 5px 15px;
	margin: 0;
	color: rgb(68, 68, 68);
	background-color: #fff;
	/*box-shadow: 0 0 20px rgba(0,0,0,0.20);*/
}
.SmallImagesColumn {
	width: 70%;
	float: right;
	box-sizing: border-box;
}
.MainImageItemColumn .Cell {
	display: block;
	vertical-align: top;
	width: 100%;
	background-color: #FFF;
	margin: 0 0 10px 0;
	padding: 0;
	box-sizing: border-box;
	background-size: cover;
	background-repeat: no-repeat;
	border: solid 0px transparent;
	background-position: center center;
	position: relative;
	float: left;
}
.MainImageItemColumn .Cell IMG {
	width: 100%;
	height: auto;
	vertical-align: top;
	background-color: transparent;
	position: relative;
}
.MainImageItemColumn .Cell P {
	width: 100%;
	background-color: #2aa7db;
	color: #FFF;
	padding: 5px 0 5px 0;
	margin: 0;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	box-sizing: border-box;
	font-weight: bold;
	font-style: italic;
	opacity: 0.8
}
.MainImageItemColumn .SkillBytesBlock {
	padding: 5px 0 5px 0;
	margin: 0 10px 0 10px;
}
.MainImageItemColumn .LoginBlock {
	padding: 5px 0 5px 0;
	margin: 10px;
}
.SmallImagesColumn UL A {
	text-decoration: none;
}
.SmallImagesColumn UL {
	text-align: left;
	padding: 0;
	margin: 0;
	font-size: 0;
}
.SmallImagesColumn UL LI {
	width: 33.33333%;
	display: inline-block;
	padding: 0;
	box-sizing: border-box;
	vertical-align: top;
	border-top: solid 0px transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid transparent;
}
.SmallImagesColumn UL LI P {
	padding: 0;
	margin: 0;
	color: #666;
	background-color: #2aa7db;
	color: #FFF;
	padding: 5px 0 5px 0;
	margin: 0;
	text-align: center;
}
.SmallImagesColumn UL LI IMG {
	width: 100%;
	height: auto;
	vertical-align: top;
}
@media all and (max-width: 1100px) {
	.SmallImagesColumn UL LI {
		width: 50%;
	}
	.MainImageItemColumn {
		width: 40%
	}
	.SmallImagesColumn {
		width: 60%;
	}
}
@media all and (max-width: 1000px) {
	.MainImageItemColumn {
		width: 50%
	}
	.SmallImagesColumn {
		width: 50%;
	}
}
@media all and (max-width: 800px) {
	/*.SmallImagesColumn UL LI { width:50%; }*/
}
@media all and (max-width: 700px) {
	.MainImageItemColumn {
		width: 100%;
		margin-bottom: 10px;
	}
	.SmallImagesColumn {
		width: 100%;
	}
}
}
@media all and (max-width: 600px) {
	.MainImageItemColumn {
		width: 50%
	}
	.SmallImagesColumn {
		width: 50%;
	}
	.SmallImagesColumn UL LI {
		width: 50%;
	}
}
@media all and (max-width: 500px) {
	.MainImageItemColumn {
		width: 100%;
		margin-bottom: 10px;
	}
	.SmallImagesColumn {
		width: 100%;
	}
	.MainImageItemColumn .SkillBytesBlock {
		padding: 10px 0 10px 0;
		margin: 0;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
	}
	.MainImageItemColumn .LoginBlock {
		padding: 10px 0 10px 0;
		margin: 20px 0 0 0;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
	}
}
@media all and (max-width: 400px) {
	.SmallImagesColumn UL LI {
		width: 100%;
	}
}
.LatestCourse .Cell {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	background-size: cover;
	background-repeat: no-repeat;
	border: solid 12px #FFF;
	background-position: center center;
	position: relative;
	float: left;
}
.LatestCourse .Cell IMG {
	width: 100%;
	height: auto;
	vertical-align: top;
	background-color: transparent;
	position: relative;
}
.LatestCourse .Cell P {
	width: 100%;
	background-color: #2aa7db;
	color: #FFF;
	padding: 5px 0 5px 0;
	margin: 0;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0 box-sizing: border-box;
	font-weight: bold;
	font-style: italic;
}
@media all and (max-width: 900px) {
	.LatestCourse .Cell {
		width: 25%;
	}
}
@media all and (max-width: 600px) {
	.LatestCourse .Cell {
		width: 50%;
	}
}
#MenuUser {
	position: relative;
	text-align: right;
	background-color: transparent;
	width: 100%;
}
#LeftColumn {
	width: 25%;
	background-color: transparent;
	float: left;
	border: 5px solid transparent;
	padding: 5px;
	box-sizing: border-box;
}
#RightColumn {
	width: 75%;
	background-color: transparent;
	float: right;
	border: 5px solid transparent;
	padding: 5px;
	box-sizing: border-box;
}
#FullColumn {
	width: 100%;
	background-color: transparent;
}
#MainBlock::after {
	clear: both;
	content: "";
	vertical-align: top;
	display: block;
}
@media all and (max-width: 900px) {
	#LeftColumn {
		width: 30%;
	}
	#RightColumn {
		width: 70%;
	}
}
@media all and (max-width: 600px) {
	#LeftColumn {
		width: 100%;
	}
	#RightColumn {
		width: 100%;
		padding: 0;
	}
}
#InfoBlock {
	clear: both;
	margin: 10px 0 0 0;
	box-sizing: border-box;
}
@media all and (max-width: 1300px) {
	#InfoBlock {
		margin: 10px 10px 0 10px;
	}
}
.MainContentBlock {
	font-family: 'Open Sans', sans-serif;
	font-size: 12pt;
}
.MainContentBlock::after {
	clear: both;
	content: "";
	vertical-align: top;
	display: block;
}
.MainContentColumn {
	width: 80%;
	float: left;
	vertical-align: top;
	padding: 0px 20px 20px 20px;
	margin: 0;
	box-sizing: border-box;
}
.MainContentColumn .Border {
	margin: 0 10px 10px 20px;
	/*border: thin solid #0088CC;*/
	padding: 12px;
}
.MainContentImageColumn {
	width: 20%;
	float: left;
	vertical-align: top;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
.MainContentImageColumn IMG {
	width: 100%;
	height: auto;
	vertical-align: top;
}
@media all and (max-width: 500px) {
	.MainContentColumn {
		width: 100%;
		padding: 0;
	}
	.MainContentColumn .Border {
		margin: 0;
	}
	.MainContentImageColumn {
		width: 100%;
		margin: 0 0 10px 0;
	}
}
.MainTutorialBlock {
	/*border-top: 2px solid #333; border-bottom: 2px solid #333;*/
}
a.TopMenuBarInactive {}
.CourseBlock {
	display: table;
	width: 100%;
	padding: 0 0 10px 10px
}
.CourseBlock .CourseImage {
	display: table-cell;
	width: 100px;
	vertical-align: top;
	background-color: transparent
}
.CourseBlock .CourseImage IMG {
	border: solid 1px transparent;
	width: 100%;
	height: auto;
}
.CourseBlock .CourseInfo {
	display: table-cell;
	vertical-align: top;
	background-color: transparent;
	padding: 0 5px 5px 5px
}
.CourseBlock .CourseTitle {
	background-color: transparent;
	border: solid 1px transparent;
	margin: 0 0 5px 0;
	padding: 5px 5px 5px 5px
}
.CourseBlock .CourseTitle A {
	cursor: hand;
	cursor: pointer
}
.CourseBlock .CourseTitle:after {
	content: "";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
.CourseBlock .CourseText {
	background-color: transparent;
	border: solid 1px transparent;
	margin: 0 0 5px 0;
	padding: 5px 5px 5px 5px
}
.CourseBlock .CourseNavigate {
	background-color: transparent;
	border: solid 1px transparent;
	margin: 0 0 5px 0;
	padding: 5px 5px 5px 5px
}
@media (max-width: 500px) {
	.CourseBlock .CourseImage {
		display: none;
	}
	.CourseBlock .CourseInfo {
		padding: 0;
	}
}

.MentorColumns {
	display: table;
	width: 100%;
	box-sizing: border-box;
}
.MentorLeftColumn {
	display: table-cell;
	width: 50%;
	box-sizing: border-box;
	padding: 10px;
	float: left;
	transition: 0.5s;
}
.MentorRightColumn {
	display: table-cell;
	width: 50%;
	padding: 10px;
	box-sizing: border-box;
	float: right;
	transition: 0.5s;
}
.MentorBlock {
	display: table;
	width: 100%;
	padding: 0 0 10px 10px
}
.MentorBlock .MentorImage {
	display: table-cell;
	width: 100px;
	vertical-align: top;
	background-color: transparent
}
.MentorBlock .MentorImage IMG {
	border: solid 1px transparent;
	width: 100%;
	height: auto;
}
.MentorBlock .MentorInfo {
	display: table-cell;
	vertical-align: top;
	background-color: transparent;
	padding: 0 5px 5px 5px
}
.MentorBlock .MentorTitle {
	background-color: transparent;
	border: solid 1px transparent;
	margin: 0 0 5px 0;
	padding: 5px 5px 5px 5px;
	font-size: 18px;
}
.MentorBlock .MentorTitle A {
	cursor: hand;
	cursor: pointer
}
.MentorBlock .MentorTitle:after {
	content: "";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
.MentorBlock .MentorText {
	background-color: transparent;
	border: solid 1px transparent;
	margin: 0 0 5px 0;
	padding: 5px 5px 5px 5px
}
.MentorBlock .MentorNavigate {
	background-color: transparent;
	border: solid 1px transparent;
	margin: 0 0 5px 0;
	padding: 5px 5px 5px 5px;
	line-height: 40px;
	flex-wrap: nowrap;
}
@media (max-width: 1320px) {
	.MentorLeftColumn, .MentorRightColumn {
		width: 100%;
		transition: 0.5s;
	}
}
@media (max-width: 500px) {
	.MentorBlock .MentorImage {
		display: none;
	}
	.MentorBlock .MentorInfo {
		padding: 0;
	}
}
.MentorProfileContainer {
	display: table;
	width: 85%;
	box-sizing: border-box;
	margin: 0 auto;
	border-radius: 10px;
	border: 1px solid rgba(181,181,181,1);
	-webkit-box-shadow: 10px 10px 5px 0px rgba(181,181,181,1);
	-moz-box-shadow: 10px 10px 5px 0px rgba(181,181,181,1);
	box-shadow: 10px 10px 5px 0px rgba(181,181,181,1);
}
.MentorProfileFor {
	text-align: center;
	width: 100%;
}
.MentorProfileFor h1 {
	font-size: 22px;
}
.MentorProfileTable {
	border-radius: 10px;
	border: 1px solid rgba(181,181,181,1);
	-webkit-box-shadow: 10px 10px 5px 0px rgba(181,181,181,0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(181,181,181,0.75);
	box-shadow: 10px 10px 5px 0px rgba(181,181,181,0.75);
}
.MentorProfileHeader {
	background-color: #D2DC69;
}
.MentorProfileHeader h1 {
	margin: 0;
	font-size: 28px;
}

/* BEGIN: TimeLine element defaults */

.TLContainer {
	width: 100%;
	padding: 0/*10px 5px 10px 5px*/
	;
	margin: 0;
	box-sizing: border-box;
	background-color: transparent;
	position: relative;
	/*min-height: 300px; max-*/
	height: 500px;
	/*overflow: hidden; overflow-y: auto; */
	z-index: 2;
}
.TLContainer:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
.TLContainer .TLBackground {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 50%;
	border-right: solid 5px #D1D1D1;
	z-index: 1;
	overflow: visible;
}
.TLElement {
	width: 75%;
	display: table;
	vertical-align: top;
	margin: 10px 20px 10px 20px;
	padding: 0px;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
}
.TLElement:nth-child(odd) {
	float: left;
}
.TLElement:nth-child(even) {
	float: right;
}
.TLElementLeft {
	display: table-cell;
	width: 40%;
	text-align: right;
}
.TLElementLeft>DIV {
	float: right;
}
.TLElementLeft .TLArrow {
	left: -10px;
	top: 10px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #D1D1D1;
}
.TLElementCentre {
	display: table-cell;
	border: 1px solid #D1D1D1;
	width: 60%;
	padding: 10px 0 0 10px;
	box-sizing: border-box;
	background-color: #FFF;
}
.TLElementRight {
	display: table-cell;
	width: 40%;
	text-align: left;
}
.TLElementRight>DIV {
	float: left;
}
.TLElementRight .TLArrow {
	right: -10px;
	top: 10px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #D1D1D1;
}
.TLAction {
	text-align: right;
	padding: 10px 5px 5px 0;
}
@media all and (max-width: 900px) {
	.TLElement {
		width: 100%;
	}
	.TLElement:nth-child(odd) {
		float: none;
	}
	.TLElement:nth-child(even) {
		float: none;
	}
}
/* END: TimeLine element defaults */

/* BEGIN: Further Study defaults */
.FurtherStudy {
	display: table;
	margin-top: 20px;
	width: 100%;
	padding: 10px 20px 10px 20px;
	background-color: #eee;
	text-align: center;
}
.FurtherStudy img {
    max-height: 66px;
}
.FurtherStudy .FSTitle {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	text-align: center
}
.FurtherStudy STRONG {
	color: #666;
	padding: 10px 20px 10px 20px;
	display: inline-block;
	font-size: 15px
}
.FurtherStudy .FSList {
	display: table-cell;
	border-left: solid thick #666;
	padding: 0 0 0 10px;
	vertical-align: top;
	width: 50%;
	text-align: center
}
.FurtherStudy .FSStatusText {
	margin-top: 10px !important;
	font-size: 13px;
	text-align: center !important;

}
/* END: Further Study defaults */

/* V9 Search */

#loadergif1 {
	display: none;
}
.Searchbar {
	width: 100%;
	/* max-height: 86px; min-height: 86px;*/
	padding: 6px 25px 6px 25px;
	margin: 0;
	box-sizing: border-box;
}
@media (max-width: 1093px) {
	.Searchbar {
		/*margin-top: 20px; max-height: 86px; min-height: 86px;*/
	}
}
/* V9 New Buttons */

.LinkBlock {
	color: #999;
	text-decoration: none;
}
.LinkBlock:before {
	content: "[";
}
.LinkBlock:after {
	content: "]";
}
.LinkBlock:hover {
	color: #666;
	text-decoration: underline;
}
.LinkJump {
	color: #666;
	text-decoration: none;
	border-bottom: solid thin #999;
}
.LinkJump:hover {
	color: #333;
	border-bottom-color: #333;
}
.ButtonAction {
	background-color: #00F;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 1px;
	border: solid thin #0FF;
	border-radius: 3px;
	padding: 5px;
	cursor: pointer;
}
.ButtonInfo {
	background-color: #0F0;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 1px;
	cursor: pointer;
}
.ButtonInfo .Active {
	background-color: #F0F;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 1px;
	cursor: pointer;
}
.ButtonControl {
	background-color: #F00;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 1px;
	border-radius: 3px;
	padding: 5px;
	cursor: pointer;
}
.ButtonControlActive {
	background-color: #fff;
	color: #F00;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 1px;
	border-radius: 3px;
	padding: 5px;
	cursor: pointer;
}
.ButtonTab {
	background-color: #FF0;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 1px;
	cursor: pointer;
}
.ButtonTab .Active {
	background-color: #FF0;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 1px;
	cursor: pointer;
}
/* V9 Modal Popup Styles */

.ModalBackground {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #333;
	opacity: .50;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);
	z-index: 1000;
	cursor: wait;
}
.ModalWait {
	color: #FFF;
	display: none;
	z-index: 1001;
	position: fixed;
	top: 50%;
	left: 50%;
	box-sizing: border-box;
	padding: 20px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	/*border:#008CEE solid thick;*/
	text-align: center;
}
.ModalPopUp {
	display: none;
	z-index: 1001;
	position: fixed;
	top: 50%;
	left: 50%;
	background-color: #FFF;
	box-sizing: border-box;
	padding: 10px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border: #999 solid thin;
	text-align: center;
	box-shadow: 5px 5px 5px #000;
	<!---width: 500px;
	--->
}
.ModalPopUp .Close {
	position: relative;
	background-color: #328CC1;
	padding: 5px 20px 5px 20px;
	margin: 20px 10px 0 10px;
	box-sizing: border-box;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
}
/* V9 Defaults */

@import url('2017.css');
/* FONT AWESOME INCLUDE FOR ICONS */

@font-face {
	font-family: 'FontAwesome';
	src: url('/skg/custom/fonts/fontawesome-webfont.eot?v=4.3.0');
	src: url('/skg/custom/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/skg/custom/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('/skg/custom/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('/skg/custom/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('/skg/custom/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	/* DO NOT REMOVE THIS FONT SIZE */
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}
.fa-check:before {
	content: "\f00c";
}
.fa-times:before {
	content: "\f00d";
}
.fa-arrow-left:before {
	content: "\f060";
}
.fa-caret-right:before {
	content: "\f0da";
}
.fa-caret-down:before {
	content: "\f0d7";
}
.fa-bars:before {
	content: "\f0c9";
}
.fa-file-text:before {
	content: "\f15c";
}
.fa-file-text-o:before {
	content: "\f0f6";
}
/* END FONTAWESOME INCLUDE */

.contacttext {
	color: white;
}
/*UPGRADE PAGE*/

p.coursecount {}
.listpadding {
	padding: 5px !important;
	background-color: #F2F2F2;
}
.listpaddingb {
	padding: 5px;
}
.optionbox {
	background-color: #dddddd;
	border-radius: 0;
	border: 0px #B0CBE8 solid;
	padding: 10px;
	vertical-align: top;
	background: #dddddd;
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3NDU4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODMyNmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #dddddd 0%, #CCD3D6 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #CCD3D6));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #dddddd 0%, #CCD3D6 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #dddddd 0%, #CCD3D6 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #dddddd 0%, #CCD3D6 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #dddddd 0%, #CCD3D6 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#CCD3D6', GradientType=0);
	/* IE6-8 */
}
.upgradechange {
	font-style: italic;
	color: red;
}
/*END UPGRADE PAGE*/

/* MAIN CSS */

html {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
img {
	border: 0;
	outline: none;
}
body {
	overflow-y: auto;
	-ms-overflow-style: scrollbar;
	margin: 0;
	margin-top: 0;
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #3C5077;
}
th {
	height: 25px;
	color: #fff;
	background-color: #3C5077;
	padding: 5px;
}
input[type="submit"], input[type="button"], input[type="file"] {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
p, td, label, .group_reg_form {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a.alink, a.alink:hover {
	text-decoration: underline;
}
a.adm-small {
	text-decoration: none;
}
.mainborder {
	border: 1px #B0CBE8 solid;
}
.mainborder-r {
	border-right: 1px #B0CBE8 solid;
}
.mainborder-l {
	border-left: 1px #B0CBE8 solid;
}
.mainborder-t {
	border-top: 1px #B0CBE8 solid;
}
.mainborder-b {
	border-bottom: 1px #B0CBE8 solid;
}
a.text-sg {
	text-decoration: none;
	color: #000;
}
a.text-sg:hover {
	text-decoration: none;
	color: #6CCDF3 !important;
}
.suglistdate {
	color: #6CCDF3;
}
.btn-fileupload::-webkit-file-upload-button {
	visibility: hidden;
}
.btn-fileupload::before {
	content: 'Choose file:';
	cursor: pointer;
}
.btn-fileupload:hover::before {
	cursor: pointer;
}
.btn-fileupload:active::before {
	cursor: pointer;
}
/* NEW */
table.emailBox span a.navmenubtm.searchbtn.noprint {float: left; margin-left: 10%; margin-bottom: 4%;}
table.emailBox span a#vCloseWindow{float: right; margin-right: 10%;}
.navmenu-source {
	background-color: #fff!important;
	border: 0 !important;
	border-radius: 3px !important;
	color: #000 !important;
	font-weight: 700 !important;
	height: 28px !important;
	margin-left: 0;
	/*margin-top:5px !important;*/
	padding: 5px 10px !important;
	text-decoration: none !important;
}
.navmenu-source:hover {
	background-color: #000000!important;
	color: #fff!important;
	font-weight: 700;
	cursor: pointer;
}
.navmenu-source:focus {
	outline: none;
}
.eptype-info .eptype-title {
	font-weight: 700;
	color: #2ca7da;
	font-family: 'Open Sans', sans-serif;
	font-size: 120%;
	height: 19px;
	vertical-align: top;
	/*text-shadow: 2px 2px #ccc;*/
}
.eptype-info .eptype-about {
	font-style: italic;
}
.course-list {
	width: 220px;
	/*height:35px;*/
	margin: 0px 0px 0px 0px;
	padding: 0;
	display: inline;
	list-style-type: none;
	text-align: center;
	vertical-align: middle;
	border-radius: 0.6em;
}
.fwbutton {
	display: inline-block;
	width: 100px;
}
.fwbutton2 {
	display: inline-block;
	margin-bottom: 7px;
}
.sgtaf:hover {
	opacity: 0.7;
}
.sgtafpad {
	padding: 10px !important;
}
.course-list a.button {
	float: left;
	width: 220px;
	/*height:35px;*/
	padding: 5px;
	margin: 0px 0px 0 0;
	background: #B8C6CC;
	color: #3C5077;
	text-align: center;
	vertical-align: middle;
	border-radius: 0.6em;
}
.course-list a:hover.button {
	background: #3C5077;
	color: #fff;
}
.scrollbox {
	background-color: fffffe;
	padding: 5px;
	overflow: auto;
	height: 200px
}
.suglist {
	background-color: #f1f1f1;
	border-radius: 0.6em;
	padding: 7px;
}
.main_tier1 {}
.main_tier2 {}
.main_tier3 {}
.left_tier1 {}
.left_tier2 {}
.left_tier3 {}
.profile_tab {
	background-color: #053669;
	border-top-right-radius: 0.6em;
	border-top-left-radius: 0.6em;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	color: ffffff;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.top_right_main {
	/*background-color: #68E3EE;*/
	color: #1465C0;
	/*font-weight: bold;*/
	padding-right: 10px;
}
.cascbox {
	padding: 10px;
	background-color: #f1f1f1;
}
/*-------------*/

.listitemv8 {
	border-radius: 8px;
	background-color: #f1f1f1;
	padding: 3px 5px 3px 3px !important;
	vertical-align: middle;
}
.listitemv81 {
	border-radius: 8px;
	background-color: #f1f1f1;
	padding: 5px 3px 3px 3px !important;
	vertical-align: middle;
}
.status-img {
	vertical-align: middle;
}
.listitemv7 {
	border-radius: 8px;
	background-color: #f1f1f1;
	padding: 3px 3px 3px 6px;
}
.placeholder {
	border-top-right-radius: 0.6em;
	border-top-left-radius: 0.6em;
	border-bottom-right-radius: 0.6em;
	border-bottom-left-radius: 0.6em;
}
.boxheading {
	background-color: #647B9B;
	background-image: url(/skg/images/classroom_head.gif);
	background-repeat: repeat-x;
	background-position: top;
	color: White;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
}
.boxcontent {
	background-color: #dddddd;
}
.sugmenupad {
	padding-left: 25px;
	font-weight: bold;
}
.listpad {
	padding-left: 25px;
}
.match {
	padding-left: 100px;
}
.advise {
	color: #D05252;
}
.perfman {
	background-color: #efefef;
	border: 1px solid #cccccc;
	padding: 10px;
}
.divider {
	text-align: right;
	border-top: 1px solid #e9e9e9;
	margin-top: 15px;
	margin-bottom: 0px;
}
.pageheading {
	color: #6484A7;
}
.maintable {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: left;
	background-color: transparent;
	border: 0px;
	border-width: 0px;
	border-bottom: 0px;
	border-color: black;
	padding: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-spacing: 0px;
	vertical-align: top;
	width: 100%;
}
.whitetable {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: left;
	background-color: #032D5F;
	border: 0px;
	border-width: 0px;
	border-bottom: 0px;
	border-color: black;
	padding: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-collapse: collapse;
	width: 100%;
	/*background-image: url(/skg/images/v8_bg.jpg);
	background-attachment: fixed;
	background-position: top left;
	background-repeat: no-repeat;*/
	background-color: #ffffff;
}
.toptr {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: left;
	background-color: white;
	border: 0px;
	border-width: 0px;
	border-bottom: 0px;
	border-color: black;
	padding: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-collapse: collapse;
	width: 100%;
}
.leftinfo-top {
	background-color: #f1f1f1;
}
.leftinfo {
	border-right: 0px solid #C2C8D1;
	border-bottom: 0px solid #C2C8D1;
	border-left: 0px solid #C2C8D1;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0px;
	color: #5E5077;
	/*background-image: url(/skg/images/v8_leftbg.jpg);
	background-position: top right;
	background-repeat: no-repeat;*/
	background-color: #f1f1f1;
	width: 25%;
}
.leftinfo_head {
	color: #3C5077;
}
p.coursecount {
	color: #3C5077;
}
p.courseref {
	text-align: right;
	font-size: 10px;
}
.scrolllist {
	background-color: #F9E0BF;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 8px;
	border-radius: 8px;
	color: #053669;
}
.leftside {
	background-color: transparent;
	background-position: 0% 0%;
	background-repeat: no-repeat;
}
.rightside {
	background-color: transparent;
	background-position: 100% 100%;
	background-repeat: no-repeat;
}
.tdvalign {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	vertical-align: top;
	width: 90%;
}
.leftnav {
	width: 25%;
}
.nav_table {
	vertical-align: middle !important;
}
.tdnav {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	vertical-align: middle !important;
	color: #3D5178;
	background-color: #f1f1f1;
	padding: 0px 0px;
	/*background-image: url(/skg/images/bluegrad_bg.jpg);
	background-position: top;
	background-repeat: repeat-x;*/
	/*	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;*/
}
.tdbnav {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	vertical-align: middle !important;
	color: #3D5178;
	background-color: #003466;
	padding: 4px 10px;
	height: 50;
	/*background-image: url(/skg/images/bluegrad_bg.jpg);
	background-position: top;
	background-repeat: repeat-x;*/
	/*	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;*/
}
.tdnav2 {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	vertical-align: middle !important;
	text-align: center;
	height: 40px;
	color: #3D5178;
	background-color: #CCD3D6;
	/*background-image: url(/skg/images/bluegrad_bg.jpg);
	background-position: top;
	background-repeat: repeat-x;*/
	/*	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;*/
}
.tdnav3 {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	vertical-align: middle !important;
	text-align: center;
	height: 40px;
	color: #3D5178;
	background-color: #CCD3D6;
}
.username {
	color: 053669;
	background-color: #F9E0BF;
	text-align: left;
	border-top: 0px solid #C2C8D1;
	border-bottom: 0px solid #C2C8D1;
	border-right: 0px solid #C2C8D1;
	border-left: 0px solid #C2C8D1;
	font-weight: bold;
	padding-left: 30px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 0px;
}
.centralarea {
	/*border-top: 0px solid #C2C8D1;
	border-bottom: 0px solid #C2C8D1;
	border-right: 0px solid #C2C8D1;
	border-left: 0px solid #C2C8D1;*/
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #ffffff;
}
.tdbottombar {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	vertical-align: middle;
	text-align: right;
	height: 25px;
	color: #ffffff;
	background-color: #084E96;
	background-image: url(/skg/images/bluegrad_bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
ul#tabnav {
	/* general settings */
	text-align: left;
	/* set to left, right or center */
	margin: 0 0 0 0;
	/* set margins as desired */
	font: bold 11px "Calibri", "Helvetica Neue", verdana, arial, sans-serif;
	/* set font as desired */
	border-bottom: 0px solid #C2C8D1;
	/* set border COLOR as desired */
	list-style-type: none;
	padding: 3px 10px 0 10px;
	/* THIRD number must change with respect to padding-top (X) below */
}
ul#tabnav li {
	/* do not change */
	display: inline;
}
body#tab1b li.tab1b, body#tab2b li.tab2b, body#tab3b li.tab3b, body#tab4b li.tab4b {
	/* settings for selected tab */
	border-bottom: 1px solid #fff;
	/* set border color to page background color */
	background-color: #fff;
	/* set background color to match above border color */
}
body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a {
	/* settings for selected tab link */
	background-color: #fff;
	/* set selected tab background color as desired */
	color: #000;
	/* set selected tab link color as desired */
	position: relative;
	top: 1px;
	padding-top: 4px;
	/* must change with respect to padding (X) above and below */
	text-decoration: none;
}
.navicon {
	background-color: #68E3EE;
	padding: 2px 15px;
	border-bottom-right-radius: 0.6em;
	border-bottom-left-radius: 0.6em;
	/*width: 100; 
	height: 100; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	
	border-top: 20px solid #68E3EE;*/
}
.navicon:hover, .navicon.active {
	background-color: #053669;
}
li.active {
	color: #ffffff;
	background-color: #D3E4EB;
}
.rightbox {
	padding: 10px;
	/*background-color:#084E96*/
}
.rightspace {
	/*background-color:#084E96*/
}
.rightnav {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #D3E4EB;
	border-top: 1px solid #C2C8D1;
	border-bottom: 0px solid #C2C8D1;
	border-right: 1px solid #C2C8D1;
	border-left: 0px solid #C2C8D1;
}
.recprogs_team {
	color: #084E96;
}
a {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #3D5178;
}
/*a:visited {
    color: #3D5178;
}*/

a:hover {
	color: #6CCDF3;
}
.leftinfo a {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #3D5178;
}
.leftinfo a:visited {
	color: #3D5178;
}
.leftinfo a:hover {
	color: #6CCDF3;
}
.scrolllist a {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #053669;
}
.scrolllist a:visited {
	color: #053669;
}
.scrolllist a:hover {
	color: #6CCDF3;
}
a.casclink_1 {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #3D5178
}
a.casclink_1:visited {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #3D5178
}
a.casclink_1:hover {
	color: #6CCDF3;
	text-decoration: none;
}
a.casclink_2 {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #3D5178
}
a.casclink_2:visited {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #3D5178
}
a.casclink_2:hover {
	color: #6CCDF3;
	text-decoration: none;
}
a.iconlink {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #3C5077;
}
a.iconlink:visited {
	color: #3C5077;
	text-decoration: none;
}
a.iconlink:hover {
	color: #3C5077;
	text-decoration: none;
}
.titlenolink {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #084E96;
}
a.grouppagelink {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #084E96;
}
a.grouppagelink:visited {
	color: #084E96;
	text-decoration: none;
}
a.grouppagelink:hover {
	color: #6CCDF3;
	text-decoration: none;
}
a.navmenutop {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 1px;
}
a.navmenubtm, a.navmenubtm2 {
	background-color: #3C5077 !important;
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 1px;
}
a.navmenuoptions {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
a.navmenutop:visited {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ffffff !important;
	text-decoration: none;
	font-weight: bold;
}
/*a.navmenubtm:visited { font-family: "Calibri", "Helvetica Neue",Helvetica,Arial,sans-serif; color: #ffffff !important; text-decoration: none; }*/

a.navmenuoptions:visited {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ffffff !important;
	text-decoration: none;
	font-weight: bold;
}
a.navmenutop:hover {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ffffff !important;
	text-decoration: none;
	font-weight: bold;
}
a.navmenubtm:hover, a.navmenubtm2:hover {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ffffff !important;
	text-decoration: none;
	font-weight: bold;
}
a.navmenuoptions:hover {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ffffff !important;
	text-decoration: none;
	font-weight: bold;
}
a.navmenutop:active {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ffffff !important;
	text-decoration: none;
	font-weight: bold;
}
a.navmenubtm:active, a.navmenubtm2:active {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ffffff !important;
	text-decoration: none;
	font-weight: bold;
}
a.navmenuoptions:active {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ffffff !important;
	text-decoration: none;
	font-weight: bold;
}
a.bottomlink {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: 3C5077;
}
a.bottomlink:visited {
	color: 3C5077;
}
a.bottomlink:hover {
	color: #000000;
}
a.bottomlink {
	padding-right: 5px;
}
a.submenu {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ED037C;
}
a.submenu:visited {
	color: #ED037C;
}
a.submenu:hover {
	color: black;
}
.navicon {
	vertical-align: middle;
	padding-bottom: 3px;
}
/*--------------------------*/

.navmenubtm, .navmenubtm2 {
	border: 0px !important;
	background-color: #6CCDF3 !important;
	border-radius: 3px !important;
	color: #ffffff !important;
	font-weight: bold !important;
}
.navmenubtm, .navmenubtm2 {
	padding: 5px 15px 5px 15px !important;
}
.navmenutop {
	border: 0px !important;
	background-color: #003466 !important;
	border-radius: 3px !important;
	color: #ffffff !important;
	font-weight: bold !important;
	padding: 5px 15px !important;
}
/*.navmenu-input
{
	background-color: #3C5077 !important;
	border:0 !important;
	font-weight: bold;
	border-radius:3px !important;
	color:#ffffff !important;
	height:28px !important;
	margin-left: 0;
	text-decoration:none;
	cursor: pointer !important;
}

.navmenu-input:hover
{
    background-color: #6CCDF3 !important;
    color: #fff !important;
    cursor: pointer !important;
    font-weight: bold;
}*/

input[type=submit]:disabled {
	background-color: #dddddd !important;
	color: #fff !important;
	cursor: pointer !important;
	font-weight: bold;
}
.navmenuoptions, input.enterbutton {
	/*padding: 5px 15px 5px 15px !important;
	margin-left: 0px;*/
	border: 0px !important;
	height: 28px !important;
	background-color: #6CCDF3 !important;
	border-radius: 3px !important;
	color: #ffffff !important;
	padding: 5px 15px 5px 15px !important;
}
.searchbtn {
	color: #ffffff !important;
	font-weight: bold;
}
.searchbtn:hover {
	color: #ffffff !important;
	cursor: pointer;
	font-weight: bold;
}
.logout {
	background-color: #3C5077 !important;
	height: 28px !important;
	padding: 5px 15px;
	/*width: 91px;*/
	border-radius: 3px;
	color: #ffffff !important;
}
.active {
	background-color: #6CCDF3 !important;
	color: #ffffff !important;
}
.navmenutop:hover, .navmenubtm:hover, .navmenubtm2:hover {
	background-color: #6CCDF3 !important;
	border-radius: 3px !important;
}
.navmenuoptions:hover {
	background-color: #B8C6CC !important;
	border-radius: 3px !important;
}
input.enterbutton {
	background-color: #B8C6CC !important;
	border-radius: 3px !important;
}
.logout:hover {
	background-color: #6CCDF3;
	border-radius: 3px;
}
.btn-group {
	padding: 0 !important;
}
.popup-header {
	color: #ffffff;
	background-color: #3C5077;
}
.left-bordered {
	border-left: 1px #3C5077 solid;
}
.right-bordered {
	border-right: 1px #3C5077 solid;
}
.top-bordered {
	border-top: 1px #3C5077 solid;
}
.bottom-bordered {
	border-bottom: 1px #3C5077 solid;
}
a.text-sg {
	text-decoration: none;
	color: #3C5077;
}
a.text-sg:hover {
	text-decoration: none;
	color: #ffffff !important;
	background: #6CCDF3;
}
.suglistdate {
	color: #3C5077;
}
}
a.text-sub {
	text-decoration: none;
	color: #3C5077 !important;
	font-weight: bold !important;
}
a.text-sub:active, a.text-sub:hover {
	background-color: #6CCDF3 !important;
	color: #ffffff !important;
	font-weight: bold !important;
	text-decoration: none;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.btn {
	display: inline-block;
	padding: 5px 12px;
	margin-bottom: 0;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 0px solid transparent;
	border-radius: 4px
}
.btn-link {
	font-weight: 400;
	color: #337ab7;
	border-radius: 0
}
.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
	border-color: transparent
}
.btn-link:focus, .btn-link:hover {
	color: #23527c;
	text-decoration: underline;
	background-color: transparent
}
.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
	color: #777;
	text-decoration: none
}
/* FILE UPLOAD BUTTON ONLY */

..btn-fileupload {
	font-weight: 400;
	color: #337ab7;
	border-radius: 0
}
..btn-fileupload, ..btn-fileupload:active, ..btn-fileupload[disabled], fieldset[disabled] ..btn-fileupload {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none
}
..btn-fileupload, ..btn-fileupload:active, ..btn-fileupload:focus, ..btn-fileupload:hover {
	border-color: transparent
}
..btn-fileupload:focus, ..btn-fileupload:hover {
	color: #23527c;
	text-decoration: underline;
	background-color: transparent
}
..btn-fileupload[disabled]:focus, ..btn-fileupload[disabled]:hover, fieldset[disabled] ..btn-fileupload:focus, fieldset[disabled] ..btn-fileupload:hover {
	color: #777;
	text-decoration: none
}
/**/

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}
.dropdown-menu>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	color: #262626;
	text-decoration: none;
	background-color: #f5f5f5
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #337ab7;
	outline: 0
}
.open>.dropdown-menu {
	display: block
}
.open>a {
	outline: 0
}
.btn-group {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.btn .caret {
	margin-left: 0
}
.thiscascarrow {
	color: #6CCDF3;
}
.cascarrow {
	color: #3C5077;
}
.meet_box{
 background-color: #e9e9e9;
}
/* CLASSROOM STYLING */

.boxinfo {
	padding: 5px 15px;
}
.boxheading {
	background-color: #647B9B;
	background-image: url(/skg/images/classroom_head.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-weight: bold;
	color: #fff;
	padding: 3px 10px;
}
.classroom_title {
	color: #2465B7;
	font-weight: bold;
	padding-bottom: 10px;
}
.classroombox {
	background-color: #D7E4F3;
	font-weight: bold;
	padding: 10px;
	border: 0px solid #2465B7;
}
.date {
	font-weight: bold;
	color: #2465B7;
}
.authrepbox {
	background-color: #EBE9C2;
	font-weight: bold;
	padding: 10px;
}
.eheader {
	font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	vertical-align: middle !important;
	text-align: center;
	height: 40px;
	color: #3D5178;
	background-color: #CCD3D6;
}
/* REPORTS STYLING */

.frame10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #008280;
	color: #ffffff;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
}
.frame10b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #AEC9E7;
	background-image: url(/skg/images/report_head.gif);
	background-repeat: repeat-x;
	background-position: top;
	color: #17304D;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
}
.reporttitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #17304D;
	font-weight: bold;
	text-align: center;
}
.reportsleft {
	background-color: #dddddd;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 25px;
	padding-bottom: 25px;
	height: 100%;
	/*background-image: url(/skg/images/reports_side.jpg);
    background-repeat: repeat-y;
    background-position: right;*/
}
.reportheading {
	color: #6484A7;
}
.completedheading {
	color: #005F5D
}
.currentheading {
	color: #005F5D
}
.tdbox {
	padding: 3px;
	border: 1px solid #000000;
}
table, th {
	border-collapse: collapse;
}
tr.rowOdd {
	background-color: #FFFFFF;
}
tr.rowEven {
	background-color: #E7E7E7;
}
tr.rowHighlight {
	background-color: #FFFF99;
}
@media print {
	.dnp {
		display: none;
	}
}
/* NEW STUFF 20/07/2015 TB SKG */

.hidethis {
	display: none;
}
.showthis {
	display: block;
}
.thisactive {
	color: #6CCDF3 !important;
}
/*----- Accordion -----*/

.accordion, .accordion * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.accordion {
	overflow: hidden;
	/*box-shadow:0px 1px 3px rgba(0,0,0,0.25);
    border-radius:3px;*/
	background: #f1f1f1;
}
/*----- Section Titles -----*/

.accordion-section-title {
	width: 100%;
	padding: 2px 2px 2px 5px;
	display: inline-block;
	border-bottom: 0px solid #003466;
	background: #ffffff;
	transition: all linear 0.15s;
	/* Type */
	line-height: 20px;
	font-weight: 500;
	color: #000 !important;
	text-decoration: none;
}
.accordion-section-title.active {
	background: #6CCDF3;
	text-decoration: none;
	color: #fff !important;
}
.accordion-section-title.active:hover {
	background: #6CCDF3;
	text-decoration: none;
	color: #fff !important;
}
a.accordion-section-title:hover {
	color: #6CCDF3 !important;
	/* Type */
	text-decoration: none;
}
.accordion-section:last-child .accordion-section-title {
	border-bottom: none;
}
/*----- Section Content -----*/

.accordion-section-content {
	padding: 15px;
	display: none;
}
.orderbtn {
	background-color: #20B000 !important;
	color: #ffffff !important;
	font-weight: bold;
}
.orderbtn:hover {
	background-color: #20B000 !important;
	color: #ffffff !important;
	font-weight: bold;
	opacity: 0.75;
}
.checkoutbtn {
	background-color: #003466 !important;
	color: #ffffff !important;
	font-weight: bold;
}
.checkoutbtn:hover {
	background-color: #003466 !important;
	color: #ffffff !important;
	font-weight: bold;
	opacity: 0.75;
}
/* prog of week button styling */

.redbutton {
	border-radius: 10px;
	background-color: red;
	color: white !important;
	font-weight: 700;
	padding: 5px 15px;
	height: 27px;
	margin-top: 10px;
}
.redbutton:hover {
	color: white !important;
	background-color: #3C5077;
}
.button {
	border-radius: 10px;
	background-color: #B8C6CC;
	color: white !important;
	font-weight: 700;
	padding: 5px 15px;
	height: 27px;
	margin-top: 10px;
}
.button:hover {
	color: white !important;
	background-color: #3C5077;
}
/* Badgedata styling */

.badgekey {
	margin: auto;
	width: 40%;
	max-width: 300px;
}
.cust_img_size {
	height: auto;
	width: 100%;
}
.cont-left {
	float: left;
	width: 45%;
}
.cont-right {
	width: 45%;
	float: left;
	text-align: center;
}
@media all and (max-width: 700px) {
	.cont-left {
		width: 95%
	}
	.cont-right {
		width: 95%
	}
}
/*SKILLCARD IMG*/
#skillcardImg{ content:url(https://academy10.com/images/v6-skillscard0.jpg); background-repeat: no-repeat;}
.MPContainerLeft {
/*
			width: 18%;
			overflow: hidden;
			overflow-y: auto;
*/
			padding: 0px 0 20px 20px;
/*
			margin: 0 0 10px 0;
			float: left;
*/
		}
		.MPContainerRight {
/*
			width: 78%;
			overflow: hidden;
			overflow-y: auto;
*/
			padding: 20px 20px 20px 0;
/*
			margin: 0px 0 10px 25px;
			float: right;
*/
		}
		@media all and (max-width: 1450px) {
			.MPContainerLeft {
				width: 100%;
			}
			.MPContainerRight {
				width: 100%;
			}
		}
.MPNCButton {
    width: auto;
}

.MPContainerLeft.hide-mobile .MPNCButton {
    width: auto;
}
.rightNav{text-align:center}
div#ActionFull {
    text-align: center;
}