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