@-moz-document url-prefix() { 
	#HideInFirefox {
	    display: none;
	}
}

{
	box-sizing: border-box;
}

@font-face {
	font-family: 'TNGCredit'; /*a name to be used later*/
	src: url('CrilleeItalic.otf'); /*URL to font*/
}

@font-face {
	font-family: 'StarTrek'; /*a name to be used later*/
	src: url('Roddenberry.ttf'); /*URL to font*/
}

@font-face {
	font-family: 'TNGTitle'; /*a name to be used later*/
	src: url('StarTrekNextXBdBT.ttf'); /*URL to font*/
}

@font-face {
	font-family: 'TNGTitle2'; /*a name to be used later*/
	src: url('StarTrekGenHvBT.ttf'); /*URL to font*/
}

@media print
{    
	.noprint, .noprint *
	{
	    display: none !important;
	}
}

.buttonbox {
	position:fixed;
	left:5px;
	right:0px;
	top:0px;
}

.buttontext {
	line-height: 1.0em;
	margin-top: 0 ;
	margin-bottom: 0.5em;
	color: white;
	padding-right: 5px;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
	font-size: 1.5rem;
}

.buttonblock {
	margin-top: 0;
	display: inline-block;
	white-space: nowrap;
	vertical-align: bottom;
	position: relative;
	top: -13px;
}

.buttonblock span{
	white-space: nowrap;
}









/* Center website */
.main {
	max-width: 1000
	margin: auto;
}

h1 {
	font-size: 3.5rem;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

h1.black a {
	color: black;
}

h1.black a:hover {
	color:red;
}
h1.black {
	color: black;
	font-weight: bold;
	text-decoration: underline;
}

h1 a {
	color: 0000FF;
	font-weight: bold;
	text-decoration: underline;
}

h2 {
	font-size: 3.0rem;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

h2 a {
	color: 0000FF;
	font-weight: bold;
	text-decoration: underline;
}

h3 {
	font-size: 2.5rem;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

h3 a {
	color: 0000FF;
	font-weight: bold;
	text-decoration: underline;
}

h4 {
	font-size: 2.0rem;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

h4 a {
	color: 0000FF;
	font-weight: bold;
	text-decoration: underline;
}

p {
	font-size: 1.75rem;
}

p.leftindent {
	text-align: left;
	text-indent: 50px;
}

p.black {
	font-size: 1.3rem;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
	color:#FFFFFF;
}

p.stacked {
	line-height: 1 ;
	margin-top: 0 ;
	margin-bottom: 0;
}

p.black a {
	color:#00FFFF;
	font-size: 1.3rem;
}

p.red {
	font-size: 1.75rem;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
	color:#FF0000;
}

.row {
	margin: 8px -16px;
}

/* Add padding BETWEEN each column (if you want) */
.row,
.row > .column {
	padding: 4px;
}

/* Create three equal columns that floats next to each other */
.column {
	margin-top: -20px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	vertical-align: top;
	display: none; /* Hide columns by default */
	font-family: "StarTrek", "Times New Roman", "Times", serif;
}

.bookmarkblock {
	display: inline-block;
	height: 375px;
}


/* Clear floats after rows */
.row:after {
	content: "";
	display: table;
	clear: both;
}

/* Content */
.content {
	background-color: white;
	padding: 10px;
}

/* The "show" class is added to the filtered elements */
.show {
	display: inline-block;
}

.thead {
	font-weight: bold;
	text-decoration: underline;
	color: black;
	background-image: url("../images/paperblue.jpg");
	border: 0px solid #00FFFF;
}

.ttable {
	display: table;
	width:75%;
	max-width: 1600px;
	min-width: 800px;
	background-color: black;
	background-image: url("../images/starfield.jpg");
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
	margin: 0 auto;
	}

.trow {
	display: table-row;
	border: 1px solid #00FFFF;
}

.trowhide {
	visibility: collapse;
}

.tcell {
	display: table-cell;
	padding: 10px;
	font-size: 1.25rem;
	border: 1px solid #00FFFF;
	max-width: 15%;
	color: #00FFFF;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

.tcellleft {
	text-align: left;
}

tcell2:hover {
	color: red;
}


a.big {
	color: 0000FF;
	font-weight: bold;
	text-decoration: underline;
	font-size: 1.75rem;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

a:visited {
	color: 0000FF;
}

a:hover {
	color: red;
}

a.black:active {
	color: red;
}

a.black {
	color: #00FFFF;
	font-weight: bold;
	text-decoration: underline;
	font-size: 1.25rem;
}

a.black:visited {
	color: #00FFFF;
}

a.black:hover {
	color: red;
}

a.black:active {
	color: blue;
}

a.yellow {
	color: 000000;
	font-weight: bold;
	text-decoration: underline;
}

a.yellow:visited {
	color: 00FFFF;
}

a.yellow:hover {
	color: green;
}

a.yellow:active {
	color: blue;
}

a.red {
	color: 8B0000;
	font-weight: bold;
	text-decoration: underline;
}

a.red:visited {
	color: 8B0000;
}

a.red:hover {
	color: black;
}

a.red:active {
	color: 8B0000;
}


.thead {
	font-weight: bold;
	text-decoration: underline;
	color: black;
	background-image: url("../images/paperblue.jpg");
	border: 0px solid #FFFFC7;
}

/* Style the buttons */
.btn {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.btn:hover {
	background-color: #666;
}

/* Add a dark background color to the active button */
.btn.active2 {
	background-color: #666;
	color: white;
}

.btn2 {
	border: none;
	outline: none;
	padding: 6px 8px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}


.booklist {
	background-color: #eee;
	color: #444;
	border: 1px solid black;
	cursor: pointer;
	padding: 0.25rem;
	width: 30%;
	display: block;
	min-width: 410px;
	text-align: left;
	outline: none;
	font-size: 1rem;
	transition: 0.5s;
	border-radius: 1rem;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
	font-size: 1.5rem;
}

.active, .booklist:hover {
	background-color: #ccc;
	width: 40%;
	min-width: 460px;
	transition: 0.5s;
}

.active, .bookdescription:hover {
	background-color: #ccc;
	transition: 0.5s;
}

.bookdescription {
	background-color: #eee;
	color: #444;
	border: 1px solid black;
	cursor: pointer;
	padding: 0.5rem;
	width: 60%;
	text-align: left;
	outline: none;
	font-size: 1.5rem;
	transition: 0.5s;
	border-radius: 1.25rem;
}

.panel {
	padding: 0.8rem;
	display: none;
}

hr {
	display: block;
	margin-top: 0.4rem;
	margin-bottom: 0.4rem;
	margin-left: auto;
	margin-right: auto;
	border-style: inset;
	border-width: 2px;
}
p.nomargin {
	font-size: 1rem;
	text-indent: 1.25rem;
	margin: 0;
}
img {
	border: 0px;
	//display: inline-block;
}

figure {
	float: left;
	text-align: center;
	margin-left: 0px;
	margin-right: 4px;
	display: table;
	color: black;
	}

figcaption {
	caption-side: bottom;
	max-width: 240px;
}​

lb-caption {
	white-space: nowrap;
}

/* Style the buttons */
.ButtonTrekEdition {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: #FFFFFF;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.ButtonTrekEdition:hover {
	background-color: #FFFF00;
}

/* Add a dark background color to the active button */
.ButtonTrekEdition.activeTrekEdition {
	background-color: #FFFF00;
	color: Black;
}

/* Style the buttons */
.btnresetall {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: black;
	color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.btnresetall:hover {
	background-color: white;
	color: black;
}

/* Add a dark background color to the active button */
.btnresetrall.activeresetall {
	background-color: black;
	color: white;
}

/* Style the buttons */
.ButtonTrekCardSet {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.ButtonTrekCardSet:hover {
	background-color: #666;
}

/* Add a dark background color to the active button */
.ButtonTrekCardSet.activeTrekCardSet {
	background-color: #666;
	color: white;
}

/* Add a dark background color to the active button */
.ButtonTrekCardSet.prevcardedition {
	background-color: #666;
	color: white;
}

/* Style the buttons */
.mainTrekCardSet {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.mainTrekCardSet:hover {
	background-color: #666;
}

/* Add a dark background color to the active button */
.mainTrekCardSet.activeTrekCardSet {
	background-color: #666;
	color: white;
}

/* Style the buttons */
.ButtonTrekRarity {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: White;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.ButtonTrekRarity:hover {
	background-color: #000080;
}

/* Add a dark background color to the active button */
.ButtonTrekRarity.activeTrekRarity {
	background-color: #000080;
	color: white;
}

/* Add a dark background color to the active button */
.ButtonTrekRarity.prevrarity {
	background-color: #000080;
	color: white;
}

/* Style the buttons */
.mainTrekRarity {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: White;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.mainTrekRarity:hover {
	background-color: #000080;
}

/* Add a dark background color to the active button */
.mainTrekRarity.activeTrekRarity {
	background-color: #000080;
	color: white;
}

/* Style the buttons */
.ButtonTrekIcons {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.ButtonTrekIcons:hover {
	background-color: #9400D3;
}

/* Add a dark background color to the active button */
.ButtonTrekIcons.activeTrekIcons {
	background-color: #9400D3;
	color: white;
}

/* Add a dark background color to the active button */
.ButtonTrekIcons.prevTrekIcons {
	background-color: #9400D3;
	color: white;
}

/* Style the buttons */
.mainTrekIcons {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.mainTrekIcons:hover {
	background-color: #9400D3;
}

/* Add a dark background color to the active button */
.mainTrekIcons.activeTrekIcons {
	background-color: #9400D3;
	color: white;
}

/* Style the buttons */
.ButtonTrekPersonnelClass {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.ButtonTrekPersonnelClass:hover {
	background-color: #FF0000;
}

/* Add a dark background color to the active button */
.ButtonTrekPersonnelClass.activeTrekPersonnelClass {
	background-color: #FF0000;
	color: white;
}

/* Add a dark background color to the active button */
.ButtonTrekPersonnelClass.prevTrekPersonnelClass {
	background-color: #FF0000;
	color: white;
}

/* Style the buttons */
.mainTrekPersonnelClass {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.mainTrekPersonnelClass:hover {
	background-color: #FF0000;
}

/* Add a dark background color to the active button */
.mainTrekPersonnelClass.activeTrekPersonnelClass {
	background-color: #FF0000;
	color: white;
}




















/* Style the buttons */
.btnreaction {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: #FFFFFF;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.btnreaction:hover {
	background-color: RED;
}

/* Add a dark background color to the active button */
.btnreaction.activereaction {
	background-color: RED;
	color: white;
}

/* Style the buttons */
.ButtonTrekmycards {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: #FFFFFF;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.ButtonTrekmycards:hover {
	background-color: #8B0000;
}

/* Add a dark background color to the active button */
.ButtonTrekmycards.activeTrekmycards {
	background-color: #8B0000;
	color: white;
}

/* Style the buttons */
.ButtonTrekCardTypes {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: #FFFFFF;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.ButtonTrekCardTypes:hover {
	background-color: #006400;
}

/* Add a dark background color to the active button */
.ButtonTrekCardTypes.activeTrekCardTypes {
	background-color: #006400;
	color: white;
}







/* Style the buttons */
.ButtonTrekAffiliation {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: White;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.ButtonTrekAffiliation:hover {
	background-color: #666;
}

/* Add a dark background color to the active button */
.ButtonTrekAffiliation.activeTrekAffiliation {
	background-color: #666;
	color: white;
}

/* Add a dark background color to the active button */
.ButtonTrekAffiliation.prevaffiliation {
	background-color: #666;
	color: white;
}

/* Style the buttons */
.mainTrekAffiliation {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: White;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.mainTrekAffiliation:hover {
	background-color: #666;
}

/* Add a dark background color to the active button */
.mainTrekAffiliation.activeTrekAffiliation {
	background-color: #666;
	color: white;
}









/* Style the buttons */
.mainempire {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.mainempire:hover {
	background-color: #666;
}

/* Add a dark background color to the active button */
.mainempire.activeTrekAffiliation {
	background-color: #666;
	color: white;
}


/* Style the buttons */
.ButtonTrekMissionSpan {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
	height: 25px;
	max-height: 25px;
}

/* Add a grey background color on mouse-over */
.ButtonTrekMissionSpan:hover {
	background-color: #666;
}

/* Add a dark background color to the active button */
.ButtonTrekMissionSpan.activeTrekMissionSpan {
	background-color: #666;
	color: white;
}

/* Style the buttons */
.ButtonTrekPersonnelStrength {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.ButtonTrekPersonnelStrength:hover {
	background-color: #FF0000;
}

/* Add a dark background color to the active button */
.ButtonTrekPersonnelStrength.activeTrekPersonnelStrength {
	background-color: #FF0000;
	color: White;
}

/* Style the buttons */
.ButtonTrekMissionPoints {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.ButtonTrekMissionPoints:hover {
	background-color: #FF0000;
}

/* Add a dark background color to the active button */
.ButtonTrekMissionPoints.activeTrekMissionPoints {
	background-color: #FF0000;
	color: White;
}


/* Style the buttons */
/* Style the buttons */
.ButtonTrekSpecialClass {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.ButtonTrekSpecialClass:hover {
	background-color: #666;
}

/* Add a dark background color to the active button */
.activeTrekSpecialClass {
	background-color: #666;
	color: white;
}



/* Style the buttons */
.ButtonTrekPersonnelCunning {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.ButtonTrekPersonnelCunning:hover {
	background-color: #00FF00;
}

/* Add a dark background color to the active button */
.ButtonTrekPersonnelCunning.activeTrekPersonnelCunning {
	background-color: #00FF00;
	color: Black;
}



/* Style the buttons */
.ButtonTrekPersonnelIntegrity {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.ButtonTrekPersonnelIntegrity:hover {
	background-color: #0000FF;
}

/* Add a dark background color to the active button */
.ButtonTrekPersonnelIntegrity.activeTrekPersonnelIntegrity {
	background-color: #0000FF;
	color: White;
}



/* Style the buttons */
.ButtonTrekStaff {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.ButtonTrekStaff:hover {
	background-color: #FF0000;
}

/* Add a dark background color to the active button */
.ButtonTrekStaff.activeTrekStaff {
	background-color: #FF0000;
	color: White;
}

.moveicon {
	position: relative;
	top: 6px;
}

/* Style the buttons */
.btnduplicate {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.btnduplicate:hover {
	background-color: #4B0082;
}

/* Add a dark background color to the active button */
.btnduplicate.activeduplicate {
	background-color: #4B0082;
	color: White;
}





/* Style the buttons */
.btncommandcost {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.btncommandcost:hover {
	background-color: #FF0000;
}

/* Add a dark background color to the active button */
.btncommandcost.activecommandcost {
	background-color: #FF0000;
	color: White;
}



/* Style the buttons */
.ButtonTrekShipRange {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.ButtonTrekShipRange:hover {
	background-color: #FF7F00;
}

/* Add a dark background color to the active button */
.ButtonTrekShipRange.activeTrekShipRange {
	background-color: #FF7F00;
	color: White;
}



/* Style the buttons */
.ButtonTrekShipWeapons {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.ButtonTrekShipWeapons:hover {
	background-color: #FFFF00;
}

/* Add a dark background color to the active button */
.ButtonTrekShipWeapons.activeTrekShipWeapons {
	background-color: #FFFF00;
	color: Black;
}



/* Style the buttons */
.btnenergycost {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.btnenergycost:hover {
	background-color: #00FF00;
}

/* Add a dark background color to the active button */
.btnenergycost.activeenergycost {
	background-color: #00FF00;
	color: Black;
}



/* Style the buttons */
.btnammocost {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.btnammocost:hover {
	background-color: #0000FF;
}

/* Add a dark background color to the active button */
.btnammocost.activeammocost {
	background-color: #0000FF;
	color: White;
}



/* Style the buttons */
.ButtonTrekShipShields {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.ButtonTrekShipShields:hover {
	background-color: #4B0082;
}

/* Add a dark background color to the active button */
.ButtonTrekShipShields.activeTrekShipShields {
	background-color: #4B0082;
	color: White;
}



/* Style the buttons */
.btnrepaircost {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.btnrepaircost:hover {
	background-color: #9400D3;
}

/* Add a dark background color to the active button */
.btnrepaircost.activerepaircost {
	background-color: #9400D3;
	color: White;
}

/* Style the buttons */
.ButtonTrekMissionQuadrant {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.ButtonTrekMissionQuadrant:hover {
	background-color: #FF7F00;
}

/* Add a dark background color to the active button */
.ButtonTrekMissionQuadrant.activeTrekMissionQuadrant {
	background-color: #FF7F00;
	color: White;
}

.lightbox .lb-image {
  height : 85vh !important;
  width : auto !important;
  max-width : 95%;
  display: block;
  /* height: auto; */
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}
/* Style the buttons */
.ButtonTrekMissionRegion {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.ButtonTrekMissionRegion:hover {
	background-color: #FFFF00;
}

/* Add a dark background color to the active button */
.ButtonTrekMissionRegion.activeTrekMissionRegion {
	background-color: #FFFF00;
	color: Black;
}



/* Style the buttons */
.ButtonTrekCardShowEra {
	border: none;
	outline: none;
	padding: 3px 10px;
	background-color: white;
	cursor: pointer;
	font-family: "TNGCredit", "Times New Roman", "Times", serif;
}

/* Add a grey background color on mouse-over */
.ButtonTrekCardShowEra:hover {
	background-color: #00FF00;
}

/* Add a dark background color to the active button */
.ButtonTrekCardShowEra.activeTrekCardShowEra {
	background-color: #00FF00;
	color: Black;
}

td.black a {
	color: #00ffff;
}

td.black:hover a {
	color: red;
}

anchor {
	padding-top: 300px;
	margin-top: -300px;
}