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