/*! jQuery Elevator - v1.0.6 - 2015
 * https://inzycle.github.com/jquery-elevator
 * Copyright (c) 2015 inZycle; Licensed MIT */

.jq-big, .jq-mid {
	line-height: 16px
}
.jq-elevator {
	position: fixed;
	width: 60px
}
.jq-elevator a {background-color:transparent !important;}

.jq-elevator:after, .jq-elevator:before {
	display: table;
	content: " "
}
.jq-items-toggle, .jq-title {
	display: none
}
.jq-elevator:after {
	clear: both
}
.jq-elevator.align-top {
	top: 15px
}
.jq-elevator.align-bottom {
	bottom: 15px
}
.jq-elevator.align-left {
	left: 15px
}
.jq-elevator.align-right {
	right: 15px
}
.jq-bottom, .jq-item, .jq-items-toggle, .jq-top {
	float: left;
	position: relative;
	text-decoration: none;
	text-align: center;
	font-family: "Courier New", Courier, monospace;
	color: #51a277;
	background: #fff;
	box-shadow: 0 0 2px rgba(0,0,0,.14), 0 2px 4px rgba(0,0,0,.28);
	transition: box-shadow 150ms cubic-bezier(0, 0, .2, 1);
	-webkit-transition: box-shadow 150ms cubic-bezier(0, 0, .2, 1);
	-moz-transition: box-shadow 150ms cubic-bezier(0, 0, .2, 1);
	-o-transition: box-shadow 150ms cubic-bezier(0, 0, .2, 1)
}
.jq-item, .jq-title {
	font-family: Arial, Helvetica, sans-serif
}
.jq-item {
	font-weight: 700;
	color: #000
}
.jq-elevator .active {
	background: #f0f0f0
}
.jq-elevator.glass .jq-bottom, .jq-elevator.glass .jq-item, .jq-elevator.glass .jq-top {
	opacity: .5 !important;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
	filter: alpha(opacity=50) !important;
	-moz-opacity: .5 !important;
	-khtml-opacity: .5 !important;
	transition: opacity .2s linear !important;
	-webkit-transition: opacity .2s linear !important;
	-moz-transition: opacity .2s linear !important;
	-o-transition: opacity .2s linear !important
}
.jq-elevator.auto-hide .jq-sml {
	height: 0;
	padding: 0;
	margin: 0;
	overflow: hidden
}
.jq-elevator.auto-hide:hover .jq-sml {
	height: auto;
	padding: 4px 0;
	margin: 3px 20px;
	overflow: inherit
}
.jq-elevator.auto-hide:hover .jq-sml.jq-text {
	padding: 3px 7px
}
.jq-elevator .jq-bottom:hover, .jq-elevator .jq-item:hover, .jq-elevator .jq-top:hover {
	opacity: 1;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1
}
.jq-sml:hover {
	box-shadow: 0 0 3px rgba(0,0,0,.16), 0 3px 5px rgba(0,0,0,.32)
}
.jq-sml:active {
	box-shadow: 0 0 2px rgba(0,0,0,.14), 0 2px 4px rgba(0,0,0,.28)
}
.jq-big:hover, .jq-items-toggle:hover, .jq-mid:hover {
	box-shadow: 0 0 4px rgba(0,0,0,.16), 0 4px 5px rgba(0,0,0,.32)
}
.jq-big:active, .jq-items-toggle:active, .jq-mid:active {
	box-shadow: 0 0 2px rgba(0,0,0,.14), 0 2px 4px rgba(0,0,0,.28)
}
.jq-big {
	font-size: 16px;
	padding: 20px 0;
	width: 60px;
	margin: 3px 0
}
.jq-elevator.circle .jq-big {
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-khtml-border-radius: 30px;
	border-radius: 30px
}
.jq-elevator.rounded .jq-big {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px
}
.jq-elevator.square .jq-big {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0
}
.jq-mid {
	font-size: 16px;
	padding: 12px 0;
	width: 40px;
	margin: 3px 10px
}
.jq-elevator.circle .jq-mid {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px
}
.jq-elevator.rounded .jq-mid {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px
}
.jq-elevator.square .jq-mid {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0
}
.jq-sml {
	font-size: 11px;
	line-height: 12px;
	padding: 4px 0;
	width: 20px;
	margin: 3px 20px
}
.jq-elevator.circle .jq-sml {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px
}
.jq-elevator.rounded .jq-sml {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px
}
.jq-elevator.square .jq-sml {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0
}
.jq-sml.jq-text {
	width: auto;
	padding: 3px 7px;
	white-space: nowrap
}
.jq-elevator.align-left .jq-sml.jq-text {
	float: left;
	text-align: left
}
.jq-elevator.align-right .jq-sml.jq-text {
	float: right;
	text-align: right
}
.jq-title {
	position: absolute;
	font-weight: 700;
	font-size: 11px;
	line-height: 11px;
	white-space: pre;
	height: 11px;
	padding: 4px 10px;
	color: #fff;
	background: #000;
	opacity: .65;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	-moz-opacity: .65;
	-khtml-opacity: .65;
	transition: opacity .2s linear;
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-o-transition: opacity .2s linear
}
.jq-elevator.circle .jq-title {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px
}
.jq-elevator.rounded .jq-title {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px
}
.jq-elevator.square .jq-title {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0
}
.jq-big .jq-title {
	top: 18px
}
.jq-elevator.align-left .jq-big .jq-title {
	left: 70px
}
.jq-elevator.align-right .jq-big .jq-title {
	right: 70px
}
.jq-mid .jq-title {
	top: 10px
}
.jq-elevator.align-left .jq-mid .jq-title {
	left: 50px
}
.jq-elevator.align-right .jq-mid .jq-title {
	right: 50px
}
.jq-sml .jq-title {
	top: 0
}
.jq-elevator.align-left .jq-sml .jq-title {
	left: 30px
}
.jq-elevator.align-right .jq-sml .jq-title {
	right: 30px
}
.jq-bottom:hover .jq-title, .jq-item:hover .jq-title, .jq-top:hover .jq-title {
	display: block
}
.jq-elevator.touch {
	width: inherit
}
.jq-elevator.touch.align-top {
	top: 10px
}
.jq-elevator.touch.align-bottom {
	bottom: 10px
}
.jq-elevator.touch.align-left {
	left: 10px
}
.jq-elevator.touch.align-right {
	right: 10px
}
.jq-elevator.touch .jq-title {
	display: none
}
.jq-elevator.touch .jq-bottom, .jq-elevator.touch .jq-items-toggle, .jq-elevator.touch .jq-top {
	font-size: 16px;
	line-height: 16px;
	display: block;
	padding: 12px 0;
	width: 40px;
	margin: 0
}
.jq-elevator.touch .jq-bottom, .jq-elevator.touch .jq-item, .jq-elevator.touch .jq-items-toggle, .jq-elevator.touch .jq-top {
	height: auto;
	overflow: inherit;
	opacity: 1;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1
}
.jq-elevator.touch .jq-items {
	position: absolute;
	width: 20px;
	display: none
}
.jq-elevator.touch.align-left .jq-items {
	left: 45px
}
.jq-elevator.touch.align-right .jq-items {
	right: 45px
}
.jq-elevator.touch.align-top .jq-items {
	top: 50px
}
.jq-elevator.touch.align-bottom .jq-items {
	bottom: 50px
}
.jq-elevator.touch .jq-item {
	padding: 4px 0;
	margin: 3px 0
}
.jq-elevator.touch .jq-item span {
	display: block
}
.jq-elevator.touch .jq-item.jq-text {
	padding: 3px 7px
}
.jq-elevator.touch.circle .jq-bottom, .jq-elevator.touch.circle .jq-items-toggle, .jq-elevator.touch.circle .jq-top {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px
}
.jq-elevator.touch.rounded .jq-bottom, .jq-elevator.touch.rounded .jq-items-toggle, .jq-elevator.touch.rounded .jq-top {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px
}
.jq-elevator.touch.square .jq-bottom, .jq-elevator.touch.square .jq-items-toggle, .jq-elevator.touch.square .jq-top {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0
}
.jq-elevator.touch.align-left .jq-bottom, .jq-elevator.touch.align-left .jq-items-toggle, .jq-elevator.touch.align-left .jq-top {
	float: left;
	margin-right: 5px
}
.jq-elevator.touch.align-right .jq-bottom, .jq-elevator.touch.align-right .jq-items-toggle, .jq-elevator.touch.align-right .jq-top {
	float: right;
	margin-left: 5px
}
