- update of MCC (en) and installer (fr) documentation

- changes of the rendering to fit a bit more to www.mageia.org

6 files changed, 1234 insertions, 0 deletions

diff --git a/g/images/bg_ln_1.jpg b/g/images/bg_ln_1.jpg
new file mode 100644
index 00000000..6fd03507
--- /dev/null
+++ b/g/images/bg_ln_1.jpg
diff --git a/g/images/bg_ln_2.png b/g/images/bg_ln_2.png
new file mode 100644
index 00000000..a5c485d9
--- /dev/null
+++ b/g/images/bg_ln_2.png
diff --git a/g/images/bg_ln_3.png b/g/images/bg_ln_3.png
new file mode 100644
index 00000000..d4cc5f87
--- /dev/null
+++ b/g/images/bg_ln_3.png
diff --git a/g/images/bg_ln_4.png b/g/images/bg_ln_4.png
new file mode 100644
index 00000000..e0eb25c9
--- /dev/null
+++ b/g/images/bg_ln_4.png
diff --git a/g/images/cauldron_alpha_ln_1.png b/g/images/cauldron_alpha_ln_1.png
new file mode 100644
index 00000000..b3c6976f
--- /dev/null
+++ b/g/images/cauldron_alpha_ln_1.png
diff --git a/g/style/all.css b/g/style/all.css
new file mode 100644
index 00000000..f44e3d17
--- /dev/null
+++ b/g/style/all.css
@@ -0,0 +1,1234 @@
+html{
+color:#000;
+background:#FFF
+}
+
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{
+margin:0;
+padding:0
+}
+
+table{
+border-collapse:collapse;
+border-spacing:0
+}
+
+fieldset,img{
+border:0
+}
+
+address,caption,cite,code,dfn,em,strong,th,var,optgroup{
+font-style:inherit;
+font-weight:inherit
+}
+
+del,ins{
+text-decoration:none
+}
+
+li{
+list-style:none
+}
+
+caption,th{
+text-align:left
+}
+
+h1,h2,h3,h4,h5,h6{
+font-size:100%;
+font-weight:normal
+}
+
+q:before,q:after{
+content:''
+}
+
+abbr,acronym{
+border:0;
+font-variant:normal
+}
+
+sup{
+vertical-align:baseline
+}
+
+sub{
+vertical-align:baseline
+}
+
+legend{
+color:#000
+}
+
+input,button,textarea,select,optgroup,option{
+font-family:inherit;
+font-size:inherit;
+font-style:inherit;
+font-weight:inherit
+}
+
+input,button,textarea,select{
+*font-size:100%
+}
+
+body{
+font:13px/1.231 arial,helvetica,clean,sans-serif;
+*font-size:small;
+*font:x-small
+}
+
+select,input,button,textarea,button{
+font:99% arial,helvetica,clean,sans-serif
+}
+
+table{
+font-size:inherit;
+font:100%
+}
+
+pre,code,kbd,samp,tt{
+font-family:monospace;
+*font-size:108%;
+line-height:100%
+}
+
+body{
+text-align:center
+}
+
+#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{
+margin:auto;
+text-align:left;
+width:57.69em;
+*width:56.25em
+}
+
+#doc2{
+width:73.076em;
+*width:71.25em
+}
+
+#doc3{
+margin:auto 10px;
+width:auto
+}
+
+#doc4{
+width:74.923em;
+*width:73.05em
+}
+
+.yui-b{
+position:relative
+}
+
+.yui-b{
+_position:static
+}
+
+#yui-main .yui-b{
+position:static
+}
+
+#yui-main,.yui-g .yui-u .yui-g{
+width:100%
+}
+
+.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{
+float:right;
+margin-left:-25em
+}
+
+.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{
+float:left;
+margin-right:-25em
+}
+
+.yui-t1 .yui-b{
+float:left;
+width:12.30769em;
+*width:12.00em
+}
+
+.yui-t1 #yui-main .yui-b{
+margin-left:13.30769em;
+*margin-left:13.05em
+}
+
+.yui-t2 .yui-b{
+float:left;
+width:13.8461em;
+*width:13.50em
+}
+
+.yui-t2 #yui-main .yui-b{
+margin-left:14.8461em;
+*margin-left:14.55em
+}
+
+.yui-t3 .yui-b{
+float:left;
+width:23.0769em;
+*width:22.50em
+}
+
+.yui-t3 #yui-main .yui-b{
+margin-left:24.0769em;
+*margin-left:23.62em
+}
+
+.yui-t4 .yui-b{
+float:right;
+width:13.8456em;
+*width:13.50em
+}
+
+.yui-t4 #yui-main .yui-b{
+margin-right:14.8456em;
+*margin-right:14.55em
+}
+
+.yui-t5 .yui-b{
+float:right;
+width:18.4615em;
+*width:18.00em
+}
+
+.yui-t5 #yui-main .yui-b{
+margin-right:19.4615em;
+*margin-right:19.125em
+}
+
+.yui-t6 .yui-b{
+float:right;
+width:23.0769em;
+*width:22.50em
+}
+
+.yui-t6 #yui-main .yui-b{
+margin-right:24.0769em;
+*margin-right:23.62em
+}
+
+.yui-t7 #yui-main .yui-b{
+display:block;
+margin:0 0 1em 0
+}
+
+#yui-main .yui-b{
+float:none;
+width:auto
+}
+
+.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{
+float:left
+}
+
+.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{
+float:right
+}
+
+.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{
+float:left
+}
+
+.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{
+width:49.1%
+}
+
+.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{
+width:32%;
+margin-left:1.99%
+}
+
+.yui-gb .yui-u{
+*margin-left:1.9%;
+*width:31.9%
+}
+
+.yui-gc div.first,.yui-gd .yui-u{
+width:66%
+}
+
+.yui-gd div.first{
+width:32%
+}
+
+.yui-ge div.first,.yui-gf .yui-u{
+width:74.2%
+}
+
+.yui-ge .yui-u,.yui-gf div.first{
+width:24%
+}
+
+.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{
+margin-left:0
+}
+
+.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{
+width:49%;
+*width:48.1%;
+*margin-left:0
+}
+
+.yui-g .yui-g .yui-u{
+width:48.1%
+}
+
+.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{
+*margin-right:0;
+*width:32%;
+_width:31.7%
+}
+
+.yui-g .yui-gc div.first,.yui-gd .yui-g{
+width:66%
+}
+
+.yui-gb .yui-g div.first{
+*margin-right:4%;
+_margin-right:1.3%
+}
+
+.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{
+*margin-right:0
+}
+
+.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{
+*margin-left:1.8%;
+_margin-left:4%
+}
+
+.yui-g .yui-gb .yui-u{
+_margin-left:1.0%
+}
+
+.yui-gb .yui-gd .yui-u{
+*width:66%;
+_width:61.2%
+}
+
+.yui-gb .yui-gd div.first{
+*width:31%;
+_width:29.5%
+}
+
+.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{
+width:32%;
+_float:right;
+margin-right:0;
+_margin-left:0
+}
+
+.yui-gb .yui-gc div.first{
+width:66%;
+*float:left;
+*margin-left:0
+}
+
+.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{
+margin:0
+}
+
+.yui-gb .yui-gb .yui-u{
+_margin-left:.7%
+}
+
+.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{
+*margin-left:0
+}
+
+.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{
+*width:48.1%;
+*margin-left:0
+}
+
+.yui-gb .yui-gd div.first{
+width:32%
+}
+
+.yui-g .yui-gd div.first{
+_width:29.9%
+}
+
+.yui-ge .yui-g{
+width:24%
+}
+
+.yui-gf .yui-g{
+width:74.2%
+}
+
+.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{
+float:right
+}
+
+.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{
+float:left
+}
+
+.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{
+*width:24%;
+_width:20%
+}
+
+.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{
+*width:73.5%;
+_width:65.5%
+}
+
+.yui-ge div.first .yui-gd .yui-u{
+width:65%
+}
+
+.yui-ge div.first .yui-gd div.first{
+width:32%
+}
+
+#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{
+content:".";
+display:block;
+height:0;
+clear:both;
+visibility:hidden
+}
+
+#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{
+zoom:1
+}
+
+body{
+margin:10px
+}
+
+h1{
+font-size:138.5%
+}
+
+h2{
+font-size:123.1%
+}
+
+h3{
+font-size:108%
+}
+
+h1,h2,h3{
+margin:1em 0
+}
+
+h1,h2,h3,h4,h5,h6,strong,dt{
+font-weight:bold
+}
+
+optgroup{
+font-weight:normal
+}
+
+abbr,acronym{
+border-bottom:1px dotted #000;
+cursor:help
+}
+
+em{
+font-style:italic
+}
+
+del{
+text-decoration:line-through
+}
+
+blockquote,ul,ol,dl{
+margin:1em
+}
+
+ol,ul,dl{
+margin-left:2em
+}
+
+ol li{
+list-style:decimal outside
+}
+
+ul li{
+list-style:disc outside
+}
+
+dl dd{
+margin-left:1em
+}
+
+th,td{
+border:1px solid #000;
+padding:.5em
+}
+
+th{
+font-weight:bold;
+text-align:center
+}
+
+caption{
+margin-bottom:.5em;
+text-align:center
+}
+
+sup{
+vertical-align:super
+}
+
+sub{
+vertical-align:sub
+}
+
+p,fieldset,table,pre{
+margin-bottom:1em
+}
+
+button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{
+padding:1px
+}
+
+html,body{
+margin:0;
+padding:0;
+background:#fff;
+background:url(/g/images/bg_ln_4.png) repeat-x;
+font-family:Verdana,"Trebuchet MS","Lucida Grande","Lucida Sans",Verdana,Tahoma,Arial,sans-serif
+}
+
+body{
+background:url(/g/images/cauldron_alpha_ln_1.png) no-repeat -20px 200px
+}
+
+a,a:link{
+color:#2383c2;
+text-decoration:none
+}
+
+h1{
+padding:.5em .7em;
+margin:0 auto;
+text-align:left;
+font-size:300%;
+color:#000
+}
+
+h1 span{
+font-weight:normal;
+font-size:75%
+}
+
+.para{
+background:#fff;
+padding:1em 2em
+}
+
+h2,h3{
+margin:0 0 .4em 0
+}
+
+h2{
+font-size:170%
+}
+
+h3{
+font-size:150%
+}
+
+h1,h2,h3{
+font-family:"Century Gothic","Trebuchet MS",Arial,sans-serif;
+font-weight:normal;
+color:#3494d3
+}
+
+h2 a,h3 a{
+color:#3494d3;
+text-decoration:none
+}
+
+.report-a-bug h3{
+color:#222
+}
+
+.term{
+background:#444;
+display:block;
+color:#eee;
+padding:.8em 1em;
+-webkit-box-shadow:0 0 10px #aaa
+}
+
+.term.small{
+font-size:80%
+}
+
+hr{
+display:block;
+width:40%;
+margin:1em auto 3em auto;
+-webkit-box-shadow:0 2px 3px #9db1ca;
+-moz-box-shadow:0 2px 3px #9db1ca;
+box-shadow:0 2px 3px #9db1ca;
+overflow:hidden;
+border:0;
+border-top:1px solid #fff
+}
+
+a[hreflang]:after{
+color:#666;
+font-style:italic;
+content:"\A0("attr(hreflang)")"
+}
+
+.date{
+color:#444;
+font-style:italic;
+font-size:1em
+}
+
+#doc,#doc4,#doc2{
+margin:1em auto 2em auto;
+-webkit-border-radius:10px;
+-moz-border-radius:10px;
+border-radius:10px;
+-webkit-box-shadow:0 0 10px #9db1ca;
+-moz-box-shadow:0 0 6px #555;
+box-shadow:0 0 6px #555;
+overflow:hidden;
+background:#fff
+}
+
+#hd{
+background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(50%,#fff),to(#f0f0f0));
+background:-moz-linear-gradient(top,#fff 50%,#f0f0f0);
+background:-webkit-linear-gradient(top,#fff 50%,#f0f0f0);
+background:linear-gradient(top,#fff 50%,#f0f0f0);
+-webkit-border-radius:10px 10px 0 0;
+-moz-border-radius:10px 10px 0 0;
+border-radius:10px 10px 0 0;
+border-bottom:1px solid #9db1ca;
+display:block;
+margin-bottom:10px;
+-webkit-box-shadow:0 1px 3px #9db1ca;
+-moz-box-shadow:0 1px 3px #9db1ca;
+box-shadow:0 1px 3px #9db1ca
+}
+
+#bd{
+-webkit-border-radius:0 0 10px 10px;
+-moz-border-radius:0 0 10px 10px;
+border-radius:0 0 10px 10px
+}
+
+#logo{
+display:block;
+float:left;
+background:url(/g/images/logo_ln_1.png) no-repeat;
+width:186px;
+height:61px
+}
+
+#logo span{
+display:block;
+text-indent:-9999px
+}
+
+.lsep{
+display:block;
+float:left;
+color:#ddd;
+line-height:70px;
+font-weight:thin;
+margin:0 20px 0 25px
+}
+
+.subh{
+display:block;
+float:left;
+height:84px;
+line-height:76px
+}
+
+.subh .tag{
+color:orange
+}
+
+.hl>li{
+margin-bottom:.6em
+}
+
+#people{
+height:300px;
+overflow:auto;
+background:#fffaf0;
+margin:0 0 1em 0;
+padding:1em 1em 1em 2em
+}
+
+#people li{
+list-style:disc;
+margin-bottom:.2em
+}
+
+#reg{
+text-align:center;
+font-size:1.4em;
+margin:1em
+}
+
+.faq p{
+margin-bottom:2.5em
+}
+
+.nav{
+background:#fff;
+padding:.3em;
+border-bottom:1px solid #9db1ca;
+-webkit-box-shadow:0 1px 2px #9db1ca;
+-moz-box-shadow:0 1px 2px #9db1ca;
+box-shadow:0 1px 2px #9db1ca
+}
+
+.qsidesummary{
+float:right;
+border:1px solid #aaa;
+padding:0 0 1em 1em;
+margin:0 0 2em 1em;
+background:#fff
+}
+
+.qsidesummary.testday{
+float:none;
+background:#fff380;
+border-color:orange;
+padding:.8em;
+margin:0 0 1em 0;
+font-size:85%
+}
+
+.nav2{
+width:695px;
+width:auto;
+margin:0 auto;
+margin:0 .5em;
+position:relative
+}
+
+p.loc{
+font-size:.9em;
+padding:.5em 0;
+color:#ccc;
+width:695px;
+width:100%;
+margin:0 auto;
+text-align:left
+}
+
+p.loc a{
+color:#2383c2;
+text-decoration:none
+}
+
+p.loc a.sel{
+font-weight:bold;
+color:#000
+}
+
+.values ul{
+margin-bottom:2em
+}
+
+.values ul li{
+margin-bottom:.4em
+}
+
+.codeofconduct h2.be{
+margin-top:1em
+}
+
+#preamble{
+font-size:90%;
+padding:1em 1em 0 1em;
+border:1px solid #ccc;
+background:#eee;
+color:#555
+}
+
+.license{
+font-size:85%;
+font-style:italic
+}
+
+.license,.license a{
+color:#555
+}
+
+ul.todo li.active{
+font-weight:bold
+}
+
+ul.todo li.done{
+text-decoration:line-through
+}
+
+ul.news{
+padding:0;
+margin:0
+}
+
+ul.news li{
+margin-bottom:1em;
+list-style:none
+}
+
+ul.news li span.dt{
+font-weight:thin;
+font-size:85%;
+color:#999;
+margin:.3em 1em .3em 3em;
+display:block
+}
+
+.bb1{
+border-bottom:1px solid #9db1ca
+}
+
+.lb1{
+border-left:1px solid #9db1ca
+}
+
+.rb1{
+border-right:1px solid #9db1ca
+}
+
+#lang_form{
+position:absolute;
+top:0;
+right:0
+}
+
+.donate-coord{
+background:#fea;
+background:#ddd;
+color:#222;
+padding:.8em 1em 2em 1em;
+font-family:courier,monospace;
+font-size:95%
+}
+
+#pp_form{
+text-align:center;
+padding-top:2em;
+padding-bottom:1em
+}
+
+#pp_form_btn{
+text-align:center
+}
+
+.ty-ppl-list{
+list-style-type:none;
+-moz-column-count:3;
+-webkit-column-count:3;
+column-count:3;
+-moz-column-gap:1em;
+-webkit-column-gap:1em;
+column-gap:1em;
+font-size:90%;
+margin:1em 0 4em 1em;
+padding:0
+}
+
+.ty-ppl-list li{
+list-style-type:none
+}
+
+.ty-ppl-list li:before{
+content:"\00BB \0020"
+}
+
+.ty-ppl-list.twocol{
+-moz-column-count:2;
+-webkit-column-count:2;
+column-count:2;
+-moz-column-gap:1em;
+-webkit-column-gap:1em;
+column-gap:1em
+}
+
+#dl-table th{
+text-align:left
+}
+
+#dl-table .city,#dl-table .country{
+vertical-align:top
+}
+
+#fr-table td,#fr-table tr{
+vertical-align:top
+}
+
+#fr-table .money{
+text-align:right;
+padding-left:2em
+}
+
+.fr-table td,.fr-table tr{
+vertical-align:top
+}
+
+.fr-table .money{
+text-align:right
+}
+
+.fr-table .currency{
+color:#777;
+font-size:80%%
+}
+
+.dlt2{
+border-collapse:collapse;
+width:100%;
+font-size:90%
+}
+
+.dlt2 th,.dlt2 td{
+border:1px solid transparent;
+vertical-align:top
+}
+
+.dlt2 thead th,.dlt2 th.h{
+color:#aaa;
+font-size:85%;
+text-align:left
+}
+
+.dlt2 th{
+border:0;
+border-bottom:1px solid #ccc
+}
+
+.dlt2 tbody td{
+border-bottom:1px solid #aaa;
+border-right:1px solid #ccc
+}
+
+.dlt2 tbody td:last-child{
+border-right:0
+}
+
+.dlt2 .size{
+text-align:right
+}
+
+.dlt2 tbody tr.focus{
+outline:2px solid #f00
+}
+
+.dlt2 tfoot td{
+color:#aaa;
+font-size:85%;
+vertical-align:top
+}
+
+.dlt2 tfoot td a{
+color:#aaa
+}
+
+.dlt2 .pop span{
+display:block;
+height:11px;
+background:#ccc;
+color:transparent
+}
+
+.dlt2 .pop span.pop_0{
+width:0
+}
+
+.dlt2 .pop span.pop_1{
+width:5px
+}
+
+.dlt2 tbody th{
+text-align:left;
+border-right:1px solid #ccc
+}
+
+.pop_2{
+width:10px
+}
+
+.pop_3{
+width:20px
+}
+
+.pop_4{
+width:35px
+}
+
+.pop_5{
+width:50px
+}
+
+.dlinfo{
+font-size:85%;
+color:#777
+}
+
+.warn{
+color:#a00
+}
+
+.dlt2 tr.reco td{
+font-weight:bold
+}
+
+.noborder{
+border-collapse:collapse;
+border:0
+}
+
+.noborder td,.noborder th{
+border:0
+}
+
+.minusSign{
+color:red
+}
+
+.labelR{
+text-align:right;
+white-space:nowrap
+}
+
+.hidden{
+display:none
+}
+
+.contrib-list{
+padding:0;
+margin:0
+}
+
+.contrib-list>li{
+list-style:none;
+padding-left:70px;
+min-height:60px;
+background-image:url(/g/images/smi/vcard-48x48.png);
+background-repeat:no-repeat;
+background-position:0 4px;
+margin-bottom:2em
+}
+
+.contrib-list.charter>li{
+background-image:url(/g/images/smi/website-48x48.png)
+}
+
+.contrib-list li h3{
+font-size:140%;
+margin:0;
+color:#000;
+font-weight:bold
+}
+
+.contrib-list li h3 a{
+color:#000
+}
+
+.contrib-list #marketing{
+background-image:url(/g/images/smi/feed-48x48.png)
+}
+
+.contrib-list #web,.contrib-list #mirror{
+background-image:url(/g/images/smi/website-48x48.png)
+}
+
+.contrib-list #triage{
+background-image:url(/g/images/smi/feed-48x48.png)
+}
+
+.contrib-list #triage{
+background-image:url(/g/images/smi/feed-48x48.png)
+}
+
+.contrib-act li{
+margin-bottom:.6em
+}
+
+.contrib-act{
+margin-bottom:2.5em
+}
+
+.release #hd{
+margin-bottom:0
+}
+
+.rel-desktop-home{
+width:749px;
+background:#fff;
+border:0;
+margin:0;
+padding:0
+}
+
+.rel-desktop-home.rel-home1{
+width:450px;
+float:left;
+border:0;
+margin:0 2em 2em 0;
+padding:0;
+-webkit-box-shadow:0 0 10px #aaa
+}
+
+.screen-copy{
+display:block;
+margin:2em auto 4em auto;
+-webkit-box-shadow:0 -6px 10px #444
+}
+
+.clear{
+clear:both
+}
+
+.download-btn{
+font-family:"Century Gothic","Trebuchet MS",Arial,sans-serif;
+background:#3494d3;
+background:-webkit-gradient(linear,left top,left bottom,from(#3494d3),color-stop(60%,#3494d3),to(#2383c2));
+background:-moz-linear-gradient(top,#3494d3 60%,#2383c2);
+background:-webkit-linear-gradient(top,#3494d3 60%,#2383c2);
+background:linear-gradient(top,#3494d3 60%,#2383c2);
+margin:0 0 1em 0;
+padding:0;
+color:#fff;
+padding:.6em;
+font-size:220%;
+font-weight:normal;
+border-radius:4px
+}
+
+.download-btn a:link,.download-btn a:visited{
+color:#fff
+}
+
+#subnav{
+text-align:right;
+color:#777
+}
+
+#subnav a.sel{
+color:#000
+}
+
+.product-list{
+padding:0;
+margin:0
+}
+
+.product-list>li{
+list-style:none;
+padding-left:70px;
+min-height:60px;
+background-image:url(/g/images/smi/vcard-48x48.png);
+background-repeat:no-repeat;
+background-position:0 4px;
+margin-bottom:2em
+}
+
+.product-list li h3{
+font-size:140%;
+margin:0;
+padding:5px;
+color:#000;
+font-weight:bold
+}
+
+.product-list li h3 a{
+color:#000
+}
+
+.product-list #marketing{
+background-image:url(/g/images/smi/feed-48x48.png)
+}
+
+.product-list #web,.contrib-list li#mirror{
+background-image:url(/g/images/smi/website-48x48.png)
+}
+
+.product-list #triage{
+background-image:url(/g/images/smi/feed-48x48.png)
+}
+
+.product-list #triage{
+background-image:url(/g/images/smi/feed-48x48.png)
+}
+
+.product-act li{
+margin-bottom:.6em
+}
+
+.product-act{
+margin-bottom:2.5em
+}
+
+.red-sign,.green-sign{
+color:white;
+font-weight:bold;
+line-height:1.6em;
+font-size:90%;
+padding:.7em 2em .8em 2em;
+margin:.5em -27px 1.5em -27px;
+text-shadow:1px 1px 3px #000
+}
+
+.red-sign{
+background:#a00
+}
+
+.green-sign{
+background:#060
+}
+
+.dlt th{
+text-align:left
+}
+
+th .dlinfo{
+font-weight:normal
+}
+
+h1#mgnavtitle a{
+color:#fff
+}
+
+#mgnavsub{
+width:100%;
+background:#fff
+}
+
+#mgnavsub ul{
+margin:0;
+padding:0;
+list-style:none;
+display:table;
+padding-left:20px
+}
+
+#mgnavsub li{
+display:table-cell
+}
+
+#mgnavsub li a{
+display:block;
+padding:.5em .8em
+}
+
+#mgnavsub li a.sel{
+background:#1272b1;
+color:white;
+text-shadow:0 1px 5px #444;
+border-radius:0 0 3px 3px
+}
+