body {
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
  /* background-image: url("/media/img/bg/weather.png"); */
}

a:link { color: #FF4500; text-decoration: none; }
a:visited { color: #FF4500; }
a:hover { color: #FF6347; font-weight: bolder; }
a:active { color: red; }

.textbox {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 3px 10px;
  border: 1px solid #ff9900;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font: normal 16px/normal Arial, Helvetica, sans-serif;
  /* color: rgba(0,142,198,1); */
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: rgba(252,252,252,1);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2) inset;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2) inset;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  outline: none;
}

.textbox:hover {
  border: 1px solid rgba(255,153,0,1);
  background: rgba(232,249,255,1);
  -webkit-box-shadow: 0 2px 2px 0 rgba(90,90,90,0.2) inset;
  box-shadow: 0 2px 2px 0 rgba(90,90,90,0.2) inset;
}

.textbox:focus {
  background: rgba(255,253,232,1);
  outline: none;
}

.button, button {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 5px 10px;
  border: 1px solid rgb(211,211,211);
  -webkit-border-radius: 0.2em;
  border-radius: 0.2em;
  font: normal 14px/normal Arial, Helvetica, sans-serif;
  color: rgb(255, 255, 255);
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  white-space: nowrap;
  background: rgb(255, 153, 0);
  -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,0.8) , 0 1px 0 0 rgba(0,0,0,0.298) ;
  box-shadow: 0 0 1px 1px rgba(255,255,255,0.8) , 0 1px 0 0 rgba(0,0,0,0.298) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  outline: none;
}

.button:hover:enabled, button:hover:enabled {
  border: 1px solid rgba(152,0,0,1);
  font: normal normal bold 14px/normal Arial, Helvetica, sans-serif;
  background: rgb(255, 0, 0);
  -webkit-box-shadow: 0 1px 0 0 rgba(90,90,90,0.7) ;
  box-shadow: 0 1px 0 0 rgba(90,90,90,0.7) ;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.button:active, button:active {
  position: relative;
  top: 1px;
  border: 1px solid rgba(255,153,0,1);
  background: rgb(152, 0, 0);
  -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,0.7) inset;
  box-shadow: 0 0 1px 1px rgba(255,255,255,0.7) inset;
  -webkit-transition: none 0 cubic-bezier(0.25, 0.1, 0.25, 1);
  -moz-transition: none 0 cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition: none 0 cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: none 0 cubic-bezier(0.25, 0.1, 0.25, 1);
}

.button:disabled, button:disabled {
  background: gray;
}

.select {
  font-size: inherit;
  border: 1px solid rgb(255,153,0);
  padding: 1px 2px;
  border-radius: 0.2em;
  outline: none;
}

a.button {
  color: white;
  cursor: default;
}

a.nolink {
  color: black;
}

a:hover.nolink {
  text-decoration: underline;
  font-weight: bold;
}

.msg-div {
  background-color: lightgray;
}

.row {
  display: table-row;
}
.cell {
  display: table-cell;
}
label.cell {
  padding-right: 8px;
}
form .margin {
  margin-top: 8px;
}
form .margin-alt {
  margin-top: 12px;
}

.hide {
  display: none;
}