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

html { font-size: 100%; /* IE hack */ }
table { font-size: 100%; /* IE hack */ }

body { margin: 0; padding: 22px 0 0 0; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 71%; color: #333333; background: #d0e8ec url(images/mainbody-bg.gif) repeat-x top; }

.notvisible { visibility: hidden; text-decoration: none; }
.donotshow { display: none; }
p { margin: 0 0 15px 0; }
img { border: none; display: block; }

a { color: #1094bd; text-decoration: none; }
a:hover { color: #144f74; }

h1 { color: #000; margin: 35px 0 15px 0; line-height: normal; font-size: 210%; }
h2 { font-size: 120%; color: #1094bd; margin: 0 0 7px 0; }

form { padding: 0; margin: 0; }

.firstchild { margin-top: 0 !important; padding-top: 0 !important; }

.clearfloats { clear: both; height: 0px; font-size: 1px; line-height: 0px; }
.clearleft { clear: left; height: 0px; font-size: 1px; line-height: 0px; }
.clearright { clear: right; height: 0px; font-size: 1px; line-height: 0px; }

.fleft { float: left; }
.fright { float: right; }

.redarrowlink { font-weight: bold; color: #bc0505; margin: 0; padding: 2px 0 2px 10px; display: block; background: url(images/arrow-right-red.gif) no-repeat 1px 7px; text-decoration: none; font-size:11px; }


/* Book Cover */
a div.tblBookCover2 { cursor: pointer; }
.tblBookCover2 { display: block; overflow:hidden; /*position: absolute;*/ }
.tblBookCover2 img { border: 1px solid #cecece; }
.tblBookCover2.medCover { width: 72px; height: 108px; }
.tblBookCover2.smlCover { width: 40px; height: 58px; }
.tblBookCover2.lgeCover { width: 101px; height: 152px; }
/*.tblBookCover2 img { position: absolute; top: 0px; left: 0px;  }*/
.tblBookCover2 img { position:absolute;display: block; float: left; margin-left: 0px; }

.tblBookCover2 .coverLoading { width: 16px !important; height: 16px !important; padding: 45px 27px; border: none !important; }

.lgeCover .coverLoading,
.medCover .coverLoading { background: url(images/book-spinnerbg.png) no-repeat center center; }
* html body .lgeCover .coverLoading,
* html body .medCover .coverLoading { background: url(images/book-spinnerbg.gif) no-repeat center center; }

.smlCover .coverLoading { padding: 20px 11px; background: url(images/book-spinnerbg-sml.png) no-repeat center center; }
* html body .smlCover .coverLoading { background: url(images/book-spinnerbg-sml.gif) no-repeat center center; }

\ html body .tblBookCover2 { float: left; }
\ html body .tblBookCover2 img { position: static; display: block; float: left; }
\ html body .tblBookCover2.medCover img { margin: 0px 0 0 -72px; }
\ html body .tblBookCover2.smlCover img { margin: 0px 0 0 -39px; }
\ html body .tblBookCover2.lgeCover img { margin: 0px 0 0 -101px; }

.tblBookCover2 table { float: left; border:none; width:100%; height:100%; border-spacing:8px; word-wrap: break-word; /* height:150px; width:99px; */ font-size:11px; text-align:center; vertical-align:middle; text-shadow: rgba(0,0,0,.3) 0px -1px 0px; line-height: 12px; }
.tblBookCover2.smlCover table { width: 39px; border-spacing:2px; font-size:9px; line-height: 10px; }
.tblBookCover2 tbody { overflow:hidden; }
.tblBookCover2 td { color: #fff !important; margin:0px; padding:0px !important; height: 100%; }

.tblBookCover2.medCover table { background: url(/images/bookcover-notitle-medium.gif) no-repeat 1px 1px; }
.tblBookCover2.smlCover table { background: url(/images/bookcover-notitle-small.gif) no-repeat 1px 1px; }
.tblBookCover2.lgeCover table { background: url(/images/bookcover-notitle-large.gif) no-repeat 1px 1px; }



/* Main Contents */
#outerwrapper { width: 979px; margin: 0 auto; }
#innerwrapper { width: 979px; background: url(images/outerwrapper-bgrepeat.gif) repeat-y top left; }
#joinwrapper { background: url(images/innerwrapper-bg.gif) no-repeat top left; }
#sitecontainer { width: 963px; position: relative; padding: 8px; background: url(images/footer-bg.gif) no-repeat bottom left; }


/* Join Header */
#joinheader { height: 76px; background: url(images/join-amigo-headerbar-bgrepeat.gif) repeat-x top; }

/* next declaration extended for BookShare */
#bookshareheader #leftlogo,
#joinheader #leftlogo { float: left; width: 220px; height: 76px; background: url(images/mainheader-topbar-tlcorner.gif) no-repeat top left; }
#leftlogo h1 { width: 220px; height: 76px; margin: 0; background: url(images/large-ebooks-amigo-logo.gif) no-repeat 28px 16px; text-indent: -9999px; font-size: 28px; font-weight: normal; color: #fff; }
#leftlogo a { outline: none; display: block; width: 220px; height: 76px; text-decoration: none; }

#joinheader #topright { float: right; width: 270px; height: 76px; background: url(images/mainheader-topbar-trcorner.gif) no-repeat top right; }
#joinheader #topright h1 { margin: 0; height: 76px; font-size: 25px; color: #fff; text-indent: -9999px; background: url(images/joinamigo-mainheader-title.gif) no-repeat top right; }
#joinheader #topright.merge h1 { background-image: url(images/merge_AR-EB-mainheader-title.gif); }


/* Signup Form */
#maincontent { padding: 31px 25px; width: 913px; min-height: 400px; height: auto !important; height: 400px; }

.steptitlecontainer { min-height: 50px; height: auto !important; height: 50px; }
.steptitlecontainer h1.steptitle { float: left; margin: 0 0 0 0; font-size: 140%; color: #144f74; }
.steptitlecontainer input { float: right; }

.errormessageouter { width: 913px; background: #edf2f2 url(images/join-amig-errormessage-topcorners.gif) no-repeat top left; margin-bottom: 39px; }
.errormessageouter .errormessageinner { width: 861px; padding: 14px 26px 13px 26px; background: url(images/join-amig-errormessage-btmcorners.gif) no-repeat bottom left; font-weight: bold; color: #cc0000; font-size: 108%; }


/* Left and Right Columns */
.joincol { width: 444px; color: #818181; }
.joincol label { border: none; }
.findfriends { width: 344px; font-size: 140%; color: #7d7d7d; font-weight: bold; }


/* Base step control */
.basestepcontrol { padding: 21px 0 0 0; text-align: right; }


/* Generic Form Styling */
input.stepcontrol { font-size: 11px; }
input.stepcontrol.join { width: 127px; height: 35px; margin: 0 -4px 0 0; font-size: 11px; }

label { display: block; font-size: 108%; color: #4b4b4b; font-weight: bold; margin: 22px 0 0 0; }
label.emailat { display: inline; font-size: 100%; color: #818181; padding: 0 4px 0 3px; }
input.text { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4b4b4b; width: 443px; padding: 1px 0; margin: 3px 0 0 0; }
input.text.short { width: 203px; }
input.text.emailaddress { width: 174px; margin-top: 17px; }
input.text.emailpassword { width: 223px; margin-top: 5px; }
input.text.pass { letter-spacing: 1px; }
select#f_emailProvider { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; width: 166px; padding: 1px 0; margin: 17px 0 0 0; font-weight: bold; }
.passwordfield { width: 221px; float: left; }
.passwordfield input.text.short { letter-spacing: 1px; }

.passwordfieldrepeat { width: 205px; float: right; }

.subfieldtext { margin-top: 3px; }


/* Security Captcha Check */
.securitycheck { background: #edf2f2 url(images/join-amigo-security-check-base.gif) no-repeat bottom; }
.securitycheck h2 { margin: 0; color: #fff; font-size: 120%; padding: 6px 0 0 25px; min-height: 22px; height: auto !important; height: 22px; background: #849a9e url(images/join-amigo-security-check-titlebg.gif) no-repeat; }
.securitycheck .captchacontainer { padding: 24px 0 20px 0; text-align: center; min-height: 127px; height: auto !important; height: 127px; }
.securitycheck .captchacontainer iframe { margin: 0 auto; }
.securitycheck #recaptcha_widget_div { margin: 0 auto; width: 318px; }


/* Step 2 Right */
.joincol#step2right h2 { margin: 0; }
.joincol#step2right label { margin-top: 14px; }
.joincol#step2right label.thin { margin-top: 0px; }

.enteremailaddress { margin: 21px 0 0 0; padding: 18px 0 0 0; border-top: 1px solid #d4d1cf; }
.enteremailaddress input.text { margin-top: 11px; }


/* Friend(s) Found */
.friendfound { border-bottom: 1px solid #d4d1cf; }
.friendfound.firstchild { margin-top: 16px; border-top: 1px solid #d4d1cf; }
.friendfound label { display: block; padding: 6px 2px 5px 0; font-size: 100%; color: #7d7d7d; cursor: pointer; margin: 0; }
.friendfound label strong { color: #4b4b4b; }
.friendfound input { float: right; margin: 0; padding: 0; }
\ html body .friendfound input { margin: -4px -3px 0 0; }

.friendfound.onHover { background-color: #f7f7f7; }
.friendfound.onHover label,
.friendfound.onHover label strong { color: #1094bd; }

a#gotobookshelf { display: block; margin: 32px 0 0 0; width: 342px; height: 46px; background: url(images/join-amigo-goto-my-bookshelf.gif) no-repeat; }


/* Friends Added */
.friendsadded.invited { padding-top: 9px; }
.friendsadded ul { margin: 0; padding: 0; list-style: none; }
.friendsadded ul li { padding: 6px 0 6px 26px; border-bottom: 1px solid #d4d1cf; font-weight: bold; color: #7d7d7d; background: url(images/join-amigo-friend-added-check.gif) no-repeat 1px 8px; }
.friendsadded ul li strong { color: #4b4b4b; }

h2.emailedinvites { margin: 28px 0 3px 0; }

#pleaseholdloading { text-align: center; padding: 128px 0 0 0; }
#pleaseholdloading img { margin: 0 auto; }
#pleaseholdloading img.loadinggif { width: 32px; height: 32px; margin-bottom: 11px; }


/* ============================================= */
/* === Merge AR with Ebooks.com */
.merge-error { padding: 13px 16px 0 16px; font-weight: bold; color: #cc0000; font-size: 108%; }

.merge-blurb { clear: left; color: #7d7d7d; font-weight: bold; font-size: 108%; padding: 3px 0 40px 0; }
.merge-container { background: url(images/merge-form-btm-right.gif) no-repeat bottom right; margin-bottom: 10px; }

.merge-details { float: left; width: 585px; padding: 210px 0 0 0; background: url(images/merge-screengrabs.jpg) no-repeat top left; font-weight: bold; color: #7d7d7d; font-size: 108%; }
.merge-details h2 { color: #1094bd; font-size: 115%; margin: 0 0 6px 0; border: none; }
.merge-details ul { padding-left: 19px; font-size: 90%; margin-left: 0; }
.merge-details ul li { padding-bottom: 12px; }

.merge-form { float: right; width: 277px; color: #7d7d7d; }
.merge-form h2 { height: 28px; width: 261px; padding-left: 16px; margin: 0; font-size: 120%; line-height: 28px; color: #fff; background: url(images/merge-form-hdr-bg.jpg) no-repeat; }
.merge-form form { display: block; width: 245px; padding: 13px 0 16px 16px; }
.merge-form label { border: none; }
.merge-form input.text { width: 100%; }
.merge-form input.submit { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 22px 0 10px 0; }
.merge-form a { font-weight: bold; color: #1094bd; margin: 0; padding: 0 0 0 10px; display: block; background: url(images/arrow-right-aqua.gif) no-repeat 1px 5px; text-decoration: none; }

.merge-option { margin-bottom: 17px; padding-bottom: 17px; vertical-align: top; border-bottom: 1px solid #d4d1cf; color: #7d7d7d; }
.merge-option h2 { margin-top: 0; }
.merge-option .merge-icon { float: left; width: 100px; }
.merge-option .merge-setup { float: left; width: 358px; }
.merge-option .merge-settings { float: right; width: 430px; }
.merge-option label { border: none; }
.merge-option input.text { width: 99%; margin-top: 8px; }
.merge-option input.checkradio { float: left; margin: 0; }
\ html body .merge-option input.checkradio { margin: -3px 0 0 -3px; }
.merge-option .merge-check-val { margin: 0 0 0 22px; }
.merge-option .merge-error { padding-left: 0; font-size: 100%; }
input.submitmerge { float: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 8px 0 30px 0; }

.invite-messagebox {background-image:url(images/form_bg.jpg); background-repeat:repeat-x; border:1px solid #d1c7ac; width: 330px; color:#333333; padding:3px; overflow:hidden; margin-right:4px; margin-bottom:8px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4b4b4b; overflow:auto; scrollbar-base-color: white; scrollbar-darkshadow-color:white; }
#invitefriendmessagehdln {margin-top: 0px;}


/* ============================================= */
/* === New for BookShare 09092010 ============== */

/* Accept BookShare Offer */
#bookshareheader { height: 76px; background: url(images/join-amigo-headerbar-bgrepeat.gif) repeat-x top; }
#bookshareheader #topright { float: right; width: 270px; height: 76px; background: url(images/mainheader-topbar-trcorner.gif) no-repeat top right; }
#bookshareheader #topright h1 { margin: 0; height: 76px; font-size: 25px; color: #fff; text-indent: -9999px; background: url(images/bookshare/bookshare-accept-title.gif) no-repeat top right; }

.bookshare-offer h2 { font-size: 140%; margin: 0 0 20px; color: #144f74; }
.bookshare-offer .bookoffered { float: left; width: 260px; color: #4b4b4b; }
.bookshare-offer .bookoffered strong { color: #144f74; }
.bookshare-offer .bookoffered h3 { margin: 0; font-size: 108%; color: #144f74; }
.bookshare-offer .bookoffered em { font-style: normal; font-weight: bold; }
.bookshare-offer .youraccount { float: right; width: 612px; color: #818181; }
.bookshare-offer .formLoading { display:none; position:absolute; top: 50%; left: 50%; }


.bookshare-offer label { margin: 8px 0 0; }
.bookshare-offer input.submit { display: block; margin: 16px 0 10px; }
.bookshare-offer fieldset { border: none; padding: 0 0 18px; margin: 0 0 22px; border-bottom: 1px solid #c8cece; }
.bookshare-offer fieldset input { margin: 0; float: left; padding: 0; }
.bookshare-offer fieldset label { display: block; margin: 0 0 6px 22px; }
\ html .bookshare-offer fieldset input { margin: -3px 0 0 -3px; }

.bookshare-offer .firstchild { border-top: none !important; }

.bookshare-offer .passwordfieldrepeat { float: left; }
.bookshare-offer .offered-cover { width: 101px; padding: 0 5px 4px 5px; margin: 0 0 10px -5px; background: url("images/bookshelf/avatar_shadow.gif") no-repeat bottom left; position: relative; }
#account-exists { display: none; }
#account-new .submit { margin-left: -3px; }


.errormessage { font-weight: bold; color: #cc0000; font-size: 108%; }