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