/*
 * Custom CSS for selectmenu with the default/base theme.
 * This is not part of the jquery UI css and needs to be generated and
 * maintained seperatly. The base CSS is applied in base.css and applies to all selectmenu elements
 *
 * The images folder has the following images for the selectmenu:
 *
 * selectmenu-button.gif
 * selectmenu-menu.gif
 * selectmenu-menu-hover.gif
 *
 */

.base .custom-select-button-icon  { float:right; background:#fff url(/v3/build/jquery-ui/themes/base/images/selectmenu-button.gif) left center repeat-x;}
.custom-select-menu.base li a { text-decoration:none; color:#555; display:block; cursor: pointer; padding:.5em 5px; text-shadow:1px 1px 0 #f9f9f9; }
.custom-select-menu.base li.hover-focus { background:#e6e6e6 url(/v3/build/jquery-ui/themes/base/images/selectmenu-menu-hover.gif) right center repeat-x; color:#444; }
.custom-select-menu.base li.selected { background:#636363 url(/v3/build/jquery-ui/themes/base/images/selectmenu-menu.gif) left center repeat-x; color:#fff; }
.custom-select-menu.base li.selected a {color: #fff; text-shadow:1px 1px 0 #3b3c3b; }