.TF-Comp-Image img { border: 0; }

.TF-Comp-Image-Overlay {
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-color: #000;
  padding: 0; border: 0;
  opacity: 0; filter: alpha(opacity=0);
}

.TF-Comp-Image-Overlay-Rel { position: relative; }

.TF-Comp-Image-Big {
  position: absolute;
}

.TF-Comp-Image-Overlay-Rel .Controls {
  position: absolute;
  top: -2.5em;
  left: 0;
  width: 100%;
}

.TF-Comp-Image-Overlay-Rel .Button {
  padding: 3px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  opacity: 0.7;
  background-color: #fff;
  color: #000;
  float: left;
  margin-right: 5px;
  font-weight: bold;
  cursor: pointer;
}

.TF-Comp-Image-Overlay-Rel div.Button:hover {
  opacity: 1;
}

.TF-Comp-Image-Overlay-Rel .Button.Right {
  float: right;
  margin-right: 0;
  margin-left: 5px;
}

.TF-Comp-Image-Overlay-Rel .Button.Icon {
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 26px;
}

.TF-Comp-Image-Overlay-Rel .Button.Icon.Close      { background-image: url("icons/close.png"); }
.TF-Comp-Image-Overlay-Rel .Button.Icon.Zoom1      { background-image: url("icons/zoom-1.png"); }
.TF-Comp-Image-Overlay-Rel .Button.Icon.Previous   { background-image: url("icons/previous.png"); }
.TF-Comp-Image-Overlay-Rel .Button.Icon.Next       { background-image: url("icons/next.png"); }

.TF-Comp-Image-Overlay-Rel div.Button .Previous-Image {
  position: absolute;
  left: 5px;
  top: 100%;
  margin-top: 15px;
  display: none;
  background: #fff;
  padding: 5px;
  border: 1px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.TF-Comp-Image-Overlay-Rel div.Button:hover .Previous-Image { display: block; }

.TF-Comp-Image-Overlay-Rel div.Button .Next-Image {
  position: absolute;
  right: 5px;
  top: 100%;
  margin-top: 15px;
  display: none;
  background: #fff;
  padding: 5px;
  border: 1px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.TF-Comp-Image-Overlay-Rel div.Button:hover .Next-Image { display: block; }

.TF-Comp-Image-Loading .AjaxIcon {
  background: #fff url("img/galimg-loading.gif") no-repeat 50% 50%;
  border: 1px solid #777;
  padding: 4px;
  width: 16px; height: 16px;
  position: absolute;
  top: 50%; margin-top: -13px;
  left: 50%; margin-left: -13px;
}