/* CSS Document - style sheet for breadcrumb navigation bar of the 'explore films' section */
/*
   _____
  / ___ \
 / / _ \ \
 \ \(_)/ /
  \_   _/
   |   |   Equipe web ONF /
   |_|_|   NFB web team  / 2010
   =====
 */

.content-nav-breadcrumbs,
.content-nav-breadcrumbs ul,
.content-nav-breadcrumbs ul li,
.content-nav-breadcrumbs ul li div {
    float: left;
}
.content-nav-breadcrumbs ul.one-level div {
    clear:left;
    float: none;
}
.content-nav-breadcrumbs {	
	margin: 2px 10px;
	position: relative;
	z-index: 100;
	font-size: 1.2em;
}
.content-nav-breadcrumbs fieldset {
    border: 0 none;
    display: inline;
}
.content-nav-breadcrumbs ul,
.content-nav-breadcrumbs ul li {
    margin: 0;
    padding: 0;
    line-height: 54px;
}
.content-nav-breadcrumbs ul {
    list-style-type: none;
}
.content-nav-breadcrumbs ul.two-levels li.selected div,
.content-nav-breadcrumbs ul.three-levels li.second-level div,
.content-nav-breadcrumbs ul.three-levels li.selected div {
    padding-left: 35px;
}
.content-nav-breadcrumbs ul li.selected div,
.content-nav-breadcrumbs ul.one-level li.selected,
.content-nav-breadcrumbs ul.two-levels li,
.content-nav-breadcrumbs ul.three-levels li {
    background-repeat: no-repeat;
}
.content-nav-breadcrumbs ul.one-level li.selected,
.content-nav-breadcrumbs ul.two-levels li.second-level,
.content-nav-breadcrumbs ul.three-levels li.third-level,
.content-nav-breadcrumbs ul.two-levels li.selected,
.content-nav-breadcrumbs ul.three-levels li.selected,
.content-nav-breadcrumbs ul.three-levels li.second-level,
.content-nav-breadcrumbs ul li.selected div {
    background-image: url("/medias/nfb_tube_static/styles/imgs/films-explorer-sprite.png");
    background-repeat:no-repeat;
}
.content-nav-breadcrumbs ul.two-levels li.selected,
.content-nav-breadcrumbs ul.three-levels li.selected,
.content-nav-breadcrumbs ul.one-level li.selected {
    background-color:#f09e18
}
.content-nav-breadcrumbs ul.one-level li.selected {
    background-position: 0 -288px;
}
.content-nav-breadcrumbs ul.two-levels li {
    background-position: 0 -504px;
}
.content-nav-breadcrumbs ul.three-levels li {
    background-position: 0 -432px;
}
.content-nav-breadcrumbs ul.two-levels li.selected,
.content-nav-breadcrumbs ul.three-levels li.selected {
    background-position: 0 -144px ;
}
.content-nav-breadcrumbs ul.three-levels li.second-level {
    background-color:#848484 ;
    background-position: 0 -72px ;
}

.content-nav-breadcrumbs ul li.selected {
    background-color: #f09e18;
}

.content-nav-breadcrumbs li.selected h1, .content-nav-breadcrumbs li.selected h2 {
	display:inline;
    font-weight:bold;
}

.content-nav-breadcrumbs ul li.selected div {
    background-position: right -360px;
}
.content-nav-breadcrumbs ul li.second-level {
    background-color: #848484;
}
.content-nav-breadcrumbs ul li.third-level {
    background-color: #424242;
}
.content-nav-breadcrumbs ul li a {
    color: #fff;
    text-decoration: none;
}
.content-nav-breadcrumbs ul li a:hover {
    color: #fff;
    text-decoration: underline;
}
.content-nav-breadcrumbs ul li div {
    padding: 0 20px;
}
.content-nav-breadcrumbs ul li.results {
    background-image: none;
}