body, html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Open Sans';
  font-size: 10pt;
}

#main {
  margin: auto;
  width: 1347px;
}

#header {
  width: 100%;
  text-align: center;
  background-color: #840F0F;
}

#header a {
  color: #FFFFFF;
}

#searchForm {
  overflow: auto;
  margin-left: 100px;
  margin-right: 100px;
}

#selectors {
  overflow: auto;
}

#formatSelector {
  float: left;
}

#eventsSelector {
  float: right;
}

#textSearchItems {
  overflow: auto;
}

input[type=text] {
  padding: 5px;
}

input[type=date] {
  padding: 5px;
}

input[type=password] {
  padding: 5px;
}

input[type=number] {
  padding: 5px;
}

select {
  padding: 5px;
}

textarea {
  margin: 5px;
  padding: 5px;
}

#smallSearchItems {
  float: left;
}

#textSearchItems td {
  vertical-align: middle;
}

#largeSearchItems {
  float: left;
}

#body {
  overflow: auto;
}

#searchResults {
  float: left;
  margin-right: 100px;
}

/* Generic table style */
table, th, td {
  border: none;
  margin: 10px;
  font-size: 10pt;
}

th, td {
  vertical-align: top;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

textarea {
  resize: none;
  vertical-align: top;
}

/* Tab style and highlighting */
.tabContainer {
  overflow: hidden;
  border: 1px solid #ccc;
  border-left: none;
  background-color: #f1f1f1;
  display: inline-block;
  -webkit-user-select: none; /* webkit (safari, chrome) browsers */
  -moz-user-select: none; /* mozilla browsers */
  -khtml-user-select: none; /* webkit (konqueror) browsers */
  -ms-user-select: none; /* IE10+ */
  user-select: none;
}

.tab {
  background-color: inherit;
  float: left;
  border: none;
  border-left: 1px solid #ccc;
  outline: none;
  padding: 8px 16px;
  transition: 0.3s;
  font-family: 'Open Sans';
  font-size: 10pt;
}

.tab:hover {
  background-color: #840F0F;
  color: white;
}

.tab.active {
  background-color: #C10F0F;
  color: white;
}

.tab input {
    position:absolute;
    top:-20px;
}

/* Meta Chart */

#metaStats {
  float: right;
}

.metaChart {
  display: none;
  padding: 6px 12px;
  animation: fadeEffect 1s;
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

/* General Link Style */
a:link {
  color: #840F0F;
  text-decoration: none;
}

a:visited {
  color: #840F0F;
  text-decoration: none;
}

a:hover {
  color: #840F0F;
  text-decoration: underline;
}

a:active {
  color: #840F0F;
  text-decoration: underline;
}

/* Deck Comparison Hide */
.dropdownDeck {
  display: none;
}

#formatHelp {
  display: none;
  background-color: white;
  border: 1px solid black;
  border-radius: 5px;
  padding: 10px;
  font-size: 9pt;
}