/* Stargate Client Services - General CSS */
/* Last Updated: 2023.03.14 ET */

body {
	background-color: white;
	padding: 0px;
	margin: 0px;
}

body,
td,
th {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

p,
li {
	line-height: 130%;
}

li {
	margin-bottom: 1em;
}

h1 {
	font-size: 18pt;
	margin-top: 0em;
}

h2 {
	font-size: 14pt;
	margin-bottom: 0.5em;
}

h3 {
	font-size: 12pt;
	color: rgb(99,127,140);
	margin-bottom: 0.5em;
}

h4 {
	font-size: 11pt;
	color: black;
	margin: 0.5em 0em;
}

h5 {
	font-size: 10pt;
	margin: 0.5em 0em;
}

h6 {
	font-size: 14pt;
	font-weight: normal;
	margin: 0em 0em 0.5em;
}

a img	 {
	border-style: none;
} 

ul {
	margin: 1em 0em;
	padding: 0em;
}

ul li {
	margin-left: 1.5em;
}

a,
a:link,
a:visited {
	color: rgb(63,80,200);
}

a:hover {
	color: rgb(200,0,0);
}

caption {
	background-color: rgb(114,145,161);
	color: white;
	text-align: center;
	font-weight: bold;
	padding: 0.25em 1em;
}

table {
	margin: 0em 0em 1em 0em;
}

th,
td {
	text-align: left;
	vertical-align: top;
	padding: 0.25em 1em 0.25em 0em;
}

address {
	background-image: url(/images/stco_hr_newgrad_400pxw.gif);
	background-repeat: repeat-y;
	background-position: right;
	color: white;
	font-size: 16pt;
	font-style: normal;
	text-align: right;
	padding: 0.25em 1em;
	margin: 2em 0em 0em;
}

sup {
	vertical-align: text-top;
	font-size: 60%;
}

hr {
	border: 0;
	color: rgb(184,197,204);
	background-color: rgb(184,197,204);
	height: 1px;
	clear: both;
	display: block;
}

/* Named elements */

#mainlogo {
	float: left;
	margin: 5px;
}

#mainheading {
	text-align: right;
	vertical-align: bottom;
	margin: 0px;
	padding: 45px 20px 10px 170px;
}

#mainmenu {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	background-image: url(/images/stco_hr_newgrad_400pxw.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	color: rgb(114,145,161);
	line-height: 110%;
	text-align: right;
	padding: 10px 20px 5px;
}

#mainmenu a,
#mainmenu a:visited {
	text-decoration: none;
}

#mainmenu a:hover {
	text-decoration: underline;
}

#navtrail {
	background-color: rgb(114,145,161);
	font-size: 8pt;
	color: rgb(224,230,233);
	padding: 4px 30px;
	margin-top: 1px;
	clear: both;
}

#navtrail a:link,
#navtrail a:visited {
	color: rgb(224,230,233);
}

#navtrail a.main:link,
#navtrail a.main:visited {
	font-size: 10pt;
	color: white;
}

#navtrail a.on:link,
#navtrail a.on:visited {
	font-weight: bold;
	text-decoration: none;
}

#navtrail a.in:link,
#navtrail a.in:visited {
	font-weight: bold;
}

#navtrail a:hover,
#navtrail a.main:hover {
	color: rgb(255,230,230);
}

#contentlayout {
	width: 100%;
	margin-bottom: 1em;
}

#leftbar {
	width: 150px;
	background-color: rgb(184,197,204);
	padding: 20px 0px 30px 20px;
}

#leftbar h3 {
	font-size: 10pt;
	color: rgb(63,80,89);
	margin: 0em;
}

#maincontent {
	padding: 20px;
	padding-bottom: 0px;
}

#nav {
	background-color: rgb(184,197,204);
	width: 150px;
	margin: 0em;
	margin-bottom: 2em;
	list-style: none;
}

#nav li {
	background-color: black;
	font-size: 10pt;
	line-height: 110%;
	margin: 0em 0em 3px 0px;
	padding: 0px 6px 2px 0px;
}

#nav li a,
#nav li a:visited {
	background-color: rgb(63,80,89);
	color: white;
	text-decoration: none;
	display: block;
	padding: 4px 4px 4px 10px;
}

#nav li.on a {
	background-color: rgb(80,103,115);
}

#nav li ul {
	position: absolute;
	list-style: none;
	width: 14em;
	background-color: rgb(80,103,115);
	margin: 0em;
	margin-left: 150px;
	margin-top: -20px;
	padding: 0px;
	border-top: 2px solid rgb(240,0,0);
	border-left: 1px solid white;
	border-bottom: 2px solid black;
	border-right: 1px solid black;
	display: none;
}

#nav li ul li {
	margin: 0px;
	padding: 0px;
}

#nav li:hover {
	background-color: rgb(240,0,0);
}

#nav li:hover ul {
	display: block;
}

#nav li:hover a,
#nav li a:hover  {
	background-color: rgb(80,103,115);
}

#nav li ul li a:link,
#nav li ul li a:visited {
	background-color: rgb(63,80,89);
	border-right: 6px solid rgb(63,80,89);
	border-bottom: 1px solid rgb(80,103,115);
}

#nav li ul li.on a:link,
#nav li ul li.on a:visited {
	background-color: rgb(80,103,115);
	border-bottom-color: rgb(63,80,89);
}

#nav li ul li a:hover {
	background-color: rgb(80,103,115);
	border-right: 6px solid rgb(240,0,0);
	border-bottom: 1px solid rgb(240,0,0);
}

#rightbar {
	width: 150px;
	background-color: rgb(184,197,204);
	background-image: url(/images/stco_bkgd_three-stars_170pxw.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 20px 20px 30px 0px;
}

#rightbar p {
	margin-left: 1.2em;
}

#rightbar ul {
	color: rgb(80,103,115);
	list-style-type: square;
	font-size: 8pt;
	margin-left: 6px;
	margin-bottom: 2em;
}

#rightbar ul li {
	line-height: 120%;
	margin-bottom: 0.7em;
	border-bottom: 1px solid rgb(184,197,204);
}

#rightbar ul a,
#rightbar ul a:visited {
	color: black;
	display: block;
	text-decoration: none;
}

#rightbar ul a:hover {
	color: rgb(200,0,0);
}

#rightbar h6 {
	background-color: rgb(99,127,140);
	color: white;
	font-weight: normal;
	font-size: 10pt;
	margin: 0px;
	padding: 2px 4px 2px 10px;
	border-left: 6px solid rgb(80,103,115);
}

#rightbar ul.subnav {
	width: 150px;
	margin: 0em;
	list-style: none;
}

#rightbar ul.subnav li {
	font-size: 10pt;
	line-height: 110%;
	background-color: rgb(80,103,115);
	margin: 0em 0em 3px;
}

#rightbar ul.subnav li a,
#rightbar ul.subnav li a:visited {
	background-color: rgb(99,127,140);
	color: white;
	text-decoration: none;
	display: block;
	padding: 4px 4px 4px 10px;
	border-left: 6px solid rgb(80,103,115);
	border-bottom: 2px solid rgb(80,103,115);
}

#rightbar ul.subnav li.on a {
	background-color: rgb(114,145,161);
}	

#rightbar ul.subnav li a:hover {
	background-color: rgb(114,145,161);
	color: white;
	border-color: rgb(200,0,0);
}

#urlfooter {
	clear: both;
	text-align: right;
	margin: 2em 0em 0em;
}

#footer {
	color: rgb(80,103,115);
	font-size: 7pt;
	padding: 10px 20px;
}

#webstatwks_row0 td {
	background-color: rgb(255,230,230) !important;
}

/* Custom classes */

a.highlight {
	text-decoration: none;
	font-weight: bold;
}

a.highlight:hover {
	text-decoration: underline;
}

div.dialog {
	background-color: white;
	border: 1px solid black;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

table.dataTable {
	margin: 0em 0em 1em;
	border-collapse: collapse;
}

table.dataTable th {
	color: black;
	font-weight: bold;
	line-height: 105%;
	border-bottom: 1px solid black;
	border-top: 3px solid rgb(114,145,161);
	border-right: 1px solid rgb(224,230,233);
	border-left: 1px solid rgb(224,230,233);
	padding: 0.25em 0.5em;
}

table.dataTable td {
	border-top: 1px solid rgb(114,145,161);
	border-bottom: 1px solid rgb(114,145,161);
	padding: 0.25em 0.5em;
	border-right: 1px solid white;
}

table.dataTable tr.evenRow td {
	background-color: rgb(239,242,244);
}

table.dataTable tr.oddRow td {
	background-color: rgb(224,230,233);
}

table.dataTable tr.controlRow td {
	background-color: white;
	border: none;
}

table.dataTable tr.controlRow td.aright {
	padding-right: 0em;
}

table th .minor {
	font-weight: normal;
}

table.dataTable td.money {
	text-align: right;
}

table.dataTable tr.totals td {
	font-weight: bold;
	border-top: 2px solid rgb(114,145,161);
	border-bottom: 1px solid black;
	border-right: 1px solid rgb(224,230,233);
	border-left: 1px solid rgb(224,230,233);
}

table.dataTable a {
	text-decoration: none;
}

table.dataTable a:hover {
	text-decoration: underline;
}

table.dataTable .highlight {
	font-weight: bold;
}

table.dataTable .highlight a {
	text-decoration: none;
}

table.important {
	border: 1px dashed rgb(240,0,0);
}

table.outputform td {
	font-size: 90%;
	line-height: 120%;
	vertical-align: top;
	padding: 0.4em 1em 0.4em 0em;
}

table.grid {
	border-top: 1px solid rgb(184,197,204);
}

div.alertsBox {
	border-top: 1px solid rgb(160,0,0);
	background-color: #F3F7FF;
	margin-bottom: 10px;
	width: auto;
	font-size: 85%;
	padding: 10px;
}

div.alertsBox h5 {
	display: block;
	width: auto;
	color: rgb(160,0,0);
	font-weight: bold;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-right: 5px;
	padding-bottom: 9px;
	letter-spacing: 0.02em;
	font-size: 120%;
}

div.alertsBox .item {	
	padding-bottom: 7px;
}

div.alertsBox .item .date {
	font-style: italic;
	display: inline;
	margin: 0px;
	padding: 0px;
	margin-left: 8px;
}

.subMenu {
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 1em;
	padding-bottom: 8px;
	border-bottom: 1px solid rgb(99,127,140);
}

.subMenu a,
.subMenu a:visited {
	display: block;
	float: left;
	background-image: url(/images/stco_bkgd_tab-corner-tr.gif);
	background-repeat: no-repeat;
	background-position: top right;
	background-color: rgb(184,197,204);
	color: black;
	text-decoration: none;
	padding: 4px 15px 4px 10px;
	margin-right: 4px;
	border-bottom: 1px solid rgb(99,127,140);
}

.subMenu a.on {
	background-image: url(/images/stco_bkgd_tab-corner-tr-on.gif);
	background-color: rgb(224,230,233);
	border-bottom: 1px solid rgb(224,230,233);
	border-left: 1px solid rgb(99,127,140);
}

.subMenu a:hover {
	background-image: url(/images/stco_bkgd_tab-corner-tr.gif);
	background-color: rgb(114,145,161);
	border-bottom: 1px solid rgb(240,0,0);
	color: white;
}

.subMenuHead {
	font-size: 90%;
	display: block;
	color: black;
	padding: 2px;
	font-size: 80%;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid rgb(99,127,140);
	line-height: 110%;
	font-weight: bold;
	/* not needed, turn off */
	display: none;
}

.subMenu2 {
	border-collapse: collapse;
	font-size: 80%;
	margin-right: 15px;
}

.subMenu2 td {
	text-align: center;
	border-right: 1px solid rgb(114,145,161);
	border-left: 1px solid rgb(114,145,161);
	background-color: rgb(224,230,233);
	padding: 0em;
}

.subMenu2 a {
	text-align: center;
	background-color: rgb(224,230,233);
	text-decoration: none;
	display: block;
	padding: 0.25em 0.5em;
}

.subMenu2 a:hover {
	background-color: rgb(114,145,161);
	color: white;
}

.subMenu2 a.on {
	background-color: rgb(224,230,233);
	color: black;
}

.subMenu2 td a.on .minor {
	color: white;
}

.subMenu2 td a:hover .minor {
	color: white;
}

.subMenu2Head {
	display: none;
}

.subMenu3 {
	top: 0;
	color: rgb(114,145,161);
}

.subMenu3 a {
	white-space: nowrap;
}

.subMenu3 .active a,
.subMenu3 .active a:visited {
	font-weight: bold;
	color: black;
	text-decoration: none;
}

table.hgraph td {
	vertical-align: middle;
	background-color: rgb(224,230,233);
	padding: 0.25em 0.5em;
}

.num {
	text-align: right;
}

.warning,
.alert {
	color: rgb(240,0,0);
}

.caution {
	color: rgb(153,153,0);
}

.warn {
	color: rgb(192,128,0);
}

.critical {
	color: rgb(255,0,0);
}

.minor {
	font-size: 80%;
	color: rgb(80,103,115);
}

.footer {
	font-size: 10px;
	color: rgb(149,171,183);
}

.footer a {
	text-decoration: none;
	color: rgb(149,171,183);
}

.footer a:hover {
	color: rgb(132,123,40);
}

.center_block {
	margin-left: auto;
	margin-right: auto;
}

.center_text,
.acenter {
	text-align: center;
}

.aright {
	text-align: right;
}

.aleft {
	text-align: left;
}

.olddata {
	color:rgb(100,100,100);
	font-style: italic;
}

.notice {
	background-color: rgb(224,230,233);
	padding: 0.5em 1em;
	border: 2px solid rgb(114,145,161);
}

.lsidebar {
	float: left;
	width: 30%;
	margin: 0em 0em 1em 1em;
}

.rsidebar {
	float: right;
	width: 30%;
	margin: 0em 0em 1em 1em;
}

.nobr {
	white-space: nowrap;
}

.printonly {
	display: none;
}

/* STICKY STUFF */

div.submenus {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2;
	background-color: white;
}

thead th {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2;
	background-color: white;
}

/* CONDITIONAL SELECTORS */

h1:first-child,
h2:first-child,
h3:first-child {
	margin-top: 0px;
}

h2 + h3 {
	margin-top: -0.4em;
}

h2 + p.minor,
h3 + p.minor,
h4 + p.minor {
	margin-top: -0.5em;
}