@charset "utf-8";
#no-margin {
margin:0px;
}
/* Begin Percentage Bar */
#bar_wrap {
width:24px;
height:106px;
background:url(http://www.oregongoldhunters.com/percent/img/measure.gif) no-repeat right;
font-size:9px;
font:Arial, Helvetica, sans-serif;
color:#999;
float:left;
margin-right:20px;
}

#bar_wrap div.top {
width:20px;
height:3px;
background:url(http://www.oregongoldhunters.com/percent/img/bar_top.gif) no-repeat;
}

#bar_wrap div.center {
width:20px;
background:url(http://www.oregongoldhunters.com/percent/img/bar_cent.gif) repeat-y;
}

#bar_wrap div.bottom {
width:20px;
height:3px;
background:url(http://www.oregongoldhunters.com/percent/img/bar_bot.gif) no-repeat;
}

#bar_wrap div.num {
text-align:center;
}

#bar_wrap div.overlay {
background:url(http://www.oregongoldhunters.com/percent/img/lines.png) no-repeat;
width:24px;
height:106px;
}


/* End Percentage Bar */

div.slider {
	width: 200px;
	height: 16px;
	background: #eee;
}
div.slider div.knob {
	background: #000;
	width: 16px;
	height: 16px;
}
div#fontSize {
	height: 50px;
}

div.advanced {
	width: 400px;
	margin: 5px 0;
	background: url(http://www.oregongoldhunters.com/percent/images/slider.png) 0 center repeat-x;
}
div.advanced div.knob {
	background: no-repeat center center;
	cursor: pointer;
}
div#red div.knob {
	background-image: url(http://www.oregongoldhunters.com/percent/images/red.png);
}
div#green div.knob {
	background-image: url(http://www.oregongoldhunters.com/percent/images/green.png);
}
div#blue div.knob {
	background-image: url(http://www.oregongoldhunters.com/percent/images/blue.png);
}