.tooltip {
  position: absolute;
  width: 15em;
  border: 1px solid #8e8a50;
  background-color: #fefad0;
  color: #000;
  padding: 0 10px 3px 10px;
  display: none;
  z-index: 100;
  font: 10px tahoma,arial,sans-serif;
}

table#galleryGrid {
  width             : 555px;
  background-color  : #FFFFFF;
  border            : solid #000 2px;
  table-layout      : fixed;
  margin            : auto;
  margin-top        : 20px;
}

table#galleryGrid td {
  padding           : 2px;
  vertical-align    : text-top; 
  border            : outset #000000 1px;
}

.galleryGridCell {
  width             : 140px;
  height            : 50px;
  background-color  : #CCCCCC;
  border            : solid #000000 1px;
}

.galleryHoverTarget{
	left              : 50px;
	width             : 250px;
	background-color  : #ffffff;
	border            : double #333333 1px;
	margin            : 2px 2px 2px 2px;
	padding           : 2px 2px 2px 2px;
}

.galleryHoverTarget, .galleryHoverLinks {
	position: absolute; 
}

.galleryHoverLinks {
	left: 20px;
}

.galleryContainer{
  position  : relative;
  width     : 99%;
  height    : 200px; /*Add a height attribute and set to largest image's height to prevent overlaying*/
  margin    : 5px 2px; 
}

.gallerySendMessage{
text-align: center;
border    : outset 1px;
margin    : 5px 5px 5px 5px;
padding   : 5px 5px 5px 5px;
}

.galleryThumbnailContainer{
width   : 84px;
height  : 104px;
padding : 2px 2px 2px 2px;
} 

.galleryThumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.galleryThumbnail:hover{
background-color: transparent;
}

.galleryThumbnail:hover img{
border: 1px solid blue;
}

.galleryThumbnail span{ /*CSS for enlarged image , I thought is a cool thing to put but your call m8*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.galleryThumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.galleryThumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.galleryInfoContainer {
  /* font-size         :12px; */
  margin-top        :5px;
  background-color  :white;
  border            :outset 1px;
  padding           :5px 5px 5px 5px;
}

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: lightyellow;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid navy;
background-color: #2e6ab1;
color: #FFF;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}