.tdblockscontent {
background-image: url(/themes/XD-GF/images/BLC/e-gamerz_BLC_04.gif);
}
.blockscontent {
	}
.blockstitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0505;
	text-decoration: underline;
}
.titletdr {
	background-image: url(/themes/XD-GF/images/BLC/e-gamerz_BLCR_02.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #F4F4F4;
	}
.titletdl {
	background-image: url(/themes/XD-GF/images/BLC/e-gamerz_BLC_02.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #F4F4F4;
	}

A:link {
FONT-SIZE: 12px; 
COLOR: #272E34; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none
}
A:visited {
FONT-SIZE: 12px; 
COLOR: #272E34; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none
}
.bgdown {
	background-position: bottom;
}
A:active {
FONT-SIZE: 12px; 
COLOR: #272E34; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none
}
A:hover {
FONT-SIZE: 12px; 
COLOR: #155AF6; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none
}
BODY {
FONT-SIZE: 12px; 
CURSOR: default; 
COLOR: #272E34; 
BACKGROUND-color: #F1F1F1; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none
}

TEXTAREA {
background:#B3B7B9;
color:#272E34;
font:11px Arial,Helvetica,sans-serif;
BORDER-TOP: #5d5d5d 2px solid; 
BORDER-BOTTOM: #ffffff 1px solid; 
BORDER-LEFT: #5d5d5d 2px solid; 
BORDER-RIGHT: #ffffff 1px solid;
}

P {
FONT-SIZE: 12px; 
COLOR: #272E34; 
LINE-HEIGHT: 1.4; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none
}
TABLE {
FONT-SIZE: 12px; 
COLOR: #272E34; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none
}

TD.content {
FONT-SIZE: 12px;
COLOR: #272E34; 
TEXT-DECORATION: none;
FONT-FAMILY:  arial, helvetica, verdana, sans-serif;
 
}
TD.extra {
background:#f2f2f2; 
BORDER-TOP: #ffffff 1px solid; 
BORDER-BOTTOM: #5d5d5d 1px solid; 
BORDER-LEFT: #ffffff 1px solid; 
BORDER-RIGHT: #5d5d5d 1px solid;
}
TD.info1 {
font: normal 11px Arial, Helvetica, sans-serif;
color:#272E34;
background:#f2f2f2;
BORDER-TOP: #ffffff 1px solid; 
BORDER-BOTTOM: #5d5d5d 1px solid; 
BORDER-LEFT: #ffffff 1px solid; 
BORDER-RIGHT: #5d5d5d 1px solid;
}
TD.info2 {
font: normal 11px Arial, Helvetica, sans-serif;
background:#C7C7C7;
color:#272E34;
BORDER-TOP: #5d5d5d 1px solid; 
BORDER-BOTTOM: #ffffff 1px solid; 
BORDER-LEFT: #5d5d5d 1px solid; 
BORDER-RIGHT: #ffffff 1px solid;
}
TD.infolt {
background:#c7c7c7;
color:#272E34;
BORDER-TOP: #5d5d5d 1px solid; 
BORDER-BOTTOM: #ffffff 1px solid; 
BORDER-LEFT: #5d5d5d 1px solid; 
BORDER-RIGHT: #ffffff 1px solid;
}
TD.infort {
background:#f2f2f2;
color:#272E34;
BORDER-TOP: #5d5d5d 1px solid; 
BORDER-BOTTOM: #ffffff 1px solid; 
BORDER-LEFT: #5d5d5d 1px solid; 
BORDER-RIGHT: #ffffff 1px solid;
}
TD.extras {
background:#c7c7c7;
color:#272E34;
BORDER-TOP: #5d5d5d 1px solid; 
BORDER-BOTTOM: #ffffff 1px solid; 
BORDER-LEFT: #5d5d5d 1px solid; 
BORDER-RIGHT: #ffffff 1px solid;
}
TD.extra1 {
background:#f2f2f2;
BORDER-TOP: #5d5d5d 1px solid; 
BORDER-BOTTOM: #ffffff 1px solid; 
BORDER-LEFT: #5d5d5d 1px solid; 
BORDER-RIGHT: #ffffff 1px solid;
}
TD.extra2 {
background:#f2f2f2;
color:#272E34;
BORDER-TOP: #5d5d5d 1px solid; 
BORDER-BOTTOM: #ffffff 1px solid; 
BORDER-LEFT: #5d5d5d 1px solid; 
BORDER-RIGHT: #ffffff 1px solid;
}
hr {
border-top: 1px solid #5d5d5d;
border-bottom: 1px solid #ffffff;
height: 2px;
width: 100%;
}

UL {
	LIST-STYLE-TYPE: square
}
.center {
	TEXT-ALIGN: center
}
.justify {
	TEXT-ALIGN: justify
}
.right {
	TEXT-ALIGN: right
}

.heading {
FONT-WEIGHT: bold; 
FONT-SIZE: 12px; 
COLOR: #272E34; 
FONT-FAMILY: Tahoma; 
LETTER-SPACING: 0px; 
TEXT-DECORATION: none
}
.heading1 {
FONT-WEIGHT: bold; 
FONT-SIZE: 12px; 
COLOR: #e4e4e4; 
FONT-FAMILY: arial; 
LETTER-SPACING: 0px; 
TEXT-DECORATION: none
}
.user {
FONT-WEIGHT: bold; 
FONT-SIZE: 10px; 
COLOR: #272E34; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
LETTER-SPACING: 0px; 
TEXT-DECORATION: none
}
IMG.work {
BORDER-RIGHT: #FFFFFF 1px solid; 
BORDER-TOP: #FFFFFF 1px solid; 
BORDER-LEFT: #FFFFFF 1px solid; 
BORDER-BOTTOM: #FFFFFF 1px solid
}
.error {
COLOR: #272E34; 
BACKGROUND-COLOR: #8f8f8f
}


SELECT {
	color : #272E34;
	font: normal 11px Arial, Helvetica, sans-serif;
	 BACKGROUND: #f2f2f2;
}

BODY {
SCROLLBAR-BASE-color:  #DEDEDE;
SCROLLBAR-ARROW-color: #ffffff;
}
td.b1	{
background:#f2f2f2;
BORDER-TOP: #5d5d5d 1px solid; 
BORDER-BOTTOM: #ffffff 1px solid; 
BORDER-LEFT: #5d5d5d 1px solid; 
BORDER-RIGHT: #ffffff 1px solid;}
td.b2	{
background:#c7c7c7;
BORDER-TOP: #5d5d5d 1px solid; 
BORDER-BOTTOM: #ffffff 1px solid; 
BORDER-LEFT: #5d5d5d 1px solid; 
BORDER-RIGHT: #ffffff 1px solid;
}
td.b3	{
background:#A8A8A8;
BORDER-TOP: #5d5d5d 1px solid; 
BORDER-BOTTOM: #ffffff 1px solid; 
BORDER-LEFT: #5d5d5d 1px solid; 
BORDER-RIGHT: #ffffff 1px solid;
}
.bodyline	{ 
background-color: #f2f2f2; 
border:1px solid; 
border-color:#ffffff;
}
.tablein {
color : #272E34;
font: normal 11px  Arial, Helvetica, sans-serif;
background:#EDEDED;
BORDER-TOP: #5d5d5d 1px solid; 
BORDER-BOTTOM: #ffffff 1px solid; 
BORDER-LEFT: #5d5d5d 1px solid; 
BORDER-RIGHT: #ffffff 1px solid;
}

.tableout {
background:#bbbbbb;
BORDER-TOP: #5d5d5d 1px solid; 
BORDER-BOTTOM: #ffffff 1px solid; 
BORDER-LEFT: #5d5d5d 1px solid; 
BORDER-RIGHT: #ffffff 1px solid;
}	
.forumline	{ 
background:#f2f2f2;
BORDER-TOP: #ffffff 1px solid; 
BORDER-BOTTOM: #5d5d5d 1px solid; 
BORDER-LEFT: #ffffff 1px solid; 
BORDER-RIGHT: #5d5d5d 1px solid;
}
.forumline2	{ 
background:#c7c7c7;
BORDER-TOP: #5d5d5d 1px solid; 
BORDER-BOTTOM: #ffffff 1px solid; 
BORDER-LEFT: #5d5d5d 1px solid; 
BORDER-RIGHT: #ffffff 1px solid;
}

td.row1	{
background-image: url(../../../themes/XD-GF/images/maintbz.gif);
background-color:#BBBBBB;
background-repeat: repeat-x;
BORDER-TOP: #ffffff 1px solid; 
BORDER-BOTTOM: #5d5d5d 1px solid; 
BORDER-LEFT: #ffffff 1px solid; 
BORDER-RIGHT: #5d5d5d 1px solid;
}td.row22	{
background-image: url(../../../themes/XD-GF/images/maintbz2.gif);
background-repeat: repeat-x;
BORDER-TOP: #ffffff 1px solid; 
BORDER-BOTTOM: #5d5d5d 1px solid; 
BORDER-LEFT: #ffffff 1px solid; 
BORDER-RIGHT: #5d5d5d 1px solid;
}
td.row2	{
background:#dedede;
BORDER-TOP: #ffffff 1px solid; 
BORDER-BOTTOM: #5d5d5d 1px solid; 
BORDER-LEFT: #ffffff 1px solid; 
BORDER-RIGHT: #5d5d5d 1px solid;
}
td.row3	{
background:#BBBBBB;
BORDER-TOP: #ffffff 1px solid; 
BORDER-BOTTOM: #5d5d5d 1px solid; 
BORDER-LEFT: #ffffff 1px solid; 
BORDER-RIGHT: #5d5d5d 1px solid;
}
td.row4	{
background:#c7c7c7;
BORDER-TOP: #5d5d5d 1px solid; 
BORDER-BOTTOM: #ffffff 1px solid; 
BORDER-LEFT: #5d5d5d 1px solid; 
BORDER-RIGHT: #ffffff 1px solid;
}
td.rowpic {
background:#f2f2f2;
BORDER-TOP: #ffffff 1px solid; 
BORDER-BOTTOM: #5d5d5d 1px solid; 
BORDER-LEFT: #ffffff 1px solid; 
BORDER-RIGHT: #5d5d5d 1px solid;
}
td.pic
{
background-image: url(../../../themes/XD-GF/images/maintbz2.gif);
font-size: 11px; 
font-weight : bold;
height: 25px;
background:#EDEDED;
BORDER-TOP: #ffffff 1px solid; 
BORDER-BOTTOM: #5d5d5d 1px solid; 
BORDER-LEFT: #ffffff 1px solid; 
BORDER-RIGHT: #5d5d5d 1px solid;
}
th	{
color: #272E34; 
font-size: 11px; 
font-weight : bold;

BORDER-TOP: #ffffff 1px solid; 
BORDER-BOTTOM: #5d5d5d 1px solid; 
BORDER-LEFT: #ffffff 1px solid; 
BORDER-RIGHT: #5d5d5d 1px solid; height: 20px;
}
th.1	{
	color: #272E34; font-size: 11px; font-weight : bold;
	 height: 25px;
    background:#bbbbbb;
BORDER-TOP: #ffffff 1px solid; 
BORDER-BOTTOM: #5d5d5d 1px solid; 
BORDER-LEFT: #ffffff 1px solid; 
BORDER-RIGHT: #5d5d5d 1px solid;
	
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			
			background:#f2f2f2;
BORDER-TOP: #ffffff 1px solid; 
BORDER-BOTTOM: #5d5d5d 1px solid; 
BORDER-LEFT: #ffffff 1px solid; 
BORDER-RIGHT: #5d5d5d 1px solid; height: 28px;
}



td.cat,td.catHead,td.catBottom {
	height: 29px;
	BORDER-TOP: #ffffff 1px solid; 
BORDER-BOTTOM: #5d5d5d 1px solid; 
BORDER-LEFT: #ffffff 1px solid; 
BORDER-RIGHT: #5d5d5d 1px solid;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; BORDER-TOP: #ffffff 1px solid; 
BORDER-BOTTOM: #5d5d5d 1px solid; 
BORDER-LEFT: #ffffff 1px solid; 
BORDER-RIGHT: #5d5d5d 1px solid; height: 28px; }
td.row3Right,td.spaceRow {
background:#D7E2EB;
BORDER-TOP: #ffffff 1px solid; 
BORDER-BOTTOM: #5d5d5d 1px solid; 
BORDER-LEFT: #ffffff 1px solid; 
BORDER-RIGHT: #5d5d5d 1px solid;}

th.thHead,td.catHead { font-size: 12px; BORDER-TOP: #ffffff 1px solid; 
BORDER-BOTTOM: #5d5d5d 1px solid; 
BORDER-LEFT: #ffffff 1px solid; 
BORDER-RIGHT: #5d5d5d 1px solid; }
th.thSides,td.catSides,td.spaceRow	 { BORDER-TOP: #ffffff 1px solid; 
BORDER-BOTTOM: #5d5d5d 1px solid; 
BORDER-LEFT: #ffffff 1px solid; 
BORDER-RIGHT: #5d5d5d 1px solid; }
th.thRight,td.catRight,td.row3Right	 { BORDER-TOP: #ffffff 1px solid; 
BORDER-BOTTOM: #5d5d5d 1px solid; 
BORDER-LEFT: #ffffff 1px solid; 
BORDER-RIGHT: #5d5d5d 1px solid; }
th.thLeft,td.catLeft	  { BORDER-TOP: #ffffff 1px solid; 
BORDER-BOTTOM: #5d5d5d 1px solid; 
BORDER-LEFT: #ffffff 1px solid; 
BORDER-RIGHT: #5d5d5d 1px solid; }
th.thBottom,td.catBottom  { BORDER-TOP: #ffffff 1px solid; 
BORDER-BOTTOM: #5d5d5d 1px solid; 
BORDER-LEFT: #ffffff 1px solid; 
BORDER-RIGHT: #5d5d5d 1px solid; }
th.thTop	 { BORDER-TOP: #ffffff 1px solid; 
BORDER-BOTTOM: #5d5d5d 1px solid; 
BORDER-LEFT: #ffffff 1px solid; 
BORDER-RIGHT: #5d5d5d 1px solid; }
th.thCornerL { BORDER-TOP: #ffffff 1px solid; 
BORDER-BOTTOM: #5d5d5d 1px solid; 
BORDER-LEFT: #ffffff 1px solid; 
BORDER-RIGHT: #5d5d5d 1px solid; }
th.thCornerR { BORDER-TOP: #ffffff 1px solid; 
BORDER-BOTTOM: #5d5d5d 1px solid; 
BORDER-LEFT: #ffffff 1px solid; 
BORDER-RIGHT: #5d5d5d 1px solid; }


.maintitle,h1,h2	{
			font-weight: bold; font-size: 22px; font-family: Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #272E34;
}


.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #272E34; }
a.gen,a.genmed,a.gensmall { color: #272E34; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #545863; text-decoration: none; }


.mainmenu		{ font-size : 11px; color : #272E34;}
a.mainmenu		{ text-decoration: none; color : #272E34;}
a.mainmenu:hover{ text-decoration: none; color : #545863;}


/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 0px; color : #272E34}
a.cattitle		{ text-decoration: none; color : #272E34; }
a.cattitle:hover{ text-decoration: none; color : #545863;}


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #272E34; }
a.forumlink 	{ text-decoration: none; color : #272E34; }
a.forumlink:hover{ text-decoration: NONE; color : #545863; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 11px; color : #272E34;}
a.nav			{ text-decoration: none; color : #272E34; }
a.nav:hover		{ text-decoration: NONE; color : #545863;}


/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: bold; font-size: 11px; color : #272E34; }
a.topictitle:link   { text-decoration: none; color : #272E34; }
a.topictitle:visited { text-decoration: none; color : #272E34; }
a.topictitle:hover	{ text-decoration: NONE; color : #545863; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 11px; color : #272E34;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 10px; color : #272E34; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link	{ text-decoration: none; color : #272E34; }
a.postlink:visited { text-decoration: none; color : #272E34; }
a.postlink:hover { text-decoration: NONE; color : #545863}


/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #23315F;
	background-color: #A3D6A7; border:1px solid; border-color:#272E34 #EBECED #EBECED #272E34;
}

.quote {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #23315F;
	background-color: #A3D6A7; border:1px solid; border-color:#272E34 #EBECED #EBECED #272E34;
}


/* Copyright and bottom info */
.copyright		{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #272E34; letter-spacing: 0px;}
a.copyright		{ color: #272E34; text-decoration: none;}
a.copyright:hover { color: #FFFFFF; text-decoration: NONE;}


/* Form elements */
input {
background:#B5B4B4;
color:#272E34;
font:11px Arial,Helvetica,sans-serif;
BORDER-TOP: #807D7D 2px solid; 
BORDER-BOTTOM: #ffffff 1px solid; 
BORDER-LEFT: #807D7D 2px solid; 
BORDER-RIGHT: #ffffff 1px solid;
}

/* The text input fields background colour */
input.post, textarea.post {
	background-color : #B5B4B4;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background:#B5B4B4;
color:#272E34;
font:11px Arial,Helvetica,sans-serif;
BORDER-TOP: #5d5d5d 1px solid; 
BORDER-BOTTOM: #ffffff 1px solid; 
BORDER-LEFT: #5d5d5d 1px solid; 
BORDER-RIGHT: #ffffff 1px solid;
}

/* The main submit button option */
input.mainoption {
	background:#B5B4B4;
color:#272E34;
font:11px Arial,Helvetica,sans-serif;
BORDER-TOP: #5d5d5d 1px solid; 
BORDER-BOTTOM: #ffffff 1px solid; 
BORDER-LEFT: #5d5d5d 1px solid; 
BORDER-RIGHT: #ffffff 1px solid;
}

/* None-bold submit button */
input.liteoption {
	background:#B5B4B4;
color:#272E34;
font:11px Arial,Helvetica,sans-serif;
BORDER-TOP: #5d5d5d 1px solid; 
BORDER-BOTTOM: #ffffff 1px solid; 
BORDER-LEFT: #5d5d5d 1px solid; 
BORDER-RIGHT: #ffffff 1px solid;
}
input.liteoption1 {
background:#;
color:#272E34;
font:11px Arial,Helvetica,sans-serif;
BORDER-TOP: #5d5d5d 0px solid; 
BORDER-BOTTOM: #ffffff 0px solid; 
BORDER-LEFT: #5d5d5d 0px solid; 
BORDER-RIGHT: #ffffff 0px solid;
}
input.liteoption2 {
background-image: url(../../../themes/XD-GF/sbg.gif);
color:#272E34;
font:11px Arial,Helvetica,sans-serif;
BORDER-TOP: #5d5d5d 0px solid; 
BORDER-BOTTOM: #ffffff 0px solid; 
BORDER-LEFT: #5d5d5d 0px solid; 
BORDER-RIGHT: #ffffff 0px solid;
}
/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline {background:#B5B4B4;
color:#272E34;
font:11px Arial,Helvetica,sans-serif;
BORDER-TOP: #5d5d5d 1px solid; 
BORDER-BOTTOM: #ffffff 1px solid; 
BORDER-LEFT: #5d5d5d 1px solid; 
BORDER-RIGHT: #ffffff 1px solid; }

.newstitle {
	color: #DEDEDE;
	font: normal normal bold 12px Arial,Helvetica,sans-serif;
}
/* Lightbox mod by Deltamax.nl */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
/* Lightbox mod by Deltamax.nl */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
--------Done--------------