body {
  font-family: Arial;
  font-size: 18px;
}

select {
       height: auto;
}

.button   {
      border-color: none;
      font-size: 18px;
}

.helper {
  margin: 0;
  white-space:nowrap;
  color: blue;
  font-size: 12px;
}

#tabs2 {visibility:hidden; position: absolute; left: 8px;}
#tabs a:link, #tabs2 a:link { text-decoration:none; color: black;}
#tabs a:visited, #tabs2 a:visited { text-decoration:none; color: black;}
#tabs a:hover, #tabs2 a:hover  { text-decoration:; color: red;}
#tabs a:active, #tabs2 a:active { text-decoration:none; color: red;}

#tabs ul, #tabs2 ul {
	list-style: none;
	padding:0;
	margin:0;
}

#tabs li, #tabs2 li   {
      font-size: 20px;
      float: left;
      border: 1px solid;
      border-bottom-width: 0;
      padding: 2px;
      margin: 0 0.5em 0 0;
}

#tabs li a, #tabs2 li a {
      padding: 0 1em;
}

#content {
        padding: 10px;
	border: 1px solid;
	width: 850px;
	clear: both;
}

.box {
  padding-top: 5px;
  line-height: 35px;
}

.statsTable td {
  padding: 2px;
}

td.right {
  text-align: right;
}

#tabs .selected, #tabs2 .selected {
	position: relative;
	top: 1px;
	background: lightgrey;
}

.stats {
  position: relative;
  width: 100px;
  float: left;
  display: inline;
}

#duration {
  clear: both;
}

.selection      {
                width: 300px;
                border:1px solid black;
                background: lightgrey;
                margin-left: 5px;
                margin-top: 5px;
                margin-bottom: 5px;
                font-family: "Arial",sans-serif;
                font-size: 28px;
                }

.small          {
                  width: 55px;
                  font-size: 20px;
                }