Last Comment Bug 616436 - column-span not implemented (css3 multicolumn)
: column-span not implemented (css3 multicolumn)
Status: NEW
[css3-multicol][DevRel:P2]
: css3, dev-doc-needed, DevAdvocacy
Product: Core
Classification: Components
Component: CSS Parsing and Computation (show other bugs)
: unspecified
: All All
: P2 enhancement with 73 votes (vote)
: ---
Assigned To: Nobody; OK to take it and work on it
:
: Jet Villegas (:jet)
Mentors:
http://www.glasstowerstudios.com/~sco...
: 832618 (view as bug list)
Depends on:
Blocks: css3-multicol css3test
  Show dependency treegraph
 
Reported: 2010-12-03 04:42 PST by Odin Hørthe Omdal
Modified: 2016-10-06 16:49 PDT (History)
35 users (show)
See Also:
Crash Signature:
(edit)
QA Whiteboard:
Iteration: ---
Points: ---
Has Regression Range: ---
Has STR: ---
?


Attachments
testcase (1.53 KB, text/html)
2010-12-03 04:43 PST, Odin Hørthe Omdal
no flags Details
TEST CASE 1 (2.94 KB, text/html)
2011-11-21 15:43 PST, Scott Johnson (:jwir3)
no flags Details
TEST CASE 2 (2.44 KB, text/html)
2011-11-21 15:43 PST, Scott Johnson (:jwir3)
no flags Details
TEST CASE 3 (1.35 KB, text/html)
2011-11-21 15:44 PST, Scott Johnson (:jwir3)
no flags Details
Chart displaying test results (1.68 KB, text/html)
2011-11-21 16:04 PST, Scott Johnson (:jwir3)
no flags Details
TEST CASE 3, updated with expected results (84.24 KB, text/html)
2011-11-21 17:16 PST, Scott Johnson (:jwir3)
no flags Details
TEST CASE 1, updated with expected results (254.44 KB, text/html)
2011-11-21 17:24 PST, Scott Johnson (:jwir3)
no flags Details
TEST CASE 2, updated with expected results (36.23 KB, text/html)
2011-11-21 17:38 PST, Scott Johnson (:jwir3)
no flags Details
TEST CASE 2, updated with expected results (36.58 KB, text/html)
2011-11-21 18:05 PST, Scott Johnson (:jwir3)
no flags Details
TEST CASE 1, updated to be well-formed (254.51 KB, text/html)
2011-11-28 12:29 PST, Scott Johnson (:jwir3)
no flags Details
TEST CASE 2, updated to be well-formed (36.64 KB, text/html)
2011-11-28 12:29 PST, Scott Johnson (:jwir3)
no flags Details
TEST CASE 3, updated to be well-formed (84.30 KB, text/html)
2011-11-28 12:30 PST, Scott Johnson (:jwir3)
no flags Details
TEST CASE 3, updated with vendor prefixes for h2 (84.40 KB, text/html)
2011-11-28 15:23 PST, Scott Johnson (:jwir3)
no flags Details
TEST CASE 2, updated with expected results (36.62 KB, text/html)
2011-11-28 15:57 PST, Scott Johnson (:jwir3)
no flags Details
TEST CASE 2, updated for IE 10 (33.85 KB, text/html)
2011-11-28 16:38 PST, Scott Johnson (:jwir3)
no flags Details
TEST CASE 1 (v4) (254.55 KB, text/html)
2011-11-29 15:14 PST, Scott Johnson (:jwir3)
no flags Details
TEST CASE 2 (v4) (33.89 KB, text/html)
2011-11-29 15:15 PST, Scott Johnson (:jwir3)
no flags Details
TEST CASE 3 (v4) (84.43 KB, text/html)
2011-11-29 15:16 PST, Scott Johnson (:jwir3)
no flags Details

Description Odin Hørthe Omdal 2010-12-03 04:42:03 PST
User-Agent:       Mozilla/5.0 (X11; U; Linux i686; nn-NO; rv:1.9.2.12) Gecko/20101027 Ubuntu/10.10 (maverick) Firefox/3.6.12
Build Identifier: 

Not implemented:

http://www.w3.org/TR/css3-multicol/#column-span0

Very useful, started looking for it because I needed it. WebKit got it in march:
https://bugzilla.mozilla.org/show_bug.cgi?id=418036

Reproducible: Always
Comment 1 Odin Hørthe Omdal 2010-12-03 04:43:40 PST
Created attachment 494979 [details]
testcase
Comment 2 Odin Hørthe Omdal 2010-12-03 04:47:14 PST
Bah, wrong url, this is the webkit one:

https://bugs.webkit.org/show_bug.cgi?id=15550
Comment 3 Scott Johnson (:jwir3) 2011-11-21 15:43:28 PST
Created attachment 576003 [details]
TEST CASE 1
Comment 4 Scott Johnson (:jwir3) 2011-11-21 15:43:46 PST
Created attachment 576004 [details]
TEST CASE 2
Comment 5 Scott Johnson (:jwir3) 2011-11-21 15:44:04 PST
Created attachment 576005 [details]
TEST CASE 3
Comment 6 Scott Johnson (:jwir3) 2011-11-21 15:54:34 PST
I just added three test cases. Here are results of running competitors' browsers in each of the three test cases (note, IE9 does not implement any multicolumn support, so they were omitted from this):

NAME   | CASE 1 |                     CASE 2                     |           CASE 3            |
------------------------------------------------------------------------------------------------
Safari |  PASS  | Works as expected, but text is crunched (PASS) |            PASS             |
Opera  |  PASS  | Makes the containing div larger (FAIL)         | Places on a new line (FAIL) |
Chrome |  PASS  | Makes the containing div larger (FAIL)         |            PASS             |

So, I think, given this, we should probably look at implementing this in a way similar to how pages are split for printing. If we split the frames in the frame constructor. IIUC, Roc thinks that if we do the splitting in nsCSSFrameConstructor, then we're going to be unable to correctly handle case 3. Given that webkit handles this correctly, we should probably avoid not complying with the spec on this aspect.

Thoughts?
Comment 7 Scott Johnson (:jwir3) 2011-11-21 16:04:21 PST
Created attachment 576010 [details]
Chart displaying test results

My previous chart was messed up, so if you can't read it, I'm posting a new chart that is in HTML for better viewing.
Comment 8 Robert O'Callahan (:roc) (email my personal email if necessary) 2011-11-21 17:00:59 PST
latest IE10 Platform Preview implements columns, so you should test that too.
Comment 9 Robert O'Callahan (:roc) (email my personal email if necessary) 2011-11-21 17:05:21 PST
Can you include in your test results what the expected rendering is and what the test is supposed to be testing?
Comment 10 Scott Johnson (:jwir3) 2011-11-21 17:06:29 PST
(In reply to Robert O'Callahan (:roc) (Mozilla Corporation) from comment #8)
> latest IE10 Platform Preview implements columns, so you should test that too.

Yep, I'm installing it on a VM right now.

(In reply to Robert O'Callahan (:roc) (Mozilla Corporation) from comment #9)
> Can you include in your test results what the expected rendering is and what
> the test is supposed to be testing?

Sure. I'll add that information.
Comment 11 Scott Johnson (:jwir3) 2011-11-21 17:16:12 PST
Created attachment 576040 [details]
TEST CASE 3, updated with expected results
Comment 12 Scott Johnson (:jwir3) 2011-11-21 17:24:34 PST
Created attachment 576043 [details]
TEST CASE 1, updated with expected results
Comment 13 Scott Johnson (:jwir3) 2011-11-21 17:38:10 PST
Created attachment 576046 [details]
TEST CASE 2, updated with expected results
Comment 14 Scott Johnson (:jwir3) 2011-11-21 17:38:55 PST
I've updated the test cases. I will work on updating the chart so that it has images of what I see when I run the test on the given platform.
Comment 15 Scott Johnson (:jwir3) 2011-11-21 17:41:04 PST
Oops, it looks like test case #2 is messed up in firefox. Let me tweak it a bit.
Comment 16 Scott Johnson (:jwir3) 2011-11-21 18:05:42 PST
Created attachment 576052 [details]
TEST CASE 2, updated with expected results
Comment 17 Scott Johnson (:jwir3) 2011-11-21 18:06:11 PST
Comment on attachment 576046 [details]
TEST CASE 2, updated with expected results

><style type="text/css">
>.columnbox {
>  height: 150px;
>  z-index: 2;
>  border: 5px solid blue;
>}
>
>.columns {
>  position: absolute;
>  z-index: 2;
>  column-width: 200px;
>  -moz-column-width: 200px;
>  -o-column-width: 200px;
>  -webkit-column-width: 200px;
>  -ms-column-width: 200px;
>
>  column-rule: 2px dotted green;
>  -moz-column-rule: 2px dotted green;
>  -o-column-rule: 2px dotted green;
>  -webkit-column-rule: 2px dotted green;
>  -ms-column-rule: 2px dotted green;
>}
>
>.floater {
>  position: relative;
>  top: 5px;
>  height: 150px;
>  width: 100%;
>  background: red;
>  float: left;
>  opacity: 0.4;
>  z-index: -1;
>}
>
>h2 {
>  z-index: 2;
>  column-span: all;
>  -moz-column-span: all;
>  -o-column-span: all;
>  -webkit-column-span: all;
>  -ms-column-span: all;
>
>}
></style>
><h1>Test Description</h1>
>This test is similar to CASE 3, except that it has a bit more height. The height of the block level element specified with multicolumn layout is set to 150px. The h2 element is set with column-span:all. The expected results are <i>either</i> the spanning element is placed in the correct location, with column-span: all specified, or the h2 element is treated as column-span: none. Specifically, it should not increase the height of the containing element to higher than 150px. A red box of 150px is placed in each case to indicate where the vertical end of the columns should be. The expected result is similar to the following:
><br>
><img src="data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%07%1F%00%00%00%A2%08%06%00%00%00%90%C1%03%11%00%00%00%01sRGB%00%AE%CE%1C%E9%00%00%00%06bKGD%00%FF%00%FF%00%FF%A0%BD%A7%93%00%00%00%09pHYs%00%00%0B%13%00%00%0B%13%01%00%9A%9C%18%00%00%00%07tIME%07%DB%0B%16%01%24%00F%A5%F4%8F%00%00%00%1DiTXtComment%00%00%00%00%00Created%20with%20GIMPd.e%07%00%00%20%00IDATx%DA%ED%DD%CFk%1B%EBb%C6%F1%C7%87%B3%EE%5D%5CD%7CRA%16%09%87S%0Ex%9AE%AE%A1%DA%16%15o%14rDWm%BC%B1%B9%0A%EA6%86%1E%B0%BB%A8ES%B0%D7%22s%B07%3A%ED%AA%E8%04k%13*%BAU%C17%8B0%86K%C3%25%5E%04Dn%8C%B8%8B%FB%17%A8%0B%FD%1A%8DfF3%D2%3B%D2H%FA~%20%10%5B%F2h%E6%9Dy%DE%F7%1D%BD3%EFlI%DD%AE%00%00%00%00%00%00%00%00%00%00%60%0E%DD%AE%F4%15%C5%00%00%00%00%00%00%00%00%00%00%C0%04%06%1F%01%00%00%00%00%00%00%00%00%00%18%C1%E0%23%00%00%00%00%00%00%00%00%00%00%23%18%7C%04%00%00%00%00%00%00%00%00%00%60%C4%D7%DE_t%ED%9F(%15%60%81%B6%FEX%EAe%EF%1B%9B%C2%00%C8%25%00r%09%90K%00%E4%12%20%97%00%C8%25%B0%1Ay*%FD%D6%F7%F7%DC%F9%08%00%00%00%00%00%00%00%00%00%C0%08%06%1F%01%00%00%00%00%00%00%00%00%00%18%B1%25u%BB%EE_0%ED*%00%00%00%00%00%00%00%00%00%800~%D3%AEv%BB%F3%DE%F9%D8i%CA*%95t%E8%18Z%CB%98%CBk%D4J%DA*%F5%FE%05%FF%8D%A3%C3%C8%CB%F4%BCwl%7D%A6-'%CE%E7%00%06%99%CE%A1%E1%E5G%CBi%9C%3C%85%E54n.%C9-V%24%97k%9DCr%09%DAK3%FDZ%FA%B1HI%16RyN8G%96B%D7%8Flas%B3%B7%D8v%8C%F3%3ClP%16%C9%2C%C8%E8%EAf4u%DF%DDp%CE%88%E5%FAj%AE0%1D%D7ucjM%9C%9A%B6b%2C%AFQ%2B%E9d%BB%A2%AEm%EB*'%5D6%9A%BA%F5%0DEU%97%F3%D7%1C%3A%3F%0D%5B%8E%A9%CF%C1%26%DA%FAci%F8%90%E3%A5%E7p%CE%5C%CE%96Sr%0Br%B9%B99%24%97%A0%BDL%BE_K%7B%88%E4%B20W.%17vNH_%13%EB%97%3D%E3%B9Lu%3BF%F6%B0%9AYLS%7BIfAF%D7%25%97%E4%14%ABe%F6%C1%C7L%5EN%A5%A8%1DSkb%ED%AB%1Byy%8E%1A-%E9%C9%BD%8C%24%A9%B0o%AB%7B%92%D7%C3%C9%85%EA%22%D6%3AZ%BA%B0m%5DX%AEm%B4m%5DX%19%BD%7C%11%B6%9C%B8%9F%B3%96%AD%83%CEO%B9%FAa%E1L%E7p%AE%5C%CE%9A%D3%B8y%0A%CA%E9D%E1l%60n%C9%E1Z%E6r%ADsH.A%7Bi%AE_K%3F%96%1C%A6%20%0B%A9%3C'%9C3K~eH%B6%C8%DAFgo%D1%ED%18%E7ydq%83%B2Hf%C9%24%19%5D%DD%8C%A6%F2%BB%1B%CE%19%C9%E9r%7D%BD%9A%C7%C2%9D%DEIz%C2%FEK%91%CF%FA%D0%A6%14f%D1%FD%C6%5E%D3%3A%9B%9C%92CrI%0EA.%C9%259%25%87%E4%92%EC%905%ACu.%C9%22Y%C4j%F5c%C9%2C%99%04%B9%049%5D%10%DF%C1%C7%DB%E6%A9%1E%D5%5D%A5%9D%2B%AB%BBo%85%25D%E7%A7%C7%3AjKRVg%95%13%BD%CC%F8%BD6%B9%ACF%AD%A4%A7%AD%F1%A5%3D%91%FF%DF%EE%14%2B%FAE%AF%87%EBvS-%E9r%F0y%9Fk%DA%AAz%16%A4%9C%AE*%DB%93%CB%0A%DC%9E%DE-%C4*%F7%AF%00%E8%DF%EA%FD%A4l%EB%E2%FE%F8%3B%C7%D6%3BWVw%2F%A4x%9C%9A%B6%AA%9FtVy!%BDv%AF%C3%7D%9Fu%1A%ACCE%DF5%FC%D6%D7S%9E%D9%A2%3E%0E%AE%84%18%AE%AF%EBo'%F6%C7%60%7D%DCe%D5%7F%8F%06%7F_%96%AAU%5D*%A7%2B%7B_%DF%8F%1D%0F%BD%DF%15%7C%CA%EDR%92%AA%25%5D%EA%9E%A4%3BI%D2A%D9%D6%85F%9F%F7%F7%7F%93%D5%7F%FD%AFwY%A3m%FA%CD%AF%A5%DF%FDi%F0%9A%A5%C6%F0%96n%CF~%FE%CB%BF%D3%3Fo%FD%B7%FE%7D%B8%8D%05%7D8%AE%8E%8E%87L%D0%F19%F8%CC%C1%3A%E7tU%96%9Ez%8F%9D%A9%C7%FC%E2M%CFeX%0E%C32%3B%7F.%9D%7C%26p%5D%23%E5t%E2%98RHnCr%3Ae%97%85%E66VN%83%EA%8E%19rk%2C%97%AE%BCTK%C3%F7%15%7C%96%1F7%97%07ce%EB%CD%D3%AC9u%95%B3_.%BD%C7%84%E3s%EC%A4%20%A7%F3%E5r%9E%1C%86gz%A6%F6rY9%0C%DB%87%8Bj%3F%A7%E5%D0%5B%97vf%CDep%FBx%E0)%BB%5B%DF%B6%97%F6r%E3%DB%CB%D0~%AD%A1~%EC%8A%B5%87%85%D0%FD%BF%0A9%9C%D2%1E%CE%91%3B%B3Y%98%FB%1B%95%C5%9C%13f%FC%DA%919%B3%A4%A06%20M%E7%88S%CA%3B%91%BEgr%E7%84%AB%DE%F7L%B2%7Fh%DA%CA%B4c%F3%9C%E7%A5-%7B%9AVO%99n%F7%CC%9D%17Fn%F7%26%B6%DB%7B%CCob%3B%B8%88%F62%81s%C4ed%96%F61%5D%19%5Ch%FB%18g%BCa%03ri%A4_%BBfc%1F%0B%FB%EE%26z%DB%99%D89dJ%DA%D2y%7D%E5w2%F5C%5D%3A%AB%D8%EA%DA%B6%BA%E5%9C%D4j%E8%BC%13%BC%90%CB%EAk%E9%85%DD%9F%93%B8%AD%A3%E3%9A%1A%AEB%F9P%F0_V%A3V%D2%D3OE%7D%B4%ED%E1%7C%C6%E3a%1C-%B7%5B)J%F5c%BD%BAw2%BC%85%F9%A0l%ABk%9F%E8e%C6%D1a%B5%D5%FF%D9%D6%C7b%B6%B7%83%5C%07%C9p%1D%03%B7%C73w%F1%D49%A6%B3%A32%0A%DBQ%9D%A6%ACjKR%5BG%C7%EEu%A8j%AB%E4%5D%A7%D1%3A%F8%AFo%AF%3C%7F%DE%ED%CD%FF%DC%B5%2B%3AS%5D%8FN%9B%BAu%CD%2B%1D%BC%3Fz%01%D8%AAJW%B6%AB%AC%24%E9%83%FB%EF%1D%15l%5B%5D%7B_%85NS%3F%5C%EF%0E%F7%D1%C7%E2%B6%CFF%8En%BD%EE%ED%83%7F%1D%BF%CD%DCu%DB%F9_%FC%F5%60%FFeuV%19%EC%9F%8C%9E%EDfuP%B6u%FDo%15%9De%A5%83%F2%BE%0A%B2ta%0F~%EEW%20%D6%BE%AEr9%5D%FD%CB%0Fzu2%D8%D7%BBz%96%B1T%C8%E5te%FB5D%19%BD%3Cq%2F%B7%B7%CE%85%DC%60%1D%ACayt%CB%B9%5EH%17%F8Ej%A49%C6%23%E42l%BF%FB5t%26s%E9%BD%25%FDa~%B6%9C%06%D6-%3E%19%89%96%D3%88%B9%FDs%9C%9C%06%D7%1D%B1sk4%97%DE%1Cz%CA%D5%3B%FDC%8C%5C%8E%9F8x%F34kN%A7%E5r%B2%9EYdN%93%CF%E5%3C9%F4%CB%B4%B9%F6ri9%F4%FA%F3%82%DA%CFi9%F4%EBT%CF%9C%CB%E0%F6%D1kT%8F%D2%5E%D2%5EF%E9%D7%1A%EA%C7%AEZ%7B%E8%B7%FFW.%87%09%E5%CEh%16%E6%CC%E5%C2%CE%09%7D%8E%C9y%B3%140%F0%98%AEsD%FF%F2N%BE%EF%99%DC9%E1J%F7%3D%13%EC%1F%9A%CD%E5%AA%B7c%AB%99%3D%BF%2F%E2%93o%F7%CC%9D%17Fn%F7%26%06%5C3z%B9%A6%ED%60z%DA%CBd%CF%11%D3%F9%DD%CC%E6%B5%8F%CB%C9%E0%E2%DA%C7%E8%E3%0D%9B%90K%13%FD%DA5%1B%FBX%E8w7%D1%DB%CE%C4%CE!%D3%D0%96%262%F8%98%C9%CB%E9%1F%E4%8DZ%C9gD%7D%D2%B0p%24%15%F6%CB%3APK%0DG%92%F3VG*%EAG%CB%B5c%06%01%EA4u%D2%CA%EA%EC%C5%A8%20%0B%7B%AE%9D%E6%BC%D5Q%BB%AD%A3%E3%92%B6J%A5%E1%C1%F2%EE%CE%A7V%EA%DC%E9%9D%B2%FA%AE%3FB%FF%F0%F1%AEv%DA_%F4%7B%BFu%BC%BF%1D0%3F%B1g%EE%E2%C09%A6%1D%1D%96JjX%11%AF%B6p-%C7%BB%0E%93%EB%E4%3E%D0%7D%D6%D7y%AB%A3vN%A7%C3%AB%0D%FB%F31%B7%EBz%A5%7DWE%E5%DA%1F%7BE%ED%0C%F6%87%1C%BD%AA%B7%5D%07a%BF%AC%24%E9%3B%F7%DF%7B%02%D6%AE%EBQ%CD%E9%07(%1F%F8%05ud%99%BCNsm%1D%BDu%86%95%EF%9B%2F%BB%FD%E3%A4%17F%EFCu%2F%1DgX%FE%0DY%A3%F5%CF%BF%E8UB%A5%92%1A%D6~%C8%BAe%F4%B2%90s-%D7Q%E3%D3%AE%9Ee%24Y%83%E5%0D*%F2%FD%F9%B7%D1%B4%08%B9%0C%CC%E1%C4!%BC%A0%5C%CE%90%D3%C0m%F2%C9HxNc%E6%F6Wqr%1A%D6%91%8C%99%DB%95%C9%E5d%9E%CC%E44%24%97%13%C5%9C%C2%9C%CE%93%CByr%E8%97i%83%ED%E5%D2r8W.%13%CC%E1%C4%B1H%7BI%7B%B9%FC%F6r%F6%5C%AEa%7B%E8%B5%929L%20w%26%B30%AFU%CER%C8%B9%5Dj%CE%11%7D%FB%05%F4%3D%97%D6%F7L%AA%7Fh%DA%CA%B6c%AB%9C%BD%C9u_%F7vo%F2%0B%D9%0Dm%07%17%D1%5E%26%7C%8E%98%CE%EFf6%B1%7D%5CB%06%17%D8%3E%A62%A3%CB%CA%25c%1F%AB%F5%DD%CD%BA%B6%A5%89%0C%3E%0EF%90K%255%AC%C1hh%7C%EF%EE%3A%BA%BD%FB%14%F8%FA%ED%FBk%DD%E8%81%BE%0D%3B%88%B3%A3%2B%07%06%FF%BC%D3%7C%F4%CA%F6%B1%9Eg%DB%FA%F9%7D%3F%AC%9F%BF%E8%26%BB%AD%EF%83%7Bg%FA%F0y%B6%02%BB%AC%86%5C%09%3B%97%B0u%EA%BD%E6%5B%9E%99%7Bz%12VQ%B9_%F7TT%91%BF%C4%AB%14%B5%D3%AA%F6*%C6%9A%99Z%BE%60%B9%AEjp%DE%EA%835%AA%A8%7B%15%E8%B5%DE%0C%5E%2B%94u%D0%7F%EFm%D3%D1w%7B%D6%F8%97%A4%2FzW%13L%DD.kOg%EAWV%8E%23%15%C6%AF%20h%D4%AA%BA%CC%95%A7N%0FaZ%F7%1B%3B%D2%3C%E3%B3%E4%D2%EF%B8XX.%E7%CEi%1As%1Bg%1D%22%E6vEr9%D1%D8%99%CA%E9%94%5Cz-*%A7I%E7r%EE%1C.%AC%BD%DC%90%F6s%96%1C%D2%5E%D2%5E%A6%A6%BD%8C%9E%CB%B5k%0F%D7)%87%09%E4%CET%16%E6%CD%E5%3Af)Mm%5C%A4%F2%A6%EF%B9%D0%BEg%12%FDC%E3%B9%24%7B%8B%CF%DE%94%2F%92%D7%B3%DD%9BX%E1%B5k%07S%D5%5En%D4w%AA%9B%DB%3E.%2B%83%CBj%1F%93%CCh%AAs%B9%A1m%EB*%9F3%AEk%5B%3A%AF%C9%C1G%A7%A6G%F5%07%BA%B2%ED%D9V%A4%7F%10%3C%7F%9C%D1%C3%7B%0F%A4%80%3B*%1E%DE%7B%20%E9%93%FE%10VgL%B9%1Bc%AC%D0%0B9%DD%D4%8F%7B%07MU%3E%B7%A6%9AqP%EE%DD%DEzY%3D%8D%3D%FD%C9%BCze%E6%7F%95%C7%93%7B%E1%15%D5%E8%F5%19*%9FL%5E%8E%3D%BAe%FA%D0D%26%AD%3D%9De%DB%3Az%DB%D4%B9%B3%3D~%85%AB%EB%EA%80%86%23%15%2CK%85%5C%EF%BDo%BEl%7B%AE%BCqt%F8Z%3A-*%C2%ED%F7%83%2B%0Bj%3AlH%05k%FC%B8%7F%DAZ%EC%F4q%B1%C4%CD%A5%2B%87%BE%C7%D1Br%B9%BC%9C%AE%5EnW%20%97%3E%9Fo%26%A7!%B9%F4%C9A%AAr%3AG.%E7%CE%E1%0A%B4%97%1B%91C%DAK%DA%CB%15k%2F%C9a%9Ash8w%06%B3%60d%DF%AFy%DFs%99%D9%A2%EF%99%B2%BEgB%FD%C3d%8E%13%B2%B7%FC%EFk%D6%BD%DD%9B%08%C8F%B6%83%0Bk%2F%F9Nu3%DA%C7edp%19%EDcJ2%BA%BC%5C%92%D3%95%3Bg%5C%C7%B6%D4%80%89%C1%C7%DE%08%F3(8%F1%AE%BE%EB%E8%FCu%5D7%B9B%7F%8EZK%07j%E9%A9%7B%04%B9%D3%D4a%B3%D3%7F-d%BEfkOg%D9%96%9E%BA%E7%C7wj%B2%9A%1D%FFBw%CD%F5%DB%B5%93%BDu%F4a%FE%24%F1%F9%E0%83%0FZ%E9%B2%EA~%86cC%97%D9%E2%D8%01%3C%BAM%B7%3F%A2%3Dx%3D%F3X%CF%3D%7F%3F%7D%976u%3EX%9C%B5%AF%AB%5C%C4%ABL%3CW%F8%F5%AE%06%99%AC4%D5%AA%FB%5E%E1%DA%BB%3A%A0%AA%93%ED%3D%15%86%3F%7B%DF%DB%D1%F9%A9%A3%C2I%5E%85%FC%89%AEr%9Ec%CDw%DF%15t%D0n%E9%F2%81%FB%F6%E5%C9%5B%8E%1B%CE%E2%EE%E3%8F2%C7x%BC%5Czr8q%1C-*%97%CB%CD%E9%CA%E4v%85r%A9%84r%EA%9FK%BF%E3gq9M%3C%97%F3%E4p%85%DA%CB%B5%CE%E1%AC%B9%9C%9AC%FF%93%0C%DAK%DAKr%B8%FE94%99%3B%A3Y%983%97%9B%D2%F7%5CZ%B6%E8%7B%A6%AA%EF%99X%FF0%91%5C%92%BDe%7C_3%3A%FC%17%D8%EE-%E5%FB%1A%9F%E3%7D%0D%DB%C1%D4%B4%97%7C%A7%BAQ%ED%E3b3%B8%8C%F6q1%19Mw.%C9%E9%D2%CF%19Sq%0E%B9%DC%B6%D4H%CE%A4n%D7%FD%8B%AE%FDOc%0F%1F%DD%C9%E5%A4VK7%92%CF%C3%DF%7B%B7L%3F%AA%B7%87%3F%EF%14%2B%9E%DB%85%3D%0F3%CD%16%F5q82%EFy%CD%A5%F7Y%9E%D7seu-g%7C%5E%E8%5CY%DD%7D%F9.g%E7%87%7F%D4%93_%FE%A3%FF%FB%AC%CE%CA%BB%FA%B9%3Ax%90jVg%15%F7%DC%C5%EE%CF%EA%BF%A6%DE%83W%9F%FCCQ%EF%FEs%FC%EF%9E%BDwo%F7_%E9o%F5%7F%FA%9F%A9%CB%95%0E%8AE%BD%AB%8F%1E%E6%3A%FE%F3%AF%F5%1B%FDI%BF%0B%5D%DF%DE%83W%8F%DA%3E%E5%D9%7FP%AC%B2Y%DD%B4%DB%3E%E5%1DT%E6Y%9DU%0A%FAp%ECZ%CF%C1%BE%F6%3E%7C6W%0Ex%C8%AC%7B%BDr%BA%B2%F7%A5ZIO%5B%DE%E3%A8%F7Za%F87o%F5%ED%89_%85%E9%E8%B0%E4%A80%7C%AF%F7%E7%D1%E7%1D%94m%5D%DCw%AD%E7%C46%7B%8F%D9%9A%DE%3C%DE%1F%EE%23%EF1%3C%DA%CE%FB%BD%CFP%F8%F2L4v%92%A6%DC%EA%EF%84%E6%F2%C7%BBi9%0C_%DE%DC%B9%F4%1E%13N-zNC%EB%0Co%0E%3C%19q%E7%D4%5B%3F%8D%1D%BB%D3r%EB%5E%EE%B4%9CN%A9%3B%E2%E6%D6h.'s%E8%CDVc%AE%5C%26%97So.'s%BB%D8%9C.%26%97%F3%E4pJ%A6%E3%B6%97K%CB%A1%F78u%7Fn%9C%5C%CE%D9~%86%E6%D0%FB%9C%03O%BB%3EC.%A7%B7%8F~m%2C%ED%E5%C6%B7%97%A1%FD%DA%90%5C%C6%EA%C7%AEX%7B%E8s%22%B9%EA94%97%3B%D3Y%98'%97%8B%3A'%B4%C2%3Fs%D6%2Ce%FC%8F%B3t%9D%23%86%9D%9B%AD%F29%E1*%F6%3D%93%EC%1F%26%9C%CB%B4%B6cs%9D%E7%A5-%7BQ%F6A2%ED%9E%D9%F3%C2iY%0C.%97uk%07%D3%D5%5E%1A%3EG%5CJfM%9F%03%AEk%FB%B8%B8%0C.%AA%7D%8C%3F%DE%B0%EE%B94%D1%AF%5D%C3%B1%8F%05%7Fw%13%BF%ED4y%0E%99%86%B64F%9EJ%BF%9D%F8%5D%B7%EB%3B%F8%F8%93VOG%E7%CD%CFz%99%B7%3C%8D%DB%17%9D%CEs%25%40%A7)%EB%F8Z%CF%2B'%89%5D%FDd%B6%18%02%1A%FAu%DA%C6%B99%3A%3C%BD%D3%8F%0B%9Af%10%E4%94m%22%97%E4%90%1C%92K%2C%25%A7%EBp%0C%D3%1E%826%8F%AC%915%DA%B1M%EA%8B%D1%FF%24%9Bd%96L%92A%D0%AF%25%A7%2B%98%E3%A0%C1%C7%AF%D6%A1Ho%9B%AFut%7D7%BAeY%BD%5B_U%DC3p%0Br%CC%07%C7%22%E5%C7Jc%EAC%93ANA.%C9!9%E4X!%97%EB%91SrI%EE%C8%12m%1E%C8%1A%ED%18%C8%26%C8%2C%C8%209%25%B7%E4x%F1%D6%E7%CEG%F7%ED%B8%9A%F3vl%D7%D4!%07%E5%19%1F%84%BB%F0%22%18%BFe8%D2z%7B%A6HY%99m%9D)x%FD%DB%8B%03%A7%40Xb%08%23%DF%E6%BF%EA%C8i%DC%ED%22%97%E4%92%1C%92CrI%7B%19%3B%A7%EB%92K%DA%C3%95%90%EE%5C%D2%E6%91%B5%F5%C9%DAj%E5%92v%8C%2C%92%CD%8Dj%2Fi%1F%C9%20%B9%A4_KN7%3E%C7k%3E%ED*%40c%07%80%5C%02%E4%12%00%B9%04%C8%25%B9%04%C8%25%00r%09%2C%2CO%EB%3C%ED*%00%00%00%00%00%00%00%00%00%80%E5%E3%CEG%00%00%00%00%00%00%00%00%00%00%B1p%E7%23%00%00%00%00%00%00%00%00%00%80D1%F8%08%00%00%00%00%00%00%00%00%00%C0%08%06%1F%01%00%00%00%00%00%00%00%00%00%18%C1%E0%23%00%00%00%00%00%00%00%00%00%00%23%18%7C%04%00%00%00%00%00%00%00%00%00%60%04%83%8F%00%00%00%00%00%00%00%00%00%00%8C%60%F0%11%00%00%00%00%00%00%00%00%00%80%11%0C%3E%02%00%00%00%00%00%00%00%00%000%82%C1G%00%00%00%00%00%00%00%00%00%00F0%F8%08%00%00%00%00%00%00%00%00%00%C0%08%06%1F%01%00%00%00%00%00%00%00%00%00%18%C1%E0%23%00%00%00%00%00%00%00%00%00%00%23%18%7C%04%00%00%00%00%00%00%00%00%00%60%04%83%8F%00%00%00%00%00%00%00%00%00%00%8C%60%F0%11%00%00%00%00%00%00%00%00%00%80%11%0C%3E%02%00%00%00%00%00%00%00%00%000%82%C1G%00%00%00%00%00%00%00%00%00%00F0%F8%08%00%00%00%00%00%00%00%00%00%C0%08%06%1F%01%00%00%00%00%00%00%00%00%00%18%C1%E0%23%00%00%00%00%00%00%00%00%00%00%23%18%7C%04%00%00%00%00%00%00%00%00%00%60%04%83%8F%00%00%00%00%00%00%00%00%00%00%8C%60%F0%11%00%00%00%00%00%00%00%00%00%80%11_%C7%7B%BB%A3%C3RU*%DB%BA%B0%16%B3%82%B7%CDS%3D%AA%B7%83%DF%90-%EA%E3%C9c%BD9%3D%D6Q%C8%DBv%8A%159%F9L%F0r%B3E%7D%3C%C9%EB%A1%E9%0D%E84e%1D%D7u%13%B2.%00%00%00%00%00%00%00%00%00%C0%3A%88u%E7%E3m%B3%A1KI%97%8E%B3%B0%15%7C%98%3FQ%D7%B6%F5%B1%98%1D%7F!%5B%D4G%DBV%F7%24%AF%87%CA%E8%E5%89%AD%AE%5D%D1%99%E7m%3B%C5%8A%BA%B6%ED%1A%EC%EB%E8%FC%B449%A0%D9%AE%EBQ%A9%A6%86%E9%0D%C8%E4%E5%D8e%1Dl%F2Q%E6%D4t%E8%106%00%00%00%00%00%00%00%00%80u%17c%F0%B1%A37%D7%FD%01%BBVC%E7%9D%C5%AE%E8%C3%C7%BB%DAq%FF%E2%C1%3D%9F%BB%143z%B6%3B%3E%FA%F8%E4%DE%F8%1D%86%B7%CD%D7!wH%B6%F4%B4%C6(%99Y%8E%0E%AB-%8A%01%00%00%00%00%00%00%00%00%60%03D%1F%7Ct%DE%BA%06%ED%DA%FA%F9%7Dg%A9%2B%BE%B3%7D%7F%86%BFr%F4%AA%DE%D6A%D9V%D7%B6%FD%EF%A8l9%E6%EF~%DCX%1D%9D%9FVuIA%00%00%00%00%00%00%00%00%00l%84%C8%83%8F%0Dg%FC%EE%B5%9B%EB%F7%BA%5D%B5%ADu%9C%89%E7U%3E%CC%9F%E8*%C7%81%90%40a%EB%B0%14%FE%1CN%00%00%00%00%00%00%00%00%00%AC%97%AF%23%BD%AB%D3%D4%C9%A7%A2%CEru%1D%0D%C6%20%DBu%BDr%F2c%03y%EE%F7%5B%C7u%DD%B8~uP%B6uq%DF%FD%FB%9C%AE%EC%7D%15%16%B9%B5%D6%BE.%7C~%5D%B0rR%AB%BFa%D9m%7D%1Fk%A1%8E%0EK%EE%BB%FB%B2%3A%AB%9C%E8e%26%EE%CAMY%CED%99%F6_%FF%5C%D3%D6%60Z%D3lQ%1FO%F2%BD%E9h%3BQ%CB%3A%EE%E7F%D8%97%8Ek%9D%FA.%AB%A5%DEg%B8%D7%11%00%00%00%00%00%00%00%00%00k%25%D2%9D%8F%B7%EF%AF%A5%DD%C7z%B9W%1C%7B%EE%E2%A5%13%F0%7C%C4L%5ENe%FC%BD%BA%F3%0Eb%B5%F4%F4%B4%99%8A%BB'o%EF%3E%0D%FF%7FP%8810%E6%D4%B4U%AA%EAR9%5D%D9%B6%BAvY%07j%EB%E8%B8%A4%C38%8F%8E%8C%B2%1C%BF2%7D%EF%19%E4k%D7%F5%A8%E6%F4%96%17%A5%ACg%FD%DCi%FB%D2%DA%EF%2Fkd8%D5-%03%8F%00%00%00%00%00%00%00%00%00k%2B%C2%E0%A3%A3W%F5%07%3A%CDg%A4%CCc%3Dw%3F%221%C6%F3%11%2F%EB%D7z%5E%B1%D5-%BB%E68m_%EB%CD%8C%8F%8E%BC%A9%1Fk%ABT%9A%F8%F7%A8%1E%7F%9E%CF%DF%7F%E9%FFM%B6%A8%1F%AD%88%7F%D4i%CA%EA%0F%FC%ED%14%F7%FAw%FDY%FA%B1%FF%0C%C9%CBF%C4%81%D5%99%97%D3%D6%D1%F5%B6%3E%DA%9E2mU%B5%D5%F0%F9%7D%FB%8B~oh%FDM%EFK%00%00%00%00%00%00%00%00%00%AC%87%E9%83%8F%8E%A3%CB%9C%D5%1F%9C%CA%E8%D9%EE%D8%E8%A3N%9A%D1F%9Cv%8A%2FzSy%DE%DF%1E%BF%8BnF%3B%C5J%EFN%3A%CF%BF%8F%C5l%CC%259j%B4%24)%AB%B3%17%D1%EF%CAk%BC%1D%DD%F9%F7%E4%9E%CF%1C%AB%11%07%E3f_%8Ek%7D%C7%CA4%E8%F7%9F%F4%87%8E%99%F57%BD%2F%01%00%00%00%00%00%00%00%00%B0%1E%A6%3E%F3%B1%E1%7C%D2%D9%DE%FE%F0%E7%87%F9%82%0E%EA%A3g%04%DE%5C%BF%D7m~%FA%A0%9D%EF%00W%0A%DC6%1B%BA%94tP%8E%F3%9C%C6%8E%FE0%9A%A9u%F4%3C%C31m%7D%F8%2C)%B3%88%E5%C45%DF%E7%A6u_%02%00%00%00%00%00%00%00%00%60%B9%C2%07%1F%3BM%9D%7C%DA%D5%2FccM%96%0A9%E9r%F0%A8%C1%F6%B5%DEt%F21%06%EER%A4%D3%D4%0F%F5%B6v%8A%15%5DX%B3%2Ff%A7X%91%93%9F%BF%00L-gU%3E%17%00%00%00%00%00%00%00%00%00%EB%25t%F0%F1%F6%FD%B5n%DAm%3D*%D5C%DE%D5%D6%D1%5BG%2F%F7%AD%15%DBtG%87%C7u%C9%C0%C0%DB%CD%173%B7%26%9AZ%CE%AA%7C.%00%00%00%00%00%00%00%00%00%D6K%C83%1F%1D%BD%AA%3F%D0%95%CFs%15%BBvEgc%8F~t%D4X%A9%CD%EE%E8%FC%B4%AAw%BE%03%8F%8E%0Ek%CE%94%BF%CF%E8%DB%07%EE%EDo%E8%DC%FB%7CD%A79%F9%BB%C4%96%13%D7%B2%3E%17%00%00%00%00%00%00%00%00%00%EB%2Cp%F0%F1%B6%D9%D0%BB%E2%9E%0A%BE%AFf%F4lwl%F4Q'%CD%C5%8ET%F5%EE%D6%9BM%A3v%AC%A3%B6tS%3F%D6V%A9%E4%F9W%D5%BB%ED%FBS%97Q%B0r%AE%9F%DA%3A%3A%AE%8D%06%60%3BMY%CE%BDHS%D1%9AZN%5C%8B%FE%DCww%1D%A9%D3%D4a%93%11M%00%00%00%00%00%00%00%00%80u%E5%3B%F8x%DB%3C%D5%A3z%5BO%EE%05%8F%3E%3D%CC%17t%E0%FA%F9%A6~%ACC'%B9%15%BD%7D%7F%AD%1B%F7%2F%3E%DD%E9v%E2%5D%1D%BD%B9n%8F%FD%E6%DD%5Dgb%DB%9E%B6%C2%3E)%AB%E7%8F%23%8C%BAY%FB%BAr%8F%DF%A9%A5%A7%83%01%CC%E3%2F%3A%8D%3A%0D%AD%A9%E5%C4%95%F8%E7%F6%9E%0D%EA%3E%3E%B6%8E%AF%F5%DDc%A6w%05%00%00%00%00%00%00%00%00XW%5BR%B7%3B%FA%F1Vg%D9G%3A%1A%1F%BF%D3A%D9%D6%C5p%2C%AA%A3%F3%D3%E3%89%F7%0C%E5%CA%EA%EE%DD%C9%3A%AE%8F%0F%16J%3A(%16%F5%AE%EE%FD%7DVg%95%93%C0%BB%EC%06%03%A1%81%B2E%7D%3Cy%AC7a%EB%24i%A7X%D1%2Fz%1D%BE%AC%DE%06%E8%CA%DE%0F%B8%E3%D3%87S%D3V%B5%E5Y%9F%BC%1E%0E%8B%AB%E9%5B%16%CA%95%D5u%0F%F0%CD%B4%9C%AC%CE%CA%BB%FA%B9%1A%E3%F7%DE%B2%9Eq%FD%A3%EDK%F7%B1%12%BE%9F%01%00%00%00%00%00%00%00%00%B0%3A%B6J%BF%9D%F8%5D%B7%3B1%F8(u%ED%9F(-%00%00%00%00%00%00%00%00%00%00%81%82%06%1F%BF%A2h%00%00%00%00%00%00%00%00%00%00%98%C0%E0%23%00%00%00%00%00%00%00%00%00%00%23%18%7C%04%00%00%00%00%00%00%00%00%00%60%04%83%8F%00%00%00%00%00%00%00%00%00%00%8C%60%F0%11%00%00%00%00%00%00%00%00%00%80%11%0C%3E%02%00%00%00%00%00%00%00%00%000%82%C1G%00%00%00%00%00%00%00%00%00%00F0%F8%08%00%00%00%00%00%00%00%00%00%C0%08%06%1F%01%00%00%00%00%00%00%00%00%00%18%C1%E0%23%00%00%00%00%00%00%00%00%00%00%23%18%7C%04%00%00%00%00%00%00%00%00%00%60%04%83%8F%00%00%00%00%00%00%00%00%00%00%8C%60%F0%11%00%00%00%00%00%00%00%00%00%80%11%0C%3E%02%00%00%00%00%00%00%00%00%000%82%C1G%00%00%00%00%00%00%00%00%00%00F0%F8%08%00%00%00%00%00%00%00%00%00%C0%08%06%1F%01%00%00%00%00%00%00%00%00%00%18%C1%E0%23%00%00%00%00%00%00%00%00%00%00%23%18%7C%04%00%00%00%00%00%00%00%00%00%60%04%83%8F%00%00%00%00%00%00%00%00%00%00%8C%60%F0%11%00%00%00%00%00%00%00%00%00%80%11%0C%3E%02%00%00%00%00%00%00%00%00%000%82%C1G%00%00%00%00%00%00%00%00%00%00F0%F8%08%00%00%00%00%00%00%00%00%00%C0%08%06%1F%81%25%DB%FAcI%5B%7F%2CQ%10%00%B9%04%40.%01r%09%80%5C%02%E4%12%00%80%95%C7%E0%23%00%00%00%00%00%00%00%00%00%00%23%18%7C%04%00%00%00%00%00%00%00%00%00%60%C4%96%D4%ED%BA%7F%D1%B5%7F%A2T%00%00%00%00%00%00%00%00%00%00%04%DA*%FDv%E2w%DDn%DC%3B%1F%3BMY%A5%92%0E%9D%84%D6r%CE%E57j%25m%95z%FF%82%97%E1%E80%F2gx%DE%3B%B6~q%963%CB%FB%01r%19%3F%97q%97K.A.%CD%B4cS%B2%14%AB%FD%24%97%20%97%B3%E5%83%1C%82%5C%A6%BF%BD%A4_%0BP%DF%ACC%7DC%FD%03%00%00%A6%8B%3E%F8%D8i%CA%3A%AE%EB%26%A95qj%DA%9Ac%F9%8DZI'%DB%15um%5BW9%E9%B2%D1%D4%ADo%87%A8%AA%CB%F9%7B%95%3A%3F%8D%B3%1CS%9F%8Bu4%D7%83%C7%C9%E5%1C9%25%97%20%97%C1%B9%5CV%FBI.A.%97%DF%8F%25%87%20%97%CBo%2F%C9-%96%94%CBuE%7Dc%B0%BE%A1%FE!%97%00%00D%13%7D%F01%93%97S)j'%A95%B1%F6%D5%9Dy%F9%8E%1A-%E9%C9%BD%8C%24%A9%B0o%AB%7B%92%D7%C3%C9%0F%D1E%AC%CF%B0ta%DB%BA%B0%5Ce%60%DB%BA%B02z%F9%22%E6r%92%2C%BBt%F6%EEu~%CA%95o%89%23%97%AE%5CN%14%CE%94%9C%92K%90%CB%E0%5C%C6%CD%8B'%97~e%12%A9%FD%24%97%20%97%B3%B7%97%E4%90%DC%91%CB%F4%B7%97%F4k%C91%A8oV%BD%BE%A1%FE%A1%CE%04%00%20%9A%AF%D7%A3%0D%BD%D3%3BIO%D8%9F)%F2Y%1F%DA%94B%14%DDo%EC5%ED%DB%92KrI.%C9%25%C8%25%B9%24%97%E4%8E%5C%92K%90cr%09%EA%1BrI%9D%09%00%D84%BE%83%8F%B7%CDS%3D%AA%BBZ%A5%5CY%DD%7D%F7%E5P%1D%9D%9F%1E%EB%A8-IY%9DUN%F42%13%D8%93r%BDwrY%8DZIO%5B%E3%7F%F1%24%E0ow%8A%159%F9L%E0%BA%DETK%BA%1C%AC%CF%E7%9A%B6%AA%9E%05%2B%A7%AB%CA%F6%E4%B2'%B6o%A07%7D%84%CA%FD%AB%C1%FASu%3C)%DB%BA%B8%3F%FE%CE%B1%ED%08%5C%DE%60%B15mU%3F%E9%AC%F2Bz%ED%5E%87%FB1%D6%A9%A2%EF%1A~%EF%F5%94w%B6%A8%8F%DE%AB%E6%1Co%D9%04%EC%C3%E1%F6%96%A5jU%97%CA%E9%CA%DE%D7%F7c%C7G%EFw%05%9Fu%BC%94%A4jI%97%BA'%E9N%92tP%B6u%A1%D1%E7%1F%94%C7%AF%B4%BB%F5%5D%F6h%9B~%F3k%E9w%7F%1A%BCf%A91%9C%DE%C3%B3%DF'%B6%DB%7B%CC%16%F4%E1%B8%3A%3A%5E2A%C7%EC%60%1D%06%DB%94%D3UYz%EA%3D%B6%A6%EDs%03%E6%CBex%0E%BDV6%97Sv%C1DN%F7%C8ezs%E9%DA%0F~9%F4n%9F%E3sl%A5%3E%97%26%DB%CB%F0e%ED%14%2B%FAE%AF%FDs%99%F1k%A3%E2%E6%D4%93K%05%1D%B7%11%DA%CF%3D%19j%3F%0D%E4R%D3%CA%A6_%86J%3E%97%7F%FF7Y%FD%D7%FF%06%E7p%3C%B7%DEv%2C%24%97%7F%F9w%FA%E7%AD%FF%D6%BF%9Bh%1F%C9%E5%92%DB%CB%84r%98%D6%F61%20w%85%D0%E3%C1%93%87ji%F2%EF%1CO%7B%B8%F4%1C.%AE%3D%9C%9E%9D%0D%CF%A5%91%F6rA%FD%DA%15o%3F%D7%2F%C7a%C7%F3rl%95Jk%DB%B7%A7%7F%BE%80%FA%26N%DB%90h%3Fb%CA%FEJ%E0%BC%BB%B0%88%80nB%9D%99%E4wv)9'%01%00%F8M%BB%DAi%EA%87%BAtV%B1%D5%B5mu%CB9%A9%D5%D0yg%F4%96%CB%EAk%E9%85%DD%9F%8F%BE%AD%A3%E3%9A%1A!%0D%FF%87%82%FF%B2%1A%B5%92%9E~*%EA%A3m%0F%E7%B6%1F%FF%DB%D1%E7t%2BE%A9~%3C1E%C0%C3%FC%C9pz%8B%83%B2%AD%AE%7D%A2%97%19G%87%D5V%FFg%5B%1F%8B%D9%5E%C3%E6j%80%86%DB%E0%B3%7D%13_%08%BA%3A%1E%C1s%F8gGe%16%D6%80%FD%B9)%AB%DA%92%D4%D6%D1%B1%7B%1D%AA%DA*E_'%FF%F5%EF%95%F7%CF%BB%BDg%05t%ED%8A%CET%D7%A3%D3%D1%F3%02n%9B%A7%DA%AAJW%B6%ABl%82%3A%3B%FD%ED%BD%AC%3A*%D8%B6%BA%F6%BE%0A%9D%A6~%B8%DE%1D%EE%B3%8F%C5m%9F%3F%1EM%BB%D1%DB%07%FF%3A%3E%05I%C8%94%24%A3%FD%99%D5Ye%B0%BF2z%B6%9B%D5A%D9%D6%F5%BFUt%96%95%0E%CA%FB*%C8%D2%85%3D%F8%B9%DF%19%B1%F6u%95%CB%E9j%E2%048%A3%97'%83caW%CF2%96%0A%B9%9C%AEl%BF%13%8D%8C%5E%9E%B8%3F%A7%B7M%85%DC%60%9D%ACa%F9u%CB%B9%5Egg%8ENK%A4%B9%FF%E7%CAex%0E%7DO%2C%D6%26%97%11sJ.S%98%CBi9%9C%DC%BE%D5%CA%A5%C9%F6%D2oY%939%7Du%CF%2F%97%3E%C7s%EC%9CNy%CE%8B%A9%F6%B3%13'%A7%F3%E7%D2%EF%8B%2C%DF%9C~XL.%FF%E2%AF%C3s8%FE%A5%917%3F!%B9%FC%97%1F%F4%CAX%FBH.%97%D7%5E%26%94%C3%B4%B6%8FA%B9%F3%3B%1E%26r%E8%CD%9D%E7%EF%BC%ED%E1%D2s%B8%A0%DCE%C8%CEf%E7%D2D%7B%B9%A0~%ED%AA%B7%9Fk%99%E3%05%0F%2CF%C8%E5%DA%F6%ED%E9%9F%2F%B7%BE%99%AB%FE%89%DB%8F%F0%DF_%89%9Ew'%9C%CB%8D%AA3%13%FD%CE.%D9s%12%00%C0%3C%83%8F%99%BC%9C~%E5%DE%A8%95%7C%AE%AEr5%1A%92%0A%FBe%1D%A8%A5%86%DF%BC%E1%CE%5B%1D%A9%A8%1F-W%036h8%3AM%9D%B4%B2%3A%7B1jp%0A%7B%AE%C6%CEy%AB%A3v%5BG%C7%25m%95J%C3F%F6%DD%5D'B%07%E7N%EF%94%D5w%FD%AB%BA%1F%3E%DE%D5N%FB%8B~%EF%B7%0D%F7%B7%03%E6%A6%F7%CC%5B%1F%F8%8C%00G%87%A5%92%1AV%C4%93%8A_%8D%96%E3%5D%878%EB%E4%FB%5E%E7%AD%8E%DA9%9D%0E%AF%DE%ED%CF%D5%DF%AE%EB%95%D3%5B%D7W%F5%B6%ABq%EE%97%8D%EFG%ED%BB%3A%C1%9E%C6%BB%5D%D7%A3%9A%D3%3F9%CF%9B%BF%F2%2B%93%D7i%AE%AD%A3%B7%CE%B0%13%F9%E6%CBn%FF8%EAur%BC%0F%60%BFt%9C%E1%FEh%C8%0A%5C%A7%87%F9%17%BD%0Eh%A9%A4%86%15%D6y%CC%E8e!%E7%FA%1CG%8DO%BBz%96%91d%0D%96%3F8%09X%C0%D5o%F3%E42%2C%87%3E%1D%D5%F5%C8e%CC%9C%92%CB%94%E62%24%87%13e%B3b%B94%D9%5E%FA-k%A19%9D%F2%9C%17S%EDg%26NN%E7%CD%E5%E4%BA%06%E6%F4%BB%05%E624%87%93%EDX%9C%5C%1Ai%1F%C9%E5%12%DB%CB%84r%98%D6%F61%2Cw%5Ek%91%C3%05%E4.Bv6%3A%97%AB%D4%AF%5D%87%F6s-s%9C2%EB%DA%B7%A7%7F%BE%DC%FAf%AE%FA'f%3F%C2%B7%8C%17p%DE%9D%A8%CD%AB3%13%F9%CE.%0D%E7%24%00%00I~%83%8F%EA_iS*%A9a%0D%AE%0A%99%CE%AF%D3t%7B%F7)%F0%FD%B7%EF%AFu%A3%07%FA6%AC%03%93%1D%5DE6%F8%E7%9D%16%C7%BF%0Dz%AC%E7%D9%B6~~%DF_%A7%CF_t%93%DD%D6%F7%C1-%B3%3E%7C%9E%AD%00%2F%AB!W%99%CF%25%CE%3A%F5%DE%EB%5B%DE%99%7Bz2%D8%3F%9EN%EB%CC_%1ET%8A%DAiU%7B%9D%E6Z2O%AB.X%AE%2B%DA%9C%B7%FA%60%8D%3A%F5%BD%CE%F6%B5%DE%0C%5E%2B%94u%D0%7F%EFm%D3%D1w%7BaW0%0D%1E%9E%1E%A1%1C%AC%3D%9D%A9%DFQu%1C%A90~eV%A3V%D5e%AE%3Cu%8A%92i%BA%DF%D8%91%E6%FF%9F5%97a9%5C%D7%5C%26%97Sr%B9%F0%5CN%C9%A1%D7%AA%E4%D2x%7BI%FB%19q%9D%22%E6r%CA%97%3E%CB%CCeX%0E'N%DEc%E5%D2%5C%FBH.71%87%9B%D5%3E.%25%87%0B%C8%DD%2C%D9%D9%98%5C%AEe%BF6%A5%ED%E7%26%B5%A7%09%89%9A%CBu%ED%DB%D3%3F_%85%FAf%FE~D%A4%FDe%BA_%91t.7%B2%CEL%EE%3B%BB%A4%CEI%00%00%D1M%0E%3E%3A5%3D%AA%3F%D0%95mG%AB%90%FB%8D%E3%F3%C7%93%9D%A6%87%F7%1EH%9E%2B%B2%C6%5E%D3'%FD!%ECB%AF%80%BF%8D%D0%DA%EAe!%A7%9B%FAq%AF%B1%AD%CA%E7%96~3%0E%CA%BDi%01.%AB%A7S%A7%25JZ%AFL%FD%AF%DA%7Br%2Fc)%1B%B9%F6%00%00%13%D7IDAT%AE%23%9A%C9%CB%B1G%D3e%1C%261%CEa%ED%E9%2C%DB%D6%D1%DB%A6%CE%9D%ED%F1%2B%AA%5CW%5D5%1C%A9%60Y*%E4z%EF%7D%F3e%DB%FFJ%A7%D1%01%AE%C3%D7%D2iQ!%D3%AB%8C%8E%A3%DE%15%5B5%1D6%A4%825%9E%93%A7%AD%05N%D50G.%C3r%B8%AE%B9LSN%C9%E5%BC%B9%0C%C9%A1ONV%25%97%C6%DBK%DA%CF%04ri%E0%8B%9C%24r%19%96C%9F%CF%8F%9EKC%ED%23%B9%24%87%9B%D0%3E.%25%87%09%E7.nv6.%97%F4k%17%DA~nL%7B%BAd%EB%D8%B7%A7%7F%BE%B6%DFw%A5%A6_%91%B8M%AB3%13%FA%CEn%D9%E7%24%00%00I%3E%83%8F%BD%AB%85F%9D%A8%F0%BB%A6%3A%3A%7F%5D%D7M%AE%E0%3F%05%83e%E9%40-%3Du_i%D3i%EA%B0%D9%E9%BF%162%BF%BE%B5%A7%B3lKO%DD%CF%8Fpj%B2%9AQz%3C%8E%0E%5Ds%A4w%13~(%F4%C3%FC%C9%94g%05%2C%F2%E4A%BA%AC%8E%D6%E3%B6%D9%D0e%B6%3FUH%E6%B1%9E%7B%5E%8F%AD%D3%D4%F9%60wZ%FB%BA%CAE%9C*%C4sEl%EFJ%C1%E9%1Dl%B5%EA%BEWT%F5%AE%BA%AA%EAd%7BO%85%E1%CF%F5%D0%AB%AFz%CF%00pT8%C9%AB%90%3F%D1U%CEsl%FA%EE%DB%82%0E%DA-%5D%3EpO%0B19UC%C3%99%BD7%17e%EE%FF%B9r%19%96C%DF%CC%AEG.S%93Sr9w.%FDs%E8w%7C%ADP.M%B6%97%B4%9F%E6s9q%E8%CF%90%D3%C4r%19%9EC%CD%94KS%ED%23%B9%24%87%9B%D2%3E.'%87I%E6.%5Ev61%97%F4k%17%D6~nX%7B%9A%84%A8%CF%96%5B%C7%BE%3D%FD%F35%FE%BE%2B%0D%FD%8A%A4s%B9qufR%DF%D9%25%7BN%02%00%88%D1%FEI%DD%AE%FB%17%5D%FB%9F%C6%1ED%BD%93%CBI%AD%96n%D4%BB%EA%E9%C7%BBS%3D%AA%B7%87%EF%DF)V%A6L%15%E1y%B0u%B6%A8%8F%C3%AB%B4%3C%AF%B9%F4%1E%5C%ECy%3DW%9E%7C%B8%B5S%1B%9F%C7%3FWVw_%BE%CB%DD%F9%E1%1F%F5%E4%97%FF%E8%FF%3E%AB%B3%F2%AE~%AE%0E%1E%B2%9D%D5Y%C5%3D%8F%BD%FB%B3%FB%AF%A9%F7P%EE'%FFP%D4%BB%FF%1C%FF%BBg%EF%DD%E5%92%D3%D5X%87%D0%BD%AC_%EB7%FA%93~7%D8%CEbQ%EF%EA%A3%07%7D%8F%FF%3Ce%9D%7C%D7%BF%F7%90%ED%A3%B6_y%07%95%B9%F7s%26%DF7%7C%90%B4%F7%C1%E4~%FBd%D8i%18%ACG%AF%3CT%2B%E9i%CB%7B%5Cy%CB%CA%BB%8C%B7%FA%F6%C4%EFuG%87%25G%85%E1%DFz%7F%0E%5E%9F%83%B2%AD%8B%FB%AE%ED%98(%23%CF%09L%B3%A67%8F%F7%87%E5s%DB%1C%CF%C0%A8%1C%EE%F7%3EC%E1%CB%F3%EB%84J%9A2%05%873g.%C3r8%25%B3%AB%92K%EF%C3%CE%C7%8EU%BF%9C%FE%95%FEV%FF%A7%FF!%97%2B%91Ko%0E's%BA%8A%B94%D9%5ENYV%AE%AC%AE%E5%F8%E4%D2%8A%94%FF%F0%9C%BA%F3%E3w%DC%8E%8E%D1%E9%ED%A7%3B%97aY%9B%96S%CF%3A%CD%94%CB(ucVg%95%82%3E%1C%2F%3A%97a9%8C%9BKs%ED%23%B9%5Cf%7B%99T%0E%D3%DA%3E%06%E4N%FE%DB%3C%99%C3%C9%DCy%B3%D4Hi%0E%93%CB%5Dpv%BA%B6M.%8D%B4%97%8B%EA%D7%AEx%FB%B9%019%5E%C4%20%C7%F4%5C%AEk%DF%9E%FEy%F2%F5M%D8%F7%5D%F3%D4%3F%B3%F4%23%C2%FA%D5%09%9Cw%2F%24%97%9BRg%26%F7%9D%5D%D2%E7%24%00%00%9Fv%AE%F4%DB%89%DFu%BB%BE%83%8F%3F%AD%C1%E6vt%DE%FC%AC%97y%CB%D3%00%7F%D1%E9%3CW%89u%9A%B2%8E%AF%F5%BC2%E3%C3%B6SYTk%B8MF9%3A%3C%BD%D3%8FtD%C8%25%B9%24%87%E4%94%9C%92SrI%0E%C9%1D%B9%039%25%C7%A0.%A3%BE%A1%3Eb%1D%A9O%00%00CA%83%8F_%AD%E3%C6%DE6_%EB%E8%FAn4%9D%85zS%06%A8%B8g%60z%8A%98%0F%15%C7%8A%1FK%8D%A9%0F%AD%06%B9%049%24%A7%E4%94%5C%82%1C%82%DC%91Sr%0AP%97Q%DF%00%D4'%00%80%9E%F5%BD%F3%D1%3D%D5%82%A2L%A7%11%C25%F5%8E%89%E9%16R%C33%A5%D0Zm%DB%DC%1D%98%FE%B4%0C%81%D3%E4%19%0Ca%ACiq%C8%25%B9%24%87%0Bi%1C7%26%97%E4%94%9C%92KrH%EE%C8%1D%B9%24%A7%E4x%9D%A45%97i%AE%CB%A8o6%D0%82%EB%A3%99rI%9DI%7D%02%00%AB%D2%FF%DC%ACiW%01N%0E%01%90K%80%5C%02%20%97%00%B9%04%40.%01%00H%AC%9Dc%F0%11%00%00%00%00%00%00%00%00%00%80%09%1B%F5%CCG%00%00%00%00%00%00%00%00%00%00%8B%C7%E0%23%B0d%5B%7F%2C%0D%A7%E0%00%40.%01%90K%80%5C%02%20%97%00%B9%04%00%60%951%F8%08%00%00%00%00%00%00%00%00%00%C0%08%9E%F9%08%00%00%00%00%00%00%00%00%00%20%163%CF%7C%EC4e%95J%3At%12Z%CB9%97%DF%A8%95%B4U%EA%FD%8B%BE%0CG%87%81%EF%0F%7B%CD%BB%BES%DE%3B%F5u%609%B9I%7F%0E%A7%BC7V%0E%C9%25%C8%E9B%DAKr%89u%C9%DAZ%B5%91q%97K%16A%BD%40_%9A6%1B%A0_B%BF%04%00%00%CC%26%FA%E0c%A7)%EB%B8%AE%9B%A4%D6%C4%A9ik%8E%E57j%25%9DlW%D4%B5m%5D%E5%A4%CBFS%B7%91%3ABU%5D%CE%DF%E3%D3%F9i%D8rL%7D%0E%D6%D1%5Cs%FF%9B%CE%E5Z%E7%90%5CbA%B9%24%A7%E4%12K%CB%25%7DU%FA%AEX%E1%F62%09I%9F%C3%D2%97%A6%9E%20%97XV%FDC%BF%84%5C%02%00%90r%D1%07%1F3y9%95%A2v%92Z%13k_%DD%99%97%EF%A8%D1%92%9E%DC%CBH%92%0A%FB%B6%BA'y%3D%9C%FE%A1%BA%08%FDLK%17%B6%AD%0B%2B%A4Ll%5B%17VF%2F_LYN%92e%97%CE%9E%B6%CEO%B9*-q%A6s%99%CA%1CN%C9e%E4%1C%92KrJN%17%D6%5E%92Kr%B8%24%9B%D7W%8D%9A%C5%89%8A%89%BE%2BY%A4%0D%A6%9E%A0%CD%A6%DE%A0.%5C%E5%FA%87~%09%00%00H%B9%AF%D7%A3%7F%7C%A7w%92%9E%B0%3FS%E4%B3%3E%B4)%85(%BA%DF%D8%22%87%20%A7%E4%92%9C%92C%ACq.%C9%1EY%24%97%A0%9E%A0%DEX%89%5CR%17R%DF%80%F6%12%00%003%7C%07%1Fo%9B%A7zTw%F58seu%F7%DD%97%26ut~z%AC%A3%B6%24euV9%D1%CBL%60%AF%C6%F5%DE%C9e5j%25%3Dm%8D%FFEp%07h%7CY%3B%C5%8A~%D1%EB%E1%BA%DETK%BA%1C%AC%CF%E7%9A%B6%AA%9E%05%2B%A7%2B%7B_%85i%CB%1E%AEcoj%07%95%03%EE~%ECO%A3%F1%A4l%EB%E2%FE%F8Kc%DB%95%2B%AB%BB%17%B2%17%9C%9A%B6%AA%9FtVy!%BDv%AF%C3%FD%90u%AA%E8%BB%86%F75%9F%F2%CE%16%F5q%DA%15l%8E%B7%AC%FAe%A8%C1%F6%95%A5jU%97%FD%F2%FB~%EC%F8%F0%2BS%D7%94%18%D5%92.uO%D2%9D%24%E9%A0l%EBB%A3%CF%3B%F0%94%ED%AD%EF%B2G%DB%F4%9B_K%BF%FB%D3%E05K%8D%E1%D4%1B%9E%FD%FE%97%7F%A7%7F%DE%FAo%FD%FB%F0%18-%E8%C3qut%7Cd%82%8E%AB%C1g%0E%B6%C1g%FB%1C%9Fck%22%23%E6%CD%97%CB%25%E503%EDX%EB%97ye%3B%24%87%13%07%ECx.%E3%E40%CE%3E%8A%95%CB%A0u%5C%8F%9C%FE%FD%DFd%F5_%FF%1B%9C%CB%F1%1C%7B%F3%B4%A0%9C%96%A5%A7%A9%CCeX~R%92%D3%24%DAKS%B9L4%87S%FA%2B~%B9%0C%CAa%26%A8%7F0-%97%AE%7CTK%93m%8E%E3i%2Fc%E42r%7B9%B1%9D%DEc%D4%9DK%D7~HQ%0E%E3g-%25%7D%D5E%B7%91Sv%C3%F2%FA%AE%06%B3%18%D0%26%16B%EB%EEU%CC%E2j%F5e%CFOK%89%D4%1Bf%DB%E0x%F5Bh~%26%EA%89%C9z%C1%C9g%02%B7ee%FB%D2%2B%DEw%9E%5EO%98%3B%E7M%8BE%D6%853%9F%2F%24Y7%AEh%FDC%BF%24%85%DF%A9%01%00%00_%93%D3%AEv%9A%FA%A1.%9DUlum%5B%DDrNj5t%DE%19%BD%E5%B2%FAZza%F7%E7%86o%EB%E8%B8%A6FHG%E7C%C1%7FY%8DZIO%3F%15%F5%D1%B6%87%F3%CC%87w%D6F%9F%DB%AD%14%A5%FA%B1%5E%DD%3B%19N5qP%B6%D5%B5O%F42%E3%E8%B0%DA%EA%FFl%EBc1%DB%EB0%04~%91%EA%DA%A6%E1%3AN%99S~%EA%FC%FD%D9Q%19%86uB%3BMY%D5%96%A4%B6%8E%8E%DD%EBP%D5V)x%9D%26%D7wT%DE%3F%EF%F6%E6%ED%EF%DA%15%9D%A9%AEG%A7%C1s%F7%DF6O%B5U%95%AElWYI%D2%87%D1%F3%03.%AB%8E%0A%B6%AD%AE%BD%AFB%A7%A9%1F%AEw%87%FB%ECcq%DBg%A9%A3)1z%FB%E0_%C7%A7%03%09%99%1E%E4a~%B0%3F%B3%3A%AB%0C%F6WF%CFv%B3%3A(%DB%BA%FE%B7%8A%CE%B2%D2Ay_%05Y%BA%B0%07%3F%F7%3B%CB%D6%BE%AEr9%5D%FD%CB%0Fzu2%D8%F7%BBz%96%B1T%C8%E5te%FBu%F23zy%E2%5Eno%1B%0A9%F7%3A%8Co%DF%A0%BC%BA%E5%5C%AF%03%3E%C7%975%91%E6%FE%9F%2B%97%CB%CA%A1%CF%89%C7%94%5C%FA%1F%D7%01'%F9%26s8W.%83%D7q%5Dr%FA%17%7F%1D%9E%CB%F1%13Go%9E%16%95%D3t%E62%B0%ADIMN%13h%2FM%E5%F2%CFI%E6%D0%BF%BF%12%96%CB%C0%1C%FA%7D%F9%119%97%DE%1Cz%CA%DD%DB%5E%C6%C8e%E4%F6r%E2%CB%94%8C%5E%06%E6r%B19%9C)%97%2B%D3WMC%1B%99%86%BE%AB%C1%2C%06%B5%89~u%F7%CAg1%3D%7D%D9(%B9L%A4%DE0%DA%06%C7%AB%17%7C%BF%20%0F%AC'%FC%EB%05%EF%94%96%A3s%A0%15%EDK%FFy%C5%FB%CE%91%EA%09s%E7%BCI%8B%DC%8F%5D%60%5D8%F3%F9B%A2u%E3%EA%D5%3F%F4K%D2%F7%9DZ%12%FDX%00%00%D6w%F01%93%97%D3%EF%7C4j%25%9F%2B%9D%5C%1DBI%85%FD%B2%0E%D4R%C3%EF%99%00%CE%5B%1D%A9%A8%1F-W%E7t%D0%B1%E94u%D2%CA%EA%EC%C5%A83Y%D8%0B%E9%9C%3Bou%D4n%EB%E8%B8%A4%ADRix%D2%F0%EE%CE%A7%87%D7%B9%D3%3Be%F5%5D%FF%CA%CD%87%8Fw%B5%D3%FE%A2%DF%87%14%C4p%9B%EEo%F7%D7a%CA%9C%F2%81%F3%F7%3B%3A%2C%95%D4%B0%C2%AEd%F3_%8Ew%1D%C2%D6i%F2%B5A%19%E5t%3A%BC%92%B6%3Fo~%BB%AEW%BE%CFlp%F4%AA%DEvu%C4%FBe%25I%DF%ED%BB%3A%A4%9E%93%8Ev%5D%8FjN%FFD9%1F%F8%05%F5%CC2y%9D%E6%DA%3Az%EB%0C%3B%CDo%BE%EC%F6%8F%A3%DE%09%8C%F7a%E8%97%8E3%DC%A6%86%AC%D1%F6%E4_%F4%3A%8B%A5%92%1A%D6~%C8%BAf%F4%B2%90s-%D7Q%E3%D3%AE%9E%F9%EDCk%B0%FCA%87%7C%DF%7C%19%98%CC%E5%B2r8C.%7D%8F%EB%80%93%7C%A39%9C%2B%97a_D%ACQNCs9%99%A7%85%E74%A5%B9L%7DN%93h%2FM%E5%F2W%09%E6%D0%B7%CC%C2r%19%92%C3%89%8FNK.%E3%E5%D0%2B8%97)%CBa%DC%AC%A5%A5%AF%BA%D462E%7DW%93Y%0Ck%13%BD%D6%22%8B%AB%D4%97M%A0%DE0%D9%06%C7%A9%17%7C%BE%F4%0E%AD'%E6%A9%17V%A9%2F%FD%AB5%E8%3B'%5DO%A4%D1%0A%9D%2F%24R7%AEZ%FDC%BF%24%85%DF%A9%01%00%800_%F9%FD%F2%B6y%AA%ADRI%0Dkp%05%D8t~%1D%98%DB%BBO%81%EF%BF%7D%7F%AD%1B%3D%D0%B7q%06%06%B2%A3%2B%BC%06%FF%BCS%D6%F4%FA%07%8F%F5%3C%DB%D6%CF%EF%FB%EB%F4%F9%8Bn%B2%DB%FA%3Ez%2F%5C%1F%3E%CFV%A0%97%D5%90%BB%25%E7%3B3%08Y%A7%DEk%BE%E5%9D%B9%A7'%8A%F6%A5s%D4%13%0A%A7R%D4N%AB%DA%EB%C0%D6%92%E9%81%15%2C%D7%D5g%CE%5B%7D%B0F%1D%EC%5E%C7%F7Zo%06%AF%15%CA%3A%E8%BF%F7%B6%E9%E8%BB%3Dk%FCd%E3E%EF%0A%CC%A9%DBi%ED%E9L%FDN%A5%E3H%85%F0%A95%1A%B5%AA.s%E5%B9%A7%D0%E9~cG%9A%FF%7F%D6%5C.-%87s%E72%8D9%9Cg%1DW%3F%A7a%B9%9C%F8B%60I9%5D%85%5C%A6*%A7%0Bl%2F%97%D3%3EF%7B%EF%D4%5C%CE%92%C3%14%E42%5E%0E%7D%BE%AC%0B%CA%E5%82r8k.W%A2%AF%BA%C462M%7DW%B28g%16S%D0%97%8D%9C%CB%04%EA%0DSmp%9Cza%A6zb%D6za-%FB%D2)%ED%3B%2F%E9%9C7)%91r%B9r%E7%0B%C9%D5%8D%ABR%FF%D0%2FI%E1wj%0B%EC%C7%02%00%B0%8A%26%07%1F%9D%9A%1E%D5%1F%E8%CA%8E%F8%5C%82~%E7%FE%F9%E3%C9%0E%CC%C3%7B%0F%A4%80%3B(%1E%DE%7B%20%E9%93%FE%10%A7%FD%9Er7%C6XG%B4%90%D3M%FD%B8%D7%91%AE%CAg%BA%8Ed%1C%94%7BSR%5CVOC%A7%DDHB%AFL%FD%AF%A0%7Br%2Fc%AE%93%98%C9%CB%B1GSY%1C%26q.f%ED%E9%2C%DB%D6%D1%DB%A6%CE%9D%ED%F1%AB%25%5DWT6%1C%A9%60Y*%E4z%EF%7D%F3e%DBs%85%B7%A3%C3%D7%D2iQ!S%9B%8C%8E%9B%DE%D5%975%1D6%A4B%D8%F1%EF%D4%F4%B4ev%3A%B9Ps%E4ry9%5C%5E.%97%99%C3%B5%CEiX.%7D%3E%7F%E19M%7B.S%99Sr%19%3D%97%06%BETYt.c%E5p%E2%00%0F%C9e%8Ar%183k%E9%E9%AB%D2w%25%8B%26%B2%B8B%7DY%D3%F5%86%C168N%BD0S%3D1s%BD%40%9B%BD%D0%BE%F32%CEy%97m%A5%CE%17%12%AA%1BW%A8%FE%A1_%92%D6%FA%06%00%00%04%99%18%7C%EC%5D%E93%EA%D0%84_%F9%D9%D1%F9%EB%BAnr%05%FF%E9%10%2CK%07j%E9%A9%FB*%BANS%87%CDN%FF%B5v%84%8E%A2%BB%13%DB%D2S%F7%5C%EBNMV%B3%E3%DF%11u%3D%E3%A1k%2Fv%DA%AF%87%F9%93)%F3%F8'%C4%DA%D3YV%BA%AC%8E%3E%F7%B6%D9%D0e%B6%E8%DF%E9%CF%3C%D6s%CF%FB%A7w%94%9B%3A%1F%ECNk_W%B9%88W%80y%AE%16%EB%5D%B57%BD%B3%ABV%DD%F7j%C9%DE%15%95U%9Dl%EF%A90%FC%D9%FB%DE%8E%CEO%1D%15N%F2*%E4Ot%95%F3%1C%8B%BE%FB%AE%A0%83vK%97%0F%AC%90cfrZ%96%863%FB%99Z%94%B9%FF%E7%CA%E5%D2r%B8%DC%5C.-%87k%9D%D3%F0%5Cj%A99M%7B.%D3%9ASr%19)%97%B3%E40%25%B9%8C%96C%9F%E3sJ.%17%91%C3Yr%B9%3A%7DU%FA%AEd%D1L%16%97%DD%97%8D%93K%93%F5%86%D168N%BD%E0%FB%DE%90%EC%CCU%2F%D0f%2F%AC%EF%BC%B4s%DEdD%7D%E6%E3%EA%9C%2F%24U7%AEX%FDC%BF%24%7D%F5M%E2%FDX%00%00V%DB%96%D4%ED%BA%7F%D1%B5%FFi%EC%A1%D0%3B%B9%9C%D4j%E9F%BD%2B%90~%BC%3B%D5%A3z%7B%F8%FE%9Dbe%CA%B4%0D%9E%87Lg%8B%FA8%BCb%CA%F3%9A%CB%E4C%C9%7D%DE%9F%2B%ABk9%E3s%EC%E7%CA%EA%EE%CBw%B9%93%EB%EA%5E%5EVg%E5%5D%FD%5C%1D%3C%00%FB%D7%FA%8D%FE%A4%DF%0D%5E%AB%F8%CC7%DF%7F%60%F6%93%7F(%EA%DD%7F%0E%FE%AE%F7%DEg%EF%DD%E5%F4W%FA%5B%FD%9F%FE%C7wY%E3%DBtP%2C%EA%5D%7D%F4%10%EE%F1%9F%3D%EB4%B6%BE%83%E5%F6%1E%90%7D%D4%F6%2B%EF%08%FBg%B8%AC%82%3E%1C%BB%D6k%B0%3F%BC%0F%09%CF%95%03%1E%FE%ED%5E%8F%9C%AE%EC%7D%A9V%D2%D3%96%F7%B8%EA%BDV%08%3C%A9x%ABoO%FC%5EwtXrT%18%FE%AD%F7%E7%D1%E7%1F%94m%5D%DCw%AD%F7%942%B9m%D6%F4%E6%F1~%E0%F3%05n%9B%E3%19%18%95%C3%FD%DEgjZ%99OvB%25M%99%82%C3%993%97%CB%C8%A1%15%E1X%93v~%F8G%3D%F9%E5%3F%02r%18%96%97%FEk%8A%9AC%EF%B1%E6%B3%AC%99r9e%1D%D7.%A7a%B9%5C%5EN%D3%98Kov%BC%EB%98%8E%9C%26%D4%5E%1A%C9%A5%7B%B9I%E40%2C%0F~%C7%60P%0E%BD%CB%F2%D4%1FSs9%99Co%B6%1As%E5rZ%0E%83%CBaZ.%93%CE%E1l%B9%8C%92%B54%F4U%17%DCFz%D7u%ECx%5Cv%DF%D5T%16%03%DAD%F9%F7%DF%D7)%8B%CB%EC%CBF%CD%A5%F9%F6%DBt%1B%1C%A7%5EP%A4%FC%8E%8EC%9Fz%C1%5B%078%B5%15%EFK'%DDf'%DCw%8E%5CO%24q%CE%9B%C0%97%3CQr%B9%B4%BA0%3Du%E3j%D6%3F%F4K%D2%F7%9D%9A%D9~%2C%00%00%ABh%AB%F4%DB%89%DFu%BB%BE%83%8F%3F%AD%C1%E6vt%DE%FC%AC%97y%CB%D3%99%F9%A2S%93%9D%FENS%D6%F1%B5%9EW%22%3E%08%7B%25%8An%0D%B7)%16G%87%A7w%FAqAS%8Al%96%84r%B9%89%C7%2C9%25%A7%E4%92%1C%92C%B2%C8qJ%16W.%9B%D4%1B%D4%13%D4%13%A0%FE%A1%BE!%8B%00%00%AC%9B%A0%C1%C7%AF%D6qco%9B%AFut%7D7%9AZB%BD%E9%40T%DCK%E0j%C3%98%0F%FCF%CA%8F%9D%C6%C4%03%E8%B1%0A%B9%24%87%E4%14%E4%12%E4%90%2C%92E%A49%9B%D4%1B%D4%13%00%F5%0F%F5%0D%F5%0D%00%00%9Bc%7D%EF%7CtO%93%A0(S%5B%C4%E0%9A%16'p%AA%96U%E4%99%EEg%AD%B6mj%E7%BA%3F%A5G%E0%94%3A%09%86pc%A6%DF0%9C%CBu%CD!9MEN%C9%25%B9%24%87%B4%97d%91%2C%92M3%B9%5Cf%BDA%3DA%3D%B1%89%F5%04%D3%3BR%FFP%DF%90K%00%00%16%DA%CEm%D6%B4%AB%00%9DP%00%E4%12%20%97%00%C8%25%40.%01%90K%00%00%12k%E7%18%7C%04%00%00%00%00%00%00%00%00%00%60%C2F%3D%F3%11%00%00%00%00%00%00%00%00%00%C0%E21%F8%08%2C%D9%D6%1FK%C3)8%00%90K%00%E4%12%20%97%00%C8%25%40.%01%00Xe%0C%3E%02%00%00%00%00%00%00%00%00%000%82g%3E%02%00%00%00%00%00%00%00%00%00%88%85g%3E%02%00%00%00%00%00%00%00%00%00H%14%83%8F%C0%921%F7%3F%40.%01%90K%80%5C%02%20%97%00%B9%04%00%60%5D0%F8%08%00%00%00%00%00%00%00%00%00%C0%08%9E%F9%08%00%00%00%00%00%00%00%00%00%20%16%9E%F9%08%00%00%00%00%00%00%00%00%00%20Q%0C%3E%02K%C6%DC%FF%00%B9%04%40.%01r%09%80%5C%02%E4%12%00%80u%C1%E0%23%00%00%00%00%00%00%00%00%00%00%23%18%7C%04%00%00%00%00%00%00%00%00%00%60%C4V%EF%D1%8F%23%5D%FB'J%05%00%00%00%00%00%00%00%00%00%40%A0%AD%D2o'~%D7%EDr%E7%23%00%00%00%00%00%00%00%00%00%00C%18%7C%04%00%00%00%00%00%00%00%00%00%60%04%83%8F%00%00%00%00%00%00%00%00%00%00%8C%60%F0%11%00%00%00%00%00%00%00%00%00%80%11%0C%3E%02%00%00%00%00%00%00%00%00%000%82%C1G%00%00%00%00%00%00%00%00%00%00F0%F8%08%00%00%00%00%00%00%00%00%00%C0%08%06%1F%01%00%00%00%00%00%00%00%00%00%18%C1%E0%23%00%00%00%00%00%00%00%00%00%00%23%18%7C%04%00%00%00%00%00%00%00%00%00%60%04%83%8F%00%00%00%00%00%00%00%00%00%00%8C%60%F0%11%00%00%00%00%00%00%00%00%00%80%11%5BR%B7K1%00%00%00%00%00%00%00%00%00%00%98G%B7%CB%9D%8F%00%00%00%00%00%00%00%00%00%00%0Ca%F0%11%00%00%00%00%00%00%00%00%00%80%11%0C%3E%02%00%00%00%00%00%00%00%00%000%82%C1G%00%00%00%00%00%00%00%00%00%00F%7C%DD%EDR%08%00%00%00%00%00%00%00%00%00%00%E6%C7%9D%8F%00%00%00%00%00%00%00%00%00%00%8C%F8%7Fw%9E%18%16%E7%BC%22%0B%00%00%00%00IEND%AEB%60%82">
><hr>
><h1>Test Without h2 Element</h1>
><span class="floater"></span>
><div class="columnbox">
>  <div class="columns">
>  a bcdefgh ijkl mnopqrs tuvwx yz.
>  ab cde fg hij klm noqrst uv wxy z.
>  abcd efg hij k lmnoq rstu vwx yz.
>  ab cde fghijklm noqr stu vwxyz.
>  ab cdef ghi jkl mn oqrs tuv wxy z.
>  abc de fghij kl mn o qr st uvw xyz.
>  ab cd efghij klmn oqrs tuvw xy z.
>  a b cd ef gh ijkl mnoq rst u vw xyz.
>  ab cde fgh ijk lm noq rs tu vw x yz.
>  ab cd efg hi jkl mno qrs tu vwx y z.
>  abc de fgh ij klm noq rs tu vw xy z.
>  abcd ef gh ijk l m no qrs tuv wx yz.
>  ab cd ef ghi jkl mno qrs tuv wx y z.
>  a bcd efg hijk lm n oq rst uvw xyz.
>  ab cde fghi jklm noqr st uv wxy z.
>  a b cd ef gh ij kl mn oqr st uvw x y z.
>  ab cde f gh ij kl mno qr st uv wx yz.
>  a b c de f gh ijk lm no qr s tu vw xy z.
>  ab cd ef gh ij k l m n oq r st uv w x yz.
>  a b cd ef gh ij kl mno qr st uv w x y z.
>  </div>
></div>
><hr>
><h1>Test With h2 Element (column-span:all)</h1>
><span class="floater"></span>
><div class="columnbox">
>  <div class="columns">
>  a bcdefgh ijkl mnopqrs tuvwx yz.
>  ab cde fg hij klm noqrst uv wxy z.
>  abcd efg hij k lmnoq rstu vwx yz.
>  ab cde fghijklm noqr stu vwxyz.
>  ab cdef ghi jkl mn oqrs tuv wxy z.
>  abc de fghij kl mn o qr st uvw xyz.
>  ab cd efghij klmn oqrs tuvw xy z.
>  a b cd ef gh ijkl mnoq rst u vw xyz.
>  <h2>An H2 element</h2>
>  ab cde fgh ijk lm noq rs tu vw x yz.
>  ab cd efg hi jkl mno qrs tu vwx y z.
>  abc de fgh ij klm noq rs tu vw xy z.
>  abcd ef gh ijk l m no qrs tuv wx yz.
>  ab cd ef ghi jkl mno qrs tuv wx y z.
>  a bcd efg hijk lm n oq rst uvw xyz.
>  ab cde fghi jklm noqr st uv wxy z.
>  a b cd ef gh ij kl mn oqr st uvw x y z.
>  ab cde f gh ij kl mno qr st uv wx yz.
>  a b c de f gh ijk lm no qr s tu vw xy z.
>  ab cd ef gh ij k l m n oq r st uv w x yz.
>  a b cd ef gh ij kl mno qr st uv w x y z.
>  </div>
></div>
><hr>
>
Comment 18 Scott Johnson (:jwir3) 2011-11-21 18:06:51 PST
Ok, test case 2 is working in FF again now.
Comment 19 Scott Johnson (:jwir3) 2011-11-28 12:29:15 PST
Created attachment 577326 [details]
TEST CASE 1, updated to be well-formed
Comment 20 Scott Johnson (:jwir3) 2011-11-28 12:29:46 PST
Created attachment 577327 [details]
TEST CASE 2, updated to be well-formed
Comment 21 Scott Johnson (:jwir3) 2011-11-28 12:30:19 PST
Created attachment 577328 [details]
TEST CASE 3, updated to be well-formed
Comment 22 Scott Johnson (:jwir3) 2011-11-28 12:41:27 PST
The test results needed to be placed at: http://www.glasstowerstudios.com/~scottj/test-results-b616436.html as bugzilla wouldn't let me post an attachment greater than 4096 bytes.

I've updated the chart of test results to include IE10. I found that IE10 developer preview is *very* picky when it comes to the syntax of html files that include multicolumn CSS properties. Specifically, if I didn't include the "<!DOCTYPE html PUBLIC "">", it would not display ANY multicolumn formatting. Further, behavior was different at times, depending on whether I added "<html>", "<body", and "<head>" tags.

There were two instances when the "<H2>" element wasn't even displayed. My thinking is that, for some reason, rather than placing a column-span: all element into the overflow, and treating it as column-span: none, when there isn't enough room for it, as the spec says to do, IE10 seems to just not display the element. Either than, or there is an issue with how I am specifying it. 

I also found a few errors with my previous tests, which have since been fixed. This caused some of the Safari and Chrome tests to result in expected values, so I changed them to PASS.
Comment 23 Robert O'Callahan (:roc) (email my personal email if necessary) 2011-11-28 14:54:19 PST
(In reply to Scott Johnson (:jwir3) from comment #22)
> I've updated the chart of test results to include IE10. I found that IE10
> developer preview is *very* picky when it comes to the syntax of html files
> that include multicolumn CSS properties. Specifically, if I didn't include
> the "<!DOCTYPE html PUBLIC "">", it would not display ANY multicolumn
> formatting.

That's because IE only supports new CSS features in its "standards mode".
Comment 24 Robert O'Callahan (:roc) (email my personal email if necessary) 2011-11-28 15:06:25 PST
Testcase #3 has only 'column-span' on h2, no vendor prefixes. It needs the vendor prefixes.

I don't see the red box in testcase #2.
Comment 25 Scott Johnson (:jwir3) 2011-11-28 15:23:39 PST
Created attachment 577398 [details]
TEST CASE 3, updated with vendor prefixes for h2

> Testcase #3 has only 'column-span' on h2, no vendor prefixes. It needs the
> vendor prefixes.

Fixed now.
Comment 26 Scott Johnson (:jwir3) 2011-11-28 15:28:38 PST
(In reply to Robert O'Callahan (:roc) (Mozilla Corporation) from comment #24)
 
> I don't see the red box in testcase #2.

Hmm... so it apparently doesn't execute javascript when I use the "<!DOCTYPE html PUBLIC "">". Is there some way I can specify specific parts of an html document to be used only with certain browsers?
Comment 27 Robert O'Callahan (:roc) (email my personal email if necessary) 2011-11-28 15:40:43 PST
Actually I do see the box. (Why does JS matter? You're not using it.) It just looks pink because of the opacity:0.4. It's a bit confusing that the box extends below the element though. Also, it might disrupt the layout since it actually does take up space.

I'd just make it an absolutely positioned child of the div-with-columns, top:150px; width:100%, border-top:2px dashed red.
Comment 28 Scott Johnson (:jwir3) 2011-11-28 15:57:35 PST
Created attachment 577407 [details]
TEST CASE 2, updated with expected results

(In reply to Robert O'Callahan (:roc) (Mozilla Corporation) from comment #27)
> Actually I do see the box. (Why does JS matter? You're not using it.) It
> just looks pink because of the opacity:0.4. It's a bit confusing that the
> box extends below the element though. Also, it might disrupt the layout
> since it actually does take up space.

Ah... yes, I was using javascript in a previous iteration to conditionally position the box on all platforms. But, I can achieve the same effect with what you suggested. Thanks.
Comment 29 Scott Johnson (:jwir3) 2011-11-28 16:38:25 PST
Created attachment 577423 [details]
TEST CASE 2, updated for IE 10

Made one last tweak for IE10.
Comment 30 j.j. 2011-11-29 14:58:09 PST
> <!DOCTYPE html PUBLIC "">

That's a senseless doctype. Just use HTML5 doctype to trigger standards mode in any Browser:

<!DOCTYPE html>

Ans validate your HTML files:

http://validator.w3.org/
or
http://validator.nu/

(and you can omit  type="text/css")
Comment 31 Scott Johnson (:jwir3) 2011-11-29 15:14:53 PST
Created attachment 577766 [details]
TEST CASE 1 (v4)
Comment 32 Scott Johnson (:jwir3) 2011-11-29 15:15:18 PST
Created attachment 577767 [details]
TEST CASE 2 (v4)
Comment 33 Scott Johnson (:jwir3) 2011-11-29 15:16:24 PST
Created attachment 577768 [details]
TEST CASE 3 (v4)

(In reply to j.j. from comment #30)
> > <!DOCTYPE html PUBLIC "">
> 
> That's a senseless doctype. Just use HTML5 doctype to trigger standards mode
> in any Browser:
> 
> <!DOCTYPE html>
> 
> Ans validate your HTML files:
> 
> http://validator.w3.org/
> or
> http://validator.nu/
> 
> (and you can omit  type="text/css")

Thanks for the recommendation. I've validated these and removed the text/css part of the style tag.
Comment 34 Boris Zbarsky [:bz] (still a bit busy) 2013-01-22 09:15:02 PST
*** Bug 832618 has been marked as a duplicate of this bug. ***
Comment 35 Garrett Smith 2014-11-17 17:32:20 PST
I am trying to translate study in PDF to HTML. Its layout features two-columns with some of the tables spanning across both columns, causing a break in the text of the second column.

The layout of the study requires the tables span across both columns and since CSS3 column-span is not implemented, it is impossible to make the layout as shown in the PDF.


The study:
http://igmoris.nic.in/files/Biosafety_data/Biosafety/NK603%20-%20Monsanto/Hammond%20et%20al%202004.pdf

If we can make a proper hand-translation to HTML (and Adobe Acrobat Pro "Save As Webpage" doesn't even come close), then we can better explain boggy science to the public. Generally, such things are boring and hard. I want to highlight some of the problems in this study by Monsanto and I want to do it using dynamic effects in HTML. But I can't properly mark it up into HTML because column-span isn't implemented.

In general, it's important to have this feature for other scientific studies and the PDF alternative has many downsides.

Also, I noticed that this bug is four years old.
Comment 36 decembre56 2015-03-01 10:48:21 PST Comment hidden (offtopic)
Comment 37 Andre Klapper 2015-03-01 23:09:27 PST Comment hidden (offtopic)
Comment 38 decembre56 2015-03-23 20:40:35 PDT Comment hidden (offtopic)
Comment 39 ipatrol 2016-02-18 15:44:04 PST
Would it be possible to take the part of Gecko used to render tables and re-purpose it to render columns? They seem like an analogous problem.

Requesting information from Scott Johnson about whatever progress he made while he was the bug's assignee.

Also suggesting the dev team raise this to P1 given the time it has spent open combined with the heightened importance of parity with WebKit as a result of the Chrome wars.
Comment 40 Scott Johnson (:jwir3) 2016-02-26 08:40:13 PST
My apologies for the late reply.

(In reply to ipatrol from comment #39)
> Would it be possible to take the part of Gecko used to render tables and
> re-purpose it to render columns? They seem like an analogous problem.

No. Tables and column sets function pretty differently. Namely, the table code doesn't allow for content to flow between table cells as in column sets. The way the column set code works is as follows - depending on how the columns are setup in CSS, there is a single nsColumnSetFrame that has anonymous block-level frames within it (the number are determined by the CSS rules). Then, during the reflow of the column set frame, the height of each of these anonymous frames is determined using a binary search over the set of constraints to determine the "optimal" height.

The reason this matters is that, given a spanning element, we somehow need it to span across these multiple anonymous block frames. However, this shouldn't affect the binary search algorithm, other than the content needs to flow around the new spanning element in all child frames of the column set.
 
> Requesting information from Scott Johnson about whatever progress he made
> while he was the bug's assignee.

So, my original intent was to split the column set frame into two column set frames, with another anonymous block frame in between (the spanning element). The problem is with the binary search, and flowing content between these two column set frames given a change in width (or other property that would require a new reflow) of the column set frame.

I think that we might be able to do something akin to what's been done with absolute/relative positioning elements - that is, make a placeholder frame, leave room for the spanning element within each column, and then add it back in visually after the reflow has completed.

I'm simply not sure how to go about this at the moment. I can give you insight into the nsColumnSetFrame code if it would be helpful, if you're interested in starting on a new patch.

Note You need to log in before you can comment on or make changes to this bug.