
/*
 * Counterize CSS
 */
.collapsed {
	display: none;
}

.expanded {
	display: table-row;
}

#counterize_history_navigationbar *, #counterize_history_navigationbar2 * {
	display: inline-block;
}

#counterize_history_navigationbar li, #counterize_history_navigationbar2 li {
	margin-left: 5px;
	margin-right: 5px;
}

#counterizehistorytable {
	margin-bottom: 30px;
}

#counterizehistorytable tr.alternate, #counterizehitcountertable tr.alternate {
	background-color: #e8e8e8;
}

#counterizehistorytable tbody {
	border: solid #999 1px;
}

#counterizehistorytable thead {
	display: table-header-group;
	border: solid #999 1px;
}

#counterizehistorytable th {
	height: 30px;
	background-color: #ddd;
}

#counterizehistorytable thead tr th, #counterizehistorytable tfoot tr th, #counterizehistorytable tbody tr.repeat th {
	padding: 5px;
	text-align: center;
}

#counterizehistorytable tfoot {
	display: table-footer-group;
	border: solid #999 1px;
}

#counterizehistorytable tbody tr.repeat {
	border: solid #999 1px;
}

#counterizehistorytable th + th, #counterizehistorytable td + td {
	border-left: dashed #d0d0d0 1px;
	padding: 5px;
}

#counterizehistorytable td {
	vertical-align: middle;
}

.counterize_history_killbutton {
	color: red;
	font-size: 18px;
	font-weight: bold;
}

.counterize_subtable {
	border: solid #ccc 1px;
}

.counterize_subtable .alternate {
	background-color: #eee;
}

.counterize_caption_help:hover {
	cursor: help;
}

.counterize_chart_bar {
	box-shadow: 2px 2px 2px #333;
}

.counterize_chart_bar_horizontal {
	vertical-align: middle;
	margin-bottom: 1px;
	height: 20px;
	display: inline-block;
}

/* horizontal gradients */
.counterize_chart_bar_horizontal.blue {
	background: #039;
	/* Old browsers */
	background: -moz-linear-gradient(left, #039 0%, #069 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #039), color-stop(100%, #069));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #039 0%, #069 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #039 0%, #069 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(left, #039 0%, #069 100%);
	/* IE10+ */
	background: linear-gradient(left, #039 0%, #069 100%);
}

.counterize_chart_bar_horizontal.red {
	background: #c00;
	/* Old browsers */
	background: -moz-linear-gradient(left, #c00 0%, #f00 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #c00), color-stop(100%, #f00));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #c00 0%, #f00 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #c00 0%, #f00 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(left, #c00 0%, #f00 100%);
	/* IE10+ */
	background: linear-gradient(left, #c00 0%, #f00 100%);
}

.counterize_chart_bar_horizontal.green {
	background: #090;
	/* Old browsers */
	background: -moz-linear-gradient(left, #090 0%, #00dc00 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #090), color-stop(100%, #00dc00));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #090 0%, #00dc00 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #090 0%, #00dc00 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(left, #090 0%, #00dc00 100%);
	/* IE10+ */
	background: linear-gradient(left, #090 0%, #00dc00 100%);
}

.counterize_chart_bar_horizontal.yellow {
	background: #ccc00c;
	/* Old browsers */
	background: -moz-linear-gradient(left, #ccc00c 0%, #ff0 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ccc00c), color-stop(100%, #ff0));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #ccc00c 0%, #ff0 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #ccc00c 0%, #ff0 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(left, #ccc00c 0%, #ff0 100%);
	/* IE10+ */
	background: linear-gradient(left, #ccc00c 0%, #ff0 100%);
}

.counterize_chart_bar_vertical {
	width: 20px;
	vertical-align: bottom;
	margin-right: 1px;
	display: inline-block;
}

/* vertical gradients */
.counterize_chart_bar_vertical.blue {
	background: #069;
	/* Old browsers */
	background: -moz-linear-gradient(top, #069 0%, #039 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #069), color-stop(100%, #039));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #069 0%, #039 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #069 0%, #039 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #069 0%, #039 100%);
	/* IE10+ */
	background: linear-gradient(top, #069 0%, #039 100%);
}

.counterize_chart_bar_vertical.red {
	background: #f00;
	/* Old browsers */
	background: -moz-linear-gradient(top, #f00 0%, #c00 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f00), color-stop(100%, #c00));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f00 0%, #c00 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f00 0%, #c00 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f00 0%, #c00 100%);
	/* IE10+ */
	background: linear-gradient(top, #f00 0%, #c00 100%);
}

.counterize_chart_bar_vertical.green {
	background: #00dc00;
	/* Old browsers */
	background: -moz-linear-gradient(top, #00dc00 0%, #090 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00dc00), color-stop(100%, #090));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00dc00 0%, #090 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00dc00 0%, #090 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #00dc00 0%, #090 100%);
	/* IE10+ */
	background: linear-gradient(top, #00dc00 0%, #090 100%);
}

.counterize_chart_bar_vertical.yellow {
	background: #ff0;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ff0 0%, #cc0 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0), color-stop(100%, #cc0));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff0 0%, #cc0 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff0 0%, #cc0 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff0 0%, #cc0 100%);
	/* IE10+ */
	background: linear-gradient(top, #ff0 0%, #cc0 100%);
}

.counterize_chart_bar_vertical_inverted {
	vertical-align: top;
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	-ms-filter: "FlipV";
	transform: scaleY(-1);
	filter: FlipV;
}

.counterizefooter {
	margin-top: 30px;
}
