/* base;
 *
 */
.noui-pips,
.noui-pips * {
-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.noui-pips {
	position: absolute;
	font: 400 12px arial;
	color: #999;
}

/* values;
 *
 */
.noui-value {
	width: 40px;
	position: absolute;
	text-align: center;
}
.noui-value-sub {
	color: #ccc;
	font-size: 10px;
}

/* markings;
 *
 */
.noui-marker {
	position: absolute;
	background: #ccc;
}
.noui-marker-sub {
	background: #aaa;
}
.noui-marker-large {
	background: #aaa;
}

/* horizontal layout;
 *
 */
.noui-pips-horizontal {
	padding: 10px 0;
	height: 50px;
	top: 100%;
	left: 0;
	width: 100%;
}
.noui-value-horizontal {
	margin-left: -20px;
	padding-top: 20px;
}
.noui-value-horizontal.noui-value-sub {
	padding-top: 15px;
}

.noui-marker-horizontal.noui-marker {
	margin-left: -1px;
	width: 2px;
	height: 5px;
}
.noui-marker-horizontal.noui-marker-sub {
	height: 10px;
}
.noui-marker-horizontal.noui-marker-large {
	height: 15px;
}

/* vertical layout;
 *
 */
.noui-pips-vertical {
	padding: 0 10px;
	height: 100%;
	top: 0;
	left: 100%;
}
.noui-value-vertical {
	width: 15px;
	margin-left: 20px;
	margin-top: -5px;
}

.noui-marker-vertical.noui-marker {
	width: 5px;
	height: 2px;
	margin-top: -1px;
}
.noui-marker-vertical.noui-marker-sub {
	width: 10px;
}
.noui-marker-vertical.noui-marker-large {
	width: 15px;
}