#tooltip {
  position: absolute;
  z-index: 3000;
  background-color: #3f4040;
  padding: 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #ffffff;
  font-weight:bold;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip h3 {
  font-size: 12px;
  color: #ffffff;
}


#gallery .next, #gallery .prev {
  /* absolute positioning relative to the overlay */
  position:absolute;
  top:40%;

  /* upcoming CSS3 rounded border feature */
  -moz-border-radius:5px;
  -webkit-border-radius:5px;

  /* absolute positioning relative to the overlay */
  border:1px solid #666;
  cursor:pointer;
  display:block;
  padding:10px 20px;
  color:#fff;

  text-decoration:none;
}

#gallery .prev {
  left:0;
  border-left:0;
  -moz-border-radius-topleft:0;
  -moz-border-radius-bottomleft:0;
  -webkit-border-bottom-left-radius:0;
  -webkit-border-top-left-radius:0;
}

#gallery .next {
  right:0;
  border-right:0;
  -moz-border-radius-topright:0;
  -moz-border-radius-bottomright:0;
  -webkit-border-bottom-right-radius:0;
  -webkit-border-top-right-radius:0;
}

#gallery .next:hover, #gallery .prev:hover {
  text-decoration:underline;
  background-color:#000;
}

/* progress indicator (animated gif). should be initially hidden */
#gallery .progress {
  position:absolute;
  top:45%;
  left:50%;
  display:none;
}

/* when there is no next or previous link available this class is added */
#gallery .disabled {
  visibility:hidden;
}

/* the "information box" */
#gallery .info {
  position:absolute;
  bottom:0;
  left:0;
  padding:10px 15px;
  color:#fff;
  font-size:11px;
  border-top:1px solid #666;
}

#gallery .info strong {
  display:block;
}

/* everybody should know about RGBA colors. */
#gallery .next, #gallery .prev, #gallery .info {
  background:#333 !important;
  background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;
}


/* the default overlayed element */
.simple_overlay {
  display:none;
  z-index:10000;
  background-color:#333;
  width:675px;
  min-height:200px;
  border:1px solid #666;
  -moz-box-shadow:0 0 90px 5px #000;
  -webkit-box-shadow: 0 0 90px #000;
}

/* the gallery overlayed element */
.gallery_overlay {
  display: none;
  z-index: 10000;
  background-color:#F1F1F1;
  border:1px solid #666;
  -moz-box-shadow:0 0 90px 5px #000;
  -webkit-box-shadow: 0 0 90px #000;
}

/* the customized overlayed element */
.modal {
  display: none;
  z-index: 10000;
  padding: 15px;
  text-align: left;
  /*
  border: 2px solid #333;
  background-color:#fff;
  opacity: 0.8;
  */
  border: 1px solid #333;
  background-color: #F1F1F1;

  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-box-shadow: 0 0 50px #ccc;
  -webkit-box-shadow: 0 0 50px #ccc;
}
.modal h2 {
  background: url(/images/info.png) 0 50% no-repeat;
  margin: 0px;
  padding: 10px 0 10px 45px;
  border-bottom: 1px solid #333;
  font-size: 20px;
}
.modal h3 {
  border-bottom: 1px solid #333333;
  margin-bottom: 20px;
  padding: 5px 0;
}
.modal ul {
  /*padding-top: 15px;*/
  padding-top: 0px;
}
.modal ul.error_list {
  padding: 0px;
}
.modal p {
  margin: 10px 0px 10px 0px;
}

/* close button positioned on upper right corner */
.simple_overlay div.close, .gallery_overlay div.close, .modal div.close {
  background-image: url(../images/tooltip-close.png);
  position: absolute;
  right: -15px;
  top: -15px;
  cursor: pointer;
  height: 35px;
  width: 35px;
}

.modal .buttons, #yesno .buttons {
  padding-top: 5px;
}