.context-menu-list {
    margin:0; 
    padding:0;
    
    min-width: 150px;
    max-width: 500px;
    display: inline-block;
    position: absolute;
    list-style-type: none;
    
    
    border: 1px solid #DDD;
    background: #d7d7d2;
    
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
         -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1em;
}

.context-menu-item {
    padding: 2px 2px 2px 5px;
	margin: 5px 0;
    background-color: #d7d7d2;
    position: relative;
    -moz-user-select: -moz-none;
	font-weight: 300;
    color: #313131;
    text-transform: none;
    display: block;
    font-size: 1em;
	font-family: 'Roboto Condensed', sans-serif !important;
	    font-size: 1em !important;
	
}

.context-menu-item h4 { margin:10px 5px 0 5px;}
.context-menu-item p { margin:5px 5px 0 5px;}

.context-menu-separator {
    padding-bottom:0;
    border-bottom: 1px solid #DDD;
	height:2px;
}

.context-menu-item > label {
    -moz-user-select: text;
	font-size: 1em !important;
	font-family: 'Roboto Condensed', sans-serif;
}

.context-menu-item.hover {
    cursor: pointer;
    background-color: #EEE;
}

.context-menu-item.disabled 
{
	display:none;
    color: #666;
}

.context-menu-input.hover,
.context-menu-item.disabled.hover {
    cursor: default;
    background-color: #d7d7d2;
}

/* icons
    #protip:
    In case you want to use sprites for icons (which I would suggest you do) have a look at
    http://css-tricks.com/13224-pseudo-spriting/ to get an idea of how to implement 
    .context-menu-item.icon:before {}
 */
.context-menu-item.icon { height: 18px; background-repeat: no-repeat; background-position: 4px 2px; }
.context-menu-item.icon-edit { background-image: url(images/page_white_edit.png); }
.context-menu-item.icon-cut { background-image: url(images/cut.png); }
.context-menu-item.icon-copy { background-image: url(images/page_white_copy.png); }
.context-menu-item.icon-paste { background-image: url(images/page_white_paste.png); }
.context-menu-item.icon-delete { background-image: url(images/page_white_delete.png); }
.context-menu-item.icon-quit { background-image: url(images/door.png); }
.context-menu-item.icon-check {  font-size: 1.1em !important; line-height: 50px; 	min-height:50px;}
.context-menu-item.icon-check:before { 
	content: "\e901"; background: #bf9d34;     color: white; margin-right: 10px;    line-height: 40px;
	/*vertical-align: middle;*/
	margin-top: 2px;
    display: inline-block;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
	    width: 42px;
    height: 42px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
	    font-size: 32px;
    text-align: center;
	}
.context-menu-item.icon-check.hover:before { background: #b44c69; }

.context-menu-item.icon-next { font-size: 1.1em !important; line-height: 50px; 	min-height:50px; color: #bf9d34;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase; }
.context-menu-item.icon-next:before { 
	content: "\e901"; background: #bf9d34;     color: white; margin-right: 10px;    line-height: 40px;
	/*vertical-align: middle;*/
	margin-top: 2px;
    display: inline-block;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
	    width: 42px;
    height: 42px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
	    font-size: 32px;
    text-align: center;
	}
	.context-menu-item.icon-next.hover:before { background: #b44c69; }

/* 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 > select {
	/*width: 50%;*/
}

.context-menu-input > label > textarea {
    
}
.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;
}