theme/base/style/core.css

   1 /**
   2  * Required to undo YUI resets that override input size, margin, etc.
   3  */
   4 input[type=text],input[type=password],textarea{width:auto;}
   5 input[type=checkbox],input[type=radio]{margin-right: 7px;}
   6
   7 /* Fix for YUI overriding styles */
   8 strong{font-style:inherit;}em{font-weight:inherit;}
   9
  10 /**
  11  * General
  12  */
  13 th,
  14 td,
  15 a img {border-width:0;}
  16 acronym,
  17 abbr {cursor: help;}
  18 .dir-ltr,
  19 .mdl-left,
  20 .dir-rtl .mdl-right {text-align: left;}
  21 .dir-rtl,
  22 .mdl-right,
  23 .dir-rtl .mdl-left {text-align: right;}
  24 #add,
  25 #remove,
  26 .centerpara,
  27 .mdl-align {text-align: center;}
  28 a.dimmed,
  29 a.dimmed:link,
  30 a.dimmed:visited,
  31 a.dimmed_text,
  32 a.dimmed_text:link,
  33 a.dimmed_text:visited,
  34 .dimmed_text,
  35 .dimmed_text a,
  36 .dimmed_text a:link,
  37 .dimmed_text a:visited,
  38 .usersuspended,
  39 .usersuspended a,
  40 .usersuspended a:link,
  41 .usersuspended a:visited,
  42 .dimmed_category,
  43 .dimmed_category a,
  44 .dimmed_category a:link,
  45 .dimmed_category a:visited {
  46     color: #AAA;
  47 }
  48 .activity.label .dimmed_text {
  49     opacity: 0.5;
  50     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  51     filter: alpha(opacity=50);
  52 }
  53 .unlist,
  54 .unlist li,
  55 .inline-list,
  56 .inline-list li,
  57 .block .list,
  58 .block .list li,
  59 .sitetopic .section li.activity,
  60 .course-content .section li.activity,
  61 .sitetopic .section li.movehere,
  62 .course-content .section li.movehere,
  63 .tabtree li {list-style: none;margin:0;padding:0;}
  64
  65 .course-content .current {background:#E3E3E3;}
  66
  67 .inline,
  68 .inline-list li {display: inline;}
  69 .notifytiny {font-size:0.7em;}
  70 .notifytiny li,
  71 .notifytiny td {font-size:100%;}
  72 .red,
  73 .notifyproblem {color:#660000;}
  74 .green,
  75 .notifysuccess {color:#006600;}
  76 .reportlink {text-align:right;}
  77 a.autolink.glossary:hover {cursor: help;}
  78 /* Block which is hidden if javascript enabled, prevents flickering, visible when JS from footer used! */
  79 .collapsibleregioncaption {white-space: nowrap;}
  80 .collapsibleregioncaption img {vertical-align: middle;}
  81 .jsenabled .hiddenifjs {display: none;}
  82 .visibleifjs {display: none;}
  83 .jsenabled .visibleifjs {display: inline;}
  84 .jsenabled .collapsibleregion {overflow:hidden;}
  85 .jsenabled .collapsed .collapsibleregioninner {visibility: hidden;}
  86 .yui-overlay .yui-widget-bd {background-color:#FFEE69;border:1px solid #A6982B;border-top-color: #D4C237;color:#000000;left:0;padding:2px 5px;position:relative;top:0;z-index:1;}
  87 .clearer {background:transparent;border-width:0;clear:both;display:block;height:1px;margin:0;padding:0;}
  88 .clearfix:after {clear: both;content: ".";display: block;height: 0;min-width: 0;visibility: hidden;}
  89 .bold,
  90 .warning,
  91 .errorbox .title,
  92 .pagingbar .title,
  93 .pagingbar .thispage,
  94 .headingblock {font-weight: bold;}
  95 img.resize {height: 1em;width: 1em;}
  96 .block img.resize,
  97 .breadcrumb img.resize {height: 0.9em;width: 0.8em;}
  98
  99 /* Icon styles */
 100 img.icon {height:16px;vertical-align:text-bottom;width:16px;padding-right: 6px;}
 101 .dir-rtl img.icon {padding-left: 6px; padding-right: 0; }
 102 img.iconsmall {height:12px;margin-right:3px;vertical-align:middle;width:12px;}
 103 img.iconhelp, .helplink img {height:16px; padding-left:3px;vertical-align:text-bottom;width:16px;}
 104 .dir-rtl img.iconhelp, .dir-rtl .helplink img {padding-right: 3px; padding-left: 0; }
 105 img.iconlarge {height: 24px; width: 24px; vertical-align:middle;}
 106 img.iconsort { vertical-align: text-bottom; padding-left: .3em; margin-bottom: .15em;}
 107 .dir-rtl img.iconsort { padding-right: .3em; padding-left: 0;}
 108 img.icontoggle {height:17px;vertical-align:middle;width:50px;}
 109 img.iconkbhelp {height:17px;width:49px;}
 110 img.icon-pre, .dir-rtl img.icon-post { padding-right: 3px; padding-left: 0; }
 111 img.icon-post, .dir-rtl img.icon-pre { padding-left: 3px; padding-right: 0; }
 112
 113 .generalbox {border:1px solid;}
 114 .boxaligncenter {margin-left:auto;margin-right:auto;}
 115 .boxalignright {margin-left:auto;margin-right:0;}
 116 .boxalignleft {margin-left:0;margin-right:auto;}
 117 .boxwidthnarrow {width: 30%;}
 118 .boxwidthnormal {width: 50%;}
 119 .boxwidthwide {width: 80%;}
 120 .buttons .singlebutton,
 121 .buttons .singlebutton form,
 122 .buttons .singlebutton div {display: inline;}
 123 .buttons .singlebutton input {margin:20px 5px;}
 124 .headermain {font-weight:bold;}
 125 #maincontent {display: block;height: 1px;overflow: hidden;}
 126 img.uihint {cursor: help;}
 127 #addmembersform table {margin-left: auto;margin-right: auto;}
 128 .formtable tbody th,
 129 .generaltable th.header {vertical-align: top;}
 130 .flexible th {white-space: nowrap;}
 131 .cell {vertical-align: top;}
 132 img.emoticon {vertical-align: middle;width: 15px;height: 15px;}
 133 form.popupform,
 134 form.popupform div {display: inline;}
 135 .arrow_button input {overflow:hidden;}
 136 .action-icon img.smallicon { vertical-align: text-bottom; margin-left: .45em;}
 137 .dir-rtl .action-icon img.smallicon { margin-right: .45em; margin-left: 0;}
 138 h1.main img,
 139 h2.main img,
 140 h3.main img,
 141 h4.main img,
 142 h5.main img,
 143 h6.main img {vertical-align: middle;}
 144
 145 /** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
 146 .no-overflow {overflow:auto;padding-bottom:1px;}
 147 .pagelayout-report .no-overflow {overflow:visible;}
 148 .no-overflow > .generaltable {margin-bottom:0;}
 149 .ie6 .no-overflow {width:100%;}
 150
 151 /** IE6 float + background bug solution **/
 152 .ie6 li.section {line-height:1.2em;width:100%;}
 153
 154 /**
 155  * Accessibility features
 156  */
 157 /*Accessibility: text 'seen' by screen readers but not visual users. */
 158 .accesshide {position:absolute;left:-10000px;font-weight:normal;font-size:1em;}
 159 .dir-rtl .accesshide {top:-30000px;left:auto;}
 160 span.hide,
 161 div.hide {display:none;}
 162 .invisiblefieldset {display:inline;border-width:0;padding:0;margin:0;}
 163 /*Accessibility: Skip block link, for keyboard-only users. */
 164 a.skip-block,
 165 a.skip {position: absolute;top: -1000em;font-size: 0.85em;text-decoration:none;}
 166 a.skip-block:focus,
 167 a.skip-block:active,
 168 a.skip:focus,
 169 a.skip:active {position: static;display: block;}
 170 .skip-block-to {display: block;height: 1px;overflow: hidden;}
 171 /* Accessibility: only certain fonts support Unicode chars like &#x25BA; in IE6 */
 172 .arrow,
 173 .arrow_button input {font-family: Arial,Helvetica,Courier,sans-serif;}
 174
 175 /**
 176  * Header
 177  */
 178 .headermain {float:left;margin:15px;font-size:2.3em;}
 179 .headermenu {float:right;margin:10px;font-size:0.8em;text-align:right;}
 180 #course-header {clear:both;}
 181
 182 /**
 183  * Navbar
 184  */
 185 .navbar {clear:both;overflow:hidden;}
 186 .ie6 .navbar {overflow:hidden;height:100%;}
 187 .breadcrumb {float:left;}
 188 .navbutton {text-align:right;}
 189 .breadcrumb ul {padding:0;margin:0;text-indent:0;list-style:none;}
 190 .navbutton {float: right;}
 191 .breadcrumb li,
 192 .navbutton div,
 193 .navbutton form {display:inline;}
 194
 195 /**
 196  * Footer
 197  */
 198 #page-footer {text-align:center;font-size:0.9em;}
 199 #page-footer .homelink {margin: 1em 0;}
 200 #page-footer .homelink a {padding-left:1em;padding-right:1em;}
 201 #page-footer .logininfo,
 202 #page-footer .sitelink,
 203 #page-footer .helplink {margin:0px 10px;}
 204 #page-footer .performanceinfo {text-align:center;margin:10px 20%;}
 205 #page-footer .performanceinfo span {display:block;}
 206 #page-footer .validators {margin-top:40px;padding-top:5px;border-top: 1px dotted gray;}
 207 #page-footer .validators ul {margin:0px;padding:0px;list-style-type:none;}
 208 #page-footer .validators ul li {display:inline;margin-right:10px;margin-left:10px;}
 209
 210 #page-footer .performanceinfo .cachesused {margin-top:1em;}
 211 #page-footer .performanceinfo .cachesused .cache-stats-heading {font-weight:bold;display:block;}
 212 #page-footer .performanceinfo .cachesused .cache-definition-stats {margin:0.3em;padding:0px;border:1px solid #999;display:inline-block;vertical-align:top;min-height:4em;color:#000;background-color:#eee;}
 213 #page-footer .performanceinfo .cachesused .cache-definition-stats span {padding-left:0.5em;padding-right:0.5em;display:block;}
 214 #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-definition-stats-heading {background-color:#eee;}
 215 #page-footer .performanceinfo .cachesused .cache-store-stats {text-indent: 1em;}
 216 #page-footer .performanceinfo .cachesused .cache-store-stats.nohits {background-color:#ffd3d9;}
 217 #page-footer .performanceinfo .cachesused .cache-store-stats.lowhits {background-color:#f3f2aa;}
 218 #page-footer .performanceinfo .cachesused .cache-store-stats.hihits {background-color:#e7f1c3;}
 219 #page-footer .performanceinfo .cachesused .cache-total-stats {display:block;font-weight:bold;margin-top:0.3em;}
 220
 221 #course-footer {clear:both;}
 222
 223 /**
 224  * Tabs
 225  */
 226 .tabtree {position:relative;margin-bottom:3.5em;}
 227 .tabtree li {display:inline;}
 228 .tabtree ul {margin:5px;}
 229 .tabtree ul li.here ul {position:absolute;top:100%;width:100%;}
 230 .tabtree ul li.here .empty {display:none;}
 231
 232 /**
 233  * Mforms
 234  */
 235 .mform fieldset {border:1px solid;}
 236 .mform fieldset fieldset {border-width:0;}
 237 .mform fieldset legend {font-weight:bold;margin-left:0.5em;padding: 0 0.35em;}
 238 .mform fieldset div {margin:10px;margin-top:0;}
 239 .mform fieldset div div {margin:0;}
 240 .mform fieldset .advancedbutton {text-align:right;}
 241 .mform fieldset.hidden {border-width:0;}
 242 .mform fieldset.group {margin-bottom: 0}
 243 .mform fieldset.error {border: 1px solid #A00;}
 244 .mform .collapsible-actions {display: none;}
 245 .jsenabled .mform .collapsible-actions {text-align: right; display: block;}
 246 .dir-rtl .mform .collapsible-actions {text-align: left;}
 247 .mform .collapseexpand {background: url([[pix:t/collapsed]]) left center no-repeat; padding-left: 18px;}
 248 .dir-rtl .mform .collapseexpand {background-image: url([[pix:t/collapsed_rtl]]); background-position: right center; padding-left: 0; padding-right: 18px;}
 249 .mform .collapse-all,
 250 .dir-rtl .mform .collapse-all {background-image: url([[pix:t/expanded]]);}
 251 .mform fieldset legend {padding: 0 0.35em;}
 252 .mform fieldset.collapsible legend a.fheader {padding-left: 18px; background: url([[pix:t/expanded]]) left center no-repeat;}
 253 .mform fieldset.collapsed legend a.fheader {background-image: url([[pix:t/collapsed]]);}
 254 .jsenabled .mform fieldset.collapsed {border-width: 1px 0 0 1px; padding: 0; border-color: transparent;}
 255 .jsenabled .mform fieldset.collapsed div.fcontainer {display: none;}
 256 .mform .fitem {width:100%;overflow:hidden;margin-top:5px;margin-bottom:1px;clear:right;}
 257 .jsenabled .mform .containsadvancedelements .advanced {display: none;}
 258 .mform .containsadvancedelements .advanced.show {display: block;}
 259 .mform .fitem .fitemtitle {width:15%;text-align:right;float:left;}
 260 .dir-rtl .mform .fitem .fitemtitle {text-align:left;}
 261 .mform .fitem .fitemtitle div {display: inline;}
 262 .mform .fitem .felement {border-width: 0;width:80%;margin-left:16%;}
 263 .mform .fitem fieldset.felement {margin-left:15%;padding-left:1%;margin-bottom:0}
 264 .mform .error,
 265 .mform .required {color:#A00;}
 266 .mform span.error {display: inline-block;padding: 4px;margin-bottom: 4px;background-color: #F2DEDE;border: 1px solid #EED3D7;}
 267 .mform .required .fgroup span label {color:#000;}
 268 .mform .fdescription.required {color:#A00;text-align:right;}
 269 .dir-rtl .mform .fdescription.required {text-align:left;}
 270 .mform .fpassword .unmask {display:inline;margin-left:0.5em;}
 271 .mform .ftextarea #id_alltext {width: 100%;}
 272 .mform ul.file-list {padding:0;margin:0;list-style:none;}
 273 .mform label { display: inline-block; }
 274 .mform .iconhelp { margin-left: 4px; }
 275 .dir-rtl .mform .iconhelp { margin-right: 4px; }
 276 .mform label .req,
 277 .mform label .adv {cursor: help;}
 278 .mform .fcheckbox input {margin-left: 0;}
 279 .mform .fcheckbox label,
 280 .mform .fduration label,
 281 .mform .fitem fieldset.fgroup label,
 282 .mform .fradio label,
 283 .mform fieldset.fdate_selector label,
 284 .mform fieldset.fdate_time_selector label {display:inline; float:none; margin-left:.3em; vertical-align:baseline;}
 285 .dir-rtl .mform .fcheckbox label,
 286 .dir-rtl .mform .fduration label,
 287 .dir-rtl .mform .fitem fieldset.fgroup label,
 288 .dir-rtl .mform .fradio label,
 289 .dir-rtl .mform fieldset.fdate_selector label,
 290 .dir-rtl .mform fieldset.fdate_time_selector label {margin-right: .3em; margin-left: 0;}
 291 .mform .ftags label.accesshide {display: block;position: static;}
 292 .mform .ftags select {margin-bottom: 0.7em;min-width: 22em;}
 293 .mform .moreless-toggler {background: url([[pix:t/more]]) left center no-repeat; padding-left: 16px;}
 294 .dir-rtl .moreless-toggler {padding-left: 0; padding-right: 16px; background-position: right center; }
 295 .mform .moreless-less {background-image: url([[pix:t/less]]);}
 296 .mform .helplink img { margin: 0 0 0 .45em; padding: 0;}
 297 .dir-rtl .mform .helplink img { margin: 0 .45em 0 0; padding: 0;}
 298 .mform legend .helplink img { margin-right: .2em; }
 299 .dir-rtl .mform legend .helplink img { margin: 0 .45em 0 .2em; }
 300 .urlselect label,
 301 .singleselect label { margin-right: .3em; }
 302 .dir-rtl .urlselect label,
 303 .dir-rtl .singleselect label { margin-left: .3em; margin-right: 0; }
 304
 305 .dir-rtl .mform fieldset legend {margin-right:0.5em; margin-left: 0;}
 306 .dir-rtl .mform fieldset.collapsible legend a.fheader {background-position: right center; padding-right: 18px; padding-left: 0;}
 307 .dir-rtl .mform fieldset.collapsed legend a.fheader {background-image: url([[pix:t/collapsed_rtl]]); }
 308 .dir-rtl.jsenabled .mform fieldset.collapsed {border-width: 1px 1px 0 0; }
 309 .dir-rtl .mform .fitem fieldset.felement {padding-right: 1%;margin-right: 15%;}
 310
 311 .mform .btn-cancel, .mform .btn-cancel:active, .mform .btn-cancel[disabled] { background-color: transparent; background-image: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; margin-left: .5em;}
 312 .mform .btn-cancel { border-color: transparent; border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; -o-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; color: #0088CC; cursor: pointer; }
 313 .mform .btn-cancel:hover, .mform .btn-cancel:focus { background-color: transparent; color: #005580; text-decoration: underline; }
 314 .mform .btn-cancel[disabled]:hover, .mform .btn-cancel[disabled]:focus { color: #333333; text-decoration: none; }
 315
 316 input#id_externalurl {direction:ltr;}
 317 #portfolio-add-button {display:inline;}
 318
 319 /**
 320  * phpinfo styles
 321  */
 322 .phpinfo .center {text-align: center;}
 323 .phpinfo .center table {margin-left: auto;margin-right: auto;text-align: left;border-collapse: collapse;}
 324 .phpinfo .center th {text-align: center;}
 325 .phpinfo .e,
 326 .phpinfo .v,
 327 .phpinfo .h {border: 1px solid #000000;font-size: 0.8em;vertical-align: baseline;color: #000000;background-color: #cccccc;}
 328 .phpinfo .e {background-color: #ccccff;font-weight: bold;}
 329 .phpinfo .h {background-color: #9999cc;font-weight: bold;}
 330
 331 /**
 332  * Blogs
 333  */
 334 .addbloglink {text-align: center;}
 335 .blog_entry .audience {text-align: right;padding-right: 4px;}
 336 .blog_entry .tags {margin-top: 15px;}
 337 .blog_entry .tags .action-icon img.smallicon { height: 16px; width: 16px; }
 338 .blog_entry .content {margin-left: 43px;}
 339
 340 /**
 341  * Group
 342  */
 343 #page-group-index #groupeditform {text-align: center;}
 344 #doc-contents h1 {margin: 1em 0 0 0;}
 345 #doc-contents ul {margin: 0;padding: 0;width: 90%;}
 346 #doc-contents ul li {list-style-type: none;}
 347 .groupmanagementtable td {vertical-align: top;}
 348 .groupmanagementtable #existingcell,
 349 .groupmanagementtable #potentialcell {width: 42%;}
 350 .groupmanagementtable #buttonscell {width: 16%;}
 351 .groupmanagementtable #buttonscell input {width: 80%;}
 352 .groupmanagementtable #removeselect_wrapper,
 353 .groupmanagementtable #addselect_wrapper {width: 100%;}
 354 .groupmanagementtable #removeselect_wrapper label,
 355 .groupmanagementtable #addselect_wrapper label {font-weight: normal;}
 356 .dir-rtl .groupmanagementtable p {text-align: right;}
 357 #group-usersummary {width: 14em;}
 358 .groupselector {margin-top: 3px;margin-bottom: 3px;}
 359
 360 /**
 361  * Login
 362  */
 363 .loginbox {margin:15px;overflow:visible;}
 364 .loginbox.twocolumns {margin:15px;}
 365 .loginbox h2,
 366 .loginbox .subcontent {margin:5px;padding:10px;text-align:center;}
 367 .loginbox .loginpanel .desc {margin:0;padding:0;margin-bottom:5px;margin-top:15px;}
 368 .loginbox .signuppanel .subcontent {text-align:left;}
 369 .dir-rtl .loginbox .signuppanel .subcontent {text-align: right;}
 370 .loginbox .loginsub {margin-left:0;margin-right:0;}
 371 .loginbox .guestsub,
 372 .loginbox .forgotsub,
 373 .loginbox .potentialidps {margin:5px 12%;}
 374 .loginbox .potentialidps .potentialidplist {margin-left:40%;}
 375 .loginbox .potentialidps .potentialidplist div {text-align:left;}
 376 .loginbox .loginform {margin-top:1em;text-align:left;}
 377 .loginbox .loginform .form-label {float:left;text-align:right;width:44%;direction:rtl; white-space:nowrap;}
 378 .dir-rtl .loginbox .loginform .form-label {float:left;text-align:right;width:44%;direction:ltr; white-space:nowrap;}
 379 .loginbox .loginform .form-input {float:right;width:55%;}
 380 .loginbox .loginform .form-input input {width: 6em;}
 381 .loginbox .signupform {margin-top:1em;text-align:center;}
 382 .loginbox.twocolumns .loginpanel {float:left;width:49.5%;border-right: 1px solid;margin-bottom:-2000px;padding-bottom:2000px;}
 383 .loginbox.twocolumns .signuppanel {float:right;width:50%;margin-bottom:-2000px;padding-bottom:2000px;}
 384 .loginbox .potentialidp .smallicon { vertical-align: text-bottom; margin: 0 .3em; }
 385
 386 /**
 387  * Notes
 388  */
 389 .notepost {margin-bottom: 1em;}
 390 .notepost .userpicture {float: left;margin-right: 5px;}
 391 .notepost .content,
 392 .notepost .footer {clear: both;}
 393 .notesgroup {margin-left:20px;}
 394
 395 /**
 396  * My Moodle
 397  */
 398 .path-my .coursebox .overview {margin: 15px 30px 10px 30px;}
 399 .path-my .coursebox .info {float: none; margin: 0;}
 400
 401 /**
 402  * Logs
 403  */
 404 .logtable th {text-align:left;}
 405
 406 /**
 407  * Modules
 408  */
 409 .mod_introbox {border:1px solid;padding:10px;}
 410 table.mod_index {width:100%;}
 411
 412 /**
 413  * Comments
 414  */
 415 .comment-ctrl {font-size: 12px;display: none;margin:0;padding:0;}
 416 .comment-ctrl h5 {margin:0;padding: 5px;}
 417 .comment-area {max-width: 400px;padding: 5px;}
 418 .comment-area textarea {width:100%;overflow:auto;}
 419 .comment-area .fd {text-align:right;}
 420 .comment-meta span {color:gray;}
 421 .comment-link img { vertical-align: text-bottom; }
 422 .comment-list {font-size: 11px;overflow:auto;list-style:none;padding:0;margin:0;}
 423 .comment-list li {margin: 2px;list-style:none;margin-bottom:5px;clear:both;padding: .3em;position: relative;}
 424 .comment-list li.first {display:none}
 425 .comment-paging{text-align:center;}
 426 .comment-paging .pageno{padding:2px;}
 427 .comment-paging .curpage{border:1px solid #CCC;}
 428 .comment-message .picture {width: 20px;float:left;}
 429 .dir-rtl .comment-message .picture {float:right;}
 430 .comment-message .text {margin:0;padding:0;}
 431 .comment-message .text p {padding:0;margin:0 18px 0 0;}
 432 .comment-delete {position: absolute; top: 0; right: 0;margin: .3em;}
 433 .dir-rtl .comment-delete {position: absolute; left: 0; right: auto;margin: .3em;}
 434 .comment-delete-confirm {background: #eee; padding: 2px; width: 5em;text-align:center;}
 435 .comment-container {float:left;margin: 4px;}
 436 .comment-report-selectall{display:none}
 437 .comment-link {display:none}
 438 .jsenabled .comment-link {display:block}
 439 .jsenabled .showcommentsnonjs{display:none}
 440 .jsenabled .comment-report-selectall{display:inline}
 441
 442 /**
 443  * Completion progress report
 444  */
 445 .completion-expired {background:#FFDDDD;}
 446 .completion-expected {font-size:0.75em;}
 447 .completion-sortchoice,
 448 .completion-identifyfield {font-size:0.75em;vertical-align:bottom;}
 449 .completion-progresscell {text-align:right;}
 450 .completion-expired .completion-expected {font-weight:bold;}
 451
 452 /**
 453  * Tags
 454  */
 455 #page-tag-coursetags_edit .coursetag_edit_centered {position: relative;width: 600px;margin: 20px auto;}
 456 #page-tag-coursetags_edit .coursetag_edit_row {clear:both;}
 457 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_left {float:left;width:50%;text-align:right;}
 458 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_right {margin-left:50%;}
 459 #page-tag-coursetags_edit .coursetag_edit_input3 {display: none;}
 460 #page-tag-coursetags_more .coursetag_more_large {font-size: 120%;}
 461 #page-tag-coursetags_more .coursetag_more_small {font-size: 80%;}
 462 #page-tag-coursetags_more .coursetag_more_link {font-size: 80%;}
 463 #tag-description,
 464 #tag-blogs {width:100%;}
 465 #tag-management-box {margin-bottom:10px;line-height:20px;}
 466 #tag-user-table {padding:3px;clear: both;width:100%;}
 467 #tag-user-table:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
 468 img.user-image {height:100px;width:100px;}
 469 #small-tag-cloud-box {width:300px;margin:0 auto;}
 470 #big-tag-cloud-box {width:600px;margin:0 auto;float:none;}
 471 ul#tag-cloud-list {list-style:none;padding:5px;margin:0;}
 472 ul#tag-cloud-list li {margin:0;display:inline;list-style-type:none;}
 473 #tag-search-box {text-align:center;margin:10px auto;}
 474 #tag-search-results-container {padding:0;width:100%;}
 475 #tag-search-results {padding:0;margin: 15px 20% 0 20%;float:left;width:60%;display:block;}
 476 #tag-search-results li {width:30%;float:left;padding-left:1%;text-align:left;line-height:20px;padding-right:1%;list-style:none;}
 477 span.flagged-tag,
 478 span.flagged-tag a {color:#FF0000;}
 479 table#tag-management-list {text-align:left;width:100%;}
 480 table#tag-management-list td,
 481 table#tag-management-list th {vertical-align: middle;text-align: left;padding: 4px;}
 482 .tag-management-form {text-align:center;}
 483 #relatedtags-autocomplete-container {margin-left:auto;margin-right:auto;min-height:4.6em;width:100%;}
 484 #relatedtags-autocomplete {position:relative;display:block;width:60%;margin-left:auto;margin-right:auto;}
 485 #relatedtags-autocomplete .yui-ac-content {position:absolute;width:420px;left:20%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
 486 #relatedtags-autocomplete .ysearchquery {position:absolute;right:10px;color:#808080;z-index:10;}
 487 #relatedtags-autocomplete .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
 488 #relatedtags-autocomplete ul {padding:0;width:100%;margin:0;list-style-type:none;}
 489 #relatedtags-autocomplete li {padding:0 5px;cursor:default;white-space:nowrap;}
 490 #relatedtags-autocomplete li.yui-ac-highlight{background:#FFFFCC;}
 491 h2.tag-heading,
 492 div#tag-description,
 493 div#tag-blogs,
 494 body.tag .managelink {padding: 5px;}
 495 .tag_cloud .s20 {font-size: 1.5em;font-weight: bold;}
 496 .tag_cloud .s19 {font-size: 1.5em;}
 497 .tag_cloud .s18 {font-size: 1.4em;font-weight: bold;}
 498 .tag_cloud .s17 {font-size: 1.4em;}
 499 .tag_cloud .s16 {font-size: 1.3em;font-weight: bold;}
 500 .tag_cloud .s15 {font-size: 1.3em;}
 501 .tag_cloud .s14 {font-size: 1.2em;font-weight: bold;}
 502 .tag_cloud .s13 {font-size: 1.2em;}
 503 .tag_cloud .s12,
 504 .tag_cloud .s11 {font-size: 1.1em;font-weight: bold;}
 505 .tag_cloud .s10,
 506 .tag_cloud .s9 {font-size: 1.1em;}
 507 .tag_cloud .s8,
 508 .tag_cloud .s7 {font-size: 1em;font-weight: bold;}
 509 .tag_cloud .s6,
 510 .tag_cloud .s5 {font-size: 1em;}
 511 .tag_cloud .s4,
 512 .tag_cloud .s3 {font-size: 0.9em;font-weight: bold;}
 513 .tag_cloud .s2,
 514 .tag_cloud .s1 {font-size: 0.9em;}
 515 .tag_cloud .s0 {font-size: 0.8em;}
 516
 517 /*
 518  * Backup and Restore CSS
 519  */
 520 .path-backup .mform .grouped_settings.section_level {clear:both;}
 521 .path-backup .mform .grouped_settings {clear:both;overflow:hidden;}
 522 .path-backup .mform .grouped_settings .fitem .fitemtitle {width:40%;padding-right:10px;}
 523 .path-backup.dir-rtl .mform .grouped_settings .fitem .fitemtitle {width: 60%;}
 524 .path-backup .mform .grouped_settings .fitem .felement {width:50%;}
 525 .path-backup.dir-rtl .mform .grouped_settings .fitem .felement {width: 99%;}
 526 .path-backup .mform .grouped_settings.section_level .include_setting {width:50%;margin:0;float:left;clear:left;font-weight:bold;}
 527 .path-backup.dir-rtl  .mform .grouped_settings.section_level .include_setting {float: right; clear: right;}
 528 .path-backup .mform .grouped_settings.section_level .normal_setting {width:50%;margin:0;margin-left:50%;}
 529 .path-backup.dir-rtl  .mform .grouped_settings.section_level .normal_setting {margin:0;}
 530 .path-backup .mform .grouped_settings.activity_level .include_setting label {font-weight:normal;}
 531 .path-backup.dir-rtl .mform .grouped_settings.activity_level .include_setting label img {float:right;}
 532 .path-backup .mform .fitem fieldset.felement {margin-left:0;width:auto;padding-left:0;}
 533 .path-backup .notification.dependencies_enforced {text-align:center;color:#A00;font-weight:bold;}
 534 .path-backup .backup_progress {text-align:center;}
 535 .path-backup .backup_progress span.backup_stage {color:#999;}
 536 .path-backup .backup_progress .backup_stage.backup_stage_current {font-weight:bold;color:inherit;}
 537 .path-backup .backup_progress .backup_stage.backup_stage_next {}
 538 .path-backup .backup_progress span.backup_stage.backup_stage_complete {color:inherit;}
 539 #page-backup-restore .filealiasesfailures {background-color:#ffd3d9}
 540 #page-backup-restore .filealiasesfailures .aliaseslist {width:90%;margin:0.8em auto;background-color:white;border:1px dotted #666;}
 541 .path-backup .fitemtitle .iconlarge.icon-post { padding-left: 6px; }
 542 .path-backup.dir-rtl .fitemtitle .iconlarge.icon-post { padding-right: 6px; padding-right: 0; }
 543 .path-backup .fitem .smallicon { vertical-align: text-bottom; }
 544
 545 /**
 546  * Web Service
 547  */
 548 #webservice-doc-generator td {text-align: left;border: 0px solid black;}
 549
 550 /**
 551  * Custom menu
 552  */
 553 #custommenu {clear:both;}
 554 #custommenu .yui3-menu .yui3-menu {z-index:500;}
 555 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
 556 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {border:1px solid #000;}
 557 #custommenu .yui3-menu-horizontal.javascript-disabled ul {margin:0;padding:0;}
 558 #custommenu .yui3-menu-horizontal.javascript-disabled li {margin:0;padding:0;list-style:none;width:auto;position:relative;}
 559 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu .yui3-menu-label {padding-right:20px;}
 560 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul>li {float:left;}
 561 #custommenu .yui3-menu-horizontal.javascript-disabled li a {padding:0 10px;}
 562 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu {position:absolute;top:-10000px;left:-10000px;visibility:hidden;white-space: nowrap;max-width: 250px;background-color:#FFF;}
 563 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover>.yui3-menu {top:100%;left:0;visibility: visible;z-index:10;}
 564 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover .yui3-menu .yui3-menu {top:0;left:100%;min-width:200px;}
 565 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul:after {content:"";display:block;clear:both;line-height:0;font-size:0;visibility:hidden;}
 566 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content {font-size:93%;line-height:2;padding:0;}
 567 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .yui3-menu-content {font-size:100%;}
 568
 569 /**
 570  * Fix for broken YUI images in the menunav component
 571  */
 572 #custommenu .yui3-menu-label,
 573 #custommenu .yui3-menuitem-content {cursor:pointer;}
 574 #custommenu .yui3-menuitem-active {background-color:#B3D4FF;}
 575 #custommenu .yui3-menuitem-active,
 576 #custommenu .yui3-menuitem-active .yui3-menuitem-content,
 577 #custommenu .yui3-menu-horizontal .yui3-menu-label,
 578 #custommenu .yui3-menu-horizontal .yui3-menu-content {background-image:none;background-position:right center;background-repeat:no-repeat;}
 579 #custommenu .yui3-menu-label,
 580 #custommenu .yui3-menu .yui3-menu .yui3-menu-label {background-image:url([[pix:theme|vertical-menu-submenu-indicator]]); padding-right: 20px;}
 581 #custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {background-image:url([[pix:theme|horizontal-menu-submenu-indicator]]);}
 582
 583 /**
 584  * Smart Select Element
 585  */
 586 .smartselect {position:absolute;}
 587 .smartselect .smartselect_mask {background-color:#fff;}
 588 .smartselect ul  {padding: 0;margin: 0;}
 589 .smartselect ul li {list-style: none;}
 590 .smartselect .smartselect_menu {margin-right:5px;}
 591 .safari .smartselect .smartselect_menu {margin-left:2px;}
 592 .smartselect .smartselect_menu,
 593 .smartselect .smartselect_submenu {border:1px solid #000;background-color:#FFF;display: none;}
 594 .smartselect .smartselect_menu.visible,
 595 .smartselect .smartselect_submenu.visible {display:block;}
 596 .smartselect .smartselect_menu_content ul li {position:relative;padding:2px 5px;}
 597 .smartselect .smartselect_menu_content ul li a {color:#333;text-decoration:none;}
 598 .smartselect .smartselect_menu_content ul li a.selectable {color:inherit;}
 599 .smartselect .smartselect_submenuitem {background-image:url([[pix:moodle|t/collapsed]]);background-repeat: no-repeat;background-position:100%;}
 600 /** Spanning mode */
 601 .smartselect.spanningmenu .smartselect_submenu {position:absolute;top:-1px;left:100%;}
 602 .smartselect.spanningmenu .smartselect_submenu a {white-space: nowrap;padding-right:16px;}
 603 .smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {text-decoration:underline;}
 604 /** Compact mode */
 605 .smartselect.compactmenu .smartselect_submenu {position:relative;margin:2px -3px; margin-left: 10px;display:none;border-width:0;z-index: 1010;}
 606 .smartselect.compactmenu .smartselect_submenu.visible {display:block;}
 607 .smartselect.compactmenu .smartselect_menu {z-index: 1000;overflow:hidden;}
 608 .smartselect.compactmenu .smartselect_submenu .smartselect_submenu {z-index: 1020;}
 609 .smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {font-weight:bold;}
 610
 611 /**
 612  * Registration
 613  */
 614 #page-admin-registration-register .registration_textfield {width: 300px;}
 615
 616 /**
 617  * Enrol
 618  */
 619 .userenrolment {width:100%;border-collapse: collapse;}
 620 .userenrolment td {padding:0;height:41px;}
 621 .userenrolment .subfield {margin-right:5px;}
 622 .userenrolment .col_userdetails .subfield_picture {float:left;}
 623 .userenrolment .col_lastseen {width:150px;}
 624 .userenrolment .col_role {width:262px;}
 625 .userenrolment .col_role .roles {margin-right:30px;}
 626 .userenrolment .col_role .role {float:left;padding:3px;margin:3px;}
 627 .dir-rtl .userenrolment .col_role .role {float:right;}
 628 .userenrolment .col_role .role a {margin-left:3px;cursor:pointer;}
 629 .userenrolment .col_role .addrole {float:right;width:18px;margin:3px;height:18px;text-align:center;}
 630 .userenrolment .col_role .addrole a img {vertical-align:bottom;}
 631 .userenrolment .hasAllRoles .col_role .addrole {display:none;}
 632 .userenrolment .col_group .groups {margin-right:30px;}
 633 .userenrolment .col_group .group {float:left;padding:3px;margin:3px;white-space:nowrap;}
 634 .userenrolment .col_group .group a {margin-left:3px;cursor:pointer;}
 635 .userenrolment .col_group .addgroup {float:right;width:18px;margin:3px;height:18px;text-align:center;}
 636 .userenrolment .col_group .addgroup a img {vertical-align:bottom;}
 637 .userenrolment .col_enrol .enrolment {float:left;padding:3px;margin:3px;}
 638 .userenrolment .col_enrol .enrolment a {float:right;margin-left:3px;}
 639 #page-enrol-users .enrol_user_buttons {float:right;}
 640 #page-enrol-users .enrol_user_buttons .singlebutton {margin-top: 2px; line-height: 2;}
 641 #page-enrol-users .enrol_user_buttons .enrolusersbutton {margin-left:1em;display:inline;}
 642 #page-enrol-users .enrol_user_buttons .enrolusersbutton div,
 643 #page-enrol-users .enrol_user_buttons .enrolusersbutton form {display:inline;}
 644 #page-enrol-users .enrol_user_buttons .enrolusersbutton input {padding-left:6px;padding-right:6px;}
 645 #page-enrol-users.dir-rtl .col_userdetails .subfield_picture {float: right;}
 646 #page-enrol-users #filterform div,
 647 #page-enrol-users #filterform fieldset {display:inline;float:none;clear:none;width:auto;margin:0;line-height:2;}
 648 #page-enrol-users #filterform .fitem {white-space:nowrap;}
 649 #page-enrol-users #filterform fieldset > div {display:block;float:left;background:#f2f2f2;padding:2px;}
 650 #page-enrol-users #filterform select,
 651 #page-enrol-users #filterform .ftext input {width:8em;}
 652 #page-enrol-users #filterform #fitem_id_role,
 653 #page-enrol-users #filterform #fitem_id_ifilter,
 654 #page-enrol-users #filterform #fgroup_id_buttons {margin-left:0.5em;}
 655 #page-enrol-users .paging { clear: right; }
 656
 657 /**
 658 * Overide for RTL layout
 659 **/
 660 .dir-rtl .headermain {float:right;}
 661 .dir-rtl .headermenu {float:left;}
 662 .dir-rtl .breadcrumb {float:right;}
 663 .dir-rtl .navbutton {float: left;}
 664 .dir-rtl .breadcrumb ul li { float: right; margin-left: 5px;}
 665 .dir-rtl .mform .fitem .fitemtitle {float:right;}
 666 .dir-rtl .loginbox .loginform .form-label {float:right;text-align:left;}
 667 .dir-rtl .loginbox .loginform .form-input {text-align: right;}
 668 .dir-rtl .yui3-menu-hidden {left: 0px;}
 669 #page-admin-roles-define.dir-rtl #rolesform .felement {margin-right: 180px;}
 670 #page-message-edit.dir-rtl table.generaltable th.c0 {text-align: right;}
 671
 672 /**
 673  * Backup
 674  */
 675 .backup-restore .backup-section {clear:both;border:1px solid #ddd;background-color:#f6f6f6;margin-bottom:1em;}
 676 .backup-restore .backup-section > h2.header {padding:5px 6px;margin:0;border-bottom:1px solid #ddd;}
 677 .backup-restore .backup-section .noticebox {margin:1em auto;width:60%;text-align:center;}
 678 .backup-restore .backup-section .backup-sub-section {margin:0 25px;background-color:#f9f9f9;border:1px solid #f3f3f3;margin-bottom:1em;}
 679 .backup-restore .backup-section .backup-sub-section h3 {text-align:right;border-bottom:1px solid #DDD;padding:5px 86% 5px 6px;margin:0;background-color:#e9e9e9;}
 680 .backup-restore .backup-section.settings-section .detail-pair {margin:0;padding:0;width:50%;display:inline-block;}
 681 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-label {width:65%;}
 682 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-value {width:25%;}
 683 .backup-restore .activitytable {width:60%;min-width:500px;}
 684 .backup-restore .activitytable .modulename {width:100px;}
 685 .backup-restore .activitytable .moduleincluded {width:50px;}
 686 .backup-restore .activitytable .userinfoincluded {width:50px;}
 687 .backup-restore .detail-pair {}
 688 .backup-restore .detail-pair-label {display:inline-block;width:25%;padding:8px;margin:0;text-align:right;font-weight:bold;color:#444;vertical-align:top;}
 689 .backup-restore .detail-pair-value {display:inline-block;width:65%;padding:8px;margin:0;}
 690 .backup-restore .detail-pair-value > .sub-detail {display:block;color:#1580B6;margin-left:2em;font-size:90%;font-style: italic;}
 691 .backup-restore > .singlebutton {text-align:right;}
 692 .path-backup .mform .fgroup .proceedbutton {float:right;margin-right:1%;}
 693
 694 .restore-course-search .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
 695 .restore-course-search .rcs-results table {width:100%;margin:0;border-width:0;}
 696 .restore-course-search .rcs-results table .no-overflow {max-width:600px;}
 697 .restore-course-search .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
 698
 699 .restore-course-category .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
 700 .restore-course-category .rcs-results table {width:100%;margin:0;border-width:0;}
 701 .restore-course-category .rcs-results table .no-overflow {max-width:600px;}
 702 .restore-course-category .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
 703
 704 .corelightbox {background-color:#CCC;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;}
 705 .corelightbox img {position:fixed;top:50%; left: 50%;}
 706
 707 .mod-indent-1 {margin-left:30px;}
 708 .mod-indent-2 {margin-left:60px;}
 709 .mod-indent-3 {margin-left:90px;}
 710 .mod-indent-4 {margin-left:120px;}
 711 .mod-indent-5 {margin-left:150px;}
 712 .mod-indent-6 {margin-left:180px;}
 713 .mod-indent-7 {margin-left:210px;}
 714 .mod-indent-8 {margin-left:240px;}
 715 .mod-indent-9 {margin-left:270px;}
 716 .mod-indent-10 {margin-left:300px;}
 717 .mod-indent-11 {margin-left:330px;}
 718 .mod-indent-12 {margin-left:360px;}
 719 .mod-indent-13 {margin-left:390px;}
 720 .mod-indent-14 {margin-left:420px;}
 721 .mod-indent-15,
 722 .mod-indent-huge {margin-left:420px;}
 723
 724 .dir-rtl .mod-indent-1 {margin-right:30px;margin-left:0;}
 725 .dir-rtl .mod-indent-2 {margin-right:60px;margin-left:0;}
 726 .dir-rtl .mod-indent-3 {margin-right:90px;margin-left:0;}
 727 .dir-rtl .mod-indent-4 {margin-right:120px;margin-left:0;}
 728 .dir-rtl .mod-indent-5 {margin-right:150px;margin-left:0;}
 729 .dir-rtl .mod-indent-6 {margin-right:180px;margin-left:0;}
 730 .dir-rtl .mod-indent-7 {margin-right:210px;margin-left:0;}
 731 .dir-rtl .mod-indent-8 {margin-right:240px;margin-left:0;}
 732 .dir-rtl .mod-indent-9 {margin-right:270px;margin-left:0;}
 733 .dir-rtl .mod-indent-10 {margin-right:300px;margin-left:0;}
 734 .dir-rtl .mod-indent-11 {margin-right:330px;margin-left:0;}
 735 .dir-rtl .mod-indent-12 {margin-right:360px;margin-left:0;}
 736 .dir-rtl .mod-indent-13 {margin-right:390px;margin-left:0;}
 737 .dir-rtl .mod-indent-14 {margin-right:420px;margin-left:0;}
 738 .dir-rtl .mod-indent-15,
 739 .dir-rtl .mod-indent-huge {margin-right:420px;margin-left:0;}
 740
 741 .dir-rtl .mform .fitem .felement {margin-right: 16%;margin-left:auto;text-align: right;}
 742 .dir-rtl .mform .fitem .felement input[name=email],
 743 .dir-rtl .mform .fitem .felement input[name=email2],
 744 .dir-rtl .mform .fitem .felement input[name=url],
 745 .dir-rtl .mform .fitem .felement input[name=idnumber],
 746 .dir-rtl .mform .fitem .felement input[name=phone1],
 747 .dir-rtl .mform .fitem .felement input[name=phone2] {text-align: left; direction: ltr;}
 748
 749 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
 750 .resourcecontent .mediaplugin_mp3 object {height:25px; width: 600px}
 751 .resourcecontent audio.mediaplugin_html5audio {width: 600px}
 752
 753 /** Large resource images should avoid hidden overflow **/
 754 .resourceimage {max-width: 100%;}
 755
 756 /* Audio player size in 'inline' mode (can only change width, as above) */
 757 .mediaplugin_mp3 object {height:15px;width:300px}
 758 audio.mediaplugin_html5audio {width: 300px}
 759
 760 /* TinyMCE moodle media preview frame should not have padding */
 761 .core_media_preview.pagelayout-embedded #content {padding:0;}
 762 .core_media_preview.pagelayout-embedded #maincontent {height:0;}
 763 .core_media_preview.pagelayout-embedded .mediaplugin {margin:0;}
 764
 765 /*
 766 Fix for SubScript & SuperScript
 767 ------------------------------*/
 768 sub {vertical-align: sub;}
 769 sup {vertical-align: super;}
 770
 771 /** Fix YUI 2 Treeview for Right to left languages **/
 772 .dir-rtl .ygtvtn,
 773 .dir-rtl .ygtvtm,
 774 .dir-rtl .ygtvtmh,
 775 .dir-rtl .ygtvtmhh,
 776 .dir-rtl .ygtvtp,
 777 .dir-rtl .ygtvtph,
 778 .dir-rtl .ygtvtphh,
 779 .dir-rtl .ygtvln,
 780 .dir-rtl .ygtvlm,
 781 .dir-rtl .ygtvlmh,
 782 .dir-rtl .ygtvlmhh,
 783 .dir-rtl .ygtvlp,
 784 .dir-rtl .ygtvlph,
 785 .dir-rtl .ygtvlphh,
 786 .dir-rtl .ygtvdepthcell,
 787 .dir-rtl .ygtvok,
 788 .dir-rtl .ygtvok:hover,
 789 .dir-rtl .ygtvcancel,
 790 .dir-rtl .ygtvcancel:hover {width:18px; height:22px; background-image:url([[pix:theme|yui2-treeview-sprite-rtl]]); background-repeat: no-repeat; cursor:pointer;}
 791
 792 .dir-rtl .ygtvtn {background-position: 0 -5600px;}
 793 .dir-rtl .ygtvtm {background-position: 0 -4000px;}
 794 .dir-rtl .ygtvtmh,
 795 .dir-rtl .ygtvtmhh {background-position: 0 -4800px;}
 796 .dir-rtl .ygtvtp {background-position: 0 -6400px;}
 797 .dir-rtl .ygtvtph,
 798 .dir-rtl .ygtvtphh {background-position: 0 -7200px;}
 799 .dir-rtl .ygtvln {background-position: 0 -1600px;}
 800 .dir-rtl .ygtvlm {background-position: 0 0;}
 801 .dir-rtl .ygtvlmh,
 802 .dir-rtl .ygtvlmhh {background-position: 0 -800px;}
 803 .dir-rtl .ygtvlp {background-position: 0 -2400px;}
 804 .dir-rtl .ygtvlph,
 805 .dir-rtl .ygtvlphh {background-position: 0 -3200px}
 806 .dir-rtl .ygtvdepthcell {background-position: 0 -8000px;}
 807 .dir-rtl .ygtvok {background-position: 0 -8800px;}
 808 .dir-rtl .ygtvok:hover {background-position: 0 -8844px;}
 809 .dir-rtl .ygtvcancel {background-position: 0 -8822px;}
 810 .dir-rtl .ygtvcancel:hover {background-position: 0 -8866px;}
 811
 812 .dir-rtl.yui-skin-sam .yui-panel .hd {text-align:left;}
 813 .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {text-align:right;}
 814
 815 /** Fix TinyMCE editor right to left **/
 816 .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,.dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {top: 44px;}
 817 .dir-rtl .o2k7Skin table,
 818 .dir-rtl .o2k7Skin tbody,
 819 .dir-rtl .o2k7Skin a,
 820 .dir-rtl .o2k7Skin img,
 821 .dir-rtl .o2k7Skin tr,
 822 .dir-rtl .o2k7Skin div,
 823 .dir-rtl .o2k7Skin td,
 824 .dir-rtl .o2k7Skin iframe,
 825 .dir-rtl .o2k7Skin span,
 826 .dir-rtl .o2k7Skin *,
 827 .dir-rtl .o2k7Skin .mceText,
 828 .dir-rtl .o2k7Skin .mceListBox .mceText {text-align:right;}
 829
 830 .path-rating .ratingtable {width:100%;margin-bottom:1em;}
 831 .path-rating .ratingtable th.rating {width:100%;}
 832 .path-rating .ratingtable td.rating,
 833 .path-rating .ratingtable td.time {white-space:nowrap; text-align:center;}
 834
 835 /* Fix for ordered and unordered list in course topic summary & course weekly summary */
 836
 837 .course-content ul.weeks .content .summary ul,
 838 .course-content ul.topics .content .summary ul {list-style: disc outside none;}
 839
 840 .course-content ul.weeks .content .summary ol,
 841 .course-content ul.topics .content .summary ol {list-style: decimal outside none;}
 842
 843 .dir-rtl #adminsettings #id_s__pathtodu,
 844 .dir-rtl #adminsettings #id_s__aspellpath,
 845 .dir-rtl #adminsettings #id_s__pathtodot,
 846 .dir-rtl #adminsettings #id_s__supportemail,
 847 .dir-rtl #adminsettings #id_s__supportpage,
 848 .dir-rtl #adminsettings #id_s__sessioncookie,
 849 .dir-rtl #adminsettings #id_s__sessioncookiepath,
 850 .dir-rtl #adminsettings #id_s__sessioncookiedomain,
 851 .dir-rtl #adminsettings #id_s__proxyhost,
 852 .dir-rtl #adminsettings #id_s__proxyuser,
 853 .dir-rtl #adminsettings #id_s__proxypassword,
 854 .dir-rtl #adminsettings #id_s__proxybypass,
 855 .dir-rtl #adminsettings #id_s__jabberhost,
 856 .dir-rtl #adminsettings #id_s__jabberserver,
 857 .dir-rtl #adminsettings #id_s__jabberusername,
 858 .dir-rtl #adminsettings #id_s__jabberpassword,
 859 .dir-rtl #adminsettings #id_s__additionalhtmlhead,
 860 .dir-rtl #adminsettings #id_s__additionalhtmltopofbody,
 861 .dir-rtl #adminsettings #id_s__additionalhtmlfooter,
 862 .dir-rtl #adminsettings #id_s__docroot,
 863 .dir-rtl #adminsettings #id_s__filter_tex_latexpreamble,
 864 .dir-rtl #adminsettings #id_s__filter_tex_latexbackground,
 865 .dir-rtl #adminsettings #id_s__filter_tex_pathlatex,
 866 .dir-rtl #adminsettings #id_s__filter_tex_pathdvips,
 867 .dir-rtl #adminsettings #id_s__filter_tex_pathconvert,
 868 .dir-rtl #adminsettings #id_s__blockedip,
 869 .dir-rtl #adminsettings #id_s__pathtoclam,
 870 .dir-rtl #adminsettings #id_s__quarantinedir,
 871 .dir-rtl #adminsettings #id_s__sitepolicy,
 872 .dir-rtl #adminsettings #id_s__sitepolicyguest,
 873 .dir-rtl #adminsettings #id_s__cronremotepassword,
 874 .dir-rtl #adminsettings #id_s__allowedip,
 875 .dir-rtl #adminsettings #id_s__blockedip,
 876 .dir-rtl #adminsettings #id_s_enrol_meta_nosyncroleids,
 877 .dir-rtl #adminsettings #id_s_enrol_ldap_host_url,
 878 .dir-rtl #adminsettings #id_s_enrol_ldap_ldapencoding,
 879 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_dn,
 880 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_pw,
 881 .dir-rtl #adminsettings #admin-emoticons .form-text,
 882 .dir-rtl #adminsettings #admin-role_mapping input[type=text],
 883 .dir-rtl #adminsettings #id_s_enrol_paypal_paypalbusiness,
 884 .dir-rtl #adminsettings #id_s_enrol_flatfile_location,
 885 #page-admin-setting-enrolsettingsflatfile.dir-rtl input[type=text],
 886 #page-admin-setting-enrolsettingsdatabase.dir-rtl input[type=text],
 887 #page-admin-auth-db.dir-rtl input[type=text] {direction: ltr;}
 888
 889 #page-admin-setting-enrolsettingsflatfile.dir-rtl .informationbox {direction: ltr;text-align: left;}
 890
 891 #page-admin-grade-edit-scale-edit.dir-rtl .error input#id_name {margin-right: 170px;}
 892 .initialbar a {padding-right: 2px;}
 893
 894 /* Moodle Dialogue Settings (moodle-core-dialogue)  */
 895 .moodle-dialogue-base .moodle-dialogue-lightbox {
 896     background-color:#AAA;
 897 }
 898
 899 .moodle-dialogue-base .moodle-dialogue {
 900     outline: #000 dotted 0;
 901 }
 902
 903 .moodle-dialogue-base .hidden,
 904 .moodle-dialogue-base .moodle-dialogue-hidden {display:none;}
 905 .moodle-dialogue-base .moodle-dialogue {
 906     padding: 0;
 907     margin: 0;
 908     background: none;
 909     border: none;
 910     /* Override the z-index set incorrectly by the YUI dialogue */
 911     z-index: 600;
 912 }
 913
 914 .no-scrolling { overflow: hidden; }
 915
 916 .moodle-dialogue-fullscreen {
 917     left: 0px;
 918     top: 0px;
 919     width: 100%;
 920     height: 100%;
 921     overflow: auto;
 922 }
 923
 924 .moodle-dialogue-base .moodle-dialogue-wrap {
 925     margin-top:-3px;
 926     margin-left:-3px;
 927     background-color: #FFFFFF;
 928     border: 1px solid #CCCCCC;
 929     border-radius:10px;
 930     box-shadow: 5px 5px 20px 0px #666666;
 931     -webkit-box-shadow: 5px 5px 20px 0px #666666;
 932     -moz-box-shadow: 5px 5px 20px 0px #666666;
 933 }
 934
 935 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
 936     margin:0;
 937     padding:5px;
 938     font-size:12px;
 939     font-weight: normal;
 940     letter-spacing: 1px;
 941     color:#333333;
 942     text-align: center;
 943     text-shadow: 1px 1px 1px #FFFFFF;
 944     border-radius: 10px 10px 0px 0px;
 945     border-bottom: 1px solid #BBBBBB;
 946     background: #CCCCCC;
 947     background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
 948     background: -moz-linear-gradient(top,  #FFFFFF,  #CCCCCC);
 949     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC')!important;
 950     filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
 951 }
 952
 953 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
 954     margin:0;
 955     padding:0;
 956     display:inline;
 957     font-size: 100%;
 958     font-weight: bold;
 959 }
 960 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
 961     padding: 5px;
 962 }
 963 .moodle-dialogue-base .closebutton {
 964     width:25px;
 965     height:15px;
 966     float:right;
 967     vertical-align:middle;
 968     display:inline-block;
 969     cursor:pointer;
 970     padding:0px;
 971     background-image:url([[pix:theme|sprite]]);
 972     background-repeat:no-repeat;
 973     border-style:none;
 974 }
 975 .dir-rtl .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
 976     left: 0px;
 977     right: auto;
 978 }
 979
 980 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
 981     overflow: auto;
 982     padding: 1em;
 983     line-height: 2em;
 984     color: #555;
 985     font-size: 12px;
 986 }
 987
 988 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
 989   padding:0px;
 990   background:#FFF;
 991 }
 992
 993 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
 994     padding: 10px;
 995     font-size: 16px;
 996 }
 997
 998 .moodle-dialogue-base .moodle-dialogue-fullscreen,
 999 .moodle-dialogue-fullscreen .moodle-dialogue-content {
1000     width: 100%;
1001     height: 100%;
1002     margin: 0px;
1003     border: 0px;
1004 }
1005 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
1006 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
1007     border-radius: 0px;
1008 }
1009
1010 .moodle-dialogue-confirm .confirmation-dialogue {text-align:center;}
1011 .moodle-dialogue-confirm .confirmation-dialogue input {text-align:center;}
1012 .moodle-dialogue-exception .moodle-exception-message {text-align:center}
1013 .moodle-dialogue-exception .moodle-exception-param label {font-weight:bold;}
1014 .moodle-dialogue-exception .param-stacktrace label {
1015     background-color:#EEE;
1016     border:1px solid #ccc;
1017     border-bottom-width:0;
1018 }
1019
1020 .moodle-dialogue-exception .param-stacktrace pre {
1021     border:1px solid #ccc;
1022     background-color:#fff;
1023 }
1024
1025 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1026     color:navy;
1027     font-size:80%;
1028 }
1029 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1030     color:#AA0000;
1031     font-size:80%;
1032 }
1033 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1034     color:#333;
1035     font-size:90%;
1036     border-bottom:1px solid #eee;
1037 }
1038
1039 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
1040     padding:0px;
1041     margin: 0.7em 1em;
1042     text-align: right;
1043     background-color: #FFF;
1044     font-size: 12px;
1045 }
1046
1047 .moodle-dialogue-confirm .confirmation-message {margin:0.5em 1em;}
1048 .moodle-dialogue-confirm .confirmation-dialogue input {min-width:80px}
1049 .moodle-dialogue-exception .moodle-exception-message {margin:1em;}
1050 .moodle-dialogue-exception .moodle-exception-param {margin-bottom:0.5em;}
1051 .moodle-dialogue-exception .moodle-exception-param label {width:150px;}
1052 .moodle-dialogue-exception .param-stacktrace label {
1053     display:block;
1054     margin:0;
1055     padding:4px 1em;
1056 }
1057 .moodle-dialogue-exception .param-stacktrace pre {
1058     display:block;
1059     height:200px;
1060     overflow:auto;
1061 }
1062
1063 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1064     display:inline-block;
1065     margin:4px 0;
1066 }
1067 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1068     display:inline-block;
1069     width:50px;
1070     margin:4px 1em;
1071 }
1072 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1073     padding-left:25px;
1074     margin-bottom:4px;
1075     padding-bottom:4px;
1076 }
1077
1078 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
1079     opacity: .75;
1080     width: 100%;
1081     height: 100%;
1082     top: 0;
1083     left: 0;
1084     background-color: white;
1085     text-align: center;
1086     padding: 10% 0;
1087 }
1088
1089 /* Apply a default max-height on tooltip text */
1090 .moodle-dialogue .tooltiptext {
1091     max-height: 300px;
1092 }
1093 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
1094     z-index: 3001;
1095 }
1096
1097 /* Question Bank - Question Chooser "Close" button */
1098 #page-question-edit.dir-rtl a.container-close {right:auto;left:6px;}
1099
1100 /**
1101  * Chooser Dialogues (moodle-core-chooserdialogue)
1102  *
1103  * This CSS belong to the chooser dialogue which should work both with, and
1104  * without javascript enabled
1105  */
1106 /* Hide the dialog and it's title */
1107 .chooserdialoguebody,
1108 .choosertitle {
1109     display:none;
1110 }
1111 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
1112     margin: 0;
1113 }
1114
1115 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
1116     padding: 0px;
1117     background: #F2F2F2;
1118     border-bottom-left-radius: 10px;
1119     border-bottom-right-radius: 10px;
1120 }
1121
1122 /* Center the submit buttons within the area */
1123 .choosercontainer #chooseform .submitbuttons {
1124     margin: 0.7em 0;
1125     text-align: center;
1126 }
1127
1128 .choosercontainer #chooseform .submitbuttons input {
1129     min-width: 100px;
1130     margin: 0px 0.5em;
1131 }
1132
1133 /* Various settings for the options area */
1134 .choosercontainer #chooseform .options {
1135     position: relative;
1136     border-bottom: 1px solid #BBBBBB;
1137 }
1138
1139 /* Only set these options if we're showing the js container */
1140 .jsenabled .choosercontainer #chooseform .alloptions {
1141     overflow-x: hidden;
1142     overflow-y: auto;
1143     max-width: 20.3em;
1144     box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1145     -webkit-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1146     -moz-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1147 }
1148 .dir-rtl.jsenabled .choosercontainer #chooseform .alloptions {
1149     max-width: 18.3em;
1150 }
1151
1152 /* Settings for option rows and option subtypes */
1153 .choosercontainer #chooseform .moduletypetitle,
1154 .choosercontainer #chooseform .option,
1155 .choosercontainer #chooseform .nonoption {
1156     margin-bottom: 0;
1157     padding: 0 1.6em 0 1.6em;
1158 }
1159
1160 .choosercontainer #chooseform .moduletypetitle {
1161     text-transform: uppercase;
1162     padding-top: 1.2em;
1163     padding-bottom: 0.4em;
1164 }
1165
1166 .choosercontainer #chooseform .option .typename,
1167 .choosercontainer #chooseform .option span.modicon img.icon,
1168 .choosercontainer #chooseform .nonoption .typename,
1169 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1170     padding: 0 0 0 0.5em;
1171 }
1172 .dir-rtl .choosercontainer #chooseform .option .typename,
1173 .dir-rtl .choosercontainer #chooseform .option span.modicon img.icon,
1174 .dir-rtl .choosercontainer #chooseform .nonoption .typename,
1175 .dir-rtl .choosercontainer #chooseform .nonoption span.modicon img.icon {
1176     padding: 0 0.5em 0 0;
1177 }
1178
1179 .choosercontainer #chooseform .option span.modicon img.icon,
1180 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1181     height: 24px; width: 24px;
1182 }
1183
1184 .choosercontainer #chooseform .option input[type=radio],
1185 .choosercontainer #chooseform .option span.typename,
1186 .choosercontainer #chooseform .option span.modicon {
1187     vertical-align: middle;
1188 }
1189
1190 .choosercontainer #chooseform .option label {
1191     display: block;
1192     padding: 0.3em 0 0.1em 0;
1193     border-bottom: 1px solid #FFFFFF;
1194 }
1195
1196 .choosercontainer #chooseform .nonoption {
1197     padding-left: 2.7em;
1198     padding-top: 0.3em;
1199     padding-bottom: 0.1em;
1200 }
1201 .dir-rtl .choosercontainer #chooseform .nonoption {
1202     padding-right: 2.7em;
1203     padding-left: 0;
1204 }
1205
1206 .choosercontainer #chooseform .subtype {
1207     margin-bottom: 0;
1208     padding: 0 1.6em 0 3.2em;
1209 }
1210 .dir-rtl .choosercontainer #chooseform .subtype {
1211     padding: 0 3.2em 0 1.6em;
1212 }
1213
1214 .choosercontainer #chooseform .subtype .typename {
1215     margin: 0 0 0 0.2em;
1216 }
1217 .dir-rtl .choosercontainer #chooseform .subtype .typename {
1218     margin: 0 0.2em 0 0;
1219 }
1220
1221 /* The instruction/help area */
1222 .jsenabled .choosercontainer #chooseform .instruction,
1223 .jsenabled .choosercontainer #chooseform .typesummary {
1224     display: none;
1225     position: absolute;
1226     top: 0px;
1227     right: 0px;
1228     bottom: 0px;
1229     left: 20.3em;
1230     margin: 0;
1231     padding: 1.6em;
1232     background-color: #FFFFFF;
1233     overflow-x: hidden;
1234     overflow-y: auto;
1235     line-height: 2em;
1236 }
1237
1238 .dir-rtl.jsenabled .choosercontainer #chooseform .instruction,
1239 .dir-rtl.jsenabled .choosercontainer #chooseform .typesummary {
1240     left: 0px;
1241     right: 18.5em;
1242     border-right: 1px solid grey;
1243 }
1244
1245 /* Selected option settings */
1246 .jsenabled .choosercontainer #chooseform .instruction,
1247 .choosercontainer #chooseform .selected .typesummary {
1248     display: block;
1249 }
1250
1251 .choosercontainer #chooseform .selected {
1252     background-color: #FFFFFF;
1253     box-shadow: 0px 0px 10px 0px #CCCCCC;
1254     -webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;
1255     -moz-box-shadow: 0px 0px 10px 0px #CCCCCC;
1256 }
1257 .section-modchooser-link img.smallicon { padding-right: 3px; }
1258 .dir-rtl .section-modchooser-link img.smallicon { padding-left: 3px; padding-right: 0;}
1259
1260 /* Install Process' text fields Forms, should always be justified to the left */
1261 form#installform #id_wwwroot,form#installform #id_dirroot ,form#installform #id_dataroot,
1262 form#installform #id_dbhost, form#installform #id_dbname, form#installform #id_dbuser,
1263 form#installform #id_dbpass, form#installform #id_prefix
1264 {direction: ltr;}
1265
1266 html[dir=rtl] .breadcrumb,
1267 html[dir=rtl] .headermain,
1268 html[dir=rtl] #page-header {float: right;}
1269
1270 html[dir=rtl] .formrow label.formlabel { float:right; }
1271
1272 html[dir=rtl] .configphp {direction:ltr;text-align:left;}
1273
1274 table.flexible .r0, table.generaltable .r0 {background-color: #F0F0F0;}
1275 table.flexible .r1, table.generaltable .r1 {background-color: #FAFAFA;}
1276 table.flexible .emptyrow {display: none;}
1277
1278 /* Form element: listing */
1279 .formlistingradio {padding-bottom: 25px; padding-right: 10px;}
1280 .formlistinginputradio {float: left;}
1281 .formlistingmain {min-height: 225px;}
1282 .formlistingradiocontent {}
1283 .formlisting {
1284     position: relative;
1285     margin: 15px 0;
1286     padding: 1px 19px 14px;
1287     background-color: white;
1288     border: 1px solid #DDD;
1289     -webkit-border-radius: 4px;
1290     -moz-border-radius: 4px;
1291     border-radius: 4px;
1292 }
1293
1294 .formlistingmore {
1295     position: absolute;
1296     cursor: pointer;
1297     bottom: -1px;
1298     right: -1px;
1299     padding: 3px 7px;
1300     font-size: 12px;
1301     font-weight: bold;
1302     background-color: whiteSmoke;
1303     border: 1px solid #DDD;
1304     color: #9DA0A4;
1305     -webkit-border-radius: 4px 0 4px 0;
1306     -moz-border-radius: 4px 0 4px 0;
1307     border-radius: 4px 0 4px 0;
1308 }
1309
1310 .formlistingall {
1311     margin: 15px 0;
1312     padding: 0px 0px 0px;
1313     -webkit-border-radius: 4px;
1314     -moz-border-radius: 4px;
1315     border-radius: 4px;
1316 }
1317
1318 .formlistingrow {
1319     cursor: pointer;
1320     border-bottom: 1px solid;
1321     border-color: #E1E1E8;
1322     border-left: 1px solid #E1E1E8;
1323     border-right: 1px solid #E1E1E8;
1324     background-color: #F7F7F9;
1325     -webkit-border-radius: 0px 0px 4px 4px;
1326     -moz-border-radius: 0px 0px 4px 4px;
1327     padding: 6px;
1328     top: 50%;
1329     left: 50%;
1330     min-height: 34px;
1331     float:left;
1332     width: 150px;
1333 }
1334
1335 body.jsenabled .formlistingradio {
1336     display: none;
1337 }
1338
1339 body.jsenabled .formlisting {
1340     display: block;
1341 }
1342
1343 /**
1344  * Badges styles
1345  */
1346 #page-badges-view .collection { width: 90%; margin: 1em auto; }
1347 #page-badges-index .collection { width: 85%; margin: 1em auto; }
1348
1349 table.collection th { font-size: inherit !important; border-width: 1px; border-style: solid; border-color: #CCCCCC; vertical-align: middle; padding-left: 5px; padding-right: 5px; vertical-align: top; text-align: center !important; }
1350 table.collection td { border-width: 1px; border-style: solid; border-color: #CCCCCC; vertical-align: middle; padding-left: 5px; padding-right: 5px; vertical-align: top; }
1351 table.collection .r1 { background-color: #FFFFFF; }
1352 table.collection .r0 { background-color: #F6F6F6; }
1353 table.collection ul { margin: 0.5em 0.5em 0.5em 2em; }
1354
1355 #page-badges-view table.collection .badgeimage,
1356 #page-badges-index table.collection .status { width: 15%; text-align: center; vertical-align: middle; }
1357 #page-badges-view table.collection .awards,
1358 #page-badges-index table.collection .awards { width: 10%; text-align: center; vertical-align: middle; }
1359 #page-badges-view table.collection .description { width: 25%; text-align: left; }
1360
1361 table.collection .name { text-align: left; vertical-align: middle; }
1362 #page-badges-view table.collection .criteria { width: 35%; text-align: left; vertical-align: top; }
1363 #page-badges-index table.collection .criteria { width: 40%; text-align: left; vertical-align: top; }
1364 #page-badges-index table.collection .actions { width: 11em; text-align: center; vertical-align: middle; }
1365
1366 a.criteria-action { padding: 0px 3px; float: right; }
1367 table.issuedbadgebox { width: 750px; background-color: white; }
1368 table.badgeissuedimage { width: 150px; text-align: center; }
1369 table.badgeissuedinfo { width: 600px; }
1370 table.badgeissuedinfo .bvalue { text-align: left; vertical-align: middle; }
1371 table.badgeissuedinfo .bfield { width: 125px; text-align: left; font-style: italic; }
1372
1373 ul.badges { margin: 0; list-style: none; }
1374 .badges li { position: relative; display: inline-block; padding-bottom: 2em; text-align: center; vertical-align: top; width: 150px; }
1375 .badges li .badge-name { display: block; padding: 5px; }
1376 .badges li > img { position: absolute; }
1377 .badges li .badge-image { width: 90px; height: 90px; left: 10px; top: 0px; z-index: 1; }
1378 .badges li .badge-actions { position: relative; }
1379
1380 div.badge { position: relative; display: block; }
1381 div.badge .expireimage { width: 100px; height: 100px; left: 20px; top: 0px; }
1382 .expireimage { width: 90px; height: 90px; left: 30px; top: 0px; position: absolute; z-index:10; filter: alpha(opacity = 85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85;}
1383
1384 .badge-profile { vertical-align: top; }
1385 .connected { color: #006600; }
1386 .notconnected { color: #660000; }
1387
1388 #page-badges-award .recipienttable { background-color: #EEEEEE; border: 1px solid #BBBBBB; width: 100%; vertical-align: top; }
1389 #page-badges-award .recipienttable tr td { vertical-align: top; }
1390 #page-badges-award .recipienttable tr td.actions { width: 16%; padding-top: 3em; }
1391 #page-badges-award .recipienttable tr td.actions .actionbutton { margin: 0.3em 0; padding: 0.5em 0; width: 100%; }
1392 #page-badges-award .recipienttable tr td.existing,
1393 #page-badges-award .recipienttable tr td.potential { width: 42%; }
1394
1395 .statustable { margin-bottom: 0px; }
1396 .statusbox { border-color: #BBBBBB; }
1397 .statusbox.active { background-color: #D9F991; }
1398 .statusbox.inactive { background-color: #FFEBA8; }
1399 .activatebadge { margin: 0px; text-align: left; vertical-align: middle; }
1400 .addcourse { float: right; }
1401
1402 /**
1403  * The date selector popup.
1404  */
1405  div#dateselector-calendar-panel {
1406      z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */
1407  }
1408
1409 .path-mod-lesson .centerpadded { padding: 5px; text-align: center; }
1410
1411 /** Action menu component styles **/
1412 .moodle-actionmenu,
1413 .moodle-actionmenu > ul,
1414 .moodle-actionmenu > ul > li {display: inline-block;}
1415 .moodle-actionmenu ul {padding: 0;margin: 0;list-style-type: none;}
1416 .moodle-actionmenu a.hidden {display: none;}
1417 .moodle-actionmenu .toggle-display,
1418 .moodle-actionmenu .menu-action-text {display: none;}
1419
1420 .jsenabled .block .editing_move {display: none;}
1421 .jsenabled .moodle-actionmenu[data-enhance] {display: block;}
1422 .jsenabled .moodle-actionmenu[data-enhance] .menu {display: none;}
1423 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display {display: inline;opacity: 0.5;filter: alpha(opacity=50);}
1424 .jsenabled .moodle-actionmenu[data-enhanced] .toggle-display {opacity: 1;filter: alpha(opacity=100);}
1425 .jsenabled .moodle-actionmenu[data-enhanced] .menu-action-text {display: inline;}
1426
1427 .moodle-actionmenu[data-enhanced].show {position: relative;}
1428 .moodle-actionmenu[data-enhanced].show .menu {position: absolute;text-align:left;z-index: 1000;display: block;background-color: #fff;border: 1px solid #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 5px 5px 20px 0 #666666;-moz-box-shadow: 5px 5px 20px 0 #666666;box-shadow: 5px 5px 20px 0 #666666;}
1429 .moodle-actionmenu[data-enhanced].show .menu a {display: block;padding: 2px 1em 2px 0.5em;color: #333333;}
1430 .moodle-actionmenu[data-enhanced].show .menu a:hover,
1431 .moodle-actionmenu[data-enhanced].show .menu a:focus {color: #ffffff;background-color: #0088cc;}
1432 .moodle-actionmenu[data-enhanced].show .menu a:first-child {-webkit-border-top-right-radius: 4px;border-top-right-radius: 4px;-webkit-border-top-left-radius: 4px;border-top-left-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-topleft: 4px;}
1433 .moodle-actionmenu[data-enhanced].show .menu a:last-child {-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;}
1434 .moodle-actionmenu[data-enhanced].show .menu a.hidden {display: none;}
1435 .moodle-actionmenu[data-enhanced].show .menu img {vertical-align: middle;}
1436 .moodle-actionmenu[data-enhanced].show .menu .iconsmall {margin-right: 8px;}
1437 .moodle-actionmenu[data-enhanced].show .menu > li {display: block;}
1438 .action-menu-shown .moodle-actionmenu[data-enhanced] .toggle-display {background-color: #FFF;}
1439 .block .moodle-actionmenu {text-align: right;}
1440
1441 .dir-rtl .block .moodle-actionmenu {text-align: right;}
1442 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu {text-align: right;right: auto;left: 0;}
1443 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu .iconsmall {margin-right: 0;margin-left: 8px;}
1444
1445 .menu.align-tl-bl {top: 100%;left: 0;margin-top: 4px;}
1446 .menu.align-tr-bl {top: 100%;right: 100%;}
1447 .menu.align-bl-bl {bottom: 100%;left: 0;}
1448 .menu.align-br-bl {right: 100%;bottom: 100%;}
1449 .menu.align-tl-br {top: 100%;left: 100%;}
1450 .menu.align-tr-br {top: 100%;right: 0;margin-top: 4px;}
1451 .menu.align-bl-br {bottom: 100%;left: 100%;}
1452 .menu.align-br-br {right: 0;bottom: 100%;}
1453 .menu.align-tl-tl {top: 0;left: 0;}
1454 .menu.align-tr-tl {top: 0;right: 100%;margin-right: 4px;}
1455 .menu.align-bl-tl {bottom: 100%;left: 0;margin-bottom: 4px;}
1456 .menu.align-br-tl {right: 100%;bottom: 100%;}
1457 .menu.align-tl-tr {top: 0;left: 100%;margin-left: 4px;}
1458 .menu.align-tr-tr {top: 0;right: 0;}
1459 .menu.align-bl-tr {bottom: 100%;left: 100%;}
1460 .menu.align-br-tr {right: 0;bottom: 100%;margin-bottom: 4px;}
1461
1462 .dir-rtl .menu.align-tl-bl {right: 0;left: auto;}
1463 .dir-rtl .menu.align-tr-bl {right: auto;left: 100%;}
1464 .dir-rtl .menu.align-bl-bl {right: 0;left: auto;}
1465 .dir-rtl .menu.align-br-bl {right: auto;left: 100%;}
1466 .dir-rtl .menu.align-tl-br {right: 100%;left: auto;}
1467 .dir-rtl .menu.align-tr-br {right: auto;left: 0;}
1468 .dir-rtl .menu.align-bl-br {right: 100%;left: auto;}
1469 .dir-rtl .menu.align-br-br {right: auto;left: 0;}
1470 .dir-rtl .menu.align-tl-tl {right: 0;left: auto;}
1471 .dir-rtl .menu.align-tr-tl {right: auto;left: 100%;}
1472 .dir-rtl .menu.align-bl-tl {right: 0;left: auto;}
1473 .dir-rtl .menu.align-br-tl {right: auto;left: 100%;}
1474 .dir-rtl .menu.align-tl-tr {right: 100%;left: auto;}
1475 .dir-rtl .menu.align-tr-tr {right: auto;left: 0;}
1476 .dir-rtl .menu.align-bl-tr {right: 100%;left: auto;}
1477 .dir-rtl .menu.align-br-tr {right: auto;left: 0;}
1478
1479 ul.dragdrop-keyboard-drag li { list-style-type: none; }
1480 .block-control-actions .moodle-core-dragdrop-draghandle img { width: 12px; height: 12px; }