/* 
cafebabel.com css : admin css
copyright oxys 2007
---------------------------------------------------------------------------------------------------*/



/* Compass
 */
.compass {
    margin:0 auto;
    position:relative;
    width:980px;  
    }
.compass p {
    font-size:11px;
    margin-left:10px;
    width:580px;
    position:absolute;
    top:214px;    
    border-top:1px solid #e7e7e7;
    /*border-bottom:1px solid #e7e7e7;*/
    padding:4px 0;
    }
    .compass strong {font-weight:normal; color:#999}


/* Article 
---------------------------------------------------------------------------------------------------*/
#article #article-intro{ padding-top:35px}

#article-intro .span-2{ border-right:1px solid #e7e7e7; padding-right:10px; margin-right:0}
#article-intro { border-bottom:1px solid #e7e7e7; padding-bottom:2em; margin-bottom:1.8em }
#article-intro .img {background:#ededed}
#article-intro .img .info-co{background:#fff}
.article-text-intro {font-size:1.3em; line-height:1.5em; }
.article-text-intro p {margin:0} 

.article-identity { width: 160px; float:left; font-size:11px; border-left:1px solid #e7e7e7; margin-left:-1px; padding:0 0 0 10px; }
#article-intro .community span{display:block}




/* Article intro switch language
---------------------------------------------------------------------------------------------------*/
/*** take care !!! / pas touche!!! ***/

/*** menu essentials ***/
#switch-language { line-height:18px; width:144px; margin:0 0 .5em }
    #switch-language ul { position:absolute; top:-999em;  width:142px; }
    #switch-language ul li { width: 100%;  }
    #switch-language li { float:left; position:relative; z-index:99; white-space:nowrap;}
    #switch-language a { float:left; white-space:normal}
    #switch-language li:hover ul, ul#switch-language li.sfHover ul { left:0; top:15px; /* VARIABLE. This is calculated by adding 1em text height to top and bottom anchor element padding (original skin: .75em top + .75em bottom + 1em text height = 2.5em) */ }
    #switch-language li:hover li ul, #switch-language li.sfHover li ul { top:-999em; }
    .superfish li:hover ul, .superfish li li:hover ul, .superfish li li li:hover ul { top: -999em; }

/*** skin fake select ***/
#switch-language span{ color:#fff;
    display:block; height:18px; line-height:18px; overflow:hidden; background:#999 url(img/comments-tools.png) no-repeat -244px 0px; float:none; width:144px; text-indent:6px; cursor:pointer; 
    }
    #switch-language span:hover, #switch-language .sfHover span{ background-position:-244px -20px }
    #switch-language span.sf-sub-indicator{ display:none; }
#switch-language ul {
    padding:4px 0;
    border:1px solid #7a7a7a; background:#7a7a7a; border-top-width:0; line-height:16px;
    -moz-border-radius:0 0 3px 3px;  -webkit-border-radius:0 0 3px 3px;  border-radius:0 0 3px 3px; 
    }
#switch-language ul li a{padding: 2px 6px; width:130px; color:#bababa}
#switch-language ul li a:hover{color:#fff}



/* Article text
---------------------------------------------------------------------------------------------------*/

.people-bio p,
.article-text p{font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; line-height:20px; margin-bottom:1.5em }
.people-bio h2,
.article-text h2,
.people-bio h3,
.article-text h3{margin-bottom:1em; text-align:left; border-bottom:none}
.people-bio h4,
.article-text h4 { margin-bottom:.5em; text-align:left; border-bottom:none}
.people-bio p.info-co,
.article-text p.info-co{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:1.2}


/* Article specials --------------------------*/
p.pullquote{float:right; margin:0 0 10px 10px; width:180px; font:bold 18px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; }
p.aside{ float:left; margin:0 10px 10px 0; width:160px;; padding-right:20px; font-size:12px; border-right: 1px solid #e7e7e7 }
p.apart{ margin:10px 0; padding:16px 20px; border: 1px solid #e7e7e7; clear:both; background:#fff; font-size:12px }
p.apart ~ p.apart {margin-top:-36px; border-top-width:0; }
p.credits{border-top:1px solid #E7E7E7;color:#999;font-size:11px;padding-top:10px;}
p.credits a { color:#999; font-weight:700}
.people-bio ul,
.article-text ul{ list-style:disc inside}

/* vertical align bottom for inline <object>s, like tiny mp3 player */
.people-bio object[data^='http://static.cafebabel.com/mp3/miniPlayer.swf'],
.article-text  object[data^='http://static.cafebabel.com/mp3/miniPlayer.swf']{ vertical-align:bottom;  }


.article-text  a.internal-link:after{ content:  url("img/ico/cafebabel.png")}
.article-text  a.external-link:after{ content:  url("img/ico/external.png")}*/

.article-text  p a[href^='http://en.wikipedia.org']:after, 
.article-text  p a[href^='http://fr.wikipedia.org']:after,
.article-text  p a[href^='http://de.wikipedia.org']:after,
.article-text  p a[href^='http://es.wikipedia.org']:after,
.article-text  p a[href^='http://ca.wikipedia.org']:after,
.article-text  p a[href^='http://it.wikipedia.org']:after,
.article-text  p a[href^='http://pl.wikipedia.org']:after{
    content:  url("img/ico/wikipedia.png")}
    
    



/* Tables inside texts ------------------------------------------------*/


.article-text  table caption {
   color: #A8381F;
   font-size:100%;
   vertical-align : middle; 
   text-align: left;
}
.article-text  table .title {
   font-size:100%;
   background : #FFA13C;
}

.article-text table {
    background : #FFE19C;
    width: 100%;
    
}
.article-text table td {
    border-bottom : 1px solid #DF911C;
    padding: 5px 5px 4px;
}


/* Article images
---------------------------------------------------------------------------------------------------*/


/* image styles ---------------------------------------*/
.img-right        { display: block; float:right; margin-left:10px}
.img-left         { display: block; float:left; margin-right:10px}
.img-full         { float:none; margin:0 0 1.5em;  }
.img-full         { display: block;  text-align:left}

.img-full br      { display:none; }         

.img-full img     {margin:0 auto; text-align:center;}
.img-full span    { float:none; display:block; }

em.info-co        { font-family:  Arial, sans-serif;  line-height:1.1em; font-style:normal }


/* old style 
 * used for articles imported from old asp
 * --------------------------------------- */
.img-old-3        { float:none; margin:0 0 1.5em; border:1px solid #e7e7e7; padding:10px;  }

.img-old-1,
.img-old-2 { float:left;  border:1px solid #e7e7e7; padding:10px;  margin-right:10px; display:block; }

.img-old-1        { width:168px}
.img-old-2        { width:343px}
.img-old img      { display:block}

.img-left em,
.img-right em,
.img-full em,
.img-old-1 em,
.img-old-2 em,
.img-old-3 em     { font-style:normal; float:none; display:block; margin:4px 0pt 0px;}

.img-old-3        { display: block;  text-align:center}

.img-old-3 img    {margin:0 auto; text-align:center;}
.img-old-3 span   { float:none; display:block; }

.img-video { padding: 10px; background: #ededed url(img/box-topborder.gif) repeat-x;  display:block; text-align:center;  }
.img-video em.info-co {background: #ededed; text-align:left; background-color:#fff; display:block;  margin:10px -10px -10px -10px; padding-top:2px }


/* clearing for full ---------------------------------------*/

.img-full:after, .img-old-3:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .img-full, * html .img-old-3{ height: 1%; }





/* Commentaires v2 
---------------------------------------------------------------------------------------------------*/
#comments, .article-comments{ background:#fff}
.comments-notempty { border-bottom:1px solid #e7e7e7; }
.article-comments h3{/* color:#808080; */}
.article-commentsForm{}


.comment{ padding:0 0 1em; }
    .comment-meta{float:left; }
    
    
    .comment-info{margin-left:75px; color:#999}
    .comment-info a {color:#c24603}
    .comment-body{margin-left:75px; }
        .comment-body p{ margin:0}
    
    .comment-tools{width:80px; height:16px; float:right;  position:relative; top:-4px;}
    .comment-tools:empty{display:none}
        .comment-tools a { }
            .comment-to-published a {font-weight:bold;}
            .comment-status {float:none;}
            .comment-status .pending,
            .comment-status .PENDING {color:#c24603; font-weight:bold}
            .comment-status .published,
            .comment-status .PUBLISHED { color:#b3c124}
            .comment-status .disturbed, 
            .comment-status .DISTURBED { color:#e28c11}
    
    .babelmix-links { color:#999; margin-bottom:1.5em}    
    
    
    
    #comments-form {
        padding-left:75px; margin-bottom:1em
        }
    
    #comments-form .submit-field{
        margin:1em 0 ;
        border-bottom:1px solid #e7e7e7;
        padding-bottom:1em; 
        }
    
    .comment-form-info {
        color:#999;
        margin-bottom:1.5em
       	}
    
    
    .cancel-logingin{margin:0 0 0 10px; padding: 0 0 0 10px; border-left:1px solid #e7e7e7}
    

/* comments tools (moderation, etc.) */
.comment-tools span{
    
    }
.edit-comment a,
.comment-to-trash a,
.comment-to-published a,
.comment-to-pending a, 
.comment-to-published a,
.comments-sort,
.move-up,
.move-down,
.move-last,
.comments-reload,
.comments-subscribe,{ width:16px; height:16px; float:right; margin:2px 0 0 2px ; display:block; text-indent:-9999em; background-image:url("img/comments-tools.png"); background-repeat:no-repeat; font-size:2px; overflow:hidden;}

    .edit-comment a {background-position: -18px 0 }
    .edit-comment a:hover {background-position: -18px -18px}
    
    .comment-to-trash a{background-position:-36px 0 }
    .comment-to-trash a:hover {background-position:-36px -18px }
    
    .comment-to-published a {background-position: 0 0}
    .comment-to-published a:hover {background-position: 0px  -18px}
    
    .comment-to-pending a {background-position: -54px 0}
    .comment-to-pending a:hover {background-position:-54px -18px }
    
    .comments-reload {background-position: -72px 0}
    .comments-reload:hover {background-position: -72px  -18px}
    
    .comments-sort {background-position: -108px 0}
    .comments-sort:hover {background-position: -108px  -18px}
    
    .comments-subscribe {background-position: -624px 0}
    .comments-subscribe:hover {background-position: -624px  -18px}
    
    .move-up {background-position: -570px 0}
    .move-up:hover {background-position: -570px  -18px}
    .move-up.disabled {background-position: -570px 0; cursor:default;}
    
    .move-down {background-position: -588px 0}
    .move-down:hover {background-position: -588px  -18px}
    .move-down.disabled {background-position: -588px 0; cursor:default;}
    
    .move-last {background-position: -606px 0}
    .move-last:hover {background-position: -606px  -18px}
    .move-last.disabled {background-position: -606px 0; cursor:default;}
    
span.comment-status{}


/* Article-bottom
---------------------------------------------------------------------------------------------------*/
.article-bottom .author {display:inline;}
.article-bottom .translator:before{content:" - ";}

/* Article tools
---------------------------------------------------------------------------------------------------*/
.tools{list-style-type:none; margin:0 0 .5em; float:left }
.article-bottom {padding:6px 0 15px 0; margin:0 0 15px 0}

.tools li{float:left; margin-right:4px}
.tools a{display:block; width:20px; height:18px; line-height:18px;  background-repeat:no-repeat; color:#fff; overflow:hidden; background-image:url(img/comments-tools.png);}
.tools span{ display:block; text-indent:-9999em}


.tools .tools-comments { background-image:url(img/comments-tools.png); background-position:100% 0; float:left;}
.tools .tools-comments a{ background-position:-192px 0; padding:0 0 0 18px; width:auto; max-width:3em}
#ie6 .tools .tools-comments { float:left; width:52px}
.tools .tools-comments:hover { background-position:100% -20px;}
.tools .tools-comments:hover a{ background-position:-192px -20px;}
.tools .tools-comments span { padding-right:0; width:4px; background-image:url(img/comments-tools.png); background-position:-238px 0px; float:right;}
.tools .tools-comments:hover span { background-position:-238px -20px; }

.tools .tools-print a{ background-position:-148px 0}
.tools .tools-print a:hover { background-position:-148px -20px}
.tools .tools-send-by-mail a{ background-position:-170px 0 }
.tools .tools-send-by-mail a:hover{ background-position:-170px -20px }

.tools .tools-sep{border-left:1px solid #999}
/*
.tools .tools-share a { background-position:-478px 0; }
.tools .tools-share a:hover{ background-position:-478px -20px}
*/



/* socialize
---------------------------------------------------------------------------------------------------*/
/*** take care !!! / pas touche!!! ***/

/*** menu essentials ***/
#socialize { line-height:18px; width:18px; margin:0 0 .5em;  float:left; border-left:1px solid #999; padding-left:4px }
    #socialize ul { position:absolute; top:-999em;  width:88px; }
    #socialize ul li { width: 100%;  }
    #socialize li { float:left; position:relative; z-index:90; white-space:nowrap;}
    #socialize a { float:left; white-space:normal;  cursor:pointer; }
    #socialize li:hover ul, ul#socialize li.sfHover ul { left:0; top:15px; /* VARIABLE. This is calculated by adding 1em text height to top and bottom anchor element padding (original skin: .75em top + .75em bottom + 1em text height = 2.5em) */ }
    #socialize li:hover li ul, #socialize li.sfHover li ul { top:-999em; }
    .superfish li:hover ul, .superfish li li:hover ul, .superfish li li li:hover ul { top: -999em; }

/*** skin fake select ***/
#socialize span{ color:#fff;
    display:block; height:18px; line-height:20px; width:20px; overflow:hidden; background:#999 url(img/comments-tools.png) no-repeat -478px 0px; float:none; cursor:pointer;  text-indent:22px;
    }
    #socialize span:hover, #socialize .sfHover span{ background-position:-478px -20px; width:90px }
    #socialize span.sf-sub-indicator{ display:none; }
#socialize ul {
    padding:4px 0;
    border:1px solid #7a7a7a; background:#7a7a7a; border-top-width:0; line-height:16px;
    -moz-border-radius:0 0 3px 3px;  -webkit-border-radius:0 0 3px 3px;  border-radius:0 0 3px 3px; 
    }
#socialize ul li a{padding: 2px 6px; width:76px; color:#bababa}
#socialize ul li a:hover{color:#fff}





/* Article related content
---------------------------------------------------------------------------------------------------*/
.articles-list div{margin:0 0 6px}
.articles-list img{float:left; margin-right:10px}
.articles-list ul{list-style-type:none; margin:0; border-top:1px dotted #ccc; padding-top:.2em}
.articles-list li{margin-top:.6em; line-height:1.2em}
.articles-list .type-link{ color:#333}
    .articles-list .type-link:after{ content:" | " }
	.articles-list .first .type-link:after{ content:"" }
	.articles-list .first .type-link{ display:block; }

#related-magazine a span.tag-pop{
    display:inline-block;
    width:12px; height:12px; background:url(img/tag-pop.png) no-repeat 0 -46px; text-indent:-9999em; vertical-align:baseline; 
    }
#related-magazine a:hover span.tag-pop{
    background-position:0 4px;
    }
    
/* Article dossier 
---------------------------------------------------------------------------------------------------*/    
.dossier{background: #d8e6ed url(img/blue-box-bg.png) repeat-x; }
.dossier h3.dossier-title {
     border-bottom:1px solid #b0c9d6; margin-bottom:10px; padding-bottom:6px;
    }
    .dossier h3.dossier-title span {
        color:#444444;
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        font-weight:bold;
        margin-bottom:10px;
        display:block;
        letter-spacing:normal;
        text-shadow:1px 1px 1px #FFFFFF; 
        }
.dossier  ul {border-color:#b0c9d6}



/* Article author
---------------------------------------------------------------------------------------------------*/

.author-box .avatar{margin:0 0 0 -65px;}
.author-box dl{margin:0 0 0 65px}
.author-box dt{font-size: 1.5em; line-height: 1; margin-bottom: .4em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal}
.author-box dt a{color:#444; font-size:inherit; text-transform:none;}
.author-box dd{margin:0}
.author-box hr{margin:10px 0}



/* links
---------------------------------------------------------------------------------------------------*/
#links-list li{ font-size:.92em; margin:0 0 .5em 0; }

#links-list li a[href^='http://en.wikipedia.org'], 
#links-list li a[href^='http://fr.wikipedia.org'],
#links-list li a[href^='http://de.wikipedia.org'],
#links-list li a[href^='http://es.wikipedia.org'],
#links-list li a[href^='http://ca.wikipedia.org'],
#links-list li a[href^='http://it.wikipedia.org'],
#links-list li a[href^='http://pl.wikipedia.org']{
        background:url(img/ico/wikipedia.png) no-repeat 0 50%;
		padding-left:15px;}
        
#links-list li a[href^='http://www.cafebabel.com']{
        background:url(img/ico/cafebabel.png) no-repeat 0 50%;;
		padding-left:15px;}
        
#links-list li a[hreflang]:after { content: "\0000a0[" attr(hreflang) "]"; color : #666; background : transparent;}



/* Related content widget style
---------------------------------------------------------------------------------------------------*/

/* #related-content-widget previously defined in common.css */ 
#related-content-widget .ox-tab-panel li { width:115px }
#related-content-widget { background:#f0f0f0 url(img/box-topborder.gif) repeat-x ; padding-top:2px; border-width:0}
#related-content-widget h4{background-image:none}
#related-content-widget .ox-tab-panel {border-width:0; background:transparent}
#related-content-widget ul.ox-tab-nav{margin-right:5px}

/* Vidéo
---------------------------------------------------------------------------------------------------*/
.article-video-content{margin-bottom:2em}
#video #article-intro {border-bottom:none; margin-bottom:0}
#video h1 { padding-top:35px}
.box-last-videos a span.post-date{ font-size:11px; color:#808080; }    
    
/* Gallery
---------------------------------------------------------------------------------------------------*/
#gallery .img{margin:35px 0 1em} /* main image (above title)*/

#gallery #article-intro {border-bottom:none; margin-bottom:0}
.access-gallery{border-width:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; padding:6px 16px 6px 35px; background:#999; color:#fff;
     background:#333 url(img/submit-photo.png) no-repeat 0 50%; -moz-border-radius:3px;  -webkit-border-radius:3px;  border-radius:3px; margin:1em 0 0; display:block; float:left}
.access-gallery:hover {color:#fff}

.gallery #article-intro{margin-bottom:0}
.gallery #horizontal-g-ads-banner {border-bottom:1px solid #e7e7e7; margin-bottom:2em}

.box-last-galleries div{ float:left; width:144px; margin-right:20px}
    .box-last-galleries div a{color:#444}

.gallery-content{border:1px solid #e7e7e7; padding:25px 0 25px 20px; margin-bottom:2em}
.gallery-content h2 {line-height:1.2}
    .gallery-content h2 a{color:#444} 
.gallery-info {float:left; width:270px; margin-right:15px; margin-bottom:1.5em;}
#gallery-image-info {border-top:1px solid #e7e7e7;  clear:left;}
.gallery-images {float:left; border-left:1px solid #e7e7e7; padding-left:15px}

.gallery-nav{ background:#BDBDBD url(img/gallery-prevnext.png) repeat-x scroll 0 0; clear:both; color:#fff; float:left; height:32px; line-height:32px; margin-bottom:1.5em;}
    
    a.gallery-prev, .gallery-prev-disabled, 
    a.gallery-next, .gallery-next-disabled {background:url(img/gallery-prevnext.png) no-repeat; width:36px; height:32px; display:block; text-indent:-999em; float:left; outline:0;}
    .gallery-nav span.gallery-nav-info{float:left; line-height:32px; vertical-align:middle; padding:0 6px}
    
    a.gallery-prev {background-position:-36px -32px}
    a.gallery-prev:hover {background-position:-72px -32px}
    .gallery-prev-disabled {background-position:0px -32px }
    
    a.gallery-next {background-position:-144px -32px}
    a.gallery-next:hover {background-position:-180px -32px}
    .gallery-next-disabled {background-position:-108px -32px}
    
    
/* captcha 
---------------------------------------------------------------------------------------------------*/
.captcha { 
    border-top:1px solid #e7e7e7;
    padding-top:10px;
    margin-left:110px;
    margin-bottom:1.5em;
    }

.captcha-image{
    background:#F2F2F2 none repeat scroll 0 0;
    border:1px solid #e7e7e7;
    padding:5px;
    }

.captcha-image img{
    float:left;
    }
    
#captcha_link {
    display:block;
    float:left;
    line-height:40px; 
    vertical-align:middle;
    margin-left:10px; 
    color:#999;
    cursor:pointer;
    }
.captcha .field span.error{
    margin-left:0
}

/* People page 
---------------------------------------------------------------------------------------------------*/
#tagpage #tag-intro{ padding-top:35px; margin-bottom:20px }
#tagpage .white-tabs { margin-bottom:20px }

.people-bio { font-family:Georgia,"Times New Roman","New York",serif; font-size:1.1em; line-height:1.5;}
.people-bio p+h2{ margin-top:1em}
.people-bio ul{ list-style:disc inside}

.photos-list li {float:left}
#tagpage .photos-list{}
#tagpage .photos-list li {width:170px; margin-right:2px; height:170px; display:block; }
/*#tagpage .photos-list li.last { margin-right:0}*/

#tag-intro-tabs .ox-carousel-container {
    padding:0;
    width:537px;
    background:transparent;
    margin:0;
    padding:0 0 0 23px;
    }
#tag-intro-tabs  .ox-carousel-clip {
    height:170px;
    margin:0;
    overflow:hidden;
    padding:0;
    position:relative;
    width:516px;
    z-index:8;
    }
    #tag-intro-tabs  .ox-carousel-panel {
        padding:10px 9px;
        }
    #tag-intro-tabs .carousel a, #tag-intro-tabs .carousel a:hover,
    #tag-intro-tabs .carousel span, #tag-intro-tabs .carousel strong{
        color:#fff
        }

.people-list {  }
.people-list li { margin:0 10px 10px 0; width:105px; height:105px; overflow:hidden; float:left;}
.people-list li a strong { display:none;}
.people-list li a:hover strong { display:block;}
    #related-people .people-list li { margin:0 2px 2px 0;  }
    #related-people .people-list li.last { margin-right:0 }
    
    
/* City page 
---------------------------------------------------------------------------------------------------*/
    
.left-main-column .cityrelated-content { border-right:1px solid #e7e7e7; margin-right:0px; padding-right:19px}
.left-main-column .cityblog-content { width:160px; border-left:1px solid #e7e7e7; padding-left:19px; position:relative; left:-1px}
.cityblog-content h2 { border-top:1px solid #e7e7e7; padding-top:5px }
.cityblog-content h3 {font-size:13px;}
.cityblog-content p {font-size:11px;}    
.cityblog-content div {
    border-top:1px solid #E7E7E7;
    margin-bottom:1em;
    padding:1em 0 0.5em;
    }
    
    .city-intro h1.big-title{ margin-bottom:.5em}
    
    .city-intro p  { margin-bottom:1.5em}
    
    #cities-map{width:950px; height:300px; position:relative; margin-bottom:1.5em}