:root {
  --base_text: #1F1F1F;
  --dark_background: #FF0000;
  --light_background: #BF5454;
} 

@charset "utf-8";
/* CSS Document */


/*------Imports-------*/

@import url(http://fonts.googleapis.com/css?family=Oswald:300,400,600,700|EB+Garamond);






/*------Fonts-------*/

h1,h2,h3,th,#header,#statusline,.titleblock,.columnblock2 a:link, .payoutheader,.title{
	font-family: 'Oswald', sans-serif;
}


body, .SubHeader{
	font-family:Arial, Helvetica, sans-serif;
}

body {font-size: 14px;}

/*----------NAV/header--------*/

div.headertext{
	position: absolute;
	top: 5px;
	text-decoration: none !important;
	color: #F000FF !important;
	text-shadow: .5px .5px 0px #000000 !important;
  	font-size:24px;
  	text-align: center;
  	padding: 20px 14px;
  	float: left;
}

ul.bar {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: var(--dark_background);
  font-size:16px;
  width:100%;
}

li.bar {
  display: block;
  text-align: center;
  padding: 20px 0px;
  text-decoration: none;
  float: right;
  color: white
}

li.bar a {
  text-align: center;
  padding: 20px 16px;
  color: white;
}

/* Change the link color to #111 (black) on hover */
li.bar a:hover {
  background-color: var(--light_background);
}

/*------Text-------*/

a.header {
  text-decoration: none;
  color: white;
}

h1 {
	color: var(--dark_background);
	font-size:32px;
	text-align:center;
	text-shadow: .3px .3px 0px #000000;
}


.SubHeader{
	font-size:18px;
	
}




.basictable {
	border: 4px solid black;
	border-collapse:collapse;
	text-align:center;
	border-spacing: 0; 
	
}

.basictable th {
	font-weight:bold;
	padding:3px 6px;
	background-color:#CCC;
	font-size:14px;
	border: 2px solid black;
}
.basictable th:first-child {
    border-radius: 6px 0 0 0 !important;
}

.basictable th:last-child {
    border-radius: 0 6px 0 0 !important;
}

.basictable th:only-child{
    border-radius: 6px 6px 0 0 !important;
}

.basictable td {
	padding:1px 3px;
	font-size:11px;
	border: 1px solid black;
}

.basictable tr:nth-child(even) {
    background: #f5f5f5;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
}

.basictable tr:hover {
  background: #fbf8e9;
  transition: all 0.1s ease-in-out;     
}


#statusline {
	font-size:14;
	text-align:right;
}

.insidetable th,.insidetable td {
	padding:1px 3px;
    width: 75px;
	text-align:center;
}

.cleartable,.cleartable td,.cleartable th {
	border: 0px;
	border-collapse:collapse;
	padding:1px 4px;
	
}

.centertable,.centertable td,.centertable th {
	text-align:center;
	vertical-align:middle;
}


	


/*------modifiers-------*/

.center {
	text-align:center;
}


.headerimage{
	position:relative;
	margin:15px;
	top:-20;
}
.headertext{
	top:-30;
}

.bodybox{
	width:1000px;
  margin-left: auto ;
  margin-right: auto ;
}

.small_submit{
	height:15px;
	width:40px;
	font-size: 7px;
}

.button1{
	padding: 8px 30px !important;
	border: thin solid var(--dark_background);
	margin: 10px;
	border-radius: 8px;
	color: var(--dark_background);
	background-color:#FFFFFF ;
	font-weight:bold;	
}
.button1:hover {
	color: #FFFFFF ;
	background-color:var(--dark_background);
}
/*------table-------*/


table a:link {
	color: #2A2A2A;
	font-weight: bold;
	text-decoration:none;
}
table a:visited {
	color: #2A2A2A;
	font-weight:bold;
	text-decoration:none;
}
table a:active,
table a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
table {
	font-family:Arial, Helvetica, sans-serif;
	color:var(--base_text);
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin:8px;
	border:#A7B1FD 1px solid;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table th {
	padding:4px 4px 6px 4px;
	border-top:1px solid #A7B1FD;
	border-bottom:1px solid #A7B1FD;
	font-size:14px;

	background: #C2D0FF;
	background: -webkit-gradient(linear, left top, left bottom, from(#C2D0FF), to(#D7E0FF));
	background: -moz-linear-gradient(top,  #C2D0FF,  #D7E0FF);
}
table th:first-child {
	text-align: center;
	padding-left:6px;
}
table tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table tr {
	text-align: center;
	padding-left:6px;
}
table td:first-child {
	text-align: center;
	padding-left:6px;
	border-left: 0;
}
table td {
	border-top: 1px solid #E1E4FF;
	border-bottom:1px solid #E1E4FF;
	border-left: 1px solid #E1E4FF;
	border-right: 1px solid #E1E4FF;
	background: #F7F8FF;
	background: -webkit-gradient(linear, left top, left bottom, from(#F7F8FF), to(#F7F8FF));
	background: -moz-linear-gradient(top,  #F7F8FF,  #F7F8FF);
}
table td a { 
	display:block; 
	width: 100%;
	height: 100%;
} 

table td.nowrap {
	white-space: nowrap;
}
table.alternate tr:nth-child(odd) td {
	background: #E1E8FF;
	background: -webkit-gradient(linear, left top, left bottom, from(#E1E8FF), to(#ECF0FF));
	background: -moz-linear-gradient(top,  #E1E8FF,  #ECF0FF);
}
table tr.tt1 th {
	font-size:36px !important;
	color:#F1F1F1 !important;
	text-shadow: .5px .5px 0px #000000 !important;
	
	background: var(--dark_background) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#001A4E), to(#213254)) !important;
	background: -moz-linear-gradient(top,  #001A4E,  #213254) !important;
	
}
table tr.tt2 th {
	font-size:22px !important;
	color:#181818 !important;
}
table tr.tt3 th {
	color:#181818 !important;
	font-weight: bold;
	
}
table tr.t3 th {
	background: #E1E8FF !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#E1E8FF), to(#ECF0FF)) !important;
	background: -moz-linear-gradient(top,  #E1E8FF,  #ECF0FF) !important;
}
table tr:last-child td {
	border-bottom:0;
}
table tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table tr:hover td {
	background: #BFDCFF !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#BFDCFF), to(#DFEDFF));
	background: -moz-linear-gradient(top,  #BFDCFF,  #DFEDFF);	
}





table.stick {
  text-align: left;
  position: relative;
  border-collapse: collapse; 
}
table.stick th, td {
  padding: 0.25rem;
}
table.stick th {
  background: white;
  position: sticky;
  top: 0; /* Don't forget this, required for the stickiness */
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}

table.hide {
	border: 0px !important;
	spacing: 0px !important;
	border-spacing: 0px !important;
}