interface/themes/style_pdf.css

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