@CHARSET "UTF-8";

.comma { font-size: 24px; float: left; color:#717a78; 	background: transparent; padding-top:5px;}

.counter_wrapper {
	display: inline;
	float: left;
	margin-top:5px;
	background: transparent;
}

.countlbl
{
	line-height: 11px;
	text-align:center;font-size:12px;padding-bottom:1px;font-weight:bold;color:#555;font-family:DroidSansRegular, Arial, Helvetica, sans-serif; text-shadow: 0 1px 1px #eee;background:transparent;
}

.counter_trim {
	position: absolute;
	top: 4px;
	left: 1px;
	height: 3px;
	width: 160px;
	background: #f5f5f5;
	z-index: 99;
}

.counter_trim_bot1 {
	position: absolute;
	top: 27px;
	left: 5px;
	height: 3px;
	width: 46px;
	background: #f5f5f5;
	z-index: 99;
}

.counter_trim_bot2 {
	position: absolute;
	top: 27px;
	left: 60px;
	height: 3px;
	width: 46px;
	background: #f5f5f5;
	z-index: 99;
}

.counter_trim_bot3 {
	position: absolute;
	top: 27px;
	left: 115px;
	height: 3px;
	width: 46px;
	background: #f5f5f5;
	z-index: 99;
}

.counter_outsidewrapper {
	background: transparent; float: left; padding-left:1px; margin-left: 18px; padding-top: 0px; width: 164px;
	border: 1px solid #bbbbbb;
	position: relative;
	margin-top: 0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-moz-box-shadow: 2px 2px 3px #777;
	-webkit-box-shadow: 2px 2px 3px #777;
	-khtml-box-shadow: 2px 2px 3px #777;
	box-shadow: 2px 2px 3px #777;
}

.counter_character {
background: transparent;
	display: inline;
	float: left;
	position: relative;
	top: -23px !important;
	height:23px !important;
	margin-left: 1px;
	margin-right: 1px;
	
}

.counter_character_left {
	margin-left: 0px;
	margin-right: 0px;
}

.counter_character_inner {
	margin-left: 0px;
	margin-right: 0px;
}

.counter_character_right {
	margin-left: 0px;
	margin-right: 0px;
}

.counter_marker {
	position: relative;
	height: 23px !important;
	z-index: 10;
}

.counter_label { padding-left: 5px; padding-right: 5px; font-family: arial, Helvetica, sans-serif; font-size: 13pt; font-weight:normal; color:white; }