@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, menu, footer, header, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
}
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {
display: block;
}
a img {
border: 0;
}
/* The clear class is used to correct the flow of the layout after using a
* floated element ("float: left" in stylesheets or "align=left" on tables and
* imgs). Usually, floating an element takes it out of the 'flow' of the
* document, meaning that any containers or following elements will ignore the
* size and shape of the floated element, causing ugly overlapping content and
* missing backgrounds. The clear class forces the containing element to
* correct its height for its contents even if it's floated. It should be used
* by specified the clear class on any elements that contain a floated
* elements that you wish to clear.
* E.g.,
*
*
Content
*
*
) as it requires no extra html markup just for
* styling purposes, and it is also the only known method that works in all
* cases across all modern browsers. */
.clear:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clear {
zoom:1;/*triggers hasLayout in IE*/
}
body {
font-family: 'Archivo Narrow', Arial, Helvetica, sans-serif;
font-size:17px;
color:#5f5f5f;
line-height:1.4em;
background-color:#e1e8f7;
}
p {
margin: 10px 0;
}
ol {
margin: 10px 0 10px 30px;
list-style-type: decimal;
}
ul {
margin: 10px 0 10px 30px;
list-style-type: disc;
}
a, a:link, a:visited, a:active {
text-decoration:none;
color:#1f5aa0;
}
a:hover {
color: #4799d9;
}
hr {
height:1px;
background-color:#cccccc;
margin:1em 0;
}
h1 {
font-size: 24px;
font-weight: 700;
color:#2b2b2b;
line-height:normal;
padding:1em 0 0.5em 0;
font-style:italic;
}
h2 {
margin: 1.2em 0 0.5em 0;
font-size: 22px;
line-height:normal;
letter-spacing:normal;
font-weight:normal;
}
h3 {
margin: 1.5em 0 1em 0;
font-size: 19px;
font-weight: bold;
line-height:normal;
letter-spacing:normal;
}
h4, #Body h4 a {
margin: 9px 0;
font-size: 19px;
font-weight: bold;
}
h5 {
margin: 12px 0;
font-size: 18px;
font-weight: bold;
}
h6 {
margin: 10px 0;
font-size: 15px;
font-weight: bold;
}
.small, small {
font-size: 13px;
line-height: 18px;
}
.pageCenter {
margin: 0 auto;
text-align: left;
width: 960px;
}
#header {
height:44px;
background:url(../images/banner-bkgd.jpg) top center no-repeat #486ea6;
padding:30px 0 0px 0;
}
#google_translate_element {
left: 730px;
margin: 0;
position: relative;
top: -40px;
width: 150px;
}
#dividerLine {
height:6px;
background-color:#ff6600;
}
.bodyBkgd {
background:url(../images/body-bkgd.jpg) top left repeat-x #ffffff;
min-height:652px;
}
#pageContent {
padding:40px;
background-color:#FFFFFF;
}
#logoBanner {
padding-top:10px;
border-bottom:5px solid #f15b23;
position: relative;
}
#contentWrapper {
padding-top:10px;
}
/*--------homepage specific -------------------*/
#homeLeftColumn {
width:558px;
float:left;
margin-right:40px;
position:relative;
}
#homeRightColumn {
width:282px;
float:left;
padding-top: 35px;
}
.featuredResources {
width:282px;
-webkit-border-radius: 0 0 12px 12px;
-moz-border-radius: 0 0 12px 12px;
border-radius: 0 0 12px 12px;
background-color:#314669;
}
.featuredResources h1 {
color:#ffffff;
padding:25px 20px 10px 25px;
}
#featuredText {
padding:0 15px 25px 25px;
margin:0;
color:#FFFFFF;
}
#featuredText a {
color:#FFFFFF;
}
#featuredText a:hover {
text-decoration:underline;
}
#surveyLink {
position:absolute;
top:300px;
font-weight:bold;
}
#surveyLink img {
margin:0 10px -10px 0px;
}
/*------------------------------------*/
#footer {
background:url(../images/footer-bkgd.jpg) top center no-repeat #486ea6;
}
#footerContent {
padding:35px 25px;
}
#footerContent a {
color:#FFFFFF;
}
#footerContent a:hover {
text-decoration:underline;
}
#footerContent h3 {
color:#FFFFFF;
font-size:18px;
margin:0;
padding:0;
}
#footerContent p {
color:#FFFFFF;
margin:0;
padding:0;
line-height:normal;
}
table#footerTable td {
padding:0 20px 0 0;
width:30%;
vertical-align:top;
}
#footerTable td:nth-child(3), #footerTable td:nth-child(4) {
width:20%;
padding:0px;
}
#baseNavigation {
font-size:15px;
line-height:1.6em;
padding:25px;
}
#baseNavigation h4 a {
color:#1f5aa0;
font-size:15px;
font-weight:normal;
margin:12px 0 0 0;
padding:0;
}
#baseNavigation h4 a:hover {
text-decoration:underline;
}
#baseNavigation p a {
color:#5f5f5f;
}
#baseNavigation p a:hover {
text-decoration:underline;
}
#searchHelpBox {
position:absolute;
width:154px;
top: 180px;
left:0;
}
#searchHelpBox a {
text-decoration: underline;
}
#newSiteWelcome {
position:absolute;
top:380px;
background-color:#e1e8f7;
padding:20px;
border-radius:7px;
}
#basicSearch {
position:absolute;
width:404px;
top: 180px;
left:170px;
}
.basicSearchButton a {
width:143px;
height:29px;
background:url(../images/basic-search-button-bkgd.png) top left no-repeat;
}
.basicSearchButton a:hover {
width:143px;
height:29px;
background:url(../images/basic-search-button-bkgd.png) bottom left no-repeat;
}
/*------------General subpage - specific styles---------------*/
#basicSearchSubpage {
position:absolute;
width:425px;
top: 0px;
left:485px;
}
#basicSearchSubpage p {
margin-left:26px;
}
#advancedSearchText {
left: 756px;
position: absolute;
top: 75px;
width: 130px;
}
.basicSearchHelpIcon {
float:left;
margin:3px 5px 0 0;
}
.basicSearchPanel {
float: left;
}
/*----------search results page - specific styles------------*/
table.searchResultsTable h4 {
font-size:19px;
margin:0;
}
table.searchResultsTable th {
text-align:left;
}
table.searchResultsTable td {
vertical-align:top;
border-bottom:1px solid #797979;
padding:10px 15px 10px 0px;
}
table.searchResultsTable p {
margin:5px 0;
}
/*-----------------injury management section - specific styles------------------*/
#logoBannerInjury {
padding-top:10px;
border-bottom:5px solid #85a947;
position: relative;
}
#injurySearchBox {
background-color:#ecf1f8;
padding:15px 30px 30px 30px;
}
.injurySearchLeftCol {
width:370px;
float:left;
margin-right:40px;
}
.injurySearchRightCol {
width:370px;
float:left;
}
.additionalSearchOptions {
margin:20px 20px 20px 30px;
}
.injuryManHelpIcon {
margin:2px 0 0 10px;
}
#tooltip{
position:absolute;
border:1px solid #333;
background:#f7f5d1;
padding:2px 5px;
color:#333;
display:none;
}
/*-----------implementing evidence section - specific styles-------------*/
#logoBannerImplementingEvidence {
padding-top:10px;
border-bottom:5px solid #c02336;
position: relative;
}
/*-----------Evidence Based Practice - EBP - specific styles-------------*/
#logoBannerEBP {
padding-top:10px;
border-bottom:5px solid #00a1a3;
position: relative;
}
#ebppagestyles h2 {
display: block;
padding:9px 9px;
background-color: #d7e6fd;
margin:30px 0 10px 0;
}
/*-----------QuEST - specific styles-------------*/
#logoBannerQuEST {
padding-top:10px;
border-bottom:5px solid #64268e;
position: relative;
}
/*-----------Advanced Search History - specific styles-------------*/
table#searchHistoryTable td {
padding:10px;
}
table#searchHistoryTable th {
background-color:#edf2f8;
text-align:left;
padding:3px 10px;
}
.searchHistoryHeading {
color:#2e2e2e;
font-weight:bold;
font-size:19px;
}
.IMRSearchText
{
float:left; margin-right:10px; height:23px; width:250px;
}
.AdvSrcButton {
-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
box-shadow:inset 0px 1px 0px 0px #fce2c1;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #ff8c00) );
background:-moz-linear-gradient( center top, #ffc477 5%, #ff8c00 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#ff8c00');
background-color:#ffc477;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #eeb44f;
display:inline-block;
color:#ffffff !important;
font-family:arial;
font-weight:bold;
padding:1px 16px;
text-decoration:none;
text-shadow:1px 1px 0px #cc9f52;
}.AdvSrcButton:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff8c00), color-stop(1, #ffc477) );
background:-moz-linear-gradient( center top, #ff8c00 5%, #ffc477 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8c00', endColorstr='#ffc477');
background-color:#ff8c00;
}.AdvSrcButton:active {
position:relative;
top:1px;
}
/*------------menu styles------------------*/
/*----cssmenumaker.com styles------*/
#cssmenu{ height:47px; display:block; padding:0; margin: 0; border:0px solid; z-index:9999; }
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:700 18px/100% 'Archivo Narrow', Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
/*----styles for home button - originally gave it round corners on the left----*/
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:0; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
#cssmenu ul li.has-sub:hover > a{ background:#1d4174; border-color:#1d4174; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; border-radius:5px 5px 0 0; }
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}
#cssmenu ul li.has-sub > a:hover{background:#264c82; border-color:#3f3f3f;}
/*---dropdown items----*/
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#204376; border-radius:0 0 5px 5px; z-index:9999; }
#cssmenu ul li > ul{width:275px; margin:5px 0 0 0;}
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }
/*----this puts a gradient on hover on dropdown menu items---*/
#cssmenu > ul > li > ul > li a:hover{ background:#4f6fa2; background:-moz-linear-gradient(top, #4f6fa2 0%, #264c82 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f6fa2), color-stop(100%,#264c82)); background:-webkit-linear-gradient(top, #4f6fa2 0%,#264c82 100%); background:-o-linear-gradient(top, #4f6fa2 0%,#264c82 100%); background:-ms-linear-gradient(top, #4f6fa2 0%,#264c82 100%); background:linear-gradient(top, #4f6fa2 0%,#264c82 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f6fa2', endColorstr='#264c82',GradientType=0 ); }
#cssmenu{border-color:#000;}
#cssmenu > ul > li > a{border-right:0; color:#fff;}
#cssmenu > ul > li > a:after{border-color:#444;}
#cssmenu > ul > li > a:hover{background:#264c82; border-radius:5px;}
/*----------end menu styles------*/
.SearchTextBox {
float: left;
margin-right: 10px;
height: 23px;
width:210px;
}
#dialog {
font-family: 'Archivo Narrow', Arial, Helvetica, sans-serif;
font-size:16px;
color:#5f5f5f;
line-height:1.4em;
background-color:#edf2f8;
}
table.interventiontable {
border-collapse:collapse;
}
table.interventiontable td {
padding:3px 3px 3px 0px;
}
table#moreinfotable {
border-collapse:collapse;
}
table#moreinfotable td {
padding:3px 3px 3px 3px;
border:1px solid #cccccc;
}
/* registration page */
.trhidden
{
display: none;
}
.searchtext { font-size: 17px; color: #003366; background-color: #E6EDF5}
.ErrorText {
color: red;
}
.homenote {
clear:both;
margin-top:95px;
}
/*--------journal table on Full Text page ----------*/
table.journalTable tr:nth-child(odd) {
background-color: #e1e8f7;
}
#journalTable th {
background-color:#d9d9d9;
}
.redtext {
color: #990000;
}