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: transparent url( '../../images/bg_button_a_small.gif' ) no-repeat scroll top right;
 620     color: #444;
 621     display: block;
 622     float: left;
 623     font: bold 9px arial, sans-serif;
 624     height: 19px;
 625     margin-right: 3px;
 626     padding-right: 10px; /* sliding doors padding */
 627     text-decoration: none;
 628 }
 629
 630 .css_button_small span {
 631     background: transparent url( '../../images/bg_button_span_small.gif' ) no-repeat;
 632     display: block;
 633     line-height: 20px;
 634     padding: 0px 0px 0px 10px;
 635 }
 636
 637 .css_button {
 638     background: transparent url( '../../images/bg_button_a.gif' ) no-repeat scroll top right;
 639     color: #444;
 640     display: block;
 641     float: left;
 642     font: bold 10px arial, sans-serif;
 643     height: 24px;
 644     margin-right: 3px;
 645     padding-right: 10px; /* sliding doors padding */
 646     text-decoration: none;
 647 }
 648
 649 .css_button span {
 650     background: transparent url( '../../images/bg_button_span.gif' ) no-repeat;
 651     display: block;
 652     line-height: 14px;
 653     padding: 5px 0 5px 10px;
 654 }
 655 .css_btn {
 656     background: #fcfcfc;
 657     background-image: -webkit-linear-gradient(top, #fcfcfc, #c1ced1);
 658     background-image: -moz-linear-gradient(top, #fcfcfc, #c1ced1);
 659     background-image: -ms-linear-gradient(top, #fcfcfc, #c1ced1);
 660     background-image: -o-linear-gradient(top, #fcfcfc, #c1ced1);
 661     background-image: linear-gradient(to bottom, #fcfcfc, #c1ced1);
 662     -webkit-border-radius: 28;
 663     -moz-border-radius: 28;
 664     border-radius: 28px;
 665     font: bold 10px arial, sans-serif;
 666     color: #444;
 667     font-size: 10px;
 668     padding: 6px 15px 6px 15px;
 669     border: solid #8d9194 1px;
 670     text-decoration: none;
 671     height: 24px;
 672     outline: none;
 673 }
 674 .css_btn:hover{
 675     color: orangered;
 676 }
 677 .sellistclass {
 678 float:left;
 679 }
 680
 681 .disabled_button {
 682         color: grey;
 683
 684 }
 685
 686 a.disabled_button:hover {
 687   color: grey;
 688 }
 689
 690 /*
 691  * TABS
 692 */
 693
 694 ul.tabNav { margin: 0; padding: 0; }
 695 ul.tabNav { float: left; list-style: none; width: 100%; }
 696 ul.tabNav li { float: left; margin: 0 1px 0 0; padding: 6px 0 0;
 697         font-size: 0.8em;
 698     vertical-align: bottom;
 699     text-align: left;
 700 }
 701 ul.tabNav li.current { padding-top: 0;
 702         font-weight: bold;
 703         font-size: 0.8em;
 704     vertical-align: bottom;
 705     text-align: left;
 706 }
 707 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; }
 708 ul.tabNav li.current a { background:#FFFFFF ;padding: 8px; }
 709
 710 div.tabContainer { clear: both; float: left; width: 100%; }
 711 div.tabContainer div.tab { border: 1px solid #ffffff; color: #000; display: none; padding: 10px; }
 712 div.tabContainer div.current { display: block; }
 713 div.tab {       min-height: 180px; background: #ffffff none repeat scroll 0 0; margin-bottom: 10px;width:665px;}
 714 div.tab_long {  min-height: 180px; background: #ffffff none repeat scroll 0 0; margin-bottom: 10px;width:100%;}
 715 div.tab p:last-child { margin-bottom: 0; }
 716
 717 div.tab table td {
 718         padding-right: 1px; padding-bottom: 0px
 719 }
 720
 721 div.tab table td.label {
 722         min-width:80px;
 723 }
 724
 725 div.tab table td.data {
 726         min-width:120px; /*170px*/
 727 }
 728
 729 div.notab {
 730     background: #FFFFFF none repeat scroll 0 0; margin-bottom: 10px; width:100%;
 731 }
 732
 733 div.notab-right {
 734     background: #FFFFFF none repeat scroll 0 0; margin-bottom: 10px; width:100%;
 735 }
 736
 737 .section-header {
 738         margin-bottom:5px; width:685px; border-bottom: 1px solid;
 739 }
 740
 741 .section-header-dynamic {
 742         margin-bottom:5px; border-bottom: 1px solid;
 743 }
 744
 745 .summary_item {
 746          background:#FFFFFF; padding:8px;
 747 }
 748
 749 /*
 750 * REPORTS
 751 */
 752
 753 #report_parameters {
 754     background-color: #ececec;
 755         margin-top:10px;
 756 }
 757
 758 #report_parameters table {
 759     border: solid 1px;
 760         width: 100%;
 761     border-collapse: collapse;
 762 }
 763 #report_parameters table td {
 764     padding: 5px;
 765 }
 766
 767 #report_parameters table table {
 768     border: 0px;
 769     border-collapse: collapse;
 770         font-size: 0.8em;
 771 }
 772
 773 #report_parameters table table td.label {
 774         text-align: right;
 775 }
 776
 777 #report_results table {
 778    border-top: 1px solid black;
 779    border-bottom: 1px solid black;
 780    border-left: 1px solid black;
 781    border-right: 1px solid black;
 782    width: 100%;
 783    border-collapse: collapse;
 784    margin-top: 1px;
 785 }
 786 #report_results table thead {
 787     padding: 5px;
 788     display: table-header-group;
 789     background-color: #ddd;
 790         text-align:left;
 791         font-weight: bold;
 792         font-size: 0.7em;
 793 }
 794 #report_results table th {
 795     border-bottom: 1px solid black;
 796         padding: 5px;
 797 }
 798 #report_results table td {
 799         padding: 5px;
 800     border-bottom: 1px dashed;
 801         font-size: 0.8em;
 802 }
 803 .report_totals td {
 804     background-color: #77ff77;
 805     font-weight: bold;
 806 }
 807
 808 /**
 809 * List-table formatting
 810 **/
 811 .showborder {
 812 width:650px;
 813 }
 814 .showborder td {
 815 border-bottom:1px dashed #000000;
 816 text-align:left;
 817 font-size:9pt;
 818 }
 819 .showborder_head  th {
 820 border-bottom:1px solid #000000;
 821 text-align:left;
 822 font-size:9pt;
 823 }
 824 .shownoborder td {
 825 text-align:left;
 826 font-size:9pt;
 827 }
 828 .showborder_long {
 829 width:100%;
 830 }
 831 .showborder_long tr td{
 832 border-bottom:1px dashed #000000;
 833 text-align:left;
 834 font-size:9pt;
 835 }
 836
 837 /**
 838 * Drug lookup
 839 **/
 840 .drug_lookup{
 841         font-family: helvetica;
 842         font-size: 8pt;
 843         border: 2px outset rgb(102, 102, 102);
 844         background-color: #eae6ff;
 845         padding: 5px;
 846         position: absolute;
 847         display: block;
 848 }
 849
 850 /* Password alert styles */
 851 .pwdalert {
 852     display: block;
 853     width: 390pt;
 854     margin-left: 100px;
 855     padding: 10px 10px 10px 15px;
 856     color: black;
 857   }
 858 .alertmsg1 {
 859     border: 3px solid #fe7b7a;
 860     background-color: #ffd6d6 ;
 861   }
 862 .alertmsg2 {
 863     border: 3px solid #f56fff;
 864     background-color: #fabfff;
 865   }
 866 .alertmsg3 {
 867     border: 3px solid #9acc2e;
 868     background-color: #eef7dd;
 869   }
 870 /* Password alert styles */
 871
 872 /* Style for red font */
 873 .redtext {
 874     font-family: sans-serif;
 875     text-decoration: none;
 876     color: #FF0000;
 877     font-size: 10pt;
 878 }
 879 /* Style for red font */
 880
 881 .de_identification_status_message{
 882         width: 50%;
 883         border:1px solid #0000FF;
 884 }
 885
 886 .de_identification_input_controls_box{
 887         width: 100%;
 888         border:1px solid #0000FF;
 889 }
 890
 891 .de_id_upgrade_login{
 892         width: 40%;
 893         border:1px solid Black;
 894         background-color:#ffffff;
 895 }
 896
 897 #navigation-slide, #navigation-slide *{
 898     padding-left:0px;
 899     margin-left:0px;
 900 }
 901
 902 #navigation-slide li{
 903     list-style:none;
 904 }
 905
 906 #navigation-slide a{
 907     background: #FFFFFF;
 908     border-top: 2px solid #EAE6FF;
 909     color: #000;
 910     display: block;
 911     font-weight: bold;
 912     padding: 5px 2px 5px 10px;
 913     width: 150px;
 914 }
 915
 916 #navigation-slide li a.collapsed{
 917     background: #999; /* for non-css3 browsers */
 918     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3E8FFF', endColorstr='#EAE6FF'); /* for IE */
 919     background: -webkit-gradient(linear, left top, left bottom, from(#3E8FFF), to(#EAE6FF)); /* for webkit browsers */
 920     background: -moz-linear-gradient(top,  #3E8FFF,  #EAE6FF); /* for firefox 3.6+ */
 921 }
 922
 923 #navigation-slide li a.expanded{
 924     background: #999; /* for non-css3 browsers */
 925     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EAE6FF', endColorstr='#3E8FFF'); /* for IE */
 926     background: -webkit-gradient(linear, left top, left bottom, from(#EAE6FF), to(#3E8FFF)); /* for webkit browsers */
 927     background: -moz-linear-gradient(top,  #EAE6FF,  #3E8FFF); /* for firefox 3.6+ */
 928 }
 929
 930 #navigation-slide ul li a.collapsed_lv2{
 931     background: #999; /* for non-css3 browsers */
 932     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7870de', endColorstr='#e7e6f9'); /* for IE */
 933     background: -webkit-gradient(linear, left top, left bottom, from(#7870de), to(#e7e6f9)); /* for webkit browsers */
 934     background: -moz-linear-gradient(top,  #7870de,  #e7e6f9); /* for firefox 3.6+ */
 935 }
 936
 937 #navigation-slide ul li a.expanded_lv2{
 938     background: #999; /* for non-css3 browsers */
 939     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', endColorstr='#7870de'); /* for IE */
 940     background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), to(#7870de)); /* for webkit browsers */
 941     background: -moz-linear-gradient(top,  #e7e6f9,  #7870de); /* for firefox 3.6+ */
 942 }
 943
 944 #sddm li
 945 {       margin: 0;
 946         padding: 0;
 947         list-style: none;
 948         float:left;
 949         border: 1px solid #EAE6FF;
 950         background: #999; /* for non-css3 browsers */
 951         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3E8FFF', endColorstr='#EAE6FF'); /* for IE */
 952         background: -webkit-gradient(linear, left top, left bottom, from(#3E8FFF), to(#EAE6FF)); /* for webkit browsers */
 953         background: -moz-linear-gradient(top,  #3E8FFF,  #EAE6FF); /* for firefox 3.6+ */
 954 }
 955
 956 #sddm li a
 957 {       display: block;
 958         margin: 0 1px 0 0;
 959         padding: 4px 10px;
 960         color: #004080;
 961         text-align:left;
 962         text-decoration: none;
 963         font-size: 0.8em;
 964         font-weight:bold;
 965 }
 966
 967 #sddm li a:hover
 968 {
 969     background: #8ca3ee;
 970 }
 971
 972 #sddm div
 973 {
 974     position: absolute;
 975     visibility: hidden;
 976     display: none;
 977     margin: 0;
 978     padding: 0;
 979     background: #C9F1B5;
 980     border-left: 1px solid #000000;
 981     border-right: 1px solid #000000;
 982     border-bottom: 1px solid #000000;
 983 }
 984
 985 #sddm div a
 986 {
 987     position: relative;
 988     display: block;
 989     margin: 0;
 990     padding: 5px 10px;
 991     width: 170px;
 992     white-space:normal;
 993     text-align: left;
 994     text-decoration: none;
 995     background: #dff4ff;
 996     color: #2875DE;
 997     font-size: 0.8em;
 998     font-weight:normal;
 999 }
1000
1001 #sddm div a:hover
1002 {
1003     background: #8ca3ee;
1004     color: #000000;
1005 }
1006 .text-area{
1007   background-color:#FFFFFF;
1008   border:1px solid black;
1009   width:100%;
1010   height:100px;
1011   overflow:auto;
1012   text-align:left;
1013 }
1014 .example_menu {
1015             font-size: 70%;
1016             list-style: none;
1017             margin: 0;
1018             padding: 0;
1019             vertical-align: top;
1020             width: 136px;
1021 }
1022 .expand_all,
1023 .collapse_all {
1024         cursor: pointer;
1025 }
1026 .example_menu ul {
1027         display: none;
1028         list-style: none;
1029         margin: 0;
1030         padding: 0;
1031 }
1032 #menu1 li, #menu2 li, #menu3 li, #menu4 li, #menu5 li, .example_menu li {
1033         background-image: none;
1034         margin: 0;
1035         padding: 0;
1036         border-bottom:1px solid white;
1037 }
1038 .example_menu ul ul {
1039         display: block;
1040 }
1041 .example_menu a {
1042         color: #000;
1043         cursor: pointer;
1044         display: block;
1045         font-weight: bold;
1046         margin-left: 0;
1047         padding: 2px 2px 2px 17px;
1048         width: 160px;
1049 }
1050 .example_menu a.expanded {
1051         background: #bbb url('collapse.gif') no-repeat 3px 50%;
1052 }
1053 .example_menu a.collapsed {
1054         background: #bbb url('expand.gif') no-repeat 3px 50%;
1055 }
1056 .example_menu a:hover {
1057         text-decoration: none;
1058 }
1059 .example_menu ul li span {
1060          background: #d9d1a4;
1061         color: #000;
1062         display: block;
1063         font-weight: normal;
1064         width:100%;
1065 }
1066 .example_menu ul a:Subjective {
1067         font-weight: normal;
1068 }
1069 .example_menu ul a:hover {
1070         background : #f5f5f5;
1071         text-decoration: underline;
1072 }
1073 .example_menu li.active a {
1074         background: #fff;
1075 }
1076 .example_menu li.active li a {
1077         background: #e8e8e8;
1078 }
1079 #menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer {
1080         background: transparent url('footer.jpg') no-repeat 0 0;
1081         border-top: 2px solid #fff;
1082         height: 9px;
1083         line-height: 15px;
1084         margin: 0 0 10px 0;
1085         width: 131px;
1086 }
1087 .example_menu .footer span {
1088         display: none;
1089 }
1090 .cke_contents {
1091 height: 300px !important;
1092 }
1093
1094 /* Form styles */
1095 .formtable {
1096         font-size:13px;
1097         line-height: 24px;
1098     }
1099 .formtable tr td {
1100         line-height: 24px;
1101     }
1102 .report_search_bar{
1103         background-color:#C9DCFF;
1104 }
1105
1106 /* error message = new validation */
1107 .error-message{
1108     color:red;
1109     display:block;
1110     white-space: nowrap;
1111     font-weight: normal;
1112     font-size: 11px;
1113 }
1114 .error-border{
1115     border: 1px solid red;
1116 }