/*
   pages/images.css
   Biip.no
   
   Created by Jesper Th¿gersen on 2010-04-08.
*/


/*
	Album Images (.page-album)
	--------------------------------------------------
	- controls/Images/Default.ascx
	--------------------------------------------------
*/

	


/*
	Album Image (.page-albumimage)
	--------------------------------------------------
	- controls/Images/Image.ascx
	- controls/Profile/AlbumImage.ascx
	--------------------------------------------------
*/


	.page-albumimage .albumimage-image { background: #222 url(/Assets/gfx/misc/image-loader.gif) center center no-repeat; min-height: 50px; position: relative; overflow: hidden; text-align: center; }
	.page-albumimage .albumimage-image > img { display: block; margin: 0 auto; -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 1); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 1); box-shadow: 0 0 15px rgba(0, 0, 0, 1); }
	.page-albumimage .albumimage-image .UIUserOnline { position: absolute; top: 5px; left: 5px; }
	
	.page-albumimage .albumimage-ad { background: #222; position: relative; text-align: center; }
	
	
	/*
		++++++++++++++++++
		Image Title Bar
		++++++++++++++++++
	*/
	
		.page-albumimage .albumimage-bar-title { position: relative; z-index: 1; }
	
		.page-albumimage .albumimage-bar-filter select { vertical-align: middle; width: 95px; }
		.page-albumimage .albumimage-bar-filter select.narrow { width: 60px; }
		.page-albumimage .albumimage-bar-filter a { font-size: 11px; }
	
		
	/*
		++++++++++++++++++
		Image Carousel
		++++++++++++++++++
	*/
	
		.page-albumimage .albumimage-carousel { background: #000; background: rgba(0,0,0,0.75); display: none; overflow: hidden; padding: 3px; position: absolute; bottom: 0px; left: 0; width: 807px; height: 50px; white-space: nowrap; z-index: 10; -moz-box-shadow: 0 0 3px #000000; -webkit-box-shadow: 0 0 3px #000000; box-shadow: 0 0 3px #000000; }
		.page-albumimage .albumimage-carousel a img { display: inline; opacity: 0.3; filter:alpha(opacity=30); }
		.page-albumimage .albumimage-carousel a:hover img,
		.page-albumimage .albumimage-carousel a.current img { opacity: 1; filter:alpha(opacity=100); }
		.page-albumimage .albumimage-image:hover .albumimage-carousel { display: block; }

			/* ++++ Browser Variations ++++ */

				/* CSS3 Animations */
				html.webkit .page-albumimage .albumimage-image .albumimage-carousel { display: block; bottom: -59px; }
				html.webkit .page-albumimage .albumimage-image .albumimage-carousel { -webkit-transition: all 0.4s ease-in-out; }
				html.webkit .page-albumimage .albumimage-image:hover .albumimage-carousel { -webkit-transform: translate(0,-59px); }
	
	
	/*
		++++++++++++++++++
		Image Rater
		++++++++++++++++++
	*/
	
		.page-albumimage .albumimage-rater { display: none; position: absolute; width: 100%; left: 0px; top: 0px; }
		.page-albumimage .albumimage-rater .UIImageRater { margin: 0 auto; }
		.page-albumimage .albumimage-image:hover .albumimage-rater { display: block; }
		
		.page-albumimage .albumimage-rater { display: block; } /* Vis alltid rater (sjekker respons) */
		
			/* ++++ Browser Variations ++++ */
				
				/* CSS3 Animations */
				/*
				html.webkit .page-albumimage .albumimage-rater { display: block; top: -43px; }
				html.webkit .page-albumimage .albumimage-image .albumimage-rater { -webkit-transition: all 0.4s ease-in-out; }
				html.webkit .page-albumimage .albumimage-image:hover .albumimage-rater { -webkit-transform: translate(0,43px); }
				*/
	
	
	/*
		++++++++++++++++++
		Image Menu
		++++++++++++++++++
	*/
	
		.page-albumimage .albumimage-menu { display: none; position: absolute; top: 6px; right: 6px; z-index: 10; }
		.page-albumimage .albumimage-image:hover .albumimage-menu { display: block; }

		.page-albumimage .albumimage-menu > .UIVerticalMenu > li { text-align: right; margin-bottom: 6px; }
		
	
	/*
		++++++++++++++++++
		Info Bar
		++++++++++++++++++
	*/
	
		.page-albumimage .albumimage-bar-info { margin-bottom: 6px; padding: 5px; position: relative; }
	

	
	/*
		++++++++++++++++++
		Image Description
		++++++++++++++++++
	*/

		.page-albumimage .albumimage-description { float: left; width: 558px; min-height: 50px; }
		.page-albumimage .albumimage-description .UICommentItem { margin: 0; }
		
	
	
	/*
		++++++++++++++++++
		Image Uploader
		++++++++++++++++++
	*/
	
		.page-albumimage .albumimage-uploader { float: right; width: 238px; }
		.page-albumimage .albumimage-uploader .UIUserInfo { font-size: 11px; margin-bottom: 3px; }
		.page-albumimage .albumimage-uploader .UIUserAlias { font-size: 13px; }
		.page-albumimage .albumimage-uploader .UIUserImage { float: left; margin-right: 6px; }
	


	/*
		++++++++++++++++++
		Image Comments
		++++++++++++++++++
	*/
	
		.page-albumimage .albumimage-comments { float: left; width: 498px; }
	


	/*
		++++++++++++++++++
		Image Meta
		++++++++++++++++++
	*/
	
		.page-albumimage .albumimage-meta { float: right; width: 300px; }
		.page-albumimage .albumimage-meta .ad { margin-bottom: 6px; text-align: center; }
		
		/* ++++ Rating ++++ */
		.page-albumimage .albumimage-meta-rating { float: right; margin-top: 2px; }
		
		/* ++++ Share URL ++++ */
		.page-albumimage .albumimage-meta-shareurl { border-top: 1px solid #ddd; font-size: 10px; margin-top: 5px; padding-top: 5px; }
		.page-albumimage .albumimage-meta-shareurl textarea { font-size: 9px; overflow: hidden; width: 285px; }