/*
	Colors for this site:
		Page header:			#ee1111
		Page background:		#efeff0		(same as white text)
		Browse header:			#39635b		(was #483d3f)
		Browse alternate rows:		#d5d5d5
		Browse hover rows:		#bcb8b9
		Browse buttons:			#8f2d56		(was #045b8b)
		Hovered browse buttons:		#69213f		(was #49ace3)
		Alt "B" buttons:		#0000c0
		Hovered "B" Alt buttons:	#5555ff
		Alt "C" buttons:		#cc1111
		Hovered "C" Alt buttons:	#f47171
		"Static" buttons:		#177e89		(was #617165)
		"white" text:			#efeff0
		"black" text:			#141517
		Modal caption:			#1f2041
*/

.enable-javascript {
  display:none
}

.site-header {
	color: #efeff0;			/* "white" text */
	background-color: #ee1111;	/* Page header */
}

.site-background {
	background-color: #efeff0;	/* Page background */
	color: #141517;			/* "black" text */
}

.quiztable {
  border-collapse: separate;
  border-spacing: 6px;
  width: 1px;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
}

td.middle {
  width: 1px;
  white-space: nowrap;
}

.quiz-button {
  color: blue;
}

.quiz-button:hover {
  background-color: red;
}

.alert {
  color: red;
  font-weight: bold;
  display: none;
}

.gbbtn {
  border-collapse: separate;
  border-spacing: 6px;
  width: 1px;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
}

.xstooltip {
  visibility: hidden; 
  position: absolute; 
  top: 0;  
  left: 0; 
  z-index: 2; 

  font: normal 8pt sans-serif; 
  padding: 8px; 
  /* border: solid 1px; */
}

.vscroller {
  height:500px;
  width:auto;
  overflow:auto;
}

.kp-modal-spinner {
  z-index: 4;
}

.kp-modal-content-spinner {
  margin:auto;
  background-color:#fff;
  position:relative;
  padding:0;
  outline:0;
  width:48px;
}

.kp-modal-input-form {
  margin:auto;
  background-color:#fff;
  position:relative;
  padding:0;
  outline:0;
  width:auto;
  height:auto;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  border-color: #2196F3;
}

.ModalFormCaption {
  background-color:#1f2041;
  font-size: 120%;
  padding: 8px;
}

div.hline {
  height: 0px;
  border: 1px solid black;    
  margin-bottom:4px;
}

.kp-input-label {
  font-weight: bold;
}

.kp-label-box {
  padding:8px 16px 8px 16px;
  font-size:150%;
  cursor:pointer;
  color:#fff;
  background-color:#4CAF50;
  border-radius: 5px;
}

.kp-action-button {
  padding:8px 16px 8px 16px;
  font-size:150%;
  margin-left:32px;
  cursor:pointer;
  color:#000;
  background-color:#9e9e9e;
  border-radius: 5px;
}

.kp-action-link {
  cursor:pointer;
}

.kp-underbtn-div {
  padding-top:6px;
}

.kp-modal-btn {
  padding:8px 16px 8px 16px;
  cursor:pointer;
  font-size:125%;
  border-radius: 5px;
}

.kp-rounded-small {
  border-radius: 4px;
}

/*
.kp-rounded-small:focus {
  border-color: #2196F3; !important;
}
*/

.kp-focus-border {
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
}

.kp-focus-border:focus {
  border-color: #2196F3;
}

.kp-rounded-medium {
  border-radius: 8px;
}

.kp-rounded-large {
  border-radius: 10px;
}

.kp-browse-btn {
  border-radius: 3px;
  padding:8px 16px 8px 16px;
  margin: 4px;
  cursor: pointer;
  border: none;
  color: #efeff0;			/* "white" text */
  background-color: #8f2d56;		/* Browse buttons */
}

.kp-browse-btn-space {
  margin-right: 16px;
}

.kp-browse-btn:hover {
  background-color: #69213f;		/* Hovered browse buttons */
}

.kp-browse-btnB {
  border-radius: 3px;
  padding:8px 16px 8px 16px;
  margin: 4px;
  cursor: pointer;
  border: none;
  color: #efeff0;			/* "white" text */
  background-color: #0000c0;		/* Alt "B" buttons */
}

.kp-browse-btnB:hover {
  background-color: #5555ff;		/* Hovered "B" buttons */
}

.kp-browse-btnC {
  border-radius: 3px;
  padding:8px 16px 8px 16px;
  margin: 4px;
  cursor: pointer;
  border: none;
  color: #efeff0;			/* "white" text */
  background-color: #cc1111;		/* Alt "C" buttons */
}

.kp-browse-btnC:hover {
  background-color: #f47171;		/* Hovered "C" buttons */
}

.kp-nav-btn {
  margin: 4px;
}

.kp-nav-static {
  color: #efeff0;			/* "white" text */
  background-color: #177e89;
  cursor: default;
}

.kp-nav-static:hover {
  color: #efeff0;
  background-color: #177e89;		/* Same color as before - eliminate the hover effect*/
}

.kp-browser-table-div {
  text-align: center;
}

.kp-browser-table {
  color: #141517;			/* "black" text */
  background-color: #efeff0;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.kp-browser-table th {
  padding: 12px 8px 12px 8px;
  text-align: left;
  background-color: #39635b;		/* Browse header */
  color: #efeff0;
}

.kp-browser-table th.kp-th-centered {
  text-align: center;
}

.kp-browser-table td {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
}

.kp-td-right {
  text-align: right;
  padding-right: 12px;
}

.kp-browser-table-greyed {
  background-color: #d5d5d5;		/* Browse alternate rows */
}

.kp-browser-table-hover-tr:hover {
  background-color: #bcb8b9;		/* Browse hover rows */
}

.kp-flush-left {
  padding-left: 0px !important;
}

.kp-flush-right {
  padding-right: 0px !important;
}