/* #### Easyslider declarations #### */
.easysliderWrapper.wrapper {
	width: 100%;
	visibility: hidden;
	&.info, &.warning, &.error, &.success {
		padding: 0px !important;
		margin: 0px !important;
		font-weight: normal;
		.containerList {
			> li {
				&:nth-child(even) {
					background-color: transparent;
				}
				&:hover {
					background-color: transparent;
				}
			}
		}
		.carousel-wrapper {
			padding-left: 48px !important;
		}
	}
}

.carousel, .carousel_slideshow {
	overflow: hidden;
}

.sidebar {
	.easysliderMaster, .easysliderMaster + .container {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px !important;
	}
	.carousel-wrapper {
		.box48 { 
			.framed:first-child {
				~ * {
					margin-left: 42px;
				}
				> img {
					width: 32px !important;
					height: 32px !important;
				}
			}
		}
	}
}

.easysliderMaster {
	&.tabularBox {
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		> header {
			border-bottom-left-radius: 0px;
			border-bottom-right-radius: 0px;
		}
		+ .container {
			margin-top: -2px;
		}
		+ .marginTop {
			border-top-left-radius: 0px;
			border-top-right-radius: 0px;
		}
	}
}

.carousel-wrapper {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	> div {
		overflow: hidden;
		width: 100% !important;
		> div {
			overflow: visible !important;
		}
	}
	.containerList, .containerList2 {
		> li {
			padding: 0px;
			background-color: transparent;
			&:not(.forceCount, .detailContent) {
				min-width: 320px !important;
			}
			&:first-child {
				border-top-left-radius: 0px;
				border-top-right-radius: 0px;
			}
			&:hover {
				background-color: transparent;
			}
		}
		&.manualbuttons {
			padding-left: 35px;
		}
	}
	.pagination {
		text-align: center;
		position: relative;
		padding-top: 20px;
		bottom: 5px;
		a {
			width: 14px;
			height: 14px;
			margin: 0px 5px 0 0;
			display: inline-block;
			-webkit-border-radius: 11px;
			-moz-border-radius: 11px;
			border-radius: 11px;
			box-shadow: inset 0px 2px 2px rgba(0,0,0,0.5), inset 0px -2px 2px rgba(255,255,255,0.3);
			&.selected {
				cursor: default;
			}
			span {
				display: none;
			}
		}
		&.pwhite a {
			background: rgba(255,255,255,0.5);
			&:hover, &.selected {
				background: rgba(255,255,255,0.7);
			}
		}
		&.pgrey a {
			background: rgba(0,0,0,0.5);
			&:hover, &.selected {
				background: rgba(0,0,0,0.7);
			}
		}
		&.pblue a {
			background: rgba(0,64,255,0.5);
			&:hover, &.selected {
				background: rgba(0,64,255,0.7);
			}
		}
		&.pred a {
			background: rgba(223,1,1,0.5);
			&:hover, &.selected {
				background: rgba(223,1,1,0.7);
			}
		}
		&.pgreen a {
			background: rgba(8,138,8,0.5);
			&:hover, &.selected {
				background: rgba(8,138,8,0.7);
			}
		}
		&.pyellow a {
			background: rgba(174,180,4,0.5);
			&:hover, &.selected {
				background: rgba(174,180,4,0.7);
			}
		}		
	}
	a {
		&.prev, &.next {
			background: url(../easyslider/images/navigation.png) no-repeat transparent;
			width: 29px;
			height: 27px;
			display: block;
			position: absolute;
			top: 50%;
			margin-top: -13px;
			&.disabled {
				cursor: default;
			}
			span {
				display: none;
			}
		}
		&.prev {
			left: 10px;
			&.buttonPadding {
				left: 2px;
			}
			&.pwhite {
				background-position: 0 -26px;
				&:hover {
					background-position: 0 -52px;
				}
				&.disabled {
					background-position: 0 0px !important; opacity: .5 !important;
				}
			}
			&.pgrey {
				background-position: 0 -105px;
				&:hover {
					background-position: 0 -131px;
				}
				&.disabled {
					background-position: 0 -79px !important; opacity: .5 !important;
				}
			}
			&.pblue {
				background-position: 0 -184px;
				&:hover {
					background-position: 0 -210px;
				}
				&.disabled {
					background-position: 0 -158px !important; opacity: .5 !important;
				}
			}
			&.pred {
				background-position: 0 -263px;
				&:hover {
					background-position: 0 -289px;
				}
				&.disabled {
					background-position: 0 -237px !important; opacity: .5 !important;
				}
			}
			&.pgreen {
				background-position: 0 -342px;
				&:hover {
					background-position: 0 -368px;
				}
				&.disabled {
					background-position: 0 -316px !important; opacity: .5 !important;
				}
			}
			&.pyellow {
				background-position: 0 -421px;
				&:hover {
					background-position: 0 -447px;
				}
				&.disabled {
					background-position: 0 -395px !important; opacity: .5 !important;
				}
			}
		}
		&.next {
			right: 15px;
			&.buttonPadding {
				right: 2px;
			}
			&.pwhite {
				background-position: -31px -26px;
				&:hover {
					background-position: -31px -52px;
				}
				&.disabled {
					background-position: -31px 0px !important; opacity: .5 !important;
				}
			}
			&.pgrey {
				background-position: -31px -105px;
				&:hover {
					background-position: -31px -131px;
				}
				&.disabled {
					background-position: -31px -79px !important; opacity: .5 !important;
				}
			}
			&.pblue {
				background-position: -31px -184px;
				&:hover {
					background-position: -31px -210px;
				}
				&.disabled {
					background-position: -31px -158px !important; opacity: .5 !important;
				}
			}
			&.pred {
				background-position: -31px -263px;
				&:hover {
					background-position: -31px -289px;
				}
				&.disabled {
					background-position: -31px -237px !important; opacity: .5 !important;
				}
			}
			&.pgreen {
				background-position: -31px -342px;
				&:hover {
					background-position: -31px -368px;
				}
				&.disabled {
					background-position: -31px -316px !important; opacity: .5 !important;
				}
			}
			&.pyellow {
				background-position: -31px -421px;
				&:hover {
					background-position: -31px -447px;
				}
				&.disabled {
					background-position: -31px -395px !important; opacity: .5 !important;
				}
			}
		}
	}
	.clearfix {
		float: none;
		clear: both;
	}
}

.pager-wrapper {
	height: 110px;
	width: 100%;
	overflow: hidden;
	z-index: 2;
	img {
		cursor: pointer;
		background: #fff;
		box-shadow: 0 2px 5px rgba(0,0,0,0.2);
		display: block;
		width: 76px;
		height: 76px;
		padding: 6px;
		margin: 10px 5px;
		float: left;
		&:hover {
			background: #ddd;
		}
		&.selected {
			background: #D8E7F5;
		}
	}
}

.tab-wrapper {
	a {
		> span {
			opacity: .9;
		}
		&.selected, &:hover {
			opacity: 1;
		}
	}
	span.badge {
		margin-right: 5px;
	}
}

/* ### Slideshow ### */
.carousel_slideshow {
	img {
		display: block;
		float: none !important;
		width: 100%;
		height: auto;
		&:hover {
			div.easysliderPictureDescriptionHover {
				opacity: 1;
			}
		}
		~ div {
			background-color: rgba(0, 0, 0, 0.6);
			width: 100%;
			position: absolute;
			bottom: 0;
			font-size: 14px;
			color: rgba(255,255,255,1);
			&.easysliderPictureDescriptionHover {
				opacity: 0;
				-webkit-transition: opacity .6s ease-in-out;
				-moz-transition: opacity .6s ease-in-out;
				transition: opacity .6s ease-in-out;
				&:hover {
					opacity: 1;
				}
			}
			h4 {
				font-size: 30px;
			}
			
			> div {
				padding: 10px 0 10px 20px;
			}
		}
	}
	> div {
		float: none !important;
		width: 100%;
		height: auto !important;
	}
}

.carousel_slideshow2 {
	img {
		border: 1px solid #ccc;
		background-color: white;
		padding: 9px;
		margin: 7px;
		-webkit-transition: background .2s ease-in-out;
		-moz-transition: background .2s ease-in-out;
		transition: background .2s ease-in-out;
		&:hover {
			background-color: #ddd;
		}
	}
	div {
		text-align: center;
	}
}

#fancybox-title-over h4 {
	font-size: 24px;
}

.easySliderContent p, .easysliderWrapper.wrapper .containerHeadline h3{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.easySliderMessage {
	.easySliderMessageSidebar {
		line-height: 1.3;
		margin-bottom: -1px;
		padding: 5px 10px 21px;
		position: relative;
		text-align: center;
		width: 132px;
		h2.userName {
			font-size: 130%;
			font-weight: bold;
			padding: 0 3px 1px;
			text-shadow: 0 1px 0 rgba(255,255,255,0.8);
		}
		.userAvatar {
			position: relative;
			margin: 4px 0 0;
			> a > img {
				-webkit-box-reflect: below 1px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(.6,transparent),to(rgba(0,0,0,0.3)));
			}
			> .badgeOnline {
				bottom: 7px;
				left: -5px;
				position: absolute;
				text-transform: uppercase;
				border-radius: 0 5px 5px 0;
				box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
				background-color: #006600;
				background-image: -webkit-linear-gradient(#009900,#006600);
				background-image: -moz-linear-gradient(#009900,#006600);
				background-image: -ms-linear-gradient(#009900,#006600);
				background-image: linear-gradient(#009900,#006600);
				&:before {
					border-bottom: 4px solid #003300;
					border-left: 6px solid transparent;
					content: "";
					display: block;
					left: 0;
					position: absolute;
					top: -4px;
				}
			}
		}
		.userTitle {
			margin: 7px 0 0;
		}
	}
}

.easySliderRanking {
	position: absolute;
	top: 0px;
	margin-top: 0px;
	right: 15px;
	opacity: .4;
	h1 {
		font-weight: bold;
		background: -webkit-linear-gradient(#eee, #333);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
}

.easySliderBirthday > div {
	padding-left: 90px !important;
	min-height: 64px;
	background: url('../easyslider/images/birthday.png') 15px 10px no-repeat;
}

.easyslider-content-gallery32 img, .easyslider-content-easymediaimage32 img, .easyslider-content-easymediavideo32 img {
	max-width: 32px !important;
}

.easyslider-content-gallery48 img, .easyslider-content-easymediaimage48 img, .easyslider-content-easymediavideo48 img {
	max-width: 48px !important;
}

.easyslider-content-easymediavideo32 img {height: 28px !important;}
.easyslider-content-easymediavideo48 img {height: 42px !important;}