/* Welcome to Compass.
* In this file you should write your main styles. (or centralize your imports)
* Import this file using the following HTML or equivalent:
* */
/* Sass Document */
menu, ol, ul {
padding: 0; }
/* topBar - cookies noticebar, localisation, signin, links */
.bmj-cookie-noticebar-content {
background-color: #555555;
color: white;
font-size: 0.7em;
margin: -28px 0 0;
overflow: visible;
padding: 0;
position: relative;
text-align: center;
top: 0;
width: 100%;
z-index: 9999999; }
.bmj-cookie-noticebar-content .cookie-notice {
display: block;
font-size: 14px;
margin: 0 25px;
padding: 8px;
position: relative; }
.bmj-cookie-noticebar-content .hide-bar {
cursor: pointer;
font-size: 30px;
position: absolute;
right: 10px;
top: 6px; }
.bmj-cookie-noticebar-content a {
color: white;
text-decoration: none; }
.bmj-cookie-noticebar-content a:hover {
text-decoration: underline; }
.ad-leaderboard {
background-color: #eeeeee;
text-align: center; }
#status .affix {
top: 0; }
#access-by {
background-color: #eeeeee;
padding: 10px;
font-weight: 700; }
.navbar-brand {
padding: 5px 10px;
float: left;
font-size: 18px;
height: 50px;
line-height: 20px; }
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: 0px; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: white !important; }
.navbar-custom {
font-size: 90%;
float: left;
width: 100%;
background-color: #2A6EBB;
border-bottom: 1px solid #CAE2EF;
padding: 6px 5px 6px 0px;
margin-bottom: 15px;
border: medium none;
border-radius: 0;
z-index: 2000;
color: white; }
.navbar-custom p {
font-size: 1.4rem; }
@media (min-width: 767px) {
.navbar-custom .dropdown-menu {
color: #555555;
padding: 10px; } }
.navbar-custom ul {
margin-top: 0.6rem; }
.navbar-custom ul li {
border-right: 1px solid #CAE2EF;
padding: 0px 6px; }
.navbar-custom ul li.preferences .fa-user {
font-size: 16px;
padding: 3px 4px 0 0px;
color: white;
float: left; }
@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
.navbar-custom ul li.preferences .fa-user {
font-size: 24px;
padding: 0px 8px; } }
@media (max-width: 767px) {
.navbar-custom ul li {
border-right: 0px;
margin: 0;
padding: 8px; } }
.navbar-custom ul li.last {
border-right: 0px; }
.navbar-custom ul li li {
padding: 8px; }
.navbar-custom ul.dropdown-menu li {
color: #2A6EBB;
padding: 6px 0px;
border-right: 0px; }
.navbar-custom .navbar-nav > .open > a:focus {
color: white; }
.navbar-custom .navbar-nav li a {
color: white; }
.navbar-custom .navbar-nav li a:hover, .navbar-custom .navbar-nav li a:focus {
color: white; }
.navbar-custom .navbar-nav li.open a {
background-color: transparent; }
.navbar-custom .navbar-nav li.open a:hover, .navbar-custom .navbar-nav li.open a:focus, .navbar-custom .navbar-nav li.open a:active {
background-color: transparent;
color: white; }
.navbar-custom .navbar-nav li.open a.btn-primary {
border: 1px solid #225896;
width: 100%; }
@media (min-width: 767px) {
.navbar-custom .navbar-nav li.open a.btn-primary {
background-color: #2A6EBB;
color: white !important; } }
.navbar-custom .navbar-nav ul.resources {
padding: 10px 0px; }
.navbar-custom .navbar-toggle {
float: left;
background: transparent;
border-color: transparent;
margin-left: 20px;
margin-top: 5px; }
a:focus {
background-color: transparent; }
#tools .nav-pills li a {
border-radius: 0;
color: #2A6EBB; }
#tools.navbar-collapse {
padding-left: 0; }
@media (min-width: 720px) {
.navbar-custom .navbar-nav li.dropdown .dropdown-menu a {
color: #2A6EBB;
padding: 3px 10px; }
.navbar-custom .navbar-nav li.dropdown .dropdown-menu a:hover, .navbar-custom .navbar-nav li.dropdown .dropdown-menu a:focus {
color: #2A6EBB;
text-decoration: underline; }
.personal-account,
.athens,
.voucher,
.shibboleth {
background-color: #E8E8E8;
margin: 0 -10px -10px;
padding: 10px 5px; }
.personal-account p,
.athens p,
.voucher p,
.shibboleth p {
margin: 0; }
.navbar-custom ul.options {
margin-top: 20px; } }
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
padding: 0;
color: white;
margin: 0; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: white;
text-decoration: underline; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
.no-ipad {
display: none; } }
@media only screen and (max-device-width: 419px) {
.navbar-custom .navbar-toggle {
margin-left: 5px; }
.navbar-brand {
padding: 5px; } }
.browser .nav-tabs {
text-align: center;
margin-bottom: 0;
margin-top: 0;
border-bottom: 1px solid #CAE2EF; }
.browser .nav-tabs > li {
float: none;
display: inline-block;
*display: inline;
/* ie7 fix */
zoom: 1;
/* hasLayout ie7 trigger */ }
.nav > li > a:hover, .nav > li > a:focus {
cursor: pointer;
background-color: #fff !important; }
.tabNav {
list-style: none outside none;
margin-bottom: 23px;
margin-left: 0; }
.tabNav > li > a {
display: block; }
.tabNav > li > a:hover, .tabNav > li > a:focus {
background-color: #EEE;
text-decoration: none; }
.tabNav > li > a > img {
max-width: none; }
.tabNav > .pull-right {
float: right; }
.tab-content #search-tab {
padding-top: 20px;
margin: 0;
background-color: #E5EEF7;
border-left: 1px solid #CAE2EF;
border-right: 1px solid #CAE2EF;
border-bottom: 3px solid #CAE2EF; }
.tab-content #browse-tab {
padding-top: 10px;
margin: 0;
background-color: #E5EEF7;
border-left: 1px solid #E8E8E8;
border-right: 1px solid #E8E8E8;
border-bottom: 1px solid #E8E8E8; }
@media (max-width: 767px) {
.nav {
margin: 0; } }
#my-ce ul.tabNavigation,
#my-ce ul.inner-tabNavigation {
margin: 10px 15px;
border-bottom: 1px solid #eee;
overflow: hidden; }
#my-ce ul.tabNavigation li,
#my-ce ul.inner-tabNavigation li {
display: block;
margin-bottom: -1px;
float: left;
position: relative; }
#my-ce ul.tabNavigation li a,
#my-ce ul.inner-tabNavigation li a {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #ffffff;
float: left;
overflow: hidden;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
line-height: 1.42857;
margin-right: 2px;
padding: 10px 15px; }
#my-ce ul.tabNavigation li.inactive span,
#my-ce ul.inner-tabNavigation li.inactive span {
color: #eee;
float: left;
margin-bottom: -1px;
padding: 10px 15px; }
#my-ce ul.tabNavigation li a.selected,
#my-ce ul.tabNavigation li a.selected:hover,
#my-ce ul.tabNavigation li a.selected:focus,
#my-ce ul.inner-tabNavigation li a.selected,
#my-ce ul.inner-tabNavigation li a.selected:hover,
#my-ce ul.inner-tabNavigation li a.selected:focus {
background-color: #eee !important;
border-color: #eee #eee transparent;
border-image: none;
border-style: solid;
border-width: 1px;
color: #555;
cursor: default; }
body {
position: relative; }
#auto-complete-list {
position: absolute;
padding: 20px 0 0;
z-index: 10;
margin-left: 25%;
width: 50%; }
@media (max-width: 768px) {
#auto-complete-list {
width: 90%;
margin-left: 5%; } }
#auto-complete-list ul {
list-style: none;
margin: -11px 0 -4px 0;
padding: 0;
overflow: hidden;
background-color: #dedede;
border-top: 4px solid #dedede;
border-bottom: 4px solid #dedede;
border-radius: 10px; }
#auto-complete-list ul:after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(222, 222, 222, 0);
border-bottom-color: #dedede;
border-width: 10px;
margin-left: -10px; }
#auto-complete-list ul li {
color: #333;
cursor: pointer;
padding: 0;
margin: 0 4px;
text-align: left;
background-color: #fff;
border-bottom: 1px solid #efefef; }
#auto-complete-list ul li:hover {
background-color: #1c497d; }
#auto-complete-list ul li:hover a {
color: #FFF; }
#auto-complete-list ul li a {
color: #333;
display: block;
text-decoration: none;
background-color: transparent;
position: relative;
width: 100%;
padding: 5px;
/*Removes the double padding on some search results*/ }
#auto-complete-list ul li a strong {
font-style: normal;
font-weight: 700;
color: #6eade7; }
#auto-complete-list ul li a a {
padding: 0; }
/* Scss Document */
/* --- END VARIABLES -- */
.btn-mini {
border-radius: 2px;
padding: 0 6px; }
.btn {
color: white;
border-radius: 2px; }
.btn, .btn.disabled, .btn[disabled] {
border-color: #cccccc;
background-color: #cccccc; }
.btn:hover, .btn:focus, .btn:active, .btn.active {
color: white;
border-color: #eeeeee;
background-color: #eeeeee;
outline: none !important; }
.btn:active, .btn.active {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125); }
.btn.disabled, .btn[disabled] {
opacity: 0.45;
filter: alpha(opacity=45); }
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .btn-link.disabled, .btn-link[disabled] {
border-color: transparent;
background-color: transparent;
color: #2A6EBB;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.btn-link:hover, .btn-link:focus {
text-decoration: underline; }
.btn-default {
color: #222222;
border-color: #cccccc !important; }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
color: #222222;
border-color: #eeeeee;
background-color: #eeeeee; }
.btn-default, .btn-default.disabled, .btn-default[disabled] {
background-color: white; }
.open .dropdown-toggle.btn-default {
border-color: #eeeeee;
background-color: #eeeeee; }
.btn-primary, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
border-color: #2A6EBB;
background-color: #2A6EBB; }
.btn-primary:hover, .btn-primary:focus {
border-color: #82afe3;
background-color: #82afe3; }
.open .dropdown-toggle.btn-primary {
border-color: #82afe3;
background-color: #82afe3; }
.btn-info, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
border-color: #82afe3;
background-color: #82afe3; }
.btn-info:hover, .btn-info:focus {
border-color: #eaf1fa;
background-color: #eaf1fa; }
.open .dropdown-toggle.btn-info {
border-color: #eaf1fa;
background-color: #eaf1fa; }
.btn-success, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
border-color: #69BE28;
background-color: #69BE28; }
.btn-success:hover, .btn-success:focus {
border-color: #ace481;
background-color: #ace481; }
.open .dropdown-toggle.btn-success {
border-color: #ace481;
background-color: #ace481; }
.btn-warning, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
border-color: #F0AB00;
background-color: #F0AB00; }
.btn-warning:hover, .btn-warning:focus {
border-color: #ffd671;
background-color: #ffd671; }
.open .dropdown-toggle.btn-warning {
border-color: #ffd671;
background-color: #ffd671; }
.btn-danger, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled],
.btn-danger .open .dropdown-toggle.btn {
border-color: #CD202C;
background-color: #CD202C; }
.btn-danger:hover, .btn-danger:focus {
border-color: #eb8189;
background-color: #eb8189; }
.open .dropdown-toggle.btn-danger {
border-color: #eb8189;
background-color: #eb8189; }
/**
* breadcrumb
* --------------------------------------------------
*/
.breadcrumb {
color: #222222;
background-color: transparent;
padding: 8px 0px;
margin-top: 0px; }
.breadcrumb > .active {
color: #222222; }
.breadcrumb a {
color: #2A6EBB;
float: left; }
.breadcrumb-arrow {
padding: 0;
list-style: none;
background-color: #eeeeee;
height: 36px;
line-height: 36px; }
.breadcrumb-arrow li:first-child a {
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px; }
.breadcrumb-arrow li.active.first-crumb {
padding-left: 18px; }
.breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {
display: inline-block;
vertical-align: top; }
.breadcrumb-arrow li:not(:first-child) {
margin-left: -5px; }
.breadcrumb-arrow li:nth-child(3) {
margin-left: -25px; }
.breadcrumb-arrow li + li:before {
padding: 0 0 0 20px;
content: ""; }
.breadcrumb-arrow li span {
padding: 0 10px; }
.breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
padding: 0 10px 0 25px;
height: 36px;
line-height: 36px; }
.breadcrumb-arrow li:first-child a {
padding: 0 10px; }
.breadcrumb-arrow li a {
position: relative;
border: 1px solid #2A6EBB;
color: white;
background-color: #2A6EBB;
text-decoration: none; }
.breadcrumb-arrow li:first-child a {
padding-left: 10px; }
.breadcrumb-arrow li a:before, .breadcrumb-arrow li a:after {
position: absolute;
top: -1px;
content: '';
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent; }
.breadcrumb-arrow li a:before {
right: -10px;
border-left-width: 11px;
border-left-style: solid;
border-left-color: #2A6EBB;
z-index: 3; }
.breadcrumb-arrow li a:after {
right: -11px;
border-left: 11px solid #215691;
z-index: 2; }
.breadcrumb-arrow li a:hover, .breadcrumb-arrow li a:focus {
background-color: #82afe3;
border: 1px solid #82afe3; }
.breadcrumb-arrow li a:hover:before, .breadcrumb-arrow li a:focus:before {
border-left-color: #82afe3; }
.breadcrumb-arrow li a:active {
background-color: #215691;
border: 1px solid #215691; }
.breadcrumb-arrow li a:active:before, .breadcrumb-arrow li a:active:after {
border-left-color: #215691; }
.breadcrumb-arrow li span {
color: #222222; }
@media (max-width: 480px) {
.breadcrumb {
display: none; } }
/* Topics sub nav */
.sub-nav .nav li {
border-bottom: 1px solid #eeeeee; }
.sub-nav .nav a:hover {
background-color: #eaf1fa !important; }
.sub-nav .nav .selected {
padding: 10px 15px;
background-color: #2A6EBB;
color: white; }
/* TREEVIEW */
.treeview .hitarea {
cursor: pointer; }
.treeview li {
padding: 5px 0 5px 5px; }
.treeview li.expandable:after {
font-family: FontAwesome;
content: "\f105";
margin-right: 10px;
color: #2A6EBB;
float: right; }
.treeview li.last {
padding: 10px 0 10px 0; }
.treeview li.collapsable {
padding: 10px 0 10px 0;
background-color: #eaf1fa; }
.treeview li.collapsable:before {
font-family: FontAwesome;
content: "\f105";
margin-right: 10px;
color: #2A6EBB;
float: right; }
.treeview li.collapsable.active ul {
background-color: #eaf1fa;
padding: 6px 0; }
.treeview li.collapsable.active ul a {
color: #2A6EBB; }
.treeview li:hover {
background: #eaf1fa; }
#treecontrol {
display: none; }
.treeview .hover {
cursor: pointer; }
.treeview li {
line-height: 1.6em; }
.treeview li.active {
background-color: #2A6EBB; }
.treeview li.active a {
color: white; }
.treeview li ul li {
padding: 10px 0 10px 15px !important; }
.treeview li ul li.last {
border-bottom: none; }
.treeview ul li.lastExpandable, .treeview li.lastCollapsable {
border-bottom: none; }
ul li.collapsable a {
margin-left: 15px; }
ul li.collapsable ul li a {
margin-left: 0px !important; }
/*EBM page sub nav */
/* #navigation-learn.treeview {
li {
padding-left: 0px;
&.active {
padding-left: 10px;
}
}
}
#navigation-practice.treeview {
li {
padding-left: 0px;
&.active {
padding-left: 10px;
}
}
}
#navigation-toolbox.treeview {
li {
padding-left: 0px;
&.active {
padding-left: 10px;
}
}
} */
/* Scss Document */
/* Should go into CORE */
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
background-color: #ffffff;
border: 1px solid #cccccc;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
border-radius: 2px; }
input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
width: auto; }
.radio input[type="radio"], .checkbox input[type="checkbox"] {
float: left; }
/* / Should go into CORE */
/* Scss Document */
/* Sign in drop downs from Header Nav */
.sign-in input#username.text.username {
margin-top: 10px; }
.sign-in .options ul {
margin-top: 0px; }
.sign-in .options ul li {
background-color: #e8e8e8;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
margin: 10px -10px -10px;
padding: 0;
border-right: 0px; }
.sign-in .options ul li a {
display: block;
padding: 5px 10px;
color: #2A6EBB;
font-size: 1.2rem; }
.sign-in .options ul li a:hover, .sign-in .options ul li a:focus {
color: #2A6EBB !important; }
.sign-in .forgot {
float: left;
margin-bottom: 5px;
padding: 0 0 5px;
width: 100%; }
.sign-in .forgot p {
font-size: 1.2rem;
margin: 0px; }
.sign-in .forgot p a {
padding: 0px !important; }
.remember {
float: left;
margin-bottom: 5px;
padding: 0 0 5px;
width: 100%; }
.remember .btn:hover {
color: #333; }
.sign-in .forgot, .remember a {
color: #2A6EBB !important; }
.sign-in input[type="checkbox"] {
margin: 6px 5px 0 0;
position: relative; }
.sign-in label.checkbox.btn {
margin-top: 10px; }
.sign-in .remember label {
float: left; }
.sign-in .remember label.btn {
margin-bottom: 0;
margin-top: 10px;
overflow: hidden;
white-space: nowrap; }
/**
* accordion
* --------------------------------------------------
*/
.panel-group .panel {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.panel-group .panel + .panel {
margin-top: 0; }
.panel-group .panel-heading {
padding: 0;
border-bottom-color: transparent; }
.panel-group .panel-heading + .panel-collapse .panel-body {
padding: 15px 0;
border-top-color: transparent; }
.panel-group .panel-title a {
padding: 10px 0;
display: block; }
.panel-group-lists .panel {
border-bottom: 1px solid #999999;
background-color: white;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.panel-group-lists .panel:first-child {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0; }
.panel-group-lists .panel:last-child {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
border-bottom: none; }
.panel-group-lists .panel-heading + .panel-collapse .panel-body {
padding: 15px;
border-top-color: #999999; }
.panel-group-lists .panel-title a {
padding: 10px 15px;
color: #555555; }
.panel-group-lists .panel-title a:hover, .panel-group-lists .panel-title a:focus, .panel-group-lists .panel-title a:active {
color: #cccccc; }
/* EBM home page mobile accordian styles */
.ebm .panel-group-lists .panel {
border-bottom: 0px;
padding: 8px; }
.ebm .panel-group-lists .panel-collapse .panel-body {
border-top: 0px; }
.ebm .panel-group-lists .panel-collapse .panel-body .btn-default {
margin: 6px 0px; }
.ebm .panel-group-lists .panel-title a {
color: #2A6EBB; }
/*Browser Styles */
.search-container {
float: left;
width: 100%; }
#main-search form {
margin: 0 0 1.428rem; }
#main-search input {
width: 100%; }
#main-search fieldset {
border-color: #51aee3 !important;
height: 34px;
margin: 0 auto; }
#main-search input#q.text {
border: 1px solid #7fa8d6; }
.super-landing-page #main-search fieldset {
border-color: #51aee3 !important;
height: 34px;
margin: 0 auto;
width: 90%; }
.super-landing-page #main-search input.text {
font-size: 18px;
padding: 5px 3px 6px 6px; }
.browser .nav > li {
margin-bottom: -1px; }
.browser ul.nav-tabs li {
font-size: 2.3rem;
font-weight: 700; }
@media screen and (max-width: 400px) {
.browser ul.nav-tabs li {
font-size: 1.75rem; } }
.browser ul.nav-tabs li a {
border: 1px solid #cae2ef; }
.browser ul.nav-tabs li a:hover {
background-color: #e5eef7 !important;
border: 1px solid #cae2ef; }
.browser ul.nav-tabs li a:focus {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #e5eef7 !important;
border-color: #cae2ef #cae2ef #e5eef7;
border-image: none;
border-style: solid;
border-width: 1px; }
.browser ul.nav-tabs li.active a {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #e5eef7;
border-color: #cae2ef #cae2ef #e5eef7;
border-image: none;
border-style: solid;
border-width: 1px; }
.browser ul.nav-tabs li.active a:hover, .browser ul.nav-tabs li.active a:focus {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #e5eef7;
border-color: #cae2ef #cae2ef #e5eef7;
border-image: none;
border-style: solid;
border-width: 1px; }
.browser #latest-link {
margin: 8px 0px;
font-size: 1.7rem; }
.container.container-shift {
min-width: 520px; }
#conditions-filter {
margin: 0 0 8px 0px; }
#conditions-filter .btn {
margin-bottom: 6px; }
.browser-container {
margin: 0 0 8px 15px; }
.tab-content #search-tab {
background-color: #e5eef7;
border-bottom: 3px solid #cae2ef;
border-left: 1px solid #cae2ef;
border-right: 1px solid #cae2ef;
margin: 0;
padding-top: 20px; }
.homepage #main-search fieldset {
border-color: #51aee3 !important;
height: 34px;
margin: 0 auto;
width: 90%; }
.tab-content #browse-tab {
background-color: #e5eef7;
border-bottom: 1px solid #e8e8e8;
border-left: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
margin: 0;
padding-top: 10px; }
/* main condition browser */
.browser {
margin-bottom: 15px; }
.browser-container #categories {
width: 100%; }
.browser-container #disease-condition {
width: 98%; }
.browser-container #close {
display: none; }
#categories {
border-top: 1px solid #E8E8E8;
border-right: 1px solid #E8E8E8;
height: 322px;
margin-left: 0;
overflow-x: hidden;
overflow-y: scroll;
padding: 5px 0; }
#categories li a {
display: block;
font-size: 14px;
line-height: 21px;
padding: 5px 10px;
text-decoration: none; }
#categories li a:hover {
background-color: #dddddd; }
#categories li a.active {
background-color: #2A6EBB;
color: white; }
#categories li:nth-child(2n+1) {
background-color: #F8F8F8;
margin: 0 -10px;
padding: 0 10px; }
#disease-list li:nth-child(2n), #leaflet-list li:nth-child(2n) {
background-color: #F8F8F8;
margin: 0 -10px;
padding: 0 10px; }
#categories li:first-child {
font-size: 1em; }
#categories li:first-child a {
margin: -5px -10px 0;
padding: 10px 20px; }
#disease-condition {
border-top: 1px solid #E8E8E8;
border-left: 1px solid #E8E8E8; }
#disease-condition p {
display: none; }
#disease-condition ul {
margin-left: 0; }
#disease-condition #sectionTitle {
background: linear-gradient(to bottom, white 0px, #e8e8e8 100%) repeat scroll 0 0 transparent;
margin: 0;
text-align: left;
padding: 5px 10px; }
#disease-condition #sectionTitle li {
list-style-type: none; }
#disease-condition #disease-list {
background-color: #fff;
height: 287px;
max-width: 100%;
overflow-x: hidden;
overflow-y: scroll;
padding: 0;
text-align: left;
margin: 0 0 15px 0; }
#disease-condition #alpha-links {
background: linear-gradient(to bottom, white 0px, #e8e8e8 100%) repeat scroll 0 0 transparent; }
#disease-condition .alpha-links {
font-size: 0;
margin: 0; }
#disease-condition .alpha-links li {
display: inline-block;
margin: 0;
width: 3.63636%; }
#disease-condition .alpha-links li a {
border-bottom: 1px solid #DDD;
border-right: 1px solid #DDD;
display: block;
font-size: 15px;
margin: 0;
padding: 4px 0;
text-align: center; }
#disease-condition .alpha-links li a:hover {
background-color: #dddddd; }
#disease-condition .alpha-links li a.active {
background-color: #2A6EBB;
color: white; }
#disease-condition .alpha-links li a.unavailable {
color: #aaaaaa; }
#disease-condition .alpha-links li a.unavailable:hover {
text-decoration: none; }
#disease-list li a {
display: block;
font-size: 14px;
line-height: 21px;
padding: 5px 10px;
text-decoration: none; }
#disease-list li a:hover {
background-color: #dddddd; }
#disease-list li a.active {
background-color: #2A6EBB;
color: white; }
#disease-lists ul, #categories ul {
background-color: #fff;
list-style: none outside none;
margin: 0;
text-align: left;
padding: 0; }
#disease-lists p, #categories p {
display: none; }
/* patient leaflet browser */
#patient-leaflet {
margin-top: 20px;
border: 1px solid #e8e8e8; }
#patient-leaflet p {
padding: 0 0 0 10px;
text-align: left; }
#patient-leaflet #sectionTitle {
background: linear-gradient(to bottom, white 0px, #e8e8e8 100%) repeat scroll 0 0 transparent;
margin: 0;
text-align: left;
padding: 5px 10px; }
#patient-leaflet #sectionTitle li {
list-style-type: none; }
#patient-leaflet #leaflet-list {
height: 295px;
max-width: 100%;
overflow-x: hidden;
overflow-y: scroll;
padding: 0;
margin-bottom: 0;
text-align: left;
margin-left: 0; }
#patient-leaflet #alpha-links {
background: linear-gradient(to bottom, white 0px, #e8e8e8 100%) repeat scroll 0 0 transparent; }
#patient-leaflet .alpha-links {
font-size: 0;
margin: 0; }
#patient-leaflet .alpha-links li {
display: inline-block;
margin: 0;
width: 3.63636%; }
#patient-leaflet .alpha-links li a {
border-bottom: 1px solid #DDD;
border-right: 1px solid #DDD;
display: block;
font-size: 15px;
margin: 0;
padding: 4px 0;
text-align: center; }
#patient-leaflet .alpha-links li a:hover {
background-color: #dddddd; }
#patient-leaflet .alpha-links li a.active {
background-color: #2A6EBB;
color: white; }
#patient-leaflet .alpha-links li a.unavailable {
color: #aaaaaa; }
#patient-leaflet .alpha-links li a.unavailable:hover {
text-decoration: none; }
#leaflet-list a {
margin-left: 5px;
padding: 5px 10px;
display: block;
font-size: .85rem;
line-height: 1.5rem;
text-decoration: none; }
#leaflet-list li a:hover {
background-color: #dddddd; }
#leaflet-list li a.active {
background-color: #2A6EBB;
color: white; }
#leaflet-list ul {
list-style: none outside none;
margin: 0;
text-align: left;
padding: 0; }
#leaflet-list p {
display: none; }
/* drug database browser */
#drug {
border: 1px solid #E8E8E8;
margin-bottom: 20px; }
#drug p {
padding: 0 0 0 10px;
text-align: left; }
#drug #sectionTitle {
background: linear-gradient(to bottom, white 0px, #e8e8e8 100%) repeat scroll 0 0 transparent;
margin: 0;
text-align: left;
padding: 5px 10px; }
#drug #sectionTitle li {
list-style-type: none; }
#drug #disease-list {
height: 295px;
max-width: 100%;
overflow-x: hidden;
overflow-y: scroll;
padding: 0;
margin-bottom: 0;
text-align: left;
margin-left: 0; }
#drug #disease-list a {
padding: 5px 15px;
display: block;
font-size: 0.85rem;
line-height: 1.5rem;
text-decoration: none; }
#drug #alpha-links {
background: linear-gradient(to bottom, white 0px, #e8e8e8 100%) repeat scroll 0 0 transparent; }
#drug .alpha-links {
font-size: 0;
margin: 0; }
#drug .alpha-links li {
display: inline-block;
margin: 0;
width: 3.63636%; }
#drug .alpha-links li a {
border-bottom: 1px solid #DDD;
border-right: 1px solid #DDD;
display: block;
font-size: 15px;
margin: 0;
padding: 4px 0;
text-align: center; }
#drug .alpha-links li a:hover {
background-color: #dddddd; }
#drug .alpha-links li a.active {
background-color: #2A6EBB;
color: white; }
#drug .alpha-links li a.unavailable {
color: #aaaaaa; }
#drug .alpha-links li a.unavailable:hover {
text-decoration: none; }
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.super-landing-page #main-search fieldset {
width: 50%; } }
/* ie8 */
.ie8 #categories {
height: 323px; }
.ie8 #disease-condition #disease-list, .ie8 #drug #disease-list, .ie8 #patient-leaflet #leaflet-list {
margin: 0;
padding: 0; }
.ie8 #disease-condition #sectionTitle, .ie8 #drug #sectionTitle, .ie8 #patient-leaflet #sectionTitle {
background-color: #e8e8e8; }
.ie8 #categories li:first-child {
background-color: #e8e8e8; }
.ie8 #categories li a {
border-top: 1px solid #e8e8e8; }
.ie8 #categories li a.active {
background-color: #2A6EBB;
color: white; }
.ie8 #disease-list li a, .ie8 #leaflet-list li a {
border-top: 1px solid #e8e8e8; }
.ie8 #disease-condition #alpha-links, .ie8 #drug #alpha-links, .ie8 #patient-leaflet #alpha-links {
background-color: #e8e8e8; }
/* ie7 */
.ie7 #disease-condition .alpha-links li, .ie7 #drug .alpha-links li {
display: inline;
margin: 0;
width: 3.63636%; }
.ie7 #categories {
height: 333px;
padding: 0; }
.ie7 #disease-condition #disease-list, .ie7 #drug #disease-list, .ie7 #patient-leaflet #leaflet-list {
margin: 0;
padding: 0; }
.ie7 #disease-condition #sectionTitle, .ie7 #drug #sectionTitle, .ie7 #patient-leaflet #sectionTitle {
background-color: #e8e8e8; }
.ie7 #categories li:first-child {
background-color: #e8e8e8; }
.ie7 #categories li a {
border-top: 1px solid #e8e8e8; }
.ie7 #categories li a.active {
background-color: #2A6EBB;
color: white; }
.ie7 #disease-list li a, .ie7 #leaflet-list li a {
border-top: 1px solid #e8e8e8; }
.ie7 #disease-condition #alpha-links, .ie7 #drug #alpha-links {
background-color: #e8e8e8; }
.ie7 #patient-leaflet #alpha-links {
background-color: #e8e8e8; }
.ie7 #patient-leaflet #alpha-links li {
height: 35px;
display: inline; }
table {
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
width: 100%; }
@media (max-width: 480px) {
table {
font-size: 1.1rem;
line-height: 1.3rem; }
table ul {
margin: 0; }
table a {
font-size: 1.1rem;
line-height: 1rem; } }
.intervention-table h4 {
background: none repeat scroll 0 0 #f1f1f1;
border-color: #ddd;
border-style: solid;
border-width: 1px;
color: #333;
margin: 15px 0 0 !important;
padding: 10px 5px; }
.intervention-table h5 {
margin: 0; }
.intervention-table table {
border-collapse: separate; }
.intervention-table table th {
background: none repeat scroll 0 0 #f2f2f2;
border-color: #fff #ddd #ddd;
border-style: solid;
border-width: 1px;
color: #666;
padding: 5px;
text-align: left;
vertical-align: top;
line-height: 1.4rem; }
.intervention-table td.efficacyIconCol {
width: 24px; }
.intervention-table table td {
background: none repeat scroll 0 0 #f9f9f9;
border-color: #fff #ddd #ddd #fff;
border-style: solid;
border-width: 1px;
padding: 5px;
vertical-align: top; }
.intervention-table table td p {
font-size: 1.2rem;
line-height: 1.4rem; }
.intervention-table table td table {
border-collapse: separate; }
.intervention-table table td p.effect-size {
width: 29px;
margin-top: 6px;
height: 9px;
background-image: url(/x/images/clinical-evidence/bg-effect-sprite.gif); }
.intervention-table table td p.effect-size span {
display: block;
position: absolute;
left: -9999px; }
.intervention-table table td p.large {
background-position: 0 0; }
.intervention-table table td p.moderate {
background-position: 0 -9px; }
.intervention-table table td p.small {
background-position: 0 -18px; }
.intervention-table table td p.not-calculated {
background-position: 0 -27px; }
.intervention-table table td p.not-significant {
background-position: 0 -36px; }
@media (max-width: 767px) {
.intervention-table {
display: block; }
.intervention-table tr.table-title {
margin-bottom: 3px;
display: block; }
.intervention-table tr.table-title td {
background: none repeat scroll 0 0 #D4E2F1;
padding-left: 2%; }
.intervention-table tr.table-title td h5 {
font-size: 1.2em; }
.intervention-table table {
font-size: normal; }
.intervention-table .intervention-table {
border-left: none;
border-top: none; }
.intervention-table .intervention-table table th {
width: auto; }
.intervention-table th, .intervention-table td {
border: none; }
.intervention-table thead tr {
position: absolute;
top: -9999px;
left: -9999px; }
.intervention-table tr {
border: 1px solid #ccc;
margin-bottom: 10px; }
.intervention-table td {
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
white-space: normal;
text-align: left; }
.intervention-table td ul {
margin: 0 0 5px 0px;
padding: 0; }
.intervention-table td:before {
position: absolute;
top: 2px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left;
content: attr(data-title);
font-size: 1.2em; } }
table.grade {
border: 1px solid #999999;
font-size: 1.2rem;
line-height: 1.4rem; }
table.grade td {
border: 1px solid #999999;
padding: 5px; }
table.grade caption {
font-size: 1.5em;
font-weight: 700;
margin: 15px 0 10px;
text-align: left; }
table.grade th {
background: none repeat scroll 0 0 #eeeeee;
border: 1px solid #999999;
font-weight: 700;
padding: 8px; }
table.grade tfoot td {
background: none repeat scroll 0 0 #efefef;
border: 1px solid #555;
padding: 2px; }
@media (max-width: 992px) {
table.grade thead tr:nth-child(1), table.grade td:nth-child(4), table.grade th:nth-child(4), table.grade td:nth-child(5), table.grade th:nth-child(5), table.grade td:nth-child(6), table.grade th:nth-child(6), table.grade td:nth-child(7), table.grade th:nth-child(7), table.grade td:nth-child(8), table.grade th:nth-child(8), table.grade td:nth-child(10), table.grade th:nth-child(10) {
display: none; } }
@media (max-width: 480px) {
table.grade td {
padding: 2px; }
table.grade td:nth-child(1) {
max-width: 100px; } }
.comparison-set table {
border-color: #ddd #fff #fff #ddd;
border-style: solid;
border-width: 1px;
/* This will show the data title
@media (max-width: 767px) {
th:before {
content: attr(data-title);
font-size: 1.2em;
}
}*/ }
.comparison-set table th {
border-color: #fff #ddd #ddd #fff; }
table.update-table,
#learn table,
#ebm table,
#practice table {
border: 1px solid #999999; }
table.update-table td,
#learn table td,
#ebm table td,
#practice table td {
border: 1px solid #999999;
padding: 8px; }
table.update-table caption,
#learn table caption,
#ebm table caption,
#practice table caption {
font-size: 1.5em;
font-weight: 700;
margin: 15px 0 10px;
text-align: left; }
table.update-table th,
#learn table th,
#ebm table th,
#practice table th {
background: none repeat scroll 0 0 #eeeeee;
border: 1px solid #999999;
font-weight: 700;
padding: 8px; }
table.update-table tfoot td,
#learn table tfoot td,
#ebm table tfoot td,
#practice table tfoot td {
background: none repeat scroll 0 0 #efefef;
border: 1px solid #555;
padding: 2px; }
/* My CE Tables */
table.my-ce-ss {
width: 200px; }
table.my-ce-ss a.btn-danger.delete-saved-search {
color: #fff;
background-color: #ccc;
padding-bottom: 2px; }
table.my-ce-ss a.btn-danger.delete-saved-search:hover, table.my-ce-ss a.btn-danger.delete-saved-search:active {
background-color: #CD202C;
text-decoration: none; }
#my-ce {
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* DataTables sorting
*/
overflow: hidden;
padding: 20px 0; }
#my-ce table#institutional-notes-datatable th, #my-ce table#personal-notes-datatable th {
padding: 5px;
font-size: 1.5rem;
text-align: center;
font-weight: bold; }
#my-ce table#institutional-notes-datatable th.page, #my-ce table#personal-notes-datatable th.page {
width: 30%; }
#my-ce table#institutional-notes-datatable th.note, #my-ce table#personal-notes-datatable th.note {
width: 20%; }
#my-ce table#institutional-notes-datatable th.added, #my-ce table#personal-notes-datatable th.added {
width: 20%; }
#my-ce table#institutional-notes-datatable th.updated, #my-ce table#personal-notes-datatable th.updated {
width: 20%; }
#my-ce table#institutional-notes-datatable th.control, #my-ce table#personal-notes-datatable th.control {
width: 10%; }
#my-ce table#institutional-notes-datatable tr.odd, #my-ce table#personal-notes-datatable tr.odd {
background-color: #f8f8f8; }
#my-ce table#institutional-notes-datatable tr.even, #my-ce table#personal-notes-datatable tr.even {
background-color: #fff; }
#my-ce table#institutional-notes-datatable td p, #my-ce table#personal-notes-datatable td p {
font-size: 1.5rem; }
#my-ce table#mysavedbookmarks tr.odd {
background-color: #f8f8f8;
padding: 5px 0; }
#my-ce table#mysavedbookmarks tr.even {
background-color: white; }
#my-ce table#mysavedbookmarks td {
padding: 8px;
font-size: 14px; }
#my-ce .institutional-notes .sorting_asc:after, #my-ce .personal-notes .sorting_asc:after {
font-family: FontAwesome;
content: "\f0aa";
margin-right: 10px;
color: #2A6EBB;
float: right; }
#my-ce .institutional-notes .sorting_desc:after, #my-ce .personal-notes .sorting_desc:after {
font-family: FontAwesome;
content: "\f0ab";
margin-right: 10px;
color: #2A6EBB;
float: right; }
#my-ce .institutional-notes .sorting:before, #my-ce .personal-notes .sorting:before {
font-family: FontAwesome;
content: "\f0aa";
margin-right: 10px;
color: #2A6EBB;
float: right; }
#my-ce .institutional-notes .sorting:after, #my-ce .personal-notes .sorting:after {
font-family: FontAwesome;
content: "\f0ab";
margin-right: 10px;
color: #2A6EBB;
float: right; }
#my-ce .institutional-notes .sorting_asc_disabled:after, #my-ce .personal-notes .sorting_asc_disabled:after {
font-family: FontAwesome;
content: "\f0aa";
margin-right: 10px;
color: #cccccc;
float: right; }
#my-ce .institutional-notes .sorting_desc_disabled:after, #my-ce .personal-notes .sorting_desc_disabled:after {
font-family: FontAwesome;
content: "\f0ab";
margin-right: 10px;
color: #cccccc;
float: right; }
#my-ce .institutional-notes a.btn-danger.delete-institutional-note, #my-ce .personal-notes a.btn-danger.delete-institutional-note {
color: #fff;
background-color: #ccc;
padding-bottom: 2px; }
#my-ce .institutional-notes a.btn-danger.delete-institutional-note:hover, #my-ce .institutional-notes a.btn-danger.delete-institutional-note:active, #my-ce .personal-notes a.btn-danger.delete-institutional-note:hover, #my-ce .personal-notes a.btn-danger.delete-institutional-note:active {
background-color: #CD202C;
text-decoration: none; }
#my-ce .institutional-notes a.btn-primary.edit-institutional-note, #my-ce .personal-notes a.btn-primary.edit-institutional-note {
color: #fff;
background-color: #ccc;
padding-bottom: 2px; }
#my-ce .institutional-notes a.btn-primary.edit-institutional-note:hover, #my-ce .institutional-notes a.btn-primary.edit-institutional-note:active, #my-ce .personal-notes a.btn-primary.edit-institutional-note:hover, #my-ce .personal-notes a.btn-primary.edit-institutional-note:active {
background-color: #2a6ebb;
text-decoration: none; }
#my-ce .institutional-notes a.btn-danger.delete-personal-note, #my-ce .personal-notes a.btn-danger.delete-personal-note {
color: #fff;
background-color: #ccc;
padding-top: 1px;
padding-bottom: 2px; }
#my-ce .institutional-notes a.btn-danger.delete-personal-note:hover, #my-ce .institutional-notes a.btn-danger.delete-personal-note:active, #my-ce .personal-notes a.btn-danger.delete-personal-note:hover, #my-ce .personal-notes a.btn-danger.delete-personal-note:active {
background-color: #CD202C;
text-decoration: none; }
#my-ce .institutional-notes a.btn-primary.edit-personal-note, #my-ce .personal-notes a.btn-primary.edit-personal-note {
color: #fff;
background-color: #ccc;
padding-top: 1px;
padding-bottom: 2px; }
#my-ce .institutional-notes a.btn-primary.edit-personal-note:hover, #my-ce .institutional-notes a.btn-primary.edit-personal-note:active, #my-ce .personal-notes a.btn-primary.edit-personal-note:hover, #my-ce .personal-notes a.btn-primary.edit-personal-note:active {
background-color: #2a6ebb;
text-decoration: none; }
#my-ce #tab-search table tr:hover td {
background-color: #f8f8f8; }
#my-ce #tab-search table tr:hover a.delete {
display: inline; }
#my-ce #tab-search table a.btn-danger.delete-bookmark {
color: #fff;
background-color: #ccc;
padding-bottom: 2px; }
#my-ce #tab-search table a.btn-danger.delete-bookmark:hover, #my-ce #tab-search table a.btn-danger.delete-bookmark:active {
font-weight: bold;
background-color: #CD202C;
text-decoration: none; }
#my-ce table caption {
text-align: left;
font-size: 1em; }
#my-ce td.delete {
text-align: right; }
#my-ce .divclearable {
border: 1px solid #ddd;
display: inline-block;
padding-right: 5px;
vertical-align: middle;
border-radius: 4px;
margin-left: 10px; }
#my-ce a.clearlink {
background: url("../images/close-button.png") no-repeat scroll 0 0 transparent;
background-position: center center;
cursor: pointer;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
height: 12px;
width: 12px;
z-index: 2000;
border: 0px solid; }
#my-ce a.clearlink:hover {
background: url("../images/close-button.png") no-repeat scroll -12px 0 transparent;
background-position: center center; }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Estimating CVD risk Chart
*/
#cvdChart h4 {
background: none repeat scroll 0 0 #F1F1F1;
border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
border-style: solid;
border-width: 1px;
font: bold 1em Arial, sans-serif;
margin: 0;
padding: 10px 5px; }
#cvdChart table {
background: none repeat scroll 0 0 #F9F9F9;
margin-top: 10px;
border: 1px solid #CCCCCC !important;
margin-bottom: 5px;
border-collapse: separate !important; }
#cvdChart th {
background: none repeat scroll 0 0 #F2F2F2;
border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
border-style: solid;
border-width: 1px;
font: bold 1.1em Arial, sans-serif;
padding: 2px;
text-align: center;
vertical-align: top;
width: 35%; }
#cvdChart th.sub {
font-weight: normal;
text-align: left; }
#cvdChart td {
background: none repeat scroll 0 0 transparent;
border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
border-style: solid;
border-width: 1px;
font: 1.1em Arial, sans-serif;
padding: 2px;
vertical-align: top; }
#cvdChart td.nil {
background: none repeat scroll 0 0 seashell;
border: none;
padding: 2px;
vertical-align: top; }
#cvdChart ul {
margin: 0;
padding-left: 15px; }
#cvdChart li {
font: 1em Arial, sans-serif;
list-style-image: url("../images/dot01.gif");
padding-bottom: 5px; }
#cvdChart #colorRed {
background: none repeat scroll 0 0 #EE1C23;
height: 15px;
width: 15px; }
#cvdChart #colorOrange {
background: none repeat scroll 0 0 #F5821F;
height: 15px;
width: 15px; }
#cvdChart #colorLightorange {
background: none repeat scroll 0 0 #FCB814;
height: 15px;
width: 15px; }
#cvdChart #colorYellow {
background: none repeat scroll 0 0 #FFF100;
height: 15px;
width: 15px; }
#cvdChart #colorBlue {
background: none repeat scroll 0 0 #0072BC;
height: 15px;
width: 15px; }
#cvdChart #colorGreen {
background: none repeat scroll 0 0 #00A76E;
height: 15px;
width: 15px; }
#cvdChart #colorIndigo {
background: none repeat scroll 0 0 #AAE0F9;
height: 15px;
width: 15px; }
#cvdChart #colorPurple {
background: none repeat scroll 0 0 #8781BD;
height: 15px;
width: 15px; }
.super-landing-page {
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */ }
.super-landing-page h2.homepage-heading {
margin-top: 15px; }
.super-landing-page .ebm {
padding-bottom: 25px; }
.super-landing-page .ebm h1 {
margin: 0rem 0rem 2rem 0rem; }
.super-landing-page .ebm h2 {
margin: 0px;
font-size: 1.7rem; }
.super-landing-page .ebm img.ebm-icon {
margin: 0 15px 6px 0; }
.super-landing-page .ebm .more {
font-size: 1.2rem; }
.super-landing-page .ebm .panel-body {
padding-top: 0px; }
.super-landing-page .ebm .panel-group .panel-title a {
padding: 0px; }
.super-landing-page .ebm .fa-graduation-cap {
margin-right: 8px;
float: left; }
.super-landing-page .ebm .fa-stethoscope {
margin-right: 33px;
float: left; }
.super-landing-page .ebm .fa-medkit {
margin-right: 24px;
float: left; }
.super-landing-page .ebm .ebm-link {
float: left;
font-size: 2rem;
margin-top: 15px; }
.super-landing-page ul.homepage-list li {
padding: 6px 0px;
border-bottom: 1px solid #eeeeee; }
.super-landing-page ul.homepage-list li a.web-link:after {
font-family: FontAwesome;
content: " \f08e"; }
.super-landing-page .date {
font-size: 1.3rem; }
.super-landing-page .ebm-icon {
text-align: center; }
@media (min-width: 768px) {
.super-landing-page .ebm .fa-5x {
font-size: 7rem; } }
@media (min-width: 992px) {
.super-landing-page .ebm .fa-5x {
font-size: 10rem; }
.super-landing-page .ebm .fa-graduation-cap {
float: none; }
.super-landing-page .ebm .fa-stethoscope {
float: none; }
.super-landing-page .ebm .fa-medkit {
float: none; } }
/*Start: Latest page styling to align with exisiting code. Reason: speed*/
.latest {
margin-top: 20px;
font-size: 1.65rem; }
.latest dl {
padding: 10px 15px;
margin: 0; }
.latest dl.active {
background-color: #2A6EBB;
color: white; }
.latest dl.active:hover {
background-color: #2A6EBB;
text-decoration: none; }
.latest dl dt.active a {
color: white; }
.latest dl:hover {
background-color: #eeeeee; }
.latest a:hover {
text-decoration: none; }
ul.latest-page li {
padding: 6px 0px;
border-bottom: 1px solid #eeeeee; }
ul.latest-page li:last-of-type {
border-bottom: none; }
/*End: Latest page*/
/*About BMJ Clinical Evidence Page Styles */
#cms #main-body ul {
padding-left: 15px; }
#cms #main-body ul li {
list-style: disc outside none; }
#cms #main-body ol {
padding-left: 15px; }
#cms #main-body ol li {
list-style: decimal outside none; }
#cms #main-body #condition-list ul {
padding-left: 0px; }
#cms #main-body #condition-list ul li {
list-style: none;
margin: 8px 0px; }
#content-main a {
word-wrap: break-word; }
#my-ce {
word-wrap: break-word; }
/* glossary EBM pages */
h4.shaded-bg,
h2.highlight {
background-color: #eaf1fa;
color: #555555;
font-weight: bold;
padding: 6px;
margin-top: 20px; }
h4.shaded-bg > a,
h2.highlight > a {
color: #555555;
padding-left: 6px; }
.glossary-sorting {
display: block;
background-color: #eeeeee;
padding: 6px; }
.glossary-sorting ul {
margin: 0px; }
.glossary-sorting ul li {
list-style: none !important;
display: inline;
padding: 0 6px; }
span.highlight {
background-color: #ffc; }
span#social-text {
display: inline;
float: right; }
div#social-container {
padding-top: 0; }
ul#social-buttons {
padding-left: 0.5rem !important;
margin: 0;
float: right; }
li.social-button {
list-style: none !important;
display: inline;
padding-left: 2px; }
/* Scss Document */
/* tinynav: this code shows and hides the relevanty code depending on media screen size */
.evidence-nav .nav {
display: block; }
.evidence-nav select.sub-navigation {
display: none; }
#navigation-learn, #navigation-practice, #navigation-toolbox, #navigation {
display: block !important; }
#sub-navigation1 {
display: none; }
@media screen and (max-width: 992px) {
.evidence-nav .nav {
display: none; }
.evidence-nav select.sub-navigation {
display: block; }
#navigation-learn, #navigation-practice, #navigation-toolbox, #navigation {
display: none !important; }
#sub-navigation1 {
display: block;
margin-bottom: 10px;
background-color: #f3f7fc;
border: 1px solid #cddff4;
padding: 10px 0 10px 5px;
width: 100%; } }
/* tinynav: end */
#page-tools {
margin-bottom: 1.33rem;
clear: both;
display: block; }
#page-tools .unavailable {
display: none; }
#page-tools .btn {
margin-bottom: 1.33rem; }
#user-notes .notes {
padding: 15px 10px;
margin-bottom: 15px;
background-color: #eee; }
.ui-feedback {
color: #785401;
background-color: #fceecc;
border-color: #fbdfbe; }
.ui-feedback p {
margin: 5px;
padding: 5px; }
.top {
float: right; }
.intervention h5 {
font-weight: bold; }
.intervention ul {
padding-left: 15px; }
.intervention ul li {
list-style: disc outside none; }
#main-body ul {
padding-left: 15px; }
#main-body ul.no-bullets li {
list-style: none;
padding-left: 25px; }
#main-body ul li {
list-style: disc outside none; }
#main-body ol {
padding-left: 15px; }
#main-body ol li {
list-style: decimal outside none; }
div.expandable-section dt {
color: #2A6EBB;
font-weight: bold;
width: 23%; }
div.expandable-section dt:after {
font-family: FontAwesome;
content: "\f107";
margin-right: 10px;
color: #2A6EBB;
float: right; }
div.expandable-section dt.ratings {
width: 12%; }
div.expandable-section .fa {
margin-left: 5px;
font-weight: bold; }
div.expandable-section dt:hover {
text-decoration: underline; }
div.expandable-section dd {
margin-left: 0px; }
div.expandable-section tt {
color: #E37222;
padding: 0px 3px; }
div.citations dt {
color: #2A6EBB;
font-weight: bold;
width: 100px; }
div.citations dt:after {
font-family: FontAwesome;
content: "\f107";
margin-right: 10px;
color: #2A6EBB;
float: right; }
div.citations .fa {
margin-left: 5px;
font-weight: bold; }
div.citations dt:hover {
text-decoration: underline; }
div.citations dd {
margin-left: 0px; }
div.citations tt {
color: #E37222;
padding: 0px 3px; }
div.guidelines ul {
margin-bottom: 24px;
margin-top: 0px; }
div.guidelines ul li {
border-bottom: 1px solid #eeeeee;
padding: 6px 0px; }
.notes .save, .notes .delete, .notes .cancel {
float: left;
margin-right: 6px; }
#user-notes .edit {
float: left;
margin-right: 6px; }
h1.monograph-title {
margin-bottom: 2rem; }
.pdf-doc:before {
font-family: FontAwesome;
content: "\f1c1";
margin-right: 10px;
color: #2A6EBB;
float: left; }
#statistics_calculator {
background-color: #eaf1fa;
margin-bottom: 15px;
padding: 15px; }
#statistics_calculator .calc_buttons input[type="button"] {
margin-right: 6px; }
/* Scss Document */
.portal .add-portfolio {
margin-bottom: 15px; }
.portal h2 {
background-color: #2a6ebb;
color: #fff;
padding-left: 10px !important; }
.portal #bmj .portal-item {
text-align: left; }
.portal .add-portfolio a {
color: white; }
.portal .add-portfolio a:hover {
color: white;
text-decoration: none; }
.portal .portal-item-date {
color: #666666;
float: left;
font-size: 1.3rem;
margin-left: 12px;
margin-top: 4px; }
.portal .portal-item {
margin-bottom: 6px;
width: 100%; }
.portal .portal-item h3 {
font-size: 1.4rem; }
.portal .portal-item a {
float: left;
font-size: 1.8rem; }
.portal .portal-item input[type="checkbox"] {
float: right;
margin: 0px 6px; }
/* BELOW: old portal css kept in case. Needs eliminating */
.portal #user-notes {
padding-bottom: 10px; }
.portal .right {
float: right; }
.portal span.portal-title {
text-transform: capitalize; }
.portal span.portal-inline {
text-transform: lowercase; }
.portal h1 {
margin: 0 0 10px !important; }
.portal .left {
float: left;
margin-right: 10px;
width: 384px; }
.portal .right {
float: left;
margin-left: 10px;
width: 384px; }
.portal .portal-item a {
display: inline-block;
white-space: normal; }
.portal .product-logo {
height: 60px;
position: relative; }
.portal .product-logo img {
margin-top: 10px;
margin-bottom: 10px; }
#portal-list-popup {
background-color: white;
border: 2px solid #024a68;
color: black;
display: none;
left: 300px;
padding: 0;
position: absolute;
top: 50px;
width: 500px;
z-index: 10; }
#portal-list-header {
background-color: #024a68;
color: #b5c9d2;
padding: 0; }
#portal-list-header h3 {
padding: 5px 10px; }
#portal-list-buttons {
background-color: #b5c9d2;
float: right;
margin: 0;
padding: 1px 5px; }
#portal-list {
height: 300px;
margin-top: -10px;
overflow-x: hidden;
overflow-y: scroll;
padding: 5px 5px 0; }
#portal-list li {
border-bottom: 1px dotted #024a68;
list-style-type: none; }
#portal-list a:hover {
background-color: #b5c9d2; }
a.delete-portal-link:link, a.delete-portal-link:visited {
color: red !important;
float: right;
font-size: 8pt; }
.portal .intro {
margin-right: 10px;
width: 100%; }
.portal .intro p {
margin: 0 0 4px !important; }
.portal .intro .instructions {
float: left; }
.portal .intro .instructions div.message {
margin: 0 0 20px !important; }
.portal .intro .instructions .add-to-portfolio {
display: inline-block;
float: left;
vertical-align: top;
width: 300px; }
.portal .add-to-portfolio #portal #added_message, .portal .add-to-portfolio #added_message_error {
position: absolute;
top: 0; }
.portal .add-to-portfolio .check-all {
text-align: right; }
div.popup-reference, div.popup-glossary {
width: 383px; }
div.popup-reference a.close:link, div.popup-glossary a.close:link {
color: #333 !important;
opacity: .5; }
div.popup-reference a.close:hover, div.popup-glossary a.close:hover {
opacity: .75; }
div.popup {
background: none repeat scroll 0 0 #FFF;
box-shadow: 0 1px 3px #AAA;
cursor: default;
display: none;
overflow: visible !important;
padding: 0;
position: absolute;
text-align: left;
z-index: 1000; }
div.popup div.head {
background-color: #e5eef7;
color: #333;
padding: 5px;
margin: 0;
overflow: hidden;
cursor: move; }
div.popup div.head h4 {
font-size: 1em;
margin: 0;
float: left;
padding-left: 5px; }
div.popup div.body {
background: none repeat scroll 0 0 #fff;
border: 1px solid #cae2ef;
float: left;
overflow: hidden;
padding: 10px; }
div.popup div.body p {
font-size: .85em;
margin-bottom: 10px;
color: #333; }
div.popup div.body span.ext-link {
font-size: 1em;
margin-right: 20px; }
div.popup div.body .action {
font-size: 1em;
margin-top: 10px; }
div.popup div.button a.close:link {
color: #333 !important;
opacity: .5; }
div.popup div.button a.close:hover {
opacity: .75; }
div.popup {
box-shadow: 0 0 7px #666;
margin: 0;
overflow: hidden;
position: absolute;
z-index: 100;
margin-left: 200px;
margin-top: 140px; }
div.popup-image div.head {
background-color: #e5eef7;
border-bottom: 1px solid #cddff4;
color: #333;
padding: 5px;
margin: 0;
overflow: hidden; }
div.popup div.button a.print {
background-color: transparent;
background-position: 100% 7px;
background-repeat: no-repeat;
border: medium none;
font-weight: 700;
height: 14px;
margin: 2px;
padding: 1px 20px 1px 5px !important; }
div.popup-image div.button a.close:link {
color: #333 !important;
opacity: .5; }
div.popup-image div.button a.close:hover {
opacity: .75; }
div.popup-image div.body {
border: 0 none;
text-align: center; }
.ie7 div.popup-image div.body {
max-width: 475px; }
div.popup-image div.body .img {
padding: 4px;
border: 1px solid #E3E4E4; }
div.popup-image div.body p {
text-align: left;
width: 350px; }
div.popup-image div.body p.caption {
display: block;
margin-top: 10px;
font-size: .9em;
font-style: italic;
border-bottom: 1px solid #999; }
div.popup-image div.body p.credit {
color: #999;
font-size: .9em; }
div.popup div.body p {
line-height: 1.4em;
margin: 5px 0; }
div.popup-image div.body p.image-back-links {
color: #333;
font-size: .9em;
margin-bottom: 0;
padding-top: 5px; }
div.popup-image div.body ul.image-back-links {
margin: 0 0 0 20px; }
div.popup-image div.body ul.image-back-links li {
list-style: none;
margin-left: -15px;
text-align: left; }
div.popup-image div.body ul.image-back-links li:before {
color: #2a6ebb;
content: "\2666";
font-size: 14px;
padding-right: 10px;
vertical-align: top; }
div.popup div.button a.close {
background-color: transparent;
border: medium none;
float: right;
font-size: 2.2rem;
font-weight: 700;
padding: 1px 10px 1px 5px !important; }
#tooltip {
position: absolute;
background-color: #2A6EBB;
color: #FFF;
padding: 10px;
width: 30%;
z-index: 99999; }
span.loading {
background: #00AEEF;
position: relative;
color: #fff;
font-weight: bold;
font-size: 1.1em;
padding: 1px 10px;
display: inline; }
/**
* tooltip
* --------------------------------------------------
*/
.tooltip-inner {
color: #ffffff;
background-color: #2A6EBB; }
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
border-top-color: #2A6EBB; }
.tooltip.right .tooltip-arrow {
border-right-color: #2A6EBB; }
.tooltip.left .tooltip-arrow {
border-left-color: #2A6EBB; }
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
border-bottom-color: #2A6EBB; }
input[type="text"] {
*height: auto !important; }
#feedbackForm dt {
margin-right: 20px;
width: 180px; }
/* login landing page */
#login .login-remember .radio input[type="radio"], #login .remember .checkbox input[type="checkbox"] {
float: left;
margin: 5px 5px 5px 0; }
#login input {
padding: 5px;
background-color: #ffffff;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear .2s, box-shadow linear .2s;
-moz-transition: border linear .2s, box-shadow linear .2s;
-o-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s; }
#login label {
font-size: 1.65rem;
margin-bottom: 5px; }
#login .login-remember input[type="checkbox"] {
margin-top: 5px; }
#login .login-remember label.btn {
margin: 13px 10px 0px 0px;
overflow: hidden;
white-space: nowrap;
padding-left: 28px; }
#login .pass {
margin-bottom: 0; }
#login .pass input {
width: 94%; }
#login .login-forgot {
margin-bottom: 0;
font-size: 1rem; }
#login .user input {
width: 94%; }
#login .remember {
margin: 20px 0; }
#login .action {
background-color: #eceff1;
margin-bottom: 20px;
padding: 0px 15px 15px;
overflow: hidden; }
#login .action .register-button {
margin-right: 5px; }
@media (max-width: 990px) {
#login .action {
margin-top: 20px; } }
#login h2 {
margin-top: 15px; }
/* recommended institution landing page */
.institution h3 {
clear: both;
padding-top: 20px; }
#problem {
margin-top: 15px; }
#problem p {
margin: 0; }
form#emailForm .from input,
form#emailForm .to input {
width: 50%; }
form#emailForm input[type="radio"], form#emailForm input[type="checkbox"] {
margin-top: 7px; }
form#emailForm dl.dl-horizontal dt label {
float: left;
width: 150px;
padding-top: 5px;
text-align: right; }
form#emailForm dd {
margin: 0; }
form#emailForm input.btn.btn-primary, form#emailForm button.btn.btn-primary {
margin-left: 160px; }
form#emailForm span.form-error {
display: block;
font-size: .85rem;
color: red; }
/* feedback form */
#feedbackForm {
background-color: #eaf1fa;
margin-bottom: 15px;
padding: 15px; }
#feedbackForm h2 {
font-size: 2.5rem;
padding-left: 0px; }
#feedbackForm dt {
margin-right: 20px;
width: 120px; }
#feedbackForm dd {
margin-left: 120px; }
#feedbackForm textarea {
width: 256px;
height: 60px;
margin-bottom: 0.714rem; }
#feedbackForm input[type="text"] {
width: 256px;
height: 30px;
margin-bottom: 0.714rem; }
#feedbackForm input[type="submit"] {
margin-right: 6px; }
/* notes form */
.defaultSkin .mceListBox .mceText {
width: 70px; }
@media (min-width: 321px) and (max-width: 360px) {
.defaultSkin .mceListBox .mceText {
width: 50px !important; } }
@media (max-width: 320px) {
.defaultSkin .mceListBox .mceText {
width: 15px !important; } }
#add-new-notes-form {
background-color: #eaf1fa;
margin-bottom: 15px;
padding: 15px; }
#add-new-notes-form h2 {
font-size: 2.5rem;
padding-left: 0px; }
/* ie8 */
.ie8 #login .login-container .control-group {
padding: 0 0 10px 0; }
.ie8 .action ul {
padding: 0 0 0 20px; }
.ie8 input[type="password"] {
padding-right: 2px;
padding-left: 10px; }
/* ie7 */
.ie7 #login .login-container .control-group {
padding: 0 0 10px 0; }
.ie7 #feedbackForm dd {
width: 220px; }
.ie7 input[type="password"] {
padding-right: 2px;
padding-left: 10px; }
/*
* Off Canvas
* --------------------------------------------------
*/
@media screen and (min-width: 480px) and (max-width: 767px) {
.row-offcanvas {
position: relative;
transition: all .25s ease-out; }
.row-offcanvas-right {
right: 0; }
.row-offcanvas-right .sidebar-offcanvas {
right: -50%; }
.row-offcanvas-right.active {
right: 50%; }
.row-offcanvas-left {
left: 0; }
.row-offcanvas-left .sidebar-offcanvas {
left: -50%; }
.row-offcanvas-left.active {
left: 50%; }
.sidebar-offcanvas {
position: absolute;
top: 0;
width: 50%;
background-color: #2A6EBB;
height: 100vh; }
ul.site-links {
margin-left: 1rem; }
ul.site-links li.dropdown a#drop1 {
font-size: 85%;
font-weight: normal; }
ul.site-links li .open {
background-color: #407dc2; }
ul.site-links a {
color: #fff; }
.navbar-custom .navbar-nav li.dropdown .dropdown-menu a {
font-weight: normal;
color: #fff; }
.navbar-custom .navbar-nav li.dropdown .dropdown-menu a:hover, .navbar-custom .navbar-nav li.dropdown .dropdown-menu a:focus {
color: #eaf1fa;
text-decoration: underline; }
.navbar-custom ul.dropdown-menu li {
padding: 5px 10px; }
.navbar-custom ul li {
font-weight: bold;
border-bottom: 1px solid #82afe3;
background-color: #4387d5;
width: 90%; }
.navbar-custom ul li .btn-primary {
border: 1px solid #225896;
background-color: #407dc2; }
.navbar-custom ul li .btn-primary:hover {
border: 1px solid #407dc2;
background-color: #225896; }
.navbar-custom .open .dropdown-menu {
background-color: #4387d5; }
.navbar-custom .navbar-nav li a {
color: white; }
.navbar-custom .navbar-nav li a:hover, .navbar-custom .navbar-nav li a:focus {
color: white; }
.navbar-custom .navbar-nav li.open a:hover, .navbar-custom .navbar-nav li.open a:focus, .navbar-custom .navbar-nav li.open a:active {
background-color: transparent;
color: white; }
.navbar-custom ul.resources li, .navbar-custom ul.options li {
border-bottom: none;
font-size: 1.4rem;
line-height: 1; }
.sign-in .options ul li {
background-color: #82afe3;
margin: 0; }
.dropdown-menu form input[type=text], [type=password] {
width: 100%;
max-width: 255px; }
.institution-offcanvas {
border-bottom: 1px solid #82afe3;
background-color: #4387d5;
width: 90%; }
.institution-offcanvas h4 {
font-size: 1.5rem;
font-weight: bold;
float: left;
padding-left: 10px; }
.institution-offcanvas img {
display: inline; } }
@media screen and (max-width: 479px) {
.row-offcanvas {
position: relative;
transition: all .25s ease-out; }
.row-offcanvas-right {
right: 0; }
.row-offcanvas-right .sidebar-offcanvas {
right: -50%; }
.row-offcanvas-right.active {
right: 50%; }
.row-offcanvas-left {
left: 0; }
.row-offcanvas-left .sidebar-offcanvas {
left: -70%; }
.row-offcanvas-left.active {
left: 70%; }
.sidebar-offcanvas {
position: absolute;
top: 0;
width: 70%;
background-color: #2A6EBB;
height: 100vh; }
ul.site-links {
margin-left: 1rem; }
ul.site-links li.dropdown a#drop1 {
font-size: 85%;
font-weight: normal; }
ul.site-links li .open {
background-color: #407dc2; }
ul.site-links a {
color: #fff; }
.navbar-custom .navbar-nav li.dropdown .dropdown-menu a {
font-weight: normal;
color: #fff; }
.navbar-custom .navbar-nav li.dropdown .dropdown-menu a:hover, .navbar-custom .navbar-nav li.dropdown .dropdown-menu a:focus {
color: #eaf1fa;
text-decoration: underline; }
.navbar-custom ul.dropdown-menu li {
padding: 5px 10px; }
.navbar-custom ul li {
font-weight: bold;
border-bottom: 1px solid #82afe3;
background-color: #4387d5;
width: 90%; }
.navbar-custom ul li .btn-primary {
border: 1px solid #225896;
background-color: #407dc2; }
.navbar-custom ul li .btn-primary:hover {
border: 1px solid #407dc2;
background-color: #225896; }
.navbar-custom .open .dropdown-menu {
background-color: #4387d5; }
.navbar-custom .navbar-nav li a {
color: white; }
.navbar-custom .navbar-nav li a:hover, .navbar-custom .navbar-nav li a:focus {
color: white; }
.navbar-custom .navbar-nav li.open a:hover, .navbar-custom .navbar-nav li.open a:focus, .navbar-custom .navbar-nav li.open a:active {
background-color: transparent;
color: white; }
.navbar-custom ul.resources li, .navbar-custom ul.options li {
border-bottom: none;
font-size: 1.4rem;
line-height: 1; }
.sign-in .options ul li {
background-color: #82afe3;
margin: 0; }
.dropdown-menu form input[type=text], [type=password] {
width: 100%;
max-width: 255px; }
.institution-offcanvas {
border-bottom: 1px solid #82afe3;
background-color: #4387d5;
width: 90%; }
.institution-offcanvas h4 {
font-size: 1.5rem;
font-weight: bold;
float: left;
padding-left: 10px; }
.institution-offcanvas img {
display: inline; } }
@media screen and (min-width: 766px) {
.institution-offcanvas {
display: none; } }
/******** Saved Search Header ********/
.sub-nav h1 {
font-size: 1.5rem;
font-weight: bold;
text-align: center;
margin-bottom: 10px; }
.sub-nav .search-text {
text-align: center;
margin-bottom: 10px; }
.sub-nav .saved-search-container {
text-align: center; }
.sub-nav .save-search {
text-align: center;
margin-bottom: 10px; }
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.sub-nav #saved-search {
text-align: center; }
.sub-nav h1 {
margin: 15px 0;
text-align: left; }
.sub-nav .search-text {
margin: 23px 0 0 15px;
font-style: italic;
color: #999; }
.sub-nav .saved-search-container {
text-align: right; }
.sub-nav .save-search {
margin: 15px 0;
text-align: right; } }
#sub-nav ul.nav-tabs {
text-align: center;
border-bottom: 1px solid #cae2ef; }
#sub-nav ul.nav-tabs li {
float: none;
display: inline-block;
*display: inline;
/* ie7 fix */
zoom: 1;
/* hasLayout ie7 trigger */ }
#sub-nav ul.nav-tabs li.active a {
border: 1px solid #cae2ef;
border-bottom-color: transparent;
background-color: #f6f6f6;
color: #555; }
#sub-nav ul.nav-tabs li a {
margin-right: 0;
padding: 10px; }
#sub-nav ul.nav-tabs li a:hover, #sub-nav ul.nav-tabs li a:focus {
background-color: #fff !important;
border: 1px solid #cae2ef; }
#search-results {
margin-bottom: 20px; }
#search-results .search-hit {
margin: 0; }
#search-results .search-hit dd {
margin: 0; }
#search-results .search-hit dd dl {
clear: both; }
#search-results dd {
background-color: #fff;
padding: 0;
margin: 5px 0;
width: 100%; }
#search-results dd dl dd {
background-image: none;
float: left;
margin: 0 !important;
padding: 0 0 10px !important;
width: 95%;
border-bottom: 0px;
padding-left: 15px !important; }
#search-results dl dd dl dt {
color: #2a6ebb;
font-weight: bold;
float: left;
text-align: center;
line-height: 1.4em;
padding: 10px;
margin: 1% 1%;
width: 95%; }
#search-results .arrow_box {
background: #fff;
border-bottom: 1px solid #ddd;
color: #777;
font-weight: normal;
padding: 2px 5px;
text-align: left; }
#search-results .patient-information .arrow_box {
font-size: 0.9em;
position: relative;
top: -10px; }
#search-results h2 a {
color: #2a6ebb;
font-size: 1.7rem;
font-weight: bold;
line-height: 1.5rem; }
#search-results p {
font-size: 1em;
line-height: 1.4em;
margin-top: 0.2rem; }
#search-results p em, #search-results p .ellipsis {
font-weight: bold; }
#search-results .clear {
clear: both;
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
width: 0; }
#search-results .clickable {
cursor: pointer; }
#search-results .panel-heading span {
margin-top: 0px;
font-size: 15px; }
#search-results .panel-heading span .fa {
color: #ddd; }
#search-results .panel-title a {
color: #2a6ebb; }
#search-results .panel-body {
padding: 0; }
#search-results .patient-information h2 a {
vertical-align: bottom;
margin-bottom: 0; }
@media (min-width: 992px) {
#search-results .tab-pane, #search-results dd {
background-color: #f6f6f6; }
#search-results dd {
padding: 10px; }
#search-results dd dl dd {
width: 80%; }
#search-results dl dd dl dt {
width: 17%; }
#search-results .arrow_box {
position: relative;
background: #fff;
color: #2a6ebb;
font-size: 1.1em;
font-weight: bold;
border: 2px solid #cae2ef;
padding: 5px;
text-align: center; }
#search-results .arrow_box:after, #search-results .arrow_box:before {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none; }
#search-results .arrow_box:after {
border-color: rgba(136, 183, 213, 0);
border-left-color: #fff;
border-width: 20px;
margin-top: -20px; }
#search-results .arrow_box:before {
border-color: rgba(202, 226, 239, 0);
border-left-color: #CAE2EF;
border-width: 23px;
margin-top: -23px; }
#search-results .patient-information .arrow_box {
font-size: 0.9em;
position: relative;
top: -10px; } }
p.hint {
background-color: #abcaec;
border: medium none #82afe3;
border-radius: 4px;
color: #31708f;
display: block;
margin-bottom: 20px;
padding: 10px; }
/*
#search-results {
dd {
margin: 5px 0;
padding: 5px 0 0;
position: relative;
border-bottom: 1px solid #eee;
dl dd {
background-image: none;
float: left;
margin: 0 !important;
padding: 0 !important;
width: 85%;
border-bottom: 0px;
}
}
dl dd dl dt
{ color: #999999;
float: left;
font-weight: bold;
line-height: 1.4em;
padding-left: 5px;
padding-right: 10px;
width: 15%;
}
p {
margin-bottom: 3rem;
margin-top: 0.2rem;
}
.patient-information {
p {
margin-bottom: 0;
margin-top: 0;
}
}
}
ul.tabNav {
margin: 10px 15px;
border-bottom: 1px solid #eee;
overflow: hidden;
li {
display: block;
margin-bottom: -1px;
float: left;
position: relative;
a {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: $background-white;
float: left;
overflow: hidden;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
line-height: 1.42857;
margin-right: 2px;
padding: 10px 15px;
}
&.inactive span {
color: #eee;
float: left;
margin-bottom: -1px;
padding: 10px 15px;
}
a.current {
background-color: #eee;
border-color: #eee #eee transparent;
border-image: none;
border-style: solid;
border-width: 1px;
color: #555;
cursor: default;
}
}
}
#search-results .clear {
clear: both;
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
width: 0;
}
#search-results h2 {
font-size: 1.9rem;
}
.patient-information h2 a {
vertical-align:bottom;
margin-bottom:0;
}
p.hint {
background-color: #abcaec;
border: medium none #82afe3;
color: #31708f;
display: block;
padding: 10px;
border-radius: 4px;
}
*/
/*Tab IE Styles*/
/* IE8 */
.ie8 .tab-content #search-tab {
height: 60px; }
/*Footer IE Styles*/
/* IE8 */
.ie8 .content-footer {
margin-top: 20px;
background: #2a6ebb;
padding: 10px 0;
color: white; }
.ie8 .content-footer h4 {
font-weight: bold; }
.ie8 .content-footer li {
padding: 3px 0; }
.ie8 .content-footer a {
color: white; }
.ie8 .collapse {
height: auto !important;
display: block; }
.ie8 .collapsing {
height: auto !important;
display: block; }
.ie8 .content-footer i.fa-chevron-down {
display: none; }
.ie8 .global-footer-links li {
display: inline; }
/*Image IE Styles*/
.ie8 .img-responsive, .ie9 .img-responsive, .ie10 .img-responsive {
width: auto; }
/*Breadcrumb IE Styles*/
.ie8 .first-crumb {
margin-right: 20px; }
.ie8 .last-crumb {
margin-left: -25px; }
/* Scss Document */
.footer {
clear: both;
background-color: #2a6ebb;
color: #ffffff;
font-size: 17px;
margin-bottom: 0px; }
.footer .container {
padding-top: 18px; }
.footer .footer-column {
padding-left: 0px;
padding-right: 0px; }
.footer ul.footer-nav {
background-color: #558ac5;
padding-left: 15px;
list-style: none;
margin-top: 6px; }
.footer ul.footer-nav li {
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
line-height: 24px;
margin: 5px 0;
padding: 0.4rem 0rem; }
.footer .social-media-mobile ul.footer-nav {
background-color: transparent;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
margin: 15px 0px 0px 0px;
padding-bottom: 15px; }
.footer .social-media-mobile ul.footer-nav li {
display: inline;
line-height: 24px;
margin: 5px 0;
padding-right: 2rem;
border-bottom: 0px; }
.footer .social-media-mobile ul.footer-nav li a:hover, .footer .social-media-mobile ul.footer-nav li a:focus {
color: #173d68; }
.footer h4 {
font-weight: bold;
margin: 0px;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
padding: 10px 15px; }
.footer h4 a {
cursor: default;
text-decoration: none;
color: white; }
.footer .footer-nav {
padding-left: 0px; }
.footer .footer-nav .nav-item a {
color: #fff; }
.footer .footer-copyright {
color: #fff; }
.footer .footer-copyright > p {
font-size: 1.4rem; }
.footer ul.global-footer-links li {
display: inline;
list-style: none outside none;
font-size: 1.4rem; }
.footer ul.global-footer-links li a {
color: #fff; }
.footer ul li.divider-vertical {
border-left: 1px solid #dadada;
display: inline;
height: 16px;
margin: 0 12px; }
.footer img.institution-logo {
margin: 12px 0px;
padding: 4px; }
@media (min-width: 480px) and (max-width: 768px) {
.footer img.institution-logo {
width: 100%; } }
.footer .institution-wrapper {
display: none; }
/* Desktop (Desktops and laptops and up) */
@media (min-width: 992px) {
.footer {
/*This code should be moved to BMJ core*/ }
.footer ul.footer-nav {
background-color: transparent;
padding-left: 0px;
margin-top: 0.9rem; }
.footer ul.footer-nav li {
border-bottom: 0px; }
.footer ul.footer-nav li.nav-item i {
margin-right: 3px; }
.footer .footer-column {
padding-left: 15px;
padding-right: 15px; }
.footer h4 {
margin: 0;
border-bottom: 0px;
padding-left: 0px;
padding-right: 0px; }
.footer .footer-explore {
border-left: 1px solid rgba(255, 255, 255, 0.5);
padding-left: 20px; }
.footer .institution-wrapper {
display: block !important; }
.footer .collapse {
height: auto !important;
display: block; }
.footer .collapsing {
height: auto !important;
display: block; }
.footer .content-footer i.fa-chevron-down {
display: none; } }
/* Welcome to Compass. Use this file to define print styles.
* Import this file using the following HTML or equivalent:
* */
@media print {
/* Your styles here */
header {
display: none; }
footer {
display: none; }
#page-tools {
display: none; }
#breadcrumb {
display: none; }
a[href]:after {
content: none !important; } }
/*# sourceMappingURL=styles.css.map */