@charset "utf-8";

body {
    /*font-family: Verdana,Arial,Helvetica;*/
    background-color:#ffffff;
    color:#000000;
    word-wrap: normal;
    /*    margin: 0;
        padding:0;
        color:#000000;
        text-align:center;
        font-size:100%;*/

}

#wrapper {
    background-color: #ffffff;
    /*border-right: 15px solid #e3e3e3;*/
    /*border-left: 15px solid #e3e3e3;*/
}

pre {
    background-color: #ededed; !important;
}

/* Bootstrap fix for tables in firefox */
@-moz-document url-prefix() {
    fieldset { display: table-cell; }
}

A:link {color: #002656}
A:visited { color: #0066CC}
A:active {text-decoration: none; color: #000000}
A:hover {text-decoration: none; color: #eb957e}

.Highlight A:link {text-decoration: none;  font-weight:bold; color: #002656}
.Highlight A:visited {text-decoration: none; font-weight:bold;  color: #0066CC}
.Highlight A:active {text-decoration: none;  font-weight:bold; color: #000000}
.Highlight A:hover { text-decoration: underline;  font-weight:bold; color: #eb957e;}

.HighlightWhite A:link {text-decoration: none;  font-weight:bold; color: #ffffff}
.HighlightWhite A:visited {text-decoration: none; font-weight:bold;  color: #A9ABABFF}
.HighlightWhite A:active {text-decoration: none;  font-weight:bold; color: #eb957e}
.HighlightWhite A:hover { text-decoration: underline;  font-weight:bold; color: #d7dada;}

.NoHighlight a:link {color:#000000;}      /* unvisited link */
.NoHighlight a:visited {color:#9bc4da;}  /* visited link */
.NoHighlight a:hover {color:#000000; }  /* mouse over link */
.NoHighlight a:active {color:#000000; }  /* selected link */

.Reverse A:link {text-decoration: none; font-weight:bold; color: #9bc4da}
.Reverse A:visited {text-decoration: none; font-weight:bold; color: #0066CC}
.Reverse A:active {text-decoration: none; font-weight:bold; color: #9bc4da}
.Reverse A:hover {color: #eb957e; text-decoration: underline; font-weight:bold; }

.Ticket A:link {text-decoration: none; font-weight:bold; color: #c91616}
.Ticket A:visited {text-decoration: none; font-weight:bold; color: #c91616}
.Ticket A:active {text-decoration: none; font-weight:bold; color: #eb957e}
.Ticket A:hover {color: #eb957e; text-decoration: underline; font-weight:bold; }

.ticket A:link {text-decoration: none;  color: #c91616}
.ticket A:visited {text-decoration: none;  color: #c91616}
.ticket A:active {text-decoration: none;  color: #eb957e}
.ticket A:hover {color: #eb957e; text-decoration: underline; }


.anime A:link {color: #ff9204}
.anime A:visited { color: #ffb753}
.anime A:active {text-decoration: none; color: #424242}
.anime A:hover {text-decoration: none; color: #424242}

.Anime A:link {text-decoration: none; font-weight:bold; color: #ff9204}
.Anime A:visited {text-decoration: none; font-weight:bold; color: #ffb753}
.Anime A:active {text-decoration: none;  font-weight:bold; color: #424242}
.Anime A:hover {font-weight:bold; color: #424242}

img.logo1 {
    /* width: 600px;
    height: 175px; */

    width: 537px;
    height: 125px;

}

.logo {
    max-width: 100%;
    /*max-width: 537px;*/
    height: auto;
    max-height: 145px;
    width: auto\9; /* ie8 */
    /*padding: 0px 0px 10px 0px;*/
    position: relative; top: -30px;
}

.amazonimage {

}

.lflogo {

}

.bg-black {
    background-color:#000000;
    color: #ffffff;
}

.bg-dark-grey {
    background-color:#4E4C4C;
    color: #ffffff;
}

.resize {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}


.invert {
    filter: invert(100%);
}

.blink  A:link {text-decoration: none; font-weight:bold; color: #000000}
.blink A:visited {text-decoration: none; font-weight:bold; color: #000000}
.blink A:active {text-decoration: none; font-weight:bold; color: #000000}
.blink A:hover {text-decoration: none; font-weight:bold; color: #000000}

.blink2  A:link {text-decoration: none; color: #000000}
.blink2 A:visited {text-decoration: none; color: #000000}
.blink2 A:active {text-decoration: none; color: #0066CC}
.blink2 A:hover {text-decoration: none;  color: #0066CC}

.wlink  A:link {text-decoration: none; font-weight:bold; color: #ffffff}
.wlink A:visited {text-decoration: none; font-weight:bold; color: #ffffff}
.wlink A:active {text-decoration: none; font-weight:bold; color: #ffffff}
.wlink A:hover {text-decoration: none; font-weight:bold; color: #ffffff}

.wlink2  A:link {text-decoration: none;  color: #ffffff}
.wlink2 A:visited {text-decoration: none; color: #ffffff}
.wlink2 A:active {text-decoration: none; color: #0066CC}
.wlink2 A:hover {text-decoration: none; color: #0066CC}

.wlink3  A:link {text-decoration: none;  color: #ffffff}
.wlink3 A:visited {text-decoration: none; color: #ffffff}
.wlink3 A:active {text-decoration: none; color: #ffffff}
.wlink3 A:hover {text-decoration: none; color: #ffffff}

.tlink  A:link {text-decoration: none; font-weight:bold; color: #34b1db}
.tlink A:visited {text-decoration: none; font-weight:bold; color: #34b1db}
.tlink A:active {text-decoration: none; font-weight:bold; color: #ffffff}
.tlink A:hover {text-decoration: none; font-weight:bold; color: #ffffff}

.artlink A:link {text-decoration: none; font-weight:bold; color: #34b1db}
.artlink A:visited {text-decoration: none; font-weight:bold; color: #34b1db}
.artlink A:active {text-decoration: none; font-weight:bold; color: #8ddbf4}
.artlink A:hover {text-decoration: none; font-weight:bold; color: #8ddbf4}


.sublink A:link {text-decoration: none; font-weight:bold; color: #000000}
.sublink A:visited {text-decoration: none; font-weight:bold; color: #000000}
.sublink A:active {text-decoration: none; font-weight:bold; color: #666666}
.sublink A:hover {text-decoration: none; font-weight:bold; color: #666666}

.annlink A:link {text-decoration: none; font-weight:bold; color: #666666}
.annlink A:visited {text-decoration: none; font-weight:bold; color: #666666}
.annlink A:active {text-decoration: none; font-weight:bold; color: #000000}
.annlink A:hover {text-decoration: none; font-weight:bold; color: #000000}

.subwlink A:link {text-decoration: none; font-weight:bold; color: #ffffff}
.subwlink A:visited {text-decoration: none; font-weight:bold; color: #ffffff}
.subwlink A:active {text-decoration: none; font-weight:bold; color: #aaaaaa}
.subwlink A:hover {text-decoration: none; font-weight:bold; color: #aaaaaa}


.featlink A:link {text-decoration: none; font-weight:bold; color: #ffffff}
.featlink A:visited {text-decoration: none; font-weight:bold; color: #ffffff}
.featlink A:active {text-decoration: none; font-weight:bold; color: #aaaaaa}
.featlink A:hover {text-decoration: none; font-weight:bold; color: #aaaaaa}

.songlink A:link {color: #002656}
.songlink A:visited { color: #0066CC}
.songlink A:active {text-decoration: none; color: #000000}
.songlink A:hover {text-decoration: none; color: #9BC1EAFF}

.songlinkWhite A:link {color: #ffffff}
.songlinkWhite A:visited { color: #A9ABABFF}
.songlinkWhite A:active {text-decoration: none; color: #eb957e}
.songlinkWhite A:hover {text-decoration: none; color: #d7dada }

.songlink {
    word-wrap: break-word;      /* IE */
}

.songlinkWhite {
    word-wrap: break-word;      /* IE */
}
.pagelink A:link {color: #002656}
.pagelink A:visited { color: #0066CC}
.pagelink A:active {text-decoration: none; color: #000000}
.pagelink A:hover {text-decoration: none; color: #9BC1EAFF}

.pagelinkWhite A:link {color: #ffffff}
.pagelinkWhite A:visited { color: #A9ABABFF}
.pagelinkWhite A:active {text-decoration: none; color: #eb957e}
.pagelinkWhite A:hover {text-decoration: none; color: #d7dada }

h1 {
    font-family: Verdana,Arial,Helvetica;
    font-size:1.0em;
    font-weight:normal;
    text-align: right;
    margin-top: 10px;
}

h2 {
    font-family: Verdana,Arial,Helvetica;
    font-size:1.0em;
    font-weight:normal;
    margin-top: 0;
}

h3 {
    font-family: Verdana,Arial,Helvetica;
    text-decoration: none; width:100%;
    font-size:1.1em;
    color:#000;
}

hr {
    /*  border:none;
      border-top:1px dotted #000;
      color:#fff;
      background-color:#fff;
      height:1px;
      width:100%;*/

    width: 100%;
    height: 2px;
    border: none;
    border-width:0;
    color:  #000;
    background-color:  #EEE;
}


.bold {
    font-family: Verdana,Arial,Helvetica;
    /*font-size:1.2em;*/
    font-weight:bold;
}

.strong {
    font-family: Verdana,Arial,Helvetica;
    font-size: 0.9em;
    font-weight:bold;
}

.large {
    font-family: Verdana,Arial,Helvetica;
    font-size:1.4em;
}

.bigger {
    font-size:1.3em;
}


.big {
    font-size:1.2em;
}

.littlebigger {
    font-size:1.1em;
}

.small {
    font-size:0.9em;
}

.smaller {
    font-size:0.8em;
}

.smallest {
    font-size:0.7em;
}

.center{
    font-family: Verdana,Arial,Helvetica;
    text-align: center;
}

.right {
    float:right;
    /*padding-right: 5px;*/
    text-align: right;
}

.righttext {
    padding-right: 5px;
    text-align: right;

}

.left {
    float:left;
    padding-left: 5px;
    text-align: left;
}

.lefttext {
    padding-left: 5px;
    text-align: left;
}

.letter {
    padding-right: 3px;
}


.vtopright {
    padding-right: 5px;
    text-align: right;

}

.vtopleft {
    float: left;
    text-align: left;
}

.fineprint {
    width:100%;
    font-size:0.9em;
}

.panelheader {
    color: #FFFFFF; !important;
    background-color: #000000; !important;
}

.btn-background {
    border:1px solid #000;
    background: white;
}
.btn-default {
    background: white; !important;
}

.previous-weeks {
    font-family: Verdana,Arial,Helvetica;
    font-weight: bold;
}


.alert-muted {
    color: #e9e8e8;
    background-color: #636363;
    border-color: #000;
}

#adminupdate {
    margin-bottom: 20px;
}

.bbg {
    background-color: #000000;
}

.wbg {
    background-color: #ffffff;
}

.bltext {
    color: #000000;
}

.wtext {
    color: #ffffff;
}

.privacy {
    text-align: center;
    margin-bottom: 10px;
}

#pmLink {
    visibility: hidden;
    text-decoration: none;
    cursor: pointer;
    background: transparent;
    border: none;
}

#pmLink:hover {
    visibility: visible;
    color: grey;
}

#footer {
    max-width: 100%;
    width: auto\9; /* ie8 */
    text-align: center;

    /* background: #3e3f41; */
    border-top:1px solid #e5e5e5;
    background-image:
        repeating-linear-gradient(-60deg,
        transparent,
        transparent 5px,
        rgba(0, 0, 0, 0.1) 5px,
        rgba(0, 0, 0, 0.1) 10px);
    padding:5px 0px 5px 0px;
}

.topvideo {
    max-width: 500px;
    text-align: center;
    margin-top: 5px;
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: auto;
}


#videotab1title {
    padding:12px;
}
#videotab2title {
    padding:12px;
}

.videolink {
    margin-bottom:10px;
}

#footer {
    width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
    /* background: #3e3f41; */
    border-top:1px solid #e5e5e5;
    text-align:center;
    position: relative;
    padding:5px 0px 5px 0px;

    background-image:
        repeating-linear-gradient(-60deg,
        transparent,
        transparent 5px,
        rgba(0, 0, 0, 0.1) 5px,
        rgba(0, 0, 0, 0.1) 10px);

}

#toptitle {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
    text-align: center;
    margin-top: 20px;
    vertical-align: top;

}

#toptool {

}

#topbanner {
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;

}


#bottombanner {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
    text-align: center;
}


.dvtable {
    display: table;
    position: relative;
    width: 100%;
}

.trow  {
    display: table-row;

}

.tdata {
    display: table-cell;

}

.dataTables_length {
    margin-left: 10px;
    margin-bottom: 5px;
}

.dataTables_filter {
    margin-right: 10px;
    margin-bottom: 10px;
}

.albumarea {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.fullalbm {

}

.albmlst {
    text-align: left;
}

img.albumpic {
    width: 200px;
    height: 200px;
    border: 0px;
    margin-top: 5px;
}

.spanstart {
    font-family: Verdana,Arial,Helvetica;
    font-size:1.0em;
    color: #000000;

    padding: 5px 10px 5px 10px;
    white-space: nowrap;
}

.spanstop {
    font-family: Verdana,Arial,Helvetica;
    font-size:1.0em;
    color: #000000;

    padding: 2px 5px 5px 2px;
    white-space: nowrap;
}


#scrlstart {
    background-color:#d8effb;
    cursor:pointer;
    text-align: center;
    margin-bottom: 20px;
}

#scrlstart2 {
    background-color:#d8effb;
    cursor:pointer;
    text-align: center;
    margin-bottom: 20px;
}

#scrlstartV {
    background-color:#d8effb;
    cursor:pointer;
    text-align: center;
    display: none;
    margin-bottom: 20px;
}

#scrlstartV2 {
    background-color:#d8effb;
    cursor:pointer;
    text-align: center;
    display: none;
    margin-bottom: 20px;
}

#scrlstop{
    /*background-color:#f8d5d5;*/
    cursor:pointer;
    text-align: center;
    display: none;
    margin-bottom: 20px;
}

#scrlstop2{
    cursor:pointer;
    text-align: center;
    display: none;
    margin-bottom: 20px;
}

#scrlstopV{
    cursor:pointer;
    text-align: center;
    margin-bottom: 20px;
}

#scrlstopV2{
    cursor:pointer;
    text-align: center;
    margin-bottom: 20px;
}


#plysng {
    width: auto;
    width: auto\9; /* ie8 */
}

#plysng2 {
    width: auto;
    width: auto\9; /* ie8 */
}

#youtb {

    /*width: 300px;*/
    /*height: 250px;*/
    z-index:90;

}

#youtb2 {
    z-index:90;
}

#youtbV {
    z-index:90;
}

#youtbV2 {
    z-index:90;
}

.ytb-responsive {
    aspect-ratio: 16 / 9;
    width: 100%;
}

#buad {
    /*margin-top: 20px;*/
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 300px;
}

#buad2 {
    /*margin-top: 20px;*/
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 300px;
}

#buad3 {
    /*margin-top: 20px;*/
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 300px;
}

.buad3 {
    /*margin-top: 20px;*/
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 300px;
}

#boxunit {
    /*min-width: 300px;*/
    /*        width: auto;
        width: auto\9;  ie8
        vertical-align: top;*/
}


#videopage {

}

.resizetb {
    max-width: 100%;
    height: auto;
    max-height: 90px;
    width: auto\9; /* ie8 */
}

.addthisfloating {
    /*	background-color: transparent;
        display: none;
        position: absolute; top: 2px; left: 15px;
        z-index: 99;*/
}

A.ArtLnk {
    font-family: Verdana,Arial,Helvetica;
    text-decoration: none; width:100%;
    color: #000000; font-size:2.5em;
    font-weight:bold;
}

A.SngLnkTop {
    text-decoration: none; width:100%;
    font-weight:bold; font-size:1.8em;
    color: #002656;
}

A.SngLnkTitle {
    text-decoration: none; width:100%;
    font-weight:bold; font-size:1.5em;
    color: #002656;
}

A.SngLnkTopWhite {
    text-decoration: none; width:100%;
    font-weight:bold; font-size:1.8em;
    color: #a9abab;
}

.SngLnkBy {
    font-weight:bold; font-size:1.8em;
    color: #002656;
}

.SngLnkByWhite {
    font-weight:bold; font-size:1.8em;
    color: #7d8287;
}

A.SngLnk {
    text-decoration: none; width:100%;
    font-weight:bold; font-size:1.2em;
    color: #002656;
}

A.SngLnk2 {
    text-decoration: none; width:100%;
    font-weight:bold; font-size:1.0em;
    color: #405d82;
}

A.SngLnkWhite {
    text-decoration: none; width:100%;
    font-weight:bold; font-size:1.2em;
    color: #FFFFFF;
}
.subsonglink {
    margin-top: 10px;
}

.infolnk {
    font-family: Verdana,Arial,Helvetica;
    font-weight:bold; font-size:1.3em;
    text-align: center;
}

.infolink A:link {text-decoration: none; font-weight:bold; color: #666666}
.infolink A:visited {text-decoration: none; font-weight:bold; color: #666666}
.infolink A:active {text-decoration: none; font-weight:bold; color: #000000}
.infolink A:hover {text-decoration: none; font-weight:bold; color: #000000}


.infotooltip {
    float:right;
    padding: 4px 10px 0 10px;
    text-align: right;
    font-size: 1.4em;
    z-index: 1000;
    position: relative; right: 5px; top: 5px;
}

.infotooltip2 {
    font-size: 1.1em;
    position: relative; left: 5px; top: 2px;
}

.bloglnk {
    font-family: Verdana,Arial,Helvetica;
    font-weight:bold; font-size:1.3em;
    text-align: left;
}

.bloglnk2 {
    font-family: Verdana,Arial,Helvetica;
    font-weight:bold; font-size:1.3em;
    text-align: center;
}

.blogthumb {
    width: 125px;
    margin-right: 8px;
}

.blog-thumbnail {
    width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
    margin-bottom: 20px;
}

.blogdate {
    float:right;
    padding-right: 20px;
    padding-bottom: 20px;
    text-align: right;
}

.blogpost {
    border-radius: 10px;
    border: 1px solid #999;
    width: auto;
    width: auto\9; /*ie8*/
    vertical-align: top;
    font-size: 1.0em;
    text-align: left;
    padding: 20px 10% 40px 10%;
    margin-bottom: 20px;
}

.diff-red {
    background-color: #ffd1d1;
    color: black;
}

.diff-blue {
    background-color: #a9c8f6;
    color: black;
}

.diff-green {
    background-color: #a9fda2;
    color: black;
}

.nohover A:hover {
    background-color: #FFFFFF; !important
color: #0066CC; !important
}

#mcontent {
    /*	max-width: 100%;
        height: auto;
        width: auto\9;  ie8 */
    /*border: 1px solid #e5e5e5;*/
    vertical-align: top;
    margin-top: 20px;
    text-align: center;
}


.fbcomm {
    margin-top: 20px;
    margin-bottom: 20px;
}

.reply-link {
    margin-top: 10px;
    cursor: pointer;
}

.reply-form {
    margin-top: 20px;
}

.load-more {
    cursor: pointer;
    position: relative; top: -10px;
}

.label-padding {
    margin-top: 10px;
}

.g-recaptcha {
    display: inline-block;
}

.grecaptcha-badge {
    display: none;
!important;
}

.mainlyrics {
    font-family: Verdana,Arial,Helvetical;
    text-align: left;
    padding-left: 10px;
}

.englishlyrics {
    font-family: Verdana,Arial,Helvetical;
    text-align: left;
    padding-left: 10px;
}

.tvsize {
    font-family: Verdana,Arial,Helvetical;
    text-align: left;
    padding-left: 10px;
}

.nativelyrics {
    font-family: Verdana,Arial,Helvetical;
    text-align: left;
    padding-left: 10px;
}

.mainlyrics-sbs {
    font-family: Verdana,Arial,Helvetical;
    text-align: left;
}
.englishlyrics-sbs {
    font-family: Verdana,Arial,Helvetical;
    text-align: left;
}
.nativelyrics-sbs {
    font-family: Verdana,Arial,Helvetical;
    text-align: left;
}

.featuring {
    font-family: Arial,Helvetical;
    font-size:1.0em;
}

.comment-page {
    position: relative; top: -15px;
}

.first5-replies {

}
.restof-replies {
    display: none;
}
.hide-replies {
    margin-top: 10px;
    cursor: pointer;
}

.show-replies {
    margin-top: 10px;
    display: none;
    cursor: pointer;
}


.hide-more {
    cursor: pointer;
    padding-bottom: 20px;
}

.pointer {
    cursor: pointer;
}


.show-all {
    display: none;
}

.show-all_1 { display: none; }
.show-all_2 { display: none; }
.show-all_3 { display: none; }
.show-all_4 { display: none; }
.show-all_5 { display: none; }
.show-all_6 { display: none; }
.show-all_7 { display: none; }
.show-all_8 { display: none; }
.show-all_9 { display: none; }
.show-all_10 { display: none; }
.show-all_11 { display: none; }
.show-all_12 { display: none; }
.show-all_13 { display: none; }
.show-all_14 { display: none; }
.show-all_15 { display: none; }
.show-all_16 { display: none; }
.show-all_17 { display: none; }
.show-all_18 { display: none; }
.show-all_19 { display: none; }
.show-all_20 { display: none; }
.show-all_21 { display: none; }
.show-all_22 { display: none; }
.show-all_23 { display: none; }
.show-all_24 { display: none; }
.show-all_25 { display: none; }
.show-all_26 { display: none; }
.show-all_27 { display: none; }
.show-all_28 { display: none; }
.show-all_29 { display: none; }
.show-all_30 { display: none; }
.show-all_31 { display: none; }
.show-all_32 { display: none; }
.show-all_33 { display: none; }
.show-all_34 { display: none; }
.show-all_35 { display: none; }
.show-all_36 { display: none; }
.show-all_37 { display: none; }
.show-all_38 { display: none; }
.show-all_39 { display: none; }
.show-all_40 { display: none; }
.show-all_41 { display: none; }
.show-all_42 { display: none; }
.show-all_43 { display: none; }
.show-all_44 { display: none; }
.show-all_45 { display: none; }
.show-all_46 { display: none; }
.show-all_47 { display: none; }
.show-all_48 { display: none; }
.show-all_49 { display: none; }
.show-all_50 { display: none; }

.show-more-margin {
    margin-top: 20px;
}

.show-more {
    display: none;
    padding-bottom: 20px;
}

#annotation-message {
}

.annotation-line {
    display: none;
}

.highlightAnnotation {
    background-color: #ddeeff;
    padding: 0.5em;
    border-left: 3px solid #99bbdd;
}

.hasAnnotation {
    background-color: #ececec;
}

.show-less {
    cursor: pointer;
    padding-bottom: 20px;
    display: none;
}

.votes {
    position: relative; top: -10px;
}

.vote {
    width: 25px;
}

.uvote {
    position: relative; top: -4px;
    padding-left: 5px;
    width: 50px;
}
.votnum {
    position: relative; top: -3px;
    font-weight:bold;
}
.moderate {
    cursor: pointer;
    font-size:1.3em;
    height: 15px;
    width: 15px;
}

.umoderate {
    position: relative; top: 5px;
    cursor: pointer;
    font-size:1.3em;
    height: 15px;
    width: 15px;
}

.checkmark {
    position: relative; top: 8px;
    cursor: pointer;
    font-size:1.5em;
    height: 20px;
    width: 20px;
}

.modal-dialog {
    color: #000;
}


.isnew {
    background-color: #fcf8e3; !important;
    /*padding: 5px 3px 5px 3px;*/
}

.bg-primary {
    color: #fff;
    background-color: #337ab7; !important;
}

.topimagepage {
    padding: 1px 5px 3px 5px;
}

#chevronbg {
    /* background-color:#3e3f41;
    background-color:#000000; */
    width: 100%;
    height: 53px;

    background-image:
        repeating-linear-gradient(-60deg,
        transparent,
        transparent 5px,
        rgba(0, 0, 0, 0.1) 5px,
        rgba(0, 0, 0, 0.1) 10px);


    position: relative; top: 63px;
    z-index:3;
}

.cbody {
    padding-left: 20px;
}
.child-comment {

}
#ldata {
    /*	max-width: 100%;
        height: auto;
        width: auto\9;  ie8 */
    border-radius: 10px;
    border: 1px solid #DDD;
    vertical-align: top;
    margin-bottom: 20px;
    padding: 20px;


}


.lcontent {
    font-family: Verdana,Arial,Helvetica;
    font-size:1.0em;
    margin-top: 10px;
    vertical-align: top;
}

#bottomta {
    width: auto;
    width: auto\9; /* ie8 */
    vertical-align: top;

}

.correct {
    margin-top: 20px;
    font-family: Verdana,Arial,Helvetica;
    font-size:1.2em;
}

#correct-info {
    margin-top: 15px;
}

#topnav {

}

#bottomnav {
    margin-top: 20px;
}


.backlnk {
    margin-top: 10px;
    font-size: 1.0em;
    text-align: center;
    vertical-align: bottom;

}

#searchresults {

}

#search_top {
    border-color: transparent;
}

#search_bottom {
    border-color: transparent;
}

.navmargin {
    margin-left: auto;
    margin-right: auto;
}

.searchdv {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
    text-align: center;
    font-size: 16px;
    padding: 15px;
}

.inptsearch {
    width: 360px;
}

.info {
    width: 80%;
    margin-left: auto;
    margin-right: auto;

}

#artinfo {
    border-radius: 10px;
    border: 1px solid #DDD;
    min-width: 300px;
    width: auto;
    width: auto\9;  /*ie8*/
    vertical-align: top;
    font-size:1.0em;
    text-align: left;
    padding: 10px 10% 20px 10%;
    margin-bottom: 20px;

}

#artinfo2 {
    border-radius: 10px;
    border: 1px solid #DDD;
    min-width: 300px;
    width: auto;
    width: auto\9;  /* ie8  */
    vertical-align: top;
    text-align: left;
    font-size:1.0em;
    padding: 10px 10px 20px 10px;
    margin-bottom: 20px;

}

#snginfo {
    border-radius: 10px;
    border: 1px solid #DDD;
    width: auto;
    width: auto\9;  /* ie8  */
    vertical-align: top;
    text-align: left;
    font-size:1.0em;
    padding: 10px 10px 20px 10px;
    margin-bottom: 20px;

}


.related-songs {
    margin-top: 5px;
    margin-bottom: 10px;
}
#relatedsongs {
    border-radius: 10px;
    border: 1px solid #DDD;
    width: auto;
    width: auto\9; /*ie8*/
    vertical-align: top;
    font-size: 1.0em;
    text-align: left;
    padding-top: 20px;
    padding-left: 20px;
    margin-bottom: 20px;
}

#summary {
    border-radius: 10px;
    border: 1px solid #DDD;
    width: auto;
    width: auto\9; /*ie8*/
    vertical-align: top;
    font-size: 1.0em;
    text-align: left;
    padding: 10px 10% 20px 10%;
    margin-bottom: 20px;
}

#summary2 {
    border-radius: 10px;
    border: 1px solid #DDD;
    width: auto;
    width: auto\9;  /* ie8  */
    vertical-align: top;
    text-align: left;
    font-size:1.0em;
    padding: 10px 10px 20px 10px;
    margin-bottom: 20px;
}

.aimobile {
    text-align: right;
}


.correct {
    font-family: Verdana,Arial,Helvetica;
    font-size: 1.1em;
}

.followdth {
    width: 195px;
    /* width: 184px; */
    position: relative;
    margin-left:auto;
    margin-right: auto;

}


.addthis_button_twitter_follow_native {
    /* width: 167px; */
    overflow: hidden;
    /*position: relative; top: -30px; left: 112px;*/
    /*margin-left: 10px;*/
    /*margin-right: 5px;*/

}

.addthis_button_facebook_like {

    margin-left: 2px;
    /*margin-right: 10px;*/
    /*  position: relative; top: -21px; left: 80px; */
}

.login_icons {
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.infotooltip {
    float:right;
    padding: 4px 10px 0 10px;
    text-align: right;
    font-size: 1.4em;
    z-index: 1000;
    position: relative; right: 5px; top: 5px;

}

.scrollable-menu {
    height: auto;
    max-height: 400px;
    overflow-x: hidden;
}

.breadcrumbs {
    font-size: 1.0em;
    margin-left: 5px;
    margin-bottom: 10px;
    line-height: 25px;
}

.breadcrumblink {
    padding-right: 5px;
    padding-bottom: 5px;
}

.breadcrumblink A:link {color: #002656}
.breadcrumblink A:visited { color: #0066CC}
.breadcrumblink A:active {text-decoration: none; color: #000000}
.breadcrumblink A:hover {text-decoration: none; color: #9BC1EAFF}

.breadcrumblinkWhite {
    padding-right: 5px;
    padding-bottom: 5px;
}

.breadcrumblinkWhite A:link {color: #ffffff}
.breadcrumblinkWhite A:visited { color: #A9ABABFF}
.breadcrumblinkWhite A:active {text-decoration: none; color: #eb957e}
.breadcrumblinkWhite A:hover {text-decoration: none; color: #d7dada }


.form-control {
    color: #000
}

.nav-tabs > li.active > a {
    color: #000
}

.nav-tabs > li.active > a.hover {
    color: #000
}
.navbar-nav > li {
    /*width: 15px;*/
    /*padding-left: 5px;*/
    /*padding-right: 5px;*/
    color: #000

}
.nav-tabs.nav-tabs-bottom {
    border-bottom: none;
    border-top: 1px solid #ddd;
}

.nav-tabs.nav-tabs-bottom > li > a {
    border-radius: 0 0 4px 4px;
    border-top: none;
    margin-top: 1px;
}

.nav-tabs.nav-tabs-bottom > li.active > a,
.nav-tabs.nav-tabs-bottom > li.active > a:hover,
.nav-tabs.nav-tabs-bottom > li.active > a:focus {
    border-top-color: transparent;
    border-bottom: 1px solid #ddd;
    margin-top: -1px;
}

.lisize {
    font-family: Verdana,Arial,Helvetica;
    font-size: 1.0em;

}

.searchbar  {
    width: 40px;
}

.sbmtlyr {
    /*background-color: yellow;*/
}


#artistlist {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left;
}

#topsonglist {
    margin-bottom: 20px;
    text-align: left;
}

#songlist {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left;
}

#albumlist {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left;
}

.btmlst {
    font-family: Arquitecta,Helvetica,Verdana,Arial;
    font-size:1.1em;
    display: block;

    word-spacing:1px;
    position:relative;
    white-space:nowrap;
}


#stnav {
    padding: 5px 0px 5px 0px;
}

li.padli {
    font-size:1.2em;
}

#hoverlist ul li { background-color: #000000; }
#hoverlist ul li a {color: #ffffff;  text-decoration:none; text-align:center;}
#hoverlist ul li:hover { background-color: #3187bb;}
#hoverlist ul li:hover  a{ color: #ffffff; text-decoration: none;}
#hoverlist ul li.active { background-color: #eb957e; }
#hoverlist ul li.active a{ color: #ffffff;  }


#morebar {
    text-align: center;
    max-width:570px;
    margin-left:auto;
    margin-right: auto;
}

#genrebar {
    text-align: center;
    max-width:600px;
    margin-left:auto;
    margin-right: auto;
}

#songquotes {
    text-align: center;
    margin-left:auto;
    margin-right: auto;
    max-width:550px;
}

.songquote {
}


.songquotewrapper {
    border-radius: 10px;
    border: 1px solid #999;
    width: auto;
    width: auto\9; /*ie8*/
    vertical-align: top;
    font-size: 1.0em;
    text-align: left;
    padding: 20px 10% 20px 10%;
    margin-bottom: 20px;
}

#news {
    text-align: left;
    margin-left:auto;
    margin-right: auto;
    padding: 10px 20px;
}

.newslink {
    text-align: center;
    padding-bottom: 20px;
}

.homesongs {
    text-align: left;
}

.homemessage {
    text-align: center;
    max-width:450px;
    margin-left:auto;
    margin-right: auto;
}

#coverart {
    margin-bottom: 20px;
}


.logreg {
    text-align: center;
    font-family: Verdana,Arial,Helvetica;
    font-size: 1.1em;
}


.hide {
    display: none;
}

.smallhide{

}

.smallhide2{

}

.smallshow{
    display: none;
}

.round {
    border:1px solid #DDD;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.round2 {
    border:1px solid #DDD;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

a.back-to-top {
    display: none;
    width: 35px;
    height: 35px;
    text-indent: -9999px;
    position: fixed;
    z-index: 9147483647;
    right: 20px;
    bottom: 55px;
    background: #4d505b url("../images/back-to-top.png") no-repeat center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    outline: 0;
}

a.down-to-bottom {
    display: none;
    width: 35px;
    height: 35px;
    text-indent: -9999px;
    position: fixed;
    z-index: 9147483647;
    right: 20px;
    bottom: 10px;
    background: #4d505b url("../images/down-to-bottom.png") no-repeat center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    outline: 0;
}

#toptitle {
    word-wrap: break-word;
}

.hthumb {
    width: 200px;
    height: 200px;
}


.hsthumb {
    width: 60px;
    height: 60px;
    margin-right: 8px;
}

.black {
    color: #000;
}

.darkgrey {
    color: #5b5a5a;
}


.orange {
    color: #ff9204;
}

.red {
    color: #c91616;
}

.blue {
    color: #0066CC;
}

.darkblue {
    color: #002656;
}

.brown {
    color: #a17d4b;
}

.green {
    color: #15c63c;
}

.grey {
    color: #999;
}

.new {
    background-color:#f5f32c;
}

.txtlink {
    font-family: Verdana,Arial,Helvetica;
    font-size: 18px;
    color: red;
    font-weight:bold;
    text-decoration: underline;

}

.txtlink2 {
    font-family: Verdana,Arial,Helvetica;
    font-size: 12px;
    color: red;
    font-weight:bold;
    text-decoration: underline;

}

.amzimg {
    position: relative; top: -10px;
}
.favtable {
    margin-left: 10px;
    /*padding-left: 10px;*/
}
.favbut {
    border:1px solid #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 5; /* fix for glyphicon */

    font-size:1.3em;
    padding: 4px 5px 4px 4px;
}


.themebut {
    border:1px solid #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 5; /* fix for glyphicon */
    background-color:#ffffff;
    color: #000000;
    /*width: 80px;*/
    margin-bottom: 5px;

    font-size:1.1em;
    padding: 4px 5px 4px 4px;
}

.themebut:hover {
    background-color: #000000;
    color: #ffffff;
}

.themetext {
    position: relative; left: 6px; top: -3px;
    padding-right: 6px;
}

.themeprofile {
    margin-top: 5px;
    margin-bottom: 10px;
}

.playbut {
    border:1px solid #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 5; /* fix for glyphicon */
    background-color:#444444;
    color: #ffffff;
    width: 130px;
    margin-top: 10px;
    margin-bottom: 5px;

    font-size:2.0em;
    padding: 10px 0px 10px 0px;
}

.playbut:hover {
    background-color: #0066CC;
    color: #ffffff;
}

.themesize {
    width: 80px;
}

.reqbut {
    border:1px solid #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 5; /* fix for glyphicon */
    background-color:#ffffff;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 5px;

    font-size:1.1em;
    padding: 4px 5px 4px 4px;
}

.reqbut:hover {
    background-color: #000000;
    color: #ffffff;
}

.userfav {

}

.usrfav-rating {
    width: 300px;
}

.user-actions {
    margin-top: 10px;
    margin-bottom: 10px;
}

#rating-1 {

}

.ratinglb{
    position: relative; top: 10px;
}

.startd {
    position: relative; top: 6px; left: -6px;
    /*cursor: pointer;*/
}

.faded {
    opacity: 40%;
}

.ratebtn {
    position: relative; top: -7px; left: 6px;

}

#title-rating {
    width: 300px;
    margin-left: auto;
    /*margin-right: auto;*/
    padding-top: 40px;
}

#song-rating {
    width: 300px;
    margin-left: auto;
    /*margin-right: auto;*/
}

.ui-autocomplete {
    /*width: 400px;*/
    width: 80%;
    /*overflow-y: scroll;*/
    overflow-x: hidden;
}

#tabs {

}

.addtag {
    margin-top: 15px;
    margin-bottom: 20px;
}
.tagheader {
    font-family: Verdana,Arial,Helvetica;
    font-weight:bold;
    font-size:1.2em;
    margin-bottom: 10px;
}
.tagbub {
    display: inline-block;
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;

    text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);

    padding: 5px;
    margin-top: 3px;
    margin-bottom: 3px;
    /*position: relative; top: 10px;*/
    border: 1px solid transparent;
    border-radius: 10px;

    background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
    background-image:      -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
    background-image:         linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
    background-repeat: repeat-x;
    border-color: #9acfea;
}

/* bootstrap override*/
.songlistback a{
    color: #f7f7d9 !important;
    background-color: #f7f7d9 !important;
}

.songdescription {
    margin-left: 15px;
}
.topsong {
    margin-top: 2px;
    margin-bottom: 3px;
}

#tab1title {
    padding:12px;
}
#tab2title {
    padding:12px;
}
#tab3title {
    padding:12px;
    /*display: none;*/
}


#tab1 {

}
#tab2 {

}
#tab3 {

    /*word-wrap: break-word;*/
    /*display: none;*/
}


#lfcredits {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size:0.7em;
}

.lfcredits {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size:0.7em;
}

.wordwrap {
    white-space: pre-wrap;      /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap;     /* Opera <7 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    word-wrap: break-word;      /* IE */
    word-break: break-all;
}

.wordwrap2 {
    white-space: pre-wrap;      /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap;     /* Opera <7 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    word-wrap: break-word;      /* IE */
}

rt {
    font-size: 0.8em;
    color: #eb957e
}

.line {
    min-height: 1em;
    transition: background 0.3s;
}

.line.highlightLine {
    background-color: #fffde0;
}

.line.highlightLine.hasAnnotation {
    background-color: #dcdcdc;
}

.device-message {
    margin-bottom: 10px;
}

.annotation-add-btn{
    display:none;
    position:absolute;
    left:100%;
    padding-left:1px;
    top:-3px;
    text-align:left;
    cursor:pointer;
    color:#03a1d0;
    font-size:1.3em;
    font-weight:bold;
    white-space:nowrap;
}

.line-number-label {
    position:absolute;
    right:100%;
    top:0.2em;
    padding-right:0.5em;
    min-width:2.5em;
    text-align:right;
    color:#bbb;
    font-size:0.82em;
    user-select:none;
    white-space:nowrap;
}

/* ── Settings Wrapper ─────────────────────────────── */
.settings-wrapper {
    position: relative;
    display: inline-block;
    float: left;
    padding-left: 5px;
}

/* Gear button */
.settings-toggle-btn {
    border: 1px solid #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 5;
    background-color: #ffffff;
    color: #000000;
    margin-bottom: 5px;
    font-size: 1.1em;
    line-height: 1.5;
    padding: 3px 7px 2px 7px;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
}
.settings-toggle-btn:hover {
    background-color: #000000;
    color: #ffffff;
}
.settings-toggle-btn.open .glyphicon-cog {
    display: inline-block;
    transform: rotate(60deg);
    transition: transform 0.3s ease;
}
.settings-toggle-btn .glyphicon-cog {
    display: inline-block;
    transition: transform 0.3s ease;
}

/* Panel */
.settings-panel {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 1000;
    min-width: 300px;
    background: var(--settings-bg, #fff);
    border: 1px solid var(--settings-border, #ddd);
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
    padding: 12px 14px 14px;
    line-height: 1.5;
}

.settings-panel-header {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: 0.5;
    margin-bottom: 10px;
}

.settings-group {
    margin-bottom: 12px;
}
.settings-group:last-of-type {
    margin-bottom: 4px;
}

.settings-label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 6px;
    opacity: 0.75;
}

.settings-row {
    display: flex;
    gap: 6px;
}

/* Buttons inside panel */
.settings-btn {
    flex: 1;
    padding: 5px 0;
    border: 1px solid var(--settings-border, #ccc);
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    font-size: 13px;
    color: inherit;
    transition: background 0.15s, border-color 0.15s;
}
.settings-btn:hover {
    background: rgba(128,128,128,0.1);
}
.settings-btn.active {
    background: #4a90d9;
    border-color: #4a90d9;
    color: #fff;
    font-weight: 600;
}

.apply-btn {
    width: 100%;
    padding: 6px 0;
    background: #4a90d9;
    border-color: #4a90d9;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}
.apply-btn:hover {
    background: #357abd;
    border-color: #357abd;
    color: #fff;
}

/* Font size buttons — different sizes so you can see the scale */
.font-btn[data-size="smaller"]  { font-size: 11px; }
.font-btn[data-size="small"]  { font-size: 13px; }
.font-btn[data-size="medium"] { font-size: 16px; }
.font-btn[data-size="large"]  { font-size:  18px; }
.font-btn[data-size="larger"]  { font-size: 20px; }

/* ── Font size classes applied to <body> ────────────── */
body.font-smaller  { font-size: 11px; line-height: 1.5; }
body.font-small  { font-size: 13px; line-height: 1.5; }
body.font-medium { font-size: 16px; line-height: 1.5; }
body.font-large  { font-size: 18px; line-height: 2.0; }
body.font-larger  { font-size: 20px; line-height: 2.2; }


@media screen and (min-width:450px){
    #title-rating {
        margin-right: auto;
    }

    #song-rating {
        margin-right: auto;
    }
}


@media screen and (max-width:450px){
    #search_top {
        position: relative; top: -10px;
        width: 85%;
    }

    #search_bottom {
        position: relative; top: -10px;
        width: 85%;
    }

    #chevronbg {
        position: relative; top: 45px;
    }

}



@media screen and (max-width:780px){

    .smallhide {
        display: none; !important;
    }

    .smallshow{
        display: block; !important;
    }
}

@media screen and (max-width:880px){

    .smallhide2 {
        display: none; !important;
    }
}

@media screen and (min-width:450px) and (max-width:515px){
    #chevronbg {
        position: relative; top: 50px;
    }

}

@media screen and (min-width:515px) and (max-width:550px){
    #chevronbg {
        position: relative; top: 55px;
    }

}

@media screen and (min-width:450px) and (max-width:767px){
    #search_top {
        position: relative; top: -10px;
        width: 90%;
    }

    #search_bottom {
        position: relative; top: -10px;
        width: 90%;
    }
}


@media screen and (max-width:767px){
    #skyscraper {
        display: none;
    }
}

@media screen and (min-width:767px){
    #skyscraper2 {
        display: none;
    }
}

@media screen and (max-width:991px){
    #scrlstart{
        display: none;
    }

    #scrlstop{
        display: none;
    }
}

@media screen and (max-width:450px){
    .hthumb {
        width: 80px;
        height: 80px;
    }
}

@media screen and (min-width:451px)  and (max-width:510px){
    .hthumb {
        width: 90px;
        height: 90px;
    }
}

@media screen and (min-width:511px) and (max-width:767px){

    .hthumb {
        width: 100px;
        height: 100px;
    }
}

@media screen and (min-width:768px) and (max-width:979px){
    .hthumb {
        width: 125px;
        height: 125px;
    }
}

@media screen and (min-width:768px) {

    .mainlyrics {
        font-family: Verdana,Arial,Helvetica;
        font-weight: 500;
    }
    .englishlyrics {
        font-family: Verdana,Arial,Helvetica;
        font-weight: 500;
    }
    .tvsize {
        font-family: Verdana,Arial,Helvetica;
        font-weight: 500;
    }
    .nativelyrics {
        font-family: Verdana,Arial,Helvetica;
    }
    .mainlyrics-sbs {
        font-family: Verdana,Arial,Helvetica;
    }
    .englishlyrics-sbs {
        font-family: Verdana,Arial,Helvetica;
    }
    .nativelyrics-sbs {
        font-family: Verdana,Arial,Helvetica;
    }

    .previous-weeks {
        float:right;
        text-align: right;
        position: relative; top: 7px;
    }
}

@media screen and (max-width:767px){

    .mainlyrics {
        font-family: Verdana,Arial,Helvetica;
        font-weight: 500;
    }
    .englishlyrics {
        font-family: Verdana,Arial,Helvetica;
        font-weight: 500;
    }
    .tvsize {
        font-family: Verdana,Arial,Helvetica;
        font-weight: 500;
    }
    .nativelyrics {
        font-family: Verdana,Arial,Helvetica;
        font-weight: 500;
    }
    .mainlyrics-sbs {
        font-family: Verdana,Arial,Helvetica;
        font-weight: 500;
    }
    .englishlyrics-sbs {
        font-family: Verdana,Arial,Helvetica;
        font-weight: 500;
    }
    .nativelyrics-sbs {
        font-family: Verdana,Arial,Helvetica;
        font-weight: 500;
    }

    .userfav {
        display: none;
    }

    #boxunit {
        margin: 0 auto;
        width: 100%;
    }

    #youtb {
        margin-bottom: 20px;
    }

    .previous-weeks {
        text-align: center;
    }
}

@media screen and (min-width:760px){

    #mcontent {
        margin-left: 20px;
    }
    #topnav {
        /*margin-right: 10px;*/
    }
    #bottomnav {
        /*margin-right: 10px;*/
    }
    .aimobile {
        display: none;
    }

    .lisize {
        font-size: 1.1em;
    }

    #ldata {
        font-size: 1.1em;
    }
    #snginfo {
        font-size: 1.1em;
    }
    #artinfo {
        font-size: 1.1em;
    }
    #artinfo2  {
        font-size: 1.1em;
    }
    #relatedsongs {
        font-size: 1.1em;
    }
}

@media screen and (min-width:980px)  and (max-width:1280px){
    .hthumb {
        width: 150px;
        height: 150px;
    }
}

@media screen and (min-width:830px) and (max-width:920px){
    li.padli {
        font-size:1.1em;
    }
}

@media screen and (max-width:830px){
    li.padli {
        font-size:1.0em;
    }
}


@media screen and (min-width:850px){
    .navbar-nav > li {
        /*width: 18px;*/
        /*padding-left: 5px;*/
        /*padding-right: 5px;*/
    }

}


@media screen and (min-width:1000px){

    .navbar-nav > li {
        /*width: 23px;*/
        /*padding-left: 10px;*/
        /*padding-right: 10px;*/
    }
    .lisize {
        font-size: 1.2em;

    }
    #ldata {
        font-size: 1.2em;
    }
    #snginfo {
        font-size: 1.2em;
    }
    #artinfo {
        font-size: 1.2em;
    }
    #artinfo2  {
        font-size: 1.2em;
    }
    #relatedsongs {
        font-size: 1.2em;
    }
}


@media screen and (min-width:1281px)  and (max-width:1449px){
    .hthumb {
        width: 200px;
        height: 200px;
    }
}

@media screen and (min-width:1450px) and (max-width:1880px){
    .hthumb {
        width: 250px;
        height: 250px;
    }
}

@media screen and (min-width:1881px){
    .hthumb {
        width: 300px;
        height: 300px;
    }
}