.dropdownBox { display: inline-block; *display: inline; zoom: 1; text-align: left !important; border: none !important; } .menuSelect { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background-color: #fff; border: 1px solid #dadada; color: #444; font-weight: bold; line-height: 25px; list-style: none; outline: none; text-decoration: none; vertical-align: middle; position: relative; z-index: 99;} .dropdownBox.top .menuSelect { border-radius: 0 0 2px 2px !important; -webkit-border-radius: 0 0 2px 2px !important; -moz-border-radius: 0 0 2px 2px !important; } .dropdownBox.bottom .menuSelect { border-radius: 2px 2px 0 0 !important; -webkit-border-radius: 2px 2px 0 0 !important; -moz-border-radius: 2px 2px 0 0 !important; } .menuSelect:hover, .menuSelect.focused { box-shadow: 0 1px 1px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1); border-color: #ABADB3; color: #333; } .dropdownBox.disabled .menuSelect { background: #F3F3F3 !important; border-color: #D8D8D8 !important; } .dropdownBox.disabled .menuSelectCaptionText { color: #bebebe !important; } .dropdownBox.disabled .menuSelectButtonDropdown { border-color: #bebebe transparent transparent !important; } .dropdownBox.disabled .menuSelect:hover { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .menuSelect.focused { border-color: #6e97d1; } .menuSelect.active { box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); background-color: #eee; border: 1px solid #ABADB3; color: #333; z-index: 2; } .menuSelectCaption { cursor: default; } a.menuSelectCaptionText, span.menuSelectCaptionText { display: block; outline: 0 !important; margin: 0; border: 0; height: 40px; line-height: 40px; padding: 0 23px 0 12px; font-weight: normal; background: transparent; color: #444; cursor: default; text-decoration: none; } a.menuSelectCaptionText:hover {text-decoration: none !important;} a.menuSelectCaptionText * {pointer-events: none;} .menuSelectButtonDropdown { height: 0; width: 0; position: absolute; right: 9px; top: 44% !important; border-color: #595959 transparent transparent; border-style: solid; border-width: 4px; } .menuVertical { background: #FFF; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border: 1px solid #ABADB3; width: 100%; position: absolute; z-index: 999; } .menuVertical.bottom { margin-top: 2px; border-radius: 0 0 2px 2px !important; -webkit-border-radius: 0 0 2px 2px !important; -moz-border-radius: 0 0 2px 2px !important; } .menuVertical.top { border-radius: 2px 2px 0 0 !important; -webkit-border-radius: 2px 2px 0 0 !important; -moz-border-radius: 2px 2px 0 0 !important; } .menuItem { position: relative; z-index: 999; color: #333; cursor: pointer; margin: 0; } .menuItemContent { padding: 6px 7em 6px 13px; white-space: nowrap; -moz-user-select: none; -khtml-user-select: none; user-select: none; -webkit-user-select: none; -ms-user-select: none; } .menuItem.selected { background: #c8def4; } .menuItem.hover { background: #f2f2f2; }