interface/themes/style_sky_blue.css

   1 body {
   2     margin: 0px 0px 0px 2px;
   3     /* set the base font and size for all DOM children */
   4     font-family: sans-serif;
   5     font-size: 1em;  /* set the base font size for all DOM children */
   6 }
   7
   8 a {
   9   color: #0000cc;
  10   text-decoration: none;
  11 }
  12
  13 a:visited {
  14   color: #0000cc;
  15 }
  16
  17 a:hover {
  18   color: #ff5555;
  19 }
  20
  21 .menu {
  22     font-family: sans-serif;
  23     font-style: italic;
  24     font-size: 11pt;
  25     color: #0000cc;
  26     text-decoration: none;
  27     text-align: left;
  28 }
  29
  30 .menu_selected {
  31     font-family: sans-serif;
  32     font-style: italic;
  33     font-size: 11pt;
  34     color: #000000;
  35     text-decoration: none;
  36     text-align: left;
  37 }
  38
  39 .logout {
  40     font-family: sans-serif;
  41     font-style: italic;
  42     font-size: 11pt;
  43     color: #000000;
  44     text-decoration: none;
  45     text-align: right;
  46 }
  47
  48 .text {
  49     font-family: sans-serif;
  50     text-decoration: none;
  51     color: #000000;
  52     font-size: 10pt;
  53 }
  54
  55 .required {
  56     font-family: sans-serif;
  57     text-decoration: none;
  58     font-size: 10pt;
  59     color: #880000;
  60     font-weight: bold;
  61 }
  62
  63 .bold {
  64     font-family: sans-serif;
  65     text-decoration: none;
  66     font-size: 10pt;
  67     color: #000000;
  68     font-weight: bold;
  69 }
  70
  71 .alert {
  72     font-family: sans-serif;
  73     font-size: 70%;
  74     color: #FF0000;
  75     text-decoration: none;
  76 }
  77
  78 .small {
  79     text-decoration: none;
  80     color: #000000;
  81     font-family: sans-serif;
  82     font-size: 80%;
  83 }
  84
  85 .link {
  86     font-family: sans-serif;
  87     text-decoration: none;
  88     color: #0000cc;
  89     font-size: 70%;
  90 }
  91
  92 .more {
  93     font-family: sans-serif;
  94     text-decoration: none;
  95     font-size: 70%;
  96 }
  97
  98 .back {
  99     font-family: sans-serif;
 100     text-decoration: none;
 101     font-size: 70%;
 102 }
 103
 104 .link_selected {
 105     font-family: sans-serif;
 106     text-decoration: none;
 107     color: #0000FF;
 108     font-size: 70%;
 109 }
 110
 111 .link_selected:visited {
 112     font-family: sans-serif;
 113     text-decoration: none;
 114     color: #0000FF;
 115     font-size: 70%;
 116 }
 117
 118 .link_submit {
 119     font-family: sans-serif;
 120     text-decoration: none;
 121     color: #000077;
 122     font-size: 10pt;
 123 }
 124
 125 .link_submit a:visited {
 126   color: #000077;
 127 }
 128
 129 .link_submit a:hover {
 130   color: #ff5555;
 131 }
 132
 133 .items {
 134     font-family: sans-serif;
 135     font-size: 6pt;
 136 }
 137
 138 .title {
 139     font-family: sans-serif;
 140     font-size: 12pt;
 141     font-weight: bold;
 142     text-decoration: none;
 143 }
 144
 145 /* see .titlebar below */
 146 .title_bar {
 147     font-family: sans-serif;
 148     font-size: 12pt;
 149     font-weight: bold;
 150     text-decoration: none;
 151     color: #000000;
 152 }
 153
 154 .title_bar_top {
 155     font-family: sans-serif;
 156     font-size: 13px;
 157     font-weight: bold;
 158     text-decoration: none;
 159     color: #000000;
 160 }
 161
 162 /*=============================================================
 163  * Here we have taken variables from globals.php and turned them into CSS classes
 164  * these should be used in place of the GLOBAL variables -- JRM March 2008
 165  *=============================================================*/
 166 .body_top { background-color: #94d6e7; margin: 8px }    /* $top_bg_line */
 167 .bgcolor2 { background-color: #94d6e7; }    /* $GLOBALS['style']['BGCOLOR2'] */
 168 .body_bottom { background: url('../pic/aquabg.gif') repeat; margin: 8px }  /* $bottom_bg_line */
 169 .body_title { background-color: #aaffff; }  /* $title_bg_line */
 170 .body_nav { background-color: #94d6e7; }    /* $nav_bg_line */
 171 .body_filler { background-color: #f7f0d5; } /* $login_filler_line */
 172 .body_login { background: url('../pic/aquabg.gif') repeat; } /* $login_body_line */
 173 .table_bg { background-color: #ccc; }           /* $table_bg */
 174 .bgcolor1 { background-color: #ccc; }       /* $GLOBALS['style']['BGCOLOR1'] */
 175 .textcolor11 { background-color: #222; }    /* $GLOBALS['style']['TEXTCOLOR11'] */
 176 .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */
 177 .bottom_line { background: url('../pic/aquabg.gif') repeat; }    /* $GLOBALS['style']['BOTTOM_BG_LINE'] */
 178 .logobar { background-color: #24262c; height: 110px; }                 /* $GLOBALS['logoBarHeight'] */
 179 .navbar { height: 22px; }                   /* $GLOBALS['navBarHeight'] */
 180 .titlebar { height: 20px; }                 /* $GLOBALS['titleBarHeight'] */
 181
 182
 183 /* style taken out of the addressbook code and put here instead */
 184 #addressbook_list td {
 185 font-family: Arial, Helvetica, sans-serif;
 186 padding-left: 4px;
 187 padding-right: 4px;
 188 }
 189 #addressbook_list a, #addressbook_list a:visited, #addressbook_list a:hover {
 190 color:#0000cc;
 191 }
 192 #addressbook_list tr.search {
 193 font-size:9pt;
 194 font-weight:bold;
 195 }
 196 #addressbook_list tr.head {
 197 font-size:10pt;
 198 background-color:#cccccc;
 199 font-weight:bold;
 200 }
 201 #addressbook_list tr.detail {
 202 font-size:10pt;
 203 }
 204 #addressbook_list .inputtext {
 205 font-family:monospace;
 206 font-size:9pt;
 207 font-weight:normal;
 208 border-style:solid;
 209 border-width:1px;
 210 border-color: #000000;
 211 background-color:transparent;
 212 }
 213 #addressbook_list .button {
 214 font-family:sans-serif;
 215 font-size:8pt;
 216 font-weight:bold;
 217 }
 218
 219 /* styles taken out of templates/report/general_default.html */
 220 #reports_list td {
 221 font-size:8pt;
 222 font-family:helvetica;
 223 }
 224 #reports_list a {
 225 font-size:8pt;
 226 font-family:helvetica;
 227 }
 228
 229 /* styles taken out of templates/documents/general_list.html */
 230 #documents_list td {
 231 font-size:8pt;
 232 font-family:helvetica;
 233 }
 234 #documents_list a {
 235 font-size:8pt;
 236 font-family:helvetica;
 237 }
 238 #documents_list .treeMenuDefault {
 239 font-style: italic;
 240 }
 241 #documents_list .treeMenuBold {
 242 font-style: italic;
 243 font-weight: bold;
 244 }
 245 #documents_list {
 246     width: 29%;
 247     height: 95%;
 248     overflow: auto;
 249     float: left;
 250     border-right: dashed 1px;
 251 }
 252 #documents_actions {
 253     padding-top: 10px;
 254     width: 70%;
 255     height: 95%;
 256     float: right;
 257     overflow: auto;
 258 }
 259 #documents_actions iframe {
 260     display: inline;
 261     border:none;
 262     width:100%;
 263     height:200px;
 264     overflow: auto;
 265 }
 266 #documents_actions form {
 267     margin: 0px; padding: 0px;
 268 }
 269 #documents_actions table {
 270     width: 100%;
 271     height: 95%;
 272 }
 273
 274 /*=============================================================
 275  * This section relates to the custom layouts that can be made
 276  * using the OEMR tool in the Admin section. For example, the
 277  * Patient Demographics are a custom layout.
 278  *============================================================*/
 279 #DEM .groupname {
 280     font-weight: bold;
 281     color: #080;
 282     font-size: 0.8em;
 283     padding-right: 5px;
 284     vertical-align: top;
 285 }
 286 #DEM .label {
 287     font-weight: bold;
 288     font-size: 0.8em;
 289     vertical-align: top;
 290     text-align: right;
 291 }
 292 #DEM .data {
 293     font-size: 0.8em;
 294     vertical-align: top;
 295     text-align: left;
 296     padding-right: 6px;/*30px - ie 6 fix*/
 297 }
 298
 299 /* Patient History */
 300
 301 #HIS .groupname {
 302     font-weight: bold;
 303     color: #080;
 304     font-size: 9pt;
 305     padding-right: 1px;
 306     vertical-align: top;
 307     height: 2em;
 308 }
 309 #HIS .label {
 310     font-weight: bold;
 311     font-size: 9pt;
 312     vertical-align: top;
 313 }
 314 #HIS .data {
 315     font-size: 9pt;
 316     vertical-align: top;
 317     text-align: left;
 318     padding-right: 10px;
 319 }
 320
 321
 322 /*=============================================================
 323  * Patient Notes
 324  * seen in the patient summary and notes screens
 325  *============================================================*/
 326 #pnotes .billing {
 327     background-color: #dfd;
 328 }
 329
 330 #pnotes .highlight {
 331     background-color: #fff;
 332 }
 333
 334 #pnotes table {
 335     border-collapse:collapse;
 336 }
 337
 338 #pnotes .noterow {
 339     cursor: pointer;
 340 }
 341
 342 #pnotes .noterow td {
 343     border-bottom:1px dashed black;
 344     vertical-align: top;
 345     padding: 5px;
 346     margin: 5px;
 347 }
 348
 349
 350 /*=============================================================
 351  * Patient Stats
 352  * seen in the patient stats screens
 353  *============================================================*/
 354 #patient_stats {
 355     padding: 10px;
 356 }
 357
 358 #patient_stats table {
 359     width: 100%;
 360     border-collapse: collapse;
 361 }
 362 #patient_stats td {
 363     padding: 3px;
 364 }
 365 #patient_stats .statrow {
 366     cursor: pointer;
 367 }
 368
 369 #patient_stats .head {
 370     font-size:10pt;
 371     background-color:#cccccc;
 372     text-align:center;
 373 }
 374
 375 #patient_stats .detail {
 376     font-size:10pt;
 377     vertical-align: top;
 378 }
 379
 380 #patient_stats .btn {
 381     background-color:transparent;
 382 }
 383
 384 #patient_stats .bg1 {
 385     background-color: #ddddff;
 386 }
 387 #patient_stats .bg2 {
 388     background-color: #ffdddd;
 389 }
 390
 391 #patient_stats .center {
 392     text-align: center;
 393 }
 394
 395
 396 /*=============================================================
 397  * Patient Stats Summary
 398  * seen in the patient summary screen
 399  *============================================================*/
 400 #patient_stats_summary table {
 401     border-collapse: collapse;
 402 }
 403 #patient_stats_summary .noend_noreturn {
 404     color: #ee0000;
 405 }
 406 #patient_stats_summary .noend {
 407     color: #dd5500;
 408 }
 409 #patient_stats_summary .noreturn {
 410     color: #0000ff;
 411 }
 412 #patient_stats_summary .title {
 413     font-size: 1.1em;
 414 }
 415 #patient_stats_issues {
 416     width: 100%;
 417 }
 418 #patient_stats_spreadsheets {
 419     width: 100%;
 420 }
 421 #patient_stats_imm {
 422     width: 100%;
 423 }
 424 #patient_stats_prescriptions {
 425     width: 100%;
 426 }
 427
 428 /*=============================================================
 429  * Patient Past Encounters and Documents
 430  * seen in the patient encounter screen
 431  *============================================================*/
 432 #patient_pastenc {
 433     width:100%;
 434 }
 435
 436 #patient_pastenc .billing_note {
 437     width: 25%;
 438 }
 439 #patient_pastenc .billing_note_text {
 440     padding: 5px;
 441     border: 2px outset black;
 442     background-color: lightgrey;
 443 }
 444 #patient_pastenc .billing_note_text_highlight {
 445     background-color:#f7f5d1;
 446 }
 447 #patient_pastenc table {
 448     border-collapse: collapse;
 449     width:100%;
 450 }
 451 #patient_pastenc tr {
 452     cursor: pointer;
 453 }
 454 #patient_pastenc td {
 455     border-top: 1px solid black;
 456     vertical-align: top;
 457 }
 458 #patient_pastenc th {
 459     text-align: left;
 460 }
 461 #patient_pastenc #tooltipdiv {
 462     position:absolute;
 463     width:500px;
 464     border:1px solid black;
 465     padding:2px;
 466     background-color:#ffffaa;
 467     visibility:hidden;
 468     z-index:1000;
 469     font-size:9pt;
 470 }
 471 #patient_pastenc .highlight {
 472     background-color: #fff;
 473 }
 474 #patient_pastenc .tooltip {
 475     position:absolute;
 476     border:1px solid #333;
 477     background:#f7f5d1;
 478     padding:2px 5px;
 479     color:#333;
 480     display:none;
 481 }
 482
 483
 484 /*=============================================================
 485  * Patient Reports
 486  * seen in the patient reports screens
 487  *============================================================*/
 488 #patient_reports {
 489     width:100%;
 490 }
 491 #patient_reports .issues {
 492     padding-right: 30px;
 493 }
 494 #patient_reports .issues table {
 495     margin: 10px 0px 10px 0px;
 496 }
 497 #patient_reports .issues td {
 498     padding: 2px;
 499 }
 500 #patient_reports .encounters td {
 501     padding: 2px;
 502 }
 503 #patient_reports .encounter_forms {
 504     margin:5px 15px 5px 15px;
 505 }
 506 #patient_reports td {
 507     vertical-align: top;
 508 }
 509 #patient_reports ul {
 510     list-style: none;
 511 }
 512
 513
 514 /*=============================================================
 515  * Report - Custom
 516  * seen as the patient report (custom_report.php)
 517  *============================================================*/
 518 #report_custom {
 519     width:100%;
 520 }
 521 #report_custom hr {
 522     border: 2px dotted black;
 523 }
 524 #report_custom .billing {
 525     margin: 5px;
 526     padding: 5px;
 527 }
 528 #report_custom h1 {
 529     font-size: 120%;
 530     margin:  0px 0px 5px 0px;
 531     padding: 0px;
 532 }
 533 #report_custom .immunizations {
 534     margin: 5px;
 535     padding: 5px;
 536 }
 537 #report_custom .notes {
 538     margin: 5px;
 539     padding: 5px;
 540 }
 541 #report_custom .transactions {
 542     margin: 5px;
 543     padding: 5px;
 544 }
 545 #report_custom .communications {
 546     margin: 5px;
 547     padding: 5px;
 548 }
 549 #report_custom .documents {
 550     margin: 5px;
 551     padding: 5px;
 552 }
 553 #report_custom .demographics {
 554     margin: 5px;
 555     padding: 5px;
 556 }
 557 #report_custom .insurance {
 558     margin: 5px;
 559     padding: 5px;
 560 }
 561 #report_custom .history {
 562     margin: 5px;
 563     padding: 5px;
 564 }
 565 #report_custom .issue {
 566     margin-left: 20px;
 567 }
 568 #report_custom .issue_type {
 569     font-weight: bold;
 570     padding: 5px 0px 5px 0px;
 571 }
 572 #report_custom .issue_diag {
 573     margin: 0px 20px 0px 20px;
 574 }
 575 #report_custom .issue_title {
 576 }
 577 #report_custom .issue_comments {
 578 }
 579 #report_custom .encounter {
 580     width: 100%;
 581     border-top:2px dotted black;
 582     padding: 10px 5px 10px 5px;
 583     margin-top: 10px;
 584 }
 585 #report_custom .encounter h1 {
 586     font-size: 140%;
 587     margin: 0px;
 588     padding: 0px;
 589 }
 590 #report_custom .encounter_form {
 591     margin: 10px;
 592     padding: 10px;
 593     border-top: 1px solid gray;
 594 }
 595 #addressbook_list tr.evenrow {
 596     background-color:#ddddff;
 597 }
 598 #addressbook_list tr.oddrow {
 599     background-color:#ffffff;
 600 }
 601
 602
 603 /*
 604  * CSS BUTTONS
 605 */
 606 .css_button_small {
 607     background: transparent url( '../../images/bg_button_a_small.gif' ) no-repeat scroll top right;
 608     color: #444;
 609     display: block;
 610     float: left;
 611     font: bold 9px arial, sans-serif;
 612     height: 19px;
 613     margin-right: 3px;
 614     padding-right: 10px; /* sliding doors padding */
 615     text-decoration: none;
 616 }
 617
 618 .css_button_small span {
 619     background: transparent url( '../../images/bg_button_span_small.gif' ) no-repeat;
 620     display: block;
 621     line-height: 20px;
 622     padding: 0px 0px 0px 10px;
 623 }
 624
 625 .css_button {
 626     background: transparent url( '../../images/bg_button_a.gif' ) no-repeat scroll top right;
 627     color: #444;
 628     display: block;
 629     float: left;
 630     font: bold 10px arial, sans-serif;
 631     height: 24px;
 632     margin-right: 3px;
 633     padding-right: 10px; /* sliding doors padding */
 634     text-decoration: none;
 635 }
 636
 637 .css_button span {
 638     background: transparent url( '../../images/bg_button_span.gif' ) no-repeat;
 639     display: block;
 640     line-height: 14px;
 641     padding: 5px 0 5px 10px;
 642 }
 643 .sellistclass {
 644 float:left;
 645 }
 646
 647 .disabled_button {
 648         color: grey;
 649
 650 }
 651
 652 a.disabled_button:hover {
 653   color: grey;
 654 }
 655
 656 /*
 657  * TABS
 658 */
 659
 660 ul.tabNav { margin: 0; padding: 0; }
 661 ul.tabNav { float: left; list-style: none; width: 100%; }
 662 ul.tabNav li { float: left; margin: 0 1px 0 0; padding: 6px 0 0;
 663         font-size: 0.8em;
 664     vertical-align: bottom;
 665     text-align: left;
 666 }
 667 ul.tabNav li.current { padding-top: 0;
 668         font-weight: bold;
 669         font-size: 0.8em;
 670     vertical-align: bottom;
 671     text-align: left;
 672 }
 673 ul.tabNav a { background:#A7A7A7; border: 1px solid #dedede; border-width: 1px 1px 0; color: #333; display: block; padding: 4px 4px 5px 4px; text-decoration: none; }
 674 ul.tabNav li.current a { background:#D7DFE7 ;padding: 8px; }
 675
 676 div.tabContainer { clear: both; float: left; width: 100%; }
 677 div.tabContainer div.tab { border: 1px solid #dedede; color: #000; display: none; padding: 10px; }
 678 div.tabContainer div.current { display: block; }
 679 div.tab {       min-height: 180px; background: #DEDEDE none repeat scroll 0 0; margin-bottom: 10px;width:665px;}
 680 div.tab_long {  min-height: 180px; background: #DEDEDE none repeat scroll 0 0; margin-bottom: 10px;width:100%;}
 681 div.tab p:last-child { margin-bottom: 0; }
 682
 683 div.tab table td {
 684         padding-right: 1px; padding-bottom: 0px
 685 }
 686
 687 div.tab table td.label {
 688         min-width:80px;
 689 }
 690
 691 div.tab table td.data {
 692         min-width:120px; /*170px*/
 693 }
 694
 695 div.notab {
 696     background: #D7DFE7 none repeat scroll 0 0; margin-bottom: 10px; width:100%;
 697 }
 698
 699 div.notab-right {
 700     background: #D7DFE7 none repeat scroll 0 0; margin-bottom: 10px; width:100%;
 701 }
 702
 703 .section-header {
 704         margin-bottom:5px; width:685px; border-bottom: 1px solid;
 705 }
 706
 707 .section-header-dynamic {
 708         margin-bottom:5px; border-bottom: 1px solid;
 709 }
 710
 711 .summary_item {
 712          background:#D7DFE7; padding:8px;
 713 }
 714
 715 /*
 716 * REPORTS
 717 */
 718
 719 #report_parameters {
 720     background-color: #ececec;
 721         margin-top:10px;
 722 }
 723
 724 #report_parameters table {
 725     border: solid 1px;
 726         width: 100%;
 727     border-collapse: collapse;
 728 }
 729 #report_parameters table td {
 730     padding: 5px;
 731 }
 732
 733 #report_parameters table table {
 734     border: 0px;
 735     border-collapse: collapse;
 736         font-size: 0.8em;
 737 }
 738
 739 #report_parameters table table td.label {
 740         text-align: right;
 741 }
 742
 743 #report_results table {
 744    border-top: 1px solid black;
 745    border-bottom: 1px solid black;
 746    border-left: 1px solid black;
 747    border-right: 1px solid black;
 748    width: 100%;
 749    border-collapse: collapse;
 750    margin-top: 1px;
 751 }
 752 #report_results table thead {
 753     padding: 5px;
 754     display: table-header-group;
 755     background-color: #ddd;
 756         text-align:left;
 757         font-weight: bold;
 758         font-size: 0.7em;
 759 }
 760 #report_results table th {
 761     border-bottom: 1px solid black;
 762         padding: 5px;
 763 }
 764 #report_results table td {
 765         padding: 5px;
 766     border-bottom: 1px dashed;
 767         font-size: 0.8em;
 768 }
 769 .report_totals td {
 770     background-color: #77ff77;
 771     font-weight: bold;
 772 }
 773
 774 /**
 775 * List-table formatting
 776 **/
 777 .showborder {
 778 width:650px;
 779 }
 780 .showborder td {
 781 border-bottom:1px dashed #000000;
 782 text-align:left;
 783 font-size:9pt;
 784 }
 785 .showborder_head  th {
 786 border-bottom:1px solid #000000;
 787 text-align:left;
 788 font-size:9pt;
 789 }
 790 .shownoborder td {
 791 text-align:left;
 792 font-size:9pt;
 793 }
 794 .showborder_long {
 795 width:100%;
 796 }
 797 .showborder_long tr td{
 798 border-bottom:1px dashed #000000;
 799 text-align:left;
 800 font-size:9pt;
 801 }
 802
 803 /**
 804 * Drug lookup
 805 **/
 806 .drug_lookup{
 807         font-family: helvetica;
 808         font-size: 8pt;
 809         border: 2px outset rgb(102, 102, 102);
 810         background-color: #94D6E7;
 811         padding: 5px;
 812         position: absolute;
 813         display: block;
 814 }
 815
 816 /* Password alert styles */
 817 .pwdalert {
 818     display: block;
 819     width: 390pt;
 820     margin-left: 100px;
 821     padding: 10px 10px 10px 15px;
 822     color: black;
 823   }
 824 .alertmsg1 {
 825     border: 3px solid #fe7b7a;
 826     background-color: #ffd6d6 ;
 827   }
 828 .alertmsg2 {
 829     border: 3px solid #f56fff;
 830     background-color: #fabfff;
 831   }
 832 .alertmsg3 {
 833     border: 3px solid #9acc2e;
 834     background-color: #eef7dd;
 835   }
 836 /* Password alert styles */
 837
 838 /* Style for red font */
 839 .redtext {
 840     font-family: sans-serif;
 841     text-decoration: none;
 842     color: #FF0000;
 843     font-size: 10pt;
 844 }
 845 /* Style for red font */
 846
 847 .de_identification_status_message{
 848         width: 50%;
 849         border:1px solid #0000FF;
 850 }
 851
 852 .de_identification_input_controls_box{
 853         width: 100%;
 854         border:1px solid #0000FF;
 855 }
 856
 857 .de_id_upgrade_login{
 858         width: 40%;
 859         border:1px solid Black;
 860         background-color:#DEDEDE;
 861 }
 862
 863 #navigation-slide, #navigation-slide *{
 864     padding-left:0px;
 865     margin-left:0px;
 866 }
 867
 868 #navigation-slide li{
 869     list-style:none;
 870 }
 871
 872 #navigation-slide a{
 873     background: #C8F0F7;
 874     border-top: 2px solid #85F0F2;
 875     color: #000;
 876     display: block;
 877     font-weight: bold;
 878     padding: 5px 2px 5px 10px;
 879     width: 150px;
 880 }
 881
 882 #navigation-slide li a.collapsed{
 883     background: #999; /* for non-css3 browsers */
 884     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BACBE3', endColorstr='#0061E8'); /* for IE */
 885     background: -webkit-gradient(linear, left top, left bottom, from(#BACBE3), to(#0061E8)); /* for webkit browsers */
 886     background: -moz-linear-gradient(top,  #BACBE3,  #0061E8); /* for firefox 3.6+ */
 887 }
 888
 889 #navigation-slide li a.expanded{
 890     background: #999; /* for non-css3 browsers */
 891     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061E8', endColorstr='#BACBE3'); /* for IE */
 892     background: -webkit-gradient(linear, left top, left bottom, from(#0061E8), to(#BACBE3)); /* for webkit browsers */
 893     background: -moz-linear-gradient(top,  #0061E8,  #BACBE3); /* for firefox 3.6+ */
 894 }
 895
 896 #navigation-slide ul li a.collapsed_lv2{
 897     background: #999; /* for non-css3 browsers */
 898     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2DEF7', endColorstr='#1E3463'); /* for IE */
 899     background: -webkit-gradient(linear, left top, left bottom, from(#D2DEF7), to(#1E3463)); /* for webkit browsers */
 900     background: -moz-linear-gradient(top,  #D2DEF7,  #1E3463); /* for firefox 3.6+ */
 901 }
 902
 903 #navigation-slide ul li a.expanded_lv2{
 904     background: #999; /* for non-css3 browsers */
 905     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E3463', endColorstr='#D2DEF7'); /* for IE */
 906     background: -webkit-gradient(linear, left top, left bottom, from(#1E3463), to(#D2DEF7)); /* for webkit browsers */
 907     background: -moz-linear-gradient(top,  #1E3463,  #D2DEF7); /* for firefox 3.6+ */
 908 }
 909
 910 #sddm li
 911 {       margin: 0;
 912         padding: 0;
 913         list-style: none;
 914         float:left;
 915         border: 1px solid #94D6E7;
 916         background: #999; /* for non-css3 browsers */
 917         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3E8FFF', endColorstr='#CCD9EA'); /* for IE */
 918         background: -webkit-gradient(linear, left top, left bottom, from(#3E8FFF), to(#CCD9EA)); /* for webkit browsers */
 919         background: -moz-linear-gradient(top,  #3E8FFF,  #CCD9EA); /* for firefox 3.6+ */
 920 }
 921
 922 #sddm li a
 923 {       display: block;
 924         margin: 0 1px 0 0;
 925         padding: 4px 10px;
 926         color: #004080;
 927         text-align:left;
 928         text-decoration: none;
 929         font-size: 0.8em;
 930         font-weight:bold;
 931 }
 932
 933 #sddm li a:hover
 934 {
 935     background: #8ca3ee;
 936 }
 937
 938 #sddm div
 939 {
 940     position: absolute;
 941     visibility: hidden;
 942     display: none;
 943     margin: 0;
 944     padding: 0;
 945     background: #C9F1B5;
 946     border-left: 1px solid #000000;
 947     border-right: 1px solid #000000;
 948     border-bottom: 1px solid #000000;
 949 }
 950
 951 #sddm div a
 952 {
 953     position: relative;
 954     display: block;
 955     margin: 0;
 956     padding: 5px 10px;
 957     width: 170px;
 958     white-space:normal;
 959     text-align: left;
 960     text-decoration: none;
 961     background: #dff4ff;
 962     color: #2875DE;
 963     font-size: 0.8em;
 964     font-weight:normal;
 965 }
 966
 967 #sddm div a:hover
 968 {
 969     background: #8ca3ee;
 970     color: #000000;
 971 }