/* Fonts
******************************/
div#flexbox-container {
  font-family:verdana,sans-serif;
  font-size:11px;
  color:#000;
}
div#flexbox-container h1,
div#flexbox-container h2,
div#flexbox-container h3,
div#flexbox-container h4,
div#flexbox-container h5,
div#flexbox-container h6 {
  font-weight:bold;
  font-size:11px;
  margin:0 0 .8em 0;
}
div#flexbox-container p {
  margin:0 0 .8em 0;
}

div#flexbox-overlay {
  position:absolute;
  left:0px;
  top:0px;
  display:none;
}

div#flexbox-container {
  position:absolute;
  background:white;
  display:none;
  padding:10px;
}

div#flexbox-container a {
  text-decoration:none;
  color:black;
}
div#flexbox-container a:focus {
  outline:none;
}
div#flexbox-caption {
  line-height:20px;
  height:30px;
  display:none;
}
.right #flexbox-caption {
  line-height:1.4em;
  width:160px; /* JS */
  float:right;
}
#flexbox-count {
  float:right;
  width:160px;
  line-height:20px;
  height:30px;
}
right #flexbox-count {
  float:none;
}
a#flexbox-close {
  display:block;
  float:right;
  text-indent:-9999px;
}


img#flexbox-image {
}
.right #flexbox-image {
  float:left;
  margin:0 10px 0 0;
}

#flexbox-close {
  display:block;
  position:absolute;
  right:10px;
  top:10px;
  width:18px;
  height:18px;
  text-indent:-9999px;
  background:url(images/flexbox-close.gif);
}

a#flexbox-prev {
  position:absolute;
  left:10px;
  top:40px;
  bottom:10px;
  width:33%;
  text-indent:-9999px;
  display:none;
  z-index:1000;
  background:url(images/flexbox-prev.gif) no-repeat 0 -9999px;
}
a#flexbox-prev:hover {
  background-position:0 100px;
}
.right #flexbox-prev {
  top:10px;
}
a#flexbox-next {
  position:absolute;
  right:0px;
  top:40px;
  bottom:10px;
  width:33%;
  /*height:100%;   will be changed to container.height-40px by JS */
  text-indent:-9999px;
  background:#c00;
  display:none;
  z-index:1000;
  background:url(images/flexbox-next.gif) no-repeat 100% -9999px;
}
a#flexbox-next:hover {
  background-position:100% 100px;
}
.right #flexbox-next {
  top:10px;
}