/* Fencing Data tools Core CSS */

:root {
	--containerWidth: 860px;
	--tableWidth: 860px;
	--containerWidth-AF: 870px;
	--tableWidth-AF: 800px;
	--color: black;
	--bgColor: white;
}
/* div {
	margin: 0 auto 0 auto;
} */
.container {
	width: var(--containerWidth);
	border-radius: 0px;
	border: 0px;
	color: var(--color);
	margin: 0 auto 0 auto; /* (to center) */
	background: white;
	font-family: arial;
}

.container-AF {
	width: var(--containerWidth-AF);
	border-radius: 0px;
	border: 0px;
	color: var(--color);
	margin: 0 auto 0 auto;
	background: white;
	font-family: arial;
}

.container-copyright {
	width: 600;
	height:18px;
	color: black;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background: grey;
	font-family: arial;	
}

.container-header {
	width: var(--containerWidth);
	height: 100%;
	color: var(--color);
	font-family: arial;
	font-weight: bold;
}

.tableDefault {
	width: var(--tableWidth);
	font-family: Arial; 
	text-align: left; 
	background-color: #ffffff;
}

.tableDefault-AF {
	width: var(--tableWidth-AF);
	font-family: Arial; 
	text-align: left; 
	background-color: #ffffff;
}

th {
	font-family: Arial; 
	text-align: left; 
	vertical-align: top;
	background: gold;
	color: var(--color);
	font-size: 1em;
	font-weight:normal;
}

td {
	font-family: Arial; 
	text-align: left; 
	vertical-align: top;
	font-weight:normal;
}
body {
	font-family: Arial;
	font-size: 1em;
}

a:link {
  color: navy;
  background-color: transparent;
  text-decoration: none;
  font-weight:normal;
}

a:visited {
  color: navy;
  background-color: transparent;
  text-decoration: none;
  font-weight:normal;
}

a:hover {
  color: blue;
  text-decoration: none;
  font-weight:normal;
}

a:active {
  color: var(--color);
  background-color: transparent;
  text-decoration: none;
  font-weight:normal;
}
.button {
  -webkit-border-radius: 32;
  -moz-border-radius: 32;
  font-family: Arial;
  font-weight: bold;
  color: l;
  padding-right: 15px;
  padding-left: 15px;
  text-decoration: none;
  background: lightgrey;
  border: solid black 1px;
  border-radius: 32px;
  margin-right: 4px;
  margin-left: 4px;
}

.button-right {
  -webkit-border-radius: 32;
  -moz-border-radius: 32;
  font-family: Arial;
  font-weight: bold;
  color: #121012;
  padding-right: 15px;
  padding-left: 15px;
  text-decoration: none;
  background: lightgrey;
  border: solid black 1px;
  border-radius: 32px;
  margin-right: 4px;
  margin-left: 4px;
  float: right;
}

.button-right:hover {
  background: lightyellow;
  text-decoration: none;
  color:black;
}

.button:hover {
  background: lightyellow;
  text-decoration: none;
  color:black;
}
.button-highlight {
  -webkit-border-radius: 32;
  -moz-border-radius: 32;
  border-radius: 32px;
  font-family: Arial;
  font-size: 12;
  color: #121012;
  padding-right: 8px;
  padding-left: 8px;
  background: #FFFFCC;
  border: solid #444444 1px;
  text-align: center;
  font-weight: bold;
  margin-right: 4px;
  margin-left: 4px;
}

.button-center {
  -webkit-border-radius: 32;
  -moz-border-radius: 32;
  border-radius: 32px;
  font-family: Arial;
  font-size: 12;
  color: #121012;
  padding-right: 8px;
  padding-left: 8px;
  background: #FFFFCC;
  border: solid #444444 1px;
  text-align: center;
  font-weight: bold;
margin-left:50%;
}

.button-highlight-center {
  -webkit-border-radius: 32;
  -moz-border-radius: 32;
  border-radius: 32px;
  font-family: Arial;
  font-size: 14;
  color: #121012;
  padding-right: 8px;
  padding-left: 8px;
  /* background: #FFFFCC; */
  border: solid #444444 1px;
  text-align: center;
  font-weight: bold;
margin-left:50%;
}
.button-highlight-right {
  -webkit-border-radius: 32;
  -moz-border-radius: 32;
  border-radius: 32px;
  font-family: Arial;
  font-size: 12;
  color: #121012;
  padding-right: 8px;
  padding-left: 8px;
  background: #FFFFCC;
  border: solid #444444 1px;
  text-align: center;
  font-weight: bold;
  margin-right: 4px;
  margin-left: 4px;
  float:right;
}
.button-highlight-right:hover {
  background: #195c0e;
  text-decoration: none;
  color:white;
}
.button-highlight-center:hover {
  background: #195c0e;
  text-decoration: none;
  color:white;
}

.button-highlight:hover {
  background: #195c0e;
  text-decoration: none;
  color:white;
}

.button-warn {
-webkit-border-radius: 32;
  -moz-border-radius: 32;
  border-radius: 32px;
  font-family: Arial;
  color: #121012;
  padding-right: 2px;
  padding-left: 2px;
  background: #bdc6c7;
  border: solid #1f628d 1px;
  text-decoration: none;
  text-align: center;
  display: block;
  float: right;
  margin-right: 4px;
  margin-left: 4px;
}

.button-warn:hover {
	background: #ff5555;
	text-decoration: none;
	color:white;
}

.button-header {
  -webkit-border-radius: 32;
  -moz-border-radius: 32;
  border-radius: 32px;
  font-family: Arial;
  color: #121012;
  padding-right: 2px;
  padding-left: 2px;
  background: #bdc6c7;
  border: solid #000000 1px;
  text-decoration: none;
  text-align: center;
  display: block;
  width: 80px;
  float: left;
  margin-right: 4px;
  margin-left: 4px;
}

.button-header:hover {
  background: #195c0e;
  text-decoration: none;
  color:white;
}

.button-header-warn {
  -webkit-border-radius: 32;
  -moz-border-radius: 32;
  border-radius: 32px;
  font-family: Arial;
  color: #121012;
  padding-right: 2px;
  padding-left: 2px;
  background: #bdc6c7;
  border: solid #000000 1px;
  text-decoration: none;
  text-align: center;
  display: block;
  width: 80px;
  float: right;
  margin-right: 4px;
  margin-left: 4px;
}

.button-header-warn:hover {
	background: #ff5555;
	text-decoration: none;
	color:white;
}

.button-is-off {
	background: grey;
	color: var(--color);
	border: solid 1px black;
    border-radius: 10%;
	font: bold;
}

.button-stop {
	background: red;
	color: white;
	border: solid 1px black;
    border-radius: 10%;
	style: blink;
}
.headerImage {
	float: left;
	width: 100;
	margin-right: 4px;
	margin-left: 4px;
}

.legend { 
    display: block;
    padding-left: 2px;
    padding-right: 2px;
    border: yes;
    background: var(--background);
    color: white;
}

fieldset {
border: lightgrey 3px solid;
}
fieldset-header {
	background: url('../graphics/USAFlag.jpg');
}

header {
    color:white;
    width:720px;
    padding:5px;
	height:70px;
	background: var(--background);
}

nav {
    height:30px;
    width:720px;
    padding:0px;
	background: var(--background);
}

section {
    width:720px;
	background: white;
	padding: 0px;
}

footer {
    background-color:black;
	width: 720px;
    height:20px;
    color:white;
    clear:both;
    text-align:center;
    padding:0px; 
} 

#background
{
    width: 100%;
    height: auto;
    position: fixed;
    left: 0px;
    top: 0px;
	background-image:url(../graphics/mobile_bg.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#background img
{
    width: 100%;
    height: 100%;
}

fieldset {
border: lightgrey 3px solid;
}
fieldset-header {
	background: url('graphics/USAFlag.jpg');
}