* { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

:root {
	--mainBackgroundColor: #fff;
	--mainTextColor: #060606;

	--primaryBackgroundColor: #81a7d6;
	--primaryTextColor: #fff;

	--secondaryBackgroundColor: #aec9dc;
	--secondaryTextColor: #447ecf;

	/* THIS isn't being used yet, but it should be part of a 6 color pallet 24-Nov-2020 */
	/* --alternateBackgroundColor: #fff;
	--alternateTextColor: #fff; */

	--lightBackgroundColor: #dde4ee;
	--lightTextColor: #dde4ee;

	--darkBackgroundColor: #447ecf;
	--darkTextColor: var(--primaryBackgroundColor);
	
	--aLinkColor: #277dca;
	--aHoverColor: #da7b00;

	--evenRowBackgroundColor: var(--mainBackgroundColor);
	--evenRowTextColor: #1e1e1e;

	--oddRowBackgroundColor: #f7f7f7;
	--oddRowTextColor: #1e1e1e;
}

body { 
	margin: 0; 
	padding: 0;
	background-color: var(--mainBackgroundColor);
	color: var(--mainTextColor);
}

input[type=text],input[type=number],textarea,select,input[type=password],input[type=tel],input[type=email], .sameAsInput {
	height:25px;
	padding: 2px !important;
	border:1px solid var(--lightBackgroundColor);
	border-radius:4px !important;
}
input[type=number]{
	text-align:right;
}
input[type='checkbox'] { 
	cursor:pointer;
}
select[multiple]{
	height: 100%;
}
select[name=fkEmpId] {
    height: 100%;
}
input, radio, checkbox, select, file, textarea, .sameAsInput {
	margin: 0 !important;
	background-color: var(--mainBackgroundColor);
	color: var(--mainTextColor);
}
input[type="tel"][readonly="readonly"] {
	border:0; 
	width:121px;
	background-color: transparent;
}

.adminLogo {
	font-weight: 800;
	font-size: 24px;
	vertical-align: middle;
	text-align: center;
}

/* TD, div {
	font-size: 10px; */
	/*line-height: 14px;
	color: #615349;*/
/* } */

a:link {
	text-decoration: none;
	font-weight: bold;
	color: var(--aLinkColor);
}

a:Visited {
	color: var(--aLinkColor);
	text-decoration: none;
}

a:Hover {
	color: var(--aHoverColor);
}

a:active {
	text-decoration: none;
	font-weight: bold;
	color: var(--aLinkColor);
}

img { border: none; }

.evenRow { background-color: var(--evenRowBackgroundColor); }
.evenRow:hover:not(.noHover), .evenRow:hover:not(.noHover) a { background-color: var(--secondaryBackgroundColor); color: var(--mainBackgroundColor); }
.oddRow { background-color: var(--oddRowBackgroundColor); }
.oddRow:hover:not(.noHover), .oddRow:hover:not(.noHover) a { background-color: var(--secondaryBackgroundColor); color: var(--mainBackgroundColor); }
.hover { background-color: var(--secondaryBackgroundColor); }

.selectedRow { background-color: var(--secondaryBackgroundColor); }
.selectedRow td { color: #fff; }
.selectedRow label { color: #fff; }
.selectedRow a { color: #fff; }

/* WE don't want the underline for the main menu links 08-Feb-2018 */
#menuTreeDiv a:hover {
	text-decoration: none;
}

.masthead { 
	background-color: var(--primaryBackgroundColor);
}
.mastheadDev { 
    background-color: var(--primaryBackgroundColor); /*For browsers that do not support gradients*/
    background: -webkit-linear-gradient(to right, var(--primaryBackgroundColor) 60%, #e85b5b); /*For Safari 5.1 to 6.0*/
    background: -o-linear-gradient(to right, var(--primaryBackgroundColor) 60%, #e85b5b); /*For Opera 11.1 to 12.0*/
    background: -moz-linear-gradient(to right, var(--primaryBackgroundColor) 60%, #e85b5b); /*For Firefox 3.6 to 15*/
    background: linear-gradient(to right, var(--primaryBackgroundColor) 60%, #e85b5b); /*Standard syntax*/
}
.mastheadStaging { 
    background-color: var(--primaryBackgroundColor);
    background: -webkit-linear-gradient(to right, #5b98e8 60%, #e6e85b); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to right, #5b98e8 60%, #e6e85b); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to right, #5b98e8 60%, #e6e85b); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #5b98e8 60%, #e6e85b); /* Standard syntax */
}


#menuContainerTD {
	/* background-color:#EFF2F7;  */
	background-color:var(--primaryBackgroundColor); 
	/*background: rgb(239,242,247);
	background: linear-gradient(0deg, rgba(239,242,247,1) 92%, rgba(204,204,204,1) 100%);*/
}

/* #trHeaderFade {
	background: rgb(255,255,255);
	background: linear-gradient(to bottom, rgba(204,204,204,1) 1px, rgba(255,255,255,1) 40px, rgba(255,255,255,1) 100%);
} */

#tblStatusBar td:first-child {
	padding-top: 1px;
}

#tblStatusBar #trStatusBar { background-color: var(--lightBackgroundColor); color: var(--darkTextColor);}
#tblStatusBar #trStatusBar a { color:var(--primaryBackgroundColor); }
#tblStatusBar #trStatusBar a:hover { color:var(--secondaryBackgroundColor); }

/* .BCrumbs { color: var(--darkTextColor); font-size:11px; } */
/* .BCrumbs:hover { color: black; text-decoration: underline; }  */

/*.company_logo { position: absolute; top: 0px; left: 0px; text-align: center; width: 181px; height: 56px;}*/
.menuText { color: var(--primaryTextColor); font-weight: bold; }
/* .dual_signon { color: white;} */
/* .user_tag { font-weight: bold; color: var(--primaryTextColor);} */
/*.user_tag img { float: left; margin: 2px 1em 0 0;}*/
/*.btn_nav { position: absolute; bottom: 7px; right: 12px; text-align: right; }*/

.sysaioLogo {
	background-color: var(--primaryBackgroundColor);
}
/* .avaio_logo { clear: both; color: #777777; background: #EFF3F8; text-align: center; padding: 10px 0; font-size:8px; }
.avaio_logo a, .avaio_logo a:visited { letter-spacing: -0.05em; color: #0D014D; } */

.messageInfo { background: #71a5eb; color: white;}

div#company_logo { position: absolute; top: 0px; left: 0px; text-align: center; width: 181px; height: 56px; }
div#date_time { position: absolute; top: 7px; left: 193px; font-weight: bold; }
div#dual_signon { position: absolute; top: 7px; right: 12px; text-align: right; }
div#user_tag { position: absolute; bottom: 7px; left: 193px; font-weight: bold; line-height: 12px; }
div#user_tag img { float: left; margin: 2px 1em 0 0;}
div#btn_nav { position: absolute; bottom: 7px; right: 12px; text-align: right; }

div#avaio_logo { clear: both; color: #777777; /*background: #EFF3F8;*/ text-align: center; padding: 10px 0; font-size:8px; }
div#avaio_logo a, div#avaio_logo a:visited { letter-spacing: -0.05em; color: #0D014D; } 

/*I doubt this is still being used. (S.G. 26-may-2020) */
/*
div.dynaTabNav {
	font-family: "Arial Narrow", "Verdana";
	font-size: 8pt;
	text-align: right;
	font-weight: bold;
	text-transform: uppercase;

	clear: both;
	padding: 0 7px 0 0;
	height: 23px;
	border-bottom: 1px solid #1C5F9B;
}

UL.dynaTabNav {
	margin: 0;
	padding: 0;
}

UL.dynaTabNav LI {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}

UL.dynaTabNav LI A,
UL.dynaTabNav LI A:visited {
	float: left;
	text-decoration: none;
	display: block;
	width: auto;
	height: 23px;
	color: white;
	line-height: 23px;
	padding: 0 13px 0 0;
	background: transparent url(../images/admin/tab_blue_right.png) right top no-repeat;
}

UL.dynaTabNav LI A SPAN,
UL.dynaTabNav LI A:visited SPAN {
	cursor: pointer;
	float: left;
	background: transparent url(../images/admin/tab_blue_shim.png) 0 0 repeat-x;
}

UL.dynaTabNav LI A SPAN.lf,
UL.dynaTabNav LI A:visited SPAN.lf {
	display: block;
	width: 13px;
	height: 23px;
	background: transparent url(../images/admin/tab_blue_left.png) 0 0 no-repeat;
}

UL.dynaTabNav LI A:hover,
UL.dynaTabNav LI A.On,
UL.dynaTabNav LI A.On:visited,
UL.dynaTabNav LI A.On:hover {
	text-decoration: none;
	background: transparent url(../images/admin/tab_orange_right.png) right top no-repeat;
}

UL.dynaTabNav LI A:hover SPAN,
UL.dynaTabNav LI A.On SPAN,
UL.dynaTabNav LI A.On:visited SPAN,
UL.dynaTabNav LI A.On:hover SPAN {
	background: transparent url(../images/admin/tab_orange_shim.png) 0 0 repeat-x;
}

UL.dynaTabNav LI A:hover SPAN.lf,
UL.dynaTabNav LI A.On SPAN.lf,
UL.dynaTabNav LI A.On:visited SPAN.lf,
UL.dynaTabNav LI A.On:hover SPAN.lf {
	background: transparent url(../images/admin/tab_orange_left.png) 0 0 no-repeat;
}
*/

.pageHeader { font-size:11px; color: #616264; font-weight: bold;}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html div#right_ctainr { float: left; margin-left: 1px; }
/* End hide from IE5-mac */

.bkgMedGrey {
	background-color: #CCCCCC;
}

.smlBoldBlack {
	color: #000000;
	font-weight: bold;
	/* THE font base is already 10. Don't set it again. This as an impact when you use another theme 28-Oct-2020 */
	/*font-size: 10px;*/
	/*line-height: 14px;*/
}

.smlBlack {
	color: #000000;
	/*font-size: 10px;
	line-height: 14px;*/
}

.tinyText{
	font-size: 7px;
}

.tinyBoldText{
	font-size: 7px;
	font-weight: bold;	
}

.formFieldMed {
	font-size: 12px;
}

.formFieldName {
	font-weight: bold;
}

/*I doubt this is still being used. (S.G. 26-may-2020) */
/*
#DepArrContentBookFlight, #DepArrContent, #DepArrPromo {
	width: 402px;
	background-color:#e1e6ee;
	background-image: url('/images/admin/reservations/background_booking.jpg'); 
	background-position: top left;
	background-repeat: no-repeat;	
	color: #0e3c7a;
	min-height:280px;
}
*/
* html #DepArrContent, * html #DepArrPromo {
height: 180px;
}

#DepArrContentBookFlight th, #DepArrContent th, #DepArrPromo th {
	text-align:left;
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #0e3c7a;
}	

#DepArrContentBookFlight td, #DepArrContent td, #DepArrPromo th {
	text-align:left;
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #0e3c7a;
}	

#leftColumn415 {
	width: 415px;
}
#rightColumn {
	float: right;
	width: 342px;
}

.highlighted td {
	background-color: var(--aHoverColor);
}
/* HTML Element Text Types */
.pairBlockSched {
	top:0px;
	filter:alpha(opacity=70);
	height:25px;
	font-size: 9px;
	line-height:11px;
	font-family:arial;
	font-weight:bold;
	position:absolute;
	vertical-align:middle;
	text-align:center;
	overflow:hidden;
	color:white;
}

.pairBlockSchedFree {
	z-index:5;
	background-color:00cc33;
	border: 1px solid black;
	top:0px;
	filter:alpha(opacity=70);
	height:25px;
	font-size: 9px;
	line-height:11px;
	font-family:arial;
	font-weight:bold;
	position:absolute;
	vertical-align:middle;
	text-align:center;
	overflow:hidden;
}

.pairBlockSchedSolid {
	top:0px;
	filter:alpha(opacity=85);
	height:25px;
	font-size: 9px;
	line-height:11px;
	font-family:arial;
	font-weight:bold;
	position:absolute;
	vertical-align:middle;
	text-align:center;
	overflow:hidden;
}

.pairBlockSchedPrint {
	top:0px;
	height:25px;
	font-size: 9px;
	line-height:11px;
	font-family:arial;
	font-weight:bold;
	position:absolute;
	vertical-align:middle;
	text-align:center;
	overflow:hidden;
}


.pairBlockSchedTrade {
	top:0px;
	filter:alpha(opacity=40);
	height:25px;
	font-size: 9px;
	line-height:11px;
	font-family:arial;
	font-weight:bold;
	position:absolute;
	vertical-align:middle;
	text-align:center;
	overflow:hidden;
}

.dspPInfo {
	border:1px solid #cccccc;
	background-color:white;
	--opacity: 0.7;
	height:21px;
	border-spacing:0;
    border-collapse:collapse;
}

.dspPInfo_ActiveCrewRep {
	border:1px solid #cccccc;
	background-color:white;
	--opacity: 0.7;
	height:12px;
}

.dspPInfoTD {
	font-size:7pt;
	line-height:7px;
	height:10px;
	font-weight:bold;
	color:#111111;
	white-space:nowrap;
	text-align:center;
	width:100%;
}

.dspPInfoDiv {
	z-index:10;
	position:absolute;
	vertical-align:middle;
	width:25px;
	text-align:center;
	height:21px;
	font-size:8pt;
	line-height:8px;
}

.dspPInfoA a, .dspPInfoA a:visited { 
	font-size:7pt;
	line-height:7px;
	font-weight:bold;
	color:#111111;
	white-space:nowrap;
	text-align:center;
	width:100%;
} 


.hr {
        background-color: var(--mainBackgroundColor);
        border-left: 1px solid #CCCCCC;
        text-align: right;
        color: #666666;
        font-size: 10px;
        height: 60px;
        vertical-align: top;
		padding: 1px;
}



.hrb {
        background-color: var(--mainBackgroundColor);
        font-size: 10px;
		height:60px;
        border-bottom: 2px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        border-left: 1px solid #ADAD9C;
		padding: 1px;
}
.hrTd {
        background-color: var(--mainBackgroundColor);
        font-size: 10px;
        border-bottom: 1px solid #CCCCCC;
        cursor: pointer;
		padding-left: 1px;
		padding-right: 1px;
        border-right: 1px solid #CCCCCC;
        border-left: 1px solid #ADAD9C;
}
.hrTdBot {
        background-color: var(--mainBackgroundColor);
        font-size: 10px;
        cursor: pointer;
		padding-left: 1px;
		padding-right: 1px;
        border-bottom: 2px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        border-left: 1px solid #ADAD9C;
}

.hrTd_t {
        background-color: #FFDB70;
        font-size: 10px;
        border-bottom: 1px solid #CCCCCC;
		padding-left: 1px;
		padding-right: 1px;
        border-right: 1px solid #CCCCCC;
        border-left: 1px solid #ADAD9C;
}
.hrTdBot_t {
        background-color: #FFDB70;
        font-size: 10px;
		padding-left: 1px;
		padding-right: 1px;
        border-bottom: 2px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        border-left: 1px solid #ADAD9C;
}

.event {
        position: absolute;
        z-index: 3;
        border-left: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        color: #666666;
        font-size: xx-small;
        visibility: hidden;
        background-color: #FFFFCC;
}

.taskInfoDiv {
	position:absolute;
	z-index:-1;
	font-size:10px;
	/*width:150px;*/
	padding:2px;
    border: 2px groove #CCCCCC;
    color: #666666;
    display:none;
    background-color: #FFFFCC;
}

.taskSpan {
	cursor: pointer;
	z-index:3;
	font-size:10px;
}


.chatMsgOther {
	font-size : 10px;
	line-Height: 14px;
	font-weight: normal;
	color: #333399;
}

.chatMsgSelf {
	font-size : 10px;
	line-Height: 14px;
	font-weight: normal;
	color: #000000;
}

.chatMsgStart {
	font-size : 10px;
	line-Height: 14px;
	font-weight: normal;
	color: #ff0000;
}

.menuItemEnabled {
	color: #000000;
	cursor: pointer;
	/* font-size: 10px; */
	/* line-Height: 14px; */
	font-weight: bold;
	background-color: #cccccc;
}

.menuItemEnabled_over {
	color: #ffffff;
	cursor: pointer;
	/* font-size: 10px; */
	/* line-Height: 14px; */
	font-weight: bold;
	background-color: #6687B5;
}

.menuItemDisabled {
	color:#777777;
	/* font-size: 10px; */
	/* line-Height: 14px; */
	font-weight: bold;
	background-color:#444444;
	
}

label {
	font-weight: bold;
	color: var(--aLinkColor);
	cursor: pointer;
}
label:hover {
	color: var(--aHoverColor)
}
.labelDisable {
	font-weight: normal;
	color: #777777;
}

/*label:hover {
	background-color: #da7b00;
}*/

/* Dsp Text Classes */

.frmFltSearchTxt {
	font-size: 10px;
	line-Height: 14px;
	color: #FFFFFF;
}

.frmFltSelectTxtSoldOut {
	font-size: 10px;
	line-Height: 14px;
	color: #a8a8a8;
}

.frmFltSelectTxt {
	font-size: 10px;
	line-Height: 14px;
}

.frmFltSearchField {
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-Height: 14px;
	color: #000000;
}
.flightPrice {
	font-size : 11px;
	line-Height: 14px;
	font-weight : bold;
	color: #000000;
}

.flightPriceSM {
	font-size : 10px;
	line-Height: 12px;
	font-weight : bold;
	color: #000000;
}
.flightPriceSMBlue {
	font-size : 10px;
	line-Height: 12px;
	font-weight : bold;
	color: #063168;
}
.flightPriceLG {
	font-size : 13px;
	line-Height: 16px;
	font-weight : bold;
	color: #000000;
}
.flightPriceLGBlue {
	font-size : 13px;
	line-Height: 16px;
	font-weight : bold;
	color: #063168;
}

.frmFltSelectTxtSoldOut {
	font-size: 10px;
	line-Height: 14px;
	color: #a8a8a8;
}

.columnHeader {
/*	background-color: #d9e1ec; */
	background-color: #e8ecf2;	
	font-size: 10px;
	line-Height: 14px;
	color: #000000;
	font-weight: bold;
}

.lrgTitle{
	color: #21449C;
	font-size: 16px;
	line-Height: 20px;
	font-weight: bold;
}

.xlrgTitle{
	color: #21449C;
	font-size: 18px;
	line-Height: 20px;
	font-weight: bold;
}

.xxlrgTitle{
	color: #21449C;
	font-size: 20px;
	line-Height: 20px;
	font-weight: bold;
}

.smBlueBoldText {
	font-size : 10px;
	line-Height: 14px;
	font-weight : bold;
	color: #21449C;
}

.whiteBoldText {
	font-weight : bold;
	color: #FFFFFF;
}

.smWhiteBoldText {
	font-size : 10px;
	line-Height: 14px;
	font-weight : bold;
	color: #FFFFFF;
}

.lrgWhiteBoldText {
	font-size : 14px;
	line-Height: 14px;
	font-weight : bold;
	color: #FFFFFF;
}

.smlWhiteText {
	font-weight: normal;
	color: #FFFFFF;
}

.withinResNav {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-decoration: none;
	color: #000000;
}

.withinResNav:Visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-decoration: none;
	color: #000000;
}

.withinResNav:Hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-decoration: none;
	color: #000000;
}

.smallText {
	font-size: 10px !important;
}

.xlargeText {
    font-size: 14px;
}

.largeText {
	font-size: 12px;
}
.largeBoldText {
	font-size: 12px;
	font-weight: bold;
}
.smallTextError{
	color: red;
}

.drag {
	font-size: 10px;
	line-height: 14px;
}

.smlTextRed {
	color: red;
}

.smlBoldText {
	font-weight: bold;
}

.smlWhiteText {
	font-size: 10px;
	line-Height: 14px;
	color: #FFFFFF;
}

.smlWhiteBoldText {
	font-size: 10px;
	line-Height: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.frmFltSearchTxt {
	color: #FFFFFF;
}

.frmFltSelectTxt {
	font-size: 10px;
	line-Height: 14px;
}

.frmFltSearchField {
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-Height: 14px;
	color: #000000;
}

.smlBoldDarkGrey {
	color: #666666;
	font-weight: bold;
}

.smlDarkGrey {
	color: #666666;
	font-weight: normal;
}

.smlBoldLightGrey {
	color: #999999;
	font-weight: bold;
}

.smlLightGrey {
	color: #999999;
	font-weight: normal;
}

.verySmlBoldBlack {
	color: #000000;
	font-size: 9px;
	font-weight: bold;
}

.superSmlBoldBlack {
	color: #000000;
	font-size: 9px;
	font-weight: bold;

}

.verySmlBlack {
	color: #000000;
	font-size: 9px;
	font-weight: normal;
}

.uiDspDate {
	color:#000000;
	font:9px Verdana,Arial,Helvetica,sans-serif;
}

.schedBlock, .schedBlock * {
	color: #000000;
	font-size: 8px;
	font-weight:bold;
}

.schedBlockBT, .schedBlockBT * {
	color: #E7E7E7;
	font-size: 8px;
	font-weight:bold;
}

/* THESE are used in the master schedule area to show the right colors 05-Jan-2021 */
.regularBlock {
	background-color: #99CCFF;
	color: #000;
}

.irregularBlock {
	background-color: #FF7722;
	color: #000;
}

.paxOk {
	color: #008000;
	font-weight: normal;
}

.smlStatus_1 {
	color: #008000;
	font-weight: normal;
}

.smlBoldBlue {
	color: #6687B5;
	font-weight: bold;
	text-decoration: none;
}

.smlBoldGreen {
	color: #009900;
	font-weight: bold;
	text-decoration: none;
}

.nmlBoldBlue {
	color: #6687B5;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.smlBoldBlue:Visited {
	color: #6687B5;
	text-decoration: none;
}

.smlBoldBlue:Hover {
	color: #CC0000;
	text-decoration: none;
}

.smlTextFltSched{
	color: #000000;
	font:5pt Tahoma;
	line-height:8px;
	/*
	font-size: 9px;
	line-height: 10px;
	*/
}
.medTextFltSched{
	color: #000000;
	font:7pt Tahoma;
	line-height:10px;
	/*
	font-size: 9px;
	line-height: 10px;
	*/
}
.lrgTextFltSched{
	color: #000000;
	font:9pt Tahoma;
	line-height:15px;
	/*
	font-size: 9px;
	line-height: 10px;
	*/
}
.hugTextFltSched{
	color: #000000;
	font:11pt Tahoma;
	line-height:18px;
	/*
	font-size: 9px;
	line-height: 10px;
	*/
}

.smlBoldOrange {
	color: #CC6633;
	font-weight: bold;
}

.smlBoldSilver {
	color: silver;
	font-weight: bold;
}

.inactiveFlt {
	color: #AAAAAA;
}

.inactiveFlt:Visited {
	color: #CCCCCC;
}

.inactiveFlt:Hover {
	color: #880000;
}

.smlBoldOrange:Visited {
	color: #CC6633;
}

.smlBoldOrange:Hover {
	color: #CC0000;
}

.nmlBoldBlack {
	color: #000000;
	font-weight: bold;
}

.nmlBoldBlack:Visited {
	color: #000000;
}

.nmlBoldBlack:Hover {
	color: #CC0000;
}

.nmlBlack {
	color: #000000;
	font-weight: normal;
}

.nmlBoldOrange {
	color: #CC6633;
	font-weight: bold;
}

.nmlBoldOrange {
	color: #CC6633;
}

.nmlBoldOrange:Visited {
	color: #CC6633;
}

.nmlBoldOrange:Hover {
	color: #CC0000;
}

.nmlOrange {
	color: #CC6633;
	font-weight: normal;
}


/* Dsp Tables Classes */

.bkgMedGrey {
	background-color: #CCCCCC;
}

.bkgLightGrey {
	background-color: #e3d8bc;
}
.bkgLightGreySub {
	background-color: #e1eaf0;
}

.bkgPaleGrey {
	background-color: var(--secondaryBackgroundColor);
}

.bkgMouseOver {
	background-color: #dde4ee;
}

.bkgLiteBlue {
	background-color: #33CCFF;
}

.bkgDarkGrey {
	background-color: #555555;
}

/* Colour classes */
.resBlue {
	color: #063168;
}

/* Form Field Text Types */

.formHeader2, .formHeader2 td {
	background: rgb(174,201,220);
	background: linear-gradient(0deg, rgba(174,201,220,1) 0%, rgba(68,126,207,1) 100%);
	color: #FFFFFF;
	font-weight: bold;
	line-height: 2.5;
	padding: 0px 3px 0px 3px;
}

.formHeader, .formHeader td {
	background-color: var(--primaryBackgroundColor);
	color: var(--primaryTextColor) !important;
	font-weight: bold;
	line-height: 2.5;
	padding: 0px 3px 0px 3px;
}

.formHeaderTest {
	color: #000000;
	font-weight: bold;
	background-color: #aec9dc;
	padding: 0px 0px 0px 3px;
	line-height:20px;
}

.formHeader3 {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #AEC9DC;
	padding: 3px 3px 3px 3px;
}

.formHeaderGreyOnGrey {
	color: #626262;
	font-weight: bold;
	background-color: #d4d4d4;
	padding: 3px 3px 3px 3px;
}
.formHeaderNoBg {
	font-weight: bold;
	padding: 3px 3px 3px 3px;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
.formHeaderNoBorder {
	font-weight: bold;
	background-color: var(--lightBackgroundColor);
	padding: 3px 3px 3px 3px;
}

.formHeader A, .formHeader A:visited {
	color: #FFFFFF;
}
.formHeader A:hover {
	color: wheat;
}

.formBody {
	/*border:1px solid #aec9dc;*/
	border:1px solid var(--primaryBackgroundColor);
	border-collapse:collapse;
	padding:0px 0px 0px 0px;
}
.formBodyBoderL {
	border-left:1px solid var(--lightBackgroundColor);
}

.formBody table, table.formBody {
	border-collapse: collapse;
}

table.formBody tr td.formSubHeader {
	border-top: 1px solid #aec9dc;
}

.formBodyWithBorders > td, .formBodyWithBorders > table > thead > tr > td, .formBodyWithBorders > table > tbody > tr > td {
	border:1px solid var(--primaryBackgroundColor);
}

table.formBodyWithBorders, .formBodyWithBorders table {
	border-collapse: collapse;
}

.formBodyLeft { border-left: 1px solid var(--secondaryBackgroundColor); }
.formBodyRight { border-right: 1px solid var(--secondaryBackgroundColor); }
.formBodyTop { border-top: 1px solid var(--secondaryBackgroundColor); }
.formBodyBottom { border-bottom: 1px solid var(--secondaryBackgroundColor); }

.formBodyBlue {
	/*background-color: #EFEFEF;*/
	border:1px solid #6687B5;
}

/* .formBodyNoBorder {
	background-color: #EFEFEF;
} */

.formBodyNoBg {
	background-color: var(--mainBackgroundColor);
	border:1px solid #CCCCCC;
}

.formSubHeader {
	font-weight: bold;
	line-height:14px;
	padding: 3px 3px 3px 3px;
	vertical-align:middle;

	background-color: var(--lightBackgroundColor);
	color: var(--mainTextColor);
	border-top: 1px solid var(--mainBackgroundColor);
}
.formHeaderBorderL{
	border-left:1px solid #fff;
}
.formSubSubHeader {
	font-weight: bold;
	line-height:14px;
	padding: 3px 3px 3px 3px;
	vertical-align:middle;

	background-color: #e1eaf0;
    border-top: 1px solid #ffffff;
}

.formSubBody {
	background-color: #EFEFEF;
	border:1px solid #CCCCCC;
}
.formSubBodyNoBg {
	border:1px solid var(--lightBackgroundColor);
}

.formSubTotal, .formSubTotal td { background-color: #EFEFEF; font-weight: bold; }
.formGrandTotal, .formGrandTotal td { background-color: var(--lightBackgroundColor); font-weight: bold; }

.formButton {
	color: #000000;
	background-color: #C0C0C0;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
}

.formRequiredFields {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC0000;
}
.checkBoxBlue1 {
	background-color: #000099;
}
.checkBoxBlue2 {
	background-color:#00ccff;
}
.checkBoxRed1 {
	background-color:#660000;
}
.checkBoxRed2 {
	background-color:#cc0000;
}
.checkBoxGreen1 {
	background-color:#009900;
}

.smallForm {
	font-size: 10px;
}

@media print { 
    .noprt {display:none;}
    .prt {display:block;}
}

.premium {
	font-size: 10px;
	line-height: 14px;
	background-color: #00ccff;
}

.disabled {
	background-color: #ddd !important;
	cursor: not-allowed !important;
	color:  gray !important
}

.disabledPax {
	font-size: 10px;
	background-color: #cfcfcf;
}

.extra {
	font-size: 10px;
	line-height: 14px;
	color: #ffffff;
	background-color: #000066;
}

.regular {
	font-size: 10px;
	line-height: 14px;
	background-color: #c8c8c8;
}

.smRedBoldText {
	font-size : 10px;
	line-Height: 14px;
	font-weight : bold;
	color: red;
}

.smWarningText {
	font-size : 10px;
	line-Height: 14px;
	font-weight : bold;
	color: #CC0000;
}

.warningText {
	font-weight : bold;
	color: #CC0000;
}

.btnDefault {
  display:inline; 
  /*float:left;*/
  width:23px; 
  height:22px; 
  background-color: #cccccc; 
  padding-left:3px;
  padding-top:2px;
  border-left:1px solid #808080;
  border-top:1px solid #808080;
  border-right:1px solid #808080;
  border-bottom:1px solid #808080;
	font-family: arial, helvetica;
	font-size: 12px;
	cursor: default;
	display:inline;
}
.btnMouseOver {
  display:inline; 
  /*float:left;*/
  width:23px; 
  height:22px; 
  background-color: #cccccc; 
  padding-left:3px;
  padding-top:2px;
  border-left:1px solid white;
  border-top:1px solid white;
  border-right:1px solid #808080;
  border-bottom:1px solid #808080;
	font-family: arial, helvetica;
	font-size: 12px;
	cursor: default;
	display:inline;
}
.btnMouseDown {
  display:inline; 
  /*float:left;*/
  width:23px; 
  height:22px; 
  background-color: #cccccc; 
  padding-left:3px;
  padding-top:2px;
  border-left:1px solid #808080;
  border-top:1px solid #808080;
  border-right:1px solid white;
  border-bottom:1px solid white;
	font-family: arial, helvetica;
	font-size: 12px;
	cursor: default;
	display:inline;
}

.chatTabDefault {
  display:inline; 
  /*float:left;*/
  background-color:#cccccc;
  border-bottom:2px solid #cccccc;
  /*border-left:1px solid #808080;
  border-bottom:1px solid #cccccc;
  border-right:1px solid white;
  border-top:1px solid #808080;*/
  padding-left:2px;
  padding-top:0px;
  padding-bottom:1px;
	font-family: arial, helvetica;
	font-size: 11px;
	cursor: default;
	display:inline;
	font-weight: bold;
}
.chatTabMouseDown {
  display:inline; 
  /*float:left;*/
  background-color:#aaaaaa; 
  padding-left:1px;
  padding-top:0px;
  padding-bottom:1px;
  border-bottom:2px solid #cccccc;
  /* border-right:1px solid white;
  border-top:1px solid #cccccc;
  border-left:1px solid #cccccc;*/
	font-family: arial, helvetica;
	font-weight: normal;
	cursor: default;
	display:inline;
}
.reqChatTabDefault {
  display:inline; 
  /*float:left;*/
  background-color: #cccccc; 
  border-left:1px solid #808080;
  border-right:1px solid #808080;
  border-top:1px solid #808080;
  padding-left:2px;
  padding-top:2px;
	font-family: arial, helvetica;
	cursor: default;
	display:inline;
}
.reqChatTabMouseDown {
  display:inline; 
  /*float:left;*/
  background-color: #cccccc; 
  padding-left:2px;
  padding-top:2px;
  border-bottom:1px solid #808080;
	font-family: arial, helvetica;
	cursor: default;
	display:inline;
}


.contactTabDefault_old {
  display:inline; 
  /*float:left;*/
  background-color:var(--mainBackgroundColor); 
  border-left:2px solid #aaaaaa;
  /*border-bottom:2px solid #cccccc;*/
  border-right:2px solid #aaaaaa;
  border-top:2px solid #aaaaaa;
  padding-left:2px;
  padding-top:2px;
  padding-right:2px;
	font-weight:bold;
	cursor: default;
	display:inline;
}


.contactTabDefault {
   display:inline; 
  /*float:left;*/
/*  background-color:cccccc;
  padding-left:2px;
  padding-top:2px;
  padding-right:2px; */
/*  border-left:1px solid #888888;*/
/*  border-bottom:1px solid #cccccc;*/
/*  border-right:1px solid #888888;*/
/*  border-top:1px solid #888888;*/
	cursor: default;
	display:inline;
}

.crDsp {
	cursor:pointer;
	color:white;
	height:100%;
}

.contactTabMouseDown {
  display:inline; 
  /*float:left;*/
/*  background-color:cccccc;
  padding-left:2px;
  padding-top:2px;
  padding-right:2px; */
/*  border-left:1px solid #888888;*/
/*  border-bottom:1px solid #cccccc;*/
/*  border-right:1px solid #888888;*/
/*  border-top:1px solid #888888;*/
	cursor: default;
	display:inline;
}
.weekdayheader {
    background-color: #6687B5;
    border: 1px solid #cccccc;
	font-weight: bold;
	padding: 2px;
}

.weekendheader {
    background-color: #6687B5;
    border: 1px solid #cccccc;
	padding: 2px;
	font-weight: bold;
}


.weekdaydata {
    background-color: var(--mainBackgroundColor);
	border: 1px solid #cccccc;
    padding: 3px;
	height:120px;
}

.weekenddata {
    background-color: #F0F0F0;
    color: #666666;
	border: 1px solid #cccccc;
    padding: 3px;
	height:60px;
}

.weekdaydata_today {
    background-color: #FFDB70;
	border: 1px solid white;
    padding: 3px;
	height:120px;
}

.weekenddata_today {
    background-color: #FFDB70;
    color: #666666;
	border: 1px solid #cccccc;
    padding: 3px;
	height:60px;
}

/* month ones */
.weekday-div-thismonth {
    background-color: var(--mainBackgroundColor);
    border: 1px solid #cccccc;
    color: var(--mainTextColor);
	height: 94px;
	width: 115px;
}

.weekday-div-othermonth {
    background-color: #eaeaea;
    border: 1px solid #cccccc;
	height: 94px;
	width: 115px;
}

.weekend-div-thismonth {
    background-color: var(--mainBackgroundColor);
    border: 1px solid #cccccc;
    color: var(--mainTextColor);
	height: 47px;
	width: 115px;
}

.weekend-div-othermonth {
    background-color: #eaeaea;
    border: 1px solid #cccccc;
	height: 47px;
	width: 115px;
}

.weekend-div-today {
    background-color: var(--aHoverColor);
    border: 1px solid #cccccc;
	height: 47px;
	width: 115px;
}
.weekday-div-today {
    background-color: var(--aHoverColor);
    border: 1px solid #cccccc;
	height: 94px;
	width: 115px;
}

.td-dayname {
	color: #000000;
    font-weight: bold;
    text-align: center;
	width: 115px;
}

.weekLink {
    color: #6687B5;
    font-weight: bold;
    text-align: center;
	writing-mode: tb-rl;
	/* filter: flipv fliph;*/
}

.hide {
	display:none
} 

.show {
	display:inline
}

.activeTab {
	border-left:1px solid #c7c7c7; 
	border-top:1px solid #c7c7c7; 
	border-right:1px solid #c7c7c7;
}

.inactiveTab {
	border-bottom:1px solid #c7c7c7;
}

/* GEN DEC*/
.underline {
	border-bottom:1px solid #000000;
}
.contactCard {
	background-color: var(--lightBackgroundColor);
	border:1px solid var(--darkTextColor);
	color: var(--mainTextColor);
	border-collapse: collapse;
}

.error, .error select, .error input, .error label {	color: red; }

.textareareadonly
{
	background-color: #EFEFEF;
	border:1px solid #CCCCCC;
}

div.dimming {
	background-color: #6687B5;
	padding: 0px 0px 0px 0px;
	position:absolute;
	/* set z-index higher than possible */
	z-index:10000;
	visibility: hidden;
	
	border-style: solid;
	border-color: #999999;
	border-width: 0px;
}

.tableOutput {
	position: relative;
	float: left;
	width: auto;
	height: auto;
}

.tableOutput TABLE TR TH
,.tableOutput TABLE TR TD
,.tableOutput INPUT
,.tableOutput SELECT {
	font-size: 10px;
}

.tableOutput TABLE TR TH {
	text-align: right;
	width: 90px;
}

.tableHdrTopLft { position: absolute; top: 0px; left: 0px; }
.tableHdrTopRgt { position: absolute; top: 0px; right: 0px; }

.tableHdr {
	padding: 5px 5px 5px 5px;
	background-color: #CCC;
	font-weight: bold;
	color: black;
}

.tableSubHdr {
	padding: 5px 5px 5px 5px;
	background-color: #EEE;
	font-weight: bold;
	color: black;
}

.tableOddRow {
	background-color: var(--secondaryBackgroundColor);
}

.tableEvenRow {
	background-color: var(--mainBackgroundColor);
}

.formLine {
	padding: 0px 0px 0px 0px;
	background-color: #E7E7E7;
}

/*I doubt this is still being used. (S.G. 26-may-2020) */
/*
#DepArrContentBookFlight, #DepArrContent, #DepArrPromo {
	width: 402px;
	background-color:#e1e6ee;
	background-image: url('/images/admin/reservations/background_booking.jpg'); 
	background-position: top left;
	background-repeat: no-repeat;	
	color: #0e3c7a;
	min-height:280px;
}
*/
* html #DepArrContent, * html #DepArrPromo {
	height: 180px;
}

#DepArrContentBookFlight th, #DepArrContent th, #DepArrPromo th {
	text-align:left;
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #0e3c7a;
}	

#DepArrContentBookFlight td, #DepArrContent td, #DepArrPromo th {
	text-align:left;
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #0e3c7a;
}	

#leftColumn415 {
	width: 415px;
}
#rightColumn {
	float: right;
	width: 342px;
}

hr {
	border: none;
	height: 1px;
	background-color: var(--primaryBackgroundColor);
}
/*I doubt this is still being used. (S.G. 26-may-2020) */
/*
.OrangeTitle {
	display: block;
	margin: 5px 0;
	font-size: 12px;
	line-height:20px;
	font-weight: bold;
	padding-left: 14px;
	background-image:url('/images/admin/bullet_title.png');	
	background-repeat:no-repeat;
	background-position: left 1px;
	color: #626262;
}	

.SmlOrangeTitle {
	display: block;
	margin: 5px 0;
	padding-left: 14px;
	background-image:url('/images/admin/bullet_small.png');	
	background-repeat:no-repeat;
	background-position: left 1px;
}	
*/

#EHTabsMenu 
{
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
}

#EHTabsMenu ul 
{
	margin:0;
	padding:0px 10px 0px 0px;
	list-style:none;
}

#EHTabsMenu li 
{
	display:inline;
	margin:0;
	padding:0;
}
/*I doubt this is still being used. (S.G. 26-may-2020) */
/*
#EHTabsMenu a 
{
	float:left;
	background:url("/images/admin/leftTab2.png") no-repeat left top;
	margin:0;
	padding:0 4px 0 4px;
	text-decoration:none;
}

#EHTabsMenu a span 
{
	float:left;
	display:block;
	background:url("/images/admin/rightTab2.png") right top;
	padding:7px 15px 4px 6px;
	color: #000000;
}
*/

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#EHTabsMenu a span 
{
	float:none;
}

/* End IE5-Mac hack */

.hrClass {
	border-bottom: 1px solid #bdd0e5;
	height: 1px;
}

.h1Class {
	display:block;
	font-size: 14px;
	line-height:14px;
	font-weight: bold;
	padding-bottom: 5px;
	color: #2462aa;
}

h1 {
	display:block;
	font-size: 14px;
	line-height:14px;
	font-weight: bold;
	padding-bottom: 5px;
	color: var(--mainTextColor);
}

h2 {
	display:block;
	font-size: 12px;
	line-height:14px;
	font-weight: bold;
	padding-bottom: 5px;
	color: var(--mainTextColor);
}	


h3 {
	display:block;
	font-size: 11px;
	font-weight: bold;
	color: var(--mainTextColor);
}	

.h1Class {
	display:block;
	font-size: 14px;
	font-weight: bold;
	color: #2462aa;
}

.h2Class {
	display:block;
	font-size: 12px;
	font-weight: bold;
	color: #2462aa;
}

.h3Class {
	display:block;
	font-size: 11px;
	font-weight: bold;
	color: #2462aa;
}
/*I doubt this is still being used. (S.G. 26-may-2020) */
/*
.ColHeader {
	background: transparent url("/images/admin/Header.png") 0 0 repeat-x;
	background-color:#aec9dc;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 23px;
	padding-left:2px;
	padding-right:2px;
}
*/
.TblBorder {
	border:1px solid #aec9dc;
}
.TblContent {
	line-height: 23px;
	padding-left:2px;
	padding-right:2px;
}
.frmTitle {
	padding:0 0 0 7px;
}

.SubNav {
	border-bottom: 1px solid #369;
	line-height: 16px;
	height: 16px;
}
/*I doubt this is still being used. (S.G. 26-may-2020) */
/*
.TopTabNav, a.TopTabNav:visited {
	line-height: 20px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	display: inline;
	width: auto;
	height:16px;
	color: #616264;
	padding: 0px 2px 0px 2px;
	background: transparent url("/images/admin/tab_blue_shim2.png") repeat-x;
	display:inline-block; 
	vertical-align:middle
}

.TopTabNavOn, a.TopTabNavOn:visited {
	line-height: 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: inline;
	width: auto;
	height:16px;
	color: #616264;
	padding: 0px 2px 0px 2px;
	background: transparent url("/images/admin/tab_orange_shim2.png") repeat-x;
	display:inline-block; 
	vertical-align:middle
}

a.TopTabNav:Hover, a.TopTabNavOn:hover {
	background: transparent url("/images/admin/tab_orange_shim2.png") repeat-x;
	color: #da7b00;
}

.TopTabNavRed, a.TopTabNavRed:visited {
	line-height: 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: inline;
	width: auto;
	height:16px;
	color: #ff0000;
	padding: 0px 2px 0px 2px;
	background: transparent url("/images/admin/tab_red_shim2.png") repeat-x;
	display:inline-block;
	vertical-align:middle
}
*/
.clsBorder {
	border:1px solid var(--secondaryBackgroundColor);
}
/* .standardSeatToSelect {
	font-size : 10px;
	font-weight: bold;
	color:#ffffff;
	width:29px;
	height:20px; 
	cursor:pointer;
	text-align:center;
	background-position:center center;
	background-color: #6687B5;
} */

/* .bookedSeat {
	width:29px;
	height:20px; 
	background-position:center center;
} */

/* .storedSeat {
	font-weight: bold;
	color:#ffffff;
	text-align:center;
	font-size : 10px;
	width:29px;
	height:20px; 
	background-position:center center;
	background-color: #b3b3b3;
} */

.weekByWeekBlock {
	border:1px solid black;
	overflow:hidden;
	cursor:pointer;
	filter: alpha(opacity=85);
	height:16px;
	z-index:2;
	font-weight:bold;
	position:absolute;
}

/* QUOTE */
.quoteSection {
	border-collapse:collapse;
}
/* .quoteSection td {
	border:1px solid #000000;
}*/
.quoteTitle {
	font-size:11px;
	font-weight:bold;
}
.quoteSection .header {
	font-weight:bold;
}

/* SORT */
.sortable span {
	text-decoration:underline;
	cursor:pointer;
	color: #277dca;
}
.tblSort {
	text-align:left;
	font-size:10px;
}

/* BOARDING pass */
.boardingPass {
	padding-left:5px;
	padding-right:5px;
}

.boardingPass td {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}

.boardingPass .heading {
	color: #a4a4a4;
	font-size: 10px;
}

.boardingPass .largeText {
	font-size: 18px;
}

.boardingPass .xlargeText {
	font-size: 30px;
}
.tiptest{
	width:100px;
}
.warningBox {
	color: #CC0000;
	border:1px dashed #CC0000;
	background-color: var(--lightBackgroundColor);
	padding:7px;
	text-align:center;
}
.warningBox2 {
	color: #CC0000;
	border:1px dashed #CC0000;
	background-color: #D8B8B8;
	text-align:center;
}
.warningBoxTitle {
	font-weight:bold;
}
/* CLASS names are case sensitive. Instead of finding all the spots its used, i just added both names 22-Apr-2020 */
div.autocomplete, div.autoComplete {
  position:absolute;
  margin:0;
  padding:0;
}
div.autocomplete ul, div.autoComplete ul {
  list-style-type:none;
  background-color:var(--mainBackgroundColor);
  border:1px solid #7a7a7a;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected, div.autoComplete ul li.selected { 
	width:100%;
	background-color: #aec9dc;
}
div.autocomplete ul li, div.autoComplete ul li {
  list-style-type:none;
  display:table;
  margin:0;
  padding-top:7px;
  padding-bottom:7px;
  height:24px;
  cursor:pointer;
}

.globalTdOutline {
	border: 1px solid #CCCCCC;
}

.globalTdOutlineHeader {
	border: 1px solid #CCCCCC;
	background-color:wheat;
}

.tblNewsletterTemplate {
	border-collapse: collapse;
}
.tblNewsletterTemplate td {
	border-style: dashed;
	border-color: #000000;
}

.requiredError {
	color: red;
	border:1px solid red;
	background-color: wheat;
	padding:7px;
}

.inactive {
	opacity:0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
}

.active {
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.paxLabel {
	background-color:var(--primaryBackgroundColor); 
	color: var(--primaryTextColor);
}

/* USING this for creating border lines around tables...to help users see what columns go with what...to make it look better */
.border { border:1px solid var(--primaryBackgroundColor); }
.borderTop { border-top:1px solid var(--primaryBackgroundColor); }
.borderRight { border-right:1px solid var(--primaryBackgroundColor); }
.borderBottom { border-bottom:1px solid var(--primaryBackgroundColor); }
.borderLeft { border-left:1px solid var(--primaryBackgroundColor); }

.borderLight { border:1px solid var(--lightBackgroundColor); }
.borderTopLight { border-top:1px solid var(--lightBackgroundColor); }
.borderRightLight { border-right:1px solid var(--lightBackgroundColor); }
.borderBottomLight { border-bottom:1px solid var(--lightBackgroundColor); }
.borderLeftLight { border-left:1px solid var(--lightBackgroundColor); }

/* THIS will set the border color to match the form body 04-Jun-2020 */
.formBody .borderRight { border-right:1px solid var(--primaryBackgroundColor) }

/* THIS is used for the seat map in res 29-May-2020 */
/* .fClassSeat {font-size:9px; color:#ffffff; width:24px; height:16px; cursor:pointer; text-align:center; background-position:center center; background-image:url("/images/fClassSeat.gif"); background-repeat:no-repeat; position:relative;}
.econSeat {font-size:9px; color:#277dca; width:24px; height:16px; cursor:pointer; text-align:center; background-position:center center; background-image:url("/images/econSeat.gif"); background-repeat:no-repeat; position:relative;}
.xLegRoomSeat {font-size:9px; color:#277dca; width:24px; height:16px; cursor:pointer; text-align:center; background-position:center center; background-image:url("/images/xLegRoomSeat.gif"); background-repeat:no-repeat; position:relative;}
.busSeat {font-size:9px; color:#277dca; width:33px; height:27px; cursor:pointer; text-align:center; background-position:center center; background-image:url("/images/busSeat.gif"); background-repeat:no-repeat; position:relative;}

.bookedFClassSeat {font-size:9px; color:#ffffff; width:24px; height:16px; cursor:not-allowed; text-align:center; background-position:center center, center center; background-image:url("/images/paxGhost.gif"), url("/images/fClassSeat.gif"); background-repeat:no-repeat, no-repeat; position:relative; }
.bookedEconSeat {font-size:9px; color:#277dca; width:24px; height:16px; cursor:not-allowed; text-align:center; background-position:center center, center center; background-image:url("/images/paxGhost.gif"), url("/images/econSeat.gif"); background-repeat:no-repeat, no-repeat; position:relative; }
.bookedXLegRoomSeat {font-size:9px; color:#277dca; width:24px; height:16px; cursor:not-allowed; text-align:center; background-position:center center, center center; background-image:url("/images/paxGhost.gif"), url("/images/xLegRoomSeat.gif"); background-repeat:no-repeat no-repeat; position:relative; }
.bookedBusSeat {font-size:9px; color:#277dca; width:33px; height:27px; cursor:not-allowed; text-align:center; background-position:center center, center center; background-image:url("/images/paxGhost.gif"), url("/images/busSeat.gif"); background-repeat:no-repeat, no-repeat; position:relative; } */

.bookedSeat {
	/* width: 30px; */
    height: 46px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: not-allowed;
	border-radius: 3px; 
	background-color: #dde4ee; 
	color: #000;
	opacity: 0.7;
}
.bookedSeat:before { 
	opacity: 0.3;
	content: "X";
}

.openSeat {
	/* width: 16px;
	height: 16px; */
    width: 36px;
	height: 46px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	cursor: pointer;
	border-radius: 3px; 
	background-color: #4bd24b;
	color: #000;
}

.openSeat > span {
	/* width: 16px;
	height: 16px; */
    margin-top: 2px;
    width: 32px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 3px; 
	background-color: white;
	color: #000;
}

.xLegRoomSeat {
	background-color: #da7b00; 
}

.xLegRoomExitSeat {
	background-color: lightskyblue
}

.checkinBaggage img, input { vertical-align: middle; }

table.usesTabs {border-spacing: 1px; border-collapse: separate; position: relative; top: 1px;}
.clsTabInActive, .clsTabInActive a { 
	background-color:var(--lightBackgroundColor); 
	color:var(--darkTextColor); 
	padding:0px 3px 0px 3px; 
	text-align: center; 
	cursor:pointer; 
	font-weight:bold; 
	line-height: 23px; 
	border-radius:10px 10px 0 0; 
	white-space: nowrap;
}
.clsTabInActive:hover, .clsTabInActive:hover a { 
	background-color: var(--secondaryBackgroundColor); 
	color: var(--secondaryTextColor); 
	padding:0px 3px 0px 3px; 
	text-align: center; 
	cursor:pointer; 
	font-weight:bold; 
	line-height: 23px; 
	border-radius:10px 10px 0 0; 
	white-space: nowrap;
}
.clsTabActive, .clsTabActive a { 
	background-color:var(--primaryBackgroundColor); 
	color:var(--primaryTextColor); 
	padding:0px 3px 0px 3px; 
	text-align: center; 
	cursor:pointer; 
	font-weight:bold; 
	line-height: 23px; 
	border-radius:10px 10px 0 0; 
	white-space: nowrap;
}

.icon {
	border: 1px solid white; 
	padding: 0 3px 0 3px;
	border-radius: 3px;
	cursor: pointer;
	height: 16px;
    line-height: 16px;
}

/* NOTES...this isn't right. it should be applied to the <i> for font awesome graphics. It needs a color, the font shouldnt be set either. need to come back to this 11-Jan-2019*/
.adminIcon {
    height: 16px;
    line-height: 16px;
    width: 10px;
    margin: 0;
    border-radius:2px;
    padding: 0 3px 0 3px;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor:pointer;
}

.adminIcon i {
    margin-left:-1px;
    font-size: smaller;
    line-height: inherit;
    text-align: inherit;
    vertical-align: inherit;
    /*font-weight: bold;*/
}

.adminButton {
    padding: 2px 8px 2px 8px;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible; /* removes extra width in IE */
    background-color: #6687b5;
	font-weight:bold;
    color: White;
	text-transform: uppercase;
	border: 0;
	border-radius: 2px;
}

.textColorOption { color: #6687b5; } /* BLUE */
.textColorOption2 { color: #ffffff; } /* WHITE */

.bgColorOption { background-color: #ffffff; } /* WHITE */
.bgColorOption2 { background-color: #6687b5; } /* BLUE */

.flightSecurityPassed { background-color: green; width: 100%; height: 30px; line-height: 30px; font-size: 18px; vertical-align: middle; color: #ffffff; border:1px solid #cccccc; padding:3px; }
.flightSecurityPending { background-color: yellow; width: 100%; height: 30px; line-height: 30px; font-size: 18px; vertical-align: middle; border:1px solid #cccccc; padding:3px; }
.flightSecurityFailed { background-color: red; width: 100%; height: 30px; line-height: 30px; font-size: 18px;  vertical-align: middle; color: #ffffff; border:1px solid #cccccc; padding:3px; }

.onMouseOver:hover { background-color: #aec9dc; }

.fa-red {
	color: red;
}

/************************************* jquery modal format START *************************************/
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: .8em;
	border:0px;
}

.ui-widget-content {
    background: #F9F9F9;
    border: 0px solid #FFFFFF;
	padding:10px;
    color: #222222;
}

.ui-dialog {
    left: 0;
    outline: 0 none;
    padding: 0 !important;
    position: absolute;
    top: 0;
}

#success {
    padding: 0;
    margin: 0; 
}

.ui-dialog .ui-dialog-content {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    overflow: auto;
    position: relative;
    padding: 0 !important;
}

.ui-corner-all {
	border-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-topleft: 0px;
}

.ui-widget-header {
	display:none;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .bluebtn {
    display: inline-block;
    position: relative;
	padding:2px 15px 3px 15px; 
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible; /* removes extra width in IE */
    background-color: #6687b5;
    background-image: none;
	font-weight:bold;
    color: White;
	text-transform: uppercase;
}

.ui-widget-overlay {
  background: #000;
}
/************************************* jquery modal format END *************************************/
.transDiv {
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%; 
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=70);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.7;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.7;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.7;
}
/* NEW buttons */
.buttonCls, a.buttonCls:link, a.buttonCls:visited { font-weight:bold; color: var(--primaryTextColor); background-color:var(--primaryBackgroundColor); padding:2px 15px 3px 15px; text-transform:uppercase; border-radius:2px;  line-height:25px; cursor:pointer; }
.buttonCls:hover, a.buttonCls:hover { text-decoration:none; background-color:var(--secondaryBackgroundColor); color: var(--secondaryTextColor); }

.buttonClsDefault, a.buttonClsDefault:link, a.buttonClsDefault:visited { font-weight:bold; color: var(--mainTextColor); background-color:var(--mainBackgroundColor); border:1px solid var(--lightBackgroundColor); padding:2px 15px 3px 15px; text-transform:uppercase; border-radius:2px;  line-height:25px; cursor:pointer; }
.buttonClsDefault:hover, a.buttonClsDefault:hover { text-decoration:none; background-color: var(--lightBackgroundColor); }

.buttonClsSquare, a.buttonClsSquare:link, a.buttonClsSquare:visited { font-weight:bold; font-size:10px; width:16px; height:16px; color: var(--primaryTextColor); background-color: var(--primaryBackgroundColor); padding:2px 4px 2px 4px; text-transform:uppercase; border-radius:2px;  line-height:24px; cursor:pointer; vertical-align: middle; }
.buttonClsSquare:hover, a.buttonClsSquare:hover { text-decoration:none; background-color: var(--secondaryBackgroundColor); color: var(--secondaryTextColor);}

.buttonClsSquareAlt, a.buttonClsSquareAlt:link, a.buttonClsSquareAlt:visited { font-weight:bold; font-size:10px; width:16px; height:16px; color: var(--primaryBackgroundColor); background-color: var(--primaryTextColor); padding:2px 4px 2px 4px; text-transform:uppercase; border-radius:2px;  line-height:24px; cursor:pointer; vertical-align: middle; }
.buttonClsSquareAlt:hover, a.buttonClsSquareAlt:hover { text-decoration:none; background-color: var(--secondaryTextColor); color: var(--secondaryBackgroundColor);}

.buttonClsBig, a.buttonClsBig:link, a.buttonClsBig:visited { font-weight:bold; color:#fff; background:#6687b5; padding:7px 15px 7px 15px; text-transform:uppercase; border-radius:2px;  line-height:25px; cursor:pointer; }
.buttonClsBig:hover, a.buttonClsBig:hover { text-decoration:none; background:#126cb5; color:#fff; }

.buttonClsSquareWhite, a.buttonClsSquareWhite:link, a.buttonClsSquareWhite:visited { font-weight:bold; font-size:10px; width:16px; height:16px; color: var(--darkTextColor); background-color: var(--lightBackgroundColor); padding:2px 4px 2px 4px; text-transform:uppercase; border-radius:2px;  line-height:24px; cursor:pointer; vertical-align: middle; }
.buttonClsSquareWhite:hover, a.buttonClsSquareWhite:hover { text-decoration:none; background-color: var(--secondaryBackgroundColor); color: var(--secondaryTextColor);}

.buttonClsSquareRed, a.buttonClsSquareRed:link, a.buttonClsSquareRed:visited { font-weight:bold; font-size:10px; width:16px; height:16px; color:#fff; background:#ff424d; padding:2px 4px 2px 4px; text-transform:uppercase; border-radius:2px;  line-height:24px; cursor:pointer; vertical-align: middle; }
.buttonClsSquareRed:hover, a.buttonClsSquareRed:hover { text-decoration:none; background:#ff000f; color:#fff;}

.buttonClsLight, a.buttonClsLight:link, a.buttonClsLight:visited { font-weight:bold; color:var(--darkTextColor); background-color:var(--lightBackgroundColor); padding:2px 15px 3px 15px; text-transform:uppercase; border-radius:2px;  line-height:25px; cursor:pointer; }
.buttonClsLight:hover, a.buttonClsLight:hover { text-decoration:none; background-color:var(--secondaryBackgroundColor); color:var(--secondaryTextColor); }

.buttonClsSmall, a.buttonClsSmall:link, a.buttonClsSmall:visited { font-size:75%; font-weight:normal; color: var(--primaryTextColor); background: var(--primaryBackgroundColor); padding:2px 15px 3px 15px; text-transform:uppercase; border-radius:2px;  line-height:25px; cursor:pointer; }
.buttonClsSmall:hover, a.buttonClsSmall:hover { text-decoration:none; background: var(--secondaryBackgroundColor); color: var(--secondaryTextColor); }

.buttonClsSmallWhite, a.buttonClsSmallWhite:link, a.buttonClsSmallWhite:visited { font-size:75%; font-weight:normal; color:#E1E1E1; background:#fff; padding:2px 15px 3px 15px; text-transform:uppercase; border-radius:2px;  line-height:25px; cursor:pointer; }
.buttonClsSmallWhite:hover, a.buttonClsSmallWhite:hover { text-decoration:none; background:#126cb5; color:#fff; }

.buttonClsWheatSmall, a.buttonClsWheatSmall:link, a.buttonClsWheatSmall:visited { font-size:75%; font-weight:bold; color:#3e3e3e; background:#c6bca4; padding:2px 15px 3px 15px; text-transform:uppercase; border-radius:2px;  line-height:25px; cursor:pointer; }
.buttonClsWheatSmall:hover, a.buttonClsWheatSmall:hover { text-decoration:none; background:#e3d8bc; color:#3e3e3e; }

.buttonClsOrangeSmall, a.buttonClsOrangeSmall:link, a.buttonClsOrangeSmall:visited { font-size:75%; font-weight:bold; color:#fff; background:#da7b00; padding:2px 15px 3px 15px; text-transform:uppercase; border-radius:2px;  line-height:25px; cursor:pointer; }
.buttonClsOrangeSmall:hover, a.buttonClsOrangeSmall:hover { text-decoration:none; background:#b96800; color:#fff; }

.buttonClsGreen, a.buttonClsGreen:link, a.buttonClsGreen:visited { font-weight:bold; color:#fff; background:#008652; padding:2px 15px 3px 15px; text-transform:uppercase; border-radius:2px;  line-height:25px; cursor:pointer; }
.buttonClsGreen:hover, a.buttonClsGreen:hover { text-decoration:none; background:#0c9e65; color:#fff; }

.buttonClsGreenSmall, a.buttonClsGreenSmall:link, a.buttonClsGreenSmall:visited { font-size:75%; font-weight:bold; color:#fff; background:#008652; padding:2px 15px 3px 15px; text-transform:uppercase; border-radius:2px;  line-height:25px; cursor:pointer; }
.buttonClsGreenSmall:hover, a.buttonClsGreenSmall:hover { text-decoration:none; background:#0c9e65; color:#fff; }

.buttonClsRed, a.buttonClsRed:link, a.buttonClsRed:visited { font-weight:bold; color:#fff; background:#d93749; padding:2px 15px 3px 15px; text-transform:uppercase; border-radius:2px;  line-height:25px; cursor:pointer; }
.buttonClsRed:hover, a.buttonClsRed:hover { text-decoration:none; background:#c62637; color:#fff; }

.buttonClsGrey, a.buttonClsGrey:link, a.buttonClsGrey:visited { font-weight:bold; color:#fff; background:#A9A9A9; padding:2px 15px 3px 15px; text-transform:uppercase; border-radius:2px;  line-height:25px; cursor:pointer; }
.buttonClsGrey:hover, a.buttonClsGrey:hover { text-decoration:none; background:#808080; color:#fff; }

.buttonClsOutline, a.buttonClsOutline:link, a.buttonClsOutline:visited { font-weight:bold; color: var(--mainTextColor); border: 1px solid var(--primaryBackgroundColor); padding:2px 15px 3px 15px; text-transform:uppercase; border-radius:2px;  line-height:25px; cursor:pointer; }
.buttonClsOutline:hover, a.buttonClsOutline:hover { text-decoration:none; background-color:var(--secondaryBackgroundColor); color: var(--mainTextColor); }

[class^='buttonCls'].disabled { color: GrayText !important; cursor: not-allowed !important; background-color: #ddd !important; }

.smallButton {
	line-height: 15px;
	font-size: 75%;
}

/* Leaders for page definition */
ul.leaders {
    width:100%;
    padding: 0;
    overflow-x: hidden;
    list-style: none}
ul.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "}
ul.leaders span:first-child {
    padding-right: 0.33em;
    background: white}
ul.leaders span + span {
    float: right;
    padding-left: 0.33em;
    background: white}

.printResultInhibited {
	background-color: #FF6347;
}
.printResultInhibited:hover {
	background-color: var(--mainBackgroundColor);
}

.printResultSelectee {
	background-color: #FFFF00;
}
.printResultSelectee:hover {
	background-color: var(--mainBackgroundColor);
}

.printResultError {
	background-color: #FF6347;
}
.printResultError:hover {
	background-color: var(--mainBackgroundColor);
}

.printResultCleared {
	background-color: #CCCCCC;
}
.printResultCleared:hover {
	background-color: var(--mainBackgroundColor);
}

#loadingDiv {
    border:1px solid #346a9a;
    border-radius: 7px;
    padding:7px;
    font-weight:bold;
    position:fixed;
    z-index:1000;
    top: 50%;
    left: 50%;
    width:220px;
    height:70px;
    margin-left: -110px; /*set to a negative number 1/2 of your width*/
    margin-top: -35px; /*set to a negative number 1/2 of your height*/
    background: rgba(255, 255, 255, 0.8);
    /* Old browsers */
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(204, 204, 204, 0.9) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(204, 204, 204, 0.9)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(204, 204, 204, 0.9) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(204, 204, 204, 0.9) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(204, 204, 204, 0.9) 100%);
    /* IE10+ */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(204, 204, 204, 0.9) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#cccccc, GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}
#loadingDiv .bgText {
  padding-top:3px;
  font-size:18px;
  color:#346a9a;
}
#loadingDiv .smText {
  font-size:12px;
  color:#000000;
}

/* Hide HTML5 Up and Down arrows. */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}

/*This will make input type match the same height as the "chosen" select field. (S.G. 23-jan-2020) */
.chosen-input{
	line-height: 20px;
}

/* THIS is for the div that shows the results 26-Nov-2021 */
.chosen-container .chosen-drop, .chosen-container .chosen-results li em {
    border:1px solid var(--lightBackgroundColor);
    box-shadow: none;
}

.chosen-container-single .chosen-single, .chosen-container-single .chosen-default, 
.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container-multi .chosen-choices {
    font-weight: normal;
    background-color: var(--mainBackgroundColor);
    color: var(--mainTextColor);
	padding: 2px;
	border:1px solid var(--lightBackgroundColor);
	border-radius:4px;
    box-shadow: none;
    min-height: 34px;
    background-image: none;
}

.chosen-results li.active-result.highlighted  {
    background: var(--aHoverColor);
}

.chosen-search-input {
    color: var(--mainTextColor) !important;
}

/* THIS is for the help bubble 25-Dec-2018 */
#helpBubble {
  position: relative;
  width: 200px;
  height: 50px;
  text-align: center;
  background-color: #fff;
  border: 4px solid #666;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  top: 5px;
  left: 175px;
}

#helpBubble:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 15px;
  top: 50px;
  border: 10px solid;
  border-color: #666 transparent transparent #666;
}

#helpBubble:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 19px;
  top: 50px;
  border: 4px solid;
  border-color: #fff transparent transparent #fff;
}

#helpBubble > p {
	top: -8px; position: absolute; font-weight: bold; font-size: 16px; text-align: center; width: 100%; line-height: 15px;
}

/* DASHBOARD */
.dashboard {
	border: 1px solid var(--primaryBackgroundColor);
	background-color: var(--lightBackgroundColor);
	color: var(--mainTextColor);
	border-radius: 3px;
	padding: 10px 3px 10px 3px;
	vertical-align: middle;
	text-align: center;
	margin: auto;
}
.dashboard h2 {
	display:block;
	font-size: 1.2em;
	font-weight: bold;
	color: var(--primaryBackgroundColor);
}

.expiredCredits {
	font-style: italic; 
	opacity: 0.5; 
	color: red;
}

/* BOOTSTRAP got rid of the btn-xs in version 4, so i've added it back */
.btn-group-xs > .btn, .btn-xs {
    padding  : .25rem .4rem;
    font-size  : .875rem;
    line-height  : .5;
    border-radius : .2rem;
}

/* THIS is for the styles guidelines in avaio-demo */
#guidelinesBox {
	/* color: var(--primaryTextColor); */
	background-color: var(--mainBackgroundColor);
	/* border:2px solid var(--primaryBackgroundColor); */
	display:none;
	/* width: 800px; */
	/* height: 200px; */
	float: right;
	/* border-radius: 10px; */
	/* padding: 10px; */
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 99;
}

#guidelinesBox td.formBody > table tr:nth-child(even) {
	background-color: var(--evenRowBackgroundColor)
}

#guidelinesBox td.formBody > table tr:nth-child(odd) {
	background-color: var(--oddRowBackgroundColor)
}

/* THIS is for the styles guidelines in avaio-demo */
#themeSchemeBox {
	/* color: var(--primaryTextColor); */
	background-color: var(--mainBackgroundColor);
	/* border:2px solid var(--primaryBackgroundColor); */
	display:none;
	/* width: 800px; */
	/* height: 200px; */
	float: right;
	/* border-radius: 10px; */
	/* padding: 10px; */
	position: absolute;
	top: 101px;
	right: 0;
	z-index: 99;
}

.redText {color:red;} 
.greenText {color:green;}
.yellowText {color: yellow;}
.orangeText {color: orange;}
.lightGreyText {color: lightgrey}
.whiteText {color: white}

.yellowBackground {background-color: yellow;}
.orangeBackground {background-color: orange;}
.lightGreyBackground {background-color: lightgrey;}
.redBackground {background-color: #cc3300; color: white;} /*IF the background is this red, the text needs to be white or you can't see it 08-Nov-2021*/
.greenBackground {background-color: green;}
.lightBackground {background-color: var(--lightBackgroundColor);}
.darkBackground {background-color: var(--darkBackgroundColor);}

.redBorder { border:1px solid #cc3300; }

.clsFloater{
	border:1px solid #FFFFFF;
	cursor:pointer;
	background-color:#FFFFFF;
	-webkit-box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.5); 
	box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.5);
}
.clsDroppable { 
	background-color:#CFFFCF;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5); 
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
}
.clsCalendarCell {
	border: 1px solid var(--primaryBackgroundColor);
	background-color: var(--mainBackgroundColor);
	color:var(--mainTextColor);
}
.clsCalendarCellOth {
	background-color: var(--secondaryBackgroundColor);
	color: var(--secondaryTextColor);
}
.clsDay{
	text-align: right;
	padding: 3px;
}
.clsDayCircle{
	border: 1px solid var(--primaryBackgroundColor);
	border-radius: 10px;
	background-color:var(--secondaryBackgroundColor);
	color:var(--mainTextColor);
	padding:3px;
}
.clsCalendarCellContentLeft{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	border: 1px solid var(--primaryBackgroundColor);
	border-radius:7px 0px 0px 7px;
	background-color:var(--darkBackgroundColor);
	color:var(--primaryTextColor);
	padding:3px;
}
.clsCalendarCellContent{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	border: 1px solid var(--primaryBackgroundColor);
	background-color:var(--darkBackgroundColor);
	color:var(--primaryTextColor);
	padding:3px;
}
.clsCalendarCellContentRight{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	border: 1px solid var(--primaryBackgroundColor);
	border-radius:0px 7px 7px 0px;
	background-color:var(--darkBackgroundColor);
	color:var(--primaryTextColor);
	padding:3px;
}
.clsCalendarCellContentBoth{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	border: 1px solid var(--primaryBackgroundColor);
	border-radius:7px 7px 7px 7px;
	background-color:var(--darkBackgroundColor);
	color:var(--primaryTextColor);
	padding:3px;
}