From 7cbf722dd2843df0cc3132e14a4f37e413afce5a Mon Sep 17 00:00:00 2001
From: Dany De Bontridder <dany@alchimerys.be>
Date: Tue, 25 Nov 2014 23:19:42 +0100
Subject: [PATCH] =?UTF-8?q?Task=20#1045=20-=20Am=C3=A9lioration=20apparenc?=
 =?UTF-8?q?e=20=20:=20Add=20icon=20amazing=20glass=20+=20improve=20CSS?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 html/image/magnifier13.png | Bin 0 -> 569 bytes
 html/style-classic.css     |  35 ++++-
 html/style-light.css       | 161 +++++++++++++++++++++--
 html/style-mandarine.css   | 262 +++++++++++++++++++++++++++++++++----
 4 files changed, 419 insertions(+), 39 deletions(-)
 create mode 100644 html/image/magnifier13.png

diff --git a/html/image/magnifier13.png b/html/image/magnifier13.png
new file mode 100644
index 0000000000000000000000000000000000000000..89f8b46529a0f2a502dd117e282a87e82dd2bb91
GIT binary patch
literal 569
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dy%*9TgAsieWw;%dH0CG7CJR*yM
z^j#2UEC^o24rEA{xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk1yocT;1lBd
z|Nnm=lg_~G^{Et~m1-qHe!&b(tZW?IVp7uD2DaXQ0f|{<^$pGK8#Zm<apdT+lcz7-
zefsRfufNf^eX1B37+E}B978Nlubp%;smXxH)!3zrD{SJ)0G8IOfB%KQGkDxyxaZBj
zrQf%BPVV^9HEB)8Z6$A|nZX4{JVucpuHQF{$lA8A-oRn%a<8S8tTUR+?>j6%?opmF
z$GnM6Z{wQ&=j|OGN5nJUSovKzx@kA_U&lL+W<Mt~>h4y*zE^5<!_2zb4yv!M@5f(W
z$~7r`f}@`Mx@r15=PqstIrrx6u3(KgM{X}U4e5XjyBgHlH59%ws=Ko7<hO8D3;5aa
z`Ru;HzB_KbYqvewS|xMs$?wCn<iD%^*<-Lu_praV_`L&)dzOZpf8a=eYo2@lUyITD
y4Ki`s|C=Lp1*60|fav=HhZo-))|AA)ejuLtLu=nbdr@0Zq<OmfxvX<aXaWF;xxFy}

literal 0
HcmV?d00001

diff --git a/html/style-classic.css b/html/style-classic.css
index df405d1da..62f9248c5 100644
--- a/html/style-classic.css
+++ b/html/style-classic.css
@@ -256,12 +256,11 @@ td.mshort {
     color:#5D90CD ;
     background-color:#DDE6FF;
 }
-
+/* first Menu  */
 td.mtitle {
     text-align:center;
     width:250px;
     height :30px;
-/*    background-color:#DDE6FF;*/
     border:1px solid #99B1DF;
     border-radius:5px;
     background: #C2E3FC; /* Old browsers */
@@ -273,7 +272,9 @@ td.mtitle {
     background: linear-gradient(to bottom, #C2E3FC 0%,#6393c1 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C2E3FC', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */
 }
-
+td.mtitle a.mtitle {
+    color : white;
+}
 td.msubtitle {
     text-align:center;
     height:20px;
@@ -292,7 +293,7 @@ span.even {
     background-color:#DDE6FF;
     display:block;
 }
-
+/* highlight table row */
 tr.odd {
     background-color: #DDE6FF;
 }
@@ -1502,6 +1503,9 @@ fieldset {
     width: 80%;
     overflow: auto;
 }
+/****************************************************************************
+ * Tabs  
+ ****************************************************************************/
 ul.tabs {
     padding-top: 15px;
     display:block;
@@ -1562,11 +1566,18 @@ ul.tabs a:hover {
     display:inline;
      background-color: lightblue;
 }
+/*
+ * ????
+ */
 .previous_year
 {
     text-align:right;
     color:black;
 }
+/*****************************************************************************
+ * autocomplete style
+ *****************************************************************************/
+
 div.autocomplete_fixed {
     background-color:#FFFFFF;
     border:1px solid #888;
@@ -1730,4 +1741,18 @@ div.content a.tinybutton{
     border-color: blue;
     border-radius: 2px; 
     display : inline;
-}
\ No newline at end of file
+}
+/*******************************************************************************
+ Image Search
+*******************************************************************************/
+.image_search {
+    cursor:pointer;
+    width:16px;
+    height:16px;
+    padding:1px;
+    border:#000000 1px solid;
+    vertical-align: top;
+  background: lightcyan; /* Old browsers */
+  border-radius:7px
+  
+}c
diff --git a/html/style-light.css b/html/style-light.css
index 17d360dd4..5442bac9c 100644
--- a/html/style-light.css
+++ b/html/style-light.css
@@ -335,6 +335,7 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', end
 }
 td.mtitle a.mtitle {
     color : white;
+    font-variant: small-caps;
 }
 a.mtitle {
     text-decoration:none;
@@ -518,19 +519,13 @@ div.redcontent a.mtitle:hover {
 div.content a.mtitle {
     text-decoration:none;
     display:inline;
-    color:#605D5D;
-
-
-
-}
+    }
 
 div.content a.mtitle:hover {
     text-decoration:none;
     display:inline;
     background-color:#00008B;
     color:#FFFFFF;
-
-
 }
 div.redcontent input.text {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
@@ -1250,6 +1245,9 @@ a.nav:hover,div.content a.nav:hover,div.redcontent a.nav:hover {
     text-align: center;
     font-variant:small-caps;
     font-weight: bolder;
+    text-transform: full-width;
+    text-transform: fullwidth;
+     text-shadow: 7px 7px 7px black;
     }
 }
 @media only screen and (max-width: 955px) {
@@ -1261,6 +1259,7 @@ a.nav:hover,div.content a.nav:hover,div.redcontent a.nav:hover {
     text-align: left;
     font-variant:small-caps;
     font-weight: bolder;
+    text-transform: full-width;
     }
 }
 
@@ -1420,7 +1419,7 @@ div.bxbutton
     margin-right:0.48%;
 }
 div.inner_box tr.odd {
-    background: #E0EBFF;
+    background: #E5E5E5;
 }
 #modele_op_tab tr.odd {
     background:  #EDF3FF;
@@ -1543,4 +1542,148 @@ fieldset {
     width: 80%;
     overflow: auto;
     overflow-style: panner;
-}
\ No newline at end of file
+}
+/****************************************************************************
+ * Tabs  
+ ****************************************************************************/
+ul.tabs {
+    padding-top: 15px;
+    display:block;
+    border-bottom: 1px solid #879ed4;
+    padding-left: 2px
+}
+ul.tabs  a  {
+    display:inline;
+}
+li.tabs_selected {
+    display:inline;
+   background: rgb(206,220,231); /* Old browsers */
+background: -moz-linear-gradient(top, rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,220,231,1)), color-stop(100%,rgba(89,106,114,1))); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* IE10+ */
+background: linear-gradient(to bottom, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
+    color:whitesmoke;
+    margin-left: 2px;
+    padding: 12px 15px 15px 15px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+    border:1px #879ed4 solid;
+    font-weight: bold;
+
+}
+li.tabs {
+    display:inline;
+    background-color: inherit;
+    color:inherit;margin-left: 0px;
+    padding: 15px 15px 0px 15px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+    border:1px grey solid;
+
+}
+li.tabs:hover {
+    display:inline;
+    background-color: grey;
+    color:wheat;margin-left: 2px;
+    padding: 15px 15px 0px 15px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+    border:1px grey solid;
+
+}
+ul.tabs a {
+    text-decoration: none;
+    color:inherit;
+    display:inline;
+    
+}
+ul.tabs a:hover {
+    text-decoration: none;
+    color:white;
+    display:inline;
+     background-color: lightblue;
+}
+/*****************************************************************************
+ * Table of one column to present menu 
+ * as in CFGLED, FORECAST, REPORT
+ *****************************************************************************/
+table.vert_mtitle {
+  text-align:center;
+    /* border:5px solid #99B1DF; */
+    border-radius:5px;
+    width:80%;
+    margin-left: 10%;
+    border-collapse: separate;
+    border-spacing: 10px;
+   
+    
+}
+table.vert_mtitle td.first {
+    background-color: #DCE1EF;
+}
+table.vert_mtitle td {
+    border : 1px solid #99B1DF;
+     background-color:#EDEDED;
+     border-top-radius:20px;
+}
+table.vert_mtitle td a{
+    padding : 20px;
+    font-weight: bold;
+}
+table.vert_mtitle td:hover {
+    border : 1px solid #99B1DF;
+    background-color: #336699;
+    color:white;
+}
+table.vert_mtitle td:hover a{
+   color:white;
+  
+}
+
+/*******************************************************************************
+ *  Tiny button example : -X for remove action, remove link...
+ *******************************************************************************/
+div.content a.tinybutton{
+    color: red;
+    font-weight: bold;
+    text-decoration: none;
+    font-family: arial,verdana,sans-serif,helvetica;
+   /* background-image: url("image/bg-submit2.gif");
+    background-repeat: repeat-x;
+    background-position: left; */
+    font-size: 8px;
+    font-size: 0.7rem;
+    padding-bottom: 0px;
+    padding-top: 0px;
+    padding-right: 0px;
+    padding-left: 0px;
+    margin-top: 3px;
+    cursor: pointer;
+    margin: 1px 2px 1px 2px;
+    border-width: 1px;
+    border-style: solid;
+    border-color: orangered;
+    border-radius: 2px; 
+    display : inline;
+}
+div.content td.mtitle a.mtitle {
+    color : white;
+    font-variant: small-caps;
+    background-color: inherit;
+}
+/*******************************************************************************
+ Image Search
+*******************************************************************************/
+.image_search {
+    cursor:pointer;
+    width:16px;
+    height:16px;
+    padding:1px;
+    border:#000000 1px solid;
+    vertical-align: top;
+    background: grey;
+}
+    
\ No newline at end of file
diff --git a/html/style-mandarine.css b/html/style-mandarine.css
index 2194a53e9..b5b1f6edd 100644
--- a/html/style-mandarine.css
+++ b/html/style-mandarine.css
@@ -243,8 +243,9 @@ table.document th{
 }
 
 table.mtitle {
-    border:0;
-    text-align:center
+    border:0px;
+    text-align:center;
+    min-width: 75%;   
 }
 td.mshort {
     height:15px;
@@ -256,13 +257,42 @@ td.mshort {
 }
 td.mtitle {
     text-align:center;
-    width:250px;
-    height :30px;
-    background-color: #FFD299;
+    max-width:100px;
+    height :20px;
+    background: rgb(255,100,86); /* Old browsers */
+/*background: -moz-linear-gradient(top, rgba(255,100,86,1) 11%, rgba(207,4,4,1) 67%);  FF3.6+ 
+background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,rgba(255,100,86,1)), color-stop(67%,rgba(207,4,4,1)));  Chrome,Safari4+ 
+background: -webkit-linear-gradient(top, rgba(255,100,86,1) 11%,rgba(207,4,4,1) 67%);  Chrome10+,Safari5.1+ 
+background: -o-linear-gradient(top, rgba(255,100,86,1) 11%,rgba(207,4,4,1) 67%);  Opera 11.10+ 
+background: -ms-linear-gradient(top, rgba(255,100,86,1) 11%,rgba(207,4,4,1) 67%);  IE10+ 
+background: linear-gradient(to bottom, rgba(255,100,86,1) 11%,rgba(207,4,4,1) 67%);  W3C 
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6456', endColorstr='#cf0404',GradientType=0 );  IE6-9 
+* Plus clair 
+background: #feccb1;   Old browsers  
+background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);   FF3.6+ 
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e));  Chrome,Safari4+ 
+background: -webkit-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%);   Chrome10+,Safari5.1+ 
+background: -o-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%);   Opera 11.10+  
+background: -ms-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%);   IE10+ 
+background: linear-gradient(to bottom, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%);   W3C 
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 );   IE6-9 */
+
+background: rgb(250,198,149); /* Old browsers */
+background: -moz-linear-gradient(top, rgba(250,198,149,1) 0%, rgba(245,171,102,1) 47%, rgba(239,141,49,1) 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,198,149,1)), color-stop(47%,rgba(245,171,102,1)), color-stop(100%,rgba(239,141,49,1))); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, rgba(250,198,149,1) 0%,rgba(245,171,102,1) 47%,rgba(239,141,49,1) 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, rgba(250,198,149,1) 0%,rgba(245,171,102,1) 47%,rgba(239,141,49,1) 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, rgba(250,198,149,1) 0%,rgba(245,171,102,1) 47%,rgba(239,141,49,1) 100%); /* IE10+ */
+background: linear-gradient(to bottom, rgba(250,198,149,1) 0%,rgba(245,171,102,1) 47%,rgba(239,141,49,1) 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac695', endColorstr='#ef8d31',GradientType=0 ); /* IE6-9 */
+
     border:0px;
     border-radius:5px;
     font-weight: bold;
 }
+td.mtitle a.mtitle {
+    color:whitesmoke;
+}
 td.msubtitle {
     text-align:center;
     height:20px;
@@ -305,19 +335,21 @@ td.cell{
 }
 td.selectedcell{
     border-style:solid;
-    border-color:#FF7F50;
+    border-color:red;
     border-width:1px ;
     font-weight: bold;
-    background:#FF6600 ;
+    background:#FFA268;
     color:#FFFFFF;
     text-align:center;
-    width:120px;
+    max-width:50%;
+    width: 10rem;
     border-radius:5px;
 }
 a.mtitle {
     text-decoration:none;
     display:inline;
     color: #A52A2A;
+    cursor: pointer;
 
 }
 a.mtitle:hover {
@@ -340,7 +372,6 @@ td.selectedcell a.mtitle,div.content td.selectedcell a.mtitle {
     text-decoration:none;
     display:block;
     color:#FFFFFF;
-    width: 250px;
 }
 a.dossier {
     text-decoration:none;
@@ -362,7 +393,7 @@ tr.even:hover td
 }
 td.mtitle:hover,td.mtitle:hover a
 {
-    background-color: #F9C5B6;
+    background: #F9C5B6;
     color:#FFFFFF;
     font-weight: bold;
 }
@@ -376,6 +407,8 @@ a.cell {
     display:block;
     color:#FF7F50;
     background-color:#FFFFFF;
+    cursor: pointer;
+
 }
 
 a.cell:hover {
@@ -397,6 +430,8 @@ a.one:visited {
 
 a.one:active {
     background: #FF7F50;
+    cursor: pointer;
+
 }
 
 a.one:hover {
@@ -412,6 +447,8 @@ a.detail
     text-decoration: none;
     display: block;
     color: #DB6906;
+    cursor: pointer;
+
 }
 
 a.detail:hover
@@ -450,6 +487,7 @@ div.content a {
     display: block;
     color: #EF5F2B;
     padding: 0px;
+    cursor: pointer;
 
 }
 
@@ -1133,6 +1171,8 @@ a.line,div.content a.line
 {
     text-decoration:underline;
     display:inline;
+        cursor: pointer;
+
     /* color: #FF7F50; */
 }
 a.line:hover,div_content a.line
@@ -1153,6 +1193,8 @@ a.line:hover,div_content a.line
     margin-top:0px;
     font-size:12px;
     font-size:0.75rem;
+    cursor: pointer;
+
 }
 #close_div:hover
 {
@@ -1168,6 +1210,8 @@ a.line:hover,div_content a.line
     margin-right:18px;
     font-size:12px;
     font-size: 0.75rem;
+   cursor: pointer;
+
 }
 #popmeout:hover
 {
@@ -1198,6 +1242,8 @@ span.invoice
 a.nav,div.content a.nav,div.redcontent a.nav {
     display:inline;
     text-decoration:none;
+    cursor: pointer;
+
 }
 a.nav:hover,div.content a.nav:hover,div.redcontent a.nav:hover {
     display:inline;
@@ -1242,15 +1288,31 @@ h1.title {
     text-transform: uppercase;
 }
 h2.title {
-
-        background: -moz-linear-gradient(top, rgba(242,130,91,0.94) 0%, rgba(229,91,43,0.98) 62%, rgba(240,113,70,0.99) 73%, rgba(240,113,70,1) 100%); /* FF3.6+ */
-        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,130,91,0.94)), color-stop(62%,rgba(229,91,43,0.98)), color-stop(73%,rgba(240,113,70,0.99)), color-stop(100%,rgba(240,113,70,1))); /* Chrome,Safari4+ */
-        background: -webkit-linear-gradient(top, rgba(242,130,91,0.94) 0%,rgba(229,91,43,0.98) 62%,rgba(240,113,70,0.99) 73%,rgba(240,113,70,1) 100%); /* Chrome10+,Safari5.1+ */
-        background: -o-linear-gradient(top, rgba(242,130,91,0.94) 0%,rgba(229,91,43,0.98) 62%,rgba(240,113,70,0.99) 73%,rgba(240,113,70,1) 100%); /* Opera 11.10+ */
-        background: -ms-linear-gradient(top, rgba(242,130,91,0.94) 0%,rgba(229,91,43,0.98) 62%,rgba(240,113,70,0.99) 73%,rgba(240,113,70,1) 100%); /* IE10+ */
-        background: linear-gradient(to bottom, rgba(242,130,91,0.94) 0%,rgba(229,91,43,0.98) 62%,rgba(240,113,70,0.99) 73%,rgba(240,113,70,1) 100%); /* W3C */
-        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f2825b', endColorstr='#f07146',GradientType=0 ); /* IE6-9 */
-
+/*
+        background: -moz-linear-gradient(top, rgba(242,130,91,0.94) 0%, rgba(229,91,43,0.98) 62%, rgba(240,113,70,0.99) 73%, rgba(240,113,70,1) 100%);  FF3.6+ 
+        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,130,91,0.94)), color-stop(62%,rgba(229,91,43,0.98)), color-stop(73%,rgba(240,113,70,0.99)), color-stop(100%,rgba(240,113,70,1)));  Chrome,Safari4+ 
+        background: -webkit-linear-gradient(top, rgba(242,130,91,0.94) 0%,rgba(229,91,43,0.98) 62%,rgba(240,113,70,0.99) 73%,rgba(240,113,70,1) 100%);  Chrome10+,Safari5.1+ 
+        background: -o-linear-gradient(top, rgba(242,130,91,0.94) 0%,rgba(229,91,43,0.98) 62%,rgba(240,113,70,0.99) 73%,rgba(240,113,70,1) 100%);  Opera 11.10+ 
+        background: -ms-linear-gradient(top, rgba(242,130,91,0.94) 0%,rgba(229,91,43,0.98) 62%,rgba(240,113,70,0.99) 73%,rgba(240,113,70,1) 100%);  IE10+ 
+        background: linear-gradient(to bottom, rgba(242,130,91,0.94) 0%,rgba(229,91,43,0.98) 62%,rgba(240,113,70,0.99) 73%,rgba(240,113,70,1) 100%);  W3C 
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f2825b', endColorstr='#f07146',GradientType=0 );  IE6-9 */
+/* Other test */
+/*background: #feccb1;  Old browsers 
+background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);  FF3.6+ 
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e));  Chrome,Safari4+ 
+background: -webkit-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%);  Chrome10+,Safari5.1+ 
+background: -o-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%);  Opera 11.10+ 
+background: -ms-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%);  IE10+ 
+background: linear-gradient(to bottom, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%);  W3C 
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 );  IE6-9 */
+  background: rgb(255,100,86); /* Old browsers */
+background: -moz-linear-gradient(top, rgba(255,100,86,1) 11%, rgba(207,4,4,1) 67%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,rgba(255,100,86,1)), color-stop(67%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, rgba(255,100,86,1) 11%,rgba(207,4,4,1) 67%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, rgba(255,100,86,1) 11%,rgba(207,4,4,1) 67%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, rgba(255,100,86,1) 11%,rgba(207,4,4,1) 67%); /* IE10+ */
+background: linear-gradient(to bottom, rgba(255,100,86,1) 11%,rgba(207,4,4,1) 67%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6456', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
     color:#FFFFFF;
     text-align:center;
     padding:0.24%;
@@ -1289,10 +1351,6 @@ div.myfieldset
     top:0px;
     left:45%;
 }
-div.menu2 a.mtitle{
-    font-size:13.6px;
-    font-size:0.85rem;
-}
 div.menu3 {
     font-size:13.6px;
     font-size:0.85rem;
@@ -1504,12 +1562,166 @@ fieldset {
     border-spacing: 0px;
 }
 a {
-color: brown;
+    color: brown;
 /* text-decoration: underline; */
-cursor: auto;
+    cursor: pointer;
 }
 #mod_predf_op {
     width: 80%;
     overflow: auto;
     overflow-style: panner;
+}
+hr {
+    color : orangered;
+    background-color : orangered;
+    width : 75%;
+    border-width:2px;
+    border-style:solid;
+    margin-left: 12.5%
+}
+/****************************************************************************
+ * Tabs  
+ ****************************************************************************/
+ul.tabs {
+    padding-top: 15px;
+    display:block;
+    border-bottom: 1px solid red;
+    padding-left: 2px
+}
+ul.tabs  a  {
+    display:inline;
+}
+li.tabs_selected {
+    display:inline;
+   background: #F9C5B6; /* Old browsers */
+      border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+    margin-left: 5px;
+    padding: 20px 15px 0px 15px;
+    border:1px red solid;
+}
+li.tabs {
+    display:inline;
+    background-color: inherit;
+    color:inherit;
+    margin-left: 5px;
+    border-top-right-radius: 10px;
+    padding: 15px 15px 0px 15px;
+    border:1px red solid;
+
+}
+li.tabs:hover {
+    display:inline;
+    background-color: pink;
+    color:wheat;margin-left: 2px;
+    padding:  15px 15px 0px 15px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+    border:1px red solid;
+
+}
+ul.tabs a {
+    text-decoration: none;
+    color:inherit;
+    display:inline;
+    
+}
+ul.tabs a:hover {
+    text-decoration: none;
+    color:red;
+    display:inline;
+     background-color: pink;
+}
+/*****************************************************************************
+ * Second row of menu
+ *****************************************************************************/
+div.menu2 a.mtitle{
+    font-size:13.6px;
+    font-size:0.85rem;
+    padding-left: 5rem;
+    padding-right: 5rem;
+}
+
+div.menu2 table.mtitle td.mtitle {
+    border:0px;
+    background:inherit;
+    color:white;
+    width: 10rem;
+    border-spacing: 12px;
+    border-bottom: 2px #E95353 solid;
+    border-radius: 0px;
+    
+}
+div.menu2 table.mtitle td.mtitle a.mtitle {
+    color:red;
+    padding-left: 5rem;
+    padding-right: 5rem;
+    cursor:pointer;
+}
+/*****************************************************************************
+ * Table of one column to present menu 
+ * as in CFGLED, FORECAST, REPORT
+ *****************************************************************************/
+table.vert_mtitle {
+  text-align:center;
+    /* border:5px solid #99B1DF; */
+    border-radius:5px;
+    width:80%;
+    margin-left: 10%;
+    border-collapse: separate;
+    border-spacing: 10px;
+   
+    
+}
+table.vert_mtitle td.first {
+    background-color: #FFBC93;
+    color:#DF3F3F;
+}
+table.vert_mtitle td.first a {
+    background-color: #FFBC93;
+    color:#DF3F3F;
+}
+table.vert_mtitle td {
+    border : 1px solid #99B1DF;
+     background-color:#FFD4BA;
+     border-top-radius:20px;
+}
+table.vert_mtitle td a{
+    padding : 20px;
+    font-weight: bold;
+}
+table.vert_mtitle td:hover {
+    border : 1px solid #99B1DF;
+    background-color: #336699;
+    color:white;
+}
+table.vert_mtitle td:hover a{
+   color:white;
+  
+}
+/*******************************************************************************
+ *  Tiny button example : -X for remove action, remove link...
+ *******************************************************************************/
+div.content a.tinybutton{
+    color: red;
+    font-weight: bold;
+    text-decoration: none;
+    font-family: arial,verdana,sans-serif,helvetica;
+   /* background-image: url("image/bg-submit2.gif");
+    background-repeat: repeat-x;
+    background-position: left; */
+    font-size: 8px;
+    font-size: 0.7rem;
+    padding-bottom: 0px;
+    padding-top: 0px;
+    padding-right: 0px;
+    padding-left: 0px;
+    margin-top: 3px;
+    cursor: pointer;
+    margin: 1px 2px 1px 2px;
+    border-width: 1px;
+    border-style: solid;
+    border-color: blue;
+    border-radius: 2px; 
+    display : inline;
 }
\ No newline at end of file