code.grnet.gr Git - flowspy/blob - static/css/base.css

   1 * {
   2     font-family: arial, freesans, clean, sans-serif;
   3     font-size: 12px;
   4 }
   5
   6 html {
   7     height: 100% color: black;
   8 }
   9
  10 #page_wrapper {
  11     margin-left: auto;
  12     margin-right: auto;
  13     width: 1000px;
  14     padding-top: 1em;
  15 }
  16
  17 .errorlist li {
  18     color: red;
  19     font-size: 12px !important;
  20     margin: 0 0 3px;
  21     padding: 4px 5px 4px 25px;
  22         list-style: none outside none;
  23 }
  24
  25 .error{
  26         color: red;
  27         font-weight: bold;
  28 }
  29
  30 #password_change_form label{
  31         display: block;
  32     float: left;
  33     padding: 3px 10px 0 0;
  34     width: 13em;
  35 }
  36
  37 a {
  38     color: #4183C4;
  39     text-decoration: none;
  40     font-weight: bold;
  41 }
  42
  43 a:hover {
  44     text-decoration: underline;
  45 }
  46
  47 #main {
  48     background: url("/static/background_grnet.png") repeat-x scroll 0 0 #FFFFFF;
  49     padding: 0;
  50     margin: 0;
  51 }
  52
  53 #header {
  54     height: 85px;
  55     margin: 0 auto;
  56     width: 990px;
  57 }
  58
  59 .logoimg {
  60     border: 0 none;
  61     position: absolute;
  62     left: 0;
  63     top: 0;
  64 }
  65
  66 #header .grnetlogo {
  67     left: 10px;
  68     top: 18px;
  69     position: relative;
  70 }
  71
  72 .loginform {
  73     border-top: medium none;
  74     font-size: 12px;
  75     padding: 2px;
  76     float: right;
  77     -moz-border-radius: 5px 5px 5px 5px;
  78     border-radius: 5px;
  79     -webkit-border-radius: 5px;
  80     -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  81     -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  82     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  83         background: url("/static/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
  84     border-color: #E9E9E9 #E9E9E9 #F5F5F5;
  85     border-style: solid;
  86     border-width: 1px;
  87         right: 10px;
  88     position: relative;
  89     top: -20px;
  90
  91
  92
  93
  94 }
  95
  96 .topmenuuser{
  97         padding: 4px;
  98 }
  99
 100 .topmenuaction{
 101         padding: 4px;
 102         background: url("/static/rule.png") no-repeat scroll 0 50% transparent;
 103 }
 104
 105 body {
 106         padding-bottom: 2em;
 107         background: white;
 108         margin: 0;
 109 }
 110
 111 #content {
 112         width: 990px;
 113         margin-left: auto;
 114         margin-right: auto;
 115         clear: both;
 116         background: #fafafa;
 117          border: 2px solid #FFFFFF;
 118     -moz-border-radius: 10px 10px 10px 10px;
 119         border-raduis: 10px;
 120         -webkit-border-radius: 10px;
 121     -moz-box-shadow: 0 0 3px #AAAAAA;
 122         -webkit-box-shadow: 0 0 3px #AAAAAA;
 123         box-shadow: 0 0 3px #AAAAAA;
 124     background-color: #F9F9F9;
 125         overflow: hidden;
 126         padding-bottom: 5px;
 127         padding-left: 5px;
 128         min-height: 200px;
 129 }
 130
 131 #title, #title a {
 132         font-size: 18px;
 133         font-weight: bold;
 134         color: #656565;
 135         top: 25px;
 136         left: 50px;
 137         position: relative;
 138         width: 300px;
 139 }
 140
 141 #menu {
 142         height: 28px;
 143         padding-top: 5px;
 144 }
 145
 146 #menu ul {
 147         padding: 0;
 148         margin: 0;
 149         list-style-type: none;
 150         display: inline;
 151 }
 152
 153 #menu ul li {
 154         padding-left: 20px;
 155         display: inline;
 156 }
 157
 158 #menu ul li a {
 159         color: white;
 160         text-decoration: none;
 161 }
 162
 163 #menu ul li a:hover {
 164         font-weight: bold;
 165 }
 166
 167 .conf_table ul {
 168         padding: 0;
 169         margin: 0;
 170         list-style-type: none;
 171         display: inline;
 172 }
 173
 174 #footer, #footer a {
 175         clear: both;
 176         padding-top: 1em;
 177         font-size: 0.9em;
 178         text-align: center;
 179 }
 180
 181 #formcontent {
 182         padding: 2px;
 183         margin-bottom: 0;
 184 }
 185
 186 #formcontent a {
 187         color: #4183C4;
 188 }
 189
 190 #formcontent input {
 191         width: 6em;
 192
 193 }
 194
 195
 196 #pagelist {
 197         text-align: center;
 198         font-weight: bold;
 199         position: fixed;
 200         bottom: 0px;
 201         right: 0px;
 202         background: white;
 203         padding-left: 200px;
 204         width: 100%;
 205         padding-top: 0.5em;
 206         border-top: 1px solid #333;
 207 }
 208
 209 #pagelist a {
 210         text-decoration: none;
 211         color: gray;
 212 }
 213
 214
 215 h3 {
 216         font-size: 1.2em;
 217 }
 218
 219 td {
 220         text-align: left;
 221 }
 222
 223 tr.even {
 224         background: #eaeaea;
 225 }
 226
 227 span.highlighted {
 228         font-weight: bold;
 229         color: red;
 230 }
 231
 232 form.update {
 233         text-align: center;
 234         display: none;
 235 }
 236 form.update textarea {
 237         width: 100%;
 238 }
 239
 240 textarea#id_comments {
 241         width: 80%;
 242 }
 243
 244 .hidden {
 245         display: none;
 246 }
 247
 248 .center_text {
 249         text-align: center;
 250 }
 251
 252 #searchform {
 253         width: 300px;
 254         margin-left: auto;
 255         margin-right: auto;
 256         text-align: center;
 257 }
 258
 259 .info_content_title {
 260     background-color: #F0F0F0;
 261     border-bottom: 1px solid #FFFFFF;
 262     border-top: 1px solid #D9D9D9;
 263     color: #666666;
 264     font-size: 12px;
 265     font-weight: bold;
 266     margin: 20px 0;
 267     padding: 5px 0 5px 10px;
 268     text-align: left;
 269     text-shadow: 1px 1px 1px #FFFFFF;
 270     width: 100%;
 271 }
 272
 273 .row_container{
 274         background-color: white;
 275         clear: both;
 276         overflow: auto;
 277         width: 988px;
 278         border: 1px solid black;
 279 }
 280 .row1{
 281         float: left;
 282         width: 300px;
 283 }
 284 .row1_content{
 285         -moz-border-radius: 5px 5px 5px 5px;
 286         -webkit-border-radius: 5px;
 287     border-radius: 5px;
 288     -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 289         -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 290         box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 291         background: url("/static/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
 292     border-color: #E9E9E9 #E9E9E9 #F5F5F5;
 293     border-style: solid;
 294     border-width: 1px;
 295         padding: 4px;
 296         margin: 0 auto;
 297         width: 50%;
 298         position: relative;
 299         top: 20px;
 300 }
 301 .row2{
 302         float: left;
 303         width: 300px;
 304 }
 305 .row3{
 306         float: left;
 307         width: 300px;
 308 }
 309 .row1_table_content{
 310         -moz-border-radius: 5px 5px 5px 5px;
 311         -webkit-border-radius: 5px;
 312     border-radius: 5px;
 313     -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 314         -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 315         box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 316         background: url("/static/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
 317     border-color: #E9E9E9 #E9E9E9 #F5F5F5;
 318     border-style: solid;
 319     border-width: 1px;
 320         padding: 3px;
 321         margin: 0 auto;
 322         text-align: left;
 323
 324 }
 325 .actions_table{
 326         background-color: #FFF0DF;
 327         border-collapse: collapse;
 328         border: 1px solid #D9D9D9;
 329         float: right;
 330         margin: 5px;
 331         min-width: 330px;
 332         width: 100%;
 333 }
 334 .actions_table td{
 335         padding: 5px;
 336 }
 337 .instances_table{
 338         border-collapse: collapse;
 339         float: right;
 340         /*
 341 margin: 1px;
 342 */
 343 }
 344 .instances_table td{
 345         border: 1px solid #D9D9D9;
 346         padding: 5px;
 347 }
 348 .instances_table th{
 349         border: 1px solid #D9D9D9;
 350         padding: 5px;
 351 }
 352 .instance_name{
 353         text-align: left;
 354 }
 355 #title a:hover{
 356         text-decoration: none;
 357 }
 358 .table_title{
 359         background: url("/static/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
 360 }
 361 .inner_table{
 362         border-collapse: collapse;
 363         width:100%;
 364         height:100%;
 365 }
 366 .inner_table_holder{
 367         padding: 0px !important;
 368 }
 369 .table_top_header{
 370         background: url("/static/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;
 371 }
 372 .borderless{
 373         border: 0 none !important;
 374 }
 375 .inner_category{
 376         width: 35%;
 377         background: url("/static/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
 378         border-left: 0 none !important;
 379 }
 380 .no_brd_right{
 381         border-right: 0 none !important;
 382 }
 383 .no_brd_top{
 384         border-top: 0 none !important;
 385 }
 386 .no_brd_btm{
 387         border-bottom: 0 none !important;
 388 }
 389
 390 #fl_l{
 391         float: left;
 392         width: 42%
 393 }
 394 #configuration {
 395         width: 58%;
 396         float: left;
 397         text-align: center;
 398 }
 399
 400 #configuration form  {
 401         margin-left: auto;
 402         margin-right: auto;
 403         max-width: 800px;
 404 }
 405
 406 #configuration th {
 407         text-align: right;
 408 }
 409
 410 #configuration td {
 411         text-align: left;
 412 }
 413
 414 #configuration input[type="text"] {
 415         width: 22em;
 416 }
 417 .conf_table th{
 418         font-weight: normal;
 419         background-color: #ECECEC; /* fallback color if gradients are not supported */
 420         background: url("/static/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
 421         border-bottom: 1px solid #D9D9D9;
 422 }
 423 .conf_table{
 424         float: right;
 425         margin: 5px;
 426         border: 1px solid #D9D9D9;
 427         border-collapse: collapse;
 428         width: 100%;
 429 }
 430 .conf_table td{
 431         border-bottom: 1px solid #D9D9D9;
 432
 433 }
 434 .conf_table .table_topper_header{
 435         font-weight: bold;
 436         background: url("/static/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;
 437 }
 438 .instance_det_table{
 439         border-collapse: collapse;
 440         clear: both;
 441         width: 400px;
 442         margin: 5px;
 443 }
 444 .instance_det_table td{
 445         border: 1px solid #D9D9D9;
 446         padding: 5px;
 447 }
 448 .instance_det_table th{
 449         border: 1px solid #D9D9D9;
 450         padding: 5px;
 451 }
 452
 453
 454
 455 #cluster_overview_table_wrapper{
 456         width: 100%;
 457 }
 458
 459
 460 .paging_two_button .ui-button {
 461         float: left;
 462         cursor: pointer;
 463         * cursor: hand;
 464 }
 465
 466 .paging_full_numbers .ui-button {
 467         padding: 2px 6px;
 468         margin: 0;
 469         cursor: pointer;
 470         * cursor: hand;
 471 }
 472
 473 .dataTables_paginate .ui-button {
 474         margin-right: -0.1em !important;
 475 }
 476
 477 .paging_full_numbers {
 478         width: 350px !important;
 479 }
 480
 481 .dataTables_wrapper .ui-toolbar {
 482         padding: 5px;
 483 }
 484
 485 .dataTables_paginate {
 486         width: auto;
 487 }
 488
 489 .dataTables_info {
 490         padding-top: 3px;
 491 }
 492
 493 table.display thead th {
 494         padding: 3px 0px 3px 10px;
 495         cursor: pointer;
 496         * cursor: hand;
 497 }
 498
 499 div.dataTables_wrapper .ui-widget-header {
 500         font-weight: normal;
 501 }
 502
 503
 504 /*
 505  * Sort arrow icon positioning
 506  */
 507 table.display thead th div.DataTables_sort_wrapper {
 508         position: relative;
 509         padding-right: 20px;
 510         padding-right: 20px;
 511 }
 512
 513 table.display thead th div.DataTables_sort_wrapper span {
 514         position: absolute;
 515         top: 50%;
 516         margin-top: -8px;
 517         right: 0;
 518 }
 519
 520
 521 .dataTables_wrapper {
 522         position: relative;
 523         min-height: 302px;
 524         float: left;
 525         clear: both;
 526         _height: 302px;
 527         width: 100%;
 528         zoom: 1; /* Feeling sorry for IE */
 529 }
 530
 531 .dataTables_processing {
 532         position: absolute;
 533         top: 50%;
 534         left: 50%;
 535         width: 250px;
 536         height: 30px;
 537         margin-left: -125px;
 538         margin-top: -15px;
 539         padding: 14px 0 2px 0;
 540         border: 1px solid #ddd;
 541         text-align: center;
 542         color: #999;
 543         font-size: 14px;
 544         background-color: white;
 545 }
 546
 547 .dataTables_length {
 548         width: 40%;
 549         float: left;
 550 }
 551
 552 .dataTables_filter {
 553         width: 50%;
 554         float: right;
 555         text-align: right;
 556 }
 557
 558 .dataTables_info {
 559         width: 60%;
 560         float: left;
 561 }
 562
 563 .dataTables_paginate {
 564         width: 44px;
 565         * width: 50px;
 566         float: right;
 567         text-align: right;
 568 }
 569
 570 /* Pagination nested */
 571 .paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
 572         height: 19px;
 573         width: 19px;
 574         margin-left: 3px;
 575         float: left;
 576 }
 577
 578 .paginate_disabled_previous {
 579         background-image: url('../images/back_disabled.jpg');
 580 }
 581
 582 .paginate_enabled_previous {
 583         background-image: url('../images/back_enabled.jpg');
 584 }
 585
 586 .paginate_disabled_next {
 587         background-image: url('../images/forward_disabled.jpg');
 588 }
 589
 590 .paginate_enabled_next {
 591         background-image: url('../images/forward_enabled.jpg');
 592 }
 593
 594
 595
 596
 597 table.display {
 598         margin: 0 auto;
 599         clear: both;
 600         width: 100%;
 601         border-collapse: collapse;
 602
 603 }
 604
 605 table.display thead th {
 606         padding: 3px 18px 3px 10px;
 607         font-weight: normal;
 608         cursor: pointer;
 609         * cursor: hand;
 610 }
 611
 612 table.display tfoot th {
 613         padding: 3px 18px 3px 10px;
 614         border-top: 1px solid black;
 615         font-weight: bold;
 616 }
 617
 618 table.display tr.heading2 td {
 619         border-bottom: 1px solid #aaa;
 620 }
 621
 622 table.display td {
 623         padding: 3px 10px;
 624 }
 625
 626 table.display td a {
 627         font-weight: normal;
 628 }
 629
 630 table.display td.center {
 631         text-align: center;
 632 }
 633
 634 table.display tfoot th {
 635         padding: 3px 0px 3px 10px;
 636         font-weight: bold;
 637         font-weight: normal;
 638 }
 639
 640 table.display tr.heading2 td {
 641         border-bottom: 1px solid #aaa;
 642 }
 643
 644 table.display td {
 645         padding: 3px 10px;
 646 }
 647
 648 table.display td.center {
 649         text-align: center;
 650 }
 651
 652 .sorting_asc {
 653         background: url('../images/sort_asc.png') no-repeat center right;
 654 }
 655
 656 .sorting_desc {
 657         background: url('../images/sort_desc.png') no-repeat center right;
 658 }
 659
 660 .sorting {
 661         background: url('../images/sort_both.png') no-repeat center right;
 662 }
 663
 664 .sorting_asc_disabled {
 665         background: url('../images/sort_asc_disabled.png') no-repeat center right;
 666 }
 667
 668 .sorting_desc_disabled {
 669         background: url('../images/sort_desc_disabled.png') no-repeat center right;
 670 }
 671
 672 table.display tr.odd.gradeA {
 673         background-color: #EEEEEE;
 674 }
 675
 676 table.display tr.even.gradeA {
 677         background-color: #F6F6F6;
 678 }
 679
 680 table.display tr.odd.gradeC {
 681         background-color: #ddddff;
 682 }
 683
 684 table.display tr.even.gradeC {
 685         background-color: #eeeeff;
 686 }
 687
 688 table.display tr.odd.gradeX {
 689         background-color: #ffdddd;
 690 }
 691
 692 table.display tr.even.gradeX {
 693         background-color: #ffeeee;
 694 }
 695
 696 table.display tr.odd.gradeU {
 697         background-color: #ddd;
 698 }
 699
 700 table.display tr.even.gradeU {
 701         background-color: #eee;
 702 }
 703
 704
 705 tr.odd {
 706         background-color: #E2E4FF;
 707 }
 708
 709 tr.even {
 710         background-color: white;
 711 }
 712
 713 .dataTables_scroll {
 714         clear: both;
 715 }
 716
 717 .dataTables_scrollBody {
 718         *margin-top: -1px;
 719 }
 720
 721 .top, .bottom {
 722         padding: 15px;
 723         background-color: #F5F5F5;
 724         border: 1px solid #CCCCCC;
 725 }
 726
 727 .top .dataTables_info {
 728         float: none;
 729 }
 730
 731 .clear {
 732         clear: both;
 733 }
 734
 735 .dataTables_empty {
 736         text-align: center;
 737 }
 738
 739 tfoot input {
 740         margin: 0.5em 0;
 741         width: 100%;
 742         color: #444;
 743 }
 744
 745 tfoot input.search_init {
 746         color: #999;
 747 }
 748
 749 td.group {
 750         background-color: #d1cfd0;
 751         border-bottom: 2px solid #A19B9E;
 752         border-top: 2px solid #A19B9E;
 753 }
 754
 755 td.details {
 756         background-color: #d1cfd0;
 757         border: 2px solid #A19B9E;
 758 }
 759
 760
 761 .example_alt_pagination div.dataTables_info {
 762         width: 40%;
 763 }
 764
 765 .paging_full_numbers {
 766         width: 400px;
 767         height: 22px;
 768         line-height: 22px;
 769 }
 770
 771 .paging_full_numbers span.paginate_button,
 772         .paging_full_numbers span.paginate_active {
 773         border: 1px solid #aaa;
 774         -webkit-border-radius: 5px;
 775         -moz-border-radius: 5px;
 776         padding: 2px 5px;
 777         margin: 0 3px;
 778         cursor: pointer;
 779         *cursor: hand;
 780 }
 781
 782 .paging_full_numbers span.paginate_button {
 783         background-color: #ddd;
 784 }
 785
 786 .paging_full_numbers span.paginate_button:hover {
 787         background-color: #ccc;
 788 }
 789
 790 .paging_full_numbers span.paginate_active {
 791         background-color: #99B3FF;
 792 }
 793
 794 table.display tr.even.row_selected td {
 795         background-color: #B0BED9;
 796 }
 797
 798 table.display tr.odd.row_selected td {
 799         background-color: #9FAFD1;
 800 }
 801
 802 tr.odd td.sorting_1 {
 803         background-color: #D3D6FF;
 804 }
 805
 806 tr.odd td.sorting_2 {
 807         background-color: #DADCFF;
 808 }
 809
 810 tr.odd td.sorting_3 {
 811         background-color: #E0E2FF;
 812 }
 813
 814 tr.even td.sorting_1 {
 815         background-color: #EAEBFF;
 816 }
 817
 818 tr.even td.sorting_2 {
 819         background-color: #F2F3FF;
 820 }
 821
 822 tr.even td.sorting_3 {
 823         background-color: #F9F9FF;
 824 }
 825
 826 tr.odd.gradeA td.sorting_1 {
 827         background-color: #E1E1E1;
 828 }
 829
 830 tr.odd.gradeA td.sorting_2 {
 831         background-color: #E8E8E8;
 832 }
 833
 834 tr.odd.gradeA td.sorting_3 {
 835         background-color: #E8E8E8;
 836 }
 837
 838 tr.even.gradeA td.sorting_1 {
 839         background-color: #EAEAEA;
 840 }
 841
 842 tr.even.gradeA td.sorting_2 {
 843         background-color: #F0F0F0;
 844 }
 845
 846 tr.even.gradeA td.sorting_3 {
 847         background-color: #F0F0F0;
 848 }
 849
 850 tr.odd.gradeC td.sorting_1 {
 851         background-color: #c4c4ff;
 852 }
 853
 854 tr.odd.gradeC td.sorting_2 {
 855         background-color: #d1d1ff;
 856 }
 857
 858 tr.odd.gradeC td.sorting_3 {
 859         background-color: #d1d1ff;
 860 }
 861
 862 tr.even.gradeC td.sorting_1 {
 863         background-color: #d5d5ff;
 864 }
 865
 866 tr.even.gradeC td.sorting_2 {
 867         background-color: #e2e2ff;
 868 }
 869
 870 tr.even.gradeC td.sorting_3 {
 871         background-color: #e2e2ff;
 872 }
 873
 874 tr.odd.gradeX td.sorting_1 {
 875         background-color: #ffc4c4;
 876 }
 877
 878 tr.odd.gradeX td.sorting_2 {
 879         background-color: #ffd1d1;
 880 }
 881
 882 tr.odd.gradeX td.sorting_3 {
 883         background-color: #ffd1d1;
 884 }
 885
 886 tr.even.gradeX td.sorting_1 {
 887         background-color: #ffd5d5;
 888 }
 889
 890 tr.even.gradeX td.sorting_2 {
 891         background-color: #ffe2e2;
 892 }
 893
 894 tr.even.gradeX td.sorting_3 {
 895         background-color: #ffe2e2;
 896 }
 897
 898 tr.odd.gradeU td.sorting_1 {
 899         background-color: #c4c4c4;
 900 }
 901
 902 tr.odd.gradeU td.sorting_2 {
 903         background-color: #d1d1d1;
 904 }
 905
 906 tr.odd.gradeU td.sorting_3 {
 907         background-color: #d1d1d1;
 908 }
 909
 910 tr.even.gradeU td.sorting_1 {
 911         background-color: #d5d5d5;
 912 }
 913
 914 tr.even.gradeU td.sorting_2 {
 915         background-color: #e2e2e2;
 916 }
 917
 918 tr.even.gradeU td.sorting_3 {
 919         background-color: #e2e2e2;
 920 }
 921
 922 .ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
 923         background-color: #ECFFB3;
 924 }
 925
 926 .ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
 927         background-color: #E6FF99;
 928 }
 929
 930 .ex_highlight_row #example tr.even:hover {
 931         background-color: #ECFFB3;
 932 }
 933
 934 .ex_highlight_row #example tr.even:hover td.sorting_1 {
 935         background-color: #DDFF75;
 936 }
 937
 938 .ex_highlight_row #example tr.even:hover td.sorting_2 {
 939         background-color: #E7FF9E;
 940 }
 941
 942 .ex_highlight_row #example tr.even:hover td.sorting_3 {
 943         background-color: #E2FF89;
 944 }
 945
 946 .ex_highlight_row #example tr.odd:hover {
 947         background-color: #E6FF99;
 948 }
 949
 950 .ex_highlight_row #example tr.odd:hover td.sorting_1 {
 951         background-color: #D6FF5C;
 952 }
 953
 954 .ex_highlight_row #example tr.odd:hover td.sorting_2 {
 955         background-color: #E0FF84;
 956 }
 957
 958 .ex_highlight_row #example tr.odd:hover td.sorting_3 {
 959         background-color: #DBFF70;
 960 }
 961
 962 table.KeyTable td {
 963         border: 3px solid transparent;
 964 }
 965
 966 table.KeyTable td.focus {
 967         border: 3px solid #3366FF;
 968 }
 969
 970 table.display tr.gradeA {
 971         background-color: #eeffee;
 972 }
 973
 974 table.display tr.gradeC {
 975         background-color: #ddddff;
 976 }
 977
 978 table.display tr.gradeX {
 979         background-color: #ffdddd;
 980 }
 981
 982 table.display tr.gradeU {
 983         background-color: #ddd;
 984 }
 985
 986 div.box {
 987         height: 100px;
 988         padding: 10px;
 989         overflow: auto;
 990         border: 1px solid #8080FF;
 991         background-color: #E5E5FF;
 992 }
 993
 994 #messages {
 995         position: relative;
 996         top: -21px;
 997         text-align: center;
 998         padding-top: 0.4em;
 999         padding-bottom: 0.4em;
1000         background-color: #d5ffd5;
1001         border-top: 1px solid #a5afa5;
1002         border-bottom: 1px solid #a5afa5;
1003 }
1004
1005 #welcome {
1006         float: left;
1007         padding: 0.5em;
1008         width: 45%;
1009 }
1010
1011 #loginform {
1012         margin-left: 50%;
1013         text-align: center;
1014         border-left: 1px solid #aaa;
1015 }
1016
1017 #loginform table {
1018         margin-left: auto;
1019         margin-right: auto;
1020 }