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

.jq-elevator {
    position: fixed;
    width: 60px;
    z-index: 9999999999;
}

.jq-elevator:before,
.jq-elevator:after {
    display: table;
    content: " ";
}

.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: 0px;
}

.jq-top,
.jq-item,
.jq-bottom,
.jq-items-toggle {

    float: left;
    position: relative;

    text-decoration: none;
    text-align: center;
    font-family: "Courier New", Courier, monospace;

    color: #966f2a;
    background: #ffffff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.14), 0 2px 4px rgba(0, 0, 0, 0.28);

    transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
    -webkit-transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
    -moz-transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
    -o-transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);

}

.jq-top:hover,
.jq-item:hover,
.jq-bottom:hover,
.jq-items-toggle:hover,
.jq-top:active,
.jq-item:active,
.jq-bottom:active,
.jq-items-toggle:active {


    color: #353535;

}

.jq-item {

    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;

    color: #000000;

}

.jq-elevator .active {
    background: #f0f0f0;
}

.jq-items-toggle {
    display: none;
}

.jq-elevator.glass .jq-top,
.jq-elevator.glass .jq-item,
.jq-elevator.glass .jq-bottom {

    opacity: 0.5;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;

    transition: opacity 0.2s linear;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;

}

.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-top:hover,
.jq-elevator .jq-item:hover,
.jq-elevator .jq-bottom: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, 0.16), 0 3px 5px rgba(0, 0, 0, 0.32);
}

.jq-sml:active {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.14), 0 2px 4px rgba(0, 0, 0, 0.28);
}

.jq-big:hover,
.jq-mid:hover,
.jq-items-toggle:hover {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.16), 0 4px 5px rgba(0, 0, 0, 0.32);
}

.jq-big:active,
.jq-mid:active,
.jq-items-toggle:active {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.14), 0 2px 4px rgba(0, 0, 0, 0.28);
}

.jq-big {
    /* 2px horizontal adjust */
    font-size: 16px;
    line-height: 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 {
    /* 2px horizontal adjust */
    font-size: 16px;
    line-height: 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 {
    /* 2px horizontal adjust */
    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: bold;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 11px;
    white-space: pre;

    height: 11px;
    padding: 4px 10px;
    display: none;

    color: #ffffff;
    background: #000000;

    opacity: 0.65;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    -khtml-opacity: 0.65;

    transition: opacity 0.2s linear;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.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-top:hover .jq-title,
.jq-item:hover .jq-title,
.jq-bottom: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-top,
.jq-elevator.touch .jq-bottom,
.jq-elevator.touch .jq-items-toggle {

    font-size: 16px;
    line-height: 16px;
    display: block;
    padding: 12px 0;
    width: 40px;
    margin: 0;

}

.jq-elevator.touch .jq-top,
.jq-elevator.touch .jq-item,
.jq-elevator.touch .jq-bottom,
.jq-elevator.touch .jq-items-toggle {

    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-top,
.jq-elevator.touch.circle .jq-bottom,
.jq-elevator.touch.circle .jq-items-toggle {

    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;

}

.jq-elevator.touch.rounded .jq-top,
.jq-elevator.touch.rounded .jq-bottom,
.jq-elevator.touch.rounded .jq-items-toggle {

    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;

}

.jq-elevator.touch.square .jq-top,
.jq-elevator.touch.square .jq-bottom,
.jq-elevator.touch.square .jq-items-toggle {

    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;

}

.jq-elevator.touch.align-left .jq-top,
.jq-elevator.touch.align-left .jq-bottom,
.jq-elevator.touch.align-left .jq-items-toggle {

    float: left;
    margin-right: 5px;

}

.jq-elevator.touch.align-right .jq-top,
.jq-elevator.touch.align-right .jq-bottom,
.jq-elevator.touch.align-right .jq-items-toggle {

    float: right;
    margin-left: 5px;

}