body {
	background: white url(galleryyvrbg.jpg) no-repeat scroll 0% 0%;
	background: gray url(galleryyvrbg.jpg) no-repeat scroll -1px 0%;
/*	background: white url(galleryyvr3bg.jpg) no-repeat scroll 0% 0%; */
	background: gray url(gallerybg1.jpg) repeat scroll 0% 0%;
	font: normal normal normal 10px/12px Verdana;
	color: white;
/*	overflow: hidden; */
	border-width: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index: -2;
}

/*
#title {
	position: absolute;
	background: transparent url(galleryyvrtitle3.jpg) no-repeat scroll 0% 0%;
	background: transparent url(galleryyvrtitle.jpg) no-repeat scroll 0% 0%;
	top: 4px;
	left: 12px;
	width: 271px;
	height: 36px;
}
*/

#titlearea {
	position: relative;
	top: 0px;
	left: 15px;
	width: 750px;
	height: 43px;
}

#title, #titleshadow {
	cursor: default;
	position: absolute;
	left: 0px;
	bottom: 2px;
	color: white;
	font: normal normal normal 28px/32px Times New Roman, Times, Serif;
}

#titleshadow {
	left: 1px;
	bottom: 0px;
	color: black;
}


/*
#title span, #sitelabel span {display: none;}

#sitelabel {
	position: absolute;
	background: transparent url(gallerysite3.jpg) no-repeat scroll 0% 0%;
	background: transparent url(gallerysite.jpg) no-repeat scroll 0% 0%;
	top: 0px;
	left: 600px;
	width: 163px;
	height: 29px;
	top: 12px;
	left: 610px;
}
*/

#sitelabel {
	position: absolute;
	right: 0px;
	bottom: 2px;
	color: white;
	text-align: right;
	font: normal normal normal 10pt/12pt Verdana;
}

#sitelabel a {color: #ccc; text-decoration: none;}

#sitelabel a:hover {color: white; text-decoration: underline;}


#mainimageframe {
	background-color: gray;
	border: 1px solid gray;
	position: absolute;
	top: 44px;
	left: 228px;
	padding: 3px 3px 3px 3px;
	overflow:hidden;
	padding: 0;
	border-width: 4px;
}

#mainimagearea {
	background-color: #333;
	background: #333 url(mainimagebg.gif) repeat scroll 0% 0%;

	position:relative;

/*
	overflow:hidden;

	width: 530px; 
	height: 450px;

	width: 531px;
	height: 451px;

	width: 100%;
	height: 100%;
*/
}

#mainimage {
/*	filter:blur(add=0, direction=225, strength=10); */
	position:relative;
	top: 0px;
	left: 0px;
	padding: 0;
	margin: 0;
}

#mainimageglass {
	background-color: transparent;
	position: absolute;
	top: 48px;
	left: 232px;
	width: 530px;
	height: 450px;
}

#mainimagetouchup {
/*	visibility: hidden; */
/*
	position:relative;
	top: 0px;
	left: 0px;
*/
}



#descriptionframe, #fileinfoframe, #thumbdetailframe {
	border: 1px solid black;
	position: absolute;
	top: 44px;
	left: 13px;
	padding: 3px 3px 3px 3px;
}

#thumbdetailframe {top: 74px;}

#descriptionarea, #fileinfoarea {
	width: 195px;
	height: 175px;
	background-color: #ccc;
      OVERFLOW: auto;

	height: 215px;
	height: 185px;
	height: 188px;
	height: 161px;
	height: 176px;
}

#description, #fileinfo {
	padding: 3px 3px 3px 3px;
	font: normal normal normal 10px/12px Verdana;
	color: black;
	cursor:default;
}

#description h3 {
	padding: 0;
	margin: 0;
	font: normal normal bold 12px/14px Times New Roman, Times, Serif;
	font: normal normal bold 10px/12px Times New Roman, Times, Serif;
	font: normal normal bold 10px/12px Verdana, San Serif;
	color: #333;
}

#fileinfoframe, #fileinfoglass {top: 272px;}

#fileinfoframe, #fileinfoglass {top: 212px;}

#fileinfoarea, #fileinfoglass {height: 35px;}



#thumbspaceframe {
	border: 1px solid black;
	position: absolute;
	left: 13px;
	padding: 3px 3px 3px 3px;

	top: 330px;
	top: 280px;
	top: 250px;
	top: 223px;
	top: 238px;
}

#thumbspace {
/*	background: transparent url(thumbbg.gif) repeat-x scroll 0px 53px; */ /* opera */ 
	position: relative;
	padding: 0;
	margin: 0;
	width: 195px;
	height: 70px;
      OVERFLOW: auto;
	float: left; /* opera requirement to avoid vert scrollbar */

	height: 120px;
}

#thumbnails {
	padding: 0;
	margin: 0;
	padding-left: 0px;
/*	background-color: #aaa; */
      WIDTH: 690px;
	POSITION: RELATIVE;
	height: 100px;
}

#thumbnails a img {
	padding: 0;
	margin: 0;
	FLOAT: left;
	BORDER: #ccc 2px solid;
	COLOR: gray;
	margin: 5px 0px 0px 5px;
	margin: 2px 6px 0px 0px;
	margin: 2px 6px 4px 0px;
	WIDTH: 40px;
	HEIGHT: 40px;
	BACKGROUND-COLOR: #ddd;
}

#thumbnails a img.thumbselected, img.thumbselected, .thumbselected {
	BORDER: #FFA500 2px solid;
}

/*
#title,
.closegallery,
#mainimageframe,
#descriptionframe,
#controlsframe,
#controlprev,
#controlnext
{
	position: fixed;
}
*/

span.btndisabled, a span {
	display: block;
	padding: 2px 0px 2px 0px;
	width: 100px;
	width: 80px;
	text-align: center;
	cursor: pointer;
}

span.btndisabled {
	color: gray;
	cursor: default;
}

#specialbtn a span {
	width: 25px;
}

#touchuppanel {
	position: absolute;
	top: 484px;
	left: 228px;
	left: 13px;
	width: 545px;
	width: 755px;
}

#touchuppanel span.btndisabled, #touchuppanel a span {
	width: 59px;
}

#touchuppanel #autogamma a span {
	width: 80px;
}

#mapbtn, #helpbtn, #autogamma, #specialbtn, #nextgallery, #controlprev, #controlnext, #closegallery,
#emailtofriend, #linktoimage, #editimage, #slidebtn, #touchupbtn,
#displaymap, #displaysat, #displayphoto, #closeupbtn, #maphelpbtn, #mapprev, #mapnext, 
#touchupsofter, #touchupsharper, #touchupcolor, #touchupbandw, #touchupsepia, #touchupreset,
#touchupgammaplus, #touchupgammaminus, #touchupinvert, #touchupcontrastminus, #touchupcontrastplus {
	background-color: #333;
	position: absolute;
	border: 1px solid #aaa;
}

#mapbtn, #helpbtn, #autogamma, #specialbtn, #nextgallery, #controlprev, #controlnext, #closegallery,
#emailtofriend, #linktoimage, #editimage, #touchupbtn, #slidebtn,
#displaymap, #displaysat, #displayphoto, #closeupbtn, #maphelpbtn, #mapprev, #mapnext,
#touchupsofter, #touchupsharper, #touchupcolor, #touchupbandw, #touchupsepia, #touchupreset,
#touchupgammaplus, #touchupgammaminus, #touchupinvert, #touchupcontrastminus, #touchupcontrastplus {
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

#autogamma, #touchupsofter, #touchupsharper, #touchupcolor, #touchupbandw, #touchupsepia,
#touchupreset, #touchupgammaplus, #touchupgammaminus, #touchupinvert,
#touchupcontrastminus, #touchupcontrastplus {
	position: relative;
	display: inline;
	margin-right: 5px;
	float: left;
}

.btndown {
	background-color: #444! important;
	border: 1px solid black! important;
	border-right: 1px solid #aaa! important;
	border-bottom: 1px solid #aaa! important;
}

#mapprev a span, #mapnext a span, #controlprev a span, #controlnext a span, #touchupbtn a span, #closegallery a span {width: 80px;}

#displaymap a span, #displaysat a span, #displayphoto a span {width: 60px;}


#mapprev, #mapbtn, #helpbtn, #controlprev, #emailtofriend, #linktoimage, #closegallery, #nextgallery, #displaymap {left: 13px;}

#displaysat {left: 84px;}

#displayphoto {left: 154px;}

#displaymap, #displaysat, #displayphoto {top: 44px;}

#specialbtn {left: 100px;}

#mapnext, #controlnext, #touchupbtn, #editimage, #slidebtn, #closeupbtn, #maphelpbtn {left: 133px;}

#controlprev, #controlnext {top: 376px;}

#emailtofriend, #nextgallery, #slidebtn {top: 403px;}

#helpbtn, #editimage {top: 430px;}

#mapprev, #mapnext {top: 430px;}

#maphelpbtn {top: 484px; left: 133px;}

#closeupbtn {top: 457px; left: 133px;}

#closegallery, #touchupbtn {top: 457px;}

#mapbtn {top: 484px;}

/* #autogamma {top: 484px;} */

#linktoimage {top: 457px;}
#specialbtn {top: 484px;}

/*
363 390 427 457 484
376 403 430 457 484
*/

#mapprev a, #mapprev a:hover,
#mapnext a, #mapnext a:hover
#closeupbtn a, #closeupbtn a:hover,
#maphelpbtn a, #maphelpbtn a:hover,
#displaymap a, #displaymap a:hover,
#displaysat a, #displaysat a:hover,
#displayphoto a, #displayphoto a:hover,
#closegallery a, #closegallery a:hover,
#emailtofriend a, #emailtofriend a:hover,
#linktoimage a, #linktoimage a:hover,
#editimage a, #editimage a:hover,
#controlprev a, #controlprev a:hover,
#controlnext a, #controlnext a:hover,
#touchupbtn a, #touchupbtn a:hover,
#nextgallery a, #nextgallery a:hover,
#slidebtn a, #slidebtn a:hover,
#specialbtn a, #specialbtn a:hover,
#helpbtn a, #helpbtn a:hover,
#mapbtn a, #mapbtn a:hover,
#autogamma a, #autogamma a:hover,
#touchupsofter a, #touchupsofter a:hover,
#touchupsharper a, #touchupsharper a:hover,
#touchupcolor a, #touchupcolor a:hover,
#touchupbandw a, #touchupbandw a:hover,
#touchupsepia a, #touchupsepia a:hover,
#touchupreset a, #touchupreset a:hover,
#touchupgammaplus a, #touchupgammaplus a:hover,
#touchupgammaminus a, #touchupgammaminus a:hover,
#touchupinvert a, #touchupinvert a:hover,
#touchupcontrastminus a, #touchupcontrastminus a:hover,
#touchupcontrastplus a, #touchupcontrastplus a:hover
{
/*	font: normal normal normal 11px/12px Arial, Helvetica, Sans-Serif; */
	color: white;
	text-decoration: none;
}

#mapbtn, #controlprev, #controlnext, #touchupbtn, #slidebtn, #helpbtn, #autogamma,
#touchupsofter, #touchupsharper, #touchupcolor, #touchupbandw, #touchupsepia, #touchupreset,
#maphelpbtn
{color: gray; cursor: default;}


#controls {
	background-color: #333;
	width: 60px;
	height: 25px;
}

p {padding: 0px 0px 6px 0px; margin: 0px 0px 0px 0px;}

h3 {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}


/* pauls suggestions */


#thumbspaceframe {
	border: 1px solid transparent;
}

#descriptionframe, #fileinfoframe, #thumbdetailframe {
	background-color: gray;
	border: 1px solid gray;
}

#descriptionarea, #fileinfoarea {
	background-color: #aaa;
}


/* scrollbar styling IE only http://www.b-man.dk/tutorials/css_scrollbarcolour.asp */

/* paul next feedback */

#descriptionarea, #fileinfoarea {
	background-color: #ddd;
}

#description h3 {
	font-family: Verdana;
}

#descriptionarea, #fileinfoarea {
	background-color: #ddd;
}


#thumbspaceframe {
	border-width: 0px;
}



#bigthumb {
	display: none;
	position: absolute;
	top: 125px;
	top: 100px;
	left: 55px;
/*
	width: 100px;
	height: 100px;

	top: 105px;
	left: 6px;
	top: 112px;
	left: 12px;
	width: 200px;
	height: 200px;

	top: 45px;
	left: 230px;
	width: 530px;
	height: 450px;
	text-align: center;
*/
	border: 2px solid white;
	border-right: 2px solid #333;	
	border-bottom: 2px solid #333;
	background-color: #aaa;
	padding: 8px;
	top: 115px;
}

#bigthumb img {
/*
	border: 2px solid black;
	border: 8px solid white;
*/
	padding: 0;
	margin: 0;
	border: 1px solid black;
	border-right: 1px solid #eee;	
	border-bottom: 1px solid #eee;
	width: 100px;
	height: 100px;
}





#passwordframe {
	cursor: default;
	position: absolute;
	top: 150px;
	width: 100%;
	text-align: center;
}

#passwordarea {
	position: relative;
	margin: 0 auto;
	width: 400px;
	font: normal normal normal 14px/16px Verdana, San Serif;
}

#passwordarea h1 {
	font: normal normal normal 32px/36px Times New Roman, Times, Serif;
}

#passwordarea h2 {
	font: normal normal normal 14px/16px Verdana, San Serif;
}

#passwordarea a, #passwordarea a:hover {color: white; text-decoration: none; border-bottom: 1px dotted white;}

#passwordarea a:hover {border-bottom: 1px solid}


#translate, #sitemetergallery {
	float: right;
	padding-top: 5px;
}

#translate a img, #sitemetergallery {
	padding-left: 5px;
}

#helptext {
	background-color: #333;
	height: 450px;
	width: 530px;
}

#helpcontent {
	padding: 4px;
}

#helpcontent h3 {
	padding-bottom: 8px;
}

#helpcontent ul {
	padding-left: 16px;
}

#helpcontent a {
	text-decoration: none;
	color: white;
	border-bottom: 1px dashed white;
}

#helpcontent a:hover {
	text-decoration: none;
	color: white;
	border-bottom: 1px dashed solid;
}

.helphidden {
	display: none;
}

.imagehidden {
	display: none;
}

.helpcontent ul li {
	clear: both;
	display: block;
	background-color: red;
}

table.helptable {
	margin-bottom: 10px;
	border: 0;
}

table.helptable, table.helptable tr, table.helptable tr td {
	padding: 0;
	spacing: 0;
}

td.btnnamedef {
/*	margin-right: 15px; */
	width: 100px;
	font-weight: bold;
}

.hidden {
	display: none;
}

/* Javascript on only features */

.jsonly {
	display: none;
}

#touchupjspanel {
}



#mapdescframe {
	position: absolute;
	top: 44px;
	left: 13px;
	padding: 3px 3px 3px 3px;
}

#mapdescarea {
	width: 195px;
	height: 175px;
	background-color: #ccc;
      OVERFLOW: auto;
	height: 176px;
}

#gallerydesc a {
	cursor: pointer;
	cursor: hand; /* Safari */
}

.infowinarea {
	width: 180px; /* ignored! */
}

.infowinarea img {
	border: 1px solid black;
}

p.infotitle {
}

p.infocredit {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

p.infofile {
	font-size: 80%;
}

.notsupported {
	display: block;
	padding: 10px;
	font-size: 120%;
	color: white;	
}

.notsupported a {color: white;}

.fullimage a:hover {
	cursor: pointer;
	cursor: hand; /* Safari */
}

#tinymapborder {position: absolute; top: 270px; left: 13px; border: 4px solid gray;}

#tinymapspace {height: 137px; width: 195px;}

#tinymap, #tinymapspace {cursor: crosshair;}

#mapborder {position: absolute; top: 44px; left: 228px; border: 4px solid gray;}

#mapspace {height: 426px; width: 530px;}

.overviewframe {border: 1px solid #ff0;}

#recenter {cursor: pointer;}