@charset "UTF-8";
/***************************************************************************
 	styles of g8llery
 **************************************************************************/

.g8llery{
}

.g8llery a{
	text-decoration: none;
	outline: none;
}

.g8lleryView {
/*	border: 0px solid #ccc;
*/	border-top-width: 1px;
	border-bottom-width: 1px;
	padding: 10px 0px;
	text-align: center;
}
.g8lleryView img{
	padding: 4px;
	border: 1px solid #1b27c4;
	border-color: #113e82;
	display: block;
	margin: auto;
}
.g8llery h2{
	display: block;
	margin: 0px;
	padding: 15px 0px 0px 0px;
}

.g8llery p{
	margin: 0px;
	padding: 6px 0px;
	color: #7f93b0;
	font-style: italic;
}

.g8llery .pre{
	padding-right: 0px;
}

.g8llery .next{
	padding-left: 0px;
}

.g8llery-thumbs {
	text-align: center;
	padding: 10px 0px;
	list-style-type: none;
}
.g8llery-thumbs li {
	display: inline;
}
.g8llery img a{
	font-size: 0px;
}
.g8llery-thumbs a img{
	padding: 2px;
	border: 1px solid #fff;
}
.g8llery-thumbs a.current img{
	border-color:  #1b27c4;
	border-color: #113e82;

}


/***************************************************************************
 	v2: using table, having three cols (previuos, thumbnails, next)
 **************************************************************************/

table.g8llery-menu {
	width: 100%;
	border: 1px solid #999;
	padding-top: 9px;
}
table.g8llery-menu td{
	vertical-align: middle;
	/*border: 1px solid black;*/
}
table.g8llery-menu td.previous{
	text-align: right;
}
table.g8llery-menu td.next{
	text-align: left;
}
table.g8llery-menu td.thumbnails ul{
	list-style-type: none;
	text-align: center;
}
table.g8llery-menu td.thumbnails li{
	display: inline;
}
table.g8llery-menu a img{
	padding: 2px;
	border: 1px solid #fff;
}

table.g8llery-menu a.current img{
	border-color:  #1b27c4;
	border-color: #113e82;

}


/***************************************************************************
 	v3: using only a table:
	headerer contains large image, body contains thumbnails and menu 
**************************************************************************/

table.g8llery{
	border-collapse: collapse;
	border-spacing: 0px;
	width: 390px;
}

table.g8llery thead th{
	border-top-width: 1px;
	border-bottom-width: 1px;
	padding: 10px 0px;
	text-align: center;
	height: 350px;
}
table.g8llery thead th img{
	padding: 4px;
	border: 1px solid #1b27c4;
	border-color: #113e82;
	display: block;
	margin: auto;
}


table.g8llery tbody{
	width: 100%;
	padding-top: 9px;
}
table.g8llery td{
	vertical-align: middle;
}
table.g8llery td.previous{
	text-align: right;
	border: 1px solid #ccc;
	border-right: none;
	width: 45px;
	vertical-align: middle;
}
table.g8llery td.next{
	text-align: left;
	border: 1px solid #ccc;
	border-left: none;
	width: 45px;
	vertical-align: middle;
}
table.g8llery td.thumbnails{
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
	width: 290px;
	padding: 9px 5px;
	font-size: 0px;
}
table.g8llery tbody td.thumbnails ul{
	list-style-type: none;
	text-align: center;
}
table.g8llery tbody td.thumbnails li{
	display: inline;
}
table.g8llery tbody a img{
	padding: 2px;
	border: 1px solid #fff;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

table.g8llery tbody	 a.current img{
	border-color: #113e82;

}