﻿.context-menu-list {margin:0; padding:0; min-width:120px; max-width: 250px; display:inline-block; position: absolute; padding:5px; border-radius:10px;}
.context-menu-item {padding:5px; position: relative; -moz-user-select: -moz-none;}
.context-menu-item:first-child {border:0;}
.context-menu-item > label {-moz-user-select: text;}
.context-menu-item.hover {cursor: pointer;}
.context-menu-item.disabled.icon:before {opacity:0.5;}
.context-menu-input.hover,
.context-menu-item.disabled.hover {cursor:default;}
.context-menu-submenu:after {content:""; background-image:url(../Content/images/context_menu_icons.png); width:5px; height:8px; position:absolute; top:8px; right:5px; z-index:1;}

.context-menu-item.icon {position:relative; padding:5px 5px 5px 34px;}
.context-menu-item.icon:before {content:""; background-image:url(../Content/images/context_menu_icons.png); background-repeat:no-repeat; width:18px; height:16px; position:absolute; left:5px; top:4px;}
.context-menu-item.icon-copy:before {background-position:0 0;}
.context-menu-item.icon-cut:before {background-position:-18px 0;}

/* vertically align inside labels */
.context-menu-input > label > * { vertical-align: top; }

/* position checkboxes and radios as icons */
.context-menu-input > label > input[type="checkbox"],
.context-menu-input > label > input[type="radio"] {margin-left: -17px;}
.context-menu-input > label > span {margin-left: 5px;}

.context-menu-input > label,
.context-menu-input > label > input[type="text"],
.context-menu-input > label > textarea,
.context-menu-input > label > select {display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}

.context-menu-input > label > textarea {height: 100px;}
.context-menu-item > .context-menu-list {display: none;/* re-positioned by js */right: -5px; top: 5px;}

.context-menu-item.hover > .context-menu-list {display: block;}
.context-menu-accesskey {text-decoration: underline;}

/*grid context menu*/
.context-menu-list {background:#44556c; border:3px solid #90a1b8; box-shadow:2px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.3);}
.context-menu-item {border-top:1px solid #587589; list-style:none}
.context-menu-item span {color:#DADADA;}
.context-menu-item.hover {background-color:#6E849F;}
.context-menu-item.hover span {color:#fff;}
.context-menu-item.disabled span {color:#7D93AA;}
.context-menu-submenu:after {content:""; background-position:-5px -16px;}