.gr-wrapper {
	display: inline-block;
	margin: 40px 0;
	width: 100%;
}

.gr-indicatorFrame {
	height: 5px;
	border-radius: 5px;
	background: none repeat scroll 0 0 #676766;
}

.gr-indicator {
	position: relative;
	height: 5px;
	border-radius: 5px;
	background: none repeat scroll 0 0 #8091BC;
}

.gr-handleBubbleWrapper {
	position: absolute;
	right: 0;
}

.gr-handle {
	position: absolute;
	top: -11px;
	right: -11px;
	width: 22px;
	height: 22px;
	border-radius: 11px;
	background: url('../images/content/bg-gr-handle-01-01.png') no-repeat 0 0 transparent scroll;
	box-shadow: 3px 3px 18px #7D7974, 0 0 15px #FFFFFF inset;
	cursor: pointer;
	-webkit-transform: translateZ(20px);
	transform: translateZ(20px);
}

.gr-bubble {
	position: absolute;
	top: -40px;
	left: -12px;
	padding: 5px;
	height: 12px;
	border-radius: 3px;
	background: linear-gradient(135deg, #3D78A4 0%, #014E87 50%, #004E82 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-linear-gradient(135deg, #3D78A4 0%, #014E87 50%, #004E82 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #FFFFFF;
	white-space: nowrap;
	font-size: 12px;
}

.gr-bubblecaret {
	position: absolute;
	top: -18px;
	right: -9px;
	z-index: -1;
	width: 0;
	height: 0;
	border-top: 11px solid #014E86;
	border-right: 8px solid rgba(0, 0, 0, 0);
	border-left: 8px solid rgba(0, 0, 0, 0);
}