:root {
 	--main-button-gradient: linear-gradient(90deg,#3564E0 0,#3564E0 100%);
	--main-button-hover-gradient: linear-gradient(90deg,#3564E0 0,#3564E0 100%);
  
	/* Font family */
	--F_Family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

	/* Font size */
	--F_xxxSmall: 0.4rem;
	--F_xxSmall: 0.5rem;
	--F_xSmall: 0.75rem;
	--F_Small: 0.8rem;
	--F_Medium: 0.85rem;
	--F_Large: 0.875rem;
	--F_xLarge: 0.9rem;
	--F_xxLarge: 1rem;
	--F_xxxLarge: 1.35rem;

	/* Font weight */
	--W_Thin: 100;
	--W_ExtraLight: 200;
	--W_Light: 300;
	--W_Normal: 400;
	--W_Medium: 500;
	--W_SemiBold: 600;
	--W_Bold: 700;
	--W_ExtraBold: 800;
	--W_Black: 900;
	--W_ExtraBlack: 950;

	/* Base colors */
	--B_L2: #000000;	
	--B_L1: #000000;	
	--B_LBase: #3D71FF;
	--B_Base: #3564E0;
	--B_DBase: #2F56C2;	
	--B_D1: #000000;	
	--B_D2: #000000;

	/* Greys (including white and black) */
	--G_White: #FFFFFF;	
	--G_L2: #E6E9F2;	
	--G_L1: #CAD0E0;	
	--G_Grey: #858DA6;	
	--G_D1: #3D4866;	
	--G_D2: #1F2433;	
	--G_Black: #000000;

	/* Accent colors */
	--A_L2: #F5F1D7;	
	--A_L1: #EBE2A9;	
	--A_Accent: #F5E160;	
	--A_D1: #E0CE58;	
	--A_D2: #C7B750;

	/* Specific colors */
	--S_TLGreen: #29a329;	
	--S_TLAmber: #ffbf00;	
	--S_TLRed: #FF0000;
	--S_ErrRed: #dc3545;	
}

BODY.MenuStyle {
background-color: #f5f5f5;
}

ul
{
	line-height: normal;
	margin-bottom: 3;
}

img {   border-style: none;   }

input[type="submit"] {
	display: inline-block;
    font-weight: var(--W_Normal);
    color: var(--G_White);
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: var(--B_Base);
    border: none;
    padding: 1px 12px;
    font-size: .8rem;
    font-family: var(--F_Family);
    line-height: 1.25;
    cursor: pointer;
	min-width: 80px;
	height: 25px;
	background: var(--main-button-gradient);
	border-radius: 50px;
	transition: color .2s ease,background-color .2s ease,box-shadow .2s ease;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
}

input[type="submit"]:hover{
	background: var(--main-button-hover-gradient);
}

input[type="submit"], .submitButton :hover
{
    background-color: var(--B_Base);
}

a {
	color: var(--G_Black);
}

a.inactive {
    color:#555555;
}

a.submitButton {
	display: inline-block;
    font-weight: var(--W_Medium);
    color: var(--G_White);
    text-align: center;
	text-decoration: none;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: var(--B_Base);
    border: 1px solid var(--B_Base);
    padding: 0.15rem var(--F_xSmall);
    font-size: .8rem;
    font-family: var(--F_Family);
    line-height: 1.5;
    border-radius: var(--F_xxSmall);
    cursor: pointer;
	min-width: 60px;
	height: 20px;
	background: var(--main-button-gradient);
	border-radius: 50px;
	transition: color .2s ease,background-color .2s ease,box-shadow .2s ease;
}

a.submitButton:hover
{
	background: var(--main-button-hover-gradient);
}

a.submitButtonTxt {
	font-family: var(--F_Family);
	font-size: var(--F_xLarge);
	background: none;
	background-color: var(--G_White);
	color: var(--B_Base);
	text-align: left;
	padding: 0;
	text-decoration: none;
	font-weight: var(--W_Medium);
}

hr {
  border: 0;
  color: #f00;
  background-color: #f00;
  height: 2px;
}	

hr.line {border: none 0; 
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #efefef;
	height: 2px;
	margin: 10px auto 0 0;
	text-align: left;
	}
hr.dot {border: none 0; 
	border-top: 1px dotted #09c;
	border-bottom: 1px solid #9cf;
	height: 2px;
	margin: 10px auto 0 0;
	text-align: left;
	}	
hr.dash {border: none 0; 
	border-top: 1px dashed var(--G_Black);
	border-bottom: 1px dashed #ccc;
	height: 2px;
	margin: 10px auto 0 0;
	text-align: left;
	}

li
{
	margin-bottom: 3;
}

p {
	font-family: Verdana;
	font-size: 11px;
	color: var(--G_Black);	
	}

tr {
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	color: var(--G_Black);
}

.trNotificationHdr {
	font-family: Verdana;
	font-size: 10px;
	background: white;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;	
}

.trNotificationHdr2 {
	font-family: Verdana;
	font-size: 10px;
	background: lightgray;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;	
}

td {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: var(--F_xxLarge);
	text-decoration: none;
	color: var(--G_Black);
}

.td2 {
	font-family: Verdana;
	font-size: 10px;
	color: var(--G_Black);
}

.td3 {
	font-family: Verdana;
	font-size: 10px;
	font-weight: var(--W_Bold);
	color: var(--G_Black);
}

.td4 {
	font-family: Verdana;
	font-size: 10px;
	color: var(--B_Base);
}

.td4 a {
	font-family: Verdana;
	font-size: 10px;
	color: var(--B_Base);
}

.td5 {
	font-family: Verdana;
	font-size: 9px;
	color: var(--G_Black);
}

.td6 {
	font-family: Verdana;
	font-size: 10px;
	color: var(--B_Base);
}

.td7 {
	font-family: Verdana;
	font-size: 9px;
	color: #666666;
}

.td8 {
	font-family: Verdana;
	font-size: 9px;
	color: var(--G_Black);
}

.td9 {
	font-family: Verdana;
	font-size: 10px;
	color: var(--G_Black);
	padding-right: 10px;
}

.td10 {
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
}

.td11 {
	font-family: Arial Narrow;
	font-size: 8px;
	color: var(--G_Black);
}

.td12 {
	font-family: Arial Narrow;
	font-size: 10px;
	color: var(--G_Black);
}

.td13 {
	font-family: Arial Narrow;
	font-size: 6px;
	color: var(--G_Black);
}

.td14 {
	font-family: Arial;
	font-size: 10px;
	color: var(--G_Black);
}

.td15 {
	font-family: Verdana;
	font-size: 10px;
	font-weight: var(--W_Bold);
	color: var(--B_Base);
}

.td16 {
	font-family: Verdana;
	font-size: 12px;
	color: var(--G_Black);
}

.td17 {
	font-family: Verdana;
	font-size: 11px;
	color: var(--G_Black);
}

.tdvar(--W_Bold) {
	font-family: Arial Narrow;
	font-size: 10px;
	font-weight: var(--W_Bold);
	text-decoration: none;
	color: var(--G_Black);
}

.tdRMIT {
	font-family: Times New Roman;
	font-size: 12px;
	text-decoration: none;
	color: var(--G_Black);
}

.td1RMIT {
	font-family: Times New Roman;
	font-size: 11px;
	text-decoration: none;
	color: var(--G_Black);
}

.td2RMIT {
	font-family: Times New Roman;
	font-size: 10px;
	color: var(--G_Black);
}

.td3RMIT {
	font-family: Times New Roman;
	font-size: 10px;
	font-weight: var(--W_Bold);
	color: var(--G_Black);
}


.td4RMIT {
	font-family: Times New Roman;
	font-size: 13px;
	text-decoration: none;
	color: var(--G_Black);
}

.td5RMIT {
	font-family: Times New Roman;
	font-size: 9px;
	color: var(--G_Black);
}

.td6RMIT {
	font-family: Times New Roman;
	font-size: 12px;
	font-weight: var(--W_Bold);
	color: var(--G_Black);
}

.td7RMIT {
	font-family: Times New Roman;
	font-size: 14px;
	font-weight: var(--W_Bold);
	color: var(--G_Black);
}

.td11RMIT {
	font-family: Times New Roman;
	font-size: 8px;
	color: var(--G_Black);

}

.tdRMITHdr {
	font-family: Times New Roman;
	font-size: 15px;
	text-decoration: none;
	color: var(--G_Black);
}


.tdvar(--W_Bold)small {
	font-family: Arial Narrow;
	font-size: 9px;
	font-weight: var(--W_Bold);
	text-decoration: none;
	color: var(--G_Black);
}

.tdNotification {
	font-family: Verdana;
	font-size: 10px;
	color: var(--G_Black);
	BORDER-RIGHT: #777777 1px solid;
	BORDER-TOP: #777777 1px solid; 
	BORDER-LEFT: #777777 1px solid; 
	BORDER-BOTTOM: #777777 0px solid;	
	padding-right: 10px;
}

.tdNotificationHdr {
	font-family: Verdana;
	font-size: 10px;
	font-weight: var(--W_Bold);
	color: var(--B_Base);
	BORDER-RIGHT: #777777 1px solid;
	BORDER-TOP: #777777 1px solid; 
	BORDER-LEFT: #777777 1px solid; 
	BORDER-BOTTOM: #777777 0px solid;	
}

.tdNotificationHdr2 {
	font-family: Verdana;
	font-size: 10px;
	color: var(--G_Black);
	BORDER-RIGHT: #777777 1px solid;
	BORDER-TOP: #777777 1px solid; 
	BORDER-LEFT: #777777 1px solid; 
	BORDER-BOTTOM: #777777 0px solid;	
}

.tdNotification2 {
	font-family: Verdana;
	font-size: 10px;
	color: var(--G_Black);
	BORDER-RIGHT: var(--B_Base) 1px solid;
	BORDER-TOP: var(--B_Base) 1px solid; 
	BORDER-LEFT: var(--B_Base) 1px solid; 
	BORDER-BOTTOM: var(--B_Base) 1px solid;	
}

.tdNotification3 {
	font-family: Verdana;
	font-size: 10px;
	color: var(--G_Black);
	BORDER-RIGHT: #777777 1px solid;
	BORDER-TOP: #777777 1px solid; 
	BORDER-LEFT: #777777 1px solid; 
	BORDER-BOTTOM: #777777 0px solid;	
}

.tdNotification4 {
	font-family: Verdana;
	font-size: 10px;
	color: var(--G_Black);
	BORDER-RIGHT: #777777 1px solid;
	BORDER-TOP: #777777 1px solid; 
	BORDER-LEFT: #777777 1px solid; 
	BORDER-BOTTOM: #777777 1px solid;	
}

.tdNotificationblank {
	font-family: Verdana;
	font-size: 10px;
	color: var(--G_Black);
	BORDER-TOP: var(--B_Base) 0px none; 
	BORDER-BOTTOM: var(--B_Base) 0px none;	
	BORDER-RIGHT: var(--B_Base) 1px solid;	
	BORDER-LEFT: var(--B_Base) 1px solid; 	
}

.tickerHdrSmall {
	font-family: Arial;
	font-size: 10px;
	color: var(--B_Base);
}

.tickerHdrSmall2 {
	font-family:Arial Narrow;
	font-size: 9px;
	color: var(--B_Base);
}

.tickerHdrSmall3 {
	font-family: Verdana;
	font-size: 10px;
	color: var(--B_Base);
	white-space:nowrap;
}

.tdReportHdr {
	font-family: Verdana;
	font-size: 10px;
	color: var(--B_Base);
}

.normalHeading {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 1.75rem;
	color: var(--B_Base);
}

.normalHeading2 {
	font-family: Verdana;
	font-size: 12px;
	color: var(--B_Base);
}

.normalHeading3 {
	font-family: Verdana;
	font-size: 11px;
	color: var(--B_Base);
}

.normalHeading3 a {
	font-family: Verdana;
	font-size: 11px;
	color: var(--B_Base);
}

.normalHeadingvar(--W_Bold) {
	font-family: Verdana;
	font-size: 11px;
	font-weight: var(--W_Bold);
	color: var(--B_Base);
}

.menuLeftHeading {
	font-family: Verdana;
	font-size: 11px;
	font-weight: var(--W_Bold);
	color: var(--G_Black);
	padding-top: 9px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.menuLeftHeading1
{
	font-weight: var(--W_Bold);
	font-size: 11px;
	color: var(--G_Black);
	font-family: Verdana;
	background-color: #DDDDDD;
	font-variant: normal;
}

.reportSubheading
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: var(--W_Bold);
	color:  var(--B_Base);
}

.subHeading {
	font-family: Verdana;
	font-size: 11px;
	font-weight: var(--W_Bold);
	color: var(--B_Base);
}

.link {
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	color: var(--G_Black);
}

.smallText {
	font-family: Verdana;
	font-size: 9px;
	color: var(--G_Black);
}

.MenuSelectorHdr {
	font-family: Verdana;
	font-size: 11px;
	font-weight: var(--W_Bold);
	background-color: var(--B_Base);
	height: 30px;
	padding-left: 10px;
	padding-right: 10px;	
	color: White;
}

.MenuSelectorBody {
	font-family: Verdana;
	font-size: 10px;
	background-color: #E8E6E6;
	color: Black;
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 10px;
	border: 1px hidden solid solid solid #6B767D;
	vertical-align: top;
}

.menuBar1
{
	font-family: Verdana;
	font-size: 11px;
	background-color: #4d4d4d;
}

.MenuBar2
{
	background-color: #dcdcdc;
}

.menuCellSpacer
{
	background-color: white;
}

.menuSelected
{
	background-color: #dcdcdc;
}

.menuDeSelected
{
	background-color: white;
}

/*************************************/
/*	ix1 banner                     */
/*************************************/

.Banner{
	background-repeat:repeat-y;
	background-position:center; 
	font-size: 30px;
	font-family: Arial;
	color: White;	 
}
.bannerLeft{
	/*background: linear-gradient(to bottom, #3b3b45 0%, #464653 100%);*/
	border-top: 1px solid #00b4e6;
	/*background: var(--G_White);*/
	background: linear-gradient(to left, #f2f2f2 0%, #808080 100%);
	BORDER-BOTTOM: var(--G_White) 2px solid	
}
.bannerRight{	
	/*background: linear-gradient(to bottom, #3b3b45 0%, #464653 100%);*/
	border-top: 1px solid #00b4e6;
	/*background: var(--G_White);*/
	background: linear-gradient(to right, #f2f2f2 0%, var(--G_White) 100%);
	BORDER-BOTTOM: var(--G_White) 2px solid	
}
.bannerFiller{
	background-repeat:repeat-y;
	background-position:center; 
	font-size: 30px;
	font-family: Arial;
	color: White;	 
	/*background: linear-gradient(to bottom, #3b3b45 0%, #464653 100%);*/
	border-top: 1px solid #00b4e6;
	/*background: var(--G_White);*/
	background: linear-gradient(to right, #737373 0%, #f2f2f2 100%);
	/*background-image: radial-gradient(circle, #808080, #f2f2f2);*/
	BORDER-BOTTOM: var(--G_White) 2px solid;
}

.BannerFillerRepeat
{
	background-repeat:repeat-x;
}

.BannerFillerNoRepeat
{
	background-repeat:no-repeat;	
}

.bannerFloatLeft{
	position: absolute;
	z-index:2;
	float: left;
	top: 25px;
	left: 10px;	
	/*background: linear-gradient(to bottom, #3b3b45 0%, #464653 100%);*/
	font-family: var(--F_Family);
	font-size: 2.3rem;
	color: var(--G_White);
	font-weight: var(--W_Normal);
}
.bannerFloatRight{
	/*position: absolute;
	z-index:2;
	float: right;
	top: 0px;
	right: 0px;	
	background: linear-gradient(to bottom, #3b3b45 0%, #464653 100%);*/

	position: absolute;
	z-index:2;
	float: right;
	top: 30px;
	font-family: var(--F_Family);
	font-size: 2rem;
	color: var(--G_White);
	font-weight: var(--W_Medium);
}
.bannerFloatFiller{
	position: relative;
	z-index:1;
	text-align: center;
	/*background: linear-gradient(to right, #00b0e6 0%, #e6f8ff 100%);*/
	/*background-color: #00b0e6;*/
	/*background-image: linear-gradient(160deg, rgba(77, 77, 77, 0.15), rgba(77, 77, 77, 0.9), rgba(77, 77, 77, 1), rgba(77, 77, 77, 1), rgba(77, 77, 77, 0.8), rgba(77, 77, 77,0.3), rgba(77, 77, 77,0.01), rgba(77, 77, 77,0));
	height 99px; width:100%; padding:20px 0px 5px 0px;*/ 
	/*background-image: url("../../blue wave pattern.jpg");
	background-size: 100% 100%;*/
	/*background-image: radial-gradient(#2A3143, #3b455e);*/
	background: linear-gradient(to right, #3564e0 0%, #6587e7 100%);
	BORDER-BOTTOM: var(--G_White) 2px solid;
	display: flex;
    justify-content: right;		
}

.BrandingContainer{
	background-color: #bfbfbf;
}
/*************************************/
/*	ix1 Menu                     */
/*************************************/

.level1MenuFrontSpacer
{
	PADDING-LEFT: 0px;	
}

.level2MenuFrontSpacer
{
	PADDING-LEFT: 12px;	
}

.ResetMenuFrontSpacer
{
	PADDING-LEFT: 0px;	
}

.RegFrmCaptionCol1
{
	width: 150px;	
}

.RegFrmCaptionCol2
{
	width: 100px;	
}

.RegFrmSpacer
{
	width: 10px;	
}

.LeftAlign
{
	text-align: left;
}

.RightAlign
{
	text-align: right;
}

.CenterAlign
{
	text-align: center;
}

.textbox {
	font-family: Verdana;
	font-size: 11px;
	border: 1px solid #909090;
}

.textbox1 
{
	font-family: Verdana;
	font-size: 10px;
	border: 1px solid #808080;
	color: Red;
}

.textbox2 
{
	font-family: Verdana;
	font-size: 10px;
	border: 1px solid #808080;
}

.textbox3 
{
	font-family: Verdana;
	font-size: 10px;
	border: 0px solid var(--G_White);
	padding-left: 2px;
}

.textbox8
{
	font-family: Verdana;
	font-size: 11px;
	border: 0px solid var(--G_White);
	background-color: var(--G_White);
}

.textbox4 
{
	font-family: Verdana;
	font-size: 10px;
	border: 0px solid var(--G_White);
	color: red;
	padding-left: 2px;	
}

.textbox4Hid
{
	font-family: Verdana;
	font-size: 10px;
	border: 0px none #EFEFEF;
	color: red;
	background-color: E7EBF5;
	padding-left: 2px;	
}

.textbox5 
{
	font-family: Verdana;
	font-size: 14px;
	text-align:center;
	border: 1px solid #999999;
	color: black;
	padding-left: 2px;
}

.textbox6 
{
	font-family: Arial Narrow;
	font-size: 10px;
	border: 1px solid #909090;
}

.textbox7
{
	font-family: Verdana;
	font-size: 10px;
	border: 1px solid #777777;
}

.textbox10
{
	font-family: Verdana;
	font-size: 10px;
	border: 1px solid #909090;
	color: red;
	padding-left: 2px;
}

.textboxHdr {
	font-family: Verdana;
	font-size: 12px;
	font-weight: var(--W_Bold);
	color: var(--B_Base);
	border: 1px solid #909090;	
}

.textboxSubHdg {
	font-family: Verdana;
	font-size: 12px;
	color: var(--B_Base);
	border: 1px solid #909090;
	
}

.textboxRMIT {
	font-family: Times New Roman;
	font-size: 11px;
	border: 1px solid #909090;
}

.textboxFilter
{
	font-family: Verdana;
	font-size: 10px;
	border: 1px solid #808080;
	WIDTH: 105px;
}

.centredLabel
{
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	border: 1px solid #909090;
}

.centredLabel2
{
	text-align: center;
	font-family: Verdana;
	font-size: 10px;
	border: 1px solid #808080;
}

.paddedLabel
{
	padding-left: 5px;
	font-family: Verdana;
	font-size: 11px;
	border: 1px solid #909090;
}

.paddedLabel2
{
	padding-left: 5px;
	font-family: Verdana;
	font-size: 10px;
	border: 1px solid var(--G_White);
}

.blanktextbox {
	font-family: Verdana;
	font-size: 10px;
	text-align: right;
	border: 0px solid var(--G_White);
}

.select {
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	color: var(--G_Black);	
}

.select2 {
	font-family: Verdana;
	font-size: 11px;
	text-decoration: underline;
	color: var(--G_Black);	
}

.select3 
{
	text-align: left;
	padding-right: 70px;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	color: var(--G_Black);	
}

.select4 {
	font-family: Arial, Verdana;
	font-size: 10px;
	text-decoration: none;
	color: var(--G_Black);	
}

.select5 {
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	color: var(--G_Black);	
}

.select6 {
	font-family: Verdana;
	font-size: 10px;
	text-decoration: underline;
	color: var(--G_Black);	
}

.select9 {
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	color: var(--G_Black);	
	padding-right: 10px;
}

.menuLeftLvl1 {
	font-family: Verdana;
	font-size: 10px;
	text-decoration: none;
	color: var(--G_Black);	
	padding-left: 3px;
	padding-bottom: 1px;
	padding-top: 1px;
	background-color: #CCCCCC;
	vertical-align: middle;
}

.menuLeftLvl2 {
	font-family: Verdana;
	font-size: 10px;
	text-decoration: none;
	color: var(--G_Black);	
	padding-left: 5px;
	padding-bottom: 1px;
	padding-top: 1px;	
	background-color: #EDEDED;
	vertical-align: middle;
}

.menuBar1Select 
{	
	padding-left: 10px;
	padding-right: 10px;		
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none; 
	color: var(--G_White);	
}

.menuBar1_selected
{
	padding-left: 10px;
	padding-right: 10px;	
	font-family: Verdana;
	font-size: 11px;
	font-weight: var(--W_Bold);
	text-decoration: none;
	color: var(--G_Black);	
}

.menuBar2Select
{
	text-align: left;
	padding-right: 70px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: var(--W_Bold);
	text-decoration: none; 
	color: var(--B_Base);
}

.topLinksSelect
{
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none; 
	color: var(--B_Base);
}

.topLinksSelect2
{
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none; 
	color: var(--G_Black);
}

.baseColour 
{
	background-color: var(--B_Base);
}

.TimePickerbgcolor 
{
	border: 1px solid var(--G_Black); 
	background: #cccccc; 
	color: var(--G_Black);
}

.foreColour
{
	color: var(--B_Base);
}

.TP_darkBlue
{
	color: var(--B_Base);
}

.link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CE4652;
}

.menuHideShow {
	font-family: Verdana;
	font-size: 11px;
	font-weight: var(--W_Bold);
	text-decoration: none; 
	color: var(--G_White);	
	background-color: var(--B_Base);	
}

.menuHideShow2 {
	font-family: Verdana;
	font-size: 11px;
	font-weight: var(--W_Bold);
	text-decoration: none; 
	color: var(--G_White);	
	background-color: var(--B_Base);
}

.trbKstHdgs {
	font-family: Verdana;
	font-size: 10px;
	font-weight: var(--W_Bold);
	text-decoration: none; 
	color: var(--G_White);		
}

table.separator
{
	background-color: DarkGray;
	height: 0.5px;
	border-color: DarkGray;
}

.news
{
	background-color: var(--B_Base);
	height: 5px;
	border-color: var(--B_Base);
	border-right: LightGrey 1px solid;
	BORDER-TOP: LightGrey 1px solid; 
	BORDER-LEFT: LightGrey 1px solid; 
	BORDER-BOTTOM: LightGrey 1px solid;
	WIDTH: 227px; 
}

.notification
{
	background-color: #D7D7D7;
	height: 5px;
	border-color: #808080;
	border-right: DarkGrey 1px solid;
	BORDER-TOP: DarkGrey 1px solid; 
	BORDER-LEFT: DarkGrey 1px solid; 
	BORDER-BOTTOM: DarkGrey 1px solid;
	WIDTH: 227px; 
}

.notification2
{
	background-color: lightsteelblue;
	height: 5px;
	WIDTH: 227px; 
}

.notification3
{
	background-color: #EEEEEE;
	BORDER-COLOR: #777777;
	BORDER-RIGHT: #777777 1px solid;
	BORDER-TOP: #777777 1px solid; 
	BORDER-LEFT: #777777 1px solid; 
	BORDER-BOTTOM: #777777 1px solid;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	BORDER-COLLAPSE: collapse
}

.quiz
{
	background-color: White;
	BORDER-COLOR: LightGray;
	BORDER-RIGHT: LightGray 5px solid;
	BORDER-TOP: LightGray 5px solid; 
	BORDER-LEFT: LightGray 5px solid; 
	BORDER-BOTTOM: LightGray 5px solid;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	BORDER-COLLAPSE: collapse
}

.line
{
	background-color: DarkGray;
	height: 0.5px;
	border-color: DarkGray;
}

.VerticalLine
{
	BORDER-RIGHT: #b1b1b1 1px solid;
	height: 100%;
}

.VerticalLine2
{
	BORDER-RIGHT: var(--G_Black) 2px solid;
	height: 100%;
}

.VerticalLineLeftLight
{
	BORDER-LEFT: #E2E2E2 1px solid;
	height: 100%;
}

.VerticalLineLeft
{
	BORDER-LEFT: #b1b1b1 1px solid;
	height: 100%;
}

.NotificationGridLine tr td
{
        border-top: 1px solid white;
	border-bottom: 1px solid white;
}


.SubMenu
{
	background-color: white;
}

.CalendarHdr {
	font-family: Verdana;
	font-size: 11px;
	font-weight: var(--W_Bold);
	border-color: var(--B_Base);
	background-color: var(--B_Base);
}

.z
{
	color: var(--B_Base);
}

a {
	color: var(--G_Black);
}

/*************************************/
/*	Login Page                 */
/*************************************/
.loginContainer {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 100% !important;
    height: 100%;
    overflow: hidden;
	background-image: url("../../login_background.jpg");	
	background-repeat: no-repeat;
}

.loginRow {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	justify-content: center !important;
	padding-top: 50px;
}

.loginFormControl, 
.loginFormControl:focus, 
.loginFormControl:active, 
.loginFormControl:autofill, 
.loginFormControl:-webkit-autofill
 {
	display: block;
	font-size: .85rem;
	background-color: var(--G_White) !important;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 5px;
	/*transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;*/
	height: 30px;
	width: 225px;
}

.loginBtnOutline {
	display: inline-block;
	color: var(--G_White);
	text-align:center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid var(--G_White);
	padding: 0.var(--F_xxLarge) var(--F_xSmall);
	font-size: var(--F_xxLarge);
	line-height: 1.5;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	cursor: pointer;
}

.loginBackground{
	/*padding-left: 20px; 
	height: 523px;
	background-color: #f2f2f3;*/
	/*background: linear-gradient(to bottom, transparent 50%, var(--G_White));*/
	/*background-image: radial-gradient(white, rgba(0, 0, 0, 0.5) 50%);*/
	height: 550px;
	width: 550px;
	padding: 20px;
	background-color: transparent;
}

.loginArea{
	width: 250px; 
	vertical-align: top;
	margin: auto;
}

.loginBox{
	height: 250px; 
	background-color: #3D4866;
	border: 1px solid #3D4866;
	width: 250px;
}

.loginBoxText{
	color: var(--G_White);
	font-weight: var(--W_Medium);
	padding-top: 15px; 
	padding-left: 10px
}

.loginPwdReveal{
	color: var(--G_White);
	font-size: var(--F_Small);
	font-weight: var(--W_Normal);
	padding-top: 5px; 
	padding-left: 10px
}

.loginBoxControl{
	padding-top: 5px; 
	padding-left: 10px; 
	padding-right: 10px;
}

.loginBoxSubmit{
	padding: 15px 10px 15px 10px; 
	font-size:9px;
	vertical-align: top;
}

.loginCtrlsArea{
	text-align: center;
}

.loginHeading{
	font-family: var(--F_Family);
    font-size: 1.75rem;
	text-align: center;	
}

.loginSubHeading{
	font-family: var(--F_Family);
    font-size: var(--F_xxLarge);	
	text-align: center;	
	padding: 10px 0px; 
}

.loginForgotPwd{
	padding-top: 5px;
}

.loginErrorMsg{
	line-height: 2rem;
	font-family: var(--F_Family);
	font-size: var(--F_Small);
	color: var(--B_Base);	
}

.loginMsg{
	font-family: var(--F_Family);
    font-size: var(--F_xxLarge);
    text-align: center;		
    width: 100%;	
}