|
1 /* |
|
2 ================================================ |
|
3 autosuggest, inquisitor style |
|
4 ================================================ |
|
5 */ |
|
6 |
|
7 div.autosuggest |
|
8 { |
|
9 position: absolute; |
|
10 background-position: top; |
|
11 background-repeat: no-repeat; |
|
12 padding: 0px 0 0 0; |
|
13 } |
|
14 |
|
15 /* IEXX compatinility */ |
|
16 * html div.autosuggest { |
|
17 padding-top:1px; |
|
18 } |
|
19 |
|
20 /* Only IE7 compatibility */ |
|
21 *+html div.autosuggest { |
|
22 margin-top:12px; |
|
23 padding:0px; |
|
24 } |
|
25 |
|
26 div.autosuggest div.as_header |
|
27 { |
|
28 margin-top:5px; |
|
29 position: relative; |
|
30 height: 3px; |
|
31 padding: 1px 0 0 0 ; |
|
32 border-top:1px solid #95a5c6; |
|
33 border-left:1px solid #95a5c6; |
|
34 border-right:1px solid #95a5c6; |
|
35 background-color:#ffffff; |
|
36 background-position: top right; |
|
37 background-repeat: no-repeat; |
|
38 overflow: hidden; |
|
39 } |
|
40 div.autosuggest div.as_footer |
|
41 { |
|
42 position: relative; |
|
43 height: 3px; |
|
44 padding: 1px 0 0 0 ; |
|
45 border-bottom:1px solid #95a5c6; |
|
46 border-left:1px solid #95a5c6; |
|
47 border-right:1px solid #95a5c6; |
|
48 background-color:#ffffff; |
|
49 background-position: top right; |
|
50 background-repeat: no-repeat; |
|
51 overflow: hidden; |
|
52 } |
|
53 /* Only IE7 compatibility */ |
|
54 *+html div.autosuggest div.as_header { margin-top:0px; } |
|
55 * html div.autosuggest div.as_header { margin-top:5px; } |
|
56 |
|
57 div.autosuggest div.as_footer |
|
58 { |
|
59 /* border-bottom:1px solid #95a5c6; */ |
|
60 } |
|
61 |
|
62 div.autosuggest div.as_header div.as_corner, |
|
63 div.autosuggest div.as_footer div.as_corner |
|
64 { |
|
65 position: absolute; |
|
66 top: 0; |
|
67 left: 0; |
|
68 } |
|
69 div.autosuggest div.as_footer div.as_corner |
|
70 { |
|
71 |
|
72 } |
|
73 div.autosuggest div.as_header div.as_bar, |
|
74 div.autosuggest div.as_footer div.as_bar |
|
75 { |
|
76 height: 0px; |
|
77 overflow: hidden; |
|
78 background-color: #ffffff; |
|
79 } |
|
80 |
|
81 |
|
82 div.autosuggest ul |
|
83 { |
|
84 list-style: none; |
|
85 margin: 0 0 -4px 0; |
|
86 padding: 0; |
|
87 overflow: hidden; |
|
88 background-color: #ffffff; |
|
89 border-left:1px solid #95a5c6; |
|
90 border-right:1px solid #95a5c6; |
|
91 } |
|
92 |
|
93 div.autosuggest ul li |
|
94 { |
|
95 color: #5776ae; |
|
96 padding: 0; |
|
97 margin: 0 4px 4px; |
|
98 text-align: left; |
|
99 } |
|
100 |
|
101 div.autosuggest ul li a |
|
102 { |
|
103 color: #000000; |
|
104 display: block; |
|
105 text-decoration: none; |
|
106 background-color: transparent; |
|
107 text-shadow: #000 0px 0px 5px; |
|
108 position: relative; |
|
109 padding: 0; |
|
110 width: 100%; |
|
111 } |
|
112 div.autosuggest ul li a:hover |
|
113 { |
|
114 background-color: #3b5998; |
|
115 text-decoration:none; |
|
116 } |
|
117 div.autosuggest ul li.as_highlight a:hover |
|
118 { |
|
119 background-color: #3b5998; |
|
120 text-decoration:none; |
|
121 } |
|
122 |
|
123 div.autosuggest ul li a span |
|
124 { |
|
125 display: block; |
|
126 padding: 3px 6px; |
|
127 font-weight: normal; |
|
128 } |
|
129 |
|
130 div.autosuggest ul li a span small |
|
131 { |
|
132 font-weight: normal; |
|
133 color: #999; |
|
134 } |
|
135 |
|
136 div.autosuggest ul li.as_highlight a span small |
|
137 { |
|
138 color: #ccc; |
|
139 } |
|
140 |
|
141 div.autosuggest ul li.as_highlight a |
|
142 { |
|
143 color: #fff; |
|
144 background-color: #3b5998; |
|
145 background-position: bottom right; |
|
146 background-repeat: no-repeat; |
|
147 text-decoration:none; |
|
148 } |
|
149 |
|
150 div.autosuggest ul li.as_highlight a span |
|
151 { |
|
152 background-position: bottom left; |
|
153 background-repeat: no-repeat; |
|
154 } |
|
155 |
|
156 div.autosuggest ul li a .tl, |
|
157 div.autosuggest ul li a .tr |
|
158 { |
|
159 background-image: transparent; |
|
160 background-repeat: no-repeat; |
|
161 width: 6px; |
|
162 height: 6px; |
|
163 position: absolute; |
|
164 top: 0; |
|
165 padding: 0; |
|
166 margin: 0; |
|
167 } |
|
168 div.autosuggest ul li a .tr |
|
169 { |
|
170 right: 0; |
|
171 } |
|
172 |
|
173 div.autosuggest ul li.as_highlight a .tl |
|
174 { |
|
175 left: 0; |
|
176 background-position: bottom left; |
|
177 } |
|
178 |
|
179 div.autosuggest ul li.as_highlight a .tr |
|
180 { |
|
181 right: 0; |
|
182 background-position: bottom right; |
|
183 } |
|
184 |
|
185 div.autosuggest ul li.as_warning |
|
186 { |
|
187 font-weight: bold; |
|
188 text-align: center; |
|
189 } |
|
190 |
|
191 div.autosuggest ul li.as_header |
|
192 { |
|
193 font-weight: bold; |
|
194 font-size:14px; |
|
195 color:#FFFFFF; |
|
196 background:#999; |
|
197 padding-left:6px; |
|
198 padding-top:2px; |
|
199 padding-bottom:2px; |
|
200 } |
|
201 |
|
202 div.autosuggest ul em |
|
203 { |
|
204 font-style: normal; |
|
205 font-weight:bold; |
|
206 color: #000000; |
|
207 background-color:#d8dfea; |
|
208 } |