1/* Input textbox - do not specify a width here, it will be overwritten */ 2.ffb-input 3{ 4 float:left; 5 color:#000; /* must specify along with watermark color */ 6 height:16px; /* required for webkit browsers (Safari, Chrome) */ 7} 8/* Color of watermark, if present */ 9.ffb-input.watermark { /* added and removed dynamically */ 10 color:#888; /* must specify along with input color */ 11} 12/* Drop-down arrow, with sprited image */ 13.ffb-arrow 14{ 15 float:left; 16 width:18px; 17 height:22px; 18 background-image:url(../img/sel_win7.gif); 19} 20.ffb-arrow.out { /* css sprite technique */ 21 background-position:0; 22} 23.ffb-arrow.over { /* css sprite technique */ 24 background-position:-18px 0; 25} 26.ffb-arrow.active { /* css sprite technique */ 27 background-position:-35px 0; 28} 29.ffb-no-results 30{ 31 padding:2px; 32 color:#888; 33 font-style:italic; 34 border-bottom:1px solid #828790; 35} 36/* Container for dropdown contents */ 37.ffb { 38 position:absolute; /* this guy's parent div is hard-coded to position:relative */ 39 overflow:hidden; 40 border-left:1px solid #828790; /* #7B9EBD for Vista */ 41 border-right:1px solid #828790; 42 background-color:#fff; /* Give it a background-color, so it's not transparent */ 43} 44/* Inner div for dropdown */ 45.ffb .content { 46 overflow:auto; 47} 48.ffb .content .row { 49 border-bottom:0px ; 50 color:#000; 51 height:20px; 52 clear:both; 53} 54.ffb-sel { 55 cursor:pointer; 56 cursor:hand; 57 color:#fff !important; 58 background-color:#39f; 59} 60.ffb-match { 61 font-weight:bold; 62 color:#000; 63} 64 65/* Paging */ 66.ffb .paging { 67 vertical-align:middle; 68 border-bottom:1px solid #828790; 69} 70.ffb .page, .ffb a.page { 71 font-size:85%; 72 padding:2px; 73 border:solid 1px #339; 74 background-color:#eef; 75 margin:2px; 76} 77.ffb .box { 78 width:22px; 79 margin:2px; 80} 81.ffb .summary { 82 font-size:85%; 83}