/***************** LAYOUT ****************/ body { background: #e9f2fa url(../img/fd.jpg) repeat-x; margin: 0; padding: 0; font-family: arial, sans serif; font-size: 13px; color: #333; } #all { width: 1000px; margin: 0 auto; } #header { float: left; width: 100%; height: 233px; background: url(/_core/img/bg-header.png) no-repeat; } /* IE6 */ #all > #header { float: left; width: 100%; height: 233px; background: url(/_core/img/bg-header-trans.png) no-repeat; } /* Modern browsers and IE7+ */ #footer { float: left; width: 100%; } /************** LAYOUT (FIN) *************/ /***************** SKINS *****************/ /* elements communs */ #centerHome, #centerNeutral, #centerResearchSupport, #centerConferences, #centerPublications, #centerEvents, #centerPubProg, #centerProProg { float: left; width: 100%; } #centerIn { padding: 1em 40px 0 45px; min-height: 400px; } /* ::::::::::::: NEW ::::::::::: */ #centerIn { #padding: 0 40px 0 45px; } /* f***** IE7 !!! */ .finOngletVertical { height: 7px; background: url(../img/bg-onglet-vertical-fin.gif) no-repeat 20px 0; clear: both; font-size: 1px; } * > .finOngletVertical { height: 7px; background: url(../img/bg-onglet-vertical-fin.png) no-repeat 20px 0; clear: both; font-size: 1px; } #aboutTop { height: 30px; } #aboutTop span { display: block; font-size: 15px; padding: 6px 0 0 10px; } /* Home */ #centerHome { background: url(/_core/img/_skins/home-pattern.gif) repeat-y; } /* IE6 */ #all > #centerHome { background: url(/_core/img/_skins/home-pattern.png) repeat-y; } /* Neutral skin (bleu) */ #centerNeutral { background: url(/_core/img/_skins/neutral-pattern.gif) repeat-y; } /* IE6 */ #all > #centerNeutral { background: url(/_core/img/_skins/neutral-pattern.png) repeat-y; } /*#centerNeutral #centerIn { background: url(../img/_skins/neutral-label.png) no-repeat left top; }*/ /* Pas de label pour les pages neutres */ #centerNeutral #aboutTop { background: url(../img/_skins/neutral-about.png) no-repeat; } #centerNeutral #aboutTop span { color: #fff; } /* Research Support (violet) */ #centerResearchSupport { background: url(../img/_skins/support-pattern.png) repeat-y; } #centerResearchSupportIn { background: url(../img/_skins/support-label.png) no-repeat left top; padding: 0 40px 0 45px; } /* ::::::::::::: OLD ::::::::::: A SHOOTER QUAND ON POURRA */ #centerResearchSupport #centerIn { background: url(../img/_skins/support-label.png) no-repeat left top; } /* ::::::::::::: NEW ::::::::::: */ #centerResearchSupport #aboutTop { background: url(../img/_skins/support-about.png) no-repeat; } #centerResearchSupport #aboutTop span { color: #fff; } /* Online Conferences (violet) */ #centerConferences { background: url(../img/_skins/conf-pattern.png) repeat-y; } #centerConferences #centerIn { background: url(../img/_skins/conf-label.png) no-repeat left top; } #centerConferences #aboutTop { background: url(../img/_skins/conf-about.png) no-repeat; } #centerConferences #aboutTop span { color: #fff; } /* Online Publications (vert) */ #centerPublications { background: url(../img/_skins/publications-pattern.png) repeat-y; } #centerPublications #centerIn { background: url(../img/_skins/publications-label.png) no-repeat left top; } #centerPublications #aboutTop { background: url(../img/_skins/publications-about.png) no-repeat; } #centerPublications #aboutTop span { color: #fff; } /* Scientific Events (vert) */ #centerEvents { background: url(../img/_skins/events-pattern.png) repeat-y; } #centerEvents #centerIn { background: url(../img/_skins/events-label.png) no-repeat left top; } #centerEvents #aboutTop { background: url(../img/_skins/events-about.png) no-repeat; } #centerEvents #aboutTop span { color: #fff; } /* General Public Education Programs (orange) */ #centerPubProg { background: url(../img/_skins/pub-prog-pattern.png) repeat-y; } #centerPubProg #centerIn { background: url(../img/_skins/pub-prog-label.png) no-repeat left top; } #centerPubProg #aboutTop { background: url(../img/_skins/pub-prog-about.png) no-repeat; } #centerPubProg #aboutTop span { color: #fff; } /* Professional Education Programs (orange) */ #centerProProg { background: url(../img/_skins/pro-prog-pattern.png) repeat-y; } #centerProProg #centerIn { background: url(../img/_skins/pro-prog-label.png) no-repeat left top; } #centerProProg #aboutTop { background: url(../img/_skins/pro-prog-about.png) no-repeat; } #centerProProg #aboutTop span { color: #fff; } /*************** SKINS (FIN) *************/ /***************** HEADER ****************/ #header img { border: none; } #logo { float: left; margin: 20px 0 0 20px; } #chapo { float: left; margin: 20px 0 0 0; white-space: nowrap; } #chapo ul { float: left; list-style-type: none; margin: 0 0 0 100px; _margin: 0 0 0 50px; padding: 0; } #chapo ul li { float: left; } #chapo ul li a { float: left; display: block; height: 30px; text-indent: -9999em; } a#chapoHome { width: 68px; background: url(/_core/img/chapo-btn-home.png) no-repeat; } a#chapoAbout { width: 167px; background: url(/_core/img/chapo-btn-about.png) no-repeat; margin-left: 8px; _margin-left: 0; } form#freeSearch { float: left; margin: 0 0 0 20px; _margin: 0 0 0 8px; padding: 0; white-space: nowrap; } #q { float: left; width: 145px; height: 30px; border: none; background: url(/_core/img/chapo-bg-search.png) no-repeat; font: italic 12px/30px "Arial", sans-serif; color: #a8a8a8; text-indent: 24px; } #freeSearchSubmit { float: left; border: none; background: url(/_core/img/chapo-btn-search.png) no-repeat; width: 26px; height: 30px; text-indent: -9999em; margin: 0; padding: 0; color: #6cccff; /* couleur identique à celle du fond car IE7 ne prend pas le text-indent... */ } #baseline { float: left; clear: left; background: url(/_core/img/chapo-bg-baseline-trans.png) no-repeat; _background: url(/_core/img/chapo-bg-baseline.png) no-repeat; text-indent: -9999em; width: 546px; height: 52px; } #headerActivities { float: left; clear: left; margin: 0 0 0 40px; _margin: 0 0 0 20px; } #headerActivities p { margin: 0; padding: 0; float: left; background: url(/_core/img/nav-tit-activities.png) no-repeat; width: 172px; height: 27px; text-indent: -9999em; } #headerActivities ul { float: left; clear: left; list-style-type: none; margin: 0; padding: 0; width: 530px; } #headerActivities ul li { float: left; padding: 4px 0 0 8px; } #headerActivities ul li a { float: left; display: block; height: 38px; text-indent: -9999em; background-image: url(/_core/img/nav-activities.png); background-repeat: no-repeat; } #hAct1 a { width: 161px; background-position: 0px 0; } #hAct2 a { width: 170px; background-position: -161px 0; } #hAct3 a { width: 170px; background-position: -331px 0; } #hAct4 { clear: left; } #hAct4 a { width: 161px; background-position: -501px 0; } #hAct5 a { width: 170px; background-position: -662px 0; } #hAct6 a { width: 170px; background-position: -832px 0; } #hAct1 a:hover { background-position: 0px -38px; } #hAct2 a:hover { background-position: -161px -38px; } #hAct3 a:hover { background-position: -331px -38px; } #hAct4 a:hover { background-position: -501px -38px; } #hAct5 a:hover { background-position: -662px -38px; } #hAct6 a:hover { background-position: -832px -38px; } #headerNavAutres { float: left; margin: 0 0 0 18px; } #headerNavAutres ul { float: left; clear: left; list-style-type: none; padding: 0; } #headerNavAutres li { float: left; } #headerNavAutres li a { float: left; display: block; } #headerNavAutresTitles { margin: 0; padding: 0; width: 371px; } #headerNavAutresTitles a { height: 29px; text-indent: -9999em; cursor: default; } #navTitMainTopics a { background: url(/_core/img/nav-tit-main-topics.png) no-repeat; width: 134px; } #navTiTNutritionP a { background: url(/_core/img/nav-tit-nutrition-portal.png) no-repeat; width: 165px; } #listeMainTopics { margin: 8px 0 0 16px; width: 354px; } #listeMainTopics li { margin: 5px 8px 0 0; } #listeMainTopics a { background: url(/_core/img/nav-main-topics-li.png) no-repeat 4px 6px; /*height: 24px;*/ text-indent: 12px; font: 13px "Trebuchet MS", "Arial", sans-serif; color: #364355; text-decoration: none; } #listeMainTopics a.impair { width: 120px; } #listeMainTopics a.pair { width: 185px; } #listeMainTopics a:hover { color: #48c; } #listeNutritionPortal { margin: 0; width: 371px; height: 87px; background: url(/_core/img/nav-nutrition-portal-bg-on.png) no-repeat; padding: 8px 0 0 16px; } #listeNutritionPortal li { margin: 9px 0 0 8px; } #listeNutritionPortal a { background: url(/_core/img/nav-main-topics-li.png) no-repeat 4px 6px; /*height: 24px;*/ text-indent: 12px; font: 13px "Trebuchet MS", "Arial", sans-serif; color: #fff; text-decoration: none; } #listeNutritionPortal a:hover { color: #ddf; } /************** HEADER (FIN) *************/ /***************** FOOTER ****************/ #footerHaut { background: url(/_core/img/bg-footer-haut.gif) no-repeat 50% 0; height: 47px; } #footer > #footerHaut { background: url(/_core/img/bg-footer-haut.png) no-repeat 50% 0; height: 47px; } #footerMilieu { background: url(/_core/img/bg-footer-milieu.gif) no-repeat 50% 0; min-height: 50px; _height: 50px; #height: 50px; font: 11px/16px "Arial", sans-serif; } #footer > #footerMilieu { background: url(/_core/img/bg-footer-milieu.png) no-repeat 50% 0; min-height: 50px; _height: 50px; #height: 50px; font: 11px/16px "Arial", sans-serif; } #footerMilieu ul { float: left; margin: 25px 0 0 0; padding: 0; list-style-type: none; } #listeFooterPrincipale { margin-left: 40px !important; _margin-left: 20px !important; } #listeFooterTools { margin-left: 175px !important; _margin-left: 150px !important; } #footerMilieu li { float: left; margin: 0; padding: 0 8px; background: url(/_core/img/footer-sep.png) no-repeat 0 50%; } #footerMilieu li.premier { background: none; } #accesAdmin { background: none !important; margin-left: 30px !important; } #footerMilieu a { display: block; float: left; color: #fff; text-decoration: none; } #footerMilieu a:hover { text-decoration: underline; } #accesAdmin a { width: 16px; height: 16px; text-indent: -9999em; background: url(/_core/img/footer-admin.png) no-repeat; } #footerMilieu acronym { border-bottom: none; } #footerBas { background: url(/_core/img/bg-footer-bas.gif) no-repeat 50% 0; } #footer > #footerBas { background: url(/_core/img/bg-footer-bas.png) no-repeat 50% 0; } #footerBas p { padding: 20px 40px; margin: 0; font: 11px/18px Arial, sans-serif; color: #666; text-align: center; } /************** FOOTER (FIN) *************/ /**************** SOUS-NAVS ***************/ ul.sousNav { float: right; margin: 1em 0 2em 2em; list-style-type: none; padding: 0; } ul.sousNav li { display: block; width: 220px; margin: 0 0 2px 0; } ul.sousNav li a { display: block; text-decoration: none; background: url(/_core/img/sous-navs.png) no-repeat 0 0; color: #05a; font: 12px/30px sans-serif; height: 30px; padding: 0 1em; } ul.sousNav li.double a { display: block; text-decoration: none; background: url(/_core/img/sous-navs-double.png) no-repeat 0 0; color: #05a; font: 12px/20px sans-serif; height: 40px; padding: 5px 1em; } ul.sousNav li.triple a { display: block; text-decoration: none; background: url(/_core/img/sous-navs-double.png) no-repeat 0 0; color: #05a; font: 12px/16px sans-serif; height: 48px; padding: 1px 1em; } ul.sousNav li a.on, ul.sousNav li a:hover { background-position: 0 100%; color: #dce9f9; } /**************** CONTENUS ***************/ /* Reprise des anciens styles : */ .txt { font: 12px sans-serif; } .theme { color: #099; font: bold 14px sans-serif; text-align: left; } .temoin { background: #099 url("/_itn/img/picto_vert.gif") no-repeat; color: #fff; font: bold 12px sans-serif; padding: 2px 0 2px 24px; text-align: left; } h1.title { /*color: #009;*/ font: bold 1.2em sans-serif; } .DH1 { color: #099; font-weight: bold; } .DSk { display: block; border-bottom: solid 1px #175B88; color: #175B88; font-weight: bold; margin-bottom: 4px; padding-top: 16px; /*width:200px;*/ } .DVn { display: block; color: #099; letter-spacing: 1px; } .DH2 { color: #099; font-style: italic; letter-spacing: 1px; } h1.clean { background: url("/_core/img/h1-clean.png") no-repeat; color: #0255a3; font: bold 18px/19px sans-serif; margin: 1em 0; padding: 0 0 0 24px; } .orange { color: #F28632; } a { color: #0255a3; } .faqciel { color: #69f; } /* Anciens style (Fin) */ #researchWithin { background: url(../img/bg-research-within.jpg) no-repeat; height: 42px; } #researchWithinIn { color: #fff; padding: 9px 0 0 15px; } #researchOption1 { width: 260px; float: left; } .researchOptionTop { background: url(../img/bg-research-option-top.gif) repeat-x bottom; } .researchOptionNumber { float: left; width: 51px; height: 30px; background: url(../img/bg-research-option-number.gif) no-repeat; } .researchOptionNumber span { display: block; padding: 8px 0 0 10px; color: #0255a3; font-style: italic; font-weight: bold; } .researchOptionTitle { float: left; color: #0255a3; padding: 5px 0 0 0; font-size: 16px; } .researchOptionCt { background: url(../img/bg-research-option-ct.gif) repeat-x top; } .researchOptionCtIn { padding: 10px 0 0 20px; } #researchOption2 { width: 650px; float: left; } #researchOption2In { background: url(../img/bg-research-option-sep.gif) repeat-y left; margin: 0 0 0 10px; padding: 0 0 0 10px; } #researchOption2InIn { width: 630px; } .researchOptionCtCol { float: left; width: 300px; } a.submitRequest { display: block; width: 257px; height: 35px; background: url(../img/btn-submit-request.gif) no-repeat 0 0; text-indent: -9999em; float: right; } a:hover.submitRequest { background: url(../img/btn-submit-request.gif) no-repeat 0 -35px; } .titleType1 { color: #0356a3; font-weight: bold; padding: 10px 5px 0 5px; font-size: 15px; } .radioButton, .checkbox, .researchLink { padding: 3px 0; } .radioButton label, .checkbox label { padding: 0 0 0 7px; } .radioButton input, .checkbox input { margin: 0; padding: 0; } .researchLink a { color: #333; padding: 0 0 0 21px; background: url(../img/puce-lien.png) no-repeat left 0; text-decoration: none; } .researchLink a:hover { text-decoration: underline; } .searchWithinTextfield { width: 275px; padding: 30px 0 0 0; } .searchWithinTextfield input { width: 97%; color: #0255a3; } .searchWithinSelect { width: 275px; padding: 5px 0; } .searchWithinSelect select { width: 100%; color: #0255a3; } #about { float: left; width: 472px; background: url(../img/bg-about-mid.gif) repeat-y; margin: 20px 0; } #about p { margin: 0; padding: 10px; color: #4e4e4e; } #aboutBot { height: 11px; background: url(../img/bg-about-bot.gif) no-repeat; } #resultList { margin: 20px 0 0 0; } .result { } .result a { padding: 10px 5px; border-bottom: 1px dotted #C0D4E8; text-decoration: none; display: block; } .result a:hover { background: #f0f0f0; } .resultTitle { display: block; padding: 0 0 3px 0; color: #0255a3; font-weight: bold; } .resultText { color: #000; } #focus { width: /*440px*/400px; margin: 20px 0; float: left; background: url(../img/bg-focus.jpg) no-repeat 10px 0; } #focus1 { background: url(../img/bg-focus-1.png) repeat-y 30px 0; } #focus2 { background: url(../img/bg-focus-2.png) no-repeat 30px 0; padding: 18px 0 5px 170px; } #focusBot { background: url(../img/bg-focus-bot.png) no-repeat 30px 0; height: 18px; } #focusCt { padding-right: 10px; height: 125px; overflow: auto; } .focusLink { display: table-cell; vertical-align: middle; text-decoration: none; height: 122px; } .focusTitle { display: block; font: bold 1.2em sans-serif; color: #0255a3; } .focusMore { display: block; text-align: right; font: bold 1em/30px sans-serif; color: #0255a3; margin-top: 1em; padding: 0 30px 0 0; background: url(/_core/img/chapo-btn-search.png) no-repeat 100% 0; text-decoration: underline; } a.focusLink:hover, a.focusLink:hover * { color: #79d6ff; } /* pompé sur radio france #liensBasColonne { margin: 40px 0 20px 0; } a.lienFdNoir { background: #3f3f3f; color: #fff; font-weight: bold; padding: 3px 5px; font-size: 13px; text-decoration: none; } a:hover.lienFdNoir { background: #2f2f2f; } #pagePrecedente { float: left; width: 180px; } #pageSuivante { float: right; width: 180px; text-align: right; } #pagination { float: left; text-align: center; width: 270px; font-size: 13px; } #pagination a { color: #707072; text-decoration: none; padding: 0 6px 0 7px; border-left: 1px solid #707072; } #pagination a:hover { background: #eee; } #pagination a.first { border: none!important; } #pagination a.on { background: #00589d; color: #fff; } #pagination a:hover.on { background: #00589d; color: #fff; } fin radio france*/ /* *** PAGINATION *** */ #pagination ul { border: 0; margin: 0; padding: 0; } #pagination li { float: left; border: 0; margin: 0; padding: 0; font-size: 10px; list-style: none; margin-right: 2px; } #pagination a { border: solid 1px #9aafe5; margin-right: 2px; } #pagination .previous-off, #pagination .next-off { border: solid 1px #DEDEDE; color: #DEDEDE; display: block; float: left; font-weight: bold; margin-right: 2px; padding: 3px 5px; } #pagination .next a, #pagination .previous a { font-weight: bold; color: #4189d3; } #pagination .active a { background-color: #4189d3; color: #FFFFFF; font-weight: bold; display: block; float: left; } #pagination a:link, #pagination a:visited { color: #0e509e; display: block; float: left; padding: 3px 6px; text-decoration: none; } #pagination a:hover { border: solid 1px #0e509e } /* Divers */ /*.alpha30 { filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; }*/ del a { color: #808080; text-decoration: line-through; } del a:after { content: "\0000a0"url(/_core/img/dead-link.png); } .clear { clear: both; } img.imgLeft { float: left; margin: 0 2em 2em 0; } img.imgRight { float: right; margin: 0 0 2em 2em; } img.mainTopicsIntro { float: left; margin: -13px 10px 10px -18px; } .bReset,.bSubmit { width: 257px; height: 42px; font: bold 13px/42px "Trebuchet MS", sans-serif; text-align: center; border: none; padding: 0; cursor: pointer; } .bReset { color: #999; background: url(/_core/img/btn-step-3-reset.png) no-repeat; } .bSubmit { color: #0255a3; background: url(/_core/img/btn-step-3.png) no-repeat; } /* admin panel (focus push) */ #adminPanel { position: absolute; background: url(/_core/img/admin-panel-bg.gif) no-repeat; width: 294px; height: 219px; left: 50%; margin: 0 0 0 150px; z-index: 5; } #adminPanelTitle { font: bold 14px/38px sans-serif; color: #fff; text-indent: 1em; } #adminForm { padding: 1em 1em 0; } #administratorLoginForm label { display: block; float: left; width: 33%; line-height: 28px; } #administratorLoginForm input { width: 150px; } #administratorLoginForm input[type=text], #administratorLoginForm input[type=password] { border: solid 1px #0255a3; font: bold 14px/24px sans-serif; color: #0255a3; height: 24px; margin: 2px 0; text-indent: 1em; } #administratorLoginForm input[type=submit] { margin: 0.5em 0 0 33%; } /* Cache au-dessus du form de recherche */ #cache { position: absolute; left: 50%; z-index: 4; /* c'est à dire en dessous de l'eventuel adminPanel */ width: 630px; margin: 0 0 0 -176px; background: #fff; top: -9999em; /* cette valeur est modifiee dynamiquement en JS pour que le calque se positionne au bon endroit quand c'est necessaire. */ opacity: 0.5; -moz-opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .tooltip { padding: 10px; background: #fff url(/_core/img/bg-research-option-ct.gif) repeat-x; border: solid 2px #0255a3; margin: 0; z-index: 5; /* au-dessus du #cache */ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } /* HOME */ #homeCol1, #homeCol2 { float: left; } #homeCol1 { width: 540px; color: #0255a3; background: url(/_core/img/home-site-content-bg.png) no-repeat 50% 12px; } #homeCol1 h1 { font: italic 16px sans-serif; } ul#homeSiteContent { list-style-type: none; margin: 1em 0; padding: 0; } ul#homeSiteContent li { margin: 0; padding: 0 0 12px 30px; line-height: 20px; background: url(/_core/img/home-site-content-li.png) no-repeat; } #homeCol2 { width: 400px; } /* On se cale sur la largeur du focus */ #prize { } #prize a { display: block; background: url(/_core/img/home-b-dipn.png) no-repeat 0 0; text-indent: -9999em; width: 267px; height: 110px; margin: 0 auto; } #prize a:hover { background-position: 0 100%; } #video { margin: 1em 0 0 0; text-align: center; } #video img { border: 0; } #newsletterSubscription { margin: 1em 0 0 0; } #newsletterSubscription a { display: block; background: url(/_core/img/home-b-newsletter.png) no-repeat 0 0; text-indent: -9999em; width: 195px; height: 48px; margin: 0 auto; } #newsletterSubscription a:hover { background-position: 0 100%; } /* Site map */ ul.map { margin: 0; padding: 0; } ul.map>li { margin: 0 0 1.5em 0; display: block; padding: 0; float: left; width: 100%; clear: left; } ul.map>li>ul { margin: 0; padding: 0; float: left; } ul.map li * { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; text-decoration: none; } ul.map a:hover { text-decoration: underline; } ul.map>li>ul>li { margin: 0 2em 2em 0; padding: 0; float: left; display: block; } ul.map h2 { border-bottom: solid 1px #ccc; margin-bottom: 1em; background: url("/_core/img/map-h2.png") no-repeat 0 2px; padding-left: 32px; color: #039; line-height: 30px; } .mapResearchSupport h3, .mapResearchSupport a { color: #b355a0; } .mapPublications h3, .mapPublications a { color: #099; } .mapPrograms h3, .mapPrograms a { color: #e98130; } .mapNutrition h3, .mapNutrition a { color: #69f; } /* Online Conferences portal */ ul.conferences { list-style-type: none; margin: 0; padding: 0; float: left; clear: left; width: 100%; } ul.conferences li { margin: 0 1% 0 2%; padding: 0 0 1em 0; float: left; width: 29%; } ul.conferences a { display: block; margin: 0; text-decoration: none; _height: 290px; overflow: hidden; padding: 0.5em; float: left; clear: left; color: #b355a0; /*border: solid 1px #f0f0f0;*/ border-radius: 12px; -moz-border-radius: 12px; -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.2); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.2); box-shadow: 1px 1px 3px rgba(0,0,0,.2); } ul.conferences a:hover { color: #fff; background: #c26eb0; /* IE6 */ background: -webkit-gradient(linear, left top, left bottom, from(#c26eb0), to(#864578)); /* webkit */ background: -moz-linear-gradient(top, #c26eb0, #864578); /* ff */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c26eb0', endColorstr='#864578'); /* IE */ } ul.conferences span { display: block; text-align: center; float: left; width: 100%; clear: left; overflow: hidden; } ul.conferences span.ss { margin-top: 0.5em; } ul.conferences span.ss img { border: solid 1px #ccc; } ul.conferences span.when { font-style: italic; margin-top: 1em; color: #ccc; } ul.conferences span.where { font-weight: bold; margin-bottom: 0.5em; color: #444; } ul.conferences a:hover span.where { color: #ccc; } ul.conferences span.what { font-weight: bold; font-size: 1.2em; height: 4.5em; margin-top: 0.5em; } ul.conferences a * { cursor: pointer; }