/*
 * Urban locker - Homepage slideshow
 *
 * @author Christophe Porteneuve <christophe@ciblo.net>
 * @author Julien Vignolles <julien@ciblo.net>
 * @author Thomas Lecavelier <thomas@ciblo.net>
 * @author Gregory Jaklimovitch <gregory@ciblo.net>
 * @legals © 2008-2009 Ciblo SA.
 */

/* Photos > Carousel */

#mainZone { position: relative; }

#majorLinksCarousel {
	position: absolute; bottom: 0.7em; right: 0.7em; z-index: 4242;
}
#majorLinksCarousel ol { list-style-type: none; position: relative; top: 0; }
#majorLinksCarousel li { float: left; }
#majorLinksCarousel li a {
	display: block; font-size: 12px; width: 1.5em; height: 1.5em; line-height: 1.5em;
	background: transparent url(../images/home_links_item_bg.png) center top no-repeat;
	color: black; text-align: center; margin-left: 0.2em;
}
#majorLinksCarousel li a:hover {
	background-image: url(../images/home_links_item_bg_hover.png);
	color: white; text-decoration: none;
}


/* Photos > Slideshow controls */
#majorHomeLinks .container { float: left; }
#majorHomeLinks .controls { float: left; display: inline; margin-right: 1em; }
#majorHomeLinks .controls a { float: left; display: inline; margin-left: 0.2em; }
#majorHomeLinks .controls img.pause { display: none; }
#majorHomeLinks .controls .active img.play { display: none; }
#majorHomeLinks .controls .active img.pause { display: inline; }


/* Photos > View */

#majorHomeLinks, #photoZone { width: 780px; height: 312px; position: relative; }
#photoZone { overflow: hidden; }
#photoZone .photoView { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#photoZone .photoView a { display: block; }
#photoZone img { left: 0; top: 0; }
#photoZone .photoTitle {
	position: absolute; left: 0; bottom: 0;
	font-size: 16px; height: 2em; line-height: 2em; width: 100%;
	color: white; font-weight: bold; text-align: left; text-indent: 0.7em;
	font-family: Verdana, Arial, sans-serif;
	opacity: 0.7; filter: alpha(opacity=70); background: black;
}
#photoZone #indicator {
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100;
	background: white url(../images/spinner_large.gif) center center no-repeat;
	opacity: 0.5; filter: alpha(opacity=50);
}


/*
#controls {
	margin-top: 0.5em; padding: 0.8em; height: 2.5em; color: white; position: relative;
	background: #e1d6af url(../images/multimedia_controls_br.png) bottom right no-repeat;
	text-align: center;
}
#controls .corner     { position: absolute; width: 5px; height: 5px; font-size: 1px; background-repeat: no-repeat; }
#controls .topLeft    { top: 0;    left: 0;  background-image: url(../images/multimedia_controls_tl.png); }
#controls .topRight   { top: 0;    right: 0; background-image: url(../images/multimedia_controls_tr.png); }
#controls .bottomLeft { bottom: 0; left: 0;  background-image: url(../images/multimedia_controls_bl.png); }
#speed {
	position: absolute; left: 0.8em; top: 0.8em; line-height: 1.4em; text-align: left; padding-left: 35px;
	background: transparent url(../images/multimedia_diapo.png) center left no-repeat;
}
#speeds, #speeds a { color: #463f2b; text-decoration: none; }
#speeds a.active { text-decoration: underline; }
#speeds a:hover { color: black; }
#photoNav { position: relative; width: 10em; height: 2.5em; margin: 0 auto; }
#photoNav a { float: left; display: block; padding: 0.6em 1em; }
#photoNav #btnPlayPause { width: 11px; height: 11px; }
#photoNav #btnPlayPause img.pause { display: none; }
#photoNav #btnPlayPause.active img.play { display: none; }
#photoNav #btnPlayPause.active img.pause { display: inline; }
*/