﻿body         { background: #300000; font-family: Verdana, Arial; font-size: 9pt; color: #402010; }
.JSAdColumn  { width: 182px; vertical-align: top; margin: 0px 0px 0px 0px; border: 1px solid #ffd800; background-color: #300000; }
.JSAdColumnBottomMargin { margin-bottom: 5px; }
.JSAdColumnInner { background-color: #ffebb2; margin: 2px 2px 2px 2px; }
.JSBannerTable { border: 0; width: 100%; margin: 0; padding: 0; }
.JSBiotext   { font-family: Verdana; color: #402010; font-size: 9pt; background-color: #F7E3AA; }
.JSBody      { font-family: Verdana; color: #402010; font-size: 9pt; background-color: #FFEBB2; text-align:left; }
.JSBodyAndRightAdColumn { width: 945px; vertical-align: top; margin: 6px 0px 0px 0px; }
.JSBodyInternal tr { font-family: Verdana; color: #402010; font-size: 9pt; background-color: #FFEBB2; text-align:left; }
.JSBodyTable { border: 2px #FFDE00 solid; background-color: #300000; }
.JSBodyWidth { width: 987; }
.JSContentsLine { height: 24px; font-size: 11pt; }
.JSContentsHeader { height: 40px; font-size: 11pt; font-family: Verdana; color: #402010; background-color: #F7E3AA; }
.JSCredits   { font-family: Verdana; font-size: 10pt; color: #780000; background-color: #F7E3AA; }
.JSFooter    { font-family: Verdana; font-size: 10pt; color: #FFDE00; font-weight: bold; text-align:center; }
.JSFooter a  { color: #FFDE00; }
.JSFooterTable { width: 100%; margin: 15px 0px 10px 0px; }
.JSGoldBorder{ border: thin #FFDE00 solid; }
.JSGoogleAdColumn { width: 182px; vertical-align: top; margin: 11px 6px 0px 0px; border: 1px solid #ffd800; background-color: #300000; }
.JSGoogleAdsBannerClass { border: 2px solid #ffd800; background-color: #FFEBB2; display: block; }
.JSGoogleAdsColumnClass { display: block; }
.JSGoogleAdTop { width: 987px; vertical-align: top; margin: 0px 0px 6px 0px; border: 2px solid #ffd800; background-color: #FFEBB2; }
.JSHeader    { font-family: Verdana; font-size: 10pt; color: #FFDE00; font-weight:bold; text-align:center; background-image:url('https://www.jazzstandards.com/images/blackandredbar.png'); }
.JSHistoryTitle { text-align: center; font-size: 13.5pt; font-weight: bold; margin: 0; }
.JSHistoryTItleSecondLine { text-align: center; margin: 10px 0 0 0; }
.JSHorizRule { color: #780000; }
.JSInnerBodyMargin { margin: 9px 0px 0px 0px; }
.JSInnerBodyWidth { width: 750px; }
.JSiTunesPanelColumn { width: 125px; text-align: center; }
.JSiTunesPanelColumnImage { width: 100px; height: 100px; }
.JSiTunesPanelHeader { font-size: 11px; font-weight: bold; margin: 10px 0px 10px 0px; text-align:center; }
.JSiTunesPanelRow { vertical-align: top; font-size: 10px; font-weight: bold; }
.JSMainDiv   { float: left; padding: 0px 0px 0px 0px; }
.JSMenuTd    { height: 30px; }
.JSOuterDiv  { width: 1185px; margin:0; text-align: left; }
.JSQuote     { font-family: Verdana; font-size: 10pt; color: #780000; background-color: #FFEBB2; text-align:left ;}
.JSRecommendationCredit { font-family: Verdana; color: #402010; font-size: 8pt; font-style: italic; background-color: #FcdcAc; text-align: left; }
.JSRecommendationInset  { font-family: Verdana; color: #402010; font-size: 9pt; background-color: #FFEBB2; text-align: left; border-style: inset; border-width: thin; border-right-color: #fccc9c; border-bottom-color:#fccc9c; }
.JSRecommendationOutset { font-family: Verdana; color: #402010; font-size: 9pt; background-color: #FcdcAc; text-align: left; border-style: outset; border-width: thin; border-left-color: #fccc9c; border-top-color: #fccc9c; }
.JSRightColumn { width: 182px; vertical-align: top; margin: 5px 0px 0px 0px; border: 1px solid #ffd800; background-color: #300000; }
.JSSidebar   { font-family: Verdana; color: #402010; font-size: 9pt; background-color: #E6BE49; }
.JSSpacer    { font-family: Verdana; font-size: 10pt; color: #780000; background-color: #F7E3AA; }
.JSTableHdr  { font-family: Verdana; color: #402010; font-size: 9pt; background-color: #E6BE49; }
.JSTitle     { font-family: Verdana; font-size: 10pt; color: #780000; background-color: #FFEBB2; text-align:center; }
.JSTitleBlock{ margin: 2px 0px 4px 0px; border: 1px solid #ffd800; height: 20px; }
.JSTitleBorder { border: 2px solid #ffd800; }
.JSVideoContainerClass { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
.JSVideoClass { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#JSVideo { -moz-transition: height 0.5s; -ms-transition: height 0.5s; -o-transition: height 0.5s; -webkit-transition: height 0.5s; transition: height 0.5s; overflow: hidden; display: none; }
table.JSDoubleBorder{ border-style: solid; border-width: 1px; border-color: #D0C5A9 #808080 #808080 #D0C5A9; border-collapse: collapse; }
tr.JSDoubleBorder {font-family: Verdana; color: #402010; font-size: 9pt; background-color: #E6BE49; border-style: solid; border-width: 1px; border-color: #808080 #D0C5A9 #D0C5A9 #808080; border-collapse: collapse; }

img	           { border-color: #300000; }

a:link         { text-decoration: underline; color: #780000; }
a:visited      { text-decoration: underline; color: #780000; }
a:hover        { text-decoration: underline; color: red; }
a:active       { text-decoration: underline; color: #780000; }
a.menu:link    { text-decoration: none; color: #FFDE00; }
a.menu:visited { text-decoration: none; color: #FFDE00; }
a.menu:hover   { text-decoration: none; color: red; }
a.menu:active  { text-decoration: none; color: #FFDE00; }

/* The following must appear after the anchor tag definitions */
/* JSPanelHeader heights are adujusted so panel is same height as video panel */
.JSPanelHeaderLinkGray { height: 20.5px; position: relative; padding: 5px; border-bottom: 1px solid silver; color: Gray; font-size: 10pt; }
.JSPanelHeaderLinkActive { height: 21.5px; position: relative; padding: 5px; border-bottom: 1px solid silver; font-size: 10pt;
                           background-image: url('https://www.jazzstandards.com/images/red-link-arrow.png'); background-position: right; background-repeat: no-repeat;}
.JSPanelHeaderBottom { border-bottom: none; }
.JSPanelHeaderLinkActive a { display: block; width: 100%; height: 100%; text-decoration: none; color: #780000; }
.JSPanelHeaderLinkGray a { display: block; width: 100%; height: 100%; text-decoration: none; color: Gray; outline: 0; }


