/*disable all image borders by default*/
img {
	border-style: none;
}

@font-face {
	font-family: 'Lato';
	src: url('/CyberAuditWeb/fonts/Lato-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Lato-Bold';
	src: url('/CyberAuditWeb/fonts/Lato-Bold.ttf') format('truetype');
}

body {
	font-family: Lato, Helvetica, sans-serif;
}

body.common {
	margin: 0;
	font-size: medium;
	font-weight: normal;
}

body.child, tr.managePage {
	background-color: var(--page-background-color);
	margin: 0;
	margin-left: 2px;
	margin-top: 4px;
	font-size: medium;
	font-weight: normal;
}

.linkedCheckRadio {
	cursor: pointer;
}

.bulk-apply-checkbox {
	font-style: italic;
	color: var(--alternate-dark-text-color);
}

span.errorMsgBkg {
	font-weight: bold;
	font-size: small;
	color: var(--error-color);
}

.errorMsg {
	font-weight: bold;
	font-size: small;
	background-color: white;
	color: var(--error-color);
	margin: 0 auto;
}

.errorText {
	font-weight: bold;
	color: var(--error-color);
	margin: 0 auto;
	padding: 8px 8px;
}

ul.errorMsg {
	padding: 8px 40px;
}

ul.errorMsg li.hidden {
	display: none;
}

ul.errorMsg li.show-more {
	cursor: pointer;
	text-decoration: underline;
	color: var(--alternate-text-color-1);
}

.infoText {
	font-weight: bold;
	margin: 0 auto;
	padding: 8px 8px;
}

span.warnMsg {
	font-weight: normal;
	background-color: var(--white);
	color: var(--error-color);
}

span.workOn {
	color: var(--alternate-text-color-2);
	font-weight: bold;
}

span.workOff {
	display: none;
}

.smallButton {
	width: 50px;
	font-size: small;
}

.wideButton {
	width: 80px;
	font-size: small;
}

div#collapsableTree, div#treeCollapse {
	z-index: 2;
}

div#aboutArea {
	width: 100%;
	font-size: medium;
	color: white;
	position: absolute;
	top: 60px;
	left: 33px;
}

div#aboutArea a {
	color: var(--alternate-text-color-3);
}

img {
	border: none;
}

td.tabButtonsCol {
	padding-top: 8px;
	padding-bottom: 8px;
}

.sectionLaunchLink /*for things like the CyberLink launch link*/
{
	margin-left: 1.5em;
	font-size: smaller;
}

.sectionLaunchLink img {
	vertical-align: middle;
}

td.scheduleData {
	width: 40px;
}

td.leftPadded {
	padding-left: 2em;
}

div.logoutArea {
	top: 10px;
	left: 90%;
	position: absolute;
	z-index: 2;
}

a.status {
	top: 10px;
	left: 48%;
	position: absolute;
	z-index: 2;
}

div.printArea {
	top: 36px;
	left: 90%;
	padding-left: 34px;
	position: absolute;
}

span.formFieldError {
	font-weight: bold;
	color: var(--error-color);
}

div.treeButtons {
	background-color: var(--tree-button-background-color);
	height: 25px;
	padding-bottom: 0;
	padding-top: 4px;
	text-align: center;
}

div#treeCollapse {
	width: 15px;
	padding-right: 2px;
	overflow: hidden;
}

div#treeCollapse a {
	padding-bottom: 1px;
	display: block;
}

div.treeTitle {
	background-color: var(--tree-title-background-color);
	height: 21px;
	padding-bottom: 0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: var(--primary-border-color);
	font-size: small;
	font-weight: bold;
	text-align: center;
}

table.childHeaderTable {
	width: 100%;
}

td.childHeaderToolbarCell {
	width: 25%;
	padding-left: 2px;
}

td.childHeaderTitleCell {
	width: 60%;
}

td.childHeaderPrintCell {
	width: 15%;
	padding-right: 2px;
	height: 28px;
}

tr.childHeaderPageControlRow {
	font-size: 90%;
}

div.childTitleHeader {
	width: 75%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

div#headerPrint {
	position: absolute;
	top: 4px;
	right: 10px;
}

a.help {
	font-weight: normal;
	color: var(--alternate-dark-text-color);
}

a.help:visited {
	color: var(--alternate-dark-text-color);
}

a.help:hover {
	color: var(--alternate-text-color-4);
}

.noticeBox a.help {
	font-size: medium;
}

div.about {
	top: 36px;
	left: 66px;
	position: absolute;
	z-index: 2;
	font-size: medium;
	font-weight: bold;
}

span.flashOn {
	color: white;
}

span.flashOff {
}

tr.rowOff {
}

tr.rowOn {
	background-color: var(--list-table-row-on-color) !important;
}

/*Used make all hidden forms take up no space on the page.
  Can't use display:none because Netscape might
  disable the forms*/
div.hiddenArea {
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}

div#registerTitle {
	background-color: white;
	padding: 2px;
	width: 100%;
	text-align: center;
}

div#progArea {
	display: none;
	position: absolute;
	top: 5px;
	left: 25%;
	width: 50%;
	z-index: 9;
}

div#progBorder {
	border-width: 1px;
	border-style: solid;
	border-color: var(--prog-border-color);
	background-color: var(--prog-border-background-color);
}

div#progBar {
	width: 0;
	background-color: var(--prog-bar-color);
}

div#progTxt {
	position: relative;
	top: -1.25em;
	text-align: center;
	font-weight: bold;
}

div.progJobMessageArea {
	text-align: center;
	position: absolute;
	top: 42px;
	left: 0;
	font-size: small;
	font-weight: bold;
	overflow: auto;
	z-index: 2;
	background-color: var(--prog-job-message-area-color);
}

div.note {
	border: 1px solid var(--primary-border-color);
	padding: 0.2em;
	background-color: var(--note-background-color);
	font-size: small;
	font-weight: normal;
	color: var(--note-text-color);
}

div.note #title {
	font-weight: bold;
	color: var(--note-title-color);
}

div.note .note-title {
	font-weight: bold;
	color: var(--note-title-color);
}

a.sort {
	white-space: nowrap;
}

a.sort, a.sort:visited {
	text-decoration: none;
	color: black;
}

a.sort:hover {
	color: var(--hover-color);
}

td.padded {
	padding-left: 10px;
	padding-right: 10px;
}

td.lbl {
	color: black;
	white-space: nowrap;
}

td.val, td.link {
	padding-left: 5px;
}

table.fieldTbl {
	font-size: small;
}

@media print {
	div.pagedChildContentArea {
		overflow: visible;
		position: static;
	}

	div.childContentArea {
		overflow: visible;
		position: static;
	}

	iframe.childFrame {
		top: 60px;
		left: 202px;
		position: absolute;
		overflow: visible;
		z-index: 2;
		background-color: var(--page-background-color);
	}
}

/*management section*/

body#management legend {
	color: black;
	font-weight: bold;
}

body#management h3 {
	margin-top: 0;
}

button.mnuBtn {
	width: 10em;
	margin-bottom: 10px;
}

tr.active, tr.inactive, tr.deleted {
	height: 2.5em;
}

tr.inactive {
	color: var(--list-table-inactive-row-color);
}

tr.deleted {
	text-decoration: line-through;
	color: var(--list-table-deleted-row-color);
}

div.formRow {
	margin-bottom: 0.5em;
}

div.inputLine {
	margin-bottom: 5px;
}

/*special styling for key missions*/
.mcell {
	color: var(--key-missions-color) !important;
}

/*special styling for expired keys*/
.ecell {
	color: var(--expired-keys-color) !important;
}

/*custom styling for foreign locks*/
.fcell {
	color: var(--foreign-locks-color) !important;
	font-style: italic;
}

a.calIconAnchor {
	cursor: pointer;
}

a.calIconAnchor.disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

img.calIcon {
	border-style: none;
	vertical-align: middle;
}

/*floated form buttons (javascript does the positioning)*/
#actionArea {
	position: fixed !important;
	bottom: 20px;
	background: var(--form-action-area-color);
	z-index: 10000;

	width: inherit;  /*100% causes scrollbar sometimes*/
	display: flex;
}

@media screen, handheld {
	div.pagedChildContentArea {
		overflow: auto;
	}

	div.childContentArea {
		/*overflow:auto;*/
	}

	iframe.childFrame {
		width: 99%; /*don't use 100% because it causes a useless scrollbar to appear on some browser versions*/
	}
}

form.PagerArea {
	display: inline;
	font-size: small;
}

form.PagerArea * {
	vertical-align: middle;
}