/*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-position: center top; background-image: url('images/bg.jpg'); background-repeat: repeat-x; background-color: #b4d1c8; padding: 0px; margin: 0px; text-align: center;}
img {border: 0px;}
p {margin: 10px 0px;}
label {cursor: pointer;font-style: italic; margin-right: 5px; border: 1px solid #BBB; padding: 2px; background-color: #DDD; font-weight: bold;}
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: 0px auto 5px 50px;} /*Welcome Text Heading*/
h3 {background-image: url('images/h3.jpg'); background-repeat: no-repeat; color: #fff; width: 170px; font-size: 115%; text-align: center; font-weight: bold; padding: 1px 0px 4px 0px; margin: 4px 0px 4px 0px;} /*Showcase Headings*/
h4 {font-weight: bold; font-size: 110%; color: black;} /*Overlay Headings*/
/*----------------Global Classes-----------------*/
.bold {font-weight: bold;}
.italics {font-style: italic;}
.small {font-size: 11px;}
.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: 960px;}
/*----------------Header ------------------------*/
#header {float: left; width: 960px; margin:10px 0px 10px 0px; display: inline; background-image: url('images/ABC_Banner_bg.jpg'); background-repeat: repeat-x; padding-top: 15px;text-align: center;}
#header img {border: 1px solid #488b8c;}
/*----------------Right Hand Column------------*/
#RH_column {clear: both;float: right; width: 200px; margin-top: 5px; text-align: center; }
#RH_column a {color:#488B8C;}
#RH_column_in {float: left; width: 194px;background-color:white; border-left: 3px solid #488b8c; border-right: 3px solid #488b8c; border-top: none; border-bottom: none; margin-top: -3px;margin-bottom: -6px;}
#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; width: 320px; border: 2px solid #CCC; position: absolute;margin: 0 auto; display: none; z-index: 9999; text-align: left;background-image: url('images/CCU_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, #RH_column_in div#overlay_reviewer, #RH_column_in div#overlay_links { margin-top:-50px;}
* html #RH_column_in div#overlay_feedback { margin-top:0px;}
* html #RH_column_in div#overlay_reviewer { margin-top:0px;}
* html #RH_column_in div#overlay_links { margin-top:0px;}
#RH_column_in ul.journals li {list-style-type: none; clear: both;}
#RH_column_in ul.journals li img {float: left; width: 40px; height: 52px; margin: 0px 10px 10px 10px;}
/*----------------Welcome Box Container------*/
#welcome {float: left; width: 320px; text-align: left; color: black;font-size: small; margin-left: 75px; display: inline; font-size: 90%;overflow: visible; margin-top: 30px;height: 205px;}
#welcome p {margin: 0px 8px;}
#welcome img.i {float: left;margin: 0px 8px;}
/*----------------Covers Container-------------*/
#covers {float: right; width: 400px; height: 225px; overflow: hidden; margin-top: 0px; margin-right: 75px;}
/*----------------Showcase Containers---------*/
#showcase {clear: left; width: 685px; height: 200px; float: left; background-color: white; border: 3px solid #488b8c; margin:0px 0px 10px 10px; font-size: 90%; padding: 10px; position: relative;}
div.showcaseTR {position: absolute; right: -3px; top: -3px; width: 20px; height: 20px; background-image:url('images/showcase_TR.gif'); background-repeat: no-repeat; }
* html div.showcaseTR { right: -4px;}
div.showcaseTL {position: absolute; left: -3px; top: -3px; width: 20px; height: 20px; background-image:url('images/showcase_TL.gif'); background-repeat: no-repeat; }
div.showcaseBR {position: absolute; right: -3px; bottom: -3px; width: 20px; height: 20px; background-image:url('images/showcase_BR.gif'); background-repeat: no-repeat; }
* html div.showcaseBR { right: -4px;}
div.showcaseBL {position: absolute; left: -3px; bottom: -3px; width: 20px; height: 20px; background-image:url('images/showcase_BL.gif'); background-repeat: no-repeat; }
img.img_bottom {margin-bottom:-3px;}
#showcase_title{float: left; width: 365px; margin-left: 20px; margin-top: 5px; 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;margin-top: 5px; display: inline;}
/*----------------Sort by Tab-------------------*/
#sortby {float: left; background-color:#EEE;margin:0px auto 0px 20px;border-top: 1px solid #777;border-right: 1px solid #777;border-bottom: 0px;border-left: 1px solid #777;font-size: small;padding: 5px 10px; width: 385px; font-size: 12px;}
#sortby p {display: inline;}
/*----------------Main Content Container------*/
#content {clear: left; float: left; position: relative; width: 685px; margin: 0px 0px 10px 10px; background-color: white; border: 3px solid #488b8c; text-align: left; padding: 0px 10px 10px 10px; font-size: 12px;}
span.contentTR {position: absolute; right: -3px; top: -3px; width: 20px; height: 20px; background-image:url('images/content_TR.gif'); background-repeat: no-repeat; }
* html span.contentTR { right: -4px;}
span.contentTL {position: absolute; left: -3px; top: -3px; width: 20px; height: 20px; background-image:url('images/content_TL.gif'); background-repeat: no-repeat; }
span.contentBR {position: absolute; right: -3px; bottom: -3px; width: 20px; height: 20px; background-image:url('images/content_BR.gif'); background-repeat: no-repeat; }
* html span.contentBR { right: -4px;}
span.contentBL {position: absolute; left: -3px; bottom: -3px; width: 20px; height: 20px; background-image:url('images/content_BL.gif'); background-repeat: no-repeat; }
#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 a {text-decoration: none; cursor: pointer;}
#content div.subject img {background-color: white;}
#content div.subject span {background-color: white; padding: 0px 10px; color: black; 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: #FCFCFC}
#content div.green {background-color: #FCFCFC}
#content p.bookinfo {float: left;margin:0px; width: 475px;}
#content p.linkinfo {float: right; text-align: right;margin:0px; font-size: 12px;}
/*----------------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}