div.context-menu
{
	position: absolute;
	margin: 0px;
	padding: 0px;
	background-color: #EFEFEF;
	border: 1px solid #ADADAD;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
	-webkit-box-shadow: 4px 4px 8px -2px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 4px 8px -2px rgba(0, 0, 0, 0.5);
	z-index: 9999;
	font-size: 10pt;
}

html.small div.context-menu
{
	position: fixed;
	left: 0px !important;
	right: 0px !important;
	bottom: -400px;
	width: 100%;
	box-sizing: border-box;
	font-size: 1.0em;
	transition: bottom 150ms linear;
}

div.context-menu a { display: block; min-width: 150px; margin: 2px; padding: 2px 8px; color: #000000; text-decoration: none; border: 1px solid #EFEFEF; }
div.context-menu a:hover { background-color: #C1D2EE; border-color: #4D607F; }
div.context-menu hr { display: block; height: 0px; margin: 4px 0px; padding: 0px; border: 0px; border-bottom: 1px solid #000000; }
div.context-menu img { height: 16px; width: 16px; margin-right: 8px; vertical-align: text-bottom; }

html.small div.context-menu a { padding-top: 8px; padding-bottom: 8px; }

/* iPads get a larger tap area */
@media only screen and (device-width: 768px) and (device-height: 1024px)
{
	div.context-menu a
	{
		padding-top: 8px;
		padding-bottom: 8px;
	}
}

/* Android Tablets get a larger tap area too */
@media only screen and (device-width: 800px) and (device-height: 1280px)
{
	div.context-menu a
	{
		padding-top: 8px;
		padding-bottom: 8px;
	}
}

@media print
{
	div.context-menu, div.context-menu * { display: none !important; position: static; float: none; }
}