/* -

	WebSweet

	Gallery CSS

	include on:
	- public side (all pages or pages with gallery)
	- manage content page
	
--------------------- */

/* style 1
--------------------- */
/* style 1 is the default style - a single thumbnail with white border around it */

div.ws_gallery_instance { margin: 5px 0 15px 0; padding: 0; height: 90px; overflow: hidden; }

div.ws_gallery_instance a.image_preview,
div[class="ws_gallery_instance ws_gallery_style_01"] a.image_preview { 
	background: transparent; 
	display: block;
	padding: 0 !important;
	margin: 0 auto !important; 
	border: none;
	width: 90px !important;
	height: 90px !important;
	}

div.ws_gallery_instance a.image_preview img,
div[class="ws_gallery_instance ws_gallery_style_01"] a.image_preview img {
	max-width: 78px;
	max-height: 78px;
	overflow: hidden;
	border: 6px solid #fff !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #fff !important;
	}

/* style 2
--------------------- */
/*  small thumbnail stack -- 64px square */

div[class="ws_gallery_instance ws_gallery_style_02"] { margin: 5px 0 15px 0; padding: 0; height: 90px; overflow: hidden; }

div[class="ws_gallery_instance ws_gallery_style_02"] a.image_preview { 
	background: transparent url('../images/thumbnail-stack.png') no-repeat bottom right; 
	display: block;
	padding: 0 !important;
	margin: 0 auto !important; 
	border: none;
	width: 86px !important;
	height: 90px !important;
	}
	
div[class="ws_gallery_instance ws_gallery_style_02"] a.image_preview img {
	max-width: 64px;
	max-height: 64px;
	overflow: hidden;
	border: 4px solid #fff !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #fff !important;
	}

/* style 3
--------------------- */
/* 'coverflow' style with rectangle or square thumbnail in the cente - 111px high, 140 wide max */

div[class="ws_gallery_instance ws_gallery_style_03"] { margin: 5px 0 15px 0; padding: 0; height: 116px; overflow: hidden; }


div[class="ws_gallery_instance ws_gallery_style_03"] a.image_preview { 
	background: transparent url('../images/thumbnail-stack-v2.png') no-repeat top right; 
	display: block;
	padding: 0 0 20px 0 !important;
	margin: 0 auto !important; 
	border: none;
	width: 316px !important;
	height: 111px !important;
	text-align: center;
	}
	
div[class="ws_gallery_instance ws_gallery_style_03"] a.image_preview img {
	max-width: 150px;
	max-height: 100px;
	overflow: hidden;
	border: 8px solid #fff !important;
	margin: 0 auto 20px auto !important;
	padding: 0 !important;
	background: #fff !important;
	}