interface/themes/style_metal.css

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