#dropShadow { background: #fff url(/pics/contentmanager/ImageGallery/dropshadow.gif); margin: 60px 30px 30px; }

#imageGallery { background: #fff url(/pics/contentmanager/ImageGallery/imageGallery.jpg) bottom repeat-x; border: solid 1px #959595; bottom: 5px; min-height: 350px; padding: 20px 15px 15px; position: relative; right: 5px; }

#imageGallery .tabs 				{ height: 30px; left: -1px; position: absolute; top: -27px; }
#imageGallery .tabs li 				{ background: transparent url(/pics/contentmanager/ImageGallery/li-nonactive.gif) top left repeat-x; display: block; float: left; list-style-type: none; margin-right: 1px; margin-top: 4px; padding-left: 2px; }
#imageGallery .tabs li.selected 	{ background: #fff url(/pics/contentmanager/ImageGallery/li-active.gif) top left repeat-x; margin-top: 1px; }

#imageGallery #sidebar .tabs li.selected 	{ background: #F9F8ED url(/pics/contentmanager/ImageGallery/li-active.gif) top left repeat-x; }
#imageGallery #sidebar .tabs li.selected a 	{ background: #F9F8ED url(/pics/contentmanager/ImageGallery/li-a-active.gif) top right repeat-x; }

#imageGallery .tabs li a 			{ background: transparent url(/pics/contentmanager/ImageGallery/li-a-nonactive.gif) top right repeat-x; color: #000; cursor: default; display: block; float: left; padding: 4px 15px 3px; text-decoration: none; }
#imageGallery .tabs li a:hover 		{ background: transparent url(/pics/contentmanager/ImageGallery/li-nonactive-hover.gif) top right repeat-x; }
#imageGallery .tabs li.selected a 	{ background: #fff url(/pics/contentmanager/ImageGallery/li-a-active.gif) top right repeat-x; color: #000; font-size: 12px; font-weight: 700; padding: 6px 15px 5px; text-decoration: none; }

#imageHeader 	{ border-bottom: solid 1px #ccc; margin-bottom: 15px; padding-bottom: 15px; }
#imageHeader h4 { float: right; font-weight: 400; margin: 10px; }

div.dropShadow { background: #fff url(/pics/contentmanager/ImageGallery/dropshadow.gif); bottom: -5px; float: left; margin: 10px 0; position: relative; right: -5px; text-align: center; }

div.kuva { background: #fff; border: solid 1px #ccc; bottom: 5px; padding: 20px 20px 10px; position: relative; right: 5px; }

#page form div.kuva input 		{ background: #ECE9D8; border-bottom: solid 1px #63625B; border-left: solid 1px #F0EEE0; border-right: solid 1px #959388; border-top: solid 1px #F4F2E9; font-size: 11px; }
#page form div.kuva input:hover { background: #ECE5BC; }

#uploadBar1,
#uploadBar2 { background: transparent url(/pics/contentmanager/ImageGallery/dropshadow.gif); display: none; height: 45px; left: 35%; position: absolute; top: 20%; width: 240px; }

#uploadProgress_1,
#uploadProgress_2 { background: #fff; border: solid 1px #000; bottom: 2px; height: 18px; padding: 10px 0; position: relative; right: 5px; }

#uploadProgressBar_2 { left: 10px; position: absolute; z-index: 1; }

#uploadProgressText_1,
#uploadProgressText_2 { font: normal bold 16px arial; left: 110px; position: absolute; z-index: 2; }

#lightbox { left: 0; line-height: 0; position: absolute; text-align: center; top: 40px; width: 100%; z-index: 100; }

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

#imageContainer { padding: 10px; }

#loading { height: 25%; left: 0; line-height: 0; position: absolute; text-align: center; top: 40%; width: 100%; }

#hoverNav { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; }

#imageContainer>#hoverNav { left: 0; }

#hoverNav a { outline: none; }

#prevLink,
#nextLink { background: transparent url(/pics/lightbox/blank.gif) no-repeat; display: block; height: 100%; width: 49%; }

#prevLink { float: left; left: 0; }
#nextLink { float: right; right: 0; }

#prevLink:hover,
#prevLink:visited:hover { background: url(/pics/lightbox/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover,
#nextLink:visited:hover { background: url(/pics/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer { background-color: #fff; font: normal normal 14px 'trebuchet ms', Arial,Helvetica; font-weight: 400; line-height: 1.4em; margin: 0 auto; }

#imageData 					{ padding: 0 10px; }
#imageData #imageDetails 	{ float: left; text-align: left; width: 70%; }
#imageData #caption p 		{ font-family: 'trebuchet ms', arial,helvetica; }
#imageData #numberDisplay 	{ clear: left; display: block; padding-bottom: 1em; }
#imageData #bottomNavClose 	{ float: right; padding-bottom: 0.7em; width: 66px; }

#overlay { background-color: #6A6A6A; height: 500px; left: 0; position: absolute; top: 0; width: 100%; z-index: 90; }

#gallery-image 		{ text-align: center; margin-bottom: 1.5em; }
#gallery-image img 	{ padding: 3px; border: 1px solid #eee; background: #fff; }

#gallery-browse 	{ }

.gallery-thumb 			{ float: left; margin: 0 10px 10px 0; text-align: center; padding: 0 5px 5px; overflow: hidden; height: 140px; width: 110px; overflow: hidden; }
.gallery-thumb a:hover	{ background: #eee; border: 1px solid #ddd; }
.gallery-thumb a 		{ display: block; zoom: 1; padding: 4px; background: #fff; border: 1px solid #eee; margin-bottom: 5px; }
.gallery-thumb img 		{ vertical-align: top; }