.photo_gallery {
  height:534px;
  width:800px;
}

.float-img {
  margin-left:80px;
}

.cbutton {
  width:80px;
  padding:8px;
  font-size:16pt;
  border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
}

.centered {
  text-align:center;
}

.textbox {
  width:87%;
  margin-right:auto;
  margin-left:auto;
}

.tide_disp {
  border:1px solid black;
  padding:8px;
  border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
}

.nocanvas {
  width:90%;
  background-color:#ffffe0;
  border:1px solid black;
  padding:8px;
  margin-left:auto;
  margin-right:auto;
}

input[type="range"] {
  width:80%;overflow:hidden;
  vertical-align:middle;
}

input[type="button"] {
  padding:4px;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}

.controlbox {
  width:905px;
  border:1px solid black;
  padding:4;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}overflow:hidden;

.imagewindow {
  width:100%;
  overflow-x:hidden;
}

.imagestrip {
  white-space:nowrap;
  overflow:hidden;
  margin:0px;
  background:black;
}

.imageframe {
  display:block;
  width:800px;
  overflow:hidden;
  border:1px solid black;
  background:white;
  padding:8px;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -moz-box-shadow:    5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow:         5px 5px 5px #ccc;
}

.stripimage {
  padding-right:8px;
}