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