/*
 *  Copyright 2012 Anyware Services
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

/*
CSS FOR FILTERED-CONTENTS-HEADER-CAROUSEL
*/

/* @group header-content : carousel */
.header-content .filtered-contents{
	margin-top:0; 
	margin-bottom:0;
}
.header-content .filtered-contents.carousel-contents .carousel-wrap, 
.header-content .ametys-cms-content .filtered-contents.carousel-contents ul{
	max-width:1072px;
	width:100%;
	position:relative;
	margin:0;
}
.header-content .filtered-contents.carousel-contents .carousel-container.js{
	max-width:1072px;
	width:100%;
	margin:0 auto 0;
}
.header-content .filtered-contents.carousel-contents .carousel-container{
	margin-left:auto;
}
/* carousel control */
.header-content .filtered-contents.carousel-contents input.carousel-control{
	top:-28px;
	float:left;
	margin-top:166px;
	width:37px;
}
.header-content .filtered-contents.carousel-contents input.carousel-control.carousel-previous,
.header-content .filtered-contents.carousel-contents input.carousel-control.carousel-next,
.header-content .filtered-contents.carousel-contents:hover input.carousel-control.carousel-previous.disabled,
.header-content .filtered-contents.carousel-contents:hover input.carousel-control.carousel-next.disabled{
	display:none;
}
.header-content .filtered-contents.carousel-contents:hover input.carousel-control.carousel-previous,
.header-content .filtered-contents.carousel-contents:hover input.carousel-control.carousel-next{
	display:block;
	width:35px;
	height:56px;
	background:url('../../img/header-arrows.png') no-repeat right top;
	z-index:10;
	right:50px;
	left:auto;
}
.header-content .filtered-contents.carousel-contents:hover input.carousel-control.carousel-previous{
	background-position:left top;
	left:50px;
}
.header-content .filtered-contents.carousel-contents input.carousel-control.disabled{
	display:none;
}

/* carousel pagination */
.header-content .filtered-contents.carousel-contents div.carousel-pagination{
	top:258px;
	margin:0 auto;
	max-width:1012px;
	display:block;
	text-align:right;
	padding:0 30px;
	z-index:10;
	position:absolute;
}
.header-content .filtered-contents.carousel-contents div.carousel-pagination a{
	display:inline-block;
	background:url('../../img/bullets.png') no-repeat left top;
	width:14px;
	height:17px;
	padding:0;
	text-indent:200px;
	overflow:hidden;
}
.header-content .filtered-contents.carousel-contents div.carousel-pagination a:hover,
.header-content .filtered-contents.carousel-contents div.carousel-pagination a.active{
	background-position:right top;
}
.header-content .filtered-contents.carousel-contents .carousel-container.js ul li{
	padding:22px 0 0;
}

.header-content .filtered-contents.carousel-contents .carousel-container ul li{
	max-width:1072px;
	width:100%;
	position:relative;
}
.header-content .filtered-contents.carousel-contents .carousel-container .carouselDetails,
.header-content .filtered-contents.carousel-contents .carousel-container.js .carouselDetails{
	width:215px;
	height:214px;
	color:#ffffff;
	margin-left:84px;
	top:66px;
	line-height:214px;
	overflow:hidden;
	text-align:center;
	background:url('../../img/bg-carousel-highlight.png') no-repeat left top;
	position:absolute;
}
.header-content .filtered-contents.carousel-contents .carousel-container .carouselDetails div{
	vertical-align:middle;
	padding:0 16px;
	display:inline-block;
}
.header-content .filtered-contents.carousel-contents .carousel-container .carouselDetails h1{
	font-size:1.2em;
	text-transform:uppercase;
	border-bottom:2px dotted #ffffff;
	border-width:0 0 2px 0;
	padding-bottom:5px;
	margin:10px 0;
	font-weight:bold;
	line-height:1.2em;
	color:#ffffff;
}
.header-content .filtered-contents.carousel-contents .carousel-container .carouselDetails p{
	margin:5px 0;
	font-size:1.8em;
	line-height:1em;
	width:auto;
	color:#ffffff;
}
.header-content .filtered-contents.carousel-contents .carousel-container .carouselDetails p strong,
.header-content .filtered-contents.carousel-contents .carousel-container .carouselDetails p b{
	font-size:1.1em;
	font-weight:bold;
}
.header-content .filtered-contents.carousel-contents .carousel-container .carouselDetails p a.know-more{
	background:url('../../img/picto-knowmore-white.png') no-repeat right center;
	color:#ffffff;
	font-size:.6em;
	padding-right:20px;
	text-decoration:none;
	text-transform:uppercase;
}
.header .carousel-control input{
	background:transparent url('../../img/bg-navigation-header.png') no-repeat left top;
	height:37px;
	width:37px;
	border-width:0;
	text-indent:-200px;
	padding:0;
	cursor:pointer;
}
.header .carousel-control input.previous{ background-position:left bottom; }

/**/

.header-content .filtered-contents .carousel-container{
	width:1000px;
	overflow:visible;
	position:relative;
}
.header-content .filtered-contents.carousel-contents input.carousel-control{
	position: absolute;	
	height: 17px;
	width: 14px;
	border-width:0;
	text-indent:-999px;	
	cursor: pointer;
	padding: 0;
	top:484px;
}

.header-content .filtered-contents.carousel-contents input.disabled{
	display: none;	
}

.header-content .filtered-contents.carousel-contents input.carousel-control.carousel-previous{
	background: transparent	url("../../img/services/filtered-contents/arrows.png") no-repeat 0 50%;	
	left: 602px;
	z-index:10;
}
.header-content .filtered-contents.carousel-contents input.carousel-control.carousel-next{
	background: transparent	url("../../img/services/filtered-contents/arrows.png") no-repeat 100% 50%;
	left: 612px;
	z-index:10;
}
.header-content .filtered-contents.carousel-contents div.carousel-pagination{
	text-align: center;
	position:relative;
	top:-22px;
	text-align:right;
	right:50px;
}
.header-content .filtered-contents.carousel-contents div.carousel-pagination a{
	cursor: pointer;
	background: transparent	url(../../img/services/filtered-contents/bullets.png) no-repeat left center;
	padding:0 5px;
	margin-right:5px;
}

.header-content .filtered-contents.carousel-contents div.carousel-pagination a span {display: none;}
.header-content .filtered-contents.carousel-contents div.carousel-pagination a.active,
.header-content .filtered-contents.carousel-contents div.carousel-pagination a:hover {background-position: right center;}

.header-content .filtered-contents.carousel-contents div.carousel-pagination button.slide-control.play,
.header-content .filtered-contents.carousel-contents div.carousel-pagination button.slide-control.pause{
	/*background:transparent url(../../img/services/filtered-contents/dot-pause.png) no-repeat 50% 50%;*/
	border-width:0;
	text-indent:-999px;
	overflow:hidden;
	padding: 2px 7px;
	cursor:pointer;
	margin-right: 15px;
	display:none;
}

.header-content .filtered-contents.carousel-contents div.carousel-pagination button.slide-control.pause{ 
	/*background-image:url(../../img/services/filtered-contents/dot-play.png);*/
}