html,body { width:100%; height:100%; }

#x-gallery { color:#696969; font-size:12px; }
#x-gallery img { border:none; }
#x-gallery table { border-collapse:collapse; color:#000; font-size:1em; }

#x-gallery {
	position:absolute; z-index:502;
	display:none;
	text-align:left;
}

div.xg-loading {
	position:absolute; z-index:501;
	background:url(../images/i/gallery/loading.gif) 50% 50% no-repeat;
	width:100px; height:100px;
	display:none;
}

iframe.xg-hideselect {
	position:fixed; top:0; left:0; z-index:499;
	background-color:#fff;
	width:100%; height:100%;
	border:none;
	filter:alpha(opacity=0); -moz-opacity:0; opacity:0;
}
* html iframe.xg-hideselect { /* ie6 hack */
    position:absolute;
    height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');
}

div.xg-overlay {
	position:fixed; top:0; left:0; z-index:500;
	background-color:#fff;
	width:100%; height:100%;
	filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;
}
* html div.xg-overlay { /* ie6 hack */
     position:absolute;
     height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');
}

table.xg td.xg-11 div, table.xg td.xg-13 div { width:20px; height:20px; line-height:0; font-size:0; }
table.xg td.xg-31 div, table.xg td.xg-33 div { width:20px; height:20px; line-height:0; font-size:0; }
table.xg td.xg-21 div, table.xg td.xg-23 div { width:20px; line-height:0; font-size:0; }
table.xg td.xg-12 div { height:20px; line-height:0; font-size:0; }
table.xg td.xg-32 div { height:20px; line-height:0; font-size:0; }
table.xg td.xg-11, table.xg td.xg-13 { width:20px; height:20px; }
table.xg td.xg-31, table.xg td.xg-33 { width:20px; height:20px; }
table.xg td.xg-21, table.xg td.xg-23 { width:20px; }
table.xg td.xg-12 { height:20px; }
table.xg td.xg-32 { height:20px; }
table.xg td.xg-11 { background:url(../images/i/x/shadow_tl.png) 0 0 no-repeat; }
table.xg td.xg-12 { background:url(../images/i/x/shadow_t.png) 0 0 repeat-x; }
table.xg td.xg-13 { background:url(../images/i/x/shadow_tr.png) 0 0 no-repeat; }
table.xg td.xg-21 { background:url(../images/i/x/shadow_l.png) 0 0 repeat-y; }
table.xg td.xg-22 { background:#fff; padding:9px; }
table.xg td.xg-23 { background:url(../images/i/x/shadow_r.png) 0 0 repeat-y; }
table.xg td.xg-31 { background:url(../images/i/x/shadow_bl.png) 0 0 no-repeat; }
table.xg td.xg-32 { background:url(../images/i/x/shadow_b.png) 0 0 repeat-x; }
table.xg td.xg-33 { background:url(../images/i/x/shadow_br.png) 0 0 no-repeat; }

/*------------------------------ controls ------------------------------------*/
#x-closebtn {
	position:absolute; top:20px; right:24px;
	background:url(../images/i/x/close2.gif) #007eb3 6px 6px no-repeat;
	width:24px; height:24px;
	display:block;
	cursor:pointer;
}

#x-navigation a.x-next,
#x-navigation span.x-next,
#x-navigation a.x-prev,
#x-navigation span.x-prev {
	margin-top:-23px;
	display:block;
	width:29px; height:46px;
}

#x-navigation a.x-next, #x-navigation a.x-prev { cursor:pointer; }

#x-navigation a.x-next, #x-navigation span.x-next { position:absolute; top:50%; right:-5px; }
#x-navigation a.x-next { background:url(../images/i/x/next.gif) 0 0 no-repeat; }
#x-navigation span.x-next { background:url(../images/i/x/next_deactive.gif) 0 0 no-repeat; }
#x-navigation a.x-prev, #x-navigation span.x-prev { position:absolute; top:50%; left:-10px; }
#x-navigation a.x-prev { background:url(../images/i/x/prev.gif) 0 0 no-repeat; }
#x-navigation span.x-prev { background:url(../images/i/x/prev_deactive.gif) 0 0 no-repeat; }