@namespace url(http://www.w3.org/1999/xhtml);


@font-face { font-family: 'Copious Sans'; src: local('Copious Sans'), local('Copious Sans Regular'), url('http://xenosium.com/attach/images/copious-sans-regular.ttf') format('truetype'); }
@font-face { font-family: 'Copious Sans'; src: local('Copious Sans Medium'), local('Copious Sans Medium'), url('http://xenosium.com/attach/images/copious-sans-medium.ttf') format('truetype'); font-weight: bold; }
@font-face { font-family: 'Copious Sans Mono'; src: local('Copious Sans Mono'), local('Copious Sans Mono'), url('http://xenosium.com/attach/images/copious-sans-mono.ttf') format('truetype'); }


@-moz-document url-prefix("http://j.ubeat.info/copious") {

html { background: url("http://p.eagate.573.jp/game/jubeat/copious/p/css/../images/common/main_bg.jpg") repeat-x scroll 0 0 #2F354F !important;}
body { 
font-size: 95%; 
font-family: "Copious Sans", "Helvetica", "Arial", "Hiragino Sans", "Meiryo", "NanumGothic", "Malgun Gothic","AppleGothic","Dotum",sans-serif !important;
}

h2 { text-transform: uppercase !important; }

#music { background: #585D72 !important;  }
#music h2 { background: #3C425A !important; }
#music p { color: #fff !important; }

#user p { margin-left: 165px !important; }
#user .u-jubilityicon { margin-left: -160px !Important; width: 150px !important; height: 150px !important; }
.u-playername { 
font-family: "Copious Sans Mono", "Helvetica", "Arial", sans-serif !important; 
letter-spacing: 0px !important;
border-bottom: 1px solid rgba(255,255,255,0.2) !important;
display: block !important;
padding-top: 15px !important;
font-size: 28pt !important;
margin-left: -4px !Important;


 }
#user .verbosetool a:hover { 
color: #000 !important; 
display: inline-block !important;
border-radius: 2px !Important; 
padding: 1px 2px !important;
margin: -1px -2px !important; 
}



.i, .is, .d, .r, .di, .ri, .rri, .rival-summary td, #stat-rating td, #graph-right table { 
font-family: "Copious Sans", "Din Mittelschrift Std" !important; 
}

#music table.diffcolumn { margin: 0 !important; width: 100% !Important;  }

table.diffcolumn .subheader a {
color: #eee !important; 
display: inline-block !important;
}

table.diffcolumn .subheader a.current {
color: #000 !important; 
background: rgba(255,255,255,0.4) !important;
display: inline-block !important;
border-radius: 2px !Important; 
padding: 1px 2px !important;
margin: -1px -2px !important; 
text-decoration: none !Important;
}

table.diffcolumn .subheader a:hover {
color: #000 !important; 
display: inline-block !important;
border-radius: 2px !Important; 
padding: 1px 2px !important;
margin: -1px -2px !important; 
text-decoration: none !Important;
}


table.diffcolumn .d, table.diffcolumn .di, table.diffcolumn .dx,
table.diffcolumn .r, table.diffcolumn .ri, table.diffcolumn .rx,
table.diffcolumn .rr, table.diffcolumn .rri, table.diffcolumn .rrx,
.i, .is, #music .rival-summary td, #stat-rating td, #graph-right table,
#music table.diffcolumn .m-rating { 
font-family: "Copious Sans", "Din Mittelschrift Std" !important;  

}

#music table.diffcolumn .m .m-title,
#music table.diffcolumn .m .m-artist { 
margin-left: 35px !important; margin-top: 2px; text-shadow: 0 1px 0 rgba(255,255,255,0.8) !important; font-family: "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", Sans-serif !important; font-size: 0.95em !important; }
body.ver-copious #music .m img { margin-top: 3px !important; }

#music table.diffcolumn .m .m-artist { font-size: 0.7em !important; }


#music table.diffcolumn .m {
background-image: url("http://xenosium.com/attach/images/version_01.png") !important;
text-shadow: 0 1px 0 rgba(255,255,255,0.5); 
background-position: right bottom !important;
background-repeat: no-repeat !important;
padding-left: 15px !Important;
padding-right: 15px !Important;
}

table.diffcolumn .m .fit1 { letter-spacing: 0 !important; }

#music table.diffcolumn .mi {
background-image: url("http://xenosium.com/attach/images/version_01.png") !important;
background-position: right top !important;
background-repeat: no-repeat !important;
height: 15px !important;
padding-left: 15px !Important;
}


#music table.diffcolumn .ripples { 
background-image: url("http://xenosium.com/attach/images/version_02.png") !important; }

#music table.diffcolumn .ripples-append { 
background-image: url("http://xenosium.com/attach/images/version_03.png") !important; }


#music table.diffcolumn .knit { 
background-image: url("http://xenosium.com/attach/images/version_04.png") !important; }

#music table.diffcolumn .knit-append { 
background-image: url("http://xenosium.com/attach/images/version_05.png") !important; }

#music table.diffcolumn .copious { 
background-image: url("http://xenosium.com/attach/images/version_06.png") !important; }

#music table.diffcolumn .copious-append { 
background-image: url("http://xenosium.com/attach/images/version_07.png") !important; }

body.ver-copious #user h2 { background: #3c425a !important; }
body.ver-copious #user .cover { background: none !important; }


table.diffcolumn .mi { text-align: left !important; padding-left: 10px !important; }


section#user { 
background: linear-gradient(top, #1d233d 0%, #2f354f 20%, #585d72 70%) !important;
background: -moz-linear-gradient(top, #1d233d 0%, #2f354f 20%, #585d72 70%) !important;
background: -webkit-linear-gradient(top, #1d233d 0%, #2f354f 20%, #585d72 70%) !important; 
color: #fff !important;
}
section#user h2 { padding: 5px 5px !important; }
section#user .cover, section#user ul { padding: 0 5px !important; }
section#user ul { width: 100% !important; display: block !important;  text-align: justify !Important;}
section#user ul li { display: inline-block !important; margin-right: 20px !important; }
section#user strong, section#user a, section#user .label { color: #fff !important; }
section#user .label { text-transform: uppercase !Important; font-size: 0.8em !important;  }
section#user .label a { text-decoration: none !important; }
section#user .label a:hover { text-decoration: underline !important; }

svg.pie circle { fill: #616677 !important; stroke: #e1e0e3 !important; stroke-width: 5 !important; }
svg.pie path { fill: #e1e0e3 !important; }






.i .in, .i .iu, .i .id, .i .ip { font-size: 50% !important; margin-bottom: 2px !important; }
a .i .ip, a .i .in { display: none !Important; }
.emph-1 .i .ip, .emph-1 .i .in { display: block !Important; }
.i .iu { color: #65a5e7 !important; font-weight: bold !important; }
.i .id { color: #DC645A !important;  }

.i .ip em {  font-size: 9px !important; border-radius: 12px !Important; border-color: #bbb !Important; padding: 0 3px !important; line-height: 12px !important;  }

a .i strong { font-size: 16pt !important; padding-bottom: 2px !important; 
font-family: "Copious Sans", "Helvetica", "Arial", sans-serif !important; }

table.diffcolumn .m, table.diffcolumn .mx { width: 280px !important; background-color: #fff !important; }
table.diffcolumn .r, table.diffcolumn .rx { width: 150px !important; background-color: #fff !important; }
table.diffcolumn .mm { font-size: 120% !important; font-weight: bold !important; width: 100px !important; }

/* -------------- 점수표 리디자인 ------------- */
#music table.diffcolumn .r a {
padding-right: 55px !important;
min-height: 40px !Important;
background-image: url('http://xenosium.com/attach/images/rating.png?') !important;
vertical-align: middle !Important;
padding-top: 15px !important;

}
#music table.diffcolumn .r.emph-1 a { padding-top: 5px !important; }

#music table.diffcolumn .m-rating { display: none !Important;} 

#music table.diffcolumn .r.rating-NO a {
    background-position: 0 80px;
}
#music table.diffcolumn .r.rating-E a {
    background-position: right -18px !important;
}
#music table.diffcolumn .r.rating-D a {
    background-position: right -118px !important;
}
#music table.diffcolumn .r.rating-C a {
    background-position: right -218px !important;
}
#music table.diffcolumn .r.rating-B a {
    background-position: right -318px !important;
}
#music table.diffcolumn .r.rating-A a {
    background-position: right -418px !important;
}
#music table.diffcolumn .r.rating-S a {
    background-position: right -518px !important;
}
#music table.diffcolumn .r.rating-SS a {
    background-position: right -618px !important;
}
#music table.diffcolumn .r.rating-SSS a {
    background-position: right -718px !important;
}
#music table.diffcolumn .r.rating-EXC a {
    background-position: right -820px !important;
}

#music table.diffcolumn .r.rating-EXC .i strong {
    color: #f99161 !Important;
    font-weight: bold !important; letter-spacing: -1px !important;
}



/* header */
#music table.diffcolumn thead th.meta { background-color: transparent !important; border-color: transparent !important; color: #fff !important;}
#music table.diffcolumn thead th.bsc { background-color: transparent !important; border-color: transparent !important; color: #86ee2b !important;}
#music table.diffcolumn thead th.adv { background-color: transparent !important; border-color: transparent !important; color: #f7db23 !important;}
#music table.diffcolumn thead th.ext { background-color: transparent !important; border-color: transparent !important; color: #DC645A !important; }



/* level diamond */

table.diffcolumn .d {
font-weight: bold !important;
font-size: 25px !important; 
text-align: left !important;
vertical-align: top !important;
text-shadow: 0 1px 1px rgba(0,0,0,0.7);
width: 60px !important;
padding: 0 !important;
line-height: 20px !important;
letter-spacing: -2px !important;
max-width: 60px !important;
background-color: #fff !important;
height: 35px !important;
text-indent: -9999px !important; 
overflow: hidden !Important;
;
}

table.diffcolumn td.d span { 
display: block !Important; 
height: 60px !important;
width: 60px !important;
position: absolute !important;
margin-top: 5px !Important;
text-indent: -9999px !Important; 
background: url('http://xenosium.com/attach/images/level-num.png') no-repeat 0 0;
}

table.diffcolumn td.d.lv2 span { background-position: 0 -100px }
table.diffcolumn td.d.lv3 span { background-position: 0 -200px }
table.diffcolumn td.d.lv4 span { background-position: 0 -300px }
table.diffcolumn td.d.lv5 span { background-position: 0 -400px }
table.diffcolumn td.d.lv6 span { background-position: 0 -500px }
table.diffcolumn td.d.lv7 span { background-position: 0 -600px }
table.diffcolumn td.d.lv8 span { background-position: 0 -700px }
table.diffcolumn td.d.lv9 span { background-position: 0 -800px }
table.diffcolumn td.d.lv10 span { background-position: 0 -900px }


/*
table.diffcolumn .d.bsc { text-shadow: 0 1px 1px rgba(51,103,14,1); }
table.diffcolumn .d.adv { text-shadow: 0 1px 1px rgba(99,71,7,1); }
table.diffcolumn .d.ext { text-shadow: 0 1px 1px rgba(131,19,13,1); }
*/
table.diffcolumn .r a, table.diffcolumn .rr a, table.diffcolumn .rx a, table.diffcolumn .rrx a {
padding: 5px 0 !important; background-color: #fff !important; 

}
/* total */
table.diffcolumn .rr { 
padding: 5px 10px !important;
font-size: 1.1em !important;
}
table.diffcolumn .rr a { background: #fff !important; width: 145px !important; float: right !important;
min-height: 40px !Important;
vertical-align: middle !Important;
padding-top: 15px !important;
 }
table.diffcolumn .rr.emph-1 a { padding-top: 5px !important; }



table.diffcolumn .mi,
table.diffcolumn .rr.tot { background-color: #fff !important; }

table.diffcolumn .d.bsc,
table.diffcolumn .dx.bsc,
table.diffcolumn .di.bsc { background-color: #fff !important;  }
table.diffcolumn .d.bsc { background: url('http://xenosium.com/attach/images/level.png') no-repeat 0 5px #fff !important; }

table.diffcolumn .average .d.bsc,
table.diffcolumn .rr.bsc { background: url('http://xenosium.com/attach/images/level-avg.png') no-repeat 0 5px #fff !important; }

table.diffcolumn .d.adv,
table.diffcolumn .dx.adv,
table.diffcolumn .di.adv { background-color: #fff !important;  }
table.diffcolumn .d.adv { background: url('http://xenosium.com/attach/images/level.png') no-repeat -60px 5px #fff !important; }

table.diffcolumn .average .d.adv,
table.diffcolumn .rr.adv { background: url('http://xenosium.com/attach/images/level-avg.png') no-repeat -60px 5px #fff !important; }

table.diffcolumn .d.ext,
table.diffcolumn .dx.ext,
table.diffcolumn .di.ext { background-color: #fff !important;  }
table.diffcolumn .d.ext { background: url('http://xenosium.com/attach/images/level.png') no-repeat -120px 5px #fff  !important; }

table.diffcolumn .average .d.ext,
table.diffcolumn .rr.ext { background: url('http://xenosium.com/attach/images/level-avg.png') no-repeat -120px 5px #fff  !important; }

table.diffcolumn .bsc { border-color: #66ae36 !important; }
table.diffcolumn .adv { border-color: #d8ad3d !important; }
table.diffcolumn .ext { border-color: #ca514a !important; }



table.diffcolumn .di.emph1,
table.diffcolumn .dx.emph1,
table.diffcolumn .di.emph2,
table.diffcolumn .dx.emph2,
table.diffcolumn .di.emph-1,
table.diffcolumn .dx.emph-1
{
color: #fff !important; 
background-image: linear-gradient(left, #d4025d 0%, #ffcd18 100%) !important;
background-image: -moz-linear-gradient(left, #d4025d 0%, #ffcd18 100%) !important;
background-image: -webkit-linear-gradient(left, #d4025d 0%, #ffcd18 100%) !important;

line-height: 1 !important;
vertical-align: middle !important;
box-shadow: 0 0 0 1px #fff inset; font-weight: bold !important;
padding-bottom: 0px !important;

 }
 
table.diffcolumn .more .ri { padding-right: 5px !important;}
 
/* Full combo */
table.diffcolumn .a { 
display: inline-block !important;
font-weight: bold !important; 
font-size: 10px !important; 
border-radius: 10px !Important; 
border-color: #ffb018 !Important; 
margin-top: 0px !important; 
padding: 1px 4px 0 4px !important; 
line-height: 10px !important;
background: #ffb018 !Important;
color: #fff !important; 
box-shadow: 0 0 2px orange; }
 

table.diffcolumn .di, table.diffcolumn .ri { margin-bottom: 4px !Important; }


/* border remove */


table.diffcolumn .m, table.diffcolumn .mx { border: none !important; padding: 5px 5px !important; border-top: 1px solid #fff !Important; }
table.diffcolumn .d, table.diffcolumn .dx { border: none !important;  border-top: 1px solid #fff !Important;}
table.diffcolumn .r, table.diffcolumn .rx { border: none !important; padding-top: 5px !important; border-top: 1px solid #fff !Important; }
table.diffcolumn .rr { border: none !important; padding-top: 5px !important; }

table.diffcolumn .mi, table.diffcolumn .mx { border: none !important; padding-bottom: 3px !important; border-bottom: 1px solid #999 !Important; border-top: none !Important; }
table.diffcolumn .di, table.diffcolumn .dx { border: none !important; padding-bottom: 3px !important; border-bottom: 1px solid #999 !Important; border-top: 1px solid #eee !Important;}
table.diffcolumn .ri, table.diffcolumn .rx { border: none !important; padding-bottom: 3px !important; border-bottom: 1px solid #999 !Important; border-top: 1px solid #eee !Important;}
table.diffcolumn .rri { border: none !important; padding-bottom: 3px !important; border-bottom: 1px solid #aaa !Important; border-top: 1px solid #eee !Important;}


table.diffcolumn tr:not([class="last"]):last-child td { border-bottom: 5px solid #585D72 !important; }



table.diffcolumn .ext.r, table.diffcolumn .ext.ri {
padding-right: 15px !Important;
}



/* -------------- 곡별 상세 페이지 ------------- */
#tune h2, #tune hgroup h3 { text-transform: none !important; background: #3C425A !important; }
#tune time  { color: #666 !important; }
#tune aside { margin: 10px; min-height: 200px !Important; border: none !Important; }
#tune table.diffcolumn { border-right: 1px solid #ccc; padding: 10px !important; margin: 0 !important; }
#tune table.diffcolumn .rr, #tune table.diffcolumn .rrx { 
border-width: 0 0 2px 1px !important; border-left: 1px solid #eee !important;
padding: 5px 10px 5px 0 !Important; }

#tune table.diffcolumn .r, #tune table.diffcolumn .rx { width: 120px !Important; border-top: none !Important;
vertical-align: middle !Important; padding-right: 10px !Important; }

#tune table.diffcolumn tr.header th { font-weight: bold !Important; letter-spacing: 2px !Important; text-transform: uppercase }

#tune table.diffcolumn .rrx a {
padding-right: 55px !important;
min-height: 35px !Important;
background-image: url('http://xenosium.com/attach/images/rating.png') !important;
background-repeat: no-repeat !important;
vertical-align: middle !Important;
padding-top: 15px !important;
margin-right: -5px !important;

}
 
#tune table.diffcolumn .rrx .i strong { font-size: 85% !important; }

#tune table.diffcolumn .dx.q { 
font-size: 17pt !important; font-weight: bold !important; text-shadow: 0 0px 1px rgba(0,0,0,0.6), 0 1px 0px rgba(0,0,0,0.3);
width: 38px !Important; padding: 8px 4px 0px 6px !important;text-align: center !Important; border-top: none !important; }

#tune table.diffcolumn .dx.bsc { background: url('http://xenosium.com/attach/images/level-s.png') no-repeat 0 0px #fff !important; }
#tune table.diffcolumn .dx.adv { background: url('http://xenosium.com/attach/images/level-s.png') no-repeat -48px 0px #fff !important; }
#tune table.diffcolumn .dx.ext { background: url('http://xenosium.com/attach/images/level-s.png') no-repeat -96px 0px #fff  !important; }



#tune table.diffcolumn .rx .i strong { font-size: 16pt !important; }
#tune table.diffcolumn .rrx a .i strong { font-size: 18pt !important; }

#tune table.diffcolumn .rrx.emph-1 a { padding-top: 5px !important; }

#tune table.diffcolumn .m-rating { display: none !Important;} 

#tune table.diffcolumn .rrx.rating-NO a, #tune table.diffcolumn .rrx.rating- a  {
    background-position: 0 80px;
    padding-right: 5px !Important; 
}
#tune table.diffcolumn .rrx.rating-NO a .i strong, #tune table.diffcolumn .rrx.rating- a .i strong {
    color: #aaa !Important;
}
#tune table.diffcolumn .rrx.rating-E a {
    background-position: right -18px !important;
}
#tune table.diffcolumn .rrx.rating-D a {
    background-position: right -118px !important;
}
#tune table.diffcolumn .rrx.rating-C a {
    background-position: right -218px !important;
}
#tune table.diffcolumn .rrx.rating-B a {
    background-position: right -318px !important;
}
#tune table.diffcolumn .rrx.rating-A a {
    background-position: right -418px !important;
}
#tune table.diffcolumn .rrx.rating-S a {
    background-position: right -518px !important;
}
#tune table.diffcolumn .rrx.rating-SS a {
    background-position: right -618px !important;
}
#tune table.diffcolumn .rrx.rating-SSS a {
    background-position: right -718px !important;
}
#tune table.diffcolumn .rrx.rating-EXC a {
    background-position: right -820px !important;
}

#tune table.diffcolumn .rrx.rating-EXC .i strong {
    color: #f99161 !Important;
    font-weight: bold !important; letter-spacing: -1px !important;
}

/* header */
#tune table.diffcolumn thead th.meta { background-color: transparent !important; border-color: transparent !important; color: #333 !important; }
#tune table.diffcolumn thead th.bsc { background-color: transparent !important; border-color: transparent !important; color: #66AE36 !important }
#tune table.diffcolumn thead th.adv { background-color: transparent !important; border-color: transparent !important; color: #D8AD3D !important }
#tune table.diffcolumn thead th.ext { background-color: transparent !important; border-color: transparent !important; color: #CA514A !important }
#tune table.diffcolumn thead tr.subheader th { border-bottom: 1px solid #aaa !important; padding-bottom: 2px !important; }

#tune table.diffcolumn .m, table.diffcolumn .mm, table.diffcolumn .mx, table.diffcolumn .mi { border-bottom-color: #aaa !important; }

#tune #tune-request-update-form { width: 180px; height: 180px; display: block !Important; border: none !important;
background: white url('http://xenosium.com/attach/images/request-update.png') no-repeat !important; }
#tune #tune-request-update-form:hover { background-position: right 0 !important; }
#tune .tune-request-update { width: 180px; height: 180px; opacity: 0 !important; cursor: pointer !important; }


.i, .is { line-height: inherit !important; }
}