input { width: 15.5em; padding: 2px; border: 1px solid #dfdfdf; background: url(../images/inupt_bg.png) bottom repeat-x; font: 0.75em verdana; color: #666; }
input:focus { background: url(../images/input_bg_focus.png) top  repeat-x; }
textarea { width: 25em; height: 5em; padding: 2px; border: 1px solid #dfdfdf; background: url(../images/inupt_bg.png) bottom repeat-x; font: 0.75em verdana; color: #666; }
textarea:focus { background: url(../images/input_bg_focus.png) top  repeat-x; }

.button { width: 10em; height: 1.5em; margin: 0px; padding: 0px; background: none; border: none; vertical-align: middle; font: 1em arial; font-weight: bold; color: #fff; }
.button:focus { border: none; background: none; }
.checkbox { width: 1.5em; background: none; border: none; }
.select_holder { padding: 5px 0px 5px 0px; }

.input_holder { font-size: 0.75em; overflow: hidden; }
.input_tl { float: left; width: 6px; height: 6px; background: url(../images/input_tl.png); }
.input_t { float: left; width: 17.5em; height: 6px; background: url(../images/input_t.png); }
.input_tr { float: left; width: 6px; height: 6px; background: url(../images/input_tr.png); }
.input_ml { float: left; width: 6px; height: 1.2em; background: url(../images/input_ml.png) repeat-y; }
.input_m { float: left; width: 17.5em; height: 1em; line-height: 0.75em; background: #fff; }
.input_mr { float: left; width: 6px; height: 1.2em; background: url(../images/input_mr.png) repeat-y; }
.input_bl { float: left; width: 6px; height: 6px; background: url(../images/input_bl.png); }
.input_b { float: left; width: 17.5em; height: 6px; background: url(../images/input_b.png); }
.input_br { float: left; width: 6px; height: 6px; background: url(../images/input_br.png); }

.select_holder { font: 0.75em verdana; color: #666; }
.select_tl { float: left; width: 6px; height: 6px; background: url(../images/input_tl.png); }
.select_t { float: left; width: 15.2em; height: 6px; background: url(../images/input_t.png); }
.select_drop_tl { float: left; float: left; width: 1px; height: 6px; background: url(../images/select_drop_tl.png); }
.select_drop_t { float: left; float: left; width: 1.8em; height: 6px; background: url(../images/select_drop_t.png); }
.select_drop_tr { float: left; width: 6px; height: 6px; background: url(../images/select_drop_tr.png); }
.select_ml { float: left; width: 6px; height: 1.5em; background: url(../images/input_ml.png) repeat-y; }
.select_m { float: left; width: 15.2em; height: 1.5em; line-height: 1.5em; vertical-align: middle; background: url(../images/input_m.png) bottom repeat-x; cursor: pointer; }
.select_drop_ml { float: left;  width: 1px; height: 1.5em; background: #efefef; }
.select_drop_m { float: left; width: 1.8em; height: 1.5em; vertical-align: middle; background: #eaf1df url(../images/select_drop_m.png) center center no-repeat; cursor: pointer; }
.select_drop_mr { float: left; width: 6px; height: 1.5em; background: url(../images/select_drop_mr.png) repeat-y; }
.select_bl { float: left; width: 6px; height: 6px; background: url(../images/input_bl.png); }
.select_b { float: left; width: 15.2em; height: 6px; background: url(../images/input_b.png); }
.select_drop_bl { float: left; width: 1px; height: 6px; background: url(../images/select_drop_bl.png); }
.select_drop_b { float: left; width: 1.8em; height: 6px; background: url(../images/select_drop_b.png); }
.select_drop_br { float: left; width: 6px; height: 6px; background: url(../images/select_drop_br.png); }

.button_holder { padding-top: 10px; font-size: 0.75em; }
.button_tl { float: left; width: 3px; height: 3px; background: url(../images/button_tl.png); }
.button_t { float: left; width: 10em; height: 3px; background: url(../images/button_t.png); }
.button_tr { float: left; width: 3px; height: 3px; background: url(../images/button_tr.png); }
.button_ml { float: left; width: 3px; height: 1.5em; background: url(../images/button_ml.png); }
.button_m { float: left; width: 10em; height: 1.5em; background: #9ee12f url(../images/button_m.png) bottom repeat-x; }
.button_mr { float: left; width: 3px; height: 1.5em; background: url(../images/button_mr.png); }
.button_bl { float: left; width: 3px; height: 3px; background: url(../images/button_bl.png); }
.button_b { float: left; width: 10em; height: 3px; background: url(../images/button_b.png); }
.button_br { float: left; width: 3px; height: 3px; background: url(../images/button_br.png); }

.option_holder { position: absolute; overflow: hidden; }
.option_l { float: left; margin-left: 6px; border-left: 1px solid #ced6bf; }
.option_r { float: left; margin-right: 6px; background: #fff; border-right: 1px solid #ced6bf; }
.option_m { width: 190px; background: transparent; }
.option_holder ul { margin: 0px; padding: 0px; background: transparent; }
.option_holder ul li { margin: 0px; padding: 5px 10px 5px 10px; list-style-position: outside; list-style-type: none; font: 0.75em verdana; font-weight: bold; color: #666; cursor: pointer; }
.option_bl { float: left; width: 6px; height: 6px; margin-left: 6px; background: #fff; border-bottom: 1px solid #ced6bf; border-left: 1px solid #ced6bf; }
.option_b { float: left; width: 172px; height: 6px; background: #fff; border-bottom: 1px solid #ced6bf; }
.option_br { float: left; width: 6px; height: 6px; margin-right: 6px; background: #fff; border-right: 1px solid #ced6bf; border-bottom: 1px solid #ced6bf; }

.clear { clear: both; }