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