[Summary view] [Print] [Text view]

   1  /**
   2   * Required to undo YUI resets that override input size, margin, etc.
   3   */
   4  input[type=text],
   5  input[type=password],
   6  textarea {
   7      width: auto;
   8  }
   9  
  10  input[type=checkbox],
  11  input[type=radio] {
  12      margin-right: 7px;
  13  }
  14  
  15  /* Fix for YUI overriding styles */
  16  strong {
  17      font-style: inherit;
  18  }
  19  
  20  em {
  21      font-weight: inherit;
  22  }
  23  
  24  /**
  25   * General
  26   */
  27  th,
  28  td,
  29  a img {
  30      border-width: 0;
  31  }
  32  
  33  acronym,
  34  abbr {
  35      cursor: help;
  36  }
  37  
  38  .dir-ltr,
  39  .mdl-left,
  40  .dir-rtl .mdl-right {
  41      text-align: left;
  42  }
  43  
  44  .dir-rtl,
  45  .mdl-right,
  46  .dir-rtl .mdl-left {
  47      text-align: right;
  48  }
  49  
  50  #add,
  51  #remove,
  52  .centerpara,
  53  .mdl-align {
  54      text-align: center;
  55  }
  56  
  57  a.dimmed,
  58  a.dimmed:link,
  59  a.dimmed:visited,
  60  a.dimmed_text,
  61  a.dimmed_text:link,
  62  a.dimmed_text:visited,
  63  .dimmed_text,
  64  .dimmed_text a,
  65  .dimmed_text a:link,
  66  .dimmed_text a:visited,
  67  .usersuspended,
  68  .usersuspended a,
  69  .usersuspended a:link,
  70  .usersuspended a:visited,
  71  .dimmed_category,
  72  .dimmed_category a,
  73  .dimmed_category a:link,
  74  .dimmed_category a:visited {
  75      color: #AAA;
  76  }
  77  
  78  .activity.label .dimmed_text {
  79      opacity: 0.5;
  80      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  81      filter: alpha(opacity=50);
  82  }
  83  
  84  .unlist,
  85  .unlist li,
  86  .inline-list,
  87  .inline-list li,
  88  .block .list,
  89  .block .list li,
  90  .sitetopic .section li.activity,
  91  .course-content .section li.activity,
  92  .sitetopic .section li.movehere,
  93  .course-content .section li.movehere {
  94      list-style: none;
  95      margin: 0;
  96      padding: 0;
  97  }
  98  
  99  .course-content .current {
 100      background: #E3E3E3;
 101  }
 102  
 103  .inline,
 104  .inline-list li {
 105      display: inline;
 106  }
 107  
 108  .notifytiny {
 109      font-size: 0.7em;
 110  }
 111  
 112  .notifytiny li,
 113  .notifytiny td {
 114      font-size: 100%;
 115  }
 116  
 117  .red,
 118  .notifyproblem {
 119      color: #660000;
 120  }
 121  
 122  .green,
 123  .notifysuccess {
 124      color: #006600;
 125  }
 126  
 127  .reportlink {
 128      text-align: right;
 129  }
 130  
 131  a.autolink.glossary:hover {
 132      cursor: help;
 133  }
 134  /* Block which is hidden if javascript enabled, prevents flickering, visible when JS from footer used! */
 135  .collapsibleregioncaption {
 136      white-space: nowrap;
 137  }
 138  
 139  .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
 140      cursor: pointer;
 141  }
 142  
 143  .collapsibleregioncaption img {
 144      vertical-align: middle;
 145  }
 146  
 147  .jsenabled .hiddenifjs {
 148      display: none;
 149  }
 150  
 151  .visibleifjs {
 152      display: none;
 153  }
 154  
 155  .jsenabled .visibleifjs {
 156      display: inline;
 157  }
 158  
 159  .jsenabled .collapsibleregion {
 160      overflow: hidden;
 161  }
 162  
 163  .jsenabled .collapsed .collapsibleregioninner {
 164      visibility: hidden;
 165  }
 166  
 167  .yui-overlay .yui-widget-bd {
 168      background-color: #FFEE69;
 169      border: 1px solid #A6982B;
 170      border-top-color: #D4C237;
 171      color: #000000;
 172      left: 0;
 173      padding: 2px 5px;
 174      position: relative;
 175      top: 0;
 176      z-index: 1;
 177  }
 178  
 179  .clearer {
 180      background: transparent;
 181      border-width: 0;
 182      clear: both;
 183      display: block;
 184      height: 1px;
 185      margin: 0;
 186      padding: 0;
 187  }
 188  
 189  .clearfix:after {
 190      clear: both;
 191      content: ".";
 192      display: block;
 193      height: 0;
 194      min-width: 0;
 195      visibility: hidden;
 196  }
 197  
 198  .bold,
 199  .warning,
 200  .errorbox .title,
 201  .pagingbar .title,
 202  .pagingbar .thispage,
 203  #site-news-forum h2,
 204  #frontpage-course-list h2,
 205  #frontpage-category-names h2,
 206  #frontpage-category-combo h2 {
 207      font-weight: bold;
 208  }
 209  
 210  img.resize {
 211      height: 1em;
 212      width: 1em;
 213  }
 214  
 215  .block img.resize,
 216  .breadcrumb img.resize {
 217      height: 0.9em;
 218      width: 0.8em;
 219  }
 220  
 221  /* Icon styles */
 222  img.icon {
 223      height: 16px;
 224      vertical-align: text-bottom;
 225      width: 16px;
 226      padding-right: 6px;
 227  }
 228  
 229  .dir-rtl img.icon {
 230      padding-left: 6px;
 231      padding-right: 0;
 232  }
 233  
 234  img.iconsmall {
 235      height: 12px;
 236      margin-right: 3px;
 237      margin-left: 3px;
 238      vertical-align: middle;
 239      width: 12px;
 240  }
 241  
 242  img.iconhelp,
 243  .helplink img {
 244      height: 16px;
 245      padding-left: 3px;
 246      vertical-align: text-bottom;
 247      width: 16px;
 248  }
 249  
 250  .dir-rtl img.iconhelp,
 251  .dir-rtl .helplink img {
 252      padding-right: 3px;
 253      padding-left: 0;
 254  }
 255  
 256  img.iconlarge {
 257      height: 24px;
 258      width: 24px;
 259      vertical-align: middle;
 260  }
 261  
 262  img.iconsort {
 263      vertical-align: text-bottom;
 264      padding-left: .3em;
 265      margin-bottom: .15em;
 266  }
 267  
 268  .dir-rtl img.iconsort {
 269      padding-right: .3em;
 270      padding-left: 0;
 271  }
 272  
 273  img.icontoggle {
 274      height: 17px;
 275      vertical-align: middle;
 276      width: 50px;
 277  }
 278  
 279  img.iconkbhelp {
 280      height: 17px;
 281      width: 49px;
 282  }
 283  
 284  img.icon-pre,
 285  .dir-rtl img.icon-post {
 286      padding-right: 3px;
 287      padding-left: 0;
 288  }
 289  
 290  img.icon-post,
 291  .dir-rtl img.icon-pre {
 292      padding-left: 3px;
 293      padding-right: 0;
 294  }
 295  
 296  .generalbox {
 297      border: 1px solid;
 298  }
 299  
 300  .boxaligncenter {
 301      margin-left: auto;
 302      margin-right: auto;
 303  }
 304  
 305  .boxalignright {
 306      margin-left: auto;
 307      margin-right: 0;
 308  }
 309  
 310  .boxalignleft {
 311      margin-left: 0;
 312      margin-right: auto;
 313  }
 314  
 315  .boxwidthnarrow {
 316      width: 30%;
 317  }
 318  
 319  .boxwidthnormal {
 320      width: 50%;
 321  }
 322  
 323  .boxwidthwide {
 324      width: 80%;
 325  }
 326  
 327  .buttons .singlebutton,
 328  .buttons .singlebutton form,
 329  .buttons .singlebutton div {
 330      display: inline;
 331  }
 332  
 333  .buttons .singlebutton input {
 334      margin: 20px 5px;
 335  }
 336  
 337  .headermain {
 338      font-weight: bold;
 339  }
 340  
 341  #maincontent {
 342      display: block;
 343      height: 1px;
 344      overflow: hidden;
 345  }
 346  
 347  img.uihint {
 348      cursor: help;
 349  }
 350  
 351  #addmembersform table {
 352      margin-left: auto;
 353      margin-right: auto;
 354  }
 355  
 356  .formtable tbody th,
 357  .generaltable th.header {
 358      vertical-align: top;
 359  }
 360  
 361  .cell {
 362      vertical-align: top;
 363  }
 364  
 365  img.emoticon {
 366      vertical-align: middle;
 367      width: 15px;
 368      height: 15px;
 369  }
 370  
 371  form.popupform,
 372  form.popupform div {
 373      display: inline;
 374  }
 375  
 376  .arrow_button input {
 377      overflow: hidden;
 378  }
 379  
 380  .action-icon img.smallicon {
 381      vertical-align: text-bottom;
 382      margin-left: .45em;
 383  }
 384  
 385  .dir-rtl .action-icon img.smallicon {
 386      margin-right: .45em;
 387      margin-left: 0;
 388  }
 389  
 390  h1 img.icon,
 391  h1 img.iconhelp,
 392  h2 img.icon,
 393  h2 img.iconhelp,
 394  h3 img.icon,
 395  h3 img.iconhelp,
 396  h4 img.icon,
 397  h4 img.iconhelp,
 398  h5 img.icon,
 399  h5 img.iconhelp,
 400  h6 img.icon,
 401  h6 img.iconhelp {
 402      vertical-align: middle;
 403      padding: 4px;
 404  }
 405  
 406  /** Table caption support */
 407  table caption {
 408      font-size: 24px;
 409      font-weight: bold;
 410      line-height: 42px;
 411      text-align: left;
 412  }
 413  
 414  .dir-rtl table caption {
 415      text-align: right;
 416  }
 417  
 418  /** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
 419  .no-overflow {
 420      overflow: auto;
 421      padding-bottom: 1px;
 422  }
 423  
 424  .pagelayout-report .no-overflow {
 425      overflow: visible;
 426  }
 427  
 428  .no-overflow > .generaltable {
 429      margin-bottom: 0;
 430  }
 431  
 432  .ie6 .no-overflow {
 433      width: 100%;
 434  }
 435  
 436  /** IE6 float + background bug solution **/
 437  .ie6 li.section {
 438      line-height: 1.2em;
 439      width: 100%;
 440  }
 441  
 442  /**
 443   * Accessibility features
 444   */
 445  /*Accessibility: text 'seen' by screen readers but not visual users. */
 446  .accesshide {
 447      position: absolute;
 448      left: -10000px;
 449      font-weight: normal;
 450      font-size: 1em;
 451  }
 452  
 453  .dir-rtl .accesshide {
 454      top: -30000px;
 455      left: auto;
 456  }
 457  
 458  span.hide,
 459  div.hide {
 460      display: none;
 461  }
 462  
 463  .invisiblefieldset {
 464      display: inline;
 465      border-width: 0;
 466      padding: 0;
 467  }
 468  /*Accessibility: Skip block link, for keyboard-only users. */
 469  a.skip-block,
 470  a.skip {
 471      position: absolute;
 472      top: -1000em;
 473      font-size: 0.85em;
 474      text-decoration: none;
 475  }
 476  
 477  a.skip-block:focus,
 478  a.skip-block:active,
 479  a.skip:focus,
 480  a.skip:active {
 481      position: static;
 482      display: block;
 483  }
 484  
 485  .skip-block-to {
 486      display: block;
 487      height: 1px;
 488      overflow: hidden;
 489  }
 490  /* Accessibility: only certain fonts support Unicode chars like ► in IE6 */
 491  .arrow,
 492  .arrow_button input {
 493      font-family: Arial,Helvetica,Courier,sans-serif;
 494  }
 495  
 496  /**
 497   * Header
 498   */
 499  .headermain {
 500      float: left;
 501      margin: 15px;
 502      font-size: 2.3em;
 503  }
 504  
 505  .headermenu {
 506      float: right;
 507      margin: 10px;
 508      font-size: 0.8em;
 509      text-align: right;
 510  }
 511  
 512  #course-header {
 513      clear: both;
 514  }
 515  
 516  /**
 517   * User menu
 518   */
 519  .usermenu .moodle-actionmenu .toggle-display {
 520      display: block;
 521      opacity: 1;
 522      height: 40px;
 523      line-height: 40px;
 524      padding: 6px;
 525      color: inherit;
 526  }
 527  
 528  .usermenu .moodle-actionmenu .toggle-display .userbutton {
 529      height: 40px;
 530      line-height: 40px;
 531  }
 532  
 533  .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars {
 534      display: inline-block;
 535      height: 36px;
 536      width: 36px;
 537      vertical-align: middle;
 538      margin-right: 6px;
 539      margin-left: 6px;
 540  }
 541  
 542  .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars .avatar,
 543  .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars img {
 544      display: block;
 545  }
 546  
 547  .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext {
 548      display: inline-block;
 549      vertical-align: middle;
 550      font-size: 14px;
 551      line-height: 1em;
 552      color: #777;
 553  }
 554  
 555  .usermenu .moodle-actionmenu:hover .toggle-display .userbutton .usertext {
 556      color: #000;
 557  }
 558  
 559  .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .meta,
 560  .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role {
 561      display: block;
 562      font-size: 12px;
 563  }
 564  
 565  .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .meta .value,
 566  .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role .value {
 567      font-weight: bold;
 568  }
 569  
 570  .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role {
 571      font-weight: bold;
 572  }
 573  /* Hide caret when JS is disabled. */
 574  .usermenu .moodle-actionmenu .toggle-display .caret {
 575      display: none;
 576  }
 577  /* A little bit of visual feedback for the action menu when Javascript is disabled. */
 578  .usermenu .moodle-actionmenu .menu .menu-action.icon img {
 579      border-radius: 0;
 580      background: transparent;
 581      box-shadow: none;
 582  }
 583  
 584  .usermenu .moodle-actionmenu .menu .menu-action.icon:hover img {
 585      background: #fff;
 586      border-radius: 2px;
 587      box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25);
 588  }
 589  
 590  .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon img,
 591  .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon:hover img {
 592      border-radius: 0;
 593      background: transparent;
 594      box-shadow: none;
 595  }
 596  
 597  .userloggedinas .usermenu .userbutton .avatars .avatar {
 598      overflow: hidden;
 599  }
 600  
 601  .userloggedinas .usermenu .userbutton .avatars .avatar img {
 602      width: inherit;
 603      height: inherit;
 604  }
 605  
 606  .userloggedinas .usermenu .userbutton .avatars .avatar.current {
 607      position: relative;
 608      top: 4px;
 609      left: 4px;
 610      width: 20px;
 611      height: 20px;
 612      margin-top: 11px;
 613      margin-bottom: -34px;
 614      border: 1px solid #fff;
 615      border-radius: 50%;
 616      box-shadow: -2px -2px 16px rgba(0, 0, 0, 0.25);
 617  }
 618  
 619  .jsenabled .usermenu .moodle-actionmenu .toggle-display {
 620      display: block;
 621  }
 622  
 623  .jsenabled .usermenu .moodle-actionmenu .toggle-display .caret {
 624      display: inline-block;
 625      position: relative;
 626      top: 9px;
 627  }
 628  
 629  .jsenabled .usermenu .moodle-actionmenu > .menubar {
 630      display: block;
 631      margin: 0px;
 632  }
 633  
 634  .jsenabled .usermenu .moodle-actionmenu > .menu {
 635      min-width: 160px;
 636      font-size: 14px;
 637  }
 638  
 639  .jsenabled .usermenu .moodle-actionmenu > .menu .filler {
 640      display: block;
 641      height: 1px;
 642      margin: 9px 1px;
 643      overflow: hidden;
 644      background-color: #e5e5e5;
 645      border-bottom: 1px solid #fff;
 646  }
 647  
 648  .jsenabled .usermenu .moodle-actionmenu.show .menu {
 649      padding: 5px 0;
 650      margin: 2px 0 0;
 651      background-clip: padding-box;
 652  }
 653  
 654  .jsenabled .usermenu .moodle-actionmenu.show .menu:before {
 655      content: '';
 656      display: inline-block;
 657      border-left: 7px solid transparent;
 658      border-right: 7px solid transparent;
 659      border-bottom: 7px solid #ccc;
 660      border-bottom-color: rgba(0, 0, 0, .2);
 661      position: absolute;
 662      top: -7px;
 663  }
 664  
 665  .jsenabled .usermenu .moodle-actionmenu.show .menu:after {
 666      content: '';
 667      display: inline-block;
 668      border-left: 6px solid transparent;
 669      border-right: 6px solid transparent;
 670      border-bottom: 6px solid #fff;
 671      position: absolute;
 672      top: -6px;
 673  }
 674  
 675  .jsenabled .usermenu .moodle-actionmenu.show .menu li a {
 676      white-space: nowrap;
 677      border-radius: 0;
 678  }
 679  
 680  .jsenabled .usermenu .moodle-actionmenu.show .menu a:focus,
 681  .jsenabled .usermenu .moodle-actionmenu.show .menu a:hover {
 682      text-decoration: none;
 683  }
 684  
 685  .dir-ltr .usermenu {
 686      float: right;
 687  }
 688  
 689  .dir-ltr .usermenu > .moodle-actionmenu > .menu:before {
 690      right: 9px;
 691  }
 692  
 693  .dir-ltr .usermenu > .moodle-actionmenu > .menu:after {
 694      right: 10px;
 695  }
 696  
 697  .dir-ltr .usermenu > .moodle-actionmenu > .menubar li a {
 698      text-align: right;
 699  }
 700  
 701  .dir-ltr.userloggedinas .usermenu .userbutton .avatars .avatar.current {
 702      left: 16px;
 703  }
 704  
 705  .dir-rtl .usermenu {
 706      float: left;
 707  }
 708  
 709  .dir-rtl .usermenu > .moodle-actionmenu > .menu {
 710      margin-right: 0px;
 711  }
 712  
 713  .dir-rtl .usermenu > .moodle-actionmenu > .menu:before {
 714      left: 9px;
 715  }
 716  
 717  .dir-rtl .usermenu > .moodle-actionmenu > .menu:after {
 718      left: 10px;
 719  }
 720  
 721  .dir-rtl .usermenu > .moodle-actionmenu > .menubar li a {
 722      text-align: left;
 723  }
 724  
 725  .dir-rtl.userloggedinas .usermenu .userbutton .avatars .avatar.current {
 726      left: -14px;
 727  }
 728  
 729  /**
 730   * Navbar
 731   */
 732  .navbar {
 733      clear: both;
 734      overflow: hidden;
 735  }
 736  
 737  .ie6 .navbar {
 738      overflow: hidden;
 739      height: 100%;
 740  }
 741  
 742  .breadcrumb {
 743      float: left;
 744  }
 745  
 746  .navbutton {
 747      text-align: right;
 748  }
 749  
 750  .breadcrumb ul {
 751      padding: 0;
 752      margin: 0;
 753      text-indent: 0;
 754      list-style: none;
 755  }
 756  
 757  .navbutton {
 758      float: right;
 759  }
 760  
 761  .navbutton .singlebutton {
 762      margin-left: 4px;
 763  }
 764  
 765  .breadcrumb li,
 766  .navbutton div,
 767  .navbutton form {
 768      display: inline;
 769  }
 770  
 771  /**
 772   * Footer
 773   */
 774  #page-footer {
 775      text-align: center;
 776      font-size: 0.9em;
 777  }
 778  
 779  #page-footer .homelink {
 780      margin: 1em 0;
 781  }
 782  
 783  #page-footer .homelink a {
 784      padding-left: 1em;
 785      padding-right: 1em;
 786  }
 787  
 788  #page-footer .logininfo,
 789  #page-footer .sitelink,
 790  #page-footer .helplink {
 791      margin: 0px 10px;
 792  }
 793  
 794  #page-footer .performanceinfo {
 795      text-align: center;
 796      margin: 10px 20%;
 797  }
 798  
 799  #page-footer .performanceinfo span {
 800      display: block;
 801  }
 802  
 803  #page-footer .validators {
 804      margin-top: 40px;
 805      padding-top: 5px;
 806      border-top: 1px dotted gray;
 807  }
 808  
 809  #page-footer .validators ul {
 810      margin: 0px;
 811      padding: 0px;
 812      list-style-type: none;
 813  }
 814  
 815  #page-footer .validators ul li {
 816      display: inline;
 817      margin-right: 10px;
 818      margin-left: 10px;
 819  }
 820  
 821  #page-footer .performanceinfo .cachesused {
 822      margin-top: 1em;
 823  }
 824  
 825  #page-footer .performanceinfo .cachesused .cache-stats-heading {
 826      font-weight: bold;
 827      display: block;
 828  }
 829  
 830  #page-footer .performanceinfo .cachesused .cache-definition-stats {
 831      margin: 0.3em;
 832      padding: 0px;
 833      border: 1px solid #999;
 834      display: inline-block;
 835      vertical-align: top;
 836      min-height: 4em;
 837      color: #000;
 838      background-color: #eee;
 839  }
 840  
 841  #page-footer .performanceinfo .cachesused .cache-definition-stats span {
 842      padding-left: 0.5em;
 843      padding-right: 0.5em;
 844      display: block;
 845  }
 846  
 847  #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-definition-stats-heading {
 848      background-color: #eee;
 849  }
 850  
 851  #page-footer .performanceinfo .cachesused .cache-store-stats {
 852      text-indent: 1em;
 853  }
 854  
 855  #page-footer .performanceinfo .cachesused .cache-store-stats.nohits {
 856      background-color: #ffd3d9;
 857  }
 858  
 859  #page-footer .performanceinfo .cachesused .cache-store-stats.lowhits {
 860      background-color: #f3f2aa;
 861  }
 862  
 863  #page-footer .performanceinfo .cachesused .cache-store-stats.hihits {
 864      background-color: #e7f1c3;
 865  }
 866  
 867  #page-footer .performanceinfo .cachesused .cache-total-stats {
 868      display: block;
 869      font-weight: bold;
 870      margin-top: 0.3em;
 871  }
 872  
 873  #course-footer {
 874      clear: both;
 875  }
 876  
 877  /**
 878   * Tabs
 879   */
 880  .tabtree {
 881      position: relative;
 882      margin-bottom: 3.5em;
 883  }
 884  
 885  .tabtree li {
 886      display: inline;
 887  }
 888  
 889  .tabtree ul {
 890      margin: 5px;
 891  }
 892  
 893  .tabtree ul li.here ul {
 894      position: absolute;
 895      top: 100%;
 896      width: 100%;
 897  }
 898  
 899  .tabtree ul li.here .empty {
 900      display: none;
 901  }
 902  
 903  /**
 904   * Mforms
 905   */
 906  .mform fieldset {
 907      border: 1px solid;
 908  }
 909  
 910  .mform fieldset fieldset {
 911      border-width: 0;
 912  }
 913  
 914  .mform fieldset legend {
 915      font-weight: bold;
 916      margin-left: 0.5em;
 917      padding: 0 0.35em;
 918  }
 919  
 920  .mform fieldset div {
 921      margin: 10px;
 922      margin-top: 0;
 923  }
 924  
 925  .mform fieldset div div {
 926      margin: 0;
 927  }
 928  
 929  .mform fieldset .advancedbutton {
 930      text-align: right;
 931  }
 932  
 933  .mform fieldset.hidden {
 934      border-width: 0;
 935  }
 936  
 937  .mform fieldset.group {
 938      margin-bottom: 0;
 939  }
 940  
 941  .mform fieldset.error {
 942      border: 1px solid #A00;
 943  }
 944  
 945  .collapsible-actions {
 946      display: none;
 947  }
 948  
 949  .jsenabled .collapsible-actions {
 950      text-align: right;
 951      display: block;
 952  }
 953  
 954  .dir-rtl .collapsible-actions {
 955      text-align: left;
 956  }
 957  
 958  .collapseexpand {
 959      background: url([[pix:t/collapsed]]) left center no-repeat;
 960      padding-left: 18px;
 961  }
 962  
 963  .dir-rtl .collapseexpand {
 964      background-image: url([[pix:t/collapsed_rtl]]);
 965      background-position: right center;
 966      padding-left: 0;
 967      padding-right: 18px;
 968  }
 969  
 970  .collapse-all,
 971  .dir-rtl .collapse-all {
 972      background-image: url([[pix:t/expanded]]);
 973  }
 974  
 975  .mform fieldset legend {
 976      padding: 0 0.35em;
 977  }
 978  
 979  .mform fieldset.collapsible legend a.fheader {
 980      padding-left: 18px;
 981      background: url([[pix:t/expanded]]) left center no-repeat;
 982  }
 983  
 984  .mform fieldset.collapsed legend a.fheader {
 985      background-image: url([[pix:t/collapsed]]);
 986  }
 987  
 988  .jsenabled .mform fieldset.collapsed {
 989      border-width: 1px 0 0 1px;
 990      padding: 0;
 991      border-color: transparent;
 992  }
 993  
 994  .jsenabled .mform fieldset.collapsed div.fcontainer {
 995      display: none;
 996  }
 997  
 998  .mform .fitem {
 999      width: 100%;
1000      overflow: hidden;
1001      margin-top: 5px;
1002      margin-bottom: 1px;
1003      clear: right;
1004  }
1005  
1006  .jsenabled .mform .containsadvancedelements .advanced {
1007      display: none;
1008  }
1009  
1010  .mform .containsadvancedelements .advanced.show {
1011      display: block;
1012  }
1013  
1014  .mform .fitem .fitemtitle {
1015      width: 15%;
1016      text-align: right;
1017      float: left;
1018  }
1019  
1020  .dir-rtl .mform .fitem .fitemtitle {
1021      text-align: left;
1022  }
1023  
1024  .mform .fitem .fitemtitle div {
1025      display: inline;
1026  }
1027  
1028  .mform .fitem .felement {
1029      border-width: 0;
1030      width: 80%;
1031      margin-left: 16%;
1032  }
1033  
1034  .mform .fitem fieldset.felement {
1035      margin-left: 15%;
1036      padding-left: 1%;
1037      margin-bottom: 0;
1038  }
1039  
1040  #adminsettings span.error,
1041  .mform .error,
1042  .mform .required {
1043      color: #A00;
1044  }
1045  
1046  #adminsettings span.error,
1047  .mform span.error {
1048      display: inline-block;
1049      padding: 4px;
1050      margin-bottom: 4px;
1051      background-color: #F2DEDE;
1052      border: 1px solid #EED3D7;
1053  }
1054  
1055  .mform .required .fgroup span label {
1056      color: #000;
1057  }
1058  
1059  .mform .fdescription.required {
1060      color: #A00;
1061      text-align: right;
1062  }
1063  
1064  .dir-rtl .mform .fdescription.required {
1065      text-align: left;
1066  }
1067  
1068  .mform .fpassword .unmask {
1069      display: inline;
1070      margin-left: 0.5em;
1071  }
1072  
1073  .mform .ftextarea #id_alltext {
1074      width: 100%;
1075  }
1076  
1077  .mform .fstaticlabel {
1078      font-weight: bold;
1079  }
1080  
1081  .mform ul.file-list {
1082      padding: 0;
1083      margin: 0;
1084      list-style: none;
1085  }
1086  
1087  .mform label {
1088      display: inline-block;
1089  }
1090  
1091  .mform .iconhelp {
1092      margin-left: 4px;
1093  }
1094  
1095  .dir-rtl .mform .iconhelp {
1096      margin-right: 4px;
1097  }
1098  
1099  .mform label .req,
1100  .mform label .adv {
1101      cursor: help;
1102  }
1103  
1104  .mform .fcheckbox input {
1105      margin-left: 0;
1106  }
1107  
1108  .mform .fcheckbox label,
1109  .mform .fduration label,
1110  .mform .fitem fieldset.fgroup label,
1111  .mform .fradio label,
1112  .mform fieldset.fdate_selector label,
1113  .mform fieldset.fdate_time_selector label {
1114      display: inline;
1115      float: none;
1116      margin-left: .3em;
1117      vertical-align: text-bottom;
1118  }
1119  
1120  .dir-rtl .mform .fcheckbox label,
1121  .dir-rtl .mform .fduration label,
1122  .dir-rtl .mform .fitem fieldset.fgroup label,
1123  .dir-rtl .mform .fradio label,
1124  .dir-rtl .mform fieldset.fdate_selector label,
1125  .dir-rtl .mform fieldset.fdate_time_selector label {
1126      margin-right: .3em;
1127      margin-left: 0;
1128  }
1129  
1130  .mform .ftags label.accesshide {
1131      display: block;
1132      position: static;
1133  }
1134  
1135  .mform .ftags select {
1136      margin-bottom: 0.7em;
1137      min-width: 22em;
1138  }
1139  
1140  .mform .moreless-toggler {
1141      background: url([[pix:t/more]]) left center no-repeat;
1142      padding-left: 16px;
1143  }
1144  
1145  .dir-rtl .moreless-toggler {
1146      padding-left: 0;
1147      padding-right: 16px;
1148      background-position: right center;
1149  }
1150  
1151  .mform .moreless-less {
1152      background-image: url([[pix:t/less]]);
1153  }
1154  
1155  .mform .helplink img {
1156      margin: 0 0 0 .45em;
1157      padding: 0;
1158  }
1159  
1160  .dir-rtl .mform .helplink img {
1161      margin: 0 .45em 0 0;
1162      padding: 0;
1163  }
1164  
1165  .mform legend .helplink img {
1166      margin-right: .2em;
1167  }
1168  
1169  .dir-rtl .mform legend .helplink img {
1170      margin: 0 .45em 0 .2em;
1171  }
1172  
1173  .urlselect label,
1174  .singleselect label {
1175      margin-right: .3em;
1176  }
1177  
1178  .dir-rtl .urlselect label,
1179  .dir-rtl .singleselect label {
1180      margin-left: .3em;
1181      margin-right: 0;
1182  }
1183  
1184  .dir-rtl .mform fieldset legend {
1185      margin-right: 0.5em;
1186      margin-left: 0;
1187  }
1188  
1189  .dir-rtl .mform fieldset.collapsible legend a.fheader {
1190      background-position: right center;
1191      padding-right: 18px;
1192      padding-left: 0;
1193  }
1194  
1195  .dir-rtl .mform fieldset.collapsed legend a.fheader {
1196      background-image: url([[pix:t/collapsed_rtl]]);
1197  }
1198  
1199  .dir-rtl.jsenabled .mform fieldset.collapsed {
1200      border-width: 1px 1px 0 0;
1201  }
1202  
1203  .dir-rtl .mform .fitem fieldset.felement {
1204      padding-right: 1%;
1205      margin-right: 15%;
1206  }
1207  
1208  .mform .btn-cancel,
1209  .mform .btn-cancel:active,
1210  .mform .btn-cancel[disabled] {
1211      background-color: transparent;
1212      background-image: none;
1213      box-shadow: none;
1214      -moz-box-shadow: none;
1215      -webkit-box-shadow: none;
1216      -o-box-shadow: none;
1217      -ms-box-shadow: none;
1218      margin-left: .5em;
1219  }
1220  
1221  .mform .btn-cancel {
1222      border-color: transparent;
1223      border-radius: 0 0 0 0;
1224      -moz-border-radius: 0 0 0 0;
1225      -webkit-border-radius: 0 0 0 0;
1226      -o-border-radius: 0 0 0 0;
1227      -ms-border-radius: 0 0 0 0;
1228      color: #0088CC;
1229      cursor: pointer;
1230  }
1231  
1232  .mform .btn-cancel:hover,
1233  .mform .btn-cancel:focus {
1234      background-color: transparent;
1235      color: #005580;
1236      text-decoration: underline;
1237  }
1238  
1239  .mform .btn-cancel[disabled]:hover,
1240  .mform .btn-cancel[disabled]:focus {
1241      color: #333333;
1242      text-decoration: none;
1243  }
1244  
1245  input#id_externalurl {
1246      direction: ltr;
1247  }
1248  
1249  #portfolio-add-button {
1250      display: inline;
1251  }
1252  
1253  /**
1254   * Show the labels above text editors and file managers except on wide screens.
1255   */
1256  #region-main .mform:not(.unresponsive) .fitem .fitemtitle label {
1257      font-weight: bold;
1258  }
1259  
1260  @media (max-width: 1199px) {
1261      #region-main .mform:not(.unresponsive) .fitem .fitemtitle {
1262          display: block;
1263          margin-top: 4px;
1264          margin-bottom: 4px;
1265          text-align: left;
1266          width: 100%;
1267      }
1268  
1269      #region-main .mform:not(.unresponsive) .femptylabel .fitemtitle {
1270          display: inline-block;
1271          width: auto;
1272          margin-right: 8px;
1273      }
1274  
1275      .dir-rtl #region-main .mform:not(.unresponsive) .femptylabel .fitemtitle {
1276          margin-right: 0px;
1277          margin-left: 8px;
1278      }
1279  
1280      .dir-rtl #region-main .mform:not(.unresponsive) .fitem .fitemtitle {
1281          text-align: right;
1282      }
1283  
1284      #region-main .mform:not(.unresponsive) .fitem .felement {
1285          margin-left: 0;
1286          width: 100%;
1287          float: left;
1288          margin-bottom: 6px;
1289          padding-left: 0;
1290          padding-right: 0;
1291      }
1292  
1293      #region-main .mform:not(.unresponsive) .fitem .fstatic:empty {
1294          display: none;
1295      }
1296  
1297      #region-main .mform:not(.unresponsive) .femptylabel .felement {
1298          display: inline-block;
1299          margin-top: 4px;
1300          width: auto;
1301      }
1302  
1303      .dir-rtl #region-main .mform:not(.unresponsive) .fitem .felement {
1304          margin-right: 0;
1305          float: right;
1306          padding-right: 0;
1307          padding-left: 0;
1308      }
1309  
1310      #region-main .mform:not(.unresponsive) .fitem_fcheckbox .fitemtitle,
1311      #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
1312          display: inline-block;
1313          width: auto;
1314      }
1315  
1316      .dir-rtl #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
1317          float: right;
1318      }
1319  
1320      #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
1321          padding: 6px;
1322      }
1323  }
1324  
1325  /**
1326   * phpinfo styles
1327   */
1328  .phpinfo .center {
1329      text-align: center;
1330  }
1331  
1332  .phpinfo .center table {
1333      margin-left: auto;
1334      margin-right: auto;
1335      text-align: left;
1336      border-collapse: collapse;
1337  }
1338  
1339  .phpinfo .center th {
1340      text-align: center;
1341  }
1342  
1343  .phpinfo .e,
1344  .phpinfo .v,
1345  .phpinfo .h {
1346      border: 1px solid #000000;
1347      font-size: 0.8em;
1348      vertical-align: baseline;
1349      color: #000000;
1350      background-color: #cccccc;
1351  }
1352  
1353  .phpinfo .e {
1354      background-color: #ccccff;
1355      font-weight: bold;
1356  }
1357  
1358  .phpinfo .h {
1359      background-color: #9999cc;
1360      font-weight: bold;
1361  }
1362  
1363  /**
1364   * Blogs
1365   */
1366  .addbloglink {
1367      text-align: center;
1368  }
1369  
1370  .blog_entry .audience {
1371      text-align: right;
1372      padding-right: 4px;
1373  }
1374  
1375  .blog_entry .tags {
1376      margin-top: 15px;
1377  }
1378  
1379  .blog_entry .tags .action-icon img.smallicon {
1380      height: 16px;
1381      width: 16px;
1382  }
1383  
1384  .blog_entry .content {
1385      margin-left: 43px;
1386  }
1387  
1388  /**
1389   * Group
1390   */
1391  #page-group-index #groupeditform {
1392      text-align: center;
1393  }
1394  
1395  #doc-contents h1 {
1396      margin: 1em 0 0 0;
1397  }
1398  
1399  #doc-contents ul {
1400      margin: 0;
1401      padding: 0;
1402      width: 90%;
1403  }
1404  
1405  #doc-contents ul li {
1406      list-style-type: none;
1407  }
1408  
1409  .groupmanagementtable td {
1410      vertical-align: top;
1411  }
1412  
1413  .groupmanagementtable #existingcell,
1414  .groupmanagementtable #potentialcell {
1415      width: 42%;
1416  }
1417  
1418  .groupmanagementtable #buttonscell {
1419      width: 16%;
1420  }
1421  
1422  .groupmanagementtable #buttonscell input {
1423      width: 80%;
1424  }
1425  
1426  .groupmanagementtable #buttonscell p.arrow_button input {
1427      width: auto;
1428      min-width: 80%;
1429      margin: 0 auto;
1430  }
1431  
1432  .groupmanagementtable #removeselect_wrapper,
1433  .groupmanagementtable #addselect_wrapper {
1434      width: 100%;
1435  }
1436  
1437  .groupmanagementtable #removeselect_wrapper label,
1438  .groupmanagementtable #addselect_wrapper label {
1439      font-weight: normal;
1440  }
1441  
1442  .dir-rtl .groupmanagementtable p {
1443      text-align: right;
1444  }
1445  
1446  #group-usersummary {
1447      width: 14em;
1448  }
1449  
1450  .groupselector {
1451      margin-top: 3px;
1452      margin-bottom: 3px;
1453      display: inline-block;
1454  }
1455  
1456  /**
1457   * Login
1458   */
1459  .loginbox {
1460      margin: 15px;
1461      overflow: visible;
1462  }
1463  
1464  .loginbox.twocolumns {
1465      margin: 15px;
1466  }
1467  
1468  .loginbox h2,
1469  .loginbox .subcontent {
1470      margin: 5px;
1471      padding: 10px;
1472      text-align: center;
1473  }
1474  
1475  .loginbox .loginpanel .desc {
1476      margin: 0;
1477      padding: 0;
1478      margin-bottom: 5px;
1479      margin-top: 15px;
1480  }
1481  
1482  .loginbox .signuppanel .subcontent {
1483      text-align: left;
1484  }
1485  
1486  .dir-rtl .loginbox .signuppanel .subcontent {
1487      text-align: right;
1488  }
1489  
1490  .loginbox .loginsub {
1491      margin-left: 0;
1492      margin-right: 0;
1493  }
1494  
1495  .loginbox .guestsub,
1496  .loginbox .forgotsub,
1497  .loginbox .potentialidps {
1498      margin: 5px 12%;
1499  }
1500  
1501  .loginbox .potentialidps .potentialidplist {
1502      margin-left: 40%;
1503  }
1504  
1505  .loginbox .potentialidps .potentialidplist div {
1506      text-align: left;
1507  }
1508  
1509  .loginbox .loginform {
1510      margin-top: 1em;
1511      text-align: left;
1512  }
1513  
1514  .loginbox .loginform .form-label {
1515      float: left;
1516      text-align: right;
1517      width: 49%;
1518      white-space: nowrap;
1519  }
1520  
1521  .loginbox .loginform .form-input {
1522      float: right;
1523      width: 50%;
1524  }
1525  
1526  .dir-rtl .loginbox .loginform .form-input {
1527      margin-right: 1%;
1528  }
1529  
1530  .loginbox .loginform .form-input input {
1531      width: 6em;
1532  }
1533  
1534  .loginbox .signupform {
1535      margin-top: 1em;
1536      text-align: center;
1537  }
1538  
1539  .loginbox.twocolumns .loginpanel {
1540      float: left;
1541      width: 49.5%;
1542      border-right: 1px solid;
1543      margin-bottom: -2000px;
1544      padding-bottom: 2000px;
1545  }
1546  
1547  .loginbox.twocolumns .signuppanel {
1548      float: right;
1549      width: 50%;
1550      margin-bottom: -2000px;
1551      padding-bottom: 2000px;
1552  }
1553  
1554  .loginbox .potentialidp .smallicon {
1555      vertical-align: text-bottom;
1556      margin: 0 .3em;
1557  }
1558  
1559  .dir-rtl .loginbox.twocolumns .loginpanel,
1560  .dir-rtl.loginbox.twocolumns .signuppanel {
1561      float: right;
1562  }
1563  
1564  /**
1565   * Notes
1566   */
1567  .notepost {
1568      margin-bottom: 1em;
1569  }
1570  
1571  .notepost .userpicture {
1572      float: left;
1573      margin-right: 5px;
1574  }
1575  
1576  .notepost .content,
1577  .notepost .footer {
1578      clear: both;
1579  }
1580  
1581  .notesgroup {
1582      margin-left: 20px;
1583  }
1584  
1585  /**
1586   * My Moodle
1587   */
1588  .path-my .coursebox .overview {
1589      margin: 15px 30px 10px 30px;
1590  }
1591  
1592  .path-my .coursebox .info {
1593      float: none;
1594      margin: 0;
1595  }
1596  
1597  /**
1598   * Logs
1599   */
1600  .logtable th {
1601      text-align: left;
1602  }
1603  
1604  /**
1605   * Modules
1606   */
1607  .mod_introbox {
1608      border: 1px solid;
1609      padding: 10px;
1610  }
1611  
1612  table.mod_index {
1613      width: 100%;
1614  }
1615  
1616  /**
1617   * Comments
1618   */
1619  .comment-ctrl {
1620      font-size: 12px;
1621      display: none;
1622      margin: 0;
1623      padding: 0;
1624  }
1625  
1626  .comment-ctrl h5 {
1627      margin: 0;
1628      padding: 5px;
1629  }
1630  
1631  .comment-area {
1632      max-width: 400px;
1633      padding: 5px;
1634  }
1635  
1636  .comment-area textarea {
1637      width: 100%;
1638      overflow: auto;
1639  }
1640  
1641  .comment-area textarea.fullwidth {
1642      -webkit-box-sizing: border-box;
1643      -moz-box-sizing: border-box;
1644      box-sizing: border-box;
1645  }
1646  
1647  .comment-area .fd {
1648      text-align: right;
1649  }
1650  
1651  .comment-meta span {
1652      color: gray;
1653  }
1654  
1655  .comment-link img {
1656      vertical-align: text-bottom;
1657  }
1658  
1659  .comment-list {
1660      font-size: 11px;
1661      overflow: auto;
1662      list-style: none;
1663      padding: 0;
1664      margin: 0;
1665  }
1666  
1667  .comment-list li {
1668      margin: 2px;
1669      list-style: none;
1670      margin-bottom: 5px;
1671      clear: both;
1672      padding: .3em;
1673      position: relative;
1674  }
1675  
1676  .comment-list li.first {
1677      display: none;
1678  }
1679  
1680  .comment-paging {
1681      text-align: center;
1682  }
1683  
1684  .comment-paging .pageno {
1685      padding: 2px;
1686  }
1687  
1688  .comment-paging .curpage {
1689      border: 1px solid #CCC;
1690  }
1691  
1692  .comment-message .picture {
1693      width: 20px;
1694      float: left;
1695  }
1696  
1697  .dir-rtl .comment-message .picture {
1698      float: right;
1699  }
1700  
1701  .comment-message .text {
1702      margin: 0;
1703      padding: 0;
1704  }
1705  
1706  .comment-message .text p {
1707      padding: 0;
1708      margin: 0 18px 0 0;
1709  }
1710  
1711  .comment-delete {
1712      position: absolute;
1713      top: 0;
1714      right: 0;
1715      margin: .3em;
1716  }
1717  
1718  .dir-rtl .comment-delete {
1719      position: absolute;
1720      left: 0;
1721      right: auto;
1722      margin: .3em;
1723  }
1724  
1725  .comment-delete-confirm {
1726      background: #eee;
1727      padding: 2px;
1728      width: 5em;
1729      text-align: center;
1730  }
1731  
1732  .comment-container {
1733      float: left;
1734      margin: 4px;
1735  }
1736  
1737  .comment-report-selectall {
1738      display: none;
1739  }
1740  
1741  .comment-link {
1742      display: none;
1743  }
1744  
1745  .jsenabled .comment-link {
1746      display: block;
1747  }
1748  
1749  .jsenabled .showcommentsnonjs {
1750      display: none;
1751  }
1752  
1753  .jsenabled .comment-report-selectall {
1754      display: inline;
1755  }
1756  
1757  /**
1758   * Completion progress report
1759   */
1760  .completion-expired {
1761      background: #FFDDDD;
1762  }
1763  
1764  .completion-expected {
1765      font-size: 0.75em;
1766  }
1767  
1768  .completion-sortchoice,
1769  .completion-identifyfield {
1770      font-size: 0.75em;
1771      vertical-align: bottom;
1772  }
1773  
1774  .completion-progresscell {
1775      text-align: right;
1776  }
1777  
1778  .completion-expired .completion-expected {
1779      font-weight: bold;
1780  }
1781  
1782  /**
1783   * Tags
1784   */
1785  #tag-management-box {
1786      margin-bottom: 10px;
1787      line-height: 20px;
1788  }
1789  
1790  img.user-image {
1791      height: 100px;
1792      width: 100px;
1793  }
1794  
1795  #tag-search-box {
1796      text-align: center;
1797      margin: 10px auto;
1798  }
1799  
1800  .tagarea {
1801      clear: both;
1802      overflow: hidden;
1803  }
1804  
1805  .tagarea .controls {
1806      text-align: center;
1807  }
1808  
1809  .tagarea .controls .gotopage.nextpage {
1810      float: right;
1811  }
1812  
1813  .tagarea .controls .gotopage.prevpage {
1814      float: left;
1815  }
1816  
1817  .tagarea .controls .exclusivemode {
1818      display: inline-block;
1819  }
1820  
1821  .dir-rtl .tagarea .controls .gotopage.nextpage {
1822      float: left;
1823  }
1824  
1825  .dir-rtl .tagarea .controls .gotopage.prevpage {
1826      float: right;
1827  }
1828  
1829  .tagarea .controls.controls-bottom {
1830      margin-top: 5px;
1831  }
1832  
1833  span.flagged-tag,
1834  tr.flagged-tag,
1835  span.flagged-tag a,
1836  tr.flagged-tag a {
1837      color: #FF0000;
1838  }
1839  
1840  .tag-management-table td,
1841  .tag-management-table th {
1842      vertical-align: middle;
1843      padding: 4px;
1844  }
1845  
1846  .tag-management-table .inplaceeditable.inplaceeditingon input {
1847      width: 150px;
1848  }
1849  
1850  .tag_feed .media,
1851  .tag_feed .media-body {
1852      overflow: hidden;
1853  }
1854  
1855  .tag_feed.media-list .media .itemimage {
1856      float: left;
1857  }
1858  
1859  .dir-rtl .tag_feed.media-list .media .itemimage {
1860      float: right;
1861  }
1862  
1863  .tag_feed.media-list .media .itemimage img {
1864      height: 35px;
1865      width: 35px;
1866  }
1867  
1868  .tag_feed.media-list .media .media-body {
1869      padding-right: 10px;
1870      padding-left: 10px;
1871  }
1872  
1873  .tag_cloud {
1874      text-align: center;
1875  }
1876  
1877  .tag_cloud .inline-list li {
1878      padding: 0px 0.2em;
1879  }
1880  
1881  .tag_cloud .tag_overflow {
1882      margin-top: 1em;
1883      font-style: italic;
1884  }
1885  
1886  .tag_cloud .s20 {
1887      font-size: 2.7em;
1888  }
1889  
1890  .tag_cloud .s19 {
1891      font-size: 2.6em;
1892  }
1893  
1894  .tag_cloud .s18 {
1895      font-size: 2.5em;
1896  }
1897  
1898  .tag_cloud .s17 {
1899      font-size: 2.4em;
1900  }
1901  
1902  .tag_cloud .s16 {
1903      font-size: 2.3em;
1904  }
1905  
1906  .tag_cloud .s15 {
1907      font-size: 2.2em;
1908  }
1909  
1910  .tag_cloud .s14 {
1911      font-size: 2.1em;
1912  }
1913  
1914  .tag_cloud .s13 {
1915      font-size: 2em;
1916  }
1917  
1918  .tag_cloud .s12 {
1919      font-size: 1.9em;
1920  }
1921  
1922  .tag_cloud .s11 {
1923      font-size: 1.8em;
1924  }
1925  
1926  .tag_cloud .s10 {
1927      font-size: 1.7em;
1928  }
1929  
1930  .tag_cloud .s9 {
1931      font-size: 1.6em;
1932  }
1933  
1934  .tag_cloud .s8 {
1935      font-size: 1.5em;
1936  }
1937  
1938  .tag_cloud .s7 {
1939      font-size: 1.4em;
1940  }
1941  
1942  .tag_cloud .s6 {
1943      font-size: 1.3em;
1944  }
1945  
1946  .tag_cloud .s5 {
1947      font-size: 1.2em;
1948  }
1949  
1950  .tag_cloud .s4 {
1951      font-size: 1.1em;
1952  }
1953  
1954  .tag_cloud .s3 {
1955      font-size: 1em;
1956  }
1957  
1958  .tag_cloud .s2 {
1959      font-size: 0.9em;
1960  }
1961  
1962  .tag_cloud .s1 {
1963      font-size: 0.8em;
1964  }
1965  
1966  .tag_cloud .s0 {
1967      font-size: 0.7em;
1968  }
1969  
1970  /*
1971   * Backup and Restore CSS
1972   */
1973  .path-backup .mform .grouped_settings.section_level {
1974      clear: both;
1975  }
1976  
1977  .path-backup .mform .grouped_settings {
1978      clear: both;
1979      overflow: hidden;
1980  }
1981  
1982  .path-backup .mform .grouped_settings .fitem .fitemtitle {
1983      width: 40%;
1984      padding-right: 10px;
1985  }
1986  
1987  .path-backup.dir-rtl .mform .grouped_settings .fitem .fitemtitle {
1988      width: 60%;
1989  }
1990  
1991  .path-backup .mform .grouped_settings .fitem .felement {
1992      width: 50%;
1993  }
1994  
1995  .path-backup .mform .grouped_settings .fitem.backup_selector .felement {
1996      width: 100%;
1997  }
1998  
1999  .path-backup.dir-rtl .mform .grouped_settings .fitem .felement {
2000      width: 99%;
2001  }
2002  
2003  .path-backup .mform .grouped_settings.section_level .include_setting {
2004      width: 50%;
2005      margin: 0;
2006      float: left;
2007      clear: left;
2008      font-weight: bold;
2009  }
2010  
2011  .path-backup.dir-rtl  .mform .grouped_settings.section_level .include_setting {
2012      float: right;
2013      clear: right;
2014  }
2015  
2016  .path-backup .mform .grouped_settings.section_level .normal_setting {
2017      width: 50%;
2018      margin: 0;
2019      margin-left: 50%;
2020  }
2021  
2022  .path-backup.dir-rtl  .mform .grouped_settings.section_level .normal_setting {
2023      margin: 0;
2024  }
2025  
2026  .path-backup .mform .grouped_settings.activity_level .include_setting label {
2027      font-weight: normal;
2028  }
2029  
2030  .path-backup.dir-rtl .mform .grouped_settings.activity_level .include_setting label img {
2031      float: right;
2032  }
2033  
2034  .path-backup .mform .fitem fieldset.felement {
2035      margin-left: 0;
2036      width: auto;
2037      padding-left: 0;
2038  }
2039  
2040  .path-backup .notification.dependencies_enforced {
2041      text-align: center;
2042      color: #A00;
2043      font-weight: bold;
2044  }
2045  
2046  .path-backup .backup_progress {
2047      text-align: center;
2048  }
2049  
2050  .path-backup .backup_progress span.backup_stage {
2051      color: #999;
2052  }
2053  
2054  .path-backup .backup_progress .backup_stage.backup_stage_current {
2055      font-weight: bold;
2056      color: inherit;
2057  }
2058  
2059  .path-backup .backup_progress span.backup_stage.backup_stage_complete {
2060      color: inherit;
2061  }
2062  
2063  #page-backup-restore .filealiasesfailures {
2064      background-color: #ffd3d9;
2065  }
2066  
2067  #page-backup-restore .filealiasesfailures .aliaseslist {
2068      width: 90%;
2069      margin: 0.8em auto;
2070      background-color: white;
2071      border: 1px dotted #666;
2072  }
2073  
2074  .path-backup .fitemtitle .iconlarge.icon-post {
2075      padding-left: 6px;
2076  }
2077  
2078  .path-backup.dir-rtl .fitemtitle .iconlarge.icon-post {
2079      padding-right: 6px;
2080      padding-right: 0;
2081  }
2082  
2083  .path-backup .fitem .smallicon {
2084      vertical-align: text-bottom;
2085  }
2086  
2087  .path-backup .wibbler {
2088      width: 500px;
2089      margin: 0 auto 10px;
2090      border-bottom: 1px solid black;
2091      border-right: 1px solid black;
2092      border-left: 1px solid black;
2093      position: relative;
2094      min-height: 4px;
2095  }
2096  
2097  .path-backup .wibbler .wibble {
2098      position: absolute;
2099      left: 0;
2100      right: 0;
2101      top: 0;
2102      height: 4px;
2103  }
2104  
2105  .path-backup .wibbler .state0 {
2106      background: #eee;
2107  }
2108  
2109  .path-backup .wibbler .state1 {
2110      background: #ddd;
2111  }
2112  
2113  .path-backup .wibbler .state2 {
2114      background: #ccc;
2115  }
2116  
2117  .path-backup .wibbler .state3 {
2118      background: #bbb;
2119  }
2120  
2121  .path-backup .wibbler .state4 {
2122      background: #aaa;
2123  }
2124  
2125  .path-backup .wibbler .state5 {
2126      background: #999;
2127  }
2128  
2129  .path-backup .wibbler .state6 {
2130      background: #888;
2131  }
2132  
2133  .path-backup .wibbler .state7 {
2134      background: #777;
2135  }
2136  
2137  .path-backup .wibbler .state8 {
2138      background: #666;
2139  }
2140  
2141  .path-backup .wibbler .state9 {
2142      background: #555;
2143  }
2144  
2145  .path-backup .wibbler .state10 {
2146      background: #444;
2147  }
2148  
2149  .path-backup .wibbler .state11 {
2150      background: #333;
2151  }
2152  
2153  .path-backup .wibbler .state12 {
2154      background: #222;
2155  }
2156  
2157  .path-backup .backup_log {
2158      margin-top: 2em;
2159  }
2160  
2161  .path-backup .backup_log h2 {
2162      font-size: 1em;
2163  }
2164  
2165  .path-backup .backup_log_contents {
2166      border: 1px solid #ddd;
2167      padding: 10px;
2168      height: 300px;
2169      overflow-y: scroll;
2170  }
2171  
2172  /*
2173   * CSS for availability options on module and section. This is taken from the
2174   * Bootstrap version and tweaked so it works on base.
2175   */
2176  #fitem_id_availabilityconditionsjson .label {
2177      background: #999;
2178      padding: 2px 4px;
2179      border-radius: 4px;
2180      font-size: 0.8em;
2181      font-weight: bold;
2182      color: #fff;
2183  }
2184  
2185  #fitem_id_availabilityconditionsjson .label-warning {
2186      background: #f89406;
2187      position: relative;
2188      top: -1px;
2189  }
2190  
2191  #fitem_id_availabilityconditionsjson .label:empty {
2192      display: none;
2193  }
2194  
2195  #fitem_id_availabilityconditionsjson *[aria-hidden=true] {
2196      display: none;
2197  }
2198  
2199  x#fitem_id_availabilityconditionsjson select,
2200  x#fitem_id_availabilityconditionsjson input[type=text] {
2201      position: relative;
2202      top: 4px;
2203  }
2204  
2205  #fitem_id_availabilityconditionsjson label {
2206      display: inline;
2207  }
2208  
2209  #fitem_id_availabilityconditionsjson .availability-group {
2210      margin-right: 8px;
2211  }
2212  
2213  .dir-rtl #fitem_id_availabilityconditionsjson .availability-group {
2214      margin-right: 0;
2215      margin-left: 8px;
2216  }
2217  
2218  #fitem_id_availabilityconditionsjson .availability-item,
2219  #fitem_id_availabilityconditionsjson .availability-header {
2220      margin-bottom: 6px;
2221  }
2222  
2223  #fitem_id_availabilityconditionsjson .availability-none {
2224      margin-left: 20px;
2225      margin-bottom: 4px;
2226  }
2227  
2228  .dir-rtl #fitem_id_availabilityconditionsjson .availability-none {
2229      margin-right: 20px;
2230      margin-left: 0;
2231  }
2232  
2233  #fitem_id_availabilityconditionsjson .availability-plugincontrols {
2234      padding: 4px 0px 4px 4px;
2235      background: none repeat scroll 0% 0% #eee;
2236      border: 1px solid #ddd;
2237      border-radius: 4px;
2238      display: inline-block;
2239      margin-right: 8px;
2240  }
2241  
2242  .dir-rtl #fitem_id_availabilityconditionsjson .availability-plugincontrols {
2243      padding-right: 4px;
2244      padding-left: 0px;
2245      margin-right: 0;
2246      margin-left: 8px;
2247  }
2248  
2249  #fitem_id_availabilityconditionsjson .availability-eye,
2250  #fitem_id_availabilityconditionsjson .availability-delete {
2251      margin-right: 8px;
2252  }
2253  
2254  .dir-rtl #fitem_id_availabilityconditionsjson .availability-eye,
2255  .dir-rtl #fitem_id_availabilityconditionsjson .availability-delete {
2256      margin-left: 8px;
2257      margin-right: 0;
2258  }
2259  
2260  #fitem_id_availabilityconditionsjson .availability-eye[aria-hidden=true] {
2261      display: inline;
2262      visibility: hidden;
2263  }
2264  
2265  #fitem_id_availabilityconditionsjson .availability-list > .availability-eye img {
2266      vertical-align: top;
2267      margin-top: 12px;
2268  }
2269  
2270  #fitem_id_availabilityconditionsjson .availability-button {
2271      margin-left: 15px;
2272  }
2273  
2274  .dir-rtl #fitem_id_availabilityconditionsjson .availability-button {
2275      margin-right: 15px;
2276      margin-left: 0;
2277  }
2278  
2279  #fitem_id_availabilityconditionsjson .availability-childlist > .availability-inner {
2280      display: inline-block;
2281      background: #eee;
2282      border: 1px solid #ddd;
2283      border-radius: 4px;
2284      padding: 6px;
2285      margin-bottom: 6px;
2286  }
2287  
2288  #fitem_id_availabilityconditionsjson .availability-childlist .availability-childlist > .availability-inner {
2289      background: white;
2290  }
2291  
2292  #fitem_id_availabilityconditionsjson .availability-connector {
2293      margin-left: 20px;
2294      margin-bottom: 6px;
2295  }
2296  
2297  .dir-rtl #fitem_id_availabilityconditionsjson .availability-connector {
2298      margin-right: 20px;
2299      margin-left: 0;
2300  }
2301  
2302  .mform .error .availability-field {
2303      color: black;
2304  }
2305  
2306  .availability-dialogue.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
2307      padding-left: 0;
2308      padding-right: 0;
2309      padding-bottom: 2px;
2310  }
2311  
2312  .availability-dialogue ul {
2313      display: block;
2314      margin: 0;
2315  }
2316  
2317  .availability-dialogue li {
2318      display: block;
2319      list-style-type: none;
2320      padding: 0 0 4px;
2321      clear: both;
2322      border-bottom: 1px solid #eee;
2323      margin-bottom: 4px;
2324  }
2325  
2326  .availability-dialogue ul button {
2327      float: left;
2328      margin-left: 1em;
2329      min-width: 140px;
2330      margin-top: 4px;
2331  }
2332  
2333  .dir-rtl .availability-dialogue ul button {
2334      float: right;
2335      margin-right: 1em;
2336      margin-left: 0;
2337  }
2338  
2339  .availability-dialogue label {
2340      margin-left: 170px;
2341      margin-right: 1em;
2342      margin-bottom: 0;
2343      display: block;
2344      line-height: 1.5;
2345  }
2346  
2347  .dir-rtl .availability-dialogue label {
2348      margin-right: 170px;
2349      margin-left: 1em;
2350  }
2351  
2352  .availability-dialogue .availability-buttons button {
2353      margin-left: 1em;
2354      margin-right: 1em;
2355      margin-top: 4px;
2356  }
2357  
2358  /**
2359   * Web Service
2360   */
2361  #webservice-doc-generator td {
2362      text-align: left;
2363      border: 0px solid black;
2364  }
2365  
2366  /**
2367   * Custom menu
2368   */
2369  #custommenu {
2370      clear: both;
2371  }
2372  
2373  #custommenu .yui3-menu .yui3-menu {
2374      z-index: 500;
2375  }
2376  
2377  #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
2378  #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {
2379      border: 1px solid #000;
2380  }
2381  
2382  #custommenu .yui3-menu-horizontal.javascript-disabled ul {
2383      margin: 0;
2384      padding: 0;
2385  }
2386  
2387  #custommenu .yui3-menu-horizontal.javascript-disabled li {
2388      margin: 0;
2389      padding: 0;
2390      list-style: none;
2391      width: auto;
2392      position: relative;
2393  }
2394  
2395  #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu .yui3-menu-label {
2396      padding-right: 20px;
2397  }
2398  
2399  #custommenu .yui3-menu-horizontal.javascript-disabled > .yui3-menu-content > ul > li {
2400      float: left;
2401  }
2402  
2403  #custommenu .yui3-menu-horizontal.javascript-disabled li a {
2404      padding: 0 10px;
2405  }
2406  
2407  #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu {
2408      position: absolute;
2409      top: -10000px;
2410      left: -10000px;
2411      visibility: hidden;
2412      white-space: nowrap;
2413      max-width: 250px;
2414      background-color: #FFF;
2415  }
2416  
2417  #custommenu .yui3-menu-horizontal.javascript-disabled li:hover > .yui3-menu {
2418      top: 100%;
2419      left: 0;
2420      visibility: visible;
2421      z-index: 10;
2422  }
2423  
2424  #custommenu .yui3-menu-horizontal.javascript-disabled li:hover .yui3-menu .yui3-menu {
2425      top: 0;
2426      left: 100%;
2427      min-width: 200px;
2428  }
2429  
2430  #custommenu .yui3-menu-horizontal.javascript-disabled > .yui3-menu-content > ul:after {
2431      content: "";
2432      display: block;
2433      clear: both;
2434      line-height: 0;
2435      font-size: 0;
2436      visibility: hidden;
2437  }
2438  
2439  #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content {
2440      font-size: 93%;
2441      line-height: 2;
2442      padding: 0;
2443  }
2444  
2445  #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .yui3-menu-content {
2446      font-size: 100%;
2447  }
2448  
2449  /**
2450   * Fix for broken YUI images in the menunav component
2451   */
2452  #custommenu .yui3-menu-label,
2453  #custommenu .yui3-menuitem-content {
2454      cursor: pointer;
2455  }
2456  
2457  #custommenu .yui3-menuitem-active {
2458      background-color: #B3D4FF;
2459  }
2460  
2461  #custommenu .yui3-menuitem-active,
2462  #custommenu .yui3-menuitem-active .yui3-menuitem-content,
2463  #custommenu .yui3-menu-horizontal .yui3-menu-label,
2464  #custommenu .yui3-menu-horizontal .yui3-menu-content {
2465      background-image: none;
2466      background-position: right center;
2467      background-repeat: no-repeat;
2468  }
2469  
2470  #custommenu .yui3-menu-label,
2471  #custommenu .yui3-menu .yui3-menu .yui3-menu-label {
2472      background-image: url([[pix:theme|vertical-menu-submenu-indicator]]);
2473      padding-right: 20px;
2474  }
2475  
2476  #custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {
2477      background-image: url([[pix:theme|horizontal-menu-submenu-indicator]]);
2478  }
2479  
2480  /**
2481   * Dividers.
2482   */
2483  .yui3-menu.yui3-menu-horizontal .yui3-menuitem.divider {
2484      overflow: hidden;
2485      width: 0;
2486      height: 24px;
2487      border-left: 1px solid #ddd;
2488  }
2489  
2490  .yui3-menu .yui3-menu .yui3-menuitem.divider {
2491      width: auto;
2492      height: 0;
2493      margin: 4px 1px;
2494      border-left: 0px none;
2495      border-top: 1px solid #ddd;
2496  }
2497  
2498  .yui3-menu .yui3-menuitem.divider a {
2499      visibility: hidden;
2500  }
2501  
2502  /**
2503   * Smart Select Element
2504   */
2505  .smartselect {
2506      position: absolute;
2507  }
2508  
2509  .smartselect .smartselect_mask {
2510      background-color: #fff;
2511  }
2512  
2513  .smartselect ul {
2514      padding: 0;
2515      margin: 0;
2516  }
2517  
2518  .smartselect ul li {
2519      list-style: none;
2520  }
2521  
2522  .smartselect .smartselect_menu {
2523      margin-right: 5px;
2524  }
2525  
2526  .safari .smartselect .smartselect_menu {
2527      margin-left: 2px;
2528  }
2529  
2530  .smartselect .smartselect_menu,
2531  .smartselect .smartselect_submenu {
2532      border: 1px solid #000;
2533      background-color: #FFF;
2534      display: none;
2535  }
2536  
2537  .smartselect .smartselect_menu.visible,
2538  .smartselect .smartselect_submenu.visible {
2539      display: block;
2540  }
2541  
2542  .smartselect .smartselect_menu_content ul li {
2543      position: relative;
2544      padding: 2px 5px;
2545  }
2546  
2547  .smartselect .smartselect_menu_content ul li a {
2548      color: #333;
2549      text-decoration: none;
2550  }
2551  
2552  .smartselect .smartselect_menu_content ul li a.selectable {
2553      color: inherit;
2554  }
2555  
2556  .smartselect .smartselect_submenuitem {
2557      background-image: url([[pix:moodle|t/collapsed]]);
2558      background-repeat: no-repeat;
2559      background-position: 100%;
2560  }
2561  /** Spanning mode */
2562  .smartselect.spanningmenu .smartselect_submenu {
2563      position: absolute;
2564      top: -1px;
2565      left: 100%;
2566  }
2567  
2568  .smartselect.spanningmenu .smartselect_submenu a {
2569      white-space: nowrap;
2570      padding-right: 16px;
2571  }
2572  
2573  .smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {
2574      text-decoration: underline;
2575  }
2576  /** Compact mode */
2577  .smartselect.compactmenu .smartselect_submenu {
2578      position: relative;
2579      margin: 2px -3px;
2580      margin-left: 10px;
2581      display: none;
2582      border-width: 0;
2583      z-index: 1010;
2584  }
2585  
2586  .smartselect.compactmenu .smartselect_submenu.visible {
2587      display: block;
2588  }
2589  
2590  .smartselect.compactmenu .smartselect_menu {
2591      z-index: 1000;
2592      overflow: hidden;
2593  }
2594  
2595  .smartselect.compactmenu .smartselect_submenu .smartselect_submenu {
2596      z-index: 1020;
2597  }
2598  
2599  .smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {
2600      font-weight: bold;
2601  }
2602  
2603  /**
2604   * Registration
2605   */
2606  #page-admin-registration-register .registration_textfield {
2607      width: 300px;
2608  }
2609  
2610  /**
2611   * Enrol
2612   */
2613  .userenrolment {
2614      width: 100%;
2615      border-collapse: collapse;
2616  }
2617  
2618  .userenrolment tr {
2619      vertical-align: top;
2620  }
2621  
2622  .userenrolment td {
2623      height: 41px;
2624      padding: 3px;
2625  }
2626  
2627  .userenrolment td > * {
2628      margin: 3px;
2629  }
2630  
2631  .userenrolment .subfield {
2632      margin-right: 5px;
2633  }
2634  
2635  .userenrolment .col_userdetails .subfield_picture {
2636      float: left;
2637  }
2638  
2639  .userenrolment .col_lastseen {
2640      width: 150px;
2641  }
2642  
2643  .userenrolment .col_role {
2644      width: 262px;
2645  }
2646  
2647  .userenrolment .col_role .roles,
2648  .userenrolment .col_group .groups {
2649      margin-right: 30px;
2650  }
2651  
2652  .userenrolment .col_role .role,
2653  .userenrolment .col_group .group {
2654      float: left;
2655      white-space: nowrap;
2656      margin-right: 6px;
2657  }
2658  
2659  .userenrolment .col_role .role a,
2660  .userenrolment .col_group .group a {
2661      margin-left: 3px;
2662      cursor: pointer;
2663  }
2664  
2665  .userenrolment .col_role .addrole,
2666  .userenrolment .col_group .addgroup {
2667      float: right;
2668  }
2669  
2670  .userenrolment .col_role .addrole a img,
2671  .userenrolment .col_group .addgroup a img {
2672      vertical-align: bottom;
2673  }
2674  
2675  .userenrolment .hasAllRoles .col_role .addrole {
2676      display: none;
2677  }
2678  
2679  .dir-rtl .userenrolment .col_role .role {
2680      float: right;
2681  }
2682  
2683  .userenrolment .col_enrol .enrolment {
2684      float: left;
2685  }
2686  
2687  .userenrolment .col_enrol .enrolment a {
2688      float: right;
2689      margin-left: 3px;
2690  }
2691  
2692  #page-enrol-users .enrol_user_buttons {
2693      float: right;
2694  }
2695  
2696  #page-enrol-users .enrol_user_buttons .singlebutton {
2697      margin-top: 2px;
2698      line-height: 2;
2699  }
2700  
2701  #page-enrol-users .enrol_user_buttons .enrolusersbutton {
2702      margin-left: 1em;
2703      display: inline;
2704  }
2705  
2706  #page-enrol-users .enrol_user_buttons .enrolusersbutton div,
2707  #page-enrol-users .enrol_user_buttons .enrolusersbutton form {
2708      display: inline;
2709  }
2710  
2711  #page-enrol-users .enrol_user_buttons .enrolusersbutton input {
2712      padding-left: 6px;
2713      padding-right: 6px;
2714  }
2715  
2716  #page-enrol-users.dir-rtl .col_userdetails .subfield_picture {
2717      float: right;
2718  }
2719  
2720  #page-enrol-users #filterform div,
2721  #page-enrol-users #filterform fieldset {
2722      display: inline;
2723      float: none;
2724      clear: none;
2725      line-height: 2;
2726  }
2727  
2728  #page-enrol-users #filterform .fitem {
2729      white-space: nowrap;
2730  }
2731  
2732  #page-enrol-users #filterform fieldset > div {
2733      display: block;
2734      float: left;
2735      background: #f2f2f2;
2736      padding: 2px;
2737  }
2738  
2739  #page-enrol-users #filterform select,
2740  #page-enrol-users #filterform .ftext input {
2741      width: 8em;
2742  }
2743  
2744  #page-enrol-users #filterform #fitem_id_role,
2745  #page-enrol-users #filterform #fitem_id_ifilter,
2746  #page-enrol-users #filterform #fgroup_id_buttons {
2747      margin-left: 0.5em;
2748  }
2749  
2750  #page-enrol-users .paging {
2751      clear: right;
2752  }
2753  
2754  /**
2755  * Overide for RTL layout
2756  **/
2757  .dir-rtl .headermain {
2758      float: right;
2759  }
2760  
2761  .dir-rtl .headermenu {
2762      float: left;
2763      text-align: left;
2764  }
2765  
2766  .dir-rtl .breadcrumb {
2767      float: right;
2768  }
2769  
2770  .dir-rtl .navbutton {
2771      float: left;
2772  }
2773  
2774  .dir-rtl .navbutton .singlebutton {
2775      margin-right: 4px;
2776  }
2777  
2778  .dir-rtl .breadcrumb ul li {
2779      float: right;
2780      margin-left: 5px;
2781  }
2782  
2783  .dir-rtl .mform .fitem .fitemtitle {
2784      float: right;
2785  }
2786  
2787  .dir-rtl .loginbox .loginform .form-label {
2788      float: right;
2789      text-align: left;
2790  }
2791  
2792  .dir-rtl .loginbox .loginform .form-input {
2793      text-align: right;
2794  }
2795  
2796  .dir-rtl .yui3-menu-hidden {
2797      left: 0px;
2798  }
2799  
2800  #page-admin-roles-define.dir-rtl #rolesform .felement {
2801      margin-right: 180px;
2802  }
2803  
2804  #page-message-edit.dir-rtl table.generaltable th.c0 {
2805      text-align: right;
2806  }
2807  
2808  /**
2809   * Backup
2810   */
2811  .backup-restore .backup-section {
2812      clear: both;
2813      border: 1px solid #ddd;
2814      background-color: #f6f6f6;
2815      margin-bottom: 1em;
2816  }
2817  
2818  .backup-restore .backup-section > h2.header {
2819      padding: 5px 6px;
2820      margin: 0;
2821      border-bottom: 1px solid #ddd;
2822  }
2823  
2824  .backup-restore .backup-section .noticebox {
2825      margin: 1em auto;
2826      width: 60%;
2827      text-align: center;
2828  }
2829  
2830  .backup-restore .backup-section .backup-sub-section {
2831      margin: 0 25px;
2832      background-color: #f9f9f9;
2833      border: 1px solid #f3f3f3;
2834      margin-bottom: 1em;
2835  }
2836  
2837  .backup-restore .backup-section .backup-sub-section h3 {
2838      text-align: right;
2839      border-bottom: 1px solid #DDD;
2840      padding: 5px 86% 5px 6px;
2841      margin: 0;
2842      background-color: #e9e9e9;
2843  }
2844  
2845  .backup-restore .backup-section.settings-section .detail-pair {
2846      margin: 0;
2847      padding: 0;
2848      width: 50%;
2849      display: inline-block;
2850  }
2851  
2852  .backup-restore .backup-section.settings-section .detail-pair .detail-pair-label {
2853      width: 65%;
2854  }
2855  
2856  .backup-restore .backup-section.settings-section .detail-pair .detail-pair-value {
2857      width: 25%;
2858  }
2859  
2860  .backup-restore .activitytable {
2861      width: 60%;
2862      min-width: 500px;
2863  }
2864  
2865  .backup-restore .activitytable .modulename {
2866      width: 100px;
2867  }
2868  
2869  .backup-restore .activitytable .moduleincluded {
2870      width: 50px;
2871  }
2872  
2873  .backup-restore .activitytable .userinfoincluded {
2874      width: 50px;
2875  }
2876  
2877  .backup-restore .detail-pair-label {
2878      display: inline-block;
2879      width: 25%;
2880      padding: 8px;
2881      margin: 0;
2882      text-align: right;
2883      font-weight: bold;
2884      color: #444;
2885      vertical-align: top;
2886  }
2887  
2888  .backup-restore .detail-pair-value {
2889      display: inline-block;
2890      width: 65%;
2891      padding: 8px;
2892      margin: 0;
2893  }
2894  
2895  .backup-restore .detail-pair-value > .sub-detail {
2896      display: block;
2897      color: #1580B6;
2898      margin-left: 2em;
2899      font-size: 90%;
2900      font-style: italic;
2901  }
2902  
2903  .backup-restore > .singlebutton {
2904      text-align: right;
2905  }
2906  
2907  .path-backup .mform .fgroup .proceedbutton,
2908  .path-backup .mform .fgroup .oneclickbackup {
2909      float: right;
2910      margin-right: 1%;
2911  }
2912  
2913  .dir-rtl.path-backup .mform .fgroup .proceedbutton,
2914  .dir-rtl.path-backup .mform .fgroup .oneclickbackup {
2915      float: left;
2916      margin-left: 1%;
2917      margin-right: 0;
2918  }
2919  
2920  .restore-course-search .rcs-results {
2921      width: 70%;
2922      min-width: 400px;
2923      border: 1px solid #ddd;
2924      margin: 5px 0;
2925  }
2926  
2927  .restore-course-search .rcs-results table {
2928      width: 100%;
2929      margin: 0;
2930      border-width: 0;
2931  }
2932  
2933  .restore-course-search .rcs-results table .no-overflow {
2934      max-width: 600px;
2935  }
2936  
2937  .restore-course-search .rcs-results .paging {
2938      text-align: left;
2939      margin: 0;
2940      background-color: #eee;
2941      padding: 3px;
2942  }
2943  
2944  .restore-course-category .rcs-results {
2945      width: 70%;
2946      min-width: 400px;
2947      border: 1px solid #ddd;
2948      margin: 5px 0;
2949  }
2950  
2951  .restore-course-category .rcs-results table {
2952      width: 100%;
2953      margin: 0;
2954      border-width: 0;
2955  }
2956  
2957  .restore-course-category .rcs-results table .no-overflow {
2958      max-width: 600px;
2959  }
2960  
2961  .restore-course-category .rcs-results .paging {
2962      text-align: left;
2963      margin: 0;
2964      background-color: #eee;
2965      padding: 3px;
2966  }
2967  
2968  .corelightbox {
2969      background-color: #CCC;
2970      position: absolute;
2971      top: 0;
2972      left: 0;
2973      width: 100%;
2974      height: 100%;
2975      text-align: center;
2976  }
2977  
2978  .corelightbox img {
2979      position: fixed;
2980      top: 50%;
2981      left: 50%;
2982  }
2983  
2984  .mod-indent {
2985      display: table-cell;
2986  }
2987  
2988  .label .mod-indent {
2989      float: left;
2990      padding-top: 20px;
2991  }
2992  
2993  .mod-indent-1 {
2994      width: 30px;
2995  }
2996  
2997  .mod-indent-2 {
2998      width: 60px;
2999  }
3000  
3001  .mod-indent-3 {
3002      width: 90px;
3003  }
3004  
3005  .mod-indent-4 {
3006      width: 120px;
3007  }
3008  
3009  .mod-indent-5 {
3010      width: 150px;
3011  }
3012  
3013  .mod-indent-6 {
3014      width: 180px;
3015  }
3016  
3017  .mod-indent-7 {
3018      width: 210px;
3019  }
3020  
3021  .mod-indent-8 {
3022      width: 240px;
3023  }
3024  
3025  .mod-indent-9 {
3026      width: 270px;
3027  }
3028  
3029  .mod-indent-10 {
3030      width: 300px;
3031  }
3032  
3033  .mod-indent-11 {
3034      width: 330px;
3035  }
3036  
3037  .mod-indent-12 {
3038      width: 360px;
3039  }
3040  
3041  .mod-indent-13 {
3042      width: 390px;
3043  }
3044  
3045  .mod-indent-14 {
3046      width: 420px;
3047  }
3048  
3049  .mod-indent-15 {
3050      width: 450px;
3051  }
3052  
3053  .mod-indent-16,
3054  .mod-indent-huge {
3055      width: 480px;
3056  }
3057  
3058  .dir-rtl .mform .fitem .felement {
3059      margin-right: 16%;
3060      margin-left: auto;
3061      text-align: right;
3062  }
3063  
3064  .dir-rtl .mform .fitem .felement input[name=email],
3065  .dir-rtl .mform .fitem .felement input[name=email2],
3066  .dir-rtl .mform .fitem .felement input[name=url],
3067  .dir-rtl .mform .fitem .felement input[name=idnumber],
3068  .dir-rtl .mform .fitem .felement input[name=phone1],
3069  .dir-rtl .mform .fitem .felement input[name=phone2] {
3070      text-align: left;
3071      direction: ltr;
3072  }
3073  
3074  /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
3075  .resourcecontent .mediaplugin_mp3 object {
3076      height: 25px;
3077      width: 600px;
3078  }
3079  
3080  .resourcecontent audio.mediaplugin_html5audio {
3081      width: 600px;
3082  }
3083  
3084  /** Large resource images should avoid hidden overflow **/
3085  .resourceimage {
3086      max-width: 100%;
3087  }
3088  
3089  /* Audio player size in 'inline' mode (can only change width, as above) */
3090  .mediaplugin_mp3 object {
3091      height: 15px;
3092      width: 300px;
3093  }
3094  
3095  audio.mediaplugin_html5audio {
3096      width: 300px;
3097  }
3098  
3099  /* TinyMCE moodle media preview frame should not have padding */
3100  .core_media_preview.pagelayout-embedded #page-content {
3101      padding: 0;
3102  }
3103  
3104  .core_media_preview.pagelayout-embedded #maincontent {
3105      height: 0;
3106  }
3107  
3108  .core_media_preview.pagelayout-embedded .mediaplugin {
3109      margin: 0;
3110  }
3111  
3112  /*
3113  Fix for SubScript & SuperScript
3114  ------------------------------*/
3115  sub {
3116      vertical-align: sub;
3117  }
3118  
3119  sup {
3120      vertical-align: super;
3121  }
3122  
3123  /** Fix YUI 2 Treeview for Right to left languages **/
3124  .dir-rtl .ygtvtn,
3125  .dir-rtl .ygtvtm,
3126  .dir-rtl .ygtvtmh,
3127  .dir-rtl .ygtvtmhh,
3128  .dir-rtl .ygtvtp,
3129  .dir-rtl .ygtvtph,
3130  .dir-rtl .ygtvtphh,
3131  .dir-rtl .ygtvln,
3132  .dir-rtl .ygtvlm,
3133  .dir-rtl .ygtvlmh,
3134  .dir-rtl .ygtvlmhh,
3135  .dir-rtl .ygtvlp,
3136  .dir-rtl .ygtvlph,
3137  .dir-rtl .ygtvlphh,
3138  .dir-rtl .ygtvdepthcell,
3139  .dir-rtl .ygtvok,
3140  .dir-rtl .ygtvok:hover,
3141  .dir-rtl .ygtvcancel,
3142  .dir-rtl .ygtvcancel:hover {
3143      width: 18px;
3144      height: 22px;
3145      background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
3146      background-repeat: no-repeat;
3147      cursor: pointer;
3148  }
3149  
3150  .dir-rtl .ygtvtn {
3151      background-position: 0 -5600px;
3152  }
3153  
3154  .dir-rtl .ygtvtm {
3155      background-position: 0 -4000px;
3156  }
3157  
3158  .dir-rtl .ygtvtmh,
3159  .dir-rtl .ygtvtmhh {
3160      background-position: 0 -4800px;
3161  }
3162  
3163  .dir-rtl .ygtvtp {
3164      background-position: 0 -6400px;
3165  }
3166  
3167  .dir-rtl .ygtvtph,
3168  .dir-rtl .ygtvtphh {
3169      background-position: 0 -7200px;
3170  }
3171  
3172  .dir-rtl .ygtvln {
3173      background-position: 0 -1600px;
3174  }
3175  
3176  .dir-rtl .ygtvlm {
3177      background-position: 0 0;
3178  }
3179  
3180  .dir-rtl .ygtvlmh,
3181  .dir-rtl .ygtvlmhh {
3182      background-position: 0 -800px;
3183  }
3184  
3185  .dir-rtl .ygtvlp {
3186      background-position: 0 -2400px;
3187  }
3188  
3189  .dir-rtl .ygtvlph,
3190  .dir-rtl .ygtvlphh {
3191      background-position: 0 -3200px;
3192  }
3193  
3194  .dir-rtl .ygtvdepthcell {
3195      background-position: 0 -8000px;
3196  }
3197  
3198  .dir-rtl .ygtvok {
3199      background-position: 0 -8800px;
3200  }
3201  
3202  .dir-rtl .ygtvok:hover {
3203      background-position: 0 -8844px;
3204  }
3205  
3206  .dir-rtl .ygtvcancel {
3207      background-position: 0 -8822px;
3208  }
3209  
3210  .dir-rtl .ygtvcancel:hover {
3211      background-position: 0 -8866px;
3212  }
3213  
3214  .dir-rtl.yui-skin-sam .yui-panel .hd {
3215      text-align: left;
3216  }
3217  
3218  .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
3219      text-align: right;
3220  }
3221  
3222  /** Fix TinyMCE editor right to left **/
3223  .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,
3224  .dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {
3225      top: 44px;
3226  }
3227  
3228  .dir-rtl .o2k7Skin table,
3229  .dir-rtl .o2k7Skin tbody,
3230  .dir-rtl .o2k7Skin a,
3231  .dir-rtl .o2k7Skin img,
3232  .dir-rtl .o2k7Skin tr,
3233  .dir-rtl .o2k7Skin div,
3234  .dir-rtl .o2k7Skin td,
3235  .dir-rtl .o2k7Skin iframe,
3236  .dir-rtl .o2k7Skin span,
3237  .dir-rtl .o2k7Skin *,
3238  .dir-rtl .o2k7Skin .mceText,
3239  .dir-rtl .o2k7Skin .mceListBox .mceText {
3240      text-align: right;
3241  }
3242  
3243  .path-rating .ratingtable {
3244      width: 100%;
3245      margin-bottom: 1em;
3246  }
3247  
3248  .path-rating .ratingtable th.rating {
3249      width: 100%;
3250  }
3251  
3252  .path-rating .ratingtable td.rating,
3253  .path-rating .ratingtable td.time {
3254      white-space: nowrap;
3255      text-align: center;
3256  }
3257  
3258  /* Fix for ordered and unordered list in course topic summary & course weekly summary */
3259  
3260  .course-content ul.weeks .content .summary ul,
3261  .course-content ul.topics .content .summary ul {
3262      list-style: disc outside none;
3263  }
3264  
3265  .course-content ul.weeks .content .summary ul ul,
3266  .course-content ul.topics .content .summary ul ul {
3267      list-style: circle outside none;
3268  }
3269  
3270  .course-content ul.weeks .content .summary ul ul ul,
3271  .course-content ul.topics .content .summary ul ul ul {
3272      list-style: square outside none;
3273  }
3274  
3275  .course-content ul.weeks .content .summary ol,
3276  .course-content ul.topics .content .summary ol {
3277      list-style: decimal outside none;
3278  }
3279  
3280  .dir-rtl #adminsettings #id_s__pathtodu,
3281  .dir-rtl #adminsettings #id_s__aspellpath,
3282  .dir-rtl #adminsettings #id_s__pathtodot,
3283  .dir-rtl #adminsettings #id_s__supportemail,
3284  .dir-rtl #adminsettings #id_s__supportpage,
3285  .dir-rtl #adminsettings #id_s__sessioncookie,
3286  .dir-rtl #adminsettings #id_s__sessioncookiepath,
3287  .dir-rtl #adminsettings #id_s__sessioncookiedomain,
3288  .dir-rtl #adminsettings #id_s__proxyhost,
3289  .dir-rtl #adminsettings #id_s__proxyuser,
3290  .dir-rtl #adminsettings #id_s__proxypassword,
3291  .dir-rtl #adminsettings #id_s__proxybypass,
3292  .dir-rtl #adminsettings #id_s__jabberhost,
3293  .dir-rtl #adminsettings #id_s__jabberserver,
3294  .dir-rtl #adminsettings #id_s__jabberusername,
3295  .dir-rtl #adminsettings #id_s__jabberpassword,
3296  .dir-rtl #adminsettings #id_s__additionalhtmlhead,
3297  .dir-rtl #adminsettings #id_s__additionalhtmltopofbody,
3298  .dir-rtl #adminsettings #id_s__additionalhtmlfooter,
3299  .dir-rtl #adminsettings #id_s__docroot,
3300  .dir-rtl #adminsettings #id_s__filter_tex_latexpreamble,
3301  .dir-rtl #adminsettings #id_s__filter_tex_latexbackground,
3302  .dir-rtl #adminsettings #id_s__filter_tex_pathlatex,
3303  .dir-rtl #adminsettings #id_s__filter_tex_pathdvips,
3304  .dir-rtl #adminsettings #id_s__filter_tex_pathconvert,
3305  .dir-rtl #adminsettings #id_s__blockedip,
3306  .dir-rtl #adminsettings #id_s__pathtoclam,
3307  .dir-rtl #adminsettings #id_s__quarantinedir,
3308  .dir-rtl #adminsettings #id_s__sitepolicy,
3309  .dir-rtl #adminsettings #id_s__sitepolicyguest,
3310  .dir-rtl #adminsettings #id_s__cronremotepassword,
3311  .dir-rtl #adminsettings #id_s__allowedip,
3312  .dir-rtl #adminsettings #id_s__blockedip,
3313  .dir-rtl #adminsettings #id_s_enrol_meta_nosyncroleids,
3314  .dir-rtl #adminsettings #id_s_enrol_ldap_host_url,
3315  .dir-rtl #adminsettings #id_s_enrol_ldap_ldapencoding,
3316  .dir-rtl #adminsettings #id_s_enrol_ldap_bind_dn,
3317  .dir-rtl #adminsettings #id_s_enrol_ldap_bind_pw,
3318  .dir-rtl #adminsettings #admin-emoticons .form-text,
3319  .dir-rtl #adminsettings #admin-role_mapping input[type=text],
3320  .dir-rtl #adminsettings #id_s_enrol_paypal_paypalbusiness,
3321  .dir-rtl #adminsettings #id_s_enrol_flatfile_location,
3322  #page-admin-setting-enrolsettingsflatfile.dir-rtl input[type=text],
3323  #page-admin-setting-enrolsettingsdatabase.dir-rtl input[type=text],
3324  #page-admin-auth-db.dir-rtl input[type=text] {
3325      direction: ltr;
3326  }
3327  
3328  #page-admin-setting-enrolsettingsflatfile.dir-rtl .informationbox {
3329      direction: ltr;
3330      text-align: left;
3331  }
3332  
3333  #page-admin-grade-edit-scale-edit.dir-rtl .error input#id_name {
3334      margin-right: 170px;
3335  }
3336  
3337  .initialbar a {
3338      padding-right: 2px;
3339  }
3340  
3341  /* Moodle Dialogue Settings (moodle-core-dialogue)  */
3342  .moodle-dialogue-base .moodle-dialogue-lightbox {
3343      background-color: #AAA;
3344  }
3345  
3346  .moodle-dialogue-base .moodle-dialogue {
3347      outline: #000 dotted 0;
3348  }
3349  
3350  .moodle-dialogue-base .hidden,
3351  .moodle-dialogue-base .moodle-dialogue-hidden {
3352      display: none;
3353  }
3354  
3355  .moodle-dialogue-base .moodle-dialogue {
3356      padding: 0;
3357      margin: 0;
3358      background: none;
3359      border: none;
3360      /* Override the z-index set incorrectly by the YUI dialogue */
3361      z-index: 600;
3362  }
3363  
3364  .no-scrolling {
3365      overflow: hidden;
3366  }
3367  
3368  .moodle-dialogue-base .moodle-dialogue-fullscreen {
3369      left: 0px;
3370      top: 0px;
3371      right: 0px;
3372      bottom: -50px;
3373      position: fixed;
3374  }
3375  
3376  .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
3377      overflow: auto;
3378  }
3379  
3380  .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
3381      width: 28px;
3382      height: 16px;
3383      background-size: 100%;
3384  }
3385  
3386  .moodle-dialogue-base .moodle-dialogue-wrap {
3387      margin-top: -3px;
3388      margin-left: -3px;
3389      background-color: #FFFFFF;
3390      border: 1px solid #CCCCCC;
3391      border-radius: 10px;
3392      box-shadow: 5px 5px 20px 0px #666666;
3393      -webkit-box-shadow: 5px 5px 20px 0px #666666;
3394      -moz-box-shadow: 5px 5px 20px 0px #666666;
3395      overflow: hidden;
3396  }
3397  
3398  .moodle-dialogue-base h3 {
3399      margin: 0;
3400      line-height: 20px;
3401  }
3402  .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
3403  .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
3404      margin: 0;
3405      padding: 5px;
3406      font-size: 12px;
3407      font-weight: normal;
3408      letter-spacing: 1px;
3409      color: #333333;
3410      text-align: center;
3411      text-shadow: 1px 1px 1px #FFFFFF;
3412      border-radius: 10px 10px 0px 0px;
3413      border-bottom: 1px solid #BBBBBB;
3414      background-color: #CCCCCC;
3415      /*csslint important:false */
3416      -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC') !important;
3417      -ms-filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
3418      background-image: -webkit-linear-gradient(top, #FFFFFF, #CCCCCC);
3419      /* For Chrome and Safari */
3420      background-image: -moz-linear-gradient(top, #FFFFFF, #CCCCCC);
3421      /* For old Fx (3.6 to 15) */
3422      background-image: -ms-linear-gradient(top, #FFFFFF, #CCCCCC);
3423      /* For pre-releases of IE 10*/
3424      background-image: -o-linear-gradient(top, #FFFFFF, #CCCCCC);
3425      /* For old Opera (11.1 to 12.0) */
3426      background-image: linear-gradient(to bottom, #FFFFFF, #CCCCCC);
3427      /* Standard syntax; must be last */
3428  }
3429  
3430  .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
3431      padding: 0;
3432      display: inline;
3433      font-size: 100%;
3434      font-weight: bold;
3435  }
3436  
3437  .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
3438      padding: 5px;
3439  }
3440  
3441  .moodle-dialogue-base .closebutton {
3442      width: 25px;
3443      height: 15px;
3444      vertical-align: middle;
3445      display: inline-block;
3446      cursor: pointer;
3447      padding: 0px;
3448      background-image: url([[pix:theme|sprite]]);
3449      background-repeat: no-repeat;
3450      border-style: none;
3451  }
3452  
3453  .dir-rtl .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
3454      left: 0px;
3455      right: auto;
3456  }
3457  
3458  .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
3459      padding: 1em;
3460      line-height: 2em;
3461      color: #555;
3462      font-size: 12px;
3463  }
3464  
3465  .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
3466      padding: 0px;
3467      background: #FFF;
3468  }
3469  
3470  .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
3471      padding: 10px;
3472      font-size: 16px;
3473  }
3474  
3475  .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
3476      overflow: auto;
3477      position: absolute;
3478      top: 0px;
3479      bottom: 50px;
3480      left: 0px;
3481      right: 0px;
3482      margin: 0px;
3483      border: 0px;
3484  }
3485  
3486  .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
3487  .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
3488      border-radius: 0px;
3489  }
3490  
3491  .moodle-dialogue-confirm .confirmation-dialogue {
3492      text-align: center;
3493  }
3494  
3495  .moodle-dialogue-confirm .confirmation-dialogue input {
3496      text-align: center;
3497  }
3498  
3499  .moodle-dialogue-exception .moodle-exception-message {
3500      text-align: center;
3501  }
3502  
3503  .moodle-dialogue-exception .moodle-exception-param label {
3504      font-weight: bold;
3505  }
3506  
3507  .moodle-dialogue-exception .param-stacktrace label {
3508      background-color: #EEE;
3509      border: 1px solid #ccc;
3510      border-bottom-width: 0;
3511  }
3512  
3513  .moodle-dialogue-exception .param-stacktrace pre {
3514      border: 1px solid #ccc;
3515      background-color: #fff;
3516  }
3517  
3518  .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
3519      color: navy;
3520      font-size: 80%;
3521  }
3522  
3523  .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
3524      color: #AA0000;
3525      font-size: 80%;
3526  }
3527  
3528  .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
3529      color: #333;
3530      font-size: 90%;
3531      border-bottom: 1px solid #eee;
3532  }
3533  
3534  .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
3535      padding: 0px;
3536      margin: 0.7em 1em;
3537      text-align: right;
3538      background-color: #FFF;
3539      font-size: 12px;
3540  }
3541  
3542  .moodle-dialogue-confirm .confirmation-message {
3543      margin: 0.5em 1em;
3544  }
3545  
3546  .moodle-dialogue-confirm .confirmation-dialogue input {
3547      min-width: 80px;
3548  }
3549  
3550  .moodle-dialogue-exception .moodle-exception-message {
3551      margin: 1em;
3552  }
3553  
3554  .moodle-dialogue-exception .moodle-exception-param {
3555      margin-bottom: 0.5em;
3556  }
3557  
3558  .moodle-dialogue-exception .moodle-exception-param label {
3559      width: 150px;
3560  }
3561  
3562  .moodle-dialogue-exception .param-stacktrace label {
3563      display: block;
3564      margin: 0;
3565      padding: 4px 1em;
3566  }
3567  
3568  .moodle-dialogue-exception .param-stacktrace pre {
3569      display: block;
3570      height: 200px;
3571      overflow: auto;
3572  }
3573  
3574  .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
3575      display: inline-block;
3576      margin: 4px 0;
3577  }
3578  
3579  .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
3580      display: inline-block;
3581      width: 50px;
3582      margin: 4px 1em;
3583  }
3584  
3585  .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
3586      padding-left: 25px;
3587      margin-bottom: 4px;
3588      padding-bottom: 4px;
3589  }
3590  
3591  .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
3592      opacity: .75;
3593      width: 100%;
3594      height: 100%;
3595      top: 0;
3596      left: 0;
3597      background-color: white;
3598      text-align: center;
3599      padding: 10% 0;
3600  }
3601  
3602  /* Apply a default max-height on tooltip text */
3603  .moodle-dialogue .tooltiptext {
3604      max-height: 300px;
3605  }
3606  
3607  .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
3608      z-index: 3001;
3609  }
3610  
3611  .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
3612      overflow: auto;
3613  }
3614  
3615  /* Question Bank - Question Chooser "Close" button */
3616  #page-question-edit.dir-rtl a.container-close {
3617      right: auto;
3618      left: 6px;
3619  }
3620  
3621  /**
3622   * Chooser Dialogues (moodle-core-chooserdialogue)
3623   *
3624   * This CSS belong to the chooser dialogue which should work both with, and
3625   * without javascript enabled
3626   */
3627  /* Hide the dialog and it's title */
3628  .chooserdialoguebody,
3629  .choosertitle {
3630      display: none;
3631  }
3632  
3633  .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
3634      margin: 0;
3635  }
3636  
3637  .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
3638      padding: 0px;
3639      background: #F2F2F2;
3640      border-bottom-left-radius: 10px;
3641      border-bottom-right-radius: 10px;
3642  }
3643  
3644  /* Center the submit buttons within the area */
3645  .choosercontainer #chooseform .submitbuttons {
3646      padding: 0.7em 0;
3647      text-align: center;
3648  }
3649  
3650  .choosercontainer #chooseform .submitbuttons input {
3651      min-width: 100px;
3652      margin: 0px 0.5em;
3653  }
3654  
3655  /* Various settings for the options area */
3656  .choosercontainer #chooseform .options {
3657      position: relative;
3658      border-bottom: 1px solid #BBBBBB;
3659  }
3660  
3661  /* Only set these options if we're showing the js container */
3662  .jschooser .choosercontainer #chooseform .alloptions {
3663      overflow-x: hidden;
3664      overflow-y: auto;
3665      max-width: 20.3em;
3666      box-shadow: inset 0px 0px 30px 0px #CCCCCC;
3667      -webkit-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
3668      -moz-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
3669  }
3670  
3671  .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio],
3672  .jschooser .choosercontainer #chooseform .alloptions .option .modicon {
3673      display: inline-block;
3674  }
3675  
3676  .jschooser .choosercontainer #chooseform .alloptions .option .typename {
3677      display: inline-block;
3678      width: 65%;
3679  }
3680  
3681  .dir-rtl.jschooser .choosercontainer #chooseform .alloptions {
3682      max-width: 18.3em;
3683  }
3684  
3685  /* Settings for option rows and option subtypes */
3686  .choosercontainer #chooseform .moduletypetitle,
3687  .choosercontainer #chooseform .option,
3688  .choosercontainer #chooseform .nonoption {
3689      margin-bottom: 0;
3690      padding: 0 1.6em 0 1.6em;
3691  }
3692  
3693  .choosercontainer #chooseform .moduletypetitle {
3694      text-transform: uppercase;
3695      padding-top: 1.2em;
3696      padding-bottom: 0.4em;
3697  }
3698  
3699  .choosercontainer #chooseform .option .typename,
3700  .choosercontainer #chooseform .option span.modicon img.icon,
3701  .choosercontainer #chooseform .nonoption .typename,
3702  .choosercontainer #chooseform .nonoption span.modicon img.icon {
3703      padding: 0 0 0 0.5em;
3704  }
3705  
3706  .dir-rtl .choosercontainer #chooseform .option .typename,
3707  .dir-rtl .choosercontainer #chooseform .option span.modicon img.icon,
3708  .dir-rtl .choosercontainer #chooseform .nonoption .typename,
3709  .dir-rtl .choosercontainer #chooseform .nonoption span.modicon img.icon {
3710      padding: 0 0.5em 0 0;
3711  }
3712  
3713  .chooserdialogue-course-modchooser .choosercontainer #chooseform .option span.modicon img.icon,
3714  .chooserdialogue-course-modchooser .choosercontainer #chooseform .nonoption span.modicon img.icon {
3715      height: 24px;
3716      width: 24px;
3717  }
3718  
3719  .choosercontainer #chooseform .option input[type=radio],
3720  .choosercontainer #chooseform .option span.typename,
3721  .choosercontainer #chooseform .option span.modicon {
3722      vertical-align: middle;
3723  }
3724  
3725  .choosercontainer #chooseform .option label {
3726      display: block;
3727      padding: 0.3em 0 0.1em 0;
3728      border-bottom: 1px solid #FFFFFF;
3729  }
3730  
3731  .choosercontainer #chooseform .nonoption {
3732      padding-left: 2.7em;
3733      padding-top: 0.3em;
3734      padding-bottom: 0.1em;
3735  }
3736  
3737  .dir-rtl .choosercontainer #chooseform .nonoption {
3738      padding-right: 2.7em;
3739      padding-left: 0;
3740  }
3741  
3742  .choosercontainer #chooseform .subtype {
3743      margin-bottom: 0;
3744      padding: 0 1.6em 0 3.2em;
3745  }
3746  
3747  .dir-rtl .choosercontainer #chooseform .subtype {
3748      padding: 0 3.2em 0 1.6em;
3749  }
3750  
3751  .choosercontainer #chooseform .subtype .typename {
3752      margin: 0 0 0 0.2em;
3753  }
3754  
3755  .dir-rtl .choosercontainer #chooseform .subtype .typename {
3756      margin: 0 0.2em 0 0;
3757  }
3758  
3759  /* The instruction/help area */
3760  .jschooser .choosercontainer #chooseform .instruction,
3761  .jschooser .choosercontainer #chooseform .typesummary {
3762      display: none;
3763      position: absolute;
3764      top: 0px;
3765      right: 0px;
3766      bottom: 0px;
3767      left: 20.3em;
3768      margin: 0;
3769      padding: 1.6em;
3770      background-color: #FFFFFF;
3771      overflow-x: hidden;
3772      overflow-y: auto;
3773      line-height: 2em;
3774  }
3775  
3776  .dir-rtl.jschooser .choosercontainer #chooseform .instruction,
3777  .dir-rtl.jschooser .choosercontainer #chooseform .typesummary {
3778      left: 0px;
3779      right: 18.5em;
3780      border-right: 1px solid grey;
3781  }
3782  
3783  /* Selected option settings */
3784  .jschooser .choosercontainer #chooseform .instruction,
3785  .choosercontainer #chooseform .selected .typesummary {
3786      display: block;
3787  }
3788  
3789  .choosercontainer #chooseform .selected {
3790      background-color: #FFFFFF;
3791      box-shadow: 0px 0px 10px 0px #CCCCCC;
3792      -webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;
3793      -moz-box-shadow: 0px 0px 10px 0px #CCCCCC;
3794  }
3795  
3796  .section-modchooser-link img.smallicon {
3797      padding-right: 3px;
3798  }
3799  
3800  .dir-rtl .section-modchooser-link img.smallicon {
3801      padding-left: 3px;
3802      padding-right: 0;
3803  }
3804  /* Install Process' text fields Forms, should always be justified to the left */
3805  
3806  form#installform #id_wwwroot,
3807  form#installform #id_dirroot,
3808  form#installform #id_dataroot,
3809  form#installform #id_dbhost,
3810  form#installform #id_dbname,
3811  form#installform #id_dbuser,
3812  form#installform #id_dbpass,
3813  form#installform #id_prefix {
3814      direction: ltr;
3815  }
3816  
3817  html[dir=rtl] .breadcrumb,
3818  html[dir=rtl] .headermain,
3819  html[dir=rtl] #page-header,
3820  html[dir=rtl] #page-content {
3821      float: right;
3822  }
3823  
3824  html[dir=rtl] .formrow label.formlabel {
3825      float: right;
3826  }
3827  
3828  html[dir=rtl] .configphp {
3829      direction: ltr;
3830      text-align: left;
3831  }
3832  
3833  table.flexible > tbody > tr:nth-of-type(odd),
3834  table.generaltable > tbody > tr:nth-of-type(odd) {
3835      background-color: #F0F0F0;
3836  }
3837  
3838  table.flexible > tbody > tr:nth-of-type(even),
3839  table.generaltable > tbody > tr:nth-of-type(even) {
3840      background-color: #FAFAFA;
3841  }
3842  
3843  table.flexible .emptyrow {
3844      display: none;
3845  }
3846  
3847  /* Form element: listing */
3848  
3849  .formlistingradio {
3850      padding-bottom: 25px;
3851      padding-right: 10px;
3852  }
3853  
3854  .formlistinginputradio {
3855      float: left;
3856  }
3857  
3858  .formlistingmain {
3859      min-height: 225px;
3860  }
3861  
3862  .formlisting {
3863      position: relative;
3864      margin: 15px 0;
3865      padding: 1px 19px 14px;
3866      background-color: white;
3867      border: 1px solid #DDD;
3868      -webkit-border-radius: 4px;
3869      -moz-border-radius: 4px;
3870      border-radius: 4px;
3871  }
3872  
3873  .formlistingmore {
3874      position: absolute;
3875      cursor: pointer;
3876      bottom: -1px;
3877      right: -1px;
3878      padding: 3px 7px;
3879      font-size: 12px;
3880      font-weight: bold;
3881      background-color: whiteSmoke;
3882      border: 1px solid #DDD;
3883      color: #9DA0A4;
3884      -webkit-border-radius: 4px 0 4px 0;
3885      -moz-border-radius: 4px 0 4px 0;
3886      border-radius: 4px 0 4px 0;
3887  }
3888  
3889  .formlistingall {
3890      margin: 15px 0;
3891      padding: 0px 0px 0px;
3892      -webkit-border-radius: 4px;
3893      -moz-border-radius: 4px;
3894      border-radius: 4px;
3895  }
3896  
3897  .formlistingrow {
3898      cursor: pointer;
3899      border-bottom: 1px solid;
3900      border-color: #E1E1E8;
3901      border-left: 1px solid #E1E1E8;
3902      border-right: 1px solid #E1E1E8;
3903      background-color: #F7F7F9;
3904      -webkit-border-radius: 0px 0px 4px 4px;
3905      -moz-border-radius: 0px 0px 4px 4px;
3906      padding: 6px;
3907      top: 50%;
3908      left: 50%;
3909      min-height: 34px;
3910      float: left;
3911      width: 150px;
3912  }
3913  
3914  body.jsenabled .formlistingradio {
3915      display: none;
3916  }
3917  
3918  body.jsenabled .formlisting {
3919      display: block;
3920  }
3921  
3922  /**
3923   * Badges styles
3924   */
3925  
3926  #badge-overview h3,
3927  #badge h3 {
3928      clear: both;
3929      text-align: left;
3930      padding-top: 10px;
3931  }
3932  
3933  .dir-rtl #badge h3 {
3934      text-align: right;
3935  }
3936  
3937  #badge-image,
3938  #badge-details {
3939      display: inline-block;
3940  }
3941  
3942  #badge-image {
3943      width: 200px;
3944      vertical-align: top;
3945  }
3946  
3947  #badge-image .singlebutton {
3948      padding-top: 5px;
3949      margin-left: 20px;
3950  }
3951  
3952  #badge-overview dl,
3953  #badge-details dl {
3954      margin: 0;
3955  }
3956  
3957  #badge-overview dt,
3958  #badge-details dt {
3959      font-weight: bold;
3960      clear: both;
3961      float: left;
3962      width: 20%;
3963  }
3964  
3965  #badge-overview dd,
3966  #badge-details dd {
3967      float: left;
3968      width: 75%;
3969  }
3970  
3971  #badge-overview dd,
3972  #badge-details dd,
3973  #badge-overview dt,
3974  #badge-details dt {
3975      padding: 3px 0;
3976  }
3977  
3978  #page-badges-view .collection {
3979      width: 90%;
3980      margin: 1em auto;
3981  }
3982  
3983  #page-badges-index .collection {
3984      width: 85%;
3985      margin: 1em auto;
3986  }
3987  
3988  table.collection th {
3989      font-size: inherit !important;
3990      border-width: 1px;
3991      border-style: solid;
3992      border-color: #CCCCCC;
3993      padding-left: 5px;
3994      padding-right: 5px;
3995      vertical-align: top;
3996      text-align: center !important;
3997  }
3998  
3999  table.collection td {
4000      border-width: 1px;
4001      border-style: solid;
4002      border-color: #CCCCCC;
4003      padding-left: 5px;
4004      padding-right: 5px;
4005      vertical-align: top;
4006  }
4007  
4008  table.collection > tbody > tr:nth-of-type(even) {
4009      background-color: #FFFFFF;
4010  }
4011  
4012  table.collection > tbody > tr:nth-of-type(odd) {
4013      background-color: #F6F6F6;
4014  }
4015  
4016  table.collection ul {
4017      margin: 0.5em 0.5em 0.5em 2em;
4018  }
4019  
4020  .dir-rtl table.collection ul {
4021      margin: 0.5em 2em 0.5em 0.5em;
4022  }
4023  
4024  #page-badges-view table.collection .badgeimage,
4025  #page-badges-index table.collection .status {
4026      width: 15%;
4027      text-align: center;
4028      vertical-align: middle;
4029  }
4030  
4031  #page-badges-view table.collection .awards,
4032  #page-badges-index table.collection .awards {
4033      width: 10%;
4034      text-align: center;
4035      vertical-align: middle;
4036  }
4037  
4038  #page-badges-view table.collection .description {
4039      width: 25%;
4040      text-align: left;
4041  }
4042  
4043  #page-badges-view.dir-rtl table.collection .description {
4044      width: 25%;
4045      text-align: right;
4046  }
4047  
4048  table.collection .name {
4049      text-align: left;
4050      vertical-align: middle;
4051  }
4052  
4053  .dir-rtl table.collection .name {
4054      text-align: right;
4055      vertical-align: middle;
4056  }
4057  
4058  #page-badges-view table.collection .criteria {
4059      width: 35%;
4060      text-align: left;
4061      vertical-align: top;
4062  }
4063  
4064  #page-badges-view.dir-rtl table.collection .criteria {
4065      text-align: right;
4066  }
4067  
4068  #page-badges-index table.collection .criteria {
4069      width: 40%;
4070      text-align: left;
4071      vertical-align: top;
4072  }
4073  
4074  #page-badges-index.dir-rtl table.collection .criteria {
4075      text-align: right;
4076  }
4077  
4078  #page-badges-index table.collection .actions {
4079      width: 11em;
4080      text-align: center;
4081      vertical-align: middle;
4082  }
4083  
4084  a.criteria-action {
4085      padding: 0px 3px;
4086      float: right;
4087  }
4088  
4089  .dir-rtl a.criteria-action {
4090      float: left;
4091  }
4092  
4093  ul.badges {
4094      margin: 0;
4095      list-style: none;
4096  }
4097  
4098  .badges li {
4099      position: relative;
4100      display: inline-block;
4101      padding-bottom: 2em;
4102      text-align: center;
4103      vertical-align: top;
4104      width: 150px;
4105  }
4106  
4107  .badges li .badge-name {
4108      display: block;
4109      padding: 5px;
4110  }
4111  
4112  .badges li > img {
4113      position: absolute;
4114  }
4115  
4116  .badges li .badge-image {
4117      width: 100px;
4118      height: 100px;
4119      left: 10px;
4120      top: 0px;
4121      z-index: 1;
4122  }
4123  
4124  .dir-rtl .badges li .badge-image {
4125      right: 10px;
4126  }
4127  
4128  .badges li .badge-actions {
4129      position: relative;
4130  }
4131  
4132  div.badge {
4133      position: relative;
4134      display: block;
4135  }
4136  
4137  div.badge .expireimage {
4138      width: 100px;
4139      height: 100px;
4140      left: 0px;
4141      top: 0px;
4142  }
4143  
4144  .expireimage {
4145      width: 100px;
4146      height: 100px;
4147      left: 25px;
4148      top: 0px;
4149      position: absolute;
4150      z-index: 10;
4151      filter: alpha(opacity=85);
4152      -moz-opacity: 0.85;
4153      -khtml-opacity: 0.85;
4154      opacity: 0.85;
4155  }
4156  
4157  .badge-profile {
4158      vertical-align: top;
4159  }
4160  
4161  .connected {
4162      color: #006600;
4163  }
4164  
4165  .notconnected {
4166      color: #660000;
4167  }
4168  
4169  #page-badges-award .recipienttable {
4170      background-color: #EEEEEE;
4171      border: 1px solid #BBBBBB;
4172      width: 100%;
4173      vertical-align: top;
4174  }
4175  
4176  #page-badges-award .recipienttable tr td {
4177      vertical-align: top;
4178  }
4179  
4180  #page-badges-award .recipienttable tr td.actions {
4181      width: 16%;
4182      padding-top: 3em;
4183  }
4184  
4185  #page-badges-award .recipienttable tr td.actions .actionbutton {
4186      margin: 0.3em 0;
4187      padding: 0.5em 0;
4188      width: 100%;
4189  }
4190  
4191  #page-badges-award .recipienttable tr td.existing,
4192  #page-badges-award .recipienttable tr td.potential {
4193      width: 42%;
4194  }
4195  
4196  #issued-badge-table .activatebadge {
4197      display: inline-block;
4198  }
4199  
4200  #issued-badge-table div.activatebadge {
4201      margin-left: 3px;
4202  }
4203  
4204  .statusbox {
4205      border-color: #BBBBBB;
4206      padding: 5px;
4207      text-align: center;
4208  }
4209  
4210  .statusbox.active {
4211      background-color: #D9F991;
4212  }
4213  
4214  .statusbox.inactive {
4215      background-color: #FFEBA8;
4216  }
4217  
4218  .statusbox .activatebadge {
4219      display: inline-block;
4220  }
4221  
4222  .statusbox .activatebadge input[type=submit] {
4223      margin: 3px;
4224  }
4225  
4226  .dir-rtl .activatebadge {
4227      text-align: right;
4228  }
4229  
4230  .addcourse {
4231      float: right;
4232  }
4233  
4234  .dir-rtl .addcourse {
4235      float: left;
4236  }
4237  
4238  img#persona_signin {
4239      cursor: pointer;
4240  }
4241  
4242  /**
4243   * The date selector popup.
4244   */
4245  
4246  div#dateselector-calendar-panel {
4247      z-index: 3100;
4248      /* Set higher than the z-index of the filemanager - see MDL-39047. */
4249  }
4250  
4251  .path-mod-lesson .centerpadded {
4252      padding: 5px;
4253      text-align: center;
4254  }
4255  
4256  /** Action menu component styles **/
4257  
4258  .moodle-actionmenu,
4259  .moodle-actionmenu > ul,
4260  .moodle-actionmenu > ul > li {
4261      display: inline-block;
4262  }
4263  
4264  .moodle-actionmenu ul {
4265      padding: 0;
4266      margin: 0;
4267      list-style-type: none;
4268  }
4269  
4270  .section_action_menu .moodle-actionmenu ul.menubar {
4271      margin: 0;
4272  }
4273  
4274  .section_action_menu .moodle-actionmenu ul.menu {
4275      margin: 0 10px 10px 0;
4276  }
4277  
4278  #page .moodle-actionmenu a.hidden {
4279      display: none;
4280  }
4281  
4282  .moodle-actionmenu .toggle-display,
4283  .moodle-actionmenu .menu-action-text {
4284      display: none;
4285  }
4286  
4287  .jsenabled .block .editing_move {
4288      display: none;
4289  }
4290  
4291  .jsenabled .moodle-actionmenu[data-enhance] {
4292      display: block;
4293  }
4294  
4295  .jsenabled .moodle-actionmenu[data-enhance] .menu {
4296      display: none;
4297  }
4298  
4299  .jsenabled .moodle-actionmenu[data-enhance] .toggle-display {
4300      display: inline;
4301      opacity: 0.5;
4302      filter: alpha(opacity=50);
4303  }
4304  
4305  .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
4306      display: block;
4307      margin-left: 4px;
4308      padding-left: 4px;
4309      padding-right: 4px;
4310  }
4311  
4312  .jsenabled.dir-rtl .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
4313      margin-right: 4px;
4314      margin-left: inherit;
4315  }
4316  
4317  .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .iconsmall {
4318      margin: 8px 4px 0px 2px;
4319  }
4320  
4321  .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
4322      margin-top: 4px;
4323      margin-left: 2px;
4324  }
4325  
4326  .jsenabled.dir-rtl .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
4327      margin-right: 2px;
4328      margin-left: inherit;
4329  }
4330  
4331  .jsenabled .moodle-actionmenu[data-enhanced] .toggle-display {
4332      opacity: 1;
4333      filter: alpha(opacity=100);
4334  }
4335  
4336  .jsenabled .moodle-actionmenu[data-enhanced] .menu-action-text {
4337      display: inline;
4338  }
4339  
4340  .moodle-actionmenu[data-enhanced].show {
4341      position: relative;
4342  }
4343  
4344  .moodle-actionmenu[data-enhanced].show .menu {
4345      position: absolute;
4346      text-align: left;
4347      z-index: 1000;
4348      display: block;
4349      background-color: #fff;
4350      border: 1px solid #ccc;
4351      -webkit-border-radius: 5px;
4352      -moz-border-radius: 5px;
4353      border-radius: 5px;
4354      -webkit-box-shadow: 5px 5px 20px 0 #666666;
4355      -moz-box-shadow: 5px 5px 20px 0 #666666;
4356      box-shadow: 5px 5px 20px 0 #666666;
4357  }
4358  
4359  .moodle-actionmenu[data-enhanced].show .menu a {
4360      display: block;
4361      padding: 2px 1em 2px 28px;
4362      color: #333333;
4363  }
4364  
4365  .moodle-actionmenu[data-enhanced].show .menu a> img {
4366      margin: 4px 4px 4px -24px;
4367      padding: 4px;
4368      width: 12px;
4369      height: 12px;
4370  }
4371  
4372  .moodle-actionmenu[data-enhanced].show .menu a> img,
4373  .moodle-actionmenu[data-enhanced].show .menu a> span {
4374      display: inline-block;
4375      vertical-align: middle;
4376  }
4377  
4378  .moodle-actionmenu[data-enhanced].show .menu a:hover {
4379      color: #ffffff;
4380      background-color: #0088cc;
4381  }
4382  
4383  .moodle-actionmenu[data-enhanced].show .menu a:first-child {
4384      -webkit-border-top-right-radius: 4px;
4385      border-top-right-radius: 4px;
4386      -webkit-border-top-left-radius: 4px;
4387      border-top-left-radius: 4px;
4388      -moz-border-radius-topright: 4px;
4389      -moz-border-radius-topleft: 4px;
4390  }
4391  
4392  .moodle-actionmenu[data-enhanced].show .menu a:last-child {
4393      -webkit-border-bottom-right-radius: 4px;
4394      border-bottom-right-radius: 4px;
4395      -webkit-border-bottom-left-radius: 4px;
4396      border-bottom-left-radius: 4px;
4397      -moz-border-radius-bottomright: 4px;
4398      -moz-border-radius-bottomleft: 4px;
4399  }
4400  
4401  .moodle-actionmenu[data-enhanced].show .menu a.hidden {
4402      display: none;
4403  }
4404  
4405  .moodle-actionmenu[data-enhanced].show .menu img {
4406      vertical-align: middle;
4407  }
4408  
4409  .moodle-actionmenu[data-enhanced].show .menu> li {
4410      display: block;
4411  }
4412  
4413  .block .moodle-actionmenu {
4414      text-align: right;
4415  }
4416  
4417  .dir-rtl .block .moodle-actionmenu {
4418      text-align: right;
4419  }
4420  
4421  .dir-rtl .moodle-actionmenu[data-enhanced].show .menu a {
4422      display: block;
4423      padding: 2px 28px 2px 1em;
4424  }
4425  
4426  .dir-rtl .moodle-actionmenu[data-enhanced].show .menu {
4427      text-align: right;
4428      right: auto;
4429      left: 0;
4430  }
4431  
4432  .dir-rtl .moodle-actionmenu[data-enhanced].show .menu .iconsmall,
4433  .dir-rtl .moodle-actionmenu[data-enhanced].show .menu .smallicon {
4434      margin-right: -24px;
4435      margin-left: 4px;
4436  }
4437  
4438  .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-bl {
4439      top: 100%;
4440      left: 0;
4441      margin-top: 4px;
4442  }
4443  
4444  .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-bl {
4445      top: 100%;
4446      right: 100%;
4447  }
4448  
4449  .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-bl {
4450      bottom: 100%;
4451      left: 0;
4452  }
4453  
4454  .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-bl {
4455      right: 100%;
4456      bottom: 100%;
4457  }
4458  
4459  .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-br {
4460      top: 100%;
4461      left: 100%;
4462  }
4463  
4464  .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-br {
4465      top: 100%;
4466      right: 0;
4467      margin-top: 4px;
4468  }
4469  
4470  .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-br {
4471      bottom: 100%;
4472      left: 100%;
4473  }
4474  
4475  .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-br {
4476      right: 0;
4477      bottom: 100%;
4478  }
4479  
4480  .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-tl {
4481      top: 0;
4482      left: 0;
4483  }
4484  
4485  .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-tl {
4486      top: 0;
4487      right: 100%;
4488      margin-right: 4px;
4489  }
4490  
4491  .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-tl {
4492      bottom: 100%;
4493      left: 0;
4494      margin-bottom: 4px;
4495  }
4496  
4497  .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-tl {
4498      right: 100%;
4499      bottom: 100%;
4500  }
4501  
4502  .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-tr {
4503      top: 0;
4504      left: 100%;
4505      margin-left: 4px;
4506  }
4507  
4508  .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-tr {
4509      top: 0;
4510      right: 0;
4511  }
4512  
4513  .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-tr {
4514      bottom: 100%;
4515      left: 100%;
4516  }
4517  
4518  .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-tr {
4519      right: 0;
4520      bottom: 100%;
4521      margin-bottom: 4px;
4522  }
4523  
4524  .moodle-actionmenu> ul> li[role="menuitem"] {
4525      display: none;
4526  }
4527  
4528  .jsenabled .moodle-actionmenu[data-enhance="moodle-core-actionmenu"]> ul> li[role="menuitem"] {
4529      display: inline-block;
4530  }
4531  
4532  .dir-rtl .menu.align-tl-bl {
4533      right: 0;
4534      left: auto;
4535  }
4536  
4537  .dir-rtl .menu.align-tr-bl {
4538      right: auto;
4539      left: 100%;
4540  }
4541  
4542  .dir-rtl .menu.align-bl-bl {
4543      right: 0;
4544      left: auto;
4545  }
4546  
4547  .dir-rtl .menu.align-br-bl {
4548      right: auto;
4549      left: 100%;
4550  }
4551  
4552  .dir-rtl .menu.align-tl-br {
4553      right: 100%;
4554      left: auto;
4555  }
4556  
4557  .dir-rtl .menu.align-tr-br {
4558      right: auto;
4559      left: 0;
4560  }
4561  
4562  .dir-rtl .menu.align-bl-br {
4563      right: 100%;
4564      left: auto;
4565  }
4566  
4567  .dir-rtl .menu.align-br-br {
4568      right: auto;
4569      left: 0;
4570  }
4571  
4572  .dir-rtl .menu.align-tl-tl {
4573      right: 0;
4574      left: auto;
4575  }
4576  
4577  .dir-rtl .menu.align-tr-tl {
4578      right: auto;
4579      left: 100%;
4580  }
4581  
4582  .dir-rtl .menu.align-bl-tl {
4583      right: 0;
4584      left: auto;
4585  }
4586  
4587  .dir-rtl .menu.align-br-tl {
4588      right: auto;
4589      left: 100%;
4590  }
4591  
4592  .dir-rtl .menu.align-tl-tr {
4593      right: 100%;
4594      left: auto;
4595  }
4596  
4597  .dir-rtl .menu.align-tr-tr {
4598      right: auto;
4599      left: 0;
4600  }
4601  
4602  .dir-rtl .menu.align-bl-tr {
4603      right: 100%;
4604      left: auto;
4605  }
4606  
4607  .dir-rtl .menu.align-br-tr {
4608      right: auto;
4609      left: 0;
4610  }
4611  
4612  ul.dragdrop-keyboard-drag li {
4613      list-style-type: none;
4614  }
4615  
4616  .block-control-actions .moodle-core-dragdrop-draghandle img {
4617      width: 12px;
4618      height: 12px;
4619  }
4620  
4621  .block .header h2,
4622  .course-content h3,
4623  .pagelayout-frontpage h2,
4624  .pagelayout-frontpage h3,
4625  .pagelayout-frontpage h4,
4626  .pagelayout-frontpage h5,
4627  .pagelayout-frontpage h6,
4628  .pagelayout-coursecategory h3,
4629  .pagelayout-coursecategory h4,
4630  .pagelayout-coursecategory h5,
4631  .pagelayout-coursecategory h6 {
4632      text-align: inherit;
4633  }
4634  
4635  a.disabled:hover,
4636  a.disabled {
4637      text-decoration: none;
4638      cursor: default;
4639      font-style: italic;
4640      color: #808080;
4641  }
4642  
4643  .caret {
4644      display: inline-block;
4645      width: 0;
4646      height: 0;
4647      vertical-align: top;
4648      border-top: 4px solid #777;
4649      border-right: 4px solid transparent;
4650      border-left: 4px solid transparent;
4651      content: "";
4652  }
4653  
4654  a:focus .caret,
4655  a:hover .caret {
4656      border-top-color: #555;
4657  }
4658  
4659  /**
4660   * Bootstrap 2.3.2 progress bar css.
4661   * Required for none bootstrap theme.
4662   */
4663  
4664  @-webkit-keyframes progress-bar-stripes {
4665      from {
4666          background-position: 40px 0;
4667      }
4668  
4669      to {
4670          background-position: 0 0;
4671      }
4672  }
4673  
4674  @-moz-keyframes progress-bar-stripes {
4675      from {
4676          background-position: 40px 0;
4677      }
4678  
4679      to {
4680          background-position: 0 0;
4681      }
4682  }
4683  
4684  @-o-keyframes progress-bar-stripes {
4685      from {
4686          background-position: 0 0;
4687      }
4688  
4689      to {
4690          background-position: 40px 0;
4691      }
4692  }
4693  
4694  @keyframes progress-bar-stripes {
4695      from {
4696          background-position: 40px 0;
4697      }
4698  
4699      to {
4700          background-position: 0 0;
4701      }
4702  }
4703  
4704  .progress {
4705      height: 20px;
4706      margin-bottom: 20px;
4707      overflow: hidden;
4708      background-color: #f7f7f7;
4709      background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
4710      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
4711      background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
4712      background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
4713      background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
4714      background-repeat: repeat-x;
4715      -webkit-border-radius: 4px;
4716      -moz-border-radius: 4px;
4717      border-radius: 4px;
4718      filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
4719      -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
4720      -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
4721      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
4722  }
4723  
4724  .progress .bar {
4725      float: left;
4726      width: 0;
4727      height: 100%;
4728      font-size: 12px;
4729      color: #ffffff;
4730      text-align: center;
4731      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
4732      background-color: #0e90d2;
4733      background-image: -moz-linear-gradient(top, #149bdf, #0480be);
4734      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
4735      background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
4736      background-image: -o-linear-gradient(top, #149bdf, #0480be);
4737      background-image: linear-gradient(to bottom, #149bdf, #0480be);
4738      background-repeat: repeat-x;
4739      filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
4740      -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
4741      -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
4742      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
4743      -webkit-box-sizing: border-box;
4744      -moz-box-sizing: border-box;
4745      box-sizing: border-box;
4746      -webkit-transition: width 0.6s ease;
4747      -moz-transition: width 0.6s ease;
4748      -o-transition: width 0.6s ease;
4749      transition: width 0.6s ease;
4750  }
4751  
4752  .progress .bar + .bar {
4753      -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
4754      -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
4755      box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
4756  }
4757  
4758  .progress-striped .bar {
4759      background-color: #149bdf;
4760      background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
4761      background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
4762      background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
4763      background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
4764      background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
4765      -webkit-background-size: 40px 40px;
4766      -moz-background-size: 40px 40px;
4767      -o-background-size: 40px 40px;
4768      background-size: 40px 40px;
4769  }
4770  
4771  .progress.active .bar {
4772      -webkit-animation: progress-bar-stripes 2s linear infinite;
4773      -moz-animation: progress-bar-stripes 2s linear infinite;
4774      -ms-animation: progress-bar-stripes 2s linear infinite;
4775      -o-animation: progress-bar-stripes 2s linear infinite;
4776      animation: progress-bar-stripes 2s linear infinite;
4777  }
4778  
4779  body.lockscroll {
4780      height: 100%;
4781      overflow: hidden;
4782  }
4783  
4784  /* Dropdown Menu styling */
4785  
4786  .dropdown-menu {
4787      background-color: #fff;
4788      border: 1px solid #ccc;
4789      border: 1px solid rgba(0, 0, 0, 0.2);
4790      position: absolute;
4791      top: 100%;
4792      left: 0;
4793      z-index: 1000;
4794      display: none;
4795      float: left;
4796      min-width: 160px;
4797      padding: 5px 0;
4798      margin: 2px 0 0;
4799      list-style: none;
4800      *border-right-width: 2px;
4801      *border-bottom-width: 2px;
4802      -webkit-border-radius: 6px;
4803      -moz-border-radius: 6px;
4804      border-radius: 6px;
4805      -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
4806      -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
4807      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
4808      -webkit-background-clip: padding-box;
4809      -moz-background-clip: padding;
4810      background-clip: padding-box;
4811  }
4812  
4813  .dropdown-menu > li > a {
4814      display: block;
4815      padding: 3px 20px;
4816      clear: both;
4817      font-weight: normal;
4818      line-height: 20px;
4819      white-space: nowrap;
4820  }
4821  
4822  .dropdown-menu > li > a:hover,
4823  .dropdown-menu > li > a:focus {
4824      text-decoration: none;
4825      background-repeat: repeat-x;
4826  }
4827  
4828  .dropdown-menu > .active > a,
4829  .dropdown-menu > .active > a:hover,
4830  .dropdown-menu > .active > a:focus {
4831      text-decoration: none;
4832      outline: 0;
4833  }
4834  
4835  .dropdown-menu > .disabled > a:hover,
4836  .dropdown-menu > .disabled > a:focus {
4837      text-decoration: none;
4838      background-color: transparent;
4839      background-image: none;
4840      filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
4841      cursor: default;
4842  }
4843  
4844  .open {
4845      *z-index: 1000;
4846  }
4847  
4848  .open > .dropdown-menu {
4849      display: block;
4850  }
4851  
4852  .editor_atto_menu .moodle-dialogue-content {
4853      padding: 0;
4854  }
4855  
4856  .well {
4857      min-height: 20px;
4858      padding: 19px;
4859      background-color: #f5f5f5;
4860      border: 1px solid #e3e3e3;
4861      border-radius: 4px;
4862      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
4863  }
4864  
4865  .well-small {
4866      padding: 9px;
4867  }
4868  
4869  .progressbar_container {
4870      max-width: 500px;
4871      margin: 0 auto;
4872  }
4873  
4874  /* IE10 only fix for calendar titling */
4875  
4876  .ie10 .yui3-calendar-header-label {
4877      display: inline-block;
4878  }
4879  
4880  .inplaceeditable.inplaceeditingon {
4881      position: relative;
4882  }
4883  
4884  .inplaceeditable.inplaceeditingon .editinstructions {
4885      margin-top: -30px;
4886      font-weight: normal;
4887      margin-right: -300px;
4888      margin-left: 0;
4889  }
4890  
4891  .dir-rtl .inplaceeditable.inplaceeditingon .editinstructions {
4892      margin-left: -300px;
4893      margin-right: 0;
4894  }
4895  
4896  .inplaceeditable .quickeditlink .quickediticon img {
4897      opacity: 0.2;
4898  }
4899  
4900  .inplaceeditable a.quickeditlink {
4901      color: inherit;
4902      text-decoration: inherit;
4903  }
4904  
4905  .inplaceeditable:hover .quickeditlink .quickediticon img,
4906  .inplaceeditable .quickeditlink:focus .quickediticon img {
4907      opacity: 1;
4908  }
4909  
4910  .inplaceeditable.inplaceeditable-toggle .quickediticon {
4911      display: none;
4912  }
4913  
4914  .inplaceeditable.inplaceeditingon input {
4915      width: 330px;
4916      height: 16px;
4917      vertical-align: text-bottom;
4918      margin-bottom: 0;
4919  }