#table-controls{
  display: block;
  width: 94%;
  overflow: hidden;
  margin: 0 1% 20px; 
  padding: 10px;
  border-radius: 6px;
  border: 2px solid #001446;
  background-color: #fffbe6;
}
#table-controls2{
  display: block;
  width: 94%;
  overflow: hidden;
  margin: 0 1% 20px; 
  padding: 10px;
  border-radius: 6px;
  border: 2px solid #001446;
  background-color: #fffbe6;
}
.table-control-title {
  font-weight: bold;
  padding-left: 10px;
  
}
#denom-control-table-container{
  display: inline;
  width: 38%;
  float: left;
}
#era-control-table-container{
  display: inline;
  width: 24%;
  float: left;
}
#grade-control-table-container{
  display: inline;
  width: 40%;
  float: left;
}
#ancient-grade-control-table-container{
  display: inline;
  width: 51%;
  float: left;
}
#preferences-control-table-container {
  display: inline;
  width: 25%;  
  float: left;
}

#table-controls div table tr td.selected {
  cursor: pointer;
}

#table-controls div table tr td.selected:hover {
}
#table-controls2 div table tr td.selected {
  cursor: pointer;
}

#table-controls2 div table tr td.selected:hover {
}


.search-refine,
.search-refine-all {
  max-width: 100px; //40px;
  border-radius: 25px;
  border: 1px solid transparent;
}
.fav-tools{
  max-width: 70px; //40px;
  border-radius: 25px;
  border: 1px solid transparent;
}
#table-controls div table tr td.search-refine-all:hover,
#table-controls div table tr td.search-refine:hover {
  border: 1px solid grey;
  cursor: pointer;
}
#table-controls div table tr td{
  padding-left: 4px;
}
#table-controls div table tr td input{
  display: none;
}
#table-controls2 div table tr td.search-refine-all:hover,
#table-controls2 div table tr td.search-refine:hover {
  border: 1px solid grey;
  cursor: pointer;
}
#table-controls2 div table tr td{
  padding-left: 4px;
}
#table-controls2 div table tr td input{
  display: none;
}
#denomination-controls{
  table-layout: fixed;
  width: 99%;
}
#grade-controls{
  table-layout: fixed;
  width: 99%;
}
#fav-controls{
  table-layout: fixed;
  width: 99%;
}
#cac-controls, #view-controls{
  table-layout: fixed;
  width: 99%;
}

#dynamic-table{
  display: block;
  width: 100%;
  border-collapse: collapse;
}

.sort-column-down-arrow {
  content:'';
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: white transparent;
  width: 0;
  position: absolute;
  display: inline;
  margin-top: 6px;
  margin-left: 6px;
}

.sort-column-up-arrow {
  content:'';
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: white transparent;
  width: 0;
  position: absolute;
  display: inline;
  margin-top: 6px;
  margin-left: 6px;
}

#gold-table-container {
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  overflow: auto;
  padding: 0 5px;
}

#gold {
  border-collapse: collapse;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

#gold tr:hover {
  box-shadow: 0px 0px 10px #b3b3b3;
  -webkit-box-shadow: 0px 0px 10px #b3b3b3;
  -moz-box-shadow: 0px 0px 10px #b3b3b3;
  cursor: pointer;
}

#gold .table-header {
  color: #fff;
  background: linear-gradient(#000066, #000033);
}

#gold .table-header:hover {
  box-shadow: none;
}

#gold th {
  padding: 10px 20px;
  font-weight: normal;
  text-align: center;
}

#gold th.pad {
  padding: 10px 10px;
}

#gold th.pad-v3 {
  padding: 10px 30px;
}

#gold td {
  padding: 10px 13px; 
  border-bottom: 1px solid #c79b00;
  color: blue;
  text-align: center;
}

#gold td.wg-date-description {
	text-align: left;
  padding-left: 60px;
}

#gold td.wg-date-price {
  text-align: right;
  padding-right: 30px;
}

#gold td.wg-date-country {
  text-align: center;
  padding-right: 30px;
}

.wg-date-row {
  background-color: #fff;
}

.wg-date-row-2 {
  background-color: #fff7cc;
}

#gold td a {
  text-decoration: none;
    /*padding: 10px 15px;*/
}

#gold td.no-border {
  border: none;
}
#gold td.column-v2 {
  background-color: rgba(204, 0, 0, .05);
  /*current^ is light gold*/
}
h2 {
color: #001446;
}
.section p span.red {
  color: #b30000
}

input[type=checkbox] {
  display: none;
}

#view-all-denomination:checked {
  display: none;
}

.fa-circle-thin,
.fa-check-circle-o {
  margin-right: 5px;
}


/*OTHER SAM STYLES*/

.denom-hvrs {
  background-color:#00004e;
  border-radius:100px;
  width:13%;
  padding:10px 0;
  margin:2px .5%;
  display: inline-block;
  color:#fff;
  background-image:none;
  text-align:center;
}

.denom-hvrs:hover {
  background-color:#fff;
  border: 2px solid #00004e;
  color: #00004e;
  width: 12.6%;
  padding: 8px 0;
}

/*.denom-hvrs input {
  width: 0;
}*/

.grade-hvrs {
  background-color:#00004e;
  width:15.3%;
  padding:10px 0;
  margin:2px .5%;
  display: inline-block;
  color:#fff;
  background-image:none;
  text-align:center;
}

.grade-hvrs:hover {
  background-color:#fff;
  border: 2px solid #00004e;
  color: #00004e;
  width:14.9%;
  padding:8px 0;
}


/*us-gold-coins-by-date specific styles*/

#gold td.classic-us-gold-service {
    padding-top: 55px; 
	
}

/*#gold td.classic-us-gold-service p {
  margin-top: 0; if you do this, the td padding (above) needs to be 40px instead!!
}*/

#gold td.classic-us-gold-grade {
  padding-top: 45px;
}

#gold td.classic-us-gold-grade img {
  margin-top: 1em;
}
#gold td.classic-us-gold-price-comment {
  padding-top: 45px;
}

#gold td.classic-us-gold-price-comment img {
  margin-top: 1em;
}