h1 a {
 color: #000000;
 background-color: #dddddd;
 opacity: 0.75;
}

table.dataTable tbody td a {
 color: #000000;
 margin-left: 5px;
 font-size: 15px;
}

table.dataTable thead th {
border-bottom: 0px;
}

table.dataTable thead th.dt-head-left {
position:relative;
left: -5px;
}

table.dataTable tbody th,
table.dataTable tbody td {
 background: transparent;
 font-size: 15px;
 color: #000000;
}

table.dataTable {
  /*table-layout: fixed;*/
  width: 580px;
  background: transparent url('metal-strip-5-480.jpg');
  background-size: 580px;
  /*background-size: cover;*/
  /*background-repeat: no-repeat;*/
  font-size: 15px;
}

table.groupsTable {
  /* 480px blows out the parent table */
  /*width: 385px;*/
  width: 670px;
  background: transparent;
  font-size: 15px;
}

table.dataTable tbody tr
{ 
 background: transparent;
}

table.dataTable.display tbody tr:hover
{ 
 background: transparent;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 0px;
  }

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
 background-color: transparent;
}

table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
 background-color: transparent;
}

table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
 background-color: transparent;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
 background-color: transparent;
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
 background-color: transparent;
}

table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
 background-color: transparent;
}

table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
 background-color: transparent;
}

body {
   background: url('metal-pattern-2-640.jpg');
} 

.dataTables_wrapper .dataTables_filter label
{ 
 position: relative;
 bottom: -6px;
}

.dataTables_wrapper .dataTables_filter {
   text-align: center;
   width: 100%;
   height: 65px;
   overflow: hidden;
   background: url('metal-strip-top-bottom-4.jpg');
   background-repeat: repeat-y;
   /*background-attachment: fixed;*/
   background-position: center bottom;
   background-size: 580px;
   opacity: 1.0;
}

.dataTables_wrapper .dataTables_length {
  color: #000000;
  background-color: #dddddd;
  opacity: 0.75;
  position: relative;
  left: 40px;
  bottom: 30px;
  z-index: 1;
}

.dataTables_wrapper .dataTables_paginate {
  color: #000000;
  background-color: #dddddd;
  opacity: 0.75;
}

.dataTables_wrapper .dataTables_info {
  color: #000000;
  background-color: #dddddd;
  opacity: 0.75;
  display: none;
}

.inline-component label{
 color: #000000;
 background-color: #dddddd;
 opacity: 0.75;
 
}

table.dataTable tfoot th
{ 
  border-top: none;
  height: 75px; 
  background: transparent url('metal-strip-top-bottom-4.jpg');
}

table.dataTable thead .sorting, 
table.dataTable thead .sorting_asc, 
table.dataTable thead .sorting_desc {
    background : none;
}

.dataTables_wrapper .dataTables_filter input
{ 
  border: 1px solid #000;
}

.row { 
 /*display: flex;*/
}

.left-side { 
 tranform: scale(0.85, 0.85);
 -webkit-transform:scale(0.85, 0.85);
 /*flex: 25%;*/
 /*z-index=10;*/
 position: absolute;
 z-index: 1;
 top: 120px;
 left: 10px;
 background-color: #ffffff;
 opacity: 89%;
 text-align: center;
 line-height: 100%;
 border-style: solid;
 /* Bottom border is 8px due to banner bottom border */
 border-width: 8px 5px 0px 5px;
 border-color: white;
}

.left-side a {
  color: #000000;
 }

.right-side { 
 tranform: scale(0.85, 0.85);
 -webkit-transform:scale(0.85, 0.85);
 /*flex: 25%;*/
 /*z-index=10;*/
 position: absolute;
 z-index: 1;
 top: 120px;
 right: 10px;
 background-color: #ffffff;
 opacity: 89%;
 text-align: center;
 line-height: 100%;
 border-style: solid;
 /* Bottom border is 8px due to banner bottom border */
 border-width: 8px 5px 0px 5px;
 border-color: white;
}

.right-side a {
  color: #000000;
 }

.borough-group-div a {
 /*color: #ffffff*/
}

.inline-component {
  float: right;
}

.top-left-image { 
  /*background: url('MC-logo-2.jpeg');*/
  background-size: 1px 1px;
  height: 1px;
  width: 1px;
  position: relative;
  top: -60px;
  left: 40px;
}

.top-right-image { 
  /*background: url('MC-logo-3.jpeg');*/
  background-size: 1px 1px;
  height: 1px;
  width: 1px;
  position: relative;
  float: right;
  top: -60px;
  right: 40px;
}

td.groups-control {
/*    background: url('details_open.png') no-repeat center center !important;*/
    background: url('dropdown-black-open.png') no-repeat center center !important;

    cursor: pointer;
    left: 10px;
    position: relative;
}

tr.shown td.groups-control {
/*    background: url('details_close.png') no-repeat center center !important;*/
    background: url('dropdown-black-close.png') no-repeat center center !important;

    left: 10px;
    position: relative;
}

td.groupsTableGroup
{
 width: 125px;
}

td.groupsTableRank
{
 /*width: 80px;*/
 text-align: right;
}

td.groupsTableREP
{ 
 /*width: 65px;*/
 text-align: left;
 position: relative;
 left: 45px;
}

td.groupsTableMSGS
{
 text-align: left;
 left: 80px;
 position: relative;
}

td.groupsTableJoinDate
{
 text-align: left;
 left: 75px;
 position: relative;
}

td.groupsTableMsgDate
{
 text-align: center;
 left: 15px;
 position: relative;
}

.center
{
 justify-content: center;
 display: flex;
 position: relative;
 bottom: 1px;
 transform: scale(3, 3);
 -webkit-transform:scale(3, 3);
 z-index: 1;
}

.right-center
{
 opacity: 65%;
 font-family: serif;
 color: black;
 border-radius: 0px;
 -webkit-appearance: none;
 -webkit-text-size-adjust: none;
 border-color: gray;
 width: auto;
 height: 23px;
 font-size: 12px;
 border-style: double;
 border-size: 3.3px;
 border-color: black;
 margin: 0px;
}

.right-center:hover
{
 opacity: 100%;
 cursor: pointer;
}

.left-center
{
 font-family: serif;
 color: black;
 border-radius: 0px;
 -webkit-appearance: none;
 -webkit-text-size-adjust: none;
 border-color: gray;
 width: auto;
 height: 23px;
 font-size: 12px;
 border-style: double;
 border-size: 3.3px;
 border-color: black;
 margin: 0px;
}

table.dataTable tfoot tr th
{
 position: relative;
 left: 50px;
 font-family: copperplate, sans-serif;
 font-weight: normal;
}

.totaldiv
{ 
 display: flex;
 position: relative;
 width: 0;
 height: 0;
}

.total
{
 tranform: scale(0.3, 0.3);
 -webkit-transform:scale(0.3, 0.3);
 position: absolute;
 top: 33px;
 right: -115px;
 width: 200px;
 font-family: copperplate, sans-serif;
 font-weight: normal;
}

.whatdate
{ 
 position: relative;
 bottom: 15px;
 right: 50px;
}