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