/** * @file elSelect.js * @downloaded from http://www.cult-f.net/2007/12/14/elselect/ * @author Sergey Korzhov aka elPas0 * @site http://www.cult-f.net * @date December 14, 2007 * */ body { font-family:Tahoma; font-size:11px; background:#fff; } .elSelect { width:206px; height:20px; background:url(select_bg.gif) no-repeat 0% 0%; } .elSelect .selected { background-color:#fff !important; color:#CC3399 !important; } .elSelect .clear { clear:both; } .elSelect .selectedOption { float:left; padding:2px 0 0 6px; width:177px; font-weight:bold; font-size:12px; color:#496772; overflow:hidden; } .elSelect .dropDown { width: 23px; height: 20px; float: right; background:url(select_arrow.gif) no-repeat 0% 0%; } .elSelect .optionsContainerTop { position:absolute; background:url(top_center.gif) repeat-x 0% 0%; width:100%; height:5px; } .elSelect .optionsContainerTop div { background:url(top_left.gif) no-repeat 0% 0%; width:100%; height:5px; } .elSelect .optionsContainerTop div div { background:url(top_right.gif) no-repeat 100% 0%; width:100%; height:5px; } .elSelect .optionsContainerBottom { position:absolute; margin:-5px 0 0 0; background:url(bottom_center.gif) repeat-x 0% 0%; width:100%; height:5px; } .elSelect .optionsContainerBottom div { background:url(bottom_left.gif) no-repeat 0% 0%; width:100%; height:5px; } .elSelect .optionsContainerBottom div div { background:url(bottom_right.gif) no-repeat 100% 0%; width:100%; height:5px; } .elSelect .optionsContainer { position:absolute; display:none; } .elSelect .option { padding:4px 0 5px 5px; background-color:#ECF1F2; border-left:solid 1px #749490; border-right:solid 1px #749490; text-align:left; font-weight:bold; font-size:12px; color:#496772; } .elSelect .disabled { background-color:#C0CCCF; border-left:solid 1px #749490; border-right:solid 1px #749490; color:#90A4AA; } .icon_1 { background:url(icon_1.gif) no-repeat 4px 50%; padding-left:20px !important; } .icon_2 { background:url(icon_2.gif) no-repeat 4px 50%; padding-left:20px !important; }