[MERGE] from trunk

bzr revid: xmo@openerp.com-20120419081213-m3fhofkgydj6gp1m

4 files changed, 2868 insertions, 1225 deletions

diff --git a/addons/web/static/src/css/Makefile b/addons/web/static/src/css/Makefile
new file mode 100644
index 00000000000..eca044497ef
--- /dev/null
+++ b/addons/web/static/src/css/Makefile
@@ -0,0 +1,3 @@
+base.css: base.sass
+	sass -t expanded base.sass base.css
+
diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css
index b0a2b7945b9..854946cdf97 100644
--- a/addons/web/static/src/css/base.css
+++ b/addons/web/static/src/css/base.css
@@ -1,37 +1,428 @@
-.openerp2 {
+@charset "utf-8";
+@font-face {
+  font-family: "mnmliconsRegular";
+  src: url("/web/static/src/font/mnmliconsv21-webfont.eot") format("eot");
+  src: url("/web/static/src/font/mnmliconsv21-webfont.woff") format("woff");
+  src: url("/web/static/src/font/mnmliconsv21-webfont.ttf") format("truetype");
+  src: url("/web/static/src/font/mnmliconsv21-webfont.svg") format("svg") active;
+  font-weight: normal;
+  font-style: normal;
+}
+
+.openerp.openerp-web-client-container {
+  height: 100%;
+  position: relative;
+}
+
+.openerp {
   padding: 0;
   margin: 0;
   font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
   color: #4c4c4c;
   font-size: 13px;
   background: white;
-  position: relative;
+  /* http://www.quirksmode.org/dom/inputfile.html
+   * http://stackoverflow.com/questions/2855589/replace-input-type-file-by-an-image
+   */
 }
-.openerp2 a {
+.openerp a {
   text-decoration: none;
 }
-.openerp2 .oe_webclient {
-  position: absolute;
+.openerp table {
+  padding: 0;
+  font-size: 13px;
+  border-collapse: collapse;
+}
+.openerp thead {
+  font-weight: bold;
+  background-color: #f0f0f0;
+}
+.openerp thead th {
+  border-right: 1px dotted #afafb6;
+}
+.openerp thead th:last-child {
+  border-right: none;
+}
+.openerp th, .openerp td {
+  padding: 0;
+  line-height: 18px;
+  text-align: left;
+}
+.openerp th {
+  font-weight: bold;
+  vertical-align: middle;
+}
+.openerp td {
+  vertical-align: top;
+}
+.openerp .zebra tbody tr:nth-child(odd) td {
+  background-color: #f0f0fa;
+  background-color: #f0f0fa;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0fa), to(#eeeef6));
+  background-image: -webkit-linear-gradient(top, #f0f0fa, #eeeef6);
+  background-image: -moz-linear-gradient(top, #f0f0fa, #eeeef6);
+  background-image: -ms-linear-gradient(top, #f0f0fa, #eeeef6);
+  background-image: -o-linear-gradient(top, #f0f0fa, #eeeef6);
+  background-image: linear-gradient(to bottom, #f0f0fa, #eeeef6);
+}
+.openerp .zebra tbody tr:hover td {
+  background-color: #eeeeee;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dedede));
+  background-image: -webkit-linear-gradient(top, #eeeeee, #dedede);
+  background-image: -moz-linear-gradient(top, #eeeeee, #dedede);
+  background-image: -ms-linear-gradient(top, #eeeeee, #dedede);
+  background-image: -o-linear-gradient(top, #eeeeee, #dedede);
+  background-image: linear-gradient(to bottom, #eeeeee, #dedede);
+}
+.openerp .numeric {
+  text-align: right;
+  width: 82px;
+}
+.openerp .numeric input {
+  text-align: right;
+}
+.openerp ul, .openerp li, .openerp ol {
+  margin: 0;
+  padding: 0;
+}
+.openerp li {
+  list-style-type: none;
+}
+.openerp .oe_i {
+  font-family: "mnmliconsRegular" !important;
+  font-size: 21px;
+  font-weight: 300 !important;
+}
+.openerp .oe_left {
+  float: left;
+  margin-right: 8px;
+}
+.openerp .oe_right {
+  float: right;
+  margin-left: 8px;
+}
+.openerp .oe_clear {
+  clear: both;
+}
+.openerp .oe_wait {
+  cursor: wait;
+}
+.openerp a.button:link, .openerp a.button:visited, .openerp button, .openerp input[type='submit'] {
+  display: inline-block;
+  border: 1px solid #ababab;
+  color: #404040;
+  margin: 0;
+  padding: 4px 12px;
+  font-size: 13px;
+  text-align: center;
+  background-color: #efefef;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d8d8d8));
+  background-image: -webkit-linear-gradient(top, #efefef, #d8d8d8);
+  background-image: -moz-linear-gradient(top, #efefef, #d8d8d8);
+  background-image: -ms-linear-gradient(top, #efefef, #d8d8d8);
+  background-image: -o-linear-gradient(top, #efefef, #d8d8d8);
+  background-image: linear-gradient(to bottom, #efefef, #d8d8d8);
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
+  -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
+  -webkit-font-smoothing: antialiased;
+  outline: none;
+}
+.openerp a.button:hover, .openerp button:hover, .openerp input[type='submit']:hover {
+  background-color: #f6f6f6;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
+  background-image: -webkit-linear-gradient(top, #f6f6f6, #e3e3e3);
+  background-image: -moz-linear-gradient(top, #f6f6f6, #e3e3e3);
+  background-image: -ms-linear-gradient(top, #f6f6f6, #e3e3e3);
+  background-image: -o-linear-gradient(top, #f6f6f6, #e3e3e3);
+  background-image: linear-gradient(to bottom, #f6f6f6, #e3e3e3);
+  cursor: pointer;
+}
+.openerp a.button:focus, .openerp button:focus, .openerp input[type='submit']:focus {
+  border: 1px solid #80bfff;
+  background-color: #f6f6f6;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
+  background-image: -webkit-linear-gradient(top, #f6f6f6, #e3e3e3);
+  background-image: -moz-linear-gradient(top, #f6f6f6, #e3e3e3);
+  background-image: -ms-linear-gradient(top, #f6f6f6, #e3e3e3);
+  background-image: -o-linear-gradient(top, #f6f6f6, #e3e3e3);
+  background-image: linear-gradient(to bottom, #f6f6f6, #e3e3e3);
+  -moz-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
+  -webkit-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
+  -box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
+}
+.openerp a.button:active, .openerp a.button.active, .openerp button:active, .openerp button.active, .openerp input[type='submit']:active, .openerp input[type='submit'].active {
+  background: #e3e3e3;
+  background: -moz-linear-gradient(top, #e3e3e3, #f6f6f6) #1b468f;
+  background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f6f6f6)) #1b468f;
+  background: linear-gradient(top, #e3e3e3, #f6f6f6) #1b468f;
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  -box-shadow: none;
+}
+.openerp a.button.disabled, .openerp button:disabled, .openerp input[type='submit']:disabled {
+  background: #efefef !important;
+  border: 1px solid #d1d1d1 !important;
+  -moz-box-shadow: none !important;
+  -webkit-box-shadow: none !important;
+  -box-shadow: none !important;
+  color: #aaaaaa !important;
+  cursor: default;
+  text-shadow: 0 1px 1px white !important;
+}
+.openerp button.primary {
+  color: white;
+  background-color: #dc5f59;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#dc5f59), to(#b33630));
+  background-image: -webkit-linear-gradient(top, #dc5f59, #b33630);
+  background-image: -moz-linear-gradient(top, #dc5f59, #b33630);
+  background-image: -ms-linear-gradient(top, #dc5f59, #b33630);
+  background-image: -o-linear-gradient(top, #dc5f59, #b33630);
+  background-image: linear-gradient(to bottom, #dc5f59, #b33630);
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  -box-shadow: none;
+}
+.openerp button.primary:hover {
+  background-color: #df6b66;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#df6b66), to(#bf3a33));
+  background-image: -webkit-linear-gradient(top, #df6b66, #bf3a33);
+  background-image: -moz-linear-gradient(top, #df6b66, #bf3a33);
+  background-image: -ms-linear-gradient(top, #df6b66, #bf3a33);
+  background-image: -o-linear-gradient(top, #df6b66, #bf3a33);
+  background-image: linear-gradient(to bottom, #df6b66, #bf3a33);
+  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
+  -box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
+}
+.openerp button.primary:active {
+  background-color: #b33630;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#b33630), to(#dc5f59));
+  background-image: -webkit-linear-gradient(top, #b33630, #dc5f59);
+  background-image: -moz-linear-gradient(top, #b33630, #dc5f59);
+  background-image: -ms-linear-gradient(top, #b33630, #dc5f59);
+  background-image: -o-linear-gradient(top, #b33630, #dc5f59);
+  background-image: linear-gradient(to bottom, #b33630, #dc5f59);
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  -box-shadow: none;
+}
+.openerp button.following {
+  color: white;
+  width: 120px;
+  background-color: #8a89ba;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#8a89ba), to(#807fb4));
+  background-image: -webkit-linear-gradient(top, #8a89ba, #807fb4);
+  background-image: -moz-linear-gradient(top, #8a89ba, #807fb4);
+  background-image: -ms-linear-gradient(top, #8a89ba, #807fb4);
+  background-image: -o-linear-gradient(top, #8a89ba, #807fb4);
+  background-image: linear-gradient(to bottom, #8a89ba, #807fb4);
+}
+.openerp button.unfollow {
+  display: none;
+  color: white;
+  width: 120px;
+  background-color: #dc5f59;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#dc5f59), to(#b33630));
+  background-image: -webkit-linear-gradient(top, #dc5f59, #b33630);
+  background-image: -moz-linear-gradient(top, #dc5f59, #b33630);
+  background-image: -ms-linear-gradient(top, #dc5f59, #b33630);
+  background-image: -o-linear-gradient(top, #dc5f59, #b33630);
+  background-image: linear-gradient(to bottom, #dc5f59, #b33630);
+}
+.openerp .oe_loading {
+  display: none;
+  z-index: 100;
+  position: fixed;
   top: 0;
-  bottom: 0;
+  right: 50%;
+  padding: 4px 12px;
+  background: #a61300;
+  color: white;
+  text-align: center;
+  border: 1px solid #990000;
+  border-top: none;
+  -moz-border-radius-bottomright: 8px;
+  -moz-border-radius-bottomleft: 8px;
+  border-bottom-right-radius: 8px;
+  border-bottom-left-radius: 8px;
+}
+.openerp .oe_notification {
+  z-index: 1050;
+}
+.openerp .oe_login {
+  background: url("/web/static/src/img/pattern.png") repeat;
+  text-align: center;
+  font-size: 14px;
+  height: 100%;
+}
+.openerp .oe_login li {
+  list-style-type: none;
+  padding-bottom: 4px;
+}
+.openerp .oe_login button {
+  float: right;
+  display: inline-block;
+  cursor: pointer;
+  padding: 6px 16px;
+  border: 1px solid #222222;
+  color: white;
+  margin: 0;
+  background-color: #b92020;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#b92020), to(#600606));
+  background-image: -webkit-linear-gradient(top, #b92020, #600606);
+  background-image: -moz-linear-gradient(top, #b92020, #600606);
+  background-image: -ms-linear-gradient(top, #b92020, #600606);
+  background-image: -o-linear-gradient(top, #b92020, #600606);
+  background-image: linear-gradient(to bottom, #b92020, #600606);
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
+  -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
+}
+.openerp .oe_login input, .openerp .oe_login select {
+  width: 252px;
+  font-family: "Lucida Grande", Helvetica, Verdana, Arial;
+  border: 1px solid #999999;
+  background: whitesmoke;
+  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
+  -box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
+.openerp .oe_login input {
+  margin-bottom: 9px;
+  padding: 5px 6px;
+}
+.openerp .oe_login select {
+  padding: 1px;
+}
+.openerp .oe_login .oe_login_dbpane {
+  position: fixed;
+  top: 0;
+  right: 8px;
+  padding: 5px 10px;
+  color: #eeeeee;
+  border: solid 1px #333333;
+  background: #1e1e1e;
+  background: rgba(30, 30, 30, 0.94);
+  -moz-border-radius: 0 0 8px 8px;
+  -webkit-border-radius: 0 0 8px 8px;
+  border-radius: 0 0 8px 8px;
+}
+.openerp .oe_login .oe_login_dbpane input {
+  padding: 2px 4px;
+  margin: 4px 0;
+}
+.openerp .oe_login .oe_login_bottom {
+  position: absolute;
+  top: 50%;
   left: 0;
   right: 0;
+  bottom: 0;
+  text-shadow: 0 1px 1px #999999;
+  background-color: #b41616;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#b41616), to(#600606));
+  background-image: -webkit-linear-gradient(top, #b41616, #600606);
+  background-image: -moz-linear-gradient(top, #b41616, #600606);
+  background-image: -ms-linear-gradient(top, #b41616, #600606);
+  background-image: -o-linear-gradient(top, #b41616, #600606);
+  background-image: linear-gradient(to bottom, #b41616, #600606);
 }
-.openerp2 .oe_webclient .oe_application {
+.openerp .oe_login .oe_login_pane {
   position: absolute;
-  top: 32px;
-  bottom: 0;
-  left: 206px;
-  right: 0;
+  top: 50%;
+  left: 50%;
+  margin: -160px -166px;
+  border: solid 1px #333333;
+  background: #1e1e1e;
+  background: rgba(30, 30, 30, 0.94);
+  padding: 22px 32px;
+  color: #eeeeee;
+  text-align: left;
+  -moz-border-radius: 8px;
+  -webkit-border-radius: 8px;
+  border-radius: 8px;
+  -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
+  -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
+  -box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
+}
+.openerp .oe_login .oe_login_pane h2 {
+  margin-top: 0;
+  font-size: 18px;
+}
+.openerp .oe_login .oe_login_logo {
+  position: absolute;
+  top: -70px;
+  left: 0;
+  width: 100%;
+  margin: 0 auto;
+  text-align: center;
+}
+.openerp .oe_login .oe_login_footer {
+  position: absolute;
+  bottom: -40px;
+  left: 0;
+  width: 100%;
+  text-align: center;
+}
+.openerp .oe_login .oe_login_footer a {
+  color: #eeeeee;
+  margin: 0 8px;
+}
+.openerp .oe_login .oe_login_footer a:hover {
+  text-decoration: underline;
+}
+.openerp .oe_login .oe_login_footer span {
+  font-weight: bold;
+  font-size: 16px;
+}
+.openerp .oe_login .oe_login_error_message {
+  display: none;
+  background-color: #b41616;
+  color: #eeeeee;
+  padding: 14px 18px;
+  margin-top: 15px;
+  text-align: center;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
+  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
+  -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
+}
+.openerp .oe_login_invalid .oe_login_error_message {
+  display: inline-block;
+}
+.openerp .oe_database_manager {
+  background: white;
+  color: black;
+  text-align: left;
+}
+.openerp .oe_database_manager .oe_database_manager_menu {
+  color: black;
 }
-.openerp2 .oe_content_full_screen .oe_application {
+.openerp .oe_webclient {
+  width: 100%;
+  height: 100%;
+  border-spacing: 0px;
+}
+.openerp .oe_content_full_screen .oe_application {
   top: 0;
   left: 0;
 }
-.openerp2 .oe_content_full_screen .topbar, .openerp2 .oe_content_full_screen .leftbar {
+.openerp .oe_content_full_screen .oe_topbar, .openerp .oe_content_full_screen .oe_leftbar {
   display: none;
 }
-.openerp2 .oe_topbar {
+.openerp .oe_topbar {
   width: 100%;
   height: 31px;
   border-top: solid 1px #d3d3d3;
@@ -44,17 +435,17 @@
   background-image: -o-linear-gradient(top, #646060, #262626);
   background-image: linear-gradient(to bottom, #646060, #262626);
 }
-.openerp2 .oe_topbar .oe_systray {
+.openerp .oe_topbar .oe_systray {
   float: right;
 }
-.openerp2 .oe_topbar .oe_systray > div {
+.openerp .oe_topbar .oe_systray > div {
   float: left;
   padding: 0 4px 0 4px;
 }
-.openerp2 .oe_topbar .oe_topbar_item li {
+.openerp .oe_topbar .oe_topbar_item li {
   float: left;
 }
-.openerp2 .oe_topbar .oe_topbar_item li a {
+.openerp .oe_topbar .oe_topbar_item li a {
   display: block;
   padding: 5px 10px 7px;
   line-height: 20px;
@@ -63,14 +454,14 @@
   vertical-align: top;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 }
-.openerp2 .oe_topbar .oe_topbar_item li a:hover {
+.openerp .oe_topbar .oe_topbar_item li a:hover {
   background: #303030;
   color: white;
   -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
   -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
   -box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
 }
-.openerp2 .oe_topbar .oe_topbar_item .oe_active {
+.openerp .oe_topbar .oe_topbar_item .oe_active {
   background: #303030;
   font-weight: bold;
   color: white;
@@ -78,7 +469,7 @@
   -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
   -box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
 }
-.openerp2 .oe_topbar .oe_topbar_avatar {
+.openerp .oe_topbar .oe_topbar_avatar {
   width: 24px;
   height: 24px;
   margin: -2px 2px 0 0;
@@ -86,60 +477,134 @@
   -webkit-border-radius: 4px;
   border-radius: 4px;
 }
-.openerp2 .oe_topbar .oe_topbar_avatar {
+.openerp .oe_topbar .oe_topbar_avatar {
   vertical-align: top;
 }
-.openerp2 .oe_leftbar {
-  width: 205px;
-  height: 100%;
+.openerp .oe_topbar .oe_dropdown_toggle:after {
+  width: 0;
+  height: 0;
+  display: inline-block;
+  content: "&darr";
+  text-indent: -99999px;
+  vertical-align: top;
+  margin-top: 8px;
+  margin-left: 4px;
+  border-left: 4px solid transparent;
+  border-right: 4px solid transparent;
+  border-top: 4px solid white;
+  filter: alpha(opacity=50);
+  opacity: 0.5;
+}
+.openerp .oe_leftbar {
+  width: 220px;
   background: #f0eeee;
   border-right: 1px solid #afafb6;
-  overflow: auto;
   text-shadow: 0 1px 1px white;
 }
-.openerp2 .oe_leftbar .oe_footer {
-  position: absolute;
-  width: 205px;
-  text-align: center;
-  bottom: 8px;
-}
-.openerp2 a.oe_logo {
+.openerp a.oe_logo {
+  width: 220px;
   display: block;
   text-align: center;
   height: 70px;
   line-height: 70px;
 }
-.openerp2 a.oe_logo img {
+.openerp a.oe_logo img {
   height: 40px;
   width: 157px;
   margin: 14px 0;
 }
-.openerp2 .oe_footer {
-  position: absolute;
-  width: 205px;
+.openerp .oe_footer {
+  position: fixed;
+  bottom: 0;
+  padding: 4px 0;
+  background: #f0eeee;
+  width: 220px;
   text-align: center;
-  bottom: 8px;
 }
-.openerp2 .oe_footer a {
+.openerp .oe_footer a {
   font-weight: 800;
   font-family: serif;
   font-size: 16px;
   color: black;
 }
-.openerp2 .oe_footer a span {
+.openerp .oe_footer a span {
   color: #c81010;
   font-style: italic;
 }
-.openerp2 .oe_menu {
-  float: left;
+.openerp .oe_user_menu {
+  float: right;
   padding: 0;
   margin: 0;
 }
-.openerp2 .oe_menu li {
+.openerp .oe_user_menu li {
   list-style-type: none;
   float: left;
 }
-.openerp2 .oe_menu a {
+.openerp .oe_user_menu .oe_dropdown {
+  position: relative;
+}
+.openerp .oe_user_menu .oe_dropdown_options {
+  float: left;
+  background: #333333;
+  background: rgba(37, 37, 37, 0.9);
+  display: none;
+  position: absolute;
+  top: 32px;
+  right: -1px;
+  border: 0;
+  z-index: 900;
+  margin-left: 0;
+  margin-right: 0;
+  padding: 6px 0;
+  zoom: 1;
+  border-color: #999999;
+  border-color: rgba(0, 0, 0, 0.2);
+  border-style: solid;
+  border-width: 0 1px 1px;
+  -moz-border-radius: 0 0 6px 6px;
+  -webkit-border-radius: 0 0 6px 6px;
+  border-radius: 0 0 6px 6px;
+  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
+  -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
+  -webkit-background-clip: padding-box;
+  -moz-background-clip: padding-box;
+  background-clip: padding-box;
+}
+.openerp .oe_user_menu .oe_dropdown_options li {
+  float: none;
+  display: block;
+  background-color: none;
+}
+.openerp .oe_user_menu .oe_dropdown_options li a {
+  display: block;
+  padding: 4px 15px;
+  clear: both;
+  font-weight: normal;
+  line-height: 18px;
+  color: #eeeeee;
+}
+.openerp .oe_user_menu .oe_dropdown_options li a:hover {
+  background-color: #292929;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#292929), to(#191919));
+  background-image: -webkit-linear-gradient(top, #292929, #191919);
+  background-image: -moz-linear-gradient(top, #292929, #191919);
+  background-image: -ms-linear-gradient(top, #292929, #191919);
+  background-image: -o-linear-gradient(top, #292929, #191919);
+  background-image: linear-gradient(to bottom, #292929, #191919);
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  -box-shadow: none;
+}
+.openerp .oe_menu {
+  float: left;
+  padding: 0;
+  margin: 0;
+}
+.openerp .oe_menu li {
+  float: left;
+}
+.openerp .oe_menu a {
   display: block;
   padding: 5px 10px 7px;
   line-height: 20px;
@@ -148,14 +613,14 @@
   vertical-align: top;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 }
-.openerp2 .oe_menu a:hover {
+.openerp .oe_menu a:hover {
   background: #303030;
   color: white;
   -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
   -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
   -box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
 }
-.openerp2 .oe_menu .oe_active {
+.openerp .oe_menu .oe_active {
   background: #303030;
   font-weight: bold;
   color: white;
@@ -163,10 +628,10 @@
   -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
   -box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
 }
-.openerp2 .oe_menu_more_container {
+.openerp .oe_menu_more_container {
   position: relative;
 }
-.openerp2 .oe_menu_more_container .oe_menu_more {
+.openerp .oe_menu_more_container .oe_menu_more {
   position: absolute;
   padding: 0;
   background-color: #646060;
@@ -175,34 +640,33 @@
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
 }
-.openerp2 .oe_menu_more_container .oe_menu_more li {
+.openerp .oe_menu_more_container .oe_menu_more li {
   float: none;
 }
-.openerp2 .oe_menu_more_container .oe_menu_more li a {
+.openerp .oe_menu_more_container .oe_menu_more li a {
   white-space: nowrap;
 }
-.openerp2 .oe_secondary_menu_section {
+.openerp .oe_secondary_menu_section {
   font-weight: bold;
   margin-left: 8px;
   color: #8a89ba;
 }
-.openerp2 .oe_secondary_submenu {
+.openerp .oe_secondary_submenu {
   padding: 2px 0 8px 0;
   margin: 0;
   width: 100%;
   display: inline-block;
 }
-.openerp2 .oe_secondary_submenu li {
+.openerp .oe_secondary_submenu li {
   position: relative;
   padding: 1px 0 1px 16px;
-  list-style-type: none;
 }
-.openerp2 .oe_secondary_submenu li a {
+.openerp .oe_secondary_submenu li a {
   display: block;
   color: #4c4c4c;
   padding: 2px 4px 2px 0;
 }
-.openerp2 .oe_secondary_submenu li .oe_menu_label {
+.openerp .oe_secondary_submenu li .oe_menu_label {
   position: absolute;
   top: 1px;
   right: 1px;
@@ -220,7 +684,20 @@
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
   -box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
 }
-.openerp2 .oe_secondary_submenu .oe_active {
+.openerp .oe_secondary_submenu .oe_menu_counter {
+  float: right;
+  background: #8a89ba;
+  color: #eeeeee;
+  font-size: 12px;
+  border: 1px solid lightgray;
+  padding: 0px 4px 0px 4px;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+  margin: 0px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+}
+.openerp .oe_secondary_submenu .oe_active {
   background: #8a89ba;
   border-top: 1px solid lightGray;
   border-bottom: 1px solid lightGray;
@@ -229,10 +706,10 @@
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
   -box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
 }
-.openerp2 .oe_secondary_submenu .oe_active a {
+.openerp .oe_secondary_submenu .oe_active a {
   color: white;
 }
-.openerp2 .oe_secondary_submenu .oe_active .oe_menu_label {
+.openerp .oe_secondary_submenu .oe_active .oe_menu_label {
   background: #eeeeee;
   color: #8a89ba;
   text-shadow: 0 1px 1px white;
@@ -240,7 +717,11 @@
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
   -box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 }
-.openerp2 .oe_secondary_submenu .oe_menu_toggler:before {
+.openerp .oe_secondary_submenu .oe_active .oe_menu_counter {
+  background: #eeeeee;
+  color: #8a89ba;
+}
+.openerp .oe_secondary_submenu .oe_menu_toggler:before {
   width: 0;
   height: 0;
   display: inline-block;
@@ -256,7 +737,7 @@
   filter: alpha(opacity=50);
   opacity: 0.5;
 }
-.openerp2 .oe_secondary_submenu .oe_menu_opened:before {
+.openerp .oe_secondary_submenu .oe_menu_opened:before {
   margin-top: 6px;
   margin-left: -12px;
   margin-right: 4px;
@@ -264,83 +745,1075 @@
   border-right: 4px solid transparent;
   border-top: 4px solid #4c4c4c;
 }
-.openerp2 .oe_dropdown {
+.openerp .oe_application {
+  width: 100%;
+}
+.openerp .oe_application a {
+  color: #8a89ba;
+}
+.openerp .oe_application a:hover {
+  text-decoration: underline;
+}
+.openerp .oe-view-manager-header {
+  border-top: 1px solid #cacaca;
+  border-bottom: 1px solid #cacaca;
+  background-color: #fcfcfc;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#dedede));
+  background-image: -webkit-linear-gradient(top, #fcfcfc, #dedede);
+  background-image: -moz-linear-gradient(top, #fcfcfc, #dedede);
+  background-image: -ms-linear-gradient(top, #fcfcfc, #dedede);
+  background-image: -o-linear-gradient(top, #fcfcfc, #dedede);
+  background-image: linear-gradient(to bottom, #fcfcfc, #dedede);
+  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 9px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 9px rgba(0, 0, 0, 0.1);
+  -box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 9px rgba(0, 0, 0, 0.1);
+}
+.openerp .oe-view-manager-header h2 {
+  float: left;
+  font-size: 18px;
+  margin: 1px 0;
+}
+.openerp .oe-view-manager-header h2 a {
+  color: #8a89ba;
+}
+.openerp .oe-view-manager-header .buttons {
+  padding-right: 8px;
+}
+.openerp .oe-view-manager-header .buttons li {
+  float: left;
+  margin-right: 12px;
+}
+.openerp .oe-view-manager-header .filter {
+  vertical-align: top;
+}
+.openerp .oe-view-manager-header .filter li {
+  height: 24px;
+  line-height: 24px;
+  padding: 0 8px;
+}
+.openerp .oe-view-manager-header .header-row {
+  height: 26px;
+  line-height: 26px;
+  margin: 8px;
+  clear: both;
+  text-shadow: 0 1px 1px white;
+}
+.openerp .oe-view-manager-header .header-row .dropdown-toggle:after {
+  margin-top: 7px;
+  margin-left: 6px;
+  border-top-color: #404040;
+}
+.openerp .oe-view-manager-header .oe_vm_switch li {
+  padding-left: 1px;
+  text-align: center;
+  width: 24px;
+  height: 24px;
+  line-height: 24px;
+}
+.openerp .oe-view-manager-header .pagination li {
+  height: 24px;
+  line-height: 24px;
+  padding: 0 8px;
+}
+.openerp .oe-view-manager-header .button-group {
+  display: inline-block;
+  border: 1px solid #ababab;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+}
+.openerp .oe-view-manager-header .button-group li {
+  float: left;
+  border-right: 1px solid #ababab;
+}
+.openerp .oe-view-manager-header .button-group li:last-child {
+  border: none;
+}
+.openerp .oe-view-manager-header .button-group a {
+  color: #4c4c4c;
+}
+.openerp .oe-view-manager-header .button-group a:hover {
+  text-decoration: none;
+}
+.openerp .oe-view-manager-header .button-group .active {
+  width: 100%;
+  background: #999999;
+  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
+  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
+  -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
+  color: white;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
+}
+.openerp .oe_view_manager_header2 {
+  width: 100%;
+  border-top: 1px solid #cacaca;
+  border-bottom: 1px solid #cacaca;
+  background-color: #fcfcfc;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#dedede));
+  background-image: -webkit-linear-gradient(top, #fcfcfc, #dedede);
+  background-image: -moz-linear-gradient(top, #fcfcfc, #dedede);
+  background-image: -ms-linear-gradient(top, #fcfcfc, #dedede);
+  background-image: -o-linear-gradient(top, #fcfcfc, #dedede);
+  background-image: linear-gradient(to bottom, #fcfcfc, #dedede);
+  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 9px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 9px rgba(0, 0, 0, 0.1);
+  -box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 9px rgba(0, 0, 0, 0.1);
+}
+.openerp .oe_view_manager_header2 h2 {
+  float: left;
+  font-size: 18px;
+  margin: 1px 0;
+}
+.openerp .oe_view_manager_header2 h2 a {
+  color: #8a89ba;
+}
+.openerp .oe_view_manager_header2 td {
+  padding: 4px 8px;
+  line-height: 26px;
+}
+.openerp .oe_view_manager_header2 .oe_button_group {
+  display: inline-block;
+  border: 1px solid #ababab;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+}
+.openerp .oe_view_manager_header2 .oe_button_group li {
+  float: left;
+  border-right: 1px solid #ababab;
+}
+.openerp .oe_view_manager_header2 .oe_button_group li:last-child {
+  border: none;
+}
+.openerp .oe_view_manager_header2 .oe_button_group a {
+  color: #4c4c4c;
+}
+.openerp .oe_view_manager_header2 .oe_button_group a:hover {
+  text-decoration: none;
+}
+.openerp .oe_view_manager_header2 .oe_button_group .active {
+  background: #999999;
+  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
+  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
+  -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
+}
+.openerp .oe_view_manager_header2 .oe_button_group .active a {
+  color: white;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
+}
+.openerp .oe_view_manager_header2 .oe_view_manager_buttons {
+  white-space: nowrap;
+}
+.openerp .oe_view_manager_body h4 {
+  margin: 8px 0;
+}
+.openerp .oe_pager_value {
+  float: left;
+  margin-right: 8px;
+}
+.openerp .oe_pager_group {
+  float: left;
+  height: 24px;
+  line-height: 24px;
+  display: inline-block;
+  border: 1px solid #ababab;
+  cursor: pointer;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+}
+.openerp .oe_pager_group li {
+  height: 24px;
+  line-height: 24px;
+  padding: 0;
+  float: left;
+  border-right: 1px solid #ababab;
+}
+.openerp .oe_pager_group li:last-child {
+  border: none;
+}
+.openerp .oe_pager_group a {
+  color: #4c4c4c;
+  padding: 0 8px;
+}
+.openerp .oe_pager_group a:hover {
+  text-decoration: none;
+}
+.openerp .oe_pager_group .active {
+  background: #999999;
+  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
+  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
+  -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
+}
+.openerp .oe_pager_group .active a {
+  color: white;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
+}
+.openerp .oe_view_manager_switch li {
+  padding-left: 1px;
+  text-align: center;
+  width: 24px;
+  height: 24px;
+  line-height: 24px;
+}
+.openerp .oe_view_manager_switch .oe_vm_switch_list:after, .openerp .oe_view_manager_switch .oe_vm_switch_tree:after {
+  content: "ö";
+}
+.openerp .oe_view_manager_switch .oe_vm_switch_graph:after {
+  content: "ó";
+}
+.openerp .oe_view_manager_switch .oe_vm_switch_gantt:after {
+  content: "y";
+}
+.openerp .oe_view_manager_switch .oe_vm_switch_calendar:after {
+  content: "b";
+}
+.openerp .oe_view_manager_switch .oe_vm_switch_kanban:after {
+  content: "ó";
+}
+.openerp .oe_view_manager_switch .oe_vm_switch_diagram:after {
+  content: "}";
+}
+.openerp .oe_form_dropdown_section {
   position: relative;
+  display: inline-block;
+  margin-right: 4px;
 }
-.openerp2 .oe_dropdown_toggle:after {
+.openerp .oe_dropdown_toggle:after {
   width: 0;
   height: 0;
   display: inline-block;
   content: "&darr";
   text-indent: -99999px;
   vertical-align: top;
-  margin-top: 8px;
-  margin-left: 4px;
   border-left: 4px solid transparent;
   border-right: 4px solid transparent;
   border-top: 4px solid white;
   filter: alpha(opacity=50);
   opacity: 0.5;
+  margin-top: 7px;
+  margin-left: 6px;
+  border-top-color: #404040;
 }
-.openerp2 .oe_user_menu {
-  float: right;
-  padding: 0;
-  margin: 0;
-}
-.openerp2 .oe_user_menu li {
-  list-style-type: none;
-  float: left;
-}
-.openerp2 .oe_user_menu .oe_dropdown_options {
-  float: left;
-  background: #333333;
-  background: rgba(37, 37, 37, 0.9);
+.openerp .oe_dropdown_menu {
   display: none;
   position: absolute;
-  top: 32px;
-  right: -1px;
-  border: 0;
+  top: 28px;
+  left: 0px;
+  padding: 8px;
+  border: 1px solid #afafb6;
+  width: 120px;
+  overflow-x: hidden;
   z-index: 900;
-  margin-left: 0;
-  margin-right: 0;
-  padding: 6px 0;
-  zoom: 1;
-  border-color: #999999;
-  border-color: rgba(0, 0, 0, 0.2);
-  border-style: solid;
-  border-width: 0 1px 1px;
-  -moz-border-radius: 0 0 6px 6px;
-  -webkit-border-radius: 0 0 6px 6px;
-  border-radius: 0 0 6px 6px;
+  text-align: left;
+  background: white;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
   -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
-  -webkit-background-clip: padding-box;
-  -moz-background-clip: padding-box;
-  background-clip: padding-box;
 }
-.openerp2 .oe_user_menu .oe_dropdown_options li {
+.openerp .oe_dropdown_menu li {
+  list-style-type: none;
   float: none;
   display: block;
   background-color: none;
 }
-.openerp2 .oe_user_menu .oe_dropdown_options li a {
+.openerp .oe_dropdown_menu li a {
   display: block;
-  padding: 4px 15px;
+  padding: 3px 6px;
   clear: both;
   font-weight: normal;
+  line-height: 14px;
+  color: #4c4c4c;
+  text-decoration: none;
+}
+.openerp .oe_dropdown_menu li a:hover {
+  text-decoration: none;
+  background-color: #f0f0fa;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0fa), to(#eeeef6));
+  background-image: -webkit-linear-gradient(top, #f0f0fa, #eeeef6);
+  background-image: -moz-linear-gradient(top, #f0f0fa, #eeeef6);
+  background-image: -ms-linear-gradient(top, #f0f0fa, #eeeef6);
+  background-image: -o-linear-gradient(top, #f0f0fa, #eeeef6);
+  background-image: linear-gradient(to bottom, #f0f0fa, #eeeef6);
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  -box-shadow: none;
+}
+.openerp .oe_sidebar {
+  white-space: nowrap;
+}
+.openerp .oe_searchview {
+  position: relative;
+  float: right;
+}
+.openerp .oe_searchview .VS-search .VS-search-box {
+  min-height: 0;
+  border-width: 1px;
+  padding: 0;
+  width: 410px;
+}
+.openerp .oe_searchview .VS-search .VS-icon {
+  top: 5px;
+}
+.openerp .oe_searchview .VS-search .VS-icon-search {
+  left: 5px;
+}
+.openerp .oe_searchview .VS-search .VS-search-inner {
+  margin: 0 40px 0 17px;
+  font-size: 13px;
+}
+.openerp .oe_searchview .VS-search .VS-search-inner input {
+  font-size: inherit;
+  line-height: inherit;
+  height: auto;
+  padding: 0;
+}
+.openerp .oe_searchview .VS-search .VS-search-inner .VS-input-width-tester {
+  font-size: inherit;
+  padding: 0;
+}
+.openerp .oe_searchview .VS-search .VS-search-inner .search_input {
+  margin-left: 0;
+  height: 22px;
+}
+.openerp .oe_searchview .VS-search .VS-search-inner .search_input input, .openerp .oe_searchview .VS-search .VS-search-inner .search_input .VS-input-width-tester {
+  padding: 0 2px;
+  height: inherit;
+  margin: 0;
+}
+.openerp .oe_searchview .VS-search .VS-search-inner .search_facet {
+  padding: 0;
+  margin: 1px 0;
+  border: 1px solid #afafb6;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  background: #f0f0fa;
+  height: 18px;
+}
+.openerp .oe_searchview .VS-search .VS-search-inner .search_facet.is_selected {
+  border-color: #a6a6fe;
+  -moz-box-shadow: 0 0 3px 1px #a6a6fe;
+  -webkit-box-shadow: 0 0 3px 1px #a6a6fe;
+  -box-shadow: 0 0 3px 1px #a6a6fe;
+}
+.openerp .oe_searchview .VS-search .VS-search-inner .search_facet.is_selected .category {
+  margin-left: 0;
+}
+.openerp .oe_searchview .VS-search .VS-search-inner .search_facet.is_selected .VS-icon-cancel {
+  filter: alpha(opacity=100);
+  opacity: 1;
+  background-position: center 0;
+}
+.openerp .oe_searchview .VS-search .VS-search-inner .search_facet .category {
+  padding: 0 4px 0 14px;
+  color: white;
+  background: #8786b7;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
+  font-weight: normal;
+  text-transform: none;
+  height: 18px;
   line-height: 18px;
-  color: #eeeeee;
+  font-size: inherit;
 }
-.openerp2 .oe_user_menu .oe_dropdown_options li a:hover {
-  background-color: #292929;
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#292929), to(#191919));
-  background-image: -webkit-linear-gradient(top, #292929, #191919);
-  background-image: -moz-linear-gradient(top, #292929, #191919);
-  background-image: -ms-linear-gradient(top, #292929, #191919);
-  background-image: -o-linear-gradient(top, #292929, #191919);
-  background-image: linear-gradient(to bottom, #292929, #191919);
+.openerp .oe_searchview .VS-search .VS-search-inner .search_facet .search_facet_input_container {
+  border-left: 1px solid #afafb6;
+  height: 18px;
+  line-height: 18px;
+  padding: 0 4px;
+  cursor: pointer;
+}
+.openerp .oe_searchview .VS-search .VS-search-inner .search_facet .search_facet_remove {
+  left: 1px;
+  top: 3px;
+}
+.openerp .oe_searchview .VS-search .VS-icon-cancel {
+  right: 24px;
+}
+.openerp .oe_searchview .VS-search .oe_vs_unfold_drawer {
+  position: absolute;
+  top: 0;
+  right: 0;
+  height: 100%;
+  line-height: 23px;
+  padding: 0 7px 0 4px;
+  color: #cccccc;
+  cursor: pointer;
+}
+.openerp .oe_searchview .VS-search .oe_vs_unfold_drawer:before {
+  content: "▾";
+}
+.openerp .oe_searchview.oe_searchview_open_drawer .oe_searchview_drawer {
+  display: block;
+}
+.openerp .oe_searchview .oe_searchview_drawer {
+  position: absolute;
+  z-index: 1;
+  top: 100%;
+  right: 0;
+  background-color: white;
+  width: 410px;
+  display: none;
+  border: 1px solid #cccccc;
+  text-align: left;
+}
+.openerp .oe_searchview .oe_searchview_drawer .oe_searchview_filters {
+  display: table;
+  width: 100%;
+}
+.openerp .oe_searchview .oe_searchview_drawer .oe_searchview_filters > div {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  display: table-cell;
+  width: 50%;
+}
+.openerp .oe_searchview .oe_searchview_drawer .oe_searchview_filters h3 {
+  margin: 2px 4px 2px 8px;
+  color: #8786b7;
+}
+.openerp .oe_searchview .oe_searchview_drawer .oe_searchview_filters ul {
+  margin: 0 12px 3px;
+  padding: 0;
+  list-style: none;
+}
+.openerp .oe_searchview .oe_searchview_drawer .oe_searchview_filters li {
+  list-style: none;
+  padding: 3px 6px;
+  height: 14px;
+  color: inherit;
+  cursor: pointer;
+}
+.openerp .oe_searchview .oe_searchview_drawer .oe_searchview_filters li:hover {
+  background-color: #f0f0fa;
+}
+.openerp .oe_searchview .oe_searchview_drawer .oe_searchview_advanced h4 {
+  border-top: 1px solid #cccccc;
+  margin: 5px 0 3px;
+  cursor: pointer;
+}
+.openerp .oe_searchview .oe_searchview_drawer .oe_searchview_advanced h4:before {
+  content: "▸ ";
+}
+.openerp .oe_searchview .oe_searchview_drawer .oe_searchview_advanced div {
+  display: none;
+}
+.openerp .oe_searchview .oe_searchview_drawer .oe_searchview_advanced button.oe_add_condition:before {
+  content: "⊞ ";
+}
+.openerp .oe_searchview .oe_searchview_drawer .oe_searchview_advanced button.oe_apply:before {
+  content: "⚡ ";
+}
+.openerp .oe_searchview .oe_searchview_drawer .oe_searchview_advanced ul {
+  list-style: none;
+  padding: 0;
+}
+.openerp .oe_searchview .oe_searchview_drawer .oe_searchview_advanced li {
+  list-style: none;
+  margin: 0;
+}
+.openerp .oe_searchview .oe_searchview_drawer .oe_searchview_advanced.oe_opened h4:before {
+  content: "▾ ";
+}
+.openerp .oe_searchview .oe_searchview_drawer .oe_searchview_advanced.oe_opened div {
+  display: block;
+}
+.openerp .oe_view_topbar {
+  border-bottom: 1px solid #cacaca;
+  background-color: #fcfcfc;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#dedede));
+  background-image: -webkit-linear-gradient(top, #fcfcfc, #dedede);
+  background-image: -moz-linear-gradient(top, #fcfcfc, #dedede);
+  background-image: -ms-linear-gradient(top, #fcfcfc, #dedede);
+  background-image: -o-linear-gradient(top, #fcfcfc, #dedede);
+  background-image: linear-gradient(to bottom, #fcfcfc, #dedede);
+  padding: 0 8px;
+  line-height: 30px;
+}
+.openerp .oe_formview {
+  background: white;
+}
+.openerp .oe_form_header {
+  padding: 8px;
+}
+.openerp .oe_form_invalid input, .openerp .oe_form_invalid select, .openerp .oe_form_invalid textarea {
+  background-color: #ff6666 !important;
+  border: 1px solid #dd0000 !important;
+}
+.openerp .oe_form_button_save_dirty {
+  color: white;
+  background: #dc5f59;
+  background: -moz-linear-gradient(#dc5f59, #b33630);
+  background: -webkit-gradient(linear, left top, left bottom, from(#dc5f59), to(#b33630));
+  background: -webkit-linear-gradient(#dc5f59, #b33630);
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   -box-shadow: none;
+  font-weight: bold;
+}
+.openerp .oe_form_button_save_dirty:hover {
+  background: #ed6f6a;
+}
+.openerp .oe_form_topbar {
+  border-bottom: 1px solid #cacaca;
+  background-color: #fcfcfc;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#dedede));
+  background-image: -webkit-linear-gradient(top, #fcfcfc, #dedede);
+  background-image: -moz-linear-gradient(top, #fcfcfc, #dedede);
+  background-image: -ms-linear-gradient(top, #fcfcfc, #dedede);
+  background-image: -o-linear-gradient(top, #fcfcfc, #dedede);
+  background-image: linear-gradient(to bottom, #fcfcfc, #dedede);
+  padding: 0 8px;
+  line-height: 30px;
+}
+.openerp .oe_form_topbar button {
+  font-size: 12px;
+  height: 24px;
+  line-height: 24px;
+  vertical-align: top;
+  padding: 0 10px;
+  margin: 3px 0;
+}
+.openerp .oe_form_topbar button span.i {
+  line-height: 20px;
+  height: 24px;
+}
+.openerp .oe_form_topbar ul {
+  height: 30px;
+  padding: 0;
+  margin: 0;
+  text-shadow: 0 1px 1px white;
+  border-left: 1px solid #cacaca;
+  border-right: 1px solid #cacaca;
+}
+.openerp .oe_form_topbar ul li {
+  padding: 0;
+  margin: 0;
+  float: left;
+  vertical-align: top;
+  border-right: 1px solid #cacaca;
+  height: 30px;
+  padding: 0 12px;
+}
+.openerp .oe_form_topbar ul li:first-child {
+  border-left: 1px solid #cacaca;
+}
+.openerp .oe_form_topbar ul li a {
+  color: #4c4c4c;
+}
+.openerp .oe_form_topbar ul li a:hover {
+  color: black;
+}
+.openerp .oe_form_topbar .oe_form_steps img {
+  margin: 0 8px;
+  vertical-align: top;
+}
+.openerp .oe_form_topbar .oe_form_steps li {
+  border-right: none;
+  padding: 0;
+}
+.openerp .oe_form_topbar .oe_form_steps li:first-child {
+  margin-left: 12px;
+  border-left: none;
+}
+.openerp .oe_form_topbar .oe_form_steps li:last-child {
+  margin-right: 12px;
+}
+.openerp .oe_form_topbar .oe_form_steps_active {
+  font-weight: bold;
+  color: #b33630;
+}
+.openerp .oe_application .oe_form_sheetbg {
+  background: url(/web/static/src/img/form_sheetbg.png);
+  padding: 8px;
+  border-bottom: 1px solid #dddddd;
+}
+.openerp .oe_application .oe_form_sheet_width {
+  min-width: 650px;
+  max-width: 980px;
+  margin: 0 auto;
+}
+.openerp .oe_application .oe_form_sheet {
+  padding: 8px 8px 8px 8px;
+  background: white;
+  min-height: 420px;
+  border: 1px solid #afafb6;
+  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+  -box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+}
+.openerp .oe_form_autolayout .oe_button {
+  height: 22px;
+}
+.openerp .oe_form_autolayout .oe_form_group_cell {
+  line-height: 18px;
+  padding: 2px;
+  height: 25px;
+}
+.openerp .oe_form_autolayout .oe_form_group_cell .oe_form_button {
+  width: 100%;
+  white-space: nowrap;
+}
+.openerp .oe_form_autolayout .oe_form_group_cell > .oe_form_field_many2one,
+.openerp .oe_form_autolayout .oe_form_group_cell > .oe_form_field_many2one input,
+.openerp .oe_form_autolayout .oe_form_group_cell > .oe_form_field_char input,
+.openerp .oe_form_autolayout .oe_form_group_cell > .oe_form_field_text textarea,
+.openerp .oe_form_autolayout .oe_form_group_cell > .oe_form_field_email,
+.openerp .oe_form_autolayout .oe_form_group_cell > .oe_form_field_email input,
+.openerp .oe_form_autolayout .oe_form_group_cell > .oe_form_field_url,
+.openerp .oe_form_autolayout .oe_form_group_cell > .oe_form_field_url input,
+.openerp .oe_form_autolayout .oe_form_group_cell > .oe_form_field_date input,
+.openerp .oe_form_autolayout .oe_form_group_cell > .oe_form_field_float input,
+.openerp .oe_form_autolayout .oe_form_group_cell > .oe_form_field_selection select,
+.openerp .oe_form_autolayout .oe_form_group_cell > .oe_datepicker_root {
+  width: 100%;
+}
+.openerp .oe_form_autolayout .oe_form_button.oe_button {
+  color: #4c4c4c;
+  white-space: nowrap;
+  min-width: 100%;
+  width: 100%;
+  height: 22px;
+}
+.openerp .oe_form_autolayout .oe_form_button.oe_button span {
+  position: relative;
+  vertical-align: top;
+}
+.openerp .oe_form_autolayout .oe_form_group_cell.oe_form_group_nested {
+  padding: 0;
+}
+.openerp .oe_form label {
+  font-weight: bold;
+}
+.openerp .oe_form_label_help[for], .openerp .oe_form_label[for] {
+  white-space: nowrap;
+}
+.openerp .oe_form textarea {
+  resize: vertical;
+}
+.openerp .oe_form input[type="text"],
+.openerp .oe_form input[type="password"],
+.openerp .oe_form input[type="file"],
+.openerp .oe_form select {
+  height: 22px;
+  padding-top: 2px;
+}
+.openerp .oe_form input[type="text"],
+.openerp .oe_form input[type="password"],
+.openerp .oe_form input[type="file"],
+.openerp .oe_form select,
+.openerp .oe_form textarea {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 0 2px;
+  margin: 0 2px;
+  border: 1px solid #999999;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  background: white;
+  min-width: 90px;
+  color: #1f1f1f;
+}
+.openerp .oe_form input[readonly],
+.openerp .oe_form select[readonly],
+.openerp .oe_form textarea[readonly],
+.openerp .oe_form input[disabled],
+.openerp .oe_form select[disabled],
+.openerp .oe_form textarea[disabled] {
+  background: #e5e5e5 !important;
+  color: #666666;
+}
+.openerp .oe_form .oe_form_field_many2one input,
+.openerp .oe_form .oe_form_field_binary input,
+.openerp .oe_form .oe_form_field_binary input,
+.openerp .oe_form .oe_form_field_email input,
+.openerp .oe_form .oe_form_field_url input {
+  border-right: none;
+  -webkit-border-top-right-radius: 0px;
+  -webkit-border-bottom-right-radius: 0px;
+  -moz-border-radius-topright: 0px;
+  -moz-border-radius-bottomright: 0px;
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+}
+.openerp .oe_form .oe_form_field_email button img,
+.openerp .oe_form .oe_form_field_url button img {
+  vertical-align: top;
+}
+.openerp .oe_form .oe_form_field_translatable,
+.openerp .oe_form .oe_form_field_many2one,
+.openerp .oe_form .oe_form_field_date,
+.openerp .oe_form .oe_form_field_datetime {
+  white-space: nowrap;
+}
+.openerp .oe_form .oe_form_field_boolean {
+  padding-top: 4px;
+}
+.openerp .oe_form .oe_form_field_datetime input {
+  min-width: 11em;
+}
+.openerp .oe_form .oe_datepicker_container {
+  display: none;
+}
+.openerp .oe_form .oe_datepicker_root {
+  display: inline-block;
+}
+.openerp .oe_form .oe_form_required input, .openerp .oe_form .oe_form_required select, .openerp .oe_form .oe_form_required textarea {
+  background-color: #d2d2ff !important;
+}
+.openerp .oe_form .oe_form_invalid input, .openerp .oe_form .oe_form_invalid select, .openerp .oe_form .oe_form_invalid textarea {
+  background-color: #ff6666 !important;
+  border: 1px solid #dd0000 !important;
+}
+.openerp .oe_form .oe_button.oe_field_button {
+  -webkit-border-top-left-radius: 0px;
+  -webkit-border-bottom-left-radius: 0px;
+  -moz-border-radius-topleft: 0px;
+  -moz-border-radius-bottomleft: 0px;
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+  margin-right: -1px;
+  height: 22px;
+}
+.openerp .oe_form .oe_input_icon {
+  cursor: pointer;
+  margin: 3px 0 0 -21px;
+  vertical-align: top;
+}
+.openerp .oe_form .oe_input_icon_disabled {
+  position: absolute;
+  cursor: default;
+  opacity: 0.5;
+  filter: alpha(opacity=50);
+  right: 5px;
+  top: 3px;
+}
+.openerp .oe_form .oe-binary-file-set {
+  overflow: hidden;
+  position: relative;
+  width: 45px;
+  height: 30px;
+}
+.openerp .oe_form input.oe-binary-file {
+  z-index: 0;
+  line-height: 0;
+  font-size: 12px;
+  position: absolute;
+  top: 1px;
+  right: 10px;
+  opacity: 0;
+  filter: alpha(opacity=0);
+  -ms-filter: "alpha(opacity=0)";
+  margin: 0;
+  padding: 0;
+}
+.openerp .oe_horizontal_separator {
+  font-weight: bold;
+  border: 0 solid #666666;
+  border-bottom-width: 1px;
+  margin: 3px 4px 3px 1px;
+  height: 17px;
+}
+.openerp .oe_horizontal_separator:empty {
+  height: 5px;
+}
+.openerp .oe_vertical_separator {
+  border-left: 1px solid #666666;
+  padding: 0 4px 0 4px;
+}
+.openerp .oe_form_notebook {
+  margin: 8px 0;
+  padding: 0 8px;
+  list-style: none;
+  zoom: 1;
+}
+.openerp .oe_form_notebook:before, .openerp .oe_form_notebook:after {
+  display: table;
+  content: "";
+  zoom: 1;
+}
+.openerp .oe_form_notebook:after {
+  clear: both;
+}
+.openerp .oe_form_notebook > li {
+  float: left;
+}
+.openerp .oe_form_notebook > li > a {
+  display: block;
+  color: #4c4c4c;
+}
+.openerp .oe_form_notebook {
+  border-color: #dddddd;
+  border-style: solid;
+  border-width: 0 0 1px;
+}
+.openerp .oe_form_notebook > li {
+  position: relative;
+  margin-bottom: -1px;
+}
+.openerp .oe_form_notebook > li > a {
+  padding: 0 12px;
+  margin-right: 2px;
+  line-height: 30px;
+  border: 1px solid transparent;
+  -moz-border-radius: 4px 4px 0 0;
+  -webkit-border-radius: 4px 4px 0 0;
+  border-radius: 4px 4px 0 0;
+}
+.openerp .oe_form_notebook > li > a:hover {
+  text-decoration: none;
+  background-color: #eeeeee;
+  border-color: #eeeeee #eeeeee #dddddd;
+}
+.openerp .oe_form_notebook > li.ui-state-active > a, .openerp .oe_form_notebook > li.ui-state-active > a:hover {
+  background-color: white;
+  border: 1px solid #dddddd;
+  border-bottom-color: transparent;
+  cursor: default;
+}
+.openerp .ui-tabs-hide {
+  display: none;
+}
+.openerp .oe_form .oe_form_field_progressbar.ui-progressbar {
+  height: 22px;
+  font-size: 10px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  border: 1px solid #999999;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  background: white;
+  min-width: 90px;
+}
+.openerp .oe_form .oe_form_field_progressbar.ui-progressbar span {
+  position: absolute;
+  margin-left: 10px;
+  font-weight: bold;
+}
+.openerp .oe_form .oe_form_field_progressbar.ui-progressbar .ui-widget-header {
+  background: #cccccc url(/web/static/lib/jquery.ui/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
+}
+.openerp .oe_form .oe_view_manager_header2 td {
+  padding: 0px 8px;
+  line-height: 16px;
+}
+.openerp .oe_form .oe_view_manager_header2 td .oe_i {
+  font-size: 13px;
+}
+.openerp .oe_form .oe_view_manager_header2 td .oe_pager_group {
+  height: auto;
+  line-height: 16px;
+}
+.openerp .oe_form .oe_view_manager_header2 td .oe_pager_group li {
+  height: auto;
+  line-height: 16px;
+}
+.openerp .oe_listview_nocontent > img {
+  float: left;
+  margin-right: 1.5em;
+}
+.openerp .oe_listview_nocontent > div {
+  overflow: hidden;
+  padding: 6px;
+  font-size: 125%;
+}
+.openerp .oe-listview-content {
+  width: 100%;
+}
+.openerp .oe-listview-content thead, .openerp .oe-listview-content tfoot {
+  border-bottom: 1px solid #cacaca;
+  background: #eeeeee;
+}
+.openerp .oe-listview-content tfoot {
+  border-bottom: 1px solid #cacaca;
+  font-weight: bold;
+}
+.openerp .oe-listview-content tbody {
+  cursor: pointer;
+  background: white;
+}
+.openerp .oe-listview-content thead {
+  vertical-align: top;
+}
+.openerp .oe-listview-content td.oe_list_checkbox:first-child, .openerp .oe-listview-content th.oe_list_checkbox:first-child {
+  width: 17px;
+}
+.openerp .oe-listview-content td.oe_list_checkbox:first-child:after, .openerp .oe-listview-content th.oe_list_checkbox:first-child:after {
+  border-width: 0;
+}
+.openerp .oe-listview-content tbody tr:nth-child(odd) td, .openerp .oe-listview-content tbody tr:nth-child(odd) th {
+  background-color: #f0f0fa;
+  background-color: #f0f0fa;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0fa), to(#eeeef6));
+  background-image: -webkit-linear-gradient(top, #f0f0fa, #eeeef6);
+  background-image: -moz-linear-gradient(top, #f0f0fa, #eeeef6);
+  background-image: -ms-linear-gradient(top, #f0f0fa, #eeeef6);
+  background-image: -o-linear-gradient(top, #f0f0fa, #eeeef6);
+  background-image: linear-gradient(to bottom, #f0f0fa, #eeeef6);
+}
+.openerp .oe-listview-content tbody tr:hover td, .openerp .oe-listview-content tbody tr:hover th {
+  background-color: #eeeeee;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dedede));
+  background-image: -webkit-linear-gradient(top, #eeeeee, #dedede);
+  background-image: -moz-linear-gradient(top, #eeeeee, #dedede);
+  background-image: -ms-linear-gradient(top, #eeeeee, #dedede);
+  background-image: -o-linear-gradient(top, #eeeeee, #dedede);
+  background-image: linear-gradient(to bottom, #eeeeee, #dedede);
+}
+.openerp .oe-listview-content td, .openerp .oe-listview-content th {
+  padding: 3px 6px;
+  line-height: 18px;
+}
+.openerp .oe-listview-content td button, .openerp .oe-listview-content th button {
+  border: none;
+  background: transparent;
+  padding: 0;
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  -box-shadow: none;
+}
+.openerp .oe-listview-content .numeric {
+  text-align: right;
+  width: 82px;
+}
+.openerp .oe-listview-content .numeric input {
+  text-align: right;
+}
+.openerp .oe-listview-content table .sortdown:after, .openerp .oe-listview-content table .sortdown:hover:after {
+  visibility: visible;
+  filter: alpha(opacity=60);
+  opacity: 0.6;
+}
+.openerp .oe-listview-content table .sortup:after {
+  border-bottom: none;
+  border-left: 4px solid transparent;
+  border-right: 4px solid transparent;
+  border-top: 4px solid black;
+  visibility: visible;
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  -box-shadow: none;
+  filter: alpha(opacity=60);
+  opacity: 0.6;
+}
+.openerp .oe_kanban_group_title {
+  margin: 1px 1px 4px;
+  font-size: 15px;
+  font-weight: bold;
+  text-shadow: 0 1px 0 white;
+}
+.openerp .oe_kanban_column, .openerp .oe_kanban_group_header {
+  width: 240px;
+  vertical-align: top;
+  padding: 6px 7px 6px 6px;
+  background: #f0eeee;
+  border-left: 1px solid #f0f8f8;
+  border-right: 1px solid #b9b9b9;
+}
+.openerp .oe_kanban_record {
+  position: relative;
+  display: block;
+  min-height: 50px;
+  margin: 6px 0;
+  display: block;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+}
+.openerp .oe_kanban_record:last-child {
+  margin-bottom: 0;
+}
+.openerp .oe_kanban_record .oe_kanban_title {
+  font-weight: bold;
+  margin: 2px 4px;
+}
+.openerp .oe_kanban_gravatar {
+  width: 20px;
+  height: 20px;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+  -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+}
+.openerp .oe_kanban_avatar_toto {
+  height: 40px;
+  width: 40px;
+  border: 1px solid;
+  border-color: #e5e5e5 #dbdbdb #d2d2d2;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+  -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+}
+.openerp .oe_trad_field.touched {
+  border: 1px solid green !important;
+}
+.openerp.oe_tooltip {
+  font-size: 12px;
+}
+.openerp.oe_tooltip .oe_tooltip_string {
+  color: #ffdd55;
+  font-weight: bold;
+  font-size: 13px;
+}
+.openerp.oe_tooltip .oe_tooltip_help {
+  white-space: pre-wrap;
+}
+.openerp.oe_tooltip .oe_tooltip_technical {
+  padding: 0 0 4px 0;
+  margin: 5px 0 0 15px;
+}
+.openerp.oe_tooltip .oe_tooltip_technical li {
+  list-style: circle;
+}
+.openerp.oe_tooltip .oe_tooltip_technical_title {
+  font-weight: bold;
+}
+.openerp .oe_layout_debugging .oe_form_group {
+  outline: 2px dashed red;
+}
+.openerp .oe_layout_debugging .oe_form_group_cell {
+  outline: 1px solid blue;
+}
+.openerp .oe_debug_view {
+  float: left;
+}
+.openerp .oe_debug_view_log {
+  font-size: 95%;
+}
+.openerp .oe_debug_view_log label {
+  display: block;
+  width: 49%;
+  text-align: right;
+  float: left;
+  font-weight: bold;
+  color: #000099;
+}
+.openerp .oe_debug_view_log span {
+  display: block;
+  width: 49%;
+  float: right;
+  color: #333333;
+}
+
+.openerp .oe_form_field_many2one td:first-child {
+  position: relative;
+}
+.openerp .oe_form_field_many2one span.oe-m2o-drop-down-button {
+  position: absolute;
+  top: 3px;
+  right: 2px;
 }
diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass
index c31f501c499..98caeafbb29 100644
--- a/addons/web/static/src/css/base.sass
+++ b/addons/web/static/src/css/base.sass
@@ -1,9 +1,21 @@
+@charset "utf-8"
+
 // Variables {{{
+$section-title-color: #8786b7
+$facets-border: #afafb6
+$facets-border-selected: #a6a6fe
 $colour4: #8a89ba
-//$colour4: #d14836
 // }}}
-
 // Mixins {{{
+@font-face
+    font-family: 'mnmliconsRegular'
+    src: url('/web/static/src/font/mnmliconsv21-webfont.eot') format('eot')
+    src: url('/web/static/src/font/mnmliconsv21-webfont.woff') format('woff')
+    src: url('/web/static/src/font/mnmliconsv21-webfont.ttf') format('truetype')
+    src: url('/web/static/src/font/mnmliconsv21-webfont.svg') format('svg') active
+    font-weight: normal
+    font-style: normal
+
 @mixin vertical-gradient($startColor: #555, $endColor: #333)
     background-color: $startColor
     background-image: -webkit-gradient(linear, left top, left bottom, from($startColor), to($endColor)) /* Saf4+, Chrome */
@@ -46,48 +58,295 @@ $colour4: #8a89ba
     -webkit-background-clip: $clip
     -moz-background-clip: $clip
     background-clip: $clip
+
+@mixin unscrew-box
+    -moz-box-sizing: border-box
+    -webkit-box-sizing: border-box
+    box-sizing: border-box
+
 // }}}
 
-.openerp2
-    // Common styles {{{
+.openerp.openerp-web-client-container
+    height: 100%
+    position: relative
+
+.openerp
+    // Global style {{{
     padding: 0
     margin: 0
     font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif
     color: #4c4c4c
     font-size: 13px
     background: white
-    position: relative
-
+    // }}}
+    // Tag reset {{{
     a
         text-decoration: none
+    table
+        padding: 0
+        font-size: 13px
+        border-collapse: collapse
+    thead
+        font-weight: bold
+        background-color: #f0f0f0
+        th
+            border-right: 1px dotted #afafb6
+            &:last-child
+                border-right: none
+    th, td
+        padding: 0
+        line-height: 18px
+        text-align: left
+    th
+        font-weight: bold
+        vertical-align: middle
+    td
+        vertical-align: top
+    .zebra tbody tr:nth-child(odd) td
+        background-color: #f0f0fa
+        @include vertical-gradient(#f0f0fa, #eeeef6)
+    .zebra tbody tr:hover td
+        @include vertical-gradient(#eee, #dedede)
+    .numeric
+        text-align: right
+        width: 82px
+        input
+            text-align: right
+    ul, li, ol
+        margin: 0
+        padding: 0
+    li
+        list-style-type: none
     // }}}
+    // Generic classes {{{
+    .oe_i
+        font-family: "mnmliconsRegular" !important
+        font-size: 21px
+        font-weight: 300 !important
+    .oe_left
+        float: left
+        margin-right: 8px
+    .oe_right
+        float: right
+        margin-left: 8px
+    .oe_clear
+        clear: both
+    .oe_wait
+        cursor: wait
+    // }}}
+    // Button style {{{
+    a.button:link, a.button:visited, button, input[type='submit']
+        display: inline-block
+        border: 1px solid #ababab
+        color: #404040
+        margin: 0
+        padding: 4px 12px
+        font-size: 13px
+        text-align: center
+        @include vertical-gradient(#efefef, #d8d8d8)
+        @include radius(3px)
+        @include box-shadow((0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset))
+        text-shadow: 0 1px 1px rgba(255, 255, 255, .5)
+        -webkit-font-smoothing: antialiased
+        outline: none
 
-    // WebClient {{{
-    .oe_webclient
-        position: absolute
-        top: 0
-        bottom: 0
-        left: 0
-        right: 0
+    a.button:hover, button:hover, input[type='submit']:hover
+        @include vertical-gradient(#f6f6f6, #e3e3e3)
+        cursor: pointer
 
-        .oe_application
+    a.button:focus, button:focus, input[type='submit']:focus
+        border: 1px solid #80bfff
+        @include vertical-gradient(#f6f6f6, #e3e3e3)
+        @include box-shadow((0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, .8) inset))
+
+    a.button:active, a.button.active, button:active, button.active, input[type='submit']:active, input[type='submit'].active
+        background: #e3e3e3
+        background: -moz-linear-gradient(top, #e3e3e3, #f6f6f6) #1b468f
+        background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f6f6f6)) #1b468f
+        background: linear-gradient(top, #e3e3e3, #f6f6f6) #1b468f
+        @include box-shadow(none)
+
+    a.button.disabled, button:disabled, input[type='submit']:disabled
+        background: #efefef !important
+        border: 1px solid #d1d1d1 !important
+        @include box-shadow(none !important)
+        color: #aaa !important
+        cursor: default
+        text-shadow: 0 1px 1px #fff !important
+
+    button.primary
+        color: white
+        @include vertical-gradient(#dc5f59, #b33630)
+        @include box-shadow(none)
+
+    button.primary:hover
+        @include vertical-gradient(lighten(#dc5f59, 3%), lighten(#b33630, 3%))
+        @include box-shadow(0 0 1px rgba(0,0,0,0.2))
+
+    button.primary:active
+        @include vertical-gradient(#b33630, #dc5f59)
+        @include box-shadow(none)
+
+    button.following
+        color: white
+        width: 120px
+        @include vertical-gradient($colour4, darken($colour4, 3%))
+
+    button.unfollow
+        display: none
+        color: white
+        width: 120px
+        @include vertical-gradient(#dc5f59, #b33630)
+
+    // }}}
+    // Loading {{{
+    .oe_loading
+        display: none
+        z-index: 100
+        position: fixed
+        top: 0
+        right: 50%
+        padding: 4px 12px
+        background: #A61300
+        color: white
+        text-align: center
+        border: 1px solid #900
+        border-top: none
+        -moz-border-radius-bottomright: 8px
+        -moz-border-radius-bottomleft: 8px
+        border-bottom-right-radius: 8px
+        border-bottom-left-radius: 8px
+    // }}}
+    // Notification {{{
+    .oe_notification
+        z-index: 1050
+    // }}}
+    // Login {{{
+    .oe_login
+        background: url("/web/static/src/img/pattern.png") repeat
+        text-align: center
+        font-size: 14px
+        height: 100%
+        li
+            list-style-type: none
+            padding-bottom: 4px
+        button
+            float: right
+            display: inline-block
+            cursor: pointer
+            padding: 6px 16px
+            border: 1px solid #222
+            color: white
+            margin: 0
+            @include vertical-gradient(#b92020, #600606)
+            @include radius(4px)
+            @include box-shadow((0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset))
+        input, select
+            width: 252px
+            font-family: "Lucida Grande", Helvetica, Verdana, Arial
+            border: 1px solid #999999
+            background: whitesmoke
+            @include box-shadow(inset 0 1px 4px rgba(0, 0, 0, 0.3))
+            @include radius(3px)
+        input
+            margin-bottom: 9px
+            padding: 5px 6px
+        select
+            padding: 1px
+        .oe_login_dbpane
+            position: fixed
+            top: 0
+            right: 8px
+            padding: 5px 10px
+            color: #eee
+            border: solid 1px #333
+            background: #1e1e1e
+            background: rgba(30,30,30,0.94)
+            @include radius(0 0 8px 8px)
+            input
+                padding: 2px 4px
+                margin: 4px 0
+        .oe_login_bottom
             position: absolute
-            top: 32px
-            bottom: 0
-            left: 206px
+            top: 50%
+            left: 0
             right: 0
+            bottom: 0
+            text-shadow: 0 1px 1px #999999
+            @include vertical-gradient(#b41616, #600606)
+        .oe_login_pane
+            position: absolute
+            top: 50%
+            left: 50%
+            margin: -160px -166px
+            border: solid 1px #333333
+            background: #1e1e1e
+            background: rgba(30,30,30,0.94)
+            padding: 22px 32px
+            color: #eee
+            text-align: left
+            @include radius(8px)
+            @include box-shadow(0 0 18px rgba(0, 0, 0, 0.9))
+            h2
+                margin-top: 0
+                font-size: 18px
+        .oe_login_logo
+            position: absolute
+            top: -70px
+            left: 0
+            width: 100%
+            margin: 0 auto
+            text-align: center
+        .oe_login_footer
+            position: absolute
+            bottom: -40px
+            left: 0
+            width: 100%
+            text-align: center
+            a
+                color: #eee
+                margin: 0 8px
+                &:hover
+                    text-decoration: underline
+            span
+                font-weight: bold
+                font-size: 16px
+        .oe_login_error_message
+            display: none
+            background-color: #b41616
+            color: #eee
+            padding: 14px 18px
+            margin-top: 15px
+            text-align: center
+            @include radius(4px)
+            @include box-shadow(0 1px 4px rgba(0, 0, 0, 0.8))
+    .oe_login_invalid
+        .oe_login_error_message
+            display: inline-block
     // }}}
-
-    // Fullscreen mode {{{
+    // DatabaseManager {{{
+    .oe_database_manager
+        background: #fff
+        color: #000
+        text-align: left
+        .oe_database_manager_menu
+            color: #000
+    // }}}
+    // WebClient {{{
+    .oe_webclient
+        width: 100%
+        height: 100%
+        border-spacing: 0px
+    // }}}
+    // WebClient.fullscreen {{{
     .oe_content_full_screen
         .oe_application
             top: 0
             left: 0
-        .topbar, .leftbar
+        .oe_topbar, .oe_leftbar
             display: none
-    // }}
-
-    // Topbar {{{
+    // }}}
+    // WebClient.topbar {{{
     .oe_topbar
         width: 100%
         height: 31px
@@ -129,23 +388,28 @@ $colour4: #8a89ba
             @include radius(4px)
         .oe_topbar_avatar
             vertical-align: top
+        .oe_dropdown_toggle:after
+            width: 0
+            height: 0
+            display: inline-block
+            content: "&darr"
+            text-indent: -99999px
+            vertical-align: top
+            margin-top: 8px
+            margin-left: 4px
+            border-left: 4px solid transparent
+            border-right: 4px solid transparent
+            border-top: 4px solid white
+            @include opacity(0.5)
     // }}}
-
-    // Leftbar {{{
+    // Webclient.leftbar {{{
     .oe_leftbar
-        width: 205px
-        height: 100%
+        width: 220px
         background: #f0eeee
         border-right: 1px solid #afafb6
-        overflow: auto
         text-shadow: 0 1px 1px white
-
-        .oe_footer
-            position: absolute
-            width: 205px
-            text-align: center
-            bottom: 8px
     a.oe_logo
+        width: 220px
         display: block
         text-align: center
         height: 70px
@@ -155,10 +419,12 @@ $colour4: #8a89ba
             width: 157px
             margin: 14px 0
     .oe_footer
-        position: absolute
-        width: 205px
+        position: fixed
+        bottom: 0
+        padding: 4px 0
+        background: #f0eeee
+        width: 220px
         text-align: center
-        bottom: 8px
         a
             font-weight: 800
             font-family: serif
@@ -168,14 +434,58 @@ $colour4: #8a89ba
                 color: #c81010
                 font-style: italic
     // }}}
-
+    // UserMenu {{{
+    .oe_user_menu
+        float: right
+        padding: 0
+        margin: 0
+        li
+            list-style-type: none
+            float: left
+        .oe_dropdown
+            position: relative
+        .oe_dropdown_options
+            float: left
+            background: #333
+            background: rgba(37,37,37,0.9)
+            display: none
+            position: absolute
+            top: 32px
+            right: -1px
+            border: 0
+            z-index: 900
+            margin-left: 0
+            margin-right: 0
+            padding: 6px 0
+            zoom: 1
+            border-color: #999
+            border-color: rgba(0, 0, 0, 0.2)
+            border-style: solid
+            border-width: 0 1px 1px
+            @include radius(0 0 6px 6px)
+            @include box-shadow(0 1px 4px rgba(0,0,0,0.3))
+            @include background-clip()
+            li
+                float: none
+                display: block
+                background-color: none
+                a
+                    display: block
+                    padding: 4px 15px
+                    clear: both
+                    font-weight: normal
+                    line-height: 18px
+                    color: #eee
+                    &:hover
+                        @include vertical-gradient(#292929, #191919)
+                        @include box-shadow(none)
+    // }}}
     // Menu {{{
     .oe_menu
         float: left
         padding: 0
         margin: 0
         li
-            list-style-type: none
             float: left
         a
             display: block
@@ -220,7 +530,6 @@ $colour4: #8a89ba
         li
             position: relative
             padding: 1px 0 1px 16px
-            list-style-type: none
             a
                 display: block
                 color: #4c4c4c
@@ -238,6 +547,16 @@ $colour4: #8a89ba
                 text-shadow: 0 1px 1px rgba(0,0,0,0.2)
                 @include radius(4px)
                 @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.2))
+        .oe_menu_counter 
+            float: right
+            background: #8a89ba
+            color: #eee
+            font-size: 12px
+            border: 1px solid lightgray
+            padding: 0px 4px 0px 4px
+            text-shadow: 0 1px 1px rgba(0,0,0,0.2)
+            margin: 0px
+            @include radius(4px)
         .oe_active
             background: $colour4
             border-top: 1px solid lightGray
@@ -251,6 +570,9 @@ $colour4: #8a89ba
                 color: $colour4
                 text-shadow: 0 1px 1px white
                 @include box-shadow(0 1px 1px rgba(0, 0, 0, 0.2))
+            .oe_menu_counter 
+                background: #eee
+                color: #8a89ba
         .oe_menu_toggler:before
             width: 0
             height: 0
@@ -273,11 +595,180 @@ $colour4: #8a89ba
             border-right: 4px solid transparent
             border-top: 4px solid #4c4c4c
     // }}}
-
-    // UserMenu {{{
-    .oe_dropdown
+    // ActionManager {{{
+    .oe_application
+        width: 100%
+        a
+            color: $colour4
+            &:hover
+                text-decoration: underline
+    // }}}
+    // Content Header MIT {{{
+    .oe-view-manager-header
+        border-top: 1px solid #cacaca
+        border-bottom: 1px solid #cacaca
+        @include vertical-gradient(#fcfcfc, #dedede)
+        @include box-shadow((0 1px 0 rgba(255,255,255,0.4), 0 0 9px rgba(0,0,0,0.1)))
+        h2
+            float: left
+            font-size: 18px
+            margin: 1px 0
+            a
+                color: $colour4
+        .buttons
+            padding-right: 8px
+            li
+                float: left
+                margin-right: 12px
+        .filter
+            vertical-align: top
+            li
+                height: 24px
+                line-height: 24px
+                padding: 0 8px
+        .header-row
+            height: 26px
+            line-height: 26px
+            margin: 8px
+            clear: both
+            text-shadow: 0 1px 1px white
+            .dropdown-toggle:after
+                margin-top: 7px
+                margin-left: 6px
+                border-top-color: #404040
+        .oe_vm_switch
+            li
+                padding-left: 1px
+                text-align: center
+                width: 24px
+                height: 24px
+                line-height: 24px
+        .pagination
+            li
+                height: 24px
+                line-height: 24px
+                padding: 0 8px
+        .button-group
+            display: inline-block
+            border: 1px solid #ababab
+            @include radius(5px)
+            li
+                float: left
+                border-right: 1px solid #ababab
+                &:last-child
+                    border: none
+            a
+                color: #4c4c4c
+                &:hover
+                    text-decoration: none
+            .active
+                width: 100%
+                background: #999
+                @include box-shadow(0 1px 4px rgba(0,0,0,0.3) inset)
+                color: #fff
+                text-shadow: 0 1px 2px rgba(0,0,0,0.4)
+    // }}}
+    // ViewManager.header {{{
+    .oe_view_manager_header2
+        width: 100%
+        border-top: 1px solid #cacaca
+        border-bottom: 1px solid #cacaca
+        @include vertical-gradient(#fcfcfc, #dedede)
+        @include box-shadow((0 1px 0 rgba(255,255,255,0.4), 0 0 9px rgba(0,0,0,0.1)))
+        h2
+            float: left
+            font-size: 18px
+            margin: 1px 0
+            a
+                color: $colour4
+        td
+            padding: 4px 8px
+            line-height: 26px
+        .oe_button_group
+            display: inline-block
+            border: 1px solid #ababab
+            @include radius(5px)
+            li
+                float: left
+                border-right: 1px solid #ababab
+                &:last-child
+                    border: none
+            a
+                color: #4c4c4c
+                &:hover
+                    text-decoration: none
+            .active
+                background: #999
+                @include box-shadow(0 1px 4px rgba(0,0,0,0.3) inset)
+                a
+                    color: #fff
+                    text-shadow: 0 1px 2px rgba(0,0,0,0.4)
+        .oe_view_manager_buttons
+            white-space: nowrap
+    // }}}
+    // ViewManager.body {{{
+    .oe_view_manager_body
+        h4
+            margin: 8px 0
+    // }}}
+    // ViewManager.pager {{{
+    .oe_pager_value
+        float: left
+        margin-right: 8px
+    .oe_pager_group
+        float: left
+        height: 24px
+        line-height: 24px
+        display: inline-block
+        border: 1px solid #ababab
+        cursor: pointer
+        @include radius(5px)
+        li
+            height: 24px
+            line-height: 24px
+            padding: 0
+            float: left
+            border-right: 1px solid #ababab
+            &:last-child
+                border: none
+        a
+            color: #4c4c4c
+            padding: 0 8px
+            &:hover
+                text-decoration: none
+        .active
+            background: #999
+            @include box-shadow(0 1px 4px rgba(0,0,0,0.3) inset)
+            a
+                color: #fff
+                text-shadow: 0 1px 2px rgba(0,0,0,0.4)
+    // }}}
+    // ViewManager.switches {{{
+    .oe_view_manager_switch
+        li
+            padding-left: 1px
+            text-align: center
+            width: 24px
+            height: 24px
+            line-height: 24px
+        .oe_vm_switch_list:after, .oe_vm_switch_tree:after
+            content: "ö"
+        .oe_vm_switch_graph:after
+            content: "ó"
+        .oe_vm_switch_gantt:after
+            content: "y"
+        .oe_vm_switch_calendar:after
+            content: "b"
+        .oe_vm_switch_kanban:after
+            content: "ó"
+        .oe_vm_switch_diagram:after
+            content: "}"
+    // }}}
+    // ViewManager.sidebar {{{
+    .oe_form_dropdown_section
         position: relative
-
+        display: inline-block
+        margin-right: 4px
     .oe_dropdown_toggle:after
         width: 0
         height: 0
@@ -285,61 +776,752 @@ $colour4: #8a89ba
         content: "&darr"
         text-indent: -99999px
         vertical-align: top
-        margin-top: 8px
-        margin-left: 4px
         border-left: 4px solid transparent
         border-right: 4px solid transparent
         border-top: 4px solid white
         @include opacity(0.5)
-
-    .oe_user_menu
-        float: right
-        padding: 0
-        margin: 0
+        margin-top: 7px
+        margin-left: 6px
+        border-top-color: #404040
+    .oe_dropdown_menu
+        display: none
+        position: absolute
+        top: 28px
+        left: 0px
+        padding: 8px
+        border: 1px solid #afafb6
+        width: 120px
+        overflow-x: hidden
+        z-index: 900
+        text-align: left
+        background: white
+        @include radius(3px)
+        @include box-shadow(0 1px 4px rgba(0,0,0,0.3))
         li
             list-style-type: none
-            float: left
+            float: none
+            display: block
+            background-color: none
+            a
+                display: block
+                padding: 3px 6px
+                clear: both
+                font-weight: normal
+                line-height: 14px
+                color: #4c4c4c
+                text-decoration: none
+                &:hover
+                    text-decoration: none
+                    @include vertical-gradient(#f0f0fa, #eeeef6)
+                    @include box-shadow(none)
+    .oe_sidebar
+        white-space: nowrap
+    // }}}
+    // SearchView xmo {{{
+    .oe_searchview
+        position: relative
+        float: right
+        .VS-search
+            .VS-search-box
+                min-height: 0
+                border-width: 1px
+                padding: 0
+                width: 410px
+                //border: 1px solid #ababab
+                //margin-top: 0
+                //margin-bottom: 0
+                //padding: 4px 19px
+                //font-size: 13px
+                //background: url('../img/search.png') no-repeat 5px
+                //background-color: white
+                //@include radius(13px)
+                //@include box-shadow(0 1px 2px rgba(0,0,0,0.2) inset)
+            .VS-icon
+                top: 5px
 
-        .oe_dropdown_options
-            float: left
-            background: #333
-            background: rgba(37,37,37,0.9)
+            .VS-icon-search
+                left: 5px
+
+            .VS-search-inner
+                margin: 0 40px 0 17px
+                font-size: 13px
+
+                input
+                    font-size: inherit
+                    line-height: inherit
+                    height: auto
+                    padding: 0
+
+                .VS-input-width-tester
+                    font-size: inherit
+                    padding: 0
+
+                .search_input
+                    margin-left: 0
+                    height: 22px
+                    input, .VS-input-width-tester
+                        padding: 0 2px
+                        height: inherit
+                        margin: 0
+
+                .search_facet
+                    padding: 0
+                    margin: 1px 0
+                    border: 1px solid $facets-border
+                    @include radius(3px)
+                    background: #f0f0fa
+                    height: 18px
+
+                    &.is_selected
+                        border-color: $facets-border-selected
+                        @include box-shadow(0 0 3px 1px $facets-border-selected)
+
+                        .category
+                            margin-left: 0
+                        .VS-icon-cancel
+                            // don't change the icon on selection
+                            @include opacity(1.0)
+                            background-position: center 0
+
+                    .category
+                        padding: 0 4px 0 14px
+                        color: white
+                        background: #8786b7
+                        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)
+                        font-weight: normal
+                        text-transform: none
+                        height: 18px
+                        line-height: 18px
+                        font-size: inherit
+
+                    .search_facet_input_container
+                        border-left: 1px solid $facets-border
+                        height: 18px
+                        line-height: 18px
+                        padding: 0 4px
+                        cursor: pointer
+
+                    .search_facet_remove
+                        left: 1px
+                        top: 3px
+
+            .VS-icon-cancel
+                right: 24px
+
+            .oe_vs_unfold_drawer
+                position: absolute
+                top: 0
+                right: 0
+                height: 100%
+                line-height: 23px
+                padding: 0 7px 0 4px
+                color: #ccc
+                cursor: pointer
+                &:before
+                    content: "▾"
+
+        &.oe_searchview_open_drawer
+            .oe_searchview_drawer
+                display: block
+
+        .oe_searchview_drawer
+            position: absolute
+            z-index: 1
+            top: 100%
+            right: 0
+            background-color: white
+            width: 410px
+            display: none
+            border: 1px solid #ccc
+            text-align: left
+
+            .oe_searchview_filters
+                display: table
+                width: 100%
+
+                > div
+                    @include unscrew-box
+                    display: table-cell
+                    width: 50%
+
+                h3
+                    margin: 2px 4px 2px 8px
+                    color: $section-title-color
+
+                ul
+                    margin: 0 12px 3px
+                    padding: 0
+                    list-style: none
+
+                li
+                    list-style: none
+                    padding: 3px 6px
+                    height: 14px
+                    color: inherit
+                    cursor: pointer
+
+                    &:hover
+                        background-color: #f0f0fa
+
+            .oe_searchview_advanced
+                h4
+                    border-top: 1px solid #ccc
+                    margin: 5px 0 3px
+                    cursor: pointer
+
+                h4:before
+                    content: "▸ "
+
+                div
+                    display: none
+
+                button.oe_add_condition:before
+                    content: "⊞ "
+                button.oe_apply:before
+                    content: "⚡ "
+
+                ul
+                    list-style: none
+                    padding: 0
+                li
+                    list-style: none
+                    margin: 0
+
+                &.oe_opened
+                    h4:before
+                        content: "▾ "
+                    div
+                        display: block
+    // }}}
+    // View.topbar {{{
+    .oe_view_topbar
+        border-bottom: 1px solid #cacaca
+        @include vertical-gradient(#fcfcfc, #dedede)
+        padding: 0 8px
+        line-height: 30px
+    // }}}
+    // FormView.body {{{
+    .oe_formview
+        background: white
+    .oe_form_header
+        padding: 8px
+    .oe_form_invalid
+        input, select, textarea
+            background-color: #F66 !important
+            border: 1px solid #D00 !important
+    .oe_form_button_save_dirty
+        color: white
+        background: #dc5f59
+        background: -moz-linear-gradient(#dc5f59, #b33630)
+        background: -webkit-gradient(linear, left top, left bottom, from(#dc5f59), to(#b33630))
+        background: -webkit-linear-gradient(#dc5f59, #b33630)
+        -moz-box-shadow: none
+        -webkit-box-shadow: none
+        -box-shadow: none
+        font-weight: bold
+        &:hover
+            background: #ED6F6A
+    // }}}
+    // FormView.customdivs {{{
+    .oe_form_topbar
+        border-bottom: 1px solid #cacaca
+        @include vertical-gradient(#fcfcfc, #dedede)
+        padding: 0 8px
+        line-height: 30px 
+        button
+            font-size: 12px 
+            height: 24px 
+            line-height: 24px 
+            vertical-align: top
+            padding: 0 10px 
+            margin: 3px 0
+            span.i
+                line-height: 20px 
+                height: 24px 
+        ul
+            height: 30px
+            padding: 0
+            margin: 0
+            text-shadow: 0 1px 1px white
+            border-left: 1px solid #cacaca
+            border-right: 1px solid #cacaca
+            li   
+                padding: 0
+                margin: 0
+                float: left 
+                vertical-align: top
+                border-right: 1px solid #cacaca
+                height: 30px 
+                padding: 0 12px 
+                &:first-child
+                    border-left: 1px solid #cacaca
+                a    
+                    color: #4c4c4c
+                    &:hover
+                        color: black
+        .oe_form_steps
+            img  
+                margin: 0 8px
+                vertical-align: top
+            li   
+                border-right: none 
+                padding: 0
+                &:first-child
+                    margin-left: 12px 
+                    border-left: none 
+                &:last-child
+                    margin-right: 12px 
+        .oe_form_steps_active
+            font-weight: bold 
+            color: #b33630
+    .oe_application
+        .oe_form_sheetbg
+            background: url(/web/static/src/img/form_sheetbg.png)
+            padding: 8px
+            border-bottom: 1px solid #ddd 
+        .oe_form_sheet_width
+            min-width: 650px
+            max-width: 980px
+            margin: 0 auto
+        .oe_form_sheet
+            padding: 8px 8px 8px 8px
+            background: white
+            min-height: 420px
+            border: 1px solid #afafb6
+            @include box-shadow(0 0 10px rgba(0,0,0,0.3))
+            //.avatar
+            //    max-height: 52px
+            //.contacts
+            //    li
+            //        float: left
+            //        width: 33%
+            //        margin-bottom: 4px
+            //    .avatar
+            //        height: 40px
+            //        width: 40px
+            //        border: 1px solid
+            //        border-color: #e5e5e5 #dbdbdb #d2d2d2
+            //    .data
+            //        padding: 2px
+            //        line-height: 18px
+    // }}}
+    // FormView.autolayout {{{
+    .oe_form_autolayout
+        .oe_button
+            height: 22px
+        .oe_form_group_cell
+            line-height: 18px
+            padding: 2px
+            height: 25px
+            .oe_form_button
+                width: 100%
+                white-space: nowrap
+        .oe_form_group_cell > .oe_form_field_many2one,
+        .oe_form_group_cell > .oe_form_field_many2one input,
+        .oe_form_group_cell > .oe_form_field_char input,
+        .oe_form_group_cell > .oe_form_field_text textarea,
+        .oe_form_group_cell > .oe_form_field_email,
+        .oe_form_group_cell > .oe_form_field_email input,
+        .oe_form_group_cell > .oe_form_field_url,
+        .oe_form_group_cell > .oe_form_field_url input,
+        .oe_form_group_cell > .oe_form_field_date input,
+        .oe_form_group_cell > .oe_form_field_float input,
+        .oe_form_group_cell > .oe_form_field_selection select,
+        .oe_form_group_cell > .oe_datepicker_root
+            width: 100%
+        .oe_form_button.oe_button
+            color: #4c4c4c
+            white-space: nowrap
+            min-width: 100%
+            width: 100%
+            height: 22px
+            span
+                position: relative
+                vertical-align: top
+        .oe_form_group_cell.oe_form_group_nested
+            padding: 0
+    // }}}
+    // FormView.label {{{
+    .oe_form
+        label
+            font-weight: bold
+    .oe_form_label_help[for], .oe_form_label[for]
+        white-space: nowrap
+    // }}}
+    // FormView.fields {{{
+    .oe_form
+        textarea
+            resize: vertical
+        input[type="text"],
+        input[type="password"],
+        input[type="file"],
+        select
+            height: 22px
+            padding-top: 2px
+        input[type="text"],
+        input[type="password"],
+        input[type="file"],
+        select,
+        textarea
+            -moz-box-sizing: border-box
+            -webkit-box-sizing: border-box
+            -ms-box-sizing: border-box
+            box-sizing: border-box
+            padding: 0 2px
+            margin: 0 2px
+            border: 1px solid #999
+            -moz-border-radius: 3px
+            -webkit-border-radius: 3px
+            border-radius: 3px
+            background: white
+            min-width: 90px
+            color: #1f1f1f
+        input[readonly],
+        select[readonly],
+        textarea[readonly],
+        input[disabled],
+        select[disabled],
+        textarea[disabled]
+            background: #E5E5E5 !important
+            color: #666
+        .oe_form_field_many2one input,
+        .oe_form_field_binary input,
+        .oe_form_field_binary input,
+        .oe_form_field_email input,
+        .oe_form_field_url input
+            border-right: none
+            -webkit-border-top-right-radius: 0px
+            -webkit-border-bottom-right-radius: 0px
+            -moz-border-radius-topright: 0px
+            -moz-border-radius-bottomright: 0px
+            border-top-right-radius: 0px
+            border-bottom-right-radius: 0px
+        .oe_form_field_email button img,
+        .oe_form_field_url button img
+            vertical-align: top
+        .oe_form_field_translatable,
+        .oe_form_field_many2one,
+        .oe_form_field_date,
+        .oe_form_field_datetime
+            white-space: nowrap
+        .oe_form_field_boolean
+            padding-top: 4px
+        .oe_form_field_datetime input
+            min-width: 11em
+        .oe_datepicker_container
             display: none
+        .oe_datepicker_root
+            display: inline-block
+        .oe_form_required
+            input, select, textarea
+                background-color: #D2D2FF !important
+        .oe_form_invalid
+            input, select, textarea
+                background-color: #F66 !important
+                border: 1px solid #D00 !important
+    // }}}
+    // FormView.buttons {{{
+    .oe_form
+        .oe_button.oe_field_button
+            -webkit-border-top-left-radius: 0px
+            -webkit-border-bottom-left-radius: 0px
+            -moz-border-radius-topleft: 0px
+            -moz-border-radius-bottomleft: 0px
+            border-top-left-radius: 0px
+            border-bottom-left-radius: 0px
+            margin-right: -1px
+            height: 22px
+        .oe_input_icon
+            cursor: pointer
+            margin: 3px 0 0 -21px
+            vertical-align: top
+        .oe_input_icon_disabled
             position: absolute
-            top: 32px
-            right: -1px
-            border: 0
-            z-index: 900
-            margin-left: 0
-            margin-right: 0
-            padding: 6px 0
-            zoom: 1
-            border-color: #999
-            border-color: rgba(0, 0, 0, 0.2)
-            border-style: solid
-            border-width: 0 1px 1px
-            @include radius(0 0 6px 6px)
-            @include box-shadow(0 1px 4px rgba(0,0,0,0.3))
-            @include background-clip()
+            cursor: default
+            opacity: 0.5
+            filter: alpha(opacity=50)
+            right: 5px
+            top: 3px
+    // }}}
+    // FormView.binaryfile {{{
+    /* http://www.quirksmode.org/dom/inputfile.html
+     * http://stackoverflow.com/questions/2855589/replace-input-type-file-by-an-image
+     */
+    .oe_form
+        .oe-binary-file-set
+            overflow: hidden
+            position: relative
+            width: 45px
+            height: 30px
+        input.oe-binary-file
+            z-index: 0
+            line-height: 0
+            font-size: 12px
+            position: absolute
+            // Should be adjusted for all browsers
+            top: 1px
+            right: 10px
+            opacity: 0
+            filter: alpha(opacity = 0)
+            -ms-filter: "alpha(opacity=0)"
+            margin: 0
+            padding: 0
+    // }}}
+    // FormView.separator {{{
+    .oe_horizontal_separator
+        font-weight: bold
+        border: 0 solid #666
+        border-bottom-width: 1px
+        margin: 3px 4px 3px 1px
+        height: 17px
+    .oe_horizontal_separator:empty
+        height: 5px
+    .oe_vertical_separator
+        border-left: 1px solid #666
+        padding: 0 4px 0 4px
+    // }}}
+    // FormView.notebook {{{
+    .oe_form_notebook
+        margin: 8px 0
+        padding: 0 8px
+        list-style: none
+        zoom: 1
+    .oe_form_notebook:before, .oe_form_notebook:after
+        display: table
+        content: ""
+        zoom: 1
+    .oe_form_notebook:after
+        clear: both
+    .oe_form_notebook > li
+        float: left
+    .oe_form_notebook > li > a
+        display: block
+        color: #4c4c4c
+    .oe_form_notebook
+        border-color: #ddd
+        border-style: solid
+        border-width: 0 0 1px
+    .oe_form_notebook > li
+        position: relative
+        margin-bottom: -1px
+    .oe_form_notebook > li > a
+        padding: 0 12px
+        margin-right: 2px
+        line-height: 30px
+        border: 1px solid transparent
+        @include radius(4px 4px 0 0)
+    .oe_form_notebook > li > a:hover
+        text-decoration: none
+        background-color: #eee
+        border-color: #eee #eee #ddd
+    .oe_form_notebook > li.ui-state-active > a, .oe_form_notebook > li.ui-state-active > a:hover
+        background-color: #ffffff
+        border: 1px solid #ddd
+        border-bottom-color: transparent
+        cursor: default
+    .ui-tabs-hide
+        display: none
+
+    // }}}
+    // FormView.progressbar {{{
+    .oe_form
+        .oe_form_field_progressbar.ui-progressbar
+            height: 22px
+            font-size: 10px
+            -moz-box-sizing: border-box
+            -webkit-box-sizing: border-box
+            -ms-box-sizing: border-box
+            box-sizing: border-box
+            border: 1px solid #999
+            -moz-border-radius: 3px
+            -webkit-border-radius: 3px
+            border-radius: 3px
+            background: white
+            min-width: 90px
+
+            span
+                position: absolute
+                margin-left: 10px
+                font-weight: bold
+
+            .ui-widget-header
+                background: #cccccc url(/web/static/lib/jquery.ui/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x
+    // }}}
+    // FormView.viewmanager {{{
+    .oe_form
+        .oe_view_manager_header2
+            td
+                padding: 0px 8px
+                line-height: 16px
+                .oe_i
+                    font-size: 13px
+                .oe_pager_group
+                    height: auto
+                    line-height: 16px
+                    li
+                        height: auto
+                        line-height: 16px
+
+    // }}}
+    // ListView {{{
+    .oe_listview_nocontent
+        > img
+            float: left
+            margin-right: 1.5em
+        > div
+            // don't encroach on my arrow
+            overflow: hidden
+            padding: 6px
+            font-size: 125%
+    .oe-listview-content
+        width: 100%
+        thead, tfoot
+            border-bottom: 1px solid #cacaca
+            background: #eee
+        tfoot
+            border-bottom: 1px solid #cacaca
+            font-weight: bold
+        tbody
+            cursor: pointer
+            background: white
+        thead
+            vertical-align: top
+        td.oe_list_checkbox:first-child, th.oe_list_checkbox:first-child
+            width: 17px
+            &:after
+                border-width: 0
+        tbody tr:nth-child(odd) td, tbody tr:nth-child(odd) th
+            background-color: #f0f0fa
+            @include vertical-gradient(#f0f0fa, #eeeef6)
+        tbody tr:hover td, tbody tr:hover th
+            @include vertical-gradient(#eee, #dedede)
+        td, th
+            padding: 3px 6px
+            line-height: 18px
+            button
+                border: none
+                background: transparent
+                padding: 0
+                @include box-shadow(none)
+        .numeric
+            text-align: right
+            width: 82px
+            input
+                text-align: right
+        //thead th:after
+            //content: ""
+            //float: right
+            //margin-top: 7px
+            //border-width: 0 4px 4px
+            //border-style: solid
+            //border-color: #000 transparent
+            //visibility: hidden
+        table .sortdown:after, table .sortdown:hover:after
+            visibility: visible
+            @include opacity(0.6)
+        table .sortup:after
+            border-bottom: none
+            border-left: 4px solid transparent
+            border-right: 4px solid transparent
+            border-top: 4px solid #000
+            visibility: visible
+            @include box-shadow(none)
+            @include opacity(0.6)
+    // }}}
+    // KanbanView {{{
+    .oe_kanban_group_title
+        margin: 1px 1px 4px
+        font-size: 15px
+        font-weight: bold
+        text-shadow: 0 1px 0 white
+    .oe_kanban_column, .oe_kanban_group_header
+        width: 240px
+        vertical-align: top
+        padding: 6px 7px 6px 6px
+        background: #f0eeee
+        border-left: 1px solid #f0f8f8
+        border-right: 1px solid #b9b9b9
+    .oe_kanban_record
+        position: relative
+        display: block
+        min-height: 50px
+        margin: 6px 0
+        display: block
+        @include radius(4px)
+        &:last-child
+            margin-bottom: 0
+        .oe_kanban_title
+            font-weight: bold
+            margin: 2px 4px
+    .oe_kanban_gravatar
+        width: 20px
+        height: 20px
+        @include radius(3px)
+        @include box-shadow(0 1px 2px rgba(0,0,0,0.2))
+    .oe_kanban_avatar_toto
+        height: 40px
+        width: 40px
+        border: 1px solid
+        border-color: #e5e5e5 #dbdbdb #d2d2d2
+        @include radius(3px)
+        @include box-shadow(0 1px 2px rgba(0,0,0,0.2))
+    // }}}
+    // Translation {{{
+    .oe_trad_field.touched
+        border: 1px solid green !important
+    // }}}
+    // Tooltips {{{
+    &.oe_tooltip
+        font-size: 12px
+        .oe_tooltip_string
+            color: #FD5
+            font-weight: bold
+            font-size: 13px
+        .oe_tooltip_help
+            white-space: pre-wrap
+        .oe_tooltip_technical
+            padding: 0 0 4px 0
+            margin: 5px 0 0 15px
             li
-                float: none
-                display: block
-                background-color: none
-                a
-                    display: block
-                    padding: 4px 15px
-                    clear: both
-                    font-weight: normal
-                    line-height: 18px
-                    color: #eee
-                    &:hover
-                        @include vertical-gradient(#292929, #191919)
-                        @include box-shadow(none)
+                list-style: circle
+        .oe_tooltip_technical_title
+            font-weight: bold
     // }}}
+    // Debugging stuff {{{
+    .oe_layout_debugging
+        .oe_form_group
+            outline: 2px dashed red
+        .oe_form_group_cell
+            outline: 1px solid blue
 
-.openerp
-    // Transitional overrides for old styles {{{
+    .oe_debug_view
+        float: left
+    .oe_debug_view_log
+        font-size: 95%
+    .oe_debug_view_log label
+        display: block
+        width: 49%
+        text-align: right
+        float: left
+        font-weight: bold
+        color: #009
+    .oe_debug_view_log span
+        display: block
+        width: 49%
+        float: right
+        color: #333
     // }}}
 
+// Transitional overrides for old styles {{{
+.openerp
+    .oe_form_field_many2one
+        td:first-child
+            position: relative
+        span.oe-m2o-drop-down-button
+            position: absolute
+            top: 3px
+            right: 2px
+// }}}
+
 // au BufWritePost,FileWritePost *.sass :!sass --style expanded --line-numbers <afile> > "%:p:r.css"
 // vim:tabstop=4:shiftwidth=4:softtabstop=4:fdm=marker:
diff --git a/addons/web/static/src/css/base_old.css b/addons/web/static/src/css/base_old.css
index 2b6f6fbf639..8f333fae761 100644
--- a/addons/web/static/src/css/base_old.css
+++ b/addons/web/static/src/css/base_old.css
@@ -1,7 +1,6 @@
 .openerp {
     padding: 0;
     margin: 0;
-    height: 100%;
     font-size: 80%;
     font-family: Ubuntu, Helvetica, sans-serif;
 }
@@ -14,10 +13,9 @@
 
 .openerp .view-manager-main-content {
     width: 100%;
-    padding: 0 8px 8px 8px;
 }
 
-.openerp .oe_form_frame_cell .view-manager-main-content {
+.openerp .oe_form_group_cell .view-manager-main-content {
     padding: 0;
 }
 
@@ -56,216 +54,6 @@
     display: none;
 }
 
-/* Loading */
-.loading {
-    cursor: wait;
-}
-.openerp .loading {
-    display: none;
-    z-index: 100;
-    position: fixed;
-    top: 0;
-    right: 50%;
-    padding: 4px 12px;
-    background: #A61300;
-    color: white;
-    text-align: center;
-    border: 1px solid #900;
-    border-top: none;
-    -moz-border-radius-bottomright: 8px;
-    -moz-border-radius-bottomleft: 8px;
-    border-bottom-right-radius: 8px;
-    border-bottom-left-radius: 8px;
-}
-.openerp .oe_notification {
-    z-index: 1050;
-    display: none;
-}
-.openerp .oe_notification * {
-    color: white;
-}
-
-/* Login page */
-
-.login {
-    padding: 0;
-    margin: 0;
-    font-family: "Lucida Grande", Helvetica, Verdana, Arial;
-    background: url("/web/static/src/img/pattern.png") repeat;
-    color: #eee;
-    font-size: 14px;
-    height: 100%;
-}
-
-.login ul, ol {
-    padding: 0;
-    margin: 0;
-}
-
-.login li {
-    list-style-type: none;
-    padding-bottom: 4px;
-}
-
-.login a {
-    color: #eee;
-    text-decoration: none;
-}
-
-.login button {
-    float: right;
-    display: inline-block;
-    cursor: pointer;
-    padding: 6px 16px;
-    font-size: 13px;
-    font-family: "Lucida Grande", Helvetica, Verdana, Arial;
-    border: 1px solid #222222;
-    color: white;
-    margin: 0;
-    background: #600606;
-    background: -moz-linear-gradient(#b92020, #600606);
-    background: -webkit-gradient(linear, left top, left bottom, from(#b92020), to(#600606));
-    background: -ms-linear-gradient(top, #b92020, #600606);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b92020', endColorstr='#600606',GradientType=0 );
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
-    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
-    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(155, 155, 155, 0.4) inset;
-    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
-}
-
-.login input, .login select {
-    width: 252px;
-    font-size: 14px;
-    font-family: "Lucida Grande", Helvetica, Verdana, Arial;
-    border: 1px solid #999999;
-    background: whitesmoke;
-    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
-    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
-    -box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    border-radius: 3px;
-}
-
-.login input {
-    margin-bottom: 9px;
-    padding: 5px 6px;
-}
-
-.login select {
-    padding: 1px;
-}
-
-.login .dbpane {
-    position: fixed;
-    top: 0;
-    right: 8px;
-    padding: 5px 10px;
-    color: #eee;
-    border: solid 1px #333;
-    background: #1e1e1e;
-    background: rgba(30,30,30,0.94);
-    -moz-border-radius: 0 0 8px 8px;
-    -webkit-border-radius: 0 0 8px 8px;
-    border-radius: 0 0 8px 8px;
-}
-
-.login .bottom {
-    position: absolute;
-    top: 50%;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    text-shadow: 0 1px 1px #999999;
-    background: #600606;
-    background: -moz-linear-gradient(#b41616, #600606);
-    background: -webkit-gradient(linear, left top, left bottom, from(#b41616), to(#600606));
-    background: -ms-linear-gradient(top, #b41616, #600606);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b41616', endColorstr='#600606',GradientType=0 );
-}
-
-.login .pane {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    margin: -160px -166px;
-    border: solid 1px #333333;
-    background: #1e1e1e;
-    background: rgba(30,30,30,0.94);
-    padding: 22px 32px;
-    text-align: left;
-    -moz-border-radius: 8px;
-    -webkit-border-radius: 8px;
-    border-radius: 8px;
-    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
-    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
-    -box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
-}
-
-.login .pane h2 {
-    margin-top: 0;
-    font-size: 18px;
-}
-
-.login #logo {
-    position: absolute;
-    top: -70px;
-    left: 0;
-    width: 100%;
-    margin: 0 auto;
-    text-align: center;
-}
-
-.login .footer {
-    position: absolute;
-    bottom: -40px;
-    left: 0;
-    width: 100%;
-    text-align: center;
-}
-
-.login .footer a {
-    font-size: 13px;
-    margin: 0 8px;
-}
-
-.login .footer a:hover {
-    text-decoration: underline;
-}
-
-.login .openerp {
-    font-weight: bold;
-    font-family: serif;
-    font-size: 16px;
-}
-
-.openerp .login {
-    text-align: center;
-}
-
-.openerp .login .login_error_message {
-    display: none;
-    background-color: #b41616;
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
-    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
-    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
-    -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
-    color: #eee;
-    font-size: 14px;
-    padding: 14px 18px;
-    margin-top: 15px;
-    text-align: center;
-}
-
-.openerp .login.login_invalid .login_error_message {
-    display: inline-block;
-}
-
 
 
 /* Database */
@@ -404,201 +192,6 @@ label.error {
     padding-bottom:4px;
 }
 
-/* View Manager */
-.openerp .oe_vm_switch {
-    float: right;
-}
-.openerp .oe-view-manager-header .oe_view_title {
-    font-size:150%;
-    padding:2px 0 0 0;
-}
-
-/* SearchView */
-.openerp .oe_searchview_field > div {
-    position: relative;
-    white-space: nowrap;
-}
-.openerp .oe_searchview_field .oe_input_icon {
-    top: auto;
-    bottom: 3px;
-}
-
-.openerp .filter_label, .openerp .filter_icon {
-    background: #F0F0F0;
-    border: 1px solid #999;
-    background: -moz-linear-gradient(top, #F0F0F0 0%, #C0C0C0 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#C0C0C0));
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#C0C0C0',GradientType=0 );
-}
-.openerp .filter_label:hover, .openerp .filter_icon:hover {
-    background: #F0F0F0;
-    background: -moz-linear-gradient(top, #F0F0F0 0%, #A1A7CE 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#A1A7CE));
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#A1A7CE',GradientType=0 );
-}
-.openerp .filter_label:active, .openerp .filter_icon:active {
-    background: #aaa;
-    background: -moz-linear-gradient(top, #999999 0%, #EEEEEE 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#EEEEEE));
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#EEEEEE',GradientType=0 );
-}
-.openerp .filter_label.enabled, .openerp .filter_icon.enabled {
-    background: #aaa;
-    filter: none;
-    -moz-box-shadow: none;
-    -webkit-box-shadow: none;
-    -o-box-shadow: none;
-    box-shadow: none;
-}
-.openerp .filter_icon {
-    height: 22px;
-    padding: 1px 2px 0 2px;
-    margin: 0;
-    vertical-align: bottom;
-}
-.openerp .filter_label {
-    font-weight: bold;
-    text-transform: uppercase;
-    text-shadow: #EEE 0 1px 0;
-    color: #4C4C4C;
-    white-space: nowrap;
-    min-height: 40px;
-    min-width: 75px;
-    padding: 2px 4px;
-    margin: 0;
-}
-.openerp .filter_label_group {
-    padding-right: 0.4em;
-    white-space: nowrap;
-}
-
-.openerp .filter_label_group button {
-    -webkit-border-radius: 0;
-    -moz-border-radius: 0;
-    border-radius: 0;
-    border-right: none;
-}
-.openerp .filter_label_group button:first-child {
-    -webkit-border-top-left-radius: 7px;
-    -webkit-border-bottom-left-radius: 7px;
-    -moz-border-radius-topleft: 7px;
-    -moz-border-radius-bottomleft: 7px;
-    border-top-left-radius: 7px;
-    border-bottom-left-radius: 7px;
-    border-right: none;
-}
-.openerp .filter_label_group button:last-child {
-    -webkit-border-top-right-radius: 7px;
-    -webkit-border-bottom-right-radius: 7px;
-    -moz-border-radius-topright: 7px;
-    -moz-border-radius-bottomright: 7px;
-    border-top-right-radius: 7px;
-    border-bottom-right-radius: 7px;
-    border-right: 1px solid #999;
-}
-.openerp .filter_label_group button.filter_icon img {
-    padding: 1px 8px 0 8px;
-}
-.openerp .filter_label_group button.filter_icon:first-child {
-    border-left: solid 1px #999;
-    margin-left: -7px;
-    -webkit-border-top-left-radius: 0;
-    -webkit-border-bottom-left-radius: 0;
-    -moz-border-radius-topleft: 0;
-    -moz-border-radius-bottomleft: 0;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-}
-
-.openerp .searchview_group_string {
-    display: block;
-    color: #7D7979;
-    font-weight: bold;
-    padding: 2px 0 2px 10px;
-    text-decoration: none;
-}
-.openerp .searchview_group_string:hover {
-    background-color: #ccc;
-}
-.openerp .searchview_group.folded .searchview_group_string {
-    background: url("/web/static/src/img/ui/group-folded.png") no-repeat scroll 0 50%;
-}
-.openerp .searchview_group.folded .searchview_group_content {
-    display: none;
-}
-.openerp .searchview_group.expanded .searchview_group_string {
-    background: url("/web/static/src/img/ui/group-expanded.png") no-repeat scroll 0 50%;
-}
-.openerp .searchview_group.expanded .searchview_group_content {
-    display: block;
-    padding-bottom:3px;
-}
-
-.openerp .searchview_group_content .oe_label, .openerp .searchview_group_content .oe_label_help {
-    font-weight: bold;
-    color: #4c4c4c;
-}
-
-.openerp .oe-searchview-render-line .oe_label, .openerp .oe-searchview-render-line .oe_label_help {
-    font-weight: bold;
-    font-size: 80%;
-    white-space: nowrap;
-}
-
-.openerp .searchview_extended_group {
-    padding: 3px;
-    margin: 2px;
-}
-
-.openerp .searchview_extended_group .oe_adv_filters_and {
-    border-bottom: 1px solid #8E8E8E;
-    text-align: center;
-    margin-top: -10px;
-}
-.openerp .searchview_extended_group .oe_adv_filters_and span {
-    background: #F0EEEE;
-    position: relative;
-    top: 0.5em;
-    padding: 0 1em 0 1em;
-    color: #8E8E8E;
-}
-
-.openerp .searchview_extended_group.last_group .oe_adv_filters_and {
-    display: none;
-}
-
-.openerp .oe_search-view-buttons {
-    padding: 2px 0 10px 0;
-    vertical-align:middle;
-}
-.openerp .oe_search-view-filters-management {
-    float: right;
-}
-.openerp .oe_search-view-filters-management, .openerp .oe_search-view-custom-filter-btn {
-    float:right;
-}
-
-.openerp .searchview_extended_add_proposition span {
-    font-size: 0.9em;
-    background: url(/web/static/src/img/icons/gtk-add.png) repeat-y;
-    padding-left: 18px;
-}
-
-.openerp .searchview_extended_delete_group {
-    float:right;
-    display: none;
-}
-
-.openerp .searchview_extended_delete_prop {
-    text-decoration: none;
-}
-
-.openerp .searchview_extended_delete_group span,
-.openerp .searchview_extended_delete_prop span {
-    font-size: 0.9em;
-    background: url(/web/static/src/img/icons/gtk-close.png) repeat-y;
-    padding-left: 18px;
-}
 /* List */
 .openerp table.oe-listview-content {
     clear: right;
@@ -818,91 +411,19 @@ label.error {
     border-bottom-right-radius: 4px;
 }
 
-/* Notebook */
-.openerp .oe_form_notebook {
-    padding: 0;
-    background: none;
-    border-width: 0;
-}
-.openerp .oe_form_notebook .ui-tabs-panel {
-    padding: 4px;
-    -moz-border-radius-topright: 4px;
-    -webkit-border-top-right-radius: 4px;
-    border-top-right-radius: 4px;
-}
-.openerp .oe_form_notebook ul.ui-tabs-nav {
-    padding-left: 0;
-    background: transparent;
-    border-width: 0;
-    border-radius: 0;
-    -moz-border-radius: 0;
-    -webkit-border-radius: 0;
-    line-height: 0.8em;
-    font-size: 95%;
-    color: #555;
-}
-.openerp .oe_form_notebook ul.ui-tabs-nav li {
-    font-weight: bold;
-}
-.openerp .oe_form_notebook .ui-tabs-panel {
-    background: #f9f9f9;
-    border-width: 1px;
-}
-.openerp .oe_form_notebook .ui-tabs-selected {
-    background: #f9f9f9;
-}
-/* Unedit Form */
-.openerp .field_char,
-.openerp .field_date,
-.openerp .field_float,
-.openerp .field_selection,
-.openerp a.oe_form_uri {
-    vertical-align: middle;
-    padding-top: 3px;
-    font-size: 90%;
-    color: #222;
-}
-.openerp a.oe_form_uri {
-    color: #9A0404;
-    line-height: 12px;
-}
-
-
-
 /* Form */
-.openerp .oe_form_button_save_dirty {
-    display: none;
-}
-.openerp .oe_form_dirty > .oe_form_header > .oe_form_buttons > .oe_form_button_save {
-    color: white;
-    background: #dc5f59;
-    background: -moz-linear-gradient(#dc5f59, #b33630);
-    background: -webkit-gradient(linear, left top, left bottom, from(#dc5f59), to(#b33630));
-    background: -webkit-linear-gradient(#dc5f59, #b33630);
-    -moz-box-shadow: none;
-    -webkit-box-shadow: none;
-    -box-shadow: none;
-    font-weight: bold;
-}
-.openerp .oe_form_frame_cell input[type="checkbox"] {
+.openerp .oe_form_group_cell input[type="checkbox"] {
     margin-top: 3px;
     vertical-align: middle;
 }
-.openerp .oe_form_frame_cell .input[type="text"] {
+.openerp .oe_form_group_cell .input[type="text"] {
     padding-bottom: 1px;
 }
 
-.openerp table.oe_frame td {
+.openerp table.oe_form_group td {
     color: #4c4c4c;
 }
-.openerp td.oe_form_frame_cell {
-    padding: 2px;
-    position: relative;
-}
-.openerp .oe_frame.oe_forms {
-    clear: both;
-}
-.openerp table.oe_frame {
+.openerp table.oe_form_group {
     color: #4c4c4c;
 }
 .openerp fieldset.oe_group_box {
@@ -916,22 +437,6 @@ label.error {
 .openerp fieldset.oe_group_box legend {
     font-weight: bold;
 }
-.openerp td.oe_form_frame_cell {
-    padding: 2px;
-    position: relative;
-}
-.openerp td.oe_form_field_translatable,
-.openerp td.oe_form_field_many2one,
-.openerp td.oe_form_field_date,
-.openerp td.oe_form_field_datetime {
-    white-space: nowrap;
-}
-.openerp td.oe_form_field_boolean {
-    padding-top: 4px;
-}
-.openerp td.oe_form_frame_cell.oe_form_group {
-    padding: 0;
-}
 .openerp .required.error {
     border: 1px solid #900;
 }
@@ -949,66 +454,6 @@ label.error {
     margin-right: 3px;
 }
 
-
-.openerp label.oe_label_help, .openerp label.oe_label,
-.openerp .oe_form_paragraph,
-.openerp .oe_form_field_statusbar,
-.openerp .oe_forms input[type="text"],
-.openerp .oe_forms input[type="password"],
-.openerp .oe_forms input[type="file"],
-.openerp .oe_forms select,
-.openerp .oe_forms .oe_button,
-.openerp .oe_forms textarea {
-    font-size: 85%;
-}
-
-.openerp label.oe_label_help, .openerp label.oe_label {
-    display: block;
-    color: #4c4c4c;
-    font-weight: normal;
-}
-.openerp label.oe_label_help {
-    cursor: help;
-}
-.openerp .oe_form_frame_cell  .oe_label, .openerp .oe_form_frame_cell  .oe_label_help {
-    font-weight: normal;
-}
-.openerp #tiptip_content {
-    font-size: 12px;
-}
-.openerp .oe_tooltip_string {
-    color: #FD5;
-    font-weight: bold;
-    font-size: 13px;
-}
-.openerp .oe_tooltip_help {
-    white-space: pre-wrap;
-}
-.openerp .oe_tooltip_technical {
-    padding: 0 0 4px 0;
-    margin: 5px 0 0 15px;
-    list-style: circle;
-}
-.openerp .oe_tooltip_technical_title {
-    font-weight: bold;
-}
-
-.openerp .oe_forms label.oe_label, .openerp .oe_forms label.oe_label_help {
-    margin: 3px 0 0 3px;
-    white-space: nowrap;
-}
-.openerp .oe_forms .searchview_group_content label.oe_label, .openerp .searchview_group_content .oe_forms label.oe_label_help { /* making a distinction between labels in search view and other labels */
-    margin: 3px 0 0 3px;
-}
-
-.openerp label.oe_label_help span {
-    font-size: 80%;
-    color: darkgreen;
-    vertical-align:top;
-    position: relative;
-    top: -4px;
-    padding: 0 2px;
-}
 .openerp .oe_align_left {
     text-align: left;
 }
@@ -1018,12 +463,12 @@ label.error {
 .openerp .oe_align_center {
     text-align: center;
 }
-.openerp .oe_forms .oe_form_paragraph {
+.openerp .oe_form .oe_form_paragraph {
     margin: 3px 0 0 0;
     white-space: normal;
 }
 
-.openerp .oe_forms .oe_form_paragraph.oe_multilines {
+.openerp .oe_form .oe_form_paragraph.oe_multilines {
     white-space: pre;
 }
 
@@ -1033,13 +478,13 @@ label.error {
     margin: 0 0.5em 0 0;
 }
 
-.openerp .oe_forms .oe-listview th.oe-sortable .ui-icon,
-.openerp .oe_forms .oe-listview th.oe-sortable .ui-icon {
+.openerp .oe_form .oe-listview th.oe-sortable .ui-icon,
+.openerp .oe_form .oe-listview th.oe-sortable .ui-icon {
     height: 100%;
     margin-top: -9px;
 }
 
-.openerp table.oe_frame .oe-listview-content td {
+.openerp table.oe_form_group .oe-listview-content td {
     color: inherit;
 }
 
@@ -1047,19 +492,19 @@ label.error {
 .openerp .oe_form_readonly {
 
 }
-.openerp .oe_form_readonly .oe_form_frame_cell .field_text,
+.openerp .oe_form_readonly .oe_form_group_cell .field_text,
 .openerp .oe_form_readonly .field_char,
 .openerp .oe_form_readonly .field_int,
 .openerp .oe_form_readonly .field_float,
 .openerp .oe_form_readonly .field_email,
 .openerp .oe_form_readonly .field_date,
 .openerp .oe_form_readonly .field_selection,
-.openerp .oe_forms_readonly .oe_form_field_many2one {
+.openerp .oe_form_readonly .oe_form_field_many2one {
     padding: 3px 2px 2px 2px;
     background-color: white;
     height: 17px;
 }
-.openerp .oe_form_readonly .oe_form_frame_cell .field_text {
+.openerp .oe_form_readonly .oe_form_group_cell .field_text {
     height: auto;
 }
 .openerp .oe_form_readonly .field_datetime {
@@ -1084,211 +529,34 @@ label.error {
 .openerp .oe_form_readonly .oe_form_field_text_html div.field_text_html {
     white-space: pre-wrap;
 }
-.openerp .oe_form_readonly .oe_form_frame_cell .field_text  {
+.openerp .oe_form_readonly .oe_form_group_cell .field_text  {
     min-height:100px;
 }
 /* Inputs */
-.openerp .oe_forms input[type="text"],
-.openerp .oe_forms input[type="password"],
-.openerp .oe_forms input[type="file"],
-.openerp .oe_forms select,
-.openerp .oe_forms textarea {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    -ms-box-sizing: border-box;
-    box-sizing: border-box;
-    padding: 0 2px;
-    margin: 0 2px;
-    border: 1px solid #999;
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    border-radius: 3px;
-    background: white;
-    min-width: 90px;
-    color: #1f1f1f;
-}
-
-.openerp .oe_forms input.field_many2one,
-.openerp .oe_forms input.field_binary,
-.openerp .oe_forms input.field_binary,
-.openerp .oe_forms input.field_email,
-.openerp .oe_forms input.field_url  {
-    border-right: none;
-    -webkit-border-top-right-radius: 0px;
-    -webkit-border-bottom-right-radius: 0px;
-    -moz-border-radius-topright: 0px;
-    -moz-border-radius-bottomright: 0px;
-    border-top-right-radius: 0px;
-    border-bottom-right-radius: 0px;
-}
-.openerp .oe_button.oe_field_button {
-    -webkit-border-top-left-radius: 0px;
-    -webkit-border-bottom-left-radius: 0px;
-    -moz-border-radius-topleft: 0px;
-    -moz-border-radius-bottomleft: 0px;
-    border-top-left-radius: 0px;
-    border-bottom-left-radius: 0px;
-    margin-right:-1px;
-    height: 22px;
-}
-
-.openerp .oe_form_field_email button img,
-.openerp .oe_form_field_url button img {
-    vertical-align: top;
-}
 /* vertically recentering filter management select tag */
 .openerp select.oe_search-view-filters-management { 
     margin-top:2px;
 }
 
-.openerp .oe_forms select{
-    padding-top: 2px;
-}
-.openerp .oe_forms input[readonly],
-.openerp .oe_forms select[readonly],
-.openerp .oe_forms textarea[readonly],
-.openerp .oe_forms input[disabled],
-.openerp .oe_forms select[disabled],
-.openerp .oe_forms textarea[disabled]{
-    background: #E5E5E5 !important;
-    color: #666;
-}
-.openerp .oe_forms textarea {
-    resize:vertical;
-}
-.openerp .oe_forms input[type="text"],
-.openerp .oe_forms input[type="password"],
-.openerp .oe_forms input[type="file"],
-.openerp .oe_forms select,
-.openerp .oe_forms .oe_button {
-    height: 22px;
-}
 
-.openerp .oe_forms input.field_datetime {
-    min-width: 11em;
-}
-.openerp .oe_forms .oe_form_button .oe_button {
-    color: #4c4c4c;
-    white-space: nowrap;
-    min-width: 100%;
-    width: 100%;
-}
 @-moz-document url-prefix() {
     /* Strange firefox behaviour on width: 100% + white-space: nowrap */
-    .openerp .oe_forms .oe_form_button .oe_button {
+    .openerp .oe_form .oe_form_button .oe_button {
         width: auto;
     }
 }
 /* IE Hack - for IE < 9
  * Avoids buttons overflow
  * */
-.openerp .oe_forms .oe_form_button .oe_button {
+.openerp .oe_form .oe_form_button .oe_button {
     min-width: auto\9;
 }
-.openerp .oe_forms .button {
-    height: 22px;
-}
-.openerp .oe_forms .oe_button span {
-    position: relative;
-    vertical-align: top;
-}
-.openerp .oe_input_icon {
-    cursor: pointer;
-    margin: 3px 0 0 -21px;
-    vertical-align: top;
-}
-.openerp .oe_datepicker_container {
-    display: none;
-}
-.openerp .oe_datepicker_root {
-    display: inline-block;
-}
-.openerp .oe_form_frame_cell .oe_datepicker_root {
-    width: 100%;
-}
-.openerp .oe_input_icon_disabled {
-    position: absolute;
-    cursor: default;
-    opacity: 0.5;
-    filter:alpha(opacity=50);
-    right: 5px;
-    top: 3px;
-}
-.openerp .oe_trad_field.touched {
-    border: 1px solid green !important;
-}
-
-/* http://www.quirksmode.org/dom/inputfile.html
- * http://stackoverflow.com/questions/2855589/replace-input-type-file-by-an-image
- */
-.openerp .oe-binary-file-set {
-    overflow: hidden;
-    position: relative;
-}
-.openerp input.oe-binary-file {
-    z-index: 0;
-    line-height: 0;
-    font-size: 12px;
-    position: absolute;
-    /* Should be adjusted for all browsers */
-    top: 1px;
-    right: 10px;
-    opacity: 0;
-    filter: alpha(opacity = 0);
-    -ms-filter: "alpha(opacity=0)";
-    margin: 0;
-    padding:0;
-}
 
-/* Widgets */
-.openerp .separator {
-    border: 0 solid #666;
-}
-.openerp .separator.horizontal {
-    font-weight: bold;
-    border-bottom-width: 1px;
-    margin: 3px 4px 3px 1px;
-    height: 17px;
-    font-size: 95%;
-}
-.openerp .separator.horizontal:empty {
-    height: 5px;
-}
-.openerp .oe_form_frame_cell.oe_form_separator_vertical {
-    border-left: 1px solid #666;
-}
-.openerp td.required input, .openerp td.required select, .openerp td.required textarea {
-    background-color: #D2D2FF !important;
-}
-.openerp td.invalid input, .openerp td.invalid select, .openerp td.invalid textarea {
-    background-color: #F66 !important;
-    border: 1px solid #D00 !important;
-}
-.openerp div.oe-progressbar span {
-    position: absolute;
-    margin-left: 10px;
-    margin-top: 5px;
-    font-weight: bold;
-}
 
 /* jQuery UI override */
 .openerp .ui-widget {
     font-size: 1em;
 }
-.openerp .oe_form_field_progressbar .ui-progressbar {
-    height: 22px;
-    font-size: 10px;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    -ms-box-sizing: border-box;
-    box-sizing: border-box;
-    border: 1px solid #999;
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    border-radius: 3px;
-    background: white;
-    min-width: 90px;
-}
 .openerp tbody.ui-widget-content {
     margin-bottom: 10px;
     border-spacing: 4px;
@@ -1296,10 +564,6 @@ label.error {
 .openerp .ui-widget-header {
     background: white none;
 }
-/* progress bars */
-.openerp .ui-progressbar .ui-widget-header {
-    background: #cccccc url(/web/static/lib/jquery.ui/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
-}
 
 /* Sidebar */
 .openerp .view-manager-main-table {
@@ -1318,7 +582,7 @@ label.error {
     background: url("/web/static/src/img/sep-a.gif") 0 100% repeat-x;
     margin:6px 0 6px 2px;
 }
-.openerp .oe_form_frame_cell .oe-view-manager-header { /* Trick: remove the background when element is in a formular */
+.openerp .oe_form_group_cell .oe-view-manager-header { /* Trick: remove the background when element is in a formular */
     background: none;
 }
 
@@ -1354,45 +618,6 @@ label.error {
     text-decoration: underline;
     color: inherit;
 }
-.openerp .oe-view-manager-logs {
-    clear: both;
-    background: #fff;
-    margin: 0.25em 0;
-    font-size: 85%;
-    color: #4C4C4C;
-    position: relative;
-    overflow: hidden;
-}
-.openerp .oe-view-manager-logs ul {
-    margin: 0;
-    padding: 0 10px;
-    list-style: none;
-}
-.openerp .oe-view-manager-logs li:before {
-    content: '\2192 ';
-}
-.openerp .oe-view-manager-logs a {
-    text-decoration: none;
-    color: inherit;
-}
-/* only display first three log items of a folded logs list */
-.openerp .oe-view-manager-logs.oe-folded li:nth-child(n+4) {
-    display: none;
-}
-/* display link to more logs if there are more logs to view and the logview is
-   currently folded */
-.openerp .oe-view-manager-logs a.oe-more-logs {
-    display: none;
-}
-.openerp .oe-view-manager-logs.oe-folded.oe-has-more a.oe-more-logs {
-    display: block;
-}
-.openerp .oe-view-manager-logs a.oe-remove-everything {
-    position: absolute;
-    top: 0;
-    right: 0;
-    cursor: pointer;
-}
 
 .openerp .view-manager-main-sidebar {
     width: 180px;
@@ -1810,228 +1035,6 @@ ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
   margin: 0 20px;
 }
 
-.openerp .oe_vm_switch {
-    margin:2px 0 0 0;
-}
-
-.openerp .oe_vm_switch_form,
-.openerp .oe_vm_switch_page,
-.openerp .oe_vm_switch_tree,
-.openerp .oe_vm_switch_list,
-.openerp .oe_vm_switch_graph,
-.openerp .oe_vm_switch_gantt,
-.openerp .oe_vm_switch_calendar,
-.openerp .oe_vm_switch_kanban,
-.openerp .oe_vm_switch_diagram {
-    background: url("/web/static/src/img/views-icons-a.png") repeat-x scroll left top transparent;
-    overflow: hidden;
-    width: 22px;
-    height: 21px;
-    border: none;
-    background-position: 0px 0px;
-}
-
-.openerp .oe_vm_switch_form span,
-.openerp .oe_vm_switch_page span,
-.openerp .oe_vm_switch_tree span,
-.openerp .oe_vm_switch_list span,
-.openerp .oe_vm_switch_graph span,
-.openerp .oe_vm_switch_gantt span,
-.openerp .oe_vm_switch_calendar span,
-.openerp .oe_vm_switch_kanban span,
-.openerp .oe_vm_switch_diagram span {
-    display: none;
-}
-
-.openerp .oe_vm_switch_list {
-    background-position: 0px 0px;
-}
-.openerp .oe_vm_switch_list:active,
-.openerp .oe_vm_switch_list:hover,
-.openerp .oe_vm_switch_list:focus,
-.openerp .oe_vm_switch_list[disabled="disabled"] {
-    background-position: 0px -21px;
-}
-
-.openerp .oe_vm_switch_tree {
-    background-position: 0px 0px;
-}
-.openerp .oe_vm_switch_tree:active,
-.openerp .oe_vm_switch_tree:hover,
-.openerp .oe_vm_switch_tree:focus,
-.openerp .oe_vm_switch_tree[disabled="disabled"] {
-    background-position: 0px -21px;
-}
-
-.openerp .oe_vm_switch_form {
-    background-position: -22px 0px;
-}
-.openerp .oe_vm_switch_form:active,
-.openerp .oe_vm_switch_form:hover,
-.openerp .oe_vm_switch_form:focus,
-.openerp .oe_vm_switch_form[disabled="disabled"] {
-    background-position: -22px -21px;
-}
-
-.openerp .oe_vm_switch_page {
-    background-position: -22px 0px;
-}
-.openerp .oe_vm_switch_page:active,
-.openerp .oe_vm_switch_page:hover,
-.openerp .oe_vm_switch_page:focus,
-.openerp .oe_vm_switch_page[disabled="disabled"] {
-    background-position: -22px -21px;
-}
-.openerp .oe_vm_switch_graph {
-    background-position: -44px 0px;
-}
-.openerp .oe_vm_switch_graph:active,
-.openerp .oe_vm_switch_graph:hover,
-.openerp .oe_vm_switch_graph:focus,
-.openerp .oe_vm_switch_graph[disabled="disabled"] {
-    background-position: -44px -21px;
-}
-
-.openerp .oe_vm_switch_gantt {
-    background-position: -66px 0px;
-}
-.openerp .oe_vm_switch_gantt:active,
-.openerp .oe_vm_switch_gantt:hover,
-.openerp .oe_vm_switch_gantt:focus,
-.openerp .oe_vm_switch_gantt[disabled="disabled"] {
-    background-position: -66px -21px;
-}
-
-.openerp .oe_vm_switch_calendar {
-    background-position: -88px 0px;
-}
-.openerp .oe_vm_switch_calendar:active,
-.openerp .oe_vm_switch_calendar:hover,
-.openerp .oe_vm_switch_calendar:focus,
-.openerp .oe_vm_switch_calendar[disabled="disabled"] {
-    background-position: -88px -21px;
-}
-.openerp .oe_vm_switch_kanban {
-    background-position: -110px 0px;
-}
-.openerp .oe_vm_switch_kanban:active,
-.openerp .oe_vm_switch_kanban:hover,
-.openerp .oe_vm_switch_kanban:focus,
-.openerp .oe_vm_switch_kanban[disabled="disabled"] {
-    background-position: -110px -21px;
-}
-
-.openerp .oe_vm_switch_diagram {
-    background-position: 0px 0px;
-}
-.openerp .oe_vm_switch_diagram:active,
-.openerp .oe_vm_switch_diagram:hover,
-.openerp .oe_vm_switch_diagram:focus,
-.openerp .oe_vm_switch_diagram[disabled="disabled"] {
-    background-position: 0px -21px;
-}
-
-/* Buttons */
-.openerp .oe_button:link,
-.openerp .oe_button:visited,
-.openerp .oe_button {
-    display: inline-block;
-    border: 1px solid #ababab;
-    color: #404040;
-    font-size: 12px;
-    padding: 3px 10px;
-    text-align: center;
-    -o-background-size: 100% 100%;
-    -moz-background-size: 100% 100%;
-    -webkit-background-size: auto auto !important;
-    background-size: 100% 100%;
-    background: #d8d8d8 none;
-    background: none, -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d8d8d8));
-    background: none, -webkit-linear-gradient(#efefef, #d8d8d8);
-    background: none, -moz-linear-gradient(#efefef, #d8d8d8);
-    background: none, -o-linear-gradient(top, #efefef, #d8d8d8);
-    background: none, -khtml-gradient(linear, left top, left bottom, from(#efefef), to(#d8d8d8));
-    background: -ms-linear-gradient(top, #efefef, #d8d8d8);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#d8d8d8',GradientType=0 );
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    -o-border-radius: 3px;
-    -ms-border-radius: 3px;
-    border-radius: 3px;
-    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
-    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
-    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
-    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
-    -webkit-font-smoothing: antialiased;
-    outline: none;
-}
-
-.openerp .oe_button:hover {
-    -o-background-size: 100% 100%;
-    -moz-background-size: 100% 100%;
-    -webkit-background-size: auto auto !important;
-    background-size: 100% 100%;
-    background: #e3e3e3 none;
-    background: none, -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
-    background: none, -webkit-linear-gradient(#f6f6f6, #e3e3e3);
-    background: none, -moz-linear-gradient(#f6f6f6, #e3e3e3);
-    background: none, -o-linear-gradient(top, #f6f6f6, #e3e3e3);
-    background: none, -khtml-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
-    background: -ms-linear-gradient(top, #f6f6f6, #e3e3e3);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#e3e3e3',GradientType=0 );
-    cursor: pointer;
-}
-
-.openerp .oe_button:focus {
-    border: 1px solid #80bfff;
-    -o-background-size: 100% 100%;
-    -moz-background-size: 100% 100%;
-    -webkit-background-size: auto auto !important;
-    background-size: 100% 100%;
-    background: #e3e3e3, none;
-    background: none, -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
-    background: none, -webkit-linear-gradient(#f6f6f6, #e3e3e3);
-    background: none, -moz-linear-gradient(#f6f6f6, #e3e3e3);
-    background: none, -o-linear-gradient(top, #f6f6f6, #e3e3e3);
-    background: none, -khtml-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
-    background: -ms-linear-gradient(top, #f6f6f6, #e3e3e3);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#e3e3e3',GradientType=0 );
-    -moz-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
-    -webkit-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
-    -o-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
-    box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
-}
-
-.openerp .oe_button:active,
-.openerp .oe_button.active {
-    background: #e3e3e3;
-    background: -moz-linear-gradient(top, #e3e3e3, #f6f6f6) #1b468f;
-    background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f6f6f6)) #1b468f;
-    background: linear-gradient(top, #e3e3e3, #f6f6f6) #1b468f;
-    background: -ms-linear-gradient(top, #e3e3e3, #f6f6f6);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#f6f6f6',GradientType=0 );
-    -moz-box-shadow: none, 0 0 0 transparent;
-    -webkit-box-shadow: none, 0 0 0 transparent;
-    -o-box-shadow: none, 0 0 0 transparent;
-    box-shadow: none, 0 0 0 transparent;
-}
-
-.openerp .oe_button.disabled,
-.openerp .oe_button:disabled {
-    background: #efefef !important;
-    border: 1px solid #d1d1d1 !important;
-    font-size: 12px;
-    padding: 3px 10px;
-    -moz-box-shadow: none !important, 0 0 0 transparent;
-    -webkit-box-shadow: none !important, 0 0 0 transparent;
-    -o-box-shadow: none !important, 0 0 0 transparent;
-    box-shadow: none !important, 0 0 0 transparent;
-    color: #aaaaaa !important;
-    cursor: default;
-    text-shadow: 0 1px 1px white !important;
-}
-
 .openerp select.oe_search-view-filters-management {
     font-style: oblique;
     color: #999999;
@@ -2043,24 +1046,6 @@ ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
     color: black;
 }
 
-/* Debug stuff */
-.openerp .oe_debug_view_log {
-    font-size: 95%;
-}
-.openerp .oe_debug_view_log label {
-    display: block;
-    width: 49%;
-    text-align: right;
-    float: left;
-    font-weight: bold;
-    color: #009;
-}
-.openerp .oe_debug_view_log span {
-    display: block;
-    width: 49%;
-    float: right;
-    color: #333;
-}
 
 /* Internet Explorer Fix */
 a img {