.datacellleft {
    font-family: verdana;
    font-size: small;
    color: #444;
    padding: 4px;
    text-align: left;
}

.datacellright {
    font-family: verdana;
    font-size: small;
    color: #444;
    padding: 4px;
    text-align: right;
}

.datacellheader {
    font-family: verdana;
    font-size: small;
    font-weight: bold;
    color: #222;
    padding: 2px;
    text-align: center;
}

#comicstable {
    font-family: verdana, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#comicstable td, #comicstable th {
    border: 1px solid #ddd;
    font-size: small;
    font-family: verdana;
    padding: 8px;
}

#comicstable tr:nth-child(even) { background-color: #EDF6FC; }
#comicstable tr:nth-child(odd) { background-color: #FFFFFF; }

#comicstable tr:hover {background-color: #ddd;}

#comicstable th {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    background-color: #13527A;
    color: white;
}

#coinstable {
    font-family: verdana, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#coinstable td, #coinstable th {
    border: 1px solid #ddd;
    font-size: small;
    font-family: verdana;
    padding: 8px;
}

#coinstable tr:nth-child(even) { background-color: #FCF6E3; }
#coinstable tr:nth-child(odd) { background-color: #FFFFFF; }

#coinstable tr:hover {background-color: #ddd;}

#coinstable th {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    background-color: #82691F;
    color: white;
}

#magazinestable {
    font-family: verdana, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#magazinestable td, #magazinestable th {
    border: 1px solid #ddd;
    font-size: small;
    font-family: verdana;
    padding: 8px;
}

#magazinestable tr:nth-child(even) { background-color: #f7dede; }
#magazinestable tr:nth-child(odd) { background-color: #FFFFFF; }

#magazinestable tr:hover {background-color: #ddd;}

#magazinestable th {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    background-color: #9C0000;
    color: white;
}

#printtable {
    font-family: verdana, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#printtable td, #printtable th {
    border: 1px solid #ddd;
    font-size: small;
    font-family: verdana;
    padding: 6px;
}

#printtable tr:hover {background-color: #ddd;}

#printtable th {
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: bold;
}

#defaulttable {
    font-family: verdana, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#defaulttable td, #defaulttable th {
    border: 1px solid #ddd;
    font-size: small;
    font-family: verdana;
    padding: 8px;
}

#defaulttable tr:nth-child(even) { background-color: #eee; }

#defaulttable tr:hover {background-color: #ddd;}

#defaulttable th {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    background-color: #cccccc;
    color: white;
}

#generictable {
    font-family: verdana, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#generictable td, #generictable th {
    border: 1px solid #ddd;
    font-size: small;
    font-family: verdana;
    padding: 8px;
}

#generictable tr:hover {background-color: #ddd;}

#generictable th {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    background-color: #cccccc;
    color: white;
}

.comicsrowheader {
  font-family: Verdana;
  font-size: small;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

.coinsrowheader {
  font-family: Verdana;
  font-size: small;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

.magazinesrowheader {
  font-family: Verdana;
  font-size: small;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

.comicsrownormal {
  font-family: Verdana;
  font-size: small;
  text-align: right;
}

.comicsrowshaded {
  background-color: #EDF6FC;
  font-family: Verdana;
  font-size: small;
  text-align: right;
}

.coinsrownormal {
  font-family: Verdana;
  font-size: small;
  text-align: right;
}

.coinsrowshaded {
  background-color: #FCF6E3;
  font-family: Verdana;
  font-size: small;
  text-align: right;
}

.magazinesrownormal {
  font-family: Verdana;
  font-size: small;
  text-align: right;
}

.magazinesrowshaded {
  background-color: #E2BEBE;
  font-family: Verdana;
  font-size: small;
  text-align: right;
}

.head0 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 16pt;
font-weight: bold;
color: #000000;
}

.head1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 14pt;
font-weight: bold;
color: #000000;
}

.head2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 12pt;
font-weight: bold;
color: #000000;
}

.head3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 10pt;
font-weight: bold;
color: #000000;
}

.error {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 12pt;
font-weight: bold;
color: #FF0000;
}

.shadow {
box-shadow: 0px 2px 2px grey;
}

.headertext {
font-family: Helvetica, sans-serif;
font-size: 10pt;
text-decoration: none;
}

.success {
font-family: Helvetica, sans-serif;
margin: 0px;
font-size: 14pt;
font-weight: bold;
color: #0000FF;
}

a.toplink {
font-family: Helvetica, sans-serif;
font-size: 14pt;
text-decoration: none;
}

a.toplink:hover {
text-decoration: underline;
}

a.midlink {
font-family: Helvetica, sans-serif;
font-size: 12pt;
text-decoration: none;
}

a.midlink:hover {
text-decoration: underline;
}

.toptext {
font-family: verdana, sans-serif;
font-size: 14pt;
font-weight: bold;
text-decoration: none;
}

.midtext {
font-family: verdana, sans-serif;
font-size: 12pt;
text-decoration: none;
}

.text {
font-family: verdana, sans-serif;
font-size: 10pt;
text-decoration: none;
}

p.note {
font-family: Helvetica, sans-serif;
font-size: 12pt;
font-color: green;
text-decoration: none;
}

.boldtext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
text-decoration: none;
}

.smalltext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
text-decoration: none;
}

.nosto-tooltip {
  position: relative;
  margin: 5px;
  display: inline-block;
}

.nosto-tooltip .nosto-tooltiptext {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  display: inline-block;
  padding: 5px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  width: 240px;
  top: 100%;
  left: 50%;
  margin-left: -120px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#contentbox {
	margin: 2px 2px 2px 2px;
	padding: 4px 4px 4px 4px;
	background: #F2F1F4;
	box-shadow: 0px 2px 2px grey;
}