@import url("general.css");

/*
 * Navigation bar.
 */
td.navigationbar {
	padding-left: 10px;
	background-color: #AEC8E9;
	height: 30px;
	vertical-align: middle;
}

.section {
	margin-bottom: 10px;
}

td-center {
  text-align: center;
}

/* Key/value combination tables */
td.label {
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	white-space: nowrap;
}

td.value {
	white-space: nowrap;
}

td.value option,td.value input,td.value select {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.textlabel {
	padding-right: 5px;
}

input.default,select.default {
	margin-right: 10px;
}

/*
 * Tables with data (meaning not the tables
 * used to bypass half-heartness from IE
 * to implement the CSS boxing model).
 */
table.realtable {
	background-color: #cccccc;
	margin-bottom: 10px;
}

.th {
	background-color: #4774AF;
	color: white;
	font-weight: bold;
}

/* Alternating colors for the rows */
.tr0 {
	background-color: #e7e7e7;
}

.tr0-bold {
	background-color: #e7e7e7;
  font-weight: bold;
}

.trselect0 {
	background-color: #d0d0ff;
}

.tr0 td,.trselect0 td {
	white-space: nowrap;
}

.trselect1 {
	background-color: #e0e0ff;
}

.trtddisable {
	background-color: orange;
}

.tr1 td,.trselect1 td {
	white-space: nowrap;
}

.tr1,.pages {
	background-color: white;
	white-space: nowrap;
}

.checkAll {
	font-size: 8pt;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: normal;
	text-decoration: underline;
}

/*
 * Styles related to actions that can be performed on the screen and
 * normal references from the links.
 */
a.pages,a.pages:visited {
	color: #2b842f;
	white-space: normal;
}

.history,a.history,a.history:visited,a.history:link,a.history:hover {
	color: #777777;
	font-size: 8pt;
}

input.button {
	background-color: #e7e7e7;
	border-width: 1px;
	border-color: #777777;
	margin-right: 5px;
	width: 70px;
}

input.button2 {
	background-color: #e7e7e7;
	border-width: 1px;
	border-color: #777777;
	margin-right: 5px;
	width: 90px;
}

input.buttonrawtable {
	background-color: #e7e7e7;
	border-width: 1px;
	border-color: #777777;
	margin-right: 5px;
}

.messagetitle {
	font-style: italic;
	font-weight: bold;
}

.warningitems {
	font-style: italic;
}

/*
 * Anylink classes
 */
.anylinkcss {
	position: absolute;
	visibility: hidden;
	border: 1px solid #777777;
	border-bottom-width: 0;
	line-height: 15px;
	z-index: 100;
	background-color: #e7e7e7;
	color: black;
	white-space: nowrap;
	width: 150px;
}

.anylinkcss a {
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #777777;
	padding: 1px 0;
	text-decoration: none;
	font-size: 8pt;
}

.anylinkcss a:hover,.anylinkcsse a:hover { /*hover background color*/
	background-color: black;
	color: white;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}