@import "config.less";

.ui-shortcutscroll {
	position: absolute;
	right: 0*@unit_base;
	background-color: @color_shortcutscroll_rollover_bg;
	width: 30*@unit_base;
	-webkit-user-select: none;
	margin:0;
	padding-right: 0.08em;
	opacity: 1;
	ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	li {
		cursor: pointer;
		color: @color_shortcutscroll_rollover_text;
		padding: 2*@unit_base 2*@unit_base 2*@unit_base 2*@unit_base;
		text-align: right;
	}
}

.ui-shortcutscroll2 {
	position: absolute;
	right: 0*@unit_base;
	-webkit-user-select: none;
	margin:0;
	padding-right: 0.08em;
	opacity: 1;
	ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	li {
		cursor: pointer;
		color: @color_shortcutscroll_rollover_text;
		padding: 2*@unit_base 2*@unit_base 2*@unit_base 2*@unit_base;
		text-align: right;
	}
}

.ui-shortcutscroll-bg {
	position: absolute;
	right: 0*@unit_base;
	background-color: @color_shortcutscroll_rollover_bg;
	width: 30*@unit_base;
	z-index: 10;
	top: 0;
}

.ui-shortcutscroll-popup {
	position: absolute;
	background: @color_shortcutscroll_popup_bg;
	color: @color_shortcutscroll_popup_text;
	padding:10*@unit_base 30*@unit_base;
	-moz-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_shortcutscroll_popup_shadow;
	-webkit-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_shortcutscroll_popup_shadow;
	box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_shortcutscroll_popup_shadow;
	text-align: center;
	font-size: 75*@unit_base;
	font-weight: bold;
	display:none;
	box-sizing:border-box;
}