Merge branch 'FLUID-4025'

* FLUID-4025:
  FLUID-4025: Adding to FSS flex container styles

src/webapp/framework/fss/css/fss-layout.css

@@ -41,16 +41,105 @@ Generic containers for columns and layouts
 /* Flex width containers */
 .fl-container-auto {width: auto;}
 .fl-container-flex {width: 100%; clear:both;}
+.fl-container-flex1 {width: 1%;}
+.fl-container-flex2 {width: 2%;}
+.fl-container-flex3 {width: 3%;}
+.fl-container-flex4 {width: 4%;}
+.fl-container-flex5 {width: 5%;}
+.fl-container-flex6 {width: 6%;}
+.fl-container-flex7 {width: 7%;}
+.fl-container-flex8 {width: 8%;}
+.fl-container-flex9 {width: 9%;}
 .fl-container-flex10 {width: 10%;}
+.fl-container-flex11 {width: 11%;}
+.fl-container-flex12 {width: 12%;}
+.fl-container-flex13 {width: 13%;}
+.fl-container-flex14 {width: 14%;}
+.fl-container-flex15 {width: 15%;}
+.fl-container-flex16 {width: 16%;}
+.fl-container-flex17 {width: 17%;}
+.fl-container-flex18 {width: 18%;}
+.fl-container-flex19 {width: 19%;}
 .fl-container-flex20 {width: 20%;}
+.fl-container-flex21 {width: 21%;}
+.fl-container-flex22 {width: 22%;}
+.fl-container-flex23 {width: 23%;}
+.fl-container-flex24 {width: 24%;}
 .fl-container-flex25 {width: 25%;}
+.fl-container-flex26 {width: 26%;}
+.fl-container-flex27 {width: 27%;}
+.fl-container-flex28 {width: 28%;}
+.fl-container-flex29 {width: 29%;}
 .fl-container-flex30 {width: 30%;}
+.fl-container-flex31 {width: 31%;}
+.fl-container-flex32 {width: 32%;}
 .fl-container-flex33 {width: 33%;}
+.fl-container-flex34 {width: 34%;}
+.fl-container-flex35 {width: 35%;}
+.fl-container-flex36 {width: 36%;}
+.fl-container-flex37 {width: 37%;}
+.fl-container-flex38 {width: 38%;}
+.fl-container-flex39 {width: 39%;}
 .fl-container-flex40 {width: 40%;}
+.fl-container-flex41 {width: 41%;}
+.fl-container-flex42 {width: 42%;}
+.fl-container-flex43 {width: 43%;}
+.fl-container-flex44 {width: 44%;}
+.fl-container-flex45 {width: 45%;}
+.fl-container-flex46 {width: 46%;}
+.fl-container-flex47 {width: 47%;}
+.fl-container-flex48 {width: 48%;}
+.fl-container-flex49 {width: 49%;}
 .fl-container-flex50 {width: 50%;}
+.fl-container-flex51 {width: 51%;}
+.fl-container-flex52 {width: 52%;}
+.fl-container-flex53 {width: 53%;}
+.fl-container-flex54 {width: 54%;}
+.fl-container-flex55 {width: 55%;}
+.fl-container-flex56 {width: 56%;}
+.fl-container-flex57 {width: 57%;}
+.fl-container-flex58 {width: 58%;}
+.fl-container-flex59 {width: 59%;}
 .fl-container-flex60 {width: 60%;}
+.fl-container-flex61 {width: 61%;}
+.fl-container-flex62 {width: 62%;}
+.fl-container-flex63 {width: 63%;}
+.fl-container-flex64 {width: 64%;}
+.fl-container-flex65 {width: 65%;}
 .fl-container-flex66 {width: 66%;}
+.fl-container-flex67 {width: 67%;}
+.fl-container-flex68 {width: 68%;}
+.fl-container-flex69 {width: 69%;}
+.fl-container-flex70 {width: 70%;}
+.fl-container-flex71 {width: 71%;}
+.fl-container-flex72 {width: 72%;}
+.fl-container-flex73 {width: 73%;}
+.fl-container-flex74 {width: 74%;}
 .fl-container-flex75 {width: 75%;}
+.fl-container-flex76 {width: 76%;}
+.fl-container-flex77 {width: 77%;}
+.fl-container-flex78 {width: 78%;}
+.fl-container-flex79 {width: 79%;}
+.fl-container-flex80 {width: 80%;}
+.fl-container-flex81 {width: 81%;}
+.fl-container-flex82 {width: 82%;}
+.fl-container-flex83 {width: 83%;}
+.fl-container-flex84 {width: 84%;}
+.fl-container-flex85 {width: 85%;}
+.fl-container-flex86 {width: 86%;}
+.fl-container-flex87 {width: 87%;}
+.fl-container-flex88 {width: 88%;}
+.fl-container-flex89 {width: 89%;}
+.fl-container-flex90 {width: 90%;}
+.fl-container-flex91 {width: 91%;}
+.fl-container-flex92 {width: 92%;}
+.fl-container-flex93 {width: 93%;}
+.fl-container-flex94 {width: 94%;}
+.fl-container-flex95 {width: 95%;}
+.fl-container-flex96 {width: 96%;}
+.fl-container-flex97 {width: 97%;}
+.fl-container-flex98 {width: 98%;}
+.fl-container-flex99 {width: 99%;}
 
 /* linearizable containers & columns */
 .fl-layout-linear *,