body{background-color:#FFF;color:#000;text-align:center;margin:0;}
.sl-body h1{color:#4B6B45;display:inline-block;width:100%;padding-left:5%;}
.sl-body h1, .green{color:#4B6B45;}
.pad-outer h1{padding-left:0;}
.sl-body h2, .sl-body h3{
font-family: 'Noto Sans', sans-serif;    
}
.sl-body h2{color:#154f14;font-size:150%;margin:8px 0px 22px 0px;font-weight:bold;}
.sl-body .no-underline, .sl-body .no-underline:hover{
text-decoration:none !important;
}
h3{font-size:120%;line-height:25px;margin:10px 0px 3px 0px;color:#999;}
em, .message, .sl-body .font-a{font-family:'Varela Round', sans-serif;}
.sl-body .font-b{font-family: 'Noto Sans', sans-serif;}
.red{color: #C61717;}
.gold{color:#A88B07;}
.gold-b{color:#CCC72B;}
.yel{color:yellow;}
.btn.btn-warning{color:#000;background:#F0F060;border:1px solid #BABA47;}
.btn.btn-warning:hover{background:#F7F7B0;border-color:#ABAB32;color:#333;}
.btn.btn-warning:active{background:#F7F7B0;border-color:#ABAB32;}
.sl-body .btn{text-decoration:none;}
.sl-body .btn.big{font-size:140%;padding:12px 20px;}
.sl-body .btn.bigg{font-size:170%;padding-top:16px;padding-bottom:16px;}
.sl-body .btn.btn-primary, .navbar-header .navbar-toggle{color:#FFF;background:#306927;border:1px solid #485C45;}
.sl-body .btn.btn-primary:hover, .sl-body .navbar-toggle:hover{color:#FFF;background:#3F7037;border-color:#3C5737;}
.btn.btn-primary, .navbar-nav .btn-primary:active, .sl-body .navbar-toggle:active, .sl-body .navbar-header .navbar-toggle:focus{color:#FFF;background:#33612B;border-color:#485C45;}
.sl-body .navbar-header .navbar-toggle{border:none;padding:8px 10px;}
.sl-body .btn-info{color:#FFF;background:#333;border:1px solid #000;}
.sl-body .btn-info:hover{color:#EEE;background:#000;border:1px solid #333;}
.sl-body .btn-info:active{color:#FFF;background:#666;border:1px solid #000;}
.sl-body .btn-block.trim{max-width:420px;}
.gray{ color: gray; }
.sm{font-size:90%;}
.smm{font-size:82%;}
.smmm{font-size:74%;}
.bigg{font-size:120%;}
.biggg{font-size:130%;}
.bigggg{font-size:170%;}
.icon{vertical-align:middle; margin:0px;}
.icon_cell{padding: 0px 0px 3px 0px; text-align:right;}
.text-center{text-align:center;}
.v-pad-flex{
padding-top:35px;
padding-bottom:35px;
}
.v-pad-flex-sm{
padding-top:20px;
padding-bottom:20px;
}
.wrap-beads .color-array > div{
height:20px;
}
.color-array .rd{
background:#FC806D;
}
.bead-string .rd{
color:#FC806D;
}
.color-array .yl{
background:#F3FC9D;
}
.bead-string .yl{
color:#F3FC9D;
}
.color-array .gn{
background:#68ED78;
}
.bead-string .gn{
color:#68ED78;
}
.color-array .bl{
background:#A470DB;
}
.bead-string .bl{
color:#A470DB;
}
.wrap-beads.row{
display:none;
background:#000;
color:#FFF;
font-size:120%;
width:100%;
margin-top:0;
padding-top:0;
margin-left:0;
margin-right:0;
background: -moz-radial-gradient(center, ellipse cover, rgba(92,92,92,1) 0%, rgba(51,51,51,1) 44%, rgba(0,0,0,1) 100%); /* ff3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(92,92,92,1)), color-stop(44%, rgba(51,51,51,1)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
background:-webkit-radial-gradient(center, ellipse cover, rgba(92,92,92,1) 0%, rgba(51,51,51,1) 44%, rgba(0,0,0,1) 100%); /* safari5.1+,chrome10+ */
background: -o-radial-gradient(center, ellipse cover, rgba(92,92,92,1) 0%, rgba(51,51,51,1) 44%, rgba(0,0,0,1) 100%); /* opera 11.10+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(92,92,92,1) 0%, rgba(51,51,51,1) 44%, rgba(0,0,0,1) 100%); /* ie10+ */
background:radial-gradient(ellipse at center, rgba(92,92,92,1) 0%, rgba(51,51,51,1) 44%, rgba(0,0,0,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5C5C5C', endColorstr='#000000',GradientType=1 ); /* ie6-9 */
}
.wrap-beads .wrap-close{
font-size:230%;
height:0;
overflow:visible;
}
.wrap-beads .wrap-close a, .wrap-beads .wrap-close a:hover{
position:relative;
z-index:103;
color:#EEE;
text-decoration:none;
margin-top:10px;
}
.wrap-beads .wrap-close a:hover{
color:#FFF;
}
.wrap-beads .wrap-close a:active{
color:yellow;
}
.wrap-beads h2{
font-family: 'Varela Round', sans-serif;
font-size:280%;
}
.wrap-beads h2, .wrap-stack{
color:#FAFAAC;
}
.wrap-beads h2 span, .fa-stack-1x{
color:#F5F589;
}
.wrap-beads .ladder-white{
float:left;
margin-right:18px;
margin-top:20px;
width:18%;
min-width:25px;
max-width:65px;
opacity:.9;
}
.wrap-beads .wrap-stack{
font-size:280%;
}
.wrap-beads .wrap-stack .fa-stack-1x{
font-size:80%;
}
.wrap-beads .bead-string{
padding-top:15px;
letter-spacing:-8px;
font-size:240%;
}
.wrap-beads-sm .bead-string{
letter-spacing:-4px;
font-size:70%;
}
.wrap-beads .wrap-text{
text-align:left;
}
.header .bead-string{
letter-spacing:-4px;
}
.header .toggle-beads:hover{
cursor:pointer;
}
.header .toggle-beads .wrap-count{
padding-left:8px;
font-size:120%;
font-weight:bold;
}
.wrap-beads .bead-string .fa-ellipsis-h{
letter-spacing:-14px;
}
.wrap-beads .btn{
margin-right:3%;
margin-bottom:12px;
}
.wrap-beads p{
padding-top:6px;
padding-bottom:6px;
font-size:120%;
}
.header{
background-color:#000;
min-height:32px;
line-height:32px;
text-align:left;
font-size:92%;
}
.pad-outer, .message, .main h2, .main > h3, .main .row.pad-outer{
width:100%;
padding-left:5%;
padding-right:5%;
}
.message .wrap-right{
text-align:right;
}
.message a{
color:#000;
text-decoration:underline;
}
.message a.btn{
text-decoration:none;
}
.message a.btn-success, .message a.btn-info{
color:#FFF;
}
.row.pad-outer{
margin-left:0;
margin-right:0;
}
.row.pad-outer > div{
padding-left:0;
}
.main .pad-outer h2{
padding-left:0;
padding-right:0;
}
.sl-body .child-no-pad-x > *, .sl-body .row.child-no-pad-x > *, .sl-body .no-pad-x{
padding-left:0;
padding-right:0;
}
.row.no-pad-left > div, .sl-body .no-pad-left, .sl-body .child-no-pad-left > *{
padding-left:0;
}
.row.no-pad-right > div, .sl-body .no-pad-right, .sl-body .child-no-pad-right > *{
padding-right:0;
}
.flex-pad-left, .row .flex-pad-left[class*=col]{
padding-left:15%;
}
.sl-body .no-min-height, .sl-body .main.no-min-height{
min-height:0;
}
.sl-body .margin-y{
float:left;
margin-top:20px;
margin-bottom:20px;
}
.sl-body .margin-bottom{
margin-bottom:40px;
}
.sl-body .margin-top{
margin-top:40px;
}
.sl-body .margin-top-sm{
margin-top:20px;
}
.sl-body .margin-bottom-sm{
margin-bottom:20px;
}
.header, .header a{
color:#FFF;
}
div.top div.a div a{
color:#206923;
}
.navbar .wrap-logo img, .navbar-header button, .nav.navbar-nav li, .navbar .wrap-login{
margin-top:15px;
}
.navbar.navbar-default{
border:none;
background:none;
padding-top:15px;
}
.ladder-navbar.navbar .wrap-logo img{
    width:100%;
    height:auto;
    max-width:277px;
    float:left;
}
.ladder-navbar.navbar .collapse.navbar-collapse{
border-top:none;
}
.ladder-navbar.navbar{
    clear:both;
    margin-bottom:0;
}
.ladder-navbar.navbar > .row, .collapse.navbar-collapse, .navbar-collapse .navbar-nav{
width:100%;
}
.ladder-navbar.navbar .navbar-collapse .navbar-nav li{
margin-right:4%;
}
.ladder-navbar.navbar .navbar-collapse .navbar-nav li a{
padding:8px 14px;
}
.navbar .wrap-login span.l{
margin-right:10px;
}
.navbar .wrap-login a span{
background:#FAED64;
color:#000;
padding:0px 8px;
border:1px solid #F5DF7F;
}
.navbar .wrap-login  a:hover span{
background-color:#FAF4B6;
border:1px solid #E6D36A;
}
div.top div.c ul li:hover{
background-color:#5A8A51;
border:1px solid #CCC;
}
div.main{
width:100%;
clear:both;
float:left;
min-height:400px;
padding-top:15px;
padding-bottom:30px;
}
.main > *{
text-align:left;
}
.message{
float:left;
padding-top:20px;
padding-bottom:20px;
margin:0px auto 30px auto;
font-size:110%;
}
.message .key{
font-weight:bold;
padding-right:18px;
}
div.notice{
background-color:#EEE;
}
div.brt{
background-color:#FAF8ED;
}
div.clr{
clear:both;
}
div.urgent, label.urgent, div.ybox{
background-color:#FCFACA;
}
div.urgent div.rrr{
background:#FAF5C0;
}
div.message div.rrr{
text-align:center;
}
.message .rrr .btn{
margin-top:6px;
}
label.urgent{
font-weight:bold;
}
.tmrg{
margin-top:20px;
}
.bmrg{
margin-top:20px;
}
.rmrg{
margin-right:5%;
}
.lmrg{
margin-left:5%;
}
.belt{
clear:both;
padding:40px 5%;
}
.belt.black{
background-color:#000;
color:#FFF;
}
.belt.black a{
color:#b4f4ad;
}
.belt.black a.btn-warning{
color:#000;
}
.belt.black .btn-info{
border:1px solid #CCC;
}
.belt.green{
background-color:#1B4F1F;
color:#FFF;
}
div.ybox div{
width:80%;
padding:20px 10%;
font-size:104%;
}
div.ybox div div{
margin:0px;
}
div#bigfoot{
clear:both;
background-color:#EEE;
border-top:1px solid #CCC;
margin-top:40px;
text-align:center;
}
#bigfoot div.slc{
margin:30px auto;
text-align:left;
}
#bigfoot .slc h4{
font-weight:bold;
}
div#bigfoot div.soc{
}
div#bigfoot div.menu{
}
div#bigfoot .brand{
display:block;
background:#d9d7d7 url('/images/sprites_no_repeat.gif') no-repeat -275px 0px;
float:center;
width:270px;
height:285px;
border:1px solid #CCC;
border-radius:4px;
}
div#bigfoot div.brand div.ccc{
margin-top:0px;
width:100%;
}
div#bigfoot div.brand div.ddd{
clear:both;
width:100%;
text-align:center;
color:#16401E;
font-size:18px;
line-height:25px;
height:25px;
}
div#bigfoot div.brand div.ccc a{
display:block;
width:100%;
height:250px;
text-decoration:none;
text-align:right;
}
div#bigfoot div.slc div.aaa{
clear:both;
width:100%;
height:40px;
border-bottom:1px solid #CCC;
margin:10px 0px 6px 0px;
}
div#bigfoot div.slc h4{
display:block;
float:left;
clear:both;
width:100%;
margin:14px 0px 6px 0px;
font-size:115%;
line-height:17px;
}
div#bigfoot div.slc h4.tmrg{
margin-top:28px;
}
div#bigfoot div.slc div.bbb a{
display:block;
float:left;
clear:both;
line-height:24px;
height:24px;
font-size:95%;
text-decoration:none;
color:#000;
}
div#bigfoot div.slc div.bbb a:hover{
text-decoration:underline;
}
div.subfoot{
border-top: 1px solid #CCC;
background-color:#114017;
height:40px;
text-align:center;
}
div.subfoot, div.subfoot a{
font:normal 80%/40px verdana;
color:#EEE;
}
.row.wrap-feature{
clear:both;
float:left; 
background:#333;
color:#FFF;
width:98%;
margin:20px 1% 30px 1%;
}
.row.wrap-feature > div{
padding:0;
margin:0;
}
.row.wrap-feature .col-xs-12{
margin-right:0;
margin-left:0;
}
.row.wrap-feature .wt{
padding-left:2%;
}
.wrap-feature .wt > div{
margin-top:8px;  
margin-bottom:8px;
}
.wrap-feature .wt .fa{
margin-top:20px;
color:lightyellow;
font-size:88%;
letter-spacing:1.7;
}
.wrap-feature .wrap-ctrl a{
background-color:#509456;
}
.wrap-feature .ws{
font-size:150%;
}
.wrap-feature .ws .sn{
font-size:170%;
color:#F8FCA4;
line-height:normal;
}
.wrap-feature .ws > div{
padding-left:0;
margin-top:15px;
}
.wrap-feature .wstar{
color:#666;
overflow:hidden;
min-height:120px;
line-height:120px;
}
.wrap-feature .wstar .glyphicon{
font-size:200px;
margin-left:20px;
}
.wrap-feature .wrap-ctrl a{
font-size:120%;
border:1px solid #2f6a37;
width:100%;
max-width:85px;
color:#EEE;
}
.wrap-feature .wi img{
width:100%;
}
.wrap-feature .wi{
max-height:320px;
overflow:hidden;
}

div.wrap-feature a{
text-decoration:none;
color:#FFF;
}
div.wrap-feature h4{
display:block;
clear:both;
font-family: 'Noto Sans', sans-serif; 
font-size:400%;
width:100%;
margin:0;
}
div.wrap-feature div.flg{
clear:both;
}
.wrap-feature .bc > div{
min-height:35px;
line-height:15px;
padding-top:10px;
font-size:85%;
color:#000;
}
.wrap-feature .bc .bc-a{
background:#e6e600; 
}
.wrap-feature .bc .bc-b{
background:#e6b800;
}
.wrap-feature .bc .bc-c{
background:#A39002;  
}
 .wrap-artist-box .wrap-artist-image img{
width:100%;
}
.wrap-artist-details{
z-index:101;
position:relative;
top:-60px;
margin-bottom:-60px;
background:#000;
color:#FFF;
min-height:110px;
padding:8px 2% 8px 4%;
overflow:hidden;
}
.wrap-artist-details h2, .black .yel{
color:#F7F692;
}
.wrap-artist-details h2, .wrap-flag{
margin-top:10px;
}
.wrap-artist-box > div{
    width:100%;
}
.wrap-artist-box .wrap-flag{
overflow:hidden;
border:1px solid #CCC;
max-width:100px;
padding:0;
height:75px;
}
.wrap-artist-box .wrap-flag img{
    width:125%;
    height:auto;
    margin-left:-12%;
    margin-top:-12%;
    min-width:100px;
}
div.feature{
margin-top:20px;
margin-bottom:20px;
}
div.feature div.a{
width:160px;
height:150px;
text-align:center;
background-color:#FAF7DE;
overflow:hidden;
}
div.feature div.a, div.feature div.b{
min-height:155px;
}
div.feature div.b, div.feature div.b div{
width:313px;
}
div.feature div.b{
background-color:#F2F0DC;
border-left:2px solid #FFF;
}
div.feature div.a img{
margin:8px;
border:1px solid #000;
}
div.feature div.b div{
padding:8px 12px;
}
div.feature div.b div.c a{
font:bold 28px/35px verdana;
color:#4F3922;
text-decoration:none;
}
div.feature div.b div.c a:hover{
text-decoration:underline;
}
div.feature div.b div.c img{
border:1px solid #451813;
line-height:27px;
}
div.feature div.b div.e{
clear:both;
background-color:#f5e7b8;
height:32px;
margin-left:12px;
width:240px;
}
div.feature div.b div.e span{
font:bold 16px/32px verdana;
}
div.feature div.b div.e img{
float:left;
border:1px solid #FFF;
margin-right:12px;
}
div.feature div.c div{
font:bold 20px/22px verdana;
min-height:220px;
}
div.feature div.d{
width:200px;
}
div.feature div.b div.f{
margin:20px 0px 0px 6px;
}
.main form{
display:inline-block;
float:left;
width:100%;
}
.main form fieldset{
padding-top:0px;
padding-bottom:40px;
}
.main form fieldset label{
clear:both;
font-weight:bold;
font-size:120%;
width:38%;
margin-right:2%;
min-width:none;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.main form fieldset label.wide{
min-width:250px;
}
form fieldset input{
width:60%;
}
form fieldset input[type="checkbox"], form fieldset input[type="radio"], form fieldset input[type="image"]{
width:auto;
}
form fieldset label, form fieldset label span{
float:left;
display:block;
text-align:right;
max-width:310px;
}
form fieldset label{
margin: 5px 0 0 0;
}
form fieldset label, form fieldset input[type="text"],form fieldset input[type="checkbox"], form fieldset input[type="password"], form fieldset select{
margin:8px auto;
padding:4px;
line-height:32px;
}
form fieldset.stack-label label{
padding:0px 4px;
line-height:28px;
height:auto;
overflow:visible;
}
form fieldset input{
font-size:140%;
}
form fieldset input.btn{
height:auto;
}
form fieldset label span{
clear:both;
display:inline-block;
padding:0 4px 0 0;
width:100%;
font-size:72%;
margin-top:-4px;
line-height:10px;
font-weight:normal;
color:#666;
}
form fieldset label.wide{
max-width:380px;
}
form fieldset .checkbox label{
width:auto;
max-width:auto;
font-size:93%;
line-height:26px;
}
form fieldset span.txt{
float:left;
display:block;
max-width:370px;
}
form fieldset span.txt input{
display:inline;
margin:0px;
}
textarea:focus, input:focus {
border: 2px solid #900;
}
form fieldset {
border:1px solid #CCC;
padding:12px 5%;
margin-bottom:20px;
}
form fieldset legend {
    font-size:120%;
    width:auto;
    background:none;
    border:none;
}
form textarea{
width:auto;
padding:4px 3%;
}
.wrap-song.row{
width:100%;
margin-left:0;
margin-right:0;
}
.wrap-all-songs > form{
display:inline-block;
width:100%;
}
.wrap-all-songs > form > div{
clear:both;
}
.wrap-song, .wrap-song div{
float:left;
}
.wrap-song > div{
padding-left:0;
padding-right:0;
white-space:nowrap;
}
.wrap-song > div #loaded_song{
white-space:normal;
}
.wrap-song .y-chop{
    max-height:48px;
    overflow:hidden;
}
.wrap-song > div > div{
padding:5px 2%;
}
.sl-body .wrap-song, .wrap-song a, .sl-body .wrap-song.song-header a.tooltip{
color:#184910;
line-height:normal;
}
.song-header.row .tooltip-inner{
min-width:250px;
}
.wrap-song.song-header{
font-size:70%;
background-color:#C9E2C5;
height:22px;
padding-top:0;
padding-bottom:0;
float:left;
}
.wrap-song.song-header, .wrap-song.song-header > div{
overflow:visible;
}
.wrap-song.song-header > div{
line-height:22px; 
padding-left:6px;
padding-top:0;
padding-bottom:0;
}
/*
.wrap-index.wrap-all-songs .wrap-song.song-header > div{
text-align:center;
}
*/
.wrap-song.song-header > div > div{
line-height:normal;
}
.wrap-song.song-header > div.center{
padding-left:0;
}
.wrap-song.song-header .center > div{
width:100%;
text-align:center;
}
.odd{
background:#ffffff;
}
.even{
background:#f1f2ed;
}
.wrap-song.bright, .wrap-song .options{
background-color:#FEFDCC;
}
.wrap-song.bright{
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;    
}
.sl-body .wrap-song .options{
white-space:normal;
}
.wrap-song .options .bb{
padding-top:0;
}
.wrap-song .options .bb .btn{
    margin:10px 2% 0 0;
}
#loaded_song{
max-height:150px;
}
.wrap-song .rank div{
background-color:#000;
color:#FFF;
font-weight:bold;
font-size:160%;
overflow:hidden;
text-align:center;
max-width:40px;
width:100%;
}
.wrap-song .rank div, .wrap-ctrl a{
min-height:36px;
line-height:36px;
min-width:30px;
}
.wrap-ctrl a{
display:inline-block;
padding:8px 1%;
background:#114017;
width:100%;
max-width:52px;
}
.wrap-song-home .wrap-ctrl a{
max-width:75px;
}
#loaded_song .wrap-ctrl a{
max-width:80px;
}
.wrap-ctrl a span{
width:100%;
text-align:center;
font-size:115%;
color:#FFF;
}
.wrap-song .rank div, .wrap-ctrl a{
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
.wrap-song .wrap-title-desc{
min-width:100px;
}
.wrap-song-big .wrap-all-songs .row{
margin-left:0;
padding-left:0;
font-size:160%;
}
.wrap-song-big .wrap-all-songs .row > div > div{
min-height:80px;
}
.wrap-song-big .wrap-stamp.visible-xs, .wrap-song-big .wrap-stamp.hidden-xs, .wrap-song-big .wrap-flag-loc.hidden-xs{
display:none !important;
}
.wrap-song-big .row .wrap-ctrl a{
width:100%;
height:60px;
}
.wrap-song-big .row .wrap-ctrl a .glyphicon{
line-height:40px;
font-size:150%;
}
.wrap-song-big .wrap-all-songs .wrap-song > .col-md-4{
width:100%;
margin-top:15px;
}
.wrap-song-big .wrap-all-songs .wrap-song .wrap-ctrl{
    max-width:110px;
    padding-left:0;
    min-width:40px;
    width:20% !important;
}
.wrap-song-big .wrap-all-songs .wrap-song .wrap-title-desc{
    width:80% !important;
}
.wrap-song-big .wrap-song #feedback, .wrap-song-big .wrap-song #review{
top:-120px;
} 
.wrap-title-desc > div{
clear:both;
width:100%;
}
.wrap-song .title{
min-width:200px;
}
.wrap-song .title a{
color:#000;
font-size:110%;
font-family: 'Noto Sans', sans-serif;
}
.wrap-song #scan{
display:none;
}
.wrap-editor-review-text .wrap-song #scan{
display:inline-block;
}
.wrap-editor-review-text .wrap-song #scan .text-review-link, .wrap-editor-review-text .wrap-song #closesong{
display:none;
}
#scan .glyphicon{
font-size:150%;
}
#scan .glyphicon:last-of-type{
margin-left:5%;    
}
.wrap-song .numbers{
font-size:100%;
}
.wrap-song .award{
width:100%;
text-align:center;
}
.wrap-song .award a{
display:inline-block;
width:70%;
margin-left:15%;
margin-right:15%;
min-width:22px;
max-width:38px;
max-height:36px;
line-height:40px;
background:#FFF url('/images/awards/award_best_song_35px.gif') no-repeat;
background-position: 50% 50%;
font-size:77%;
font-weight:bold;
color:#000;
text-align:center;
text-decoration:none;
border:1px solid #d19f21;
border-left:1px solid #bca876;
border-bottom:1px solid #bca876;
border-radius:4px;
}
.wrap-song .artist{
font-weight:bold;
font-size:75%;
}
.wrap-song .squash-txt > div{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-height:48px;
}
.wrap-flag-loc .wrap-artist-location{
width:75%;
padding-top:8px;
}
.wrap-flag-loc .flag{
    width:25%;
    max-width:45px;
    min-width:30px;
}
.wrap-flag-loc .flag img{
    width:100%;
    height:auto;
}
.wrap-artist-location > div{
width:100%;
clear:both;
min-height:14px;
line-height:14px;
}
.wrap-song .location, .wrap-song .desc{
font-size:70%;
}
.wrap-song.desc{
padding-left:2%;
}
.wrap-song .desc, .wrap-song .desc a{
color:#AB3937;
}
.wrap-song .artist a{
color:#33612B;
}
.wrap-song .wrap-stats > div{
width:33%;
text-align:right;
line-height:42px;
padding-right:6%;
}
.wrap-song .wrap-stamp{
overflow:hidden;
line-height:35px;
max-height:40px;
padding:4px 1% 0 0;
text-align:right;
}
.wrap-song .wrap-stamp img{
margin:6px 0 0 2%;
width:98%;
max-width:180px;
min-width:120px;
height:auto;
}
.wrap-song.end{
border-bottom:1px solid #ABAB9E;
border-right:1px solid #ABAB9E;
background-color:silver;
color:#184910;
}
.wrap-song .rchange{
line-height:28px;
}
.wrap-song .rchange .glyphicon{
padding-right:4px;
}
.wrap-song #closesong:hover, .wrap-song #scan span:hover{
cursor:pointer;
}
.wrap-song #closesong .glyphicon-remove{
font-size:80%;
padding-top:12px;
}
.wrap-song .glyphicon.dark{
color:#523117;    
}
.wrap-song #closesong:active{
color:#333;
}
.wrap-song #title .location{
padding-left:8px;
}
.right_option{
margin-left:300px;
display:inline;
width:100px;
}
.wrap-menu > .col-xs-12{
border-top:1px solid #CCC;
padding-top:15px;
padding-bottom:15px;
}
.wrap-menu .col-xs-12 > .btn{
min-width:220px;
}
#blanket{background-color:#111;opacity:0.45;filter:alpha(opacity=45);position:fixed;z-index:9001;top:0px;left:0px;width:100%;}
#popUpDiv{position:fixed;min-height:300px;top:90px;left:6%;width:88%;background-color:#EEE;border:1px solid #CCC;z-index:9002;border-radius:3px;padding-bottom:10px;}
#popUpDiv div.x{width:10%;margin-left:88%;margin-right:2%;height:30px;margin-top:18px;}
#popUpDiv div.x a{z-index:9003;font-weight:bold;font-size:270%;padding:3% 7%;color:firebrick;text-decoration:none;background-color:#F5EDF0;border:1px solid #CCC;}
#popUpDiv div.x a:hover{ border:1px solid firebrick;}
#popUpDiv div.bot{clear:both;margin:2% 3% 4% 3%;width:94%;min-height:140px;background:#EEE;}
#popUpDiv div.bot form{padding:20px;}
#popUpDiv div.bot input.text{font:normal 18px/40px verdana;width:230px;padding:0px 12px;height:40px;}
#popUpDiv div.bot input.button{margin-left:10px;height:44px;font-size:18px;}
#popUpDiv div.social div.a{margin-top:-7%;width:85%;margin-right:15%;}
div.social div.a{
font-weight:bold;
font-size:210%;
line-height:normal;
}
div.social div.b, div.social div.c, div.social div.d{
margin-top:25px;
}
#popUpDiv div.social div.b, #popUpDiv div.social div.c, #popUpDiv div.social div.d{
margin-top:15px;
}
.social > div > div{
width:97%;
margin:0 3% 0 0;
padding:20px 5%;
}
div.social div div.tp{
font-size:170%;
height:60px;
line-height:25px;
border-top-right-radius:3px;
border-top-left-radius:3px;
}
div.social div div.bt{
min-height:105px;
border-bottom-right-radius:3px;
border-bottom-left-radius:3px;
}
.social div.b .tp{
background:#F7E1DC;
}
.social div.b .bt{
background:#F2D1C9;
}
.social .c .tp{
background:#DCE3F7;
}
.social .c .bt{
background:#C5D0F0;
}
.social .d .tp{
background:#C4E6F5;
}
.social .d .bt{
background:#B4DCED;
}
div.form_loading_message, div.main div.form_loading_message{
border:6px solid #CCC;
text-align:center;
font:bold 18px/20px verdana;
float: left;
height: 190px;
left: 42%;
top: 45%;
position: absolute;
margin-left:-150px;
margin-top:-95px;
width: 300px;
padding: 20px;
z-index:100;
background:#FFF url('/images/loading.gif') no-repeat 80px 65px;
}
div.main div.form_loading_message p{
clear:both;
display:block;
height:65px;
}
.pad-outer .ladder_table{
width:100%;
}
.ladder_table td, .ladder_table th{
padding:8px 5%;
}
.ladder_table td a{
text-decoration:underline;
}
.ladder_table td a, .ladder_table td a:hover{
color:#146905;
}
/*
Load CSS before JavaScript
*/

/*
Slides container
Important:
Set the width of your slides container
Set to display none, prevents content flash
*/


.slides_container{
float:left;
width:100%;
display:none;
}

/*
Each slide
Important:
Set the width of your slides
If height not specified height will be set by the slide content
Set to display block
*/
.slides_container div{
min-height:120px;
text-align:left;
display:block;
}
#slides .arrows_container, #slides .arrows_container a{
height:43px;
}
#slides .arrows_container{
width:375px;
position:relative;
top:-78px;
left:-8px;
}
#slides .arrows_container a{
float:left;
display:block;
width:30px;
height:43px;
z-index:101;
}
#slides div{
font-size:130%;
}
#slides h2{
    display:inline;
    font-size:100%;
    color:#fcf997
;
}
.arrows_container a.next{
margin-left:315px;
}
a.tooltip span.q{
font-weight:bold;
font-size:16px;
background-color:#FFF;
color:#000;
height:20px;
padding:1px 4px;
margin:2px;
border:1px solid silver;
text-decoration:none;
}
#tooltip{
position:absolute;
border:2px solid #EEE;
background:#FFF;
padding:10px;
margin:20px;
color:#000;
font: bold 14px/17px verdana;
max-width:500px;
min-width:260px;
text-align:justify;
display:none;
filter:alpha(opacity=82);
opacity: 0.82;
z-index:100;
}
#tooltip u{
text-align:left;
}
.pagination {
list-style:none;
margin:0;
padding:0;
}

/*
Optional:
Show the current slide in the pagination
*/
.pagination .current a {
color:red;
}
.catwrap.row{
clear:both;
padding:0 1% 12px 2%;
}
.catwrap > div{text-align:left;padding:0;}
.catwrap .cat{border:1px solid #CCC;overflow:hidden;width:97%;max-width:420px;height:312px;margin:30px 3% 15px 0;}
.cat div{float:left;}
.cat div.tt, .cat div.mm, .cat div.far, .cat div.fs{width:100%;}
.cat .mm, .cat .fs, .cat .far{clear:both;padding-left:5%;padding-right:5%;}
.cat .tt{height:200px;overflow:hidden;background-color:#1D521E;padding-left:0;padding-right:0;}
.cat .tt a img{width:100%;height:auto;}
.cat div.mm{background-color:#000;}
.cat div.mm div{margin:5px 2%;height:37px;}
.cat div.mm div a{font-size:160%;font-weight:bold;color:#FFF;text-decoration:none;}
.cat div.fs{background-color:#114017;}
.cat div div{color:#FFF;margin:12px 2%;width:}
.cat div.far{background-color:#104D18;height:25px;line-height:25px;padding-top:0;padding-bottom:0;font-size:75%;color:#FFF;}
.cat .far a{color:lightgoldenrodyellow;}
.cat div.far div{margin-top:0;margin-bottom:0;}
.cat div.fs{height:40px;overflow:hidden;}
.catwrap div.last{margin-right:0;}
div.fs{font-size:90%;}
div.fs div a{color:#FFF;}
.cat div.ct{z-index:1;position:relative;top:-146px;left:70%;width:15%;background-color:#7BC77E;}
.cat div.ct div{margin:10px 4%;text-align:center;}
.cat div.ct div strong{font-size:200%;line-height:100%;font-weight:bold;}
#player{
position:relative;
min-height:43px;
top: 0px;
left: 0px;
cursor: default;
}
#playtoggle {
    clear:both;
	position: absolute;
	top: 5px;
	left: 2%;
	width: 90%;
	height: 40px;
	cursor: pointer;
}
#playtoggle.playing.wrap-ctrl .play, #playtoggle.wrap-ctrl .pause{
display:none;
}
#playtoggle.playing.wrap-ctrl .pause{
display:inline-block;
}
#playtoggle:active {
	top: 6px;
}
#timeleft {
	line-height: 48px;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}
#prevpct{
display:none;
height:0px;
width:0px;
}

#wrapper #timeleft {
	right: 40px;
        margin-left:6px;
}
#gutter {
	position: absolute;
	top: 19px;
	left: 8px;
	right: 50px;
	height: 9px;
	padding: 2px 2%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background: #546374;
}
#wrapper #gutter {
	right: 90px;
}
#loading {
    background: #A1D6A4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	display: block;
	float: left;
	min-width: 6px;
	height: 5px;
}
#handle {
	position: absolute;
	top: -5px;
	left: 0px;
	width:18px;
	height:18px;
	margin-left: -5px;
	background: url('/images/html_player_buttons.gif') no-repeat -89px -12px;
	cursor: arrow;
}
#player a.popup {
	position: absolute;
	top: 9px;
	right: 8px;
	width: 32px;
	height: 30px;
	overflow: hidden;
	text-indent: -999px;
	background: url('/images/html_player_buttons.gif') no-repeat -90px 0;
}
#player a.popup:active {
	background-position: -90px 1px;
}
#feedback, #review{
display:none;
clear:both;
width:100%;
position:relative;
top:-80px;
left:0px;
min-height:92px;
margin-bottom:-92px;
padding-bottom:6px;
}
#feedback{
z-index:100;
}
#review{
z-index:101;
}
#review .btn-success{
color:#FFF;
}
div.options div.tt{
padding-top:6px;
font-size:140%;
}
#title{
clear:both;
float:left;
white-space:normal;
line-height:normal;
padding-top:0px;
padding-bottom:8px;
}
#title em{
color:#523117;
font-weight:bold;
font-size:105%;
}
#title strong{
font-size:105%;
color:#805D41;
}
#title .location{
clear:both;
display:inline-block;
font-size:85%;
}
a.gry{
color:#CCC;
}
div.red{
border:1px solid red;
}
div.red a{
color:pink;
}
a.gry{
color:#CCC;
}
div.red{
border:1px solid red;
}
div.red a{
color:pink;
}
.btn-urg, a.btn-urg, input.btn-urg{font-weight:bold;color:#483F39;background:#fed81c url(/images/sprites_repeat_x.gif) repeat-x 0px -750px;border-color:#ecc101}
 a.big span, input.big{/* needed to pad on mac firefox */ margin-top:.4em;font-size:1.5em; /* affects safari: */ line-height:1.9em; /* ie height */ height:1.90em;width:auto;overflow:visible;*display:inline-block;text-decoration:none;padding:0px 10px;}
 a.big span,  tt:-moz-any-link, input.big span, tt:-moz-any-link{/* affects mac firefox */ padding-top:.3333em;line-height:1.72em;}
 a.big span,  tt:-moz-any-link,  tt:default{padding-top:0; /* moz height */ line-height:1.95822em;}
 *:first-child+html .big span,  input.big{padding-top:0;line-height:1.75em;}
div.line{
float:left;
width: 100%;
height: 1px;
border: 0;
padding: 0px;
background: #EEE;
margin:6px 0px 8px 0px;
clear:all;
}
.row > .wrap-event{
    margin-top:5px;
    margin-bottom:5px;
    background:#333;
    padding-right:0;
    border:1px solid #CCC;
}
.wrap-event > div{
min-height:65px;
}
.wrap-event .wrap-text{
font-size:120%;
font-family: 'Noto Sans', sans-serif;  
padding-top:20px;
padding-bottom:20px;    
margin-right:0;
}
.wrap-event > div > div{
padding-top:0;    
}
.wrap-event .wrap-date{
text-align:center;
overflow:hidden;
max-height:65px;
padding-left:1%;
padding-right:1%;
padding-top:28px;
text-align:center;
font-family:'Varela Round';
color:#EEE;
font-size:90%;
}
.wrap-event .wrap-date .red{
color:#f7fcb0;
}
.wrap-event .wrap-start{
font-family:'Varela Round';
font-size:89%;
font-weight:bold;
color:#438c40;
}
.wrap-artist-stats > div > div{
background-color:#C9E2C5;
border-radius:5px;
width:100%;
margin-bottom:20px;
}
.wrap-artist-stats > div > div > div{
width:100%;
text-align:center;
clear:both;
}
.wrap-artist-stats > div > div > .tt{
font-size:85%;
line-height:20px;
height:20px;
}
.wrap-artist-stats > div > div > .bb{
font-size:225%;
font-family:garamond;
color:#2C6923;
background:#EEE;
line-height:50px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
/* Large desktop*/
@media (min-width: 1120px) { 
    .slides_container > div > div{
        width:1100px;
    }
}
@media (min-width: 980px)  and (max-width: 1119px) { 
    .slides_container > div > div{
        width:950px;
    }
}
@media (min-width: 768px) and (max-width: 979px) { 
    body {
        font-size:95%;
    }
    .slides_container div { 
        width:750px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
    body {
            font-size:85%;
                border-top:3px solid #333;
    }
    .message .wrap-right{
    text-align:left;
    }
    .message .wrap-right a.btn{
    margin-top:12px;
    }
    .flex-pad-left, .row .flex-pad-left[class*=col]{
    padding-left:0;
    }
    .wrap-beads{
    font-size:80%;
    }
    .wrap-beads .wrap-icons{
    padding-top:5px;
    }
    .wrap-beads .wrap-text{
    text-align:center;
    }
    .navbar-header button{
        margin-top:5px;
    }
    .navbar .wrap-logo a{
    display:block;
    float:left;
    width:100%;
    }
    .navbar .wrap-logo img{
        margin-top:10px;
        margin-left:-4px;
    }
    .ladder-navbar.navbar .navbar-collapse .navbar-nav li a.btn, .navbar .wrap-login .btn{
        background:none;
        border:none;
        color:#333;
        text-align:left;
        font-weight:bold;
    }
    .nav.navbar-nav li, .navbar .wrap-login{
        margin:0;
        border-top:1px solid #CCC;
        width:95%;
        margin-right:5%;
        text-align:left;
    }
    .slides_container div { 
        width:600px;
    }
    .main form fieldset label{
        text-align:left;
        margin-top:15px;
        margin-bottom:0;
        padding-bottom:0;
        line-height:25px;
    }
    .message{
    padding-top:10px;
    padding-bottom:10px;
    }
    .main form fieldset label, .main form fieldset input[type="text"], .main form fieldset input[type="file"], .main form fieldset input[type="password"], .main form fieldset select{
        clear:both;
        width:100%;
        max-width:none;
        min-width:none;
        clear:both;
    }
    .row > .wrap-event{
        margin-top:15px;
        margin-bottom:15px;
    }
    .wrap-event .wrap-date{
        min-height:25px;
        line-height:25px;
        padding-top:0;
        padding-bottom:0;
    }
    #popUpDiv{
        top:20px;
        left:2%;
        width:96%;
    }
    div.social div div.bt{
    min-height:25px;
    }
    div.social div.a{
    font-size:120%;
    line-height:1;
    }
    .social > div > div{
    padding:10px 5%;
    }
    div.social div div.tp{
    font-size:110%;
    height:35px;
    line-height:15px;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) { 
body { font-size:82%;} 
    .slides_container div { 
        width:300px;
        padding-left:8px;
    }
    #slides div{
    font-size:110%;
    }
    .wrap-all-songs.pad-outer{
    padding-left:3%;
    padding-right:3%;
    }
    .wrap-song .options .btn{
        width:100%;    
    }
    .wrap-song .options div.tt{
        text-align:center;
    }
    .wrap-song #title{
        font-size:65%;
        padding-left:3%;
    }
    .wrap-song #title em{
        width:100%;
        font-size:135%;
        display:inline-block;
    }
}