/* CSS Document */


/**************gallery table padding************/

.padding-left-30px{
	padding-left:30px;
}

	
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#e8f3fb;
padding:5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#003366;
text-decoration: none;
text-align:left;
}

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 30px;
left: 30px; /*position where enlarged image should offset horizontally */

}

html>body .thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -70px;
left: 30px; /*position where enlarged image should offset horizontally */

}




/******************************CSS FOR RIGHT SIDE IMAGES****************************/

.thumbnailright{
position: relative;
z-index: 0;
}

.thumbnailright:hover{
background-color: transparent;
z-index: 2000;
}

.thumbnailright span{ /*CSS for enlarged image*/
position: absolute;
background-color:#e8f3fb;
padding:5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#003366;
text-decoration: none;
text-align:left;
}

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

.thumbnailright:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 30px;
left: -300px; /*position where enlarged image should offset horizontally */

}

html>body .thumbnailright:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -70px;
left: -300px; /*position where enlarged image should offset horizontally */

}


/******************************CSS FOR BOTTOM Right TWO ROWS****************************/



.thumbnailbtmrt{
position: relative;
z-index: 0;
}

.thumbnailbtmrt:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailbtmrt span{ /*CSS for enlarged image*/
position: absolute;
background-color:#e8f3fb;
padding:5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#003366;
text-decoration: none;

}

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

.thumbnailbtmrt:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom: 30px;
left: -300px; /*position where enlarged image should offset horizontally */

}

html>body .thumbnailbtmrt:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom: 30px;
left: -300px; /*position where enlarged image should offset horizontally */

}

/******************************CSS FOR BOTTOM left TWO ROWS****************************/

	
.thumbnailbtmlt{
position: relative;
z-index: 0;
}

.thumbnailbtmlt:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailbtmlt span{ /*CSS for enlarged image*/
position: absolute;
background-color:#e8f3fb;
padding:5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#003366;
text-decoration: none;
}

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

.thumbnailbtmlt:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200px;
left: 30px; /*position where enlarged image should offset horizontally */

}

html>body .thumbnailbtmlt:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -300px;
left: 30px; /*position where enlarged image should offset horizontally */

}