LayoutTests/fast/css-grid-layout/grid-item-auto-placement-automatic-span.html - Issue 362733002: [CSS Grid Layout] Support sparse in auto-placement algorithm

Side by Side Diff: LayoutTests/fast/css-grid-layout/grid-item-auto-placement-automatic-span.html

Issue 362733002: [CSS Grid Layout] Support sparse in auto-placement algorithm (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Created 6 years, 5 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

« no previous file with comments | « LayoutTests/fast/css-grid-layout/grid-container-change-named-grid-lines-recompute-child.html ('k') | LayoutTests/fast/css-grid-layout/grid-item-auto-placement-automatic-span-expected.txt » ('j') | LayoutTests/fast/css-grid-layout/grid-item-auto-placement-definite-span.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <html>	2 <html>

3 <link href="resources/grid.css" rel="stylesheet">	3 <link href="resources/grid.css" rel="stylesheet">

4 <style>	4 <style>

5 .grid {	5 .grid {

6 grid-auto-rows: 50px;	6 grid-auto-rows: 50px;

7 grid-auto-columns: 100px;	7 grid-auto-columns: 100px;

8 }	8 }

9	9

10 .gridNamedGridLinesColumns {	10 .gridNamedGridLinesColumns {

11 grid-template-columns: 50px 100px (line) 200px (line);	11 grid-template-columns: 50px 100px (line) 200px (line);

12 }	12 }

13	13

14 .gridNamedGridLinesRows {	14 .gridNamedGridLinesRows {

15 grid-template-rows: 50px 100px (line) 200px (line);	15 grid-template-rows: 50px 100px (line) 200px (line);

16 }	16 }

17	17

18 .autoRowAutoColumnSpanning2 {

19 background-color: maroon;

20 grid-column: span 2;

21 grid-row: auto;

22 }

23

24 .autoRowAutoColumnSpanning3 {	18 .autoRowAutoColumnSpanning3 {

25 background-color: teal;	19 background-color: teal;

26 grid-column: span 3;	20 grid-column: span 3;

27 grid-row: auto;	21 grid-row: auto;

28 }	22 }

29	23

30 .autoRowSpanning2AutoColumn {	24 .autoRowSpanning2AutoColumn {

31 background-color: aqua;	25 background-color: aqua;

32 grid-column: auto;	26 grid-column: auto;

33 grid-row: span 2;	27 grid-row: span 2;

(...skipping 50 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
84 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="0" data-offset-y="150" data-expected-width="200" data-expected-height="1 00"></div>	78 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="0" data-offset-y="150" data-expected-width="200" data-expected-height="1 00"></div>

85 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="200" data- offset-y="150" data-expected-width="100" data-expected-height="50"></div>	79 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="200" data- offset-y="150" data-expected-width="100" data-expected-height="50"></div>

86 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="200" data- offset-y="200" data-expected-width="100" data-expected-height="50"></div>	80 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="200" data- offset-y="200" data-expected-width="100" data-expected-height="50"></div>

87 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="0" data-of fset-y="250" data-expected-width="100" data-expected-height="50"></div>	81 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="0" data-of fset-y="250" data-expected-width="100" data-expected-height="50"></div>

88 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="100" data-offset-y="250" data-expected-width="200" data-expected-height= "100"></div>	82 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="100" data-offset-y="250" data-expected-width="200" data-expected-height= "100"></div>

89 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="0" data-of fset-y="300" data-expected-width="100" data-expected-height="50"></div>	83 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="0" data-of fset-y="300" data-expected-width="100" data-expected-height="50"></div>

90 </div>	84 </div>

91 </div>	85 </div>

92	86

93 <div style="position: relative">	87 <div style="position: relative">

	88 <div class="grid gridAutoFlowRowDense">

	89 <div class="sizedToGridArea autoRowAutoColumnSpanning2" data-offset-x="0 " data-offset-y="0" data-expected-width="200" data-expected-height="50"></div>

	90 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="200" data- offset-y="0" data-expected-width="100" data-expected-height="50"></div>

	91 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="0" data-of fset-y="50" data-expected-width="100" data-expected-height="50"></div>

	92 <div class="sizedToGridArea autoRowAutoColumnSpanning2" data-offset-x="1 00" data-offset-y="50" data-expected-width="200" data-expected-height="50"></div >

	93 <div class="sizedToGridArea autoRowAutoColumnSpanning3" data-offset-x="0 " data-offset-y="100" data-expected-width="300" data-expected-height="50"></div>

	94 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="0" data-offset-y="150" data-expected-width="200" data-expected-height="1 00"></div>

	95 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="200" data- offset-y="150" data-expected-width="100" data-expected-height="50"></div>

	96 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="200" data- offset-y="200" data-expected-width="100" data-expected-height="50"></div>

	97 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="0" data-of fset-y="250" data-expected-width="100" data-expected-height="50"></div>

	98 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="100" data-offset-y="250" data-expected-width="200" data-expected-height= "100"></div>

	99 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="0" data-of fset-y="300" data-expected-width="100" data-expected-height="50"></div>

	100 </div>

	101 </div>

	102

	103 <div style="position: relative">

94 <div class="grid gridAutoFlowRow">	104 <div class="grid gridAutoFlowRow">
	Julien - ping for review 2014/07/14 16:22:39 Shouldn't this be gridAutoFlowRowDense as the resu Shouldn't this be gridAutoFlowRowDense as the results were generated for the dense packing algorithm? If I am missing something, I would rather have a strict separation between sparse and dense testing. Manuel Rego 2014/07/14 20:10:03 No, as I'm adding sparse cases to this test, so we Show quoted text On 2014/07/14 16:22:39, Julien Chaffraix - PST wrote: > Shouldn't this be gridAutoFlowRowDense as the results were generated for the > dense packing algorithm? No, as I'm adding sparse cases to this test, so we'll have both sparse and dense cases in the same test. This test is checking that spaning is suppored in auto-placement, so I've just kept the "old" cases using dense now, and adding the corresponding examples if we were using sparse instead. Show quoted text > If I am missing something, I would rather have a strict separation between > sparse and dense testing. Actually I'm doing different changes in the tests: 1) Keeping the "old" behaviour in the unrelated tests like (just replacing gridAutoFlowRow by gridAutoFlowRowDense): * grid-container-change-explicit-grid-recompute-child.html * grid-item-removal-auto-placement-update.html * named-grid-lines-with-named-grid-areas-resolution.html 2) Improve tests adding new cases for sparse mode, keeping "old" dense cases too: * grid-auto-flow-resolution.html * grid-item-auto-placement-definite-span.html * grid-item-auto-placement-automatic-span.html 3) Add new explicit test for sparse mode: * grid-auto-flow-sparse.html If you think it's better, I could remove the new cases added in 2) and simply use dense always and add the new test in 3). What do you think? Julien - ping for review 2014/07/14 21:15:06 I prefer to keep them separated so add the new cas Show quoted text On 2014/07/14 20:10:03, Manuel Rego wrote: > On 2014/07/14 16:22:39, Julien Chaffraix - PST wrote: > > Shouldn't this be gridAutoFlowRowDense as the results were generated for the > > dense packing algorithm? > > No, as I'm adding sparse cases to this test, so we'll have both sparse and > dense cases in the same test. > > This test is checking that spaning is suppored in auto-placement, so I've just > kept the "old" cases using dense now, and adding the corresponding examples > if we were using sparse instead. > > > If I am missing something, I would rather have a strict separation between > > sparse and dense testing. > > Actually I'm doing different changes in the tests: > > 1) Keeping the "old" behaviour in the unrelated tests like (just replacing > gridAutoFlowRow by gridAutoFlowRowDense): > * grid-container-change-explicit-grid-recompute-child.html > * grid-item-removal-auto-placement-update.html > * named-grid-lines-with-named-grid-areas-resolution.html > > 2) Improve tests adding new cases for sparse mode, keeping "old" dense > cases too: > * grid-auto-flow-resolution.html > * grid-item-auto-placement-definite-span.html > * grid-item-auto-placement-automatic-span.html > > 3) Add new explicit test for sparse mode: > * grid-auto-flow-sparse.html > > If you think it's better, I could remove the new cases added in 2) and simply > use dense always and add the new test in 3). > What do you think? I prefer to keep them separated so add the new cases in 2) into the new test 3). Manuel Rego 2014/07/14 21:45:35 Moving them to 3) seems not very clean, because of Show quoted text On 2014/07/14 21:15:06, Julien Chaffraix - PST wrote: > I prefer to keep them separated so add the new cases in 2) into the new test 3). Moving them to 3) seems not very clean, because of some of them have a quite specific CSS that should be duplicated in the new test or moved to resources/grid.css (even when it's not generic at all). So, probably if you prefer to keep them separated, I'd remove the new cases from 2) and then only move to 3) the ones that are really adding new coverage if any.
95 <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-o ffset-y="0" data-expected-width="100" data-expected-height="50"></div>	105 <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-o ffset-y="0" data-expected-width="100" data-expected-height="50"></div>

96 <div class="sizedToGridArea autoRowSecondColumn" data-offset-x="100" dat a-offset-y="0" data-expected-width="100" data-expected-height="50"></div>	106 <div class="sizedToGridArea autoRowSecondColumn" data-offset-x="100" dat a-offset-y="0" data-expected-width="100" data-expected-height="50"></div>

97 <div class="sizedToGridArea autoRowThirdColumn" data-offset-x="200" data -offset-y="0" data-expected-width="100" data-expected-height="50"></div>	107 <div class="sizedToGridArea autoRowThirdColumn" data-offset-x="200" data -offset-y="0" data-expected-width="100" data-expected-height="50"></div>

98 <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-o ffset-y="50" data-expected-width="100" data-expected-height="50"></div>	108 <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-o ffset-y="50" data-expected-width="100" data-expected-height="50"></div>

99 <div class="sizedToGridArea autoRowAutoColumnSpanning3" data-offset-x="0 " data-offset-y="100" data-expected-width="300" data-expected-height="50"></div>	109 <div class="sizedToGridArea autoRowAutoColumnSpanning3" data-offset-x="0 " data-offset-y="100" data-expected-width="300" data-expected-height="50"></div>

	110 <div class="sizedToGridArea autoRowSecondColumn" data-offset-x="100" dat a-offset-y="150" data-expected-width="100" data-expected-height="50"></div>

	111 <div class="sizedToGridArea autoRowAutoColumnSpanning2" data-offset-x="0 " data-offset-y="200" data-expected-width="200" data-expected-height="50"></div>

	112 <div class="sizedToGridArea autoRowAutoColumnSpanning2" data-offset-x="0 " data-offset-y="250" data-expected-width="200" data-expected-height="50"></div>

	113 <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-o ffset-y="300" data-expected-width="100" data-expected-height="50"></div>

	114 <div class="sizedToGridArea autoRowAutoColumnSpanning3" data-offset-x="0 " data-offset-y="350" data-expected-width="300" data-expected-height="50"></div>

	115 <div class="sizedToGridArea autoRowAutoColumnSpanning2" data-offset-x="0 " data-offset-y="400" data-expected-width="200" data-expected-height="50"></div>

	116 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="0" data-offset-y="450" data-expected-width="200" data-expected-height="1 00"></div>

	117 </div>

	118 </div>

	119

	120 <div style="position: relative">

	121 <div class="grid gridAutoFlowRowDense">

	122 <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-o ffset-y="0" data-expected-width="100" data-expected-height="50"></div>

	123 <div class="sizedToGridArea autoRowSecondColumn" data-offset-x="100" dat a-offset-y="0" data-expected-width="100" data-expected-height="50"></div>

	124 <div class="sizedToGridArea autoRowThirdColumn" data-offset-x="200" data -offset-y="0" data-expected-width="100" data-expected-height="50"></div>

	125 <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-o ffset-y="50" data-expected-width="100" data-expected-height="50"></div>

	126 <div class="sizedToGridArea autoRowAutoColumnSpanning3" data-offset-x="0 " data-offset-y="100" data-expected-width="300" data-expected-height="50"></div>

100 <div class="sizedToGridArea autoRowSecondColumn" data-offset-x="100" dat a-offset-y="50" data-expected-width="100" data-expected-height="50"></div>	127 <div class="sizedToGridArea autoRowSecondColumn" data-offset-x="100" dat a-offset-y="50" data-expected-width="100" data-expected-height="50"></div>

101 <div class="sizedToGridArea autoRowAutoColumnSpanning2" data-offset-x="0 " data-offset-y="150" data-expected-width="200" data-expected-height="50"></div>	128 <div class="sizedToGridArea autoRowAutoColumnSpanning2" data-offset-x="0 " data-offset-y="150" data-expected-width="200" data-expected-height="50"></div>

102 <div class="sizedToGridArea autoRowAutoColumnSpanning2" data-offset-x="0 " data-offset-y="200" data-expected-width="200" data-expected-height="50"></div>	129 <div class="sizedToGridArea autoRowAutoColumnSpanning2" data-offset-x="0 " data-offset-y="200" data-expected-width="200" data-expected-height="50"></div>

103 <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-o ffset-y="250" data-expected-width="100" data-expected-height="50"></div>	130 <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-o ffset-y="250" data-expected-width="100" data-expected-height="50"></div>

104 <div class="sizedToGridArea autoRowAutoColumnSpanning3" data-offset-x="0 " data-offset-y="300" data-expected-width="300" data-expected-height="50"></div>	131 <div class="sizedToGridArea autoRowAutoColumnSpanning3" data-offset-x="0 " data-offset-y="300" data-expected-width="300" data-expected-height="50"></div>

105 <div class="sizedToGridArea autoRowAutoColumnSpanning2" data-offset-x="1 00" data-offset-y="250" data-expected-width="200" data-expected-height="50"></di v>	132 <div class="sizedToGridArea autoRowAutoColumnSpanning2" data-offset-x="1 00" data-offset-y="250" data-expected-width="200" data-expected-height="50"></di v>

106 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="0" data-offset-y="350" data-expected-width="200" data-expected-height="1 00"></div>	133 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="0" data-offset-y="350" data-expected-width="200" data-expected-height="1 00"></div>

107 </div>	134 </div>

108 </div>	135 </div>

109	136

110 <div style="position: relative">	137 <div style="position: relative">

111 <div class="grid gridAutoFlowRow">	138 <div class="grid gridAutoFlowRow">

112 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="0 " data-offset-y="0" data-expected-width="100" data-expected-height="100"></div>	139 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="0 " data-offset-y="0" data-expected-width="100" data-expected-height="100"></div>

113 <div class="sizedToGridArea autoRowSecondColumn" data-offset-x="100" dat a-offset-y="0" data-expected-width="100" data-expected-height="50"></div>	140 <div class="sizedToGridArea autoRowSecondColumn" data-offset-x="100" dat a-offset-y="0" data-expected-width="100" data-expected-height="50"></div>

114 <div class="sizedToGridArea autoRowThirdColumn" data-offset-x="200" data -offset-y="0" data-expected-width="100" data-expected-height="50"></div>	141 <div class="sizedToGridArea autoRowThirdColumn" data-offset-x="200" data -offset-y="0" data-expected-width="100" data-expected-height="50"></div>

115 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="100" data-offset-y="50" data-expected-width="200" data-expected-height=" 100"></div>	142 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="100" data-offset-y="50" data-expected-width="200" data-expected-height=" 100"></div>

116 <div class="sizedToGridArea autoRowSpanning3AutoColumn" data-offset-x="0 " data-offset-y="100" data-expected-width="100" data-expected-height="150"></div >	143 <div class="sizedToGridArea autoRowSpanning3AutoColumn" data-offset-x="0 " data-offset-y="100" data-expected-width="100" data-expected-height="150"></div >

117 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="100" data-offset-y="150" data-expected-width="200" data-expected-height= "100"></div>	144 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="100" data-offset-y="150" data-expected-width="200" data-expected-height= "100"></div>

118 </div>	145 </div>

119 </div>	146 </div>

120	147

121 <div style="position: relative">	148 <div style="position: relative">

	149 <div class="grid gridAutoFlowRowDense">

	150 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="0 " data-offset-y="0" data-expected-width="100" data-expected-height="100"></div>

	151 <div class="sizedToGridArea autoRowSecondColumn" data-offset-x="100" dat a-offset-y="0" data-expected-width="100" data-expected-height="50"></div>

	152 <div class="sizedToGridArea autoRowThirdColumn" data-offset-x="200" data -offset-y="0" data-expected-width="100" data-expected-height="50"></div>

	153 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="100" data-offset-y="50" data-expected-width="200" data-expected-height=" 100"></div>

	154 <div class="sizedToGridArea autoRowSpanning3AutoColumn" data-offset-x="0 " data-offset-y="100" data-expected-width="100" data-expected-height="150"></div >

	155 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="100" data-offset-y="150" data-expected-width="200" data-expected-height= "100"></div>

	156 </div>

	157 </div>

	158

	159 <div style="position: relative">

122 <div class="grid gridAutoFlowRow gridNamedGridLinesColumns">	160 <div class="grid gridAutoFlowRow gridNamedGridLinesColumns">

123 <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-o ffset-y="0" data-expected-width="50" data-expected-height="50"></div>	161 <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-o ffset-y="0" data-expected-width="50" data-expected-height="50"></div>

124 <div class="sizedToGridArea autoRowAutoColumnSpanning2Line" data-offset- x="50" data-offset-y="0" data-expected-width="100" data-expected-height="50"></d iv>	162 <div class="sizedToGridArea autoRowAutoColumnSpanning2Line" data-offset- x="50" data-offset-y="0" data-expected-width="100" data-expected-height="50"></d iv>

125 <div class="sizedToGridArea autoRowSecondColumn" data-offset-x="50" data -offset-y="50" data-expected-width="100" data-expected-height="50"></div>	163 <div class="sizedToGridArea autoRowSecondColumn" data-offset-x="50" data -offset-y="50" data-expected-width="100" data-expected-height="50"></div>

	164 <div class="sizedToGridArea autoRowAutoColumnSpanning2Line" data-offset- x="150" data-offset-y="50" data-expected-width="200" data-expected-height="50">< /div>

	165 <div class="sizedToGridArea autoRowThirdColumn" data-offset-x="150" data -offset-y="100" data-expected-width="200" data-expected-height="50"></div>

	166 <div class="sizedToGridArea autoRowAutoColumnSpanningLine" data-offset-x ="0" data-offset-y="150" data-expected-width="50" data-expected-height="50"></di v>

	167 <div class="sizedToGridArea autoRowAutoColumnSpanning2Line" data-offset- x="50" data-offset-y="150" data-expected-width="100" data-expected-height="50">< /div>

	168 <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-o ffset-y="200" data-expected-width="50" data-expected-height="50"></div>

	169 <div class="sizedToGridArea autoRowAutoColumnSpanningLine" data-offset-x ="50" data-offset-y="200" data-expected-width="100" data-expected-height="50"></ div>

	170 <div class="sizedToGridArea autoRowThirdColumn" data-offset-x="150" data -offset-y="200" data-expected-width="200" data-expected-height="50"></div>

	171 <div class="sizedToGridArea autoRowAutoColumnSpanningLine" data-offset-x ="0" data-offset-y="250" data-expected-width="50" data-expected-height="50"></di v>

	172 <div class="sizedToGridArea autoRowAutoColumnSpanningLine" data-offset-x ="50" data-offset-y="250" data-expected-width="100" data-expected-height="50"></ div>

	173 </div>

	174 </div>

	175

	176 <div style="position: relative">

	177 <div class="grid gridAutoFlowRowDense gridNamedGridLinesColumns">

	178 <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-o ffset-y="0" data-expected-width="50" data-expected-height="50"></div>

	179 <div class="sizedToGridArea autoRowAutoColumnSpanning2Line" data-offset- x="50" data-offset-y="0" data-expected-width="100" data-expected-height="50"></d iv>

	180 <div class="sizedToGridArea autoRowSecondColumn" data-offset-x="50" data -offset-y="50" data-expected-width="100" data-expected-height="50"></div>

126 <div class="sizedToGridArea autoRowAutoColumnSpanning2Line" data-offset- x="150" data-offset-y="0" data-expected-width="200" data-expected-height="50"></ div>	181 <div class="sizedToGridArea autoRowAutoColumnSpanning2Line" data-offset- x="150" data-offset-y="0" data-expected-width="200" data-expected-height="50"></ div>

127 <div class="sizedToGridArea autoRowThirdColumn" data-offset-x="150" data -offset-y="50" data-expected-width="200" data-expected-height="50"></div>	182 <div class="sizedToGridArea autoRowThirdColumn" data-offset-x="150" data -offset-y="50" data-expected-width="200" data-expected-height="50"></div>

128 <div class="sizedToGridArea autoRowAutoColumnSpanningLine" data-offset-x ="0" data-offset-y="50" data-expected-width="50" data-expected-height="50"></div >	183 <div class="sizedToGridArea autoRowAutoColumnSpanningLine" data-offset-x ="0" data-offset-y="50" data-expected-width="50" data-expected-height="50"></div >

129 <div class="sizedToGridArea autoRowAutoColumnSpanning2Line" data-offset- x="0" data-offset-y="100" data-expected-width="50" data-expected-height="50"></d iv>	184 <div class="sizedToGridArea autoRowAutoColumnSpanning2Line" data-offset- x="0" data-offset-y="100" data-expected-width="50" data-expected-height="50"></d iv>

130 <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-o ffset-y="150" data-expected-width="50" data-expected-height="50"></div>	185 <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-o ffset-y="150" data-expected-width="50" data-expected-height="50"></div>

131 <div class="sizedToGridArea autoRowAutoColumnSpanningLine" data-offset-x ="50" data-offset-y="100" data-expected-width="100" data-expected-height="50"></ div>	186 <div class="sizedToGridArea autoRowAutoColumnSpanningLine" data-offset-x ="50" data-offset-y="100" data-expected-width="100" data-expected-height="50"></ div>

132 <div class="sizedToGridArea autoRowThirdColumn" data-offset-x="150" data -offset-y="100" data-expected-width="200" data-expected-height="50"></div>	187 <div class="sizedToGridArea autoRowThirdColumn" data-offset-x="150" data -offset-y="100" data-expected-width="200" data-expected-height="50"></div>

133 <div class="sizedToGridArea autoRowAutoColumnSpanningLine" data-offset-x ="50" data-offset-y="150" data-expected-width="100" data-expected-height="50"></ div>	188 <div class="sizedToGridArea autoRowAutoColumnSpanningLine" data-offset-x ="50" data-offset-y="150" data-expected-width="100" data-expected-height="50"></ div>

134 <div class="sizedToGridArea autoRowAutoColumnSpanningLine" data-offset-x ="150" data-offset-y="150" data-expected-width="200" data-expected-height="50">< /div>	189 <div class="sizedToGridArea autoRowAutoColumnSpanningLine" data-offset-x ="150" data-offset-y="150" data-expected-width="200" data-expected-height="50">< /div>

135 </div>	190 </div>

136 </div>	191 </div>

137	192

138 <div style="position: relative">	193 <div style="position: relative">

139 <div class="grid gridAutoFlowColumn">	194 <div class="grid gridAutoFlowColumn">

140 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="0 " data-offset-y="0" data-expected-width="100" data-expected-height="100"></div>	195 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="0 " data-offset-y="0" data-expected-width="100" data-expected-height="100"></div>

141 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="0" data-of fset-y="100" data-expected-width="100" data-expected-height="50"></div>	196 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="0" data-of fset-y="100" data-expected-width="100" data-expected-height="50"></div>

142 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="100" data- offset-y="0" data-expected-width="100" data-expected-height="50"></div>	197 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="100" data- offset-y="0" data-expected-width="100" data-expected-height="50"></div>

143 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="1 00" data-offset-y="50" data-expected-width="100" data-expected-height="100"></di v>	198 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="1 00" data-offset-y="50" data-expected-width="100" data-expected-height="100"></di v>

144 <div class="sizedToGridArea autoRowSpanning3AutoColumn" data-offset-x="2 00" data-offset-y="0" data-expected-width="100" data-expected-height="150"></div >	199 <div class="sizedToGridArea autoRowSpanning3AutoColumn" data-offset-x="2 00" data-offset-y="0" data-expected-width="100" data-expected-height="150"></div >

145 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="300" data-offset-y="0" data-expected-width="200" data-expected-height="1 00"></div>	200 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="300" data-offset-y="0" data-expected-width="200" data-expected-height="1 00"></div>

146 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="300" data- offset-y="100" data-expected-width="100" data-expected-height="50"></div>	201 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="300" data- offset-y="100" data-expected-width="100" data-expected-height="50"></div>

147 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="400" data- offset-y="100" data-expected-width="100" data-expected-height="50"></div>	202 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="400" data- offset-y="100" data-expected-width="100" data-expected-height="50"></div>

148 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="500" data- offset-y="0" data-expected-width="100" data-expected-height="50"></div>	203 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="500" data- offset-y="0" data-expected-width="100" data-expected-height="50"></div>

149 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="500" data-offset-y="50" data-expected-width="200" data-expected-height=" 100"></div>	204 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="500" data-offset-y="50" data-expected-width="200" data-expected-height=" 100"></div>

150 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="600" data- offset-y="0" data-expected-width="100" data-expected-height="50"></div>	205 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="600" data- offset-y="0" data-expected-width="100" data-expected-height="50"></div>

151 </div>	206 </div>

152 </div>	207 </div>

153	208

154 <div style="position: relative">	209 <div style="position: relative">

	210 <div class="grid gridAutoFlowColumnDense">

	211 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="0 " data-offset-y="0" data-expected-width="100" data-expected-height="100"></div>

	212 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="0" data-of fset-y="100" data-expected-width="100" data-expected-height="50"></div>

	213 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="100" data- offset-y="0" data-expected-width="100" data-expected-height="50"></div>

	214 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="1 00" data-offset-y="50" data-expected-width="100" data-expected-height="100"></di v>

	215 <div class="sizedToGridArea autoRowSpanning3AutoColumn" data-offset-x="2 00" data-offset-y="0" data-expected-width="100" data-expected-height="150"></div >

	216 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="300" data-offset-y="0" data-expected-width="200" data-expected-height="1 00"></div>

	217 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="300" data- offset-y="100" data-expected-width="100" data-expected-height="50"></div>

	218 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="400" data- offset-y="100" data-expected-width="100" data-expected-height="50"></div>

	219 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="500" data- offset-y="0" data-expected-width="100" data-expected-height="50"></div>

	220 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="500" data-offset-y="50" data-expected-width="200" data-expected-height=" 100"></div>

	221 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="600" data- offset-y="0" data-expected-width="100" data-expected-height="50"></div>

	222 </div>

	223 </div>

	224

	225 <div style="position: relative">

155 <div class="grid gridAutoFlowColumn">	226 <div class="grid gridAutoFlowColumn">

156 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="0" data-o ffset-y="0" data-expected-width="100" data-expected-height="50"></div>	227 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="0" data-o ffset-y="0" data-expected-width="100" data-expected-height="50"></div>

157 <div class="sizedToGridArea secondRowAutoColumn" data-offset-x="0" data- offset-y="50" data-expected-width="100" data-expected-height="50"></div>	228 <div class="sizedToGridArea secondRowAutoColumn" data-offset-x="0" data- offset-y="50" data-expected-width="100" data-expected-height="50"></div>

158 <div class="sizedToGridArea thirdRowAutoColumn" data-offset-x="0" data-o ffset-y="100" data-expected-width="100" data-expected-height="50"></div>	229 <div class="sizedToGridArea thirdRowAutoColumn" data-offset-x="0" data-o ffset-y="100" data-expected-width="100" data-expected-height="50"></div>

159 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="100" data -offset-y="0" data-expected-width="100" data-expected-height="50"></div>	230 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="100" data -offset-y="0" data-expected-width="100" data-expected-height="50"></div>

160 <div class="sizedToGridArea autoRowSpanning3AutoColumn" data-offset-x="2 00" data-offset-y="0" data-expected-width="100" data-expected-height="150"></div >	231 <div class="sizedToGridArea autoRowSpanning3AutoColumn" data-offset-x="2 00" data-offset-y="0" data-expected-width="100" data-expected-height="150"></div >

	232 <div class="sizedToGridArea secondRowAutoColumn" data-offset-x="300" dat a-offset-y="50" data-expected-width="100" data-expected-height="50"></div>

	233 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="4 00" data-offset-y="0" data-expected-width="100" data-expected-height="100"></div >

	234 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="5 00" data-offset-y="0" data-expected-width="100" data-expected-height="100"></div >

	235 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="600" data -offset-y="0" data-expected-width="100" data-expected-height="50"></div>

	236 <div class="sizedToGridArea autoRowSpanning3AutoColumn" data-offset-x="7 00" data-offset-y="0" data-expected-width="100" data-expected-height="150"></div >

	237 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="8 00" data-offset-y="0" data-expected-width="100" data-expected-height="100"></div >

	238 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="900" data-offset-y="0" data-expected-width="200" data-expected-height="1 00"></div>

	239 </div>

	240 </div>

	241

	242 <div style="position: relative">

	243 <div class="grid gridAutoFlowColumnDense">

	244 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="0" data-o ffset-y="0" data-expected-width="100" data-expected-height="50"></div>

	245 <div class="sizedToGridArea secondRowAutoColumn" data-offset-x="0" data- offset-y="50" data-expected-width="100" data-expected-height="50"></div>

	246 <div class="sizedToGridArea thirdRowAutoColumn" data-offset-x="0" data-o ffset-y="100" data-expected-width="100" data-expected-height="50"></div>

	247 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="100" data -offset-y="0" data-expected-width="100" data-expected-height="50"></div>

	248 <div class="sizedToGridArea autoRowSpanning3AutoColumn" data-offset-x="2 00" data-offset-y="0" data-expected-width="100" data-expected-height="150"></div >

161 <div class="sizedToGridArea secondRowAutoColumn" data-offset-x="100" dat a-offset-y="50" data-expected-width="100" data-expected-height="50"></div>	249 <div class="sizedToGridArea secondRowAutoColumn" data-offset-x="100" dat a-offset-y="50" data-expected-width="100" data-expected-height="50"></div>

162 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="3 00" data-offset-y="0" data-expected-width="100" data-expected-height="100"></div >	250 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="3 00" data-offset-y="0" data-expected-width="100" data-expected-height="100"></div >

163 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="4 00" data-offset-y="0" data-expected-width="100" data-expected-height="100"></div >	251 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="4 00" data-offset-y="0" data-expected-width="100" data-expected-height="100"></div >

164 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="500" data -offset-y="0" data-expected-width="100" data-expected-height="50"></div>	252 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="500" data -offset-y="0" data-expected-width="100" data-expected-height="50"></div>

165 <div class="sizedToGridArea autoRowSpanning3AutoColumn" data-offset-x="6 00" data-offset-y="0" data-expected-width="100" data-expected-height="150"></div >	253 <div class="sizedToGridArea autoRowSpanning3AutoColumn" data-offset-x="6 00" data-offset-y="0" data-expected-width="100" data-expected-height="150"></div >

166 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="5 00" data-offset-y="50" data-expected-width="100" data-expected-height="100"></di v>	254 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="5 00" data-offset-y="50" data-expected-width="100" data-expected-height="100"></di v>

167 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="700" data-offset-y="0" data-expected-width="200" data-expected-height="1 00"></div>	255 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="700" data-offset-y="0" data-expected-width="200" data-expected-height="1 00"></div>

168 </div>	256 </div>

169 </div>	257 </div>

170	258

171 <div style="position: relative">	259 <div style="position: relative">

172 <div class="grid gridAutoFlowColumn">	260 <div class="grid gridAutoFlowColumn">

173 <div class="sizedToGridArea autoRowAutoColumnSpanning2" data-offset-x="0 " data-offset-y="0" data-expected-width="200" data-expected-height="50"></div>	261 <div class="sizedToGridArea autoRowAutoColumnSpanning2" data-offset-x="0 " data-offset-y="0" data-expected-width="200" data-expected-height="50"></div>

174 <div class="sizedToGridArea secondRowAutoColumn" data-offset-x="0" data- offset-y="50" data-expected-width="100" data-expected-height="50"></div>	262 <div class="sizedToGridArea secondRowAutoColumn" data-offset-x="0" data- offset-y="50" data-expected-width="100" data-expected-height="50"></div>

175 <div class="sizedToGridArea thirdRowAutoColumn" data-offset-x="0" data-o ffset-y="100" data-expected-width="100" data-expected-height="50"></div>	263 <div class="sizedToGridArea thirdRowAutoColumn" data-offset-x="0" data-o ffset-y="100" data-expected-width="100" data-expected-height="50"></div>

176 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="100" data-offset-y="50" data-expected-width="200" data-expected-height=" 100"></div>	264 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="100" data-offset-y="50" data-expected-width="200" data-expected-height=" 100"></div>

177 <div class="sizedToGridArea autoRowAutoColumnSpanning3" data-offset-x="2 00" data-offset-y="0" data-expected-width="300" data-expected-height="50"></div>	265 <div class="sizedToGridArea autoRowAutoColumnSpanning3" data-offset-x="2 00" data-offset-y="0" data-expected-width="300" data-expected-height="50"></div>

178 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="300" data-offset-y="50" data-expected-width="200" data-expected-height=" 100"></div>	266 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="300" data-offset-y="50" data-expected-width="200" data-expected-height=" 100"></div>

179 </div>	267 </div>

180 </div>	268 </div>

181	269

182 <div style="position: relative">	270 <div style="position: relative">

	271 <div class="grid gridAutoFlowColumnDense">

	272 <div class="sizedToGridArea autoRowAutoColumnSpanning2" data-offset-x="0 " data-offset-y="0" data-expected-width="200" data-expected-height="50"></div>

	273 <div class="sizedToGridArea secondRowAutoColumn" data-offset-x="0" data- offset-y="50" data-expected-width="100" data-expected-height="50"></div>

	274 <div class="sizedToGridArea thirdRowAutoColumn" data-offset-x="0" data-o ffset-y="100" data-expected-width="100" data-expected-height="50"></div>

	275 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="100" data-offset-y="50" data-expected-width="200" data-expected-height=" 100"></div>

	276 <div class="sizedToGridArea autoRowAutoColumnSpanning3" data-offset-x="2 00" data-offset-y="0" data-expected-width="300" data-expected-height="50"></div>

	277 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of fset-x="300" data-offset-y="50" data-expected-width="200" data-expected-height=" 100"></div>

	278 </div>

	279 </div>

	280

	281 <div style="position: relative">

183 <div class="grid gridAutoFlowColumn gridNamedGridLinesRows">	282 <div class="grid gridAutoFlowColumn gridNamedGridLinesRows">
	Julien - ping for review 2014/07/14 16:22:39 Same comment here. Same comment here.
184 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="0" data-o ffset-y="0" data-expected-width="100" data-expected-height="50"></div>	283 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="0" data-o ffset-y="0" data-expected-width="100" data-expected-height="50"></div>

185 <div class="sizedToGridArea autoRowSpanning2LineAutoColumn" data-offset- x="0" data-offset-y="50" data-expected-width="100" data-expected-height="100"></ div>	284 <div class="sizedToGridArea autoRowSpanning2LineAutoColumn" data-offset- x="0" data-offset-y="50" data-expected-width="100" data-expected-height="100"></ div>

186 <div class="sizedToGridArea secondRowAutoColumn" data-offset-x="100" dat a-offset-y="50" data-expected-width="100" data-expected-height="100"></div>	285 <div class="sizedToGridArea secondRowAutoColumn" data-offset-x="100" dat a-offset-y="50" data-expected-width="100" data-expected-height="100"></div>

	286 <div class="sizedToGridArea autoRowSpanning2LineAutoColumn" data-offset- x="100" data-offset-y="150" data-expected-width="100" data-expected-height="200" ></div>

	287 <div class="sizedToGridArea thirdRowAutoColumn" data-offset-x="200" data -offset-y="150" data-expected-width="100" data-expected-height="200"></div>

	288 <div class="sizedToGridArea autoRowSpanningLineAutoColumn" data-offset-x ="300" data-offset-y="0" data-expected-width="100" data-expected-height="50"></d iv>

	289 <div class="sizedToGridArea autoRowSpanning2LineAutoColumn" data-offset- x="300" data-offset-y="50" data-expected-width="100" data-expected-height="100"> </div>

	290 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="400" data -offset-y="0" data-expected-width="100" data-expected-height="50"></div>

	291 <div class="sizedToGridArea autoRowSpanningLineAutoColumn" data-offset-x ="400" data-offset-y="50" data-expected-width="100" data-expected-height="100">< /div>

	292 <div class="sizedToGridArea thirdRowAutoColumn" data-offset-x="400" data -offset-y="150" data-expected-width="100" data-expected-height="200"></div>

	293 <div class="sizedToGridArea autoRowSpanningLineAutoColumn" data-offset-x ="500" data-offset-y="0" data-expected-width="100" data-expected-height="50"></d iv>

	294 <div class="sizedToGridArea autoRowSpanningLineAutoColumn" data-offset-x ="500" data-offset-y="50" data-expected-width="100" data-expected-height="100">< /div-->

	295 </div>

	296 </div>

	297

	298 <div style="position: relative">

	299 <div class="grid gridAutoFlowColumnDense gridNamedGridLinesRows">

	300 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="0" data-o ffset-y="0" data-expected-width="100" data-expected-height="50"></div>

	301 <div class="sizedToGridArea autoRowSpanning2LineAutoColumn" data-offset- x="0" data-offset-y="50" data-expected-width="100" data-expected-height="100"></ div>

	302 <div class="sizedToGridArea secondRowAutoColumn" data-offset-x="100" dat a-offset-y="50" data-expected-width="100" data-expected-height="100"></div>

187 <div class="sizedToGridArea autoRowSpanning2LineAutoColumn" data-offset- x="0" data-offset-y="150" data-expected-width="100" data-expected-height="200">< /div>	303 <div class="sizedToGridArea autoRowSpanning2LineAutoColumn" data-offset- x="0" data-offset-y="150" data-expected-width="100" data-expected-height="200">< /div>

188 <div class="sizedToGridArea thirdRowAutoColumn" data-offset-x="100" data -offset-y="150" data-expected-width="100" data-expected-height="200"></div>	304 <div class="sizedToGridArea thirdRowAutoColumn" data-offset-x="100" data -offset-y="150" data-expected-width="100" data-expected-height="200"></div>

189 <div class="sizedToGridArea autoRowSpanningLineAutoColumn" data-offset-x ="100" data-offset-y="0" data-expected-width="100" data-expected-height="50"></d iv>	305 <div class="sizedToGridArea autoRowSpanningLineAutoColumn" data-offset-x ="100" data-offset-y="0" data-expected-width="100" data-expected-height="50"></d iv>

190 <div class="sizedToGridArea autoRowSpanning2LineAutoColumn" data-offset- x="200" data-offset-y="0" data-expected-width="100" data-expected-height="50"></ div>	306 <div class="sizedToGridArea autoRowSpanning2LineAutoColumn" data-offset- x="200" data-offset-y="0" data-expected-width="100" data-expected-height="50"></ div>

191 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="300" data -offset-y="0" data-expected-width="100" data-expected-height="50"></div>	307 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="300" data -offset-y="0" data-expected-width="100" data-expected-height="50"></div>

192 <div class="sizedToGridArea autoRowSpanningLineAutoColumn" data-offset-x ="200" data-offset-y="50" data-expected-width="100" data-expected-height="100">< /div>	308 <div class="sizedToGridArea autoRowSpanningLineAutoColumn" data-offset-x ="200" data-offset-y="50" data-expected-width="100" data-expected-height="100">< /div>

193 <div class="sizedToGridArea thirdRowAutoColumn" data-offset-x="200" data -offset-y="150" data-expected-width="100" data-expected-height="200"></div>	309 <div class="sizedToGridArea thirdRowAutoColumn" data-offset-x="200" data -offset-y="150" data-expected-width="100" data-expected-height="200"></div>

194 <div class="sizedToGridArea autoRowSpanningLineAutoColumn" data-offset-x ="300" data-offset-y="50" data-expected-width="100" data-expected-height="100">< /div>	310 <div class="sizedToGridArea autoRowSpanningLineAutoColumn" data-offset-x ="300" data-offset-y="50" data-expected-width="100" data-expected-height="100">< /div>

195 <div class="sizedToGridArea autoRowSpanningLineAutoColumn" data-offset-x ="300" data-offset-y="150" data-expected-width="100" data-expected-height="200"> </div-->	311 <div class="sizedToGridArea autoRowSpanningLineAutoColumn" data-offset-x ="300" data-offset-y="150" data-expected-width="100" data-expected-height="200"> </div-->

196 </div>	312 </div>

197 </div>	313 </div>

198	314

199 </body>	315 </body>

200 </html>	316 </html>

OLD	NEW