body {
    background-color: #ffffff;
    min-width: 1000px;
}

/* HEADERSECTION */
#headersection {
    width: 100%;
    float: left;
    color: #ffffff;
    background: #627bb1 url(/public/images/sites/blue_gradient.jpg) no-repeat top left;
    margin: 0;
    padding: 12px 0;
}

#logosection {
    float: left;
    width: 20%;
}

#logosection a img {
    margin: 0;
    border: 0;
}

#headertools {
    float: right;
    width: 70%;
    padding: 0;
    margin: 0 6px 0 0;
    max-width: 750px;
}

#languagelist {
    float: right;
    width: auto;
    text-align: left;
    margin: 6px 0 0 0;
    list-style: none;
}

#languagelist li {
    font-size: 80%;
    float: left;
    margin: 0 0 0.5em 0.4em;
    border: 1px solid #264d93;
    text-transform: lowercase;
}

#languagelist li.on {
    display: block;
    padding: 0.2em;
    background-color: #fdd44f;
    color: #003082;
}

#languagelist li.off a {
    float: left;
    padding: 0.2em;
    display: block;
    background-color: #496dab;
    color: #f6f7f6;
    text-decoration: none;
}

#languagelist li.off a:hover, #languagelist li.off a:focus {
    color: #ffffff;
    background-color: #003082;
    text-decoration: none;
}

#advsearch {
    float: right;
    width: 180px;
    padding-top: 0.2em;
    font-size: 85%;
    clear: right;
    text-align: right;
    margin: 0 0 0 0;
}

#searchtext {
    clear: right;
    float: right;
    width: 180px;
    text-align: right;
    margin: 0;
    padding: 0;
}

#advsearch a {
    float: right;
    width: auto;
    color: #f6f7f6;
    background-color: #627bb1;
    text-decoration: none;
    margin-bottom: 0;
}

#advsearch a:hover {
    text-decoration: underline;
}

/* NAVBAR */
#navbar {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    color: #fedf7b;
    background-color: #eceef6;
    list-style: none;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #cdd1e6;
}

#navbar li {
    float: left;
    color: #fedf7b;
    background-color: #eceef6;
    font-size: 110%;
    font-weight: bold;
    margin: 2px 0;
    border-right: 1px solid #b4bada;
}

#navbar a, #navbar li.current {
    float: left;
    display: block;
    padding: 1px 6px;
    text-decoration: none;
    color: #003082;
    background-color: #eceef6;
}

#navbar a:hover {
    background-color: #003082;
    color: #eceef6;
}

/* LEFT SIDEBAR */
#leftsidebar {
    float: left;
    width: 175px;
    background-color: #ffffff;
    overflow: hidden;
    margin: 15px 24px 0 0;
    display: none;
}

* html body #leftsidebar {
    padding-bottom: 480px;
}

/* BREADCRUMBS */
#breadcrumbsanduserid {
    float: left;
    width: 95%;
    color: #003082;
    background-color: #ffffff;
    margin: 6px 0 6px 3px;
    padding: 0 0 0 18px;
    background: url("/public/templates/statsbulletin/images/home.gif") no-repeat left top;
}

#breadcrumbs {
    float: left;
    width: 75%;
}

#breadcrumbscurrent {
    font-weight: bold;
    background-color: #ffffff;
    color: #003082;
    text-decoration: none;
}

#breadcrumbstrail a {
    font-weight: bold;
    background-color: #ffffff;
    color: #003082;
    text-decoration: none;
}

#breadcrumbstrail a:hover {
    text-decoration: underline;
}

#currentuser {
    font-size: 100%;
    float: right;
    width: 20%;
    text-align: right;
}

/*  SIBLING NAVIGATION */
#siblingnavigation {
    width: auto;
    color: #586ba8;
    background-color: #ffffff;
    padding: 0;
    margin: 0px 6px 36px 6px;
}

#siblingnavigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#siblingnavigation li {
    padding: 3px 3px 3px 6px;
    border-top: 1px solid #cdd1e7;
    background-color: #cdd1e7;
    border: 1px solid #cdd1e7;
    margin-bottom: 4px;
    font-weight: normal;
    font-size: 11pt;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#siblingnavigation li:hover {
    background-color: #586ba8;
}

#siblingnavigation li:hover a {
    background-color: #586ba8;
    color: #ffffff;
}

#siblingnavigation li a {
    text-decoration: none;
    color: #003082;
    display: block;
}

#siblingnavigation li a:hover {
    text-decoration: none;
    color: #ffffff;
}

#siblingnavigation li#current {
    color: #000000;
    background-color: #ffffff;
}

/*  FURTHER OPTIONS */
#furtheroptions {
    width: 90%;
    margin: 64px 6px;
}

#furtheroptions ul img {
    display: none;
}

#furtheroptionstitle {
    display: block;
    0;
    color: #3c3c3c;
    font-size: small;
    border-bottom: 1px solid #fedf78;
    background-color: #ffeba9;
    padding: 3px 25px 3px 6px;
    font-weight: bold;
}

#furtheroptions ul {
    margin: 0;
    list-style: none;
    background-color: #fffbed;
    padding: 3px;
    border-color: #ffeba9;
    border-width: 1px;
    border-style: solid;
    border-top: none;
}

#furtheroptions li {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #fff6dc;
}

#furtheroptions li a {
    width: auto;
    text-decoration: none;
    font-size: 85%;
    font-weight: bold;
    padding: 1px 3px 3px 4px;
}

#furtheroptions li a:hover {
    color: #000000;
    text-decoration: underline;
}

/* MAIN CONTENT SECTION */

#content p {
    line-height: 1.3;
    margin: 6px 0 12px 0;
    padding: 0;
}

#content-wrapper {
    margin: 6px 12px 0 0;
    clear: none important;
}

#content {
    padding-right: 12px;
}

#titlesection {
    display: inline-block;
    width: 75%;
    padding: 1px 3px 0 0;
    margin: 0;
}

#titlesection h1 {
    color: #264d93;
    margin: 0 0 6px 0;
    font-size: 135%;
}

#maincontent {
    clear: left;
}

/* START CHILD NAVIGATION */
#childnavigation {
    float: left;
    margin: 0px 0 15px 0;
    padding: 3px;
    color: #003082;
    width: 98%;
    font-weight: bold;
    background-color: #f4f5fa;
}

#childnavigation ul {
    width: 100%;
    margin: 0 3px;
    padding: 0;
    list-style: none;
}

#childnavigation li {
    float: left;
    width: 30%;
    padding: 1px 6px 1px 0px;
}

#childnavigation li a {
    display: block;
    text-decoration: none;
    color: #435b9d;
}

#childnavigation li a:hover {
    text-decoration: underline;
    color: #000000;
}

#childnavigation li a:visited {
    color: #435b9d;
}

/* FOOTER */
#footersection {
    clear: both;
    float: left;
    width: 98%;
    margin: 64px 0 12px 0;
    background-color: #eceef6;
    border: 1px solid #cdd1e6;
    padding: 2px 6px;
}

* html body #footersection {
    float: none;
    margin: 64px 12px 12px 0;
}

#footersection a, #footersection a:visited {
    font-size: 80%;
    color: #003082;
    background-color: #eceef6;
    text-decoration: none;
}

#footersection a:hover {
    text-decoration: underline;
    color: #000000;
}

#footerlinks {
    float: left;
    width: auto;
}

#lastupdate {
    float: left;
    width: auto;
    margin: 2px 0 0 15em;
    text-decoration: none;
}

#lastupdate a, #lastupdate a:hover {
    text-decoration: none;
    background-color: #eceef6;
}

#footerprint {
    float: right;
    width: auto;
    margin-top: 1px;
    background-color: #eceef6;
}

/* HEADER STYLES */
#content-wrapper #maincontent h1 {
    width: auto;
    font-size: 125%;
    color: #003082;
    margin-bottom: 0px;
    margin-top: 5px;
    padding-bottom: 3px;
}

#content-wrapper #maincontent h2 {
    width: auto;
    font-size: 115%;
    font-weight: bold;
    color: #003082;
    margin: 24px 0 0 0;
}

#content-wrapper #maincontent h3 {
    width: auto;
    font-size: 105%;
    color: #003082;
    margin-bottom: 5px;
    margin-top: 20px;
}

#content-wrapper #maincontent ul li {
    margin: 3px 0;
    list-style-image: url(/imglib/drugnetonline/dnli-off.gif);
    list-style-type: square;
    list-style-position: outside;
}

#content-wrapper #maincontent ul li a {
    text-decoration: none;
    font-weight: normal;
    color: #003082;
}

#content-wrapper #maincontent ul li a:hover {
    text-decoration: underline;
    color: #000000;
}

#content-wrapper #maincontent a {
    text-decoration: underline;
    color: #586ba8;
}

#content-wrapper #maincontent a:hover {
    color: #000000;
}

#content-wrapper .groupboxes h2 {
    color: #003082;
    margin: 18px 0 6px 0;
    font-size: 110%;
}

.hide {
    display: none;
}

/* SEARCH RESULTS */
.highlight {
    border-bottom: 1px dotted #003082;
    color: #003082;
}

/* SITE MAP */
#contentsection #content-wrapper #maincontent div.minicol {
    float: left;
    width: 45%;
}

#contentsection #content-wrapper #maincontent ul.sitemap {
    padding: 0;
    margin: 18px 0 12px 0;
    width: auto;
}

#contentsection #content-wrapper #maincontent ul.sitemap li {
    list-style: none;
    font-weight: bold;
    margin: 0 12px 12px 0;
    padding: 0;
    font-size: medium;
    width: 300px;
    float: left;
}

#contentsection #content-wrapper #maincontent ul.sitemap li a {
    display: block;
    font-weight: bold;
    color: #ffffff;
    background-color: #586ba8;
    padding: 2px;
}

#contentsection #content-wrapper #maincontent ul.sitemap li a:hover {
    color: #fdd44f;
}

#contentsection #content-wrapper #maincontent ul.sitemap ul {
    padding: 0;
    margin: 0;
}

#contentsection #content-wrapper #maincontent ul.sitemap ul ul {
    padding-left: 12px;
}

#contentsection #content-wrapper #maincontent ul.sitemap li ul li {
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-size: small;
    border: none;
}

#contentsection #content-wrapper #maincontent ul.sitemap li ul li a {
    font-weight: normal;
    color: #003082;
    background: none;
}

#contentsection #content-wrapper #maincontent ul.sitemap li ul li a:hover {
    color: #000000;
    text-decoration: underline;
}

#contentsection #content-wrapper #maincontent ul.sitemap a {
    text-decoration: none;
}

/* BOXES */
#content-wrapper .box h1 {
    padding: 0;
    margin: 0;
}

#content-wrapper .box li {
    margin-bottom: 3px;
    line-height: 1.4;
}

#content-wrapper .box.right {
    float: right;
}

#content-wrapper .box.boxstyle1 {
    width: 45%;
    border: 1px solid #e7e9f3;
    background-color: #f4f5fa;
    padding: 6px;
    margin: 0 0 0 12px;
}

#content-wrapper .box.boxstyle2 {
    width: 25%;
    border: 1px solid #fff6dc;
    background-color: #fffbed;
    padding: 3px;
    margin: 6px 3px 3px 6px;
    color: #3c3c3c;
    font-size: 85%;
    font-weight: bold;
}

/* start GLOBAL CONTENT STYLES*/
table {
    clear: both;
}

body {
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
}

img {
    vertical-align: bottom;
}

a img, a:visited img {
    border: 1px solid #ffffff;
}

a:hover img {
    border: 1px solid #003082;
}

table.general {
    border-collapse: collapse;
    clear: left;
    margin: 9px 0 35px 6px;
    background-color: #ffffff;
    border: 1px solid #e7e9f3;
}

table.general caption {
    margin-top: 15px;
    font-weight: bold;
    color: #003082;
}

table.general th, table.general td {
    text-align: left;
    border-bottom: 1px solid #ffffff;
    padding: 6px;
    border-right: 1px solid #cad1e4;
    border-bottom: 1px solid #cad1e4
}

table.general th {
    color: #003082;
    vertical-align: top;
}

table.general thead th, table.general thead td {
    color: #ffffff;
    background-color: #627bb1;
}

table.general td.rowhead {
    background-color: #cad1e4;
    color: #003082;
    font-weight: bold;
}

table.general td {
    color: #000000;
    font-size: 95%;
}

table.general tr.subhead td {
    background-color: #cdd1e7;
    font-size: 100%;
    color: #003082;
    font-weight: bold;
}

#previewzone {
    opacity: 1;
}

#content {
    margin-top: 8px;
    padding-left: 16px;
}

td {
    vertical-align: top;
}

/* end GLOBAL CONTENT STYLES*/
/* NAVIGATIONAL STYLES*/
/* start ELEMENTS USED IN THE HEADER */





/* start FURTHER OPTIONS */

/* STYLES TAKEN FROM COMMON.CSS */
/* CONTENT STYLES */
body,
body div, body p, body th, body td, body li, body dd {
    font-family: arial, helvetica, sans-serif;
    font-size: x-small;
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";
    voice-family: inherit;
    font-size: small; /* for all other browsers */
}

html>body, html>body div, html>body p, html>body th, html>body td, html>body li,
html>body dd {
    font-size: small;
    /* be nice to Opera */
}

textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
}

td, p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
}

a {
    text-decoration: underline;
    color: #003082; /* DP */
}

a:visited {
    color: #003082; /* DP */
}

a:hover {
    text-decoration: none;
}

.pageCopy {
    width: 950px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
}

.searchResultItem {
    margin-bottom: 14px;
}

.pageStep {
    float: right;
}

/* END CONTENT STYLES */

/* groupBox STYLES */
.groupboxrss .groupboxheader,
.groupboxrss .groupboxitemtitle, .groupboxrss .groupboxitemdate
{
    display: none;
}

.groupboxrss .groupboxblue .groupboxheader, .groupboxrss .groupboxblue .groupboxitemtitle
{
    display: block;
}

.groupboxrss .groupboxitem
{
    clear: none;
    padding: 0px;
    margin: 0 px;
    color: black;
    border-top: 0px solid #CCD6E0;
}

.groupboxrss .groupboxitemcontent
{
    clear: none;
    font-size: 100%;
    margin: 0px;
    padding: 0px;
}

.groupboxes {
    clear: left;
    padding-bottom: 25px;
    width: 100%;
}

.groupboxbluewide {
    background-color: #E4E8F4;
    border: 1px solid #CCD6E0;
    width: 50%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.bluebox-small {
    background-color: #E4E8F4;
    width: 50%;
    margin-top: 10px;
}

.bluebox-small td {
    font-size: 80%;
}

.bluebox .img {
    padding: 25px;
}

.groupboxwhite {
    float: left;
    background-color: #ffffff;
    clear: none;
    margin-top: 15px;
    margin-right: 10px;
    width: 95%;
}

.groupboxwhiteitemtitle {
    padding-top: 2px;
    width: 100%;
    color: #003082; /* DP */
    font-size: 105%;
    font-weight: bold;
}

.groupboxblue {
    background-color: #eceef6; /* DP */
    border: 1px solid #b4bada; /* DP */
    float: left;
    clear: none;
    width: 30%;
    margin-top: 15px;
    margin-right: 10px;
}

.groupboxblue .groupboxitem .groupboxitemtitle a {
    color: #003082; /* DP */
    background-color: #eceef6; /* DP */
}

.groupboxheader {
    border-bottom: none;
    font-size: 90%;
    font-weight: bold;
    color: white;
    background-color: #586ba8;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 6px;
}

.groupboxheader a {
    color: #ffffff;
}

.groupboxheader a:visited {
    color: #ffffff;
}

.groupboxheader a:hover {
    color: #ffffff;
}

.groupboxheaderright {
    border-bottom: 1px solid #889DB2;
    font-size: 90%;
    font-weight: bold;
    color: white;
    background-color: #9BABC2;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    text-align: right;
}

.groupboxitemtitle {
    font-weight: bold;
    font-size: 100%;
}

.groupboxitemtitle a {
    text-decoration: none;
}

.groupboxitemtitle a:link:hover {
    text-decoration: underline;
}

.groupboxitem, .groupboxrss .groupboxblue .groupboxitem {
    clear: left;
    padding: 4px;
    color: #000000;
}

.groupboxitem[previewed="true"]
{
    position: relative;
    opacity: 1;
    border: 4px solid #CC0000;
}

.groupboxitem, .groupboxrss .groupboxblue .groupboxitem {
    border-top: 1px solid #b4bada; /* DP */
}

.groupboxitemdate {
    width: 100%;
    clear: left;
    font-size: 90%;
    display: none;
}

.groupboxitemcontent, .groupboxrss .groupboxblue .groupboxitemcontent {
    clear: left;
    font-size: 95%;
    margin-bottom: 0px;
}

.groupboxspacer {
    margin-bottom: 15px;
}

.groupboxtbl {
    margin-top: 10px;
    width: 100%;
    border: 1px solid #889DB2;
}

.groupboxtbl td {
    padding: 4px;
}

.groupboxtbl .groupboxheader {
    background-color: #335C85;
}

/*ATTACHMENT STYLES */
.attachment {
    clear: left;
    float: left;
    margin-bottom: 5px;
    width: 99%;
}

.attachmentitem {
    float: left;
    clear: left;
}

.attachmenttext {
    font-size: 70%;
    margin-bottom: 0px;
}

.attachmenttitle {
    font-size: 70%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #333333;
    margin-top: 10px;
}

.attachmentlngbox {
    float: left;
    font-size: 70%;
    border: 1px solid #6d7cb3; /* DP */
    background-color: #fff;
    width: 15px;
    text-align: center;
    color: #6d7cb3; /* DP */
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 1px;
}

.attachmentlngbox a, .attachmentlngBox a:hover, .attachmentlngbox a:active, .attachmentlngbox a:visited {
    color: #003082; /* DP */
    text-decoration: none;
    font-style: normal;
}

.attachmenticon {
    clear: left;
    float: left;
    margin-right: 3px;
}

.img {
    /* border style for all images */
    border-width: 1px;
    padding: 0px;
}

.tree {
    margin-left: 2px;
    clear: none;
    float: left;
    padding-bottom: 30px;
}

.tree a {
    color: #000;
    font-size: 90%;
    font-weight: normal;
}

.tree a:hover {
    color: #000;
    font-weight: normal;
    background-color: #d0e0f5;
}

/* END STYLES TAKEN FROM COMMON.CSS */
/* STYLES TAKEN FROM USERS.CSS */
/* Default styles for contents */
/* img settings - if a border, then use the right colour */
.pagecopy img {
    padding: 2px;
    margin: 2px;
    border-color: #CCD6E0;
}

.pagecopy p td {
    padding: 2px;
    margin: 2px;
    text-align: left;
    vertical-align: top;
    border-color: #CCD6E0;
}

/* footnotes \*/
.fn {
    font-size: 9px;
}

.fn ul {
    padding: 0px;
    background: transparent url(/public/css/hr.gif) no-repeat top left;
    list-style-position: outside;
    list-style: none;
}

.fn li {
    line-height: 2.5ex;
    display: block;
    padding-top: 5px;
    margin-bottom: 5px;
    text-align: left;
}

.fn li a:link {
    font-size: 11px;
}

.fn li a:visited {
    font-size: 11px;
}

/* as list, no date, blue background (list coloured=lc) attachments normal*/
.formlc {
    background-color: #EFF4F9;
    border: 1px solid #99ADC2;
    clear: none;
    margin-top: 15px;
    margin-right: 10px;
    padding: 5px;
}

/* *************** extra group styles ************* */
/* list: white background, no date */
.groupboxlist {
    background-color: #FFFFFF;
    border: 1px solid #CCD6E0;
    float: left;
    clear: none;
    width: 200px;
    margin-top: 15px;
    margin-right: 10px;
}

.groupboxlist .groupboxheader {
    border-bottom: 1px solid #889DB2;
    font-size: 9pt;
    font-weight: bold;
    color: white;
    background-color: #586ba8;
}

/* list: white background, no date, but right */
.groupboxboxright {
    background-color: #FFFFFF;
    border: 1px solid #CCD6E0;
    float: right;
    clear: right;
    width: 250px;
    margin-top: 15px;
    margin-left: 10px;
}

.groupboxboxright .groupboxheader {
    border-bottom: 1px solid #889DB2;
    font-size: 9pt;
    font-weight: bold;
    color: white;
    background-color: #335C85;
}

/* as list, but white background, no date, Left, without group header (like groupBoxlistright, but left) */
.groupboxlistleft {
    background-color: #FFFFFF;
    border: 0px solid #CCD6E0;
    float: left;
    clear: left;
    width: 250px;
    margin-top: 15px;
    margin-right: 10px;
}

.groupboxlistleft .groupboxheader {
    display: none;
}

.groupboxlistleft {
    border-top: 0px solid #CCD6E0;
}

/* as list, but white background, no date, right, without group header */
.groupboxlistright {
    background-color: #FFFFFF;
    border: 0px solid #CCD6E0;
    float: right;
    clear: none;
    width: 300px;
    margin-top: 15px;
    margin-right: 10px;
}

.groupboxlistright .groupboxheader {
    display: none;
}

.groupboxlistright {
    border-top: 0px solid #CCD6E0;
}

/* as list, no date, blue background (list coloured=lc) attachments normal*/
.groupboxlc {
    background-color: #eceef6; /* DP */
    border: 1px solid #b4bada; /* DP */
    float: left;
    clear: none;
    width: 30%;
    margin-top: 15px;
    margin-right: 10px;
    padding: 2px;
}

.groupboxlc .groupboxitemtitle a, .groupboxlc .groupboxitemcontent .text a,
.groupboxlc .groupboxitemcontent a {
    background-color: #eceef6; /* DP */
}

.groupboxlc .groupboxheader {
    font-size: 9pt;
    font-weight: bold;
    color: white;
    background-color: #264F95; /* DP */
}

.groupboxlc .attachmenttitle {
    font-weight: normal;
}

/* white background, for download settings - list white  attachments normal*/
.contentheader {
    border-bottom: 1px solid #889DB2;
    font-size: 9pt;
    font-weight: bold;
    color: white;
    background-color: #335C85;
}

.groupboxlw {
    border: 1px solid #6d7cb3; /* DP */
    position: relative;
    top: 0;
}

.groupboxlwnoline, .groupboxlw {
    position: relative;
    top: 0;
    margin: 0px 10px 10px 0px;
    width: 31%;
    max-width: 31%;
    float: left;
    clear: none;
}

.groupboxlwnoline .groupboxheader, .groupboxlwnoline .groupboxitem .groupboxitemtitle {
    display: none;
}

.groupboxlwnoline .groupboxitem {
    border: 0px;
}

/* Strangely enough the groupbox item date style 
   is not used to display a date but the id of a page fragment in reitox 
   Therefore, this mustr not be removed or funny numbers will appears in reitox page*/
.groupboxitemdate {
    display: none;
}

.groupboxlw .groupboxheader {
    border-bottom: 1px solid #6d7cb3; /* DP */
    font-size: 9pt;
    font-weight: bold;
    color: white;
    background-color: #264F95; /* DP */
}

.groupboxlw .attachmenttitle {
    font-weight: normal;
}

.groupboxwhitemedium {
    float: left;
    background-color: #ffffff;
    clear: none;
    margin-top: 15px;
    margin-right: 10px;
    width: 50%;
}

.groupboxwhitemedium .groupboxheader {
    display: none;
}

.groupboxwhitewithdate {
    float: left;
    background-color: #ffffff;
    clear: none;
    margin-top: 15px;
    margin-right: 10px;
    width: 99%;
}

.groupboxwhitewithdate .groupboxitemdate {
    display: inline;
}

/* END STYLES TAKEN FROM USERS.CSS */
/* STYLES TAKEN FROM DIVSTYLES_COMMON.CSS*/
#sitemap_section {
    width: 800px;
}

#contact, #disclaimer {
    padding: 0 0 0 10px;
}

.inputTable {
    //padding-bottom: 30px;
}

.inputTableRow {
    padding-bottom: 5px;
}

.inputTableLabel {
    padding-bottom: 5px;
}

.inputTableData {
    padding-bottom: 5px;
}

html>body #contentsection {
    width: 100%;
    height: 100%;
    min-height: 100%;
}

/* end STYLES TAKEN FROM DIVSTYLES_COMMON.CSS*/
.comments {
    clear: both;
}

.recentitems {
    list-style-type: none;
    marker-offset: 0;
    padding: 0;
    margin: 0;
}

/*COUNTRY SITUATION SUMMARIES */
.countryprofileseven, .countryprofilesodd {
    padding: 0px 6px 3px 6px;
    width: 800px;
}

.countryprofileseven {
    background-color: #ffffff;
}

.countryprofilesodd {
    background-color: #f6f5f5;
}

table.csstab1, table.csstab2 {
    border-collapse: collapse;
    margin: 1em 0 0 0;
    border: 1px solid #6d7cb3;
    width: 780px;
}

table.csstab1 p, table.csstab2 p {
    padding: 0;
    margin: 0;
    font-size: 90%;
}

table.csstab1 td, table.csstab2 td {
    background-color: #f4f5fa;
    border-top: solid 1px #ccd3e0;
    border-left: 1px solid #ccd3e0;
    vertical-align: top;
    padding: 0.5em;
    text-align: left;
}

table.csstab1 td.td11, table.csstab1 td.td12, table.csstab1 td.td13,
table.csstab1 td.td14, table.csstab1 td.td15, table.csstab2 td.td21,
table.csstab2 td.td22, table.csstab2 td.td23, table.csstab2 td.td24,
table.csstab2 td.td25 {
    background-color: #264F95; /* DP */
    color: #f6f7f6;
}

.dateLastPublished {
    font-size: 90%;
    color: #435b9d;
}

/* PUBLICATIONS RESULTS PAGE */
#contentsection #content-wrapper table.displaypublications caption {
    text-align: left;
    width: 100%;
    margin: 6px 0 9px 0;
    padding: 0;
}

#contentsection #content-wrapper table.displaypublications th {
    padding: 4px 6px;
}

#contentsection #content-wrapper table.displaypublications th a {
    color: #003082;
}

#contentsection #content-wrapper table.displaypublications th a:hover {
    color: #000000;
    background: none;
}

#contentsection #content-wrapper table.displaypublications a {
    text-decoration: none;
}

#contentsection #content-wrapper table.displaypublications a:hover {
    background-color: #ffffff;
    text-decoration: underline;
}

#onlineSurvey {
    margin-bottom: 18px;
    text-align: right;
}

#onlineSurvey p, #onlineSurvey h2 {
    display: none;
}

#onlineSurvey p.image {
    display: block;
}

#onlineSurvey p.image a img {
    border: none !important;
    text-decoration: none !important;
}

#osDef #onlineSurvey {
    text-align: left;
    float: left;
    width: 180px;
}

sup {
    vertical-align: top;
}

/* RULES TAKEN OVER FROM THREE COL DEFAULT TEMPLATE (JAN 2012) */

/* 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: 750px;
    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-color: #f3f3f3;
}

#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;
}

/* HEADER PART */
#headertools {
    padding-right: 24px;
    max-width: 600px;
    margin-right: 0;
}

ul#navbar {
    padding-left: 6px;
    width: auto;
    border-top: none;
    border-bottom: none;
    font-size: 100%;
}

ul#navbar, #navbar li, #navbar li a {
    background-color: #eceef6;
    color: #003082;
}

ul#navbar li a:hover {
    background-color: #003082;
    color: #eceef6;
}

#navbar li.on, #navbar li.on a, #navbar li.on a:hover {
    background-color: #586ba8;
    color: #ffffff;
}

#currentuser {
    width: 15%;
}

#breadcrumbsOuterWrapper {
    width: 1000px;
    margin: 0 auto !important;
    clear: both;
    padding-top: 0;
    background-color: #ffffff;
}

#breadcrumbsInnerWrapper {
    float: left;
    padding: 12px 0 15px 0 !important;
    width: 100%;
    position: relative;
    margin: 0;
    background-color: #ffffff;
    padding: 12px 0 0 0;
    -webkit-box-shadow: 0px -6px 3px 4px #e7e7e7;
    -moz-box-shadow: 0px -6px 3px 4px #e7e7e7;
    box-shadow: 0px -6px 3px 4px #e7e7e7;
}

#breadcrumbsOuterWrapper ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 12px;
}

#breadcrumbsOuterWrapper ul li {
    float: left;
    width: auto;
    padding: 0 0 0 0.5em;
    margin: 0;
}

#breadcrumbsOuterWrapper ul li#breadcrumbshome {
    padding-left: 0;
}

#breadcrumbsOuterWrapper ul li#breadcrumbshome a {
    text-decoration: none;
    font-weight: bold;
    padding: 0 0 0 18px;
    background: url("/public/templates/statsbulletin/images/home.gif") no-repeat left top;
}

#breadcrumbsOuterWrapper ul li#breadcrumbshome a:hover {
    background: url("/public/templates/annualreport/images/homeblue.gif") no-repeat left top;
}

#breadcrumbsOuterWrapper ul li {
    font-weight: bold;
    background-color: #ffffff;
    color: #586ba8;
}

#breadcrumbsOuterWrapper ul li a {
    text-decoration: none;
    color: #586ba8;
}

#breadcrumbsOuterWrapper ul li a:hover {
    text-decoration: underline;
}

/* NAVIGATION */
#navbarOuterWrapper {
    width: 1000px;
    margin: 0 auto !important;
    clear: both;
    padding-top: 0;
}

#navbarInnerWrapper {
    float: left;
    width: 100%;
    position: relative;
    z-index: 10000;
    margin: 15px auto 0 auto;
    background: url("https://www.emcdda.europa.eu/userfiles/image/graphics/topNavBackground.gif") repeat-x left bottom;
    padding: 0;
    border: 1px solid #cdd1e7;
    border-width: 1px 1px 1px 1px;
    -webkit-box-shadow: 0px 0 3px 2px #e7e7e7;
    -moz-box-shadow: 0px 0 3px 2px #e7e7e7;
    box-shadow: 0px 0 3px 2px #e7e7e7;
}

#navbar {
    margin: 0;
    padding: 0;
    float: left;
    width: auto;
    margin: 0;
    background: url("https://www.emcdda.europa.eu/userfiles/image/graphics/topNavBackground.gif") repeat-x left bottom;
    color: #435b9d;
    padding: 0 !important;
    z-index: 100000;
}

0
#navbar li {
    float: left;
    margin: 0;
    border-right: 1px solid #b4bada;
    padding: 0;
}

#navbar li:last-child {
    border-right: none;
}

#navbar li, #navbar li a {
    background: none;
    font-weight: normal;
    font-size: 110%;
}

#navbar li a {
    padding: .2em .5em;
    ;
    display: block;
    background: url("https://www.emcdda.europa.eu/userfiles/image/graphics/topNavBackground.gif") repeat-x left bottom;
}

#navbar li:hover {
    background: #627bb1 url('https://www.emcdda.europa.eu/userfiles/image/graphics/topNavBackgroundDark.gif') !important;
}

#navbar li:hover a {
    color: #ffffff;
}

#navbar li a:hover {
    background: none !important;
    color: #ffffff !important;
}

#navbar li.current {
    padding: 4px 10px;
    color: #003082;
    background: #ffffff url('https://www.emcdda.europa.eu/userfiles/image/graphics/topNavBackgroundVeryLight2.gif') !important;
}

#navbar {
    padding-left: 0 !important;
}

/* DYNAMIC NAVBAR */
ul#navbarDynamic {
    margin: 0;
    padding: 0;
    float: left;
    width: auto;
    margin: 0;
    background: url("https://www.emcdda.europa.eu/userfiles/image/graphics/topNavBackground.gif") repeat-x left bottom;
    color: #435b9d;
    padding: 0 !important;
    z-index: 100000;
}

ul#navbarDynamic li {
    font-size: 110% !important;
}

ul#navbarDynamic a {
    display: block;
    background: url("https://www.emcdda.europa.eu/userfiles/image/graphics/topNavBackground.gif") repeat-x left bottom;
    border-right: 1px solid #b4bada;
    color: #003082;
    font-size: 110%;
}

ul#navbarDynamic li li a {
    font-size: 11pt !important;
}

ul#navbarDynamic a:hover {
    background: #627bb1 url('https://www.emcdda.europa.eu/userfiles/image/graphics/topNavBackgroundDark.gif') repeat-x left bottom !important;
    color: #ffffff;
}

ul#navbarDynamic ul.dropDown {}

ul#navbarDynamic ul.dropDown a {
    background: none;
    display: block;
    background-color: #e7e9f3;
    color: #003082;
    border-bottom: 1px solid #f4f5fa;
    font-size: 95%;
    border-right: 1px solid #c9c9c9;
    border-left: 1px solid #d9d9d9;
    padding-bottom: 6px;
}

ul#navbarDynamic ul.dropDown li.mu a {
    background: #e7e9f3 url('https://www.emcdda.europa.eu/userfiles/image/graphics/arrow-off.png') no-repeat right center;
}

ul#navbarDynamic ul.dropDown li:last-child a {
    border-bottom: 1px solid #c9c9c9;
}

ul#navbarDynamic ul.dropDown a:hover {
    background: none !important;
    background-color: #9ba4cd;
}

ul#navbarDynamic ul.dropDown li:hover a {
    background-color: #e7e9f3;
    color: #ffffff;
}

ul#navbarDynamic ul.dropDown li.mu:hover a {
    background: url('https://www.emcdda.europa.eu/userfiles/image/graphics/arrow-on.png') no-repeat right center !important;
}

ul#navbarDynamic ul.dropDown li:hover li a {
    background-color: #e7e9f3 !important;
    color: #003082;
}

ul#navbarDynamic ul.dropDown li.mu:hover li a {
    background-image: none !important;
    background-color: #e7e9f3 !important;
}

ul#navbarDynamic ul.dropDown li:hover li a:hover, ul#navbar2 ul.dropDown li.mu:hover li a:hover {
    color: #ffffff;
    background-color: #9ba4cd !important;
}

ul#navbarDynamic ul.dropDown li.mu a:hover {
    background-image: #e7e9f3 url('arrow-on.png') no-repeat right center !important;
}

ul#navbarDynamic ul.dropDown li.mu li a {
    background-image: none;
}

/* MEGA DROPDOWNS */
#navbarInnerwrapper {
    border-left-width: 1px;
}

#navbar.mega li:hover {
    background-color: #f9fafc;
    background-image: none !important;
}

#navbar.mega {
    list-style: none;
    margin: 0;
    background: url("https://www.emcdda.europa.eu/userfiles/image/graphics/topNavBackground.gif") repeat-x left bottom;
    color: #435b9d;
    padding: 0 !important;
    z-index: 100000;
}

#navbar.mega li {
    position: relative;
    height: 25px;
    float: left;
    padding: 0;
    margin: 0 0 0 0;
}

#navbar.mega li a {
    float: none;
    padding: 3px 21px 0 21px;
    display: block;
}

#navbar.mega li a:hover {
    color: #333333 !important;
    text-decoration: underline;
}

#navbar.mega li:hover {
    background-color: #ffffff !important;
}

#navbar.mega li:hover a {
    background-image: none !important;
    color: #333333;
}

#navbar.megaHoverIntent li .sub {
    top: 25px !important;
}

#navbar.megaHoverIntent li .sub {
    left: -1px !important;
}

#navbar.megaHoverIntent li.countries .sub {
    left: -120px !important;
}

#navbar.megaHoverIntent li.topics .sub {
    left: -243px !important;
}

#navbar.megaHoverIntent li.publications .sub {
    left: -283px !important;
}

#navbar.megaHoverIntent li.news .sub {
    left: -283px !important;
}

#navbar.megaHoverIntent li.about .sub {
    margin-right: 0 !important;
    right: -9px !important;
    top: 25px !important;
    left: auto !important;
}

#navbar.megaHoverIntent li.right .sub {
    left: auto !important;
}

#navbar.megaHoverIntent li:hover a {
    background-image: none;
    color: #333333;
}

#navbar.mega li div.sub {
    position: absolute;
    top: 0px;
    left: -999em;
    padding: 18px;
    background-color: #f9f9f9;
    z-index: 100000;
}

#navbar.mega li.three div.sub {
    width: 800px;
}

#navbar.mega li div.sub div.subContent {
    background-color: #f3f3f3;
    border: 1px solid #c3c3c3;
    border-top: 1px solid #d3d3d3;
    z-index: 100000;
    padding: 15px 15px 15px 15px;
    -moz-border-radius: 0 3px 3px 3px;
    -webkit-border-radius: 0 3px 3px 3px;
    border-radius: 0 3px 3px 3px;
    float: left;
}

#navbar.mega li:hover div.sub {
    left: -1px;
    top: 25px;
}

#navbar.mega li div.innerContent {
    background-color: #ffffff;
    float: left;
    width: auto;
    padding: 9px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

#navbar.mega li.centre:hover div.sub {
    left: -300px;
    top: 25px;
}

#navbar.mega li.right:hover div.sub {
    margin-right: 0 !important;
    right: -9px !important;
    top: 25px !important;
    left: auto !important;
}

#navbar.mega li.right div.sub div {
    -moz-border-radius: 3px 0 3px 3px;
    -webkit-border-radius: 3px 0 3px 3px;
    border-radius: 3px 0 3px 3px;
}

#navbar.mega li.centre:hover div.sub {
    left: -300px;
}

#navbar.mega li div.sub {
    background: url('https://www.emcdda.europa.eu/userfiles/image/graphics/shadowLarge.png') no-repeat bottom right;
    padding: 0 8px 9px 0px;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}

/* POSITION AND STYLE INFORMATION FOR DIFFERENT TYPES OF MEGA DROPDOWNS */
#navbar.mega .two div.sub {
    width: 700px;
}

#navbar.mega .two div.sub .subContent {
    width: 668px;
}

#navbar.mega li.three div.sub {
    width: 800px;
}

#navbar.mega .three div.sub .subContent {
    width: 768px;
}

#navbar.mega .two.stats div.sub {
    width: 750px;
}

#navbar.mega .two.stats div.sub .subContent {
    width: 718px;
}

/* WIDTHS OF MINICOLUMNS WITH MEGA DROPDOWNS */
#navbar.mega .three .sub .miniCol1 {
    width: 28%;
    float: left;
    font-size: small;
}

#navbar.mega .three .sub .miniCol2 {
    width: 28%;
    float: left;
    font-size: small;
}

#navbar.mega .three .sub .miniCol3 {
    width: 30%;
    float: right;
    font-size: small;
}

#navbar.mega .two .sub .miniCol1 {
    width: 62%;
    float: left;
    border-right: 3px dotted #e3e3e3 !important;
    padding-right: 2%;
    font-size: small;
}

#navbar.mega .two .sub .miniCol2 {
    width: 32%;
    float: right;
    font-size: small;
}

#navbar.mega .sub .subContent ul {
    list-style: none;
    border: none !important;
    margin: 3px 0 15px 15px;
    padding: 0;
}

#navbar.mega .sub .subContent h3 {
    color: #000000;
    font-weight: normal;
    margin-top: 3px;
    font-size: 110%;
}

#navbar.mega .sub .subContent h3 a {
    color: #000000;
}

#navbar.mega .sub .subContent ul li {
    list-style: disc;
    font-size: 95%;
    margin: 0 0 9px 0 !important;
    padding: 0 !important;
    float: none;
    height: auto;
    border: none;
    color: #cfcfcf !important;
    line-height: 1.4;
}

#navbar.mega .sub .subContent a {
    display: inline;
    float: none;
    background-image: none !important;
    padding: 0 !important;
    font-size: 100%;
    color: #586ba8;
}

#navbar.mega .sub .subContent ul li a {
    display: block;
    float: none;
    font-size: 100%;
    color: #586ba8 !important;
}

#navbar.mega .sub .subContent p {
    color: #434343;
}

#navbar.mega .sub .subContent ul li:hover {
    color: #000000 !important;
}

/* data */
#navbar.mega .stats .sub .miniCol1 {
    width: 33%;
    float: left;
    padding: 6px 32px 6px 6px;
    background-color: #ffffff;
    border: 3px dashed #ffffff;
    margin-top: 0;
}

#navbar.mega .stats .sub .miniCol2 {
    width: 52%;
    float: left;
    padding: 6px;
    background-color: #ffffff;
    margin: 0 12px 0 24px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

#navbar.mega .stats .sub .miniCol2 ul.col1 {
    float: left;
    width: 42%;
}

#navbar.mega .stats .sub .miniCol2 ul.col2 {
    float: right;
    width: 42%;
}

#navbar.mega .stats .sub .subContent .miniCol1 h2, #navbar.mega .stats .sub .subContent .miniCol1 h2 a {
    background-color: #ffffff !important;
    color: #333333;
    font-size: medium;
}

#navbar.mega .stats .sub .subContent .miniCol1 h2 {
    margin: 0 0 6px 0;
}

#navbar.mega .stats .sub .subContent .miniCol2 li {
    color: #4c4c4c;
    font-size: 11pt;
}

#navbar.mega .stats .sub .subContent .miniCol2 ul {
    margin-top: 0;
}

#navbar.mega .stats .sub .subContent h2 a {
    color: #586ba8 !important;
    font-size: medium;
    margin: 0 0 9px 0;
}

#navbar.mega .stats .sub .subContent a.more {
    color: #586ba8 !important;
    font-weight: bold;
}

#navbar.mega .stats .sub .subContent h3 {
    color: #848fc0;
    font-weight: bold;
    margin: 3px 0 6px 0;
    border-bottom: 2px dotted #e7e9f3;
    padding-bottom: 3px;
}

#navbar.mega .stats .sub .subContent p {
    color: #333333;
    line-height: 1.5;
    font-size: 11pt;
}

#navbar.mega .stats .sub .subContent .miniCol1 a {
    color: #333333;
    background-color: #ffffff !important;
}

#navbar.mega .stats .sub .subContent .miniCol2 li:hover {
    background: none !important;
}

#navbar.mega .stats .sub .subContent ul {
    margin-top: 0;
}

#navbar.mega .stats .sub .subContent ul li {
    color: #cdd1e7 !important;
    margin: 0 0 6px 0 !important;
    font-size: 10pt !important;
}

#navbar.mega .stats .sub .subContent ul li:hover {
    color: #000000 !important;
}

#navbar.mega .stats .sub .subContent ul li a {
    color: #264d93;
}

#navbar.mega .stats .sub .subContent p.all {
    clear: both;
    padding-top: 0 !important;
    margin-top: -12px !important;
    float: left;
}

#navbar.mega .stats .sub .subContent p.all a {
    font-weight: bold;
    color: #586ba8;
}

/* countries */
#navbar.mega .countries .sub .miniCol1 {
    width: 36%;
    float: left;
    padding: 6px 0 6px 6px;
    background-color: #ffffff;
    border: none !important;
    margin-top: 6px;
}

#navbar.mega .countries .sub .miniCol2 {
    width: 55%;
    float: right;
    padding: 6px;
    background-color: #ffffff;
    margin: 6px 12px 0 0;
}

#navbar.mega .countries .sub .subContent .miniCol1 h2, #navbar.mega .countries .sub .subContent .miniCol1 h2 a {
    color: #586ba8 !important;
    font-size: medium;
    margin: 0 0 9px 0;
}

#navbar.mega .countries .sub .subContent .miniCol1 h2 {
    margin: 0 0 6px 0;
}

#navbar.mega .countries .sub .subContent .miniCol2 li {
    color: #4c4c4c;
    font-size: 11pt;
    padding-top: 12px;
}

#navbar.mega .countries .sub .subContent .miniCol2 ul {
    margin-top: 0;
}

#navbar.mega .countries .sub .subContent a.more {
    color: #586ba8 !important;
    font-weight: bold;
}

#navbar.mega .countries .sub .subContent a img {
    text-decoration: none;
}

#navbar.mega .countries .sub .subContent h3 {
    color: #333333;
    font-weight: normal;
    margin: 0 0 6px 0;
}

#navbar.mega .countries .sub .subContent p {
    color: #333333;
    line-height: 1.5;
    font-size: 10pt;
}

#navbar.mega .countries .sub .subContent .miniCol1 a {
    color: #333333;
    background-color: #ffffff !important;
}

#navbar.mega .countries .sub .subContent .miniCol2 li:hover {
    background: none !important;
}

#navbar.mega .countries .sub .subContent ul {
    margin-top: 0;
}

#navbar.mega .countries .sub .subContent #countryList {
    float: left;
    width: 60% !important;
}

#navbar.mega .countries .sub .subContent .byTopic {
    float: right;
    width: 37% !important;
    background-color: #f3f3f3;
    padding: 4px;
}

#navbar.mega .countries .sub .subContent .byTopic ul li {
    font-size: 10pt;
    margin-bottom: 6px !important;
    line-height: 1.4;
}

#navbar.mega .countries .sub .subContent #countryList ul.col1 {
    float: left;
    width: 48%;
    padding: 0;
    margin: 0;
}

#navbar.mega .countries .sub .subContent #countryList ul.col2 {
    float: right;
    width: 48%;
    clear: none !important;
    padding: 0;
    margin: 0;
}

#navbar.mega .countries .sub .subContent #countryList ul li {
    color: #cdd1e7 !important;
    margin: 0 0 3px 0 !important;
    font-size: 10pt !important;
}

#navbar.mega .countries .sub .subContent ul li:hover {
    color: #000000 !important;
}

#navbar.mega .countries .sub .subContent ul li a {
    color: #264d93;
}

#navbar.mega .countries .sub .subContent ul li a.all {
    font-weight: bold;
}

#navbar.mega .countries .sub .subContent .miniCol1 a.image img {
    border: none;
}

#navbar.mega .countries .sub .subContent .miniCol1 a.image:hover, #navbar.mega .countries .sub .subContent .miniCol2 a.image img:hover {
    text-decoration: none !important;
}

/* topics and drug profiles */

#navbar.mega .topics .sub .miniCol1 {
    border-right: 3px dotted #e3e3e3 !important;
    margin: 9px 3% 0 9px;
}

#navbar.mega .topics .sub .miniCol2 {
    margin: 9px 0 0 0;
}

#navbar.mega .topics .sub .miniCol3 {
    width: 30%;
    margin: 9px 12px 0 0;
}

#navbar.mega .topics .sub .miniCol3 div.drugProfiles {
    background-color: #e7e9f3;
    padding: 6px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #cdd1e7;
}

#navbar.mega .topics .sub .subContent .miniCol3 .drugProfiles, #navbar.mega .topics .sub .subContent .miniCol3 .drugProfiles li,
#navbar.mega .topics .sub .subContent .miniCol3 .drugProfiles ul, #navbar.mega .topics .sub .subContent .miniCol3 .drugProfiles a,
#navbar.mega .topics .sub .subContent .miniCol3 .drugProfiles a:hover {
    background-color: #e7e9f3 !important;
}

#navbar.mega .topics .sub .subContent .miniCol3 .drugProfiles h3 {
    font-size: 115%;
    margin: 3px 0 3px 0;
}

#navbar.mega .topics .sub .subContent .miniCol1 li {
    font-size: 100%;
    margin-bottom: 4px !important;
}

#navbar.mega .topics .sub .subContent .miniCol2 li {
    font-size: 100%;
    margin-bottom: 4px !important;
}

#navbar.mega .topics .sub .subContent .miniCol3 .drugProfiles li {
    font-size: 100%;
    margin-bottom: 5px !important;
}

#navbar.mega .topics .sub .subContent .miniCol3 .drugProfiles p.description {
    font-size: 105%;
    line-height: 1.5;
}

#navbar.mega .topics .sub .subContent .miniCol3 .drugProfiles li a {
    color: #264d93 !important;
}

#navbar.mega .topics .sub .subContent .miniCol3 .more {
    background-color: #e9e9e9;
    margin-top: 18px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#navbar.mega .topics .sub .subContent .miniCol3 .more:hover {
    background-color: #a9a9a9;
}

#navbar.mega .topics .sub .subContent .miniCol3 .more p {
    font-size: large;
}

#navbar.mega .topics .sub .subContent .miniCol3 .more a {
    display: block;
    padding: 6px 12px !important;
}

#navbar.mega .topics .sub .subContent .miniCol3 .more a:hover {
    text-decoration: none;
    color: #ffffff !important;
}

/* publications */
#navbar.mega .publications .sub .subContent .miniCol1 p {
    color: #333333;
}

#navbar.mega .publications .sub .subContent .miniCol1 .intro h2 a {
    font-size: 120%;
    font-weight: bold;
}

#navbar.mega .publications .sub .subContent .miniCol1 .intro {
    margin-bottom: 12px;
}

#navbar.mega .publications .sub .subContent .miniCol1 .text {
    float: left;
    width: 70%;
    background-color: #e7e9f3;
    padding: 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#navbar.mega .publications .sub .subContent .miniCol1 .list {
    float: right;
    width: 25%;
}

#navbar.mega .publications .sub .subContent .miniCol1 .list h2 {
    font-weight: bold !important;
}

#navbar.mega .publications .sub .subContent .miniCol1 .year {
    clear: both;
    padding-top: 12px;
}

#navbar.mega .publications .sub .subContent .miniCol1 img {
    float: left;
    width: 100%;
    padding: 9px 0 6px 0;
    border: none;
    text-decoration: none;
}

#navbar.mega .publications .sub .subContent .miniCol1 .pubSearch {
    margin-top: 12px;
}

#navbar.mega .publications .sub .subContent .miniCol1 .pubSearch p {
    color: #9c9c9c;
    line-height: 1.5;
}

#navbar.mega .publications .sub .subContent .miniCol1 .pubSearch h2 {
    font-size: 105%;
    margin-bottom: 5px;
    color: #4c4c4c;
    font-weight: normal;
}

#navbar.mega .publications .sub .subContent .miniCol1 .pubSearch a {
    color: #435b9d;
}

#navbar.mega .publications .sub .subContent .miniCol2 .annualReport img {
    float: right;
    width: 40%;
    padding: 0 0 5px 9px;
    border: none;
}

#navbar.mega .publications .sub .subContent .miniCol2 .annualReport {
    padding: 6px 12px;
    background-color: #fffbed;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #fff6dc;
}

#navbar.mega .publications .sub .subContent .miniCol2 .annualReport h2 {
    font-size: 120%;
    padding-bottom: 9px;
}

#navbar.mega .publications .sub .subContent .miniCol2 .annualReport p {
    line-height: 1.4;
    color: #4c4c4c;
}

#navbar.mega .publications .sub .subContent .miniCol2 .more {
    background-color: #e9e9e9;
    margin-top: 36px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#navbar.mega .publications .sub .subContent .miniCol2 .more:hover {
    background-color: #a9a9a9;
}

#navbar.mega .publications .sub .subContent .miniCol2 .more p {
    font-size: large;
}

#navbar.mega .publications .sub .subContent .miniCol2 .more a {
    display: block;
    padding: 6px 12px !important;
}

#navbar.mega .publications .sub .subContent .miniCol2 .more a:hover {
    text-decoration: none;
    color: #ffffff !important;
}

/* news and events */
#navbar.mega .news .sub .subContent .miniCol1 {
    float: left;
    width: 61%;
}

#navbar.mega .news .sub .subContent .miniCol2 {
    float: right;
    width: 32%;
    padding-left: 3%;
}

#navbar.mega .news .sub .subContent .miniCol1 div.mainLinks {
    float: left;
    width: 48%;
}

#navbar.mega .news .sub .subContent .miniCol1 div.mediaSupport {
    float: right;
    width: 48%;
    background-color: #f4f5fa;
    padding: 6px;
    border: 1px solid #e7e9f3;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#navbar.mega .news .sub .subContent .miniCol1 div.mainLinks h2 {
    font-size: medium;
    color: #586ba8;
}

#navbar.mega .news .sub .subContent .miniCol1 div.mainLinks ul {
    margin-top: 9px;
}

#navbar.mega .news .sub .subContent .miniCol1 div.mainLinks ul li {
    font-size: medium;
    margin-bottom: 9px !important;
}

#navbar.mega .news .sub .subContent .miniCol2 ul a:hover {
    color: #000000;
    text-decoration: underline;
}

#navbar.mega .news .sub .subContent .miniCol2 .social h2 {
    color: #586ba8;
    font-size: medium;
    font-weight: normal;
    margin: 0 0 9px 0;
}

#navbar.mega .news .sub .subContent .miniCol2 .social li {
    margin-bottom: 15px !important;
    display: block;
    font-size: 110%;
}

#navbar.mega .news .sub .subContent .miniCol2 li.twitter a {
    background: url("https://www.emcdda.europa.eu/userfiles/image/icons/twitter_14.png") no-repeat left center !important;
    padding-left: 18px !important;
}

#navbar.mega .news .sub .subContent .miniCol2 li.facebook a {
    background: url("https://www.emcdda.europa.eu/attachements.cfm/att_139403_EN_Facebook_14.png") no-repeat left center !important;
    padding-left: 18px !important;
}

#navbar.mega .news .sub .subContent .miniCol2 li.flickr a {
    background: url("https://www.emcdda.europa.eu/userfiles/image/icons/flickr_14.png") no-repeat left center !important;
    padding-left: 18px !important;
}

#navbar.mega .news .sub .subContent .miniCol2 li.rss a {
    background: url("https://www.emcdda.europa.eu/userfiles/image/icons/rss_14(1).png") no-repeat left center !important;
    padding-left: 18px !important;
}

#navbar.mega .news .sub .subContent .miniCol2 li.youtube a {
    background: url("https://www.emcdda.europa.eu/userfiles/image/icons/youtube_14.png") no-repeat left center !important;
    padding-left: 18px !important;
}

#navbar.mega .news .sub .subContent .miniCol2 li.drugnet a {
    background: url("https://www.emcdda.europa.eu/userfiles/image/icons/drugnet_16v2.png") no-repeat left center !important;
    padding-left: 18px !important;
    line-height: 22px;
}

#navbar.mega .news .sub .subContent .miniCol1 div.mediaSupport h2 {
    color: #586ba8;
    font-size: medium;
}

#navbar.mega .news .sub .subContent .miniCol1 div.mediaSupport p {
    color: #333333;
    line-height: 1.4;
}

/* About */
#navbar.mega .about .sub .subContent .miniCol1 {
    float: left;
    width: 61%;
}

#navbar.mega .about .sub .subContent .miniCol2 {
    float: right;
    width: 32%;
    padding-left: 3%;
}

#navbar.mega .about .sub .subContent .miniCol1 h2 {
    color: #586ba8;
    font-size: medium;
    margin: 0 0 9px 0;
}

#navbar.mega .about .sub .subContent .miniCol1 div.sections div {
    width: 90%;
    margin-bottom: 9px;
    background-color: #e7e9f3;
    border: 1px solid #f4f5fa;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#navbar.mega .about .sub .subContent .miniCol1 div.sections div:hover {
    background-color: #ffffff;
    border-color: #666666;
}

#navbar.mega .about .sub .subContent .miniCol1 div.sections div strong {
    display: block;
    padding-bottom: 3px !important;
    font-size: 115%;
}

#navbar.mega .about .sub .subContent .miniCol1 div.sections div br {
    display: none;
}

#navbar.mega .about .sub .subContent .miniCol1 div.sections div a {
    display: block;
    padding: 6px !important;
    color: #264d93;
    text-decoration: none;
}

#navbar.mega .about .sub .subContent .miniCol1 div.sections div a:hover {
    text-decoration: none;
    color: #333333 !important;
}

#navbar.mega .about .sub .subContent .miniCol2 img {
    width: 100%;
    display: block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
}

#navbar.mega .about .sub .subContent .miniCol2 div.contactBox {
    margin-top: 12px;
    background-color: #e9e9e9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#navbar.mega .about .sub .subContent .miniCol2 div.contactBox:hover {
    background-color: #c9c9c9;
}

#navbar.mega .about .sub .subContent .miniCol2 div.contactBox a {
    color: #000000;
    display: block;
    padding: 6px !important;
}

#navbar.mega .about .sub .subContent .miniCol2 div.contactBox a:hover {
    color: #000000 !important;
    text-decoration: none;
}

#navbar.mega .about .sub .subContent .miniCol2 div.quickLinks {
    margin-top: 18px;
    line-height: 1.5;
}

#navbar.mega .about .sub .subContent .miniCol2 div.quickLinks a:hover {
    color: #000000 !important;
}

/* Internet Explorer specific */
* html .mega .sub div, * html .mega .sub li ,
* html .mega .sub p {
    zoom: 1.0;
}

/* grant 'haslayout' property to these elements */
* html #navbar.mega .sub .subContent ul li {
    margin-bottom: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #ffffff;
    ;
}

* html #navbar.mega .two .sub .miniCol1 {
    padding-right: 20px;
}

* html #navbar.mega li.active {
    background-color: #ffffff !important;
}

* html #navbar.mega li.active a {
    background-image: none !important;
    color: #333333;
}

* html #navbar.mega .topics .sub .subContent .miniCol3 li {
    border-color: #e7e9f3
}

* html #navbar.mega .stats .sub .subContent .miniCol2 li {
    border-color: #f3f3f3;
}

* html #navbar.mega .about .sub .subContent .miniCol2 a:hover {
    text-decoration: underline !important;
}

* html #navbar.mega .about .sub .subContent .miniCol1 a:hover {
    text-decoration: underline !important;
}

* html #navbar.mega .about .sub .subContent .miniCol2 {
    padding-left: 30px;
}

* html #navbar.mega .about .sub .subContent .miniCol1 div.sections div {
    width: 380px;
}

* html #navbar.mega li div.sub {
    background-image: none;
}

/* 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;
}

/* SKINS */


/* DRUGNETCOVER SKIN */
.drugnetcover #col1 {
    float: left;
    width: 70%;
    padding: 0;
    margin-left: 21px;
}

* html body .news #col1 {
    margin-left: 11px;
}

/* FOOTER */
#footerOuterWrapper {
    float: left;
    margin: 64px auto 0 auto !important;
    clear: both;
    width: 100%;
    background: url(https://www.emcdda.europa.eu/userfiles/image/graphics/footerBackground2.gif) #f3eee1 repeat-x left top;
    padding: 9px 0 12px 0;
    border-top: 1px solid #feeeb9;
}

footerOuterWrapper #footerOuterWrapper {
    margin: 0 !important;
    padding: 0 !important;
}

#footerOuterWrapper #footerOuterWrapper {
    margin: 0 !important;
    width: 100%;
    border: none;
    background: none;
}

#footerOuterWrapper ul {
    float: none;
    margin: 0 auto 12px auto;
    width: 1000px;
    background: none;
    border: none;
}

#footerOuterWrapper ul li {
    font-size: 100%;
    color: #4c4c4c;
    float: left;
    list-style: none;
    margin-right: 15px;
}

#footerOuterWrapper ul li a {
    color: #586ba8;
}

#footerOuterWrapper ul li#pageupdate {
    width: 30%;
}

#footerOuterWrapper #footerInnerWrapper #customFooter {
    position: relative;
    margin: 0 auto;
    width: 1000px;
    text-align: right;
    list-style: none;
    padding: 0;
}

#footerOuterWrapper #customFooter #footerAbout {
    width: 220px;
    float: left;
    text-align: left;
    margin-left: 6px;
}

#footerOuterWrapper #customFooter #footerAboutIntranet {
    width: 100%;
    float: left;
    text-align: left;
    margin-left: 6px;
}

#footerOuterWrapper #customFooter #footerContact {
    width: 170px;
    float: left;
    text-align: left;
    margin: 0 0 0 95px;
}

#footerOuterWrapper #customFooter #footerQuick {
    width: 140px;
    float: left;
    text-align: left;
    margin: 0 0 0 95px;
}

#footerOuterWrapper #customFooter #footerSocial {
    width: 140px;
    float: right;
    text-align: left;
    margin: 0 6px 0 55px;
}

#footerOuterWrapper #customFooter a {
    color: #5c5c5c;
    text-decoration: none;
}

#footerOuterWrapper #customFooter a:hover {
    color: #000000;
    text-decoration: underline;
}

#footerOuterWrapper #customFooter p, #footerOuterWrapper #customFooter h2,
#footerOuterWrapper #customFooter ul {
    color: #5c5c5c !important;
    padding: 0;
    line-height: 1.4;
}

#footerOuterWrapper #customFooter h2 {
    font-size: medium !important;
}

#footerOuterWrapper #customFooter p {
    font-size: 105% !important;
}

#footerOuterWrapper #customFooter li {
    font-size: small !important;
}

#footerOuterWrapper #customFooter h2 {
    margin: 0 0 3px 0;
    background: none;
    padding: 0;
    text-align: left;
}

#footerOuterWrapper #customFooter ul {
    float: left;
    list-style: none;
    text-align: left;
    margin: 0 !important;
    padding: 0 0 0 2px !important;
    width: auto;
}

#footerOuterWrapper #customFooter ul li {
    margin: 0 0 3px 0 !important;
    padding: 0 !important;
    float: none;
}

#footerOuterWrapper #customFooter ul li a {
    color: #4c4c4c !important;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

#footerOuterWrapper #customFooter ul a:hover {
    color: #000000;
    text-decoration: underline;
}

#footerOuterWrapper #customFooter #footerSocial li {
    margin-bottom: 7px !important;
    display: block;
}

#footerOuterWrapper #customFooter li.twitter a {
    background: url("https://www.emcdda.europa.eu/userfiles/image/icons/twitter_14.png") no-repeat left center;
    padding-left: 18px !important;
}

#footerOuterWrapper #customFooter li.facebook a {
    background: url("https://www.emcdda.europa.eu/attachements.cfm/att_139403_EN_Facebook_14.png") no-repeat left center;
    padding-left: 18px !important;
}

#footerOuterWrapper #customFooter li.flickr a {
    background: url("https://www.emcdda.europa.eu/userfiles/image/icons/flickr_14.png") no-repeat left center;
    padding-left: 18px !important;
}

#footerOuterWrapper #customFooter li.rss a {
    background: url("https://www.emcdda.europa.eu/userfiles/image/icons/rss_14(1).png") no-repeat left center;
    padding-left: 18px !important;
}

#footerOuterWrapper #customFooter li.youtube a {
    background: url("https://www.emcdda.europa.eu/userfiles/image/icons/youtube_14.png") no-repeat left center;
    padding-left: 18px !important;
}

#footerOuterWrapper #customFooter li.drugnet a {
    background: url("https://www.emcdda.europa.eu/userfiles/image/icons/drugnet_16v2.png") no-repeat left center;
    padding-left: 18px !important;
    line-height: 22px;
}

#footerOuterWrapper #footerWrapper #pageUpdate {
    clear: both;
    width: auto;
    margin: 0 auto;
    text-align: center;
    position: relative;
    font-size: small !important;
    color: #8c8c8c !important;
    padding-top: 24px;
}

* html body #footerOuterWrapper #customFooter #footerAbout {
    width: 180px;
}

#footerOuterWrapper #customFooter #footerAboutIntranet p {
    width: 70%;
    float: left;
    text-align: left;
}

/* IE 6 SPECIFIC FIXES */
* html #contentOuterWrapper {
    padding-top: 12px;
}

/* SUPERFISH STYLES */
#col2 ul.sf-menu ul, #col2 ul.sf-menu li {
    margin: 0;
    padding: 0
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu {
    line-height: 1.0;
}

.sf-menu ul, .sf-menu div {
    position: absolute;
    top: -999em;
    width: 14em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
    width: 100%;
}

.sf-menu li:hover {
    visibility: inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
    float: left;
    position: relative;
}

.sf-menu a {
    display: block;
    position: relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul,
.sf-menu li:hover ul.dropDown,
.sf-menu li.sfHover ul.dropDown {
    left: 0;
    top: 1.80em; /* match top ul list item height */
    z-index: 1000;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 12.70em; /* match ul width */
    top: 0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul,
ul.sf-menu li li li:hover ul.dropDown,
ul.sf-menu li li li.sfHover ul.dropDown {
    left: 12em; /* match ul width */
    top: 0;
}

/*** DEMO SKIN ***/
.sf-menu {
    float: left;
    margin-bottom: 1em;
}

.sf-menu a {

    padding: .30em .55em;
    text-decoration: none;
}

.sf-menu a, .sf-menu a:visited {
    /* visited pseudo selector so IE6 applies text colour*/
    color: #13a;
}

.sf-menu li {
    background: #BDD2FF;
}

.sf-menu li li {
    background: #AABDE6;
}

.sf-menu li li li {
    background: #9AAEDB;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background: #9ba4cd;
    outline: 0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right: 2.25em;
    min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
    position: absolute;
    display: block;
    right: .75em;
    top: 1.05em; /* IE6 only */
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    background: url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {
    /* give all except IE6 the correct values */
    top: .8em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
    background-position: -10px 0;
}

.sf-menu ul a > .sf-sub-indicator {
    background-position: 0 0;
}

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
    background: url('/userfiles/image/graphics/shadow.png') no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}

.sf-shadow ul.sf-shadow-off {
    background: transparent;
}

/* FANCYBOX */
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 40px;
    width: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 110004;
    display: none;
}

* html #fancybox-loading {
    /* IE6 */
    position: absolute;
    margin-top: 0;
}

#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url('/userfiles/image/fancybox/fancybox.png');
}

#fancybox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    z-index: 110000;
    display: none;
}

* html #fancybox-overlay {
    /* IE6 */
    position: absolute;
    width: 100%;
}

#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 20px;
    z-index: 110001;
    display: none;
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #FFF;
}

#fancybox-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    outline: none;
    overflow: hidden;
}

#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}

#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background-image: url('/userfiles/image/fancybox/fancybox.png');
    background-position: -40px 0px;
    cursor: pointer;
    z-index: 1103;
    display: none;
}

#fancybox_error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 7px;
    margin: 0;
}

#fancybox-content {
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
}

#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
}

#fancybox-frame {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

#fancybox-title {
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: Arial;
    font-size: 12px;
    z-index: 1102;
}

.fancybox-title-inside {
    padding: 10px 0;
    text-align: center;
    color: #333;
}

.fancybox-title-outside {
    padding-top: 5px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
}

.fancybox-title-over {
    color: #FFF;
    text-align: left;
}

#fancybox-title-over {
    padding: 10px;
    background-image: url('/userfiles/image/fancybox/fancy_title_over.png');
    display: block;
}

#fancybox-title-wrap {
    display: inline-block;
}

#fancybox-title-wrap span {
    height: 32px;
    float: left;
}

#fancybox-title-left {
    padding-left: 15px;
    background-image: url('/userfiles/image/fancybox/fancybox.png');
    background-position: -40px -90px;
    background-repeat: no-repeat;
}

#fancybox-title-main {
    font-weight: bold;
    line-height: 29px;
    background-image: url('/userfiles/image/fancybox/fancybox-x.png');
    background-position: 0px -40px;
    color: #FFF;
}

#fancybox-title-right {
    padding-left: 15px;
    background-image: url('/userfiles/image/fancybox/fancybox.png');
    background-position: -55px -90px;
    background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background-image: url('/userfiles/image/fancybox/blank.gif');
    z-index: 1102;
    display: none;
}

#fancybox-left {
    left: 0px;
}

#fancybox-right {
    right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}

#fancybox-left-ico {
    background-image: url('/userfiles/image/fancybox/fancybox.png');
    background-position: -40px -30px;
}

#fancybox-right-ico {
    background-image: url('/userfiles/image/fancybox/fancybox.png');
    background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
    visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
    left: 20px;
}

#fancybox-right:hover span {
    left: auto;
    right: 20px;
}

.fancy-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}

#fancy-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url('/userfiles/image/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url('/userfiles/image/fancybox/fancybox.png');
    background-position: -40px -162px;
}

#fancy-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url('/userfiles/image/fancybox/fancybox-y.png');
    background-position: -20px 0px;
}

#fancy-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url('/userfiles/image/fancybox/fancybox.png');
    background-position: -40px -182px;
}

#fancy-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url('/userfiles/image/fancybox/fancybox-x.png');
    background-position: 0px -20px;
}

#fancy-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url('/userfiles/image/fancybox/fancybox.png');
    background-position: -40px -142px;
}

#fancy-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url('/userfiles/image/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url('/userfiles/image/fancybox/fancybox.png');
    background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div {
    background: transparent;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/userfiles/image/fancybox/fancy_loading.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-close {
    background: transparent;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/userfiles/image/fancybox/fancy_close.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-title-over {
    background: transparent;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/userfiles/image/fancybox/fancy_title_over.png', sizingMethod='scale');
    zoom: 1;
}

.fancybox-ie #fancybox-title-left {
    background: transparent;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/userfiles/image/fancybox/fancy_title_left.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-title-main {
    background: transparent;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/userfiles/image/fancybox/fancy_title_main.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-title-right {
    background: transparent;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/userfiles/image/fancybox/fancy_title_right.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-left-ico {
    background: transparent;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/userfiles/image/fancybox/fancy_nav_left.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-right-ico {
    background: transparent;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/userfiles/image/fancybox/fancy_nav_right.png', sizingMethod='scale');
}

.fancybox-ie .fancy-bg {
    background: transparent !important;
}

.fancybox-ie #fancy-bg-n {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/userfiles/image/fancybox/fancy_shadow_n.png', sizingMethod='scale');
}

.fancybox-ie #fancy-bg-ne {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/userfiles/image/fancybox/fancy_shadow_ne.png', sizingMethod='scale');
}

.fancybox-ie #fancy-bg-e {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/userfiles/image/fancybox/fancy_shadow_e.png', sizingMethod='scale');
}

.fancybox-ie #fancy-bg-se {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/userfiles/image/fancybox/fancy_shadow_se.png', sizingMethod='scale');
}

.fancybox-ie #fancy-bg-s {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/userfiles/image/fancybox/fancy_shadow_s.png', sizingMethod='scale');
}

.fancybox-ie #fancy-bg-sw {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/userfiles/image/fancybox/fancy_shadow_sw.png', sizingMethod='scale');
}

.fancybox-ie #fancy-bg-w {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/userfiles/image/fancybox/fancy_shadow_w.png', sizingMethod='scale');
}

.fancybox-ie #fancy-bg-nw {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/userfiles/image/fancybox/fancy_shadow_nw.png', sizingMethod='scale');
}

/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */

.cc-cookies {
    position: fixed;
    width: 90%;
    left: 0;
    top: 0;
    padding: 0.5em 5%;
    background: #565656;
    background: rgba(86, 86, 86, 0.5);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
    z-index: 99999;
    text-align: center;
    color: #fff;
}

.cc-cookies a, .cc-cookies a:hover {
    color: #fff;
    text-decoration: underline;
}

.cc-cookies a:hover {
    text-decoration: none;
}

.cc-overlay {
    height: 100%;
    padding-top: 25%;
}

.cc-cookies-error {
    float: left;
    width: 90%;
    text-align: center;
    margin: 1em 0 2em 0;
    background: #fff;
    padding: 2em 5%;
    border: 1px solid #ccc;
    font-size: 18px;
    color: #333;
}

.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept,
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline,
.cc-cookies a.cc-cookie-reset {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    background: #7DAF3B;
    padding: 0.5em 0.75em;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
    -o-transition: background 0.5s ease-in;
    -webkit-transition: background 0.25s ease-in;
    -moz-transition: background 0.25s ease-in;
}

.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline {
    background: #af3b3b;
    margin-left: 0.5em;
}

.cc-cookies a.cc-cookie-reset {
    background: #f15b00;
}

.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset {
    background: #000;
    -o-transition: background 0.5s ease-in;
    -webkit-transition: background 0.25s ease-in;
    -moz-transition: background 0.25s ease-in;
}

.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline {
    display: block;
    margin-top: 1em;
}

.cc-cookies.cc-discreet {
    width: auto;
    padding: 0.5em 1em;
    left: auto;
    top: auto;
}

.cc-cookies.cc-discreet a.cc-cookie-reset {
    background: none;
    text-shadow: none;
    padding: 0;
    text-decoration: underline;
}

.cc-cookies.cc-discreet a:hover.cc-cookie-reset {
    text-decoration: none;
}

@media screen and (max-width: 768px) {
    .cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline,
    .cc-cookies a.cc-cookie-reset {
        display: block;
        margin: 1em 0;
    }
}

@media screen and (max-width: 480px) {
    .cc-cookies {
        position: relative;
        float: left;
    }
}


.footerContentLinks {margin-top: 52px; float: left; border: 1px solid #cfcfcf; padding: 12px;}

.footerContentLinks h3 {text-align: left; border-bottom: 1px solid #cecece; color: #6c6c6c; margin-top: 3px;}
.footerContentLinks p {text-align: left; margin: 12px 0 6px 0; font-size 9px; font-weight: bold; color: #535353;}
#footerOuterWrapper #customFooter .footerContentLinks li {margin-bottom: 6px !important;}

.footerContentLinks li a {display: block; font-size: 9pt;}
.footerContentLinks .countriesDropdown img {margin-right: 12px; width: 18px;;}