/*------------------------------------------------------------------------------------------------- div.ftext.issue.back.list div.ftext-rightCol.right-menu {position:static; float:right; } -------------------------------------------------------------------------------------------------*/ div.ftext.issue.back.list div.ftext-rightCol.right-menu div.right-menu-container {position:static; } /*---"back-issue" is the page's css class installed in div.main--------------------*/ div.back-issue.list div.user-matter {margin-bottom:0px;} div.ftext.issue {line-height:normal; } div.ftext.issue .chapbook, div.ftext.issue .dance-journal, div.ftext.issue .issue-no-1, div.ftext.issue .issue-no-2 {display:none;} div.ftext.issue.chapbook .chapbook {display:block;} div.ftext.issue.chapbook span.chapbook {display:inline;} div.ftext.issue.dance-journal .dance-journal {display:block;} div.ftext.issue.dance-journal span.dance-journal {display:inline;} div.ftext.issue.issue-no-1 .issue-no-1 {display:block;} div.ftext.issue.issue-no-1 span.issue-no-1 {display:inline;} div.ftext.issue.issue-no-2 .issue-no-2 {display:block;} div.ftext.issue.issue-no-2 span.issue-no-2 {display:inline;} div.ftext.issue > div.ftext-head + div.ftext-body > a:first-child + p, div.ftext.issue > div.ftext-head + div.ftext-body > p:first-child { margin-top:0px; display:inline-block; vertical-align:top; width:55%; /*padding-right:20px;*/ padding-right:55px; } div.ftext.issue > div.ftext-head + div.ftext-body > div { display:inline-block; vertical-align:top; width:36%; max-width:36%; } div.ftext.issue > div.ftext-head + div.ftext-body > div > img {max-width:100%; } @media only screen and (max-width: 800px){ div.ftext.issue div.ftext-body { margin-right: 0px; max-width:100%; width:auto; } div.ftext.issue > div.ftext-head + div.ftext-body > a:first-child + p, div.ftext.issue > div.ftext-head + div.ftext-body > p:first-child { margin-top:0px; display:block; vertical-align:top; width:100%; /*padding-right:20px;*/ padding-right:0px; font-size:16px; } div.ftext.issue > div.ftext-head + div.ftext-body > div {display:block; width:100%; max-width:100%; } } div.ftext.issue > div.ftext-head + div.ftext-body {width:100%;} div.ftext.issue.back div.ftext-body {margin-right:38px; background-color:transparent; } div.ftext div.ftext-body div.ftext-head-sub-sub {width:100%; position:relative; } div.ftext.issue.back div.ftext-body.list, div.ftext.issue.back div.ftext-body.toc, { width:498px; /*width:auto; max-width:480px;*/ } /*------------------------------------------------------------------------------------------------- ---COMPLETE BACK ISSUES TOP MATTER--- -------------------------------------------------------------------------------------------------*/ div.ftext.issue.back div.ftext-body.header div.complete-back-issue-set div.ftext-head-sub{ line-height:20px; font-family:roboto_condensed, Georgia, Times, serif; border-bottom-width:0px; padding-bottom:6px; color:#165377; font-size:20px; margin-top:20px; /*margin-bottom:16px;*/ margin-bottom:0px; } div.ftext.issue.back div.ftext-body.header div.complete-back-issue-set div.sub-title { font-style:italic; margin-bottom:16px; } div.ftext.issue.back div.ftext-body.back-issue-sets-container {width:100%;} div.ftext.issue.back > div.ftext-body div.ftext-head-sub { /*width:480px;*/ width:750px; } div.ftext.issue.back div.ftext-rightCol + div.right-col-ref {height:1px; } div.right-col-ref + div.ftext-body > div.ftext-head-sub-sub {margin-top:0px; } div.ftext.issue.back div.ftext-rightCol { width:28%; /*width:214px; margin-left:38px; margin-left:18px;*/ margin-top:55px; padding-bottom:0px; } div.ftext.issue.back div.ftext-rightCol > div.right-menu-container {border-width:0px; box-shadow: none;} div.ftext.issue.back div.ftext-rightCol div.links.upper {/*margin-bottom:6px;*/ margin-top:0px; font-family: roboto_condensed_bold, Georgia, Times, serif; } div.ftext.issue.back div.ftext-rightCol div.links.upper * {color:#da8918; } div.ftext.issue.back div.ftext-rightCol div.links.upper *:hover {color:#c46702; } div.ftext.issue.back div.ftext-rightCol div.links.upper span {display:inline-block; font-weight:bold; margin:auto 8px; } /*div.main.back-issue.toc div.ftext.issue.back div.ftext-rightCol {margin-top:10px; }*/ /*------------------------------RIGHT COLUMN WILL NOT FLOATS WHEN TOC IS VISIBLE-------------------------------------------------*/ div.main.back-issue.toc div.ftext.issue.back div.ftext-rightCol.floating, div.main.back-issue.toc div.ftext.issue.back div.ftext-rightCol.bottom {position:static; float:right; margin-top:10px} /*-------------------------------------------------------------------------------------------------------------------------*/ div.ftext.issue.back div.ftext-rightCol.floating, div.ftext.issue.back div.ftext-rightCol.bottom { margin-left: 0;} div.ftext.issue.back div.ftext-rightCol.floating { /*margin-top:10px*/} div.ftext.issue div.ftext-rightCol div.ftext-head-sub{border-bottom-width:0px;} div.ftext.issue div.ftext-rightCol div.ftext-head-sub + p, div.ftext.issue div.ftext-rightCol div.ftext-head-sub + div.logged-out, div.ftext.issue div.ftext-rightCol div.ftext-head-sub + div.logged-out + div.logged-in, div.ftext.issue div.ftext-rightCol div.ftext-head-sub + p + p.mini{margin-top:-15px;} div.ftext.issue div.ftext-rightCol div.ftext-head-sub + div.logged-out + div.logged-in > p {margin-top:0px;} div.ftext.issue div.ftext-rightCol p.mini + img {margin-top:19px; } div.ftext.issue div.ftext-rightCol img { width:90%; } div.ftext.issue div.ftext-rightCol img:first-child {margin-top:0px} div.ftext.issue div.ftext-rightCol img {margin-top:22px} div.ftext.issue div.ftext-rightCol img + div.ftext-head-sub { margin-top:9px; } div.ftext.issue div.ftext-rightCol img.dance-directory + div.ftext-head-sub{margin-top:16px; line-height:24px;} div.ftext.issue div.ftext-rightCol p.mini {font-size:12px; margin-bottom:8px;} div.ftext.issue div.ftext-rightCol p.mini + div.ftext-head-sub {margin-top:30px;} div.ftext.issue div.ftext-rightCol div.ftext-head-sub.already-a-subscriber {margin-bottom:12px;} div.ftext.issue div.ftext-body p.close {margin-top:0px; margin-bottom:0px;} div.ftext div.ftext-body.issue-matter {max-width:300px; } div.issue-matter > p, div.issue-matter > div { margin-top:0px; margin-bottom:0px; } div.ftext.issue div.ftext-body p.chapbook-head, div.ftext.issue div.ftext-rightCol p.chapbook-head { font-size:16px; font-family:roboto_condensed_bold, Georgia, Times, serif; margin-bottom:0px; margin-top:18px; } div.ftext.issue div.ftext-body p.title, div.ftext.issue div.ftext-rightCol p.title { font-size:16px; font-family:roboto_condensed_bold, Georgia, Times, serif; margin-top:0px; margin-bottom:0px; } div.ftext.issue div.ftext-body.issue-matter img { margin-bottom:22px; width:100%; } /*------------Issue Matter Block-------------------------*/ div.issue-matter div.chapbook-head, div.issue-matter div.title-focus { font-size:16px; font-family:roboto_condensed_bold, Georgia, Times, serif; margin-bottom:0px; margin-top:18px; } div.issue-matter div.title { font-size:16px; font-family:roboto_condensed_bold, Georgia, Times, serif; margin-top:0px; margin-bottom:0px; } div.issue-matter div.subtitle { font-style:italic; font-size:12px; /*margin-top:-2px;*/ margin-bottom:-8px; line-height:normal; } div.issue-matter div.author { font-family:roboto_condensed_bold, Georgia, Times, serif; margin-top:10px; line-height:18px; } div.issue-matter div.issue-specs {} /*div.issue-matter div.issue-specs + div.price-listing, div.issue-matter div.title-focus + div.price-listing {margin-top:21px; }*/ div.issue-matter div + div.price-listing {margin-top:21px; } div.issue-matter div.print-status {white-space:nowrap; } /*----------------------Control for alternating between list view and toc view------------------------------*/ div.main.back-issue div.ftext-body.toc {display:none; background-color:#ffffff; width:70%;} div.main.back-issue.toc div.ftext.issue.back.list > div.ftext-body, div.main.back-issue.toc div.ftext-body.header, div.main.back-issue.toc div.back-issue-list {display:none; } /*------------------------------------------------------------------------- div.main.back-issue.toc div.ftext.list, div.main.back-issue.toc div.ftext-body.list {display:none; } -------------------------------------------------------------------------*/ div.main.back-issue.toc div.ftext-body.back-issue-sets-container {display:none; } div.main.back-issue.toc div.ftext.issue.back.list > div.ftext-body.toc {display:block; } div.main.back-issue div.grey-box {display:none; } div.ftext.issue div.ftext-rightCol div.price div + div {margin-left:6px; max-width:180px; } div.ftext.issue p.links, div.ftext.issue div.links {clear:left; margin-bottom:14px; margin-top:8px; } div.ftext.issue div.ftext-body p.links + a#contents + div.ftext-head-sub-sub {margin-top:29px; } div.ftext.issue div.ftext-body div.ftext-head-sub-sub div.legend { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; /*float:right; */ position:absolute; right:0px; bottom:2px; background-repeat:no-repeat; background-position:left 4px; margin-right:3px; padding-bottom:3px; } div.ftext.issue div.ftext-body div.ftext-head-sub-sub div.legend > div {padding-left:8px;} div.ftext.issue div.ftext-body div.ftext-head-sub-sub div.read-online {/*margin-top:13px; */} div.ftext.issue div.ftext-body div.ftext-head-sub-sub div.legend > div.none {display:none;} div.ftext.issue div.ftext-body div.ftext-head-sub-sub div.legend > div.none + div { margin-top:13px; } div.ftext.issue div.ftext-body div.ftext-head-sub-sub div.legend > div { background-repeat:no-repeat; background-position:left 3px; } div.ftext.issue div.ftext-body.no-dot div.ftext-head-sub-sub div.legend { color:#165377; background-image:none; font-weight:bold; } div.ftext.issue div.ftext-body.no-dot div.ftext-head-sub-sub div.legend span {display:none;} div.ftext.issue div.ftext-body div.ftext-head-sub-sub div.legend > div.read-online { background-image:url("https://contactquarterly.com/images/elements/back-issue/2020-09-28-read-online.jpg"); height:11px; } /*-------------------------------------------------------------------------------------------------------------- div.ftext.issue div.ftext-body div.ftext-head-sub-sub div.legend > div { background-image:url("https://contactquarterly.com/images/elements/back-issue/2020-09-28-out-of-print.jpg"); } --------------------------------------------------------------------------------------------------------------*/ div.ftext.issue div.ftext-body div.ftext-head-sub-sub div.legend > div.pdf { background-image:url("https://contactquarterly.com/images/elements/back-issue/2020-09-28-downloadable-pdf.jpg"); margin-top:4px; } /*-------------------------------------------------------------------------------------------------------------- ---BACK ISSUES LIST---- ---------------------------------------------------------------------------------------------------------------*/ div.ftext.issue > div.ftext-body { /*background-color:transparent;*/ } div.ftext.issue table.slider { margin-bottom:48px; } div.ftext.issue > div.ftext-rightCol p { font-style:italic; } div.ftext.issue > div.ftext-rightCol > p:first-line { font-weight:bold; font-style:normal; } div.ftext.issue > div.ftext-rightCol > div.ftext-head-sub { /*font-family:roboto_condensed_bold_italic, Georgia, Times, serif;*/ font-family:roboto_condensed_italic, Georgia, Times, serif; } div.ftext.issue table.slider td.one > div { vertical-align: middle; width:31px; height:50px; min-height:50px; margin-top:12px; cursor:pointer; background-image:url('https://contactquarterly.com/images/elements/grey-arrow-left.png'); background-repeat:no-repeat; background-position:0px 0px; } div.ftext.issue table.slider td.one > div.over, div.ftext.issue table.slider td.three > div.over { background-position:0px -50px; } div.ftext.issue table.slider td.one > div.down, div.ftext.issue table.slider td.three > div.down { background-position:0px -100px; } div.ftext.issue table.slider td.two { vertical-align:top; height:130px; min-height:130px; width:434px; min-width:434px; } div.ftext.issue table.slider td.three > div { vertical-align:middle; width:31px; height:50px; min-height:50px; margin-top:12px; margin-left:-4px; cursor:pointer; background-image: url('https://contactquarterly.com/images/elements/grey-arrow-right.png'); background-repeat:no-repeat; background-position:0px 0px; } div.ftext.issue table.slider td.two > div.img-container { position:relative; } div.ftext.issue table.slider td.two > div.img-container > div:first-child { position:static; } div.ftext.issue table.slider td.two > div.img-container > div + div { position:absolute; top:0; left:0; } div.ftext.issue table.slider td.two div.img0, div.ftext.issue table.slider td.two div.img1 { line-height:0px; } div.ftext.issue table.slider td.two div.img0 > div, div.ftext.issue table.slider td.two div.img1 > div { position:relative; float:left; margin:auto 10px auto 0; width:100px; height:156px; padding-bottom:12px; } div.ftext.issue table.slider td.two div.img0 > div.last, div.ftext.issue table.slider td.two div.img1 > div.last { margin-right:0; padding-right:4px; } div.ftext.issue table.slider td.two div.img0 > div > a > img, div.ftext.issue table.slider td.two div.img1 > div > a > img{ position:absolute; top:0; /*bottom:0;*/ margin:auto; width:100px; cursor:pointer; box-shadow:0px 1px 1px 1px #afafb0; } div.ftext.issue table.slider td.two div.img0 > div > div, div.ftext.issue table.slider td.two div.img1 > div > div { position:absolute; top:94px; background-color:#1d9145; line-height:normal; width:72px; font-family:roboto_condensed, Georgia, Times, serif; font-size:9px; padding:2px 0px 2px 6px; display:none; } div.ftext.issue table.slider td.two div.img0 > div > div > a, div.ftext.issue table.slider td.two div.img1 > div > div > a { color:#ffffff; } div.ftext.issue table.slider td.two div.img0 > div.over > div, div.ftext.issue table.slider td.two div.img1 > div.over > div { display:block; } div#msg_board div.messageAlert.terms-of-purchase { background-color:#ffffff; color:#545454; border:1px solid #545454; border-radius:8px; width:50%; min-width:300px; } div.ftext.issue > div.ftext-body {background-color:#ffffff;} /*---------------------------------------------------------------------- ---LISTING MORE_INFO SWITCH--- ----------------------------------------------------------------------*/ div.ftext.issue.listMode div.ftext-head.moreMode {display:none; } div.ftext.issue.moreMode div.ftext-head:first-child, div.ftext.issue.moreMode div.ftext-body.listMode {display:none; } div.ftext.issue.listMode div.store-listing {display:block; } div.ftext.issue.listMode div.store-more {display:none; } div.ftext.issue.moreMode div.store-listing {display:none; } div.ftext.issue.moreMode div.store-more {display:block; } div.ftext.issue.moreMode div.store-more div.more-info {display:none; } /*---------------------------------------------------------------------- ---URL MORE INFO STYLES--- ----------------------------------------------------------------------*/ div.ftext.issue.moreMode div.store-more.back-issue-set div.more-info.back-issue-set {display:block; } div.ftext.issue.moreMode div.store-more.complete-back-issue-set div.more-info.complete-back-issue-set {display:block; } div.ftext.issue.moreMode div.store-more.kneepads-summer-sale div.more-info.kneepads-summer-sale {display:block; } div.ftext.issue.moreMode div.store-more.cq-back-issue-mini-collection-steve-paxton div.more-info.cq-back-issue-mini-collection-steve-paxton {display:block; } div.ftext.issue.moreMode div.store-more.listening-back-black-dance-artists-in-cq-2016-2020 div.more-info.listening-back-black-dance-artists-in-cq-2016-2020 {display:block; } div.ftext.issue.moreMode div.store-more.dance-kneepads div.more-info.dance-kneepads {display:block; } div.ftext.issue.moreMode div.store-more.cq-chapbook-set div.more-info.cq-chapbook-set {display:block; } div.ftext.issue div.ftext-body.store-listing div.back-issue-sets {max-width:inherit; } /*---------------------------------------------------------------------- ---LISTING PANEL SETTINGS--- ----------------------------------------------------------------------*/ div.ftext.issue > div.ftext-body.store-listing {max-width:750px; width:auto; } div.ftext.issue div.ftext-body.store-listing div.info {line-height:16px;} div.ftext.issue > div.ftext-body.store-listing img {max-width:114px; max-height:147px; } div.ftext.issue > div.ftext-body.store-listing a {color:#da8918; } div.ftext.issue > div.ftext-body.store-listing a:hover {color:#c46702; } div.ftext.issue div.ftext-body.store-listing div.ftext-head-sub {position:relative; font-family:roboto_condensed_bold, Georgia, Times, serif; line-height:30px; margin-top:33px; margin-bottom:15px; clear:right; } div.ftext.issue div.ftext-body.store-listing div.ftext-head-sub > div.header-link {position:absolute; font-size:14px; font-family:Arial; right:0px; top:5px; } div.ftext.issue div.ftext-body.store-listing > a:first-child + div.ftext-head-sub {margin-top:23px; } div.ftext.issue div.ftext-body.store-listing div.ftext-head-sub {} div.ftext.issue div.ftext-body.store-listing div.ftext-head-sub-sub { color:#a4a4a4; border-width:0px; margin-bottom:1px; clear:left; margin-top:0px; padding-top:15px; } div.ftext.issue div.ftext-body.store-listing div.half { vertical-align:top; margin-right:8px; clear:none;} /* TO BE CONTINUEDdiv.ftext.issue div.ftext-body.store-listing div.half div */ div.ftext.issue div.ftext-body.store-listing div.half div.ftext-head-sub-sub {width:347px;} div.ftext.issue div.ftext-body.store-listing div.quarter {vertical-align:top; margin-right:10px; margin-bottom:10px; clear:none; background-color:transparent; } div.ftext.issue div.ftext-body.store-listing div.quarter > div.quarter{ min-width:156px; width:22.5%; } /*---------------------------------------------------------------------------------------------- ---STYLE FOR STORE TABLES--- ----------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------- ---STYLE FOR STORE FLUID DIVS--- ----------------------------------------------------------------------------------------------*/ div.ftext.issue div.ftext-body.store-listing div.store div.float-left-first, div.ftext.issue div.ftext-body.store-listing div.store div.float-left { background-color:#edecec; margin-bottom:10px; /*float:left;*/ display:inline-block; clear: none; } div.ftext.issue div.ftext-body.store-listing div.store div.float-left-first { clear:left; } /*---------------------------------------------------------------------------------------------- ---STYLE FOR STORE HALF TABLES--- ----------------------------------------------------------------------------------------------*/ div.ftext.issue div.ftext-body.store-listing div.store.half > div.half {margin-top:8px; min-width:213px; width:45%} div.ftext.issue div.ftext-body.store-listing div.store.half div.info {margin:8px; position:relative; } div.ftext.issue div.ftext-body.store-listing div.store.half div.info img {float:left; margin-right:20px; width: auto;} div.ftext.issue div.ftext-body.store-listing div.store.half div.info div.price-listing {clear: left;} div.ftext.issue div.ftext-body.store-listing div.store.half div.info.store-init div.price-listing {/*position:absolute;*/ bottom:0px;} /*---------------------------------------------------------------------------------------------- ---STYLE FOR STORE QUARTER TABLES--- ----------------------------------------------------------------------------------------------*/ div.ftext.issue div.ftext-body.store-listing div.store.quarter div.info {margin:8px; position:relative} div.ftext.issue div.ftext-body.store-listing div.store.quarter div.info.store-init div.price-listing {/*position:absolute;*/ bottom:0px;} div.ftext.issue div.ftext-body.store-listing div.info.videos > div.line2 span{display: inline-block; vertical-align:top;} div.ftext.issue div.ftext-body.store-listing div.info.videos > div.line2 span.cc {padding:1px; background-color:blue; color:white; border:1px solid blue; border-radius:2px; margin:0 6px; } div.ftext.issue div.ftext-body.store-listing div.info.special-offers > div.line2 {font-style:italic; } div.ftext.issue div.ftext-body.store-listing div.info.new > div.line1 {margin-bottom:2px; } div.ftext.issue div.ftext-body.store-listing div.info.new > div.line2 {font-style:italic; margin-bottom:4px; } div.ftext.issue div.ftext-body.store-listing div.info.new > div.line3 {font-weight:bold; /*margin-bottom:3px;*/ } div.ftext.issue div.ftext-body.store-listing div.info.chapbook > div.line2 {font-style:italic; } div.ftext.issue div.ftext-body.store-listing div.info.new.chapbook > div.line3 {font-weight:normal; } div.ftext.issue div.ftext-body.store-listing td.half.new.dj > img {margin-right:30px; } div.ftext.issue div.ftext-body.store-listing div.info.new.dj {position: relative;} div.ftext.issue div.ftext-body.store-listing div.info.new.dj > div.line1 {margin-bottom:16px; } div.ftext.issue div.ftext-body.store-listing div.info.new.dj > div.line2 {margin-bottom:26px;} div.ftext.issue div.ftext-body.store-listing div.info.new.dj > div.line3 {display:none; } div.ftext.issue div.ftext-body.store-listing div.info.new.dj > div.line4 {position:absolute; top:92px;} div.ftext.issue div.ftext-body.store-listing div.info.new.dj > div.price-listing {position:absolute; top:109px; } div.ftext.issue div.ftext-body.store-listing div.info {font-size:12px; } div.ftext.issue div.ftext-body.store-listing div.info > img {/*width:114px;*/ display:block; margin:0 auto 20px auto;} div.ftext.issue div.ftext-body.store-listing div.info > div.line1 {font-size:14px; font-family:roboto_condensed_bold, Georgia, Times, serif; font-weight:bold; margin-bottom:0px; } div.ftext.issue div.ftext-body.store-listing div.info > div.line3 {margin-bottom:0px; font-weight:bold; } div.ftext.issue div.ftext-body.store-listing div.info.reprint > img {/*width:90px;*/} div.ftext.issue div.ftext-body.store-listing div.info.reprint > div.line1 {margin-bottom:4px; } div.ftext.issue div.ftext-body.store-listing div.info.reprint > div.line2 {margin-bottom:4px; } /*div.ftext.issue div.ftext-body.store-listing div.info.reprint > div.line3 {display:none; }*/ div.ftext.issue div.ftext-body.store-listing div.info.reprint > div.line4 {/*margin-bottom:6px;*/ margin-bottom:36px; } div.ftext.issue div.ftext-body.store-listing div.last {margin-right:0px;} div.ftext.issue div.ftext-body.store-listing div.info.ce > img {/*max-width:114px;*/ width:auto; margin-bottom:16px; } div.ftext.issue div.ftext-body.store-listing div.info.ce > div.line1 {margin-bottom:2px; } div.ftext.issue div.ftext-body.store-listing div.info.ce > div.line2 {font-style:italic; margin-bottom:0px; } div.ftext.issue div.ftext-body.store-listing div.sub-panel {background-color:#edecec; line-height:16px; } div.ftext.issue div.ftext-body.store-listing div.sub-panel {padding:18px 12px; } div.ftext.issue div.ftext-body.store-listing table.slider {margin-bottom:0px; } div.ftext.issue div.ftext-body.store-listing div.info > div.line4 { /*margin-bottom:6px;*/ margin-bottom:36px; } div.ftext.issue div.ftext-body.store-listing div.sub-panel > div.info {float:right; padding-right:27px; /*width:210px;*/ } div.ftext.issue div.ftext-body.store-listing div.sub-panel.back_issues, div.ftext.issue div.ftext-body.store-listing div.sub-panel.current, div.ftext.issue div.ftext-body.store-listing div.sub-panel.dance_directory, div.ftext.issue div.ftext-body.store-listing div.sub-panel.subscription {position:relative; margin-top:8px; margin-bottom:16px; } div.ftext.issue div.ftext-body.store-listing div.sub-panel > div.info.current, div.ftext.issue div.ftext-body.store-listing div.sub-panel > div.info.dance_directory {width:202px;} div.ftext.issue div.ftext-body.store-listing div.sub-panel > div.info.current div.price-listing, div.ftext.issue div.ftext-body.store-listing div.sub-panel > div.info.dance_directory div.price-listing {width:202px;} @media only screen and (max-width: 420px){ div.ftext.issue div.ftext-body.store-listing div.sub-panel > div.info.current div.price-listing, div.ftext.issue div.ftext-body.store-listing div.sub-panel > div.info.dance_directory div.price-listing { position:static; margin-bottom:1em; } } div.ftext.issue div.ftext-body.store-listing div.sub-panel > div.info.subscription {max-width:306px;} div.ftext.issue div.ftext-body.store-listing div.sub-panel > div.info > div.line1 {margin-bottom:2px; } div.ftext.issue div.ftext-body.store-listing div.sub-panel > div.info.dance_directory > div.line1, div.ftext.issue div.ftext-body.store-listing div.sub-panel > div.info.current > div.line1 {margin-bottom:0px; } div.ftext.issue div.ftext-body.store-listing div.sub-panel > div.info > div.line2 {/*margin-bottom:36px;*/} div.ftext.issue div.ftext-body.store-listing div.sub-panel > div.info > div.line4 {/*position:absolute; bottom:48px; */} div.ftext.issue div.ftext-body.store-listing div.sub-panel > div.info > div.price-listing {position:absolute; /*font-weight:bold;*/ bottom:12px; right:40px; } div.ftext.issue div.ftext-body.store-listing div.sub-panel.product {margin-bottom:10px; padding:18px 20px;} div.ftext.issue div.ftext-body.store-listing div.sub-panel.product > img {width:auto; max-width:190px; max-height:auto; float:left; margin-right:20px; } div.ftext.issue div.ftext-body.store-listing div.sub-panel > div.info.product { float:left; width:auto; } div.ftext.issue div.ftext-body.store-listing div.sub-panel > div.info.product > div.line1 {margin-bottom:2px; } div.ftext.issue div.ftext-body.store-listing div.sub-panel > div.info.product > div.line2 {margin-bottom:0px; font-style:italic; margin-bottom:5px; } div.ftext.issue div.ftext-body.store-listing div.sub-panel > div.info.product > div.line3 {display:none; } div.ftext.issue div.ftext-body.store-listing div.sub-panel > div.info.product > div.line4 {position:static; margin-bottom:37px; } div.ftext.issue div.ftext-body.store-listing div.sub-panel > div.info.product > div.price-listing {position:static; } div.ftext.issue div.ftext-body.store-listing div.ftext-head-sub + div.sub-cat > div.ftext-head-sub-sub {padding-top:0px; } div.ftext.issue div.ftext-body.store-listing div.sub-cat > div.ftext-head-sub-sub {position:relative; } div.ftext.issue div.ftext-body.store-listing div.sub-cat.half div.sub-panel > div.info > div.line3 {display:none; } div.price, p.addToCartButton {/*float:left;*/ font-weight:normal; } div.price div + div {width:78%; margin-left:4px; /*margin-right:4px;*/ } div.price div.dollar + div {width:auto; margin-left:0px; margin-right:0px; } div.price div + div.dollar {width:auto; margin-left:0px; margin-right:0px; } div.price + p.addToCartButton {clear:none; } p.addToCartButton + div.price {clear:left; } div.price-listing p.addToCartButton a {margin-bottom:0px; } div.ftext.issue div.ftext-body.store-listing div.sub-panel > img {/*width:90px;*/ display:block; } div.price-listing.video div.price-listing-container div.price div + div {width:auto;} div.price-listing.video select.select-language + p.addToCartButton > span.has-group-price, div.price-listing.video select.select-language + p.addToCartButton > span.has-group-price {display: none;} div.price-listing.video p.addToCartButton > span.has-group-price > span, div.price-listing.video p.addToCartButton > span.has-group-price > span {display: none;} div.ftext.issue div.ftext-body.store-listing div.sub-panel.chapbook > div.info {float:none; } div.ftext.issue div.ftext-body.store-listing div.sub-panel.subscription div.images > img {display:inline; /*width:90px;*/ margin-right:20px; margin-bottom:10px; } div.ftext.issue div.ftext-body.store-listing div.info.subscription {width:291px; } div.ftext.issue div.ftext-body.store-listing div.info.subscription > div.line4 {top:106px; } /*div.ftext.issue div.ftext-body.store-listing div.info.subscription > div:first-child + div + div + div{top:123px; }*/ div.ftext.issue div.ftext-body.store-listing div.info.subscription div.line3 {display:none; } div.ftext.issue div.ftext-body.store-listing div.more {display:block; margin-top:10px; } div.ftext.issue div.ftext-body.store-listing div.more.view {display:block; } div.ftext.issue div.ftext-body.store-listing div.more-less {display:none; float:right; height:31px; width:50px; background-image: url("https://contactquarterly.com/images/elements/grey-arrow-top-bottom.png"); background-position: -100px -31px; background-repeat: no-repeat; cursor: pointer; font-size:12px; font-weight:bold; color:#da8918; /*color:red;*/ overflow:visible; } div.ftext.issue div.ftext-body.store-listing div.more-less + a.anchor {display:inline-block; margin-bottom:20px; } div.ftext.issue div.ftext-body.store-listing div.more-less + a.anchor + div.ftext-head-sub {margin-top:0px; } div.ftext.issue div.ftext-body.store-listing div.more-less > span {margin-top:4px; margin-left:-50px; white-space:nowrap; } div.ftext.issue div.ftext-body.store-listing div.more-less > span:first-child {display:inline-block; } div.ftext.issue div.ftext-body.store-listing div.more-less > span:first-child + span {display:none; } /*---------------------In case the category data is always open the arrow will be invisible------------------*/ div.ftext.issue div.ftext-body.store-listing div.more-less.view {display:none; } div.ftext.issue div.ftext-body.store-listing div.more + div.more-less { background-position: -100px -31px; } div.ftext.issue div.ftext-body.store-listing div.more + div.more-less:hover { background-position: -50px -31px; } div.ftext.issue div.ftext-body.store-listing div.more + div.more-less:active { background-position: -0px -31px; } div.ftext.issue div.ftext-body.store-listing div.more.view + div.more-less { background-position: -100px 0; } div.ftext.issue div.ftext-body.store-listing div.more.view + div.more-less:hover { background-position: -50px 0px; } div.ftext.issue div.ftext-body.store-listing div.more.view + div.more-less:active { background-position: 0px 0px; } div.ftext.issue div.ftext-body.store-listing div.more.view + div.more-less > span:first-child {display:none; } div.ftext.issue div.ftext-body.store-listing div.more.view + div.more-less > span:first-child + span {display:inline-block; } table.back-issue-list, div.back-issue-list {font-size:10pt; overflow-y:auto; /*width:712px;*/ width:63%; margin-right:18px; margin-bottom:45px; border-bottom:1px solid #eeeeef} table.back-issue-list thead tr {height:0px;} @media only screen and (max-width: 800px){ table.back-issue-list, div.back-issue-list {font-size:10.5pt; } } table.back-issue-list tr:hover td, table.back-issue-list tr.selected td, div.back-issue-list div.row:hover, div.back-issue-list div.row.selected {color:#da8918; } table.back-issue-list td, div.back-issue-list div.row > div {vertical-align:top; padding-top:2px; } div.back-issue-list div.row > div {display:inline-block; padding:3px 4px; } table.back-issue-list td.Col0, div.back-issue-list div.row > div.Col0 {/*width:16px; */ width:4px; padding:3px 0px} div.back-issue-list div.Col0 {height:12px; } div.ftext-body.no-dot table.back-issue-list td.Col0 {display:none; } table.back-issue-list td.Col1, div.back-issue-list div.Col1 {min-width:84px; max-width:84px; } div.ftext-body.no-dot table.back-issue-list td.Col1 {padding-left:5px;} table.back-issue-list td.Col2, div.back-issue-list div.row > div.Col2 {min-width:125px; max-width:135px; padding:3px 0px; margin-left:4px;} table.back-issue-list td.Col3, div.back-issue-list div.row > div.Col3 {max-width:200px; padding-right:4px; /*text-indent:3px;*/ } /*---Need this for the scroll bar---*/ div.back-issue-list div.row > div.Col3 {margin-left:4px; } div.ftext.no-dot table.back-issue-list td.Col3, div.ftext.no-dot div.back-issue-list div.row > div.Col3 {width:271px; } div.ftext-body.no-dot table.back-issue-list tr td.Col0.out-of-print + td, div.ftext-body.no-dot table.back-issue-list tr td.Col0.out-of-print + td + td, div.ftext-body.no-dot table.back-issue-list tr td.Col0.out-of-print + td + td + td {color:#165377; } div.ftext-body.no-dot table.back-issue-list tr:hover td.Col0.out-of-print + td, div.ftext-body.no-dot table.back-issue-list tr:hover td.Col0.out-of-print + td + td, div.ftext-body.no-dot table.back-issue-list tr:hover td.Col0.out-of-print + td + td + td {color:#da8918; } /*------------------------------------------------------------------------------------------------------------------------------------------------------------- table.back-issue-list td.Col0.out-of-print, div.back-issue-list div.row > div.Col0.out-of-print {background-image:url("https://contactquarterly.com/images/elements/back-issue/2020-09-28-out-of-print.jpg"); background-repeat:no-repeat; background-position:center 6px; } table.back-issue-list td.Col0.out-of-print.pdf, div.back-issue-list div.row > div.Col0.out-of-print.pdf {background-image:url("https://contactquarterly.com/images/elements/back-issue/2020-09-28-downloadable-pdf.jpg");} -------------------------------------------------------------------------------------------------------------------------------------------------------------*/ table.back-issue-list tr {height:24px;} table.back-issue-list tr.pair, div.back-issue-list div.row.pair {background-color:#eeeeef;} table.back-issue-list tr.pair + tr, div.back-issue-list div.pair + div {background-color:#f9fafb;} /*-------------------------------------------------------------------------------- ---BACK ISSUES SETS--- ----------------------------------------------------------------------------------*/ div.back-issue-sets {margin:52px auto 0px 20px; max-width:628px; clear:right; } div.ftext.issue.back div.ftext-body div.back-issue-sets div.ftext-head-sub {text-align:center; border-bottom-width:0px; width:100%; margin-bottom:10px; background-color:transparent; } div.back-issue-sets img {box-shadow:none;} div.back-issue-sets div.ad {display:inline-block; width:272px; margin-right:84px; vertical-align:top; } div.back-issue-sets div.ad.all {margin-right:0px; } div.back-issue-sets div.set {width:272px; height:178px; position:relative; box-shadow:0px 1px 1px 1px #afafb0; } div.back-issue-sets div.set img.small {width:68px; height:89px; } div.back-issue-sets div.set img.large {width:136px; height:178px; } div.back-issue-sets p {margin-top:10px; margin-bottom:10px; line-height:normal;} div.back-issue-sets div.set div{position:absolute;} div.back-issue-sets div.set div._1 {top:0px; left:0px} div.back-issue-sets div.set div._2 {top:0px; left:68px;} div.back-issue-sets div.set div._3 {top:0px; left:136px;} div.back-issue-sets div.set div._4 {top:89px; left:0px;} div.back-issue-sets div.set div._5 {top:89px; left:68px;} div.back-issue-sets div.set.all div._1 {top:0px; left:0px} div.back-issue-sets div.set.all div._2 {top:0px; left:68px;} div.back-issue-sets div.set.all div._3 {top:0px; left:204px;} div.back-issue-sets div.set.all div._4 {top:89px; left:0px;} div.back-issue-sets div.set.all div._5 {top:89px; left:204px;} /*-------------------------------------------------------------------------------------------------------------- ---TABLE OF CONTENTS---- ---------------------------------------------------------------------------------------------------------------*/ div.ftext.issue div.ftext-body.contents {margin-top:33px;} /*div.ftext.issue div.ftext-body.contents div.ftext-head-sub-sub {width:100%; }*/ table[toc~="table_of_contents"] {overflow-x:auto} table[toc~="table_of_contents"] td {padding:1.5px 0px; line-height:21px;} div.user-matter table[toc~="table_of_contents"] td.toc_default a.siteLink, div.user-matter table[toc~="table_of_contents"] td.toc_default a.logged-out, div.user-matter table[toc~="table_of_contents"] td.toc_default a.logged-in {color:black; } div.user-matter table[toc~="table_of_contents"] td.toc_default a.siteLink.hover, div.user-matter table[toc~="table_of_contents"] td.toc_default a.logged-out.hover, div.user-matter table[toc~="table_of_contents"] td.toc_default a.logged-in.hover, div.user-matter table[toc~="table_of_contents"] td.toc_default a.siteLink:hover, div.user-matter table[toc~="table_of_contents"] td.toc_default a.logged-out:hover, div.user-matter table[toc~="table_of_contents"] td.toc_default a.logged-in:hover {color:#da8918; } table[toc~="table_of_contents"] td[toc~="headingOne"], table[toc~="table_of_contents"] td[toc~="headingTwo"]{display:none;} table[toc~="table_of_contents"] tr[toc~="blankRow_afterArticle"]{height:18px; } table[toc~="table_of_contents"] tr[toc~="blankRow_afterLastDepartment"]{height:18px; } table[toc~="table_of_contents"] td[toc~="pageNumber"]{/*font-weight:bold;*/ font-size:12px; padding-right:12px; vertical-align:text-top; } table[toc~="table_of_contents"] td[toc~="articleTitle"]{font-weight:bold; } table[toc~="table_of_contents"] td[toc~="articleSubTitle"], table[toc~="table_of_contents"] td[toc~="department"]{font-style:italic; } [toc~="read-online"] > span.read-online { background-image:url("https://contactquarterly.com/images/elements/back-issue/2020-09-28-read-online-link.jpg"); background-repeat:no-repeat; display:inline-block; height:9px; cursor:pointer; } [toc~="read-online"] > span.read-online {width:12px; min-width:9px; background-position:left 0px; } [toc~="read-online"] > span.read-online:hover {background-position:left -9px; } table[toc~="table_of_contents"] td[toc~="pdf-offer"] > span.pdf-offer { background-image:url("https://contactquarterly.com/images/elements/back-issue/2020-09-28-downloadable-pdf-link.jpg"); background-repeat:no-repeat; height:9px; display:inline-block; cursor:pointer; } table[toc~="table_of_contents"] td[toc~="pdf-offer"] > span.pdf-offer {width:12px; min-width:9px; background-position:left 0px; } table[toc~="table_of_contents"] td[toc~="pdf-offer"] > span.pdf-offer:hover {background-position:left -9px; } table[toc~="table_of_contents"] td[toc~="pdf-offer"], table[toc~="table_of_contents"] td[toc~="read-online"] {text-align:right; vertical-align:top; } table[toc~="table_of_contents"] td[toc~="read-online"][toc~="pdf-offer"] {min-width:24px; } [toc~="pdf"], a.article_pdf { background-image:url("https://contactquarterly.com/images/elements/back-issue/2020-09-28-downloadable-pdf-link.jpg"); background-repeat:no-repeat; } [toc~="pdf"] {width:12px; background-position:left 4px; } div.user-matter a.article_pdf {padding-left:13px; height:8px; display:inline-block; background-position:left 0px; margin-left:13px;} div.user-matter a.article_pdf:hover {background-position:left -8px; } /*----------TOC column widths for table of contents-----*/ div.toc td.tocCol0 {width:12px; } div.toc td.tocCol1 {width:36px; } div.toc td.tocCol2 {width:8px; } div.toc td.tocCol3 {width:24px; } div.toc td.tocCol4 {width:8px; } div.toc td.tocCol5 {width:24px; } div.toc td.tocCol6 {width:8px; } div.toc td.tocCol7 {width:336px; } div.tocCurrent td.tocCol0 {width:12px; } div.tocCurrent td.tocCol1 {width:36px; } div.tocCurrent td.tocCol2 {width:8px; } div.tocCurrent td.tocCol3 {width:24px; } div.tocCurrent td.tocCol4 {width:8px; } div.tocCurrent td.tocCol5 {width:24px; } div.tocCurrent td.tocCol6 {width:8px; } div.tocCurrent td.tocCol7 {width:336px; } /*-------------------------------------------------------------------------------------------------------------- ---CONTRIBUTOR NOTES---- Scheme: Any element with class - 'cnote' with have display none unless the class name cnote is div.ftext.issue ---------------------------------------------------------------------------------------------------------------*/ div.main.back-issue div.ftext.issue *.cnote {display:none;} div.main.back-issue div.ftext.issue.back.list.cnote *.cnote {display:inline-block;} div.main.back-issue div.ftext.issue.back div.contributor-notes {line-height:1.5; display:none;} div.main.back-issue div.ftext.issue.back.list.cnote div.contributor-notes {display:block;} div.main.back-issue div.ftext-body.notes.none {display:none;} /*-------------------------------------------------------------------------------------------------------------- ---MSG BOARD---- ---------------------------------------------------------------------------------------------------------------*/ div#msg_board div#add_pdf div.title {/*white-space:pre-wrap;*/ display:inline-block; } div.current-issue + div#shroud + div#msg_board div#add_pdf div.title p.title, div.back-issue.toc + div#shroud + div#msg_board div#add_pdf div.title p.title {margin-bottom:0px; margin-left:0px; font-size:inherit; } div.current-issue + div#shroud + div#msg_board div#add_pdf div.title p, div.back-issue.toc + div#shroud + div#msg_board div#add_pdf div.title p {margin-top:0px; margin-bottom:0px; font-size:16px; } div.current-issue + div#shroud + div#msg_board div#add_pdf div.title p.sub-title1, div.back-issue.toc + div#shroud + div#msg_board div#add_pdf div.title p.sub-title1, div.current-issue + div#shroud + div#msg_board div#add_pdf div.title p.sub-title2, div.back-issue.toc + div#shroud + div#msg_board div#add_pdf div.title p.sub-title2 {font-style:italic; } div.back-issue.toc + div#shroud + div#msg_board div#add_pdf div.title div.price-listing, div.current-issue + div#shroud + div#msg_board div#add_pdf div.title div.price-listing {font-size:16px; color:#000000; } div.back-issue.toc + div#shroud + div#msg_board div#add_pdf div.title div.price-listing div.price div, div.back-issue.toc + div#shroud + div#msg_board div#add_pdf div.title div.price-listing p.addToCartButton, div.current-issue + div#shroud + div#msg_board div#add_pdf div.title div.price-listing div.price div, div.current-issue + div#shroud + div#msg_board div#add_pdf div.title div.price-listing p.addToCartButton {display: inline-block; float:none;} div.back-issue.toc + div#shroud + div#msg_board div#add_pdf div.title div.price-listing div.price, div.current-issue + div#shroud + div#msg_board div#add_pdf div.title div.price-listing div.price {margin-left:1em; color:#165377; margin-top:8px; } div.back-issue.toc + div#shroud + div#msg_board div#add_pdf div.title div.price-listing div.price div + div, div.current-issue + div#shroud + div#msg_board div#add_pdf div.title div.price-listing div.price div + div {width:auto; } div#add_pdf input[type=button][class=action] {color:#c46702; border-width:0px; background-color: transparent; padding:0px;} div#add_pdf input[type=button][class=action]:hover {color:#da8918;} div.back-issue.toc + div#shroud + div#msg_board div#add_pdf div.title div.price-listing p.addToCartButton a, div.current-issue + div#shroud + div#msg_board div#add_pdf div.title div.price-listing p.addToCartButton a {color:#c46702;} div.back-issue.toc + div#shroud + div#msg_board div#add_pdf div.title div.price-listing p.addToCartButton a:hover, div.current-issue + div#shroud + div#msg_board div#add_pdf div.title div.price-listing p.addToCartButton a:hover {color:#da8918;} div#msg_board div.implementation { background-color: #ffffff; color: #545454; border: 1px solid #545454; border-radius: 8px; } div#msg_board div#add_pdf img.first-page, div.back-issue.toc + div#shroud + div#msg_board div#add_pdf div.first-page, div.current-issue + div#shroud + div#msg_board div#add_pdf div.first-page { float:left; width:100px; margin-right:10px; margin-bottom:10px; text-align: center; } div.back-issue.toc + div#shroud + div#msg_board div#add_pdf div.first-page img, div.current-issue + div#shroud + div#msg_board div#add_pdf div.first-page img { width:100%; display: inline-block; } /*-------------------------------------------------------------------------------------------------------------- ---CURRENT ISSUE PAGE---- ---------------------------------------------------------------------------------------------------------------*/ div.main.current-issue div.toc_contributor_notes p.head {display:none; } div.main.current-issue div.ftext-body.contents p.after-toc-text {font-size:12px; font-weight:bold; margin-left:13px; } div.main.current-issue div.ftext-body.issue-matter div.price div + div {margin-left:8px; max-width:255px; /*font-size:13px;*/} body.mobile div.main.current-issue div.ftext-body.contents {clear:right; width:480px;} body.mobile div.main.current-issue div.ftext-body.contents table {width:100%; } body.mobile div.main.current-issue div.ftext-body.contents table {width:100%; } body.mobile div.main.current-issue div.ftext-body.contents + div.ftext-body{width:auto; } @media only screen and (max-width: 600px){ div.ftext.issue.back.list { margin-right: 0px; } div.ftext.issue div.ftext-body.contents { margin-right: 10px; } div.user-matter table[toc~="table_of_contents"] { max-width:100%; ; } div.user-matter table[toc~="table_of_contents"] thead {display:none; } div.user-matter table[toc~="table_of_contents"], div.user-matter table[toc~="table_of_contents"] tbody, div.user-matter table[toc~="table_of_contents"] tr {display:block; } div.user-matter table[toc~="table_of_contents"] td {display:inline-block; text-overflow: ellipsis; word-wrap: break-word;} }