interface/themes/style_tan.css

   1
   2 .nav-menu-img {
   3     display:none !important;
   4 }
   5
   6 body {
   7     margin: 0px 0px 0px 2px;
   8     /* set the base font and size for all DOM children */
   9     font-family: 'FontAwesome';
  10     content: "\f0c4";
  11     font-size: 1em;  /* set the base font size for all DOM children */
  12 }
  13
  14 a {
  15   color: #0000cc;
  16   text-decoration: none;
  17 }
  18
  19 a:visited {
  20   color: #0000cc;
  21 }
  22
  23 a:hover {
  24   color: #ff5555;
  25 }
  26
  27 .menu {
  28     font-family: 'FontAwesome';
  29     font-style: italic;
  30     font-size: 11pt;
  31     color: #0000cc;
  32     text-decoration: none;
  33     text-align: left;
  34 }
  35
  36 .menuBar{
  37     width:100%;
  38     height:auto;
  39     display:block;
  40     position:fixed;
  41     top:0;
  42     background-color:#FEFDCF;
  43     z-index:100;
  44      }
  45
  46     .container{
  47     margin-top:95px;
  48 }
  49 .menu_selected {
  50     font-family: 'FontAwesome';
  51     font-style: italic;
  52     font-size: 11pt;
  53     color: #000000;
  54     text-decoration: none;
  55     text-align: left;
  56 }
  57
  58 .logout {
  59     font-family: 'FontAwesome', sans-serif;
  60     font-style: italic;
  61     font-size: 11pt;
  62     color: #000000;
  63     text-decoration: none;
  64     text-align: right;
  65 }
  66
  67 .text {
  68     font-family: 'FontAwesome', sans-serif;
  69     text-decoration: none;
  70     color: #000000;
  71     font-size: 10pt;
  72 }
  73
  74 .required {
  75     font-family: 'FontAwesome', sans-serif;
  76     text-decoration: none;
  77     font-size: 10pt;
  78     color: #880000;
  79     font-weight: bold;
  80 }
  81
  82 .bold {
  83     font-family: 'FontAwesome', sans-serif;
  84     text-decoration: none;
  85     font-size: 10pt;
  86     color: #000000;
  87     font-weight: bold;
  88 }
  89
  90 .alert {
  91     font-family: 'FontAwesome', sans-serif;
  92     font-size: 70%;
  93     color: #FF0000;
  94     text-decoration: none;
  95 }
  96
  97 .small {
  98     text-decoration: none;
  99     color: #000000;
 100     font-family: 'FontAwesome', sans-serif;
 101     font-size: 80%;
 102 }
 103
 104 .link {
 105     font-family: 'FontAwesome', sans-serif;
 106     text-decoration: none;
 107     color: #0000cc;
 108     font-size: 70%;
 109 }
 110
 111 .more {
 112     font-family: 'FontAwesome', sans-serif;
 113     text-decoration: none;
 114     font-size: 70%;
 115 }
 116
 117 .back {
 118     font-family: 'FontAwesome', sans-serif;
 119     text-decoration: none;
 120     font-size: 70%;
 121 }
 122
 123 .link_selected {
 124     font-family: 'FontAwesome', sans-serif;
 125     text-decoration: none;
 126     color: #0000FF;
 127     font-size: 70%;
 128 }
 129
 130 .link_selected:visited {
 131     font-family: 'FontAwesome', sans-serif;
 132     text-decoration: none;
 133     color: #0000FF;
 134     font-size: 70%;
 135 }
 136
 137 .link_submit {
 138     font-family: 'FontAwesome', sans-serif;
 139     text-decoration: none;
 140     color: #000077;
 141     font-size: 10pt;
 142 }
 143
 144 .link_submit a:visited {
 145   color: #000077;
 146 }
 147
 148 .link_submit a:hover {
 149   color: #ff5555;
 150 }
 151
 152 .items {
 153     font-family: 'FontAwesome', sans-serif;
 154     font-size: 6pt;
 155 }
 156
 157 .title {
 158     font-family: 'FontAwesome', sans-serif;
 159     font-size: 12pt;
 160     font-weight: bold;
 161     text-decoration: none;
 162 }
 163
 164 /* see .titlebar below */
 165 .title_bar {
 166     font-family: 'FontAwesome', sans-serif;
 167     font-size: 12pt;
 168     font-weight: bold;
 169     text-decoration: none;
 170     color: #000000;
 171 }
 172
 173 .title_bar_top {
 174     font-family: 'FontAwesome', sans-serif;
 175     font-size: 13px;
 176     font-weight: bold;
 177     text-decoration: none;
 178     color: #000000;
 179 }
 180
 181 /*=============================================================
 182  * Here we have taken variables from globals.php and turned them into CSS classes
 183  * these should be used in place of the GLOBAL variables -- JRM March 2008
 184  *=============================================================*/
 185 .body_top { background-color: #fefdcf; margin: 8px }    /* $top_bg_line */
 186 .bgcolor2 { background-color: #fefdcf; }    /* $GLOBALS['style']['BGCOLOR2'] */
 187 .body_bottom { background: url('../pic/aquabg.gif') repeat; margin: 8px }  /* $bottom_bg_line */
 188 .body_title { background-color: #fedf98; }  /* $title_bg_line */
 189 .body_nav { background-color: #fefdcf; }    /* $nav_bg_line */
 190 .body_filler { background-color: #f7f0d5; } /* $login_filler_line */
 191 .body_login { background: url('../pic/aquabg.gif') repeat; } /* $login_body_line */
 192 .table_bg { background-color: #ccc; }           /* $table_bg */
 193 .bgcolor1 { background-color: #ccc; }       /* $GLOBALS['style']['BGCOLOR1'] */
 194 .textcolor11 { background-color: #222; }    /* $GLOBALS['style']['TEXTCOLOR11'] */
 195 .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */
 196 .bottom_line { background: url('../pic/aquabg.gif') repeat; }    /* $GLOBALS['style']['BOTTOM_BG_LINE'] */
 197 .logobar { background-color: #24262c; height: 110px; }                 /* $GLOBALS['logoBarHeight'] */
 198 .navbar { height: 22px; }                   /* $GLOBALS['navBarHeight'] */
 199 .titlebar { height: 20px; }                 /* $GLOBALS['titleBarHeight'] */
 200
 201
 202 /* style taken out of the addressbook code and put here instead */
 203 #addressbook_list td {
 204 font-family: 'FontAwesome', Arial, Helvetica, sans-serif;
 205 padding-left: 4px;
 206 padding-right: 4px;
 207 }
 208 #addressbook_list a, #addressbook_list a:visited, #addressbook_list a:hover {
 209 color:#0000cc;
 210 }
 211 #addressbook_list tr.search {
 212 font-size:9pt;
 213 font-weight:bold;
 214 }
 215 #addressbook_list tr.head {
 216 font-size:10pt;
 217 background-color:#cccccc;
 218 font-weight:bold;
 219 }
 220 #addressbook_list tr.detail {
 221 font-size:10pt;
 222 }
 223 #addressbook_list .inputtext {
 224 font-family: 'FontAwesome',monospace;
 225 font-size:9pt;
 226 font-weight:normal;
 227 border-style:solid;
 228 border-width:1px;
 229 border-color: #000000;
 230 background-color:transparent;
 231 }
 232 #addressbook_list .button {
 233 font-family: 'FontAwesome',sans-serif;
 234 font-size:8pt;
 235 font-weight:bold;
 236 }
 237
 238 /* styles taken out of templates/report/general_default.html */
 239 #reports_list td {
 240 font-size:8pt;
 241 font-family: 'FontAwesome',helvetica;
 242 }
 243 #reports_list a {
 244 font-size:8pt;
 245 font-family: 'FontAwesome',helvetica;
 246 }
 247
 248 /* styles taken out of templates/documents/general_list.html */
 249 #documents_list td {
 250 font-size:8pt;
 251 font-family: 'FontAwesome',helvetica;
 252 }
 253 #documents_list a {
 254 font-size:8pt;
 255 font-family: 'FontAwesome',helvetica;
 256 }
 257 #documents_list .treeMenuDefault {
 258 font-style: italic;
 259 }
 260 #documents_list .treeMenuBold {
 261 font-style: italic;
 262 font-weight: bold;
 263 }
 264 #documents_list {
 265     width: 29%;
 266     height: 95%;
 267     overflow: auto;
 268     float: left;
 269     border-right: dashed 1px;
 270 }
 271 #documents_actions {
 272     padding-top: 10px;
 273     width: 70%;
 274     height: 95%;
 275     float: right;
 276     overflow: auto;
 277 }
 278 #documents_actions iframe {
 279     display: inline;
 280     border:none;
 281     width:100%;
 282     height:600px;
 283     overflow: auto;
 284 }
 285 #documents_actions form {
 286     margin: 0px; padding: 0px;
 287 }
 288 #documents_actions table {
 289     width: 100%;
 290     height: 95%;
 291 }
 292
 293 /*=============================================================
 294  * This section relates to the custom layouts that can be made
 295  * using the OEMR tool in the Admin section. For example, the
 296  * Patient Demographics are a custom layout.
 297  *============================================================*/
 298 #DEM .groupname {
 299     font-weight: bold;
 300     color: #080;
 301     font-size: 0.8em;
 302     padding-right: 5px;
 303     vertical-align: top;
 304 }
 305 #DEM .label {
 306     font-weight: bold;
 307     font-size: 0.8em;
 308     vertical-align: top;
 309     text-align: right;
 310 }
 311 #DEM .data {
 312     font-size: 0.8em;
 313     vertical-align: top;
 314     text-align: left;
 315     padding-right: 6px;/*30px - ie 6 fix*/
 316 }
 317
 318 /* Patient History */
 319
 320 #HIS .groupname {
 321     font-weight: bold;
 322     color: #080;
 323     font-size: 9pt;
 324     padding-right: 1px;
 325     vertical-align: top;
 326     height: 2em;
 327 }
 328 #HIS .label {
 329     font-weight: bold;
 330     font-size: 9pt;
 331     vertical-align: top;
 332 }
 333 #HIS .data {
 334     font-size: 9pt;
 335     vertical-align: top;
 336     text-align: left;
 337     padding-right: 10px;
 338 }
 339
 340
 341 /*=============================================================
 342  * Patient Notes
 343  * seen in the patient summary and notes screens
 344  *============================================================*/
 345 #pnotes .billing {
 346     background-color: #dfd;
 347 }
 348
 349 #pnotes .highlight {
 350     background-color: #fff;
 351 }
 352
 353 #pnotes table {
 354     border-collapse:collapse;
 355 }
 356
 357 #pnotes .noterow {
 358     cursor: pointer;
 359 }
 360
 361 #pnotes .noterow td {
 362     border-bottom:1px dashed black;
 363     vertical-align: top;
 364     padding: 5px;
 365     margin: 5px;
 366 }
 367
 368
 369 /*=============================================================
 370  * Patient Stats
 371  * seen in the patient stats screens
 372  *============================================================*/
 373 #patient_stats {
 374     padding: 10px;
 375 }
 376
 377 #patient_stats table {
 378     width: 100%;
 379     border-collapse: collapse;
 380 }
 381 #patient_stats td {
 382     padding: 3px;
 383 }
 384 #patient_stats .statrow {
 385     cursor: pointer;
 386 }
 387
 388 #patient_stats .head {
 389     font-size:10pt;
 390     background-color:#cccccc;
 391     text-align:center;
 392 }
 393
 394 #patient_stats .detail {
 395     font-size:10pt;
 396     vertical-align: top;
 397 }
 398
 399 #patient_stats .btn {
 400     background-color:transparent;
 401 }
 402
 403 #patient_stats .bg1 {
 404     background-color: #ddddff;
 405 }
 406 #patient_stats .bg2 {
 407     background-color: #ffdddd;
 408 }
 409
 410 #patient_stats .center {
 411     text-align: center;
 412 }
 413
 414
 415 /*=============================================================
 416  * Patient Stats Summary
 417  * seen in the patient summary screen
 418  *============================================================*/
 419 #patient_stats_summary table {
 420     border-collapse: collapse;
 421 }
 422 #patient_stats_summary .noend_noreturn {
 423     color: #ee0000;
 424 }
 425 #patient_stats_summary .noend {
 426     color: #dd5500;
 427 }
 428 #patient_stats_summary .noreturn {
 429     color: #0000ff;
 430 }
 431 #patient_stats_summary .title {
 432     font-size: 1.1em;
 433 }
 434 #patient_stats_issues {
 435     width: 100%;
 436 }
 437 #patient_stats_spreadsheets {
 438     width: 100%;
 439 }
 440 #patient_stats_imm {
 441     width: 100%;
 442 }
 443 #patient_stats_prescriptions {
 444     width: 100%;
 445 }
 446
 447 /*=============================================================
 448  * Patient Past Encounters and Documents
 449  * seen in the patient encounter screen
 450  *============================================================*/
 451 #patient_pastenc {
 452     width:100%;
 453 }
 454
 455 #patient_pastenc .billing_note {
 456     width: 25%;
 457 }
 458 #patient_pastenc .billing_note_text {
 459     padding: 5px;
 460     border: 2px outset black;
 461     background-color: lightgrey;
 462 }
 463 #patient_pastenc .billing_note_text_highlight {
 464     background-color:#f7f5d1;
 465 }
 466 #patient_pastenc table {
 467     border-collapse: collapse;
 468     width:100%;
 469 }
 470 #patient_pastenc tr {
 471     cursor: pointer;
 472 }
 473 #patient_pastenc td {
 474     border-top: 1px solid black;
 475     vertical-align: top;
 476 }
 477 #patient_pastenc th {
 478     text-align: left;
 479 }
 480 #patient_pastenc #tooltipdiv {
 481     position:absolute;
 482     width:500px;
 483     border:1px solid black;
 484     padding:2px;
 485     background-color:#ffffaa;
 486     visibility:hidden;
 487     z-index:1000;
 488     font-size:9pt;
 489 }
 490 #patient_pastenc .highlight {
 491     background-color: #fff;
 492 }
 493 #patient_pastenc .tooltip {
 494     position:absolute;
 495     border:1px solid #333;
 496     background:#f7f5d1;
 497     padding:2px 5px;
 498     color:#333;
 499     display:none;
 500 }
 501
 502
 503 /*=============================================================
 504  * Patient Reports
 505  * seen in the patient reports screens
 506  *============================================================*/
 507 #patient_reports {
 508     width:100%;
 509 }
 510 #patient_reports .issues {
 511     padding-right: 30px;
 512 }
 513 #patient_reports .issues table {
 514     margin: 10px 0px 10px 0px;
 515 }
 516 #patient_reports .issues td {
 517     padding: 2px;
 518 }
 519 #patient_reports .encounters td {
 520     padding: 2px;
 521 }
 522 #patient_reports .encounter_forms {
 523     margin:5px 15px 5px 15px;
 524 }
 525 #patient_reports td {
 526     vertical-align: top;
 527 }
 528 #patient_reports ul {
 529     list-style: none;
 530 }
 531
 532
 533 /*=============================================================
 534  * Report - Custom
 535  * seen as the patient report (custom_report.php)
 536  *============================================================*/
 537 #report_custom {
 538     width:100%;
 539 }
 540 #report_custom hr {
 541     border: 2px dotted black;
 542 }
 543 #report_custom .billing {
 544     margin: 5px;
 545     padding: 5px;
 546 }
 547 #report_custom h1 {
 548     font-size: 120%;
 549     margin:  0px 0px 5px 0px;
 550     padding: 0px;
 551 }
 552 #report_custom .immunizations {
 553     margin: 5px;
 554     padding: 5px;
 555 }
 556 #report_custom .notes {
 557     margin: 5px;
 558     padding: 5px;
 559 }
 560 #report_custom .transactions {
 561     margin: 5px;
 562     padding: 5px;
 563 }
 564 #report_custom .communications {
 565     margin: 5px;
 566     padding: 5px;
 567 }
 568 #report_custom .documents {
 569     margin: 5px;
 570     padding: 5px;
 571 }
 572 #report_custom .demographics {
 573     margin: 5px;
 574     padding: 5px;
 575 }
 576 #report_custom .insurance {
 577     margin: 5px;
 578     padding: 5px;
 579 }
 580 #report_custom .history {
 581     margin: 5px;
 582     padding: 5px;
 583 }
 584 #report_custom .issue {
 585     margin-left: 20px;
 586 }
 587 #report_custom .issue_type {
 588     font-weight: bold;
 589     padding: 5px 0px 5px 0px;
 590 }
 591 #report_custom .issue_diag {
 592     margin: 0px 20px 0px 20px;
 593 }
 594 #report_custom .issue_title {
 595 }
 596 #report_custom .issue_comments {
 597 }
 598 #report_custom .encounter {
 599     width: 100%;
 600     border-top:2px dotted black;
 601     padding: 10px 5px 10px 5px;
 602     margin-top: 10px;
 603 }
 604 #report_custom .encounter h1 {
 605     font-size: 140%;
 606     margin: 0px;
 607     padding: 0px;
 608 }
 609 #report_custom .encounter_form {
 610     border-top: 1px solid gray;
 611 }
 612 #addressbook_list tr.evenrow {
 613     background-color:#ddddff;
 614 }
 615 #addressbook_list tr.oddrow {
 616     background-color:#ffffff;
 617 }
 618
 619
 620 /*
 621  * CSS BUTTONS
 622 */
 623 .css_button_small {
 624     background: transparent url( '../../images/bg_button_a_small.gif' ) no-repeat scroll top right;
 625     color: #444;
 626     display: block;
 627     float: left;
 628     font: bold 9px 'FontAwesome',arial, sans-serif;
 629     height: 19px;
 630     margin-right: 3px;
 631     padding-right: 10px; /* sliding doors padding */
 632     text-decoration: none;
 633 }
 634
 635 .css_button_small span {
 636     background: transparent url( '../../images/bg_button_span_small.gif' ) no-repeat;
 637     display: block;
 638     line-height: 20px;
 639     padding: 0px 0px 0px 10px;
 640 }
 641
 642 .css_button {
 643     background: transparent url( '../../images/bg_button_a.gif' ) no-repeat scroll top right;
 644     color: #444;
 645     display: block;
 646     float: left;
 647     font: bold 10px 'FontAwesome',arial, sans-serif;
 648     height: 24px;
 649     margin-right: 3px;
 650     padding-right: 10px; /* sliding doors padding */
 651     text-decoration: none;
 652 }
 653
 654 .css_button span {
 655     background: transparent url( '../../images/bg_button_span.gif' ) no-repeat;
 656     display: block;
 657     line-height: 14px;
 658     padding: 5px 0 5px 10px;
 659 }
 660 .css_btn {
 661     background: #fcfcfc;
 662     background-image: -webkit-linear-gradient(top, #fcfcfc, #c1ced1);
 663     background-image: -moz-linear-gradient(top, #fcfcfc, #c1ced1);
 664     background-image: -ms-linear-gradient(top, #fcfcfc, #c1ced1);
 665     background-image: -o-linear-gradient(top, #fcfcfc, #c1ced1);
 666     background-image: linear-gradient(to bottom, #fcfcfc, #c1ced1);
 667     -webkit-border-radius: 28;
 668     -moz-border-radius: 28;
 669     border-radius: 28px;
 670     font: bold 10px arial, sans-serif;
 671     color: #444;
 672     font-size: 10px;
 673     padding: 6px 15px 6px 15px;
 674     border: solid #8d9194 1px;
 675     text-decoration: none;
 676     height: 24px;
 677     outline: none;
 678 }
 679 .css_btn:hover{
 680     color: orangered;
 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: 'FontAwesome', 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: 'FontAwesome', 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:1px;
 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: 0px solid #EAE6FF;
 914     border-left:1pt solid black;
 915     border-bottom:1pt solid black;
 916     color: #000;
 917     display: block;
 918     padding: 5px 2px 5px 10px;
 919     width: 150px;
 920 }
 921
 922 #navigation-slide li a.collapsed{
 923
 924     color: #fff;
 925      background: none repeat scroll 0% 0% #16558C;
 926 }
 927
 928 #navigation-slide li a.expanded{
 929     background: none repeat scroll 0% 0% rgb(22, 85, 140);
 930     color: rgb(255, 255, 51);
 931 }
 932
 933 #navigation-slide ul li a.collapsed_lv2{
 934     background: none repeat scroll 0% 0% #FEF3CF;
 935 }
 936
 937 #navigation-slide ul li a.expanded_lv2{
 938     background: #999; /* for non-css3 browsers */
 939     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefdcf', endColorstr='#fefdcf'); /* for IE */
 940     background: -webkit-gradient(linear, left top, left bottom, from(#fefdcf), to(#fefdcf)); /* for webkit browsers */
 941     background: -moz-linear-gradient(center top , #fefdcf,#fefdcf) repeat scroll 0% 0% transparent;
 942     background: none repeat scroll 0% 0% #fefdcf;
 943 }
 944 #sddm li
 945 {   margin: 0;
 946     padding: 0;
 947     list-style: none;
 948         float:left;
 949         border: 1px solid #FEFDCF;
 950         background: #16558C; /* for non-css3 browsers */
 951         color:#FFFFFF;
 952         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#16558C', endColorstr='#16558C'); /* for IE */
 953         background: -webkit-gradient(linear, left top, left bottom, from(#16558C), to(#16558C)); /* for webkit browsers */
 954         background: -moz-linear-gradient(top,  #16558C,  #16558C); /* for firefox 3.6+ */
 955
 956 }
 957
 958 #sddm li a
 959 {   display: block;
 960     margin: 0 1px 0 0;
 961     padding: 4px 10px;
 962     color: #ffffff;
 963     text-align:left;
 964     text-decoration: none;
 965 }
 966
 967 #sddm li a:hover
 968 {
 969     background: #16558C;
 970     color:#ffffff;
 971 }
 972
 973 #sddm div
 974 {
 975     position: absolute;
 976     visibility: hidden;
 977     display: none;
 978     margin: 0;
 979     padding: 0;
 980     background: #C9F1B5;
 981     border-left: 1px solid #000000;
 982     border-right: 1px solid #000000;
 983     border-bottom: 1px solid #000000;
 984 }
 985
 986 #sddm div a
 987 {
 988     position: relative;
 989     display: block;
 990     margin: 0;
 991     padding: 5px 10px;
 992     width: 170px;
 993     white-space:normal;
 994     text-align: left;
 995     text-decoration: none;
 996     background: #fefdcf;
 997     color: #2875DE;
 998     font-weight:normal;
 999 }
1000
1001 #sddm div a:hover
1002 {
1003     background: #16558C;
1004     color: #ffffff;
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:#EADDB4;
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 }
1117
1118 .tinylogocontainer
1119 {
1120     display: inline-block;
1121     border: none;
1122 }
1123
1124 .tinylogopng
1125 {
1126     display: inline-block;
1127     width: 44px;
1128     height: 22px;
1129 }