header {
    background: #000000;
}

BODY {
    font: small arial,helvetica,sans-serif;
    background: #e8e8ff;
    color: #000000;
    margin: 0 10px 10px;
}

PRE {
    font-size: medium
}

TABLE {
   border-collapse: collapse;
}

TD {
    font: small arial,helvetica,sans-serif;
}

H2 {
    font: bold large arial,helvetica,sans-serif;
    color: #990099;
}

H3 {
    font: bold medium arial,helvetica,sans-serif;
    color: #000099;
    background: #F0F030;
    border: 1px solid #6a6aa7;
    padding: 3px 10px;
    margin: 20px 0 20px 0;
}

H4 {
    font: bold small arial,helvetica,sans-serif;
    color: #000099;
    background: #FFFF99;
    border: 1px solid #6a6aa7;
    padding: 2px 10px;
}

p.faq {
    font-size: larger;
    color: #A00000;
}

.links {
    font: normal x-small arial,helvetica,sans-serif;
}

BUTTON.old {
    font: normal x-small arial,helvetica,sans-serif;
    color: #000000;
    background: #C0E0E0;
}

.bar0 {
    vertical-align: middle;
}

TR.bar0 TH {
    background: #F0F0F0;
    border-style:solid; 
    font-weight: bold;
    text-align: center;
    empty-cells: show;
}

TR.bar0 TD {
    background: #FFFFFF;
    border-style:solid; 
    font-weight: normal;
    text-align: center;
    empty-cells: show;
}

.news {
	width: 55%;
	background: #e8ffe8;
	padding: 4px 10px;
	border: solid green 1px;
	font-size: small;
}

.news p, .lh {
	line-height: 1.4;
}

.block {
	display: block;
}

.bar1 {
	background: #FFD8E0;
	vertical-align: middle;
}

.bar2 {
	background: #E0FFE0;
	vertical-align: middle;
}

.bar3 {
	background: #F0F0F0;
	vertical-align: middle;
}

.qso {
	text-align: left;
	vertical-align: middle;
	padding: 0px 10px;
}

div.scroll table {
    empty-cells: show;
    table-layout: fixed;
}

div.scroll table tbody {
    table-layout: fixed;
    overflow-x: hidden;
    overflow-y: scroll;
}

div.scroll table thead, 
div.scroll table tbody {
    display: block;
}


table.helpbox {
    width: auto;
    table-layout: fixed;
}

table.helpbox td {
    width: auto;
    padding-right: 10px;
}

table.helpbox td.help {
    border: 2px solid black;
    background: #f8f8ff;
    padding: 5px;
    line-height: 1.3;
}

table.aboutbox {
    border: 2px solid black;
    background: #f8f8ff;
}

table.aboutbox tr td {
    padding: 5px;
}

table.aboutbox li {
    font-weight: bold;
}

table.pagehead {
    width: 100%;
    background: #000;
}

table.pagehead a {
  color: yellow;
}

table.pagehead td {
  color: #FFFFFF;
}

table.userhead {
  width: 98%;
}

table.topmenu {
  width: 100%;
}

table.topmenu td {
  text-align: center;
  vertical-align: bottom;
  background: #FFFF99;
  border: 2px solid #6a6aa7;
  padding: 3px 10px;
}

table.topmenu td a {
  color: #006666;
  text-decoration: none;
}

table.pagecols {
  width: 100%;
  margin: 0px;
  padding: 0px;
  overflow-x: auto;
}

table.pagecols td {
  padding: 0px 5px;
  margin: 0px;
}

table.pagecols td.bar {
  background: #6a6aa7;
}

table.userlog td {
  border: 1px groove black;
  padding: 4px;
}

table.leftmenu {
  margin-top: 5px;
  background: #FFFF99;
  text-align: center;
}

table.leftmenu td {
  background: #FFFF99;
  text-align: center;
  border: 2px solid #6a6aa7;
  padding: 3px 10px;
}

table.leftmenu td a {
  color: #006666;
  text-decoration: none;
}

table.leftmenu td.menuhead {
  font-weight: bold;
  background: #f8f8ff;
}

table.leftmenu td.subnull {
  background: #6a6aa7;
  border: 0;
}

table.rightmenu {
/*	align: right; */
}

table.rightmenu td {
  background: #FFFF99;
  border: 2px solid #6a6aa7;
  padding: 3px 10px;
}

.menuselect {
  font-weight: bold;
}

table.usermsgtable tr td {
	padding: 3px;
	border-bottom: 1px solid #6a6aa7;
}

table.usermsgtable tr.usermsghead td {
	border-top: 2px solid #6a6aa7;
}

table.awardstatus tr td {
	padding: 3px;
}

table.awardstatus tr td + td {
	text-align: right;
}

table.statlist tr {
	vertical-align: top;
}

table.statlist tr td.start {
	padding-left: 15px;
}

table.dxccbingo {
    floar: left;
    border: 1px solid black;
    border-collapse: collapse;
}

table.dxccbingo tr {
    border: 1px solid black;
}

table.dxccbingo th,
table.dxccbingo td {
    min-width: 30px;
    max-width: 30px;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid black;
}

table.dxccbingo tbody {
    height: 500px; 
}

table.dxccbingo th:first-child{
    min-width: 100px;
    max-width: 100px;
    padding: 3px 0;
}

table.dxccbingo td:first-child {
    min-width: 87px;
    max-width: 87px;
    padding: 3px 3px 3px 10px;
    text-align: left;
}

table.dxccbingo th:nth-child(2),
table.dxccbingo td:nth-child(2) {
    min-width: 200px;
    max-width: 200px;
    padding: 3px 10px;
}

table.dxccbingo th:nth-child(3),
table.dxccbingo td:nth-child(3) {
    min-width: 60px;
    max-width: 60px;
}

table.dxccbingo td:nth-child(2) {
    text-align: right;
}

table.dxccbingo caption {
    font-weight: bold;
    border-style: solid;
    border-width: 2px 2px 0;
    border-color: black;
}

table.orderform td {
    padding: 3px;
}

table.orderform td.label {
    text-align: right;
    font-weight: bold;
}

table.orderform tr.head {
    vertical-align: bottom;
}

table.orderform tr.head td {
    font-weight: bold;
    font-size: larger;
    text-align: center;
}

table.awardapp tr td {
    text-align: center;
}

table.awardapp tr.bar1 td, table.awardapp tr.bar2 td {
    vertical-align: middle;
}

table.awardapp tr td.entity {
    text-align: right;
}

table.awardapp tr td.qso {
    text-align: left;
}

table.dxccapp {
    border-collapse: collapse;
}

table.dxccapp.user tr {
    border-style: solid;
    border-width: 1px 3px;
    border-color: black;
    vertical-align: top;
}

table.dxccapp.user tbody tr:first-child {
    border-top-width: 3px; 
}

table.dxccapp.user tbody tr:last-child {
    border-top-width: 2px; 
    border-bottom-width: 3px; 
}

table.dxccapp td {
    text-align: left;
    vertical-align: top;
    padding: 3px;
}

table.dxccapp tr td.left {
    text-align: left;
    vertical-align: middle;
    padding: 3px;
}

table.dxccapp tr td.label {
    text-align: right;
    font-weight: bold;
}

table.wasprices {
    padding: 0;
    border-collapse: collapse;
}

table.wasprices tr th {
    vertical-align: middle;        
    font-size: small;
    border: 1px solid black;
    padding: 3px;
}

table.wasprices tr td {
    text-align: center;
    border: 1px solid black;
    padding: 3px;
}

table.wasprices caption {
    border-style: none;
}

table.wasprices tr {
    border-width: 1px 3px;
    border-style: solid;
    border-color: black;
}

table.wasprices thead tr:first-child {
    border-top-width: 3px; 
}

table.wasprices tbody tr:last-child {
    border-bottom-width: 3px; 
}

td.help {
    width: auto;
}

td.help li:not(:last-child) {
    margin-bottom: 5px;
}

td.sbfill {
    width: 15px;
    display: table-cell;
}

#block-center td {
   float:left;
   width:100%;
   overflow:hidden;
   position:relative;
}

#block-center div {
   clear:left;
   margin:0;
   padding:0;
   float:left;
   position:relative;
   left:50%;
}

#block-center pre{
   text-align: left;
   margin:0;
   padding:0;
   float:left;
   position:relative;
   right:50%;
}

table.award {
/*    width: min-content; */
    font-size: small;
    border: 1px solid black;
}

div.scroll table.award {
    table-layout: fixed; 
}

table.award tbody {
    max-height: 400px;
}

table.award tr {
    border: 1px solid black;
}

table.award th,
table.award td {
    min-width: 110px;
    padding: 3px 2px;
    border: 1px solid black;
    text-align: center;
    vertical-align: middle;
    white-space: wrap;
}

table.award th:first-child,
table.award td:first-child  {
    min-width: 190px;
    padding: 3px 5px;
}

div.scroll table.award th,
div.scroll table.award td {
    max-width: 110px;
    white-space: normal;
}

div.scroll table.award th:first-child,
div.scroll table.award td:first-child  {
    max-width: 190px;
}

div.scroll table.award td:first-child {
    text-align: right;
}

td.label {
    text-align: left;
    font-weight: bold;
    vertical-align: top;
}

table.no-borders, 
table.no-borders tr, 
table.no-borders th, 
table.no-borders td,
table.no-borders td:first-child  {
    height: auto;
    width: auto;
    border-style: none;
    border-width: 0;
    padding: 5px;
}

#accountStatusTable th,
#accountStatusTable td {
    min-width: 4em; 
    max-width: 5em; 
    padding: 3px 0.5em; 
}

#accountStatusTable td:first-child,
#accountStatusTable th:first-child {
    max-width: none;
    padding: 3px 0.7em;
    text-align: right;
}

#creditsTable table {
    width: 1371px;
} 

#scroll-control {
    white-space: nowrap;
    vertical-align: top;
    text-align: left;
    padding-top: 1em;
}

#scroll-control button {
    background: #f0f0f0;
    font-weight: bold;
}

tr.atdtext pre {
    white-space: pre-wrap;
}

span.ondxcc {
	position: absolute;
	top: 80px;
	font-weight: bold;
	font-size: 400%;
	color: white;
}