1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4 <link rel="reference" href="abspos-non-replaced-width-margin-000-ref.xht">
5 <title>CSS Test: CSS2.1:10.3.7 Comprehensive - Absolutely Positioned Non-Replaced Horizontal Size+Position Calculations</title>
6 <link rel="author" title="L. David Baron" href="http://dbaron.org/">
7 <link rel="alternate" href="http://mxr.mozilla.org/mozilla-central/source/layout/reftests/abspos-non-replaced-width-offset-margin.html">
8 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">
9 <meta name="assert" content="The values of 'left', 'right', 'margin-left', 'margin-right', and 'width' are calculated correctly for absolutely positioned non-replaced elements according to CSS2.1 Section 10.3.7.">
10 <style type="text/css">
11
12 div { height: 1px; direction: ltr; }
13
14 /*
15 * Every case here has three divs nested inside of each other. The
16 * innermost div (absolutely positioned) is the testcase (and has
17 * color). The middle div's content edge establishes the containing
18 * block it would have if it were statically positioned. The outermost
19 * div is actually its containing block.
20 *
21 * the abs pos containing block runs from 50px to 700px from the left edge
22 * the static pos containing block runs from 150px to 650px from the left edge
23 */
24
25 /* totals for html and body: 21px on the left, 34px on the right */
26 html, body { border: transparent medium solid; }
27 html { margin: 0 3px 0 2px; padding: 0 4px 0 3px; border-width: 0 3px 0 8px; }
28 body { margin: 0 6px 0 3px; padding: 0 7px 0 1px; border-width: 0 11px 0 4px; }
29
30 body > div {
31 position: relative;
32
33 top: 0;
34 left: 4px;
35
36 margin-left: 16px;
37 border-left: 9px solid transparent;
38 /* sum of above items (29px), plus 21px above, is 50px */
39 padding-left: 40px;
40
41 width: 595px;
42
43 padding-right: 15px;
44 /* sum of above items (650px), plus 50px above, is 700px */
45
46 border-right: 27px solid transparent;
47 margin-right: 13px;
48 }
49
50 body > div > div {
51 /* padding-left above: 40px */
52 margin-left: 7px;
53 border-left: 29px solid transparent;
54 padding-left: 24px;
55 /* sum of above items (100px), plus 50px above, is 150px */
56
57 /* padding-right above: 15px */
58 padding-right: 14px;
59 border-right: 3px solid transparent;
60 margin-right: 18px;
61 /* sum of above items (50px), subtracted from 700px, is 650px */
62 }
63
64 body > div > div > div {
65 background: navy;
66 position: absolute;
67 top: 0;
68 bottom: 0;
69
70 /* specify everything; we'll put the autos as overrides below */
71 left: 3px;
72 margin-left: 17px;
73 border-left: 6px solid transparent;
74 padding-left: 1px;
75 padding-right: 9px;
76 border-right: 8px solid transparent;
77 margin-right: 19px;
78 right: 8px;
79 }
80
81 /* and give it 72px of intrinsic width for the case where it has width:auto */
82 body > div > div > div > div {
83 width: 72px;
84 }
85
86 /* now we want to test all 128 combinations of presence of the following */
87
88 body > div.adir { direction: rtl; }
89 body > div.sdir > div { direction: rtl; }
90 body > div.edir > div > div { direction: rtl; }
91 body > div.ol > div > div { left: auto; }
92 body > div.or > div > div { right: auto; }
93 body > div.ml > div > div { margin-left: auto; }
94 body > div.mr > div > div { margin-right: auto; }
95
96 /* combined with each of these three */
97 body > div.narrowwidth > div > div { width: 153px; }
98 body > div.autowidth > div > div { width: auto; }
99 body > div.widewidth > div > div { width: 660px; }
100
101 </style>
102 </head>
103 <body>
104
105 <div class="narrowwidth"><div><div><div></div></div></div></div>
106 <div class="narrowwidth adir"><div><div><div></div></div></div></div>
107 <div class="narrowwidth sdir"><div><div><div></div></div></div></div>
108 <div class="narrowwidth sdir adir"><div><div><div></div></div></div></div>
109 <div class="narrowwidth edir"><div><div><div></div></div></div></div>
110 <div class="narrowwidth edir adir"><div><div><div></div></div></div></div>
111 <div class="narrowwidth edir sdir"><div><div><div></div></div></div></div>
112 <div class="narrowwidth edir sdir adir"><div><div><div></div></div></div></div>
113 <div class="narrowwidth ol"><div><div><div></div></div></div></div>
114 <div class="narrowwidth ol adir"><div><div><div></div></div></div></div>
115 <div class="narrowwidth ol sdir"><div><div><div></div></div></div></div>
116 <div class="narrowwidth ol sdir adir"><div><div><div></div></div></div></div>
117 <div class="narrowwidth ol edir"><div><div><div></div></div></div></div>
118 <div class="narrowwidth ol edir adir"><div><div><div></div></div></div></div>
119 <div class="narrowwidth ol edir sdir"><div><div><div></div></div></div></div>
120 <div class="narrowwidth ol edir sdir adir"><div><div><div></div></div></div></div>
121 <div class="narrowwidth or"><div><div><div></div></div></div></div>
122 <div class="narrowwidth or adir"><div><div><div></div></div></div></div>
123 <div class="narrowwidth or sdir"><div><div><div></div></div></div></div>
124 <div class="narrowwidth or sdir adir"><div><div><div></div></div></div></div>
125 <div class="narrowwidth or edir"><div><div><div></div></div></div></div>
126 <div class="narrowwidth or edir adir"><div><div><div></div></div></div></div>
127 <div class="narrowwidth or edir sdir"><div><div><div></div></div></div></div>
128 <div class="narrowwidth or edir sdir adir"><div><div><div></div></div></div></div>
129 <div class="narrowwidth or ol"><div><div><div></div></div></div></div>
130 <div class="narrowwidth or ol adir"><div><div><div></div></div></div></div>
131 <div class="narrowwidth or ol sdir"><div><div><div></div></div></div></div>
132 <div class="narrowwidth or ol sdir adir"><div><div><div></div></div></div></div>
133 <div class="narrowwidth or ol edir"><div><div><div></div></div></div></div>
134 <div class="narrowwidth or ol edir adir"><div><div><div></div></div></div></div>
135 <div class="narrowwidth or ol edir sdir"><div><div><div></div></div></div></div>
136 <div class="narrowwidth or ol edir sdir adir"><div><div><div></div></div></div></div>
137 <div class="narrowwidth ml"><div><div><div></div></div></div></div>
138 <div class="narrowwidth ml adir"><div><div><div></div></div></div></div>
139 <div class="narrowwidth ml sdir"><div><div><div></div></div></div></div>
140 <div class="narrowwidth ml sdir adir"><div><div><div></div></div></div></div>
141 <div class="narrowwidth ml edir"><div><div><div></div></div></div></div>
142 <div class="narrowwidth ml edir adir"><div><div><div></div></div></div></div>
143 <div class="narrowwidth ml edir sdir"><div><div><div></div></div></div></div>
144 <div class="narrowwidth ml edir sdir adir"><div><div><div></div></div></div></div>
145 <div class="narrowwidth ml ol"><div><div><div></div></div></div></div>
146 <div class="narrowwidth ml ol adir"><div><div><div></div></div></div></div>
147 <div class="narrowwidth ml ol sdir"><div><div><div></div></div></div></div>
148 <div class="narrowwidth ml ol sdir adir"><div><div><div></div></div></div></div>
149 <div class="narrowwidth ml ol edir"><div><div><div></div></div></div></div>
150 <div class="narrowwidth ml ol edir adir"><div><div><div></div></div></div></div>
151 <div class="narrowwidth ml ol edir sdir"><div><div><div></div></div></div></div>
152 <div class="narrowwidth ml ol edir sdir adir"><div><div><div></div></div></div></div>
153 <div class="narrowwidth ml or"><div><div><div></div></div></div></div>
154 <div class="narrowwidth ml or adir"><div><div><div></div></div></div></div>
155 <div class="narrowwidth ml or sdir"><div><div><div></div></div></div></div>
156 <div class="narrowwidth ml or sdir adir"><div><div><div></div></div></div></div>
157 <div class="narrowwidth ml or edir"><div><div><div></div></div></div></div>
158 <div class="narrowwidth ml or edir adir"><div><div><div></div></div></div></div>
159 <div class="narrowwidth ml or edir sdir"><div><div><div></div></div></div></div>
160 <div class="narrowwidth ml or edir sdir adir"><div><div><div></div></div></div></div>
161 <div class="narrowwidth ml or ol"><div><div><div></div></div></div></div>
162 <div class="narrowwidth ml or ol adir"><div><div><div></div></div></div></div>
163 <div class="narrowwidth ml or ol sdir"><div><div><div></div></div></div></div>
164 <div class="narrowwidth ml or ol sdir adir"><div><div><div></div></div></div></div>
165 <div class="narrowwidth ml or ol edir"><div><div><div></div></div></div></div>
166 <div class="narrowwidth ml or ol edir adir"><div><div><div></div></div></div></div>
167 <div class="narrowwidth ml or ol edir sdir"><div><div><div></div></div></div></div>
168 <div class="narrowwidth ml or ol edir sdir adir"><div><div><div></div></div></div></div>
169 <div class="narrowwidth mr"><div><div><div></div></div></div></div>
170 <div class="narrowwidth mr adir"><div><div><div></div></div></div></div>
171 <div class="narrowwidth mr sdir"><div><div><div></div></div></div></div>
172 <div class="narrowwidth mr sdir adir"><div><div><div></div></div></div></div>
173 <div class="narrowwidth mr edir"><div><div><div></div></div></div></div>
174 <div class="narrowwidth mr edir adir"><div><div><div></div></div></div></div>
175 <div class="narrowwidth mr edir sdir"><div><div><div></div></div></div></div>
176 <div class="narrowwidth mr edir sdir adir"><div><div><div></div></div></div></div>
177 <div class="narrowwidth mr ol"><div><div><div></div></div></div></div>
178 <div class="narrowwidth mr ol adir"><div><div><div></div></div></div></div>
179 <div class="narrowwidth mr ol sdir"><div><div><div></div></div></div></div>
180 <div class="narrowwidth mr ol sdir adir"><div><div><div></div></div></div></div>
181 <div class="narrowwidth mr ol edir"><div><div><div></div></div></div></div>
182 <div class="narrowwidth mr ol edir adir"><div><div><div></div></div></div></div>
183 <div class="narrowwidth mr ol edir sdir"><div><div><div></div></div></div></div>
184 <div class="narrowwidth mr ol edir sdir adir"><div><div><div></div></div></div></div>
185 <div class="narrowwidth mr or"><div><div><div></div></div></div></div>
186 <div class="narrowwidth mr or adir"><div><div><div></div></div></div></div>
187 <div class="narrowwidth mr or sdir"><div><div><div></div></div></div></div>
188 <div class="narrowwidth mr or sdir adir"><div><div><div></div></div></div></div>
189 <div class="narrowwidth mr or edir"><div><div><div></div></div></div></div>
190 <div class="narrowwidth mr or edir adir"><div><div><div></div></div></div></div>
191 <div class="narrowwidth mr or edir sdir"><div><div><div></div></div></div></div>
192 <div class="narrowwidth mr or edir sdir adir"><div><div><div></div></div></div></div>
193 <div class="narrowwidth mr or ol"><div><div><div></div></div></div></div>
194 <div class="narrowwidth mr or ol adir"><div><div><div></div></div></div></div>
195 <div class="narrowwidth mr or ol sdir"><div><div><div></div></div></div></div>
196 <div class="narrowwidth mr or ol sdir adir"><div><div><div></div></div></div></div>
197 <div class="narrowwidth mr or ol edir"><div><div><div></div></div></div></div>
198 <div class="narrowwidth mr or ol edir adir"><div><div><div></div></div></div></div>
199 <div class="narrowwidth mr or ol edir sdir"><div><div><div></div></div></div></div>
200 <div class="narrowwidth mr or ol edir sdir adir"><div><div><div></div></div></div></div>
201 <div class="narrowwidth mr ml"><div><div><div></div></div></div></div>
202 <div class="narrowwidth mr ml adir"><div><div><div></div></div></div></div>
203 <div class="narrowwidth mr ml sdir"><div><div><div></div></div></div></div>
204 <div class="narrowwidth mr ml sdir adir"><div><div><div></div></div></div></div>
205 <div class="narrowwidth mr ml edir"><div><div><div></div></div></div></div>
206 <div class="narrowwidth mr ml edir adir"><div><div><div></div></div></div></div>
207 <div class="narrowwidth mr ml edir sdir"><div><div><div></div></div></div></div>
208 <div class="narrowwidth mr ml edir sdir adir"><div><div><div></div></div></div></div>
209 <div class="narrowwidth mr ml ol"><div><div><div></div></div></div></div>
210 <div class="narrowwidth mr ml ol adir"><div><div><div></div></div></div></div>
211 <div class="narrowwidth mr ml ol sdir"><div><div><div></div></div></div></div>
212 <div class="narrowwidth mr ml ol sdir adir"><div><div><div></div></div></div></div>
213 <div class="narrowwidth mr ml ol edir"><div><div><div></div></div></div></div>
214 <div class="narrowwidth mr ml ol edir adir"><div><div><div></div></div></div></div>
215 <div class="narrowwidth mr ml ol edir sdir"><div><div><div></div></div></div></div>
216 <div class="narrowwidth mr ml ol edir sdir adir"><div><div><div></div></div></div></div>
217 <div class="narrowwidth mr ml or"><div><div><div></div></div></div></div>
218 <div class="narrowwidth mr ml or adir"><div><div><div></div></div></div></div>
219 <div class="narrowwidth mr ml or sdir"><div><div><div></div></div></div></div>
220 <div class="narrowwidth mr ml or sdir adir"><div><div><div></div></div></div></div>
221 <div class="narrowwidth mr ml or edir"><div><div><div></div></div></div></div>
222 <div class="narrowwidth mr ml or edir adir"><div><div><div></div></div></div></div>
223 <div class="narrowwidth mr ml or edir sdir"><div><div><div></div></div></div></div>
224 <div class="narrowwidth mr ml or edir sdir adir"><div><div><div></div></div></div></div>
225 <div class="narrowwidth mr ml or ol"><div><div><div></div></div></div></div>
226 <div class="narrowwidth mr ml or ol adir"><div><div><div></div></div></div></div>
227 <div class="narrowwidth mr ml or ol sdir"><div><div><div></div></div></div></div>
228 <div class="narrowwidth mr ml or ol sdir adir"><div><div><div></div></div></div></div>
229 <div class="narrowwidth mr ml or ol edir"><div><div><div></div></div></div></div>
230 <div class="narrowwidth mr ml or ol edir adir"><div><div><div></div></div></div></div>
231 <div class="narrowwidth mr ml or ol edir sdir"><div><div><div></div></div></div></div>
232 <div class="narrowwidth mr ml or ol edir sdir adir"><div><div><div></div></div></div></div>
233
234 <div class="autowidth"><div><div><div></div></div></div></div>
235 <div class="autowidth adir"><div><div><div></div></div></div></div>
236 <div class="autowidth sdir"><div><div><div></div></div></div></div>
237 <div class="autowidth sdir adir"><div><div><div></div></div></div></div>
238 <div class="autowidth edir"><div><div><div></div></div></div></div>
239 <div class="autowidth edir adir"><div><div><div></div></div></div></div>
240 <div class="autowidth edir sdir"><div><div><div></div></div></div></div>
241 <div class="autowidth edir sdir adir"><div><div><div></div></div></div></div>
242 <div class="autowidth ol"><div><div><div></div></div></div></div>
243 <div class="autowidth ol adir"><div><div><div></div></div></div></div>
244 <div class="autowidth ol sdir"><div><div><div></div></div></div></div>
245 <div class="autowidth ol sdir adir"><div><div><div></div></div></div></div>
246 <div class="autowidth ol edir"><div><div><div></div></div></div></div>
247 <div class="autowidth ol edir adir"><div><div><div></div></div></div></div>
248 <div class="autowidth ol edir sdir"><div><div><div></div></div></div></div>
249 <div class="autowidth ol edir sdir adir"><div><div><div></div></div></div></div>
250 <div class="autowidth or"><div><div><div></div></div></div></div>
251 <div class="autowidth or adir"><div><div><div></div></div></div></div>
252 <div class="autowidth or sdir"><div><div><div></div></div></div></div>
253 <div class="autowidth or sdir adir"><div><div><div></div></div></div></div>
254 <div class="autowidth or edir"><div><div><div></div></div></div></div>
255 <div class="autowidth or edir adir"><div><div><div></div></div></div></div>
256 <div class="autowidth or edir sdir"><div><div><div></div></div></div></div>
257 <div class="autowidth or edir sdir adir"><div><div><div></div></div></div></div>
258 <div class="autowidth or ol"><div><div><div></div></div></div></div>
259 <div class="autowidth or ol adir"><div><div><div></div></div></div></div>
260 <div class="autowidth or ol sdir"><div><div><div></div></div></div></div>
261 <div class="autowidth or ol sdir adir"><div><div><div></div></div></div></div>
262 <div class="autowidth or ol edir"><div><div><div></div></div></div></div>
263 <div class="autowidth or ol edir adir"><div><div><div></div></div></div></div>
264 <div class="autowidth or ol edir sdir"><div><div><div></div></div></div></div>
265 <div class="autowidth or ol edir sdir adir"><div><div><div></div></div></div></div>
266 <div class="autowidth ml"><div><div><div></div></div></div></div>
267 <div class="autowidth ml adir"><div><div><div></div></div></div></div>
268 <div class="autowidth ml sdir"><div><div><div></div></div></div></div>
269 <div class="autowidth ml sdir adir"><div><div><div></div></div></div></div>
270 <div class="autowidth ml edir"><div><div><div></div></div></div></div>
271 <div class="autowidth ml edir adir"><div><div><div></div></div></div></div>
272 <div class="autowidth ml edir sdir"><div><div><div></div></div></div></div>
273 <div class="autowidth ml edir sdir adir"><div><div><div></div></div></div></div>
274 <div class="autowidth ml ol"><div><div><div></div></div></div></div>
275 <div class="autowidth ml ol adir"><div><div><div></div></div></div></div>
276 <div class="autowidth ml ol sdir"><div><div><div></div></div></div></div>
277 <div class="autowidth ml ol sdir adir"><div><div><div></div></div></div></div>
278 <div class="autowidth ml ol edir"><div><div><div></div></div></div></div>
279 <div class="autowidth ml ol edir adir"><div><div><div></div></div></div></div>
280 <div class="autowidth ml ol edir sdir"><div><div><div></div></div></div></div>
281 <div class="autowidth ml ol edir sdir adir"><div><div><div></div></div></div></div>
282 <div class="autowidth ml or"><div><div><div></div></div></div></div>
283 <div class="autowidth ml or adir"><div><div><div></div></div></div></div>
284 <div class="autowidth ml or sdir"><div><div><div></div></div></div></div>
285 <div class="autowidth ml or sdir adir"><div><div><div></div></div></div></div>
286 <div class="autowidth ml or edir"><div><div><div></div></div></div></div>
287 <div class="autowidth ml or edir adir"><div><div><div></div></div></div></div>
288 <div class="autowidth ml or edir sdir"><div><div><div></div></div></div></div>
289 <div class="autowidth ml or edir sdir adir"><div><div><div></div></div></div></div>
290 <div class="autowidth ml or ol"><div><div><div></div></div></div></div>
291 <div class="autowidth ml or ol adir"><div><div><div></div></div></div></div>
292 <div class="autowidth ml or ol sdir"><div><div><div></div></div></div></div>
293 <div class="autowidth ml or ol sdir adir"><div><div><div></div></div></div></div>
294 <div class="autowidth ml or ol edir"><div><div><div></div></div></div></div>
295 <div class="autowidth ml or ol edir adir"><div><div><div></div></div></div></div>
296 <div class="autowidth ml or ol edir sdir"><div><div><div></div></div></div></div>
297 <div class="autowidth ml or ol edir sdir adir"><div><div><div></div></div></div></div>
298 <div class="autowidth mr"><div><div><div></div></div></div></div>
299 <div class="autowidth mr adir"><div><div><div></div></div></div></div>
300 <div class="autowidth mr sdir"><div><div><div></div></div></div></div>
301 <div class="autowidth mr sdir adir"><div><div><div></div></div></div></div>
302 <div class="autowidth mr edir"><div><div><div></div></div></div></div>
303 <div class="autowidth mr edir adir"><div><div><div></div></div></div></div>
304 <div class="autowidth mr edir sdir"><div><div><div></div></div></div></div>
305 <div class="autowidth mr edir sdir adir"><div><div><div></div></div></div></div>
306 <div class="autowidth mr ol"><div><div><div></div></div></div></div>
307 <div class="autowidth mr ol adir"><div><div><div></div></div></div></div>
308 <div class="autowidth mr ol sdir"><div><div><div></div></div></div></div>
309 <div class="autowidth mr ol sdir adir"><div><div><div></div></div></div></div>
310 <div class="autowidth mr ol edir"><div><div><div></div></div></div></div>
311 <div class="autowidth mr ol edir adir"><div><div><div></div></div></div></div>
312 <div class="autowidth mr ol edir sdir"><div><div><div></div></div></div></div>
313 <div class="autowidth mr ol edir sdir adir"><div><div><div></div></div></div></div>
314 <div class="autowidth mr or"><div><div><div></div></div></div></div>
315 <div class="autowidth mr or adir"><div><div><div></div></div></div></div>
316 <div class="autowidth mr or sdir"><div><div><div></div></div></div></div>
317 <div class="autowidth mr or sdir adir"><div><div><div></div></div></div></div>
318 <div class="autowidth mr or edir"><div><div><div></div></div></div></div>
319 <div class="autowidth mr or edir adir"><div><div><div></div></div></div></div>
320 <div class="autowidth mr or edir sdir"><div><div><div></div></div></div></div>
321 <div class="autowidth mr or edir sdir adir"><div><div><div></div></div></div></div>
322 <div class="autowidth mr or ol"><div><div><div></div></div></div></div>
323 <div class="autowidth mr or ol adir"><div><div><div></div></div></div></div>
324 <div class="autowidth mr or ol sdir"><div><div><div></div></div></div></div>
325 <div class="autowidth mr or ol sdir adir"><div><div><div></div></div></div></div>
326 <div class="autowidth mr or ol edir"><div><div><div></div></div></div></div>
327 <div class="autowidth mr or ol edir adir"><div><div><div></div></div></div></div>
328 <div class="autowidth mr or ol edir sdir"><div><div><div></div></div></div></div>
329 <div class="autowidth mr or ol edir sdir adir"><div><div><div></div></div></div></div>
330 <div class="autowidth mr ml"><div><div><div></div></div></div></div>
331 <div class="autowidth mr ml adir"><div><div><div></div></div></div></div>
332 <div class="autowidth mr ml sdir"><div><div><div></div></div></div></div>
333 <div class="autowidth mr ml sdir adir"><div><div><div></div></div></div></div>
334 <div class="autowidth mr ml edir"><div><div><div></div></div></div></div>
335 <div class="autowidth mr ml edir adir"><div><div><div></div></div></div></div>
336 <div class="autowidth mr ml edir sdir"><div><div><div></div></div></div></div>
337 <div class="autowidth mr ml edir sdir adir"><div><div><div></div></div></div></div>
338 <div class="autowidth mr ml ol"><div><div><div></div></div></div></div>
339 <div class="autowidth mr ml ol adir"><div><div><div></div></div></div></div>
340 <div class="autowidth mr ml ol sdir"><div><div><div></div></div></div></div>
341 <div class="autowidth mr ml ol sdir adir"><div><div><div></div></div></div></div>
342 <div class="autowidth mr ml ol edir"><div><div><div></div></div></div></div>
343 <div class="autowidth mr ml ol edir adir"><div><div><div></div></div></div></div>
344 <div class="autowidth mr ml ol edir sdir"><div><div><div></div></div></div></div>
345 <div class="autowidth mr ml ol edir sdir adir"><div><div><div></div></div></div></div>
346 <div class="autowidth mr ml or"><div><div><div></div></div></div></div>
347 <div class="autowidth mr ml or adir"><div><div><div></div></div></div></div>
348 <div class="autowidth mr ml or sdir"><div><div><div></div></div></div></div>
349 <div class="autowidth mr ml or sdir adir"><div><div><div></div></div></div></div>
350 <div class="autowidth mr ml or edir"><div><div><div></div></div></div></div>
351 <div class="autowidth mr ml or edir adir"><div><div><div></div></div></div></div>
352 <div class="autowidth mr ml or edir sdir"><div><div><div></div></div></div></div>
353 <div class="autowidth mr ml or edir sdir adir"><div><div><div></div></div></div></div>
354 <div class="autowidth mr ml or ol"><div><div><div></div></div></div></div>
355 <div class="autowidth mr ml or ol adir"><div><div><div></div></div></div></div>
356 <div class="autowidth mr ml or ol sdir"><div><div><div></div></div></div></div>
357 <div class="autowidth mr ml or ol sdir adir"><div><div><div></div></div></div></div>
358 <div class="autowidth mr ml or ol edir"><div><div><div></div></div></div></div>
359 <div class="autowidth mr ml or ol edir adir"><div><div><div></div></div></div></div>
360 <div class="autowidth mr ml or ol edir sdir"><div><div><div></div></div></div></div>
361 <div class="autowidth mr ml or ol edir sdir adir"><div><div><div></div></div></div></div>
362
363 <div class="widewidth"><div><div><div></div></div></div></div>
364 <div class="widewidth adir"><div><div><div></div></div></div></div>
365 <div class="widewidth sdir"><div><div><div></div></div></div></div>
366 <div class="widewidth sdir adir"><div><div><div></div></div></div></div>
367 <div class="widewidth edir"><div><div><div></div></div></div></div>
368 <div class="widewidth edir adir"><div><div><div></div></div></div></div>
369 <div class="widewidth edir sdir"><div><div><div></div></div></div></div>
370 <div class="widewidth edir sdir adir"><div><div><div></div></div></div></div>
371 <div class="widewidth ol"><div><div><div></div></div></div></div>
372 <div class="widewidth ol adir"><div><div><div></div></div></div></div>
373 <div class="widewidth ol sdir"><div><div><div></div></div></div></div>
374 <div class="widewidth ol sdir adir"><div><div><div></div></div></div></div>
375 <div class="widewidth ol edir"><div><div><div></div></div></div></div>
376 <div class="widewidth ol edir adir"><div><div><div></div></div></div></div>
377 <div class="widewidth ol edir sdir"><div><div><div></div></div></div></div>
378 <div class="widewidth ol edir sdir adir"><div><div><div></div></div></div></div>
379 <div class="widewidth or"><div><div><div></div></div></div></div>
380 <div class="widewidth or adir"><div><div><div></div></div></div></div>
381 <div class="widewidth or sdir"><div><div><div></div></div></div></div>
382 <div class="widewidth or sdir adir"><div><div><div></div></div></div></div>
383 <div class="widewidth or edir"><div><div><div></div></div></div></div>
384 <div class="widewidth or edir adir"><div><div><div></div></div></div></div>
385 <div class="widewidth or edir sdir"><div><div><div></div></div></div></div>
386 <div class="widewidth or edir sdir adir"><div><div><div></div></div></div></div>
387 <div class="widewidth or ol"><div><div><div></div></div></div></div>
388 <div class="widewidth or ol adir"><div><div><div></div></div></div></div>
389 <div class="widewidth or ol sdir"><div><div><div></div></div></div></div>
390 <div class="widewidth or ol sdir adir"><div><div><div></div></div></div></div>
391 <div class="widewidth or ol edir"><div><div><div></div></div></div></div>
392 <div class="widewidth or ol edir adir"><div><div><div></div></div></div></div>
393 <div class="widewidth or ol edir sdir"><div><div><div></div></div></div></div>
394 <div class="widewidth or ol edir sdir adir"><div><div><div></div></div></div></div>
395 <div class="widewidth ml"><div><div><div></div></div></div></div>
396 <div class="widewidth ml adir"><div><div><div></div></div></div></div>
397 <div class="widewidth ml sdir"><div><div><div></div></div></div></div>
398 <div class="widewidth ml sdir adir"><div><div><div></div></div></div></div>
399 <div class="widewidth ml edir"><div><div><div></div></div></div></div>
400 <div class="widewidth ml edir adir"><div><div><div></div></div></div></div>
401 <div class="widewidth ml edir sdir"><div><div><div></div></div></div></div>
402 <div class="widewidth ml edir sdir adir"><div><div><div></div></div></div></div>
403 <div class="widewidth ml ol"><div><div><div></div></div></div></div>
404 <div class="widewidth ml ol adir"><div><div><div></div></div></div></div>
405 <div class="widewidth ml ol sdir"><div><div><div></div></div></div></div>
406 <div class="widewidth ml ol sdir adir"><div><div><div></div></div></div></div>
407 <div class="widewidth ml ol edir"><div><div><div></div></div></div></div>
408 <div class="widewidth ml ol edir adir"><div><div><div></div></div></div></div>
409 <div class="widewidth ml ol edir sdir"><div><div><div></div></div></div></div>
410 <div class="widewidth ml ol edir sdir adir"><div><div><div></div></div></div></div>
411 <div class="widewidth ml or"><div><div><div></div></div></div></div>
412 <div class="widewidth ml or adir"><div><div><div></div></div></div></div>
413 <div class="widewidth ml or sdir"><div><div><div></div></div></div></div>
414 <div class="widewidth ml or sdir adir"><div><div><div></div></div></div></div>
415 <div class="widewidth ml or edir"><div><div><div></div></div></div></div>
416 <div class="widewidth ml or edir adir"><div><div><div></div></div></div></div>
417 <div class="widewidth ml or edir sdir"><div><div><div></div></div></div></div>
418 <div class="widewidth ml or edir sdir adir"><div><div><div></div></div></div></div>
419 <div class="widewidth ml or ol"><div><div><div></div></div></div></div>
420 <div class="widewidth ml or ol adir"><div><div><div></div></div></div></div>
421 <div class="widewidth ml or ol sdir"><div><div><div></div></div></div></div>
422 <div class="widewidth ml or ol sdir adir"><div><div><div></div></div></div></div>
423 <div class="widewidth ml or ol edir"><div><div><div></div></div></div></div>
424 <div class="widewidth ml or ol edir adir"><div><div><div></div></div></div></div>
425 <div class="widewidth ml or ol edir sdir"><div><div><div></div></div></div></div>
426 <div class="widewidth ml or ol edir sdir adir"><div><div><div></div></div></div></div>
427 <div class="widewidth mr"><div><div><div></div></div></div></div>
428 <div class="widewidth mr adir"><div><div><div></div></div></div></div>
429 <div class="widewidth mr sdir"><div><div><div></div></div></div></div>
430 <div class="widewidth mr sdir adir"><div><div><div></div></div></div></div>
431 <div class="widewidth mr edir"><div><div><div></div></div></div></div>
432 <div class="widewidth mr edir adir"><div><div><div></div></div></div></div>
433 <div class="widewidth mr edir sdir"><div><div><div></div></div></div></div>
434 <div class="widewidth mr edir sdir adir"><div><div><div></div></div></div></div>
435 <div class="widewidth mr ol"><div><div><div></div></div></div></div>
436 <div class="widewidth mr ol adir"><div><div><div></div></div></div></div>
437 <div class="widewidth mr ol sdir"><div><div><div></div></div></div></div>
438 <div class="widewidth mr ol sdir adir"><div><div><div></div></div></div></div>
439 <div class="widewidth mr ol edir"><div><div><div></div></div></div></div>
440 <div class="widewidth mr ol edir adir"><div><div><div></div></div></div></div>
441 <div class="widewidth mr ol edir sdir"><div><div><div></div></div></div></div>
442 <div class="widewidth mr ol edir sdir adir"><div><div><div></div></div></div></div>
443 <div class="widewidth mr or"><div><div><div></div></div></div></div>
444 <div class="widewidth mr or adir"><div><div><div></div></div></div></div>
445 <div class="widewidth mr or sdir"><div><div><div></div></div></div></div>
446 <div class="widewidth mr or sdir adir"><div><div><div></div></div></div></div>
447 <div class="widewidth mr or edir"><div><div><div></div></div></div></div>
448 <div class="widewidth mr or edir adir"><div><div><div></div></div></div></div>
449 <div class="widewidth mr or edir sdir"><div><div><div></div></div></div></div>
450 <div class="widewidth mr or edir sdir adir"><div><div><div></div></div></div></div>
451 <div class="widewidth mr or ol"><div><div><div></div></div></div></div>
452 <div class="widewidth mr or ol adir"><div><div><div></div></div></div></div>
453 <div class="widewidth mr or ol sdir"><div><div><div></div></div></div></div>
454 <div class="widewidth mr or ol sdir adir"><div><div><div></div></div></div></div>
455 <div class="widewidth mr or ol edir"><div><div><div></div></div></div></div>
456 <div class="widewidth mr or ol edir adir"><div><div><div></div></div></div></div>
457 <div class="widewidth mr or ol edir sdir"><div><div><div></div></div></div></div>
458 <div class="widewidth mr or ol edir sdir adir"><div><div><div></div></div></div></div>
459 <div class="widewidth mr ml"><div><div><div></div></div></div></div>
460 <div class="widewidth mr ml adir"><div><div><div></div></div></div></div>
461 <div class="widewidth mr ml sdir"><div><div><div></div></div></div></div>
462 <div class="widewidth mr ml sdir adir"><div><div><div></div></div></div></div>
463 <div class="widewidth mr ml edir"><div><div><div></div></div></div></div>
464 <div class="widewidth mr ml edir adir"><div><div><div></div></div></div></div>
465 <div class="widewidth mr ml edir sdir"><div><div><div></div></div></div></div>
466 <div class="widewidth mr ml edir sdir adir"><div><div><div></div></div></div></div>
467 <div class="widewidth mr ml ol"><div><div><div></div></div></div></div>
468 <div class="widewidth mr ml ol adir"><div><div><div></div></div></div></div>
469 <div class="widewidth mr ml ol sdir"><div><div><div></div></div></div></div>
470 <div class="widewidth mr ml ol sdir adir"><div><div><div></div></div></div></div>
471 <div class="widewidth mr ml ol edir"><div><div><div></div></div></div></div>
472 <div class="widewidth mr ml ol edir adir"><div><div><div></div></div></div></div>
473 <div class="widewidth mr ml ol edir sdir"><div><div><div></div></div></div></div>
474 <div class="widewidth mr ml ol edir sdir adir"><div><div><div></div></div></div></div>
475 <div class="widewidth mr ml or"><div><div><div></div></div></div></div>
476 <div class="widewidth mr ml or adir"><div><div><div></div></div></div></div>
477 <div class="widewidth mr ml or sdir"><div><div><div></div></div></div></div>
478 <div class="widewidth mr ml or sdir adir"><div><div><div></div></div></div></div>
479 <div class="widewidth mr ml or edir"><div><div><div></div></div></div></div>
480 <div class="widewidth mr ml or edir adir"><div><div><div></div></div></div></div>
481 <div class="widewidth mr ml or edir sdir"><div><div><div></div></div></div></div>
482 <div class="widewidth mr ml or edir sdir adir"><div><div><div></div></div></div></div>
483 <div class="widewidth mr ml or ol"><div><div><div></div></div></div></div>
484 <div class="widewidth mr ml or ol adir"><div><div><div></div></div></div></div>
485 <div class="widewidth mr ml or ol sdir"><div><div><div></div></div></div></div>
486 <div class="widewidth mr ml or ol sdir adir"><div><div><div></div></div></div></div>
487 <div class="widewidth mr ml or ol edir"><div><div><div></div></div></div></div>
488 <div class="widewidth mr ml or ol edir adir"><div><div><div></div></div></div></div>
489 <div class="widewidth mr ml or ol edir sdir"><div><div><div></div></div></div></div>
490 <div class="widewidth mr ml or ol edir sdir adir"><div><div><div></div></div></div></div>
491
492 </body>
493 </html>