html, body {
	color: white;
	background-color: black;
	font-family: Verdana, Geneva, sans-serif;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
input, select, textarea {
	font-family: inherit;
	font-size: inherit;
}
textarea {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.hugetext {
	font-size: 32px;
	line-height: 120%;
}
.bigtext {
	font-size: 24px;
	line-height: 120%;
}
.medtext18 { font-size: 18px; }
.medtext {
	font-size: 15px;
	line-height: 120%;
}
.regtext13 { font-size: 13px; }
.regtext { font-size: 12px; }
.smtext { font-size: 11px; }
.fineprint, .fineprintB, .tsPrint, .autoNote {
	font-size: 10px;
	font-style: italic;
	text-align: center;
	color: darkgrey;
}
.fineprintB { color: black; }
.tsPrint { color: grey; }
.autoNote, .pend { color: darkorange;  }
.pend { text-decoration: overline underline; }
.tinytext { font-size: 8px; }
.RUNButton, .RUNButtonSM, .RUNButtonXSM {
	font-family: Convergence, Veranda, sans-serif;
	font-style: italic;
	font-weight: bold;
	color: white;
	background-color: blue;
	border: none;
	padding: 6px 12px;
	text-align: center;
	display: inline-block;
	font-size: 14px;
	border-radius: 12px;
	cursor: pointer;
} 
.RUNButtonSM {
	font-size: 11px;
	padding: 4px 10px;
	border-radius: 10px;
}
.RUNButtonXSM {
	font-size: 9px;
	padding: 3px 8px;
	border-radius: 9px;
}
.RUNButtonRev {
	background-color: white;
	color: blue;
	font-weight: normal;
}
.saveBtn {
	position: absolute;
	top: 2px;
	left: 2px;
}
.cancelBtn {
	position: absolute;
	top: 2px;
	right: 2px;
}
input, .dsRad8 {
	border-radius: 8px;
	padding: 0 5px;
}
.email {
	color: blue;
	text-decoration: underline;
}
a {
	color: blue;
	text-decoration: none;
}
a:hover {
	color: white;
	cursor: pointer;
}
.err {
	color: rgb( 200, 60, 75 );
	font-weight: bold;
	font-style: italic;
}
.bgWht1 { background-color: rgba( 255, 255, 255, 0.1 ); }
.cIPhone a { color: black; } /* ugh; needed or iPhone renders as a light blue link */
.pointer { cursor: pointer; }
.bold { font-weight: bold; }
.fwn { font-weight: normal; }
.noDisp { display: none !important; }
.noVis { visibility: hidden; }
.black { color: black; }
.white { color: white; }
.grey { color: grey; }
.red { color: rgb( 200, 60, 75 ); }
.dRed { color: darkRed; }
.blue { color: blue; }
.lBlue { color: lightBlue; }
.lsBlue { color: LightSkyBlue; }
.ital { font-style: italic; }
.lft { text-align: left; }
.rt { text-align: right; }
.ctr { text-align: center; }
.top { vertical-align: top; }
.mid { vertical-align: middle; }
.bot { vertical-align: bottom; }
.ib { display: inline-block; }
.w100 { width: 100%; }
.w75 { width: 75%; }
.w50 { width: 50%; }
.w49 { width: 49%; }
.w25 { width: 25%; }
.h100 { height:100%; }
.bdr1 { border: DeepSkyBlue solid 1px; }
.bdr2 { border: DeepSkyBlue solid 2px; }
.bdr3 { border: DeepSkyBlue solid 3px; }
.bdr1B { border: black solid 1px; }
.bdr1B-bot { border-bottom: black solid 1px; }
.bdr1G-bot { border-bottom: grey solid 1px; }
.pd63 { padding: 6px 3px; }
.lhnorm { line-height: normal; }
.xHiLite:hover { opacity: 0.3; }
.highlightW:hover { color: white; }
.highlightB:hover { color: blue; font-weight: bold; }
.highlightGR:hover { color: grey; }
.highlightLGR:hover, .highlightLGR:hover .white { color: lightGrey; }
.hiMatch { color:black; background-color: yellow; }
.bsBb { box-sizing: border-box; }   /* the stupidest thing I've seen regarding CSS... */
.tbl { display: table; }
.tcVm, .tcVt, .tcVb {
	display: table-cell;
	vertical-align: middle;
}
.tcVt { vertical-align: top; }
.tcVb { vertical-align: bottom; }
.inputForm input, .inputForm textarea, .inputFormR input, .inputFormR textarea { width: 96%; }
.inputFormR {
	position: relative;
	padding: 10px;
}
.tabWrap { display: none; }
.onTop {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin:auto;
}
.allCover, .allCoverCT {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	opacity: 0.40;
	background-color: black;
}
.allCoverCT {  /* "click-through" version */
	opacity: 0;
	background-color: transparent;
	z-index: -1;
}
.editBoxes {
	border: solid blue 1px;
	color: black;
	background: skyBlue;
	text-align: center;
        position: absolute;
	width: 200px;
	z-index: 100;
}
.banner {
	color: black;
	background: white;
	height: 45px;
}
.bannerTbl {
	padding: 0;
	border-collapse: collapse;
	margin: 0 auto 0 auto;
}
.bannerTbl tr td { padding: 0; text-align: center; }
.bannerTbl tr td:nth-child( 1 ) { text-align: left; }
#HEAD_srch { width: 180px; }
.topStatBox {
	background-color: white;
	border: DeepSkyBlue solid 2px;
	padding: 4px;
	margin: 3px;
	color: blue;
	vertical-align: top;
}
.topStatBox input { margin: 0; }
.topStatBox table td:first-child { text-align: right; }
.topStatBox table td:last-child {
	text-align: left;
	font-weight: bold;
}
.statTbl td:first-child { max-width: 120px; }
.UD {
	color: darkGrey;
	font-style: normal;
	line-height: 90%;
}
.assCol {
	display: inline-block;
	font-size: 12px;
	width: 49%;
	text-align: right;
	font-weight: normal;
}
.assCol div { display: inline-block; }
.assCol div:last-child {
	width: 18px;
	text-align: left;
	font-weight: bold;
}
.dsX {
	width: 13px;
	padding: 0 5px;
}
.tRow { font-size: 0; display: table; margin:auto; }
.tRow * { box-sizing: border-box; }
.ibT, .ibTx { font-size: 12px; display: inline-block; }
.tCol1 { font-size: 0; }
.tCol1, .tCol2, .tCol3 { display: table-cell; }
.tHdr {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
}
.tHdr .ibT, .tHdr .ibTx { font-size: 10px; font-style: italic; }
.id { width: 35px; }
.id span { font-size: 9px; }
.loc { width: 80px; }
.list_date { width: 80px; }
.creator { width: 50px; }
.priority { width: 75px; }
.status { width: 72px; }
.assign { width: 55px; }
.assign_date { width: 80px; display: inline-block; }
.descWrap { width: 400px; text-align: left; }
.notesWrap { width: 400px; position: relative; }
.notes { text-align: left; overflow: hidden; }
.moreNote {
 	color: black;
	background-color: yellow;
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 10px;
	font-style: italic;
}
.createTask, .updTask, .uplBox {
	position: absolute;
	width: 600px;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-color: white;
	padding: 2px;
	z-index: 2;
}
#ADMIN_userInfo td:first-child { text-align: right; font-style: italic; }
#ADMIN_userInfo td:last-child { text-align: left; font-weight: bold; }
.updProfBox { width: 75%; margin: 6px auto; }
.updProfBox td { text-align: left; }
.updProfBox td:first-child { width: 98px; text-align: right; }
.updTbl { width: 300px; text-align: left; margin: auto; }
.updTbl tr:nth-of-type( odd ) { font-style: italic; border-top: 1px solid deepskyblue; }
.updTbl tr:nth-of-type( even ) { font-weight: bold; }
.updTbl td { width: 50%; border-right: 1px solid deepskyblue; cursor: pointer; }
.ccTbl { border-collapse: collapse; width: inherit; }
.ccTbl tr, .ccTbl td { border: none !important; vertical-align: middle; cursor: default; }
span[data-uId] { cursor: pointer; }
span[data-uId]:hover { font-weight: bold; }
#updTaskNotes table, #updTaskNotes td { border: 1px solid deepskyblue; }
#updTaskNotes td:first-child { width: 125px; vertical-align: top; font-size: 10px; }
.toOth { width: 200px; }
.imgIcon {
	position: absolute;
	top: 0px;
	right: 0px;
}
.imgIcon img { width: 20px; }
#archiveTbl tr { cursor: pointer; }
#archiveTbl tr:hover { opacity:30%; }
#archiveTbl tr.hdr {
	color: black;
	font-size: 10px;
	font-style: italic;
	cursor: default;
}
#archiveTbl tr.hdr:hover { opacity: 100%; }
#archiveTbl td { width: 25%; }
#archiveTbl td:nth-child( 1 ) { font-weight: bold; }

.z1 { z-index: 1; }  /* these need to appear as late as possible */
.z2 { z-index: 2; }
.z5 { z-index: 5; }
.z8 { z-index: 8; }
.z9 { z-index: 9; }
.z10 { z-index: 10; }
.zi { z-index: inherit; }

.widthDef5 { width: 180px; }

@media only screen and (max-width: 1350px) {
	.descWrap, .notesWrap { width: 360px; }
}
@media only screen and (max-width: 1200px) {
	.tRow { border: yellow solid 2px; }
	.tCol1, .tCol2, .tCol3 { display: inline-block; }
}
@media only screen and (max-width: 1024px) {
	input { line-height: 150%; }
	input, textarea, select { font-size: 16px; }
	.bannerTbl { width: 100%; }
}
@media only screen and (max-width: 515px) {
	.widthDef5 { width: auto; }
	.hideWrap5 { display: none; }
	#HEAD_srch { width: 80px; }
}
@media only screen and (max-width: 500px) {
	input, textarea, select { font-size: 16px; }
	input { line-height: 150%; }
	.hsBtn { font-size: 10px; }
}
@media only screen and (max-width: 375px) {
	.tabWrap { display: inline; }
	.hideWrap { display: none; }
	.descWrap { width: 100%; }
	.notesWrap { width: 100%; }
	.bannerTbl { width: 100%; }
	.createTask, .updTask, .uplBox { width:100%; }
	.createTask select, .updTask select { width: 99%; }
	.updProfBox { width: 100%; }
}