/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; width:100%; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /**** Basic style content *****/ #content {padding-left: 22px;font-size: 14px;line-height: 1.4em;} h2 {position:relative; padding-left: 22px;margin: 15px 0 30px -22px;font-size: 30px; font-weight: bold; color:#0065bd;line-height: 1.2em;} #shortcuts_whatsnew h2 {background: #36e09e;margin: 0 0 20px;padding: 10px 15px 20px;font-weight: bold;font-size: 24px;color: #ffffff;} #wall_home h2 {margin: 0 0 20px;background: #ff4e28;padding: 10px 15px 20px;font-weight: bold;font-size: 24px;color: #ffffff;} #wall_home h2:before,#content #shortcuts_whatsnew h2:before {display:none;} h2:before {position: absolute;left: 0;top: 15px;content: " "; display:inline-block;margin-right: 8px;width: 0;height: 0;border-style: solid;border-width: 0 0 13px 13px;border-color: transparent transparent #fecf00 transparent;} h3 {margin: 30px 0 25px;font-size: 26px; font-weight: bold; color:#004a83;line-height: 1.2em;} h4 {margin: 20px 0 20px;font-size: 20px; font-weight: bold; color:#0065bd;line-height: 1.2em;} h5 {margin: 15px 0 0;font-size: 16px; font-weight: bold; color:#004a83;line-height: 1.2em;} h6 {margin: 15px 0 0;font-size: 14px; font-weight: bold; color:#004a83;line-height: 1.2em;} p { margin: 0px 0 20px 0; text-align:left; } a {color:#0065bd;} a:hover {color:#004a83;text-decoration: underline;} a:active {color:#fed100;} a:focus {border: 2px solid #000000;} strong {font-weight:bold;} em {font-style: italic;} #content ul, #content ol {margin: 15px 0 15px;} #content ul ul {margin:0;} #content ul li, #content ol li {margin: 5px 0;position:relative;padding-left: 10px;left:0;} #content ul li:before {content:'•'; color:#fed100; font-size: 15px; position:absolute;left:0;} #content ul li li:before {content:'•'; color:#64aff5; font-size: 15px; position:absolute;left:0;} #content ul li li li:before {content:'•'; color:#ff4e28; font-size: 15px; position:absolute;left:0;} #content ul li li li li:before {content:'•'; color:#004a83; font-size: 15px; position:absolute;left:0;} #content ol{ counter-reset: ol-counter; } #content ol li{padding-left: 20px;} #content ol li:before{position:absolute; left:0;content: counter(ol-counter)". "; counter-increment: ol-counter; font-size: 14px; font-weight:bold; color:#0065bd;} #content .underline {text-decoration:underline;} #content img { max-width: 100%; height: auto; } #content .pressCategories, #content .pressGaleryImage {display:inline-block;margin:10px 10px 10px 0;} #content .currentLang {font-weight:bold;text-decoration:underline;} .cols-2 {display:inline-block; vertical-align:top; width: 45%;} .cols-2 .title {margin: 20px 0 20px;font-size: 20px; font-weight: bold; color:#0065bd;line-height: 1.2em;} .cols-2 + .cols-2{margin-left: 4%;} table {margin:20px 0 30px;border: 2px solid #0065bd;border-collapse:collapse;} table tr { border-bottom: solid 1px #0065bd; } table tr th {background: #0065bd;color:#ffffff; font-weight:bold; } table tr th, table tr td{padding: 5px;} table tr th +th{border-left: 2px solid #ffffff;} table tr td {color: #2d2d2d;} form table {border:0;width:auto;} form fieldset { background-color: #eeeeee; margin: 0; padding: 10px; } form legend { font-weight:bold; padding-top:30px; } form fieldset li:before{display:none;} #content form fieldset p {margin:0;} #content form fieldset table {margin:0;} form fieldset>table, form fieldset>table tr, form fieldset>table th, form fieldset>table td { border: none !important; border-collapse: collapse; border-spacing: 0; /* margin: 0; */ /* padding: 0; */ } .container-document .document {display:inline-block; width: 45%; min-width: 300px;margin: 20px 4% 20px 0;} .container-document .document:nth-child(2){} .container-document .document img { float:left; border: 2px solid #E2E2E2; } .container-document .document .info-doc {margin-left:155px;color: #2d2d2d;} .container-document .document .info-doc .arTitle{color: #2d2d2d; margin-bottom: 10px;} .container-document .document .info-doc .doc-type{font-style: italic;} .container-document .document .info-doc .doc-type, .container-document .document .info-doc .author, .container-document .document .info-doc .date {margin-bottom: 10px;} figure {float:left;margin-right: 12px;margin-bottom: 10px;} figure.f-right {float:right;margin-left: 12px;} figure img{border: 2px solid #e2e2e2;} figure figcaption {text-align:left; font-size: 0.8em; font-style: italic; color:#2d2d2d; line-height:1.2em;} input[type="text"], input[type="password"] {border: 1px solid #dadada;padding: 5px 10px;} input[type="text"]:focus, input[type="password"]:focus {border:1px solid #0065bd;} input[type="text"].error, input[type="password"].error {border:1px solid #ff572f;} input[type="text"].error + .error-text, input[type="password"].error + .error-text {display:block;font-size:12px;font-weight: bold; color:#ff572f;} input[type="submit"] {padding: 8px 12px;background:#006bbe; border:0; color:#ffffff; font-weight:bold;-webkit-box-shadow: inset 0px 35px 39px -5px rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0px 35px 39px -5px rgba(255, 255, 255, 0.2); box-shadow: inset 0px 35px 39px -5px rgba(255, 255, 255, 0.2); margin:15px 5px 15px 0;} /*** Structure ***/ body {font-family: Arial, sans-serif; font-size: 12px;} a{text-decoration:none;} /**** header ****/ #header {background: #fed100; padding: 20px 15px;} #header:after {content: ""; clear:both; display:block; float:none;} #headerLeft, #headerRight {display:inline-block;} #headerRight{float:right;} #header #headerLogo {display:inline-block; vertical-align:middle;} #header #headerTitle {display:inline-block; vertical-align:middle; margin-left: 22px; font-size: 26px; font-weight:bold; color:#0065bd; } #header #headerLanguages, #header #europaFlag, #header #headerIcon {display:inline-block; vertical-align:middle;} #header #headerLanguages {padding: 15px 10px; margin:5px 0; background:#fecf00; height: 52px; font-size: 14px; color:#0065bd; cursor:pointer;} #header #headerLanguages { position:relative; } #header #headerLanguages #langActive {display:inline-block; vertical-align:middle; font-weight: bold; text-decoration: none;} #header #headerLanguages a#langActive:hover{ color: #0065bd; } #header #headerLanguages #langActive:after {content: " "; display:inline-block; vertical-align:middle; width: 30px; height: 20px; margin-left: 10px; border-left: 2px solid #ffffff; background: url(../img/btn-select.png) right center no-repeat;} #header #headerLanguages ul{background:#fecf00; display:none; width: 300px; position: absolute; z-index: 10; left: -102px; top: 50px; box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.4);} #header #headerLanguages ul li { display: inline-block; width: 49%; margin:0; } #header #headerLanguages ul li a {padding: 8px 8px; display:inline-block; color:#0065bd; text-decoration: none;} #header #headerLanguages ul li:hover a {color:#ffffff;} #header #headerLanguages ul li.active a {font-weight:bold;} #header #headerIcon ul li {display:inline-block;} #header #headerIcon ul li a{ display:inline-block; width: 44px; height: 44px; margin: 10px 5px; text-indent: -999em;} #header #headerIcon ul li.bookmarkIcon a {background-image: url(../img/icon.png);} #header #headerIcon ul li.rssIcon a{background-image: url(../img/icon_rss.png);} #header #headerIcon ul li.newsletterIcon a{background-image: url(../img/icon_newsletter.png);} #header #headerIcon ul li.contactIcon a{background-image: url(../img/icon_contact.png);} #header #headerIcon ul li#technicalNotesIcon a{background-image: url(../img/icon_technicalNotes.png);} #header #headerIcon ul li#noticeIcon a{background-image: url(../img/icon_info.png);} #header #headerIcon ul li.easy2read a{background-image: url(../img/icon_easy2read.png);} #header #headerIcon ul li:hover a{background-position: left bottom;} #footer #footerIcon { display: none; } #footer #footerIcon ul { width:100%; text-align: center; } #footer #footerIcon ul li { display:inline-block; } #footer #footerIcon ul li a{ display:inline-block; width:44px; height: 44px; text-indent: -999em; background-position: center top; background-repeat: no-repeat;} #footer #footerIcon ul li.bookmarkIcon a {background-image: url(../img/footer_icon.png);} #footer #footerIcon ul li.rssIcon a{background-image: url(../img/footer_icon_rss.png);} #footer #footerIcon ul li.newsletterIcon a{background-image: url(../img/footer_icon_newsletter.png);} #footer #footerIcon ul li.contactIcon a{background-image: url(../img/footer_icon_contact.png);} #footer #footerIcon ul li#technicalNotesIcon a{background-image: url(../img/footer_icon_technicalNotes.png);} #footer #footerIcon ul li#noticeIcon a{background-image: url(../img/footer_icon_info.png);} #footer #footerIcon ul li.easy2read a{background-image: url(../img/icon_easy2read.png);} #footer #footerIcon ul li:hover a{background-position: center bottom;} /**** Navigation ****/ #toggle-menu {display:none; vertical-align:middle;} #toggle-menu a.active{background-color: #70ace1;} #toggle-menu a {display:block; position:relative;vertical-align:middle; width: 50px; height: 80px; background: url(../img/toggle-menu.png) center center no-repeat; } #toggle-menu a:before {content: " "; height: 22px; width: 2px; background:#ffffff; display:inline-block; vertical-align:middle;position:absolute; left:0; top: 50%; margin-top: -11px;} #navigation {position:relative;} #navigation ul {margin:0;padding:0;} #navigation:after {content: " "; float:none; clear:both; display:block;} /*** Level 1 ***/ #navigation > ul:after {content:" "; display:block; clear:both; float:none;} #navigation .level1 {float:left; display:inline-block; width: 16.6666%; height: 52px; line-height: 52px; text-align:center; -webkit-box-shadow: inset 0px 35px 39px -5px rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0px 35px 39px -5px rgba(255, 255, 255, 0.2); box-shadow: inset 0px 35px 39px -5px rgba(255, 255, 255, 0.2);} #navigation .level1 > a { display:table; position:relative; width: 100%; height: 50px; text-decoration:none; } #navigation .level1 > a span { display:table-cell; vertical-align:middle; line-height: 1.2em; font-size: 18px; color:#ffffff; font-weight: bold; letter-spacing: 0.2px;} #navigation li#cat_atyourservice .submenu li.level2 > span, #navigation li#cat_atyourservice {background:#4E9BDE;} #navigation li#cat_activities .submenu li.level2 > span, #navigation li#cat_activities {background:#2B7BC2;} #navigation li#cat_press .submenu li.level2 > span, #navigation li#cat_press {background:#0064bd;} #navigation li#cat_cases .submenu li.level2 > span, #navigation li#cat_cases {background:#00417b;} #navigation li#cat_resources .submenu li.level2 > span, #navigation li#cat_resources {background:#235b8e;} #navigation li#cat_resources .submenu {right:16.66%; right:calc(100%/6);} #navigation li#cat_wall .submenu li.level2 > span, #navigation li#cat_wall {background:#ff552d;} #navigation .level1:hover, #navigation .level1.open , #navigation .level1.active {background:#ffffff !important; color:#006bbe;} #navigation .level1:hover > a span, #navigation .level1.open > a span, #navigation .level1.active > a span{color:#006bbe ;} #navigation .level1:hover > a:after, #navigation .level1.open > a:after, #navigation .level1.active > a:after{content: " "; display: block; position: absolute; right: 2px; bottom: 2px; width: 0; height: 0; border-style: solid; border-width: 0 0 9px 9px; border-color: transparent transparent #fecf00 transparent;} /*** Level 2 ***/ #navigation li:hover .submenu {display:block;} #navigation .submenu {position:absolute; z-index: 1000; min-width: 16.6666%;text-align:left; background:#ffffff; display:none; box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.2);} #navigation .submenu li.level2.alone {width: 100% !important;} #navigation .submenu li.level2 { display:inline-block; float:left; width: auto; line-height: 1.2em; height:auto; vertical-align:top; font-size: 16px; text-align:left; font-weight: bold;} #navigation .submenu li.level2+li.level2 {padding-left: 1px;} #navigation .submenu li.level2 > span { display:block; height: 50px; line-height: 50px; padding: 0 10px;background: #006bbe; font-size: 18px; color:#ffffff; letter-spacing: 0.2px;} /*** Level 3 ***/ #navigation .level2 > ul {background:#ffffff; text-align:left; margin: 25px 16px 25px 8px;} #navigation .level3 a { display:inline-block; padding: 3px 0; font-size: 15px; color:#0065bd; font-weight: normal;} #navigation .level3:before {content: " "; display:inline-block; margin: 0 3px 0 0 ;width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 4px; border-color: transparent transparent transparent #fecf00;} #navigation .level3:hover:before, #navigation .level3.active:before { border-color: transparent transparent transparent #0065bd;} #navigation .level4 {margin-left: 10px; padding-right: 20px;float:none; display:block; font-size: 14px; } #navigation .level4 a { display:inline-block; padding: 3px 0; font-size: 15px; color:#0065bd; } #navigation .level4:before {content: " "; display:inline-block; margin: 0 3px 0 0 ;width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 4px; border-color: transparent transparent transparent #64aff5;} /**** breacrumbs + search ****/ #breadcrumbs {background: #d0d0d0; color: #545A5B; padding: 10px; line-height: 33px; margin-bottom: 20px;} #breadcrumbs a {display:inline-block; font-size: 12px; color:#545a5b;} #breadcrumbs a:after {content: " "; display:inline-block; vertical-align:middle; margin: 0 3px 0 5px ; width: 4px; height:4px; background: #545a5b; -webkit-border-radius: 2px; border-radius: 2px;} #breadcrumbs ul, #breadcrumbs ul li {display:inline;} #breadcrumbs ul li:last-child a:after {display:none;} #breadcrumbs:after {content: " "; display:block; float:none; clear:both;} #breadcrumbs #formSearch {float:right;} #breadcrumbs #formSearch input[type="text"] {height: 33px; padding: 0 10px; margin:0; border:0; display:block; float:left;} #breadcrumbs #formSearch input[type="submit"] {background:#b5b5b5; color:#ffffff; height: 33px; padding: 0 10px; margin:0; border:0; display:block; float:left; font-size: 14px; font-weight:bold; -webkit-box-shadow: inset 0px 25px 29px -5px rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0px 25px 29px -5px rgba(255, 255, 255, 0.2); box-shadow: inset 0px 25px 29px -5px rgba(255, 255, 255, 0.2);} /**** Container 2 ****/ #container2:after {content: " "; float:none; clear:both; display:block;} /**** Col left ****/ #colLeft {float:left; width: 72px;} #colRight .box h3{background: #006bbe; margin: 0;padding: 10px; font-size: 20px; font-weight:bold; color:#ffffff;} #colRight .box {border: 3px solid #0065bd;margin: 25px 0;} #colRight .box li {margin: 15px 0;position: relative;padding-left: 10px;line-height: 1.5em;} #colRight .box li:before {content: '•';color: #fed100;font-size: 15px;position: absolute;left: 0;} #colRight .box li .publicationDate{font-weight:bold;} #colRight .box li a{color:#0065bd;} #colRight .content-box {padding: 15px 10px;} #colRight .content-box:after {content: " "; display:block;clear:both; float:none;} #colRight .content-box .bottom{text-align:center;} #colRight .content-box .more{display:inline-block;font-weight:bold; margin:10px;height:auto;line-height:2em;} #casesOpenedResults .boxHeader h2, #decisionsResults .boxHeader h2, #draftRecommendationsResults .boxHeader h2, #specialReportsResults .boxHeader h2, #closingSummariesResults .boxHeader h2, #caseDescriptionsResults .boxHeader h2, #correspondencesResults .boxHeader h2, #solutionsResults .boxHeader h2{ background: #006bbe; padding: 10px; font-size: 20px; font-weight:bold; color:#ffffff; margin:0; } #casesOpenedResults .boxHeader h2:before, #decisionsResults .boxHeader h2:before, #draftRecommendationsResults .boxHeader h2:before, #specialReportsResults .boxHeader h2:before, #closingSummariesResults .boxHeader h2:before, #caseDescriptionsResults .boxHeader h2:before, #correspondencesResults .boxHeader h2:before, #solutionsResults .boxHeader h2:before{ display:none; } #followUs a {display:block; width: 52px; height: 55px; margin: 1px 0; background: url(../img/social-network-2.png) 0 0 no-repeat #006dc1;-webkit-box-shadow: inset 0px 35px 39px -5px rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0px 35px 39px -5px rgba(255, 255, 255, 0.2); box-shadow: inset 0px 35px 39px -5px rgba(255, 255, 255, 0.2);} #followUs a span{display:none;} #followUs #twitterFollowButton{background-position: 0 0;} #followUs #linkedInFollowButton{background-position: 0 -55px;} #followUs #googleFollowButton {background-position: 0 -110px} #followUs #youTubeFollowButton{background-position: 0 -165px;} #followUs #yourProfile{background-position: 0 -220px;} #followUs a:hover {background-color:#00427c;} /**** Col right ****/ #colRight {float:right; width: 320px; height: 100%; margin-right: 10px;} #colRight .complaint-infos a{margin: 0 0 20px;width: 100%;height: 45px;line-height: 45px;font-size: 16px;text-align: center;} #ombudsmanMessage {width: 320px; height:582px; background: url(../img/emily-oreilly.jpg) 0 0 no-repeat; border:2px solid #e2e2e2; padding: 275px 10px 0; line-height: 1.4em; color:#ffffff; text-align:center;} #ombudsmanMessage .text{font-size:16px; font-style:italic; line-height:1.4em; } #ombudsmanMessage .signature{margin-top: 10px; font-size: 14px; font-weight:bold;} #ombudsmanMessage .lang+.lang {display:none;} #twitterfeeds {position:relative;border: 2px solid #ff4e28; margin: 25px 0; line-height: 1.4em;} #twitterfeeds h3 {margin:0;background:#ff4e28; padding: 10px 15px 8px; font-weight:bold; font-size: 24px; color:#ffffff;} #twitterfeeds #social-stream ul {margin:0;padding: 20px 0;} #twitterfeeds #social-stream li{position:relative; padding-bottom: 20px;} #twitterfeeds #social-stream li .inner {padding:0 15px;} #twitterfeeds #social-stream li .inner .icon {margin-left: 30px;display: inline-block;vertical-align: top;} #twitterfeeds #social-stream li:before {content: " "; background:#ff4e28; display:inline-block; position:absolute; top: 10px; width: 34px; height: 3px; vertical-align:middle;} #twitterfeeds #social-stream li .inner .section-intro {background: #ffffff; margin-left: 5px; margin-bottom: 10px; line-height: 21px; min-height: 21px; font-size: 14px; color:#595959;display: inline-block;vertical-align: bottom;} #twitterfeeds #social-stream li .inner .section-intro a {color:#595959;} #twitterfeeds #social-stream li .inner .section-title {display:block;} #twitterfeeds #social-stream li .inner .section-user a {display:block; font-weight:normal; font-size: 13px;color:#a2a2a2;} #twitterfeeds #social-stream li .inner .twitter-user {display:block; font-weight:normal; font-size: 13px;color:#a2a2a2;} #twitterfeeds #social-stream li .inner .twitter-user a {color:#a2a2a2;} #twitterfeeds #social-stream li .inner .twitter-user strong {display:block;font-size: 14px;font-weight:bold;color:#2c2c2c;} #twitterfeeds #social-stream li .inner .section-text {margin-top: 10px; font-size: 13px; color:#4b4b4b;} #twitterfeeds #social-stream li .inner a {color:#5e9fdb;} #twitterfeeds .allTweet {background: #595959; display:block; width: 60%; height: 33px; line-height: 33px; margin:15px auto; font-size: 14px; color:#ffffff; text-align: center; -webkit-box-shadow: inset 0px 25px 29px -5px rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0px 25px 29px -5px rgba(255, 255, 255, 0.2); box-shadow: inset 0px 25px 29px -5px rgba(255, 255, 255, 0.2);} #twitterfeeds #social-stream .controls {position:absolute; right:0; top: 23px;} #twitterfeeds #social-stream .controls ul {margin:0; padding:0;} #twitterfeeds #social-stream .controls li {margin-bottom: 1px; padding-bottom: 0;} #twitterfeeds #social-stream .controls li:before {background: none;} #twitterfeeds #social-stream .controls a{display:block; width:23px;height: 23px; background:#ff542c; padding: 2px 7px;} #twitterfeeds #social-stream .controls a.play {background: #ffffff;padding: 6px 8px;} #twitterfeeds #social-stream .controls a.pause {background: #ffffff;padding: 6px 6px 6px 8px;} #twitterfeeds #social-stream .controls a.pause:before{content: " "; display:inline-block;width: 3px; height: 9px; background:#ff542c;margin-right: 2px;} #twitterfeeds #social-stream .controls a.pause:after{content: " "; display:inline-block;width: 3px; height: 9px; background:#ff542c;} #twitterfeeds #social-stream .controls a.play:before{content: " "; display:inline-block;width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 7px;border-color: transparent transparent transparent #ff542c;} #twitterfeeds #social-stream .controls a.prev:before{content: " "; display:inline-block;width: 0;height: 0;border-style: solid;border-width: 0 5px 7px 5px;border-color: transparent transparent #ffffff transparent;} #twitterfeeds #social-stream .controls a.next:before{content: " "; display:inline-block;width: 0;height: 0;border-style: solid;border-width: 7px 5px 0 5px;border-color: #ffffff transparent transparent transparent ;} /**** Content ****/ #content {padding-top: 1px;margin-left: 72px; margin-right: 348px;} #tabs-responsive {position:relative;} #tabs-responsive .tab-title {position:absolute; top:3px; z-index:10; display:table; float:left; height: 50px; line-height: 50px; background: #006bbe; width: 33.33%; vertical-align:middle; text-align:center; font-size: 16px; font-weight:bold; color:#ffffff; cursor:pointer;} #tabs-responsive .tab-title span {display:table-cell; vertical-align:middle; line-height: 1.2em;} #tabs-responsive .tab-title:after {content: " "; display:block; position:absolute; right: 2px; bottom: 2px; width: 0; height: 0; border-style: solid; border-width: 0 0 9px 9px; border-color: transparent transparent #fecf00 transparent;} #tabs-responsive .tab-title.active:after { border-width: 9px 9px 0 0; border-color: #fecf00 transparent transparent transparent;} #tabs-responsive .tab-title.active {background: none !important; font-weight: normal;color:#005eb7;} #tabs-responsive .tab-title#title-who {background:#006bbe; left:3px; } #tabs-responsive .tab-title#title-what{background:#0051ac; left: 33.33%; left: calc(100%/3);} #tabs-responsive .tab-title#title-how {background:#006bbe; left: 66.66%; left: calc(100%/3*2);} #tabs-responsive .tab-title.col-3{ width: 33.33%; } #tabs-responsive .tab-title.col-3#title-who { left:3px; } #tabs-responsive .tab-title.col-3#title-what{left: 33.33%; left: calc(100%/3);} #tabs-responsive .tab-title.col-3#title-how {left: 66.66%; left: calc(100%/3*2);} #tabs-responsive .tab-title.col-4{ width: 25%; } #tabs-responsive .tab-title.col-4#title-new {background:#ff4e28;left: 3px; } #tabs-responsive .tab-title.col-4#title-new.active {color:#ff4e28; font-weight:bold; } #tabs-responsive .tab-title.col-4#title-who {left:25%; } #tabs-responsive .tab-title.col-4#title-what{left: 50%; } #tabs-responsive .tab-title.col-4#title-how {left: 75%; } #tabs-responsive .tab-content {position:relative; top: 0px; left:0; padding: 75px 20px 35px 20px; width: 100%; background:#ffffff; border: 3px solid #0065bd; font-size: 14px; line-height: 1.3em; color:#595959;} #tabs-responsive .tab-content {display:none;} #tabs-responsive .tab-content h2{margin-top: 25px;line-height: 1.2em;font-size: 22px; font-weight: bold;color:#0065bd;} #tabs-responsive .tab-content h2:before {display:none;} #tabs-responsive .tab-content .btn-more {font-weight:bold; color:#0065bd;} #tabs-responsive #new h2{background:#ff4e28; color:#ffffff; padding: 8px 20px; margin:10px -20px;} #tabs-responsive .tab-content .btns {margin-top: 40px;text-align:center;} a.btn-colors {display:inline-block; height: 33px; line-height: 33px; margin: 10px; padding: 0 12px; background:#006bbe;font-weight:bold; color:#ffffff !important; text-decoration:none;} a.btn-blue {background:#006bbe;-webkit-box-shadow: inset 0px 35px 39px -5px rgba(255, 255, 255, 0.2);-moz-box-shadow: inset 0px 35px 39px -5px rgba(255, 255, 255, 0.2);box-shadow: inset 0px 35px 39px -5px rgba(255, 255, 255, 0.2);} a.btn-blue:hover {background:#0057a3;} a.btn-red {background:#ff552d;-webkit-box-shadow: inset 0px 35px 39px -5px rgba(255, 255, 255, 0.2);-moz-box-shadow: inset 0px 35px 39px -5px rgba(255, 255, 255, 0.2);box-shadow: inset 0px 35px 39px -5px rgba(255, 255, 255, 0.2);} a.btn-red:hover {background:#ff3100;} a.btn-yellow {background:#fed600;color:#005DBD !important;} a.btn-yellow:hover {background:#ffe45f;} a.btn-lightblue {background:#64a4de;color:#ffffff;-webkit-box-shadow: inset 0px 35px 39px -5px rgba(255, 255, 255, 0.2);-moz-box-shadow: inset 0px 35px 39px -5px rgba(255, 255, 255, 0.2);box-shadow: inset 0px 35px 39px -5px rgba(255, 255, 255, 0.2);} a.btn-lightblue:hover {background:#85b7e5;} .btns-guide { margin-top: 25px; margin-bottom: 25px; text-align: center; } #news {border: 2px solid #36e09e;margin: 25px 0;line-height: 1.4em;} #news h3{background:#36e09e; margin:0; padding: 10px 15px 20px; font-weight:bold; font-size: 24px;color:#ffffff;} #news ul {padding: 15px 0 0;margin:0;} #news .news-date {position:relative;} #news .news-date .date {background: #ffffff; padding-left: 60px; margin-left: 30px; margin-bottom: 10px;line-height: 21px; min-height: 21px;font-size: 14px;color:#595959;} #news .news-date:before {content: " "; background:#36e09e;display:inline-block; position:absolute; top: 10px; width: 70px; height: 3px; vertical-align:middle;} #news .news-item .content {padding:0 15px;} #news .news-item {margin-bottom: 15px;font-size: 13px; color:#4b4b4b;} #news .news-item:before{content:"";} #news .news-item .news-title {display:inline;font-weight:bold;} #news .news-item .news-text{display:inline;} #news .news-item .news-text a{color:#36e09e;} #news .news-item .news-link a{font-weight: bold;color:#36e09e;} #news .allNews {text-align:center;margin: 0 0 20px;} #news .allNews a{background: #36e09e; display:inline-block; height: 33px; line-height: 33px; margin:auto; padding: 0 30px; font-size: 14px; color:#ffffff;text-align: center;-webkit-box-shadow: inset 0px 25px 29px -5px rgba(255, 255, 255, 0.2);-moz-box-shadow: inset 0px 25px 29px -5px rgba(255, 255, 255, 0.2);box-shadow: inset 0px 25px 29px -5px rgba(255, 255, 255, 0.2);} /**** quicklinks ****/ #quicklinks {background: #005fb8; padding: 10px;line-height: 1.5em; font-size: 13px;color:#ffffff;} #quicklinks:after {content: " "; float:none; clear:both; display:block;} #quicklinks a{color:#ffffff;} #quicklinks .footer_categ > li {width: 20%; display:block; float:left;padding: 0 1%;} #quicklinks .footer_categ > li > a {font-size: 18px; font-weight: bold; color:#fed100;} #quicklinks .footer_categ .footer_level > li {margin-top: 15px; font-weight:bold;font-size: 14px;} #quicklinks .footer_categ .footer_level > li li {font-weight: normal;} #quicklinks .footer_categ .footer_level .footer_section li{list-style: disc inside; color:#fed100;font-size: 13px;} #quicklinks .footer_categ .footer_level .footer_section li li{list-style: disc inside; color:#64aff5;margin-left: 10px;} #aboutlinks {background: #ebebeb; padding: 10px;line-height: 1.5em; font-size: 13px;color:#595959;} #aboutlinks ul {padding: 0 1%; } #aboutlinks ul li {display: inline; padding-right:10px;} /**** TUNNEL ****/ .tunnel #content { margin:0 auto; min-height: 850px; } .tunnel { background: url(../img/bg-tunnel-3.jpg) right bottom no-repeat #ebebeb; } .tunnel #ombudsmanMessage{ float:none; vertical-align:top;width: 60%; height:auto;background:none;border:0;padding: 1% 1%;color:#015eb6; text-align:left; } .tunnel #ombudsmanMessage .text{ font-size: 16px; text-shadow: 1px 1px 1px rgba(255,255,255,1);} .tunnel #ombudsmanMessage .signature{ font-size: 14px; text-shadow: 1px 1px 0px rgba(255,255,255,0.6) } .tunnel #languages { display:inline-block;width: 60%; margin: 2% 1% 1%; padding: 20px; background:#ffffff;background:rgba(255,255,255,0.68); border: 3px solid #0065bd; } .tunnel #languages li { display:inline-block; width: 24%; margin: 15px 0; } .tunnel #languages li:before {content:"";} .tunnel #languages li a{ display:block; } .tunnel #languages li .icon{ position:relative;display:inline-block; width: 25%;} .tunnel #languages li .icon span{ position:relative;display:inline-block; width: 36px; height: 36px;line-height: 36px;background:#006abe; font-size: 18px;font-weight:bold; color:#ffffff;text-align:center;-webkit-border-radius: 22px;border-radius: 22px; } .tunnel #languages li:hover .icon span{background:#fecf00; color:#006abe; } .tunnel #languages li:hover .icon span:after{border-color: transparent transparent #006abe transparent; } .tunnel #languages li .icon span:after{ content: " ";display: block;position: absolute;right: 0;bottom: 0;width: 0;height: 0;border-style: solid;border-width: 0 0 9px 9px;border-color: transparent transparent #fecf00 transparent; } .tunnel #languages li .text{ display: inline-block;vertical-align: bottom;width: 62%;margin: 0 10px;color:#595959; font-weight: bold; font-size: 14px; } /***** Liste médiateur ******/ #content .ombudsmenInfo {position:relative;margin: 25px 0;width: 45%;max-width:380px;min-width: 230px;display:inline-block; vertical-align:top;color:#2d2d2d; font-size: 14px;} #content .ombudsmenInfo .info {position:absolute;z-index:100;top: 5px; right: 10%;} #content .ombudsmenInfo .info .picto {position:absolute; right:0;display:inline-block;font-weight:bold; border: 2px solid #0065bd; width: 24px; height:24px; line-height: 22px; text-align:center;color:#0065bd;-webkit-border-radius: 12px;border-radius: 12px;} #content .ombudsmenInfo .info:hover .text-info {display:block;} #content .ombudsmenInfo .text-info {display:none;max-width: 400px;background:#ffffff; border: 2px solid #0065bd;padding: 10px;margin: 30px 0 0;} #content .ombudsmenInfo h3 {margin: 0 0 10px;font-size: 18px;color:#0065bd;} #content .ombudsmenInfo h3 img{margin-right: 10px;vertical-align:bottom;} #content .ombudsmenInfo a {color:#2d2d2d; font-weight:normal;text-decoration:underline;} #content .ombudsmenInfo a:hover {color:#0065bd;} #ombudsmenCountryList .label {display:inline-block;vertical-align:top;padding:0 10px;height: 30px; line-height:30px;background:#0065bd; color:#ffffff;} #ombudsmenCountryList .langActive {border:1px solid #dadada; display:inline-block;padding: 0 10px;height: 30px; line-height:30px;margin-left: -5px;} #ombudsmenCountryList .langActive:after {content: " "; width: 0;height: 0;border-style: solid;border-width: 8px 9px 0 9px;border-color: #fecf00 transparent transparent transparent;display: inline-block;margin-left: 15px;} #ombudsmenCountryList li{display:inline-block;} #ombudsmenCountryList li:before {display:none;} /***** Document ******/ .download-pdf {display:inline-block; } .download-pdf:before {content: " "; background: url(../img/pdf.jpg) 0 0 no-repeat; display:inline-block; vertical-align:middle;width: 50px;height:32px; } #TOC { border: 1px solid #0065BD; padding: 10px; margin-left: 10px; margin-bottom: 10px; margin-top: 5px; width: 40%; font-size: 0.9em; min-width: 300px; float: right; } #TOC li a{color:#2d2d2d;font-weight:normal;} #TOC li.toc-nobullet:before { content:none; } .docInfo {border:3px solid #0065bd;padding: 5px 10px;margin: 40px 0;} .docInfo .relatedDocCases h5{margin:5px 0;} #content .docInfo p {margin:10px 0 10px 0;} #relatedDocs {border:3px solid #0065bd;padding: 5px 10px;margin: 40px 0;} .annualreport .document{ display: inline-block; } .annualreport .cover { float: left; border: 2px solid #E2E2E2; /* border:3px solid #0065bd;padding: 5px 10px;margin: 40px 0; */ } .annualreport .image { float: left; border: 2px solid #E2E2E2; margin-right: 11px; } .annualreport .info-doc { margin-left: 155px; color: #2D2D2D; } .annualreport .info-doc .arTitle { color: #2D2D2D; margin-bottom: 10px; } @media screen and (max-width: 780px) { #navigation li#cat_resources .submenu {right:0;} } @media screen and (max-width: 820px) { .tunnel.{background: url(../img/bg-tunnel-mobile.jpg) bottom center no-repeat #ebebeb;} .tunnel. #ombudsmanMessage {float:none; width: 100%;} .tunnel. #ombudsmanMessage .text { margin:auto;width: 96%; max-width: 96%;} .tunnel. #languages {display:block;width: 90%;margin:auto;} } @media screen and (max-width: 1260px) { .tunnel #languages li {width: 32%;} } @media screen and (max-width: 1050px) { .tunnel #languages li {width: 45%;} .cols-2 {width: 100%; margin:0;} .cols-2 + .cols-2{ margin:0;} } /*** Mobile ***/ @media screen and (max-width: 720px) { #header #headerIcon, #header #europaFlag, #navigation, #quicklinks{display:none;} #headerLeft {float:left;width: 60%;text-align: left;white-space: nowrap;} #headerRight{float:right;width: auto;margin:0;} #header {padding: 0 0 0 15px;} #header #headerLogo {width: 30%;padding: 10px 0; } #header #headerLogo img{width: 100%; max-width:60px; } #header #headerTitle{width: 68%;white-space: normal;margin:10px;} #header #headerLanguages { padding: 18px 10px; } #header #headerLanguages #langActive:after {display:none;} #header #headerLanguages ul { left:-185px; top: 50px; } #footer { padding: 0 5px; margin-bottom: 10px; } #footer #footerIcon { display:inline-block; padding: 10px 10px; background-color: #fed100; width:100%; } #footer #footerIcon ul li { padding: 0; } #toggle-menu {display:inline-block;} #toggle-menu a.active:before {display:none;} #toggle-menu.active {display:inline-block;height: 100%; padding: 40px 5px 0;} #navigation .level1 {float:none;clear:both;display:block;width: 100%; -webkit-box-shadow : inset 0px 35px 39px -5px rgba(255, 255, 255, 0.1); box-shadow : inset 0px 35px 39px -5px rgba(255, 255, 255, 0.1);} #navigation li:hover .submenu{display:none;} #navigation .submenu {position:relative; left:0; width: 100%;} #navigation .submenu:after {content:' '; float:none; clear:both;display:block;} /*#navigation .level1{content:'test '; float:none; clear:both;display:block;}*/ #navigation .submenu li.level2 {width: 100%;} #breadcrumbs #breadcrumbsform {display:none;} #container {padding: 0 5px;} #colLeft {display:none;} #colRight {float:none;width: 100%;} #colRight > * {display:none;} #colRight .complaint-infos {display:block;} #colRight #ombudsmanMessage, #colRight #twitterfeeds {display:block;} #tabs-responsive .tab-title.active {background:#ffffff !important;border: 3px solid #0065bd; border-bottom :0;margin-bottom: -3px;font-weight:bold;} #tabs-responsive .tab-title.active:after {display:none;} #tabs-responsive .tab-title.active+ .tab-content:after {content: " ";display: block;position: absolute;right: 2px;bottom: 2px;width: 0;height: 0;border-style: solid;border-width: 9px 9px 0 0;border-color: #fecf00 transparent transparent transparent;} #news > .content{display:none;} #twitterfeeds, #news{margin: 5px 0;} #twitterfeeds h3, #news h3{position:relative;} #twitterfeeds h3:after, #news h3:after{content: " "; display: block; position: absolute; right: 2px; bottom: 2px; width: 0; height: 0; border-style: solid; border-width: 0 0 9px 9px; border-color: transparent transparent #ffffff transparent;} #twitterfeeds .controls {display:none;} #twitterfeeds.open .controls {display:block;} #twitterfeeds.open h3:after, #news.open h3:after{display:none;} #twitterfeeds.open > .content, #news.open > .content {position:relative;} #twitterfeeds.open > .content:after, #news.open > .content:after{content: " ";display: block;position: absolute;right: 2px;bottom: 2px;width: 0;height: 0;border-style: solid;border-width: 9px 9px 0 0;border-color: #fecf00 transparent transparent transparent;} #twitterfeeds > .content{display:none;} #ombudsmanMessage {width: 100%; padding-top: 440px;background: url(../img/mediatrice-mobile.jpg) center top no-repeat;} #ombudsmanMessage .text {max-width: 400px;margin:auto;font-size: 0.95em;} #content {padding:0;margin:0;width: 100%;} #tabs-responsive .tab-title {width: 100% !important;position:relative; left: 0 !important;float:none;} #tabs-responsive .tab-content {position:relative;top:0;padding-top:0;} /*** Tunnel ***/ .tunnel{background: url(../img/bg-tunnel-mobile.jpg) bottom center no-repeat #ebebeb;} .tunnel #ombudsmanMessage {float:none; width: 100%;} .tunnel #ombudsmanMessage .text { width: 80%; max-width: 80%;} .tunnel #languages {display:block;width: 90%;margin:auto;} .tunnel #languages li {text-align:center;} .tunnel #languages li .icon {display:inline-block;} .tunnel #languages li .text {display:block;text-align:center;margin: 10px 0 0;width: 100%;} } .highlight { color:#0065bd; } .staffName { font-weight:bold; } .staffTitle { } .staffJob { color: #004A83; } #content .chooseimagesize{ margin: 0; padding: 5px; } #content .chooseimagesize div{ margin: 0; padding: 5px; } /**************************** Public procurement **************************************/ .eo-grid-item{ width: 45%; margin: 0 25px 25px 0; float: left; min-width: 230px; } #content .procurementInfo { /* max-width:400px; */ vertical-align:top; color:#2d2d2d; font-size: 14px; /* background-color: #EEE; */ border: solid 1px #0065BD; } #content .procurementInfo table { border-collapse: collapse; } #content .procurementInfo table tr { border: none; } #content .procurementInfo table tr td { /* padding: 0 0.5em; */ font-weight: bold; } #content .procurementInfo div { padding: 0.3em; } #content .procurementInfo .label { padding-right: 10px; font-weight: bold; } .procurementInfo .titlebox { background-color: #0065bd; color: #ffffff; width: 100%; font-weight: bold; font-size: 1.6em; margin-bottom: 0.5em; line-height: 1.1em; } .procurementInfo .titlebox .titlecontent { /* padding: 0.3em; */ } .procurementInfo .titlebox .titlelabel { /* padding-right: 0.5em; */ } .procurementInfo .titlebox a{ color: #FFFFFF; } #content .procurementInfo div[id*="shareOn"], #content .procurementInfo div[id*="shareOn"] div { padding: 0; } .procurementInfo .image-container{ text-align: center; } .procurementInfo .share-on-container { /* clear: both; overflow: auto; */ } /* #content .ombudsmenInfo .info {position:absolute;z-index:100;top: 5px; right: 10%;} #content .ombudsmenInfo .info .picto {position:absolute; right:0;display:inline-block;font-weight:bold; border: 2px solid #0065bd; width: 24px; height:24px; line-height: 22px; text-align:center;color:#0065bd;-webkit-border-radius: 12px;border-radius: 12px;} #content .ombudsmenInfo .info:hover .text-info {display:block;} #content .ombudsmenInfo .text-info {display:none;max-width: 400px;background:#ffffff; border: 2px solid #0065bd;padding: 10px;margin: 30px 0 0;} #content .ombudsmenInfo h3 {margin: 0 0 10px;font-size: 18px;color:#0065bd;} #content .ombudsmenInfo h3 img{margin-right: 10px;vertical-align:bottom;} #content .ombudsmenInfo a {color:#2d2d2d; font-weight:normal;text-decoration:underline;} #content .ombudsmenInfo a:hover {color:#0065bd;} */ /**************************** Header menu - Public register **************************************/ .prbodycontainer { } .prbodycontainer:before { margin:none; } .prHeaderMenu { margin-bottom: 15px; width: 100%; } .prHeaderMenu .headerLine { font-size: 1.0em; line-height: 1.3em; font-weight: bold; /* float: left; */ /* width: 96%; */ } .prHeaderMenu .prHeaderRightColumn { font-size: 1.0em; line-height: 1.3em; font-weight: bold; overflow: hidden; } .prHeaderMenu .headerLine>.prheaderlink { /* float: left; */ margin-bottom: 5px; } .prHeaderMenu .prHeaderRightColumn>.faqlink { float: right; } .prHeaderMenu .headerLine .prlinkmenu { color: #ffffff; text-decoration: none; margin-right: 0.8em; padding: 0.3em; float: left; padding-bottom: 0.5em; background-color: #0065bd; border: 1px; } .prHeaderMenu .headerLine .prlinkmenu:HOVER { outline: solid 1px #fed100; } .prHeaderMenu .headerLine .prlinkmenu.active { color: white; background-color: #0065bd; } .prHeaderMenu .headerLine .prlinkmenu.notactive { color: #555555; background-color: #e6e6e6; } /**************************** Advanced Search - Public register **************************************/ .boxBody .searchpublicregister table { width: auto; } .boxBody .searchpublicregister select { font-size: 0.85em; } .boxBody .searchpublicregister .mainSearchField { width: 75%; display: block; } .boxBody .searchpublicregister .subtitle { font-weight: bold; font-size: 1em; } .boxBody .searchpublicregister .togglezone div { float: left; height: 1em; } .boxBody .searchpublicregister .togglezone .subtitle { padding-top: 0.45em; } .boxBody .searchpublicregister .togglezone { float: left; cursor: pointer; clear: both; } .boxBody .searchpublicregister .togglezone:hover { background-color: #d3d3d3; } .boxBody .searchpublicregister .togglezone .advancedsearchcheckbox { display: none; } .boxBody .searchpublicregister .togglecharacter { font-weight: bold; color: #0065bd; font-size: 2em; width: 20px; font-family: monospace; } .boxBody .searchpublicregister .fieldchoicesearch{ float: left; width: 100%; } .boxBody .searchpublicregister .contentSearchField { width: 75%; float: left; margin-right: 5px; } .boxBody .searchpublicregister .contentsearch .contentsearchhelpicon{ width: 22px; float: left; } .boxBody .searchpublicregister .fieldchoicesearch label { padding-left: 0.3%; padding-right: 5%; } .boxBody .searchpublicregister .datechoicesearch input { margin-right: 5%; } .boxBody .resultpublicregister { margin-top: 5px; } .boxBody .resultpublicregister table td { padding: 0; } .boxBody .resultpublicregister .welcometitle { font-weight: bold; } .boxBody .resultpublicregister .resultsblock .resultblock { margin-bottom: 22px; } .boxBody .resultpublicregister .resultsblock .resulttitle { display: block; font-weight: bold; font-size: 1.1em; float: left; } .boxBody .resultpublicregister .resultsblock .resultsTable { border: 0; } .boxBody .resultpublicregister .resultsblock .resultsTable td { border: 0; } .boxBody .resultpublicregister .resultsblock .scroller td { padding: 0 !important; } .boxBody .resultpublicregister .resultsblock .scroller a { padding-right: 3px !important; } .boxBody .resultpublicregister .resultsblock .scroller table { width: auto; } .boxBody .resultpublicregister .resultsblock .scroller table { width: auto; } .boxBody .resultpublicregister .resultsblock .scroller { width: auto; } .boxBody .resultpublicregister .resultsblock .titlelabel { font-size: 1.1em; font-weight: bold; background-color: #ffffff; margin: 0 0 11px 0; padding: 0 0 0 0px; border-bottom: solid 1px #000000; line-height: 1.25; float: left; width: 100%; } .boxBody .resultpublicregister .resultsblock .titlelabel .filehelpicon { float: right; width: 19px; } .boxBody .resultpublicregister .resultsblock .resultdescr { font-size: 1.0em; padding-bottom: 10px; clear: both; } .boxBody .resultpublicregister .resultsblock .resultdescr .descrlabel { font-weight: bold; padding-right: 0.5em; } .boxBody .resultpublicregister .resultsblock .oneresultdetailblock .rightspace { margin-right: 0.5em; } .boxBody .resultpublicregister .resultsblock .oneresultdetailblock .infolabel { padding-right: 0.5em; } .boxBody .resultpublicregister .resultsblock .oneresultdetailblock .info { font-weight: bold; margin-right:60px; } .boxBody .resultpublicregister .resultsblock .oneresultdetailblock .textarea { float: left; width:100%; } .boxBody .resultpublicregister .resultsblock .oneresultdetailblock .iconarea { float: right; width: 45px; height: 60px; background-repeat: no-repeat; background-position: left; } .boxBody .resultpublicregister .resultsblock .oneresultdetailblock .iconarea:hover { background-position: right; } .boxBody .resultpublicregister .resultsblock .oneresultdetailblock a { color: #0065bd; } .boxBody .resultpublicregister .resultsblock .oneresultdetailblock .iconarea { background-image: url("pages/pr/icon_detail.png"); } .boxBody .resultpublicregister .resultsblock .oneresultdetailblock .iconarea.lock { background-image: url("pages/pr/icon_lock.png"); } .boxBody .resultpublicregister .resultsblock .oneresultdetailblock .iconarea.default { background-image: url("pages/pr/icon_default.png"); } .boxBody .resultpublicregister .resultsblock .oneresultdetailblock .iconarea.file { background-image: url("pages/pr/icon_file.png"); } .boxBody .resultpublicregister .resultsblock .highlightblock { width: 100%; } .boxBody .resultpublicregister .resultsblock .highlightblock .highlighttitle { width: 100%; padding-top: 5px; padding-bottom: 5px; font-weight: bold; } .boxBody .resultpublicregister .resultsblock .highlightblock .highlightline{ width: 100%; font-style: italic; } .boxBody .resultpublicregister .resultsblock .highlightblock .highlightline .highlighted{ background-color: #fed100; } /**************************** Detail display - Public register **************************************/ .detailpublicregister { width: 100%; height: 100%; } .detailpublicregister .rightspace { margin-right: 0.5em; } .detailpublicregister .detailmain { width: 100%; } .detailpublicregister .titlebox { background-color: #0065bd; color: #ffffff; width: 100%; font-weight: bold; font-size: 1.6em; margin-bottom: 0.5em; } .detailpublicregister .titlebox .titlecontent { padding: 0.3em; } .detailpublicregister .titlebox .titlelabel { padding-right: 0.5em; } .detailpublicregister .textbox a { color: #0065bd; text-decoration: underline; } .detailpublicregister .textbox .textline { margin-bottom: 0.7em; } .detailpublicregister .infolabel { font-weight: bold; padding-right: 0.5em; } .detailpublicregister .infosimplelabel { padding-right: 0.5em; } .detailpublicregister .textbox .legalarticlesbox { font-style: italic; margin-bottom: 0.7em; } .detailpublicregister .textbox { float: left; padding-bottom: 1.5em; width: 720px; } .detailpublicregister .refdocsline{ padding-bottom: 0.7em; } .detailpublicregister .refrequestaccess{ clear: both; } .detailpublicregister .filerequestaccess { float: left; padding-right: 5px; } .detailpublicregister .filehelpicon { float: left; width: 19px; } .detailpublicregister .iconarea { float: right; width: 45px; height: 60px; background-repeat: no-repeat; background-position: left; padding:0; } .detailpublicregister .iconarea.doc { background-image: url("pages/pr/icon_doc.png"); } .detailpublicregister .iconarea.pdf { background-image: url("pages/pr/icon_pdf.png"); } .detailpublicregister .iconarea.xls { background-image: url("pages/pr/icon_xls.png"); } .detailpublicregister .iconarea.doc { background-image: url("pages/pr/icon_doc.png"); } .detailpublicregister .iconarea.lock { background-image: url("pages/pr/icon_lock.png"); } .detailpublicregister .iconarea.default { background-image: url("pages/pr/icon_default.png"); } .detailpublicregister .iconarea.file { background-image: url("pages/pr/icon_file.png"); } .detailpublicregister .detailfooter { background-color: #e0e0e0; width: 100%; clear: both; margin-bottom: 10px; } .detailpublicregister .detailfooter .footercontent { padding: 0.3em; } .detailpublicregister .detailfooter .footercontent ul { list-style-type: none; list-style-image: none; } .detailpublicregister .detailfooter .footercontent li:before { content: "• "; color: #0065bd; /* or whatever color you prefer */ } .detailpublicregister .detailfooter .infolabel { padding-bottom: 0.7em; } .detailpublicregister .detailfooter .filereferenceslist { padding-bottom: 0.7em; } .detailpublicregister .detailfooter .footercontent a { color: #0065bd; text-decoration: underline; } .detailpublicregister .textbox .languagelink { color: #0065bd; text-decoration: underline; } /**************************** Document query - Public register **************************************/ .publicregisterdocquerycontent .line { float: left; width: 100%; } .publicregisterdocquerycontent legend { text-decoration: underline; } .publicregisterdocquerycontent .zone { float: left; padding-bottom: 1.0em; } .publicregisterdocquerycontent .formlabel { font-weight: bold; display: block; padding-bottom: 0.5em; } .publicregisterdocquerycontent .errorMessage { color: #e2001a; display: block; clear: both; } .publicregisterdocquerycontent .normalMessage { color: #34b233; display: block; clear: both; } .publicregisterdocquerycontent .surnamezone { width: 150px; } .publicregisterdocquerycontent .surnamezone .surnameinput { width: 150px; } .publicregisterdocquerycontent .firstnamezone { width: 200px; } .publicregisterdocquerycontent .firstnamezone .firstnameinput { width: 150px; } .publicregisterdocquerycontent .emailzone { width: 200px; } .publicregisterdocquerycontent .emailzone .emailinput { width: 150px; } .publicregisterdocquerycontent .emailconfirmzone { width: 150px; } .publicregisterdocquerycontent .emailconfirmzone .emailconfirminput { width: 150px; } .publicregisterdocquerycontent .phonezone { width: 150px; } .publicregisterdocquerycontent .phonezone .phoneinput { width: 150px; } .publicregisterdocquerycontent .streetnumberzone { width: 75px; } .publicregisterdocquerycontent .streetnumberzone .streetnumberinput { width: 75px; } .publicregisterdocquerycontent .addressline1zone { width: 350px; } .publicregisterdocquerycontent .addressline1zone .addressline1input { width: 350px; } .publicregisterdocquerycontent .addressline2zone { width: 350px; } .publicregisterdocquerycontent .addressline2zone .addressline2input { width: 350px; } .publicregisterdocquerycontent .postcodezone { width: 200px; } .publicregisterdocquerycontent .postcodezone .postcodeinput { width: 150px; } .publicregisterdocquerycontent .townzone { width: 150px; } .publicregisterdocquerycontent .townzone .towninput { width: 150px; } .publicregisterdocquerycontent .countryzone { width: 350px; } .publicregisterdocquerycontent .countryzone .countryinput { width: 350px; } .publicregisterdocquerycontent .organisationzone { width: 350px; } .publicregisterdocquerycontent .organisationzone .organisationinput { width: 350px; } .publicregisterdocquerycontent .customdescrzone { width: 350px; } .publicregisterdocquerycontent .customdescrzone .customdescrinput { width: 350px; resize: none; height: auto !important; font-size: 0.9em; } .publicregisterdocquerycontent .wishedlanguagezone { /* width: 350px; */ } .publicregisterdocquerycontent .wishedlanguagezone .wishedlanguageinput { /* width: 150px; */ } .publicregisterdocquerycontent .altlanguagezone { /* width: 450px; */ } .publicregisterdocquerycontent .altlanguagezone .altlanguageinput { /* width: 150px; */ } /**************************** Classification Search - Public register **************************************/ .prclassificationsearch .prsearch .mainsearch .collapseall { text-decoration: underline; cursor: pointer; clear: both; } .prclassificationsearch .prsearch .mainsearch .treezone { padding-bottom: 10px; } .prclassificationsearch .prsearch .mainsearch .selectedTreeElement { color: #0065bd; font-weight: bold; } .prclassificationsearch .prsearch .mainsearch .linkTreeElement>div { text-decoration: underline; } .prclassificationsearch .prsearch .mainsearch .linkTreeElement>div:HOVER { cursor: pointer; } .prclassificationsearch .prsearch .mainsearch .normalTreeElement>div { text-decoration: none; } .prclassificationsearch .prsearch .mainsearch .normalTreeElement>div:HOVER { text-decoration: none; cursor: default; } .prclassificationsearch .prresults { margin-top: 5px; } .prclassificationsearch .prresults table td { padding: 0; } .prclassificationsearch .prresults .welcometitle { font-weight: bold; } .prclassificationsearch .prresults .resultsblock .resultblock { margin-bottom: 22px; } .prclassificationsearch .prresults .resultsblock .titlelabel { font-size: 1.1em; font-weight: bold; background-color: #ffffff; margin: 0 0 11px 0; padding: 0 0 0 0px; border-bottom: solid 1px #000000; line-height: 1.25; float: left; width: 100%; } .prclassificationsearch .prresults .resultsblock .resulttitle { display: block; font-weight: bold; font-size: 1.1em; float: left; } .prclassificationsearch .prresults .resultsblock .titlelabel .filehelpicon { float: right; width: 19px; } .prclassificationsearch .prresults .resultsblock .resultsTable { border: 0; width:100%; } .prclassificationsearch .prresults .resultsblock .resultsTable td { border: 0; } .prclassificationsearch .prresults .resultsblock .scroller td { padding: 0 !important; } .prclassificationsearch .prresults .resultsblock .scroller a { padding-right: 3px !important; } .prclassificationsearch .prresults .resultsblock .scroller table { width: auto; } .prclassificationsearch .prresults .resultsblock .scroller table { width: auto; } .prclassificationsearch .prresults .resultsblock .scroller { width: auto; } .prclassificationsearch .prresults .resultsblock h3 { font-size: 1.1em; font-weight: bold; background-color: #ffffff; margin: 0 0 11px 0; padding: 0 0 0 0px; border-bottom: solid 1px #000000; line-height: 1.25; } .prclassificationsearch .prresults .resultsblock .resultdescr { font-size: 1.0em; padding-bottom: 10px; clear: both; } .prclassificationsearch .prresults .resultsblock .resultdescr .descrlabel { font-weight: bold; padding-right: 0.5em; } .prclassificationsearch .prresults .resultsblock .oneresultdetailblock .infolabel { padding-right: 0.5em; } .prclassificationsearch .prresults .resultsblock .oneresultdetailblock .info { font-weight: bold; } .prclassificationsearch .prresults .resultsblock .oneresultdetailblock .textarea { float: left; width: 100%; } .prclassificationsearch .prresults .resultsblock .oneresultdetailblock .iconarea { float: right; width: 45px; height: 60px; background-repeat: no-repeat; background-position: left; } .prclassificationsearch .prresults .resultsblock .oneresultdetailblock .iconarea:hover { background-position: right; } .prclassificationsearch .prresults .resultsblock .oneresultdetailblock a { color: #0065bd; } .prclassificationsearch .prresults .resultsblock .oneresultdetailblock .iconarea { background-image: url("pages/pr/icon_detail.png"); } .prclassificationsearch .prresults .resultsblock .oneresultdetailblock .iconarea.lock { background-image: url("pages/pr/icon_lock.png"); } .prclassificationsearch .prresults .resultsblock .oneresultdetailblock .iconarea.default { background-image: url("pages/pr/icon_default.png"); } .prclassificationsearch .prresults .resultsblock .oneresultdetailblock .iconarea.file { background-image: url("pages/pr/icon_file.png"); } .prclassificationsearch .jqx-item { border:0; } .prclassificationsearch .jqx-tree-item { padding:0; } /**************************** Custom filters - Public register **************************************/ @media ( min-width : 0px) and (max-width: 999px) { .prbodycontainer .prleftblock { width: 100%; } .prbodycontainer .prcentralblock { width: 100%; } } @media ( min-width : 1000px) { .prbodycontainer .prleftblock { float: left; padding-right: 5px; width: 10%; min-width: 140px; } .prbodycontainer .prcentralblock { overflow: hidden; } } .prbodycontainer .prleftblock .refineblock { background-color: #e4e4e4; margin: 5px 0; } .prbodycontainer .prleftblock .refineblock .maintitle { width: 98%; background-color: #0065bd; color: white; font-weight: bold; font-size: 1em; padding-top: 0.2em; padding-bottom: 0.2em; padding-top: 0.2em; padding-left: 2%; } .prbodycontainer .prleftblock .refineblock .filterzone { width: 92%; } .prbodycontainer .prleftblock .refineblock .filtertitle { width: 100%; font-weight: bold; padding-bottom: 5px; cursor: pointer; clear: both; } .prbodycontainer .prleftblock .refineblock .filtertitle:HOVER { text-decoration: underline; } .prbodycontainer .prleftblock .refineblock .filtertogglecharacter { font-weight: bold; color: #0065bd; font-size: 1.3em; font-family: monospace; } .prbodycontainer .prleftblock .refineblock .filterelement { font-weight: normal; margin-bottom: 5px; cursor: pointer; text-decoration: none; float: left; } .prbodycontainer .prleftblock .refineblock .selectedfilter { font-weight: normal; margin-bottom: 5px; } .prbodycontainer .prleftblock .refineblock .filterdeletelabel { } .prbodycontainer .prleftblock .refineblock .filterdelete { width: 13px; height: 13px; background-image: url("pages/pr/icon_refinefilter_delete.png"); display: inline-block; background-repeat: no-repeat; cursor: pointer; } .prbodycontainer .prleftblock .refineblock .filterelement:HOVER { text-decoration: underline; } .prbodycontainer .prleftblock .refineblock .selectedfilter .filterdelete:HOVER + .filterdeletelabel { text-decoration: underline; } @media ( min-width : 0px) and (max-width: 999px) { .prbodycontainer .prleftblock .refineblock .filterelement { display: inline; padding-right: 5px; } .prbodycontainer .prleftblock .refineblock .filterdelete { float: left; margin-right: 3px; background-position: left 0px; } .prbodycontainer .prleftblock .refineblock .filterdelete:HOVER { background-position: right 0px; } .prbodycontainer .prleftblock .refineblock .selectedfilter { display: inline; padding-right: 5px; float: left; } } @media ( min-width : 1000px) { .prbodycontainer .prleftblock .refineblock .filterzone { padding: 4%; } .prbodycontainer .prleftblock .refineblock .filterelement { display: block; clear: both; } .prbodycontainer .prleftblock .refineblock .filterdelete { float: left; margin-right: 3px; } .prbodycontainer .prleftblock .refineblock .filterdelete:HOVER { background-position: right 0px; } .prbodycontainer .prleftblock .refineblock .selectedfilter { clear: both; float: left; width: 100%; } .prbodycontainer .prleftblock .refineblock .filterdeletelabel { overflow: hidden; float: left; max-width: calc(100% - 20px); } .prbodycontainer .prleftblock .refineblock .filtercontentlist { padding-left: 4%; width: 96%; } } /**************************** FAQ - Public register **************************************/ #resources_publicregister .block{ } /**************************** Latest docs - Public register **************************************/ .prlatestdocs .prresults { margin-top: 5px; } .prlatestdocs .prresults table td { padding: 0; } .prlatestdocs .prresults .welcometitle { font-weight: bold; } .prlatestdocs .prresults .resultsblock .resultblock { margin-bottom: 22px; } .prlatestdocs .prresults .resultsblock .titlelabel { font-size: 1.1em; font-weight: bold; background-color: #ffffff; margin: 0 0 11px 0; padding: 0 0 0 0px; border-bottom: solid 1px #000000; line-height: 1.25; float: left; width: 100%; } .prlatestdocs .prresults .resultsblock .resulttitle { display: block; font-weight: bold; font-size: 1.1em; float: left; } .prlatestdocs .prresults .resultsblock .titlelabel .filehelpicon { float: right; width: 19px; } .prlatestdocs .prresults .resultsblock .resultsTable { border: 0; } .prlatestdocs .prresults .resultsblock .resultsTable td { border: 0; } .prlatestdocs .prresults .resultsblock .scroller td { padding: 0 !important; } .prlatestdocs .prresults .resultsblock .scroller a { padding-right: 3px !important; } .prlatestdocs .prresults .resultsblock .scroller table { width: auto; } .prlatestdocs .prresults .resultsblock .scroller table { width: auto; } .prlatestdocs .prresults .resultsblock .scroller { width: auto; } .prlatestdocs .prresults .resultsblock h3 { font-size: 1.1em; font-weight: bold; background-color: #ffffff; margin: 0 0 11px 0; padding: 0 0 0 0px; border-bottom: solid 1px #000000; line-height: 1.25; } .prlatestdocs .prresults .resultsblock .resultdescr { font-size: 1.0em; padding-bottom: 10px; clear: both; } .prlatestdocs .prresults .resultsblock .resultdescr .descrlabel { font-weight: bold; padding-right: 0.5em; } .prlatestdocs .prresults .resultsblock .oneresultdetailblock .infolabel { padding-right: 0.5em; } .prlatestdocs .prresults .resultsblock .oneresultdetailblock .info { font-weight: bold; } .prlatestdocs .prresults .resultsblock .oneresultdetailblock .textarea { float: left; width:100%; } .prlatestdocs .prresults .resultsblock .oneresultdetailblock .iconarea { float: right; width: 45px; height: 60px; background-repeat: no-repeat; background-position: left; } .prlatestdocs .prresults .resultsblock .oneresultdetailblock .iconarea:hover { background-position: right; } .prlatestdocs .prresults .resultsblock .oneresultdetailblock a { color: #0065bd; } .prlatestdocs .prresults .resultsblock .oneresultdetailblock .iconarea { background-image: url("pages/pr/icon_detail.png"); } .prlatestdocs .prresults .resultsblock .oneresultdetailblock .iconarea.lock { background-image: url("pages/pr/icon_lock.png"); } .prlatestdocs .prresults .resultsblock .oneresultdetailblock .iconarea.default { background-image: url("pages/pr/icon_default.png"); } .prlatestdocs .prresults .resultsblock .oneresultdetailblock .iconarea.file { background-image: url("pages/pr/icon_file.png"); } /**************************** Header menu - RSS **************************************/ .rssbodycontainer { float: left; width:100%; background-color:#eeeeee; margin-bottom: 20px; } .rssHeaderMenu { margin-bottom: 10px; width: 100%; /* float: left; */ } .rssHeaderMenu .headerLine { font-size: 1.0em; line-height: 1.3em; font-weight: bold; } .rssHeaderMenu .rssHeaderRightColumn { font-size: 1.0em; line-height: 1.3em; font-weight: bold; overflow: hidden; } .rssHeaderMenu .headerLine>.rssheaderlink { margin-bottom: 5px; } .rssHeaderMenu .headerLine .rsslinkmenu { color: #ffffff; text-decoration: none; margin-right: 0.8em; padding: 0.3em; float: left; padding-bottom: 0.5em; background-color: #0065bd; border: 1px; margin-bottom: 15px; } .rssHeaderMenu .headerLine .rsslinkmenu:HOVER { outline: solid 1px #fed100; } .rssHeaderMenu .headerLine .rsslinkmenu.active { color: white; background-color: #0065bd; } .rssHeaderMenu .headerLine .rsslinkmenu.notactive { color: #555555; background-color: #e6e6e6; } .newsletterbodycontainer { background-color:#eeeeee; /*padding : 10px;*/ float: left; width:100%; margin-bottom: 20px; } /**************************** Default feeds - RSS **************************************/ /* Fieldset default feeds */ #section_shortcuts_rss .headerDefault, .mainDefault, .categoryDefault, .otherDefault { margin-top : 10px; padding: 10px; } /**************************** Default newsletter - Newsletter **************************************/ /* Fieldset default feeds */ #section_shortcuts_newsletter .mainDefault, .categoryDefault, .otherDefault { /* margin-top : 20px; */ padding: 10px; } /**************************** Form content - RSS **************************************/ /* Legend */ #section_shortcuts_rss legend{ font-weight : bold; font-size : 130%; padding-top: 10px; } /* Button check all */ #section_shortcuts_rss #checkallbutton { margin-top : 15px; } /* Div advanced generate */ #section_shortcuts_rss #generaterss_advanced { margin-top : 15px; } /* fieldset of the result of form */ #section_shortcuts_rss .rssformresult { padding : 10px; background-color : #fed100; font-weight : bold; } #generaterss_submit_bottom { margin-left : 10px; } /**************************** Form content - Newsletter **************************************/ /* Legend */ #section_shortcuts_newsletter legend{ font-weight : bold; font-size : 130%; padding-top: 10px; } /* Button check all */ #section_shortcuts_newsletter #checkallbutton { margin-top : 15px; } /* Div advanced generate */ #section_shortcuts_newsletter #generatenewsletter_advanced { margin-top : 15px; } /* fieldset of the result of form */ #section_shortcuts_newsletter .newsletterformresult { padding : 10px; background-color : #fed100; font-weight : bold; } #subscribenewsletter_submit_bottom { margin-left : 10px; } /**************************** More criteria + / - - RSS **************************************/ .boxBody .generaterss .subtitle { font-weight: bold; font-size: 1em; } .boxBody .generaterss .togglezone div { float: left; height: 1em; } .boxBody .generaterss .togglezone .subtitle { padding-top: 0.45em; } .boxBody .generaterss .togglezone { float: left; cursor: pointer; clear: both; } .boxBody .generaterss .togglezone:hover { background-color: #d3d3d3; } .boxBody .generaterss .togglezone .advancedgeneratecheckbox { display: none; } .boxBody .generaterss .togglecharacter { font-weight: bold; color: #0065bd; font-size: 2em; width: 20px; font-family: monospace; } /**************************** More criteria + / - - Newsletter **************************************/ .boxBody .generatenewsletter .subtitle { font-weight: bold; font-size: 1em; } .boxBody .generatenewsletter .togglezone div { float: left; height: 1em; } .boxBody .generatenewsletter .togglezone .subtitle { padding-top: 0.45em; } .boxBody .generatenewsletter .togglezone { float: left; cursor: pointer; clear: both; } .boxBody .generatenewsletter .togglezone:hover { background-color: #d3d3d3; } .boxBody .generatenewsletter .togglezone .advancedgeneratecheckbox { display: none; } .boxBody .generatenewsletter .togglecharacter { font-weight: bold; color: #0065bd; font-size: 2em; width: 20px; font-family: monospace; } /**************************** ShareOn buttons **************************************/ div#shareOn { font-size: 0.85em; margin: 1em 0 1em 0; padding: 0; height: 16px; /* float: right; */ width: 100%; } div#shareOn img { border: none; vertical-align: text-bottom; } div#shareOn a { text-decoration: none; background: none !important; padding-right: 0 !important; } #shareOn a.help { text-decoration: underline; font-weight: normal; color: #666666; } #shareon_google,#shareon_twitter,#shareon_linkedin,#shareon_facebook { float: right; } #shareon_facebook { margin-left: 30px; } /**************************** Document language bar navigation *****************************************/ .docLanguageNav { border: none; font-size: 0.85em; font-weight: normal; text-align: right; width: 100%; width: auto; padding: 0; margin: 11px 0 0px 0; color: #000000; } .docLanguageNav a,.docLanguageNav a:link,.docLanguageNav a:visited { text-decoration: none; font-weight: normal; color: #000000 !important; } .docLanguageNav a:hover,.docLanguageNav a:active,.docLanguageNav a:focus { /*color: #fed100 !important; background-color: #0065bd;*/ text-decoration:underline; } .docLanguageNav .currentLang { text-decoration: none; font-weight: bold; color: #0065bd !important; } .docLanguageNav .otherLang { font-style: italic; } .docLanguageNav .spacebetweenpoint { padding: 0 0.25em; margin: 0; } .rightThumb { position: relative; float: right !important; width: 226px; padding: 1px; margin-top: 5px; margin-left: 11px !important; margin-right: 0 !important; margin-bottom: 5px !important; } .relatedDocCases { font-weight:bold; } .relatedDocCases:before { display:none; } .hiddenElement { display: none; } .complaintFormNavigation,.contactFormNavigation { /* clear: both; */ margin: 22px 0 22px 0; padding: 0; border: none; } .complaintFormNavigation a:focus, .contactFormNavigation a:hover{ border: 2px solid #000000; } .complaintFormNavigation a,.contactFormNavigation a { margin: 0 15px 0 0; display: inline-block; } .complaintFormNavigation img,.contactFormNavigation img { border: none; } .complaintFormHelp,.interactiveGuideHelp { border: none !important; font-size: 1em; margin: 22px 0; padding: 0; background-color: #fed100; } .complaintFormHelp td,.interactiveGuideHelp td { border: none !important; } #complaintFormProgress { width : 100%; } #content .complaintFormHelp p, #content .interactiveGuideHelp p { margin: 0; padding: 5px; } #content .interactiveGuideHelp p img { margin-right: 5px; } /**************************** InteractiveGuide *****************************************/ #interactiveGuideForm { font-size: 1.2em; } #interactiveGuideForm ul { margin: 22px 0; } #interactiveGuideForm li { list-style-position: inside; margin: 11px 0; } #interactiveGuideForm li p { display: inline; margin: 0; padding: 0; border: none; } #interactiveGuideHistory { background-color: #ffffff; margin: 22px 0; padding: 0; font-size: 0.9em; } #interactiveGuideHistory legend { border-bottom: solid 1px #000000; margin: 0 0 11px 0; padding: 0 0 0 0; font-size: 0.9em; } #interactiveGuideHistory table { vertical-align: top; margin: 0; padding: 0; font-size: 0.9em; } #interactiveGuideHistory td { vertical-align: top; } #interactiveGuideHistory .questionLabel { font-weight: bold; display: block; } #interactiveGuideHistory .asnwerText { font-weight: bold; } #interactiveGuideForm .popupInfoIcon { margin-left: 11px; float: right; } #interactiveGuideForm #prefix,#interactiveGuideForm #postfix { margin: 11px 0; color: #0065bd; font-size: 1em; } #interactiveGuideForm #prefix a,#interactiveGuideForm #postfix a { color: #0065bd; } #interactiveGuideForm #prefix li,#interactiveGuideForm #postfix li { margin: 0; padding: 0; } #interactiveGuideForm #answersTable { width: 100%; margin: 22px 0; padding: 0; border: none; } #interactiveGuideForm #answersTable tr { border: none; } #interactiveGuideForm #answersTable td { width: 50%; border: none; } #interactiveGuideForm #answersTable img { text-decoration: none; } #interactiveGuideForm #answersTable a img { text-decoration: none; padding-right: 10px; } #interactiveGuideForm #advice,#interactiveGuideForm #text2 { margin: 11px 0; font-size: 1em; } #interactiveGuideHistory { background-color: #ffffff; margin: 22px 0; padding: 0; font-size: 0.9em; } #interactiveGuideHistory legend { border-bottom: solid 1px #000000; margin: 0 0 11px 0; padding: 0 0 0 0; font-size: 0.9em; } #interactiveGuideHistory table { vertical-align: top; margin: 0; padding: 0; font-size: 0.9em; width:100%; } #interactiveGuideHistory td { vertical-align: top; } #interactiveGuideHistory .questionLabel { font-weight: bold; display: block; } #interactiveGuideHistory .asnwerText { font-weight: bold; } #jquerybook { margin-top:100px; } /**** COMPLAINT FORM ****/ .complaintFormLinkToLogin { margin-top: 22px 0; vertical-align: middle; width: 100%; display: table; } .complaintFormLinkToLogin a,.complaintFormLinkToLogin a:visited { background-image: url("images/icon_profile.png"); background-repeat: no-repeat; background-position: 0 50%; font-weight: bold; font-size: 1.5em; background-color: #0065bd; color: #ffffff; height: 80px; display: table-cell; vertical-align: middle; padding-left: 80px; width: 100%; table-layout: } .complaintFormLinkToLogin a:hover { background-image: url("images/icon_profile_hover.png"); background-color: #fed100; color: #0065bd; } .complaintFormLinkToLogin a:active { background-image: url("images/icon_profile_active.png"); background-color: #0065bd; color: #fed100; } #complaintFormLoginlinks { margin: 11px 0 22px 0; } .complaintFormNavigation,.contactFormNavigation { margin: 22px 0 22px 0; padding: 0; border: none; } .complaintFormNavigation a,.contactFormNavigation a { border: none; margin: 0 15px 0 0; } .complaintFormNavigation img,.contactFormNavigation img { border: none; } .complaintForm_logout { font-size: 0.8em; text-align: right; } #manageComplaintForm,#manageComplainantForm { } #manageComplaintForm table { width: 100%; border: none; } #manageComplainantForm table { width: auto; border: none; } #manageComplaintForm td { margin: 0; padding: 0 11px 0 0; vertical-align: top; border: none; } #manageComplainantForm td { margin: 0; padding: 0 11px 5px 0; vertical-align: top; border: none; } .complaintFormListComplaints { margin: 0; padding: 0; border-spacing: 0; border-collapse: collapse; } .complaintFormListComplaints tr { margin: 0; padding: 0; border-bottom: solid 1px #e4e4e4 !important; } .complaintFormListComplaints thead th { font-size: 1em; padding: 0 5px; margin: 0; border: none; background-color: #ffffff !important; border-bottom: solid 1px #e4e4e4 !important; } .complaintFormListComplaints td { padding: 11px 5px 11px 5px !important; margin: 0; border: none; border-bottom: solid 1px #e4e4e4 !important; } .complaintFormListComplaints tbody tr:hover { background-color: #fafafa; } #complaintForm { margin-bottom:50px; } #complaintForm h4 { background: none; font-size: 1.1em; margin: 22px 0 11px 0; } #complaintForm table { margin: 11px 0; padding: 0; } #complaintForm tr { margin: 0; padding: 0; } #complaintForm td { vertical-align: top; margin: 0; padding: 0 5px 10px 0; } .complaintFormHelp,.interactiveGuideHelp { border: none !important; font-size: 1em; margin: 22px 0; padding: 0; background-color: #fed100; } .complaintFormHelp td,.interactiveGuideHelp td { border: none !important; } .complaintFormHelp p,.interactiveGuideHelp p { margin: 0; padding: 5px; } .complaintSummary { padding: 0; margin: 0; border: solid 1px #000000; background-image: url("images/logo/eo_logo_b_w_48x48.png"); background-repeat: no-repeat; background-position: 48px 32px; } .complaintSummaryHeader { margin: 32px 0 0 160px; padding: 0; font-weight: bold; font-size: 1em; } .complaintSummaryContent { margin: 160px 48px 22px 160px; padding: 0; font-family: 'palatino linotype', palatino, serif; } .complaintSummaryFooter { margin: 0 48px 22px 160px; padding: 0; } .complaintSummaryFooter td { font-size: 0.7em; font-family: Arial, sans-serif; font-weight: bold; } .complaintSummaryFooter .eoEmpty { width: 22px; } .complaintSummaryFooter #eoAddress { padding: 11px 0 0 0; border-top: solid 1px #000000; width: 180px; white-space: nowrap; } .complaintSummaryFooter #eoTel { padding: 11px 0 0 0; border-top: solid 1px #000000; width: 133px; white-space: nowrap; } .complaintSummaryFooter #eoWebsite { padding: 11px 0 0 0; border-top: solid 1px #000000; width: 133px; white-space: nowrap; } .complaintSummaryContent label { font-family: Arial, sans-serif; font-weight: bold; } #logo_eno { position: relative; float: left; width: 150px; margin-right: 44px; margin-bottom: 100px; } img.right { position: relative; float: right !important; margin-left: 44px !important; margin-right: 0 !important; margin-bottom: 44px !important; } .arTitle { font-weight: bold; } .linkEOBookshop { margin-top:10px; } #press_visualidentity img { position: relative; float: left; width: 150px; margin-right: 44px; margin-bottom: 500px; } .criteria table { background-color: #e4e4e4; width: 100%; border: 0 !important; } .criteria td { border: 0 !important; } .criteria td td { padding: 0; } .criteria td .value { font-weight: bold; } #galleryForm { width: 100%; padding: 0; margin: 22px 0 0 0; } #galleryForm div { text-align: left; } #pressGalery { padding: 0; margin: 0; } .pressGaleryImage { position: relative; float: left; text-align: left; padding: 0; margin-right: 11px; margin-bottom: 22px; } .pressGaleryImage a { border: none; font-size: 0.8em; } .pressGaleryImage img { border: none; /*width: 163px;*/ width: auto; height: 100px; } .pressGalleryComment { clear:left; } /**************************** Document : Years List Navigation *****************************************/ .yearsList { margin: 11px 0 22px 0px !important; border: none !important; font-size: 0.9em !important; text-align: left; background-color: #ededed; font-weight: normal; white-space: normal !important; } .yearsList label { margin: 0 0 1px 0 !important; padding: 0 5px !important; background-color: #ededed; text-align: left; font-weight: bold; } .yearsList label,.yearsList div { display: block; padding-top: 3px; padding-bottom: 3px; } .yearsList div { padding-left: 5px; padding-right: 5px; } .yearsList a { margin: 0; padding: 0 5px 0 0; text-align: left; white-space: nowrap; } .yearsListActive { padding: 0 5px 0 0; font-weight: bold; color: #0065bd !important; text-decoration: none !important; text-align: left; white-space: nowrap; } /**************************** Banners *****************************************/ #banners { margin-bottom: 10px; } #banners img { width : 100%; } .criteria table tr, .results tr { border: none; } .scrollerTable { border: 0 !important; } .scrollerTable tr, .scrollerTable td { border: 0 !important; font-size:1em; } .scrollerTable .standard { padding-right:3px !important; } .scroller { border: 0 !important; } .scroller td { border: 0 !important; padding-right:3px !important; } .scroller td img { border:0 !important; height:1em; } .paginator { border: 0 !important; } .paginator td { border: 0 !important; padding-right:5px !important; font-size:1em; } .scrollerTable, .scroller, .paginator { margin:0; padding:0; } .scrollerTable tr, .scroller tr, .paginator tr, .resultsTable tr { border:none; } .TOCHeadLine, #relatedDocs p { /* margin: 20px 0 20px;*/ font-size: 20px; font-weight: bold; color: #0065bd; line-height: 1.2em; } h4.TOCHeadLine{ margin: 0 0 20px; } .TOCHeadLine > a{ display: none; } .flag { border: medium none; vertical-align: middle; margin: 0px 5px 0px 0px; padding: 0px; } #login table, #login tr, #login td, #registrationForm table, #registrationForm tr, #registrationForm td, #manageComplainantForm table, #manageComplainantForm tr, #manageComplainantForm td, #manageComplaintForm table, #manageComplaintForm tr, #manageComplaintForm td, #complaintForm table, #complaintForm tr, #complaintForm td, #contactForm table, #contactForm tr, #contactForm td { border: medium none; } .alert { color: #e2001a; border: thin solid #e2001a; padding: 5px; } .error { margin: 22px 0 11px 0; color: #e2001a; font-weight: bold; list-style-image: none; list-style-type: disc; list-style-position: inside; } ul.error li:before { display:none; } .headerImage, .footerImage { width:100%; } div.image-share-buttons { display:none; position: absolute; background: none repeat scroll 0% 0% #FFF; padding: 0px 3px 3px 0px; margin: 0px; height: 53px; } div.image:hover div.image-share-buttons { display:block; } .tooltip-content a { color: #FFFFFF; text-decoration: underline; } .tooltip-content a:hover { color: #FED100; } /* customize the slider */ .eo-slider{ margin-bottom: 25px; } .eo-slider .ms-layer.text-box { /* top: 59% !important; left: 57% !important; */ background-color: rgba(0, 0, 0, 0.5); overflow: hidden; /* font-size: 14px !important; */ /*height: 38%; width: 42%;*/ width: 80%; height:auto; right:0; bottom: 0; } .eo-slider .ms-layer.text-box > * { margin: 0 7px 0; } .eo-slider .text-box .light-title { font-weight: bold; color: #FFFFFF; margin-top: 7px; font-size:1.5em; } .eo-slider .text-box .normal-desc { color: #FFFFFF; margin-top: 7px; margin-bottom: 7px; } .eo-slider .master-slider a{ color: #FFFFFF; } .eo-slider p { margin: 0; } @media screen and (max-width: 720px) { .eo-slider{ font-size: 2em; line-height: 1.5em; } .eo-slider .ms-layer.text-box { width:100%; } } @media screen and (min-width: 2000px) { .eo-slider{ font-size: 0.5em; } } /* End customize the slider */ /* registration form */ .registration-form label{ font-weight: 700; margin-bottom: 5px; } .registration-form .form-group label{ display: block; max-width: 100%; } .registration-form .form-group .label-inline{ font-weight: 100; display: inline; max-width: 100%; } .registration-form .check{ margin-bottom: 7px; } .registration-form .important-info{ color: red; } .registration-form .form-control{ width: 100%; max-width:750px; } .registration-form .form-group{ margin-bottom: 15px; } .registration-form input[type="submit"]:hover{ background-color: #0057a3; } .registration-form input[type="submit"]:active{ background-color: #fed600; } #registrationForm .select2-selection{ border: 1px solid #dadada; border-radius: 0px; } #content ul li.select2-search.select2-search--inline::before, #content ul li.select2-selection__choice::before{ content: ""; } #content ul li.select2-search.select2-search--inline, #content ul.select2-selection__rendered, #content ul li.select2-selection__choice{ margin: 0; } .form-group .select2 { width: 100% !important; max-width:750px !important; } .form-group.exact-width .select2 { width: auto !important; max-width: auto !important; } #content .candidate-info{ -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; } #content .candidate-info li{ margin: 0px; } /* End registration form */ /*validation page*/ .validation-info{ color: green; } @media screen and (max-width: 1050px) { .candidate-info{ -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; } } @media screen and (max-width: 720px) { #colRight #twitterfeeds{ display: none; } .candidate-info{ -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; } } .text-right{ text-align:right; } .pull-left { float: left; } .pull-right { float: right; } .cv-thumb { float: left; padding: 0px; margin-top: 5px; margin-left: 0px; margin-right: 5px; margin-bottom: 0px ; } .cv-content { clear: left; display: block; padding-top: 22px; } .clear-left{ clear: left; } /* box component*/ .eo-box { margin-left: -99px; padding-left: 99px; padding-top: 20px; padding-bottom: 20px; line-height:normal; font-size: 1.2em; } .eo-box .eo-box-title{ font-weight: bold; font-size: 2em; padding-top:15px; } .eo-box h2.eo-box-title{ padding-top:0; } .eo-box .eo-box-content { padding-right: 15px; padding-bottom: 10px; } .eo-box .btn-more { display: inline-block; margin-top: 20px; } .eo-box .eo-box-content h3, .eo-box .eo-box-content h3:before{ position: inherit; content: none; font-size:22px; line-height:1.2em; margin-top: 30px; margin-bottom: 15px; } .eo-box-home-announce { background-color: #ff4e28; color:#ffffff; } .eo-box-home-announce h2, .eo-box-home-announce h3 { color:#ffffff; } .eo-box-home-announce a { color:#ffffff; } .eo-box-home-announce .eo-box-title { background-color: #ff4e28; } .eo-box-home-what { background-color: #fed100; color:#000000; } /* .eo-box-home-what .eo-box-title { */ /* color:#0065bd; */ /* } */ .eo-box-home-what h2, .eo-box-home-what h3, .eo-box-home-what a { color: #000000; } .eo-box-home-who { background-color: #0065bd; color: #ffffff; } .eo-box-home-who h2, .eo-box-home-who h3, .eo-box-home-who a { color: #ffffff; } .eo-box-home-how, .eo-box-home-how h3 { color: #0065bd; } .eo-box-home-how{ background-color: #e9f3fb; } .eo-box-home-news { background-color: #595959; color:#ffffff; } .eo-box-home-news .eo-box-title { color:#fed100; } #content .eo-box-home-news ul li.news-date:before { content:none; } #content .eo-box-home-news .news-date { padding-top:15px; padding-left:0; } #content .eo-box-home-news .news-date .date { color:#fed100; font-weight:bold; line-height: 21px; min-height: 21px; font-size: 16px; } .eo-box-home-news .news-date > h5.date{ margin: 0; padding: 0; } #content .eo-box-home-news ul li.news-date ul li.news-item:before { content:none; } #content .eo-box-home-news .news-date .news-item { margin-bottom: 15px; padding-left:0; font-size: 13px; color: #ffffff; } #content .eo-box-home-news .news-date .news-item .news-title { display: inline; font-weight: bold; } #content .eo-box-home-news .news-date .news-item .news-text { display: inline; } #content .eo-box-home-news .news-date .news-item .news-link a { color: #ffffff; } #content .eo-box-home-news .allNews { padding-top:20px; } #content .eo-box-home-news .allNews a { display: block; height: 33px; line-height: 33px; margin: auto; font-size: 14px; color: #fed100; font-weight: bold; } .btns-guide .home-interactive-guide-form { text-align:left; } .home-interactive-guide-form a.btn-colors { min-height: 60px; line-height: 60px; height:auto; width:50%; padding: 0 5px; margin:0; display:inline-block; text-align:center; white-space: nowrap; } .home-interactive-guide-form a.btn-yellow { /* white-space: nowrap; */ /* margin-right:5px */ } .home-interactive-guide-form a.btn-blue { /* white-space: nowrap; */ /* padding-left:20px; */ /* padding-right:20px; */ } .registration-form a.btn-colors { margin:1px; } /*** Mobile ***/ @media screen and (max-width: 1050px) { .home-interactive-guide-form a.btn-colors { width: 100%; } } /* Publication */ .container-document .document.eo-publication{ clear:both; width: auto; } .eo-publication .image-doc{ float:left; width: 150px; position: relative; } .eo-publication-archive-note{ position: absolute; left:0; top:0; color:#0065bd; padding: 5px; opacity: 0.9; background-color: #cccccc; width: 100%; text-align: center; } /*Message*/ .eo-message-container, .eo-message-container eo-error-message, .eo-message-container eo-warn-message, .eo-message-container eo-fatal-message{ color: red; } .eo-message-container .eo-info-message{ color: green; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .eo-search-case-date-format{ font-size: 12px; } .square-box-container{ clear: left; overflow:hidden; } a.btn-colors.btn-blue.square-box{ width: 100px; height: 100px; text-align: center; line-height: 15px; padding-top:5px; font-size:12px; display: block; float: left; } a.btn-colors.btn-blue.square-box i{ font-size:40px; } #content #progressbar li::before{ content: none; } #content #progressbar li{ float:left; display: block; text-align: center; } #content #progressbar li.active{ color:#006bbe; } #content #progressbar li.todo{ color:#595959; } #content #progressbar li.done{ color:#2da12d; } #content #progressbar li i{ font-size:40px; } #content #progressbar li i.fa-long-arrow-right{ font-size:30px; } #content #progressbar{ width: 310px; margin: 0 auto; } form#registrationForm{ margin-bottom:20px; } #content ul.list-inline { padding-left: 0; list-style: none; margin-left: 0px; } #content ul.list-inline > li { display: inline-block; padding:0; } #content ul.eo-years-list{ margin: 0; } #content ul.eo-years-list > li:first-child { padding-left:5px; } #content ul.list-inline > li::before{ content:none; } #navigation .submenu.display-block{ display: block; } a.tooltip-target{ display: inline-block; } /* masterslider customization */ .ms-skin-black-2 .eo-nav-pause-play{ position: absolute; cursor: pointer; z-index: 110; width: 45px; height: 45px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; background-position: -88px -26px; border: solid 3px rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.4); top: 50%; left: 30px; margin-top: -22px; } .ms-skin-black-2.round-skin .eo-nav-pause-play{ border-radius: 90px; } .ms-skin-black-2 .eo-nav-pause-play:hover{ background-color: #3d3d3d; } .ms-skin-black-2 .eo-nav-pause-play { background: url(../assets/jquery/plugins/masterslider/templates/layers/btns.png) black; right: 50%; left: auto; } .ms-skin-black-2 .eo-nav-play { background-position: 1px 1px; } .ms-skin-black-2 .eo-nav-pause { background-position: -60px 1px; } /* End masterslider customization */