addons/web/static/src/css/base.css

   1 body.openerp {
   2     padding: 0;
   3     margin: 0;
   4     height: 100%;
   5     overflow-y: scroll;
   6     font-size: 80%;
   7     font-family: Ubuntu, Helvetica, sans-serif;
   8 }
   9
  10 body.openerp, .openerp textarea, .openerp input, .openerp select, .openerp option, .openerp button, .openerp .ui-widget {
  11     font-family: Ubuntu, Helvetica, sans-serif;
  12     font-size:85%;
  13 }
  14
  15 .openerp .view-manager-main-content {
  16     width: 100%;
  17     padding: 0 8px 8px 8px;
  18 }
  19
  20 .openerp .oe_form_frame_cell .view-manager-main-content {
  21     padding: 0;
  22 }
  23
  24 .oe_box {
  25     border: 1px solid #aaf;
  26     padding: 2px;
  27     margin: 2px;
  28 }
  29
  30 #oe_header h2 {
  31     margin: 2px 0;
  32 }
  33
  34 #oe_errors pre {
  35     margin: 0;
  36 }
  37
  38 .openerp .oe-listview .oe-number {
  39     text-align: right !important;
  40 }
  41 .oe-listview-header-columns {
  42     background: #d1d1d1; /* Old browsers */
  43     background: -moz-linear-gradient(top, #ffffff 0%, #d1d1d1 100%); /* FF3.6+ */
  44     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */
  45     background: -webkit-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
  46     background: -o-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* Opera11.10+ */
  47     background: -ms-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* IE10+ */
  48     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */
  49     background: linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* W3C */
  50 }
  51
  52 .openerp .oe_hide {
  53     display: none !important;
  54 }
  55
  56 /* STATES */
  57 .openerp .on_logged,
  58 .openerp .db_options_row {
  59     display: none;
  60 }
  61
  62 /* Loading */
  63 .loading {
  64     cursor: wait;
  65 }
  66 .openerp .loading {
  67     display: none;
  68     z-index: 100;
  69     position: fixed;
  70     top: 0;
  71     right: 50%;
  72     padding: 4px 12px;
  73     background: #A61300;
  74     color: white;
  75     text-align: center;
  76     border: 1px solid #900;
  77     border-top: none;
  78     -moz-border-radius-bottomright: 8px;
  79     -moz-border-radius-bottomleft: 8px;
  80     border-bottom-right-radius: 8px;
  81     border-bottom-left-radius: 8px;
  82 }
  83 .openerp .oe_notification {
  84     z-index: 1001;
  85     display: none;
  86 }
  87 .openerp .oe_notification * {
  88     color: white;
  89 }
  90
  91 /* Login page */
  92
  93 .login {
  94     padding: 0;
  95     margin: 0;
  96     font-family: "Lucida Grande", Helvetica, Verdana, Arial;
  97     background: url("/web/static/src/img/pattern.png") repeat;
  98     color: #eee;
  99     font-size: 14px;
 100     height: 100%;
 101 }
 102
 103 .login ul, ol {
 104     padding: 0;
 105     margin: 0;
 106 }
 107
 108 .login li {
 109     list-style-type: none;
 110     padding-bottom: 4px;
 111 }
 112
 113 .login a {
 114     color: #eee;
 115     text-decoration: none;
 116 }
 117
 118 .login button {
 119     float: right;
 120     display: inline-block;
 121     cursor: pointer;
 122     padding: 6px 16px;
 123     font-size: 13px;
 124     font-family: "Lucida Grande", Helvetica, Verdana, Arial;
 125     border: 1px solid #222222;
 126     color: white;
 127     margin: 0;
 128     background: #600606;
 129     background: -moz-linear-gradient(#b92020, #600606);
 130     background: -webkit-gradient(linear, left top, left bottom, from(#b92020), to(#600606));
 131     background: -ms-linear-gradient(top, #b92020, #600606);
 132     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b92020', endColorstr='#600606',GradientType=0 );
 133     -moz-border-radius: 4px;
 134     -webkit-border-radius: 4px;
 135     border-radius: 4px;
 136     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
 137     -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(155, 155, 155, 0.4) inset;
 138     -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
 139     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
 140 }
 141
 142 .login input, .login select {
 143     width: 252px;
 144     font-size: 14px;
 145     font-family: "Lucida Grande", Helvetica, Verdana, Arial;
 146     border: 1px solid #999999;
 147     background: whitesmoke;
 148     -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
 149     -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
 150     -box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
 151     -moz-border-radius: 3px;
 152     -webkit-border-radius: 3px;
 153     border-radius: 3px;
 154 }
 155
 156 .login input {
 157     margin-bottom: 9px;
 158     padding: 5px 6px;
 159 }
 160
 161 .login select {
 162     padding: 1px;
 163 }
 164
 165 .login .dbpane {
 166     position: fixed;
 167     top: 0;
 168     right: 8px;
 169     padding: 5px 10px;
 170     color: #eee;
 171     border: solid 1px #333;
 172     background: rgba(30,30,30,0.94);
 173     -moz-border-radius: 0 0 8px 8px;
 174     -webkit-border-radius: 0 0 8px 8px;
 175     border-radius: 0 0 8px 8px;
 176 }
 177
 178 .login .bottom {
 179     position: absolute;
 180     top: 50%;
 181     left: 0;
 182     right: 0;
 183     bottom: 0;
 184     text-shadow: 0 1px 1px #999999;
 185     background: #600606;
 186     background: -moz-linear-gradient(#b41616, #600606);
 187     background: -webkit-gradient(linear, left top, left bottom, from(#b41616), to(#600606));
 188     background: -ms-linear-gradient(top, #b41616, #600606);
 189     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b41616', endColorstr='#600606',GradientType=0 );
 190 }
 191
 192 .login .pane {
 193     position: absolute;
 194     top: 50%;
 195     left: 50%;
 196     margin: -160px -166px;
 197     border: solid 1px #333333;
 198     background: rgba(30,30,30,0.94);
 199     padding: 22px 32px;
 200     text-align: left;
 201     -moz-border-radius: 8px;
 202     -webkit-border-radius: 8px;
 203     border-radius: 8px;
 204     -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
 205     -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
 206     -box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
 207 }
 208
 209 .login .pane h2 {
 210     margin-top: 0;
 211     font-size: 18px;
 212 }
 213
 214 .login #logo {
 215     position: absolute;
 216     top: -70px;
 217     left: 0;
 218     width: 100%;
 219     margin: 0 auto;
 220     text-align: center;
 221 }
 222
 223 .login .footer {
 224     position: absolute;
 225     bottom: -40px;
 226     left: 0;
 227     width: 100%;
 228     text-align: center;
 229 }
 230
 231 .login .footer a {
 232     font-size: 13px;
 233     margin: 0 8px;
 234 }
 235
 236 .login .footer a:hover {
 237     text-decoration: underline;
 238 }
 239
 240 .login .openerp {
 241     font-weight: bold;
 242     font-family: serif;
 243     font-size: 16px;
 244 }
 245
 246 .openerp .login {
 247     text-align: center;
 248 }
 249
 250 .openerp .login .login_error_message {
 251     display: none;
 252     background-color: #b41616;
 253     -moz-border-radius: 4px;
 254     -webkit-border-radius: 4px;
 255     border-radius: 4px;
 256     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
 257     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
 258     -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
 259     color: #eee;
 260     font-size: 14px;
 261     padding: 14px 18px;
 262     margin-top: 15px;
 263     text-align: center;
 264 }
 265
 266 .openerp .login.login_invalid .login_error_message {
 267     display: inline-block;
 268 }
 269
 270
 271
 272 /* Database */
 273 .login .oe-database-manager {
 274     display: none;
 275     height: 100%;
 276     width: 100%;
 277     background-color: white;
 278 }
 279 .login.database_block .bottom,
 280 .login.database_block .login_error_message,
 281 .login.database_block .pane {
 282     display: none;
 283 }
 284 .login.database_block .oe-database-manager {
 285     display: block;
 286 }
 287
 288 .login .database {
 289     float: left;
 290     width: 202px;
 291     height: 100%;
 292     background: #666666;
 293 }
 294 .login .oe_db_options {
 295     margin-left: 202px;
 296     color: black;
 297     padding-top: 20px;
 298 }
 299
 300 .login .database ul {
 301     margin-top: 65px;
 302 }
 303
 304 ul.db_options li {
 305     padding: 5px 0 10px 5px;
 306     background: #949292; /* Old browsers */
 307     background: -moz-linear-gradient(top, #949292 30%, #6d6b6b 95%, #282828 100%); /* FF3.6+ */
 308     background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#949292), color-stop(95%,#6d6b6b), color-stop(100%,#282828)); /* Chrome,Safari4+ */
 309     background: -webkit-linear-gradient(top, #949292 30%,#6d6b6b 95%,#282828 100%); /* Chrome10+,Safari5.1+ */
 310     background: -o-linear-gradient(top, #949292 30%,#6d6b6b 95%,#282828 100%); /* Opera11.10+ */
 311     background: -ms-linear-gradient(top, #949292 30%,#6d6b6b 95%,#282828 100%); /* IE10+ */
 312     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949292', endColorstr='#282828',GradientType=0 ); /* IE6-9 */
 313     background: linear-gradient(top, #949292 30%,#6d6b6b 95%,#282828 100%); /* W3C */
 314     /* for ie9 */
 315     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949292', endColorstr='#5B5A5A',GradientType=0 ); /* IE6-9 */
 316     border: none;
 317     /* overriding jquery ui */
 318     -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
 319     display: block;
 320     font-weight: bold;
 321     text-transform: uppercase;
 322     margin: 1px;
 323     color: #EEEEEE;
 324     cursor: pointer;
 325     width: 195px;
 326     font-size: 12px;
 327 }
 328
 329 .db_option_table {
 330     border: 1px solid #5A5858;
 331     padding: 5px;
 332     -moz-border-radius: 10px;
 333 }
 334
 335 table.db_option_table input.required {
 336     background-color: #D2D2FF !important;
 337 }
 338
 339 .db_option_table input[type="text"], .db_option_table input[type="password"], .db_option_table select {
 340     width: 300px;
 341 }
 342
 343 .option_string {
 344     font-weight: bold;
 345     color: #555;
 346     width: 100%;
 347     text-align: center;
 348     padding: 10px 0;
 349     font-size: large;
 350 }
 351
 352 label.error {
 353     float: none;
 354     color: red;
 355     padding-left: .5em;
 356     vertical-align: top;
 357 }
 358
 359 /* Main*/
 360 .openerp .main_table {
 361     width: 100%;
 362     height: 100%;
 363     background: #f0eeee;
 364 }
 365 .openerp .oe-application {
 366     height: 100%;
 367 }
 368 .openerp .oe-application-container {
 369     width: 100%;
 370     height: 100%;
 371 }
 372
 373 /* Menu */
 374 .openerp .menu {
 375     height: 34px;
 376     background: #cc4e45; /* Old browsers */
 377     background: -moz-linear-gradient(top, #cc4e45 0%, #b52d20 8%, #7a211a 100%); /* FF3.6+ */
 378     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc4e45), color-stop(8%,#b52d20), color-stop(100%,#7a211a)); /* Chrome,Safari4+ */
 379     background: -webkit-linear-gradient(top, #cc4e45 0%,#b52d20 8%,#7a211a 100%); /* Chrome10+,Safari5.1+ */
 380     background: -o-linear-gradient(top, #cc4e45 0%,#b52d20 8%,#7a211a 100%); /* Opera11.10+ */
 381     background: -ms-linear-gradient(top, #cc4e45 0%,#b52d20 8%,#7a211a 100%); /* IE10+ */
 382     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC4E45', endColorstr='#7A211A',GradientType=0 ); /* IE6-9 */
 383     background: linear-gradient(top, #cc4e45 0%,#b52d20 8%,#7a211a 100%); /* W3C */
 384 }
 385 .openerp .menu td {
 386     text-align: center;
 387     padding:0;
 388 }
 389 .openerp .menu a {
 390     display:block;
 391     min-width: 60px;
 392     height: 20px;
 393     margin: 3px 2px;
 394     padding: 0 8px;
 395
 396     background: #bd5e54; /* Old browsers */
 397     background: -moz-linear-gradient(top, #bd5e54 0%, #90322a 60%); /* FF3.6+ */
 398     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bd5e54), color-stop(60%,#90322a)); /* Chrome,Safari4+ */
 399     background: -webkit-linear-gradient(top, #bd5e54 0%,#90322a 60%); /* Chrome10+,Safari5.1+ */
 400     background: -o-linear-gradient(top, #bd5e54 0%,#90322a 60%); /* Opera11.10+ */
 401     background: -ms-linear-gradient(top, #bd5e54 0%,#90322a 60%); /* IE10+ */
 402     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BD5E54', endColorstr='#90322A',GradientType=0 ); /* IE6-9 */
 403     background: linear-gradient(top, #bd5e54 0%,#90322a 60%); /* W3C */
 404
 405     border: 1px solid #5E1A14;
 406     border-radius: 4px;
 407     -moz-border-radius: 4px;
 408     -webkit-border-radius: 4px;
 409
 410     color: #eee;
 411     text-shadow: #222 0 1px 0;
 412     text-decoration: none;
 413     text-transform: uppercase;
 414     line-height: 20px;
 415     font-weight: bold;
 416     font-size: 75%;
 417
 418     white-space: nowrap;
 419 }
 420 .openerp .menu a:hover,
 421 .openerp .menu a:focus,
 422 .openerp .menu a.active {
 423     background: #c6c6c6; /* Old browsers */
 424     background: -moz-linear-gradient(top, #c6c6c6 0%, #5c5c5c 7%, #969595 86%); /* FF3.6+ */
 425     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(7%,#5c5c5c), color-stop(86%,#969595)); /* Chrome,Safari4+ */
 426     background: -webkit-linear-gradient(top, #c6c6c6 0%,#5c5c5c 7%,#969595 86%); /* Chrome10+,Safari5.1+ */
 427     background: -o-linear-gradient(top, #c6c6c6 0%,#5c5c5c 7%,#969595 86%); /* Opera11.10+ */
 428     background: -ms-linear-gradient(top, #c6c6c6 0%,#5c5c5c 7%,#969595 86%); /* IE10+ */
 429     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C6C6C6', endColorstr='#969595',GradientType=0 ); /* IE6-9 */
 430     background: linear-gradient(top, #c6c6c6 0%,#5c5c5c 7%,#969595 86%); /* W3C */
 431     /* for ie */
 432     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c5c5c', endColorstr='#969595',GradientType=0 ); /* IE6-9 */
 433     color: #fff;
 434 }
 435 /* Secondary Menu */
 436 .openerp .secondary_menu .oe_toggle_secondary_menu {
 437     position: absolute;
 438     cursor: pointer;
 439     border-left: 1px solid #282828;
 440     width: 21px;
 441     height: 21px;
 442     z-index: 10;
 443     background: transparent;
 444     color: white;
 445     text-shadow: 0 1px 0 #333;
 446     text-align: center;
 447     font-size: 18px;
 448     line-height: 18px;
 449     right: 0;
 450 }
 451 .openerp .secondary_menu.oe_folded .oe_toggle_secondary_menu {
 452     position: static;
 453     border-left: none;
 454     border-bottom: 1px solid #282828;
 455     width: 21px;
 456     height: 21px;
 457     background: #818181;
 458 }
 459 .openerp .secondary_menu.oe_folded .oe_toggle_secondary_menu span.oe_menu_fold {
 460     display: none;
 461 }
 462 .openerp .secondary_menu.oe_unfolded .oe_toggle_secondary_menu span.oe_menu_unfold {
 463     display: none;
 464 }
 465 .openerp .secondary_menu {
 466     width: 200px;
 467     min-width: 200px;
 468     border-right: 1px solid #3C3C3C;
 469     border-bottom: 1px solid #5A5858;
 470     background: #5A5858;
 471     vertical-align: top;
 472     height: 100%;
 473     display: block;
 474     position: relative;
 475     font-size:85%;
 476 }
 477 .openerp .secondary_menu.oe_folded {
 478     width: 20px;
 479     min-width: 20px;
 480     position: static;
 481 }
 482 .openerp .secondary_menu.oe_folded .oe_secondary_menu.active {
 483     position: absolute;
 484     z-index: 100;
 485     border: 4px solid #585858;
 486     border-color: rgba(88, 88, 88, .5);
 487     border-radius: 4px;
 488     min-width: 200px;
 489 }
 490 .openerp .secondary_menu a {
 491     display: block;
 492     padding: 0 5px 2px 5px;
 493     line-height: 20px;
 494     text-decoration: none;
 495     white-space: nowrap;
 496     color: white;
 497     text-shadow: 0 1px 0 #333;
 498 }
 499 .openerp .oe_secondary_submenu {
 500     background: #5A5858;
 501 }
 502 .openerp .secondary_menu a.oe_secondary_menu_item {
 503     background: #949292; /* Old browsers */
 504     background: -moz-linear-gradient(top, #949292 0%, #6d6b6b 87%, #282828 99%); /* FF3.6+ */
 505     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#949292), color-stop(87%,#6d6b6b), color-stop(99%,#282828)); /* Chrome,Safari4+ */
 506     background: -webkit-linear-gradient(top, #949292 0%,#6d6b6b 87%,#282828 99%); /* Chrome10+,Safari5.1+ */
 507     background: -o-linear-gradient(top, #949292 0%,#6d6b6b 87%,#282828 99%); /* Opera11.10+ */
 508     background: -ms-linear-gradient(top, #949292 0%,#6d6b6b 87%,#282828 99%); /* IE10+ */
 509     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949292', endColorstr='#282828',GradientType=0 ); /* IE6-9 */
 510     background: linear-gradient(top, #949292 0%,#6d6b6b 87%,#282828 99%); /* W3C */
 511     /* for ie9 */
 512     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949292', endColorstr='#5B5A5A',GradientType=0 ); /* IE6-9 */
 513     white-space: nowrap;
 514     color: white;
 515     text-shadow: 0 1px 0 #333;
 516
 517 }
 518 .openerp a.oe_secondary_submenu_item {
 519     padding: 0 5px 2px 10px;
 520 }
 521 .openerp a.oe_secondary_submenu_item,
 522 .openerp a.oe_secondary_menu_item {
 523     overflow: hidden;
 524     text-overflow: ellipsis;
 525 }
 526 .openerp a.oe_secondary_submenu_item:hover,
 527 .openerp a.oe_secondary_submenu_item.leaf.active {
 528     display: block;
 529     background: #ffffff; /* Old browsers */
 530     background: -moz-linear-gradient(top, #ffffff 0%, #d8d8d8 11%, #afafaf 86%, #333333 91%, #5a5858 96%); /* FF3.6+ */
 531     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(11%,#d8d8d8), color-stop(86%,#afafaf), color-stop(91%,#333333), color-stop(96%,#5a5858)); /* Chrome,Safari4+ */
 532     background: -webkit-linear-gradient(top, #ffffff 0%,#d8d8d8 11%,#afafaf 86%,#333333 91%,#5a5858 96%); /* Chrome10+,Safari5.1+ */
 533     background: -o-linear-gradient(top, #ffffff 0%,#d8d8d8 11%,#afafaf 86%,#333333 91%,#5a5858 96%); /* Opera11.10+ */
 534     background: -ms-linear-gradient(top, #ffffff 0%,#d8d8d8 11%,#afafaf 86%,#333333 91%,#5a5858 96%); /* IE10+ */
 535     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#5A5858',GradientType=0 ); /* IE6-9 */
 536     background: linear-gradient(top, #ffffff 0%,#d8d8d8 11%,#afafaf 86%,#333333 91%,#5a5858 96%); /* W3C */
 537     padding: 0 5px 2px 10px;
 538     line-height: 20px;
 539     color: #3f3d3d;
 540     text-decoration: none;
 541     text-shadow: #fff 0 1px 0;
 542 }
 543 .openerp a.oe_secondary_submenu_item.submenu.opened span:before {
 544     content: "\25be";
 545 }
 546 .openerp a.oe_secondary_submenu_item.submenu span:before {
 547     content: "\25b8";
 548 }
 549
 550 /* Header */
 551 .openerp .header {
 552     height: 65px;
 553     background: url("/web/static/src/img/header-background.png") repeat-x scroll left top transparent;
 554     color: #FFFFFF;
 555     letter-spacing: 0.5px;
 556     text-shadow: 0 1px 0 #333333;
 557 }
 558 .openerp .company_logo_link {
 559     display: block;
 560     float: left;
 561     height: 63px;
 562     width: 200px;
 563     border: 1px solid white;
 564     border-right-color: black;
 565     border-bottom-color: black;
 566     background: #FFFFFF;
 567     background: -moz-linear-gradient(top, #FFFFFF 0%, #CECECE 100%);
 568     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#CECECE));
 569     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#CECECE',GradientType=0 );
 570 }
 571 .openerp .company_logo {
 572     margin-top: 7px;
 573     margin-left: 10px;
 574     display: block;
 575     background: url(/web/static/src/img/logo.png);
 576     width:180px;
 577     height:46px;
 578 }
 579 .openerp .header_title {
 580     float: left;
 581     font-size: 100%;
 582     margin: 0;
 583     padding: 4px 10px;
 584     text-shadow: 0 1px 0 #111111;
 585     font-weight:normal;
 586     line-height:14px;
 587 }
 588 .openerp .header_title small {
 589     color: #ccc;
 590     font-size: 90%;
 591     font-weight: normal;
 592 }
 593 .openerp .header_corner {
 594     float: right;
 595 }
 596 .openerp .header_corner .block {
 597     float: left;
 598     height: 34px;
 599     line-height: 34px;
 600     /*background: url(../images/top-sep-a.png) no-repeat;*/
 601     border-left: 1px solid #6a6a6a;
 602     background: #828282;
 603     background: -moz-linear-gradient(top, #828282 0%, #4D4D4D 100%);
 604     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828282), color-stop(100%,#4D4D4D));
 605     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828282', endColorstr='#4D4D4D',GradientType=0 );
 606 }
 607 .openerp .header_corner .block a {
 608     display: block;
 609     color: white;
 610     text-decoration: none;
 611     padding: 0 10px;
 612 }
 613 .openerp .header_corner .block a:hover {
 614     background: #929292;
 615     background: -moz-linear-gradient(top, #929292 0%, #4D4D4D 100%);
 616     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#929292), color-stop(100%,#4D4D4D));
 617     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929292', endColorstr='#4D4D4D',GradientType=0 );
 618 }
 619 .openerp .header_corner ul.block {
 620     list-style: none;
 621     height: 34px;
 622     margin: 0;
 623     padding: 0 0 0 2px;
 624     line-height: 33px;
 625 }
 626 .openerp .header_corner ul.block li {
 627     float: left;
 628 }
 629 .openerp .header_corner ul.block li a {
 630     padding: 0 5px;
 631     position: relative;
 632     line-height: 32px;
 633 }
 634 .openerp .header_corner ul.block li a img {
 635     vertical-align: middle;
 636 }
 637 .openerp .header_corner ul.block li a small {
 638     position: absolute;
 639     right: 0;
 640     top: 5px;
 641     padding: 1px 4px 2px;
 642     background: rgba(0, 0, 0, 0.75);
 643     border-radius: 7px;
 644     -moz-border-radius: 7px;
 645     -webkit-border-radius: 7px;
 646     line-height: 1em;
 647     font-weight: bold;
 648 }
 649
 650 .openerp .logout {
 651     font-size:80%;
 652 }
 653
 654 /* Footer */
 655 .openerp div.oe_footer {
 656     background: none repeat scroll 0 0 #CCCCCC;
 657     overflow: hidden;
 658     padding: 5px 0;
 659     position: relative;
 660     -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.4);
 661     -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.4);
 662     box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.4);
 663 }
 664 .openerp div.oe_footer p.oe_footer_powered {
 665     left: 50%;
 666     margin: 0;
 667     padding: 0 15px;
 668     color: #666666;
 669     font-weight: bold;
 670     font-size: 0.8em;
 671     text-align: center;
 672 }
 673 .openerp div.oe_footer p.oe_footer_powered a {
 674     text-decoration: none;
 675     color: #666666;
 676 }
 677
 678
 679 /* Main Application */
 680 .openerp .oe-main-content {
 681     padding: 0;
 682     height: 100%;
 683 }
 684
 685 .openerp h2.oe_view_title {
 686     font-size: 110%;
 687     font-weight: normal;
 688     margin: 2px 0;
 689     color: #252424;
 690     text-shadow: white 0 1px 0;
 691 }
 692 .openerp div[id^="notebook"] .oe_view_title {
 693     font-size:85%;
 694     padding-bottom:4px;
 695 }
 696
 697 /* View Manager */
 698 .openerp .oe_vm_switch {
 699     float: right;
 700 }
 701 .openerp .oe-view-manager-header .oe_view_title {
 702     font-size:150%;
 703     padding:2px 0 0 0;
 704 }
 705
 706 /* SearchView */
 707 .openerp .oe_searchview_field > div {
 708     position: relative;
 709     white-space: nowrap;
 710 }
 711 .openerp .oe_searchview_field .oe_input_icon {
 712     top: auto;
 713     bottom: 3px;
 714 }
 715
 716 .openerp .filter_label, .openerp .filter_icon {
 717     background: #F0F0F0;
 718     border: 1px solid #999;
 719     background: -moz-linear-gradient(top, #F0F0F0 0%, #C0C0C0 100%);
 720     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#C0C0C0));
 721     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#C0C0C0',GradientType=0 );
 722 }
 723 .openerp .filter_label:hover, .openerp .filter_icon:hover {
 724     background: #F0F0F0;
 725     background: -moz-linear-gradient(top, #F0F0F0 0%, #A1A7CE 100%);
 726     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#A1A7CE));
 727     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#A1A7CE',GradientType=0 );
 728 }
 729 .openerp .filter_label:active, .openerp .filter_icon:active {
 730     background: #aaa;
 731     background: -moz-linear-gradient(top, #999999 0%, #EEEEEE 100%);
 732     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#EEEEEE));
 733     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#EEEEEE',GradientType=0 );
 734 }
 735 .openerp .filter_label.enabled, .openerp .filter_icon.enabled {
 736     background: #aaa;
 737     -moz-box-shadow: none;
 738     -webkit-box-shadow: none;
 739     -o-box-shadow: none;
 740     box-shadow: none;
 741 }
 742 .openerp .filter_icon {
 743     height: 22px;
 744     padding: 1px 2px 0 2px;
 745     margin: 0;
 746     vertical-align: bottom;
 747 }
 748 .openerp .filter_label {
 749     font-weight: bold;
 750     text-transform: uppercase;
 751     text-shadow: #EEE 0 1px 0;
 752     color: #4C4C4C;
 753     white-space: nowrap;
 754     min-height: 40px;
 755     min-width: 75px;
 756     padding: 2px 4px;
 757     margin: 0;
 758 }
 759 .openerp .filter_label_group {
 760     padding-right: 0.4em;
 761     white-space: nowrap;
 762 }
 763
 764 .openerp .filter_label_group button {
 765     -webkit-border-radius: 0;
 766     -moz-border-radius: 0;
 767     border-radius: 0;
 768     border-right: none;
 769 }
 770 .openerp .filter_label_group button:first-child {
 771     -webkit-border-top-left-radius: 7px;
 772     -webkit-border-bottom-left-radius: 7px;
 773     -moz-border-radius-topleft: 7px;
 774     -moz-border-radius-bottomleft: 7px;
 775     border-top-left-radius: 7px;
 776     border-bottom-left-radius: 7px;
 777     border-right: none;
 778 }
 779 .openerp .filter_label_group button:last-child {
 780     -webkit-border-top-right-radius: 7px;
 781     -webkit-border-bottom-right-radius: 7px;
 782     -moz-border-radius-topright: 7px;
 783     -moz-border-radius-bottomright: 7px;
 784     border-top-right-radius: 7px;
 785     border-bottom-right-radius: 7px;
 786     border-right: 1px solid #999;
 787 }
 788 .openerp .filter_label_group button.filter_icon img {
 789     padding: 1px 8px 0 8px;
 790 }
 791 .openerp .filter_label_group button.filter_icon:first-child {
 792     border-left: solid 1px #999;
 793     margin-left: -7px;
 794     -webkit-border-top-left-radius: 0;
 795     -webkit-border-bottom-left-radius: 0;
 796     -moz-border-radius-topleft: 0;
 797     -moz-border-radius-bottomleft: 0;
 798     border-top-left-radius: 0;
 799     border-bottom-left-radius: 0;
 800 }
 801
 802 .openerp .searchview_group_string {
 803     display: block;
 804     color: #7D7979;
 805     font-weight: bold;
 806     padding: 2px 0 2px 10px;
 807     text-decoration: none;
 808 }
 809 .openerp .searchview_group_string:hover {
 810     background-color: #ccc;
 811 }
 812 .openerp .searchview_group.folded .searchview_group_string {
 813     background: url("/web/static/src/img/ui/group-folded.png") no-repeat scroll 0 50%;
 814 }
 815 .openerp .searchview_group.folded .searchview_group_content {
 816     display: none;
 817 }
 818 .openerp .searchview_group.expanded .searchview_group_string {
 819     background: url("/web/static/src/img/ui/group-expanded.png") no-repeat scroll 0 50%;
 820 }
 821 .openerp .searchview_group.expanded .searchview_group_content {
 822     display: block;
 823     padding-bottom:3px;
 824 }
 825
 826 .openerp .searchview_group_content .oe_label, .openerp .searchview_group_content .oe_label_help {
 827     font-weight: bold;
 828     color: #4c4c4c;
 829 }
 830
 831 .openerp .oe-searchview-render-line .oe_label, .openerp .oe-searchview-render-line .oe_label_help {
 832     font-weight: bold;
 833     font-size: 80%;
 834     white-space: nowrap;
 835 }
 836
 837 .openerp .searchview_extended_group {
 838     padding: 3px;
 839     margin: 2px;
 840 }
 841
 842 .openerp .searchview_extended_group .oe_adv_filters_and {
 843     border-bottom: 1px solid #8E8E8E;
 844     text-align: center;
 845     margin-top: -10px;
 846 }
 847 .openerp .searchview_extended_group .oe_adv_filters_and span {
 848     background: #F0EEEE;
 849     position: relative;
 850     top: 0.5em;
 851     padding: 0 1em 0 1em;
 852     color: #8E8E8E;
 853 }
 854
 855 .openerp .searchview_extended_group.last_group .oe_adv_filters_and {
 856     display: none;
 857 }
 858
 859 .openerp .oe_search-view-buttons {
 860     padding: 2px 0 10px 0;
 861     vertical-align:middle;
 862 }
 863 .openerp .oe_search-view-filters-management {
 864     float: right;
 865 }
 866 .openerp .oe_search-view-filters-management, .openerp .oe_search-view-custom-filter-btn {
 867     float:right;
 868 }
 869
 870 .openerp .searchview_extended_add_proposition span {
 871     font-size: 0.9em;
 872     background: url(/web/static/src/img/icons/gtk-add.png) repeat-y;
 873     padding-left: 18px;
 874 }
 875
 876 .openerp .searchview_extended_delete_group {
 877     float:right;
 878     display: none;
 879 }
 880
 881 .openerp .searchview_extended_delete_prop {
 882     text-decoration: none;
 883 }
 884
 885 .openerp .searchview_extended_delete_group span,
 886 .openerp .searchview_extended_delete_prop span {
 887     font-size: 0.9em;
 888     background: url(/web/static/src/img/icons/gtk-close.png) repeat-y;
 889     padding-left: 18px;
 890 }
 891 /* List */
 892 .openerp table.oe-listview-content {
 893     clear: right;
 894     width: 100%;
 895     border-spacing: 0;
 896     border: 1px solid silver;
 897 }
 898
 899 .openerp .oe-listview thead table {
 900     width: 100%;
 901     border:  none;
 902 }
 903 .openerp .oe-listview tr.odd {
 904     background-color: #f3f3f3;
 905 }
 906 .openerp .oe-listview tbody tr:hover {
 907     background-color: #ecebf2;
 908 }
 909 .openerp .oe-listview tbody tr:hover {
 910     background-color: #eae9f0;
 911 }
 912 .openerp .oe-listview thead table tr,
 913 .openerp .oe-listview thead table tr:hover {
 914     background: none;
 915 }
 916
 917 .openerp .oe-listview > table > tbody > tr > td,
 918 .openerp .oe-listview th {
 919     vertical-align: middle;
 920     text-align: left;
 921     padding: 1px 2px;
 922 }
 923
 924 .openerp .oe-record-delete button,
 925 .openerp button.oe-edit-row-save {
 926     border: none;
 927     height: 12px;
 928     width: 12px;
 929     background: url("/web/static/src/img/iconset-b-remove.png") no-repeat scroll center center transparent;
 930     cursor: pointer;
 931 }
 932 .openerp button.oe-edit-row-save {
 933     background-image: url('/web/static/src/img/icons/save-document.png');
 934 }
 935
 936 /* Could use :not selectors if they were supported by MSIE8... */
 937 .openerp .oe-listview > table > tbody > tr > td {
 938     border-left: 1px solid #dadada; /*currently commenting to test with no vertical lines in list view*/
 939 }
 940 .openerp .oe-listview tbody td:first-child,
 941 .openerp .oe-listview tbody td.oe-button,
 942 .openerp .oe-listview tbody td.oe-button,
 943 .openerp .oe-listview tbody th.oe-record-selector,
 944 .openerp .oe-listview tbody td.oe-record-delete {
 945     border-left: none;
 946 }
 947
 948 .openerp .oe-listview td.oe-record-delete {
 949     text-align: right;
 950 }
 951 .openerp .oe-listview th.oe-sortable {
 952     cursor: pointer;
 953     font-size: 75%;
 954     text-transform: uppercase;
 955     padding: 0;
 956     margin: 0;
 957     padding-left: 3px;
 958     color: #333;
 959 }
 960 .openerp .oe-listview th.oe-sortable .ui-icon {
 961     height: 60%;
 962     margin: -6px 0 0;
 963     display: inline;
 964     display: inline-block;
 965     vertical-align: middle;
 966 }
 967
 968 .openerp .oe-listview > table > tbody > tr > td {
 969     border-bottom: 1px solid #E3E3E3;
 970 }
 971
 972
 973 .openerp .oe-listview td.oe-actions {
 974     border-bottom:none;
 975 }
 976
 977 .openerp .oe-listview .oe-record-selector, .openerp .oe-listview .oe-record-edit-link {
 978     border-bottom: 1px solid #E3E3E3;
 979 }
 980 .openerp .oe-listview .oe-record-edit-link {
 981     cursor: pointer;
 982 }
 983
 984 .openerp .oe-listview .oe-field-cell {
 985     cursor: pointer;
 986     margin-top: 0;
 987     margin-bottom: 0;
 988     padding-top: 3px;
 989     padding-bottom: 3px;
 990     font-size: 80%;
 991 }
 992 .openerp .oe-listview .oe-field-cell progress {
 993     width: 100%;
 994 }
 995 .openerp .oe-listview .oe-field-cell.oe-button button,
 996 .openerp .oe-listview .oe_form_button button {
 997     margin: 0;
 998     padding: 0;
 999     border: none;
1000     background: none;
1001     width: 16px;
1002     box-shadow: none;
1003     -moz-box-shadow: none;
1004     -webkit-box-shadow: none;
1005 }
1006 .openerp .oe-listview .oe-field-cell button:active {
1007     opacity: 0.5;
1008 }
1009 .openerp .oe-listview .oe-field-cell button img {
1010     cursor: pointer;
1011 }
1012 .openerp .oe-listview .oe-field-cell button img:hover {
1013     opacity: 0.75;
1014 }
1015
1016 .openerp .oe-listview .oe-field-cell .oe-listview-button-disabled img {
1017     opacity: 0.5;
1018 }
1019
1020 .openerp .oe-listview th.oe-actions {
1021     text-align: left;
1022     white-space: nowrap;
1023 }
1024 .openerp .oe-listview th.oe-list-pager {
1025     text-align: right;
1026     white-space: nowrap;
1027 }
1028 .openerp .oe-list-pager .oe-pager-state {
1029     cursor: pointer;
1030     font-size: 90%;
1031     color: #555;
1032 }
1033
1034 .openerp .oe_button.oe_button_pager,
1035 .openerp .oe-list-pager > span,
1036 .openerp .oe_form_pager > span {
1037    line-height: 17px;
1038    height: 17px;
1039    cursor: pointer;
1040    color: gray;
1041    font-weight: bold;
1042    vertical-align: middle;
1043 }
1044 .openerp .oe_button.oe_button_pager,
1045 .openerp .oe_button.oe_button_pager:disabled {
1046     padding: 0 3px 0 3px;
1047     margin: 0;
1048     height: 17px;
1049 }
1050 .openerp .oe-listview .oe-group-name {
1051     padding-right: 1em;
1052 }
1053 .openerp .oe-listview .oe-group-name,
1054 .openerp .oe-listview .oe-group-pagination {
1055     white-space: nowrap;
1056 }
1057
1058 .openerp .oe-listview tfoot td {
1059     padding: 3px 3px 0;
1060 }
1061 .openerp .oe-listview .oe-list-footer {
1062     text-align: center;
1063     white-space: nowrap;
1064     color: #444;
1065     font-size: 85%;
1066 }
1067 .openerp .oe-listview .oe-list-footer span {
1068     margin: 0 1em;
1069 }
1070 .openerp .oe-listview .oe-list-footer progress {
1071     vertical-align:-10% !important;
1072     width: 100%;
1073 }
1074
1075 /** list rounded corners
1076
1077     rounded corners are a pain on tables: need to round not only table, but
1078     also on the first and last children of the first and last row
1079  */
1080 .openerp .oe-listview table.oe-listview-content {
1081     -webkit-border-radius: 4px;
1082     -moz-border-radius: 4px;
1083     border-radius: 4px;
1084 }
1085 .openerp .oe-listview table.oe-listview-content thead tr:first-child th:first-child {
1086     -webkit-border-top-left-radius: 4px;
1087     -moz-border-radius-topleft: 4px;
1088     border-top-left-radius: 4px;
1089 }
1090 .openerp .oe-listview table.oe-listview-content thead tr:first-child th:last-child {
1091     -webkit-border-top-right-radius: 4px;
1092     -moz-border-radius-topright: 4px;
1093     border-top-right-radius: 4px;
1094 }
1095 .openerp .oe-listview table.oe-listview-content tfoot tr:last-child th:first-child,
1096 .openerp .oe-listview table.oe-listview-content tfoot tr:last-child td:first-child,
1097 .openerp .oe-listview table.oe-listview-content tbody:last-child tr:last-child th:first-child {
1098     -webkit-border-bottom-left-radius: 4px;
1099     -moz-border-radius-bottomleft: 4px;
1100     border-bottom-left-radius: 4px;
1101 }
1102 .openerp .oe-listview table.oe-listview-content tfoot tr:last-child th:last-child,
1103 .openerp .oe-listview table.oe-listview-content tfoot tr:last-child td:last-child,
1104 .openerp .oe-listview table.oe-listview-content tbody:last-child tr:last-child td:last-child {
1105     -webkit-border-bottom-right-radius: 4px;
1106     -moz-border-radius-bottomright: 4px;
1107     border-bottom-right-radius: 4px;
1108 }
1109
1110 /* Notebook */
1111 .openerp .oe_form_notebook {
1112     padding: 0;
1113     background: none;
1114     border-width: 0;
1115 }
1116 .openerp .oe_form_notebook .ui-tabs-panel {
1117     padding: 4px;
1118     -moz-border-radius-topright: 4px;
1119     -webkit-border-top-right-radius: 4px;
1120     border-top-right-radius: 4px;
1121 }
1122 .openerp .oe_form_notebook ul.ui-tabs-nav {
1123     padding-left: 0;
1124     background: transparent;
1125     border-width: 0;
1126     border-radius: 0;
1127     -moz-border-radius: 0;
1128     -webkit-border-radius: 0;
1129     line-height: 0.8em;
1130     font-size: 95%;
1131     color: #555;
1132 }
1133 .openerp .oe_form_notebook ul.ui-tabs-nav li {
1134     font-weight: bold;
1135 }
1136 .openerp .oe_form_notebook .ui-tabs-panel {
1137     background: #f9f9f9;
1138     border-width: 1px;
1139 }
1140 .openerp .oe_form_notebook .ui-tabs-selected {
1141     background: #f9f9f9;
1142 }
1143 /* Unedit Form */
1144 .openerp .field_char,
1145 .openerp .field_date,
1146 .openerp .field_float,
1147 .openerp .field_selection,
1148 .openerp a.oe_form_uri {
1149     vertical-align: middle;
1150     padding-top: 3px;
1151     font-size: 90%;
1152     color: #222;
1153 }
1154 .openerp a.oe_form_uri {
1155     color: #9A0404;
1156     line-height: 12px;
1157 }
1158
1159
1160
1161 /* Form */
1162
1163 .openerp .oe_form_frame_cell input[type="checkbox"] {
1164     margin-top: 3px;
1165     vertical-align: middle;
1166 }
1167 .openerp .oe_form_frame_cell .input[type="text"] {
1168     padding-bottom: 1px;
1169 }
1170
1171 .openerp table.oe_frame td {
1172     color: #4c4c4c;
1173 }
1174 .openerp td.oe_form_frame_cell {
1175     padding: 2px;
1176     position: relative;
1177 }
1178 .openerp .oe_frame.oe_forms {
1179     clear: both;
1180 }
1181 .openerp table.oe_frame {
1182     color: #4c4c4c;
1183 }
1184 .openerp fieldset.oe_group_box {
1185     border: 1px solid #AAAAAA;
1186     moz-border-radius: 4px;
1187     -webkit-border-radius: 4px;
1188     border-radius: 4px;
1189     background: #F9F9F9;
1190     padding: 4px;
1191 }
1192 .openerp fieldset.oe_group_box legend {
1193     font-weight: bold;
1194 }
1195 .openerp td.oe_form_frame_cell {
1196     padding: 2px;
1197     position: relative;
1198     white-space: nowrap;
1199 }
1200 .openerp td.oe_form_field_boolean {
1201     padding-top: 4px;
1202 }
1203 .openerp td.oe_form_frame_cell.oe_form_group {
1204     padding: 0;
1205 }
1206 .openerp .required.error {
1207     border: 1px solid #900;
1208 }
1209 .openerp .oe_form_buttons, .openerp .oe_list_buttons {
1210     float: left;
1211 }
1212 .openerp .oe_form_pager, .openerp .oe_list_pager {
1213     float: right;
1214     font-size: 80%;
1215     color: gray;
1216     font-weight: bold;
1217 }
1218
1219 .openerp .oe_form_pager {
1220     margin-right: 3px;
1221 }
1222
1223
1224 .openerp label.oe_label_help, .openerp label.oe_label, .openerp .oe_forms input[type="text"], .openerp .oe_forms input[type="password"], .openerp .oe_forms select, .openerp .oe_forms .oe_button, .openerp .oe_forms textarea {
1225     font-size: 85%;
1226 }
1227
1228 .openerp label.oe_label_help, .openerp label.oe_label {
1229     display: block;
1230     color: #4c4c4c;
1231     font-weight: normal;
1232 }
1233 .openerp label.oe_label_help {
1234     cursor: help;
1235 }
1236 .openerp .oe_form_frame_cell  .oe_label, .openerp .oe_form_frame_cell  .oe_label_help {
1237     font-weight: normal;
1238 }
1239 .openerp #tiptip_content {
1240     font-size: 12px;
1241 }
1242 .openerp .oe_tooltip_string {
1243     color: #FD5;
1244     font-weight: bold;
1245     font-size: 13px;
1246 }
1247 .openerp .oe_tooltip_help {
1248     white-space: pre-wrap;
1249 }
1250 .openerp .oe_tooltip_technical {
1251     padding: 0 0 4px 0;
1252     margin: 5px 0 0 15px;
1253     list-style: circle;
1254 }
1255 .openerp .oe_tooltip_technical_title {
1256     font-weight: bold;
1257 }
1258
1259 .openerp .oe_forms label.oe_label, .openerp .oe_forms label.oe_label_help {
1260     margin: 3px 0 0 3px;
1261     white-space: nowrap;
1262 }
1263 .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 */
1264     margin: 3px 0 0 3px;
1265 }
1266
1267 .openerp label.oe_label_help span {
1268     font-size: 80%;
1269     color: darkgreen;
1270     vertical-align:top;
1271     position: relative;
1272     top: -4px;
1273     padding: 0 2px;
1274 }
1275 .openerp .oe_align_left {
1276     text-align: left;
1277 }
1278 .openerp .oe_align_right {
1279     text-align: right;
1280 }
1281 .openerp .oe_align_center {
1282     text-align: center;
1283 }
1284 .openerp .oe_forms .oe_form_paragraph {
1285     margin: 3px 0 0 0;
1286     white-space: normal;
1287 }
1288
1289 .openerp .oe_form_field_one2many .oe-actions h3.oe_view_title,
1290 .openerp .oe_form_field_one2many_list .oe-actions h3.oe_view_title{
1291     display: inline;
1292     margin: 0 0.5em 0 0;
1293 }
1294
1295 /* Uneditable Form View */
1296 .openerp .oe_form_readonly {
1297
1298 }
1299 .openerp .oe_form_readonly .oe_form_frame_cell .field_text,
1300 .openerp .oe_form_readonly .field_char,
1301 .openerp .oe_form_readonly .field_int,
1302 .openerp .oe_form_readonly .field_float,
1303 .openerp .oe_form_readonly .field_email,
1304 .openerp .oe_form_readonly .field_date,
1305 .openerp .oe_form_readonly .field_selection,
1306 .openerp .oe_forms_readonly .oe_form_field_many2one {
1307     padding: 3px 2px 2px 2px;
1308     background-color: white;
1309     height: 17px;
1310 }
1311 .openerp .oe_form_readonly .oe_form_frame_cell .field_text {
1312     height: auto;
1313 }
1314 .openerp .oe_form_readonly .field_datetime {
1315     padding: 1px 2px 2px 2px;
1316     background-color: white;
1317     height:19px;
1318 }
1319 .openerp .oe_form_readonly .oe_form_field_many2one div {
1320     background-color:white;
1321     height:18px;
1322     margin-bottom:1px;
1323     padding: 0px 2px 5px 2px;
1324 }
1325
1326 .openerp .oe_form_readonly .oe_form_field_email div  {
1327     background-color: white;
1328     padding: 1px 2px 3px 2px;
1329 }
1330
1331
1332 .openerp .oe_form_readonly .oe_form_field_text div.field_text,
1333 .openerp .oe_form_readonly .oe_form_field_text_html div.field_text_html {
1334     white-space: pre-wrap;
1335 }
1336 .openerp .oe_form_readonly .oe_form_frame_cell .field_text  {
1337     min-height:100px;
1338 }
1339 /* Inputs */
1340 .openerp .oe_forms input[type="text"], .openerp .oe_forms input[type="password"], .openerp .oe_forms select, .openerp .oe_forms textarea {
1341     -moz-box-sizing: border-box;
1342     -webkit-box-sizing: border-box;
1343     -ms-box-sizing: border-box;
1344     box-sizing: border-box;
1345     padding: 0 2px;
1346     margin: 0 2px;
1347     border: 1px solid #999;
1348     -moz-border-radius: 3px;
1349     -webkit-border-radius: 3px;
1350     border-radius: 3px;
1351     background: white;
1352     min-width: 90px;
1353     color: #1f1f1f;
1354 }
1355
1356 .openerp .oe_forms input.field_many2one,
1357 .openerp .oe_forms input.field_binary,
1358 .openerp .oe_forms input.field_binary,
1359 .openerp .oe_forms input.field_email,
1360 .openerp .oe_forms input.field_url  {
1361     border-right: none;
1362     -webkit-border-top-right-radius: 0px;
1363     -webkit-border-bottom-right-radius: 0px;
1364     -moz-border-radius-topright: 0px;
1365     -moz-border-radius-bottomright: 0px;
1366     border-top-right-radius: 0px;
1367     border-bottom-right-radius: 0px;
1368 }
1369 .openerp .oe_button.oe_field_button {
1370     -webkit-border-top-left-radius: 0px;
1371     -webkit-border-bottom-left-radius: 0px;
1372     -moz-border-radius-topleft: 0px;
1373     -moz-border-radius-bottomleft: 0px;
1374     border-top-left-radius: 0px;
1375     border-bottom-left-radius: 0px;
1376     margin-right:-1px;
1377     height: 22px;
1378 }
1379
1380 .openerp .oe_form_field_email button img,
1381 .openerp .oe_form_field_url button img {
1382     vertical-align: top;
1383 }
1384 /* vertically recentering filter management select tag */
1385 .openerp select.oe_search-view-filters-management {
1386     margin-top:2px;
1387 }
1388
1389 .openerp .oe_forms select{
1390     padding-top: 2px;
1391 }
1392 .openerp .oe_forms input[disabled],
1393 .openerp .oe_forms select[disabled],
1394 .openerp .oe_forms textarea[disabled]{
1395     background: #E0E0E0;
1396 }
1397 .openerp .oe_forms textarea {
1398     resize:vertical;
1399 }
1400 .openerp .oe_forms input[type="text"], .openerp .oe_forms input[type="password"], .openerp .oe_forms select, .openerp .oe_forms .oe_button {
1401     height: 22px;
1402 }
1403
1404 .openerp .oe_forms input.field_datetime {
1405     min-width: 11em;
1406 }
1407 .openerp .oe_forms .oe_form_button .oe_button {
1408     color: #4c4c4c;
1409     white-space: nowrap;
1410     min-width: 100%;
1411     width: 100%;
1412 }
1413 .openerp .oe_forms .button {
1414     height: 22px;
1415 }
1416 @-moz-document url-prefix() {
1417     /* Strange firefox behaviour on width: 100% + white-space: nowrap */
1418     .openerp .oe_forms .oe_button {
1419         width: auto;
1420     }
1421 }
1422 .openerp .oe_forms .oe_button span {
1423     position: relative;
1424     vertical-align: top;
1425 }
1426 .openerp .oe_input_icon {
1427     cursor: pointer;
1428     margin: 3px 0 0 -21px;
1429     vertical-align: top;
1430 }
1431 .openerp .oe_datepicker_container {
1432     display: none;
1433 }
1434 .openerp .oe_datepicker_root {
1435     display: inline-block;
1436 }
1437 .openerp .oe_form_frame_cell .oe_datepicker_root {
1438     width: 100%;
1439 }
1440 .openerp .oe_input_icon_disabled {
1441     position: absolute;
1442     cursor: default;
1443     opacity: 0.5;
1444     filter:alpha(opacity=50);
1445     right: 5px;
1446     top: 3px;
1447 }
1448 .openerp .oe_trad_field.touched {
1449     border: 1px solid green !important;
1450 }
1451
1452 /* http://www.quirksmode.org/dom/inputfile.html
1453  * http://stackoverflow.com/questions/2855589/replace-input-type-file-by-an-image
1454  */
1455 .openerp .oe-binary-file-set {
1456     overflow: hidden;
1457     position: relative;
1458 }
1459 .openerp input.oe-binary-file {
1460     z-index: 0;
1461     line-height: 0;
1462     font-size: 50px;
1463     position: absolute;
1464     /* Should be adjusted for all browsers */
1465     top: -2px;
1466     left: -700px;
1467     opacity: 0;
1468     filter: alpha(opacity = 0);
1469     -ms-filter: "alpha(opacity=0)";
1470     margin: 0;
1471     padding:0;
1472 }
1473
1474 /* Widgets */
1475 .openerp .separator {
1476     border: 0 solid #666;
1477 }
1478 .openerp .separator.horizontal {
1479     font-weight: bold;
1480     border-bottom-width: 1px;
1481     margin: 3px 4px 3px 1px;
1482     height: 17px;
1483     font-size: 95%;
1484 }
1485 .openerp .separator.horizontal:empty {
1486     height: 5px;
1487 }
1488 .openerp .oe_form_frame_cell.oe_form_separator_vertical {
1489     border-left: 1px solid #666;
1490 }
1491 .openerp td.required input, .openerp td.required select {
1492     background-color: #D2D2FF !important;
1493 }
1494 .openerp td.invalid input, .openerp td.invalid select, .openerp td.invalid textarea {
1495     background-color: #F66 !important;
1496     border: 1px solid #D00 !important;
1497 }
1498 .openerp div.oe-progressbar span {
1499     position: absolute;
1500     margin-left: 10px;
1501     margin-top: 5px;
1502     font-weight: bold;
1503 }
1504
1505 /* jQuery UI override */
1506 .openerp .ui-widget {
1507     font-size: 1em;
1508 }
1509 .openerp .oe_form_field_progressbar .ui-progressbar {
1510     height: 22px;
1511     font-size: 10px;
1512     -moz-box-sizing: border-box;
1513     -webkit-box-sizing: border-box;
1514     -ms-box-sizing: border-box;
1515     box-sizing: border-box;
1516     border: 1px solid #999;
1517     -moz-border-radius: 3px;
1518     -webkit-border-radius: 3px;
1519     border-radius: 3px;
1520     background: white;
1521     min-width: 90px;
1522 }
1523 .openerp tbody.ui-widget-content {
1524     margin-bottom: 10px;
1525     border-spacing: 4px;
1526 }
1527 .openerp .ui-widget-header {
1528     background: white none;
1529 }
1530 /* progress bars */
1531 .openerp .ui-progressbar .ui-widget-header {
1532     background: #cccccc url(/web/static/lib/jquery.ui/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
1533 }
1534
1535 /* Sidebar */
1536 .openerp .view-manager-main-table {
1537     margin: 0;
1538     width:100%;
1539     border-collapse:collapse;
1540     height:100%;
1541 }
1542
1543 .openerp .view-manager-main-table tbody {
1544     vertical-align: top;
1545 }
1546
1547 .openerp .oe-view-manager-header {
1548     overflow: auto;
1549     background: url("/web/static/src/img/sep-a.gif") 0 100% repeat-x;
1550     margin:6px 0 6px 2px;
1551 }
1552 .openerp .oe_form_frame_cell .oe-view-manager-header { /* Trick: remove the background when element is in a formular */
1553     background: none;
1554 }
1555
1556 .openerp .oe-view-manager-header h2 {
1557     float: left;
1558 }
1559
1560 .openerp .oe_view_manager_menu_tips blockquote {
1561     display: none;
1562     font-size: 85%;
1563     margin: 0;
1564     background: #fff;
1565     border-bottom: 1px solid #CECBCB;
1566     padding: 1px 10px;
1567     color: #4C4C4C;
1568 }
1569 .openerp .oe_view_manager_menu_tips blockquote p {
1570     margin: 0;
1571     padding: 6px 1px 4px;
1572 }
1573
1574 .openerp .oe_view_manager_menu_tips blockquote div {
1575     text-align: right;
1576     margin-right:10px;
1577 }
1578
1579 .openerp .oe_view_manager_menu_tips blockquote div button {
1580     border: none;
1581     background: none;
1582     padding: 0 4px;
1583     margin: 0;
1584     display: inline;
1585     text-decoration: underline;
1586     color: inherit;
1587 }
1588 .openerp .oe-view-manager-logs {
1589     clear: both;
1590     background: #fff;
1591     margin: 0.25em 0;
1592     font-size: 85%;
1593     color: #4C4C4C;
1594     position: relative;
1595     overflow: hidden;
1596 }
1597 .openerp .oe-view-manager-logs ul {
1598     margin: 0;
1599     padding: 0 10px;
1600     list-style: none;
1601 }
1602 .openerp .oe-view-manager-logs li:before {
1603     content: '\2192 ';
1604 }
1605 .openerp .oe-view-manager-logs a {
1606     text-decoration: none;
1607     color: inherit;
1608 }
1609 /* only display first three log items of a folded logs list */
1610 .openerp .oe-view-manager-logs.oe-folded li:nth-child(n+4) {
1611     display: none;
1612 }
1613 /* display link to more logs if there are more logs to view and the logview is
1614    currently folded */
1615 .openerp .oe-view-manager-logs a.oe-more-logs {
1616     display: none;
1617 }
1618 .openerp .oe-view-manager-logs.oe-folded.oe-has-more a.oe-more-logs {
1619     display: block;
1620 }
1621 .openerp .oe-view-manager-logs a.oe-remove-everything {
1622     position: absolute;
1623     top: 0;
1624     right: 0;
1625     cursor: pointer;
1626 }
1627
1628 .openerp .view-manager-main-sidebar {
1629     width: 180px;
1630     padding: 0;
1631     margin: 0;
1632 }
1633
1634 .openerp .sidebar-main-div {
1635     height: 100%;
1636     border-left: 1px solid #D2CFCF;
1637 }
1638
1639 .openerp .sidebar-content {
1640     padding: 0;
1641     margin: 0;
1642     width: 180px;
1643     height: 100%;
1644     font-size: 0.9em;
1645 }
1646
1647 .openerp .closed-sidebar .sidebar-content {
1648     width: 22px;
1649 }
1650
1651 .openerp .closed-sidebar .sidebar-content {
1652     display: none;
1653 }
1654
1655 .openerp .sidebar-main-div a {
1656     color: #555;
1657     text-decoration: none;
1658 }
1659
1660 .openerp .sidebar-main-div a:hover {
1661     color: black;
1662 }
1663
1664 .openerp .oe-sidebar-attachments-toolbar {
1665     margin: 4px 0 0 4px;
1666 }
1667 .openerp .oe-sidebar-attachments-items {
1668     clear: both;
1669     padding-top: 5px !important;
1670 }
1671 .openerp .oe-sidebar-attachments-items li {
1672     position: relative;
1673     padding: 0 0 3px 10px !important;
1674 }
1675 .openerp .oe-sidebar-attachments-items li:hover {
1676     background: #ddd;
1677 }
1678 .openerp .oe-sidebar-attachments-link {
1679     display: block;
1680     margin-right: 15px;
1681     overflow: hidden;
1682 }
1683 .openerp .oe-sidebar-attachment-delete {
1684     position: absolute;
1685     right: 2px;
1686     top: 1px;
1687     overflow: hidden;
1688     width: 15px;
1689     height: 15px;
1690     padding: 1px;
1691     border-radius: 7px;
1692     -moz-border-radius: 7px;
1693     -webkit-border-radius: 7px;
1694 }
1695 .openerp .oe-sidebar-attachment-delete:hover {
1696     background-color: white;
1697 }
1698
1699 .openerp .view-manager-main-sidebar h2 {
1700     margin:0;
1701     font-size: 1.15em;
1702     color: #8E8E8E;
1703     text-shadow: white 0 1px 0;
1704     padding-left: 10px;
1705     padding-right: 21px;
1706     height: 21px;
1707
1708     background: #ffffff; /* Old browsers */
1709     background: -moz-linear-gradient(top, #ffffff 0%, #ebe9e9 100%); /* FF3.6+ */
1710     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebe9e9)); /* Chrome,Safari4+ */
1711     background: -webkit-linear-gradient(top, #ffffff 0%,#ebe9e9 100%); /* Chrome10+,Safari5.1+ */
1712     background: -o-linear-gradient(top, #ffffff 0%,#ebe9e9 100%); /* Opera11.10+ */
1713     background: -ms-linear-gradient(top, #ffffff 0%,#ebe9e9 100%); /* IE10+ */
1714     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EBE9E9',GradientType=0 ); /* IE6-9 */
1715     background: linear-gradient(top, #ffffff 0%,#ebe9e9 100%); /* W3C */
1716
1717     border: 1px solid #D2CFCF;
1718     border-right-width: 0;
1719     border-left-width: 0;
1720 }
1721 .openerp .view-manager-main-sidebar h2 {
1722     border-top-width: 0;
1723 }
1724
1725 .openerp .view-manager-main-sidebar ul {
1726     list-style-type: none;
1727     margin: 0;
1728     padding: 0;
1729     display: block;
1730 }
1731
1732 .openerp .view-manager-main-sidebar li {
1733     display: block;
1734     padding: 3px 3px 3px 10px;
1735 }
1736
1737 .openerp .toggle-sidebar {
1738     cursor: pointer;
1739     border: 1px solid #D2CFCF;
1740     border-top-width: 0;
1741     display: block;
1742     background: url(/web/static/src/img/toggle-a-bg.png);
1743     width: 21px;
1744     height: 21px;
1745     z-index: 10;
1746 }
1747 .openerp .open-sidebar .toggle-sidebar {
1748     margin-left: 158px;
1749     background-position: 21px 0;
1750     position: absolute;
1751 }
1752 .openerp .closed-sidebar .toggle-sidebar {
1753     border-left: none;
1754 }
1755 .openerp li.oe_sidebar_print {
1756     padding-left: 20px;
1757     background: 1px 3px url(/web/static/src/img/icons/gtk-print.png) no-repeat;
1758 }
1759
1760 .openerp .oe_sidebar_print ul {
1761     padding-left:8px;
1762 }
1763
1764 .openerp.kitten-mode-activated .main_table {
1765     background: url(http://placekitten.com/g/1500/800) repeat;
1766 }
1767 .openerp.kitten-mode-activated.clark-gable .main_table {
1768     background: url(http://amigrave.com/ClarkGable.jpg);
1769     background-size: 100%;
1770 }
1771
1772 .openerp.kitten-mode-activated .header {
1773     background: url(http://placekitten.com/g/211/65) repeat;
1774 }
1775
1776 .openerp.kitten-mode-activated .secondary_menu {
1777     background: url(http://placekitten.com/g/212/100) repeat;
1778 }
1779
1780 .openerp.kitten-mode-activated .menu {
1781     background: #828282;
1782     background: -moz-linear-gradient(top, #828282 0%, #4D4D4D 100%);
1783     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828282), color-stop(100%,#4D4D4D));
1784     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828282', endColorstr='#4D4D4D',GradientType=0 );
1785 }
1786 .openerp.kitten-mode-activated .menu a {
1787     background: none;
1788 }
1789 .openerp.kitten-mode-activated .menu span {
1790     background: none;
1791 }
1792 .openerp.kitten-mode-activated .sidebar-content li a,
1793 .openerp.kitten-mode-activated .oe-application .view-manager-main-content h2.oe_view_title,
1794 .openerp.kitten-mode-activated .oe-application .view-manager-main-content a.searchview_group_string,
1795 .openerp.kitten-mode-activated .oe-application .view-manager-main-content label  {
1796     color: white;
1797 }
1798 .openerp.kitten-mode-activated .menu,
1799 .openerp.kitten-mode-activated .header_corner,
1800 .openerp.kitten-mode-activated .header_title,
1801 .openerp.kitten-mode-activated .secondary_menu div,
1802 .openerp.kitten-mode-activated .oe-application,
1803 .openerp.kitten-mode-activated .oe_footer,
1804 .openerp.kitten-mode-activated .loading,
1805 .openerp.kitten-mode-activated .ui-dialog {
1806     opacity:0.8;
1807     filter:alpha(opacity=80);
1808 }
1809 .openerp.kitten-mode-activated .header .company_logo {
1810     background: url(http://placekitten.com/g/180/46);
1811 }
1812 .openerp.kitten-mode-activated .loading {
1813     background: #828282;
1814     border-color: #828282;
1815 }
1816
1817 .openerp .oe-m2o-drop-down-button {
1818     margin-left: -24px;
1819 }
1820 .openerp .oe-m2o-drop-down-button img {
1821     margin-bottom: -4px;
1822     cursor: pointer;
1823 }
1824 .openerp .oe-m2o input  {
1825     border-right: none;
1826     margin-right: 0px !important;
1827     padding-bottom: 2px !important;
1828 }
1829 .openerp .oe-m2o-disabled-cm {
1830     color: grey;
1831 }
1832 .openerp ul[role="listbox"] li a {
1833     font-size:80%;
1834 }
1835 .parent_top {
1836     vertical-align: text-top;
1837 }
1838
1839 .openerp .oe-dialog-warning p {
1840     padding-left: 1em;
1841     font-size: 1.2em;
1842     font-weight: bold;
1843 }
1844
1845 .openerp .dhx_mini_calendar {
1846     -moz-box-shadow: none;
1847     -khtml-box-shadow: none;
1848     -webkit-box-shadow: none;
1849     box-shadow: none;
1850 }
1851 .openerp .oe-treeview-table {
1852     width: 100%;
1853 }
1854 .treeview-tr, .treeview-td {
1855     cursor: pointer;
1856     vertical-align: top;
1857     text-align: left;
1858 }
1859 .treeview-tr span, .treeview-td span {
1860     display: block;
1861 }
1862 .treeview-tr:first-of-type {
1863     background: transparent url(/web/static/src/img/expand.gif) 0 50% no-repeat;
1864 }
1865 .oe-open .treeview-tr:first-of-type {
1866     background-image: url(/web/static/src/img/collapse.gif);
1867 }
1868 .treeview-tr:first-of-type span,
1869 .treeview-td:first-of-type span {
1870     margin-left: 16px;
1871 }
1872
1873 .treeview-header {
1874     text-align: left;
1875     vertical-align: top;
1876 }
1877 /* Shortcuts*/
1878 .oe-shortcut-toggle {
1879     height: 20px;
1880     margin-top: 3px;
1881     padding: 0;
1882     width: 24px;
1883     cursor: pointer;
1884     display: block;
1885     background: url(/web/static/src/img/add-shortcut.png) no-repeat center center;
1886     float: left;
1887 }
1888 .oe-shortcut-remove{
1889     background: url(/web/static/src/img/remove-shortcut.png) no-repeat center center;
1890 }
1891 .oe-shortcuts {
1892     position: absolute;
1893     margin: 0;
1894     padding: 6px 15px;
1895     top: 37px;
1896     left: 197px;
1897     right: 0;
1898     height: 17px;
1899     line-height: 1.2;
1900 }
1901 .oe-shortcuts ul {
1902     display: block;
1903     overflow: hidden;
1904     list-style: none;
1905     white-space: nowrap;
1906     padding: 0;
1907     margin: 0;
1908 }
1909 .oe-shortcuts li {
1910     cursor: pointer;
1911     display: -moz-inline-stack;
1912     display: inline-block;
1913     display: inline; /*IE7 */
1914     color: #fff;
1915     text-align: center;
1916     border-left: 1px solid #909090;
1917     padding: 0 4px;
1918     font-size: 80%;
1919     font-weight: normal;
1920     vertical-align: top;
1921 }
1922
1923 .oe-shortcuts li:hover {
1924     background-color: #666;
1925 }
1926 .oe-shortcuts li:first-child {
1927     border-left: none;
1928     padding-left: 0;
1929 }
1930
1931 ul.oe-arrow-list {
1932     padding-left: 1.1em;
1933     margin: 0;
1934     white-space: nowrap;
1935 }
1936 ul.oe-arrow-list li {
1937     display: inline-block;
1938     margin-left: -1em;
1939 }
1940 ul.oe-arrow-list li span {
1941     vertical-align: top;
1942     display: inline-block;
1943     border: 1em solid #DEDEDE;
1944     line-height:0em;
1945 }
1946 ul.oe-arrow-list .oe-arrow-list-before {
1947     border-left-color: rgba(0,0,0,0);
1948     border-right-width:0;
1949 }
1950 ul.oe-arrow-list .oe-arrow-list-after {
1951     border-color: rgba(0,0,0,0);
1952     border-left-color: #DEDEDE;
1953     border-right-width:0;
1954 }
1955 ul.oe-arrow-list li.oe-arrow-list-selected span {
1956     border-color: #B5B9FF;
1957 }
1958 ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-before {
1959     border-left-color: rgba(0,0,0,0);
1960 }
1961 ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
1962     border-color: rgba(0,0,0,0);
1963     border-left-color: #B5B9FF;
1964 }
1965 .openerp ul.oe-arrow-list li:first-child span:first-child{
1966     -webkit-border-top-left-radius: 3px;
1967     -moz-border-radius-topleft: 3px;
1968     border-top-left-radius: 3px;
1969     -webkit-border-bottom-left-radius: 3px;
1970     -moz-border-radius-bottomleft: 3px;
1971     border-bottom-left-radius: 3px;
1972 }
1973 .openerp ul.oe-arrow-list li:last-child span:last-child{
1974     -webkit-border-top-right-radius: 3px;
1975     -moz-border-radius-topright: 3px;
1976     border-top-right-radius: 3px;
1977     -webkit-border-bottom-right-radius: 3px;
1978     -moz-border-radius-bottomright: 3px;
1979     border-bottom-right-radius: 3px;
1980 }
1981 .openerp .oe_view_editor {
1982     border-collapse: collapse;
1983     padding: 0;
1984     align: left;
1985     width: 100%;
1986 }
1987 .openerp .oe_view_editor_colum{
1988     font-size: 90%;
1989     font-weight: normal;
1990     padding: 0;
1991     border-bottom: 1px solid #CFCCCC;
1992 }
1993 .openerp .oe_view_editor_row:hover {
1994     background-color: #F3F3F3;
1995 }
1996
1997 .openerp .oe_view_editor_tree_grid{
1998     text-align: left;
1999     white-space: nowrap;
2000     border-collapse: collapse;
2001     width: 100%;
2002 }
2003 .openerp .oe_view_editor_tree_grid a:hover {
2004     color: blue;
2005 }
2006 .openerp .oe_view_editor_tree_grid a {
2007     display: block;
2008 }
2009
2010 /* Dialog traceback cases */
2011 .openerp .oe_error_detail{
2012     display: block;
2013 }
2014 .openerp .oe_error_send{
2015     display:block;
2016 }
2017 .openerp .oe_fielddiv{
2018     display:inline-block;
2019     width:100%;
2020 }
2021 .openerp .oe_fielddiv input[type=text],textarea{
2022     width:100%;
2023 }
2024 /* for Alignment center */
2025 .openerp .oe_centeralign{
2026     text-align:center;
2027 }
2028
2029 .openerp .oe_applications_tiles {
2030   color: #4C4C4C;
2031   text-shadow: #EEE 0 1px 0;
2032   margin: 0 20px;
2033 }
2034
2035 .openerp .oe_vm_switch {
2036     margin:2px 0 0 0;
2037 }
2038
2039 .openerp .oe_vm_switch_form,
2040 .openerp .oe_vm_switch_page,
2041 .openerp .oe_vm_switch_tree,
2042 .openerp .oe_vm_switch_list,
2043 .openerp .oe_vm_switch_graph,
2044 .openerp .oe_vm_switch_gantt,
2045 .openerp .oe_vm_switch_calendar,
2046 .openerp .oe_vm_switch_kanban,
2047 .openerp .oe_vm_switch_diagram {
2048     background: url("/web/static/src/img/views-icons-a.png") repeat-x scroll left top transparent;
2049     overflow: hidden;
2050     width: 22px;
2051     height: 21px;
2052     border: none;
2053     background-position: 0px 0px;
2054 }
2055
2056 .openerp .oe_vm_switch_form span,
2057 .openerp .oe_vm_switch_page span,
2058 .openerp .oe_vm_switch_tree span,
2059 .openerp .oe_vm_switch_list span,
2060 .openerp .oe_vm_switch_graph span,
2061 .openerp .oe_vm_switch_gantt span,
2062 .openerp .oe_vm_switch_calendar span,
2063 .openerp .oe_vm_switch_kanban span,
2064 .openerp .oe_vm_switch_diagram span {
2065     display: none;
2066 }
2067
2068 .openerp .oe_vm_switch_list {
2069     background-position: 0px 0px;
2070 }
2071 .openerp .oe_vm_switch_list:active,
2072 .openerp .oe_vm_switch_list:hover,
2073 .openerp .oe_vm_switch_list:focus,
2074 .openerp .oe_vm_switch_list[disabled="disabled"] {
2075     background-position: 0px -21px;
2076 }
2077
2078 .openerp .oe_vm_switch_tree {
2079     background-position: 0px 0px;
2080 }
2081 .openerp .oe_vm_switch_tree:active,
2082 .openerp .oe_vm_switch_tree:hover,
2083 .openerp .oe_vm_switch_tree:focus,
2084 .openerp .oe_vm_switch_tree[disabled="disabled"] {
2085     background-position: 0px -21px;
2086 }
2087
2088 .openerp .oe_vm_switch_form {
2089     background-position: -22px 0px;
2090 }
2091 .openerp .oe_vm_switch_form:active,
2092 .openerp .oe_vm_switch_form:hover,
2093 .openerp .oe_vm_switch_form:focus,
2094 .openerp .oe_vm_switch_form[disabled="disabled"] {
2095     background-position: -22px -21px;
2096 }
2097
2098 .openerp .oe_vm_switch_page {
2099     background-position: -22px 0px;
2100 }
2101 .openerp .oe_vm_switch_page:active,
2102 .openerp .oe_vm_switch_page:hover,
2103 .openerp .oe_vm_switch_page:focus,
2104 .openerp .oe_vm_switch_page[disabled="disabled"] {
2105     background-position: -22px -21px;
2106 }
2107 .openerp .oe_vm_switch_graph {
2108     background-position: -44px 0px;
2109 }
2110 .openerp .oe_vm_switch_graph:active,
2111 .openerp .oe_vm_switch_graph:hover,
2112 .openerp .oe_vm_switch_graph:focus,
2113 .openerp .oe_vm_switch_graph[disabled="disabled"] {
2114     background-position: -44px -21px;
2115 }
2116
2117 .openerp .oe_vm_switch_gantt {
2118     background-position: -66px 0px;
2119 }
2120 .openerp .oe_vm_switch_gantt:active,
2121 .openerp .oe_vm_switch_gantt:hover,
2122 .openerp .oe_vm_switch_gantt:focus,
2123 .openerp .oe_vm_switch_gantt[disabled="disabled"] {
2124     background-position: -66px -21px;
2125 }
2126
2127 .openerp .oe_vm_switch_calendar {
2128     background-position: -88px 0px;
2129 }
2130 .openerp .oe_vm_switch_calendar:active,
2131 .openerp .oe_vm_switch_calendar:hover,
2132 .openerp .oe_vm_switch_calendar:focus,
2133 .openerp .oe_vm_switch_calendar[disabled="disabled"] {
2134     background-position: -88px -21px;
2135 }
2136 .openerp .oe_vm_switch_kanban {
2137     background-position: -110px 0px;
2138 }
2139 .openerp .oe_vm_switch_kanban:active,
2140 .openerp .oe_vm_switch_kanban:hover,
2141 .openerp .oe_vm_switch_kanban:focus,
2142 .openerp .oe_vm_switch_kanban[disabled="disabled"] {
2143     background-position: -110px -21px;
2144 }
2145
2146 .openerp .oe_vm_switch_diagram {
2147     background-position: 0px 0px;
2148 }
2149 .openerp .oe_vm_switch_diagram:active,
2150 .openerp .oe_vm_switch_diagram:hover,
2151 .openerp .oe_vm_switch_diagram:focus,
2152 .openerp .oe_vm_switch_diagram[disabled="disabled"] {
2153     background-position: 0px -21px;
2154 }
2155
2156 /* Buttons */
2157 .openerp .oe_button:link,
2158 .openerp .oe_button:visited,
2159 .openerp .oe_button {
2160     display: inline-block;
2161     border: 1px solid #ababab;
2162     color: #404040;
2163     font-size: 12px;
2164     padding: 3px 10px;
2165     text-align: center;
2166     -o-background-size: 100% 100%;
2167     -moz-background-size: 100% 100%;
2168     -webkit-background-size: auto auto !important;
2169     background-size: 100% 100%;
2170     background: #d8d8d8 none;
2171     background: none, -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d8d8d8));
2172     background: none, -webkit-linear-gradient(#efefef, #d8d8d8);
2173     background: none, -moz-linear-gradient(#efefef, #d8d8d8);
2174     background: none, -o-linear-gradient(top, #efefef, #d8d8d8);
2175     background: none, -khtml-gradient(linear, left top, left bottom, from(#efefef), to(#d8d8d8));
2176     background: -ms-linear-gradient(top, #efefef, #d8d8d8);
2177     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#d8d8d8',GradientType=0 );
2178     -moz-border-radius: 3px;
2179     -webkit-border-radius: 3px;
2180     -o-border-radius: 3px;
2181     -ms-border-radius: 3px;
2182     border-radius: 3px;
2183     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
2184     -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
2185     -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
2186     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
2187     text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
2188     -webkit-font-smoothing: antialiased;
2189     outline: none;
2190 }
2191
2192 .openerp .oe_button:hover {
2193     -o-background-size: 100% 100%;
2194     -moz-background-size: 100% 100%;
2195     -webkit-background-size: auto auto !important;
2196     background-size: 100% 100%;
2197     background: #e3e3e3 none;
2198     background: none, -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
2199     background: none, -webkit-linear-gradient(#f6f6f6, #e3e3e3);
2200     background: none, -moz-linear-gradient(#f6f6f6, #e3e3e3);
2201     background: none, -o-linear-gradient(top, #f6f6f6, #e3e3e3);
2202     background: none, -khtml-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
2203     background: -ms-linear-gradient(top, #f6f6f6, #e3e3e3);
2204     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#e3e3e3',GradientType=0 );
2205     cursor: pointer;
2206 }
2207
2208 .openerp .oe_button:focus {
2209     border: 1px solid #80bfff;
2210     -o-background-size: 100% 100%;
2211     -moz-background-size: 100% 100%;
2212     -webkit-background-size: auto auto !important;
2213     background-size: 100% 100%;
2214     background: #e3e3e3, none;
2215     background: none, -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
2216     background: none, -webkit-linear-gradient(#f6f6f6, #e3e3e3);
2217     background: none, -moz-linear-gradient(#f6f6f6, #e3e3e3);
2218     background: none, -o-linear-gradient(top, #f6f6f6, #e3e3e3);
2219     background: none, -khtml-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
2220     background: -ms-linear-gradient(top, #f6f6f6, #e3e3e3);
2221     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#e3e3e3',GradientType=0 );
2222     -moz-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
2223     -webkit-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
2224     -o-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
2225     box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
2226 }
2227
2228 .openerp .oe_button:active,
2229 .openerp .oe_button.active {
2230     background: #e3e3e3;
2231     background: -moz-linear-gradient(top, #e3e3e3, #f6f6f6) #1b468f;
2232     background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f6f6f6)) #1b468f;
2233     background: linear-gradient(top, #e3e3e3, #f6f6f6) #1b468f;
2234     background: -ms-linear-gradient(top, #e3e3e3, #f6f6f6);
2235     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#f6f6f6',GradientType=0 );
2236     -moz-box-shadow: none, 0 0 0 transparent;
2237     -webkit-box-shadow: none, 0 0 0 transparent;
2238     -o-box-shadow: none, 0 0 0 transparent;
2239     box-shadow: none, 0 0 0 transparent;
2240 }
2241
2242 .openerp .oe_button.disabled,
2243 .openerp .oe_button:disabled {
2244     background: #efefef !important;
2245     border: 1px solid #d1d1d1 !important;
2246     font-size: 12px;
2247     padding: 3px 10px;
2248     -moz-box-shadow: none !important, 0 0 0 transparent;
2249     -webkit-box-shadow: none !important, 0 0 0 transparent;
2250     -o-box-shadow: none !important, 0 0 0 transparent;
2251     box-shadow: none !important, 0 0 0 transparent;
2252     color: #aaaaaa !important;
2253     cursor: default;
2254     text-shadow: 0 1px 1px white !important;
2255 }
2256
2257 .openerp select.oe_search-view-filters-management {
2258     font-style: oblique;
2259     color: #999999;
2260 }
2261
2262 .openerp .oe_search-view-filters-management option,
2263 .openerp .oe_search-view-filters-management optgroup {
2264     font-style: normal;
2265     color: black;
2266 }
2267
2268
2269 /* Internet Explorer Fix */
2270 a img {
2271    border: none;
2272 }