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