/* ========================================================================= */

table.gal-thumb {
  /* width & height: JavaScript */
  float:left;}

td.gal-thumb {
  width:100%; 
  height:100%;
  text-align:center;
  vertical-align:bottom;}

img.gal-thumb {
  background-color:#FFFFFF;
  padding:5px;
  border:1px solid #000000;}

a.gal-thumb:link,
a.gal-thumb:visited,
a.gal-thumb:hover,
a.gal-thumb:focus,
a.gal-thumb:active {
  text-decoration:none;}

span.gal-thumb-caption {    /* SHOULD BE ADJUSTED TO THE GENERAL PAGE LAYOUT */
  /* color:#000000; */
  font-size:10px;
  font-weight:bold;
  font-family:Arial,sans-serif;}

/* ========================================================================= */

div#gal-transparent-bg {
  /* width & height: JavaScript */
  display:none;
  position:absolute;
  top:0;
  left:0;
  background-color:#000000;
  z-index:100;
  opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80);}

div.gal-viewport-overlay {
  /* width & height: JavaScript */
  /* top & left: JavaScript */
  display:none;
  position:absolute;
  z-index:101;}

table.gal-viewport-overlay {
  width:100%;
  height:100%;}

td.gal-viewport-overlay {
  width:100%;
  height:100%;
  vertical-align:middle;
  text-align:center;
}

table.gal-viewport-overlay-content {
  margin:auto;}

td.gal-viewport-overlay-content {
  /* width & height: JavaScript */
  text-align:center; 
  vertical-align:middle;}

/* ========================================================================= */

table.gal-pic-and-caption {
  margin:auto;}

td.gal-pic {
  background-color:#FFFFFF;}

td.gal-caption {            /* TEXT MUST BE SHORTER THAN THE PIC'S WIDTH ... */
  color:#000000;            /* OTHERWISE: USE <br /> TAGS IN THE CAPTION     */
  background-color:#FFFFFF;
  font-size:12px;
  font-weight:normal;
  font-family:Arial,sans-serif;
  padding-left:12px;                       /* SYNC PADDING WITH: img.gal-pic */
  padding-right:12px; 
  padding-top:0px; 
  padding-bottom:5px; 
  text-align:left;}

img.gal-pic {
  background-color:#FFFFFF;
  padding-left:12px;                   /* SYNC PADDINGS WITH: td.gal-caption */
  padding-right:12px;
  padding-top:12px;
  padding-bottom:5px;
  display:block;
  border:0;}

/* ========================================================================= */

a.gal-plain:link,
a.gal-plain:visited,
a.gal-plain:hover,
a.gal-plain:focus,
a.gal-plain:active {
  text-decoration:none;}

a.gal-navigation-txt-1:link,
a.gal-navigation-txt-1:visited {
  color:#FAD400;
  font-size:12px;
  font-weight:bold;
  font-family:Arial,sans-serif;
  text-decoration:none;}

a.gal-navigation-txt-1:hover,
a.gal-navigation-txt-1:focus,
a.gal-navigation-txt-1:active {
  color:#FAD400;
  font-size:12px;
  font-weight:bold;
  font-family:Arial,sans-serif;
  text-decoration:underline overline;}

a.gal-navigation-txt-2:link,
a.gal-navigation-txt-2:visited {
  color:#D9D9D9;
  font-size:12px;
  font-weight:bold;
  font-family:Arial,sans-serif;
  text-decoration:none;}

a.gal-navigation-txt-2:hover,
a.gal-navigation-txt-2:focus,
a.gal-navigation-txt-2:active {
  color:#D9D9D9;
  font-size:12px;
  font-weight:bold;
  font-family:Arial,sans-serif;
  text-decoration:underline overline;}

a.gal-navigation-txt-inactive:link,
a.gal-navigation-txt-inactive:visited,
a.gal-navigation-txt-inactive:hover,
a.gal-navigation-txt-inactive:focus,
a.gal-navigation-txt-inactive:active {
  color:#606060;
  font-size:12px;
  font-weight:bold;
  font-family:Arial,sans-serif;
  text-decoration:none;}

/* ========================================================================= */