1 files changed, 102 insertions, 31 deletions

diff --git a/source/default.css b/source/default.css
index f13f61f75a..be9a1af271 100644
--- a/source/default.css
+++ b/source/default.css
@@ -173,18 +173,12 @@ h4, h5, h6 {
   border: solid 1px #18A303;
 }
 
-.indexlink {
-  font-size: 10pt;
-  margin-top: 2px;
-  margin-bottom: 2px;
-}
-
 #DisplayArea {
   position: fixed;
-  bottom: 5px;
-  right: 5px;
+  bottom: 1px;
+  right: 1px;
   left: 30%;
-  top: 10%;
+  top: 79px;
   overflow: auto;
   border: solid 1px;
   padding: 10px;
@@ -192,40 +186,42 @@ h4, h5, h6 {
 
 #BottomLeft {
   position: fixed;
-  bottom: 5px;
-  left: 5px;
+  bottom: 1px;
+  left: 1px;
   overflow: auto;
   right: 70%;
-  top: 10%;
+  top: 79px;
   border-top: solid 1px;
   border-left: solid 1px;
   border-bottom: solid 1px;
   padding: 10px;
+  list-style-type: none;
 }
 
 #TopRight {
   position: fixed;
-  right: 0px;
-  top: 0px;
+  right: 1px;
+  top: 1px;
   left: 70%;
-  bottom: 90%;
 }
 
 #TopLeft {
-  left: 0px;
+  left: 1px;
+  position: fixed;
+  top: 35px;
+}
+
+#TopLang {
+  left: 1px;
   position: fixed;
-  top: 0px;
-  bottom: 90%;
+  top: 1px;
+  right:30%
 }
 
-#NavigationHistory {
-	top: 5px;
-	float: right;
-	text-align: right;
-	color: #18A303;
-	font-weight: 700;
-	font-size: 0.625rem;
-	cursor: pointer;
+#TopSystem {
+top: 35px;
+left: 600px;
+position: fixed;
 }
 
 .mediabutton {
@@ -246,29 +242,104 @@ h4, h5, h6 {
 .embedded {
 }
 // Top menu navidation
-nav {
+#TopLeft nav {
     background-color: #333;
     margin: 0;
     overflow: hidden;
 }
-nav ul{
+#TopLeft nav ul{
     margin: 0;
     padding: 0;
 }
-nav ul li {
+#TopLeft nav ul li {
     /* This allow us to arrange list items in a row, without using float */
     display: inline-block;
     list-style-type: none;
 }
 
 /* Create a style for the first level items */
-nav > ul > li > a {
+#TopLeft nav > ul > li > a {
     color: #FFFFFF;
     background-color:#18A303;
     display: block;
-    line-height: 2em;
+    line-height: 1.5em;
     padding: 0.5em 0.5em;
     text-decoration: none;
+    font-weight: bold;
+    border:1px solid;
+    border-color:#333333;
+    font-size: 11pt;
+}
+
+// Top menu languages
+#TopLang nav {
+    background-color: #333;
+    margin: 0;
+    overflow: hidden;
+}
+#TopLang nav ul{
+    margin: 0;
+    padding: 0;
+}
+#TopLang nav ul li {
+    /* This allow us to arrange list items in a row, without using float */
+    display: inline-block;
+    list-style-type: none;
+}
+
+/* Create a style for the first level items */
+#TopLang nav > ul > li > a {
+    color: #333333;
+    background-color:#EEEEEE;
+    display: block;
+    line-height: 1.5em;
+    padding: 0.2em 0.4em;
+    text-decoration: none;
+    font-weight: bold;
+    border:1px solid;
+    border-color:#333333;
+    font-size: 10pt;
+}
+
+#BottomLeft ul > li{
+    list-style-type: none;
+    font-size:11pt;
 }
 
+#SearchBox p {
+	background-color: #c2f6ba;
+	font-size: 16pt;
+	font-weight: bold;
+	line-height:2em;
+	border: 1px solid #18A303;
+}
 
+// Top menu System
+#TopSystem nav {
+    background-color: #333;
+    margin: 0;
+    overflow: hidden;
+}
+#TopSystem nav ul{
+    margin: 0;
+    padding: 0;
+}
+#TopSystem nav ul li {
+    /* This allow us to arrange list items in a row, without using float */
+    display: inline-block;
+    list-style-type: none;
+}
+
+/* Create a style for the first level items */
+#TopSystem nav > ul > li > a {
+    color: #FFFFFF;
+    background-color:blue;
+    display: block;
+    line-height: 1.5em;
+    padding: 0.5em 0.5em;
+    text-decoration: none;
+    font-weight: bold;
+    border:1px solid;
+    border-color:#333333;
+    font-size: 11pt;
+}