/**
 * Default DropKick theme
 *
 * Feel free to edit the default theme
 * or even add your own.
 *
 * See the readme for themeing help
 *
 */
.dk_container { background-color: #f5f5f5; font-family: 'Helvetica', Arial, sans-serif; font-size: 12px; font-weight: bold; margin-bottom: 0px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.content .FormTitle small .dk_container { }

@media (min-width: 980px) {
.PreciseQuery .row-fluid .span6 .controls select, .PreciseQuery .row-fluid .span4 .controls select, .wrapper .FormTitle select, .titleTop .row-fluid select { width: 160px; text-align: left;/*min-width: 140px;
	max-width: 210px;
   _width:expression(document.body.clientWidth > 140 ? "140px" : "auto");*/
}
}

@media (min-width: 980px) {
.Create .row-fluid .span6 .control-group .controls select { width: 78%; }
}

@media (min-width: 980px) {
.Create .row-fluid .span12 .control-group .controls select { width: 156px; }
}

@media (min-width: 1000px) {
.PreciseQuery .row-fluid .span4 .controls select, .wrapper .FormTitle select, .titleTop .row-fluid select { width: 130px; text-align: left;/*min-width: 140px;
	max-width: 210px;
   _width:expression(document.body.clientWidth > 140 ? "140px" : "auto");*/
}
}

@media (min-width: 1000px) {
.PreciseQuery .row-fluid .span6 .controls select { width: 128px; }
}

@media (min-width: 1000px) {
.Create .row-fluid .span6 .control-group .controls select { width: 75%; }
}

@media (min-width: 1000px) {
.Create .row-fluid .span12 .control-group .controls select { width: 184px; }
}

@media (min-width: 1200px) {
.PreciseQuery .row-fluid .span4 .controls select, .wrapper .FormTitle select, .titleTop .row-fluid select { width: 160px; text-align: left; }
}

@media (min-width: 1200px) {
.PreciseQuery .span12 .row-fluid .span4 .controls select { width: 200px; text-align: left; }
}

@media (min-width: 1200px) {
.span10 .PreciseQuery .span12 .row-fluid .span4 .controls select { width: 160px; text-align: left; }
}

@media (min-width: 1200px) {
.PreciseQuery .row-fluid .span6 .controls select { width: 200px; }
}

@media (min-width: 1200px) {
.Create .row-fluid .span6 .control-group .controls select { width: 73%; }
}

@media (min-width: 1200px) {
.Create .row-fluid .span12 .control-group .controls select { width: 250px; }
}
.dk_container:focus { outline: 0; }
.dk_container a { cursor: pointer; text-decoration: none; }
.dk_toggle { border: 1px solid #ddd; color: #666; padding: 6px 24px 6px 10px; padding-right: 10px\9; /* all ie */ padding-right: 10px\0; /* ie8-9 目前应用于IE8的单独hack，情况比较少 */ padding-right: 10px\9\0; /* only for IE9&IE10 */  *padding-right:10px;
 +padding-right:10px;
_padding-right: 10px; height: 22px; line-height: 22px; text-shadow: #fff 1px 1px 0; position: relative; background: #fff;  +background: #fff url(/images/dk_toggle_bg.gif) no-repeat 92% center;
}

/* firefox */
@-moz-document url-prefix() {
.dk_toggle {
padding-right: 13px;
}
} /* all firefox */
.Parameter .Adjust .control-group .controls .SliderArea .Operating .dk_toggle { background: #fff;  +background: #fff url(/images/dk_toggle_bg.gif) no-repeat 97% center;
}
.dk_toggle:hover, .dk_toggle:focus { border-color: #b4d7fe; }
.dk_toggle:after { position: absolute; top: 45%; right: 10px; content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #999; -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; -ms-transition: -ms-transform .3s; -o-transition: -o-transform .3s; }
.dk_focus .dk_toggle { border-color: #40b5e2; box-shadow: 0 0 5px #40b5e2; -moz-box-shadow: 0 0 5px #40b5e2; -webkit-box-shadow: 0 0 5px #40b5e2; border-color: #BDBEBE; box-shadow: 0 0 5px #FFFFFF; -moz-box-shadow: 0 0 5px #FFFFFF; -webkit-box-shadow: 0 0 5px #FFFFFF; }
.dk_open { box-shadow: 0 0 5px #40b5e2; -moz-box-shadow: 0 0 5px #40b5e2; -webkit-box-shadow: 0 0 5px #40b5e2; z-index: 10; }
.dk_open .dk_toggle { background-color: #fff; border-color: #8c8c8c; color: #ccc; box-shadow: inset 0 -2px 5px #ccc; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; }
.dk_open_top .dk_toggle { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; }
.dk_open_top .dk_options, .dk_open_top .dk_options_inner { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; }
.dk_options { background: #fefefe; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }
.dk_options a { background-color: none /*#fff*/; border-bottom: 1px solid #fff; font-weight: normal; padding: 6px 10px; color: #666; /*height:16px;*/
overflow: hidden; line-height:16px; height:16px; }
.dk_options a:hover, .dk_options:focus, .dk_options .dk_option_current a { background-color: #e0f1ff; border-bottom-color: #fff; color: #333; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; }
.dk_options li:last-child a { border-bottom: none; }
.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; border-bottom-color: #999; text-shadow: none; }
.dk_options_inner { max-height: 250px; border: 1px solid #c2d7ef; border-bottom-width: 2px; border-bottom-color: #ccc; color: #333; text-shadow: #fff 0 1px 0; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; }
.dk_container { display: none; float: left; }
.dk_container a { outline: 0; /*height:16px;*/
overflow: hidden; }
.dk_toggle { display: -moz-inline-stack; display: inline-block;  *display: inline;position: relative; zoom: 1; }
.dk_open { position: relative; z-index: 10000; }
.dk_open .dk_options { display: block; }
.dk_open .dk_label { color: inherit; }
.dk_options { display: none; margin-top: -1px; position: absolute; right: 0; width: 100%; z-index: 10000; }
.dk_options a, .dk_options a:link, .dk_options a:visited { display: block; }
.dk_options_inner { overflow: auto; position: relative; -webkit-overflow-scrolling: touch; z-index: 10000; margin: 0px; }
.dk_container select { position: absolute; top: -99999em; visibility: hidden; }
.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; }
.icon_operate2 { background: url(/images/icon_operate2.png) no-repeat; display: inline-block; width: 18px; height: 18px; margin-right: 5px; }
.icon_operate { background: url(/images/icon_operate.png) no-repeat; display: inline-block; width: 18px; height: 18px; margin-right: 5px; }
.icon_operate1 { background: url(/images/icon_operate1.png) no-repeat; display: inline-block; width: 18px; height: 18px; margin-right: 5px; }
