/* bullet.js
   CSS for SVG renderings of bullet charts, faithful to Stephen Few's design spec
   http://www.perceptualedge.com/articles/misc/Bullet_Graph_Design_Spec.pdf
*/
.bullet .marker { stroke-width: 2px }
.bullet .marker.s0 { stroke: #000000 }
.bullet .marker.s1 { stroke: #404040 }

.bullet .measure.s0 { fill: #000000 }

/* 3% black */
.bullet .range.s0.t5 { fill: #F7F7F7 }

/* 10% black */
.bullet .range.s0.t2, .bullet .range.s0.t3, .bullet .range.s0.t4, .bullet .range.s1.t5 { fill: #E5E5E5 }

/* 20% black */
.bullet .range.s1.t4, .bullet .range.s2.t5 { fill: #CCCCCC }

/* 25% black */
.bullet .range.s1.t3 { fill: #BFBFBF }

/* 35% black */
.bullet .range.s1.t2, .bullet .range.s2.t4, .bullet .range.s3.t5 { fill: #A6A6A6 }

/* 40% black */
.bullet .range.s2.t3 { fill: #999999 }

/* 50% black */
.bullet .range.s3.t4, .bullet .range.s4.t5 { fill: #7F7F7F }