/*@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);/*

@font-face {
font-family:'GothamLight';
src:url(../fonts/GothamLight.eot);
src:url(../fonts/GothamLight.eot) format("embedded-opentype"),url(../fonts/GothamLight.woff2) format("woff2"),url(../fonts/GothamLight.woff) format("woff"),url(../fonts/GothamLight.ttf) format("truetype"),url(../fonts/GothamLight.svg#GothamLight) format("svg")
}

/*@font-face {
font-family:'GothamBook';
src:url(../fonts/GothamBook.eot);
src:url(../fonts/GothamBook.eot) format("embedded-opentype"),url(../fonts/GothamBook.woff2) format("woff2"),url(../fonts/GothamBook.woff) format("woff"),url(../fonts/GothamBook.ttf) format("truetype"),url(../fonts/GothamBook.svg#GothamBook) format("svg")
}*/

@font-face {
    font-family:'GothamMedium';
    src:url(../fonts/GothamMedium.eot);
    src:url(../fonts/GothamMedium.eot) format("embedded-opentype"),url(../fonts/GothamMedium.woff2) format("woff2"),url(../fonts/GothamMedium.woff) format("woff"),url(../fonts/GothamMedium.ttf) format("truetype"),url(../fonts/GothamMedium.svg#GothamMedium) format("svg")
    }
    
    /*@font-face {
    font-family:'GothamBold';
    src:url(../fonts/GothamBold.eot);
    src:url(../fonts/GothamBold.eot) format("embedded-opentype"),url(../fonts/GothamBold.woff2) format("woff2"),url(../fonts/GothamBold.woff) format("woff"),url(../fonts/GothamBold.ttf) format("truetype"),url(../fonts/GothamBold.svg#GothamBold) format("svg")
    }*/
    
    @font-face {
    font-family:'GothamBlack';
    src:url(../fonts/GothamBlack.eot);
    src:url(../fonts/GothamBlack.eot) format("embedded-opentype"),url(../fonts/GothamBlack.woff2) format("woff2"),url(../fonts/GothamBlack.woff) format("woff"),url(../fonts/GothamBlack.ttf) format("truetype"),url(../fonts/GothamBlack.svg#GothamBlack) format("svg")
    }
    
    img[src=""] {
        content:url("no-cover.png");
        border: 1px solid lightgrey;
        
    }
    
    * {
    margin:0;
    padding:0;
    outline:none
    }
    
    ul,ol {
    list-style:none
    }
    
    ::-webkit-input-placeholder {
    color:#b4b4b4
    }
    
    :-moz-placeholder {
    color:#b4b4b4
    }
    
    ::-moz-placeholder {
    color:#b4b4b4
    }
    
    :-ms-input-placeholder {
    color:#b4b4b4
    }
    
    body,html {
    min-height:100%
    }
    
    img {
    max-width:100%
    }
    
    .header {
    padding-top:10px
    }
    
    .header-right {
    float:right
    }
    
    .header-link {
    color:#565656;
    margin:24px 0 0
    }
    
    .header-link li {
    display:inline-block;
    vertical-align:middle
    }
    
    .header-link li a {
    display:block;
    position:relative;
    color:#565656
    }
    
    .login {
    font-size:16px;
    color:#434343;
    margin-left:20px
    }
    
    .login a {
    color:#434343;
    padding-left:50px
    }
    
    .login a:hover {
    color:#6097f3
    }
    
    .login a:hover:after {
    border-color:#6097f3
    }
    
    .login a:after {
    border:1px solid #b7b7b7;
    content:"";
    height:40px;
    width:40px;
    background:url(../images/user.png) no-repeat center center;
    border-radius:100px;
    position:absolute;
    left:0;
    top:50%;
    margin-top:-20px
    }
    
    .navbar {
    background:#2d5077;
    box-shadow:0 -4px 0 #1f3853 inset;
    -moz-box-shadow:0 -4px 0 #1f3853 inset;
    -webkit-box-shadow:0 -4px 0 #1f3853 inset;
    text-transform:uppercase
    }
    
    .alphabetWrap {
    background:#e1e1e1;
    padding:15px 0;
    border-bottom:1px solid #cacaca
    }
    
    .alphabet {
    text-align:center;
    margin:0;
    text-transform:uppercase
    }
    
    .alphabet li {
    /*font-family:'GothamBold';*/
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    display:inline-block;
    vertical-align:middle;
    position:relative
    }
    
    .alphabet li + li {
    margin-left:-4px
    }
    
    .alphabet li + li a:before {
    content:"";
    background:#cecece;
    position:absolute;
    width:1px;
    top:0;
    bottom:0;
    left:0
    }
    
    .alphabet li a {
    color:#707070;
    padding:2px 6px;
    display:block;
    position:relative
    }
    
    .alphabet li a:hover,.alphabet li.active a,.alphabet li .active {
    background:#6097f3;
    color:#fff;
    text-decoration:none
    }
    
    .searchWrap {
    margin-top:24px;
    position:relative;
    padding-right:190px
    }
    
    .searchWrap .form-control {
    border-color:#e1e1e1;
    border-right:0;
    border-radius:5px 0 0 5px;
    height:40px;
    font-size:15px;
    color:#838282;
    font-style:italic;
    position:relative;
    z-index:101
    }
    
    .btn-search {
    border-radius:0 5px 5px 0;
    text-transform:uppercase;
    font-size:18px;
    /*font-family:'GothamBold';*/
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-shadow:1px 1px 3px rgba(0,0,0,0.2);
    background:#6097f3;
    background:-webkit-gradient(linear,left top, left bottom,from(#6097f3),to(#5280cf));
    background:linear-gradient(to bottom,#6097f3 0%,#5280cf 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6097f3',endColorstr='#5280cf',GradientType=0);
    color:#fff;
    min-width:190px;
    position:absolute;
    top:0;
    right:0;
    bottom:0
    }
    
    .btn-search:hover {
    color:#fff;
    background:#5280cf;
    background:-webkit-gradient(linear,left top, left bottom,from(#5280cf),to(#6097f3));
    background:linear-gradient(to bottom,#5280cf 0%,#6097f3 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5280cf',endColorstr='#6097f3',GradientType=0)
    }
    
    .banner {
    text-align:center
    }
    
    .content {
    padding:20px 0
    }
    
    .topContent {
    margin-bottom:20px
    }
    
    h3 {
    color:#2b2b2b;
    font-family:'Oswald',sans-serif;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-top:0;
    padding-bottom:15px;
    border-bottom:1px solid #d9d9d9
    }
    
    h3 span {
    font-weight:300
    }
    
    h3.null {
    padding-bottom:0;
    border:0
    }
    
    .type2 h3 {
    border-color:#ebebeb
    }
    
    .adWrap {
    text-align:center
    }
    
    .vr-ad + .vr-ad {
    margin-top:28px
    }
    
    .type1 {
    padding:20px;
    background:#f2f2f2;
    position:relative
    }
    
    .type1:after {
    top:0;
    right:0;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    border-color:rgba(217,217,217,0);
    border-bottom-color:#d9d9d9;
    border-width:34px 34px 34px 0;
    margin:-32px 3px 0 0
    }
    
    .type1:before {
    top:0;
    right:0;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    border-color:rgba(255,255,255,0);
    border-top-color:#fff;
    border-width:38px 0 0 38px;
    margin-left:-38px
    }
    
    .sm-thumb-wrap {
    height:290px
    }
    
    .sm-thumb-wrap > a.clearfix {
    display:block
    }
    
    .sm-thumb-wrap > a.clearfix:hover .sm-thumb img {
    transform:scale(1.3);
    -moz-transform:scale(1.3);
    -webkit-transform:scale(1.3);
    -ms-transform:scale(1.3);
    -o-transform:scale(1.3)
    }
    
    .sm-thumb-wrap > .clearfix + .clearfix {
    margin-top:15px
    }
    
    .sm-thumb {
    float:left;
    width:60px;
    overflow:hidden;
    background:#ccc;
    text-align:center
    }
    
    .type-content {
    margin-left:72px;
    max-height:4.5em;
    overflow:hidden
    }
    
    .large-type-content {
    padding-top:15px
    }
    
    .type-content p {
    color:#575757;
    margin-bottom:0;
    max-height:3em;
    overflow:hidden
    }
    
    .sm-ttl {
    color:#6097f3;
    font-size:15px;
    font-weight:500
    }
    
    .hr-ad {
    margin:20px 0;
    text-align:center
    }
    
    .type2 .list-tick {
    margin-bottom:15px;
    padding-top:10px
    }
    
    .list-tick {
    margin-left:32px;
    color:#575757;
    font-weight:500
    }
    
    .list-tick li {
    padding-left:4px;
    position:relative
    }
    
    .list-tick li:before {
    position:absolute;
    top:0;
    right:100%;
    content:"";
    width:8px;
    height:8px;
    border-radius:10px;
    background:#575757;
    margin-top:6px;
    margin-right:7px
    }
    
    .list-tick li + li {
    margin-top:10px
    }
    
    .more-btn {
    background:#6097f3;
    background:-webkit-gradient(linear,left top, left bottom,from(#6097f3),to(#5281d0));
    background:linear-gradient(to bottom,#6097f3 0%,#5281d0 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6097f3',endColorstr='#5281d0',GradientType=0);
    color:#fff;
    text-transform:uppercase;
    font-weight:700
    }
    
    .more-btn:hover {
    color:#ccc
    }
    
    .type2 .more-btn {
    text-transform:uppercase
    }
    
    .btn-arrow {
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    border-color:rgba(255,255,255,0);
    border-left-color:#fff;
    border-width:5px 0 5px 4px;
    display:inline-block;
    width:0;
    height:0;
    margin-left:4px;
    vertical-align:middle;
    margin-top:-2px
    }
    
    .news {
    color:#575757;
    padding-top:6px
    }
    
    .news > a.clearfix {
    color:#575757;
    display:block
    }
    
    .news > .clearfix {
    background:#ebebeb
    }
    
    .news > a.clearfix:hover {
    background:#d3e1fa
    }
    
    .news > .clearfix + .clearfix {
    margin-top:20px
    }
    
    .newsDate {
    text-align:center;
    background:#6097f3;
    width:80px;
    position:relative;
    color:#fff;
    display:inline-block;
    vertical-align:middle;
    padding:15px 5px
    }
    
    .newsDate:after {
    left:100%;
    top:50%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    border-color:rgba(96,151,243,0);
    border-left-color:#6097f3;
    border-width:11px 0 11px 9px;
    margin-top:-11px
    }
    
    .newsDate span {
    font-weight:600;
    font-size:20px
    }
    
    .newsDate p {
    margin:0;
    font-weight:300
    }
    
    .news-content {
    margin-left:15px;
    padding:6px;
    display:inline-block;
    vertical-align:middle
    }
    
    .news-content p {
    margin:0
    }
    
    .sm-hdng {
    font-size:18px;
    color:#2b2b2b
    }
    
    .leftPanel {
    width:260px;
    float:left;
    background:#f9f9f9
    }
    
    .leftPanel + .leftPanel {
    margin-left:15px
    }
    
    .link {
    color:#548ceb
    }
    
    .item-elm {
    position:relative;
    margin-bottom:24px;
    overflow:hidden;
    max-height:inherit!important
    }
    
    .item-elm img {
    height:auto!important;
    width:100%!important
    }
    
    a.item-elm {
    display:block
    }
    
    a.songnamelist {
    font-size: 16px;
    }
    .leftPanel .item-elm {
    margin-bottom:0
    }
    
    .item-elm {
    box-shadow:2px 2px 3px 0 rgba(0,0,0,0.15);
    -moz-box-shadow:2px 2px 3px 0 rgba(0,0,0,0.15);
    -webkit-box-shadow:2px 2px 3px 0 rgba(0,0,0,0.15)
    }
    
    .descp {
    background:rgba(255,255,255,0.9);
    padding:10px 20px;
    position:absolute;
    left:0;
    right:0;
    bottom:0
    }
    
    .descp .title {
    color:#000;
    font-size:20px;
    /*font-family:'GothamBook';*/
    font-family: 'Montserrat', sans-serif;
    margin-bottom:10px;
    white-space:nowrap;
    text-overflow:ellipsis
    }
    
    .descp .title span {
    display:inline-block;
    vertical-align:middle;
    border-bottom:2px solid #c2c2c1;
    line-height:.9
    }
    
    .descp .link {
    display:inline-block;
    padding-right:12px;
    position:relative;
    text-transform:uppercase
    }
    
    .descp .link:after {
    left:100%;
    top:50%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    border-color:rgba(96,151,243,0);
    border-left-color:#6097f3;
    border-width:5px;
    margin-top:-5px
    }
    
    #thumbView .descp .link:after {
    border-color:rgba(96,151,243,0);
    border-top-color:#6097f3;
    border-width:5px;
    margin-left:-3px;
    margin-top:-3px
    }
    
    .tabcontent_cell .item-elm:hover .descp {
    background:rgba(64,136,226,0.9);
    color:#fff
    }
    
    .tabcontent_cell .item-elm:hover .title,.tabcontent_cell .item-elm:hover .link {
    color:#fff
    }
    
    .tabcontent_cell .item-elm:hover .title span {
    border-color:#80abe9
    }
    
    .tabcontent_cell .item-elm:hover .link:after {
    border-left-color:#fff
    }
    
    .itemList li + li {
    border-top:1px dashed #e0e0e0
    }
    
    .itemList li a {
    display:block;
    padding:8px 20px
    }
    
    .itemList li a:after,.itemList li a:before {
    display:table;
    content:""
    }
    
    .itemList li a:after {
    clear:both
    }
    
    .itemList li a > span {
    font-size:16px;
    color:#6097f3;
    border:1px solid #6097f3;
    width:28px;
    min-height:28px;
    text-align:center;
    font-weight:700;
    border-radius:100px;
    padding:2px;
    float:left
    }
    
    .list-content {
    margin-left:36px
    }
    
    .list-content .sm-hdng {
    font-size:17px;
    line-height:1.1;
    height:38px;
    overflow:hidden;
    display:table;
    width:100%
    }
    
    .sm-hdng span {
    display:table-cell;
    vertical-align:middle
    }
    
    .list-content p {
    margin:0;
    color:#575757
    }
    
    .itemList li a:hover > span {
    background:#6097f3;
    color:#fff
    }
    
    .leftPanel .btnOuter {
    padding:0 22px
    }
    
    .footer {
    padding:15px 0;
    background:url(../images/footer-bg.jpg) no-repeat center top;
    color:#fff;
    background-size:cover
    }
    
    .footerLeft {
    float:left
    }
    
    .footerRight {
    float:right;
    font-size:12px;
    text-align:right
    }
    
    .fAbut,.fAbutTxt {
    display:inline-block;
    vertical-align:middle
    }
    
    .fAbut {
    font-size:22px;
    font-family:'Oswald',sans-serif;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:1px
    }
    
    .fAbut span {
    font-weight:700
    }
    
    .fAbutTxt {
    position:relative;
    margin-left:15px;
    padding-left:18px
    }
    
    .fAbutTxt p {
    margin:0
    }
    
    .fAbutTxt:before {
    content:"";
    position:absolute;
    height:100%;
    width:1px;
    background:#5d7a9e;
    right:100%;
    top:0
    }
    
    .copy {
    text-transform:uppercase
    }
    
    .footer-link {
    text-transform:uppercase;
    margin-bottom:4px
    }
    
    .footer-link li {
    display:inline-block;
    vertical-align:middle;
    color:#b3b3b3
    }
    
    .footer-link li + li:before {
    content:"-";
    margin:0 5px 0 7px
    }
    
    .footer-link li a {
    color:#b3b3b3
    }
    
    .footer-link li a:hover {
    color:#fff
    }
    
    .item-elm-wrap {
    margin:0 -15px
    }
    
    .tabcontent_cell {
    width:25%;
    padding:0 15px;
    float:left
    }
    
    .tabcontent_cell .item-elm {
    cursor:pointer
    }
    
    @media (min-width: 550px) {
    .alphabet {
    display:table;
    width:100%
    }
    
    .alphabet li {
    display:table-cell
    }
    
    .alphabet li + li {
    margin-left:0
    }
    }
    
    @media (min-width: 768px) {
    .navbar-collapse {
    margin-left:-15px!important;
    margin-right:-15px!important
    }
    }
    
    @media (min-width: 992px) {
    .alphabet li {
    font-size:18px;
    line-height:18px
    }
    
    .searchWrap .form-control {
    height:50px;
    font-size:19px
    }
    
    .btn-search {
    font-size:24px
    }
    
    .fAbutTxt {
    font-size:16px
    }
    
    .footer {
    padding:20px 0
    }
    
    h3 {
    margin-bottom:18px
    }
    
    .hr-ad {
    margin:30px 0
    }
    
    .list-tick li {
    font-size:15px
    }
    
    .newsDate span {
    font-weight:700;
    font-size:28px;
    line-height:28px
    }
    
    .type2 .list-tick {
    margin-bottom:22px
    }
    
    .content {
    padding:30px 0
    }
    
    .leftPanel {
    padding-bottom:10px
    }
    
    .adWrap {
    padding-left:12px;
    padding-right:12px
    }
    }
    
    @media (min-width: 1199px) {
    .newsDate {
    padding-top:18px;
    padding-bottom:18px
    }
    }
    
    .titleLeft {
    font-size:24px;
    color:#2b2b2b;
    text-transform:uppercase;
    font-family:'Oswald',sans-serif;
    margin-top:0;
    padding-bottom:12px;
    border-bottom:1px solid #e5e5e5
    }
    
    .clearfix .titleLeft {
    float:left;
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:0
    }
    
    .titleLeft span {
    font-weight:300
    }
    
    .headRight {
    float:right
    }
    
    .fltrWrap {
    float:left
    }
    
    .fltrWrap + .fltrWrap {
    margin-left:30px
    }
    
    .fltrWrap > span {
    color:#6097f3;
    font-weight:600;
    margin-right:10px
    }
    
    .fltrWrap .selectOuter,.fltrWrap > span {
    display:inline-block;
    vertical-align:middle
    }
    
    .fltrWrap .selectOuter .selectpicker {
    min-width:120px
    }
    
    .selectpicker {
    background:#f2f2f2;
    border:0;
    font-family:'Roboto',sans-serif
    }
    
    .selectpicker.btn-default {
    color:#575757
    }
    
    .selectpicker .caret {
    color:#676767;
    border-top:6px dashed;
    border-top:6px solid \9;
    border-right:6px solid transparent;
    border-left:6px solid transparent;
    margin-top:-2px;
    margin-right:4px
    }
    
    .songList {
    padding:15px 0;
    border-bottom:1px solid #e5e5e5
    }
    
    .star {
    background:url(../images/star.png) no-repeat center left;
    height:21px;
    width:21px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:4px;
    position:relative
    }
    
    .star span {
    position:absolute;
    content:"";
    top:0;
    bottom:0;
    left:0;
    background:url(../images/blue-star.png) no-repeat center left
    }
    
    .rateStar span {
    font-weight:700;
    color:#aeafaf;
    font-size:18px
    }
    
    .songListLeft {
    float:left;
    margin-right:20px
    }
    
    .songListContent {
    color:#575757;
    overflow:hidden;
    padding-top:3px
    }
    
    .songListContent p {
    margin-bottom:6px
    }
    
    p.bluePrag {
    color:#6097f3
    }
    
    .songStatus {
    float:right;
    color:#989898
    }
    
    .resultname {
        background-color: white;
        color: grey;
        font-size: 14px;
        vertical-align: middle;
    }

    .numberofhits {
        color:lightgrey;
        background-color: white;
        font-size: 11px;
        vertical-align: middle;
    }
    .resulttop{
        
        position: relative;
    }
    .resulttop:after {
        content:"";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 0.5em;
        border-top: 1px solid lightgrey;
        z-index: -1;
    }
    .songListContent h4 {
    color:#000;
    font-size:20px;
    /*font-family:'GothamBook';*/
    font-family: 'Montserrat', sans-serif;
    border-bottom:1px solid #d4d4d4;
    margin:0 20px 0 0;
    line-height:20px;
    float:left
    }
    
    .hasTagWrap {
    float:left;
    margin-top:-3px;
    padding-right:20px
    }
    
    .hasTag {
    border:1px solid #d4d4d4;
    border-right:0;
    position:relative;
    padding:1px 22px 1px 8px;
    display:inline-block;
    vertical-align:middle
    }
    
    .hasTag + .hasTag {
    margin-left:25px
    }
    
    .hasTag span,.hasTag a {
    display:block;
    color:#575757
    }
    
    .hasTag a:hover {
    color:#6097f3
    }
    
    .hasTag span:after,.hasTag a:after {
    content:"";
    position:absolute;
    width:6px;
    height:6px;
    border:1px solid #d4d4d4;
    border-radius:50px;
    top:50%;
    margin-top:-3px;
    right:2px
    }
    
    .hasTag:after,.hasTag:before {
    left:100%;
    top:50%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none
    }
    
    .hasTag:after {
    border-color:rgba(255,255,255,0);
    border-left-color:#fff;
    border-width:11px 10px;
    margin-top:-11px
    }
    
    .hasTag:before {
    border-color:rgba(212,212,212,0);
    border-left-color:#d4d4d4;
    border-width:12px 11px;
    margin-top:-12px
    }
    
    @media (max-width: 767px) {
    .songStatus {
    float:left;
    margin-top:2px
    }
    
    .sm-pic {
    margin-left:15px
    }
    
    .songListLeft {
    margin-right:15px
    }
    
    .titleLeft,.headRight {
    float:none
    }
    
    .headRight {
    margin-top:5px
    }
    
    .fltrWrap + .fltrWrap {
    margin-left:20px
    }
    
    .songListContent h4 {
    font-size:18px
    }
    }
    
    @media (max-width: 500px) {
    .songListContent {
    padding-top:0
    }
    
    .hasTagWrap {
    margin-top:4px
    }
    
    .fltrWrap {
    float:none
    }
    
    .fltrWrap + .fltrWrap {
    margin:5px 0 0
    }
    
    .rateStar span {
    font-size:15px
    }
    
    .pagination {
    font-size:15px
    }
    }
    
    @media (max-width: 430px) {
    .sm-pic {
    margin-left:0;
    float:none
    }
    
    .rateStar {
    float:none;
    margin-bottom:5px
    }
    
    .songListLeft {
    max-width:65px
    }
    }
    
    #stickyunit {
    position:fixed
    }
    
    .innerHead {
    border-bottom:1px solid #e5e5e5;
    padding-bottom:20px
    }
    
    .titleLeft span {
    font-weight:300
    }
    
    .headRight {
    float:right
    }
    
    .fltrWrap {
    float:left
    }
    
    .fltrWrap + .fltrWrap {
    margin-left:30px
    }
    
    .fltrWrap > span {
    color:#6097f3;
    font-weight:600;
    margin-right:10px
    }
    
    .fltrWrap .selectOuter,.fltrWrap > span {
    display:inline-block;
    vertical-align:middle
    }
    
    .fltrWrap .selectOuter .selectpicker {
    min-width:120px
    }
    
    .selectpicker {
    background:#f2f2f2;
    border:0;
    font-family:'Roboto',sans-serif
    }
    
    .selectpicker.btn-default {
    color:#575757
    }
    
    .selectpicker .caret {
    color:#d6d6d6;
    border-top:6px dashed;
    border-top:6px solid \9;
    border-right:6px solid transparent;
    border-left:6px solid transparent;
    margin-top:-2px;
    margin-right:4px
    }
    
    .songList {
    padding:15px 0;
    border-bottom:1px solid #e5e5e5
    }
    
    .rateStar {
    background:#f2f2f2;
    border-radius:5px;
    text-align:center;
    padding:8px 12px;
    float:left
    }
    
    .star {
    background:url(../images/star.png) no-repeat center left;
    height:21px;
    width:21px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:4px;
    position:relative
    }
    
    .star span {
    position:absolute;
    content:"";
    top:0;
    bottom:0;
    left:0;
    background:url(../images/blue-star.png) no-repeat center left
    }
    
    .rateStar span {
    font-weight:700;
    color:#aeafaf;
    font-size:18px
    }
    
    .sm-pic {
    margin-left:20px;
    float:left;
    border-radius:5px
    }
    
    .sm-pic img {
    border-radius:5px
    }
    
    .songListLeft {
    float:left;
    margin-right:20px
    }
    
    .songListContent {
    color:#575757;
    overflow:hidden;
    padding-top:3px
    }
    
    .songListContent p {
    margin-bottom:6px
    }
    
    p.bluePrag {
    color:#6097f3
    }
    
    .songStatus {
    float:right;
    color:#989898
    }
    
    .songListContent h4 {
    color:#000;
    font-size:20px;
    /*font-family:'GothamBook';*/
    font-family: 'Montserrat', sans-serif;
    border-bottom:1px solid #d4d4d4;
    margin:0 20px 0 0;
    line-height:20px;
    float:left
    }
    
    .artistName {
    color:#548ceb;
    border-bottom:1px solid #dce6fa;
    text-transform:uppercase;
    /*font-family:'GothamMedium';*/
    font-family: 'Montserrat', sans-serif;
    display:inline-block;
    margin-top:4px
    }
    
    .hasTagWrap {
    float:left;
    margin-top:-3px;
    padding-right:20px
    }
    
    .hasTag {
    border:1px solid #d4d4d4;
    border-right:0;
    position:relative;
    padding:1px 22px 1px 8px;
    display:inline-block;
    vertical-align:middle
    }
    
    .hasTag + .hasTag {
    margin-left:25px
    }
    
    .hasTag span,.hasTag a {
    display:block;
    color:#575757
    }
    
    .hasTag a:hover {
    color:#6097f3
    }
    
    .hasTag span:after,.hasTag a:after {
    content:"";
    position:absolute;
    width:6px;
    height:6px;
    border:1px solid #d4d4d4;
    border-radius:50px;
    top:50%;
    margin-top:-3px;
    right:2px
    }
    
    .hasTag:after,.hasTag:before {
    left:100%;
    top:50%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none
    }
    
    .hasTag:after {
    border-color:rgba(255,255,255,0);
    border-left-color:#fff;
    border-width:11px 10px;
    margin-top:-11px
    }
    
    .hasTag:before {
    border-color:rgba(212,212,212,0);
    border-left-color:#d4d4d4;
    border-width:12px 11px;
    margin-top:-12px
    }
    
    .btn-group .btn-primary + .btn-primary,.btn-group .btn-primary:hover + .btn-primary {
    border-left:1px solid #90b6f7
    }
    
    .btn-icon-wrap {
    margin-left:20px
    }
    
    .btn-icon-wrap .btn {
    background-repeat:no-repeat;
    background-position:center center;
    height:30px;
    min-width:34px;
    position:relative
    }
    
    .edit {
    background-image:url(../images/edit.png)
    }
    
    .email {
    background-image:url(../images/email.png)
    }
    
    .public {
    background-image:url(../images/public.png)
    }
    
    .setting {
    background-image:url(../images/setting.png)
    }
    
    .edit.active {
    background-image:url(../images/edit-active.png)
    }
    
    .email.active {
    background-image:url(../images/email-active.png)
    }
    
    .public.active {
    background-image:url(../images/public-active.png)
    }
    
    .setting.active {
    background-image:url(../images/setting-active.png)
    }
    
    .btn-icon-wrap .btn:hover,.btn-icon-wrap .btn.active {
    background-color:#6097f3
    }
    
    .fltrWrap + .fltrWrap.less-mrgn {
    margin-left:8px
    }
    
    .btn-add {
    font-weight:700;
    font-size:12px;
    line-height:14px;
    padding:5px 12px;
    text-transform:uppercase
    }
    
    .innerHead > .clearfix + .clearfix {
    margin-top:20px
    }
    
    .inbox-tool {
    float:right;
    text-align:right
    }
    
    .inbox-tool .btn-default {
    text-transform:uppercase
    }
    
    .inboxList {
    margin-bottom:20px
    }
    
    .inboxList li {
    padding:10px;
    border-bottom:1px solid #e5e5e5;
    position:relative;
    padding-left:40px
    }
    
    .inboxList .chckWrap {
    position:absolute;
    top:50%;
    left:10px;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%)
    }
    
    .inboxTitle {
    float:left;
    font-size:20px;
    color:#000;
    /*font-family:'GothamBook';*/
    font-family: 'Montserrat', sans-serif;
    border-left:1px solid #e5e5e5;
    padding:0 20px;
    line-height:34px
    }
    
    .inboxTitle span {
    font-size:14px;
    color:#548ceb;
    font-family:'GothamMedium';
    display:inline-block;
    border-left:1px solid #e5e5e5;
    padding-left:20px;
    margin-left:15px;
    text-transform:uppercase
    }
    
    .radio-check label {
    color:#929191;
    font-weight:400
    }
    
    .radio-check + .radio-check {
    margin-top:8px
    }
    
    .radio-check:after,.radio-check:before {
    content:"";
    display:table
    }
    
    .radio-check:after {
    clear:both
    }
    
    .radio-check input[type="checkbox"],.radio-check input[type="radio"],.chckWrap input[type="checkbox"],.chckWrap input[type="radio"] {
    display:none
    }
    
    input[type="checkbox"] + label {
    cursor:pointer
    }
    
    input[type="checkbox"] + label span {
    display:inline-block;
    width:20px;
    height:20px;
    margin:-2px 6px 0 0;
    vertical-align:middle;
    cursor:pointer;
    background-color:#f2f2f2;
    border:0;
    position:relative;
    border-radius:5px
    }
    
    input[type="checkbox"]:checked + label span {
    background:url(../images/white-check.png) center center no-repeat;
    background-color:#6097f3
    }
    
    input[type="radio"] + label {
    cursor:pointer
    }
    
    input[type="radio"] + label span {
    width:20px;
    height:20px;
    margin:-2px 4px 0 0;
    display:inline-block;
    vertical-align:middle;
    cursor:pointer;
    -webkit-appearance:none;
    background-color:#f2f2f2;
    border:1px solid #6097f3;
    border-radius:50px;
    position:relative
    }
    
    input[type="radio"]:checked + label span:after {
    content:' ';
    width:8px;
    height:8px;
    border-radius:50px;
    position:absolute;
    top:3px;
    background:#6097f3;
    text-shadow:0;
    left:3px;
    font-size:32px
    }
    
    .btnOuter {
    margin:15px 0
    }
    
    .hdLeft {
    float:left
    }
    
    .inboxSelect {
    border:1px solid #b6b6b6;
    border-radius:5px;
    padding:8px 12px;
    position:relative
    }
    
    .inboxSelect .caret {
    border:0;
    width:12px;
    height:8px;
    background:url(../images/down-arrow.png) no-repeat center center
    }
    
    .btn-mn {
    background-color:#f2f2f2;
    border-radius:4px;
    height:20px;
    width:20px;
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin-right:10px
    }
    
    .btn-mn.minus:before {
    content:"";
    position:absolute;
    height:3px;
    width:14px;
    top:50%;
    left:50%;
    margin:-1.5px 0 0 -7px;
    z-index:2;
    background:#b3b1b1
    }
    
    .selectAll {
    background:#6097f3 url(../images/white-check.png) center center no-repeat
    }
    
    .inboxSelectDropdown {
    display:none;
    min-width:95px;
    padding:2px 0;
    position:absolute;
    top:100%;
    left:0;
    z-index:9
    }
    
    .inboxSelectDropdown ul {
    background:#fff;
    padding:6px 0;
    border:1px solid #ccc
    }
    
    .dropLink li a {
    color:#333;
    display:block;
    padding:3px 10px
    }
    
    .dropLink li:hover a {
    background:#efefef
    }
    
    .inboxSelect:hover .inboxSelectDropdown {
    display:block
    }
    
    .hdLeft > .inboxSelect,.hdLeft + .btn-group {
    float:left
    }
    
    .hdLeft > .btn-group {
    margin-left:20px
    }
    
    .gray-group .btn + .btn,.hdLeft > .btn-group .btn + .btn,.hdLeft > .btn-group .btn:hover + .btn {
    border-left:1px solid #fff
    }
    
    .hdLeft > .btn-group .btn,.gray-group .btn {
    background-repeat:no-repeat;
    background-position:center center;
    height:40px;
    min-width:40px;
    background-color:#f2f2f2
    }
    
    .btn-nw1 {
    background-image:url(../images/inbox.png)
    }
    
    .btn-delete {
    background-image:url(../images/delete.png)
    }
    
    .btn-move {
    background-image:url(../images/move.png)
    }
    
    .bootstrap-select .dropdown-menu {
    background:#f2f2f2
    }
    
    .bootstrap-select .dropdown-menu li + li {
    border-top:1px solid #fff
    }
    
    .bootstrap-select .dropdown-menu > li > a {
    padding-top:6px;
    padding-bottom:6px
    }
    
    .inbox-tool .rateStar {
    background:transparent;
    padding-top:6px;
    padding-bottom:6px;
    padding-left:0
    }
    
    .inbox-tool .star,.inbox-tool .rateStar > span {
    display:inline-block;
    vertical-align:middle;
    margin:0
    }
    
    .rateStar > span {
    margin-left:5px
    }
    
    .songBookTool .fltrWrap,.songBookTool .inboxSelect {
    float:left;
    margin-left:0;
    margin-right:15px
    }
    
    .songBookTool ul {
    margin-bottom:0
    }
    
    .songBookTool .btn-icon-wrap {
    float:right;
    margin-right:0
    }
    
    .songBookTool .btn-icon-wrap .btn {
    background-repeat:no-repeat;
    background-position:center center;
    height:38px;
    min-width:36px
    }
    
    .songBookTool.innerHead {
    border-bottom:0;
    padding-bottom:8px
    }
    
    .customDropdown {
    border:1px solid #dedede;
    border-radius:3px;
    box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2);
    -moz-box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2);
    padding:15px;
    background:#fff;
    display:none;
    position:relative
    }
    
    #editDropDown {
    padding-top:28px
    }
    
    .inboxList {
    border-top:1px solid #e5e5e5;
    margin-top:20px
    }
    
    .right-btn {
    float:right;
    width:12%;
    text-align:right
    }
    
    .right-btn .btn + .btn {
    margin-left:5px
    }
    
    .left-input {
    float:left;
    width:88%;
    padding-right:20px
    }
    
    .customDropdown .btn-primary {
    text-transform:uppercase
    }
    
    .customDropdown p {
    color:#aaa
    }
    
    .customDropdown h5 {
    font-size:15px;
    font-weight:700;
    color:#000;
    margin-top:0;
    margin-bottom:3px;
    text-transform:uppercase
    }
    
    .customDropdown h6 {
    font-weight:700;
    color:#000;
    margin-top:0;
    margin-bottom:3px
    }
    
    .left-input.by3 {
    width:29%
    }
    
    .customDropdown .form-control {
    color:#000;
    background:#f2f2f2;
    border:0
    }
    
    .left-input.by2 {
    width:44%
    }
    
    .left-input > span,.right-btn > span {
    font-size:15px;
    font-weight:700;
    color:#000;
    text-transform:uppercase;
    margin-bottom:4px;
    display:block
    }
    
    .customDropdown .selectpicker .caret {
    background:url(../images/select-arrow.png) no-repeat center center;
    width:14px;
    height:12px;
    margin-top:-6px;
    border:0
    }
    
    .show.customDropdown {
    display:block
    }
    
    .customDropdown .remove {
    position:absolute;
    right:6px;
    top:6px;
    line-height:10px;
    color:#aaa;
    background:transparent;
    border:0;
    line-height:12px;
    font-weight:600;
    width:12px;
    height:12px;
    font-size:16px
    }
    
    .innerHead .btn {
    position:relative
    }
    
    .active.btn:after,.active.btn:before {
    bottom:-11px;
    left:50%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    z-index:9
    }
    
    .active.btn:after {
    border-color:rgba(255,255,255,0);
    border-bottom-color:#fff;
    border-width:6px;
    margin-left:-6px
    }
    
    .active.btn:before {
    border-color:rgba(222,222,222,0);
    border-bottom-color:#dedede;
    border-width:7px;
    margin-left:-7px
    }
    
    .gray-group .active.btn:after,.gray-group .active.btn:before {
    bottom:-10px
    }
    
    .resourceBox {
    padding:15px;
    background:#f2f2f2;
    margin-top:15px
    }
    
    .resourceBox h2 {
    /*font-family:'GothamBook';*/
    font-family: 'Montserrat', sans-serif;
    margin-top:0;
    font-size:20px;
    color:#000
    }
    
    .resourceLink li + li {
    margin-top:5px
    }
    
    .resourceLink li a {
    color:#6097f3;
    text-decoration:underline
    }
    
    .resourceLink li a:hover {
    color:#000;
    text-decoration:none
    }
    
    #brd-visit:before,#brd-visit:after,.main-frm:before,.main-frm:after,.main-item:before,.main-item:after {
    display:table;
    content:""
    }
    
    #brd-visit:after,.main-frm:after,.main-item:after {
    clear:both
    }
    
    .content.forum {
    padding-top:0
    }
    
    #brd-navlinks {
    background:#e1e1e1;
    -webkit-box-shadow:0 -1px 0 0 #cacaca inset;
    box-shadow:0 -1px 0 0 #cacaca inset;
    -moz-box-shadow:0 -1px 0 0 #cacaca inset
    }
    
    #brd-navlinks ul {
    margin:0;
    display: inline;
    }
    
    #brd-navlinks ul li {
    text-transform:uppercase;
    display:inline-block;
    vertical-align:middle
    }
    
    #brd-navlinks ul li a {
    display:block;
    padding:14px 16px;
    color:#000
    }
    
    #brd-navlinks ul li.isactive a,#brd-navlinks ul li:hover a {
    color:#6097f3;
    background:#ebebeb
    }
    
    #brd-navlinks ul li + li {
    margin-left:-3px
    }
    
    #brd-visit {
    padding:15px 0 5px
    }
    
    #welcome {
    float:left;
    color:#575757
    }
    
    #visit-links {
    float:right
    }
    
    #visit-links a {
    color:#6097f3
    }
    
    #visit-links a:hover {
    color:#000
    }
    
    #visit-links span + span {
    margin-left:30px
    }
    
    .main-title {
    color:#2b2b2b;
    font-size:24px;
    text-transform:uppercase;
    font-family:'Oswald',sans-serif
    }
    
    .main-frm {
    border-radius:3px;
    border:1px solid #dedede;
    padding:15px;
    margin:15px 0 20px;
    box-shadow:1px 1px 3px 0 rgba(0,0,0,0.15);
    -moz-box-shadow:1px 1px 3px 0 rgba(0,0,0,0.15);
    -webkit-box-shadow:1px 1px 3px 0 rgba(0,0,0,0.15)
    }
    
    .leftElement,.content-head + #req-msg + #afocus,.content-head +.ct-box.error-box + #req-msg + #afocus,.info-box + #req-msg + #afocus,.info-box + #afocus {
    float:left
    }
    
    .ct-box.error-box {
       color: red;
       font-weight: bold;
    }
    .rightElement,.main-frm .content-head,.main-frm .info-box {
    float:right
    }
    
    #fld2{
        padding: 5px;
    }

    .main-frm .leftElement,.content-head + #req-msg + #afocus,.content-head +.ct-box.error-box + #req-msg + #afocus,.info-box + #req-msg + #afocus,.info-box + #afocus {
    padding:0 20px;
    border-right:1px solid #dedede;
    width:30%
    }
    
    .main-frm .rightElement,.main-frm .content-head,.main-frm .info-box {
    width:70%;
    padding:0 20px
    }
    
    .sf-set,.mf-set {
    margin-bottom:12px
    }
    
    .fld-input {
    display:block
    }
    
    .fld-input input {
    width:100%;
    border:0;
    background:#f2f2f2;
    border-radius:3px;
    height:36px;
    padding:4px 6px
    }
    
    textarea#fld1 {
    width: 100%;
    padding: 10px;
    margin: 10px;
    }
    
    #brd-pagepost-end .posting{display: none;}
    
    .sf-box > label > span {
    text-transform:uppercase
    }
    
    .checkbox label {
    padding-left:0
    }
    
    .frm-buttons .submit, .frm-buttons .cancel {
    display:inline-block;
    margin-top:5px
    }
    
    .frm-buttons .submit input, .frm-buttons .cancel input, .options > .submit > input{
    display:inline-block;
    padding:6px 12px;
    margin-bottom:0;
    font-size:14px;
    font-weight:400;
    line-height:1.42857143;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    cursor:pointer;
    background-image:none;
    border-radius:4px;
    color:#fff;
    background-color:#6097f3;
    border:0
    }
    
    .frm-buttons .submit input:hover, .frm-buttons .cancel input:hover {
    color:#fff;
    background-color:#477dd7
    }
    
    .frm-buttons .submit .btn,.frm-buttons .submit input,.frm-buttons .cancel input,.frm-buttons .cancel .btn {
    font-weight:700;
    text-transform:uppercase
    }
    
    .content-head .hn,.ct-box p {
    color:#a3a3a3
    }
    
    .content-head .hn a {
    color:#6097f3
    }
    
    .content-head .hn a:hover {
    text-decoration:underline
    }
    
    .main-frm .content-head,.main-frm .info-box,.rightElement .ct-box {
    padding-top:22px
    }
    
    .forum strong {
    font-weight:700;
    margin-right:4px
    }
    
    label small {
    font-weight:400
    }
    
    #brd-main:after,#brd-stats:after,#brd-online:after,#brd-main:before,#brd-stats:before,#brd-online:before,#brd-about:after,#brd-about:before,#brd-qpost:after,#brd-qpost:before {
    content:"";
    display:table
    }
    
    #brd-main:after,#brd-stats:after,#brd-online:after,#brd-about:after,#brd-qpost:after {
    clear:both
    }
    
    #brd-main,#brd-stats,#brd-online,#brd-about,#brd-qpost {
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto;
    float:none!important
    }
    
    .tc0 > span.usermail {
    padding-left: 30px;
    }
    
    .main-forum > table {
        width: 100%;
        font-size: 120%;
    }
    
    #brd-searchtopics .main-foot > .options, #brd-searchtopics .main-head > .options {
        display: none;
    }
    
    #aus-find-user-results-form > .main-options {
        margin-top: 30px;
    }
    @media (min-width: 768px) {
    #brd-main,#brd-stats,#brd-online,#brd-about,#brd-qpost {
    width:750px
    }
    }
    
    @media (min-width: 992px) {
    #brd-main,#brd-stats,#brd-online,#brd-about,#brd-qpost {
    width:970px
    }
    }
    
    @media (min-width: 1200px) {
    #brd-main,#brd-stats,#brd-online,#brd-about,#brd-qpost {
    width:1170px
    }
    }
    
    #brd-crumbs-end,#brd-crumbs-top {
        display: block;
    }
    
    
    #brd-login > #brd-crumbs-top,h2.hn,#req-msg,.main-subhead {
    display:none
    }
    
    .main-category {
    padding:10px 0;
    border-top:1px solid #e5e5e5
    }
    
    .main-category > div {
    padding-bottom:10px
    }
    
    .main-category > div + div {
    border-top:1px solid #e5e5e5;
    padding:10px 0
    }
    
    .main-category .icon {
    float:left;
    width:85px;
    min-height:36px;
    background:#ccc;
    border-radius:3px
    }
    
    .main-category .icon img {
    border-radius:3px
    }
    
    .item-subject {
    float:left;
    padding:0 15px;
    width:60%
    }
    
    .item-subject p {
    color:#575757
    }
    
    .item-info {
    float:right;
    width:30%
    }
    
    .item-subject h3 {
    border:0;
    margin:0;
    padding:0;
    font-size:20px;
    font-family:'GothamBook'
    }
    
    .item-subject h3 a {
    color:#000
    }
    
    .item-subject h3 a:hover {
    color:#23527c
    }
    
    #category1 {
    margin-top:20px
    }
    
    #brd-online h3 {
    border-bottom:0;
    padding-bottom:0;
    margin-bottom:0;
    padding-top:15px;
    border-top:1px solid #e5e5e5
    }
    
    #brd-stats > ul {
    padding:20px 0;
    border-top:1px solid #e5e5e5
    }
    
    #brd-stats > ul li + li {
    margin-top:3px
    }
    
    .item-info li {
    position:relative;
    float:left;
    padding-top:26px;
    width:28%
    }
    
    .item-info li span {
    color:#575757;
    position:absolute;
    left:0;
    right:0;
    top:5px;
    text-align:left;
    padding:0;
    font-size:14px;
    font-weight:400!important;
    text-transform:capitalize;
    white-space:normal
    }
    
    .item-info li.info-lastpost {
    width:44%
    }
    
    .info-topics strong,.info-posts strong {
    font-weight:400!important
    }
    
    .info-lastpost strong a {
    color:#000;
    font-weight:400;
    font-size:14px
    }
    
    .info-lastpost strong a:hover {
    color:#23527c
    }
    
    .info-lastpost cite {
    color:#23527c;
    font-size:12px;
    display:block
    }
    
    .group1 .group-legend {
    display:none
    }
    
    .main-head .option {
    margin-top:8px;
    text-align:right;
    }
    
    .fld-input select {
    width:100%;
    height:34px
    }
    
    .info-box .info-list {
    color:#a3a3a3
    }
    
    .mf-set legend,.mf-set legend span {
    font-size:14px;
    text-transform:uppercase;
    font-weight:700
    }
    
    .mf-set legend span em {
    font-size:10px;
    color:#a3a3a3
    }
    
    .fld-input input[type='checkbox'],.fld-input input[type='radio'] {
    width:auto;
    height:auto
    }
    
    .checklist-item > .fld-input,.mf-item .fld-input,.checkbox .fld-input,.checklist-item label,.mf-item label {
    display:inline-block;
    vertical-align:middle;
    margin:0
    }
    
    .checkbox .fld-input input[type='checkbox'],.checkbox .fld-input input[type='radio'] {
    position:inherit;
    margin-left:0
    }
    
    .checklist fieldset + fieldset,.checklist-item {
    margin-top:8px
    }
    
    .mf-item + .mf-item {
    margin-top:2px
    }
    
    .frm-group legend {
    margin-bottom:15px
    }
    
    .ct-group .table caption {
    display:none
    }
    
    .ct-group .table th {
    font-weight:700;
    text-transform:uppercase
    }
    
    .paging {
    text-align:right
    }
    
    .paging .pages {
    display:none
    }
    
    .paging a,strong.first-item,.paging span {
    display:inline-block;
    vertical-align:middle;
    font-weight:700;
    font-size:15px;
    min-width:27px;
    text-align:center;
    height:30px;
    line-height:30px;
    border-radius:4px;
    padding:0 4px
    }
    
    .paging span {
    color:#000
    }
    
    .paging a,.paging span {
    color:#a3a3a3
    }
    
    strong.first-item {
    background:#f2f2f2
    }
    
    .sf-set.set1 {
    margin-bottom:0
    }
    
    .frm-group.group1,.frm-buttons {
    display:block;
    vertical-align:bottom
    }
    
    .frm-group.group1 + .frm-buttons {
    margin-left:8px;
    float: right;
    margin-bottom:10px
    
    }
    
    div.frm-form .frm-group.group1,div.frm-form .frm-buttons {
    display:inherit;
    vertical-align:inherit
    }
    
    div.frm-form .frm-buttons {
    margin-bottom:15px!important
    }
    
    .frm-form:before,.frm-form:after {
    display:table;
    content:""
    }
    
    .frm-form:after {
    clear:both
    }
    
    .frm-form .sf-set.set1 {
    margin-bottom:10px
    }
    
    .ct-group {
    overflow:auto
    }
    
    .ct-group table {
    min-width:650px
    }
    
    .titleLeft small {
    color:#575757;
    font-size:14px;
    display:block;
    font-family:'Roboto',sans-serif;
    font-weight:400;
    margin-top:8px;
    text-transform:none
    }
    
    .labelWrap {
    margin:20px 0;
    margin-left:-5px;
    margin-right:-10px
    }
    
    .labelWrap .label {
    margin:3px 6px
    }
    
    .label {
    font-size:13px;
    font-weight:400
    }
    
    .label-default {
    background:transparent;
    border:1px solid #adb2b6;
    color:#575757;
    display:inline-block;
    margin-bottom: 5px
    }
    
    .label-default:hover,.label-default[href]:hover,.label-default[href]:focus,.label-default.active {
    background:#6097f3;
    border-color:#6097f3;
    color:#fff
    }
    
    .brwsSongTitle {
    padding:4px
    }
    
    .brwsSongListOuter {
    border-bottom:1px solid #ddd;
    margin:20px 0
    }
    
    .brwsSongList {
    margin-bottom:0
    }
    
    .brwsSongList:after,.brwsSongList:before {
    content:"";
    display:table
    }
    
    .brwsSongList:after {
    clear:both
    }
    
    .brwsSongList li {
    border-top:1px solid #ddd;
    padding:12px 10px;
    position:relative
    }
    
    .brwsSongTitle a,.brwsSongList li a {
    color:#000;
    font-size:16px;
    /*font-family:'GothamBook';*/
    font-family: 'Montserrat', sans-serif;
    text-transform:uppercase;
    display:inline-block;
    line-height:1
    }
    
    .brwsSongList li a {
    padding:4px
    }
    
    .brwsSongTitle a:hover,.brwsSongList li a:hover {
    color:#337ab7
    }
    
    .brwsSongTitle span,.brwsSongList li span {
    color:#575757;
    font-size:14px;
    font-family:'Roboto',sans-serif;
    text-transform:none;
    margin-left:5px
    }
    
    .tableOuter {
    overflow:auto;
    margin:30px 0
    }
    
    .tableOuter .table {
    margin:0
    }
    
    .browseSongTable {
    min-width:600px;
    border-bottom:1px solid #ddd
    }
    
    .browseSongTable tr td + td .brwsSongTitle {
    border-left:1px solid #ddd;
    padding-left:36px
    }
    
    .btn-learn {
    background:url(../images/blue-buttom-arrow.png) no-repeat center right;
    padding-right:24px;
    color:#6097f3
    }
    
    .songListContent p {
    margin-top:7px
    }
    
    .songTitle {
    margin:0;
    color:#000;
    font-size:16px;
    /*font-family:'GothamBook';*/
    font-family: 'Montserrat', sans-serif;
    font-weight:400
    }
    
    
    .songTitle a:hover {
    color:#6097f3
    }
    
    .rightPanel {
    background:#f0f0f0;
    border-radius:4px;
    padding:15px 10px
    }
    
    .albumLink li + li {
    margin-top:5px
    }
    
    
    .albumLink li a:hover {
    color:#000
    }
    
    .albumContent {
    overflow:hidden
    }
    
    .albumList .item-elm {
    float:left;
    margin-right:20px;
    margin-bottom:0
    }
    
    .albumList .item-elm > img {
    width:100%
    }
    
    .albumContent .songTitle {
    margin-bottom:18px
    }
    
    .albumContent .songTitle a {
    border-bottom:0
    }
    
    .albumList {
    padding:15px 0;
    border-bottom:1px solid #e5e5e5
    }
    
    .albumList .descp {
    text-align:center
    }
    
    .amazon-btn {
    display:inline-block;
    padding:5px
    }
    
    .amazon-btn:hover {
    opacity:.8
    }
    
    .main-title a {
    color:#000
    }
    
    .posting {
    margin-bottom:20px
    }
    
    p.options {
    margin-bottom:12px;
    position:relative;
    bottom:100%;
    right:0
    }
    
    .mod-options p.options{
        text-align: right;
        position: relative;
    }
    
    p.content-options.options{
    position: relative;
    text-align: right;
    top: 30px;
    }
    
    p.content-options.options span{
        margin-right: 7px;
    }
    
    .main-foot p{
        position: relative;
    }
    .main-foot p span{
        padding: 10px;
    }
    #visit-links {
    margin-bottom:0;
    position:inherit;
    bottom:auto;
    right:auto
    }
    
    .main-head {
    position:relative
    }
    
    .forum-views .item-subject {
    padding-left:0
    }
    
    .forum-views h3.hn {
    font-size:16px;
    color:#000;
    margin-bottom:4px
    }
    
    .forum-views h3.hn a {
    text-decoration:underline;
    line-height:1.2;
    display:inline-block
    }
    
    .forum-views .icon {
    background-color:#e4e4e4;
    background-image:url(../images/music-icon.png);
    background-repeat:no-repeat;
    float:left;
    margin-right:10px;
    border-radius:5px;
    width:40px;
    height:45px;
    background-position:center center;
    position:relative;
    font-size:0
    }
    
    .forum-views .icon.normal {
    background-position:center center
    }
    
    .forum-views .icon.sticky,[id*='forum'] .icon.moved {
    background-position:center 4px
    }
    
    .icon > em {
    color:#fff;
    background:#6097f3;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:1px 2px;
    font-size:10px;
    text-transform:uppercase;
    border-radius:0 0 4px 4px;
    text-align:center
    }
    
    #brd-searchtopics .main-item > .icon > em {
        display: none;
    }
    
    .forum-views {
    border-top:1px solid #bcbcbc;
    margin-bottom:20px;
    margin-top:50px
    }
    
    [id*='forum'] .main-item {
    padding:10px 0;
    border-bottom:1px solid #bcbcbc
    }
    
    .item-status,.item-num {
    display:none
    }
    
    .icon > em + em {
    display:none
    }
    
    .postbody:after,.postbody:before {
    content:"";
    display:table
    }
    
    .postbody:after {
    clear:both
    }
    
    .post-author {
    float:left;
    margin-right:20px
    }
    
    .postbody {
    border-bottom:1px solid #bcbcbc;
    padding-bottom:15px;
    margin-bottom:15px
    }
    
    .post-entry {
    overflow:hidden
    }
    
    .post-entry h4 {
    font-size:20px;
    text-transform:uppercase;
    font-family:'Oswald',sans-serif;
    margin-bottom:8px
    }
    
    .useravatar {
    float:left;
    width:50px;
    height:50px;
    overflow:hidden;
    position:absolute;
    left:0;
    top:0;
    z-index:23;
    background:#fff
    }
    
    .author-ident,.author-info {
    position:relative;
    padding-left:62px
    }
    
    .author-ident {
    min-width:170px
    }
    
    .author-ident li,.author-info li {
    margin-bottom:4px
    }
    
    .username {
    font-size:15px;
    font-weight:600
    }
    
    .username a {
    color:#000
    }
    
    .userstatus {
    position:relative;
    padding-left:14px
    }
    
    .userstatus:after,.userstatus span:after {
    content:"";
    width:10px;
    height:10px;
    border-radius:20px;
    background-color:#ccc;
    position:absolute;
    left:0;
    top:50%;
    margin-top:-6px
    }
    
    .userstatus.online:after,.userstatus .online:after {
    background-color:#32a300;
    z-index:9
    }
    
    #brd-index h2.hn {
    display:block;
    color:#2b2b2b;
    font-size:20px;
    text-transform:uppercase;
    font-family:'Oswald',sans-serif
    }
    
    #brd-index [id*='category'] + .main-head h2.hn {
    margin-bottom:12px;
    margin-top:20px
    }
    
    #brd-stats h2.hn,#brd-index .main-title {
    display:none
    }
    
    .searchSuggest {
    padding:20px;
    background:#fff;
    position:absolute;
    left:1px;
    right:190px;
    top:99%;
    z-index:99;
    box-shadow:0 2px 3px 0 rgba(0,0,0,0.2);
    -moz-box-shadow:0 2px 3px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,0.2);
    border-radius:0 0 8px 8px;
    display:none
    }
    
    .categoryName {
    font-size:16px;
    font-weight:500;
    color:#000;
    padding-bottom:8px;
    border-bottom:1px solid #ebebeb
    }
    
    .categoryName img {
    margin-right:8px;
    margin-top:-4px
    }
    
    .suggestList {
    padding:5px 20px;
    margin:0
    }
    
    .suggestList + .categoryName {
    margin-top:16px
    }
    
    .suggestList li {
    border-bottom:1px solid #ebebeb;
    padding:8px 0;
    font-weight:500;
    color:#9a9a9a
    }
    
    .layerContent {
    background:rgba(255,255,255,0.4);
    position:absolute;
    bottom:24px;
    left:0;
    right:0;
    padding:24px;
    text-align:center
    }
    
    .layerContent h2 {
    font-size:34px;
    color:#000;
    font-family:'Oswald',sans-serif;
    margin-top:0
    }
    
    .layerContent .btnOuter {
    margin-bottom:0
    }
    
    .btn-black {
    background:#666;
    color:#fff;
    border:0
    }
    
    .btn-black:hover {
    color:#fff;
    background:#837f7f
    }
    
    .layerContent .btn + .btn {
    margin-left:5px
    }
    
    .ownAds {
    padding:1px 15px;
    text-align:center;
    min-height:248px
    }
    
    .ad-sm ins {
    width:100%;
    height:260px
    }
    
    .ad-full ins {
    width:100%;
    height:90px
    }
    
    .skyscrapers {
    position:fixed;
    min-width:160px;
    min-height:600px;
    top:0;
    bottom:0;
    z-index:1008;
    overflow:visible
    }
    
    .right.skyscrapers {
    top:170px;
    right:0
    }
    
    .left.skyscrapers {
    left:0;
    position:absolute;
    text-align:right;
    top:170px
    }
    
    .skyscrapers.letterline {
    top:220px
    }
    
    .rightStickyPanel {
    position:relative
    }
    
    .rightSticky.rightStickyPanel {
    position:fixed;
    top:0;
    bottom:0;
    overflow:auto;
    z-index:9;
    background:#fff
    }
    
    .stickyEnd.rightStickyPanel {
    position:absolute;
    top:auto;
    bottom:0;
    right:15px
    }
    
    .panelBox {
    border:1px solid #dedede;
    padding:15px;
    box-shadow:1px 1px 3px 0 rgba(0,0,0,0.15);
    -moz-box-shadow:1px 1px 3px 0 rgba(0,0,0,0.15);
    -webkit-box-shadow:1px 1px 3px 0 rgba(0,0,0,0.15);
    color:#575757;
    margin-bottom:15px
    }
    
    .rigtPanelToggle {
    border:0;
    background:transparent;
    padding:8px 6px;
    float:right
    }
    
    .rigtPanelToggle span {
    height:2px;
    width:24px;
    background:#000;
    display:block
    }
    
    .rigtPanelToggle span + span {
    margin-top:4px
    }
    
    .chordContent {
    margin-top:24px;
    margin-bottom:24px;
    color:#575757
    }
    
    .songChord table {
    font-size:14px
    }
    
    .songChord br {
    display:none
    }
    
    .songChord table td {
    padding:5px 0
    }
    
    .cl td {
    color:#6097f3;
    font-weight:700
    }
    
    .createrName {
    margin-top:20px
    }
    
    .createrName span {
    color:#b0b0b0
    }
    
    .createrName a {
    color:#6097f3;
    margin-left:8px;
    text-decoration:underline
    }
    
    .createrName a:hover {
    color:#23527c
    }
    
    .importantBox {
    padding:10px;
    background:#f2f2f2;
    margin-top:20px
    }
    
    .importantBox p span {
    font-weight:700
    }
    
    .importantBox p a {
    text-decoration:underline
    }
    
    .subTitle {
    color:#000;
    font-size:20px;
    /*font-family:'GothamBook';*/
    font-family: 'Montserrat', sans-serif;
    border-bottom:1px solid #d4d4d4;
    margin:0 20px 0 0;
    line-height:20px
    }
    
    .clearfix .subTitle {
    float:left
    }
    
    .chordBottom {
    border-top:1px solid #e5e5e5;
    padding-top:18px;
    margin-top:18px;
    color:#575757
    }
    
    .chordBottom h3,.panelBox h4 {
    font-size:15px;
    color:#000;
    margin-top:0;
    padding:0;
    border:0;
    font-family:'Roboto',sans-serif;
    font-weight:700;
    text-transform:uppercase
    }
    
    .btnDelete {
    background:url(../images/delete.png) no-repeat center top;
    width:18px;
    height:18px;
    display:inline-block;
    vertical-align:middle;
    margin-top:-2px
    }
    
    .btnDelete:hover {
    background:url(../images/delete-black.png) no-repeat center top
    }
    
    .chordBottom p span {
    margin:0 8px
    }
    
    .panelBox h4 small {
    font-weight:400;
    color:#a3a3a3;
    font-size:14px;
    text-transform:none
    }
    
    .clearfix .blueRate {
    float:left;
    width:50%;
    padding-right:12px;
    font-weight:400
    }
    
    .clearfix .blueRate + .blueRate {
    border-left:1px solid #dedede;
    padding-right:0;
    padding-left:12px
    }
    
    .rating,.ratingCount {
    display:inline-block;
    vertical-align:middle
    }
    
    .rating li {
    float:right;
    margin:0;
    white-space:nowrap
    }
    
    .rating li i {
    margin:0 1px;
    width:16px;
    height:20px;
    display:block;
    background-image:url(../images/star.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:90%
    }
    
    .rating li.on ~ li i,.rating li.on i,.rating li:hover i,.rating li:hover ~ li i {
    background-image:url(../images/blue-star.png)
    }
    
    .rating li.on.half i {
    background-image:url(../images/blue-star.png)
    }
    
    .ratingCount {
    padding-right:10px;
    margin-right:8px;
    margin-left:8px;
    border-right:1px solid #ccc
    }
    
    .reviewInput li {
    cursor:pointer
    }
    
    .panelBoxChild {
    position:relative
    }
    
    .panelBoxChild + .panelBoxChild {
    margin-left:-15px;
    margin-right:-15px;
    margin-top:20px;
    padding:15px 15px 0;
    border-top:1px solid #dedede
    }
    
    .variation {
    color:#a3a3a3;
    border-top:1px solid #dedede;
    padding:12px 15px 0;
    text-align:center;
    margin-left:-15px;
    margin-right:-15px;
    margin-top:20px
    }
    
    .cordImages a {
    float:left;
    width:33.33%;
    padding:4px;
    text-align:center
    }
    
    .panelBox .btn {
    text-transform:uppercase
    }
    
    .addSong {
    position:relative;
    padding-right:56px
    }
    
    .addSong .btn {
    position:absolute;
    right:0;
    top:0;
    max-width:56px;
    bottom:0
    }
    
    .addSong .form-control {
    border:0;
    background:#f2f2f2;
    font-size:12px
    }
    
    .panelBoxChild > .btn-group {
    margin-top:10px
    }
    
    .btn-font {
    color:#b9b9b9;
    font-size:20px;
    font-weight:900;
    line-height:1;
    text-decoration:underline
    }
    
    .btn-font:hover,.chordBtnG .btn:hover,.chordBtnG .btn.active {
    color:#fff;
    background-color:#6097f3
    }
    
    .btn-view {
    background-image:url(../images/icon-view.png)
    }
    
    .btn-print {
    background-image:url(../images/icon-print.png)
    }
    
    .btn-display,.btn-autoScroll {
    background-image:url(../images/icon-display.png)
    }
    
    .btn-link {
    background-image:url(../images/icon-link.png)
    }
    
    .btn-view:hover,.btn-view.active {
    background-image:url(../images/icon-view-white.png)
    }
    
    .btn-print:hover,.btn-print.active {
    background-image:url(../images/icon-print-white.png)
    }
    
    .btn-display:hover,.btn-display.active,.btn-autoScroll:hover,.btn-autoScroll.active {
    background-image:url(../images/icon-display-white.png)
    }
    
    .btn-link:hover,.btn-link.active {
    background-image:url(../images/icon-link-white.png)
    }
    
    .btn-autoScroll.active:after,.btn-autoScroll.active:before {
    display:none
    }
    
    .panelBoxChild .customDropdown {
    margin-top:8px;
    border-radius:0;
    border-bottom:0;
    border-left:0;
    border-right:0;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    padding-left:0;
    padding-right:0
    }
    
    .panelBoxChild .customDropdown .remove {
    right:0;
    top:2px
    }
    
    .capsGroup .label {
    text-transform:uppercase;
    margin-bottom:5px
    }
    
    .label-normal {
    color:#575757;
    padding-left:5px;
    padding-right:5px
    }
    
    .label-normal:hover,.label-normal[href]:hover,.label-normal[href]:focus,.label-normal.active {
    background:#6097f3;
    border-color:#6097f3;
    color:#fff
    }
    
    .panelBoxChild .selectpicker {
    width:100%
    }
    
    .plus-minus {
    position:relative;
    padding:0 42px;
    margin-bottom:20px
    }
    
    .plus-minus .btn-minus, .btn-minus-url,.btn-minus-transpose, .btn-minus-tuning,.plus-minus .btn-plus, .btn-plus-url,.btn-plus-transpose,.btn-plus-tuning {
    position:absolute;
    width:36px;
    top:0;
    font-weight:700;
    font-size:16px;
    bottom:0
    }
    
    .btn-plus,.btn-plus-transpose,.btn-plus-tuning,.btn-plus-url {
    right:0
    }
    
    .btn-minus,.btn-minus-transpose,.btn-minus-tuning,.btn-minus-url {
    left:0
    }
    
    .bootstrap-select {
    width:100%
    }
    
    .fullSelect .selectpicker .caret {
    position:absolute;
    right:6px;
    top:50%;
    margin-top:-3px
    }
    
    .cordImagesFull a {
    padding:6px 0
    }
    
    .editSong {
    color:#575757
    }
    
    .editSong .titleLeft {
    border-bottom:0
    }
    
    .leftContent,.rightContent {
    float:left;
    padding-left:15px;
    padding-right:15px;
    min-height:1px;
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out
    }
    
    .editSong .leftContent {
    width:66%
    }
    
    .editSong .rightContent {
    width:34%;
    position:relative
    }
    
    .rightContentWrap {
    border-radius:4px 0 4px 4px;
    border:1px solid #dedede;
    padding:18px;
    position:relative;
    overflow: scroll;
    }
    
    .sm-title {
    margin-top:0;
    text-transform:uppercase;
    font-weight:700
    }
    
    .btn-help {
    border:1px solid #dedede;
    border-bottom:0;
    position:absolute;
    bottom:100%;
    right:15px;
    margin-bottom:-1px;
    z-index:9;
    border-radius:4px 4px 0 0;
    background:#fff;
    font-weight:700;
    color:#000;
    text-transform:uppercase;
    margin-top:1px
    }
    
    .btn-help:hover {
    color:#2f5595
    }
    
    .leftContentWrap {
    background:#f2f2f2;
    border-radius:4px;
    padding:18px
    }
    
    .scrollWdth {
    height:362px
    }
    
    .my-code-area {
    border:0;
    resize:none;
    background:transparent;
    min-height:700px
    }
    
    .editSong .btn {
    text-transform:uppercase;
    font-weight:600
    }
    
    .titleLeft.hr-small {
    border-bottom:1px solid #dedede;
    padding-bottom:18px;
    margin-bottom:15px
    }
    
    .titleLeft.hr-small small {
    /*font-family:'GothamBook';*/
    font-family: 'Montserrat', sans-serif;
    font-size:20px;
    display:inline-block;
    margin-left:12px
    }
    
    .dreamContent {
    margin-bottom:30px
    }
    
    .editSongBtn {
    margin:20px 0
    }
    
    .editSongBtn .btn + .btn {
    margin-left:5px
    }
    
    .changed .leftContent {
    width:100%!important
    }
    
    .changed .rightContent {
    width:0;
    overflow:hidden;
    height:0
    }
    
    .editorWrap {
    position:relative
    }
    
    .ace_editor {
    width:100%!important
    }
    
    .on.btn-help .hd {
    display:none
    }
    
    .btn-help .sh {
    display:none
    }
    
    .on.btn-help .sh {
    display:inline-block
    }
    
    .ace-twilight .ace_gutter,.ace-twilight .ace_scroller {
    background:#fff!important;
    color:#575757!important
    }
    
    .ace-twilight .ace_text-layer {
    color:#575757!important
    }
    
    .ace-twilight .ace_marker-layer .ace_selection {
    background:rgba(121,123,125,0.2)!important
    }
    
    .ace_cursor {
    opacity:1;
    background:#000;
    width:1px!important
    }
    
    .top-list .inboxList {
    border-top:0
    }
    
    .top-list .main-title small {
    color:#548ceb;
    font-family:'GothamMedium';
    font-size:14px
    }
    
    .top-list .inboxList li {
    padding-left:10px
    }
    
    .top-list .inboxTitle {
    border-left:0;
    padding-left:5px
    }
    
    .listCount {
    float:left;
    color:#548ceb;
    font-size:22px;
    font-family:'GothamMedium';
    min-width:24px
    }
    
    .top-list .inboxTitle span {
    color:#a6a6a6;
    font-family:'GothamLight'
    }
    
    .main-title span {
    font-weight:300
    }
    
    .admin-menu.gen-content,.admin-submenu.gen-content {
    float:left;
    width:50%;
    border-top:1px solid #ededed;
    margin-top:10px;
    padding-top:15px
    }
    
    .main-content.main-frm {
    float:left;
    width:100%
    }
    
    .admin-submenu.gen-content ul,.admin-menu.gen-content ul {
    padding:15px;
    border:2px solid #ededed;
    min-height:254px
    }
    
    .admin-submenu.gen-content ul > li,.admin-menu.gen-content ul > li,.main-menu.gen-content ul li {
    font-size:22px
    }
    
    .admin-submenu.gen-content ul > li + li,.admin-menu.gen-content ul > li + li,.main-menu.gen-content ul li + li {
    border-top:1px solid #f0f0f0
    }
    
    .admin-submenu.gen-content ul > li > a,.admin-menu.gen-content ul > li > a,.main-menu.gen-content ul li a {
    display:block;
    vertical-align:middle;
    color:#548ceb;
    padding:6px 6px 6px 34px;
    background-repeat:no-repeat;
    background-position:left center
    }
    
    .admin-submenu.gen-content ul > li:hover > a,.admin-menu.gen-content ul > li:hover > a,.main-menu.gen-content ul li:hover a {
    text-decoration:underline
    }
    
    h3.ct-legend {
    font-size:20px;
    color:#2b2b2b
    }
    
    .ct-box h3.ct-legend span {
    font-weight:400
    }
    
    .ct-group .ct-set {
    margin-bottom:24px
    }
    
    .main-menu.gen-content ul:after,.main-menu.gen-content ul:before {
    content:"";
    display:table
    }
    
    .main-menu.gen-content ul:after {
    clear:both
    }
    
    .main-menu.gen-content ul {
    margin-bottom:20px
    }
    
    .main-menu.gen-content ul li {
    float:left;
    width:50%
    }
    
    .main-menu.gen-content ul li:nth-child(2) {
    border-top:0
    }
    
    #brd-main h1.main-title {
    padding-bottom:8px
    }
    
    .admin-menu.gen-content ul > li:first-child a {
    background-image:url(../images/icon-start.png)
    }
    
    .admin-menu.gen-content ul > li:nth-child(2) a {
    background-image:url(../images/icon-setting.png)
    }
    
    .admin-menu.gen-content ul > li:nth-child(3) a {
    background-image:url(../images/icon-user.png)
    }
    
    .admin-menu.gen-content ul > li:nth-child(4) a {
    background-image:url(../images/icon-management.png)
    }
    
    .admin-menu.gen-content ul > li:nth-child(5) a {
    background-image:url(../images/icon-extensions.png)
    }
    
    .admin-submenu.gen-content ul > li:nth-child(1) a {
    background-image:url(../images/icon-info.png)
    }
    
    .admin-submenu.gen-content ul > li:nth-child(2) a {
    background-image:url(../images/icon-categories.png)
    }
    
    .admin-submenu.gen-content ul > li:nth-child(3) a {
    background-image:url(../images/icon-forum.png)
    }
    
    .main-menu.gen-content ul li:first-child a {
    background-image:url(../images/icon-info.png)
    }
    
    .main-menu.gen-content ul li:nth-child(2) a {
    background-image:url(../images/icon-signature.png)
    }
    
    .main-menu.gen-content ul li:nth-child(3) a {
    background-image:url(../images/icon-identity.png)
    }
    
    .main-menu.gen-content ul li:nth-child(4) a {
    background-image:url(../images/icon-avatar.png)
    }
    
    .main-menu.gen-content ul li:nth-child(5) a {
    background-image:url(../images/icon-setting.png)
    }
    
    .main-menu.gen-content ul li:nth-child(6) a {
    background-image:url(../images/icon-admin.png)
    }
    
    .top-list .inboxTitle a:hover {
    text-decoration:underline
    }
    
    .hr > hr {
    display:none
    }
    
    .rightSticky .btn-box {
    border:1px solid #dedede;
    padding:15px;
    box-shadow:1px 1px 3px 0 rgba(0,0,0,0.15);
    -moz-box-shadow:1px 1px 3px 0 rgba(0,0,0,0.15);
    -webkit-box-shadow:1px 1px 3px 0 rgba(0,0,0,0.15);
    color:#575757;
    margin-bottom:15px
    }
    
    #stickyWrap .rightSticky .chordBtnG,#stickyWrap .panelBox .chordBtnG {
    position:static;
    margin-bottom:0
    }
    
    .navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus {
    box-shadow:0 -4px 0 #1f3853 inset;
    -moz-box-shadow:0 -4px 0 #1f3853 inset;
    -webkit-box-shadow:0 -4px 0 #1f3853 inset;
    background-color:rgba(225,225,225,0.78)
    }
    
    .navbar-inverse .navbar-nav > li > a {
    white-space:nowrap
    }
    
    body > * {
    overflow-x:hidden
    }
    
    #twitter-widget-0,.fb_iframe_widget {
    vertical-align:middle
    }
    
    .panelBoxChild h4 a:hover {
    text-decoration:underline
    }
    
    .songList .sm-pic {
    width:80px;
    box-shadow:0 0 3px 0 #ccc;
    -moz-box-shadow:0 0 3px 0 #ccc;
    -webkit-box-shadow:0 0 3px 0 #ccc;
    text-align:center;
    overflow:hidden
    }
    
    .songList .sm-pic img {
    border-radius:0
    }
    
    .topContent .ctg-btn {
    margin-top:5px;
    margin-bottom:15px;
    text-align:center
    }
    
    .topContent .ctg-btn .btn + .btn {
    margin-left:20px
    }
    
    .ctg-btn .btn-primary {
    border:1px solid #6097f3
    }
    
    .replypost .post-entry {
    background:#F6F6F6;
    border-radius:0 5px 5px 5px;
    position:relative;
    margin-left:290px;
    padding:15px;
    overflow:visible
    }
    
    .replypost .post-entry:after {
    right:100%;
    top:0;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-color:rgba(246,246,246,0);
    border-right-color:#f6f6f6;
    border-width:0 30px 30px 0
    }
    
    .replypost .post-entry h4 {
    font-size:15px
    }
    
    .sig-content {
    margin-top:5px;
    border-top: 1px solid lightgray;
    font-style: italic;
    color: gray;
    }
    
    .post .post-author {
    width:270px;
    margin-right:0
    }
    
    h3.ct-legend > * {
    font-size:15px;
    font-weight:400
    }
    
    #brd-messages {
    position:absolute;
    padding:6px 10px;
    pointer-events:none;
    z-index:9;
    background:#999;
    color:#fff;
    text-align:center;
    top:30%;
    left:50%;
    width:220px;
    margin-left:-110px;
    border-radius:5px;
    visibility:hidden
    }
    
    .admin-menu.gen-content ul > li > a {
    background-position:10px center;
    padding-left:50px
    }
    
    .admin-menu.gen-content ul > li.active > a {
    background-color:#f8f8f8;
    text-decoration:none
    }
    
    .admin-submenu.gen-content ul {
    background-color:#f8f8f8
    }
    
    .admin-submenu.gen-content li a {
    font-size:17px
    }
    
    .admin-menu.gen-content ul {
    padding-right:0;
    border-right:0
    }
    
    .admin-menu.gen-content {
    position:relative;
    z-index:9;
    background:#fff
    }
    
    .admin-submenu.gen-content {
    margin-left:-2px
    }
    
    .admin-submenu.gen-content ul > li a {
    background-image:none!important;
    padding-left:15px
    }
    
    .admin-submenu.gen-content ul > li.active a {
    color:#2d5077
    }
    
    .main-category .icon {
    background-repeat:no-repeat!important;
    background-position:center left!important;
    background-image:url(../images/small-forumimg.png)!important;
    background-size:auto 100%!important;
    min-height:50px;
    background-position:center center!important
    }
    
    .srch-icon {
    background-image:url(../images/search-icon.png)
    }
    
    .srch-icon:hover,.srch-icon.active {
    background-image:url(../images/search-icon-white.png)
    }
    
    .col-md-3 .leftPanel {
    float:none;
    width:auto;
    margin:0;
    height:auto
    }
    
    .bullet {
    display:inline-block;
    vertical-align:middle;
    margin:0 4px;
    width:20px;
    height:20px;
    border:2px solid #2d5077;
    position:relative;
    border-radius:50px
    }
    
    .bullet:after {
    content:"";
    position:absolute;
    left:1px;
    right:1px;
    top:1px;
    bottom:1px;
    border-radius:50px
    }
    
    .active.bullet:after,li.active .bullet:after,.bullet:hover:after {
    background-color:#2d5077
    }
    
    .ctg-btn .btn {
    margin:0 4px
    }
    
    .itemList li a {
    position:relative
    }
    
    .itemList li a > span {
    position:absolute;
    top:50%;
    left:10px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
    }
    
    .itemList {
    padding-top:8px
    }
    
    .ctg-btn .btn-primary {
    margin-right:0
    }
    
    .ctg-btn .btn-default {
    margin-left:0
    }
    
    #brd-about {
    margin-top:15px
    }
    
    #brd-about #qjump {
    padding-top:12px;
    border-top:1px solid #e5e5e5
    }
    
    #qjump-select {
    padding:5px;
    border-radius:4px;
    margin-right:8px
    }
    
    #qjump-submit {
    color:#fff;
    background-color:#6097f3;
    border:0;
    padding:6px 12px;
    border-radius:4px
    }
    
    #qjump-submit:hover {
    color:#fff;
    background-color:#477dd7
    }
    
    #copyright {
    margin-top:15px;
    text-align:center;
    padding-top:12px;
    border-top:1px solid #e5e5e5
    }
    
    #brd-online + div.hide + #brd-about #qjump {
    margin-top:-20px
    }
    
    .frm-select,.frm-input {
    display:inline-block;
    vertical-align:middle
    }
    
    .frm-input {
    margin-left:8px
    }
    
    .frm-select > br {
    display:none
    }
    
    #brd-online {
    position:relative
    }
    
    .blueRate .clear-rating {
    display:none!important
    }
    
    .btn-box .customDropdown {
    position:absolute;
    top:-22px;
    width:100%
    }
    
    .rating-loading {
    width:25px;
    height:25px;
    font-size:0;
    color:#fff;
    /*background:transparent url(../images/loader.gif) top left no-repeat;*/
    border:none
    }
    
    .rating-fa {
    font-family:'FontAwesome';
    padding-left:1px
    }
    
    .rating-fa .rating-stars:before {
    padding-left:1px
    }
    
    .rating-gly {
    font-family:'Glyphicons Halflings'
    }
    
    .rating-gly-star {
    font-family:'Glyphicons Halflings';
    padding-left:2px
    }
    
    .rating-gly-star .rating-stars:before {
    padding-left:2px
    }
    
    .rating-lg .rating-gly-star,.rating-lg .rating-gly-star .rating-stars:before {
    padding-left:4px
    }
    
    .rating-xl .rating-gly-star,.rating-xl .rating-gly-star .rating-stars:before {
    padding-left:2px
    }
    
    .rating-active {
    cursor:default
    }
    
    .rating-disabled {
    cursor:not-allowed
    }
    
    .rating-uni {
    font-size:1.2em;
    margin-top:-5px
    }
    
    .rating-container {
    position:relative;
    vertical-align:middle;
    display:inline-block;
    color:#e3e3e3;
    overflow:hidden
    }
    
    .rating-container:before {
    content:attr(data-content)
    }
    
    .rating-container .rating-stars {
    position:absolute;
    left:0;
    top:0;
    white-space:nowrap;
    overflow:hidden;
    color:#fde16d;
    transition:all .25s ease-out;
    -o-transition:all .25s ease-out;
    -moz-transition:all .25s ease-out;
    -webkit-transition:all .25s ease-out
    }
    
    .rating-container .rating-stars:before {
    content:attr(data-content);
    text-shadow:0 0 1px rgba(0,0,0,0.7)
    }
    
    .rating-container-rtl {
    position:relative;
    vertical-align:middle;
    display:inline-block;
    overflow:hidden;
    color:#fde16d
    }
    
    .rating-container-rtl:before {
    content:attr(data-content);
    text-shadow:0 0 1px rgba(0,0,0,0.7)
    }
    
    .rating-container-rtl .rating-stars {
    position:absolute;
    left:0;
    top:0;
    white-space:nowrap;
    overflow:hidden;
    color:#e3e3e3;
    transition:all .25s ease-out;
    -o-transition:all .25s ease-out;
    -moz-transition:all .25s ease-out;
    -webkit-transition:all .25s ease-out
    }
    
    .rating-container-rtl .rating-stars:before {
    content:attr(data-content)
    }
    
    .rating-xl {
    font-size:4.89em
    }
    
    .rating-lg {
    font-size:3.91em
    }
    
    .rating-md {
    font-size:3.13em
    }
    
    .rating-sm {
    font-size:2.5em
    }
    
    .rating-xs {
    font-size:15px
    }
    
    .star-rating .clear-rating,.star-rating-rtl .clear-rating {
    color:#aaa;
    cursor:not-allowed;
    display:inline-block;
    vertical-align:middle;
    font-size:60%
    }
    
    .clear-rating-active {
    cursor:pointer!important
    }
    
    .clear-rating-active:hover {
    color:#843534
    }
    
    .star-rating .clear-rating {
    padding-right:5px
    }
    
    .star-rating .caption,.star-rating-rtl .caption {
    color:#999;
    display:inline-block;
    vertical-align:middle;
    font-size:55%
    }
    
    .star-rating .caption {
    padding-left:5px
    }
    
    .star-rating-rtl .caption {
    padding-right:5px
    }
    
    .blueRate .star-rating .caption,.blueRate .star-rating-rtl .caption {
    color:#999;
    display:block
    }
    
    .blueRate .caption {
    padding:4px 0 0;
    border:0
    }
    
    .blueRate .caption .label {
    border:0;
    padding:2px
    }
    
    @media print {
    .rating-container,.rating-container:before,.rating-container-rtl .rating-stars,.rating-container-rtl .rating-stars:before {
    color:#f3f3f3!important
    }
    
    .star-rating .clear-rating,.star-rating-rtl .clear-rating {
    display:none
    }
    }
    
    .ct-legend.hn {
    padding-bottom:8px
    }
    
    [id*='forum'] .post {
    margin-bottom:0px
    }
    
    [id*='forum'] .post .postbody {
    border:0;
    margin-bottom:0;
    padding-bottom:10px
    }
    
    [id*='forum'] .post .postfoot {
    margin-left: 290px;
    background:none;
    padding:4px 8px;
    display:block;
    padding-right: 10px;
    text-align: right;
    }
    .post-contacts span a, .post-actions span a{
        margin-left: 20px;
    }
    
    .report-post a span, .delete-post a span, .edit-post a span, .quote-post a span {display: none;}
    
    .post-contacts{
        display: none;
    }
    .author-ident:after {
    content:"";
    width:48px;
    height:48px;
    background-repeat:no-repeat;
    background-position:center bottom;
    background-image:url(../images/user-blank.png);
    background-size:auto 85%;
    box-shadow:0 0 0 1px #ccc inset;
    -webkit-box-shadow:0 0 0 1px #ccc inset;
    -moz-box-shadow:0 0 0 1px #ccc inset;
    overflow:hidden;
    position:absolute;
    left:1px;
    top:1px;
    z-index:11
    }
    
    blockquote {
    font-size:inherit;
    padding:5px 10px!important;
    margin:8px 0!important;
    background-color:#fff;
    font-style:italic;
    border-left:15px solid #e1e1e1
    }
    
    .main-content .ct-set.report {
    margin-bottom:20px
    }
    
    .data-box h4 {
    margin-bottom:5px
    }
    
    #firstcol,#secondcol {
    overflow-x:auto
    }
    
    .songChord table {
    min-width:572px
    }
    
    .ct-legend.hn,.ct-legend h3 {
    background-color:#D9D9D9;
    padding-left:10px
    }
    
    .posthead .hn.post-ident {
    position: relative;
    text-align: right;
    display:block;
    }
    
    h3.post-ident{
        margin-top:-10px;
        margin-bottom: -10px;
    }
    
    .posthead {
    margin-bottom: 20px
    }
    
    .posthead .post-num,.posthead .post-byline {
    display: none;
    }
    
    .posthead .post-link a,.posthead .post-edit{
        position: relative;
        top: 64px;
        padding-right: 10px;
        font-size: 12px;
        color: gray;
        z-index: 999!important;
    }
    
    .firstpost .postbody .post-entry{
        font-size: 120%;
    }
    #brd-qpost {
    border-radius:0;
    border:0;
    padding:15px;
    margin-top:15px;
    margin-bottom:20px;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none
    }
    
    .posthead:after,.posthead:before {
    content:"";
    display:table
    }
    
    .posthead:after {
    clear:both
    }
    
    /*28-11-17*/
        .adjust_grid .gray-group .btn span{
            display: block;
            position: absolute;
            top: 26px;
            left: 0;
            right: 0;
            text-align: center;
            text-transform: uppercase;
            font-size: 10px;
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            color: #8b8b8b;
        }
        .adjust_grid .gray-group .btn{
            height: 45px;
            min-width: 44px;
            position: relative;
        }
    
        .btn-tune {
          background-image: url(../images/tune.png);
        }
        
        .btn-tune:hover, .btn-tune.active {
         background-image: url(../images/white-tune.png);
        }
        .adjust_grid .gray-group .btn:hover span,.adjust_grid .gray-group .btn.active span{
            color: #fff;
        }
        .variation .panelBoxChild + .panelBoxChild{
            margin-top: 0;
            padding-top: 0;
            border: none;
        }
        .variation .plus-minus{
            margin-bottom: 10px;
        }
        .star_editing .rating-gly-star{
            padding-left: 0;
        }
        .star_editing .rating-xs {
          font-size: 36px;
       }
        .star_editing .glyphicon-minus-sign, .star_editing .caption{
            display: none;
        }
        .star_editing .rating-container .rating-stars{
            color: #f6a651;
        }
        .star_editing{
            text-align: center;
        }
        .star_editing h5{
            margin-bottom: 10px;
            margin-top: 0;
            font-size: 16px;
            color: #c8c8c8;
        }
        .languages {
        min-width: 140px;
        position: relative;
        text-align: left;
        background: #f2f2f2;
    }
    .btn-lang {
        cursor: pointer;
        padding: 7px 18px 8px 6px;
        position: relative;
        color: #a3a3a3;
        vertical-align: middle;
    }
    .btn-lang::after {
        content: url("../images/check-for.png");
        position: absolute;
        right: 0;
        top: 0;
    }
        .btn-lang img{
            padding-right: 7px;
        }
    .imagesuggest {
        float: right;
    }
    .lang-dropDown {
    /*    background: hsl(0, 0%, 100%) none repeat scroll 0 0;*/
        display: none;
        font-size: 15px;
        font-weight: 500;
        left: 0;
        margin: 0;
        position: absolute;
        right: 0;
        bottom:0;
        top: 100%;
        z-index:78;
    }
    .lang-show .lang-dropDown {
        display: block;
    }
    .lang-dropDown .current, .lang-dropDown li:hover {
        background:#eeeeee;
    }
    .lang-dropDown li {
        cursor: pointer;
        padding: 2px 8px;
        background: hsl(0, 12%, 91%) 
    }
    .adjust_grid .ddcommon {
        width: 100% !important;
    }
    .adjust_grid .gray-group .btn{
        background-position: center 6px;
    }
    .btn-font{
        background: url(../images/btn-font.png)no-repeat;
    }
    .adjust_grid .gray-group .btn.btn-font span{
        top: 29px;
    }
    .adjust_grid .variation{
        text-align: left;
    }
    .ddlabel{
        padding-left: 12px;
    }
    .btn-font:hover, .btn-font.active {
        background-image: url(../images/btn-font-h.png);
    }
    .selectA_c .ddcommon{
        width: 100% !important;
    }
    .adjust_grid .cl{
            line-height: 0.3em;
    }
    /*14-12-17*/
    .ddlabel{
        position: relative;
    }
    #webmenu_msdd .ddlabel:after{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        content: "";
        width: 1px;
        background: #d2d2d2;
        margin-top: -9px;
        margin-bottom: -9px;
        margin-right: -2px;
    }
    #webmenu_title .ddlabel{
        text-overflow: ellipsis;
        width: 90px;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        line-height: 17px;
        vertical-align: middle;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .drop_Down{
        margin-bottom: 0;
    }
    .drop_Down li{
       padding: 12px 29px;
        font-size: 0;
        background-color: #e2e2e2;
    }
    .drop_Down li a{
        display: block;
    }
    .drop_Down li span{
        display: inline-block;
        font-size: 18px;
    }
    .drop_Down li span:first-child{
        width: 95%;
    }
    .drop_Down li span:last-child{
        width: 5%;
    }
    .drop_Down i, .drop_Down b{
        font-style: normal;
        display: inline-block;
    }
    .drop_Down i{
        min-width: 186px;
    }
    .drop_Down i + i{
        border-left: 1px solid #94ae91;
        padding-left: 30px;
    }
    .drop_Down span{
        font-weight: 700;
        color: #aeafaf;
    }
    .drop_Down b{
        color: #000;
    }
    .drop_Down li + li{
        margin-top: 1px;
    }
    .drop_Down{
        width: 83.3%;
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8);
        box-shadow: 0 0 10px rgba(0,0,0,0.8);
        margin-bottom: 10px;
        display: none;
    }
    .drop_Down li.differBc{
        background: #eeeeee;
    }
    /*20-12-17*/
    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 100%;
    }
    .selectA_c .bootstrap-select{
        position: relative;
    }
    .plus-minus .btn-default{
        background: #f2f2f2;
        border: none;
        padding: 5px 20px 5px 5px;
    }
    .plus-minus .bootstrap-select.btn-group .dropdown-toggle .filter-option{
        color: #000;
        font-size: 14px;
        background: #f2f2f2;
        font-weight: 700;
        padding-left: 12px;
    }
    .selectA_c .bootstrap-select.btn-group .dropdown-toggle .filter-option{
        padding-left: 38px;
        position: relative;
        height: 32px;
        padding-top: 9px;
        background: #f2f2f2;
    }
    .plus-minus .btn-group.open .dropdown-toggle{
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .plus-minus .open > .dropdown-toggle.btn-default{
        background-color: #f2f2f2;
    }
    .plus-minus .dropdown-menu > li > a{
        padding: 5px;
    }
    .bootstrap-select .dropdown-toggle:focus, .open > .dropdown-toggle.btn-default:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover{
        outline: none !important;
    }
    .selectA_c .bootstrap-select.btn-group .dropdown-toggle .filter-option:after{
         position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        content: "";
        width: 1px;
        background: #d2d2d2;
        margin-left: 29px;
    }
    .plus-minus .bootstrap-select.btn-group .dropdown-toggle .filter-option i{
        font-style: normal;
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        padding-left: 5px;
    }
    .plus-minus .bootstrap-select.btn-group .dropdown-toggle .filter-option span{
        position: absolute;
        bottom: 0;
        left: 0;
        margin-bottom: -4px;
        margin-left: 5px;
    }
    @media (max-width: 1536px) {
    .left.skyscrapers {
    display:none
    }
    }
    
    @media (min-width: 1280px) and (max-width: 1536px) {
    .container,#brd-main,#brd-stats,#brd-online,#brd-about,#brd-qpost {
    margin-left:0
    }
    
    .skyscrapers {
    min-width:120px
    }
    }
    
    @media (max-width: 1279px) {
    .skyscrapers {
    display:none
    }
    }
    
    @media (min-width: 601px) {
    .main-item + .main-item .item-info li .label,[id*='category'] .item-info li .label {
    display:none
    }
    
    #category1 .main-item:first-child .item-info li .label {
    display:block
    }
    
    .item-info li span {
    margin-top:-36px
    }
    
    .item-info li {
    padding-top:0
    }
    
    #brd-messages {
    width:400px;
    margin-left:-200px
    }
    }
    
    @media (min-width: 768px) {
    .selectpicker {
    height:38px
    }
    
    .customDropdown .btn-primary {
    padding-top:8px;
    padding-bottom:8px
    }
    
    .resourceBox {
    min-height:214px
    }
    
    .frm-buttons .submit .btn,.frm-buttons .submit input,.frm-buttons .cancel input {
    font-size:16px;
    padding:7px 20px
    }
    
    .sf-box > label > span,.mf-set legend span {
    font-size:15px
    }
    
    .albumContent .songTitle {
    font-size:20px
    }
    
    .rigtPanelToggle {
    display:none
    }
    }
    
    @media (min-width: 992px) {
    .inbox-tool .btn-default {
    font-size:16px
    }
    
    .innerHead > .clearfix + .clearfix {
    margin-top:30px
    }
    
    .songBookTool .selectOuter .selectpicker {
    min-width:260px
    }
    
    .info-topics strong,.info-posts strong {
    font-size:16px
    }
    
    .paging a,.paging strong {
    font-size:19px
    }
    
    div.frm-form .frm-group {
    margin-left:-10px;
    margin-right:-10px
    }
    
    .frm-group > .sf-set {
    width: 49%;
    margin-right: 10px;
    float: left;
    }
    
    .main-frm .frm-group {
        margin-top: 25px;
    }
    #brd-admin-users .content-head{
        display: none;
    }
    
    div.frm-form .sf-set {
    float:left;
    width:33.33%;
    padding:0 10px
    }
    
    div.frm-form .set4 {
    padding:0 10px;
    width:100%
    }
    
    div.frm-form .sf-box label {
    min-height:44px
    }
    
    .albumLink {
    float:left;
    padding-right:20px
    }
    
    .albumLink + .albumLink {
    border-left:1px solid #e5e5e5;
    padding-left:20px
    }
    
    .brwsSongList li {
    float:left;
    width:33.33%
    }
    
    .brwsSongList li + li {
    padding-left:36px
    }
    
    .brwsSongList li + li:before {
    content:"";
    position:absolute;
    left:0;
    top:12px;
    bottom:12px;
    width:1px;
    background:#ddd
    }
    
    .songChord table {
    font-size:16px
    }
    
    .clearfix .blueRate {
    padding-right:15px
    }
    
    .clearfix .blueRate + .blueRate {
    padding-right:0;
    padding-left:15px
    }
    
    .addSong .form-control {
    height:40px
    }
    
    .dreamContent {
    margin-bottom:40px;
    margin-top:30px
    }
    
    .ct-legend.hn {
    margin-bottom:12px
    }
    }
    
    @media (min-width: 1200px) {
        
    .resourceBox {
    min-height:195px
    }
    
    .info-topics strong,.info-posts strong {
    font-size:18px
    }
    
    .itemList li a > span {
    left:18px
    }
    /*29-11-17*/
    .adjust_grid #stickyWrap .chordBtnG{
        right: -2px;
    }
    }
    
    @media (min-width: 460px) and (max-width: 767px) {
    .topContent .col-md-3 {
    float:left;
    width:50%
    }
    }
    
    @media (min-width: 520px) and (max-width: 767px) {
    .innerHead > .clearfix .btn-icon-wrap {
    float:left
    }
    
    .btn-icon-wrap {
    margin-right:15px
    }
    
    .innerHead .topHdr {
    float:right;
    margin-top:0
    }
    }
    
    @media (max-width: 1199px) {
    .fAbutTxt {
    padding-left:12px;
    margin-left:12px
    }
    
    .fAbutTxt p {
    font-size:14px
    }
    
    .news-content {
    margin-left:4px
    }
    
    .sm-hdng {
    font-size:16px
    }
    
    .news-content p {
    font-size:12px
    }
    
    .itemList li a {
    padding:15px 5px
    }
    
    .alphabet li a {
    padding:2px 10px
    }
    
    .tabcontent_cell {
    width:23.3%
    }
    
    .descp {
    padding-left:12px;
    padding-right:12px
    }
    
    .right-btn {
    width:16%
    }
    
    .left-input {
    width:84%;
    padding-right:10px
    }
    
    .left-input.by2 {
    width:42%
    }
    
    .left-input.by3 {
    width:28%
    }
    
    .list-content .sm-hdng {
    font-size:16px
    }
        #stickyWrap .chordBtnG{
            left: -3px;
        }
        .star_editing .rating-xs {
        font-size: 32px;
    }
        /*28-11-17*/
    .adjust_grid .gray-group .btn span{
        font-size: 0;
    }
    .adjust_grid .gray-group .btn{
        height: 35px;
        min-width: 35px;
    }
        .adjust_grid .panelBox{
            padding: 10px;
        }
        .ddlabel{
            padding-left: 0;
        }
        .dd .ddTitle{
            font-size: 12px;
        }
        .dd .ddTitle .ddTitleText{
            padding: 10px;
        }
        .adjust_grid .ddcommon{
            width: 100% !important;
        }
         /*15-12-17*/
        .drop_Down{
            width: 79.8%;
        }
    }
    
    @media (max-width: 991px) {
    .nav > li > a {
    padding:8px 5px;
    font-size:13px
    }
    
    .descp,.itemList li a {
    padding:9px
    }
    
    .descp .title {
    margin-bottom:3px;
    font-size:15px
    }
    
    .descp .link {
    font-size:12px
    }
    
    .descp {
    line-height:normal
    }
    
    .list-content .sm-hdng,.list-content p {
    font-size:14px
    }
    
    .newsDate {
    width:34%
    }
    
    .news-content {
    width:60%;
    vertical-align:top
    }
    
    .sm-hdng {
    font-size:13px
    }
    
    .news-content p {
    font-size:13px
    }
    
    .alphabet li a {
    font-size:13px;
    padding:2px 5px
    }
    
    .leftPanel {
    width:30%
    }
    
    .tabcontent_cell {
    width:22.4%
    }
    
    .type1,.type2 {
    margin:0 0 15px
    }
    
    .fAbut {
    font-size:18px
    }
    
    .adWrap {
    padding:0
    }
    
    .right-btn {
    width:19%
    }
    
    .left-input {
    width:81%
    }
    
    .left-input.by2 {
    width:40%
    }
    
    .left-input.by3 {
    width:27%
    }
    
    .main-frm .leftElement,.content-head + #req-msg + #afocus,.info-box + #req-msg + #afocus,.info-box + #afocus {
    padding-left:0;
    width:40%
    }
    
    .main-frm .rightElement,.main-frm .content-head,.main-frm .info-box {
    width:60%;
    padding-right:0
    }
    
    .item-subject {
    width:44%
    }
    
    .item-info {
    width:42%
    }
    
    .item-subject h3 {
    font-size:18px
    }
    
    .albumContent .songTitle {
    margin-bottom:12px
    }
    
    .post-author ul {
    float:none;
    margin:0
    }
    
    .postbody {
    padding-top:15px
    }
    
    .author-ident li + li {
    margin-left:0
    }
    
    .col-md-3 .item-elm > img {
    width:100%
    }
    
    .col-md-3 .leftPanel {
    padding-bottom:15px
    }
        #stickyWrap .chordBtnG {
        left: -1px;
    }
        /*28-11-17*/
        .adjust_grid .gray-group .btn{
            min-width: 36px;
        }
         /*15-12-17*/
        .drop_Down {
        width: 73.8%;
    }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
    .descp .title {
    font-size:18px
    }
    
    .fAbutTxt {
    padding-left:0;
    margin-left:0;
    display:inherit
    }
    
    .fAbutTxt:before {
    display:none
    }
    
    .footerLeft {
    width:45%
    }
    
    .fAbutTxt p br {
    display:none
    }
    
    .footerRight {
    margin-top:12px
    }
    }
    
    @media (max-width: 767px) {
    .navbar-brand img {
    max-height:42px
    }
    
    .header-link {
    margin-top:18px
    }
    
    .leftPanel {
    margin-top:15px;
    height:487px
    }
    
    .leftPanel + .leftPanel {
    margin-left:0
    }
    
    .item-elm img {
    width:100%;
    }
    
    .type2 h3 {
    font-size:15px
    }
    
    .tabcontent_cell {
    width:33%
    }
    
    .itemList li a > span {
    width:25px;
    min-height:25px;
    padding:0
    }
    
    .topContent_right .item-elm img {
    height:100%
    }
    
    .item-elm {
    margin-bottom:17px
    }
    
    .footerLeft,.footerRight {
    float:none;
    margin:0 0 10px;
    text-align:left
    }
    
    .navbar-nav {
    margin-left:0;
    margin-right:0
    }
    
    .songStatus {
    float:left;
    margin-top:2px
    }
    
    .sm-pic {
    margin-left:15px
    }
    
    .songListLeft {
    margin-right:15px
    }
    
    .clearfix .titleLeft,.headRight {
    float:none
    }
    
    .clearfix .titleLeft {
    margin-bottom:8px
    }
    
    .headRight {
    margin-top:5px
    }
    
    .fltrWrap + .fltrWrap {
    margin-left:20px
    }
    
    .songListContent h4 {
    font-size:18px
    }
    
    .hdLeft {
    float:none
    }
    
    .btn-icon-wrap {
    margin-left:0
    }
    
    .btn-add {
    font-size:11px;
    padding-top:2px;
    padding-bottom:2px
    }
    
    .inboxTitle {
    width:76%;
    font-size:17px
    }
    
    .inboxSelect {
    padding-top:5px;
    padding-bottom:5px
    }
    
    .songBookTool .fltrWrap + .fltrWrap {
    margin-left:0
    }
    
    .hdLeft > .btn-group .btn,.gray-group .btn,.songBookTool .btn-icon-wrap .btn {
    height:34px;
    min-width:36px
    }
    
    .songBookTool .fltrWrap,.songBookTool .inboxSelect {
    margin-right:10px
    }
    
    .songBookTool .selectOuter .selectpicker {
    min-width:224px
    }
    
    .right-btn {
    width:100%;
    margin-top:8px;
    padding-right:5px
    }
    
    .left-input {
    width:100%;
    padding-right:0
    }
    
    .left-input.by2 {
    width:50%;
    padding:0 5px
    }
    
    .left-input.by3 {
    width:33.333%;
    padding:0 5px
    }
    
    .right-btn .sm-blank {
    display:none
    }
    
    .btn-icon-wrap .active.btn::after,.btn-icon-wrap .active.btn::before {
    bottom:-9px
    }
    
    .main-frm .leftElement,.content-head + #req-msg + #afocus,.info-box + #req-msg + #afocus,.info-box + #afocus {
    width:50%
    }
    
    .main-frm .rightElement,.main-frm .content-head,.main-frm .info-box {
    width:50%
    }
    
    .main-title {
    font-size:20px
    }
    
    .post-entry h4 {
    font-size:18px
    }
    
    .admin-submenu.gen-content ul > li,.admin-menu.gen-content ul > li,.main-menu.gen-content ul li {
    font-size:17px
    }
    
    .admin-submenu.gen-content ul,.admin-menu.gen-content ul {
    min-height:220px
    }
        #stickyWrap .chordBtnG {
        left: 0px;
    }
        .star_editing .rating-xs {
        font-size: 24px;
    }
            /*15-12-17*/
    .drop_Down {
        width: 100%;
    }
    }
    
    @media (max-width: 600px) {
    body {
    font-size:13px
    }
    
    .navbar-brand {
    display:block;
    float:none;
    margin:0 auto;
    text-align:center
    }
    
    .header-right {
    float:none
    }
    
    .login a::after {
    width:30px;
    height:30px;
    margin-top:-15px
    }
    
    .login {
    margin-left:5px
    }
    
    .login a {
    padding-left:36px
    }
    
    .header-link {
    margin:15px 0;
    display:block;
    text-align:center
    }
    
    .btn-search {
    min-width:125px;
    font-size:15px
    }
    
    .searchWrap {
    padding-right:125px
    }
    
    .searchSuggest {
    right:125px
    }
    
    .searchWrap .form-control {
    font-size:13px
    }
    
    .fAbut {
    font-size:15px;
    float:left
    }
    
    .fAbut,.fAbutTxt {
    display:inherit
    }
    
    .fAbutTxt {
    overflow:hidden
    }
    
    .alphabet li a {
    padding:2px 5px
    }
    
    .leftPanel,.tabcontent_cell {
    width:50%
    }
    
    .topContent_right .item-elm img {
    height:auto
    }
    
    .leftPanel {
    height:auto
    }
    
    .navbar-brand {
    text-align:center
    }
    
    .navbar-nav > li > a > span {
    display:none
    }
    
    .inboxTitle {
    font-size:17px;
    line-height:20px
    }
    
    .inboxTitle span {
    padding:0;
    margin:0;
    border:0;
    display:#000;
    line-height:18px;
    font-size:13px;
    display:block
    }
    
    .inbox-tool .btn {
    padding:3px 6px
    }
    
    .inbox-tool .rateStar {
    padding-top:1px;
    padding-bottom:1px
    }
    
    .songBookTool .gray-group {
    margin-top:5px;
    width:50%
    }
    
    .songBookTool .btn-icon-wrap {
    margin-top:5px
    }
    
    #welcome,#visit-links {
    float:none
    }
    
    #visit-links {
    margin-top:8px
    }
    
    .item-info {
    width:100%;
    margin-top:8px;
    padding-top:6px;
    border-top:1px solid #f7f7f7
    }
    
    .item-subject {
    width:auto;
    padding:0;
    float:none
    }
    
    .main-category .icon {
    margin-right:15px
    }
    
    .forum-views .item-subject {
    overflow:hidden;
    font-size:15px
    }
    
    .brwsSongTitle a,.brwsSongList li a {
    font-size:15px
    }
    
    .twocolumns {
    -webkit-columns:100px 1!important;
    columns:100px 1!important
    }
    
    .ctg-btn .btn {
    font-size:12px
    }
    
    .bullet {
    margin:0 1px
    }
        /*15-12-17*/
        .drop_Down li span{
            font-size: 13px;
        }
        .drop_Down i {
        min-width: 70px;
    }
        .drop_Down i + i{
            padding-left: 5px;
            margin-left: 5px;
        }
        .drop_Down li{
            padding: 10px;
        }
    }
    
    @media (max-width: 500px) {
    .item-elm-wrap .col-xs-4 {
    float:none!important;
    width:100%!important
    }
    
    .songListContent {
    padding-top:0
    }
    
    .hasTagWrap {
    margin-top:4px
    }
    
    .fltrWrap {
    float:none
    }
    
    .fltrWrap + .fltrWrap {
    margin:5px 0 0
    }
    
    .rateStar span {
    font-size:15px
    }
    
    .pagination {
    font-size:15px
    }
    
    .fltrWrap + .fltrWrap.less-mrgn {
    margin-top:0
    }
    
    .inbox-tool .btn-default {
    font-size:12px
    }
    
    .topHdr .fltrWrap {
    float:left
    }
    
    .songBookTool .fltrWrap {
    margin-top:0;
    margin-right:10px
    }
    
    .songBookTool .inboxSelect {
    margin-right:0
    }
    
    .customDropdown {
    padding-left:8px;
    padding-right:8px
    }
    
    #brd-navlinks ul li a {
    font-size:12px;
    padding:8px 10px
    }
    
    .rightElement .content-head,.main-frm .content-head,.main-frm .info-box {
    padding:0 0 15px
    }
    
    .main-frm .rightElement,.main-frm .leftElement,.main-frm .content-head,.content-head + #req-msg + #afocus,.main-frm .info-box,.info-box + #req-msg + #afocus,.info-box + #afocus {
    float:none;
    width:auto;
    border:0;
    padding:0
    }
    
    .main-frm .content-head,.main-frm .info-box {
    padding-bottom:15px;
    border-bottom:1px solid #dedede;
    margin-bottom:20px
    }
    
    .main-category .icon {
    width:65px
    }
    
    .useravatar {
    float:none;
    margin-right:0
    }
    
    .post-entry {
    overflow:visible
    }
    
    .post-entry h4 {
    font-size:16px
    }
    
    .main-category .icon {
    background-size:100%!important
    }
    
    #brd-navlinks ul {
    text-align:center
    }
    
    #brd-navlinks ul li {
    margin:3px 0
    }
    
    #brd-navlinks ul li a {
    font-size:11px
    }
    
    .itemList .list-content {
    max-width:80%
    }
    
    .ctg-btn .btn {
    font-size:0;
    height:30px;
    width:30px
    }
    
    .ctg-btn .btn-primary,.ctg-btn .btn-default {
    background-repeat:no-repeat;
    background-position:center center
    }
    
    .ctg-btn .btn-primary {
    margin-left:2px;
    background-image:url(../images/right-arrow.gif)
    }
    
    .ctg-btn .btn-default {
    margin-right:2px;
    background-image:url(../images/left-arrow.gif)
    }
    
    .bullet {
    width:18px;
    height:18px
    }
    }
    
    @media (max-width: 480px) {
    .leftPanel,.tabcontent_cell {
    float:none;
    width:100%
    }
    
    .topContent_right .item-elm {
    height:auto
    }
    
    .nav > li > a {
    font-size:12px
    }
    
    .btn-search {
    min-width:92px
    }
    
    .searchWrap {
    padding-right:92px
    }
    
    .searchSuggest {
    right:92px;
    padding:14px
    }
    
    .suggestList {
    padding:4px 8px
    }
    
    }
    @media (max-width: 430px) {
    .list-content .sm-hdng {
    height:auto
    }
    }
    @media (max-width: 430px) {
    .sm-pic {
    margin-left:0;
    float:none
    }
    
    .rateStar {
    float:none;
    margin-bottom:5px
    }
    
    .songListLeft {
    max-width:65px
    }
    
    .inboxTitle {
    padding:0 12px
    }
    
    .inboxList li {
    padding:10px 0 10px 28px
    }
    
    .inboxList .chckWrap {
    left:0
    }
    
    .inboxTitle {
    width:75%
    }
    
    .inbox-tool .rateStar {
    padding-right:0
    }
    
    .left-input.by3 {
    width:100%
    }
    
    .left-input.by3 + .left-input.by3 {
    margin-top:8px
    }
    
    #brd-navlinks ul li a {
    padding:8px 6px
    }
    
    .main-title {
    font-size:17px
    }
    
    .albumList .item-elm {
    float:none;
    margin-right:0;
    margin-bottom:10px
    }
    
    .post-author {
    float:none;
    margin-bottom:15px
    }
    
    .admin-menu.gen-content,.admin-submenu.gen-content {
    width:100%
    }
    
    .admin-submenu.gen-content {
    padding-left:0
    }
    
    .admin-menu.gen-content {
    padding-right:0;
    margin-bottom:5px
    }
    }
    
    @media (max-width: 415px) {
    .nav > li > a {
    font-size:10px;
    padding-left:3px;
    padding-right:3px
    }
    
    .navbar-inverse .container {
    padding-left:3px;
    padding-right:3px
    }
    }
    
    @media (max-width: 400px) {
    .songBookTool .inboxSelect {
    margin-top:5px;
    margin-right:10px
    }
    
    .songBookTool .gray-group {
    width:auto
    }
    
    .songBookTool .selectOuter .selectpicker {
    min-width:216px
    }
    
    .inboxSelect {
    padding-left:8px;
    padding-right:8px
    }
    
    .btn-mn {
    margin-right:4px
    }
    
    .hdLeft > .btn-group .btn,.gray-group .btn,.songBookTool .btn-icon-wrap .btn {
    min-width:34px
    }
    
    #brd-navlinks ul li + li {
    margin-left:0
    }
    
    .ctg-btn .btn {
    height:28px;
    width:28px
    }
    }
    
    @media (max-width: 1199px) {
    .tabcontent_cell .item-elm {
    height:159px;
    max-height:100%
    }
    
    .tabcontent_cell {
    width:243px
    }
    
    .descp .title {
    margin-bottom:3px
    }
    
    .item-elm {
    max-height:149px
    }
    
    .itemList li a {
    padding:9px 5px
    }
    
    .list-content .sm-hdng {
    font-size:15px
    }
    
    .leftPanel {
    width:210px
    }
    }
    
    @media (max-width: 991px) {
    .tabcontent_cell .item-elm {
    height:152px;
    margin-bottom:20px
    }
    
    .tabcontent_cell {
    width:250px
    }
    
    .leftPanel {
    width:220px
    }
    }
    
    @media (max-width: 767px) {
    .leftPanel {
    margin-right:16px;
    width:250px
    }
    
    .tabcontent_cell {
    width:282px
    }
    }
    
    @media (max-width: 600px) {
    body {
    font-size:13px
    }
    
    .leftPanel {
    margin-right:16px;
    width:219px
    }
    
    .tabcontent_cell {
    width:50%
    }
    }
    
    @media (max-width: 500px) {
    .tabcontent_cell .item-elm {
    height:auto
    }
    
    .tabcontent_cell {
    width:100%
    }
    
    .leftPanel {
    width:100%
    }
    }
    
    .errorbox {
    color:red;
    margin-bottom:5px;
    margin-left:3px;
    display:none
    }
    
    */ Setting back to normal */
    strong {
    margin-right:0
    }
    
    .autocomplete-suggestions {
    padding-left:0;
    border:1px solid #ccc;
    background:#FFF;
    overflow:auto
    }
    
    .autocomplete-suggestion {
    padding:2px 10px;
    white-space:nowrap;
    overflow:hidden;
    }
    
    .autocomplete-selected {
    background:#F0F0F0;
    font-weight: bold;
    cursor:pointer
    }
    
    .autocomplete-suggestions strong {
    font-weight:400;
    color:#39F
    }
    
    .autocomplete-group {
    padding:0
    }
    
    .autocomplete-group strong {
    display:block;
    color:#000;
    background:#e1e1e1;
    padding-left:8px
    }
    
    .brwsSongListOuter {
    -webkit-columns:100px 3;
    columns:100px 3;
    padding-bottom:20px
    }
    
    .twocolumns {
    -webkit-columns:150px 2;
    columns:150px 2;
    padding-bottom:20px
    }
    
    .songList {
    border:0
    }

    .songname,.browseartistname,.artistname {
    font-size:16px;
    line-height:2
    }
    
    #welcome {
    display:none
    }
    
    .feed {
    display:none
    }
    
    .main-category .icon {
    background:none;
    background-image:url(../images/smallforumimg.png)
    }
    
    #wikitext {
    text-align:justify;
    padding:10px;
    line-height:1.3
    }
    
    #wikitext > p {
    padding-bottom:12px
    }
    
    .commentbox {
    width:50%;
    height:100px;
    margin-top:10px
    }
    
    .hiddenform {
    display:none
    }
    
    h4 {
    margin-bottom:10px
    }
    
    pre {
    padding-left:10px
    }
    
    .beta {
    border:5px dotted red;
    background-color:#000;
    color:#fff;
    height:70px;
    padding:10px;
    text-align:center
    }
    
    .cl {
    line-height:18px;
    vertical-align:bottom
    }
    
    .c {
    vertical-align:bottom;
    line-height:1px
    }
    
    .cl td {
    color:#5280cf
    }
    
    .songsection {
    margin-top:10px
    }
    
    .songChord table .es td {
    padding-right:15px
    }
    
    .comment {
    color:gray;
    font-style:italic
    }
    
    .chorus,.bridge {
    margin-left:30px;
    font-style:italic
    }
    
    table {
    min-height:1.1em;
    
    }
    
    
    table.thirdempty {
    display:none
    }
    
    .chordline,.chordonlyline,.textline {
    font-size:115%
    }
    
    .chordline {
    line-height: 2.6em;
    }
    
    .textline {
    height:1.3em
    }
    
    .relc {
    position:absolute
    }
    
    .absc,.alow {
    position:relative;
    color:#36C;
    top:-0.9em;
    font-weight:700
    }
    
    .inlc,.ilow {
    position:relative;
    color:#36C;
    padding-left:5px;
    padding-right:5px
    }
    
    .alow,.ilow {
    top:0
    }
    
    .bracket {
    position:relative;
    display:none
    }
    
    .listofsongs li a {
    font-size:16px
    }
    
    .listofsongs li a:hover {
    text-decoration:underline
    }
    
    .listofsongs li {
    list-style-type:disc
    }
    
    .leaderboard {
    background:none;
    width:100%;
    text-align:center;
    margin-top:10px;
    margin-bottom:10px
    }
    
    .leaderboard.pri3 {
    display:none
    }
    
    .leaderboard.pri2 {
    display:none
    }
    
    .lessthanthousand {
    display:none
    }
    
    .morethanthousand {
    display:block
    }
    
    .onlymobile {
    display:none
    }
    
    @media (max-width: 970px) {
    .lessthanthousand {
    display:block
    }
    
    .morethanthousand {
    display:none
    }
    }
    
    @media (max-width: 1279px) {
    .leaderboard.pri3 {
    display:block
    }
    }
    
    @media (max-width: 1537px) {
    .leaderboard.pri2 {
    display:block
    }
    }
    
    @media (max-width: 667px) {
    .onlymobile {
    display:block
    }
    
    .lessthanthousand {
    display:none
    }
    
    .morethanthousand {
    display:none
    }
    }
    
    #chopro {
    width:100%;
    border:0;
    resize:none;
    height:398px;
    overflow-y:scroll;
    padding:5px;
    border-radius:4px 4px 4px 4px;
    border:1px solid #000
    }
    
    .leftContentWrap {
    padding:0;
    background-color:#fff
    }
    
    .chorduserinstructions {
    float:right;
    padding-top:10px;
    padding-right:60px;
    font-style:italic
    }
    
    .descp .link:after {
    border:none
    }
    
    .itemList li:hover .list-content .sm-hdng,.itemList li:hover p {
    text-decoration:underline
    }
    
    .jangotext {
    position:absolute;
    color:gray;
    top:9px;
    left:42px;
    width:125px;
    height:23px;
    overflow:hidden;
    text-align:left;
    text-overflow: ellipsis;
    }
    
    .jangocontainer {
    position:relative
    }
    
    .displaynone {
    display:none
    }
    
    #qjump-submit {
    display:none
    }
    .grey {
        color: #838282;
    }
    .rightStickyPanel {
    padding-top:76px;
    padding-top:54px;
    padding-top:0
    }
    img.albumimage[src=""]{
            content:url("/images/no-cover.png");
            border: 1px solid lightgrey;
    }
    
    @media print {
    @page {margin-top:1.2cm;margin-bottom:1cm;}
    @page:first {margin-top:.1cm}
    body {width: 695px;}
    a[href]:after {content:none!important}
    .beta,.header-right,.importantBox,.panelBoxChild,.variation,.buttonBox,.songbookBox,.shareBox,.chordBottomWrap,.footerLeft,.footerRight,.createrName,.Jango,.rigtPanelToggle,.skyscrapers,.btn-font,.leaderboard,.onlymobile {display:none}
    .absc,.alow,.inlc,.ilow {color:#36C!important;}
    .navbar-brand {position:absolute;right:0;top:20px}
    #logoimg {height:27px;width:123px}
    .panelBox,.rightStickyPanel,.cordImages,.col-sm-3 {border:0;padding:0}
    .col-sm-3 {position:absolute;right:0;width:132px}
    .rigtPanelToggle,.clearFix,.btn-box {display:none}
    .cordImages a {width:64px;border: 0;margin: 0;}
    .chordContent{position: relative;}
    #stickyWrap{position: absolute;top: -20px;background-color: white;left: 567px;width: 128px;padding:0;margin:0;padding:0;}
    #chordimages {width: 128px;}
    pre {max-width: 540px;}
    }
    
    
    
    
    
    /*08-02-16*/
    /*new added*/
    .topContent .ctg-btn {
        z-index: 9;
    }
    .jangocontainer > a {
        display: inline-block;
        position: relative;
    }
    .rigtPanelToggle {display: none;}
    
    #brd-online h3 {
    /*float:right;
    border:0*/
    font-size: 16px;
    }
    #brd-online > p {
    /*float:right;
    margin-top:32px;
    position:absolute;
    right:15px*/
    margin-top: 12px;
    }
    .main-head p.options {
        position: inherit;
    }
    .forum-forums .main-item {
        /*margin-bottom: 12px;*/
        border-top: 1px solid #ddd;
        padding-top: 10px;
    }
    .item-subject h3 {
        font-size: 18px;
    }
    .item-elm {min-height: 120px;}
    .selectOuter select {
        padding: 5px;
    }
    #ad9, #ad10, #ad11 {
        margin-left: auto;margin-right: auto;
    }
    @media (min-width: 768px) {
        #stickyWrap .chordBtnG {
            position:absolute;
            bottom:100%;
            right:0;
            margin-bottom:30px
        }
    }
    @media (max-width: 991px) {
        .jangotext {
            left: 44px;	 
            top: 7px;
            width: 112px;
        }
        .firstpost .postbody .post-entry {
            font-size: inherit;
        }
    }
    @media (max-width: 767px) {
        .selectpicker {
            height: 36px;
        }
        .btn-box .customDropdown {
            margin: 8px 0;
            position: relative;
            top: 0;
        }
        .rightStickyPanel {
            padding-top: 24px !important;
        }
    }
    @media (max-width: 600px) {
        .commenttext object {
            width: 100% !important;
        }
    }
    @media (max-width: 500px) {
        .replypost .post-entry {margin: 0;}
        .post .post-author {float: none;width: auto;}
        .replypost .post-entry::after {display: none;}
        .replypost .post-entry:before {
            bottom: 100%;
            left: 0;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(246, 246, 246, 0);
            border-bottom-color: #f6f6f6;
            border-width: 20px;
        }
        .post-author {margin-top: 20px;}
    }
    @media (max-width: 430px) {
        #ad9{margin-left: 13px;}
        .leaderboard {margin-left: -13px;}
    }
    
    /*new*/
    #pause, #start {
        font-size: 0;
        height: 22px;
        width: 22px;
        background-position: center center;
        border-radius: 100px;
        background-repeat: no-repeat;
        vertical-align: middle;
        margin-bottom: 0;
        z-index: 68;
        position: relative;
    }
    #start {
        background-image: url(../images/play-icon.png);
    }
    #pause {
        background-image: url(../images/pause-icon.png);
    }
    @media(max-width: 767px) {
        .mobSticky #displayDropDown {
            margin: 0;
            padding-right: 30px;
            position: fixed;
            right: 0;
            top: 0;
            width: auto;
            z-index: 99;
            
        }
    }
    
    .fltrWrap .selectOuter{
       position: relative;
   }
   .selectOuter .dd.ddcommon{
       width: 100% !important;
    }
   .selectOuter .ddlabel{
      padding-left: 0;
   }
   .selectOuter .dd .ddChild li .ddlabel{
       font-size: 13px;
   }

	@media(max-width: 1199px){
   .fltrWrap .selectOuter{
       min-width: 125px;
   }
}


.selectA_c .dd .ddTitle{
    display: block;
}
.selectA_c .dd .ddTitle .ddTitleText img{
   float: left !important;
    padding-right: 0;
    display: block;
}
.selectA_c .ddlabel{
   float: left;
    max-width: 98px;
    overflow: hidden;
    text-overflow: ellipsis;
     display: block;
    padding-left: 8px;
    cursor: default;
}

.selectA_c .dd .ddTitle .ddTitleText{
    position: relative;
}
.selectA_c .dd .ddTitle .ddTitleText:after, .selectA_c .dd .ddTitle .ddTitleText:before{
    display: table;
    content: " ";
    clear:both;
}
.selectA_c .ddChild .ddlabel{
    float: inherit;
     max-width: inherit;
     overflow: visible;
     text-overflow: inherit;
     display:inline-block;
 }
 .selectA_c .ddChild img{
    float: inherit !important;
     padding-right: 5px !important;
 }
 
 
#publicDropDown .selectOuter {
	position: relative;
}
#publicDropDown #msdrpdd21_child {
	height: inherit !important;
}


#tuningSelect_msdd, #tuningSelect_msddHolder{
    width: 100% !important;
    position: relative;
}

#modeSelect_msdd, #modeSelect_msddHolder{
    width: 100% !important;
    position: relative;
}

#firstcol pre {
    max-height: 550px;
   }
   
   @media (max-width: 1199px) {
            .selectA_c .ddlabel{
                 max-width: 50px;
             }
      }
   @media (max-width: 767px) { 
    .selectA_c .ddlabel{
                 max-width: 100%;
             }
   }  
   
#firstcol .textline {
    height: auto;
}

#selecttuning_child{
    height: 282px !important; 
}


.cuStomRow  .col-sm-3{
    width:300px;
}
@media (min-width: 1200px) {
	.cuStomRow .col-sm-9 {
  	  width: 700px;
	}
}

@media (min-width: 1300px) {
	.cuStomRow .col-sm-9 {
  	  width: 840px;
	}
}
 @media (max-width: 1279px) {
    .skyscrapers {
       display:block;
    }
    }
@media (max-width: 1199px) { 
	.cuStomRow .col-sm-9 {
  	  width:500px;
	}
}
@media (max-width: 991px) { 
	.cuStomRow .col-sm-9 {
  	  width:100%;
	}
   .skyscrapers {
       display:none;
    }

}