:root {
    --altlinkcolor: #fda;
    --altlinkhovercolor: rgb(244, 170, 255);
    --amazon-link-bgcolor:   rgba(86, 42, 88, 0.7);
    --audio-section-title-background: rgba(82, 73, 150, 0.5); 
    --bg-fill-color:rgba(42, 65, 90, 0.6);
    --bio-bgcolor: #2a2a2a; 
    --blogbgcolor: rgba(24, 96, 144, 0.6);
    --blog-titlebar-bgcolor: rgba(24, 96, 140, 0.408);
    --blog-title-gradient: linear-gradient(20deg, #131c25 0%, #204f70 40%, #15212d 90%);
    --bright-border-color: rgb(159, 196, 255);
    --button-spacing: 4px;
    --bylinebright: rgb(98, 188, 249);
    --byline-color: #fda;
    --catalog-title-bgcolor:  rgba(86, 42, 88, 0.7);
    --currentlinkcolor: #fda;
    --darkbgcolor: rgba(20, 20, 20, 0.7);
    --darkgraycolor: rgba(52, 52, 52, 0.9);
    --fadedbgcolor: rgba(105, 95, 105, 0.5);
    --fadedgraycolor: rgba(126, 150, 126, 0.5); 
    --fadedtitlecolor: rgba(82, 39, 61, 0.7);
    --fadedsubtitlecolor: rgba(30, 25, 78, 0.7);
    --font-size-normal: 18px;
    --font-size-reduced: 16px;
    --font-size-mobile: 36px;
    --guide-title-bgcolor: #000;
    --highlightcolor: rgb(244, 170, 255);
    --highlight-paragraph-gradient: linear-gradient(20deg, rgba(19, 47, 65, 0.7) 0%, rgb(6, 73, 115, 0.7) 40%, rgb(0, 38, 67, 0.7) 90%);
    --hover-border-color: rgb(98, 188, 249);
    --hover-border-hover-color: rgb(244, 170, 255);
    --light-blue-color: #65bbf4;
    --main-nav-backcolor: rgba(0, 86, 136, 0.421);
    --music-nav-backcolor: rgba(0, 99, 132, 0.679);
    --navbar-backcolor: rgba(30, 25, 78, 0.5);
    --panel-bgcolor:  rgba(0, 71, 120, 0.8);
    --panel-bg-gradient: linear-gradient(20deg, #131c22 0%, #204257 40%, #21152a 90%);
    --product-backcolor: transparent;
    --product-caption-bg-color:rgba(0, 99, 132, 0.679);
    --series-title-bgcolor:  rgba(86, 42, 88, 0.7);
    --service-title-color: rgb(171, 216, 255);
    --service-desc-gradient: linear-gradient(15deg, #1e2d37 0%, #1e2d37 50%, #233a49 90%);
    --song-row-border-color:rgba(108, 128, 141, 0.6);
    --song-title-backcolor: rgba(66, 64, 64, 0.9);
    --song-title-color: #ffffff;
    --song-title-gradient: linear-gradient(20deg, #131c22 0%, #204257 40%, #15222a 90%);
    --song-category-gradient: linear-gradient(20deg, #131c22 0%, #204257 40%, #21152a 90%);
    --song-category-font-size: 30px;
    --song-category-font-size-mobile: 40px;
    --spacing: 3px;
    --thinbordercolor: #aadeff;
    --welcome-msg-bg-color:rgba(0, 99, 132, 0.679);
    --welcome-msg-bg-gradient: linear-gradient(20deg, #131c22 0%, #204257 40%, #21152a 90%);
}
html {
    font-size: var(--font-size-normal);
}
body {
    background: url("../images/bg-studio.jpg") no-repeat fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;   
    font-family: "roboto";
    font-style: normal;
    font-size: 1rem;
    font-weight: 300;
    color: #efefef;
    background-color: #000000;
    text-align: center;
    margin:0px;
    padding:0px;
}
#sigimage {
    width:200px;
    margin-top:-2px;
}
#sigimage:hover {
    cursor: pointer;
}
.imageleft {
    float:left;
    margin-right:14px;
    width:150px;
    border-radius: 15px;
    border-style: none;
    border-collapse: collapse;
    border-color: var(--shadowpanel-border-color);
    border-width: 1px;
    box-shadow: 2px 3px 5px #333333;
}
#main-content {
    text-align: center;
    width:60%;
    font-size:calc(14px + 0.4vw);
    padding:10px;
}
#topnavbar {
    height:fit-content;
    vertical-align: middle;
}
.nav-menu-set {
    margin-top: 6px;
}
.studio-nav {
    font-size: var(--font-size-reduced);
    margin-top:6px;
    background-color: var(--main-nav-backcolor);
    padding:14px;
    text-align: left;
    vertical-align: middle;
    margin-left:auto;
    margin-right:auto;
    min-width:450px;    
}
.main-nav {
    margin-top:6px;
    background-color: var(--main-nav-backcolor);
    padding: 0px;
    text-align: left;
    vertical-align: middle;
    margin-left:0px;
    min-width:450px;
}
.top-menu-seperator {
    vertical-align: middle;
    color: var(--light-blue-color);
    margin-top:7px;
}
.top-nav-logo {
    margin-left: 20px;
    cursor: pointer;
}

.topnavitem {
    padding:8px;
    text-align: center;
}

.nav-separator {
    background-color: transparent;
    padding: 5px;
    margin-top:2px;
}
.signature-studio {
    width:fit-content;
    height: fit-content;
    margin-top:10px;
    border-style:solid;
    border-width: thin;
    border-radius: 6px;
    border-color:#e8bafe;
    padding:8px;
    /* padding-right:8px; */
    font-size: 14pt;
    word-wrap: none;
    color:#ffffff;
    text-align: center;
    vertical-align: middle;
    /* font-family: pristina; */
}
.signature-studio:hover {
    color:#fda;
    cursor:pointer;
}

.link-span {
    color:var(--hyperlink-forecolor);
    text-decoration:none;
    font-weight: 300;
}
.link-span:hover {
    color: #fda;
    text-decoration:underline;
    cursor: pointer;
}

.alt-link-span {
    color:var(--altlinkcolor);
    text-decoration:none;
    font-weight: 300;
}
.alt-link-span:hover {
    color: #99b8ff;
    text-decoration:underline;
    cursor: pointer;
}

.navlink {
    color:var(--hyperlink-forecolor);
    text-decoration:none;
    font-weight: 300;
    background-color: transparent;
    padding: 2px;
    vertical-align: top;
}
    .navlink:hover {
    color: #fda;
    text-decoration:underline;
    cursor: pointer;
    }

    .navlink-selected {
    color: #fda;
    background-color: transparent;
    padding: 2px;
    vertical-align: top;
} 

.disclaimer {
    font-size: 10pt;
}
.pushdown8 {
    margin-top:8px;
}
.pushdown12 {
    margin-top:12px;
}
.pushdown16 {
    margin-top:16px;
}
.pushdown20 {
    margin-top:20px;
}
.pushdown24 {
    margin-top:24px;
}
.separator {
    width:10px;
}

.product-caption {
    color: #fda;
    background-color: transparent;
    text-align: center;

}

.section-title {
    color: #fff;
    background-color: var(--welcome-msg-bg-color);
    text-align: center;

}
.section-image-container {
    margin-top:12px;
    text-align: center;
    padding:0px;
}
.section-image {
    width:100%;
    padding:0px;
}
.section-image:hover {
    cursor: pointer;
}

#studio-title {
    text-align:center;
    border-radius: 10px;
}
.guide-title {
    padding: 8px;
    color: #fff;
    background-color: var(--guide-title-bgcolor);
    text-align: center;    
}
.contactlink {
    color:#99CCF8;
    cursor:pointer
}

.service-image {
    width:300px;
    margin-left:8px;
    margin-top: -12px;
}
.desc-container {
    padding:10px;
}
.desc-title {
    color:var(--service-title-color);
    background-color: var(--bg-fill-color);
    width: 90%;
}
.service-desc {
    text-align: left;
    width: 90%;
}
.bg-fill {
    background-color: var(--bg-fill-color);
}
.bg-black {
    background-color: black;
}
.product {
    text-align:center;
    width:50%;
    background-color: var(--product-backcolor);
}
.product-trans {
    text-align:center;
    background-color: transparent;
}
.product-group {
    margin-top: 12px;
    cursor:pointer;
}
.amazon-link {
    margin-left: 2px;
    padding: 8px;
    color: #fda;
    /* background-color: var(--amazon-link-bgcolor); */
    background-color: transparent;
    text-align: center;
}
.hidden {
    display:none;
}
.flex-container {
    display: flex;
    flex-direction: row;
    justify-content:center;
}
.flex-container-left {
    display: flex;
    flex-direction: row;
    justify-content:left;
}
.flex-space-between {
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    text-align: left;

}
.flex-space-around {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    text-align: left;
}
.flex-space-evenly {
    display: flex;
    flex-direction: row;
    justify-content:space-evenly;
    text-align: left;
}

.flex2 {
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    text-align: left;

}

.fadedbg {
    background-color:var(--fadedbgcolor);
}

.recommended-notice {
    padding: 8px;
    color: #fda;
    background-color: transparent;
    text-align: center;
}
.series-title {
    margin-top:12px;
    padding: 8px;
    color: #fff;
    background-color: var(--catalog-title-bgcolor);
    text-align: center;    
}
.recommends {
    margin-top:16px;
    padding: 8px;
    color: #fff;
    background-color: transparent;
    text-align: center;    
}


.highlight {
    color: var(--highlightcolor);
}
.emphasis {
    color:#fff;
    background-color: #ff0000;
    padding-left:4px;
    padding-right:4px;
    border-radius: 4px;
    font-weight: bold;
}

.margin-up {
    margin-top: -55px;
}
.new-bullet {
    background-color: #ff0000;
    color:#ffffff;
    border-style: solid;
    border-color:#ff0000;
    border-width: 1px;
    border-collapse: collapse;
    border-radius: 4px;
    padding:4px;
}

.video-series-container {
    text-align: center;
}
.video-series-image {
    vertical-align: top;
    width:50%;
    max-width: 100%;
}
.hover-border {
    border-style: solid;
    border-width:thin;
    border-color: var(--hover-border-color);
}    
    .hover-border:hover {
        border-color: var(--hover-border-hover-color);
    }

    #video-image {
    width:50%;
    max-width: 100%;
    margin-top:8px;
    cursor: pointer;
}

.video-series-intro {
    margin-top:10px;
    text-align: left;
    background-color: var(--main-nav-backcolor);
}

.video-series-desc {
    text-align: left;
    vertical-align: middle;
    padding:10px;
    width:50%;
}
#seriesDescImage {
    padding: 12px;
    max-width: 90%;
    vertical-align: top;
}

.video-embed-title {
    padding: 8px;
    color: #fff;
    background-color: var(--fadedtitlecolor);
    text-align: center;    
}
.video-embed {
    margin-left: 2px;
    padding: 0px;
    background-color: transparent;
}

.audio-section-title {
    padding: 6px;
    color: #fff;
    background-color: var(--audio-section-title-background);
    text-align: center;    

}

.audio-player {
    color: red;
}

.player-table-element
{
    /* display: table; */
    text-align:center;
    background-color:red;
    text-align:center
}

.player-table-row-element
{
    text-align:center;
    background-color:blue;
}

.player-title {
    margin-left: -6px;
    padding: 8px;
    color: #fff;
}
.player-subtitle {
    margin-top:5px;
    padding: 8px;
    color: #ababab;
}

.player-section {
    display: flex;
    flex-direction: row;
    justify-content:center;
    margin-top: var(--spacing);
    vertical-align:top;
    padding:0px;
}

.song-title {
    color: var(--song-title-color);
    font-size: 14pt;
}

.byline 
{
    color: var(--byline-color);
    font-size:12pt;
}

.song-title-cell {
    padding-top:3px;
    padding-left:12px;
    padding-right:12px;
    padding-bottom:12px;
    text-align: left;
    border-radius: 8px;
    background: var(--song-title-gradient);
    opacity: 0.95;
    width:85%;
}
.player-button-cell {
    margin-left: var(--button-spacing);
    border-radius: 8px;
    background: var(--song-title-gradient);
    opacity: 0.95;
    width:15%;
}

.player-button {
    margin-top:8%;
    min-width:36px;
}

.play-button {
    background-color: var(--song-title-backcolor);
    padding:4px;
    margin-left:3px;
    border-radius: 8px;
}

.song_title_span {
    position:relative;
    color: #fda; 
    padding:2px;
    padding-left: 5px;
    text-align: left;
    vertical-align: middle;
    border-style:none;
}

.cover_byline_span 
{
    color: #eff;
    padding:2px; 
    padding-left: 5px;
}




.w100 {
    width:100%;
}
.w95 {
    width:95%;
}
.w5 {
    width:5%;
}
.w350 {
    width:350px;
}
.w27 {
    width:27px;
}

.left-align {
    text-align: left;
}
.music-section {
    width:40%;
}
#music-menu {
    margin-top: 8px;
}
.sub-nav {
    background-color: var(--main-nav-backcolor);
    margin-top:8px;
    padding: 0px;
    min-width:450px;
    vertical-align:middle;    
}
.music-nav {
    position: relative;
    background-color: var(--music-nav-backcolor);
    vertical-align:middle;
}
.music-menu-navlink {
    cursor: pointer;
}

.music-menu-seperator {
    padding:8px;
    text-align: center;
    white-space: nowrap;
    vertical-align: top;    
    margin-top:10px;
}
.catalog-section {
    text-align:center;
    min-width: 300px;
    margin-top:-5px;
}
.song-category {
    margin-top:16px;
    padding: 24px;
    font-family:'pristina','roboto';
    font-size: var(--song-category-font-size);
    color: #fff;
    background: var(--song-category-gradient);
    text-align: center;    
}

.bright-blue {
    color: rgb(153, 182, 255); 
}
.blue {
    color: rgb(130, 138, 255); 
    cursor: pointer;
}
.white {
    color: #fff;
}
.close-link {
    text-align:center;
    color: #fda;
    cursor: pointer;
    margin-top:10px;
}
    .close-link:hover {
        color: rgb(217, 155, 255); 
    }

.song_title_cell 
{
    position: relative;
    width:350px;
    display:table-cell; 
    color: #fff; 
    padding: 1px;
    text-align: left;
    vertical-align: middle;
    border-radius: 5px;
    background-color:var(--fadedbgcolor);
}

.song_player_button_cell {
    position:relative;
    padding:1px;
    width:25px;
    display: table-cell; 
    text-align: left;
    vertical-align:middle;
    border-radius: 5px;
    background-color:var(--fadedbgcolor);
}

.topmargin12 {
    margin-top:12px;
}
.topmargin8 {
    margin-top:8px;
}
.topmargin6 {
    margin-top:6px;
}
.topmargin4 {
    margin-top:4px;
}
.topmargin2 {
    margin-top:2px;
}

.width1 {
    width:15%;
}
.fullwidth {
    width:100%;
}
.filmstrip-width {
    width: 130px;
}
.bordered {
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
    border-radius: 8px;
}
.thinborder {
    border-style: solid;
    border-color: var(--thinbordercolor);
    border-collapse: collapse;
    border-width: 1px;
}

.rad {
    border-radius:8px;
}


.hover-button {
    width:27px;
}

.tooltip {
    position: absolute;
    position: fixed;
    top:75px;
    left: 65%;
    text-align: left;
    transform: translate(-75%, -75%);
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    border-radius: 6px;
    background-color: #000;
    color: #fda; 
    opacity: 85%; 
}


.centered {
    margin-left:auto;
    margin-right:auto;
}
.center {
    text-align: center;
}
.rightalign {
    text-align:right;
}
.leftalign {
    text-align:left;
}

.padded_div 
{
    padding-top:4px;
    padding-bottom:1px;
}
.pad6 {
    padding:6px;
}
.pad8 {
    padding:8px;
}
.pad12 {
    padding:12px;
}
.pad16 {
    padding:16px;
}
.topalign {
    vertical-align: top;
}

.bold {
    font-weight: bold;
}
.panel {
    background-color: var(--panel-bgcolor);
    white-space: nowrap;
    width: fit-content;
}
#div_top_pane 
{
    position:absolute;
    margin-left:auto;
    margin-right:auto;
    text-align:center;     
    top:1px;
    padding:1px; 
}
.special-heading {
    color: var(--highlightcolor);
}
.special {
    background-color: var(--blogbgcolor);
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    border-collapse: collapse;
    border-color: cornflowerblue;
    padding: 8px;
    width: 610px;
}
.special-highlight {
    color: #ababab;
}

#photo_caption 
{
    top:220px;
    position:absolute; 
    color: #ffffff; 
    padding: 4px;
    text-align: center;
    vertical-align:top;
    font-weight:normal; 
    height: 60px; 
    background-image:url("images/article_gradient_mono_dark.png");
    width:248px;

}


#div_song_play
{
    position:absolute; 
    top:190px;
    left: 760px;
    text-align: left;
}

#div_new_bullet
{
    position:absolute; 
    top:195px;
    left: 965px;
    text-align: left;
}

#div_title_cell
{
    position:absolute; 
    top:160px;
    left: 760px;
    text-align: left;
    font-weight:bold;  
    vertical-align:top;
    padding:5px;    
    color:#fff;
}

.songplay_table 
{
        width:268px;
}

.songplay_table_title_span 
{
    color: #fff; 
    font-weight: bold;
}
/* .div_media_player {

} */


.player_banner 
{
    color:#ffffff;
    padding: 4px;
    width: 260px; 
    text-align: left;
    vertical-align:top;    
    font-weight:bold;
}
.inline-link {
    color: var(--altlinkcolor);
    cursor: pointer;
}
.inline-link:hover {
    color: var(--altlinkhovercolor);
    cursor: pointer;
}
.light-orange-span {
    color: #fda;
}
.light-blue-span 
{
    color: #99CCF8; 
    font-weight: normal;
}
.light-blue-span_bold 
{
    color: #99CCF8; 
    font-weight: bold;
}
.black_span 
{
    position:absolute;
    left:320px;
    top:20px;
    width:150px;  
    color:#000;
}
#buycd 
{
    padding: 5px;
    color: orange;
    text-align:center;
    vertical-align:middle; 
    font-weight:normal; 
}

.yellow_cell 
{
    color: yellow;
}

.orange_span 
{
    color: orange;
}

.silver_span 
{
    color: silver;
}



.upload_table 
{
    position:absolute; 
    top: 200px;
    left:200px;
    width: 400px; 
}

.error_table 
{
    position:absolute; 
    top: 460px;
    left:200px;
    width: 400px; 
}

.error_cell {
    color:#ffffff; 
    padding-left:10px; 
    text-align: left;
    vertical-align:middle;    
}

.upload_titlecell {
    color:#aaaaaa;
    padding: 4px;
    width: 265px; 
    text-align: center;
    vertical-align:top;    
    font-weight:bold; 
    border-color:#555;
    border-style:solid;
    border-collapse: collapse;
    border-width: 1px; 
    background-image:url("images/article_gradient_mono.png");
}

.file_list_cell {
    padding-left:10px; 
    color: yellow; 
    text-align: left;
    vertical-align:middle;    
}

.file_list_title {
    padding-left:10px;
    text-align: left;
    vertical-align:middle;    
    font-weight:bold; 
}

.div_bold 
{
    padding: 4px;
    text-align: left;
    vertical-align:middle;
    font-weight:bold; 
}
.div_normal 
{
    padding: 4px;
    text-align: left;
    vertical-align:middle;
    font-weight:normal; 
    color:Aqua; 
}
.div_bold_black_bg
{
    padding: 4px;
    text-align: left;
    vertical-align:middle;
    font-weight:bold; 
    background-color: #000000;
}

.div_link_highlight 
{
    color: #ffffcc; 
    padding: 2px;
    text-align: left;
    vertical-align:middle;
    font-weight:normal; 
}

.span_italic_link
{
    font-weight:normal; 
    font-style:italic;
}
.normal-paragraph {
    margin-top:8px;
    text-align: left;
    background-color: var(--main-nav-backcolor);
}
.highlight-paragraph {
    margin-top:8px;
    background: var(--highlight-paragraph-gradient);
}

.bio {
    margin-top:10px;
    text-align: left;
    background-color: var(--main-nav-backcolor);
    color: #bdbdbd;
}
.blog {
    color: #ababab;
    text-align: left;
    margin-top:-2px;
    width:65%;
}

.blog-title-image {
    text-align:center;
}
.blog-article-titlebar {
    background-color: var(--blog-titlebar-bgcolor);
}
.blog_article_content {
    padding:8px;
    margin-top:12px;
    color: #dedede;
    text-align: left;
    background-color: var(--blogbgcolor);
}
.blog-title {
    margin-top:8px;
    color:#fff;
    padding:8px;
    background: var(--blog-title-gradient);
}

.blog_article_title {
    padding:8px;
    margin-top:8px;
    color: #ffffff;
    text-align: left;
    background-color: var(--blogbgcolor);
    cursor: pointer;
}
.player_banner 
{
    color:#ffffb9;
    padding: 4px;
    width: 265px; 
    text-align: left;
    vertical-align:top;    
    font-weight:bold; 
}


.container_frame {
    color:#eaeaea; 
    border-style:none;
    padding: 4px;
    background-color:Transparent;
    width: 300px; 
    text-align: left;
    vertical-align:top;  
}
.container_cell {
    color:#eaeaea; 
    border-style:none;
    padding: 4px;
    background-color:Transparent;
    width: 300px; 
    text-align: left;
    vertical-align:top;  
}
.center_cell {
    color:#eaeaea; 
    border-color: #555;
    border-width: 1px;
    border-style: solid;
    padding: 4px;
    background-color:#372440;
    text-align: center;
    vertical-align:top;    
}
.article_cell {
    padding: 4px;
    text-align: left;
    vertical-align:top;    
    background-image:url("images/article_gradient_mono_dark.png");
}
.article_cell_small {
    padding: 4px;
    text-align: left;
    vertical-align:top;    
    background-image:url("images/article_gradient_mono_dark.png");
}


.div_quotes 
{
    text-align: left;
    padding:5px;
    margin-top: 5px;
    vertical-align:top;    
    color:#fda;
}


.quote_byline_span 
{
    color: #99CCF8; 
    font-weight: normal;
}

.article_titlecell_bold {
    color:#ffffff;
    padding: 4px;
    width: 265px; 
    text-align: center;
    vertical-align:top;    
    font-weight:bold; 
    border-style:solid;
    border-color:#555;
    border-collapse: collapse;
    border-width: 1px; 
    background-image:url("images/article_gradient_mono_dark.png");
}

.article_cell_bordered  
{
    text-align: center;
    vertical-align:top;    
    background-image:url("images/article_gradient_mono_dark.png");
    border-style: solid;
    border-color: #555;
    border-collapse: collapse;
    border-width: 1px;
    padding:5px;
    width:300px;
}

.article_cell_center {
    color:#cccccc; 
    padding: 4px;
    text-align: center;
    vertical-align:top;    
    background-image:url("images/article_gradient_mono_dark.png");
}

.article_cell2 {
    color:#cccccc; 
    border-color: #999999;
    border-width: 1px;
    border-style: solid;
    padding: 0px;
    background-color:black;
    text-align: center;
}

.caption_cell_center {
    color:#cccccc; 
    padding: 4px;
    text-align: center;
    vertical-align:top;    
    font-weight:bold;  
    background-image:url("images/article_gradient_mono_dark.png");
}

.article_cell3 {
    border-style: none;
    padding: 0px;
    text-align: center;
}
.div_pad5 {
    padding-top: 3px;
    padding-left: 8px;
    text-align: left;
    font-weight:bold;
    color:#ffffb9;
}

.div_white_bg {
    padding-top: 3px;
    padding-left: 8px;
    margin-top:2px;
    margin-left:8px;
    width:100px; 
    text-align: left;
    font-weight:bold;
    background-color:#ffffff;
}
.byline_cell {
    color:#eaeaea; 
    border-color: #d9d9ff;
    border-width: 1px;
    border-style: solid;
    padding: 4px;
    background-color:#372440;
    width: 400px; 
    text-align: left;
    vertical-align:top;    
}
.byline_cell_center {
    color:#eaeaea; 
    border-color: #d9d9ff;
    border-width: 1px;
    border-style: solid;
    padding: 4px;
    background-color:#372440;
    width: 400px; 
    text-align: center;
    vertical-align:top;    
}
.table-element
{
    display:table;
}

.table-row-element
{
    display:table-row; 
}

.table-cell-element
{
    display:table-cell; 
}
.widthreport {
    color:white;
    font-size: 9pt;
    width:90%;
    text-align:left;
    z-index: 0;
}


a:link {
    color: var(--currentlinkcolor);
}
a:hover {
    color: var(--highlightcolor);
}
a:active {
    color: var(--currentlinkcolor);
}
a:visited  
{
    color: var(--currentlinkcolor);;
}


@media (max-width:1000px) {
    #main-content {
        text-align: center;
        width:95%;
        min-width: 95%;
        /* font-size: calc(30px + 0.6vw); */
    }
    .studio-nav {
        font-size: var(--font-size-mobile);
    }
    .signature-studio {
        font-size:20pt;
    }
    .normal-paragraph {
        font-size: var(--font-size-mobile);
    }
    .nav-menu-set {
        margin-top: 6px;
    }
    #sigimage {
        width:320px;
        margin-top:-2px;
    }    
    .service-image {
        width:200px;
    }
    .music-section {
        max-width:100%;
    }
    .player-section {
        width:100%;
    }
    .player-button {
        padding:24px;
        height:65%;
        vertical-align: middle;
    }

    .song-title-cell {
        padding:24px;
    }
    
    .amazon-link {
        width:100%;
    }    
    .main-nav {
        width: 100%;
        white-space: nowrap;
        vertical-align: top;
        text-align: center;
    }
    .sub-nav {
        font-size: var(--font-size-mobile);
        padding:16px;
    }
    .music-nav {
        padding:16px;
    }
    .music-menu-navlink {
        font-size: var(--font-size-mobile);
    }
    .song-category {
        font-size: var(--song-category-font-size-mobile);
    }
    .navlink {
        vertical-align: top;
        margin-top: -10px;
    }
    .nav-separator {
        margin-top:8px;
    }
    .topnavitem {
        vertical-align: top;
        padding:6px;
    }

    body {
        background-image:none;
        background-attachment:unset;
        background-color:#000000;
        text-align: left;
        font-size: var(--font-size-mobile);
    }
    .song-title {
        color: var(--song-title-color);
        font-size: var(--font-size-mobile);
        font-weight:bold;
    }

   .byline 
    {
        color: var(--byline-color);
        font-size: var(--font-size-mobile);
    }
    #video-image {
        width:90%;
    }
    .product {
        width:90%;
    }
    
}