/* ----------------------------------------------------------------------------------------------------------------------------
 
 common.css
 * Rules for both websistes : eudebate + cafebabel
 * @author    julien bidoret
 * @copyright (c) 2008, oxys.net
 * @date      28 Nov 2008
 * @version   0.1
 
---------------------------------------------------------------------------------------------------------------------------- */



/* article icon 
---------------------------------------------------------------------------------------------------------------------------- */
.type-link em{
    
    background-image:url(img/article-types-red.png);
    background-repeat:no-repeat;
    height:16px; 
    width:18px;
    display:block;
    text-indent:-999em;
    float:left;
}


.type-link a:hover em, .type-link:hover em{
    background-image:url(img/article-types-red.png);
    }
    
.article-link em        {    background-position:0 0px      }
.video-link em          {    background-position:0 -16px    }
.gallery-link em        {    background-position:0 -32px    }
.expresso-link em       {    background-position:0 -48px    }
.forum-link em          {    background-position:0 -64px    }
.blog-link em           {    background-position:0 -80px    }  

.brunch-link em,
.miam-njam-link em {display:none} 

strong.article-link ,
strong.video-link,
strong.gallery-link,
strong.expresso-link,
strong.forum-link,
strong.blog-link{
    color:#b42025;
}
.quiet {}
    .quiet .type-link em{background-image:url(img/article-types-grey.png);}
    .quiet .type-link {font-weight:normal; color:#999}

.related-content{}
    .related-content a.video-link strong,
    .related-content a.gallery-link strong,
    .related-content a.expresso-link strong,
    .related-content a.forum-link strong,
    .related-content a.blog-link strong{
        color:#b42025;
        } 
        
    .related-content a.video-link,
    .related-content a.gallery-link,
    .related-content a.expresso-link,
    .related-content a.forum-link,
    .related-content a.blog-link{
        background-image:url(img/article-types-red-ongrey.png)
        background-image:url(img/article-types-red.png);
        } 
    .related-content a.article-link:hover ,
    .related-content a.video-link:hover,
    .related-content a.gallery-link:hover,
    .related-content a.expresso-link:hover,
    .related-content a.forum-link:hover,
    .related-content a.blog-link:hover{
        }
        

/* related-content widget
---------------------------------------------------------------------------------------------------------------------------- */

#related-content-widget ul,
#related-content-widget li{
    list-style-type:none;
    margin:0; padding:0;
    line-height:inherit;
}
#related-content-widget ul{padding-left:5px}
    #related-content-widget .tabs-container ul{padding-left:0}

#related-content-widget{
        overflow:hidden;
        padding:0;
        border-bottom:2px solid #cecece;
        border-top:1px solid #cecece;
        margin:20px 0;
        clear:left;
    }
    .related-content-widget h4{
        border-bottom:2px solid #cecece;
        margin-bottom:0px;
        padding:5px 5px 5px 10px;
        background:#cecece;
        margin:0;
    }
    h4.tabs-h4{ background-color:transparent; background-image:none; text-indent:0}
    .ui-tabs-panel h4.tabs-h4{ display:none;} 
    
        #related-content-widget ul.ui-tabs-nav {height:29px; float:right; margin-top:-25px; padding:0; padding-left:0 }
            #related-content-widget .ui-tabs-nav li{ float:left; height:29px; border-width:0; list-style-type:none; }
            #related-content-widget .ui-tabs-nav li a{ 
                cursor:pointer;
                background:transparent;
                font-weight:bold; color:#a0a0a0;
                padding:2px 8px; height:20px; display:block; 
                line-height:inherit;
                }
            #related-content-widget .ui-tabs-nav  li.ui-tabs-selected a{
                margin:0;
    		    background:#f0f0f0;
                font-weight:bold; color:#444;
                top:0;
                padding:2px 5px 0px;  
                border-bottom:2px solid #f0f0f0;
                border-left:2px solid #cecece;
                border-right:2px solid #cecece;
                border-top:2px solid #cecece
                }
             #related-content-widget ul.ui-tabs-nav span{
                background:transparent;
                height:16px;
                min-height:auto;
                min-width:auto;
                padding:0;
                width:auto;
                }
        
        .tabs-hide {display: none;}
		
        #related-content-widget .ui-tabs-panel{ border-left:2px solid #cecece; border-right:2px solid #cecece; padding:10px 2px; height:80px;   }
        
        #related-content-widget .ui-tabs-panel li{
            list-style-type:none;
            float:left;
            border-bottom-width:0;
            border-right:1px solid #cecece;
            padding: 0 8px;
            width:142px;
            height:80px;
        }
        #related-content-widget .ui-tabs-panel li:last-child,
        #related-content-widget .ui-tabs-panel li.last-child{
            padding-right:0;
            border-right-width:0
        }
        
        .tabs-nav:after, .tabs-container:after {
        	content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
            }
            
/* Play video button 
---------------------------------------------------------------------------------------------------------------------------- */
a.play-video{
    position:relative;
}
.video-play-button {
    cursor:pointer; z-index:4; width:60px; height:51px; display:block;   
    background: url("img/play-video-alpha.png") no-repeat 0 0;
    position:absolute;
    }
    #ie6 .video-play-button {
        background: url("img/play-video.png") no-repeat 0 0;
        }

.video-play-button em{
    cursor:pointer; z-index:5; width:60px; height:51px; display:block; text-indent:-999em;
    background: url("img/play-video-alpha-em.png") no-repeat 0 0;
    opacity:0.5;
    }
    #ie7 .video-play-button em{
        filter: alpha(opacity=50);
        }
    #ie6 .video-play-button em{
        filter: alpha(opacity=50);
        background: url("img/play-video-em.png") no-repeat 0 0;
        }
        
    a.play-video:hover .video-play-button em{
        opacity:1;
        }    
        #ie7 a.play-video:hover .video-play-button em{
            filter: alpha(opacity=100);
            }
        #ie6 a.play-video:hover .video-play-button em{
            filter: alpha(opacity=100);
            }            
        
.comment-tools span{
    
    }
.comment-tools span.edit-comment a,
.comment-tools span.comment-to-trash a,
.comment-tools span.comment-to-published a,
.comment-tools span.comment-to-pending a, 
.comment-tools span.comment-to-published a,
.comments-reload{ width:16px; height:16px; float:right; margin:2px 0 0 2px ; display:block; text-indent:-9999em; background-image:url("img/ico/comments-tools.png"); background-repeat:no-repeat}

    .comment-tools span.edit-comment a {background-position: -18px 0 }
    .comment-tools span.edit-comment a:hover {background-position: -18px -18px}
    
    .comment-tools span.comment-to-trash a{background-position:-36px 0 }
    .comment-tools span.comment-to-trash a:hover {background-position:-36px -18px }
    
    .comment-tools span.comment-to-published a {background-position: 0 0}
    .comment-tools span.comment-to-published a:hover {background-position: 0px  -18px}
    
    .comment-tools span.comment-to-pending a {background-position: -54px 0}
    .comment-tools span.comment-to-pending a:hover {background-position:-54px -18px }
    
    .comments-reload {background-position: -72px 0}
    .comments-reload:hover {background-position: -72px  -18px}
    
.loading-container {margin:0 auto; width:auto;}    
.loading{width:24px; height:24px; float:left; margin:2px 0 0 2px ; display:block; text-indent:-9999em; background-image:url("img/loading-24.gif"); background-repeat:no-repeat}



.comment-tools span.comment-status{}

/* Pagination --------------------------------------------*/
.folio { border-top:1px solid #e7e7e7; height:2em  }
.folio .folio-info{float:left; font-size: .92em; padding: 3px 0 0; color:#999}
.folio .pagination { border-top-width:0}
.folio-info form p{float:left; margin-right:0.4em;}
.pagination { font-size: .92em; text-align:right;  padding: 5px 0 0; border-top:1px solid #d3d3d3;  }
.pagination a, .pagination span { 
    background:#fff;
    border:1px solid #ddd;
    padding:2px 6px;
    text-decoration:none;
    margin-right:1px; margin-bottom: 5px; cursor:pointer; }
.pagination a:hover, .pagination span:hover {
    
    border-color:#999;
    color:#fff;
    text-decoration:none;
    background:#999; 
    } 
.pagination .current {
    color:#c24603;
    font-size:1em;
    font-weight:bold;
    padding:2px 6px;
    vertical-align:top; border-color:#fff; }
.pagination .current.prev, .pagination .current.next { color:#999; font-weight:normal }