.d-inp { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; position: relative; background: #fff; border: 1px solid #666; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 1px 2px #ccc; -moz-box-shadow: inset 0 1px 2px #ccc; box-shadow: inset 0 1px 2px #ccc; font-size: 1em; line-height: 1.33em; font-family: Arial,Helvetica,sans-serif; color: #333; } .d-inp input, .d-inp button, .d-inp select, .d-inp textarea { margin: 0; padding: 0; background: none; border: 0; resize: none; font-size: 1em; line-height: 1.15em; font-family: Arial,Helvetica,sans-serif; color: #333; } .d-inp-txt input, .d-inp-txt textarea { display: block; padding: .25em .5em; } .d-inp-btn { background: #09c; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .d-inp-btn input, .d-inp-btn button, input[type="submit"], input[type="reset"] { padding: .35em 2em; color: #fff; cursor: pointer; } .d-sel { height: 1.75em; line-height: 1.75em; } .d-sel span { position: absolute; z-index: 1; top: 0; left: 0; right: 0; padding: 0 1.25em 0 .5em; white-space: nowrap; } .d-sel b { display: block; position: relative; overflow: hidden; font-weight: 400; } .d-sel i { position: absolute; top: 0; right: .25em; bottom: 0; line-height: 1.75em; overflow: hidden; } .d-sel select { position: relative; z-index: 2; width: 100px; opacity: 0; filter:alpha(opacity=0); cursor: pointer; } .d-inp-focus { border-color: #09c; -webkit-box-shadow: 0 0 3px #069; -moz-box-shadow: 0 0 3px #069; box-shadow: 0 0 3px #069; } .d-inp-cb, .d-inp-r { margin-right: .5em; } .d-inp-cb input, .d-inp-r input { display: block; position: relative; width: 1.75em; height: 1.75em; z-index: 1; opacity: 0; filter:alpha(opacity=0); cursor: pointer; } .d-inp-cb b, .d-inp-r b { display: none; position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; line-height: 1.75em; text-align: center; } .d-inp-cb-checked b { display: block; } .d-inp-r-checked b { display: block; } .d-inp-f { padding: 0 .5em; height: 1.75em; } .d-inp-file { position: absolute; z-index: 9; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .d-inp-f input, .d-inp-f button { height: 1.75em; } .d-inp-f button { float: right; font-weight: bold; }