/*
yecha编写 :372009617
*/
@CHARSET "UTF-8";
#chords_list { width:250px;}
#chords_list .diagwrap { margin: 5px; margin-left: 10px; }
#chordtxt { letter-spacing: 1px; }
.chtit { text-align: center; font-size: 14px; line-height: 22px; color: #888; padding: 5px 0px }
.chfret { background: url(fret.png) no-repeat 50% 4px; position: relative; padding: 1px 5px 0px 5px; height: 64px; width: 96px; z-index: 10 }
.diagwrap { background: #f9f9f9; border: 1px solid #ddd; float: left }
.chname { font-size: 8px; line-height: 6px; width: 10px; margin-bottom: 5px }
.fingbg { background: url(diag_sprite.gif) 0px -45px; width: 9px; height: 9px; position: absolute; font-size: 1px }
.f-1, .f-2, .f-3, .f-4, .f-t { width: 9px; height: 9px; background: url(diag_sprite.gif) }
.f-2 { background-position: 0px -9px }
.f-3 { background-position: 0px -18px }
.f-4 { background-position: 0px -27px }
.f-t { background-position: 0px -36px }
.barre { width: 3px; background: #424242 url(barre.gif) no-repeat; position: absolute }
.var-l, .var-r { background: #f9f9f9; display: block; text-align: center; padding: 2px 0px; position: absolute; width: 18px; top: 4px }
.var-l { left: 11px; _left: -16px; width: 16px }
.var-r { right: 11px; _right: 12px }
.var-l img, .var-r img { width: 8px; height: 7px; background: #888 url(diag_sprite.gif); border: none }
.var-l img { background-position: 0px -54px }
.var-r img { background-position: 0px -61px }
.var-l:hover img, .var-r:hover img { background-color: #ff4200 }
.strings { position: absolute; right: 8px; top: 2px }
.x-str, .o-str, .oo-str { background: url(diag_sprite.gif); width: 5px; height: 5px; margin-bottom: 6px; font-size: 1px }
.x-str { background-position: -9px -10px }
.o-str { background-position: -9px 0px }
.oo-str { background-position: -9px -5px }
.diag_head { background: #d9e8e8; padding: 3px 3px 2px 3px; width: 102px; cursor: move; height:6px; overflow:hidden;}
.diag_head a { width: 5px; height: 5px; background: url(diag_sprite.gif) -9px -15px; float: right; font-size: 1px!important }
.varctrl { position: relative; text-align: center; padding: 3px 0px 7px 0px; font-size: 10px; color: #888 }
.fretnum { padding: 3px 0px 0px 15px; color: #c0c0c0 }
.diag_head img{ float:left;}