@import url("../main.css");

body {
	--header-background-color: #404040;
	--header-text-color: #C0C0C0;
	--header-link-home-color: #80A0F0;
	--header-dusrm-color: #40C0C0;
	--header-link-mail-color: #40C040;
	--header-missilename-color: #FFFF80;
	--header-font: "Verdana", Arial, Helvetica, sans-serif;
	
	--app3-special-table-color: #FFFFC0;
	
	border-width: 0px 10vw;
	border-style: solid;
	border-color: #d0d0d0;
}

/* Main page header */

.main-header {
	width: 100%;
	background-color: var(--header-background-color);
	border: 0;
	text-align: center;
}

.main-header tr:nth-child(1) {
	font-size: 180%;
	color: var(--header-text-color);
	font-family: var(--header-font);
	font-weight: bold;
	font-style: italic;
}

.main-header tr:nth-child(1) a {
	color: var(--header-link-home-color);
}

.main-header tr:nth-child(1) td {
	padding: 10px 0 10px 0;
}

.main-header tr:nth-child(2) {
	font-size: 200%;
	font-family: var(--header-font);
	font-weight: bold;
	font-style: italic;
	color: var(--header-dusrm-color);
}

.main-header tr:nth-child(2) td {
	padding: 5px 0 20px 0;
}

.main-header tr:nth-child(3) {
	color: var(--header-text-color);
}

.main-header tr:nth-child(3) a {
	color: var(--header-link-mail-color);
}

.main-header tr:nth-child(3) td {
	padding: 10px 0 10px 0;
}

/* Appendix main page header */

.app-main-header {
	width: 100%;
	background-color: var(--header-background-color);
	border: 0;
	text-align: center;
}

.app-main-header tr:nth-child(1) {
	font-size: 180%;
	color: var(--header-text-color);
	font-family: var(--header-font);
	font-weight: bold;
	font-style: italic;
}

.app-main-header tr:nth-child(1) a {
	color: var(--header-link-home-color);
}

.app-main-header tr:nth-child(1) td {
	padding: 10px 0 10px 0;
}

.app-main-header tr:nth-child(2) {
	font-size: 200%;
	font-family: var(--header-font);
	font-weight: bold;
	font-style: italic;
}

.app-main-header tr:nth-child(2) a {
	color: var(--header-dusrm-color);
	text-decoration: none;
}

.app-main-header tr:nth-child(2) td {
	padding: 5px 0 0 0;
}

.app-main-header tr:nth-child(3) {
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	color: var(--header-text-color);
}

.app-main-header tr:nth-child(3) td {
	padding: 0 0 20px 0;
}

.app-main-header tr:nth-child(4) {
	color: var(--header-text-color);
}

.app-main-header tr:nth-child(4) a {
	color: var(--header-link-mail-color);
}

.app-main-header tr:nth-child(4) td {
	padding: 10px 0 10px 0;
}


/* Header of a standard missile page */

.header {
	width: 100%;
	background-color: var(--header-background-color);
	padding: 6px;
	border: 0;
}

.header tr:nth-child(1) {
	text-align: center;
	font-size: 150%;
	font-family: var(--header-font);
	font-weight: bold;
	font-style: italic;
}

.header tr:nth-child(1) a {
	color: var(--header-dusrm-color);
	text-decoration: none;
}

.header tr:nth-child(2) {
	text-align: center;
	font-size: 300%;
	font-family: var(--header-font);
	color: var(--header-missilename-color);
	font-weight: bold;
}

.header tr:nth-child(3) {
	text-align: left;
	font-family: var(--header-font);
	font-size: 80%;
}

.header tr:nth-child(3) a {
	color: var(--header-text-color);
}

.header tr:nth-child(4) {
	text-align: center;
	color: var(--header-text-color);
}

.header tr:nth-child(4) a {
	color: var(--header-link-mail-color);
}

/* Header of an appendix missile page */

.app-header {
	width: 100%;
	background-color: var(--header-background-color);
	padding: 6px;
	border: 0;
	text-align: center;
}

.app-header tr:nth-child(1) {
	font-size: 150%;
	font-family: var(--header-font);
	font-weight: bold;
	font-style: italic;
}

.app-header tr:nth-child(1) a {
	color: var(--header-dusrm-color);
	text-decoration: none;
}

.app-header tr:nth-child(2) {
	font-family: var(--header-font);
	font-size: 110%;
	font-weight: bold;
	font-style: italic;
}

.app-header tr:nth-child(2) a {
	color: var(--header-text-color);
	text-decoration: none;
}

.app-header tr:nth-child(3) {
	text-align: center;
	font-size: 300%;
	font-family: var(--header-font);
	color: var(--header-missilename-color);
	font-weight: bold;
}

.app-header tr:nth-child(3) td {
	padding: 10px 0 40px 0;
}

.app-header tr:nth-child(4) {
	text-align: center;
	color: var(--header-text-color);
}

.app-header tr:nth-child(4) a {
	color: var(--header-link-mail-color);
}

/* Header of a missile page in appendix 2 and appendix 5 */

.app2-header {
	width: 100%;
	background-color: var(--header-background-color);
	padding: 6px;
	border: 0;
	text-align: center;
}

.app2-header tr:nth-child(1) {
	font-size: 150%;
	font-family: var(--header-font);
	font-weight: bold;
	font-style: italic;
}

.app2-header tr:nth-child(1) a {
	color: var(--header-dusrm-color);
	text-decoration: none;
}

.app2-header tr:nth-child(2) {
	font-family: var(--header-font);
	font-size: 110%;
	font-weight: bold;
	font-style: italic;
}

.app2-header tr:nth-child(2) a {
	color: var(--header-text-color);
	text-decoration: none;
}

.app2-header tr:nth-child(3) {
	text-align: center;
	font-size: 300%;
	font-family: var(--header-font);
	color: var(--header-missilename-color);
	font-weight: bold;
}

.app2-header tr:nth-child(3) td {
	padding: 10px 0 0 0;
}

.app2-header tr:nth-child(4) {
	text-align: left;
	font-family: var(--header-font);
	font-size: 80%;
}

.app2-header tr:nth-child(4) a {
	color: var(--header-text-color);
}

.app2-header tr:nth-child(5) {
	text-align: center;
	color: var(--header-text-color);
}

.app2-header tr:nth-child(5) a {
	color: var(--header-link-mail-color);
}

/* Header of a missile page in appendix 3 */

.app3-header {
	width: 100%;
	background-color: var(--header-background-color);
	padding: 6px;
	border: 0;
	text-align: center;
}

.app3-header tr:nth-child(1) {
	font-size: 150%;
	font-family: var(--header-font);
	font-weight: bold;
	font-style: italic;
}

.app3-header tr:nth-child(1) a {
	color: var(--header-dusrm-color);
	text-decoration: none;
}

.app3-header tr:nth-child(2) {
	font-family: var(--header-font);
	font-size: 110%;
	font-weight: bold;
	font-style: italic;
}

.app3-header tr:nth-child(2) a {
	color: var(--header-text-color);
	text-decoration: none;
}

.app3-header tr:nth-child(3) {
	text-align: center;
	font-size: 300%;
	font-family: var(--header-font);
	color: var(--header-missilename-color);
	font-weight: bold;
}

.app3-header tr:nth-child(3) td {
	padding: 10px 0 0 0;
}

.app3-header tr:nth-child(4) {
	text-align: left;
	font-family: var(--header-font);
	font-size: 80%;
}

.app3-header tr:nth-child(4) a {
	color: var(--header-text-color);
}

.app3-header tr:nth-child(5) {
	text-align: center;
	color: var(--header-text-color);
}

.app3-header tr:nth-child(6) {
	font-size: 80%;
	text-align: center;
	color: var(--header-text-color);
}

.app3-header tr:nth-child(6) a {
	color: var(--header-link-mail-color);
}

/* Table with missile specifications */

.specs-table {
	border-collapse: collapse;
}

.specs-table td, .specs-table th {
	border: 1px solid;
	padding: 6px;
	border-color: #c0c0c0;
}

.specs-table th {
	text-align: left;
	background-color: var(--table-heading-background-color);
}

.specs-table td:nth-child(1) {
	background-color: var(--table-heading-background-color);
}

@media (hover: hover) {
	.specs-table tr:hover { background-color: var(--table-hover-background-color); }
	.specs-table td:nth-child(1):hover { background-color: var(--table-hover-background-color); }
}

/* Table with re-designations */

.redesignation-table {
	border-collapse: collapse;
	margin: auto;
}

.redesignation-table td, .redesignation-table th {
	border: 1px solid;
	padding: 6px;
	border-color: #c0c0c0;
}

.redesignation-table th {
	background-color: var(--table-heading-background-color);
}

.redesignation-table tr:nth-child(odd) { background-color: var(--table-odd-row-background-color); }

@media (hover: hover) {
	.redesignation-table tr:hover { background-color: var(--table-hover-background-color); }
}

/* Table with launch numbers */

.launch-number-table {
	border-collapse: collapse;
	width: 80%;
	margin: auto;
	font-size: 80%;
}

.launch-number-table td, .launch-number-table th {
	border: 1px solid;
	padding: 6px;
	border-color: #c0c0c0;
}

.launch-number-table th {
	background-color: var(--table-heading-background-color);
}

.launch-number-table tr:nth-child(odd) { background-color: var(--table-odd-row-background-color); }

.launch-number-table tr:nth-last-child(1) { background-color: var(--app3-special-table-color); }

@media (hover: hover) {
	.launch-number-table tr:hover { background-color: var(--table-hover-background-color); }
}

/* Table for launch vehicle configurations */

.launch-vehicle-table {
	border-collapse: collapse;
	width: 80%;
	margin: auto;
	font-size: 80%;
}

.launch-vehicle-table td, .launch-vehicle-table th {
	border: 1px solid;
	padding: 6px;
	border-color: #c0c0c0;
}

.launch-vehicle-table th {
	background-color: var(--table-heading-background-color);
}

.launch-vehicle-table tr:nth-child(odd) { background-color: var(--table-odd-row-background-color); }

@media (hover: hover) {
	.launch-vehicle-table tr:hover { background-color: var(--table-hover-background-color); }
}

.launch-vehicle-table td:nth-child(1) { text-align: center; }
.launch-vehicle-table td:nth-child(2) { text-align: center; }
.launch-vehicle-table td:nth-child(3) { text-align: center; }
.launch-vehicle-table td:nth-child(6) { text-align: right; }


/* Table for launch vehicle designations */

.launch-vehicle-designation-table {
	border-collapse: collapse;
	width: 80%;
	margin: auto;
	font-size: 80%;
}

.launch-vehicle-designation-table td, .launch-vehicle-designation-table th {
	border: 1px solid;
	padding: 6px;
	border-color: #c0c0c0;
}

.launch-vehicle-designation-table th {
	background-color: var(--table-heading-background-color);
}

.launch-vehicle-designation-table tr:nth-child(odd) { background-color: var(--table-odd-row-background-color); }

@media (hover: hover) {
	.launch-vehicle-designation-table tr:hover { background-color: var(--table-hover-background-color); }
}

/* Table for launch date lists */

.launch-date-table {
	border-collapse: collapse;
	width: 80%;
	margin: auto;
	font-size: 80%;
}

.launch-date-table td, .launch-date-table th {
	border: 1px solid;
	padding: 6px;
	border-color: #c0c0c0;
}

.launch-date-table th {
	background-color: var(--app3-special-table-color);
}

.launch-date-table tr:nth-child(odd) { background-color: var(--table-odd-row-background-color); }

@media (hover: hover) {
	.launch-date-table tr:hover { background-color: var(--table-hover-background-color); }
}

.launch-date-table td:nth-child(3) { text-align: right; }
.launch-date-table td:nth-child(4) { text-align: right; }

/* Modifier for launch date lists w/o re-entry column */

.no-reentry td:nth-child(4) { text-align: left; }

/* Table inside another table */

.table-in-table {
	border-collapse: collapse;
}

.table-in-table td {
	border: none;
	padding: 2px 0px;
}

.table-in-table tr { text-align: left; }

.table-in-table tr:nth-child(odd) { background-color: transparent; }
.table-in-table tr:hover { }
.table-in-table td:nth-child(1) { background-color: transparent; }

/* List of GBU designations */

.gbu-designation-table {
	border-collapse: collapse;
	width: 90%;
	margin: auto;
	font-size: 80%;
}

.gbu-designation-table td, .gbu-designation-table th {
	border: 1px solid;
	padding: 6px;
	border-color: #c0c0c0;
}

.gbu-designation-table th {
	background-color: var(--table-heading-background-color);
	text-align: left;
}

.heading-left-table th {
	
}

/* Support for collapsible buttons */

.collapsible-button {
  background-color: var(--table-heading-background-color);
  cursor: pointer;
  padding: 5px 5px 5px 20px;
  border: none;
  text-align: left;
  font-weight: bold;
  font-size: 100%;
}

.collapsible-button:hover {
  background-color: var(--table-hover-background-color);
}

.collapsible-content {
  padding: 2px 0;
  display: none;
  overflow: hidden;
}