﻿/*
gallery
-----------------*/

#gallery-table
{
  background: #f0f0f0;
  width: 96%;
  margin: 2%;
  border-collapse: collapse;
}

#gallery-table td, #gallery-table fieldset
{
  background: #f0f0f0;
}
#gallery-table td
{
  border: 2px solid #FFF;
}

#gallery-table #thumb-table
{
  width: 96%;
  margin: 2%;
  border-collapse: collapse;
}

#gallery-table #thumb-table a
{
  margin: 5px;
}

#gallery-table #thumb-table table.thumb-list
{
  border-collapse: collapse;
  width: 96%;
  margin-left: 6px;
}
#gallery-table table.thumb-list td
{
  width: 50%;
  text-align: center;
  padding: 6px;
}
#gallery-table #thumb-table table.thumb-list td a
{
  border: 3px solid #FFF;
}




#image-view
{
  width: 70%;
  text-align: center;
  vertical-align: top;
  padding-top: 20px;
}
#image-view input, #image-view img
{
  margin-left: auto;
  margin-right: auto;
}


#gallery-table *, #gallery-table #thumb-table *, #gallery-table table.thumb-list *
{
  margin: 0px;
}

#emaildownload, #next-prev
{
  border: 10px solid #EBE9ED;
  margin: 35px 0px 0px 0px;
}


#emailafriend
{
  background: #fff url(../img/bg-emailtoafriend.gif) no-repeat 0 0;
  padding: 20px 10px 10px 90px;
  text-align: left;
}

#download
{
  margin: 15px 0 0 0px;
  background: #fff url(../img/bg_download.jpg) no-repeat 0 0;
  padding: 20px 10px 20px 90px;
  text-align: left;
}
#emailafriend fieldset
{
  background-color: #fff;
}

body div#main table tr td#image-view img.forcecenter
{
  margin-left: auto !important;
  margin-right: auto !important;
}



/* Gallerry-list
*/

.coverOuter
{
  width: 150px;
  height: 150px;
  margin: 10px;
  padding: 4px;
  border: solid 1px #cccccc;
  text-align: center;
  vertical-align: middle;
}
.coverOuter a img
{
  border: none;
}
.coverOuter a
{
  display: inline-block;
  border: solid 3px #FFF;
}
.coverOuter a:hover
{
  border: outset 3px #EEE;
}
#albumName
{
  clear: both;
  text-align: center;
  text-decoration: none;
  margin: 0px 20px 0px 20px;
  display: block;
  white-space: normal;
  border: solid 0px #cccccc;
}
#albumName a, .coverOuter a
{
  text-decoration: none;
}
#albumName a:hover
{
  text-decoration: underline;
}

/** Gallery
*/
table.gallery-thumb
{
 
}
table.gallery-thumb td
{
  vertical-align : middle;
  padding: 3px; 
  border: solid 1px maroon; 
  margin:  5px;
  height : 86px; 
  width : 86px;  
  empty-cells : hide;
}


