ecomp-sdk-app/src/main/webapp/static/fusion/raptor/css/ral.css

   1 /*
   2 Reusable Asset Library - CSS Positioning Version (v3.2)
   3 Release Date: 1/26/07
   4 Core Styles
   5 */
   6
   7 /*------------------------General-----------------------------------*/
   8 body{
   9 background:#FFF;
  10 font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
  11 font-size:.71em;
  12 padding:0;
  13 margin:0px;
  14 margin-right:1px;
  15 border:0;
  16 }
  17 .nested{
  18 border:0;
  19 padding:0;
  20 margin:0;
  21 }
  22 .btm{
  23 vertical-align:bottom !important;
  24 }
  25 .nowrap{
  26 white-space:nowrap;
  27 }
  28 .top, .top td{
  29 vertical-align:top !important;
  30 }
  31 table{ /*IE5.5 hack*/
  32 font-size:100%;
  33 }
  34 td,tr,th{ /*IE5.5 hack*/
  35 font-size:inherit;
  36 }
  37 .hide{
  38 display:none !important;
  39 }
  40 .mid {
  41 vertical-align:middle !important;
  42 }
  43 .value {
  44 text-align:right;
  45 }
  46 .show{
  47 display:block !important;
  48 }
  49 ul{
  50 padding:0;
  51 margin:0;
  52 border:0;
  53 }
  54 .indent{
  55 margin-left:10px !important;
  56 }
  57 .code{
  58 font-family: Courier,serif;
  59 }
  60 p{
  61 padding:5px 0;
  62 margin:0;
  63 border:0;
  64 }
  65 h1{
  66 font-size:150%;
  67 margin:2px 0px;
  68 display:block;
  69 position:relative;
  70 clear:both;
  71 }
  72 h2{
  73 font-size:130%;
  74 margin:2px 0px;
  75 clear:both;
  76 position:relative;
  77 display:block;
  78 }
  79 h2.blue{
  80 position:relative;
  81 top:0;
  82 left:0;
  83 font-size:100%;
  84 background:#369;
  85 color:#FFF;
  86 margin:0;
  87 margin-top:10px;
  88 padding:2px 5px 2px 8px;
  89 height:14px;
  90 width:auto;
  91 vertical-align:middle;
  92 }
  93 h3{
  94 font-size:120%;
  95 clear:both;
  96 margin:2px 0px;
  97 position:relative;
  98 display:block;
  99 }
 100 h4 {
 101 font-size:100%;
 102 clear:both;
 103 margin:2px 0px;
 104 position:relative;
 105 display:block;
 106 }
 107
 108 /*----------------------Horizontal Rules----------------------------*/
 109 .hrule-blue {
 110 height:1px;
 111 border-top:1px #369 solid;
 112 margin-top:6px;
 113 margin-bottom:2px;
 114 line-height:0px;
 115 padding:0;
 116 clear:both;
 117 }
 118 hr{
 119 border:0;
 120 height:1px;
 121 margin:10px 0;
 122 background:#CCC;
 123 width:100%;
 124 clear:both;
 125 }
 126
 127 /*--------------Primay Window Banner--------------------------------*/
 128 #tBAN{
 129 padding:0;
 130 border:0;
 131 margin:0;
 132 position:relative;
 133 background:no-repeat url(../images/swoosh.gif) 100% 0;
 134 min-width:800px;
 135 display:table;  /*For vertical centering in standards complaint browsers*/
 136 height:69px;
 137 overflow-x:hidden; /*Remove horizonal scroll in IE*/
 138 }
 139 #banner-spacer{
 140 display:block;
 141 width:650px;
 142 height:1px;
 143 position:relative;
 144 top:-1px;
 145 }
 146 #tBAN #logo{
 147 border:0;
 148 padding:0;
 149 margin:0;
 150 top:10px;
 151 position:absolute;
 152 }
 153 #tBAN #company {
 154 color:#FFF;
 155 font-weight:bold;
 156 font-size:10pt;
 157 padding-right:10px;
 158 _position:absolute;     /*IE Hack for vertical centering*/
 159 _top:48%;                               /*IE Hack for vertical centering*/
 160 display:table-cell;     /*For standards complaint browsers*/
 161 vertical-align:middle;  /*For standards complaint browsers*/
 162 text-align:right;
 163 width:99%;
 164 }
 165 #tBAN #txt{
 166 _position:relative;     /*IE Hack for vertical centering*/
 167 _top:-48%;                              /*IE Hack for vertical centering*/
 168 width:205px;
 169 float:right;
 170 overflow:hidden;
 171 }
 172 #appName{
 173 position:absolute;
 174 left:112px;
 175 top:45px;
 176 color:#09C;
 177 font-size:11pt;
 178 font-weight:bold;
 179 white-space:nowrap;
 180 }
 181
 182 /*---------------------Secondary Window Banner----------------------*/
 183 #tSWB{
 184 background:#FFF;
 185 height:69px;
 186 border-bottom:2px #369 solid;
 187 }
 188 #tSWB #appName{
 189 top:35px;
 190 }
 191
 192
 193 /*--------------------Secondary Windows (General)-------------------*/
 194 .pHW{
 195 background:#FFC;
 196 }
 197 .pSW{
 198 background:#FFF;
 199 }
 200 .pSW .tPH,.pHW .tPH{
 201 margin:0;
 202 }
 203 /*--------------------mIC: Introductory Copy------------------------*/
 204 p.mIC{
 205 padding:0;
 206 margin:0;
 207 }
 208
 209 /*-----------------------mQH: Quick Help----------------------------*/
 210 .qh-link{
 211 float:right;
 212 width:12px;
 213 height:14px;
 214 background:url(../images/quickhelp_lt.gif) no-repeat 0 50%;
 215 cursor:pointer;
 216 position:relative;
 217 vertical-align:middle;
 218 }
 219 .qh-link-field{
 220 width:12px;
 221 height:12px;
 222 background:url(../images/quickhelp_lt.gif) no-repeat 0px 0px;
 223 cursor:pointer;
 224 position:relative;
 225 top:0px;
 226 }
 227 .qh-element{
 228 margin-left:5px;
 229 vertical-align:middle;
 230 }
 231 .icon-quick-help{
 232 display:inline;
 233 }
 234 .mQH {
 235 clear:both !important;
 236 display:none;
 237 background:#9CF !important;
 238 margin:0 !important;
 239 border:0 !important;
 240 height:auto !important;
 241 padding:4px 8px !important;
 242 position:relative !important;
 243 z-index:0;
 244 }
 245 .mQH .label{
 246 font-weight:bold;
 247 padding-right:5px;
 248 }
 249
 250 /*----------------------bPF: Footer---------------------------------*/
 251 #bPF{
 252 position:relative;
 253 bottom:0px;
 254 display:block;
 255 /*float:none;*/
 256 height:60px;
 257 clear:both;
 258 padding:25px 0 20px 10px;
 259 line-height:100%;
 260 color:#333;
 261 white-space:nowrap;
 262 }
 263 #bPF ul{
 264 position:relative;
 265 top:0px;
 266 left:0px;
 267 margin:0 !important;
 268 padding:0 !important;
 269 margin-left:0px !important;
 270 }
 271 #bPF li{
 272 display:inline;
 273 }
 274 #bPF .pipe{
 275 padding-right:5px;
 276 padding-left:5px;
 277 }
 278
 279 /*---------------------------LAYOUT---------------------------------*/
 280 #grid{
 281 display:block;
 282 clear:both !important;
 283 height:50%;
 284 width:auto;
 285 position:relative;
 286 width:95%;
 287 min-width:800px;
 288 margin-left:10px;
 289 z-index:10;
 290 }
 291 .grid-secondary{
 292 margin-top:10px;
 293 margin-left:10px;
 294 width:95%;
 295 position:relative;
 296 }
 297
 298 /* One column-------------------------------------------------------*/
 299 .one-col .col1 {
 300 width:95%;
 301 }
 302 .one-col .col2 {
 303 display:none;
 304 }
 305 .one-col .col3 {
 306 display:none;
 307 }
 308
 309 /* Two column, wide left:------------------------------------------*/
 310 .two-col-wl .col1 {
 311 width:75%;
 312 float:left;
 313 }
 314 .two-col-wl .col2 {
 315 width:15%;
 316 float:left;
 317 margin-left:10px;
 318 }
 319 .two-col-wl .col3 {
 320 display:none;
 321 }
 322
 323 /* Two column, wide right:------------------------------------------*/
 324 .two-col-wr .col1 {
 325 width:15%;
 326 float:left;
 327 }
 328 .two-col-wr .col2 {
 329 width:75%;
 330 float:left;
 331 margin-left:10px;
 332 }
 333 .two-col-wr .col3 {
 334 display:none;
 335 }
 336
 337 /* Three column-----------------------------------------------------*/
 338 .three-col .col1 {
 339 width:15%;
 340 float:left;
 341 min-width:140px;
 342 }
 343 .three-col .col2 {
 344 width:60%;
 345 float:left;
 346 margin-left:10px;
 347 }
 348 .three-col .col3 {
 349 width:15%;
 350 float:left;
 351 margin-left:10px;
 352 min-width:140px;
 353 }
 354
 355
 356 /*---------------------------Forms----------------------------------*/
 357 .first-row td{
 358 padding-top:5px !important;
 359 }
 360 .last-row td{
 361 padding-bottom:5px !important;
 362 }
 363 .checkbox{
 364 height:13px;
 365 width:13px;
 366 vertical-align:middle;
 367 padding:0;
 368 margin:0;
 369 margin-right:10px;
 370 text-align:center !important;
 371 }
 372 .col-ast{
 373 width:10px !important;
 374 }
 375 .col-ast div,.col-ast img{
 376 width:9px;
 377 height:14px;
 378 }
 379 .form-grid td {
 380 padding:5px 0;
 381 vertical-align:middle;
 382 }
 383 .form-grid label.twoline,
 384 label.br {
 385 display:block;
 386 }
 387
 388
 389 .inline{                                                /*When multiple text input fields */
 390 margin-right:10px !important;   /*are adjacent, space them out!!*/
 391 }
 392 label{
 393 white-space:nowrap;
 394 margin-right:15px;
 395 vertical-align:middle;
 396 }
 397 .noborder{
 398 border:0 !important;
 399 }
 400 .rcb-spacer,.rcb-spacer img{
 401 width:20px;
 402 }
 403 p .ast{
 404 position:relative;
 405 left:0px;
 406 padding-right:3px;
 407 }
 408 .spacer-left {
 409 padding:0 !important;
 410 margin:0 !important;
 411 width:5px;
 412 }
 413 .spacer-left img{
 414 margin:0;
 415 padding:0;
 416 border:0;
 417 width:5px;
 418 height:1px;
 419 }
 420 label span.br{
 421 display:block;
 422 padding-left:5px;
 423 }
 424 label.text{
 425 vertical-align:top !important;
 426 }
 427 label.spacer{
 428 color:white;
 429 }
 430 form {
 431 margin:0;
 432 padding:0;
 433 border:0;
 434 }
 435 .form-buttons{
 436 margin:10px 0;
 437 white-space:nowrap;
 438 margin-left:0px;
 439 }
 440 .top-border{
 441 border-top:1px #666 solid;
 442 padding-top:10px;
 443 margin-top:15px;
 444 }
 445 .form-buttons td {
 446 vertical-align:middle;
 447 padding:5px 0;
 448 }
 449 fieldset{
 450 border:0;
 451 border-bottom:1px #000 solid;
 452 padding:5px;
 453 }
 454 fieldset td{
 455 padding:3px 0;
 456 }
 457 fieldset .btm-row td{
 458 border-top:1px #CCC solid !important;
 459 }
 460 fieldset legend{
 461 color:#000;
 462 font-weight:bold;
 463 padding-bottom:5px;
 464 margin-top:5px;
 465 margin-left:-6px;
 466 }
 467 input.button{
 468 padding:1px 4px;
 469 font-size:85%;
 470 margin:0;
 471 background:#ccc;
 472 }
 473 input.arrow-up{
 474 background:#CCC url(../images/button_arrow_up.gif) no-repeat 90% 50%;
 475 padding-right:20px;
 476 font-size:11px;
 477 }
 478 input.arrow-down{
 479 background:#CCC url(../images/button_arrow_down.gif) no-repeat 90% 50%;
 480 padding-right:20px;
 481 font-size:11px;
 482 }
 483 input.button-blue{
 484 padding:1px 4px;
 485 font-size:85%;
 486 margin:0;
 487 color:#FFF;
 488 background:#369;
 489 }
 490 input.button-sm{
 491 padding:1px;
 492 font-size:78%;
 493 margin:0;
 494 }
 495 textarea{
 496 font-size:100%;
 497 font-family:sans-serif;
 498 }
 499 td.spacer{
 500 height:1px;
 501 padding:0;
 502 }
 503 .disabled {
 504 color:#CCC !important;
 505 }
 506 .abled {
 507 color:#000 !important;
 508 }
 509 input.text, input.password{
 510 font-size:100%;
 511 vertical-align:middle;
 512 }
 513 input.text:focus,textarea:focus{
 514 background:#FFC;
 515 }
 516 .radio{
 517 padding:0;
 518 margin:0;
 519 border:0;
 520 height:12px;
 521 width:12px;
 522 vertical-align:middle;
 523 margin-right:8px !important;
 524 text-align:center !important;
 525 }
 526 .rcb {
 527 line-height:120%;
 528 }
 529 select {
 530 font-size:85%;
 531 }
 532 .tip{
 533 font-size:80%;
 534 padding-left:5px;
 535 display:inline;
 536 position:relative;
 537 }
 538 td.tier2 label{
 539 padding-left:22px !important;
 540 }
 541 td.tier2 .checkbox{
 542 margin-left:-1px;
 543 }
 544 .col-radio{
 545 text-align:center;
 546 }
 547 /*---------------------------Help-----------------------------------*/
 548 .app-help{
 549 margin-right:auto;
 550 margin-left:auto;
 551 }
 552 .nobullet li{
 553 list-style:none;
 554 }
 555 .plain{
 556 position:relative;
 557 top:0px;
 558 left:0px;
 559 margin:0 !important;
 560 padding:0 !important;
 561 margin-left:1px !important;
 562 }
 563 .plain .list-label{
 564 padding-right:10px;
 565 }
 566 .plain li{
 567 list-style:none;
 568 }
 569 .index{
 570 clear:both;
 571 padding:0;
 572 margin:0;
 573 border:0;
 574 }
 575 .index ul{
 576 padding:0px;
 577 margin:0px;
 578 border:0px;
 579 height:15px;
 580 }
 581 .index ul li{
 582 float:left;
 583 padding:4px;
 584 list-style:none;
 585 }
 586 .index a{
 587 text-decoration:none !important;
 588 }
 589 .index a:hover{
 590 text-decoration:underline !important;
 591 }
 592
 593 /*--------------------------Glossary--------------------------------*/
 594 .glossary-index{
 595 height:12px;
 596 display:block;
 597 margin:0;
 598 padding:0;
 599 border:0;
 600 padding-top:5px;
 601 padding-bottom:5px;
 602 margin-right:auto;
 603 margin-left:auto;
 604 text-transform:uppercase;
 605 }
 606 .glossary-index li{
 607 list-style:none;
 608 display:inline;
 609 padding-right:2px;
 610 padding-left:2px;
 611 font-weight:bold;
 612 }
 613 .glossary-index a{
 614 padding-left:2px;
 615 padding-right:2px;
 616 }
 617 .glossary-index a:hover{
 618 background:#CCC;
 619 }
 620 dl{
 621 margin:0;
 622 }
 623 dt{
 624 font-weight:bold;
 625 }
 626 dd {
 627 margin-left:20px;
 628 }
 629 .marker {
 630 font-weight:bold;
 631 color:#369;
 632 width:100%;
 633 text-transform:uppercase;
 634 }
 635 .section{
 636 border-bottom:1px #999 solid;
 637 }
 638 p.link{
 639 width:100%;
 640 text-align:center;
 641 margin-top:0px;
 642 padding:0;
 643 padding-bottom:5px;
 644 }
 645 .blocks {
 646 padding:0;
 647 margin:0;
 648 border:0;
 649 }
 650 .blocks li{
 651 list-style:none;
 652 float:left;
 653 padding:10px;
 654 }
 655 .last{
 656 border-right:0 !important;
 657 }
 658 table {
 659 clear:both;
 660 }
 661 .noline td {
 662 border-bottom:0 !important;
 663 }
 664 .scroll{
 665 overflow:auto;
 666 }
 667 .ital{
 668 font-style:oblique;
 669 }
 670 .em{
 671 font-weight:bold !important;
 672 }
 673 .left{
 674 float:left;
 675 }
 676 .right{
 677 float:right;
 678 }
 679
 680 /*--------------------mTIE: Table of Interactive Elements-----------*/
 681 th{
 682 font-weight:bold !important;
 683 }
 684 th a{
 685 font-weight:bold !important;
 686 }
 687 .mTIE {
 688 margin:10px 0;
 689 border:0;
 690 padding:0;
 691 border-left:1px #CCC solid;
 692 border-top:1px #CCC solid;
 693 width:100%;
 694 }
 695 .date, .date-ss, .time {
 696 text-align:right;
 697 white-space:nowrap;
 698
 699 }
 700 .mTIE td{
 701 margin:0;
 702 border:0;
 703 border-bottom:1px #CCC solid;
 704 border-right:1px #CCC solid;
 705 padding:4px 6px;
 706 vertical-align:middle;
 707 }
 708 .mTIE .headerRow td {
 709 text-align:center;
 710 }
 711 .mTIE th {
 712 margin:0;
 713 border:0;
 714 border-bottom:1px #CCC solid;
 715 border-right:1px #CCC solid;
 716 padding:3px 6px;
 717 }
 718 .mTIE a {
 719 text-decoration:underline;
 720 }
 721 .headerRow{
 722 background:#369 !important;
 723 color:#FFF;
 724 font-weight:bold;
 725 }
 726 .button-mTIE{                   /*Check All-Clear All button*/
 727 padding:1px 4px;
 728 background:#CCC;
 729 font-size:85%;
 730 margin:0;
 731 width:75px;
 732 }
 733 .decimal{
 734 text-align:right;
 735 }
 736 #totalRow {
 737 background:#FFF !important;
 738 }
 739 #totalRow .decTotal {
 740 text-align:right;
 741 }
 742 #totalRow .total{
 743 text-align:right;
 744 }
 745
 746 /*------------------------mTAB--------------------------------------*/
 747 .mTAB {
 748 margin:0px 0;
 749 border:0;
 750 padding:0;
 751 border-left:1px #CCC solid;
 752 border-top:1px #CCC solid;
 753 /*width:100%;*/
 754 }
 755 .mTAB .date{
 756 text-align:right;
 757 white-space:nowrap;
 758 }
 759 .mTAB td{
 760 margin:0;
 761 border:0;
 762 border-bottom:1px #CCC solid;
 763 border-right:1px #CCC solid;
 764 padding:4px 6px;
 765 vertical-align:middle;
 766 }
 767 .mTAB .headerRow td {
 768 text-align:center;
 769 }
 770 .mTAB th {
 771 margin:0;
 772 border:0;
 773 border-bottom:1px #CCC solid;
 774 border-right:1px #CCC solid;
 775 padding:4px 6px;
 776 }
 777 /*.mTAB a {
 778 text-decoration:underline;
 779 }*/
 780 .headerRow{
 781 background:#369 !important;
 782 color:#FFF;
 783 font-weight:bold;
 784 }
 785 .button-mTAB{                   /*Check All-Clear All button*/
 786 font-size:10px;
 787 padding:1px 4px;
 788 height:20px;
 789 line-height:12px;
 790 width:75px;
 791 }
 792
 793 /* LISTS and mTS */
 794 /*----------------------mIM: Inline Messages------------------------*/
 795 .mIM{
 796 background:#9CF;
 797 margin:5px 0;
 798 padding:5px;
 799 background-position:9px 5px !important;
 800 clear:both;
 801 display:block;
 802 }
 803 .mIM p,.mIM ul,.mIM ol{
 804 position:relative;
 805 top:0;
 806 left:0;
 807 padding:0;
 808 margin:0;
 809 padding-left:48px;
 810 padding-bottom:5px;
 811 border:0;
 812 display:block;
 813 }
 814 .mIM ul{
 815 padding-left:65px;
 816 width:80%;
 817 }
 818 .mIM ol{
 819 padding-left:70px;
 820 width:80%;
 821 }
 822 * html .mIM {                   /*IE Hack*/
 823 height:35px;                    /*set the height in IE5.5*/
 824 voice-family:"\"}\"";
 825 voice-family:inherit;
 826 height:30px;                    /*set the height in IE6.0*/
 827 }
 828 *+.mIM{                                 /*high end browser hack*/
 829 min-height:30px;
 830 }
 831 div.error {
 832 background:#9CF url(../images/icon_error.gif) no-repeat;
 833 }
 834 .error .txt{
 835 font-size:100%;
 836 color:#F00;
 837 font-weight:bold;
 838 text-align:right;
 839 padding-right:10px;
 840 padding-left:44px;
 841 width:35px;
 842 }
 843 .error table{
 844 position:relative;
 845 }
 846 .error table td{
 847 vertical-align:top;
 848 }
 849 .error .list-errors {
 850 padding:0;
 851 display:block;
 852 clear:both;
 853 left:-1px;
 854 position:relative;
 855 }
 856 .error .list-errors li {
 857 list-style:none;
 858 background:url(../images/dash.gif) no-repeat 0 50%;
 859 padding-left:12px;
 860 }
 861 .error p,
 862 .error ul{
 863 padding-left:0;
 864 }
 865 .error p{
 866 padding-top:0;
 867 margin-top:0;
 868 }
 869 .info {
 870 background:#9CF url(../images/icon_info.gif) no-repeat;
 871 }
 872 .confirmation {
 873 background:#9CF url(../images/icon_confirmation.gif) no-repeat;
 874 }
 875 .alert {
 876 background:#9CF url(../images/icon_alert.gif) no-repeat;
 877 }
 878 .help {
 879 background:#9CF url(../images/icon_help.gif) no-repeat;
 880 }
 881
 882 /*---------------------mRT: Return to Top---------------------------*/
 883 .mRT {
 884 margin:10px 0;
 885 clear:both;
 886 display:block;
 887 }
 888 .mRT a {
 889 background:url(../images/return_to_top.gif) no-repeat 0 2px;
 890 padding-left:15px;
 891 }
 892 /*---------------------mPW:Please Wait------------------------------*/
 893 .mPW {
 894 border-top:1px #666 solid;
 895 border-bottom:1px #666 solid;
 896 background:#FFF;
 897 padding:10px;
 898 text-align:center;
 899 height:auto;
 900 width:auto;
 901 clear:both;
 902 display:block;
 903 margin:10px 0px;
 904 }
 905 .icon-wait {
 906 background:url(../images/please_wait.gif) no-repeat 50% 100%;
 907 width:100px;
 908 height:20px;
 909 margin-left:auto;
 910 margin-right:auto;
 911 clear:both;
 912 display:block;
 913 }
 914
 915 /*---------------------mDL: Data List-------------------------------*/
 916 .mDL{
 917 width:100%;
 918 margin:10px 0;
 919 }
 920 .mDL td{
 921 padding:4px 0px 4px 10px;
 922 }
 923 .mDL th{
 924 background:#369;
 925 color:#FFF;
 926 text-align:left;
 927 padding:2px 5px;
 928 }
 929 .mDL .label{
 930 text-align:right;
 931 }
 932 .mDL .total{  /*are these being duplicated?*/
 933 text-align:right;
 934 font-weight:bold;
 935 padding-right:10px;
 936 }
 937 .mDL .decimal{
 938 text-align:right;
 939 padding-right:10px;
 940 }
 941
 942 /*------------------mDDL: Double Data List--------------------------*/
 943 .mDDL .plain{
 944 margin-bottom:10px !important;
 945 }
 946 .mDDL{
 947 width:100%;
 948 margin:10px 0;
 949 }
 950 .mDDL td{
 951 padding:4px 0px 4px 10px;
 952 }
 953 .mDDL th{
 954 background:#369;
 955 color:#FFF;
 956 text-align:left;
 957 padding:2px 5px;
 958 }
 959 .mDDL .label{
 960 text-align:right;
 961 }
 962 .mDDL .total{
 963 text-align:right;
 964 font-weight:bold;
 965 padding-right:10px;
 966 }
 967 .mDDL .decimal{
 968 text-align:right;
 969 padding-right:10px;
 970 }
 971
 972 /*------------------------mCA: Contact-------------------------*/
 973 .mCA{
 974 position:relative;
 975 width:50%;
 976 height:auto;
 977 margin:10px 0;
 978 }
 979 .mCA .number {
 980 position:relative;
 981 }
 982 .mCA .mail{
 983 font-weight:bold;
 984 position:relative;
 985 background:inherit;
 986 }
 987 .mCA address{
 988 margin-left:150px;
 989 font-weight:normal;
 990 font-style:normal;
 991 }
 992
 993
 994 /*----------mDSR:Data Summary/Review Verification-------------------*/
 995 .mDSR {
 996 border-bottom:1px #000 solid;
 997 width:100%;
 998 margin:10px 0;
 999 }
1000 .mDSR th {
1001 text-align:left;
1002 padding:4px 6px;
1003 }
1004 .mDSR td {
1005 text-align:left;
1006 padding:4px 4px;
1007 vertical-align:top;
1008 }
1009 th a{
1010 font-weight:normal;
1011 margin-left:5px;
1012 }
1013
1014 /*---------------------mLL: Link Listing----------------------------*/
1015 .mLL {
1016 margin:10px 0;
1017 width:100%;
1018 display:block;
1019 height:auto;
1020 position:relative;
1021 clear:both;
1022 float:none;
1023 }
1024 .mLL ul{
1025 margin:0;
1026 padding:10px 0px;
1027 width:45%;
1028 position:relative;
1029 }
1030 .mLL ul li{
1031 list-style:none;
1032 border:0;
1033 margin:0;
1034 padding-bottom:2px;
1035 }
1036
1037
1038 /*-----------------mPN: Pagination/Navigation-----------------------*/
1039 .mPN{
1040 position:relative;
1041 display:block;
1042 clear:both;
1043 height:45px;
1044 margin:10px 0;
1045 white-space:nowrap;
1046 }
1047 .mPN p,
1048 .mPN label {
1049 line-height:160% !important;
1050 padding:0;
1051 margin:0;
1052 border:0;
1053 vertical-align:top;
1054 }
1055 .mPN .current{
1056 font-weight:bold;
1057 }
1058 .mPN a{
1059 font-weight:bold;
1060 }
1061 .mPN .left,.mPN .right{
1062 float:left;
1063 vertical-align:top;
1064 height:100%;
1065 color:#999;
1066 font-weight:bold;
1067 }
1068 .mPN .left{
1069 padding-right:40px;
1070 }
1071 .mPN .right{
1072 padding-left:45px;
1073 }
1074 .mPN .middle{
1075 float:left;
1076 text-align:left;
1077 height:100%;
1078 padding-top:0px;
1079 }
1080 .mPN input.text{
1081 vertical-align:top;
1082 }
1083
1084 /*-----------------mSN: Simple Navigation---------------------------*/
1085 .mSN{
1086 padding:5px 0 !important;
1087 margin:0;
1088 border:0;
1089 width:90%;
1090 }
1091 .mSN *{  /*IE Hack to fix jumping*/
1092 position:relative;
1093 top:0;
1094 left:0;
1095 }
1096 .mSN ul{
1097 clear:both;
1098 width:80%;
1099 margin:0 !important;
1100 left:15px;
1101 }
1102 .mSN li {
1103 list-style:none;
1104 padding-bottom:3px;
1105 }
1106
1107 /*----------------------mTC: Task Confirmation----------------------*/
1108 .mTC{
1109 border:1px #9CF solid;
1110 border-top:0;
1111 margin:10px 0;
1112 min-width:300px;
1113 }
1114 .mTC ul{
1115 margin-left:65px;
1116 }
1117 .mTC p{
1118 margin-left:60px;
1119 }
1120 .mTC table{
1121 padding:0;
1122 margin:0;
1123 border:0;
1124 margin-left:58px;
1125 }
1126 .mTC h2{
1127 position:relative;
1128 top:0;
1129 left:0;
1130 width:auto;
1131 background:#9CF url(../images/banner-confirmation.gif) repeat-x 0 0;
1132 padding:12px 10px 12px 60px;
1133 font-size:100%;
1134 font-weight:normal;
1135 margin-bottom:10px;
1136 }
1137
1138 /*--------------------mHL: Helpful Links (new)----------------------*/
1139 .mHL{
1140 border-top:1px #333 solid;
1141 border-bottom:1px #333 solid;
1142 padding:10px 0;
1143 margin-bottom:10px;
1144 }
1145 .mHL h3{
1146 font-size:100%;
1147 }
1148 .mHL ul{
1149 margin-left:65px;
1150 }
1151
1152 /*--------------------mTI: Task Instructions------------------------*/
1153 .mTI{
1154 display:block;
1155 clear:both;
1156 margin:10px 0;
1157 }
1158 .mTI ul{
1159 position:relative;
1160 display:block;
1161 left:.1em;
1162 padding:0;
1163 border:0;
1164 }
1165 /*---------------bSWN: Secondary Window Navigation------------------*/
1166 .bSWN{
1167 padding:10px 0;
1168 border-top:1px #369 solid;
1169 }
1170
1171 /*----------------mSD: Status Dashboard-----------------------------*/
1172 .mSD{
1173 border:1px #369 solid;
1174 margin:10px 0;
1175 width:100%;
1176 }
1177 .mSD th{
1178 background:#369;
1179 color:#FFF;
1180 text-align:left;
1181 padding:2px 5px;
1182 }
1183
1184 /*----------------mSDL: Summary Data Listing-----------------------*/
1185 .mSDL{
1186 border:1px #369 solid;
1187 margin:10px 0;
1188 min-width:250px;
1189 width:100%;
1190 }
1191 .mSDL td{
1192 border:0;
1193 margin:0;
1194 padding:2px 0 2px 8px;
1195 vertical-align:middle;
1196 }
1197 .mSDL th{
1198 background:#369;
1199 color:#FFF;
1200 text-align:left;
1201 padding:2px 5px;
1202 }
1203 .mSDL .value{
1204 text-align:right;
1205 }
1206
1207 /*----------------------mDEE: Data Entry/Edit ----------------------*/
1208 .mDEE{
1209 margin:10px 0;
1210 width:100%;
1211 }
1212 table.mDEE{
1213 border:1px #369 solid;
1214 }
1215 .mDEE td{
1216 border:0;
1217 margin:0;
1218 padding:5px 0;
1219 vertical-align:middle;
1220 }
1221 .mDEE th{
1222 background:#369;
1223 color:#FFF;
1224 text-align:left;
1225 padding:2px 5px;
1226 }
1227 .nopad{
1228 padding:0 !important;
1229 border:0;
1230 margin:0;
1231 width:100%;
1232 }
1233 .desc {
1234 text-align:right;
1235 }
1236
1237 /*---------------------Supporting Text------------------------------*/
1238 .mST{
1239 margin:10px 0;
1240 display:block;
1241 clear:both;
1242 }
1243
1244 /*------------------------tPH: Page header--------------------------*/
1245 .tPH {
1246 margin:10px 100px 1px 10px;
1247 display:block;
1248 clear:both;
1249 }
1250
1251 /*----------------Topic index found in pHW2.html--------------------*/
1252 .topic-index{
1253 padding:0;
1254 margin:5px 0;
1255 width:100%;
1256 height:14px;
1257 display:block;
1258 clear:both;
1259 position:relative;
1260 top:0;
1261 left:0;
1262 }
1263 .topic-index li{
1264 list-style:none;
1265 float:left;
1266 margin-right:25px;
1267 padding:0;
1268 border:0;
1269 }
1270 .topic-index li a{
1271 padding-left:10px;
1272 background:url(../images/arrow_down_alt.gif) no-repeat 0 50%;
1273 }
1274 .alt li a{
1275 padding-left:10px;
1276 background:url(../images/arrow_down_alt2.gif) no-repeat 0 50%;
1277 }
1278
1279 /*------------------Freezing header mods for NS7------------------- */
1280 div[class="class_float"] table {
1281 padding:0;
1282 margin:0;
1283 border:1px #CCC solid !important;
1284 background:#369;
1285 width:100%;
1286 }
1287 div[class="class_float"] th {
1288 margin:0;
1289 border-right:0;
1290 border-bottom:0;
1291 vertical-align:middle;
1292 }
1293 .headerRow nobr{
1294 border-left:2px #369 solid;
1295 }
1296
1297 /*------------------mSD:Status Dashboard----------------------------*/
1298 .data-mSD{
1299 width:90%;
1300 margin:0 10px;
1301 }
1302 .data-mSD td{
1303 padding:2px 0 !important;
1304 margin:0 !important;
1305 border:0 !important;
1306 }
1307 .data-mSD .value{
1308 text-align:right !important;
1309 }
1310 .wrap {
1311 white-space:normal;
1312 }
1313 .input-error{
1314 color:#F00;
1315 font-weight:bold;
1316 }
1317
1318
1319 /*-------------------mCC: Convenence Choices------------------------*/
1320 .mCC{
1321 margin:10px 0;
1322 width:100%;
1323 }
1324 table.mCC{
1325 border:1px #369 solid;
1326 }
1327 .mCC td{
1328 border:0;
1329 margin:0;
1330 padding:5px 0;
1331 vertical-align:middle;
1332 }
1333 .mCC th{
1334 background:#369;
1335 color:#FFF;
1336 text-align:left;
1337 padding:2px 5px;
1338 }
1339
1340 /*-----------------------Layout sample pages------------------------*/
1341 .layout-template .col1,
1342 .layout-template .col2,
1343 .layout-template .col3{
1344 background:#efefef;
1345 height:350px;
1346 border:1px #CCC dotted;
1347 text-align:center;
1348 }
1349 .layout-template #grid{
1350 padding-top:10px;
1351 }
1352 .center{
1353 text-align:center;
1354 }
1355
1356 /*----------------------Row Exchange Module-------------------------*/
1357 div.mREX{
1358 border:1px #999 solid;
1359 padding:5px 10px;
1360 margin-bottom:20px;
1361 background:#efefef;
1362 }
1363 h1.mREX{
1364 background:#999;
1365 color:#FFF;
1366 padding:5px 10px;
1367 margin:0;
1368 font-size:100%;
1369 margin-top:20px;
1370 }
1371
1372 /*---------------508 Complaint Skip Navigation Link-----------------*/
1373 #skip{
1374 display:inline;
1375 color:#FFF !important;
1376 text-decoration:none;
1377 font-size:1px;
1378 position:absolute;
1379 top:0;
1380 left:0;
1381 z-index:10;
1382 }
1383 .cal-label{
1384 font-size:90%;
1385 color:#999;
1386 position: relative;
1387 top:4px;
1388 }
1389 caption{
1390 font-weight:bold;
1391 color:#369;
1392 }
1393 #grid a:visited{
1394 text-decoration:none;
1395 border-bottom:1px dotted;
1396 }
1397 .clear{
1398 display:block !imporatn;
1399 clear:both;
1400 }
1401
1402 /*---------------------mTS: Task Steps------------------------------*/
1403 .mTS {
1404 border:1px #9CF solid;
1405 width:140px;
1406 background:#FFF;
1407 margin:10px 0;
1408 }
1409 .mTS h2 {
1410 text-transform:uppercase;
1411 text-align:center;
1412 color:#369;
1413 padding:0px 4px;
1414 margin:0;
1415 border:0;
1416 font-size:100%;
1417 border-bottom:1px #9CF solid;
1418 }
1419 .mTS ul {
1420 margin:0;
1421 border:0;
1422 padding:5px 0;
1423 width:90%;
1424 }
1425 .mTS ul li {
1426 list-style:none;
1427 padding-bottom:8px;
1428 padding-left:20px;
1429 padding-right:5px;
1430 }
1431 .mTS li.current {
1432 font-weight:bold;
1433 background:url(../images/task_arrow_on.gif) no-repeat;
1434 }
1435 .mTS li.complete {
1436 background:url(../images/check.gif) no-repeat;
1437 }