BODY.sBod
{
	background-color: White;
    COLOR			: black;
    TEXT-DECORATION	: none;
    margin			: 15px;
}

.IE { } /*auto-applied to IE*/
.NonIE { } /*auto-applied to non-IE*/

BODY.popup { margin	: 0px 0px 0px 0px; overflow: hidden; }
/*HTML>BODY.popup{ margin : 0px 0px -16px 0px; overflow: hidden; }*/
HTML>BODY.popup{ margin : 0px 0px -8px 0px; overflow: hidden; }
BODY.sidebar { margin : 0px 0px 0px 0px; }
table { empty-cells: show }

.sTex
{
	font-family	: Trebuchet MS, Verdana, Helvetica;
	font-size	: 11px;
	line-height	: 14px;
}

.inlineDiv
{
	padding-right: 20px;
	display:inline-block;
	display:-moz-inline-block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
}

.inlineDivScroll
{
	display:inline-block;
	overflow:auto;
	white-space:nowrap;
	padding-right: 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.cabinetDiv
{
	background-color:white;
	padding:2px 2px 2px 4px;
}

.idImage { margin: 0px 10px -1px 0px; }
DIV.centered { text-align:center; }
HTML>BODY DIV.centered DIV.controlBox { margin-left:auto; margin-right:auto; } /*Firefox-only*/
HR.sHR { line-height: 1px; clear:both;}

SELECT.sSel 
{ 
	font-family		: Trebuchet MS, Verdana, Helvetica;
	font-size		: 11px;
	line-height		: 14px;
	background-color: White;
}

.ce /*Used by exact-width textbox on view mode*/
{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	z-index:1;
}

.nFmt /*No Formatting*/
{
	font-family:default;
	font-size:default;
}

/* Non-IE only **************************/
SPAN.ib 
{
	/*display:-moz-inline-block;*/
	float:left;
}

SPAN.ibl
{
	float:left;
}

A.ib 
{
	/*display:-moz-inline-block;*/
	float:left;
}

IMG.ib 
{
	/*display:-moz-inline-block;*/
	float:left;
}

SPAN.ibn 
{
	/*display:-moz-inline-block;*/
	float:left;
	/*padding: 4px 4px 0px 4px;*/
	
}

/*SPAN.ibn IMG.cal
{
	margin-top:0;
	margin-left:0;
}*/


SELECT.ib
{ 
	float:left;
}

/* Non-Index only **************************/
.tooltipCell
{
	white-space:nowrap;
	top:0;
	left:0;
	background-color:#FFFFE7;
	border:solid 1px black;
	position:absolute;
	z-index:1000000;
	overflow:visible;
	font-family:Trebuchet MS;
	font-size:11px;
	padding: 3 3 3 3;
}

.calCell
{
	white-space:nowrap;
	top:0;
	left:0;
	background-color:white;
	position:absolute;
	z-index:1000000;
	overflow:visible;
	font-family:Trebuchet MS;
	font-size:11px;
}

/*Image For Move*/
IMG.ifm 
{
	text-align:center;
	cursor:pointer;
	cursor:hand;
}

/*TextArea PlusMinus*/
.taPM
{
	white-space:nowrap;
	top:0;
	left:0;
	color:#FFFFFF;
	background-color:#00008B;
	border: solid 1px #6060EB;
	position:absolute;
	z-index:1000000;
	overflow:visible;
	font-family:Arial;
	font-size:13px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 1 0 1;
	font-weight:bold;
}

.taPMRO
{
	white-space:nowrap;
	top:0;
	left:0;
	color:#FFFFFF;
	background-color:#8B0000;
	border: solid 1px #EB6060;
	position:absolute;
	z-index:1000000;
	overflow:visible;
	font-family:Arial;
	font-size:13px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 1 0 1;
	font-weight:bold;
}

.taPMP
{
	white-space:nowrap;
	color:#FFFFFF;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	float:left;
	cursor:hand;cursor:pointer;
}

.taPMM
{
	white-space:nowrap;
	color:#FFFFFF;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding-left:1px;
	float:left;
	cursor:hand;cursor:pointer;
}

/* Input Table **************************/
TABLE.inTable
{
	border-collapse:collapse;
	background-color:White;
	margin-bottom:5px;
}

TABLE.inTable INPUT, TABLE.inTable TEXTAREA
{
	border-color:White;
}

TABLE.inTable TD.HC
{
	padding: 3px 2px 2px 3px;
	height:20px;
	font-weight:bold;
	height:22px;
	text-align:center;
}

TABLE.inTable TD.HR
{
	padding: 3px 5px 3px 5px;
	font-weight:bold;
}

TABLE.inTable DIV.DC
{
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}

TABLE.inTable .DC
{
	cursor:hand;
	cursor:pointer;
}

/* Thumbnails **************************/
TABLE.imgThumbnail TD IMG
{
	margin-top: 2px;
    cursor:pointer;cursor:hand;
	background-color: White;
}

TABLE.imgThumbnail TD
{
	white-space: normal;
	font-size: 11px;
	color: White;
	text-align: center;
}

TABLE.imgThumbnail
{
	width: 1px;
	border-collapse: collapse;
	background-color: Black;
	margin: 1px 0px 3px 0px;
}

/* Standard Blue Link **************************/
.blue
{
    COLOR: #003399;
    FONT-WEIGHT: bolder;
    cursor:pointer;cursor:hand;
	text-decoration:none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family	: Trebuchet MS, Verdana, Helvetica;
	font-size	: 10px;
	line-height	: 14px;
}
.blue:hover
{
    COLOR: #2255BB;
}

/* Scrolling Divs **************************/
.scrollingDivSectionTransparent
{
	padding     : 0px 2px;
	overflow    : auto;
	white-space : nowrap; 
}

.scrollingDivSection
{
	background-color:white;
	padding:3px 2px;
	overflow:auto;
	white-space:nowrap;
	font-size: 11px;
	font-family:Trebuchet MS;
	font-weight:normal;
}

.scrollingDivSectionWithBorder
{
	background-color:white;
	overflow:auto;
	border: solid 1px black; 
	font-size: 11px;
	font-family:Trebuchet MS;
	font-weight:normal;
}

/* Checklist Series **************************/
TABLE.clSeries
{
	width:100%;
}

TABLE.clSeries TD
{
	font-family			: Trebuchet MS, Verdana, Helvetica;
	font-size			: 11px;
	vertical-align		: baseline;
}

/* Listboxes **************************/
DIV.lst
{
	background-color:White;
	border:solid 1px black;
	overflow:auto;
	font-family:Trebuchet MS;
	font-size:11px;
	white-space:nowrap;
	cursor:default;
	font-weight:normal;
}

HTML>BODY DIV.lst /*FF-only*/
{
	padding: 0 3 0 3;
}

DIV.lst DIV
{
	padding: 0 3 0 3;
}

HTML>BODY DIV.lst DIV /*FF-only*/
{
	display:table-row;
	width:100%;
}

DIV.lst DIV.sel
{
	background-color:#006EA5;
	color:White;
}

/* Rich Text Editor **************************/
.edBtnRow
{
	text-align:right;
}

.edBtnRow IMG
{
	cursor:hand;
	cursor:pointer;
}

/* Image Label Spans **************************/
.imgLS
{
	font-family	: Trebuchet MS, Verdana, Helvetica;
	color:Black;
	text-decoration:none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.imgLS16
{
	font-size	: 11px;
	font-weight: normal;
	line-height: 16px;
}

.imgLS24
{
	line-height: 24px;
	font-weight: normal;
	font-size: 11px;
}

.imgLS28
{
	line-height: 28px;
	font-weight: bold;
	font-size: 14px;
}

.imgLS32
{
	line-height: 32px;
	font-weight: normal;
	font-size: 11px;
}

.imgLSMime
{
	line-height: 48px;
	font-weight: bold;
	font-size: 16px;
}

/* Search-type popup **************************/
.accentPanel
{
	background-color:#DED9CF;
}

.accentButton
{
	background-color:#F2EDE3;
	border:solid 1px #808080;
	color:#676363;
	padding:3px 6px 3px 6px;
	margin: 4px;
	font-family:Trebuchet MS,Arial;
	font-size:10px;
	text-align:center;
	line-height	: 14px;
	text-decoration:none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

HTML>BODY .accentButton 
{
	display:-moz-inline-block;
	float:right;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.basePanel
{
	background-color:#F2F2E4;
}

.sidePanel
{
	background-color:#336699;
}

/* Login Page **************************/
.credPanel {
	font-family: Trebuchet MS, Verdana, Helvetica;
	background-color: #F2F2E4;
	width: 327px;
	height: 90px;
	border: solid 1px #BFBF79;
	margin-left: 5px;
	/*margin-top:20px;*/
}

.referralPanel {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;
	text-align: center;
	font-family: Trebuchet MS, Verdana, Helvetica;
	background-color: #F2F2E4;
	padding: 10px 0;
	width: 327px;
	height: auto;
	border: solid 1px #BFBF79;
	overflow: hidden;
}

.rpTitle {
	margin: 0;
}

.rpButton {
	display: inline-block;
	padding: 6px 15px;
	background-color: #2980b9;
	color: white !important;
	text-decoration: none;
	border-radius: 5px;
	font-weight: 700;
	font-size: 14px;
}

	.rpButton:hover {
		background-color: #009900 !important;
	}

.referralForm {
	display: none; /* Hidden by default */
	opacity: 0;
	transition: opacity 0.5s, height 0.5s; /* For smooth fade-in effect */
	width: 100%;
	margin-top: 10px;
}

	.referralForm input, .referralForm textarea {
		width: 90%;
		padding: 8px;
		margin-bottom: 10px;
		border: 1px solid #ccc;
		border-radius: 4px;
		font-family: Trebuchet MS, Verdana, Helvetica;
	}

	.referralForm a {
		padding: 10px 20px;
		background-color: #2980b9;
		color: white;
		border: none;
		border-radius: 5px;
		font-weight: 700;
		font-size: 14px;
		cursor: pointer;
	}

		.referralForm a:hover {
			background-color: #009900;
		}


.sesName {
	font-family: Good Times, Arial, Trebuchet MS, Verdana, Helvetica;
	color: #74B230;
	font-size: 28px;
	line-height: 26px;
}

.sesLogin
{
	font-family	: Trebuchet MS, Verdana, Helvetica;
	color:gray;
	font-size:15px;
	line-height:18px;
}

.invalidText
{
	font-family	: Trebuchet MS, Verdana, Helvetica;
	z-index:1000;
	position:absolute;
	top:0px;
	left:0px;
	color:red;
	font-size:11px;
	padding-left:2px;
	padding-right:6px;
	width:419;
	background-color:white;
}

/* infoBox **************************/
TD.infoBoxCaption
{
	background-color: #7B81B2;
	border			: 1px solid #4A587D;
	white-space		: nowrap;
	font-family		: Trebuchet MS, Verdana, Helvetica;
	font-size		: 11px;
	line-height		: 14px;
}

TD.infoBoxContent
{
	background-color: #BDCFDF;
	border			: 1px solid #4A587D;
	width			: 100%;
	font-family		: Trebuchet MS, Verdana, Helvetica;
	font-size		: 11px;
	line-height		: 14px;
}

TD.infoBoxBrightCaption
{
	background-color: #7fb281;
	border			: 1px solid #4d7f4f;
	white-space		: nowrap;
	font-family		: Trebuchet MS, Verdana, Helvetica;
	font-size		: 11px;
	line-height		: 14px;
}

TD.infoBoxBrightContent
{
	background-color: #c2dcbf;
	border			: 1px solid #4d7f4f;
	width			: 100%;
	font-family		: Trebuchet MS, Verdana, Helvetica;
	font-size		: 11px;
	line-height		: 14px;
}

/* controlBox **************************/
.controlBoxBack
{
	background-color:#798EB4;
}

.controlBox
{
	text-align:left;
	background-color:#798EB4;
	color:White;
	font-weight:bold;
	FONT-FAMILY: Trebuchet MS, Verdana, Helvetica;
    font-size:11px;
	line-height	: 14px;
}

TABLE.wpWhite .controlBox
{
	text-align:left;
	background-color:#AAAEAD;
	color:White;
	font-weight:bold;
	FONT-FAMILY: Trebuchet MS, Verdana, Helvetica;
    font-size:11px;
	line-height	: 14px;
}

TABLE.wpRed .controlBox
{
	text-align:left;
	background-color:#D85A64;
	color:White;
	font-weight:bold;
	FONT-FAMILY: Trebuchet MS, Verdana, Helvetica;
    font-size:11px;
	line-height	: 14px;
}

TABLE.wpYellow .controlBox {
	text-align: left;
	background-color: #FFFFE9;
	color: Black;
	font-weight: bold;
	FONT-FAMILY: Trebuchet MS, Verdana, Helvetica;
	font-size: 11px;
	line-height: 14px;
}

.controlBox SPAN
{
	FONT-FAMILY: Trebuchet MS, Verdana, Helvetica;
    font-size:11px;
    text-decoration:none;
}

HTML>BODY .controlBox SPAN /*FF-only*/
{
	/*float:left;*/
	display:-moz-inline-block;
    FONT-FAMILY: Trebuchet MS, Verdana, Helvetica;
    font-size:11px;
    text-decoration:none;
}

HTML>BODY .controlBox INPUT /*FF-only*/
{
	/*float:left;*/
	display:-moz-inline-block;
}

HTML>BODY .controlBox SELECT /*FF-only*/
{
	/*float:left;*/
	display:-moz-inline-block;
}

.controlBoxNormal
{
	color:White;
	font-weight:bold;
	FONT-FAMILY: Trebuchet MS, Verdana, Helvetica;
    font-size:11px;
    text-decoration:none;
}

.controlBoxRt
{
	color:White;
	font-weight:bold;
	FONT-FAMILY: Trebuchet MS, Verdana, Helvetica;
    font-size:11px;
    text-decoration:none;
    width:135px;
    text-align:right;
    /*margin:0px 5px;*/
    margin:0px 15px
}

.controlBoxLt
{
	color:White;
	font-weight:bold;
	FONT-FAMILY: Trebuchet MS, Verdana, Helvetica;
    font-size:11px;
    text-decoration:none;
    margin:0px 15px;
	line-height	: 14px;
}

.controlBoxBorder
{
	border: solid 1px #4D5A72;
}

.controlBoxTitle
{
	color: #F5F249;	
	font-weight:bold;
	FONT-FAMILY: Trebuchet MS, Verdana, Helvetica;
    font-size:11px;
    text-decoration:none;
}

.controlBoxHighlight
{
	color:#FFD800;
	font-weight:bold;
	FONT-FAMILY: Trebuchet MS, Verdana, Helvetica;
    font-size:11px;
    text-decoration:none;
}

.controlBoxButton
{
	background-color:#384E73;
	border:solid 1px #E6EBF3;
	color:White;
	font-weight:normal;
	FONT-FAMILY: Trebuchet MS, Verdana, Helvetica;
    font-size:10px;
    padding: 2px 6px 2px 6px;
    cursor:pointer;cursor:hand;
}

.webControlBox
{
	font-family	: Trebuchet MS, Verdana, Helvetica;
	font-size	: 11px;
	line-height	: 14px;
	border-color: #4d5a72;
	border-style: solid;
	background-color: #798eb4;
}

.webControlBox TD
{
	font-family	: Trebuchet MS, Verdana, Helvetica;
	font-size	: 11px;
	line-height	: 14px;
}

.centered .webControlBox
{
	margin		: 0 auto;
	text-align	: left;
}

/* WebButtons **************************/
A.wBtnD
{
	COLOR: #D3D3D3;
    cursor:default;
    border: solid 1px #464B53;
	PADDING: 2px 5px 2px 5px;
	margin-left: 6px;
    BACKGROUND-COLOR: #7788A6;
    height:21px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration:none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	FONT-FAMILY: Arial;
    FONT-SIZE:10.5px;	
    FONT-WEIGHT: normal;
}

A.wBtnD P
{
	FONT-FAMILY: Arial;
    FONT-SIZE:10.5px;	
    FONT-WEIGHT: normal;
	position:relative;
    top: 0px;
	line-height	: 14px;
	white-space : nowrap;
}

.wBtn2, .wBtn2-red {
	COLOR: black;
	font-size: 14px;
	border: solid 1px #a3a3a2;
	PADDING: 2px 32px;
	BACKGROUND-COLOR: #EFEEEF;
	margin-left: 6px;
	height: 21px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	FONT-FAMILY: Arial;
	FONT-WEIGHT: normal;
}

A.wBtn2-red {
	COLOR: red;
}

A.wBtn
{
	COLOR: #FFFFFF;
	border: solid 1px #25334D;
	PADDING: 2px 5px 2px 5px;
    BACKGROUND-COLOR: #5678B3;
    margin-left:6px;
    height:21px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration:none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	FONT-FAMILY: Arial;
    FONT-SIZE:10.5px;	
    FONT-WEIGHT: normal;
}

A.wBtn P
{
	FONT-FAMILY: Arial;
    FONT-SIZE:10.5px;	
    FONT-WEIGHT: normal;
	position:relative;
    top: 0px;
	line-height	: 14px;
	white-space : nowrap;
}

A.wBtn:active
{
	COLOR: #D9D9D9;
    border: solid 1px #1F2B42;
	BACKGROUND-COLOR: #496698;
}

A.wBtn:active  P
{
	FONT-FAMILY: Arial;
    FONT-SIZE:10.5px;	
    FONT-WEIGHT: normal;
	line-height	: 14px;
	position:relative;
	white-space : nowrap;
    top: 1px;
}

A.wBtn.disabled 
{
	color: #B0B0B0;
	background-color: #D3D3D3;
	border: 1px solid #A0A0A0;
	cursor: not-allowed;
	pointer-events: none;
}

* HTML INPUT.btnAdj /*IE-only hack*/
{
	margin-top:-2px;
	margin-bottom:4px;
}

/* WebButtonDiv **************************/
DIV.wBtnDiv
{
	height:24px;
	padding-top:7px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear:both;
}

* HTML .rbDiv /*IE-only hack*/
{
	display:inline;
	height:2px;
	position:relative;
	top:-2px;
}

DIV.wBtnDiv .rbDiv
{
	float:left;
	display:-moz-inline-block;
}


DIV.wBtnDiv A.wBtn
{
	display:-moz-inline-block;
	/*float:left;*/
	/*margin-top:-3px;*/
    
}

/** HTML DIV.wBtnDiv A.wBtn
{
    margin-top: 3px;
    vertical-align: bottom;
}*/

HTML > BODY DIV.wBtnDiv A.wBtn
{
    vertical-align: top;
}

DIV.wBtnDiv INPUT
{
	margin-top:-3px;
	margin-bottom:4px;
}

DIV.wBtnDiv SELECT
{
	margin-top:-4px;
	float:left;
}

DIV.wBtnDiv IMG.cal
{
	margin-top:-10px;
}

DIV.wBtnDiv SPAN
{
	float:left;
}


/* Person Start Page **************************/
.usta_main
{
	font-family	: Trebuchet MS, Verdana, Helvetica;
	font-size	: 11px;
	line-height	: 14px;
	padding: 5 5 5 5;
	width:50%;
}

.usta_header
{
	line-height	: 14px;
	color:Black;
	font-size:14px;
	font-weight:bold;
	font-family:Arial;
}

/* Web Collapsible Sections ********************************/
DIV.wcsod
{
	font-weight		: bold;
	border			: solid 1px black;
	padding			: 2px;
}

DIV.wcsod DIV.wcsid { font-weight : normal; }

/* Percentage Bars (Upload) **************************/
.perBRedsBack
{
	background-color: #A6555F;
	height			: 15px;
	font-size		: 13px;
	padding			: 1px;
}

.perBRedsFore
{
	background-color: #CD9EA4;
	height			: 15px;
	font-size		: 11px;
}

SPAN.perB
{
	display:-moz-inline-block;
	float:left;
}

SPAN.perB SPAN
{
	display:-moz-inline-block;
	float:left;
}

/* Percentage Bars (Listing) **************************/
SPAN.pctBar
{
	display			: block;
	background-color: #3C9143;
	height			: 11px;
	margin			: auto 0px auto 44px;
	padding			: 1px;
	position		: relative;
}

SPAN.pctBarSpanContent
{
	display			: block;
	background-color: #3C9143;
	height			: 11px;
	margin			: auto 0px auto 0px;
	padding			: 1px;
	position		: relative;
}

* HTML SPAN.pctBar /* ~*~ IE ONLY */
{
	line-height		: 11px;
}

* HTML SPAN.pctBarSpanContent /* ~*~ IE ONLY */
{
	line-height		: 11px;
}

SPAN.pctBar SPAN.p
{
	display			: block;
	height			: 11px;
	line-height		: 9px;
}

SPAN.pctBarSpanContent SPAN.p
{
	display			: block;
	height			: 11px;
	line-height		: 9px;
}

SPAN.pctBar SPAN.t
{
    FONT-FAMILY		: Trebuchet MS, Arial;
    font-size		: 11px;	
	position		: absolute;
	left			: -44px;
	top				: -1px;
}

SPAN.pctBarSpanContent SPAN.t
{
    FONT-FAMILY		: Trebuchet MS, Arial;
    font-size		: 11px;	
	position		: absolute;
	left			: -44px;
	top				: -1px;
}

* HTML SPAN.pctBar SPAN.t /* ~*~ IE ONLY */
{
	top				: 2px;
}

* HTML SPAN.pctBarSpanContent SPAN.t /* ~*~ IE ONLY */
{
	top				: 2px;
}

/* Colors */
SPAN.pctGreen		{ background-color: #3C9143; }
SPAN.pctGreen .P	{ background-color: #67EE63; }

SPAN.pctBlue		{ background-color: #3C7C91; }
SPAN.pctBlue .P	{ background-color: #63CAEE; }

SPAN.pctRed			{ background-color: #913C3D; }
SPAN.pctRed .P	{ background-color: #EE637E; }

SPAN.pctRedOutline			{ background-color: #FFFFFF; }
SPAN.pctRedOutline .P		{ background-color: #EE637E; }
SPAN.pctRedOutline			{ border : solid 1px black; }

/* floatingDiv **************************/
.floatingDivHidden
{
	display:none;
}

.floatingDivShown
{
	border: none;
	position: absolute;
	display:inline;
	overflow:hidden;
	text-overflow:ellipsis;
	z-index: 2000;
}

/* pageListing **************************/
TABLE.pageListing TR TD
{
	width: 30px;
	color: white;	
	font : bold 11px Trebuchet MS, Arial;
    text-decoration:none;
}

TABLE.pageListing TR TD A
{
	color: #F5F249;	
	font : bold 11px Trebuchet MS, Arial;
    text-decoration:none;
    cursor : pointer; cursor : hand;
}

/* textDisplayBox **************************/
DIV.textDisplayBox
{
	border : solid 1px black;
	background-color : white;
	padding : 3px;
	font : 11px Trebuchet MS, Arial;
	color : #534F4F;
	white-space:normal;
}

DIV.textDisplayBoxNF
{
	border : solid 1px black;
	background-color : white;
	padding : 3px;
	color : #534F4F;
}

TABLE.textDisplayBox
{
	border : solid 1px black;
	background-color : white;
}

TABLE.textDisplayBox TD
{
	padding : 3px;
	font : 11px Trebuchet MS, Arial;
	color : #534F4F;
}

/* Standard Textbox **************************/
.sTxBx
{
	border:solid 1px darkblue;
	background-color:white;
	font-family	: Trebuchet MS, Verdana, Helvetica;
	font-size: 11px;
	padding: 1px 0px 0px 3px;
	height:20px;
	vertical-align:middle;
}
.sTxBxEnhanced {
	border: solid 1px grey;
	background-color: white;
	font-family: Trebuchet MS, Verdana, Helvetica;
}
.sTxBxEnhanced p {
	margin: 0;
}

HTML>BODY .sTxBx /*FF-only*/
{
	/*float:left;*/
	
	/*used to ensure drawing above text-overflow:ellipsis; inside listing.css TABLE.wLT TD*/
	position: relative;
	z-index: 100;
}

.sTxBxRO
{
	border:solid 1px darkred;
	background-color:white;
	font-family	: Trebuchet MS, Verdana, Helvetica;
	font-size: 11px;
	padding: 1px 0px 0px 3px;
	height:20px;
	vertical-align:middle;
}

HTML>BODY .sTxBxRO /*FF-only*/
{
	float:left;
}

.sTx2
{
	border-left:solid 0px white;
}

/* Standard Text Area **************************/
.sTxAr
{
	border:solid 1px darkblue;
	background-color:white;
	font-family	: Trebuchet MS, Verdana, Helvetica;
	font-size: 12px;
	padding:2px 2px 2px 4px;
	white-space: pre-wrap;
}

.sTxArRO
{
	border:solid 1px darkred;
	background-color:white;
	font-family	: Trebuchet MS, Verdana, Helvetica;
	font-size: 12px;
	padding:2px 2px 2px 4px;
	white-space: pre-wrap;
}

.sTxArRO p {
	margin: 0;
}

.sTxArCode
{
	border:solid 1px darkblue;
	background-color:white;
	font-family	: Trebuchet MS, Verdana, Helvetica;
	font-size: 12px;
	padding:2px 2px 2px 4px;
}

.sTxArROCode
{
	border:solid 1px darkred;
	background-color:white;
	font-family	: Trebuchet MS, Verdana, Helvetica;
	font-size: 12px;
	padding:2px 2px 2px 4px;
}

.sTxArROEnhanced
{
	resize: both;
	overflow: auto;
	border: solid 1px darkred;
	background-color: white;
	font-family: Trebuchet MS, Verdana, Helvetica;
	font-size: 12px;
	padding: 2px 2px 2px 4px;
	white-space: pre-wrap;
}

	.sTxArROEnhanced p {
		margin: 0;
	}

/* Notice Box **************************/
.nt { padding:4px; }
.nt SPAN 
{
	font-family	: Trebuchet MS, Verdana, Helvetica;
	font-size	: 11px;
	line-height	: 14px;
}

.nth 
{
	font-family	: Trebuchet MS, Verdana, Helvetica;
	font-size	: 11px;
	line-height	: 14px;
}

/* New Text Format ********************************/

/* Styles */
.B			{ font-weight: bold; }
.U			{ text-decoration:underline; }
.I			{ font-style:italic; }
.Nor		{ font-weight: normal; }

/* Alignments */
.aL			{ text-align:left; }
.aC			{ text-align:center; }
.aR			{ text-align:right; }

/* Vertical Alignments */
.vaT			{ vertical-align:top }
.vaM			{ vertical-align:middle }
.vaB			{ vertical-align:bottom }

/* Colors */
.tBlack		{ color: Black; }
.tBlue		{ color: Blue; }
.tSlateBlue	{ color: SlateBlue; }
.tGreen		{ color: Green; }
.tGrey		{ color: #534F4F; }
.tGreyS		{ color: Gray; }
.tGreyL		{ color: #B3AFAF; }
.tGray		{ color: #534F4F; }
.tGrayS		{ color: Gray; }
.tGrayL		{ color: #B3AFAF; }
.tMaroon	{ color: Maroon; }
.tRed		{ color: Red; }
.tWhite		{ color: White; }
.tYellow	{ color: Yellow; }
.tOrange	{ color: DarkOrange; }
.tDarkOrange { color: #D44B00; }
.tDarkGreen	{ color: DarkGreen; }

/* Heights */
.h28p8	{ height: 28px; padding-top:8px; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Displays */
.dBlck	{ display:block; }
.dIn	{ display:inline; }
.dInBlck { display:inline-block; display:-moz-inline-block;float:left; }
.dNo	{ display:none; }


/* Links */
.lBlue			{ color: #003399; font-weight: bolder; font-size: 10px; text-decoration:none; cursor:pointer; cursor:hand; }
.lBlue:hover	{ color: #2255BB; font-weight: bolder; font-size: 10px; text-decoration:none; cursor:pointer; cursor:hand; }
.lSelect		{ color: #990019; font-weight: bolder; font-size: 10px; text-decoration:none; cursor:pointer; cursor:hand; }

/* Line Heights */
.lh12 { line-height: 12px; }
.lh14 { line-height: 14px; }
.lh18 { line-height: 18px; }
.lh20 { line-height: 20px; }
.lh22LC { line-height: 22px; vertical-align:sub; clear:both; } /*Low Clear*/

/* Padding */
.pad5 { padding: 5px; }
.rpad25 { padding-right: 25px; }
.lpad6 { padding-left: 6px; }

/* Float */
.fLf { float: left; }
.fRi { float: right; }

/* Cursors */
.hand {	cursor:pointer; cursor:hand; }

/*@media only screen and (max-width: 684px)
{
    .outerPopup
    {
        right: 5px;
    }
}*/

/* Dropdown Checkbox */
.dropdown {
	display: inline-block;
	margin-top: -4px;
	font-size: 11px;
	line-height: 14px;
}


.dropdown-button {
	background-color: #fffefe;
	padding: 0 8px;
	border-radius: 5px;
	border: solid 1px black;
	cursor: pointer;
	border: solid 1px #828584;
	font-family: Helvetica;
}

.dropdown-button:hover {
	background-color: #3e8e41;
}

.dropdown-checkboxes {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	max-height: 300px;
	overflow-y: auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding: 12px 16px;
	z-index: 1;
	z-index: 1101;
	border-radius: 5px;
	border: solid 1px black;
}

.dropdown-checkboxes div {
	margin-bottom: 5px;
}

.dropdown-checkboxes label {
	display: inline-block;
}

.dropdown:hover .dropdown-checkboxes {
	display: block;
	z-index: 1101;
	border-radius: 5px;
	border: solid 1px black;
}

/* Calendar Widget */
.calendar-container {
	/* height: 90%; */
	padding: 10px;
}

.calendar-event-container {
	padding: 10px 0;
	display: block;
	justify-content: space-around;
}

.edit-event-container,
.create-event-container {
	padding: 1rem;
	background-color: #efedd6;
	border: #3e8e41 1px solid;
	border-radius: 20px;
	min-width: 200px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

	.edit-event-container h2,
	.create-event-container h2 {
		margin-bottom: 1rem;
		margin-top: 0;
		font-weight: bold;
		color: #333;
		width: 100%;
	}

	.edit-event-container label,
	.create-event-container label {
		display: block;
		margin-bottom: 0.5rem;
		font-weight: bold;
		color: #666;
	}

	.edit-event-container .event-details,
	.create-event-container .event-details {
		display: block;
		justify-content: space-between;
		width: 100%;
	}

.event-details-inputlabel {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.edit-event-container .event-details label,
.create-event-container .event-details label {
	display: inline;
	/* margin-right: 0.5rem; */
	font-weight: bold;
	color: #666;
}

.calendar-event-container input {
	padding: 0.5rem;
	/* margin-top: 0.5rem; */
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 0.8rem;
	min-width: 150px;
	width: 75%;
}

.edit-event-buttons {
	display: flex;
	margin-top: 10px;
	height: 25px;
	font-size: 12px;
}

.calendar-event-container button {
	background-color: #007bff;
	color: #fff;
	border: none;
	border-radius: 40px;
	padding: 0 0.7rem;
	font-weight: bold;
	cursor: pointer;
	margin-left: 20px;
}

.web-messages {
    background: #f9f9fb;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 20px 18px 12px 18px;
    /* max-width: 480px; */
    margin: 0 auto 24px auto;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    font-family: 'Segoe UI', Arial, sans-serif;
}
.web-messages h2 {
    font-size: 1.2em;
    margin: 0 0 12px 0;
    color: #2d3748;
    letter-spacing: 0.01em;
    font-weight: 600;
}
.web-messages .messages {
    /* max-height: 260px; */
    overflow-y: auto;
    margin-bottom: 10px;
    padding-right: 4px;
}
.web-messages .message {
    background: #fff;
    border-radius: 6px;
    margin-bottom: 8px;
    padding: 10px 12px;
    font-size: 0.98em;
    color: #22223b;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
    border: 1px solid #e2e8f0;
    word-break: break-word;
}
.web-messages .message:last-child {
    margin-bottom: 0;
}
.web-messages .message .person {
    font-weight: 500;
    color: #3b82f6;
    margin-right: 6px;
}
.web-messages .message .date {
    float: right;
    font-size: 0.85em;
    color: #a0aec0;
    font-weight: 400;
    margin-left: 10px;
}