/** initial setup **/
.nano {
	position : relative;
	width    : 90%;
	height   : 260px;
	overflow : hidden;
	float: left;
	top: 0px;
	left: 0px;
}
.nano .content {
	position      : absolute;
	overflow      : scroll;
	overflow-x    : hidden;
	top           : 0;
	right         : 0px;
	bottom        : 0;
	left          : 0;
	padding-right: 20px;
	text-align: left;
}
.nano .content:focus {
  outline: thin dotted;
}
.nano .content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar .content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .pane {
	position   : absolute;
	width      : 8px;
	right      : 0;
	top        : 0;
	bottom     : 0;
	visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
	opacity    : .01;
	-webkit-transition    : .2s;
	-moz-transition       : .2s;
	-o-transition         : .2s;
	transition            : .2s;
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;
	border-radius         : 5px;
	background-color: rgba(153,153,153,0.15);
}
.nano > .pane > .slider {
	position              : relative;
	margin                : 0 1px;
	-moz-border-radius    : 3px;
	-webkit-border-radius : 3px;
	border-radius         : 3px;
	box-shadow: 0px 1px 1px 1px #000;
	-moz-box-shadow: 0px 1px 1px 1px #000;
	-webkit-box-shadow: 0px 1px 1px 1px #000;
	background-color: #CCCCCC;
}
.nano:hover > .pane, .pane.active, .pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}