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