/**
 * Default DropKick theme
 *
 * Feel free to edit the default theme
 * or even add your own.
 *
 * See the readme for themeing help
 *
 */

.dk_container { display: inline-block; text-align: left; }
.dk_container:focus { outline: 0; }
.dk_container a, .dk_container a:hover { cursor: pointer; text-decoration: none; color: inherit; }

.dk_toggle { position: relative; background: #fff; padding-top: 3px; padding-bottom: 3px; }
.dk_toggle:after { content: ''; position: absolute; top: 0; right: 0; width: 30px; height: 100%; background: url("../pic/icons/arrow_down.png") 50% 50% no-repeat; }

.dk_options { background: #fff; border-radius: 0 0 5px 5px; }
    .dk_options a { padding: 3px 10px; }
    .dk_options a:hover, .dk_options .dk_option_current a { background-color: #0084c7; color: #fff; }
    .dk_options .disabled { cursor: default; }
        .dk_options .disabled a { color: #aaa; }
        .dk_options .disabled:hover, .dk_options .disabled:hover a, .dk_options .disabled:focus, .dk_options .disabled:focus a { cursor: default; background-color: #fff; }
.dk_options_inner { max-height: 250px; border: 1px solid #8c8c8e; border-bottom-width: 2px; border-bottom-color: #999; border-radius: 0 0 5px 5px; }

/* states */
.dk_toggle:hover, .dk_toggle:focus {}
.dk_focus .dk_toggle {}

.dk_open { z-index: 1000; }
    .dk_open:not(.dk_open_top) .dk_toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.dk_open_top .dk_toggle { border-top-right-radius: 0; border-top-left-radius: 0; }
.dk_open_top .dk_options, .dk_open_top .dk_options_inner { border-radius: 5px 5px 0 0; }

/* system settings */
.dk_container { display: inline-block; }
.dk_container a { outline: 0; }

.dk_toggle { display: -moz-inline-stack; display: inline-block; *display: inline; position: relative; zoom: 1; }

.dk_options { display: none; position: absolute; right: 0; width: 100%; }
    .dk_options a, .dk_options a:link, .dk_options a:visited { display: block; }
.dk_options_inner { overflow: auto; position: relative; -webkit-overflow-scrolling: touch; margin: 0; list-style: none; }

.dk_container select { position: absolute; top: -99999em; visibility: hidden; }

.dk_open { position: relative; }
    .dk_open .dk_options { display: block; }
    .dk_open .dk_label { color: inherit; }

.dk_mobile { position: relative; }
    .dk_mobile select {
        display: block; width: 100%; height: 100%;
        top: 0; left: 0; visibility: visible; opacity: 0; 
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }