/*
 * hyCMS
 * Copyright(C)2008 by Friedrich Gräter
 * Published under the terms of the Lesser GNU General Public License v2
 *
 * HTMLView gallery layouting
 *
 */
 
div.galleryBox {
	position:		relative;
	background:		url(gallery/back.png);
	/*background-color:	#8e9566;*/
	width:			874px;
	height:			130px;
	margin-top:		80px;
	margin-bottom:	20px;

	user-select:		none;
	-moz-user-select:		none;
	-khtml-user-select:		none;
	-webkit-user-select:	none;
}

div.galleryLeftButtonContainer {
	position:		absolute;
	left:			0px;
	height:			130px;
	width:			45px;
	text-align:		center;
	vertical-align:	middle;
	line-height:	140px;
}

div.galleryRightButtonContainer {
	position:		absolute;
	right:			0px;
	height:			130px;
	width:			45px;
	text-align:		center;
	vertical-align:	middle;
	line-height:	140px;
}

div.galleryContainer {
	position:		absolute;
	left:			50px;
	right:			50px;
	padding-top:	3px;
	padding-left:	3px;
	padding-right:	3px;		
	top:			7px;
	height:			120px;
	overflow:		hidden;
	text-align:		center;
	vertical-align:	middle;
	white-space:	nowrap;

	user-select:		none;
	-moz-user-select:	none;	
}

div.galleryImagesView {
	position:		relative;
	vertical-align:	middle;

	user-select:		none;
	-moz-user-select:	none;	
}

div.galleryContainer img {
	padding-top:	5px;
	padding-bottom:	5px;	
	padding-left:	20px;
	padding-right:	20px;

	user-select:		none;	
	-moz-user-select:	none;	
}


/******************************************************* Cancel */
span.galleryButtonCancel {
	display: inline-block;

	background-image:	url('gallery/buttons/cancel.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;
}

span.galleryButtonCancel:hover {
	display: inline-block;

	background-image:	url('gallery/buttons/cancel-hovered.png');
	background-repeat:	no-repeat;
	height:		29px;
	width:		29px;
}

span.galleryButtonCancelClicked {
	display: inline-block;

	background-image:	url('gallery/buttons/cancel-clicked.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

span.galleryButtonCancelDisabled {
	display: inline-block;

	background-image:	url('gallery/buttons/cancel-disabled.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

/******************************************************* Left */
span.galleryButtonLeft {
	display: inline-block;

	background-image:	url('gallery/buttons/left.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;
}

span.galleryButtonLeft:hover {
	display: inline-block;

	background-image:	url('gallery/buttons/left-hovered.png');
	background-repeat:	no-repeat;
	height:		29px;
	width:		29px;
}

span.galleryButtonLeftClicked {
	display: inline-block;

	background-image:	url('gallery/buttons/left-clicked.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

span.galleryButtonLeftDisabled {
	display: inline-block;

	background-image:	url('gallery/buttons/left-disabled.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

/******************************************************* Right */
span.galleryButtonRight {
	display: inline-block;

	background-image:	url('gallery/buttons/right.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;
}

span.galleryButtonRight:hover {
	display: inline-block;

	background-image:	url('gallery/buttons/right-hovered.png');
	background-repeat:	no-repeat;
	height:		29px;
	width:		29px;
}

span.galleryButtonRightClicked {
	display: inline-block;

	background-image:	url('gallery/buttons/right-clicked.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

span.galleryButtonRightDisabled {
	display: inline-block;

	background-image:	url('gallery/buttons/right-disabled.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}