/* ...


*/

#timer {
  text-align: center;
  color: white; }

#start {
  color: white;
  text-align: center;
  font-size: 32px; }

#reminder {
  margin-top: 1em;
  font-size: 14px;
  font-weight: normal; }

#byline {
  font-size: 12px;
  margin-top: 3em;
  color: #034B00; }

#byline a:link, #byline a:visited, #byline a:hover, #byline a:active {
  color: #034B00; }

#start-btn, #start-info .btn {
  background-color: #034B00;
  border-color: #023200;
  border-width: 4px;
  padding-left: 1em;
  padding-right: 1em; }

body {
  background-color: green;
  font-family: Arial; }

#controls.inactive {
  display: none; }

#controls {
  position: absolute;
  opacity: .15;
  left: 0;
  bottom: 0px;
  background-color: white;
  width: 100%;
  z-index: 10000;
  text-align: center; }

#edit-timer-container {
  font-size: 0.6em;
  font-weight: normal;
  color: #034B00; }

a#edit-timer {
  color: #034B00;
  color: white; }

a#edit-timer:link, a#edit-timer:visited, a#edit-timer:active {
  color: #034B00; }

a#edit-timer:hover {
  color: #023200; }

#start-info input {
  border: 0;
  border-bottom: 2px solid #023200;
  background-color: transparent;
  font-size: 32px;
  color: white;
  width: 2em;
  text-align: center; }

a#edit-timer-save:link, a#edit-timer-save:hover, a#edit-timer-save:visited, a#edit-timer-save:active {
  text-decoration: none;
  font-size: 18px;
  font-weight: normal; }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 5px 5px;
  font-size: 1em;
  line-height: 1.6em;
  border-radius: 5px;
  color: #fff;
  background-color: #999;
  border-color: #8c8c8c;
  margin-top: 5px; }

.btn + .btn {
  margin-left: 0.6em; }