/* Body */

body {
  font-family: verdana, sans-serif;
  background: #333333;
  color: #dddddd; 
}

/* Links */

/* original  color: #95ddff; */
a:link {
  color:  #15ADFF;
}

a:visited {
/* original  color: #aaaaaa; */
  color:  #15ADFF;
}

a:hover {
  color: #bbddff;
  background: #555555;
}

/* khs - added to deal with hover on nav images */
#navimg
{ border:0; display: block; }

img.image-link {
  border-style: none;
}


/* Various */


.err{
	color:red;
}

.success{
	color:#00CC00;
}

.small {
  font-size: 75%;
}

.large {
  font-size: 130%;
}

.center {
  text-align: center;
}

.center table {
  margin-left: auto;
  margin-right: auto;
}

/* Index table */

table.index {
  border: 0px;
  padding: 0px;
  margin-top: 9px;
  margin-bottom: 9px;
}

table.with-tile {
  background-color: #000000;
}

table.index td {
  padding: 0px;
}

table.index td.thumb img {
  vertical-align: middle;
  border-style: none;
}

table.index td.text-thumb {
  border-width: 1px;
  border-style: solid;
  border-color: #ffffff;
  text-align: center;
/* (  font-size: 50%;        ksimp removed */
}

table.index td.tiled {
  background-image: url("tile.png");
  background-repeat: repeat-x;
  text-align: left;
  font-size: 0px;
}

table.index td.thumb-dim {
  font-size: 50%;
}

table.index td.thumb-caption {
  font-size: 75%;
  background: none;
}

hr.index {
  width: 80%;
  height: 0px;
  border-width: 2px;
}

/* Slides */

table.slide {
  background-color: #000000;
  border-width: 3px;
  border-style: solid;
  border-color: #ffffff;
  border-spacing: 0px;
}

table.slide td.image-slide {
  padding: 0px;
}

table.slide td.image-slide img {
  vertical-align: middle;
  border-style: none;
}

table.slide td.text-slide {
  text-align: center;
  vertical-align: middle;
  font-size: 200%;
  font-style: italic;
}

p.caption {
  text-align: center;
}

/* Headers and footers */

.header {
  font-size: 120%;
/* ksimp
  padding-top: 6px;
  padding-bottom: 6px;
*/
}

.footer {
  font-size: 120%;
/* ksimp
  padding-top: 6px;
  padding-bottom: 6px;
*/
}

/* EXIF table */

table.exif {
  border: 0px;
  border-spacing: 1px;
  background: #ffffff;
}

table.exif td.exif-name {
  text-align: right;
  background: #333333;
  padding-left: 6px;
  padding-right: 6px;
}

table.exif td.exif-value {
  text-align: left;
  background: #333333;
  padding-left: 6px;
  padding-right: 6px;
}
td.vatop {
  vertical-align:top;
  width:50%;
}
.bcontainer {
  position: relative;
  width: 100%;
  height: 100%;
}
.bcontainer img {
  width: 100%;
  height: auto;
}
.bcontainer .btnl {
  position: absolute;
  top: 50%;
  left:10%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #888;
  opacity: 0.5;
  color: white;
  font-size: 24px;
  padding: 12px 24px;
  border: 1px solid #fff;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}
.bcontainer .btnl:hover {
  opacity: 0.8;
  background-color: #555;
}
.bcontainer .btnr {
  position: absolute;
  top: 50%;
  right: 4%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #888;
  opacity: 0.5;
  color: white;
  font-size: 24px;
  padding: 12px 24px;
border: 1px solid #fff;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}
.bcontainer .btnr:hover {
  opacity: 0.8;
  background-color: #555;
}