/* uPDATED TEMPLATE AUGUST 2011 */ /* LAYOUT OF MAIN CONTENT */ #content-wrapper {float: left; width: 100%; padding: 0; margin: 0;} #col1 {float: left; width: 170px; margin: 0; padding: 0 0 0 9px !important;} #col2 {float: right; width: 775px; margin:0; padding: 0 12px 0 0 !important;} #col3 {padding-right: 12px;} .intranet #col2 {float: left; width: 500px; margin: 0 0 0 30px;} .intranet #col3 {float: right; width: 200px;} body {height: 100%; background-color: #f3eee1;} #pageWrapper {float: left; width: 100%; background: #f3f3f3 repeat left top;} #headerOuterWrapper {background: url(https://www.emcdda.europa.eu/userfiles/image/graphics/bodyBackground1.gif) center top; width: 100%; float: left; height: auto; border-bottom: 1px solid #586ba8} #headersection {width: 1000px; position: relative; margin: 0 auto; float: none; padding: 0;} #logosection { width: 500px !important; background: url(https://www.emcdda.europa.eu/userfiles/image/graphics/headerBlueGradient3.jpg) left top repeat-y; padding: 12px 0;} #headertools { width: 400px !important; padding-right: 0 !important;} /* GENERAL RULES AND BASELINES */ p, h1, h2, h3, h4 {margin:0; padding:0; font-size: small;} #pageWrapper #col2 ul.noLinks li {color: #333333 !important;} a.more, .more a {font-weight: bold; text-decoration:none;} a.more:hover, .more a:hover {font-weight: bold; color: #0000ff; } body {min-width: 1000px;} /* MAIN PAGE CONTENT */ #contentOuterWrapper {width: 1000px; margin: 0 auto !important; clear: both; padding-top: 0; background-color: #ffffff;} #contentInnerWrapper {float: left; width: 100%; min-height: 800px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 4px 2px #e7e7e7; -moz-box-shadow: 0px 0px 4px 2px #e7e7e7; box-shadow: 0px 0px 4px 2px #e7e7e7; padding-bottom: 12px;} /* COL1 ELEMENTS */ #sideMenu h2 {display: block; padding: 3px 6px; background-color: #848fc0; color: #ffffff; font-size: 110%; font-weight: bold; padding: 3px 6px;} #sideMenu h2 a {color: #e7e9f3;} #sideMenu h2 a:hover {color: #ffffff; background-color: #848fc0;} #sideMenu ul {list-style: none; margin: 0; padding: 6px; background-color: #cdd1e7;} #sideMenu ul li {margin-bottom: 3px;} #sideMenu ul li li {margin-bottom: 3px; line-height: 1.3; padding: 0; } #col1 #sideMenu ul ul {padding: 0 0 0 3px; margin-left: 0; font-size: 105%;} #content-wrapper #col1 #sideMenu ul ul ul {font-size: 95%; list-style-type: disc; padding: 0 0 0 21px; margin-left: 0; color: #e7e9f3;} #sideMenu a, #sideMenu strong {display: block; padding: 2px 0; text-decoration: none;} #sideMenu strong {color: #333333; display: block; margin: 9px 0 3px 0;} #sideMenu li strong {font-weight: bold; font-size: 100%; border-bottom: 1px solid #b4bada; border-top: 1px solid #b4bada;} #sideMenu a:hover {background-color: #b4bada;} #sideMenu a, #sideMenu strong {display: block; padding: 2px 0; text-decoration: none;} * html #sideMenu li {width: 98%;} * html #sideMenu li li a {margin: 0px; padding: 0px;} #relatedLinks {padding: 3px 6px; margin-top: 36px;} #relatedLinks ul {list-style: none; padding: 0; margin: 0;} #relatedLinks h2 {font-size: 110%; color: #586ba8; background-color: #ffffff; margin-bottom: 3px;} #relatedLinks ul {list-style: none;} #relatedLinks ul li {color: #3c3c3c; padding-bottom: 4px;} #relatedLinks ul li a {text-decoration: none; color: #586ba8;} #relatedLinks ul li a:hover {text-decoration: underline;} #relatedLinks {border: 1px dashed #cdd1e7; color: #000000;} p#intro {font-size: 100%; padding: 0; margin: 0;} p#intro a {font-weight: bold; text-decoration: none;} p#intro a:hover {text-decoration: underline;} p#intro #imagewrapper {float: left; width: 100%; display: block; padding: 0; margin-bottom: 6px; background-color: #ffffff;} p#intro img {float: left; width: auto; margin-bottom: 6px;} p#intro .text {display:block; clear: left;} #contactbox {float: left; margin: 10px 0; font-size: 85%; background-color: #f4f5fa; padding: 5px; border: 1px solid #e7e9f3;} #contactbox h1 {font-size: 140%;} /* SPOTLIGHT */ #spotlight, {float-left: width: 100px; margin: 21px 0; padding: 0; font-size: 90%; line-height: 1.2;} #spotlight h1 {color: #003082; font-size: 90%; padding-bottom: 4px;border-bottom: 1px solid #eceef6;} #spotlight ul{float-left: width: auto; margin: 0; padding: 0; list-style: none;} #spotlight ul li {padding: 0; margin: 0; line-height: 1.1;} #spotlight ul a {display: block; text-decoration: none; font-size: 100%; color: #586ba8;} #spotlight ul a:hover {text-decoration: underline; color: #000000;} #spotlight {margin: 24px 0;} #spotlight h1 {font-size: medium; color: #003082; border-bottom: 1px solid #eceef6; padding-bottom: 2px;} #col1 #spotlight a img {border: 1px solid #ffffff;} #col1 #spotlight a:hover img {border: 1px solid #627bb1;} #spotlight ul li {border:none; margin: 12px 0;} /* SPOTLIGHT2 */ #spotlight2 {float: right; width: 100%; background-color: #fff6dc; border: 1px solid #ffeba9; text-align: left; margin-top: 20px;} #spotlight2 h1 {float: left; width: 100%; margin: 0 0 15px 0; font-size: 110%; padding: 3px 0 3px 0; color: #ffffff; background-color: #F4C426;} #spotlight2 h1 a {text-decoration: none; margin-left: 6px; color: #ffffff;} #spotlight2 p {float: left; width: auto; margin: 0 0 2px 0; padding: 0 6px 9px 5px; font-size: 85%; color: #636363;} #spotlight2 p a {text-decoration: none; color: #6d7cb3;} #spotlight2 p a:hover {text-decoration: underline;} #spotlight2 h2 {padding: 0 6px 5px 5px; color: #586ba8;} #spotlight2 img {float: right; width: auto; padding: 0; margin: 5px;} /* AGENCYNOTICEBOARD */ #col1 #agencynoticeboard {float-left: width: 100px; margin: 21px 0; padding: 0; font-size: 90%; line-height: 1.2;} #agencynoticeboard h1 {color: #003082; font-size: 90%; padding-bottom: 4px;border-bottom: 1px solid #eceef6;} #agencynoticeboard ul {float-left: width: auto; margin: 0; padding: 0; list-style: none;} #agencynoticeboard ul li {padding: 0; margin: 0; line-height: 1.1;} #col1 #agencynoticeboard ul a {display: block; text-decoration: none; font-size: 100%; color: #586ba8;} #col1 #agencynoticeboard ul a:hover {text-decoration: underline; color: #000000;} #agencynoticeboard {margin: 40px 0;} #agencynoticeboard ul {padding: 9px 0; border-bottom: 1px solid #eceef6; margin: 3px 0;} #agencynoticeboard ul li {margin: 9px 0;} #agencynoticeboard h1 a {text-decoration: none; font-size: 120%;} #agencynoticeboard ul li a {font-size: 100%; margin-bottom: 6px; color: #003082; background:url("https://www.emcdda.europa.eu/imglib/empty_template/li-bullet.gif") no-repeat left top; padding-left: 15px; } * html body #agencynoticeboard ul a {width: 95%;} /* COL2 ELEMENTS */ #latestnewstitlebar, #latestnewsheadlines, #latestnewsfeature {float: left; width: 95%; background-color: #ffffff; margin: 0; font-size: 110%; padding: 0;} #latestnewstitlebar {float: left; width: 95%; border-bottom: 1px solid #d9deed;} #latestnewstitlebar h1 {margin: 0 0 4px 0; font-size: 120%; padding: 0; width: auto; color: #636363;} #latestnewstitlebar h1 a {font-weight: bold; text-decoration: none; color: #264d93; padding: 2px 0; background-color: #ffffff; } #latestnewstitlebar h1 a:hover {text-decoration: underline;} #latestnewstitlebar p#rsspart {float: right; width: 50%; padding: 0; margin: 0;} #latestnewstitlebar #rsspart a {text-decoration: none; color: #ffffff; font-weight: bold;} #latestnewstitlebar #rsspart a:hover {color: #627bb1;} #latestnewstitlebar a#rssfeed {float: right; width: auto;} #latestnewstitlebar a#rssfeed img {float: right; width: auto; border: none;} #latestnewstitlebar a span#rssdescription {float: right; width: auto; margin-right: 6px; font-size: 90%;} #latestnewsheadlines ul {clear: both; font-size: 110%; list-style: none; margin: 0; padding: 0 0 0 3px;} #latestnewsheadlines ul li {margin: 0; padding: 0 0 1px 15px; background:url("https://www.emcdda.europa.eu/imglib/empty_template/relatedlinksoff.gif") no-repeat left center; color: #b4bada;} #latestnewsheadlines ul li a {display: block; text-decoration: none; color: #586ba8; padding-top: 4px;} #latestnewsheadlines ul li a:hover {text-decoration: underline; color: #000000;} #latestnewsheadlines .more {font-size: 80%; text-align: left; margin: 6px 0 0 0; padding: 0 0 9px 3px; color: #00000; background-color: #ffffff; } #latestnewsheadlines .more a {text-decoration: none; font-weight: bold; color: #003082;} #latestnewsheadlines .more a:hover {text-decoration: underline; color: #000000; border: none;} #latestnewsheadlines h1 {margin: 5px 0; padding: 3px; background: #ffeba9;} #latestnewsfeature {border-bottom: 1px solid #d9deed; padding-bottom: 9px; margin: 9px 0 15px 0;} #latestnewsfeature h1 {font-size: 130%; color: #435b9d; margin-bottom: 3px; font-weight: bold;} #latestnewsfeature h2 {font-size: 110%; color: #435b9d; margin-bottom: 3px; font-weight: bold; padding-left: 3px;} #latestnewsfeature a {font-weight: bold; text-decoration: none;} #latestnewsfeature a:hover {text-decoration: underline;} #latestnewsfeature h3 {color: #435b9d; font-size: 100%; font-weight: bold; margin-bottom: 4px; padding-left: 3px;} #latestnewsfeature h4 {color: #435b9d; font-size: 85%; font-weight: bold; margin-bottom: 3px; padding-left: 3px;} #latestnewsfeature a {text-decoration: none; font-weight: bold;} #latestnewsfeature a:hover {text-decoration: underline;} #latestnewsfeature p {line-height: 1.3; padding-left: 3px;} #contents {float: left; width: 95%; margin: 12px 0 0 0; padding: 0 0 9px 0; color: #333333; background: #efeff7 url("https://www.emcdda.europa.eu/imglib/graphics/arch.gif") no-repeat center top; border: 0px solid #e7e9f3;} #contents h1 {display: block; width: auto; padding: 2px 2px 2px 6px; margin: 0; font-size: 110%; font-weight: bold; color: #ffffff; background-color: #586ba8;} #contents #drugstate {float: left; width: 98%; margin: 0; padding: 0; background: none;} #contents #drugstate h2 {width: 97%; padding: 3px; margin: 9px 0 6px 0; color: #003082; background: none; font-size: 110%;} #contents #drugstate .left {float: left; width: 49%; margin: 0px 0 6px 0px; padding: 0;} #contents #drugstate .right {float: right; width: 49%; margin: 0px 0 6px 0px; padding: 0;} * html body #contents #drugstate .left {width: 48%;} * html body #contents #drugstate .right {width: 49%;} #contents #drugstate .left .option {float: left; width: 98%; margin: 3px 5px 3px 6px; padding: 0; font-size: 90%;} #contents #drugstate .right .option {float: right; width: 98%; margin: 3px 0 3px 6px; padding: 0; font-size: 90%;} * html body #contents #drugstate .left .option {margin-left: 3px;} * html body #contents #drugstate .right .option {margin-left: 3px;} #contents #drugstate .option a h3 {font-weight: bold; font-size: small; color: #000000;} #contents #drugstate .left .option a {float: left;} #contents #drugstate .right .option a {float: right;} #contents #drugstate .option a {width: 95%; display: block; color: #000000; text-decoration: none; padding: 5px; background-color: #feeeb9;} #contents #drugstate .option a:hover {background-color: #fedf7b; color: #000000;} #contents #othertopics {float: left; width: 98%; margin: 0; padding: 0; background: none;} * html body #contents #othertopics {width: 97%;} #contents #othertopics h2 {width: 97%; padding: 3px; margin: 9px 0 6px 0; color: #003082; background: none; font-size: 110%;} #contents #othertopics .option {float: left; width: 98%; margin: 3px 0 3px 6px; font-size: 90%; background-color: #ffffff; padding: 3px; color: #000000;} * html body #contents #othertopics .option {margin-left: 3px;} #contents #othertopics .option h3 a {float: left; width: 25%; font-weight: bold; font-size: 110%; padding: 2px; text-decoration: none; } #contents #othertopics .option p {float: right; width: 70%; padding-right: 6px;} #contents #othertopics .option h3 a:hover, #contents #othertopics .option a:hover {background-color: #586ba8; color: #ffffff;} #contents #othertopics .option p a {text-decoration: none; color: #003082; font-weight:bold;} #contents #othertopics .option p.links .emphasised {color: #003082; font-weight: bold;} #contents #othertopics .option p.links a {font-weight:normal;} #contents #othertopics .option p.links {padding-top: 2px;} #contents #othertopics .option p a:hover {background-color: #586ba8; color: #ffffff;} #quicklinks {float: left; width: 95%; margin-top: 20px; background-color: #efeff7;} #quicklinks h1 {display: block; width: auto; padding: 2px 2px 2px 6px; margin: 0; font-size: 95%; color: #ffffff; background-color: #586ba8;} #quicklinks #links {padding: 2px 4px; width: 100%; float: left; margin: 0; font-size: 90%; color: #cdd1e7;} #quicklinks #links a {color: #6d7cb3; text-decoration: none;} #quicklinks #links a:hover {color: #ffffff; background-color: #586ba8; text-decoration: underline;} #content-wrapper #maintext ul li { margin: 0 0 6px 0; list-style-image: url(/imglib/drugnetonline/dnli-off.gif); list-style-type: square; list-style-position: outside;} #content-wrapper #maintext ul li a {text-decoration: none; font-weight: normal; color: #003082;} #content-wrapper #maintext ul li a:hover {text-decoration: underline; color: #000000;} /* SPOONFEEDBOX FOR DATABASE SEARCH */ .spoonfeedbox {float: left; margin: 0px 0 15px 0; padding: 0 0 4px 0; width:544px; color: #333333; } .spoonfeedbox a: hover {border: none;} .spoonfeedbox h1 {font-size: 150%; color: #003082; padding-bottom: 2px; margin-left: 0;} .spoonfeedbox h2 {margin: 2px 0 0 4px;} .spoonfeedbox p {margin: 6px 0 0 3px; padding: 0;} .spoonfeedbox p.explanation {font-size: 90%; color: #636363; margin: 15px 0 10px 2px;} .spoonfeedbox p.help {margin: 15px 0px 10px 0px; font-size: 90%;} .spoonfeedbox p.help a {text-decoration: underline; color: #848fc0; background-color: none;} .spoonfeedbox p.help a:hover {background-color: #ffffff; color: #003082;} .spoonfeedbox .oddbox a, .spoonfeedbox .evenbox a {display: inline-block; color: #003082;background-color: #f4f5fa;text-decoration: none;} .spoonfeedbox .oddbox a:hover, .spoonfeedbox .evenbox a:hover {color: #003082;background-color: #d9e0ec;} .spoonfeedbox .oddbox form input {margin: 4px 0px 0 5px;} .spoonfeedbox .oddbox, .spoonfeedbox .evenbox {color: #333333; background-color: #f4f5fa;} .spoonfeedbox .oddbox {float: left; margin: 2px 2px 4px 0; padding: 4px; width: 47%; background-color: #f4f5fa;} .spoonfeedbox .evenbox {float: right; margin: 2px 3px 4px 2px; padding: 4px; width: 47%;} /* COL3 ELEMENTS */ #showcase {float: right; width: 100%; background-color: #eceef6; border: 1px solid #d9deed; text-align: left;} #showcase h1 {float: left; width: 100%; margin: 0 0 15px 0; font-size: 110%; padding: 3px 0 3px 0; color: #ffffff; background-color: #627bb1;} #showcase ul {font-size: 110%; list-style: none; margin: 0; padding: 3px;} * html body #showcase ul {width: 98%;} #showcase h1 a {text-decoration: none; margin-left: 6px; color: #ffffff;} #showcase ul li {float: left; width: auto; margin: 0 0 15px 0; padding: 0 6px 9px 3px;} #showcase ul li.textonly {margin-bottom: 3px; width: 95%;} #showcase li a {display: block; text-decoration: none; font-weight:bold; color: #264d93; background-color: #eceef6; } #showcase li a:hover {text-decoration: underline;} #showcase img {float: right; width: auto; padding: 0; margin: 0 0 2px 7px;} body #showcase a img {border: 1px solid #a9a9a9;} #showcase li .description {display: block; font-size: 90%; color: #000000; background-color: #eceef6;} #showcase li .date {display: block; font-size: 90%; font-weight: bold; color: #666666; background-color: #eceef6; margin-bottom: 3px; } #showcase .more {display: block; float: left; width: auto; clear: left; padding: 0 0 12px 6px; font-size: 85%; color: #003082; font-weight: bold;} #showcase .more a {text-decoration: none;} #showcase .more a:hover {text-decoration: underline; border: none; color: #000000;} #contents {float: left; width: 95%; margin: 12px 0 0 0; padding: 0 0 9px 0; color: #333333; border: 0px solid #e7e9f3;} #showcase h3 {background: #ffeba9; padding: 6px; margin: 0px 0 15px 0;} #partners {float: right; text-align: right; margin-top: 24px; width: 100%;} #partners h1 {margin-bottom: 6px; color: #000000; border-bottom: 1px solid #eceef6;} #partners ul li {list-style: none; float: right; width: auto;} #partners ul li {border-bottom: none; margin-bottom: 15px; } #partners ul li a img {border: 1px solid #586ba8;} #partners ul li a {display:block; font-size: 80%; color: #586ba8; text-decoration: none; } #partners ul li a:hover img {border: 1px solid #000000;} #partners ul li a:hover {color: #000000; text-decoration: underline; } * html body #partners ul li {margin-bottom: 15px;} /* PARTS SPECIFIC TO PAGES USING MINITABS */ ul#minitabs {float: left; width: 100%; list-style: none; padding: 0; margin: 0; background: #ffffff url("https://www.emcdda.europa.eu/imglib/template_images/newsbarnavbg1.gif") repeat-x left bottom; padding: 0 2px 0 0;} #minitabswrapper {float: left; width: 100%; border: 1px solid #dadada; border-top: none; none; padding: 0; margin: 0 0 12px 0;} ul#minitabs li {float: left; width: auto; padding: 0 0 1px 0; margin: 0 0.3em 0 0; font-size: 100%; border-style: solid; border-width: 1px; border-color: #dadada; border-bottom: none;} ul#minitabs li a {float: left; display: block; width: auto; text-decoration: none; padding: 2px 6px; margin: 0; color: #000000; background-color: #eceef6;} ul#minitabs li a:hover {background-color: #ffffff; color: #003082; text-decoration:none;} ul#minitabs li a img {border: none; margin-right: 4px;} ul#minitabs li.current {padding: 2px 6px 3px 6px; background-color: #ffffff; font-weight: bold; color: #003082;}