/* $Id: site.css 935 2010-10-01 10:53:48Z sdd$ */ /*------------------------------------------------------------------------------ * SITE.CSS | CSS FRAMEWORK * Standards compliant rules for screen media for ENRD website * * author: SDD -------------------------------------------------------------------------------- =GLOBAL RESET: https://meyerweb.com/eric/tools/css/reset/ ------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size:100%;background: transparent;} /*body {line-height: 1;}*/ ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} ins {text-decoration: none;}/*remember to highlight inserts somehow!*/ del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 2px;}/*tables still need 'cellspacing="0"' in the markup*/ /*default content text color*/ #wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6, #wrapper li, #wrapper dl, #wrapper p, #wrapper table {color:#666;} /*Focus styles*/ a {outline:none;} a:focus {outline:thin dotted;} a:hover, a:active {outline:none;} /* -------------------------------------------------------------------------------- =LAYOUT NOTE: No top or bottom margins or borders here; if set, vertical scrollbar appears - use padding here instead. ------------------------------------------------------------------------------*/ /*Layout (generic rules)*/ .colgroup { overflow: hidden; width: auto; } .youAreHere {color:#129a8e;font-size:90%;} #path{font-size:90%;background-color:#074A8B;min-height:18px;color:#fff;padding:0 0 1px;overflow:hidden;line-height:1.2em;} #path div{margin:0;padding:0 0 0 10px;} #path div ul{margin:0;padding:1px 0;font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;font-size:70%;color:#fff;} #path div ul li{padding:0 0 0 17px;display:inline;list-style-type:none;} #path div li a:link, #path div li a:visited{text-decoration:none;color:#fff;font-size:80%;} #path div li a:hover{text-decoration:underline;} #path div ul li:first-child{padding-left:0;background-image:none;} #path a:focus, #path li:first-child a:focus{text-decoration:underline;color:#fff;border:0;} div#imageBanner {background:transparent url('../images/banners/header_img.png') no-repeat 0 17px;z-index:300;/*to make the banner appear on top*/} #logo_enrd {text-align:left;display:block;width:296px;height:106px;background-image:url(../images/banners/logo_enrd.png);float:left;} #logo_enrd a {display:block;width:296px;height:106px;} #top {border:none;} #title-en {background:transparent url('../images/banners/header_title_en.png') no-repeat 36px 7px;} .lang_en #bannerBackground{height:144px;background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/title/title_en.gif') no-repeat 0 0;} .lang_fr #bannerBackground{height:144px;background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/title/title_fr.gif') no-repeat 0 0;} .lang_de #bannerBackground{height:144px;background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/title/title_de.gif') no-repeat 0 0;} .lang_gr #bannerBackground{height:144px;background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/title/title_el.gif') no-repeat 0 0;} .lang_it #bannerBackground{height:144px;background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/title/title_it.gif') no-repeat 0 0;} .lang_pl #bannerBackground{height:144px;background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/title/title_pl.gif') no-repeat 0 0;} .lang_es #bannerBackground{height:144px;background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/title/title_es.gif') no-repeat 0 0;} .lang_ro #bannerBackground{height:144px;background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/title/title_ro.gif') no-repeat 0 0;} .lang_pt #bannerBackground{height:144px;background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/title/title_pt.gif') no-repeat 0 0;} .lang_nl #bannerBackground{height:144px;background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/title/title_nl.gif') no-repeat 0 0;} .lang_hu #bannerBackground{height:144px;background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/title/title_hu.gif') no-repeat 0 0;} .lang_fi #bannerBackground{height:144px;background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/title/title_fi.gif') no-repeat 0 0;} #top {border:none;position:relative;} #linkBox{position:absolute;top:0px;right:0px;z-index:2;overflow:visible;white-space:nowrap;} #linkBoxTools{font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;font-size:70%;height:14px;padding:3px 10px 0 120px;margin:0 5px 0 0;width:1000px;z-index:3;background:transparent;} #linkBoxTools ul{margin:0 1px 0 0;} #linkBoxTools li{display:inline;margin:0;list-style-type:none;} #linkBoxTools ul li a{padding:0 2px 0 5px;background:url(https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/services-separator.gif) repeat-y;color:#396EA2;text-decoration:none;font-weight:normal;} #linkBoxTools ul li:first-child a, #linkBoxTools ul li.first a{background:none;} #linkBoxTools a:focus, #linkBoxTools li:first-child a:focus{color:#10559A;background-color:#fff;} .lang_en div#imageBanner {background:transparent url('../images/banners/logo_eu_en.png') no-repeat 0 22px;} .lang_en div#imageBanner {background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/logo/logo_en.gif') no-repeat;} .lang_fr div#imageBanner {background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/logo/logo_fr.gif') no-repeat;} .lang_de div#imageBanner {background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/logo/logo_de.gif') no-repeat;} .lang_gr div#imageBanner {background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/logo/logo_el.gif') no-repeat;} .lang_it div#imageBanner {background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/logo/logo_it.gif') no-repeat;} .lang_pl div#imageBanner {background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/logo/logo_pl.gif') no-repeat;} .lang_es div#imageBanner {background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/logo/logo_fr.gif') no-repeat;} .lang_ro div#imageBanner {background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/logo/logo_ro.gif') no-repeat;} .lang_pt div#imageBanner {background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/logo/logo_pt.gif') no-repeat;} .lang_nl div#imageBanner {background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/logo/logo_nl.gif') no-repeat;} .lang_hu div#imageBanner {background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/logo/logo_hu.gif') no-repeat;} .lang_fi div#imageBanner {background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/logo/logo_fi.gif') no-repeat;} #imageBanner{top:15px;height:119px;left:40px;width:172px;z-index:0;} #container {margin:0;padding:0;float:left;width:100%;min-height:800px;line-height:1;/*default leading*/} #wrapper {position:relative;/*positioning context for top nav*/line-height:1.2;/*generic leading for content*/margin:0;padding:0;float:left;width:77%;min-height:800px;background-image:url(../images/research-and-innovation/bckg_container.gif);} /*Min-width*/ html, body, #top {min-width:984px;/*A bit less than 1024*/} #nav, #content-main, #aside {padding-bottom:10px;} body {} #content-main {margin:0 0 0 245px;} body.public #content-main {padding-top:120px;border:solid 0px red;} #top { background-image: url("../../../../sites/enrd/files/enrd-static/app_templates/enrd_assets/images/bckg_myENRD.gif"); background-repeat: repeat-x; float: left; padding: 0; width: 100%; } /*nav-main bg*/ body #top { background-color:none;} /* -------------------------------------------------------------------------------- =GENERIC ELEMENTS ------------------------------------------------------------------------------*/ /*Headings*/ /*=h1 (subpages)*/ #content-main h1 {font-size:1.6em;margin-bottom:10px; margin-top:14px;padding-bottom:8px;color:#345E5A;} #content-main h1 span {text-transform:uppercase;display:block;font-weight:normal;font-size:1em;} #content-main h1 span.bar {border-bottom:4px solid #423E3C;width:47%;font-weight:bold;text-transform:capitalize;}/*thick bottom border*/ #wrapper .errorMsg h1 {border-bottom:1px solid #FF0D0D;} /*=h1 (User manager; right hand side frame*/ .umanagerData h1 {font-family:arial,sans-serif;font-size:1.1em;} /*=h2 (generic)*/ #content-main h2 {font-size:1.2em;font-weight:bold;color:#666;margin-bottom:20px;} /*=h2 (homepage)*/ #home #content-main h2, #events #content-main h2 {color:#333;font-size:1.4em;border-bottom:1px solid #423e3c;padding-top:0 !important;} #home #content-main h2 span {text-transform:uppercase;display:block;font-weight:normal;font-size:1em;} #home #content-main h2 span.bar {border-bottom:4px solid #423E3C;width:47%;height:4px;} #home #content-main .col h2 {border-bottom:5px solid #423e3c;text-transform:uppercase;font-weight:normal;margin-bottom:10px;} #home #content-main .col h2 span {display:inline;position:static;font-size:1em;font-weight:bold;} /*=h2 (news)*/ #news #content-main h2 {color:#555;font-size:1.3em;border-bottom:1px solid #423e3c;} #news #content-main h2 span {text-transform:uppercase;display:block;font-weight:normal;font-size:1em;} #news #content-main h2 span.bar {border-bottom:4px solid #423E3C;width:47%;height:4px;} #news #content-main .col h2 {border-bottom:5px solid #423e3c;text-transform:uppercase;font-weight:normal;margin-bottom:10px;} #news #content-main .col h2 span {display:inline;position:static;font-size:1em;font-weight:bold;} /*=h3*/ #content-main h3 {font-size:1em;margin:1.4em 0 0.7em;font-weight:bold;color:#666;} body#home #content-main h3 {font-weight:bold;} /*=h3 (aside)*/ #aside h3 {color:#000;font-size:1.3em;padding:0 0 10px 10px;margin-top:60px;font-weight:normal;} /*=h4*/ #content-main .col h4, #wrapper h4 {color:#000;font-style:normal;margin:1em 0;} /*=anchors (generic)*/ #wrapper #content-main a {color:#698B22;text-decoration:underline;} /*Seminars image gallery*/ #wrapper #content-main #seminars {float:left;margin-bottom:1em;width:100%;} #wrapper #content-main #seminars a {float:left;} /*=p (generic)*/ #content-main p {color:#666;margin-top:1.4em;line-height:1.4;} /*Remove paragraph top margin when comes immediately after a heading*/ #content-main h1+p, #content-main h2+p, #content-main h3+p, #content-main h4+p, #content-main h5+p, #content-main h6+p {margin-top:0;} #wrapper .col p {margin-top:2px;} /*ul, ol (generic)*/ #content-main ul{list-style-type:disc;margin:2em 0 1em 50px;} #content-main ol {margin:2em 0 1em 50px;} #aside ul {list-style-type:none;margin:0 0 10px 0;} #aside ol {list-style-type:decimal;margin:0 0 10px 30px;} /*keywords in the text*/ /* EN RD */ .key {border-bottom:1px dotted #999;text-decoration:none;} /*=Anchors*/ #content-main a {color:#698B22;} /*readmore*/ #wrapper a.more {color:#537A03;} /*4 -------------------------------------------------------------------------------- =HEADER Banner Top ------------------------------------------------------------------------------*/ #top {border:none;} #linkBox {z-index:500;} .bannerRight .title {z-index:301;} /*Breadcrumb*/ /*div#path a {color:#fff;font-size:.9em;text-decoration:none;font-weight:normal;text-transform:none;} div#path a:hover{text-decoration:underline;}*/ #path div ul li span {background:transparent url(https://enrd.ec.europa.eu/enrd-static/////wel/template_2007/images/breadcrumb_separator.gif) no-repeat scroll 4px 50%;} /*Language selector*/ #langsSelector {z-index:400;} #linkBoxLanguage {z-index:500;} #languageArrow {z-index:501;} #langsFormContainer {z-index:501;} #langsFormContainer #langsContainer {top:0;} /*5 -------------------------------------------------------------------------------- =NAV-top : Banner ------------------------------------------------------------------------------*/ /*=NAV-TOP (generic rules, to be reused/revised for MyENRD navigation boxes)*/ #nav-top {width:100%;position:absolute;top:0;left:0;height:80px;padding:19px 0px 0 0;z-index:100;} .lang_en #nav-top {background:#fff url('../images/research-and-innovation/bckg-nav-top.jpg') repeat-x 0% 100%;background-color:#FFF;} .lang_fr #nav-top {background:#fff url('../images/research-and-innovation/bckg-nav-top_fr.jpg') repeat-x 0% 100%;background-color:#FFF;} .lang_de #nav-top {background:#fff url('../images/research-and-innovation/bckg-nav-top_de.jpg') repeat-x 0% 100%;background-color:#FFF;} .lang_it #nav-top {background:#fff url('../images/research-and-innovation/bckg-nav-top_it.jpg') repeat-x 0% 100%;background-color:#FFF;} .lang_pl #nav-top {background:#fff url('../images/research-and-innovation/bckg-nav-top_pl.jpg') repeat-x 0% 100%;background-color:#FFF;} .lang_es #nav-top {background:#fff url('../images/research-and-innovation/bckg-nav-top_es.jpg') repeat-x 0% 100%;background-color:#FFF;} .lang_ro #nav-top {background:#fff url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/images/research-and-innovation/bckg-nav-top_ro.jpg') repeat-x 0% 100%;background-color:#FFF;} .lang_el #nav-top {background:#fff url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/images/research-and-innovation/bckg-nav-top_el.jpg') repeat-x 0% 100%;background-color:#FFF;} .lang_pt #nav-top {background:#fff url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/images/research-and-innovation/bckg-nav-top_pt.jpg') repeat-x 0% 100%;background-color:#FFF;} /*=NAV-MAIN (generic rules, to be reused/revised for MyENRD navigation boxes)*/ /*Suckerfish vertical dropdown menu (left) without JS*/ #navigation {margin:120px 35px 0 10px;padding-bottom:200px;} /*common rules for both public and MyENRD menus*/ /*#navigation ul {background:#645e5b;margin-top:0;margin-bottom:0;padding:0;}*/ /*all lists, default*/ #navigation {float:left;width:210px;} /* -------------------------------------------------------------------------------- =NAV : Navigation Left ------------------------------------------------------------------------------*/ #container #wrapper #navigation { float: left; width: 200px; } #container #wrapper #navigation { margin: 120px 35px 0 10px; padding-bottom: 200px; } #container #wrapper #navigation ul {padding: 0; margin: 0; list-style: none; width:210px;} #container #wrapper #navigation ul {background-color: transparent; margin-top: 4px;} #container #wrapper #navigation li .hitarea {background-image: url(https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/images/arrow_menu_down.png);background-position:left 0px;background-repeat:no-repeat;margin-left:-20px; height: 19px;width: 22px;float: left;cursor: pointer;} #container #wrapper #navigation li li .hitarea{height:19px; width: 19px;} #container #wrapper #navigation li.style01 .hitarea {background-image: url(../images/tnc_guide/arrow_menu_pink_down.png);} #container #wrapper #navigation li.style02 .hitarea {background-image: url(../images/tnc_guide/arrow_menu_blue_down.png);} #container #wrapper #navigation li.style03 .hitarea {background-image: url(../images/tnc_guide/arrow_menu_brown_down.png);} #container #wrapper #navigation li.style04 .hitarea {background-image: url(../images/tnc_guide/arrow_menu_green_down.png);} #container #wrapper #navigation li.style01 li .hitarea,#container #wrapper #navigation li.style02 li .hitarea,#container #wrapper #navigation li.style03 li .hitarea,#container #wrapper #navigation li.style04 li .hitarea {background-image: url(../images/tnc_guide/arrow_menu_down.png);} /* fix for IE6 */ * html .hitarea {display: inline; float:none;} #container #wrapper #navigation li {margin: 0px 0;padding:16px 0pt 16px 20px;border-bottom:solid 1px #666;} #container #wrapper #navigation li li {border:none; padding:4px 8px;} #container #wrapper #navigation li a { text-transform:uppercase; text-decoration:none; font-size:11px;font-weight:bold; color:#333;display:block;margin-top:4px;} #container #wrapper #navigation li ul li a { text-transform:none; text-decoration:none; font-size:11px;font-weight:bold; color:#333;display:block;} #container #wrapper #navigation li ul li ul li a {border:none;padding:0px 0 0px 0px; text-transform: none; border:none;font-weight:normal;display:block;} #container #wrapper #navigation li.style01 a.selected {font-weight:bold;color:#D2937A;} #container #wrapper #navigation li.style02 a.selected {font-weight:bold;color:#2A657D;} #container #wrapper #navigation li.style03 a.selected {font-weight:bold;color:#7E6F53;} #container #wrapper #navigation li.style04 a.selected {font-weight:bold;color:#43691C;} /*#treecontrol { margin: 1em 0; display: none; }*/ #container #wrapper #navigation li.style01 .hover {color: #D2937A; cursor: pointer;} #container #wrapper #navigation li.style02 .hover {color: #2A657D; cursor: pointer;} #container #wrapper #navigation li.style03 .hover {color: #7E6F53; cursor: pointer;} #container #wrapper #navigation li.style04 .hover {color: #43691C; cursor: pointer;} #container #wrapper #navigation li {background-image: none;} /*#container #wrapper #navigation li.title01 { background-image:url(../images/arrow_contents_pink.png);}*/ #container #wrapper #navigation li.collapsable, #container #wrapper #navigation li.expandable {background-position: 0 -176px;} #container #wrapper #navigation li.styleHome {background-image: url(../images/tnc_guide/icon_home.png);background-position:left 15px;background-repeat:no-repeat;margin-left:0px;} #container #wrapper #navigation li .expandable-hitarea {background-position:left top;background-repeat:no-repeat;margin-left:-20px;} #container #wrapper #navigation li.style01 .expandable-hitarea {background-image: url(../images/tnc_guide/arrow_menu_pink.png);} #container #wrapper #navigation li.style01 {background-image: url(../images/tnc_guide/arrow_menu_pink.png);background-position:left 15px;background-repeat:no-repeat;margin-left:0px;} #container #wrapper #navigation li.style02 .expandable-hitarea {background-image: url(../images/tnc_guide/arrow_menu_blue.png);} #container #wrapper #navigation li.style02 {background-image: url(../images/tnc_guide/arrow_menu_blue.png);background-position:left 15px;background-repeat:no-repeat;margin-left:0px;} #container #wrapper #navigation li.style03 {background-image: url(../images/tnc_guide/arrow_menu_brown.png);background-position:left 15px;background-repeat:no-repeat;margin-left:0px;} #container #wrapper #navigation li.style04 a {margin-left:2px;} #container #wrapper #navigation li.style03 .expandable-hitarea {background-image: url(../images/tnc_guide/arrow_menu_brown.png);} #container #wrapper #navigation li.style04 {background-image: url(../images/tnc_guide/arrow_menu_green.png);background-position:left 15px;background-repeat:no-repeat;margin-left:0px;} #container #wrapper #navigation li.style04 .expandable-hitarea {background-image: url(../images/tnc_guide/arrow_menu_green.png);} #container #wrapper #navigation li.style01 li .expandable-hitarea, #container #wrapper #navigation li.style02 li .expandable-hitarea, #container #wrapper #navigation li.style03 li .expandable-hitarea, #container #wrapper #navigation li.style04 li .expandable-hitarea { background-image: url(../images/tnc_guide/arrow_menu.png);background-position:left 3px;background-repeat:no-repeat;margin-left:-20px;} #container #wrapper #navigation div.lastCollapsable-hitarea, #container #wrapper #navigation div.lastExpandable-hitarea { background-position: 0; } #container #wrapper #navigation li.banner01,#container #wrapper #navigation li.banner02 { border-bottom: medium none; margin: 20px 0 0 -14px; padding:0; text-align:center;} #wrapper #navigation li.banner02 {margin-top:0;} /* -------------------------------------------------------------------------------- =HOME PAGE ------------------------------------------------------------------------------*/ /* /////////////////////// PAGE //////////////////////////////////////////////*/ html { overflow-Y: scroll; } *, * focus { outline: none; margin: 0; padding: 0; border:solid 0px red; } /*/////////////////// PAGE ////////////////////////////*/ /*=ASIDE*/ body.public #aside {padding-top:110px;margin-top:0;} body.public #aside {float:right;width:20%;margin-top:0px;background-color:transparent;z-index:150; min-height:1200px;position:relative;background-image: url("https://enrd.ec.europa.eu/agri_enrd_p/app_templates/enrd_assets/images/research-and-innovation/bckg_aside.png"); background-position: left top; background-repeat: no-repeat;} #topAside {position:absolue;z-index:150;top:0;right:0;} body.public #aside {padding-top:28px;margin:0 0 0 0;} body.public #aside .Logos {margin-left:8px; background-color:transparency;} #fontSize { position: absolute; right: 10px; top: 27px; z-index: 200; } div#share_box {z-index:1000;} body.public #aside #ContentAside {margin-left:9px;margin-top:20px; text-align:center;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px;color:#666;line-height:16px;} body.public #aside #ContentAside .videoAside h1 {margin-bottom:0;margin-top:20px;color:#84a43f;font-size:15px;font-weight:100;} body.public #aside #ContentAside .videoAside h1 strong{font-weight:900;} body.public #aside #ContentAside .logo {margin-top:32px;} body.public #aside #ContentAside a {text-decoration:none;color:#8FA965;} body.public #aside #ContentAside .toolkit li {list-style-image: url(../images/toolkit/green_arrow.png);margin:5px 0 0 20px;} /*HOMEPAGE*/ body.public #aside #ContentAside .videoAside {margin-top:30px;width:91%; margin-left:auto; margin-right:auto; text-align:left;} body.public #aside #ContentAside .videoAside p{text-align:left;} body.public #aside #ContentAside .videoAside .video2 {margin-top:30px;} body.public #aside #ContentAside .banner {margin-top:20px;} body.public #aside #ContentAside ul li {margin:16px 0;} /*PAGE*/ body.public #aside #ContentAside .pageContent {margin-top:170px; margin-left:auto; margin-right:auto; text-align:center;border:solid01px red;} body.public #aside #ContentAside .pageContent img {margin-top:0px; margin-bottom:0px;} body.public #aside #ContentAside .pageContent img.logo {margin-top:34px; margin-bottom:8px;} body.public #aside #ContentAside .pageContent p {text-align:left; width:200px;margin: 0 auto;} body.public #aside #ContentAside .pageContent .tools {display:block; width:auto; height:51px; background-image:url(https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/images/bg_ul_aside.png); background-repeat:repeat-x; background-position:left top;margin:0px; padding:0px;text-align:left;} body.public #aside #ContentAside .pageContent .tools p{ padding:4px;} body.public #aside #ContentAside .pageContent .tools a{color:#FFFFFF;size:4px; } /*7 -------------------------------------------------------------------------------- =FOOTER ('sticky footer' https://www.cssstickyfooter.com) Don't change these rules; they force the footer to stay at the bottom of the window ------------------------------------------------------------------------------*/ html, body, #top {height:100%;} body > #top {height:auto;min-height:100%;} #container {padding-bottom:33px;/*must be same height as the footer*/ overflow:hidden;/*fixes problems caused by any floated elements inside the container*/background:transparent;min-height:960px;} #date {position:relative;margin-top:-33px;/*negative value of footer height*/height:33px;clear:both;} /*Fix for having the footer always stay at the bottom of the page, and having full-height faux columns.*/ #top {float:left;padding:0;width:100%;} /*FOOTER (generic presentation rules)*/ div.date {background-color:#aadcc2;float:left;width:100%;margin:0;padding:0;} div.date p {color:#fff;margin:0;text-transform:uppercase;width:205px;padding:10px 0 10px 5px;font-size:0.8em;float:left;background-color:#3d6449;letter-spacing:-0.1em;} div.date p a {color:#fff !important;text-decoration:none;} div.date p a:hover {color:#fff !important;text-decoration:underline;} div.date #statement {} div.date #statement p {background:transparent;color:#000 !important;padding:0px 0 10px 30px;text-transform:capitalize;width:auto;font-size:0.9em;letter-spacing:0;margin-top:10px;} div.date #statement p a {color:#000 !important;text-decoration:underline;padding:10px 5px;} div.date #statement p a:hover {text-decoration:underline;} /*7 -------------------------------------------------------------------------------- =CONTENT ------------------------------------------------------------------------------*/ /* Tables */ #content-main .colgroup table {width:auto;border:solid 1px #ccc;margin:20px 20px;margin:20px 0;} #content-main .colgroup table td, #content-main .colgroup table th {border:solid 1px #ccc;padding:6px;text-align:left;} #content-main .colgroup table th {color:#fff;background-color:#345E5A;} /*Images*/ #content-main .home-button {text-align:center;}