/*Reset*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
li {list-style-type: none;}
/*----------------Site------------------*/
body {margin-left: auto; margin-right: auto; margin-bottom: 10px; font-family: sans-serif; font-size: small; background-color: #fff; padding: 0px; margin: 0px; text-align: center;}
img {border: 0px;}
strong {font-weight: bold;}
p {margin: 10px 0px;}
label {cursor: pointer;font-style: italic;}
form, input {display: inline;}
a {text-decoration: underline; border: none; color: black}
/*----------------Headings--------------------*/
h1 {font-weight: bold; color: #0080C0;} /*Site Title Heading*/
h2 {font-weight: bold; margin: 10px 0px; font-size: 115%;} /*Welcome Text Heading*/
h3 {background-image: url('images/h3.jpg'); background-repeat: no-repeat; color: #fff; width: 170px;text-align: center; font-weight: bold; padding: 1px 0px 4px 0px; margin: 8px 0px 4px 0px;} /*Showcase Headings*/
h4 {font-weight: bold; font-size: 110%; color: #A23A39;} /*Overlay Headings*/
/*----------------Global Classes-----------------*/
.bold {font-weight: bold;}
.italics {font-style: italic;}
.small {font-size: small;}
.center {text-align: center;}
.link {text-decoration: underline; cursor: pointer; font-size: small;}/*Temporary class to replicate link behaviour*/
.ext_link {vertical-align: bottom; cursor: pointer;}
.noscript {height:56px; margin-left:-180px; margin-top:5px;position:absolute;width:178px;background-repeat: no-repeat;}
.feedback {background-image: url('images/RHbutton_feedback.jpg')}
.reviewer {background-image: url('images/RHbutton_reviewer.jpg')}
.useful_links {background-image: url('images/RHbutton_links.jpg')}
/*----------------Site Container ---------------*/
.wrapper {margin-left: auto; margin-right: auto; text-align: left; width: 956px;}
/*----------------Header ------------------------*/
#header {float: left; width: 100%; margin:20px 0px 10px 0px; display: inline; background-image: url('images/EVBM_Banner_bg.jpg'); background-repeat: repeat-x; height: 114px; padding-top: 15px;}
/*----------------Right Hand Column------------*/
#RH_column {clear: both; float: right; width: 200px; height: 100%; margin-top: 15px; overflow: hidden;text-align: center; color: #00;}
#RH_column a {color:#A23A39;}
#RH_column_in {float: left; width: 194px;background-color:white; border: 3px solid black; margin-top: 5px;}
#RH_column_in img {margin: 5px 0px;}
#RH_column_in img.button {cursor: pointer;}
#RH_column_in img.ad {margin: 15px 0px;} /*Add extra margin for the ad banner*/
#RH_column_in div {background: #FFF;font-family: Arial,sans-serif;padding: 10px; border: 2px solid #666; position: absolute;margin: 0 auto; display: none; z-index: 9999; text-align: left;background-image: url('images/EVBM_BG2.jpg'); background-repeat: repeat-y;}
#RH_column_in div li{margin: 5px 10px; list-style-type: disc; }
#RH_column_in div .fa_close {position: absolute;top: 5px;right: 5px;}
#RH_column_in div .fa_close img {cursor: pointer;}
#RH_column_in div.show {display: block;}
#RH_column_in div#overlay_feedback {width: 320px;}
#RH_column_in div#overlay_Cochrane {width: 320px;}
#RH_column_in div#overlay_EEP {width: 320px;}
#RH_column_in div#overlay_EBM {width: 320px;}
#RH_column_in div#overlay_WJO {width: 520px;}
#RH_column_in div#overlay_SKY {width: 320px;}
#RH_column_in ul.journals li {list-style-type: none; clear: both; height: 55px;}
#RH_column_in ul.journals li.journal {background-color: #FAFAFA; border-bottom: 1px solid #CCC;}
#RH_column_in ul.journals li img {float: left; width: 40px; height: 52px; margin: 0px 10px 10px 10px;}
div#top {background-position: center top; background-image: url('images/bg.jpg'); background-repeat: repeat-x; height: 400px;border-bottom:1px solid #DDDDDD; }
/*----------------Welcome Box Container------*/
#welcome {float: left; width: 530px; text-align: left; color: black;font-size: small; margin-left: 10px; display: inline; font-size: 90%;overflow: visible; margin-top: 0px;height: 230px;}
#welcome ul {clear: both; margin-left: 60px;}
#welcome li {list-style-type: disc;}
#welcome img.i {float: left;margin: 3px 8px 0px 0px}
/*----------------Covers Container-------------*/
#covers {float: right; width: 400px; height: 230px; overflow: hidden; margin-top: 0px; margin-right: 10px;}
/*----------------Showcase Containers---------*/
#showcase {float: left; background-color: white; border: 3px solid black; margin:20px 0px 10px 10px; background-repeat: repeat-y; font-size: 90%; padding: 10px;}
img.img_bottom {margin-bottom:-3px;}
#showcase_title{float: left; width: 400px; margin-left: 20px;display: inline;}
#showcase_title img {float: left; margin:2px 15px 2px 2px; cursor: pointer;}
#showcase_title p.showcase_blurb {}
#case_of_the_month {float: left; width: 250px;color: black;margin-left:15px;display: inline;}
/*----------------Sort by Tab-------------------*/
#sortby {float: left; background-color:#EFEEE0;margin:0px auto -2px 20px;border-top: 1px solid #b4b5ac;border-right: 1px solid #b4b5ac;border-bottom: 0px;border-left: 3px solid #b4b5ac;font-size: small;padding: 5px 10px;}
#sortby p {display: inline;}
/*----------------Main Content Container------*/
#content {clear: left; float: left; width: 685px; margin: 0px 0px 10px 10px; background-color: white; border: 3px solid black; text-align: left; padding: 0px 10px 10px 10px;}
#content img.thumbnail {float: left; width: 36px; height: 43px; margin:0px 10px 0px 0px; border: 1px solid #BBB;} /*Re-use images from flow and resize to use cache*/
#content div.subject {float: left; background-image: url('images/spark.jpg'); background-repeat: repeat-x; background-position: left center; width: 680px; margin: 8px 0px;}
#content div.subject span {background-color: white; padding: 0px 10px; color: #505ea5; font-weight: bold; font-style: italic;}
#content div.title {float: left; width: 665px; border: 1px solid #bdbdbd; margin: 5px 0px; padding: 10px;}
#content img.buy {margin-top: 5px;}
#content div.purple {background-color: #f9faf6}
#content div.green {background-color: #f6f5f6}
#content p.bookinfo {float: left;margin:0px; width: 500px;}
#content p.linkinfo {float: right; text-align: right;margin:0px;}
/*----------------ProtoFlow--------------------*/
#overlay {background: url('images/trans.png') repeat-y;}
#protoflow {height: 165px; border: 0px; background-color: transparent;}
#protoflow img {border: 1px solid black;}
.sliderTrack {background:transparent url('images/track_fill_left.png') no-repeat scroll left top; height:15px; position:relative; text-align:left; width:137px;}
.sliderHandle {background:transparent url('images/cursor.gif') no-repeat scroll left top; cursor:pointer; height:16px; margin-left:-2px; position:absolute; top:-5px; width:16px;}
.protoCaptions {display: none;}
captionHolder {color: black; font-size: 10px;}
/*----------------Prettify---------------------*/
.str{color:#080} .kwd{color:#008} .com{color:#800} .typ{color:#606} .lit{color:#066} .pun{color:#660} .pln{color:#000} .tag{color:#008} .atn{color:#606} .atv{color:#080} .dec{color:#606} pre.prettyprint{padding:2px;border:1px solid #888} @media print{.str{color:#060} .kwd{color:#006;font-weight:bold} .com{color:#600;font-style:italic} .typ{color:#404;font-weight:bold} .lit{color:#044} .pun{color:#440} .pln{color:#000} .tag{color:#006;font-weight:bold} .atn{color:#404} .atv{color:#060} }