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