theme/standard/styles_layout.css

   1 /*******************************************************************
   2  styles_layout.css
   3
   4  This CSS file contains all layout definitions like positioning,
   5  floats, margins, padding, borders etc.
   6
   7  Styles are organised into the following sections:
   8   core
   9   forms
  10   header
  11   footer
  12
  13   admin
  14   blocks
  15   blog
  16   calendar
  17   course
  18   doc
  19   grades
  20   login
  21   message
  22   notes
  23   mymoodle
  24   question
  25   tabs
  26   tags
  27   user
  28
  29   various modules
  30
  31 *******************************************************************/
  32
  33
  34 /***
  35  *** Core
  36  ***/
  37
  38 h1.main,
  39 h2.main,
  40 h3.main,
  41 h4.main,
  42 h5.main,
  43 h6.main {
  44   text-align: center;
  45 }
  46
  47 #layout-table {
  48   width:100%;
  49   border-collapse:separate;
  50   margin-top: 8px;
  51 }
  52
  53 #layout-table #left-column,
  54 #layout-table #middle-column,
  55 #layout-table #right-column
  56 {
  57   vertical-align:top;
  58 }
  59
  60 #layout-table #middle-column {
  61   padding-left:12px;
  62   padding-right:12px;
  63 }
  64
  65 .clearer {
  66   clear:both;
  67   margin:0;
  68   padding:0;
  69   height:1px;
  70   border:none;
  71   background:transparent;
  72   display:block;
  73 }
  74
  75 .clearfix {
  76   min-width: 0;
  77   /* overflow: hidden; */
  78 }
  79
  80 .clearfix:after {
  81   /* content: "<!-- -->";  */
  82   content: ".";
  83   display: block;
  84   height: 0;
  85   clear: both;
  86   visibility: hidden;
  87 }
  88
  89 #redirect {
  90   text-align: center;
  91 }
  92
  93 #redirect #message {
  94
  95 }
  96
  97 #redirect #continue {
  98
  99 }
 100
 101 /* .clearfix {display: inline-table;} */
 102
 103 /* Hides from IE-mac \*/
 104 * html .clearfix {height: 1%;}
 105 .clearfix {display: block;}
 106 /* End hide from IE-mac */
 107
 108 .mdl-align {
 109   text-align: center;
 110 }
 111
 112 .continuebutton {
 113   text-align: center;
 114 }
 115
 116 form {
 117   margin-bottom:0;
 118 }
 119
 120 table {
 121   border-spacing: 0;
 122   border-collapse: collapse;
 123 }
 124
 125 a img {
 126   border:none;
 127 }
 128
 129 img.userpicture,
 130 img.grouppicture {
 131   border: 0;
 132 }
 133
 134 #grouppicture {
 135   text-align: center;
 136 }
 137
 138 div.groupselector {
 139   float: left;
 140   margin-top: 3px;
 141   margin-bottom: 3px;
 142 }
 143
 144 #addmembersform table {
 145   margin-left: auto;
 146   margin-right: auto;
 147 }
 148
 149 .notifyproblem {
 150   text-align: center;
 151   padding: 10px;
 152 }
 153
 154 .notifysuccess {
 155   text-align:center;
 156   padding: 10px;
 157 }
 158
 159 .notifytiny {
 160   text-align:left;
 161   padding: 0;
 162 }
 163
 164 .singlebutton form,
 165 .singlebutton div {
 166   display:inline;
 167 }
 168
 169 .box {
 170   clear: both;
 171 }
 172
 173 .generalbox {
 174   border-width:1px;
 175   border-style:solid;
 176   margin-bottom: 15px;
 177   padding:10px;
 178 }
 179
 180 .generalbox#intro {
 181   width:70%;
 182   margin-left:auto;
 183   margin-right:auto;
 184   padding-bottom:15px;
 185 }
 186
 187 .boxaligncenter {
 188   margin-left:auto;
 189   margin-right:auto;
 190 }
 191
 192 .boxalignright {
 193   margin-left:auto;
 194   margin-right:0;
 195 }
 196
 197 .boxalignleft {
 198   margin-left:0;
 199   margin-right:auto;
 200 }
 201
 202 .boxwidthnarrow {
 203   width: 30%
 204 }
 205
 206 .boxwidthnormal {
 207   width: 50%
 208 }
 209
 210 .boxwidthwide {
 211   width: 80%
 212 }
 213
 214 .centerpara {
 215   text-align:center
 216 }
 217
 218 .noticebox {
 219   border-width:1px;
 220   border-style:solid;
 221   padding:10px;
 222 }
 223
 224 #notice.generalbox {
 225   width: 60%;
 226   margin-left:auto;
 227   margin-right:auto;
 228 }
 229
 230 #notice .buttons {
 231   text-align:center
 232 }
 233
 234 #notice .buttons div,
 235 #notice .buttons form {
 236   display:inline;
 237 }
 238
 239 #notice .singlebutton {
 240   text-align:center;
 241   padding: 5px;
 242   margin: 0px;
 243 }
 244
 245 .errorbox {
 246   border-width:1px;
 247   border-style:solid;
 248   margin: 1em 15%;
 249   width: 70%;
 250   padding:10px;
 251 }
 252
 253 .errorbox .title {
 254   padding: 5px;
 255 }
 256
 257 .informationbox {
 258   border-width:1px;
 259   border-style:solid;
 260   padding: 10px;
 261 }
 262
 263 .feedbackbox {
 264   border-width:1px;
 265   border-style:solid;
 266 }
 267
 268 .feedbackby {
 269 }
 270
 271 .feedback {
 272 }
 273
 274 .rsslink {
 275   padding:  0 0 0 0.3em;
 276 }
 277
 278 .printicon {
 279   padding:  0 0 0 0.3em;
 280 }
 281
 282 .generaltable {
 283   border-width: 1px;
 284   border-style: solid;
 285 }
 286
 287 .generaltable .cell {
 288   border-width: 1px;
 289   border-style: solid;
 290   border-collapse: collapse;
 291 }
 292
 293 #participationreport .reporttable {
 294   text-align: center;
 295   margin-left:auto;
 296   margin-right:auto;
 297 }
 298
 299 #participationreport {
 300   text-align: center;
 301 }
 302
 303 #participationreport .modulename {
 304   font-weight: bold;
 305 }
 306
 307 #participationreportselector {
 308   text-align: center;
 309 }
 310
 311 #participationreportactions {
 312   text-align: center;
 313 }
 314
 315 .initialbar {
 316   text-align: center;
 317 }
 318
 319 #help .indent {
 320   margin-left:3em;
 321 }
 322
 323 .closewindow,
 324 #help .helpindex {
 325   text-align: center;
 326 }
 327
 328 .tabledivider {
 329   border-width:1px;
 330   border-style:solid;
 331   border-left:0;
 332   border-right:0;
 333   border-top:0;
 334 }
 335
 336 .sitetopic {
 337   margin-bottom:20px;
 338 }
 339
 340 .sitetopiccontent {
 341   border-width:1px;
 342   border-style:solid;
 343 }
 344
 345 .pagingbar {
 346   text-align:center;
 347 }
 348
 349 table.formtable {
 350   margin: auto;
 351 }
 352
 353 table.formtable tbody th {
 354   vertical-align: top;
 355 }
 356
 357 table.formtable tbody td,
 358 table.formtable tbody th
 359 {
 360   padding: 5px;
 361 }
 362
 363 table.formtable tbody .htmlarea td,
 364 table.formtable tbody .htmlarea th
 365 {
 366   padding: 0;
 367 }
 368
 369 .flexible th
 370 {
 371   white-space: nowrap;
 372 }
 373
 374 .paging {
 375   text-align: center;
 376   margin: 10px 0 10px 0;
 377 }
 378
 379 .unread {
 380   padding-right:2px;
 381 }
 382
 383 .cell {
 384   vertical-align: top;
 385 }
 386
 387 .helplink img {
 388   vertical-align: middle;
 389   margin: 0 2px;
 390   width: 17px;
 391   height: 17px;
 392 }
 393
 394 img.emoticon {
 395   vertical-align: middle;
 396   width: 15px;
 397   height: 15px;
 398 }
 399
 400 form.popupform,
 401 form.popupform div {
 402   display: inline;
 403 }
 404
 405 form.popupform label {
 406   margin-right: 0.5em;
 407 }
 408
 409 .arrow_button {
 410   margin-top:3em;
 411 }
 412
 413 .arrow_button input {
 414   padding:0.3em;
 415   overflow:hidden;
 416 }
 417
 418 .groupmanagementtable td {
 419   vertical-align: top;
 420 }
 421
 422 .groupmanagementtable p {
 423   text-align: center;
 424 }
 425
 426 .groupmanagementtable select {
 427   width: 18em;
 428 }
 429
 430 #group-groupings .buttons {
 431   margin: 20px;
 432   text-align:center;
 433 }
 434
 435 #group-groupings .buttons .singlebutton {
 436   display: inline;
 437   padding: 5px;
 438 }
 439
 440 #group-usersummary {
 441   width: 14em;
 442 }
 443
 444 img.icon {
 445   vertical-align:middle;
 446   margin-right:4px;
 447   width:16px;
 448   height:16px;
 449   border:0px;
 450 }
 451
 452 img.iconsmall {
 453   vertical-align:middle;
 454   margin-right:1px;
 455   width:11px;
 456   height:11px;
 457   border:0px;
 458 }
 459
 460 img.iconhelp {
 461   vertical-align:middle;
 462   margin-right:4px;
 463   width:17px;
 464   height:17px;
 465   border:0px;
 466 }
 467
 468 img.iconkbhelp {
 469   width:49px;
 470   height:17px;
 471   border:0px;
 472 }
 473
 474 /*Accessibility: text 'seen' by screen readers but not visual users. Fixed for RTL languages, example Farsi. */
 475 .accesshide {
 476   position:absolute;
 477   top:-100000px;
 478   left:10px;
 479   font-weight:normal;
 480   font-size:1em;
 481 }
 482
 483 .invisiblefieldset {
 484   display:inline;
 485   border:0px;
 486   padding:0px;
 487   margin:0px;
 488 }
 489
 490 span.hide,
 491 div.hide {
 492   display:none;
 493 }
 494
 495 /***
 496  *** Forms
 497  ***/
 498
 499 .mform {
 500   margin: 0 auto;
 501   padding: 0;
 502   width: 80%;
 503 }
 504 .mform fieldset {
 505   border: 1px solid #DDDDDD;
 506   padding: 10px 0;
 507   margin: 0.7em 0;
 508   width:100%;
 509 }
 510 .mform fieldset.hidden, .mform fieldset.felement {
 511   border: 0;
 512 }
 513 .mform fieldset.felement {
 514   width: auto;
 515 }
 516 .mform fieldset legend {
 517   font-weight: bold;
 518   margin-left: 0.5em;
 519 }
 520 .mform fieldset .advancedbutton{
 521    width:100%;
 522    text-align:right;
 523 }
 524 .mform div.fitem {
 525   clear: both;
 526   width: 100%;
 527   min-height: 1.5em;
 528 }
 529
 530 .mform .fitemtitle {
 531   display: block;
 532   float: left;
 533   width: 30%;
 534   padding: 0;
 535   margin: 5px 0 0 10px;
 536   text-align: right;
 537 }
 538
 539 .mform .fitemtitle div{
 540   display: inline;
 541 }
 542
 543 div.fitem fieldset.fgroup label, div.fradio label,  div.fcheckbox label,
 544 fieldset.fdate_selector label {
 545   display:inline;
 546   float: none;
 547   width: auto;
 548 }
 549
 550 .mform div.felement,  .mform fieldset.felement{
 551   display: block;
 552   float: left;
 553   margin: 5px 0 0 10px;
 554   padding: 0;
 555   text-align:left;
 556   width: 60%;
 557 }
 558
 559 .mform div.fdescription {
 560   clear: both;
 561   min-height: 1.5em;
 562 }
 563
 564 .mform .fdescription.required {
 565   text-align:right;
 566 }
 567
 568 .mform input, .mform select {
 569   width: auto;
 570 }
 571 .mform .ftextarea #id_alltext {
 572     width: 100%;
 573 }
 574 .mform br {
 575   clear: left;
 576 }
 577 .mform div.fhtmleditor {
 578   margin: 0 auto 10px auto;
 579   width : 600px;
 580   clear:both;
 581   float:none;
 582   padding: 25px 0 20px 0;
 583 }
 584 .mform span.error, .mform span.required {
 585   color: red;
 586 }
 587 .mform div.error,.mform fieldset.error {
 588   border: 1px solid red;
 589   padding: 5px;
 590   color: inherit;
 591 }
 592 .mform .fcheckbox input {
 593   margin-left: 0px;
 594 }
 595 .mform .fpassword .unmask {
 596   display:inline;
 597 }
 598 .mform .fpassword .unmask input {
 599   margin-left:5px;
 600   margin-right:3px;
 601 }
 602
 603 .mform label .req, .mform label .adv {
 604   cursor: help;
 605 }
 606
 607 /* form frozen */
 608 div.mform div.fitem div.fstatic{
 609  border-color : #D3D3D3;
 610  border-style : dashed;
 611  border-width : thin;
 612 }
 613
 614 #admin-register .mform .fsubmit {
 615   padding:20px;
 616   text-align:center;
 617 }
 618
 619 div.phpinfo .center{
 620   text-align: center;
 621 }
 622
 623 div.phpinfo .center table {
 624   margin-left: auto;
 625   margin-right: auto;
 626   text-align: left;
 627 }
 628
 629 div.phpinfo .center th {
 630   text-align: center;
 631 }
 632
 633 .backup-form-instances {
 634    margin:0px 20px 0px 20px;
 635 }
 636 .restore-form-instances {
 637    margin:0px 20px 0px 20px;
 638 }
 639
 640
 641 /***
 642  *** Header
 643  ***/
 644
 645 #header-home {
 646 }
 647
 648 #header {
 649 }
 650
 651 .headermain, h1.headermain {
 652   float:left;
 653   margin:0;
 654   padding:0;
 655 }
 656
 657 .headermenu {
 658   float:right;
 659   text-align:right;
 660 }
 661
 662 .navigation li,
 663 .navigation div,
 664 .navigation button,
 665 .navigation form {
 666   display: inline;
 667 }
 668
 669 .navbar {
 670   width:auto;
 671   padding:3px 0.5em;
 672   border-width:1px;
 673   border-style:solid;
 674 }
 675
 676 .navbar .langmenu {
 677   text-align:right;
 678 }
 679
 680 table.navbar {
 681   width: 100%;
 682 }
 683
 684 .navbar .navbutton {
 685   margin-top: 3px;
 686   float: left;
 687 }
 688
 689 .navbar .navbutton div,
 690 .navbar .navbutton form {
 691   display:inline;
 692   margin:0px;
 693   padding:0px;
 694 }
 695
 696 .navbar .breadcrumb {
 697   float:left;
 698   margin:0.2em 0;
 699 }
 700
 701 .breadcrumb ul {
 702   padding:0;
 703   margin:0;
 704   text-indent:0;
 705   list-style:none;
 706 }
 707 .breadcrumb li {
 708   display:inline;
 709 }
 710
 711 .navbar .navbutton,
 712 .navbar .menu {
 713   float:right;
 714 }
 715
 716 #footer .navbar {
 717   margin-top: 4em;
 718 }
 719
 720 .reportlink {
 721   text-align:right;
 722 }
 723
 724 .navigation {
 725   margin-bottom: 4px;
 726 }
 727
 728 .navigation ul {
 729   margin:0px;
 730   padding:0px;
 731   list-style-type:none;
 732 }
 733
 734 .navigation ul li form,
 735 .navigation ul li {
 736   display:inline;
 737   margin:0px;
 738   padding:0px;
 739   margin-left:2px;
 740 }
 741
 742 .navigation ul li form fieldset,
 743 .navigation ul li form div select {
 744   vertical-align: middle;
 745 }
 746
 747 .navigation optgroup {
 748   text-align:center;
 749   padding-top:4px;
 750 }
 751
 752 .navigation option {
 753   text-align:left;
 754 }
 755
 756 .navigation optgroup option {
 757   padding:0px;
 758 }
 759
 760 #navmenupopup option,
 761 #navmenufooterpopup option {
 762   padding: 2px 0 2px 20px;
 763   background-repeat: no-repeat;
 764   background-position: 1px 2px;
 765   vertical-align: middle;
 766 }
 767
 768 /***
 769  *** Footer
 770  ***/
 771
 772 #footer {
 773   text-align:center;
 774   margin-top: 40px;
 775 }
 776
 777 .homelink {
 778   margin: 1em 0;
 779 }
 780
 781 .homelink a {
 782   padding-left:1em;
 783   padding-right:1em;
 784 }
 785
 786 .sitelink {
 787   padding-top:1em;
 788 }
 789
 790 .performanceinfo {
 791   margin: 2em;
 792 }
 793
 794 .performanceinfo span {
 795   display: block;
 796 }
 797
 798 #footer .validators {
 799   margin-top:40px;
 800   padding-top:5px;
 801   border-top: 1px dotted gray;
 802 }
 803
 804 #footer .validators ul {
 805   margin:0px;
 806   padding:0px;
 807   list-style-type:none;
 808 }
 809
 810 #footer .validators ul li {
 811   display:inline;
 812   margin-right:10px;
 813   margin-left:10px;
 814 }
 815
 816 /***
 817  *** Filters
 818  ***/
 819 span.mediaplugin {
 820   display:block;
 821   clear:both;
 822   margin-top:5px;
 823   margin-bottom:5px;
 824 }
 825
 826 span.mediaplugin_mp3 {
 827   display:inline;
 828   clear:none;
 829   margin:0px;
 830   margin-left:0.5em;
 831 }
 832
 833
 834 /***
 835  *** Admin
 836  ***/
 837
 838 body#admin-index .c0 {
 839   vertical-align: top;
 840 }
 841
 842 body#admin-index .c1 {
 843   vertical-align: middle;
 844 }
 845
 846 body#admin-blocks table.generaltable th,
 847 body#admin-filters table.generaltable th,
 848 body#admin-modules table.generaltable th,
 849 body#admin-auth table.generaltable th
 850 {
 851   white-space: nowrap;
 852 }
 853
 854 body#admin-modules .generaltablecell
 855 {
 856   padding-top: 2px;
 857   padding-bottom: 2px;
 858 }
 859
 860 body#admin-blocks table.generaltable th,
 861 body#admin-blocks table.generaltable td.cell,
 862 body#admin-filters table.generaltable th,
 863 body#admin-filters table.generaltable td.cell,
 864 body#admin-modules table.generaltable th,
 865 body#admin-modules table.generaltable td.cell,
 866 body#admin-auth table.generaltable th,
 867 body#admin-auth table.generaltable td.cell
 868 {
 869   padding: 4px;
 870   text-align: center;
 871   vertical-align: middle;
 872 }
 873
 874 body#admin-blocks table.generaltable th.c0,
 875 body#admin-blocks table.generaltable td.c0,
 876 body#admin-filters table.generaltable th.c0,
 877 body#admin-filters table.generaltable td.c0,
 878 body#admin-modules table.generaltable th.c0,
 879 body#admin-modules table.generaltable td.c0,
 880 body#admin-auth table.generaltable th.c0,
 881 body#admin-auth table.generaltable td.c0
 882 {
 883   text-align: left;
 884 }
 885
 886 body#admin-modules table.generaltable td.c0
 887 {
 888   white-space: nowrap;
 889 }
 890
 891 #admin-blocks
 892 #admin-config .confighelp {
 893   display: block;
 894   padding-bottom: 20px;
 895 }
 896
 897 #admin-roles-manage table.generalbox {
 898   margin: auto;
 899 }
 900
 901 #admin-stickyblocks .generalbox {
 902   text-align:center;
 903 }
 904
 905 #admin-index .copyrightnotice {
 906   margin: auto;
 907   text-align: center;
 908 }
 909
 910 #admin-report-simpletest-index .exception pre {
 911   padding: 8px;
 912 }
 913
 914 #admin-report-simpletest-index .unittestsummary {
 915   padding: 8px;
 916   margin-top: 1em;
 917 }
 918
 919 #admin-roles-allowassign .buttons,
 920 #admin-roles-allowoverride .buttons,
 921 #admin-roles-manage .buttons,
 922 #admin-roles-override .buttons {
 923   margin: 20px;
 924   text-align:center;
 925 }
 926
 927 #admin-roles-manage .buttons .singlebutton,
 928 #admin-roles-override .buttons .singlebutton {
 929   display: inline;
 930   padding: 5px;
 931 }
 932
 933 #admin-roles-manage .selector,
 934 #admin-roles-assign .selector,
 935 #admin-roles-override .selector {
 936   text-align:center;
 937   margin-bottom:1em;
 938 }
 939
 940 #admin-roles-manage table.roledesc,
 941 #admin-roles-override table.roledesc {
 942   margin-left:auto;
 943   margin-right:auto;
 944 }
 945
 946 #admin-roles-manage table.rolecap,
 947 #admin-roles-override table.rolecap {
 948   margin-left:auto;
 949   margin-right:auto;
 950 }
 951
 952 .rolecap .inherit,
 953 .rolecap .allow,
 954 .rolecap .prevent,
 955 .rolecap .prohibit {
 956   text-align:center;
 957 }
 958
 959 #admin-roles-manage .rolecap .cap-desc .cap-name,
 960 #admin-roles-override .rolecap .cap-desc .cap-name {
 961   display: block;
 962 }
 963
 964 #admin-roles-override .cell.c1,
 965 #admin-roles-assign .cell.c3,
 966 #admin-roles-assign .cell.c1 {
 967   padding-top: 0.75em;
 968 }
 969
 970 #admin-roles-override .sefeoverridenotice {
 971   text-align:center;
 972 }
 973
 974 #admin-lang .generalbox {
 975   text-align:center;
 976   margin:auto;
 977   border-width: 1px;
 978   border-style: solid;
 979 }
 980
 981 #admin-langimport .generalbox {
 982   text-align:center;
 983   margin:auto;
 984   border-width: 1px;
 985   border-style: solid;
 986 }
 987
 988 #admin-langimport .generalbox table {
 989   text-align:center;
 990   margin:auto;
 991 }
 992
 993 #admin-index .adminerror,
 994 #admin-index .adminwarning {
 995   text-align:center;
 996   border-width: 1px;
 997   border-style: solid;
 998   margin:20px;
 999 }
1000
1001 #admin-index .adminerror .singlebutton,
1002 #admin-index .adminwarning .singlebutton,
1003 #admin-index #layout-table .singlebutton {
1004   text-align:center;
1005   margin:20px;
1006 }
1007
1008 #admin-user-user_bulk #users .fgroup {
1009   white-space: nowrap;
1010 }
1011
1012 .plugincompattable caption {
1013   text-align: center;
1014   width: 100%;
1015   font-weight: bold;
1016   font-size: 130%;
1017 }
1018
1019 .plugincheckwrapper td{
1020   border: 1px #bbbbbb solid;
1021 }
1022
1023 .plugincheckwrapper{
1024     width: 100%;
1025 }
1026 /* Admin settings */
1027 #adminsettings div.form-item {
1028   clear: both;
1029   margin: 1em 0 2em 0;
1030 }
1031
1032 #adminsettings .form-label {
1033   display: block;
1034   float: left;
1035   width: 12.5em;
1036   text-align: right;
1037 }
1038
1039 #adminsettings .form-shortname {
1040   display: block;
1041 }
1042
1043 #adminsettings .form-setting {
1044   display: block;
1045   margin-left: 13em;
1046   text-align: left;
1047 }
1048
1049 #adminsettings .form-defaultinfo {
1050   display: inline;
1051 }
1052
1053 #adminsettings .defaultsnext {
1054   margin-right: 0.5em;
1055   display: inline;
1056 }
1057
1058 #adminsettings .form-description {
1059   display: block;
1060   margin: 0.5em 0 0em 13em;
1061   text-align: left;
1062 }
1063
1064 #adminsettings fieldset {
1065   margin-top: 1em;
1066   padding: 1em 0.5em;
1067 }
1068
1069 #adminsettings legend {
1070   display: none;
1071 }
1072
1073 #adminsettings fieldset.error {
1074   margin: 0.2em 0 0.5em 0;
1075   padding: 0.5em 0 0 0;
1076 }
1077
1078 #adminsettings fieldset.error legend {
1079   display: block;
1080 }
1081
1082 #adminsettings .form-multicheckbox li {
1083   list-style: none;
1084 }
1085
1086 #adminsettings .form-multicheckbox ul {
1087   padding:0;
1088   margin:0;
1089 }
1090
1091 #adminsettings .form-item .pathok,
1092 #adminsettings .form-item .patherror {
1093   margin-left: 0.5em;
1094 }
1095
1096 #adminsettings .form-htmlarea {
1097   width:  640px;
1098   display:inline;
1099 }
1100
1101 #adminsettings .form-htmlarea .htmlarea {
1102   width:  640px;
1103   display:block;
1104 }
1105
1106 .environmentbox {
1107   margin-top: 1em;
1108 }
1109
1110 .form-buttons {
1111   margin: 10px 0 0 13em;
1112 }
1113
1114 .adminsearchform {
1115   padding-top:10px;
1116 }
1117
1118 .block_admin_tree .admintree {
1119   text-align:left;
1120 }
1121
1122 .block_admin_tree .admintree .depth1 {
1123   padding-left: 16px;
1124 }
1125
1126 .block_admin_tree .admintree .depth2 {
1127   padding-left: 32px;
1128 }
1129
1130 .block_admin_tree .admintree .depth3 {
1131   padding-left: 48px;
1132 }
1133
1134 .block_admin_tree .admintree .depth4 {
1135   padding-left: 64px;
1136 }
1137
1138 #admin-lang .translator {
1139   border-width: 1px;
1140   border-style: solid;
1141 }
1142
1143 #adminsettings #admin-calendar_weekend table {
1144   width: 100%;
1145 }
1146
1147 #adminsettings #admin-calendar_weekend table td {
1148   text-align: center;
1149 }
1150
1151 #adminsettings #admin-calendar_weekend table td label {
1152   width: 100%;
1153   text-align: center;
1154   float: none;
1155 }
1156
1157 #trustedhosts .generaltable {
1158   margin-left: auto;
1159   margin-right: auto;
1160   width: 500px;
1161 }
1162
1163 #trustedhosts .standard {
1164   width: auto;
1165 }
1166
1167 #mnetconfig table {
1168   margin-left: auto;
1169   margin-right: auto;
1170 }
1171
1172 #admin-report-courseoverview-index .graph,
1173 #course-report-stats-index .graph,
1174 #admin-report-stats-index .graph {
1175   text-align: center;
1176   margin-bottom: 1em;
1177 }
1178
1179 #admin-uploaduser table#uuresults {
1180   margin-bottom: 2em;
1181 }
1182
1183 #admin-uploaduser table#uupreview,
1184 #admin-uploaduser table#uuresults td.cell {
1185   padding-left: 3px;
1186   padding-right: 3px;
1187 }
1188
1189 /***
1190  *** Blocks
1191  ***/
1192
1193 /*Accessibility: Skip block link, for keyboard-only users. */
1194 a.skip-block, a.skip {
1195   position: absolute;
1196   top: -1000em;
1197   font-size: 0.85em;
1198 }
1199 a.skip-block:focus, a.skip-block:active,
1200 a.skip:focus, a.skip:active {
1201   position: static;
1202   display: block;
1203 }
1204 .skip-block-to, #maincontent {
1205   display: block;
1206   height: 1px;
1207 }
1208
1209 .sideblock {
1210   margin-bottom:1em;
1211   width: 100%;
1212 }
1213
1214 .sideblock .header, .sideblock h2.header {
1215   text-align: left;
1216   margin:0;
1217   padding:4px;
1218   padding-top:0;
1219   border-width: 1px;
1220   border-style: solid;
1221   border-bottom: none;
1222 }
1223 .sideblock h2 {
1224   margin:0;
1225   padding:0;
1226 }
1227
1228 .sideblock .header .hide-show-image {
1229   float:right;
1230   height:11px;
1231   width:11px;
1232   margin-top:0.25em;
1233 }
1234
1235 .sideblock .header .commands {
1236   margin-top: 0.3em;
1237   clear: both;
1238   height: 16px;
1239 }
1240
1241 .sideblock .header .commands a {
1242   margin: 0px 2px;
1243 }
1244
1245 #left-column .hidden .header,
1246 #right-column .hidden .header
1247 {
1248   border-bottom-width: 1px;
1249   border-bottom-style: solid;
1250 }
1251
1252 #left-column .hidden .content,
1253 #right-column .hidden .content
1254 {
1255   display: none;
1256 }
1257
1258 .sideblock .header .icon.hide,
1259 .sideblock .header .icon.edit {
1260   margin-right: 6px;
1261 }
1262
1263 .sideblock .content {
1264   padding: 4px;
1265   border-width: 1px;
1266   border-style: solid;
1267 }
1268
1269 .sideblock .content h3,
1270 .sideblock .content h2 {
1271   text-align: left;
1272 }
1273
1274 .sideblock .content h2 {
1275   margin:1.5em 0 0;
1276   padding:0;
1277 }
1278
1279 .sideblock .content .head {
1280   margin-top: 10px;
1281 }
1282
1283 .sideblock .content hr {
1284   height:1px;
1285   margin-top:4px;
1286   margin-bottom:4px;
1287   border:none;
1288   border-top:1px solid;
1289 }
1290
1291 .sideblock div.column {
1292   margin:0px;
1293   margin-right:4px;
1294   padding:0px;
1295 }
1296
1297 .sideblock div.column.c0 {
1298   float: left;
1299 }
1300
1301 .sideblock div.column.c1 {
1302   display: inline;
1303 }
1304
1305 .sideblock .content .c0 img.icon {
1306   margin:0px;
1307 }
1308
1309 .sideblock .content .list, .unlist, .inline-list {
1310   list-style:none;
1311   padding:0;
1312   margin:0;
1313 }
1314
1315 .sideblock .content .list {
1316   width: 100%;
1317 }
1318
1319 .sideblock .content .list li {
1320   clear: left;
1321 }
1322
1323 .sideblock .content .inline-list li, .inline-list li {
1324   display: inline;
1325 }
1326
1327 .sideblock .content ul.list li.listentry {
1328   clear:both;
1329 }
1330
1331 .sideblock .content div.info {
1332   text-align:center;
1333 }
1334
1335 .sideblock .footer {
1336   margin-bottom: 4px;
1337   text-align:center;
1338   clear:both;
1339 }
1340
1341 .sideblock img.userpicture {
1342   width:16px;
1343   height:16px;
1344   margin-right:4px;
1345 }
1346
1347 .blockconfigtable {
1348   margin-top: 0;
1349   margin-right: auto;
1350   margin-left: auto;
1351 }
1352
1353 .blockconfigtable td.label {
1354   text-align: right;
1355   width: 50%;
1356 }
1357
1358 .blockconfigtable td.value {
1359   text-align: left;
1360   width: 50%;
1361 }
1362
1363 .blockconfigtable td.submit {
1364   text-align: center;
1365 }
1366
1367 .blockconfiginstancecontent .tabs {
1368   margin-bottom: 0px;
1369   margin-left: auto;
1370   margin-right: auto;
1371 }
1372
1373 .block_adminblock {
1374   width: 180px;
1375 }
1376
1377 .block_messages .content {
1378   text-align:left;
1379   font-size:0.75em;
1380   padding-top:5px;
1381 }
1382
1383 .block_recent_activitysideblock .h3 {
1384   padding-top:5px;
1385 }
1386
1387 .block_online_users .listentry div.user,
1388 .block_messages .listentry div.user {
1389   float:left;
1390 }
1391
1392 .block_online_users .listentry div.message,
1393 .block_messages .listentry div.message {
1394   float:right;
1395 }
1396
1397 .block_course_list .footer {
1398   margin-top: 5px;
1399 }
1400
1401 #rssfeeds {
1402   margin-left: auto;
1403   margin-right: auto;
1404 }
1405
1406 #block_rss {
1407   text-align: center;
1408 }
1409
1410 .block_search_forums .invisiblefieldset {
1411   display: block;
1412 }
1413
1414 .block_tag_youtube .youtube-thumb {
1415   padding: 3px;
1416   padding-bottom: 0.5em;
1417   display: block;
1418   float: left;
1419 }
1420 .block_tag_youtube .yt-video-entry li {
1421   clear: left;
1422 }
1423
1424 .block_tag_flickr .flickr-photos {
1425  padding:3px;
1426 }
1427
1428 /***
1429  *** Blogs
1430  ***/
1431 .addbloglink {
1432   text-align: center;
1433 }
1434
1435 .blogpost .audience {
1436   text-align: right;
1437 }
1438
1439 .blogpost .tags {
1440   margin-top: 15px;
1441 }
1442
1443
1444 /***
1445  *** Calendar
1446  ***/
1447
1448 #calendar {
1449   width: 100%;
1450   border-spacing: 5px;
1451   border-collapse: separate;
1452 }
1453
1454 #calendar h2,
1455 #calendar h3
1456 {
1457   text-align: center;
1458 }
1459 #calendar .sideblock h2 {
1460   text-align: left;
1461 }
1462
1463 #calendar .maincalendar,
1464 #calendar .sidecalendar
1465 {
1466   vertical-align: top;
1467   border: 1px solid;
1468   padding: 0px;
1469 }
1470
1471 #calendar .maincalendar {
1472   height: 100%;
1473 }
1474
1475 #calendar .maincalendar .heightcontainer {
1476   height: 100%;
1477   position: relative;
1478 }
1479
1480 #calendar .maincalendar .bottom {
1481   width: 100%;
1482   text-align: center;
1483   padding:5px 0 0;
1484 }
1485
1486 #calendar .sidecalendar {
1487   width: 25%;
1488 }
1489
1490 #calendar .maincalendar table.calendarmonth {
1491   border-collapse: separate;
1492   margin: 0px auto;
1493   width: 98%;
1494 }
1495
1496 #calendar .maincalendar table.calendarmonth th {
1497   padding:10px;
1498   border-bottom:2px solid;
1499 }
1500
1501 #calendar .maincalendar table.calendarmonth td {
1502   height: 5em;
1503   padding-left: 4px;
1504   padding-top: 4px;
1505   line-height:1.2em;
1506 }
1507
1508 #calendar .maincalendar table.calendarmonth td,
1509 table.minicalendar td,
1510 table.minicalendar th {
1511   width:14%;
1512   vertical-align:top;
1513 }
1514 table.minicalendar td {
1515   text-align: center;
1516 }
1517 #calendar .maincalendar table.calendarmonth td table td {
1518   height: auto;
1519 }
1520
1521 #calendar div.header
1522 {
1523   padding: 5px;
1524 }
1525
1526 #calendar .sideblock div.header
1527 {
1528   border:none;
1529 }
1530
1531 #calendar .maincalendar .buttons {
1532   float: right;
1533 }
1534
1535 #calendar .maincalendar .filters table,
1536 #calendar .sidecalendar .filters table,
1537 .sideblock.block_calendar_month .filters table
1538 {
1539   border-collapse:separate;
1540   border-spacing: 2px;
1541   padding: 2px;
1542   width: 100%;
1543 }
1544
1545 #calendar .maincalendar .filters {
1546   padding: 0px 10px;
1547 }
1548
1549 #calendar .sidecalendar .filters {
1550   padding: 5px;
1551 }
1552
1553 #calendar .maincalendar .controls {
1554   clear:both;
1555   padding:10px;
1556 }
1557
1558 #calendar .maincalendar table.calendarmonth ul.events-new,
1559 #calendar .maincalendar table.calendarmonth ul.events-underway
1560 {
1561   padding:0px;
1562   margin:0px;
1563   list-style-type:none;
1564 }
1565
1566 #calendar .maincalendar table.calendarmonth ul li {
1567   margin-top: 4px;
1568 }
1569
1570 .minicalendarblock {
1571   padding: 0px 4px;
1572 }
1573
1574 table.minicalendar {
1575   width: 100%;
1576   margin: 10px auto;
1577   padding:2px;
1578   border-width:1px;
1579   border-style:solid;
1580   border-collapse:separate;
1581   border-spacing:1px !important;
1582 }
1583
1584 table.minicalendar th {
1585   padding: 0px 2px;
1586 }
1587
1588 #calendar .maincalendar .eventlist {
1589   padding: 10px;
1590 }
1591
1592 #calendar .maincalendar .eventlist .topic {
1593   padding: 5px;
1594   border-style:solid;
1595   border-width: 0px;
1596   border-bottom-color: #EEEEEE;
1597   border-bottom-width: 1px;
1598 }
1599
1600 #calendar .maincalendar .eventlist .event {
1601   width:100%;
1602   margin-bottom:10px;
1603   border-spacing:0px;
1604   border-collapse:separate;
1605   border-width:1px;
1606   border-style:solid;
1607 }
1608
1609 #calendar .maincalendar .eventlist .event .name {
1610   float:left;
1611 }
1612
1613 #calendar .maincalendar .eventlist .event .course {
1614   float:left;
1615   clear:left;
1616 }
1617
1618 #calendar .maincalendar .eventlist .event .date {
1619   float:right;
1620 }
1621
1622 #calendar .maincalendar .eventlist .event .description .commands {
1623   width:100%;
1624 }
1625
1626 #calendar .maincalendar .eventlist .event .description {
1627   padding:5px;
1628 }
1629
1630 #calendar .maincalendar .eventlist .event .picture {
1631   padding:8px;
1632 }
1633
1634 #calendar .maincalendar .eventlist .event .side {
1635   width:32px;
1636 }
1637
1638 #calendar #selecteventtype table {
1639   margin:auto;
1640 }
1641
1642 #calendar .event_global,
1643 #calendar .event_course,
1644 #calendar .event_group,
1645 #calendar .event_user,
1646 .minicalendar .event_global,
1647 .minicalendar .event_course,
1648 .minicalendar .event_group,
1649 .minicalendar .event_user {
1650   border:2px solid !important;
1651 }
1652
1653 #calendar .duration_global,
1654 #calendar .duration_course,
1655 #calendar .duration_group,
1656 #calendar .duration_user,
1657 .minicalendar .duration_global,
1658 .minicalendar .duration_course,
1659 .minicalendar .duration_group,
1660 .minicalendar .duration_user
1661 {
1662   border-top:2px solid !important;
1663   border-bottom:2px solid !important;
1664 }
1665
1666 #calendar .today,
1667 .minicalendar .today {
1668   border:2px solid;
1669 }
1670
1671 #calendar .nottoday,
1672 .minicalendar .today {
1673   border:1px solid;
1674 }
1675
1676 .cal_popup_bg {
1677   padding:0px;
1678   margin:0px;
1679   border:1px solid;
1680 }
1681
1682 .cal_popup_close {
1683   margin-right:5px;
1684 }
1685
1686 .cal_popup_caption {
1687   border-width:0px 0px 1px 0px;
1688   border-style:solid;
1689   padding-bottom:2px;
1690 }
1691
1692 /*Accessibility: controls now div and span, 20:58:20% or 12:74:12% */
1693 .calendar-controls .previous,
1694 .calendar-controls .next,
1695 .calendar-controls .current {
1696   display: block;
1697   float: left;
1698   width: 12%;
1699 }
1700 .calendar-controls .previous {
1701   text-align: left;
1702 }
1703 .calendar-controls .current {
1704   text-align: center;
1705   width: 76%;
1706 }
1707 .calendar-controls .next {
1708   text-align: right;
1709 }
1710
1711 #calendar .maincalendar .calendar-controls .previous,
1712 #calendar .maincalendar .calendar-controls .next
1713 {
1714   width: 30%;
1715 }
1716 #calendar .maincalendar .calendar-controls .current {
1717   width: 39.95%;
1718 }
1719
1720 #calendar .indent {
1721   padding-left: 20px;
1722 }
1723
1724 #calendar td.sidecalendar {
1725 border-width:0px;
1726 }
1727
1728 #calendar td.sidecalendar .sideblock {
1729   border: 1px solid;
1730   margin-bottom:10px;
1731 }
1732
1733 #calendar td.sidecalendar .minicalendartop {
1734   padding-top:10px;
1735 }
1736
1737 .sideblock .content h3.eventskey {
1738   margin-top:0.5em;
1739   margin-bottom:0;
1740   margin-left:0.5em;
1741 }
1742
1743 /***
1744  *** Course
1745  ***/
1746
1747 .activitydate, .activityhead {
1748   text-align:center;
1749 }
1750
1751 #course-view .section td {
1752   vertical-align:top;
1753 }
1754
1755 #course-view .section td.content {
1756   padding:5px;
1757   border-style:solid;
1758   border-width:1px;
1759   border-left:0px;
1760   border-right:0px;
1761 }
1762
1763 #course-view .section td.side {
1764   padding:5px;
1765   border-style:solid;
1766   border-width:1px;
1767 }
1768
1769 #course-view .section td.left {
1770   border-right:0px;
1771   text-align:center;
1772   width: 1.5em;
1773 }
1774
1775 #course-view .section td.right {
1776   border-left:0px;
1777   text-align:center;
1778   width: 1.5em;
1779 }
1780
1781 #course-view .current .side {
1782 }
1783
1784 #course-view .section .spacer {
1785   height:0.5em;
1786 }
1787
1788 #course-view .section .weekdates {
1789 }
1790
1791 #course-view ul.section,
1792 #site-index ul.section {
1793   margin: 0;
1794   padding: 0;
1795   list-style: none;
1796 }
1797
1798 .section_add_menus {
1799   text-align:right;
1800 }
1801
1802 .section_add_menus .horizontal div {
1803   display:inline;
1804 }
1805
1806
1807 /*#course-view ul.section li.activity ul li,
1808 #site-index ul.section li.activity ul li {
1809   list-style: disc;
1810 }*/
1811
1812 /*Accessibility: No-tables course format. */
1813 #course-view ul.weekscss {
1814   margin: 0;
1815   padding: 0;
1816   list-style: none;
1817 }
1818 /* Window-width: 800 pixels.
1819    IE doesn't support, see inline IE conditional comment. */
1820 .weekscss-format {
1821   min-width: 763px;
1822 }
1823 .weekscss-format .block_adminblock select,
1824 .weekscss-format .block_calendar_month .minicalendar {
1825   width: 100%;
1826   padding: 0;
1827 }
1828 .weekscss-format .block_calendar_month .minicalendar th,
1829 .weekscss-format .block_calendar_month .minicalendar td {
1830   padding: 0.1em 0 0.1em 1px;
1831 }
1832 .weekscss-format #middle-column {
1833   margin: 0 12.5em 0 12.5em;
1834 }
1835 .weekscss-format #left-column,
1836 .weekscss-format #right-column {
1837   width: 11.5em;
1838 }
1839 .weekscss-format #left-column {
1840   float: left;
1841 }
1842 .weekscss-format #right-column {
1843   float: right;
1844 }
1845 .weekscss li.section {
1846   margin-bottom: 0.5em;
1847   border-style:solid;
1848   border-width:1px;
1849 }
1850 .weekscss .content,
1851 .weekscss .side {
1852   padding: 5px;
1853 }
1854 .weekscss .content {
1855   margin: 0 1.7em 0 1.7em;
1856 }
1857 .weekscss .right {
1858   width: 1.6em;
1859   float: right;
1860   text-align:center;
1861 }
1862
1863 .section .activity img.activityicon {
1864   vertical-align:middle;
1865   height:16px;
1866   width:16px;
1867 }
1868
1869 .section img.movetarget {
1870   height:16px;
1871   width:80px;
1872 }
1873
1874 body#course-view .unread {
1875   margin-left: 3em;
1876 }
1877
1878 body#course-view .sideblock.drag .header {
1879   cursor: move;
1880 }
1881
1882 body#course-enrol .generalbox {
1883   margin-top: 20px;
1884 }
1885
1886 body#course-enrol .coursebox {
1887   margin-top: 20px;
1888 }
1889
1890 body#course-user .graph {
1891   text-align: center;
1892 }
1893
1894 body#course-user .section,
1895 body#course-user .content {
1896   margin-left: 30px;
1897   margin-right: 30px;
1898 }
1899
1900 body#course-user .section {
1901   border-width:1px;
1902   border-style:solid;
1903   padding:10px;
1904   margin-bottom: 20px;
1905 }
1906
1907 body#course-user .section h2 {
1908   margin-top: 0;
1909 }
1910
1911
1912 .headingblock, h2.headingblock {
1913   border-width:1px;
1914   border-style:solid;
1915   padding:5px;
1916   margin:0;
1917 }
1918
1919 #site-index .subscribelink,
1920 #course-view .subscribelink {
1921   text-align:right;
1922 }
1923
1924 body#site-index .headingblock,
1925 body#course-view .headingblock {
1926   margin-bottom: 9px;
1927 }
1928
1929 body#course-category .courseboxes,
1930 body#course-index .courseboxes {
1931   padding:20px;
1932 }
1933
1934 body#course-category .rolelink {
1935   text-align:right;
1936   padding:10px;
1937 }
1938
1939 body#course-category .addcategory {
1940   text-align: center;
1941   padding: 10px;
1942 }
1943
1944 body#course-category .buttons .singlebutton {
1945   display: inline;
1946 }
1947
1948 body#course-category .buttons {
1949   text-align: center;
1950   margin-bottom: 15px;
1951 }
1952
1953 body#course-index #middle-column .editcourse {
1954   margin-left:auto;
1955   margin-right:auto;
1956   margin-top:20px;
1957   margin-bottom:20px;
1958 }
1959
1960 body#course-index #middle-column .editcourse th,
1961 body#course-index #middle-column .editcourse td {
1962   padding-left:10px;
1963   padding-right:10px;
1964 }
1965
1966 body#course-index #middle-column .editcourse .count {
1967   text-align:right;
1968 }
1969
1970 body#course-index .singlebutton,
1971 body#course-index .addcategory {
1972   text-align: center;
1973 }
1974
1975 body#course-info .generalbox.icons {
1976   text-align: center;
1977 }
1978
1979 body#course-info .generalbox.info {
1980   margin-left:auto;
1981   margin-right:auto;
1982 }
1983
1984 .coursebox {
1985   width: 100%;
1986   /* float:left; */
1987   margin-bottom: 15px;
1988   border-width:1px;
1989   border-style:solid;
1990 }
1991
1992 .coursebox .summary {
1993   float: right;
1994   text-align:left;
1995   width: 48%;
1996   padding:5px;
1997 }
1998
1999 .coursebox .info {
2000   float: left;
2001   text-align:left;
2002   width: 48%;
2003   padding:5px;
2004 }
2005
2006 #my-index .coursebox .info {
2007   float: none;
2008 }
2009
2010 #my-index .name {
2011   margin-left: 5px;
2012 }
2013
2014 .categorylist {
2015   width:90%;
2016   margin-left:auto;
2017   margin-right:auto;
2018 }
2019
2020 .categorylist .category.image {
2021   width:20px;
2022 }
2023
2024 .categorylist .category.number {
2025   text-align:right;
2026 }
2027
2028 .categoryboxcontent {
2029   border-width:1px;
2030   border-style:solid;
2031 }
2032
2033 .categorypicker {
2034   text-align:center;
2035   padding-bottom:10px;
2036 }
2037
2038 #coursesearch,
2039 #coursesearch2 {
2040   text-align:center;
2041 }
2042
2043 .addcoursebutton {
2044   text-align:center;
2045 }
2046
2047 .coursebox .cost {
2048   padding-top: 20px;
2049 }
2050
2051 .coursebox ul.teachers li {
2052   list-style-type:none;
2053   padding:0;
2054   margin:0;
2055 }
2056
2057 #course-category #renameform {
2058   text-align:center;
2059 }
2060
2061 #course-category #themeform {
2062   text-align: center;
2063 }
2064
2065 #course-category .singlebutton {
2066   text-align:center;
2067 }
2068
2069 #course-category #coursesearch {
2070   text-align:center;
2071 }
2072
2073
2074 #course-report #content {
2075   padding-top:15px;
2076   padding-bottom:15px;
2077 }
2078
2079 #course-report p {
2080   text-align:center;
2081 }
2082
2083 #course-report .logselectform,
2084 #course-report .participationselectform,
2085 #course-report-log-index .logselectform,
2086 #course-report-participation-index .participationselectform {
2087   margin-left:auto;
2088   margin-right:auto;
2089   text-align:center;
2090   margin-top:10px;
2091   margin-bottom:10px;
2092 }
2093
2094 #course-report .participationselectform label,
2095 #course-report-participation-index .participationselectform label {
2096   margin-left:15px;
2097   margin-right:5px;
2098 }
2099
2100 #course-report-log-index .info {
2101   margin-left:auto;
2102   margin-right:auto;
2103   text-align:center;
2104   margin:10px;
2105 }
2106
2107 .course-report-outline td.numviews {
2108   text-align:right;
2109 }
2110
2111 .course-report-outline div.loginfo {
2112   text-align:center;
2113   margin: 1em;
2114 }
2115
2116 #content .coursebox .summary .category {
2117   text-align:right;
2118 }
2119
2120 #course-editsection .singlebutton {
2121   text-align:center;
2122 }
2123
2124 /***
2125  *** Group
2126  ***/
2127 body#group-index #groupeditform {
2128   text-align: center;
2129 }
2130
2131 #add, #remove{
2132     text-align:center;
2133 }
2134
2135 /***
2136  *** Doc
2137  ***/
2138
2139 body#doc-contents h1 {
2140   margin: 1em 0px 0px 0px;
2141 }
2142
2143 body#doc-contents ul {
2144   list-style-type: none;
2145   margin: 0;
2146   padding: 0;
2147   width: 90%;
2148 }
2149
2150
2151 /***
2152  *** Grades
2153  ***/
2154
2155 /* scales edit */
2156
2157 .grade-edit-scale .buttons {
2158   margin: 20px;
2159   text-align:center;
2160 }
2161
2162 .grade-edit-scale .buttons .singlebutton {
2163   display: inline;
2164   padding: 5px;
2165 }
2166
2167 /* outcomes edit */
2168
2169 .grade-edit-outcome .buttons {
2170   margin: 20px;
2171   text-align:center;
2172 }
2173
2174 .grade-edit-outcome .buttons .singlebutton {
2175   display: inline;
2176   padding: 5px;
2177 }
2178
2179 div.allcoursegrades {
2180     width: 100%;
2181     text-align: right;
2182     padding: 4px 0px 5px 0px;
2183 }
2184 /* gradebook edit tree */
2185
2186 .grade-edit-tree .gradetreebox {
2187   width:70%;
2188   margin-left:auto;
2189   margin-right:auto;
2190   margin-top:10px;
2191   padding-bottom:15px;
2192 }
2193
2194 .grade-edit-tree .buttons {
2195   margin: 20px;
2196   text-align:center;
2197 }
2198
2199 .grade-edit-tree .idnumber {
2200   margin-left: 15px;
2201 }
2202
2203 .grade-edit-tree .buttons .singlebutton {
2204   display: inline;
2205   padding: 5px;
2206 }
2207
2208 .grade-edit-tree .movetarget {
2209   position: relative;
2210   width: 80px;
2211   height: 16px;
2212 }
2213
2214 .grade-edit-tree ul#grade_tree {
2215   width: auto;
2216 }
2217
2218 .grade-edit-tree ul#grade_tree li {
2219   list-style: none;
2220 }
2221
2222 .grade-edit-tree ul#grade_tree li.category {
2223   margin-bottom: 6px;
2224 }
2225
2226 .grade-edit-tree .iconsmall {
2227   margin-left: 4px;
2228 }
2229
2230 #grade-report-toggles {
2231   text-align: center;
2232 }
2233
2234 .gradeexportlink {
2235   padding: 2em;
2236   text-align: center;
2237   margin-left: auto;
2238   margin-right: auto;
2239 }
2240
2241 #grade-aggregation-help dt {
2242     margin-top: 15px;
2243 }
2244
2245 #grade-aggregation-help dd.example {
2246     margin-top: 7px;
2247 }
2248
2249 #grade-aggregation-help code {
2250     display: block;
2251     margin-top: 7px;
2252 }
2253
2254 /***
2255  *** Login
2256  ***/
2257
2258 .loginbox {
2259   margin-top:15px;
2260   margin-bottom:15px;
2261   border:1px solid;
2262   width:50%;
2263   margin-left:25%;
2264   overflow:hidden;
2265 }
2266
2267 .loginbox form {
2268   margin:0px;
2269   padding:0px;
2270 }
2271
2272 .loginbox.twocolumns {
2273   width:90%;
2274   margin-left:5%;
2275   /* background: #faa; */
2276 }
2277
2278 .loginbox h2,
2279 .loginbox .subcontent {
2280   margin:5px;
2281   padding:10px;
2282   text-align:center;
2283 }
2284
2285 .loginbox .loginpanel .subcontent {
2286   text-align:center;
2287 }
2288
2289 .loginbox .loginpanel .desc {
2290   margin:0px;
2291   padding:0px;
2292   margin-bottom:5px;
2293 }
2294
2295 .loginbox .signuppanel .subcontent {
2296   text-align:left;
2297 }
2298
2299 .loginbox .loginsub {
2300   margin-left:0%;
2301   margin-right:0%;
2302 }
2303
2304 .loginbox .guestsub,
2305 .loginbox .forgotsub {
2306   border-top:1px solid;
2307   margin-left:12%;
2308   margin-right:12%;
2309   margin-bottom:5px;
2310 }
2311
2312 .loginbox .loginform {
2313   margin-top:1em;
2314   text-align:left;
2315 }
2316
2317 .loginbox .loginform .form-label {
2318   float:left;
2319   text-align:right;
2320   width:40%;
2321 }
2322
2323 .loginbox .loginform .form-input {
2324   float:right;
2325   width:59%;
2326 }
2327
2328 .loginbox .loginform .form-input input {
2329   width: 6em;
2330 }
2331
2332 .loginbox .signupform {
2333   margin-top:1em;
2334   text-align:center;
2335 }
2336
2337 .loginbox.twocolumns .loginpanel {
2338   float:left;
2339   width:49.5%;
2340   border-right: 1px solid;
2341   margin-bottom:-2000px;
2342   padding-bottom:2000px;
2343   /* background: #afa; */
2344 }
2345
2346 .loginbox.twocolumns .signuppanel {
2347   float:right;
2348   width:50%;
2349   margin-bottom:-2000px;
2350   padding-bottom:2000px;
2351 }
2352
2353
2354 /***
2355  *** Message
2356  ***/
2357
2358
2359 #message-user .userpicture,
2360 #message-history .userpicture {
2361   width: 100px;
2362   height: 100px;
2363 }
2364
2365 .message-discussion-noframes #userinfo .userpicture {
2366   float:left;
2367 }
2368
2369 .message-discussion-noframes #userinfo .name h1 {
2370   margin:0px;
2371 }
2372
2373 .message-discussion-noframes #userinfo .name {
2374   text-align:center;
2375   margin-left:60px;
2376 }
2377
2378 .message-discussion-noframes #userinfo .commands {
2379   text-align:left;
2380   margin-left:60px;
2381 }
2382
2383 .message-discussion-noframes #userinfo .commands ul {
2384   margin:0px;
2385   padding:0px;
2386   list-style-type:none;
2387 }
2388
2389 .message-discussion-noframes #userinfo .commands ul li {
2390   display:inline;
2391   padding-right:16px;
2392 }
2393
2394 .message-discussion-noframes #send {
2395   padding-top:10px;
2396   clear:both;
2397 }
2398
2399 .message-discussion-noframes #send h1 {
2400   margin:0px;
2401 }
2402
2403 .message-discussion-noframes #messages {
2404   padding-top:10px;
2405 }
2406
2407 .message-discussion-noframes #messages ul.messagelist {
2408   margin:0px;
2409   padding:0px;
2410 }
2411
2412 .message-discussion-noframes #send h1 {
2413   margin:0px;
2414 }
2415
2416 .message .noframesjslink {
2417   margin-top:20px;
2418 }
2419
2420 .message .link {
2421   vertical-align:middle;
2422 }
2423
2424 table.message .searchresults td {
2425   padding:5px;
2426   border-width:1px;
2427   border-style:solid;
2428   border-collapse:collapse;
2429   border-spacing:0px;
2430 }
2431 .message .summary .link {
2432   text-align:right;
2433 }
2434 .message .heading {
2435   text-align:center;
2436 }
2437
2438 .message .note {
2439   text-align:center;
2440   padding:10px;
2441 }
2442
2443 #message-user .commands span {
2444   margin-left:10px;
2445   margin-right:10px;
2446 }
2447
2448 body#message-messages {
2449   padding:10px;
2450 }
2451
2452 body#message-send .notifysuccess {
2453   padding:1px;
2454 }
2455
2456 body#message-send td.fixeditor {
2457   text-align:center;
2458 }
2459
2460 /***
2461  *** Notes
2462  ***/
2463 .notepost {
2464   margin-bottom: 1em;
2465   background-color: #EEE;
2466 }
2467 .sitenotepost {
2468 }
2469 .coursenotepost {
2470 }
2471 .draftnotepost {
2472 }
2473
2474 .ownnotepost .info {
2475 }
2476
2477 .notepost .header {
2478   background: #DDD;
2479   padding: 5px;
2480 }
2481
2482 .notepost .user {
2483   font-weight: bolder;
2484 }
2485
2486 .notepost .userpicture {
2487   float: left;
2488   margin-right: 5px;
2489 }
2490
2491 .notepost .info {
2492   font-size: smaller;
2493 }
2494
2495 .notepost .content {
2496   clear: both;
2497 }
2498
2499 .notepost .footer {
2500   clear: both;
2501 }
2502
2503 body.notes .generalbox {
2504   margin-left:auto;
2505   margin-right:auto;
2506   width:90%;
2507 }
2508
2509 body.notes .notesgroup {
2510   margin-left:20px;
2511 }
2512
2513 /***
2514  *** MyMoodle
2515  ***/
2516
2517 .my .coursebox .overview .info {
2518   margin-left:20px;
2519 }
2520
2521 .my .coursebox .overview {
2522   margin-bottom:10px;
2523 }
2524
2525
2526 /***
2527  *** Question
2528  ***/
2529 .questionbank h2 {
2530   margin-top: 0;
2531 }
2532
2533 .questioncatategories h3 {
2534   margin-top: 0;
2535 }
2536
2537 .que {
2538   text-align: left;
2539   margin: 0 auto 1.8em auto;
2540   border: 1px solid;
2541   clear: both;
2542 }
2543 .que .info {
2544   float: left;
2545   margin: 0.5em 0 0.5em 1.2em;
2546   width: 8%;
2547 }
2548 .que .content {
2549   float: left;
2550   margin: 0.5em 1.2em 0.5em 0;
2551   width: 85%;
2552 }
2553 .que.description .info {
2554   display: none;
2555 }
2556 .que.description .content,
2557 .que.description .generalfeedback {
2558   margin-left: 1.2em;
2559   margin-bottom: 0.5em;
2560   float: none;
2561   width: auto;
2562 }
2563 .que.description .qtext {
2564   margin-bottom: 0;
2565 }
2566 .que .qtext {
2567   margin-bottom: 1.5em;
2568 }
2569 .que .ablock {
2570   margin: 0.7em 0 0.3em 0;
2571 }
2572 .que .prompt {
2573   float: left;
2574   width: 15%;
2575   height: 2em;
2576   padding-top: 0.3em;
2577 }
2578 .que .control {
2579   width: 5%;
2580 }
2581 .que .answer {
2582   float: left;
2583   width: 83%;
2584   margin-bottom: 0.5em;
2585 }
2586 .que .submit {
2587   position: relative;
2588   clear: both;
2589   float: left;
2590 }
2591 /* MSIE Hack */
2592 * html .que .submit {
2593   float: none;
2594 }
2595 .multianswer .submit {
2596   margin-top: 1em;
2597 }
2598 .que .c0,
2599 .que .c1 {
2600   padding: 0.3em 0 0.3em 0.3em;
2601   vertical-align: top;
2602 }
2603 .que .feedback {
2604   clear: both;
2605   padding: 0 0 0.3em 0.3em;
2606   margin-bottom: 0.5em;
2607   border: 1px solid;
2608 }
2609 .multichoice td.feedback {
2610   width: auto;
2611   vertical-align: top;
2612   padding-top: 0.3em;
2613   border-style: none;
2614 }
2615 .essay .feedback {
2616   border-style: none;
2617 }
2618 .multichoice .text {
2619   width: auto;
2620 }
2621 .calculated .answer,
2622 .numerical .answer,
2623 .shortanswer .answer {
2624   padding: 0.3em;
2625   width: auto;
2626 }
2627 .truefalse .answer span {
2628   float: left;
2629   clear: left;
2630   padding: 0.3em;
2631   width: 100%;
2632 }
2633 .que .grading,
2634 .que .comment,
2635 .que .commentlink,
2636 .que .generalfeedback,
2637 .que .history {
2638   margin-top: 0.5em;
2639 }
2640 .que .grade {
2641   margin-top: 0.5em;
2642 }
2643
2644 .importerror {
2645   margin-top: 10px;
2646   border-bottom: 1px solid #555;
2647 }
2648
2649 /***
2650  *** Logs
2651  ***/
2652
2653 .logtable {
2654   margin-left:auto;
2655   margin-right:auto;
2656 }
2657
2658 .logtable td,
2659 .logtable th {
2660   padding-left: 10px;
2661   padding-right: 10px;
2662 }
2663
2664 .logtable th {
2665   text-align:left;
2666 }
2667
2668 #course-user .info {
2669   margin-left:auto;
2670   margin-right:auto;
2671   text-align:center;
2672   margin:10px;
2673 }
2674
2675 /***
2676  *** Tabs
2677  ***/
2678
2679
2680 /*globalnav*/
2681 .tabtree {
2682   position:relative;
2683 }
2684
2685 .tabrow0 {
2686   text-align: center;
2687   width:100%;
2688   margin:0;
2689   margin-top: 10px;
2690   padding:0 0 1.75em 0;
2691   list-style:none;
2692   line-height:1.8em;
2693   font-size: 84%;
2694 }
2695
2696 .tabrow0 li {
2697   display: inline;
2698   margin: 0 -4px 0 0;
2699   padding: 0;
2700 }
2701
2702 .tabrow0 a span {
2703   padding: 10px 14px 0.35em 0;
2704   background: transparent url(pix/tab/right.gif) no-repeat right top;
2705 }
2706
2707 .tabrow1 li a span {
2708   background: none !important;
2709 }
2710
2711 .tabrow0 a {
2712   text-decoration: none;
2713   background: transparent url(pix/tab/left.gif) no-repeat left top;
2714   margin: 0 -1px 0 0;
2715   padding: 10px 0 0.35em 13px;
2716 }
2717
2718 .tabrow0 a:hover {
2719   background-image: url(pix/tab/left_hover.gif);
2720 }
2721
2722 .tabrow0 .here a:hover {
2723   background-image: url(pix/tab/left.gif);
2724 }
2725
2726 .tabrow0 a:hover span {
2727   background-image: url(pix/tab/right_hover.gif);
2728 }
2729
2730 .tabrow0 .here a:hover span {
2731   background-image: url(pix/tab/right.gif);
2732 }
2733
2734 .tabrow0 .here a {
2735   color:#444;
2736 }
2737
2738
2739 .tabrow0 .here a:link,
2740 .tabrow0 .here a:visited,
2741 .tabrow0 .here a.nolink {
2742   position:relative;
2743   z-index:102;
2744 }
2745
2746 /*subnav*/
2747 .tabrow0 .empty {
2748   height: 1px;
2749   overflow: hidden;
2750   padding: 0;
2751 }
2752
2753 .tabrow0 div,
2754 .tabrow0 ul {
2755   position: absolute;
2756   left: 0;
2757   top: 1.95em;
2758   width: 100%;
2759   margin: 0;
2760   padding: 0.25em 0;
2761   list-style: none;
2762   border-top: 1px solid #aaa;
2763   line-height: normal;
2764   background: transparent url(pix/tab/tabrow1.gif) repeat-x center left;
2765   font-size: 90%;
2766 }
2767
2768 .tabrow0 ul li {
2769   display:inline;
2770   margin-top:1px;
2771   background-image: none;
2772 }
2773
2774 .tabrow0 ul a {
2775   background-image: none;
2776   color:#00c;
2777   margin:0;
2778   padding:0 1em;
2779   border:0
2780 }
2781
2782 .tabrow0 ul a span {
2783   padding: 0;
2784   background-image: none;
2785 }
2786
2787 .tabrow0 ul .last span,
2788 .tabrow0 ul li a:hover, .tabrow0 ul li a:hover span,
2789 .tabrow0 ul .here a:hover, .tabrow0 ul .here a:hover span {
2790   background-image: none !important;
2791 }
2792
2793 .tabrow0 ul div {
2794   display: none;
2795 }
2796
2797 ul.tabrow1 li a,
2798 ul.tabrow1 li a:link,
2799 ul.tabrow1 li a:visited {
2800   color:#00c;
2801   font-size: 110%;
2802 }
2803
2804 ul.tabrow1 li.here.selected a {
2805   color:#444;
2806 }
2807
2808 /***
2809  *** Tags
2810  ***/
2811
2812 h2.tag-heading {
2813  text-align:center;
2814  margin-left:auto;
2815  margin-right:auto;
2816  display:block;
2817  width:95%;
2818  padding: 5px 5px 5px 5px;
2819
2820 }
2821
2822 div#tag-description,
2823 div#tag-blogs {
2824  width:95%;
2825  padding: 5px 5px 5px 5px;
2826  margin-left:auto;
2827  margin-right:auto;
2828  display:block;
2829 }
2830
2831 body#tag-index .moreblogs {
2832  text-align:center;
2833 }
2834
2835 div#tag-management-box {
2836  margin-bottom:10px;
2837  text-align:center;
2838  line-height:20px;
2839  display:block;
2840  font-size:12px;
2841 }
2842
2843 div#tag-user-table {
2844  padding:3px;
2845  width:95%;
2846  clear: both;
2847  margin-left:auto;
2848  margin-right:auto;
2849  display:block;
2850 }
2851
2852 body.tag .managelink {
2853   text-align:right;
2854   padding:10px;
2855 }
2856
2857 /* small css hack for firefox*/
2858 div#tag-user-table:after{
2859  content:".";
2860  display:block;
2861  clear:both;
2862  visibility:hidden;
2863  height:0;
2864  overflow:hidden;
2865 }
2866 /* end hack*/
2867
2868 div.user-box {
2869  margin-left:8px;
2870  margin-right:8px;
2871  margin-top:8px;
2872  margin-bottom:8px;
2873  width:115px;
2874  height:160px;
2875  text-align:center;
2876  display:block;
2877  float:left;
2878  clear: none;
2879 }
2880
2881 img.user-image {
2882  border:0px;
2883  height:100px;
2884  width:100px;
2885 }
2886
2887 div#small-tag-cloud-box {
2888  width:300px;
2889  margin-left:auto;
2890  margin-right:auto;
2891  margin-bottom:0px;
2892  margin-top:0px;
2893 }
2894
2895 div#big-tag-cloud-box {
2896  width:600px;
2897  margin-left:auto;
2898  margin-right:auto;
2899  margin-bottom:0px;
2900  margin-top:0px;
2901  display:block;
2902  float:none;
2903 }
2904
2905 ul#tag-cloud-list {
2906  list-style:none;
2907  padding:5px;
2908  margin:0px;
2909  list-style-type:none;
2910 }
2911 ul#tag-cloud-list li {
2912  margin:0px;
2913  display:inline;
2914 }
2915
2916 /* search start*/
2917
2918 div#tag-search-box {
2919  text-align:center;
2920  margin-left:auto;
2921  margin-right:auto;
2922  margin-top:10px;
2923  margin-bottom:10px;
2924 }
2925
2926 div#tag-search-results-container {
2927  padding:0px;
2928  width:100%;
2929 }
2930
2931 ul#tag-search-results {
2932  padding:0px;
2933  margin-left:20%;
2934  margin-right:20%;
2935  margin-top:15px;
2936  margin-bottom:0px;
2937  float:left;
2938  width:60%;
2939  display:block;
2940  list-style:none;
2941 }
2942
2943 ul#tag-search-results li{
2944
2945  width:30%;
2946  float:left;
2947  padding-left:1%;
2948  text-align:left;
2949  line-height:20px;
2950  padding-right:1%;
2951
2952 }
2953
2954 div#tags-management-links {
2955  text-align:right;
2956  display:block;
2957  font-size:12px;
2958
2959 }
2960 /* search end*/
2961
2962 /* tag management start*/
2963 span.flagged-tag {
2964  color:#FF0000;
2965 }
2966 span.flagged-tag a{
2967  color:#FF0000;
2968 }
2969
2970 table#tag-management-list {
2971  text-align:left;
2972  margin-left:auto;
2973  margin-right:auto;
2974 }
2975
2976 table#tag-management-list tr td{
2977  padding-left:4px;
2978  padding-right :4px;
2979 }
2980
2981 .tag-management-form {
2982  text-align:center;
2983 }
2984 /* tag management end*/
2985
2986 /* autocomplete start*/
2987 #relatedtags-autocomplete-container
2988 {
2989  margin-left:auto;
2990  margin-right:auto;
2991  min-height:4.6em;
2992  width:100%;
2993 }
2994
2995 #relatedtags-autocomplete {
2996  position:relative;
2997  display:block;
2998  width:60%;
2999  margin-left:auto;
3000  margin-right:auto;
3001 }
3002 #relatedtags-autocomplete .yui-ac-content
3003 {
3004  position:absolute;
3005  width:420px;
3006  left:20%;
3007  border:1px solid #404040;
3008  background:#fff;
3009  overflow:hidden;
3010  z-index:9050;
3011 }
3012 #relatedtags-autocomplete .ysearchquery
3013 {
3014  position:absolute;
3015  right:10px;
3016  color:#808080;
3017  z-index:10;
3018 }
3019 #relatedtags-autocomplete .yui-ac-shadow {
3020  position:absolute;
3021  margin:.3em;
3022  width:100%;
3023  background:#a0a0a0;
3024  z-index:9049;
3025 }
3026 #relatedtags-autocomplete ul {
3027  padding:0;width:100%;
3028  margin:0;
3029  list-style-type:none;
3030 }
3031
3032 #relatedtags-autocomplete li {
3033  padding:0 5px;
3034  cursor:default;
3035  white-space:
3036  nowrap;
3037 }
3038 #relatedtags-autocomplete li.yui-ac-highlight
3039 {
3040  background:#FFFFCC;
3041 }
3042 /* autocomplete end*/
3043
3044 /***
3045  *** User
3046  ***/
3047
3048 .userinfobox {
3049   margin-bottom:5px;
3050   border-width: 1px;
3051   border-style: solid;
3052   border-collapse: separate;
3053 }
3054
3055 .userinfobox .left,
3056 .userinfobox .side {
3057   padding: 10px;
3058   width: 100px;
3059   vertical-align: top;
3060 }
3061
3062 .userinfobox .userpicture {
3063   width: 100px;
3064   height: 100px;
3065 }
3066
3067 .userinfobox .content {
3068   padding: 10px;
3069   vertical-align: top;
3070 }
3071
3072 .userinfobox .links {
3073   width: 100px;
3074   padding: 5px;
3075   vertical-align: bottom;
3076 }
3077
3078 .userinfobox .list td {
3079   padding: 3px;
3080 }
3081
3082 .userinfobox .username {
3083   padding-bottom: 20px;
3084 }
3085
3086 .userinfobox td.label {
3087   text-align:right;
3088   white-space: nowrap;
3089   vertical-align: top;
3090 }
3091
3092 table.userinfobox {
3093   width: 80%;
3094   margin-left: 10%;
3095   margin-right: 10%;
3096 }
3097
3098 table.groupinfobox {
3099   width: 60%;
3100   margin-left: 20%;
3101   margin-right: 20%;
3102   border-width:1px;
3103   border-style:solid;
3104   margin-bottom: 20px;
3105 }
3106
3107 .groupinfobox .left {
3108   padding: 10px;
3109   width: 100px;
3110   vertical-align: top;
3111 }
3112
3113 body#user-index h2 {
3114   text-align: center;
3115 }
3116
3117 #user-view .buttons,
3118 #user-index .buttons {
3119   text-align: center;
3120 }
3121
3122 #user-view .buttons form,
3123 #user-view .buttons form div {
3124   display:inline;
3125 }
3126
3127 body#user-index #longtimenosee,
3128 body#user-index #showall {
3129   text-align: center;
3130 }
3131
3132 body#user-index #showall {
3133   margin: 10px 0px;
3134 }
3135
3136 body#user-index table#participants,
3137 body#tag-manage table#tag-management-list {
3138   margin: auto;
3139   width: 80%;
3140 }
3141
3142 body#tag-manage table#tag-management-list td,
3143 body#tag-manage table#tag-management-list th,
3144 body#user-index table#participants td,
3145 body#user-index table#participants th {
3146   vertical-align: middle;
3147   text-align: left;
3148   padding: 4px;
3149 }
3150
3151 body#user-index table.controls {
3152   width: 100%;
3153 }
3154 body#user-index table.controls tr {
3155   vertical-align: top;
3156 }
3157 body#user-index table.controls td.right,
3158 body#user-index table.controls td.left {
3159   padding: 4px;
3160 }
3161 body#user-index table.controls .right {
3162   text-align: right;
3163 }
3164 body#course-participation h2 {
3165   text-align:center;
3166 }
3167 body#course-participation #showall {
3168   text-align:center;
3169   margin: 10px 0px;
3170 }
3171 body#user-index .rolesform {
3172   text-align:center;
3173 }
3174
3175 #user-policy .noticebox {
3176   text-align:center;
3177   margin-left:auto;
3178   margin-right:auto;
3179   margin-bottom:10px;
3180   width:80%;
3181   height:250px;
3182 }
3183
3184 #user-policy #policyframe {
3185   width:100%;
3186   height:100%;
3187 }
3188
3189 .iplookup #map {
3190   margin:auto;
3191 }
3192
3193 .iplookup #note {
3194   text-align:center;
3195 }
3196
3197 /***
3198  *** Modules: Assignment
3199  ***/
3200
3201 .userpicture,
3202 .picture user,
3203 .picture teacher {
3204   width:35px;
3205   vertical-align:top;
3206 }
3207 .modform {
3208   text-align:center;
3209 }
3210 #wordcount {
3211   text-align: right;
3212 }
3213
3214 /***
3215  *** Modules: Chat
3216  ***/
3217
3218 .nextchatsession {
3219   text-align:center;
3220 }
3221
3222 #mod-chat-gui_header_js-jsupdate {
3223   margin:10px
3224 }
3225 #mod-chat-gui_header_js-jsupdate .chat-event,
3226 #mod-chat-gui_header_js-jsupdate .chat-message {
3227   width:100%;
3228   padding:0;
3229   margin-top:7px
3230 }
3231
3232 #mod-chat-view #chatcurrentusers .chatuserdetails {
3233   vertical-align: middle;
3234 }
3235
3236 #mod-chat-view #enterlink {
3237   text-align: center;
3238   margin-left: auto;
3239   margin-right: auto;
3240   width: 50%;
3241 }
3242
3243 .chat-event .picture,
3244 .chat-message .picture {
3245   width:40px;
3246   vertical-align:top;
3247 }
3248 .chat-event .text,
3249 .chat-message .text {
3250   text-align: left;
3251 }
3252
3253 #mod-chat-gui_basic #participants ul {
3254   margin:0px;
3255   padding:0px;
3256   list-style-type:none;
3257 }
3258
3259 #mod-chat-gui_basic #participants ul li {
3260   display:inline;
3261   margin-right:10px;
3262 }
3263
3264 #mod-chat-gui_basic #participants ul li .userinfo {
3265   display:inline;
3266 }
3267
3268 #mod-chat-gui_basic #messages dl {
3269   padding:0px;
3270   margin:1px;
3271 }
3272
3273 #mod-chat-gui_basic #messages dd,
3274 #mod-chat-gui_basic #messages dt {
3275   margin-left:0px;
3276   margin-right:5px;
3277   padding:0px;
3278   display:inline;
3279 }
3280
3281 /***
3282  *** Modules: Choice
3283  ***/
3284 .button {
3285   text-align:center;
3286 }
3287
3288 .attemptcell {
3289   width:5px;
3290   white-space: nowrap;
3291 }
3292
3293 .anonymous,
3294 .names {
3295   margin-left:auto;
3296   margin-right:auto;
3297 }
3298
3299 .downloadreport {
3300   border:0px;
3301   margin-left:auto;
3302   margin-right:auto;
3303 }
3304
3305 .choiceresponse {
3306   width:100%;
3307 }
3308 .choiceresponse .picture {
3309   width:10px;
3310   white-space: nowrap;
3311 }
3312
3313 .choiceresponse .fullname {
3314   width:100%;
3315   white-space: nowrap;
3316 }
3317
3318
3319 .results.data {
3320   vertical-align:top;
3321   white-space: nowrap;
3322 }
3323
3324 /***
3325  *** Modules: Data
3326  ***/
3327 .fieldadd,
3328 .sortdefault,
3329 .defaulttemplate {
3330   text-align:center;
3331 }
3332 .datapreferences {
3333   text-align:center;
3334 }
3335
3336 table.presets {
3337   margin-left: auto;
3338   margin-right: auto;
3339 }
3340
3341 /***
3342  *** Modules: Forum
3343  ***/
3344
3345 #mod-forum-view .forummode {
3346   text-align:center;
3347 }
3348
3349 .forumheaderlist,
3350 .forumpost {
3351   border-width:1px;
3352   border-style:solid;
3353   border-collapse:separate;
3354 }
3355
3356 .forumpost {
3357   margin-top: 15px;
3358 }
3359
3360 .forumpost .topic {
3361   padding: 4px;
3362   border-style:solid;
3363   border-width: 0px;
3364   border-bottom-width: 1px;
3365 }
3366
3367 .forumpost .commands {
3368   padding-top: 0.5em;
3369   text-align:right;
3370   clear: both;
3371 }
3372
3373 .forumpost .ratings {
3374   padding-top: 1em;
3375   text-align:right;
3376 }
3377
3378 .forumpost .attachments {
3379   padding: 7px;
3380   text-align:right;
3381 }
3382
3383 .forumpost .content {
3384   padding: 4px;
3385 }
3386
3387 .forumpost .footer {
3388   padding-top: 0.5em;
3389   text-align:right;
3390 }
3391
3392 .forumpost .link {
3393   padding-top: 0.5em;
3394   text-align:right;
3395 }
3396
3397 .forumpost .left {
3398   width: 35px;
3399   padding: 4px;
3400   text-align: center;
3401   vertical-align: top;
3402 }
3403
3404 .mod-forum .indent {
3405   margin-left: 30px;
3406 }
3407
3408 body#user-view .forumpost,
3409 .course .forumpost {
3410   width: 100%;
3411 }
3412
3413 body#mod-forum-search .c0 {
3414   text-align: right;
3415 }
3416
3417 body#mod-forum-search .introcontent {
3418   padding: 15px;
3419 }
3420
3421 .forumolddiscuss {
3422   text-align: right;
3423 }
3424
3425 .forumheaderlist {
3426   width: 100%;
3427 }
3428
3429 .forumheaderlist td {
3430   border-width:1px 0px 0px 1px;
3431   border-style:solid;
3432 }
3433
3434 .forumheaderlist .replies {
3435   text-align: center;
3436   white-space: nowrap;
3437 }
3438
3439 .forumheaderlist .picture {
3440   width: 35px;
3441 }
3442
3443 .forumheaderlist .discussion .starter {
3444   vertical-align: middle;
3445 }
3446
3447 .forumheaderlist .lastpost {
3448   white-space: nowrap;
3449   text-align: right;
3450 }
3451
3452 .forumheaderlist .discussion .author {
3453   white-space: nowrap;
3454 }
3455 .forumolddiscuss {
3456   text-align:right;
3457 }
3458 .forumaddnew,
3459 .forumnodiscuss,
3460 .noticeboxcontent {
3461   text-align:center;
3462 }
3463
3464 #mod-forum-view .forumaddnew {
3465   margin-bottom: 20px;
3466 }
3467
3468 #mod-forum-view .forumcontrol .groupmenu {
3469   float: left;
3470   text-align:left;
3471   white-space: nowrap;
3472 }
3473
3474 #mod-forum-view .groupmenu {
3475   float: left;
3476   text-align:left;
3477   white-space: nowrap;
3478 }
3479
3480 #mod-forum-view .forumcontrol .subscription {
3481   float: right;
3482   text-align:right;
3483   white-space: nowrap;
3484 }
3485
3486 #mod-forum-view .subscription {
3487   float: right;
3488   text-align:right;
3489   white-space: nowrap;
3490 }
3491
3492 #mod-forum-index .subscription {
3493   float: right;
3494   text-align:right;
3495   white-space: nowrap;
3496 }
3497
3498 #mod-forum-view .unread {
3499   padding-left: 3px;
3500   padding-right: 3px;
3501 }
3502 #mod-forum-discuss .forumpost.unread .content {
3503   border-style: solid;
3504   border-width: 2px;
3505 }
3506 #mod-forum-discuss .ratingsubmit {
3507   text-align:center;
3508   padding:10px;
3509 }
3510 #mod-forum-index .unread img,
3511 #mod-forum-view .unread img
3512 {
3513   margin-left: 5px;
3514 }
3515
3516 #mod-forum-discuss .discussioncontrols td {
3517   width: 33%;
3518   text-align:center;
3519 }
3520
3521 #email .unsubscribelink {
3522   margin-top:20px;
3523   border-width: 0px 1px 0px 0px;
3524   border-style: solid;
3525   text-align:center;
3526 }
3527
3528 #mod-forum-view .subscription {
3529   margin: 5px 0;
3530 }
3531
3532 /***
3533  *** Modules: Glossary
3534  ***/
3535
3536 .glossarypost .commands {
3537   width: 200px;
3538   white-space: nowrap;
3539 }
3540
3541 #mod-glossary-comments .glossarypost,
3542 #mod-glossary-comment .glossarypost {
3543   margin-top: 15px;
3544 }
3545
3546 .entryboxheader {
3547   border-width: 1px 1px 0px 1px;
3548   border-style: solid;
3549 }
3550
3551 .entrybox {
3552   width: 100%;
3553   border-width: 0px 1px 1px 1px;
3554   border-style: solid;
3555 }
3556
3557 .entrybox hr {
3558   border-left:none;
3559   border-right:none;
3560 }
3561
3562 .glossarypost {
3563   width: 95%;
3564   border-width:1px;
3565   border-style:solid;
3566   border-collapse:separate;
3567   margin-left:auto;
3568   margin-right:auto;
3569   margin-bottom: 5px;
3570   text-align: left;
3571 }
3572
3573 .entrylist {
3574   border-width:0px;
3575 }
3576
3577 .entrylowersection {
3578   padding-top: 10px;
3579 }
3580
3581 .entrylowersection table{
3582   width: 100%;
3583 }
3584
3585 .entrylowersection .aliases {
3586   text-align:center;
3587 }
3588
3589 .entrylowersection .icons,
3590 .entrylowersection .ratings {
3591   text-align:right;
3592   padding-right: 5px;
3593 }
3594
3595 .entrylowersection .ratings {
3596   padding-bottom: 2px;
3597 }
3598
3599 .glossarycategoryheader {
3600   width: 95%;
3601   margin-left:auto;
3602   margin-right:auto;
3603 }
3604
3605 .glossaryformatheader {
3606   width: 90%;
3607 }
3608
3609 .glossarypost .entry {
3610   padding: 3px;
3611 }
3612
3613 .glossarypost .picture {
3614   width: 35px;
3615 }
3616
3617 .glossarycomment {
3618   border-width:1px;
3619   border-style:solid;
3620   border-collapse:separate;
3621   margin-bottom: 5px;
3622   text-align: left;
3623 }
3624
3625 .glossarycomment .entry {
3626   padding: 3px;
3627 }
3628
3629 .glossarycomment .picture {
3630   width: 35px;
3631 }
3632
3633 .glossarycomment .icons {
3634   text-align: right;
3635 }
3636
3637 .glossarydisplay {
3638   width: 90%;
3639   margin-left:auto;
3640   margin-right:auto;
3641   text-align:center;
3642 }
3643
3644 .glossarydisplay .tabs {
3645   width: 100%;
3646 }
3647
3648 .glossarydisplay .separator {
3649   width: 4px;
3650 }
3651
3652 .glossarydisplay .tabs .selected,
3653 .glossarydisplay .tabs .inactive,
3654 .glossarydisplay .tabs .general {
3655 }
3656
3657 .glossaryimportexport {
3658   margin-left:auto;
3659   margin-right:auto;
3660   text-align:center;
3661 }
3662
3663 .glossarypopup {
3664   width: 95%;
3665 }
3666
3667 .glossaryapproval {
3668   width: 100%;
3669 }
3670
3671 .mod-glossary .glossarydisplay .tabs {
3672   margin-bottom: 0px;
3673 }
3674
3675 .mod-glossary .glossarydisplay .tabs .side {
3676   border-style: none;
3677   border-width: 0px;
3678   width: auto;
3679 }
3680
3681 .glossaryexplain,
3682 .glossaryaddentry {
3683   text-align: center;
3684 }
3685
3686 .mod-glossary .tabrow0 {
3687   padding-bottom: 5px;
3688 }
3689
3690 #mod-glossary-view .glossarycontrol {
3691   float: right;
3692   text-align:right;
3693   white-space: nowrap;
3694   margin: 5px 0;
3695 }
3696
3697 /***
3698  *** Modules: Journal
3699  ***/
3700 #mod-journal-view .lastedit,
3701 #mod-journal-view .editend {
3702   margin: 5px;
3703   text-align: center;
3704 }
3705 #mod-journal-view .feedbackbox {
3706   width: 75%;
3707   border-collapse: separate;
3708 }
3709 #mod-journal-view .entrycontent {
3710   padding: 3px;
3711 }
3712 #mod-journal-view .picture {
3713   width: 35px;
3714 }
3715 #mod-journal-view .grade {
3716   text-align: right;
3717 }
3718 #mod-journal-view .info {
3719   margin-bottom: 5px;
3720   text-align: right;
3721 }
3722
3723
3724 /***
3725  *** Modules: Label
3726  ***/
3727
3728 /***
3729  *** Modules: Lesson
3730  ***/
3731 #mod-lesson-lesson #page .addform {
3732   text-align: center;
3733 }
3734 #mod-lesson-edit #page .label {
3735   font-weight: bold;
3736 }
3737 #mod-lesson-edit #page .labelcorrect {
3738   text-decoration: underline;
3739   font-weight: bold;
3740 }
3741 .lessonmediafilecontrol {
3742   text-align: center;
3743   margin-left: auto;
3744   margin-right: auto;
3745 }
3746
3747 #mod-lesson-view #content .invisiblefieldset {
3748   display: block;
3749   text-align: left;
3750 }
3751
3752 /***
3753  *** Modules: Quiz
3754  ***/
3755
3756 #mod-quiz-view .quizinfo {
3757   text-align: center;
3758 }
3759 #mod-quiz-view #page .quizgradefeedback,
3760 #mod-quiz-view #page .quizattempt
3761 {
3762   text-align: center;
3763 }
3764 #mod-quiz-view #page .quizattemptsummary td p {
3765   margin-top: 0;
3766 }
3767 #mod-quiz-view .generalbox#feedback {
3768   width:70%;
3769   margin-left:auto;
3770   margin-right:auto;
3771   padding-bottom:15px;
3772 }
3773 #mod-quiz-view .generalbox#feedback h2 {
3774   margin: 0 0;
3775 }
3776 body#mod-quiz-view .generalbox#feedback .overriddennotice {
3777   text-align: center;
3778   font-size: 0.7em;
3779 }
3780 #mod-quiz-view .generalbox#feedback h3 {
3781   text-align: left;
3782 }
3783
3784 .generalbox#passwordbox { /* Should probably match .generalbox#intro above */
3785   width:70%;
3786   margin-left:auto;
3787   margin-right:auto;
3788 }
3789 #passwordform {
3790   margin: 1em 0;
3791 }
3792 #mod-quiz-attempt #page {
3793   text-align: center;
3794 }
3795 #mod-quiz-attempt .pagingbar {
3796   margin: 1.5em auto;
3797 }
3798 #mod-quiz-attempt #page {
3799     text-align: center;
3800 }
3801
3802 #mod-quiz-attempt #timer .generalbox {
3803   width:150px
3804 }
3805
3806 #mod-quiz-attempt #timer {
3807   position:absolute;
3808   /*top:100px; is set by js*/
3809   left:10px
3810 }
3811
3812 body#question-preview .quemodname,
3813 body#question-preview .controls
3814 {
3815   text-align: center;
3816 }
3817 body#question-preview .quemodname, body#question-preview .controls {
3818   text-align: center;
3819 }
3820
3821 #mod-quiz-attempt #page .controls,
3822 #mod-quiz-review #page .controls {
3823   text-align: center;
3824   margin: 8px auto;
3825 }
3826 #mod-quiz-review .pagingbar {
3827   margin: 1.5em auto;
3828 }
3829 #mod-quiz-review .pagingbar {
3830   margin: 1.5em auto;
3831 }
3832 table.quizreviewsummary {
3833   margin-bottom: 1.8em;
3834   width: 100%;
3835 }
3836 table.quizreviewsummary tr {
3837 }
3838 table.quizreviewsummary th.cell {
3839   padding: 1px 0.5em 1px 1em;
3840   font-weight: bold;
3841   text-align: right;
3842   width: 10em;
3843 }
3844 table.quizreviewsummary td.cell {
3845   padding: 1px 1em 1px 0.5em;
3846 }
3847
3848 #mod-quiz-mod #reviewoptionshdr .fitem {
3849   float: left;
3850   width: 30%;
3851   margin-left: 10px;
3852   clear: none;
3853 }
3854 #mod-quiz-mod #reviewoptionshdr .fitemtitle {
3855   width: 100%;
3856   font-weight: bold;
3857   text-align: left;
3858   height: 2.5em;
3859  margin-left: 0;
3860 }
3861 #mod-quiz-mod #reviewoptionshdr fieldset.fgroup {
3862   width: 100%;
3863   text-align: left;
3864  margin-left: 0;
3865 }
3866 #mod-quiz-mod #reviewoptionshdr fieldset.fgroup span {
3867   float: left;
3868   clear: left;
3869 }
3870
3871 #mod-quiz-edit #page .controls,
3872 #mod-quiz-edit #page .quizattemptcounts
3873 {
3874   clear : left;
3875   text-align: center;
3876 }
3877 #mod-quiz-edit .quizquestions h2 {
3878   margin-top: 0;
3879 }
3880 #mod-quiz-edit #showbreaks {
3881   margin-top: 0.7em;
3882 }
3883 .quizquestionlistcontrols {
3884   text-align: center;
3885 }
3886
3887 #mod-quiz-report table#attempts,
3888 #mod-quiz-report table#commands,
3889 #mod-quiz-report table#itemanalysis
3890 {
3891   width: 80%;
3892   margin: auto;
3893 }
3894 #mod-quiz-report table#attempts,
3895 #mod-quiz-report h2.main {
3896   clear: both;
3897 }
3898 #mod-quiz-report table#attempts {
3899   margin: 20px auto;
3900 }
3901 #mod-quiz-report table#attempts .header,
3902 #mod-quiz-report table#attempts .cell
3903 {
3904   padding: 4px;
3905 }
3906 #mod-quiz-report table#attempts .header .commands {
3907   display: inline;
3908 }
3909 #mod-quiz-report table#attempts .picture {
3910   width: 40px;
3911 }
3912 #mod-quiz-report table#attempts td {
3913   border-left-width: 1px;
3914   border-right-width: 1px;
3915   border-left-style: solid;
3916   border-right-style: solid;
3917   vertical-align: middle;
3918 }
3919 #mod-quiz-report table#attempts .header {
3920   text-align: left;
3921 }
3922 #mod-quiz-report table#attempts .picture {
3923   text-align: center !important;
3924 }
3925 #mod-quiz-report .controls {
3926   text-align: center;
3927 }
3928
3929 #mod-quiz-report table#itemanalysis {
3930   margin: 20px auto;
3931 }
3932 #mod-quiz-report table#itemanalysis .header,
3933 #mod-quiz-report table#itemanalysis .cell
3934 {
3935   padding: 4px;
3936 }
3937 #mod-quiz-report table#itemanalysis .header .commands {
3938   display: inline;
3939 }
3940 #mod-quiz-report table#itemanalysis td {
3941   border-width: 1px;
3942   border-style: solid;
3943 }
3944 #mod-quiz-report table#itemanalysis .header {
3945   text-align: left;
3946 }
3947 #mod-quiz-report table#itemanalysis .numcol {
3948   text-align: center;
3949   vertical-align : middle !important;
3950 }
3951
3952 #mod-quiz-report table#itemanalysis .uncorrect {
3953   color: red;
3954 }
3955
3956 #mod-quiz-report table#itemanalysis .correct {
3957   color: blue;
3958   font-weight : bold;
3959 }
3960
3961 #mod-quiz-report table#itemanalysis .partialcorrect {
3962   color: green !important;
3963 }
3964
3965 #mod-quiz-report table#itemanalysis .qname {
3966   color: green !important;
3967 }
3968
3969 /* manual grading */
3970 #mod-quiz-grading table#grading
3971 {
3972   width: 80%;
3973   margin: auto;
3974 }
3975
3976 #mod-quiz-grading table#grading
3977 {
3978   margin: 20px auto;
3979 }
3980
3981 #mod-quiz-grading table#grading .header,
3982 #mod-quiz-grading table#grading .cell
3983 {
3984   padding: 4px;
3985 }
3986
3987 #mod-quiz-grading table#grading .header .commands
3988 {
3989   display: inline;
3990 }
3991
3992 #mod-quiz-grading table#grading .picture
3993 {
3994   width: 40px;
3995 }
3996
3997 #mod-quiz-grading table#grading td
3998 {
3999   border-left-width: 1px;
4000   border-right-width: 1px;
4001   border-left-style: solid;
4002   border-right-style: solid;
4003   vertical-align: bottom;
4004 }
4005
4006 .mod-quiz .gradingdetails {
4007   font-size: small;
4008 }
4009 .quizattemptcounts {
4010   text-align: center;
4011   clear : left;
4012   margin: 6px 0;
4013 }
4014 /***
4015  *** Modules: Resource
4016  ***/
4017
4018 #mod-resource-view .resourcecontent {
4019   text-align:center;
4020   margin:20px;
4021 }
4022
4023 #mod-resource-view .resourcepdf {
4024   width: 100%;
4025   padding-top: 15px;
4026   text-align: center
4027 }
4028
4029 .resourcecontent object {
4030   height:480px;
4031   width:600px;
4032 }
4033
4034 .resourcepdf object{
4035   height: 800px;
4036   width: 800px;
4037 }
4038
4039 .mod-resource .modified {
4040   text-align:center;
4041 }
4042
4043 .mod-resource .popupnotice {
4044   text-align:center;
4045   margin:40px;
4046 }
4047
4048 .ims-nav-bar {
4049   margin-top:0.2em;
4050   position: relative;
4051 }
4052
4053 .ims-nav-button a,
4054 .ims-nav-dimmed {
4055   padding-left:1em;
4056   padding-right:1em;
4057   padding-top:0.2em;
4058   padding-bottom:0.2em;
4059 }
4060
4061 #ims-containerdiv {
4062   margin-top:0.2em;
4063 }
4064
4065 #ims-menudiv {
4066   padding-top:1em;
4067   padding-right:0.2em;
4068   position:absolute;
4069   width:250px;
4070   overflow:auto;
4071 }
4072
4073 #ims-menudiv ol {
4074   margin:0em;
4075   list-style-type:none;
4076   padding-left:1em;
4077 }
4078
4079 #ims-contentframe {
4080   position:absolute;
4081   left:260px;
4082   border:1px solid;
4083   width:640px;
4084   height:480px;
4085 }
4086
4087 #ims-contentframe-no-nav {
4088   position:absolute;
4089   border:1px solid;
4090   width:640px;
4091   height:480px;
4092 }
4093
4094 #mod-resource-view div#footer {
4095   margin-top: 5px;
4096 }
4097
4098 /***
4099  *** Modules: Scorm
4100  ***/
4101
4102 /***
4103  *** Modules: Survey
4104  ***/
4105 .resultgraph {
4106   text-align:center;
4107   border:1px solid;
4108 }
4109
4110 .reportsummary,
4111 .studentreport,
4112 .reportbuttons {
4113   text-align:center;
4114 }
4115
4116 .centerpara {
4117   text-align:center;
4118 }
4119
4120 .fullnamecell {
4121   width:10%;
4122   vertical-align:top;
4123   white-space: nowrap;
4124 }
4125
4126 .questiontext {
4127   font-size:1em;
4128 }
4129
4130 .smalltext {
4131   font-size: 0.75em;
4132 }
4133
4134 #surveyform th {
4135   font-weight: normal;
4136   text-align: left;
4137 }
4138 #surveyform th.hresponse {
4139   text-align: center;
4140   width: 9%;
4141 }
4142
4143 .rblock label {
4144   display: block;
4145   text-align: center;
4146 }
4147
4148 .foundthat,
4149 .preferthat {
4150   white-space: nowrap;
4151 }
4152
4153 .qnummiddlecell {
4154   vertical-align:middle;
4155 }
4156
4157 .optioncell {
4158   width: 50%;
4159   vertical-align: top;
4160 }
4161
4162 .buttoncell {
4163   width:5%;
4164 }
4165
4166 .questioncell {
4167   width:50%;
4168   vertical-align:top;
4169 }
4170
4171 .whitecell {
4172   background-color:white;
4173 }
4174 /***
4175  *** Modules: Wiki
4176  ***/
4177 .sideblockheading,
4178 .howtowiki {
4179   text-align:right;
4180 }
4181
4182 .wikisearchform,
4183 .wikilinksblock,
4184 wikiadminactions {
4185   text-align:center;
4186 }
4187
4188 .wikilinkright{
4189   text-align:right;
4190   padding-bottom: 0.5em;
4191 }
4192
4193 .wikiexportbox{
4194   margin-left:auto;
4195   margin-right:auto;
4196 }
4197 /***
4198  *** Modules: Workshop
4199  ***/
4200 .redfont {
4201   color: red;
4202 }
4203
4204 .workshopuploadform,
4205 .workshopkey {
4206   text-align:center;
4207 }
4208
4209
4210 /***
4211  *** Help files (/lang/-/help)
4212  ***/
4213 #help hr {
4214   border: none;
4215   height: 1px;
4216   background: #ccc;
4217 }
4218 #help .example1 {
4219   color: #a00;
4220 }
4221 #help .success {
4222   color: #080;
4223 }
4224 #help .center {
4225   text-align: center;
4226 }
4227 #help .moreinfo {
4228   text-align: right;
4229 }
4230 /* Equivalent to 1 and 5 nested blockquotes respectively. */
4231 #help .indent {
4232   margin-left: 40px;
4233 }
4234 #help .indent-big {
4235   margin-left: 160px;
4236   margin-right:160px;
4237 }
4238 #help pre, #help code {
4239   background: #eee;
4240   border: 1px dashed #ddd;
4241   padding: 3px;
4242 }