/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.pictureHolder .top .left { background: url(prettyPhoto/tl.gif) top left no-repeat; } /* Top left corner */
	div.pictureHolder .top .middle { background: #fff; } /* Top pattern/color */
	div.pictureHolder .top .right { background: url(prettyPhoto/tr.gif) top left no-repeat; } /* Top right corner */
	
	div.pictureHolder .content { background-color: #fff; } /* Content background */
	div.pictureHolder .content a.next:hover { background: url(prettyPhoto/btnNext.gif) center right no-repeat; cursor: pointer; } /* Next button */
	div.pictureHolder .content a.previous:hover { background: url(prettyPhoto/btnPrevious.gif) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pictureHolder .content a.expand { background: url(prettyPhoto/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */
	div.pictureHolder .content a.expand:hover { background: url(prettyPhoto/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */
	div.pictureHolder .content a.contract { background: url(prettyPhoto/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */
	div.pictureHolder .content a.contract:hover { background: url(prettyPhoto/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */
	div.pictureHolder .content a.close { width: 61px; height: 22px; background: url(prettyPhoto/btnClose.gif) center left no-repeat; cursor: pointer; } /* Close button */
	
	div.pictureHolder .content .details .nav a.arrow_previous { background: url(prettyPhoto/arrow_previous.gif) top left no-repeat; } /* The previous arrow in the bottom nav */
	div.pictureHolder .content .details .nav a.arrow_next { background: url(prettyPhoto/arrow_next.gif) top left no-repeat; } /* The next arrow in the bottom nav */
	
	div.pictureHolder .bottom .left { background: url(prettyPhoto/bl.gif) top left no-repeat; } /* Bottom left corner */
	div.pictureHolder .bottom .middle { background: #fff; } /* Bottom pattern/color */
	div.pictureHolder .bottom .right { background: url(prettyPhoto/br.gif) top left no-repeat; } /* Bottom right corner */
	
	div.pictureHolder .loaderIcon { background: url(prettyPhoto/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(prettyPhoto/ttl.gif) top left no-repeat; }
	div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(prettyPhoto/ttr.gif) top left no-repeat; }
	div.prettyPhotoTitle div.prettyPhotoTitleContent { background: url(prettyPhoto/ttp.gif) top left repeat-x; }

/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

div.prettyPhotoOverlay{background:#000;position:absolute;top:0;left:0;z-index:9500;width:100%}div.pictureHolder{position:absolute;z-index:10000;width:100px}div.pictureHolder .top{position:relative;height:20px}* html div.pictureHolder .top{padding:0 20px}div.pictureHolder .top .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .top .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .top .middle{position:static}div.pictureHolder .top .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .content{position:relative;text-align:left;width:100%;height:40px}div.pictureHolder .content .details{display:none;margin:10px 15px 0 20px}div.pictureHolder .content .details p.description{display:none;float:left;margin:0}div.pictureHolder .content .details .nav{float:left;margin:4px 0 0 0}div.pictureHolder .content .details .nav p{float:left;margin:0 4px}div.pictureHolder .content .details .nav a.arrow_previous,div.pictureHolder .content .details .nav a.arrow_next{float:left;display:block;width:8px;height:9px;text-indent:-10000px;margin-top:4px}div.pictureHolder .content .details .nav a.disabled{background-position:0 -10px;cursor:default}div.pictureHolder .content div.hoverContainer{position:absolute;z-index:10000;top:0;left:0;width:100%}div.pictureHolder .content a.next{position:relative;z-index:2000;display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(prettyPhoto/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .content a.previous{cursor:pointer;display:block;text-indent:-10000px;width:49%;height:100%;background:url(prettyPhoto/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .content a.expand,div.pictureHolder .content a.contract{position:absolute;z-index:20000;top:10px;right:30px;cursor:pointer;display:none;text-indent:-10000px;width:20px;height:20px}div.pictureHolder .content a.close{float:right;display:block;text-indent:-10000px}div.pictureHolder .bottom{position:relative;height:20px}* html div.pictureHolder .bottom{padding:0 20px}div.pictureHolder .bottom .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .bottom .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .bottom .middle{position:static}div.pictureHolder .bottom .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .loaderIcon{display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px}div.pictureHolder #fullResImageContainer{width:100%;text-align:center}div.prettyPhotoTitle{display:none;position:absolute;top:0;left:0;z-index:9999;color:#fff;font-size:13px}div.prettyPhotoTitle div.prettyPhotoTitleLeft,div.prettyPhotoTitle div.prettyPhotoTitleRight{float:left;width:19px;height:23px;overflow:hidden}div.prettyPhotoTitle div.prettyPhotoTitleContent{float:left;line-height:23px}


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

#imageGallery {
	position: relative;
	right: 5px;
	bottom: 5px;
	border: solid 1px #959595;
	min-height: 350px;
	padding: 20px 15px 15px 15px;
	background: #fff url(/pics/contentmanager/ImageGallery/imageGallery.jpg) bottom repeat-x;
	}
	* html #imageGallery { _height: 350px; }
	
	#imageGallery table
	,#imageGallery td,#imageGallery th,#imageGallery label,#imageGallery a { font-family: 'arial'; font-size: 12px; text-decoration: none;}
	#imageGallery a:hover { text-decoration: underline; }
	
	#page form input, #imageGallery textarea { font: normal normal 12px arial; padding: 3px; border: solid 1px #959595;}

	#imageGallery #name, #imageGallery textarea { width: 300px; }
	
	
	#page form .submitButton, .submitButton {
		font: normal normal 12px arial;
		text-align: center;
		background: transparent url(/pics/contentmanager/ImageGallery/submit.gif) no-repeat;
		width: 195px;
		color: #000;
		text-decoration: none;
		padding: 4px 0;
		border: none;
		margin-top: 10px;
		display: block;
		height: 23px;
		}
		
	#page form .submitButton:hover { text-decoration: underline; }		
	
	#imageGallery .tabs { height: 30px; position: absolute; left: -1px; }	
	#imageGallery .tabs { top: -27px; }	
	
	#imageGallery .tabs li {
		list-style-type: none;
		display: block;
		float: left;
		margin-right: 1px;
		padding-left: 2px;
		background: transparent url(/pics/contentmanager/ImageGallery/li-nonactive.gif) top left repeat-x;
		margin-top: 4px;		
		}

	#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 .tabs li a {
			display: block;
			float: left;
			background: transparent url(/pics/contentmanager/ImageGallery/li-a-nonactive.gif) top right repeat-x;
			color: #000;
			padding: 4px 15px 3px 15px;
			text-decoration: none;	
			cursor: pointer;
			}

		#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;
			text-decoration: none;
			padding: 6px 15px 5px 15px;
			font-weight: bold;
			}	
			
		#imageGallery #sidebar .tabs li.selected a {	
			background: #F9F8ED url(/pics/contentmanager/ImageGallery/li-a-active.gif) top right repeat-x; 
			}	
			
			
			
	#imageHeader {
		border-bottom: solid 1px #ccc;
		padding-bottom: 15px;
		margin-bottom: 15px;
		}		
		
		#imageHeader h4 {
			float: right; 
			margin: 10px;
			font-weight: normal;
			}
			
			
			
	hr { margin-bottom: 20px; margin-top: 20px; height: 1px; border: none; border-top: solid 1px #ccc;;}
		
	p em { font: normal normal 12px arial; font-weight: bold;}
	
	br.clearboth {clear: both;}
	
	h4.error {color: red;}	
	
	
	
	
	div.dropShadow { 
		text-align: center; 
		margin: 10px 0; 		
		float: left;
		background: #fff url(/pics/contentmanager/ImageGallery/dropshadow.gif);		
		position: relative;
		bottom: -5px;
		right: -5px;
		}
		
		div.kuva {
			background: #fff;
			position: relative;
			right: 5px;
			bottom: 5px;
			padding: 20px 20px 10px 20px;
			border: solid 1px #ccc;						
			}
			
			div.kuva div { xwidth: 100px;  }
			
		#page form div.kuva input { 
			background: #ECE9D8;
			border-top: solid 1px #F4F2E9;
			border-left: solid 1px #F0EEE0;
			border-right: solid 1px #959388;
			border-bottom: solid 1px #63625B;
			font-size: 11px;
			}
			
		#page form div.kuva input:hover	{ background: #ECE5BC; }
		
		div.kuva img { border: none; }
	
		#imageGallery div p { font: normal normal 12px arial; margin: 10px 0px 15px 0px;}	
		
		
		#uploadBar1, #uploadBar2 {
			position: absolute;
			top: 20%;
			left: 35%;
			background: transparent url(/pics/contentmanager/ImageGallery/dropshadow.gif);
			width: 240px;
			height: 45px;
			display: none;
			}
	
		#uploadProgress_1 , #uploadProgress_2 {
			background: #fff;
			border: solid 1px #000;
			position: relative;
			right: 5px;
			padding: 10px 0px;
			bottom: 2px;	
			height: 18px;
			background: #fff;		
			}
			
			#uploadProgressBar_2 { 
				position: absolute; 
				left: 10px;
				z-index: 1;				
				}
			
			#uploadProgressText_1, #uploadProgressText_2 {
				position: absolute;
				left: 110px;
				font: normal bold 16px arial;
				z-index: 2;
				}


/* ---------------------------------------------- */
/* ------------ GALLERY	       ------------------ */
/* ---------------------------------------------- */	
	
#gallery div.img {
	float: left;
	border: solid 1px #ccc;
	background: #fff;
	position: relative; 
	right: 5px;
	bottom: 5px;
	
	}	
	#gallery div.img p { position: relative; width: 150px; margin: 0 5px 0 5px} 
	#gallery div.dropShadow { background: #ccc; margin-right: 15px; }
	
	#gallery img { border: none; }	
	
	#gallery a { display: block; padding: 20px;}
	#gallery a:hover { background: #F9F7EC; }

/* ---------------------------------------------- */
/* ------------ Lightbox 2.02  ------------------ */
/* ---------------------------------------------- */	
	
#lightbox{
	position: absolute;
	top: 40px;
	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(/pics/lightbox/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(/pics/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/pics/lightbox/nextlabel.gif) right 15% no-repeat; }


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

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption { 	}
#imageData #caption p { font-family: 'trebuchet ms', arial,helvetica; }
#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: #6A6A6A ;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}