.circle
{
    font-size:25px;
    color: green;
}

.onoff {
    font-family: Calibri, sans-serif;
    font-size:13px;
    width: 100%;
    font-weight: bold;
    min-width: 120px;
    height: 100%;
    background:#ADB7BA;
    color: white;
}

.listButtonContainer
{
	min-width: 120px;
	min-height: 25px;
}


table
{
	border-collapse:collapse;
	border-spacing:0;
	display:table;
}



.tournamentDataTable
{
	border-collapse:collapse;
	border-spacing:0;
	display:block;
	width:100%;
	border: 0px solid black;
}


.circleOff
{
	color:white;
	font-size: 30px;
	float:right;
}

.circleOn
{
	color:white;
	font-size: 30px;
	float:right;
}

.tournamentListCircleField
{
	width: 8%;
}

.tournamentRow
{
	width: 92%;
}

.dateCol1
{
	width: 100px;
	display: inline-block;
}

.dateCol2
{
	width: 100px;
	display: inline-block;
}

#headerTableDate
{
	width: 205px;
    	display: inline-block;
}


.tournamentInfo
{
	width: 35em;
	padding-left: 5px;
}

.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:96%;}



form div{
	margin:0 0 0.8em 0;
}


form input[type=submit],
form input[type=text],
form input[type=password],
form textarea{
	padding:5px;
}

form input,
form textarea,
form input[type=submit]{
	background:#fff;
	border:1px solid #aaa;
	width:90%;
}

form input[type=submit]{
	width:100%;
	background:#ff0099;
}

#redSubmit{
	width:100%;
	background:red;
}

header{
	border-bottom:1px solid #ccc;
}
header,
footer{
	/* background-color: #ff0099; */
	background-color: #ffffff;
}

form#fullWhite input[type=submit]{
	background:#fff;
	border:1px solid #aaa;
	width:100%;
}

.clear
{
	background-color: yellow;
}

.options
{
	float:right;
	background-color: #ADB7BA;
}
.options ul{
	margin:0;
	padding:0;
}
.options li{
	float:left;
	background:url('options.png') no-repeat;
	width:60px;
	height:60px;
	display:inline-block;
	cursor:pointer;
	border-left:1px solid #ccc;
	text-indent:-1000em;
}
.options li.active,
.options li:first-child{
	background-position: 22px 20px;
}
.options li:last-child{
	background-position: -17px 20px;
}


.content{
	padding:10px;
}

.menu{
	border-top:1px solid #eee;
	background:#f2f2f2;
	z-index:100;
}
.menu a{
	color:#555566;
	font-size:14px;
	font-weight:bold;
	line-height:50px;
	display:block;
	padding:0 10px;
	width: 90%;
}

.menu li{
	border-bottom: 3px solid #000000;
	margin-left: -20px;
}

.menu li:last-child{
	border-bottom: 0px solid #000000;
}

#listTable
{
	width: 100%;
}

#listTableTable
{
	width: 100%;
}

#listTableTable tr td
{
	word-wrap: break-word;
	display: inline-block;
}

#headerTable tr
{
	border-bottom: 2px solid black;
	border-collapse: collapse;
}

#headerTable td
{
	border-bottom: 0px solid black;
	border-left: 0px solid black;
	border-collapse: collapse;
}

#headerTable td:first-child
{
	border-bottom: 0px solid black;
	border-left: 0px solid black;
	border-right: 2px solid black;
	border-collapse: collapse;
}

#headerTable td:last-child
{
	border-right: 0px solid black;
	border-left: 2px solid black;
}

#headerTable
{
	font-size: 20px;
	font-weight: bold;
}

#headerTableCategories
{
	width: 8%;
}



#headerTableTournament
{
	width: 87vw;
}

.headerTableEmpty
{
	width: 0px;
}

@media 
only screen and (max-width: 768px)
{
	#tournamentTableTable , #tournamentTableTable thead, #tournamentTableTable tbody, #tournamentTableTable th, #tournamentTableTable td, #tournamentTableTable tr
	{ 
		@display: block; 
	}
	.tournamentDataTable td
	{
		display: table-row;
	}
	.listButtonContainer
	{
		width: 25%;
	}
}

#tournamentTableTable 
{
    overflow-y: auto;
    overflow-x: auto;
    display: table;
    width: 100%;
}

#tournamentTable {
    table-layout: fixed;
    overflow-y: auto;
    overflow-x: auto;
    height: 80vh;
}

#tournamentTable tr {
	border-bottom: 1px solid black;
	border-left: 1px solid black;
    	border-top: 1px solid black;
    	border-collapse: collapse;
    	display: table;
}

#userTable {
    table-layout: fixed;
    overflow: auto
}

#userTable tr {
	border-bottom: 1px solid black;
    border-top: 1px solid black;
    border-collapse: collapse;
}

#userTable td {
	border-left: 1px solid black;
    border-right: 1px solid black;
    border-collapse: collapse;
}

#userTable tr:first-child {
	font-weight:bold;
	border-top: 0px solid black;
}

#summaryTable tr {
	border-bottom: 1px solid black;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-collapse: collapse;
}

#summaryTable td {
	border-bottom: 1px solid black;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-collapse: collapse;
}

#summaryTable tr:first-child,#summaryTable th {
	border-bottom: 2px solid black;
	border-left: 2px solid black;
    border-right: 2px solid black;
    border-collapse: collapse;
}

#strike {
    text-decoration: line-through;
}

h2 {
	max-width:90%;
    display:inline;
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
}
h2:after {
    content:"";
    overflow:hidden;
    color:transparent;
    display: block;
}

h3 {
	max-width:90%;
    display:inline;
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
}
h3:after {
    content:"";
    overflow:hidden;
    color:transparent;
    display: block;
}

h4 {
	max-width:90%;
    display:inline;
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
}
h4:after {
    content:"";
    overflow:hidden;
    color:transparent;
    display: block;
}

#dateColumn
{
	width: 200px;
}