/* -------------------------------------------------------------- 
 
 _style.css
 * The real visual aspect of the website. Specific rules for elements and widgets.
 * @author    julien bidoret
 * @copyright (c) 2008, oxys.net
 * @date      26 Juin 2009
 * @version   0.3
 
-------------------------------------------------------------- */



/* Popups
---------------------------------------------------------------------------------------------------*/
.ox-popup-message p{margin:0 0 1.5em; line-height:1.4;}
.ox-popup-message p:last-child { margin-bottom:0}

.popup-actions{ text-align:right; border-top:1px solid #e7e7e7;  padding:1em 0; margin-bottom:0} 
.ox-popup-success .popup-btn-cancel,
.ox-popup-warn .popup-btn-cancel,
.ox-popup-failure .popup-btn-cancel { display:none;}


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

    .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 -81px; width:15px    }  
    
    .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 .type-link em{background-image:url(img/article-types-grey.png);}
    .quiet .type-link {font-weight:normal; color:#999}
    
    strong.related-eudebate {
        display:block;
        width:16px; height:16px; float:left; background:url(../eudebate/css/img/icon-eudebate.png) no-repeat; text-indent:-9999em;
        margin:2px 5px 0 0;
    }
/* comments number */
.inline-comments{ 
    background:#A6A6A6 url(img/ico/inline-comments.png) no-repeat 100% 0;
    display:inline-block;
    height:14px;
    line-height:15px;
    }
    #ie6 .inline-comments{
        display:inline;
        zoom:1;
        overflow:hidden;
        } 
.inline-comments a { 
    background:transparent url(img/ico/inline-comments.png) no-repeat;
    color:#fff;
    display:block;
    height:14px;
    padding:0 4px 0 17px;
    }
    #ie6 .inline-comments a{
        display:inline;
        zoom:1;
        } 
.inline-comments em {display:none}        

/* Vote buttons
---------------------------------------------------------------------------------------------------*/

.vote {clear:both; height:28px}

.article-bottom .socialize { border-top:1px solid #e7e7e7; padding:10px 0 0; margin-top:1em; }
.article-bottom .vote { display:block;float:left; border-right:1px solid #E7E7E7; margin:0 10px 0 0; padding:0 10px 0 0; min-height:47px;  }
.article-bottom .socialize strong { display:block; margin-bottom:5px }
.article-bottom .share { display:block;float:left; }
.article-bottom .share-tw { margin-right:5px;}
.article-bottom .share-tw,.article-bottom  .share-fb { float:left; }

.share-tw a, 
.comments-nb,
.voteplus, .voteminus { display:block; float:left; -moz-border-radius:3px;  -webkit-border-radius:3px;  border-radius:3px;  font-family:Arial, Helvetica, sans-serif; font-size:1em; padding:3px 10px 4px 6px; background:#999; color:#fff; cursor:pointer; }

.share-tw a {
    font-size:11px; padding:3px 10px;
    color: #186487;
    background: -moz-linear-gradient(
        top,
        #ffffff 0%,
        #ffffff 50%,
        #d5e6ef);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#ffffff),
        color-stop(0.50, #ffffff),
        to(#d5e6ef));
    border: 1px solid #a4cce5;
    -moz-box-shadow:
        0px 0px 0px rgba(000,000,000,0),
        inset 0px 0px 0px rgba(255,255,255,1);
    -webkit-box-shadow:
        0px 0px 0px rgba(000,000,000,0),
        inset 0px 0px 0px rgba(255,255,255,1);
    text-shadow:
        0px -1px 0px rgba(255,255,255,1),
        0px 0px 0px rgba(255,255,255,0)
}
.share-fb-top {
    background:url("img/share-facebook-empty.png") no-repeat;
    color:#3B5998;
    display:block;
    float:left;
    font-family:'arial',sans-serif;
    font-size:11px;
    height:17px;
    line-height:14px;
    padding:3px 0 0 22px;
    width:54px;
    margin-bottom:6px;
}

a.comments-nb:hover,
a.voteplus:hover, a.voteminus:hover {background:#444; color:#fff; text-shadow: 0px 0px 2px #252525; cursor:default;}

#ie6 .comments-nb, #ie6 .voteplus, #ie6 .voteminus{ width:40px}

.comments-nb{margin-right:5px}
.votedisabled.voteplus, .voteplus  { background:#9ba903 url(img/submit-green.png)  repeat-x; text-shadow: 0px 0px 2px #acb600; margin-right:5px}
    #ie6 .votedisabled.voteplus, #ie6 .voteplus  {background:#9ba903}
.votedisabled.voteminus, .voteminus { background:#8d3201 url(img/submit-red.png) repeat-x; text-shadow:none }
    #ie6 .votedisabled.voteminus, #ie6 .voteminus  {background:#8d3201}
    
.votedisabled, .votedisabled.voteplus, .votedisabled.voteminus{cursor:default;background:#999; color:#fff; text-shadow: none;}

.comments-nb span,
.voteplus span, .voteminus span { background:url(img/thumbs.png) no-repeat; padding-left:22px; height:18px; line-height:18px; display:block; }
.voteminus span { background-position:0 -30px}
.comments-nb span { background-position:0 -58px } 

.comments-nb em, .voteplus em, .voteminus em { display:none}

/* Loading
---------------------------------------------------------------------------------------------------*/
.loading{text-indent:20px; min-width:16px; min-height:16px; display:block; background-image:url("img/loading.gif"); background-repeat:no-repeat}


/* Articles and editorial contents lists
---------------------------------------------------------------------------------------------------*/

/*
.article-preview-bloc h3 a { color:#444 }
.article-preview-bloc h3 a:hover { color:#013d63 }
*/  
    
.article-preview-bloc { border-top:1px solid #e7e7e7; padding:1.5em 0 .5em; margin-bottom:1em;  clear:both; }
.article-preview-bloc h5 + h3{margin-top:.3em}


/* Play video button positionning */      
#main-feed .video-play-button { top:50px; left:157px;}
#main-feed .play-video{ display:block; height:150px} /* according image size */      


/* main lists when four cols are available. image is displayed on the left, title and excerpt on the right // forum case */
.span-4 .article-preview-bloc { padding:1em 0 .5em; margin-bottom:1em }
.span-4 .article-preview-image { width:375px; float:left; margin-right: 15px; background:#eee; position:relative;}
.span-4 .article-preview-content { width:375px; float:left}

/* main lists when three cols are available. image is displayed on the left, title and excerpt on the right */
.span-3 .article-preview-bloc,
.span-3 .blogpost-preview-bloc { border-top:1px solid #e7e7e7; padding:1.5em 0 .5em; margin-bottom:1em; }
.span-3 .article-preview-image { width:180px; float:left; margin-right: 15px; position:relative;}
.span-3 .video-preview-bloc .article-preview-image { height:106px}
.span-3 .article-preview-content { width:375px; float:left}
.span-3 .gallery-preview-bloc{ clear:both;}
.span-3 .gallery-preview-bloc .article-preview-image { width:580px; margin-right:0; float:none; position:relative; clear:both; }
.span-3 .gallery-preview-bloc .article-preview-content { width:auto; float:none; clear:both;}
.span-3 .article-preview-bloc img{margin-bottom:.5em; position:absolute;}
.span-3 .gallery-preview-bloc img{ position:relative;;}

.span-3 .article-preview-bloc h3,
.span-3 .blogpost-preview-bloc h3{margin:0 0 .3em 0 }
.span-3 .article-preview-bloc h3.tob-h3{font-size: 2.5em; }
.span-3 .article-preview-bloc h5{margin-bottom:.2em}

/* main lists when two cols are available. image is displayed on top, title and excerpt below */
.span-2 .article-preview-bloc { border-top:1px solid #e7e7e7; padding:1em 0 .5em; margin-bottom:1em  }
.span-2 .article-preview-image { margin-right:0; margin-bottom:.5em; position:relative; float:none }
.span-2 .article-preview-content { width:auto; float:none; }
.span-2 .article-preview-bloc h3{margin:0 0 .3em 0 }


/* main lists when ONE col is available. image is displayed on top, title and excerpt below */
.span-1 .article-preview-bloc { background:none;  margin-bottom:1em; padding-top:0 }
.span-1 .article-preview-image { width:180px; float:none; margin-right: 0; position:relative;}
.span-1 .article-preview-content { width:auto; float:none}

/* Gallery list_items ----------------------------------------- */
.gallery-preview-bloc h3{font-size:2.2em;}

/* Image covers ----------------------------------------- */
.image-cover-180x105{ display:block; width:180px; height:105px; background:url(img/image-cover-180x105.png) no-repeat; position:relative; z-index:8;}
#ie6 .image-cover-180x105{background:transparent}


/* Pagination 
---------------------------------------------------------------------------------------------------*/
.folio { border-top:1px solid #e7e7e7; height:2em  }
    .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{
        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 .prev-disabled, 
    .pagination .current.next,
    .pagination .next-disabled { color:#999; font-weight:normal }



/* Page homepage
---------------------------------------------------------------------------------------------------*/

.chroniques { background:#ecf1f1; border:1px solid #e7e7e7; padding:9px; float:right; width: 160px;}
.chronique { border-bottom:1px solid #e7e7e7; margin-bottom:1.7em }
.chronique h3{margin:.3em 0; }



#homepage-coffeefactory {margin-bottom:1em}
#homepage-coffeefactory-div{ background:url(img/pub-rectangle.png) no-repeat; height:100px; font-size:11px; padding:.5em  }
#homepage-coffeefactory h3{margin:0.3em 0;}
#homepage-coffeefactory a{color:#e58700}
    #homepage-coffeefactory .inline-comments a{color:#fff}
#homepage-coffeefactory a:hover, #homepage-coffeefactory a:focus{color:#c24603}
#homepage-coffeefactory h6, #homepage-coffeefactory h6 a, #homepage-coffeefactory h6 a:hover, #homepage-coffeefactory h6 a:focus { color:#333;  }
#homepage-coffeefactory .article-preview-bloc { border-top-width:0; padding:1.5em 0 0; margin-bottom:0; } 


/* Infront widgets ------------------*/
#infront .span-2,
#infront .span-3{ position:relative;}
.infront-dossier-3{ padding-bottom:15px}
    .infront-dossier-3 img{ float:left; margin-right:10px}
    .infront-dossier-3 .span-2 p{ margin-left:180px}
    .infront-dossier-3 h3{margin-top:0}
	
.infront-dossier-2{ /* layout.css */ float:left; padding-bottom:15px}
    .infront-dossier-2 .infront-dossier-image {float:left; margin-right:20px } 
    .infront-dossier-2 .infront-dossier-content {float:left}
    .infront-dossier-2 img{ margin-bottom: 4px}
    .infront-dossier-2 h1 {margin-bottom:.3em} 
    .infront-dossier-2 h1 a { color:#555; }
    .infront-dossier-2 h1 a:hover{color:#013d63}
    .infront-dossier-2 h4 {margin-bottom:10px}
    .infront-dossier-2 .infront-dossier-content p {font-size:11px; margin-bottom:10px;}
    
.infront-article-2{ padding-bottom:15px}
    .infront-article-2 h1{ font-size:3em; letter-spacing:-.03em; margin-bottom:.3em; word-spacing:-0.03em }
    .infront-article-2 .span-1 h1{ font-size:2em; letter-spacing:-.03em; margin-bottom:.3em; word-spacing:-0.03em }
    .infront-article-2 h1 a { color:#555; }
    .infront-article-2 h1 a:hover{color:#013d63/*hover-default*/}
 
#infront a[href*="sendTo"] {display:none;} 


/* Infront babelblog  ------------------*/

#infront-babelblog p.overlink{ margin-bottom:0}
#infront-babelblog img { max-width:320px}
#ie6 #infront-babelblog img { width:320px }   
#ie6 #infront-babelblog { overflow:hidden;}

/* Facebook module  ------------------*/
.social-tw,
.social-fb {
    padding: 10px; 
    margin-bottom: 20px; 
    overflow:hidden;
    -moz-border-radius:3px ;  -webkit-border-radius:3px ;  border-radius:3px ;
    position:relative;
    }
    
    .social-fb {background: #d7deea}
    
    
    .social-tw .twtr-hd,    
    .social-tw .twtr-widget .twtr-tweet-wrap { padding:6px 0; }
    
    .social-tw { background:url(img/twitter-background.png) no-repeat #eee; margin-top:-20px; padding-top:33px; padding-bottom:0  }
    .social-tw .twtr-hd .twtr-profile-img-anchor { display:block; float:left; text-indent:-9999em; background:url(img/twitter-avatar.png) no-repeat; height:31px; width:31px; }
    .social-tw .twtr-hd .twtr-profile-img-anchor img {display:none}
    .social-tw .twtr-hd h3 { display:none }
    .social-tw .twtr-hd h4 { border:none; display:block; line-height:31px !important; height:31px; }
    .social-tw .twtr-hd h4 a:before{content:"@"}
    


/* Page home community / babelblogs
---------------------------------------------------------------------------------------------------*/

.span-2 .blogpost-preview-bloc { border-top:1px solid #e7e7e7; padding:1.5em 0 .5em; margin-bottom:1em}
.blogpost-preview-bloc h2 { font-size:2.6em; letter-spacing:-0.04em; line-height:1; margin:00 0 0.2em }

#coffeefactory-post{margin-bottom:1em}
#coffeefactory-post a{color:#e89500}
#coffeefactory-post .inline-comments a{ color:#fff }
#coffeefactory-post a:hover, #coffeefactory-post a:focus{color:#c24603}

#coffeefactory-post { border-top:1px solid #e7e7e7; padding:1.5em 0 .5em; margin-bottom:1em }

#babelblogs_list ul { margin:0pt 0pt 1em; }
#babelblogs_list li { margin:2px 0pt; }
#babelblogs_list a { color:#444; }
#babelblogs_list a span { color:#928F8B; }
#babelblogs_list a:hover{color:#c24603}

#cityblogs-list ul { background:#323233 url(img/cityblogs.png) no-repeat; padding:220px 10px 10px; -moz-border-radius:3px ;  -webkit-border-radius:3px ;  border-radius:3px ; }



/* Page theme / tag 
---------------------------------------------------------------------------------------------------*/
.tag-rss-link {  text-align:right; font-size:11px; float:right;padding-top:9px; }
.tag-rss-link a {color:#999; padding-right:14px; background:url(img/ico-rss.png) no-repeat 100% 50%;  display:block; }

#babelblogs-infront-posts .author { border:1px solid #ddd; padding:5px; border-top-width:0; background:#f2f2f2; height:50px;
    -moz-border-radius:0 0 4px 4px ;  -webkit-border-radius:0 0 4px 4px ;  border-radius:0 0 4px 4px ;
    }
#babelblogs-infront-posts div div {padding:10px 10px 6px 10px;margin-top:1em; background:#fff; border:1px solid #ddd; 
    -moz-border-radius:4px 4px 0 0  ;  -webkit-border-radius:4px 4px 0 0 ;  border-radius:4px 4px 0 0;
    }
#babelblogs-infront-posts img{ float:left; margin-right:10px}


/* Page recherche / search
---------------------------------------------------------------------------------------------------*/
#search-box .input-text { font-family:"Arial Black", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing:-1px; text-transform:lowercase;  font-size: 2.5em; 
width:523px; padding:0 38px 0 4px ; color:#444; margin-bottom:.5em; /* border-color:#b7b7b7 #e0e0e0 #e0e0e0 #b7b7b7; */}

#pagesearchform { background:#ededed; -moz-border-radius:4px ;  -webkit-border-radius:4px ;  border-radius:4px ; padding:10px; margin-bottom:20px}


#search-input { position:absolute; margin:8px 0 0 -42px }

/* Play video button positionning */            
#search-results .video-play-button { top:30px; left:60px;}
#search-results .play-video{ display:block; height:105px} /* according image size */   



/* Tag clouds
---------------------------------------------------------------------------------------------------*/
.tags        { list-style-type : none; margin:0; padding:0; font-size : 100%;  overflow:hidden; }
.tags li     { float:left; margin:0; padding:0; display:block;  height:2.1em;}
.tags a   { float:left; display:block; margin:0; padding:0 4px 0 0 ; color:#fff; line-height:25px; white-space:nowrap; text-decoration:none; }
#ie6 .tags a{ white-space: normal;}

a.tag00  { font-size: 100%; color: #ffb15c; }
a.tag10  { font-size: 100%; color: #ffa749; }
a.tag20  { font-size: 104%; color: #ff9a2d; }
a.tag30  { font-size: 116%; color: #f88e1e; }
a.tag40  { font-size: 128%; color: #f18613; }
a.tag50  { font-size: 140%; color: #f28613; }
a.tag60  { font-size: 152%; color: #e8731d; font-weight:bold; }
a.tag70  { font-size: 164%; color: #e8731d; font-weight:bold; }
a.tag80  { font-size: 176%; color: #d95325; font-weight:bold; }
a.tag90  { font-size: 188%; color: #c23e26; font-weight:bold; }
a.tag100 { font-size: 200%; color: #a8381f; font-weight:bold; }


/* desaturation ------------------*/

a.tag00  { color: #8d8c8d; }
a.tag10  { color: #8d8c8d; }
a.tag20  { color: #8d8c8d; }
a.tag30  { color: #8d8c8d; }
a.tag40  { color: #828181; }
a.tag50  { color: #828181; }
a.tag60  { color: #767675; }
a.tag70  { color: #767675; }
a.tag80  { color: #585858; }
a.tag90  { color: #585858; }
a.tag100 { color: #444444; }

.tags a:hover { color: #000; text-decoration:none; }




 
/* Ads
---------------------------------------------------------------------------------------------------*/
.ad-banner { height:100px; border-bottom:1px solid #e8e8e8; padding:0px 0; text-align:center }
.ad-banner-h { width:720px; margin:0 auto; text-align:left; height:90px }
.ad-rectangle p, .ad-banner p, .ad p { 
    color:#999999;
    font-size:10px;
    margin:-6px 0 2px;
    text-align:center;
    text-indent:10px;
    text-shadow:1px 1px 1px #FFFFFF;
    }
.ad-rectangle { text-align:center; }
.ad-rectangle .box{padding-bottom:20px;}
#horizontal-g-ads-banner{padding:1.5em 0; text-align:center; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;   margin-bottom:15px }
#horizontal-g-ads-banner .adsense{margin:.5em auto;}




/* « all cafebabel » list last articles by tags / sections
---------------------------------------------------------------------------------------------------*/
#all-cafebabel { border-top:3px solid  #e7e7e7; padding-top:20px; margin-top:20px }
#all-cafebabel ul { margin-bottom:1.5em }
#all-cafebabel  li { font-size:11px; margin-bottom:.5em }


/* Partners footer 
---------------------------------------------------------------------------------------------------
#partners-footer { border-top:3px solid  #e7e7e7; padding-top:20px; margin-top:20px; color:#999; height:102px}

#partners-footer a { display:block; float:left; background-image:url(img/partners.png); background-repeat: no-repeat; text-indent:-999em ; height:62px; margin-right:22px; float:left;}

    #fp-commission    { background-position:0px 0px; width:63px;}
    #fp-commission:hover    { background-position:0px -62px;}
    
    #fp-hippocrene    { background-position:-97px 0px; width:42px;}
    #fp-hippocrene:hover    { background-position:-97px -62px; }
    
    #fp-knight    { background-position:-163px 0px; width:148px;}
    #fp-knight:hover    { background-position:-163px -62px; }

    #fp-paris    { background-position:-315px 0px; width:148px;}
    #fp-paris:hover    { background-position:-315px -62px; }
    
    #fp-presseurop    { background-position:-467px 0px; width:117px;}
    #fp-presseurop:hover    { background-position:-467px -62px; }
    
    #fp-diplomatie    { background-position:-616px 0px; width:42px;}
    #fp-diplomatie:hover    { background-position:-616px -62px; }
    
    #fp-sports    { background-position:-682px 0px; width:42px;}
    #fp-sports:hover    { background-position:-682px -62px; }
    
    #fp-europarl    { background-position:-748px 0px; width:69px;}
    #fp-europarl:hover    { background-position:-748px -62px; }
    
    #partners-footer #fp-iledefrance    { background-position:-853px 0px; width:107px; margin-right:0}
    #partners-footer #fp-iledefrance:hover    { background-position:-853px -62px; }
   
*/
/* Partners footer  upbdate © Cédric / Wednesday, 30 June 2010, 18:30 GMT 
---------------------------------------------------------------------------------------------------*/
#partners-footer{
border-top:3px solid #e7e7e7;
padding-top:20px;
margin-top:20px;
color:#999;height:102px;
font-size:11px;
line-height:1.6;
}

#partners-footer a{
display:block;background-image:url(img/partners.png);
background-repeat:no-repeat;
text-indent:-999em;
height:62px;
margin-right:35px;
float:left;
}

#fp-commission{
background-position:0 0;
    width:63px;
}
#fp-commission:hover{
background-position:0 -62px;
}

#fp-hippocrene{
background-position:-104px 0;
width:42px;
}

#fp-hippocrene:hover{
background-position:-104px -62px;
}

#fp-knight{
background-position:-187px 0;
width:148px;
}

#fp-knight:hover{
background-position:-187px -62px;
}

#fp-labelparis{
background-position:-371px 0;
width:53px;
}

#fp-labelparis:hover{
background-position:-371px -62px;
}

#fp-presseurop{
background-position:-450px 0;
width:117px;
}

#fp-presseurop:hover{
background-position:-450px -62px;
}

#fp-diplomatie{
background-position:-616px 0;
width:47px;
}

#fp-diplomatie:hover{
background-position:-616px -61px;
}

#fp-jeunesse{
background-position:-698px 0;
width:47px;
}

#fp-jeunesse:hover{
background-position:-698px -62px;
}

#fp-varenne{
background-position:-782px 0;
width:40px;
}

#fp-varenne:hover{
background-position:-782px -61px;
}

#partners-footer #fp-iledefrance{
background-position:-853px 0;
width:107px;
margin-right:0;
}

#partners-footer #fp-iledefrance:hover{
background-position:-853px -62px;
}

   


/* Footer 
---------------------------------------------------------------------------------------------------*/
#footer, #partners-footer { font-size:11px; line-height:1.6 }
#footer{-moz-border-radius:0 0  4px 4px ;  -webkit-border-radius:0 0 4px 4px ;  border-radius:0 0 4px 4px ;}
#footer .last { width: 340px; overflow:hidden;}

#footer .box img {margin-top:.5em}
#footer .box truc{height:13em;}


/* About pages 
---------------------------------------------------------------------------------------------------*/
.about-page h2{ margin-top:.75em }
.about-page p+h2, 
.about-page ul+h2{ margin-top:1.5em !important}
.about-page h3{ color:#EF8216 !important}
.about-page{font-family:Georgia,"Times New Roman","New York",serif; font-size:1.1em; line-height:1.5;}

#page-about-participate{}
    #page-about-participate>p:first-of-type{ font-size: 16px; line-height: 22px;}
    .register-call{ margin:2em 0; padding:2em 0; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}

.about-submenu {border-bottom:1px solid #e8e8e8; padding-bottom:.5em;  margin:1em 0 2em 0; padding:0; font:normal 11px Arial, Helvetica, sans-serif;}
.about-submenu li{display:inline; padding-right:1em}

.about-page .page-top{border-top:1px solid #e8e8e8; text-align:right; font:normal 11px Arial, Helvetica, sans-serif; display:block; clear:both;}

.about-img-list,
.links-list { list-style-type:none; margin:0; padding:0}
.about-img-list li,
.links-list li { border-top:1px solid #e8e8e8; padding:1em 0; clear:both; }
.links-list li img { float:left; width:auto !important; width:128px;  max-width:128px; margin:0 0 2px -138px}
.links-list li a {float:left; margin-left:138px; padding:0 0 .5em 0; color:#444}
.links-list li a strong { color: #247694/*link-default*/; display:block; }
.links-list li a:hover {color:#013d63; text-decoration: none; }

.about-img-list img {float:left;  width:auto !important; width:128px;  max-width:128px; margin:0 10px 2px 0}
.about-img-list span{padding:0 0 .5em 0; color:#444}
.about-img-list h4{border-bottom-width:0; border:none}