/*=============================================================================
  Stylesheet for Photoshare template 'Gallery'
=============================================================================*/

div.psgallery-main
{
}


/* The TD surrounding the main image - can be used to define fixed "viewport" size */  
td.psgallery-mainImage
{
  height: 160px;
  width: 200px;
  vertical-align: center;
  text-align: center;
}


  /* the TD surrounding the main text elements (title and description) */
td.psgallery-mainText
{
  vertical-align: top;
}


  /* the TD surrounding the main title */
td.psgallery-title
{
  font-weight: bold;
}


  /* the TD surrounding the main description */
td.psgallery-description
{
}


/*=============================================================================
   Elements used for the lower part
=============================================================================*/

  /* Ensure no spacing between elements - this makes it possible to "connect" the tabs with the thumbnails area */
table.psgallery-lower,
table.psgallery-lower table
{
  border-collapse: collapse;
}


table.psgallery-lower
{
    /* Stretch thumbnails background to border */
  width: 100%;
}

table.psgallery-lower tr,
table.psgallery-lower td
{
  padding: 0px;
  margin: 0px;
  border: 0px;
}


table.tabs,
table.tabs tr,
table.tabs td
{
}


div.thumbnails
{
  width: 600px;
  height: auto;
  background-color: #97B4D4;
}

div.thumbnails td
{
  padding: 3px;
}

div.thumbnails img
{
  cursor: pointer;  /* Correct name */
  cursor: hand;     /* IE name */
  border: none;
}


/*=============================================================================
   Elements used for the tabs
=============================================================================*/

table.selected td.psgallery-tab-left
{
  width: 9px;
  background-image: url(tabLeftFront.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
}


table.selected td.psgallery-tab-center
{
  background-color: #97B4D4;
  padding: 2px 10px;
  cursor: pointer;  /* Correct name */
  cursor: hand;     /* IE name */
}


table.selected td.psgallery-tab-right
{
  width: 13px;
  background-image: url(tabRightFront.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
}


table.unselected td.psgallery-tab-left
{
  width: 9px;
  background-image: url(tabLeftBack.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
}


table.unselected td.psgallery-tab-center
{
  background-color: #1A4C86;
  padding: 2px 10px;
  cursor: pointer;  /* Correct name */
  cursor: hand;     /* IE name */
}


table.unselected td.psgallery-tab-right
{
  width: 13px;
  background-image: url(tabRightBack.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
}