CINXE.COM
The New York Review of Books Customer Service
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Page title --> <title>The New York Review of Books Customer Service</title> <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <!--<link rel="shortcut icon" type="image/ico" href="favicon.ico" />--> <!-- Vendor styles --> <link rel="stylesheet" href="/js/vendor/fontawesome/css/font-awesome.min.css"> <link rel="stylesheet" href="/js/vendor/metisMenu/dist/metisMenu.min.css"> <link rel="stylesheet" href="/js/vendor/animate.css/animate.min.css"> <link rel="stylesheet" href="/js/vendor/bootstrap/bootstrap4/css/bootstrap.min.css"><!-- BS4 CSS --> <link rel="stylesheet" href="/js/vendor/jquery-ui/current/jquery-ui.min.css"> <link rel="stylesheet" href="/js/vendor/iCheck/skins/square/blue.css"> <link rel="stylesheet" href="/js/vendor/iCheck/skins/all.css"> <!-- App styles --> <link rel="stylesheet" href="/js/vendor/pe-icon-7-stroke/css/pe-icon-7-stroke.css"> <link rel="stylesheet" href="/js/vendor/pe-icon-7-stroke/css/helper.css"> <link rel="stylesheet" href="/js/vendor/homer/css/style.css"> <style> .no_pi { display:block !important; } body{height: 100%; overflow: auto;} .floatfix{float:left; width:100%;} .iconlable{margin-left:10px;} .popover{background-color:#BCECFF; width:100%; color:#000;} .btn-submit{margin-top:20px;} .tabs-left .panel-body {margin-left: 15%; max-width: 80%;} .tabs-left > .nav-tabs, .tabs-right > .nav-tabs {width: 15%; margin-right: auto;} .info_group_login_instruct {margin-bottom: 2em;} .info_group_heading {font: bold italic 1em Arial;padding-top:.5em;margin-bottom: 1em;} .info_group {border:none} .info_group_legend {font: bold italic .7em Arial; border:none} .info_group_label { width: 15em;} .info_group_link {font: italic .9em Arial; color:blue; padding: 0.5em;} .info_group_input_container {margin-bottom: 1em;} #account_num_help_container {padding: 2em;} .chevron_buttons {min-width: 15em;} .header-link {display: none;} .swipe_container{ display: none;} @media (max-width: 768px) { #mobile_indicator {display: block !important;} .tabs-left .panel-body {max-width: 100%; width: 100%; margin-left: 0;} #scrollTop { right: 10px !important; width: 35px !important; height: 35px !important; padding-left: 0px !important; padding-top: 7px !important; } select[name="ExpireMonth"] { margin-bottom: 1em;} .header-link{ display: block; padding: 17px 26px 17px 26px; border-bottom: 1px solid #e4e5e7; } #custom_links_cont{text-align: left !important; margin-bottom: 1em;} .swipe_container{ display: block;} #mouse_wheel_div{display: none;} #header_text{padding-top: 10px !important} } @media (max-width: 1440px) { .myacct_tabcontent, .contact_tabcontent, .updateuser_tabcontent, .updatecc_tabcontent, .login_tabcontent { max-width: 100% !important} } @media (max-width: 576px) { #wrapper{margin-bottom: 6rem} .modal-dialog { margin-top: 0.5rem } } #myAlert {margin-bottom: 1em;border-radius: 3px;} #div_cust {margin-bottom: 1em;} .data_tables {padding-top: 0.5em;} #submitLogin {min-width: 7em;} .manage_tabs {padding-left: 1.5em;} #header_text { padding-top: 18px; font-size: 14px; font-weight: 800; float: left; margin-left: 15px; max-width: 50% } #testmode{ background-image: url(images/testmode_stamp.gif); width:159px; height:75px; z-index:10002; position:fixed; float:right; right:15%; } .manage_table_title{ font-weight: bold; width: 98%; background-color:#ddd; border-radius: 0 10px 0 0; border: none !important; } .managesp_detail_title, .manageca_detail_title { background-color: #f1f3f6; font-weight: bold; } #sub_data_table_container {width: 25%; min-width: fit-content;} .data_links {color: #337ab7;} .fit-content {min-width: fit-content;} #cvv_info_launcher { font-family:Calibri; font-size:14px; max-width: fit-content; } #content_header_img { max-width: 100%; height: auto;} #div_content_header_img { margin-top: -1em; margin-bottom: 2em;} .contact_labels {padding-left: 2em;} .help_icons{font-size: 15px;} .cc_logo{padding-right: 10px;} #side-menu li.active a, #side-menu li.active a:hover { cursor: default; background-color: #fff;} #scrollTop { display: none; z-index: 999; position: fixed; right: 40px; bottom: 56px; width: 50px; height: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; border-radius: 50%; font-weight: 600; font-size: 12px; text-transform: uppercase; text-align: center; line-height: 1.6; padding-left: 2px; padding-top: 4px; } .modal-content{white-space: normal;} .error_modal_ul {font-weight: bold; margin-top: 10px;} button:disabled { cursor: not-allowed; pointer-events: all !important; } .ui-widget-overlay{z-index: 5000 !important;} #cvv_info { box-shadow: 5px 5px 5px grey; border: 2px solid #ddd; border-radius: 6px; text-align: center; margin-bottom: 3em; padding: 10px; } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; cursor: pointer; } @media (min-width: 768.1px) { .navbar-toggle {display: none;} } #logo.light-version { border-right: 1px solid #e4e5e7; margin-right: 15px; align-items: center; justify-content: center; padding: 0px 10px } .nav > li > a:hover {background-color: #e4ebf6;} .swal_loading { height: 140px; width: 140px; margin: 0 auto; animation-duration: 0.5s; animation-timing-function: linear; animation-iteration-count: infinite; animation-name: ro; transform-origin: 50% 50%; } @keyframes ro { 100% { transform: rotate(-360deg) translate(0,0); } } .cust_serv_options{min-width: 20em; max-width: 20em;} .manage_containers_td{padding: 15px 35px 30px 35px !important;} input:disabled{cursor:not-allowed!important;} .border_red{ border-color: red !important;} .invalid_input{background-color: #ffa5a5 !important; border-color: red !important;} .form-control::placeholder {color: #aaa} .c_pointer{cursor: pointer;} .data_tab_info { background: #EDF6FF; color: #2474BF; font-weight: 700; border-radius: 5px; padding: 5px 10px; } .data_tab_info::before { content: '\f0eb'; font-family: 'FontAwesome'; margin-right: 10px; } #side-menu li a {text-transform: unset!important} .accordion .card-header:hover, .manage_buttons:hover{background: #eee} .grecaptcha-badge{bottom: 50px !important} .modal-header { padding: 15px; } </style> </head> <body class="fixed-navbar hide-sidebar"> <!-- Simple splash screen--> <div style="min-height: 1800px;position: fixed;" class="splash"> <div class="color-line"></div> <div class="splash-title"> <img src="images/nyblogo.gif" style="max-width:200px;"> <h1>The New York Review of Books Customer Service</h1> <svg class="swal_loading" viewBox="0 0 140 140" width="140" height="140"> <g class="outline"><path d="m 70 28 a 1 1 0 0 0 0 84 a 1 1 0 0 0 0 -84" stroke="rgba(0,0,0,0.1)" stroke-width="4" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></g> <g class="circle"><path d="m 70 28 a 1 1 0 0 0 0 84 a 1 1 0 0 0 0 -84" stroke="#71BBFF" stroke-width="4" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-dashoffset="200" stroke-dasharray="300"></path></g> </svg> <h3>Loading...</h3> </div> </div> <!--[if lt IE 7]> <p class="alert alert-danger">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> <![endif]--> <!-- Header --> <div id="header"> <div class="color-line"></div> <div id="logo" class="light-version d-md-flex d-none"> <span class="w-100"> <img src="images/nyblogo.gif" style="max-width:100%; position:relative; max-height: 45px;"> </span> </div> <nav role="navigation"> <div class="header-link hide-menu d-none"><i class="fa fa-bars fa-lg"></i></div> <div id="header_text" class="text-left"> <span class="text-primary"><em>The New York Review of Books</em> Customer Service</span> </div> <div class="mobile-menu"> <button type="button" class="navbar-toggle mobile-menu-toggle d-none" data-toggle="collapse" data-target="#mobile-collapse"> <i class="fa fa-chevron-down"></i> </button> <div class="mobile-navbar collapse" id="mobile-collapse" aria-expanded="false" style="height: 0px;"> <ul class="nav navbar-nav"> </ul> </div> </div> </nav> </div> <!-- Navigation --> <aside id="menu"> <div id="navigation"> <ul class="nav" id="side-menu"> </ul> </div> </aside> <a href="#" id="scrollTop" class="btn-primary"><i class="fa fa-chevron-up"></i><br>Top</a> <div id="wrapper"> <div class="content animate-panel p-lg-5"> <div class="row"> <div class="col-lg-12"> <div class="hpanel"> <div class="tabs-left"> <div class="tab-content panel-body login_tabcontent m-auto" style="max-width: 55%;"> <form class="form-horizontal" id="loginForm" name="login" action="" METHOD="POST"> <div><input type="hidden" id="session_token" name="session_token" value="x11bc0dfb3cb6feed4cabda522c8e5c43"></div> <div><input type="hidden" id="sfg_guid" name="sfg_guid" value="1732596127.6905"></div> <input type="hidden" name="pagemode" value="csportal_login_process"> <div class="col-lg-12 text-center"> <div class="row"> <div class="col-lg-10 offset-lg-1 info_group_login_instruct mb-3"> <div class="h2">Login</div> <div class="h6 text-left">To access your account, please enter TWO of these identifying groups, then click Login.</div> </div> </div> <div class="row"> <div class="col-lg-12 text-left"> <div class="row group_containers no-gutters mb-2"> <div class="col-lg-10 offset-lg-1 font-weight-bold" style="font-size: 14px;">Group 1</div> </div> <div class="row mb-4"> <div class="col-lg-10 offset-lg-1"> <input type="email" id="txt_email" class="info_group_input form-control" placeholder="Email" name="custemail" size="30" maxlength="80" value=""> </div> </div> <div class="row group_containers no-gutters mb-2"> <div class="col-lg-10 offset-lg-1 font-weight-bold" style="font-size: 14px;">Group 2</div> </div> <div class="row mb-4"> <div class="col-lg-10 offset-lg-1"> <input type="text" id="txt_custno" class="info_group_input form-control" placeholder="Account Number" name="custno" size="30" value="" maxlength="12"> </div> </div> <div class="row group_containers no-gutters mb-2"> <div class="col-lg-10 offset-lg-1 font-weight-bold" style="font-size: 14px;">Group 3</div> </div> <div class="row mb-4"> <div class="col-lg-10 offset-lg-1"> <input type="text" id="txt_zip" class="info_group_input form-control" placeholder="Zip/Postal Code" name="zip" size="12" value="" maxlength="10"> </div> </div> <div class="row group_containers no-gutters mb-2"> <div class="col-lg-10 offset-lg-1 font-weight-bold" style="font-size: 14px;">Group 4</div> </div> <div class="row mb-4"> <div class="col-lg-10 offset-lg-1 mb-2"> <em>Please enter your address along with either first & last name OR business name.</em> </div> <div class="col-lg-10 offset-lg-1 mb-4"> <input type="text" class="info_group_input form-control" id="txt_address" placeholder="Address" name="address" size="30" value="" maxlength="40"> </div> <div class="col-lg-10 offset-lg-1 mb-1"> <div class="form-row"> <div class="col"> <input type="text" class="info_group_input form-control" id="txt_firstname" placeholder="First Name" name="firstname" value="" maxlength="15"> </div> <div class="col"> <input type="text" class="info_group_input form-control" id="txt_lastname" placeholder="Last Name" name="lastname" value="" maxlength="20"> </div> </div> </div> <div class="col-lg-10 offset-lg-1 mb-1">- OR -</div> <div class="col-lg-10 offset-lg-1 mb-4"> <input type="text" class="info_group_input form-control" id= "txt_businessname" placeholder="Business Name" name="businessname" size="30" value="" maxlength="40"> </div> </div> </div> </div> </div> <!-- Submit button --> <div class="col-lg-10 offset-lg-1 info_group_submit"> <button class="btn btn-primary submit_btns" id="submitLogin" type="submit" name="login">Login</button> <span id="waitImage" style="display:none"> <img src="images/waitimage.gif" width="20" height="20" alt="Processing..." border="0" align="absmiddle"> <font face="Arial" size="2">Processing...</font> </span> <button class="btn btn-primary" id="resetLogin" type="button">Reset</button> </div> </form> </div><!-- end tab-content --> </div> </div> </div> </div> </div> <!--end content--> </div> <!--end wrapper--> <!-- Footer--> <footer class="footer" style="position:fixed; z-index: 1000;"> <div class="row text-center text-sm-left"> <div class="col"> ©The New York Review of Books®2024 </div> <div class="col text-sm-right"> <a id="company_website_footer_link" href="https://www.nybooks.com" target="_blank">www.nybooks.com</a> </div> </div> </footer> </body> </html> <!-- Vendor scripts --> <script src="/js/jquery/jquery.js"></script> <script src="/js/jquery/jquery-migrate.js"></script> <script src="/js/vendor/slimScroll/jquery.slimscroll.min.js"></script> <script src="/js/vendor/bootstrap/bootstrap4/js/bootstrap.bundle.min.js"></script> <script src="/js/vendor/jquery-ui/current/jquery-ui.min.js"></script> <script src="/js/vendor/jquery-validation/jquery.validate.min.js"></script> <script src="/js/vendor/metisMenu/dist/metisMenu.min.js"></script> <script src="/js/vendor/iCheck/icheck.min.js"></script> <script src="/js/vendor/peity/jquery.peity.min.js"></script> <script src="/js/vendor/sparkline/index.js"></script> <script src="/js/vendor/jquery.base64.min.js"></script> <script src="/js/vendor/chosen-master/chosen.jquery.min.js"></script> <script src="/js/internal/general.js"></script> <script src="/js/vendor/promise-polyfill-master/dist/polyfill.min.js"></script> <!-- App scripts --> <script src="/js/vendor/homer/homer.js"></script> <script src="/js/vendor/homer/charts.js"></script> <script src="/js/vendor/cookie-i/cookie-i.js"></script> <script> // prevent form resubmission if (window.history.replaceState) window.history.replaceState(null, null, window.location.href); // back-forward cache workaround window.onpageshow = function(event) { if (event.persisted) window.location.reload(); } /////////////////////////////////////////////////////////////////////// //IE doesn't have an "indexOf" function; so create one here if(!Array.prototype.indexOf) { Array.prototype.indexOf = function(needle) { for(var i = 0; i < this.length; i++) { if(this[i] === needle) { return i; } } return -1; }; } /////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////// //IE doesn't have a "trim" function; so create one here if(typeof String.prototype.trim !== 'function') { String.prototype.trim = function() { return this.replace(/^\s+|\s+$/g, ''); } } /////////////////////////////////////////////////////////////////////// var guid = '1732596127.6905'; var page_requires_login = false; var current_script = 'login'; // manage session timeouts var duration = '1800000'; var activity_duration = duration * 0.9; var session_timeout = '30'; var action = '?nonce=cc41003df981c892b0aa9e0193389b83'; var activity = false; var timeoutActivityFunc = function() { if(activity) { update_server_session(); } } var timeoutFunc = function() { if(current_script == 'login') { return false; } $("#divPageDialog").prop("title","Session timed out"); $("#pPageDialog").html("Your "+session_timeout+" minute session timed out. " + "<br/>" + " Please close this box to reload the page."); $('#divPageDialog').dialog({ modal: true, open: function () { $(".ui-dialog-titlebar button.ui-dialog-titlebar-close").blur(); }, close: function(ev, ui) { if(page_requires_login) { window.location.replace('login'+action); } else { window.location.reload(); } } }); } var timeoutActivitySession = setTimeout(timeoutActivityFunc, activity_duration); var timeoutSession = setTimeout(timeoutFunc, duration); if (document.addEventListener) { document.addEventListener('click', function() {activity = true;}); document.addEventListener('keydown', function() {activity = true;}); } function update_server_session() { var st = $('#session_token').val(); if(st === undefined || st === null) { st = 'x11bc0dfb3cb6feed4cabda522c8e5c43'; } var str = 'sfg_guid=' + guid + '&session_token=' + st + '&requesttype=ajax&fn=update_session_timeout'; $.ajax({ type: 'POST', url: '', data: str, success: function(json) { try { json = JSON.parse(json); } catch(error) { return false; } if(json.success) { activity = false; clearTimeout(timeoutSession); clearTimeout(timeoutActivitySession); timeoutSession = setTimeout(timeoutFunc, duration); timeoutActivitySession = setTimeout(timeoutActivityFunc, activity_duration); } } }); } ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $(document).ready(function() { $('body').append('<div id="mobile_indicator" style="display: none;"></div>'); $('body').prepend('<div id="divPageDialog" title="" style="display:none"><p id="pPageDialog" style="text-align:center"></p></div>'); var pagemode = 'csportal_login'; if(isMobile()) { $('#page_tabs').hide(); $('#nav_tabs').show(); $('#nav_sign_out').hide(); $('#navigation_tabs').removeClass('nav-tabs'); $('#scrollTop').html('<i class="fa fa-chevron-up"></i><br>'); } else { $('#page_tabs').show(); $('#nav_tabs').hide(); $('#nav_sign_out').show(); $('#navigation_tabs').addClass('nav-tabs'); $('#scrollTop').html('<i class="fa fa-chevron-up"></i><br>Top'); } $('.submit_btns').on('click',function(e) { switch($(this).prop('id')) { case('submitLogin'): $('#submitLogin').hide(); $('#resetLogin').hide(); break; case('myacct_submit'): $('#myacct_submit').hide(); break; case('cancel_submit'): $('#cancel_submit').hide(); break; case('pmt_submit'): $('#pmt_submit').hide(); break; case('updatecc_submit'): $('#updatecc_submit').hide(); break; case('contact_submit'): $('#contact_submit').hide(); break; case('useridpw_submit'): $('#useridpw_submit').hide(); break; case('privacy_submit'): $("#privacy_submit").hide(); break; } $('#waitImage').show(); }); $(window).resize(function() { if(isMobile()) { $('#page_tabs').hide(); $('#nav_tabs').show(); $('#nav_sign_out').hide(); $('#navigation_tabs').removeClass('nav-tabs'); $('#scrollTop').html('<i class="fa fa-chevron-up"></i><br>'); } else { $('#page_tabs').show(); $('#nav_tabs').hide(); $('#nav_sign_out').show(); $('#navigation_tabs').addClass('nav-tabs'); $('#scrollTop').html('<i class="fa fa-chevron-up"></i><br>Top'); } }); if (pagemode.length) { var split_pagemode = pagemode.split('_'); var type = split_pagemode[1]; type = '#li_'+type; if($('#page_tabs, #nav_tabs').is(':visible')) { switch(pagemode) { case('csportal_updatecc'): case('csportal_updatecc_process'): $('#page_tabs, #nav_tabs').find("#li_dashboard").addClass('active'); $('#page_tabs, #nav_tabs').find("#li_dashboard").children('a').on('click', function(e) { e.preventDefault(); }); break; default: $('#page_tabs, #nav_tabs').find(type).addClass('active'); if(pagemode != 'csportal_dashboard') { $('#page_tabs, #nav_tabs').find('#li_dashboard').removeClass('active'); } $('#page_tabs, #nav_tabs').find(type).children('a').on('click', function(e){ e.preventDefault(); }); } } } //removed password stuff for now 06.19.2018 // $("#myacctForm").validate({ // rules: { // password: { // required: true, // minlength: 6 // }, // confirm_password: { // required: true, // minlength: 6 // } // }, // submitHandler: function(form) { // form.submit(); // } // }); $('.tables_btns').on('click', function(e) { var icon = $(this).find('i:first'); var body = $(this).parent().next('div.data_tables'); body.slideToggle(); // Toggle icon from right to down (or vice-versa) icon.toggleClass('fa-chevron-right').toggleClass('fa-chevron-down'); body.toggleClass('').toggleClass('panel-collapse'); }); //CVV script $(document).on("click", "#cvv_info_launcher", function(e) { if(!$('#cvv_info').is(':visible')) { $('#cvv_info').finish().show('slow'); } else { $('#cvv_info').finish().hide('slow'); } }); $(document).on('click', '.close_cvv', function() { $('#cvv_info').finish().hide('slow'); }); /////////////////////////// $(window).on('click',function() { if($('#mobile-collapse').is(':visible')) { $('#mobile-collapse').collapse('hide'); } }); //Top Button var amountScrolled = 300; check_scrollTop(false); function check_scrollTop (verify) { if(!$('#scrollTop:animated').length || verify) { if($('body').scrollTop() > amountScrolled) { $('#scrollTop').fadeIn(function() { if(!verify) check_scrollTop(true); }); } else { $('#scrollTop').fadeOut(function() { if(!verify) check_scrollTop(true); }); } } } $('body').scroll(function () { check_scrollTop(); }); $('#scrollTop').click(function() { $('html, body').animate({ scrollTop: 0 }, 500); return false; }); //////////////////////////////////////// $('a.nav-link').on('click', function(e) { if($(this).hasClass('active')) return false; $('.splash').show(); }); $(document).on('click', '#goback_donor', function(e) { e.preventDefault(); $('.splash').show(); var st = $('#session_token').val(); var str = 'sfg_guid=' + guid + '&session_token=' + st + '&requesttype=ajax&fn=return_to_donor'; $.ajax({ type: 'POST', url: '', data: str, success: function(unparsed_json) { try{ json = JSON.parse(unparsed_json); } catch(error) { if($.trim(unparsed_json).substring(0,6) == '<html>') { document.write(unparsed_json); } else { window.location.replace('login'); return false; } } if(json.timeout) { activity = false; timeoutFunc(); return false; } $('.recip_view_cont').remove(); window.location.reload(); } }); }); $(document).on('keypress','#data_modal form', function(e) { if(e.which == 13) { e.preventDefault(); } }); }); function isMobile() { return $('#mobile_indicator').is(":visible"); } // Encoding/Decoding Functions function encode(elem) { if (elem == null){elem='';} var newstring = btoa(elem); newstring = (newstring).replace(/\=/g,'_'); return newstring; } function decode(elem) { if (elem == null){return;} var newstring = (elem).replace(/\_/g,'='); newstring = atob(newstring); return newstring; } </script> <script> $('.splash').show(); $(document).ready(function() { //Reset login form functionality $('#resetLogin').on('click',function(e) { e.preventDefault(); $('.info_group_input').val(''); }); $('#txt_email').on('invalid', function(e) { $('#submitLogin').show(); $('#resetLogin').show(); $('#waitImage').hide(); }); }); </script>