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

{
  box-sizing: border-box;
}

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

@media print
{    
    .noprint, .noprint *
    {
        display: none !important;
    }
	.content {
	  background-color: white;
	  padding: 10px;
	}
	p.black {
		font-size: 1.3rem;
		font-family: "Insignia", "Times New Roman", "Times", serif;
		color:#000000;
	}

	p.black a {
		color:#000000;
		font-size: 1.3rem;
	}
	.ttable {
		display: table;
		width:75%;
		max-width: 1600px;
		min-width: 800px;
		font-family: "Insignia", "Times New Roman", "Times", serif;
		margin: 0 auto;
		background-color: Black;
		}

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

	.trowhide {
		display: none;
	}

	.tcell {
		vertical-align: top;
		display: table-cell;
		padding: 10px;
		font-size: 1.25rem;
		border: 1px solid #FFFFC7;
		min-width: 10%;
		color: #000000;
		font-family: "Insignia", "Times New Roman", "Times", serif;
		background-color: Black;
	}

	.tcellleft {
		text-align: left;
		vertical-align: top;
	}

	.tcellcenter {
		text-align: center;
		vertical-align: top;
	}

	.tcellright {
		text-align: right;
		vertical-align: top;
	}
}

body {
	background-image: url("../images/paperyellow.jpg");
	overflow-x: hidden;
	margin-left: 10;
	margin-right: 10;
	margin-bottom: 50;
}

p a:hover {
	color:red;
}

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

  /* Image border */
  border: 4px solid white;
}

.buttonbox {
	z-index: 3;
	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: "Insignia", "Times New Roman", "Times", serif;
	font-size: 1.5rem;
	text-align:top;
}

b.title {
	font-family: "Insignia", "Times New Roman", "Times", serif;
}
/* Center website */
.main {
  max-width: 1000
  margin: auto;
}

h1 {
	font-size: 3.5rem;
	font-family: "Insignia", "Times New Roman", "Times", serif;
	margin-left: 50px;
	margin-right: 50px;
}

h1.black a {
	color: black;
}

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

h1.QA {
	color: black;
	font-weight: bold;
	text-decoration: underline;
}

span.bl {
	background-color: Black;
};

span.wh {
	background-color: white;
};

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

h2 {
	font-size: 48px;
	font-family: "Insignia", "Times New Roman", "Times", serif;
	font-weight: bold;
	margin-left: 50px;
	margin-right: 50px;
	border-bottom: solid 4px;
}

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

h3 {
	font-size: 40px;
	font-family: "Insignia", "Times New Roman", "Times", serif;
	text-decoration: underline;
	margin-left: 50px;
	margin-right: 50px;
}

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

h4 {
	font-size: 32px;
	font-family: "Insignia", "Times New Roman", "Times", serif;
	text-decoration: underline;
	margin-left: 50px;
	margin-right: 50px;
}

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

h4 a:hover {
	color: red;
}

p {
    font-size: 1.75rem;
}

p.text {
	text-indent: 50px;
	margin-left: 50px;
	margin-right: 50px;
}

p.text2 {
	text-indent: 50px;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
}

p.center{
	text-align:center;
}

p.textTable {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: top;
}

p.textsmall {
	text-indent: 25px;
	font-size: 1.2rem;
	margin-bottom: 10px;
}

h4.QA {
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

p.QA {
	text-indent: -1.2em;
	margin-left:50px;
	margin-top:10px;
	margin-bottom:0px;
}

p.QB {
	text-indent: 1.2em;
	margin-left:25px;
	margin-top:10px;
	margin-bottom:0px;
}



p.AQ {
	line-height:50px;
	margin-top:0px;
	margin-bottom:0px;
}

table.tmargin {
	margin-left: 75px;
	margin-right: 50px;
	clear: both;
}
caption.text {
	font-family: "Insignia", "Times New Roman", "Times", serif;
	text-align: left;
    font-size: 1.75rem;
}

CheckboxLabel {
	font-family: "Insignia", "Times New Roman", "Times", serif;
	text-align: left;
    font-size: 1.75rem;
}


li {
    font-size: 1.75rem;
	margin-left: 50px;
	margin-right: 50px;
}

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

p.black {
    margin-top:6px;
	margin-bottom:6px;
	font-size: 1.3rem;
	font-family: "Insignia", "Times New Roman", "Times", serif;
	color:#FFFFFF;
}


p.blackSpc {
	margin-top: 1.3rem;
	line-height: 1;
    font-size: 1.3rem;
	font-family: "Insignia", "Times New Roman", "Times", serif;
	color:#FFFFFF;
}

p.blackNoSpc {
	margin-top: -1rem;
	line-height: 1;
    font-size: 1.3rem;
	font-family: "Insignia", "Times New Roman", "Times", serif;
	color:#FFFFFF;
}

p.blackNoSp {
	margin-top: -1.3rem;
	line-height: 1;
    font-size: 1.3rem;
	font-family: "Insignia", "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: "Insignia", "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 {
	display: none; /* Hide columns by default */
	vertical-align: top;
	font-family: "Insignia", "Times New Roman", "Times", serif;
	padding-right: 2px;
	padding-left: 2px;
}

.bookmarkblock {
	display: inline-block;
	height: 0px;
	margin-top: 0px; /*same height as header*/
	visibility: hidden;
}

/* 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;
}
.hide {
  display: none;
}



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

.ttablewide {
	display: table;
	width:85%;
	max-width: 1632px;
	min-width: 800px;
	background-image: url("../images/starfield.jpg");
	font-family: "Insignia", "Times New Roman", "Times", serif;
	margin: 0 auto;
}

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

.trowhide {
	display: none;
}
.trowhideOLD {
	visibility: collapse;
}

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

.tcellleft {
	text-align: left;
}

.tcellright {
	text-align: right;
}

tcell2:hover {
	color: red;
}


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


a:hover {
	color: red;
}

a:active {
	color: red;
}
a:visited {
	color: #0000FF;
}





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: red;
}




a.blue {
	color: blue;
}
a.blue:visited {
	color: blue;
}
a.blue:hover {
	color: red;
}
a.blue:active {
	color: green;
}



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;
}

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


.borderless {
	border: 0px;
	border-top: 0px solid black;
	border-bottom: 0px solid black;
	border-left: 0px solid black;
	border-right: 0px solid black;
}

/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

/* 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;
}

.cardlist {
    background-color: #000000;
    background: url('../images/starfield.jpg');
    color: #00FFFF;
    border: 1px solid black;
    cursor: pointer;
    padding: 0.25rem;
    width: calc(50% - 50px);
	display: block;
	min-width: 450px;
    text-align: left;
    outline: none;
    font-size: 1rem;
	transition: 0.5s;
    border-radius: 1rem;
	font-family: "Insignia", "Times New Roman", "Times", serif;
	text-decoration: underline;
	font-size: 32px;
	margin-left: 50px;
	margin-right: 50px;
}

.cardlist.active, .cardlist:hover {
	background-position: -800px 800px;
    width: calc(100% - 100px);
	min-width: 400px;
	transition: 0.5s;
}

.cardlist:hover {
	background-position: -400px -400px;
    color: red;
    width: calc(75% - 100px);
}

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

.active, .booklist:hover {
    background-color: #ccc;
    width: 40%;
	min-width: 400px;
	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: inline;
	color: black;
	}


/* Style the buttons */
.btnstrength {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

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

/* Add a dark background color to the active button */
.btnstrength.activestrength {
   background-color: #FFFF00;
   color: black;
}

/* Add a dark background color to the active button */
.btnstrength.prevstrength {
   background-color: #FFFF00;
   color: black;
}

/* Style the buttons */
.mainstrength {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

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

/* Add a dark background color to the active button */
.mainstrength.activestrength {
   background-color: #FFFF00;
   color: black;
}














/* Style the buttons */
.btnresetall {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: black;
  color: white;
  cursor: pointer;
}

/* 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 */
.btncardedition {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

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

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

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

/* Style the buttons */
.maincardedition {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

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

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

/* Style the buttons */
.btnrarity {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

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

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

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

/* Style the buttons */
.mainrarity {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

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

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


/* Style the buttons */
.btnreaction {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: #FFFFFF;
  cursor: pointer;
}

/* 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 */
.btnmycards {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: #FFFFFF;
  cursor: pointer;
}

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

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

/* Style the buttons */
.btncardtype {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: #FFFFFF;
  cursor: pointer;
}

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

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

/* Style the buttons */
.btnempire {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

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

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

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


/* Style the buttons */
.mainempire {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

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

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

/* Style the buttons */
.btnabilities {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

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

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

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


/* Style the buttons */
.mainabilities {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

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

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

/* Style the buttons */
.btnartist {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
  height: 25px;
  max-height: 25px;
}

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

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

/* Style the buttons */
.btndistributor {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
  height: 25px;
  max-height: 25px;
}

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

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

/* Style the buttons */
.btncommandpoints {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

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

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

/* Style the buttons */
.btneconomypoints {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

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

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



/* Style the buttons */
.btnsupplypoints {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

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

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



/* Style the buttons */
.btnenergypoints {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

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

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



/* Style the buttons */
.btnammopoints {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

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

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



/* Style the buttons */
.btnresearchpoints {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

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

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

/* Style the buttons */
.btnduplicate {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

/* 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 */
.btnrepairpoints {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

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

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



/* Style the buttons */
.btncommandcost {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

/* 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 */
.btneconomycost {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

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

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



/* Style the buttons */
.btnsupplycost {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

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

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



/* Style the buttons */
.btnenergycost {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

/* 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;
}

/* 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 */
.btnresearchcost {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

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

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



/* Style the buttons */
.btnrepaircost {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

/* 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 */
.btnheavyweapons {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

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

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



/* Style the buttons */
.btnphasers {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

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

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



/* Style the buttons */
.btncarddamage {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

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

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



/* Style the buttons */
.btndefenses {
  border: none;
  outline: none;
  padding: 3px 10px;
  background-color: white;
  cursor: pointer;
}

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

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

td.title {
		font-size: 1.3rem;
		font-family: "Insignia", "Times New Roman", "Times", serif;
		color:#000000;
		text-align: center;
		vertical-align: top;
}


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

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

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

.errataBlock {
	display: inline-block;
	width: 750px;
}

div.sectional {
	clear: both;
	text-align:left;
	display: block;
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 0px;	
	break-inside: avoid-column;
}

div.inbl {
	display: inline-block;
	clear: both;
}


.newspaper {
  column-count: 2;
  column-gap: 0px;
  column-rule-style: solid;
  column-rule-width: 2px;
  column-rule-color: lightblue;
}

.newspaper3 {
  column-count: 3;
  column-gap: 0px;
  column-rule-style: solid;
  column-rule-width: 2px;
  column-rule-color: lightblue;
}


@media screen and (max-width: 1630px) {
	.newspaper {
	  column-count: 1;
	}
	.newspaper3 {
	  column-count: 2;
	}
	div.thrCol {
		display: none;
	}
}

@media screen and (max-width: 1200px) {
	.newspaper3 {
	  column-count: 1;
	}
	div.secCol {
		display: none;
	}
}

hr {
	border: 0;
	border-top: 1px solid lightblue;
}
.Spinner {
font-size: 15px;
height: 20px;
width: 40px;
}

.CheckBox {
font-size: 15px;
height: 20px;
width: 40px;
}