@charset "utf-8";
/* CSS Document */

/* HTML ELEMENTS */
input, select {border:1px solid #c8cccd; font-size:100%; color:#666}
input[type="submit"], input#submit-download {padding:3px; color:#fff; background-color:#3559ad}
input[type="button"] {padding:3px;}
input[type="button"]:hover, input[type="submit"]:hover, input#submit-download:hover {color:#3559ad; background-color:#fff}

ol li {margin-bottom: 12px;}

a {border-bottom:1px dotted #3559ad; color:#3559ad;text-decoration: none;}
a:hover {border-bottom:1px solid;}
a.extIco {
	background-image: url(../img/ext.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 18px;
	}

a.expandIco {
	background-image: url(../img/expand.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 18px;
	}

/* -------------------------- Main Containers ---------------------------------- */
#headerContainer { border-bottom:1px solid #c8cccd; height:93px; margin-bottom:12px;background-image: url(../img/headerBack.png);background-repeat: repeat-x;}
#logoContainer {height:64px; line-height: 58px; margin-bottom:0; color:#fff}
#mainMenuContainer {height:25px;}
/*#footerMenuContainer {height:138px;margin-top:10px;}*/
#footerMenuContainer {margin-top:10px;}
.mainMenu { margin:0}
.mainMenu li {float: left;list-style: none outside none;margin: 0 20px 0 8px;font-size:18px;}
.mainMenu li.selected, #mainMenuContainer .mainMenu li.underL:hover {background-color: #c8cccd}
li.underL {height: 25px;margin-top: 4px;}
#mainMenuContainer .mainMenu li a {text-decoration:none; border-style:none; color:#333;padding:0 6px;}
#mainMenuContainer .mainMenu li a:hover, .mainMenu li.noLink {border-bottom-style:none;}


#searchContainer {min-height:160px;padding-top: 64px;}
#advancedSearch {margin:20px 0 10px 0}
a#advanced-link {background-position: right 0;background-repeat: no-repeat;padding-right: 18px;}
a#advanced-link {background-image:url(../img/expand.png);}
a#advanced-link.clicked {background-image:url(../img/collapse.png);}
#filterSearch {margin: 10px 0}
#advancedSearch td {padding:4px;}
#filterSearch td {padding:4px 4px 20px 4px; width:17%; text-align:center;}
#content {border-top: 1px dotted #C8CCCD;}
#actualRss {border-bottom: 1px dotted #C8CCCD;margin-bottom: 8px;padding: 8px 0;}
#statsContainer {margin-top:20px; padding-top:8px;}
#footerContainer {min-height:65px; background-color:#eff3f5; margin-top:32px;border-top:1px solid #c8cccd;border-bottom:1px solid #c8cccd}
#finalContainer {min-height:48px; background-color:#ffffff; color:#333;margin:0}

.hints {	font-size: smaller;display: inline-block;}
.hints div {margin: 4px 0em 0em 0em;}
.nooutcome {margin: 2em;text-align: center;}

.columnContainer {border: 1px solid #c8cccd;border-radius: 8px 8px 8px 8px; background-color:#eff3f5;padding:4px 10px;min-height: 215px;float:right}
.columnContainer p {margin-bottom:4px}

.advancedOptions td{padding:6px 2px 18px; border-bottom:1px dotted #e0e0e0;width:50%}

.detail table td {padding: 2px;}

/* WIDTHS */
.width100 {width:100%}
.width90 {width:90%}
.width80 {width:80%}
.width75 {width:75%}
.width50 {width:50%}
.width50 {width:40%}
.width33 {width:33%}
.width20 {width:20%}

.w220px {width:220px;}

/* PADDING-MARGIN */
.padding0 {padding:0}
.padding04 {padding:4px}
.padding10 {padding:10px}

.margin0 {margin:0}
.marginT10 {margin-top:10px;}
.marginB12 {margin-bottom:12px}

.topAligned {vertical-align:top;}


/* Import */
.results table:first-child {
    margin-top: 0;
}
table.result {
    border: 3px solid #C8CCCD;
    border-collapse: collapse;
    margin-top: 1em;
    width: 650px;
}
.result tr.even td {background-color:#EFF3F5;}
.result td {
    border-bottom: 1px solid #C8CCCD;
    padding: 0.2em;
}
.label {
    font-weight: bold;
    padding-right: 0.2em;
}
span.status {
    font-size: smaller;
    font-style: italic;
}
span.bannerText {
 
	font-family:Verdana, Arial;
	font-size:28px;
}
.info-tip {
    color: red;
    cursor: help;
    vertical-align: super;
}
select.advanced {margin-left: 20px;width: 240px;}
select.advancedSmall {margin-left: 20px;width: 240px;}
input.resetButton {background-color: #EFF3F5;border-left-style: none;margin-left:0;}
.submit-button {float:right;}

.value {
	padding-right: 1.0em;
}

.cellGrey {
	background-color: #F0F0F0;
}

.cellLighterGrey {
	background-color: #F5F5F5;
}

.cellYellow {
	background-color: #FFCC66;
}

.cellBlue {
	background-color: #B7CEEC;
}

form th {
	text-align: left;
}

table.section {
	width: 95%; 
	margin-left: 2%; 
	margin-right: 3%; 
	margin-top: 1em;
	margin-bottom: 1em;
	border: thin solid black;
}

.section .title {
	text-align: left;
}

.controls img {
	cursor: pointer;
}

.link {
	color: #0000CC;
	font-weight: bold;
	cursor: pointer;
}

.pager {
	width: 98%; 
	margin-left: 1%; 
	margin-right: 1%; 
	text-align: right;
}

.pager a {
	font-weight: normal;margin: 0 2px;
}

.index {
	border-collapse:collapse;
}

.index tbody {
	background-color: #F0F0F0;
}

.section thead {
	color: #0000CC;
}

.section th {
	text-align: left;
	border-bottom: thin black solid;
}

table.download {
	
}

.outcome {
	font-weight: bold;
	padding: 4px 0;
}

.tip {
	color: blue;
	font-size: smaller;
}

.tooltip {
	padding: 1em;
	border: thin solid #E5973E;
	background-color: #FAE6B0;
}

.all-section-controls {
	text-align: right;
	margin-right: 3%;	
}

.print-link {
	 margin-left: 2%;
}

.title {
	display: inline;
	text-align: left;
}

.search {
	padding: 1em 1em 0em 1em; 
	margin-bottom: 1em;
}

.controls {
	float: right;
}

.button {
	width: 10em;
	height: 1.6em;
	font-size: 1em;
	background-color: #BED6F8;
	background-image: url("../img/button-gradient.png");
	background-repeat: repeat-x;
	 
}

.tricell td.first {
	width: 5%;
	background-color: #FFCC66;
}

.tricell td.second {
	width: 30%;
	background-color: #F0F0F0;
}

.tricell td.third {
	width: 65%;
	background-color: #F5F5F5;
}

table.meddra {
	width: 100%;
}

table.meddra td {
	border: none;
}

input.calendar + img {
	vertical-align: bottom;
}

input.orphantext {
	width: 60%;
}


#cookies {
    background-color: #fcf8e3;
    border: 1px solid #8a6d3b;
    border-radius: 8px;
    bottom: 0;
    color: #222;
    font-size: 16px;
    left: 0;
    margin: 10px;
    padding: 10px;
    position: fixed;
    width: calc(100% - 40px);
    z-index: 9999
}

#cookies.cookiesHide {
    display: none
}

#cookies.cookiesShow {
    display: block
}

#cookies .notifications-button {
    float: right;
    padding: 5px 10px 10px 15px
}

#cookies .notifications-content p span.title {
    font-size: 16px
}

#cookies .btn {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    
	cursor: pointer;
}

#cookies .btn-primary {
	color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background: linear-gradient(to bottom, #0f3f81, #0f3f81);
    border-radius: 4px;
    border-color: #0f3f81 !important;
}

#cookies .btn-primary.disabled, #cookies .btn-primary[disabled] {
    color: white;
    background-color: #4a96e8;
}

dl.cookies-information-definitions {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 10px;
}

div.cookies-information-definitions  {
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	gap: 10px;
}

div.cookies-information-definitions div:nth-child(3n+1), dl.cookies-information-definitions dt {
	font-weight: bold;
	background-color: #f0f0f0;
	padding: 10px;
}

div.cookies-information-definitions div, dl.cookies-information-definitions dd {
	background-color: #e0e0e0;
	padding: 10px;
}

@media (max-width: 600px) {
	div.cookies-information-definitions, dl.cookies-information-definitions {
		grid-template-columns: 1fr;
	}
}