/*
 * 		gvHeader:  		Main header
 * 		gvContainer:  	overall holder of thumbnails and gvHolder div, the gvLoader div and the gvImgContainer div
 * 		gvHolder: 		contains the thumbnails divs
 *		gvItem: 		contains the thumbnail img, the gvLoaderMini div and the gvOpen div
 *		gvLoaderMini :	empty but styled with a loader images as background image.
 * 		gvOpen: 		contains the open text
 * 		gvImgContainer: the full size image container and the gvDescText div
 * 		gvDescText: 	contains the alt text for the image and the open full size text
 * 		gvLoader: 		empty but styled with a loader images as background image.
 * 		gvFooter: 		contains the pagination links
 * 		gvLinks: 		contains the actual links
*/
.gvContainer{
	width: 100%;
	height:469px;
	overflow:hidden;
	position:relative;
}
.gvContainer .gvHolder{
	position:absolute;
	top:0;
	left:0;
	width: 470px;
	margin-left:0;
	margin-top:0;
}
.gvHeader{
	width: 100%;
	color:#fff;
	position:relative;
}
.gvHeader span{
	color:#fff;
}

.gvFooter{
	width: 100%;
	color: #fff;
	text-align: center;
}
.gvFooter .gvLinks{
	padding: 3px;
	height: 13px;
	text-align: center;
}
.gvFooter a {
	padding: 1px 5px;
	width: 15px;
	margin: 0 1px;
	color: #ffffff;
	background: #000000 url(../img/ui/000000_40x100_textures_03_highlight_soft_30.png) 0 50% repeat-x;
	border: 1px solid #404040;
}
.gvFooter a:hover{
	color: #000000;
	background: #8cbb13 url(../img/ui/8cbb13_40x100_textures_03_highlight_soft_30.png) 0 50% repeat-x;
	border: 1px solid #404040;
}
.gvHeader strong{
	padding-left:10px;
}
.gvHeader a.gvFullSizeText{
	position:absolute;
	right:0;
	top:0;
	display:none;
	color:#fff;
	width:116px;
	text-align:right;
	padding-right:5px;
}
.gvContainer .gvItem{
	width: 113px;
	text-align: center;
	vertical-align: middle;
	height: 113px;
	position: relative;
	float: left;
	margin: 1px;
	overflow: hidden;
	background: #000;
	border: 1px solid #111;
}
/*stupid ie6 fix*/
* html .gvContainer .gvItem {
	margin-left: 0;
	margin-right: 2px;
}
.gvContainer .gvItem .gvOpen{
	position:absolute;
	top:0;
	left:0;
	height:15px;
	width:113px;
	color:#8cbb13;
	background:#111 ;
	border-bottom:1px solid #8cbb13;
	text-align: center;
	text-transform:uppercase;
}
.gvContainer .gvItem img{
	position:absolute;
	top:0;
	left:0;
	padding:0;
	margin:0;
	max-width: 100px;
	max-height: 100px;
	cursor:pointer;
	border: 1px solid #8cbb13;
}
/*\*/ * html .gvContainer .gvItem img{
	width: expression(document.body.clientWidth > 100? "100px" : "auto");
	height: expression(document.body.clientHeight > 100? "100px" : "auto");
}
.gvImgContainer{
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 469px;
	display: none;
	overflow: hidden;
	background: #000 url(./img/jqgalview/bg_main.jpg);
}
.gvImgContainer .gvDescText {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #8cbb13;
	background: #111 ;
	border-top: 1px solid #8cbb13;
	display: none;	
	padding: 3px;	
}
.gvImgContainer img {
	border:none;
	padding:0;
	margin:0;
	cursor:pointer;
	display:none;
}
.gvLoader {
	background: url(../img/jqgalview/loading.gif);
	width:32px;
	height:32px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	display: none;
}
.gvLoaderMini {
	background:url(../img/jqgalview/loading.gif);
	width:32px;
	height:32px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-21px;
	margin-top:-21px;
}
	
/**************************jqModal***************************/

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (in jqModal.js). You
	can change this value by either;
	  a) supplying one via CSS
	  b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
	
.jqmWindow {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: #000;
    color: #8cbb13;
    border: 1px solid #8cbb13;
}
.jqmWindow img {
	margin:10px 0 10px 10px;
}
.jqmOverlay { 
	background-color: #111111; 
}
a.closeClass {
	float: right;
	padding: 2px;
}
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}