theme/custom_corners/user_styles.css

   1 body {
   2   font-size: 100%;
   3   color: #333333;
   4   font-family: verdana, arial, helvetica, sans-serif;
   5   margin: 0;
   6   padding: 0;
   7   background-image: url(pix/bg.jpg);
   8 }
   9 div#page {
  10   margin: 0 4%;
  11   padding-top: 2px;
  12   width: auto;
  13 }
  14 div.clearer {
  15   clear: both;
  16 }
  17 a:link,
  18 a:visited {
  19   color: #116699;
  20   text-decoration: none;
  21 }
  22 a:hover {
  23   color: #0066FF;
  24   text-decoration: underline;
  25 }
  26 hr {
  27   color: #F1ECE6;
  28   background-color: #F1ECE6;
  29   border-style: none;
  30 }
  31 span.arrow {
  32   font-family: Arial,Helvetica,Courier,sans-serif;
  33   font-size: 80%;
  34 }
  35 p.arrow_button input {
  36   font-family: Arial,Helvetica,Courier,sans-serif;
  37   font-size: 80%;
  38 }
  39 table.generaltable {
  40   background-color: #EEEEEE;
  41 }
  42 img.resize {
  43   width: 1em;
  44   height: 1em;
  45 }
  46 p.helplink {
  47   margin: 0.5em 0;
  48 }
  49 h1.headermain {
  50   color: #0066ff;
  51   margin: 0 0 10px 0;
  52   font-size: 180%;
  53 }
  54 h2.main {
  55   background-image: url(pix/header.png);
  56   background-repeat: repeat-x;
  57   background-position: center top;
  58   padding: 5px 5px 6px;
  59   color: #333;
  60   font-size: 120%;
  61   border-right-width: 1px;
  62   border-left-width: 1px;
  63   border-right-style: solid;
  64   border-left-style: solid;
  65   border-right-color: #F1ECE6;
  66   border-left-color: #F1ECE6;
  67 }
  68 h2.headingblock {
  69   background-image: url(pix/header.png);
  70   background-repeat: repeat-x;
  71   background-position: center top;
  72   padding: 5px 5px 6px;
  73   color: #333;
  74   font-size: 100%;
  75   border-right-width: 1px;
  76   border-left-width: 1px;
  77   border-style: none solid;
  78   border-right-color: #F1ECE6;
  79   border-left-color: #F1ECE6;
  80 }
  81 div.loginbox {
  82   border: 1px solid #F1ECE6;
  83 }
  84 .loginbox.twocolumns .loginpanel {
  85   border-right: 1px solid #F1ECE6;
  86 }
  87 div.noticebox {
  88   background-color: #EEEEEE;
  89   border-width: 1px;
  90   border-style: solid;
  91   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
  92 }
  93 div#notice.generalbox {
  94   border-style: none;
  95 }
  96 div.generalbox {
  97   border: 1px solid #F1ECE6;
  98 }
  99 div.generalbox.ccbox {
 100   border-style: none;
 101 }
 102 div.ccbox {
 103   border-style: none;
 104 }
 105 table.generalbox {
 106   border-top-width: 1px;
 107   border-style: solid none none;
 108   border-top-color: #DDDDDD;
 109 }
 110 table.generaltable th.header {
 111   padding-bottom: 10px;
 112   border-width: 1px;
 113   border-style: solid;
 114   border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
 115 }
 116 table.generaltable td.cell {
 117   white-space: normal;
 118   border-color: #DDDDDD;
 119 }
 120 div.informationbox {
 121   background-color: #f1ece6;
 122   border: 1px solid;
 123   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
 124 }
 125 table.userinfobox {
 126   border: 1px solid #DDDDDD;
 127   margin: 0 auto 5px;
 128 }
 129 div.errorbox {
 130   background-color: #E88;
 131   border-color: #660000;
 132 }
 133 table.environmenttable span.error {
 134   background-color: #E88;
 135   color: inherit;
 136 }
 137 p.copyright {
 138   text-align: center;
 139 }
 140 body#admin-index div.adminwarning {
 141   border-style: none;
 142   margin: 20px 30px;
 143 }
 144 body#admin-index .c1 {
 145   vertical-align: top;
 146 }
 147 td.cell {
 148   vertical-align: top;
 149 }
 150 div.headermenu {
 151   margin: 0;
 152   padding: 3px;
 153   font-size: 0.75em;
 154 }
 155 div.headermenu div.logininfo {
 156   margin-bottom: 0.2em;
 157 }
 158 div.breadcrumb {
 159   font-size: 0.8em;
 160   padding-left: 0.3em;
 161 }
 162 div.navbar div.navbutton form {
 163   float: left;
 164 }
 165 div.navbar div.navbutton {
 166   margin-top: 3px;
 167 }
 168 div.navbar {
 169   padding: 3px 3px 6px 0;
 170   margin: 5px 0 0 0;
 171   clear: both;
 172   background-color: #FFFFFF;
 173   background-image: url(pix/header.png);
 174   background-repeat: repeat-x;
 175   background-position: center bottom;
 176   border-right-width: 1px;
 177   border-left-width: 1px;
 178   border-style: none solid;
 179   border-right-color: #cccccc;
 180   border-left-color: #cccccc;
 181 }
 182 div#footer {
 183   font-size: 0.75em;
 184   padding: 0;
 185   margin: 5px auto;
 186   border-style: none;
 187 }
 188 div#content {
 189   padding: 0;
 190   font-size: 0.75em;
 191   line-height: 1.6em;
 192   clear: both;
 193   border-top-style: none;
 194   border-bottom-style: none;
 195 }
 196 ul.section li {
 197   margin: 0.2em 0;
 198 }
 199 div.sideblock div.content * {
 200   text-align: left;
 201 }
 202 div.calendar-controls a.next {
 203   text-align: right;
 204 }
 205 div.block_login div.content div.c1 {
 206   text-align: right;
 207   margin: 0.3em 0;
 208 }
 209 div.block_login div.content div.btn input {
 210   text-align: center;
 211 }
 212 div.block_adminblock {
 213   min-width: 210px;
 214 }
 215 div.sideblock ul.list span.c1 {
 216   padding-left: 0;
 217 }
 218 div.sideblock div.title h2 {
 219   font-size: 1em;
 220   line-height: 1.1em;
 221 }
 222 div.sideblock div.header {
 223   padding: 0;
 224   border-style: none;
 225 }
 226 div.sideblock div.content {
 227   padding: 0.3em 0.3em 0.5em;
 228   border-style: none;
 229   background-color: #f1ece6;
 230 }
 231 div.sideblock table.minicalendar td.day {
 232   text-align: center;
 233   font-size: 0.9em;
 234 }
 235 div.sideblock table.minicalendar {
 236   border-style: none;
 237   margin-bottom: 0;
 238 }
 239 body#admin-lang h2.main {
 240   font-size: 1em;
 241   text-align: left;
 242 }
 243 body#course-index table.generalbox {
 244   background-color: #EEEEEE;
 245   border-width: 1px;
 246   border-style: solid;
 247   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
 248 }
 249 table.minicalendar th {
 250   padding: 0px 1px;
 251 }
 252 table.minicalendar td.today {
 253   line-height: 1.4em;
 254   border: 2px solid #0066FF;
 255 }
 256 div.sideblock table.minicalendar tr.weekdays {
 257   font-size: 0.8em;
 258 }
 259 div.coursebox {
 260   border-style: solid;
 261   border-color: #F1ECE6;
 262 }
 263 div.courseboxcontent {
 264   background-color: #EEEEEE;
 265   border-width: 1px;
 266   border-style: solid;
 267   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
 268 }
 269 td.courseboxcontent {
 270   background-color: #EEEEEE;
 271   border-width: 1px;
 272   border-style: solid;
 273   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
 274 }
 275 ul.tabrow td {
 276   border: 1px solid #88DD55;
 277 }
 278 ul.tabrow td.selected {
 279   border-top-width: 1px;
 280   border-right-width: 1px;
 281   border-left-width: 1px;
 282   border-style: solid solid none;
 283   border-top-color: #88DD55;
 284   border-right-color: #88DD55;
 285   border-left-color: #88DD55;
 286 }
 287 div.sideblock div.content div.message {
 288   text-align: left;
 289 }
 290 .sideblock .header .hide-show-image {
 291   margin-top: 0;
 292 }
 293 table#calendar td.event_global {
 294   background-color: #D6F8CD;
 295   border-color: #D6F8CD;
 296 }
 297 table.minicalendar td.event_global {
 298   background-color: #D6F8CD;
 299   border-color: #D6F8CD;
 300 }
 301 div.block_calendar_month td.event_global {
 302   background-color: #D6F8CD;
 303   border-color: #D6F8CD;
 304 }
 305 table#calendar td.event_course {
 306   background-color: #FFD3BD;
 307   border-color: #FFD3BD;
 308 }
 309 table.minicalendar td.event_course {
 310   background-color: #FFD3BD;
 311   border-color: #FFD3BD;
 312 }
 313 div.block_calendar_month td.event_course {
 314   background-color: #FFD3BD;
 315   border-color: #FFD3BD;
 316 }
 317 table#calendar td.event_group {
 318   background-color: #FEE7AE;
 319   border-color: #FEE7AE;
 320 }
 321 table.minicalendar td.event_group {
 322   background-color: #FEE7AE;
 323   border-color: #FEE7AE;
 324 }
 325 div.block_calendar_month td.event_group {
 326   background-color: #FEE7AE;
 327   border-color: #FEE7AE;
 328 }
 329 table#calendar td.event_user {
 330   background-color: #DCE7EC;
 331   border-color: #DCE7EC;
 332 }
 333 table.minicalendar td.event_user {
 334   background-color: #DCE7EC;
 335   border-color: #DCE7EC;
 336 }
 337 div.block_calendar_month td.event_user {
 338   background-color: #DCE7EC;
 339   border-color: #DCE7EC;
 340 }
 341 div.block_calendar_month div.filters table {
 342   background-color: inherit;
 343 }
 344 table#calendar td.maincalendar div.filters table {
 345   background-color: inherit;
 346 }
 347 table#calendar td.sidecalendar div.filters table {
 348   background-color: inherit;
 349 }
 350 h3.eventskey {
 351   font-size: 100%;
 352 }
 353 div.block_calendar_month div.content {
 354   padding: 0;
 355 }
 356 div.sideblock div.calendar-controls span.current {
 357   text-align: center;
 358 }
 359 table#calendar td.sidecalendar div.sideblock {
 360   border-color: #ccc;
 361 }
 362 table#calendar td.maincalendar {
 363   border-color: #ccc;
 364 }
 365 table#calendar td.nottoday {
 366   border-color: #ccc;
 367 }
 368 table.minicalendar td.today {
 369   border-color: #ccc;
 370 }
 371 table.minicalendar td.event_user {
 372   border: 1px solid  #ccc !important;
 373 }
 374 table.minicalendar td.event_group {
 375   border: 1px solid  #ccc !important;
 376 }
 377 table.minicalendar td.event_course {
 378   border: 1px solid  #ccc !important;
 379 }
 380 table.minicalendar td.event_global {
 381   border: 1px solid  #ccc !important;
 382 }
 383 table#calendar td.event_user {
 384   border: 1px solid  #ccc !important;
 385 }
 386 table#calendar td.event_group {
 387   border: 1px solid  #ccc !important;
 388 }
 389 table#calendar td.event_course {
 390   border: 1px solid  #ccc !important;
 391 }
 392 table#calendar td.event_global {
 393   border: 1px solid  #ccc !important;
 394 }
 395 body.admin table.generaltable {
 396   width: 100%;
 397 }
 398 body.admin div.generalboxcontent {
 399   background-color: inherit;
 400   border-style: none;
 401 }
 402 body.admin table.generalbox {
 403   background-color: inherit;
 404   border-style: none;
 405 }
 406 body.admin td.generalboxcontent {
 407   background-color: inherit;
 408   border-style: none;
 409 }
 410 body#course-view tr.section td.side {
 411   border-style: none;
 412 }
 413 body#course-view tr.current td.side {
 414   background: #f1ece6;
 415 }
 416 body#course-view tr.section td.content {
 417   padding-bottom: 1.5em;
 418   border-style: none;
 419 }
 420 div.que {
 421   border: 1px solid #F1ECE6;
 422 }
 423 td.sitetopiccontent {
 424   border-style: none;
 425 }
 426 body#site-index td.categoryboxcontent {
 427   border-style: none;
 428 }
 429 div.sideblock span.icon {
 430   display: block;
 431   float: left;
 432   margin-right: 0.3em;
 433 }
 434 div.sideblock ul.list li {
 435   clear: left;
 436   padding-left: 18px;
 437 }
 438 div.block_rss_client ul.list li {
 439   padding-left: 0;
 440 }
 441 div.block_messages div.content {
 442   font-size: inherit;
 443 }
 444 div.block_messages div.content div.info {
 445   text-align: left;
 446 }
 447 div.sideblock div.column.c0 {
 448   margin-left: -19px;
 449 }
 450 td.categoryboxcontent {
 451   background-color: #EEEEEE;
 452   border-width: 1px;
 453   border-style: solid;
 454   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
 455 }
 456 body#admin-roles-manage td.generalboxcontent table td {
 457   padding-left: 0.5em;
 458   padding-right: 0.5em;
 459 }
 460 body#admin-roles-override td.cell.c1 {
 461   padding-top: 0.5em;
 462 }
 463 body#admin-roles-assign td.cell.c3 {
 464   padding-top: 0.5em;
 465 }
 466 body#admin-roles-assign td.cell.c1 {
 467   padding-top: 0.5em;
 468 }
 469 body#admin-roles-override td.capcurrent {
 470   background-color: #eeeeee;
 471   border: 1px solid #cccccc;
 472 }
 473 body#admin-roles-manage td.capdefault {
 474   background-color: #dddddd;
 475   border: 1px solid #cecece;
 476 }
 477 body#admin-roles-manage tr.rolecap {
 478   border-style: none;
 479   border-bottom: 1px solid #cecece;
 480 }
 481 body#admin-roles-override tr.rolecap {
 482   border-style: none;
 483   border-bottom: 1px solid #cecece;
 484 }
 485 body#admin-roles-manage td.rolecap span.cap-desc span.cap-name {
 486   color: #888;
 487 }
 488 body#admin-roles-override td.rolecap span.cap-desc span.cap-name {
 489   color: #888;
 490 }
 491 div.breadcrumb span.sep {
 492   font-family: arial, sans-serif;
 493   color: #0066FF;
 494 }
 495 div.calendar-controls span.previous {
 496   font-family: arial, sans-serif;
 497 }
 498 div.calendar-controls span.next {
 499   font-family: arial, sans-serif;
 500   text-align: right;
 501 }
 502 div.sideblock div.header div.commands {
 503   height: 16px;
 504   background-color: #ffffff;
 505 }
 506 form#adminsettings fieldset {
 507   margin-top: 1em;
 508   padding: 0;
 509   background-color: inherit;
 510 }
 511 fieldset.adminsettings span.form-shortname {
 512   color: #AAAAAA;
 513   font-style: italic;
 514   font-size: 90%;
 515 }
 516 form#adminsettings span.form-shortname {
 517   color: #AAAAAA;
 518   font-style: italic;
 519   font-size: 90%;
 520 }
 521 form#adminsettings span.defaultinfo {
 522   color: #AAAAAA;
 523   font-style: italic;
 524   font-size: 90%;
 525   margin-left: 1.5em;
 526   padding-bottom: 0.2em;
 527 }
 528 fieldset.adminsettings {
 529   background-color: #EEEEEE;
 530   border-width: 1px;
 531   border-style: solid;
 532   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
 533 }
 534 form.mform div.textarea textarea {
 535   width: 35em;
 536 }
 537 form#adminsettings div.form-item {
 538
 539 /*background: url(pix/small_bg_gradient.png) repeat-x 0 bottom;*/
 540   border-top: 1px solid #F1ECE6;
 541 }
 542 form#adminsettings .form-label {
 543   padding-right: 0.3em;
 544   border-right: 1px solid #F1ECE6;
 545 }
 546 form#adminsettings div.form-htmlarea {
 547   width: 600px;
 548 }
 549 body#admin-lang div.generalbox {
 550   border-style: none;
 551 }
 552 body#admin-lang table.translator {
 553   border-color: #F1ECE6;
 554 }
 555 body#admin-langimport div.generalbox {
 556   border-style: none;
 557 }
 558 div.htmlarea iframe {
 559
 560 }
 561 div#header-home {
 562   position: relative;
 563   margin: 0;
 564 }
 565 div#header {
 566   position: relative;
 567   margin: 0;
 568 }
 569 td#left-column {
 570   padding-top: 10px;
 571   padding-right: 5px;
 572 }
 573 td#right-column {
 574   padding-top: 10px;
 575   padding-left: 5px;
 576 }
 577 table#layout-table {
 578   margin-top: 0;
 579   border-collapse: collapse;
 580   border-spacing: 0;
 581 }
 582 table#layout-table td#middle-column {
 583   padding: 10px 0 0;
 584 }
 585 div.sitetopic {
 586   border-style: none;
 587 }
 588 div.categorybox {
 589   border-style: solid;
 590   border-width: 1px;
 591   border-color: #EEEEEE;
 592 }
 593 div.mdescr div.images {
 594   text-align: center;
 595 }
 596 fieldset {
 597   border-style: none;
 598 }
 599 body#admin-auth td#middle-column {
 600   padding-bottom: 10px;
 601 }
 602 div.sideblock h2 {
 603   color: #333;
 604 }
 605 table.cal_popup_bg {
 606   background-color: #ffffff;
 607   border-color: #F1ECE6;
 608 }
 609 div.homelink {
 610   margin: 2px 0 0;
 611   padding: 0;
 612 }
 613 div.logininfo {
 614   white-space: nowrap;
 615 }
 616 div.bt div {
 617   font-size: 1px;
 618   line-height: 1%;
 619   height: 0;
 620   background-repeat: no-repeat;
 621   background-position: 0 0;
 622   background-color: transparent;
 623 }
 624 div.bt {
 625   background-repeat: no-repeat;
 626   background-position: 100% 0;
 627   text-align: left;
 628 }
 629 div.bb div {
 630   font-size: 1px;
 631   line-height: 1%;
 632   height: 0;
 633   background-repeat: no-repeat;
 634   background-position: 0 0;
 635   background-color: transparent;
 636 }
 637 div.bb {
 638   background-repeat: no-repeat;
 639   background-position: 100% 0;
 640   text-align: left;
 641 }
 642 div.i1 {
 643   background-repeat: repeat-y;
 644   background-position: 0 0;
 645   background-color: transparent;
 646 }
 647 div.i2 {
 648   background-repeat: repeat-y;
 649   background-position: 100% 0;
 650   background-color: transparent;
 651 }
 652 div.sideblock div.bt div {
 653   background-image: url(pix/box.png);
 654   height: 12px;
 655   left: -13px;
 656   position: relative;
 657   width: 13px;
 658 }
 659 div.sideblock div.bt {
 660   background-image: url(pix/box.png);
 661   margin: 0 0 0 13px;
 662   height: 12px;
 663   background-color: transparent;
 664 }
 665 div.sideblock div.header div.bt div {
 666   background-image: url(pix/box.png);
 667   background-repeat: no-repeat;
 668   background-position: 0 0;
 669   background-color: transparent;
 670   height: 12px;
 671   left: -13px;
 672   position: relative;
 673   width: 13px;
 674 }
 675 div.sideblock div.header div.bt {
 676   background-image: url(pix/box.png);
 677   background-repeat: no-repeat;
 678   background-position: 100% 0;
 679   margin: 0 0 0 13px;
 680   height: 12px;
 681   background-color: transparent;
 682 }
 683 div.sideblock div.header div.i1 {
 684   background-image: url(pix/borders.png);
 685   background-repeat: repeat-y;
 686   background-position: 0 0;
 687   background-color: transparent;
 688   padding: 0 0 0 12px;
 689 }
 690 div.sideblock div.header div.i2 {
 691   background-image: url(pix/borders.png);
 692   background-repeat: repeat-y;
 693   background-attachment: scroll;
 694   background-position: 100% 0;
 695   background-color: transparent;
 696   padding: 0 12px 0 0;
 697 }
 698 div.sideblock div.header div.i3 {
 699   padding: 0 0 5px;
 700   background-color: #ffffff;
 701   border-top-width: 1px;
 702   border-right-width: 0;
 703   border-bottom-width: 1px;
 704   border-style: solid none;
 705   border-top-color: #ffffff;
 706   border-bottom-color: #ffffff;
 707 }
 708 div.sideblock div.i1 {
 709   background-image: url(pix/beige_borders.png);
 710   background-repeat: repeat-y;
 711   background-position: 0 0;
 712   background-color: transparent;
 713   padding: 0 0 0 12px;
 714 }
 715 div.sideblock div.i2 {
 716   background-image: url(pix/beige_borders.png);
 717   background-repeat: repeat-y;
 718   background-attachment: scroll;
 719   background-position: 100% 0;
 720   background-color: transparent;
 721   padding: 0 12px 0 0;
 722 }
 723 div.sideblock div.i3 {
 724   background-color: #f1ece6;
 725   padding: 0;
 726   border-style: none;
 727 }
 728 div.sideblock div.bb div {
 729   background-image: url(pix/beige_box.png);
 730   background-repeat: no-repeat;
 731   background-position: 0 100%;
 732   background-color: transparent;
 733   height: 12px;
 734   left: -13px;
 735   position: relative;
 736   width: 13px;
 737 }
 738 div.sideblock div.bb {
 739   background-image: url(pix/beige_box.png);
 740   background-repeat: no-repeat;
 741   background-position: 100% 100%;
 742   margin: 0 0 0 13px;
 743   height: 12px;
 744   background-color: transparent;
 745 }
 746 td#left-column div.hidden div.header {
 747   border-bottom-style: none;
 748 }
 749 td#right-column div.hidden div.header {
 750   border-bottom-style: none;
 751 }
 752 td#middle-column div.bt div {
 753   background-image: url(pix/box.png);
 754   background-repeat: no-repeat;
 755   background-position: 0 0;
 756   background-color: transparent;
 757   height: 12px;
 758   left: -13px;
 759   position: relative;
 760   width: 13px;
 761 }
 762 td#middle-column div.bt {
 763   background-image: url(pix/box.png);
 764   background-repeat: no-repeat;
 765   background-position: 100% 0;
 766   margin: 0 0 0 13px;
 767   height: 12px;
 768   background-color: transparent;
 769 }
 770 td#middle-column div.i1 {
 771   background-image: url(pix/borders.png);
 772   background-repeat: repeat-y;
 773   background-position: 0 0;
 774   background-color: transparent;
 775   padding: 0 0 0 12px;
 776 }
 777 td#middle-column div.i2 {
 778   background-image: url(pix/borders.png);
 779   background-repeat: repeat-y;
 780   background-attachment: scroll;
 781   background-position: 100% 0;
 782   background-color: transparent;
 783   padding: 0 12px 0 0;
 784 }
 785 td#middle-column div.i3 {
 786   background-color: #FFFFFF;
 787   padding: 0 10px;
 788   border-width: 1px 0;
 789   border-style: solid;
 790   border-color: #FFFFFF;
 791 }
 792 td#middle-column div.bb div {
 793   background-image: url(pix/box.png);
 794   background-repeat: no-repeat;
 795   background-position: 0 100%;
 796   background-color: transparent;
 797   height: 12px;
 798   left: -13px;
 799   position: relative;
 800   width: 13px;
 801 }
 802 td#middle-column div.bb {
 803   background-image: url(pix/box.png);
 804   background-repeat: no-repeat;
 805   background-position: 100% 100%;
 806   margin: 0 0 0 13px;
 807   height: 12px;
 808   background-color: transparent;
 809 }
 810 td#middle-column div.bt div {
 811   z-index: 10;
 812 }
 813 div#footer div.bt div {
 814   background-image: url(pix/beige_box.png);
 815   background-repeat: no-repeat;
 816   background-position: 0 0;
 817   background-color: transparent;
 818   height: 12px;
 819   left: -13px;
 820   position: relative;
 821   width: 13px;
 822 }
 823 div#footer div.bt {
 824   background-image: url(pix/beige_box.png);
 825   background-repeat: no-repeat;
 826   background-position: 100% 0;
 827   margin: 0 0 0 13px;
 828   height: 12px;
 829   background-color: transparent;
 830   text-align: left;
 831 }
 832 div#footer div.i1 {
 833   background-image: url(pix/beige_borders.png);
 834   background-repeat: repeat-y;
 835   background-position: 0 0;
 836   background-color: transparent;
 837   padding: 0 0 0 12px;
 838 }
 839 div#footer div.i2 {
 840   background-image: url(pix/beige_borders.png);
 841   background-repeat: repeat-y;
 842   background-attachment: scroll;
 843   background-position: 100% 0;
 844   background-color: transparent;
 845   padding: 0 12px 0 0;
 846 }
 847 div#footer div.i3 {
 848   background-color: #f1ece6;
 849   padding: 0 10px;
 850   border-width: 1px 0;
 851   border-style: solid;
 852   border-color: #f1ece6;
 853 }
 854 div#footer div.bb div {
 855   background-image: url(pix/beige_box.png);
 856   background-repeat: no-repeat;
 857   background-position: 0 100%;
 858   background-color: transparent;
 859   height: 12px;
 860   left: -13px;
 861   position: relative;
 862   width: 13px;
 863 }
 864 div#footer div.bb {
 865   background-image: url(pix/beige_box.png);
 866   background-repeat: no-repeat;
 867   background-position: 100% 100%;
 868   margin: 0 0 0 13px;
 869   height: 12px;
 870   background-color: transparent;
 871   text-align: left;
 872 }
 873 div#header div.bt div {
 874   background-image: url(pix/beige_box.png);
 875   background-repeat: no-repeat;
 876   background-position: 0 0;
 877   background-color: transparent;
 878   height: 12px;
 879   left: -13px;
 880   position: relative;
 881   width: 13px;
 882 }
 883 div#header div.bt {
 884   background-image: url(pix/beige_box.png);
 885   background-repeat: no-repeat;
 886   background-position: 100% 0;
 887   margin: 0 0 0 13px;
 888   height: 12px;
 889   background-color: transparent;
 890 }
 891 div#header div.i1 {
 892   background-image: url(pix/beige_borders.png);
 893   background-repeat: repeat-y;
 894   background-position: 0 0;
 895   background-color: transparent;
 896   padding: 0 0 0 12px;
 897 }
 898 div#header div.i2 {
 899   background-image: url(pix/beige_borders.png);
 900   background-repeat: repeat-y;
 901   background-attachment: scroll;
 902   background-position: 100% 0;
 903   background-color: transparent;
 904   padding: 0 12px 0 0;
 905 }
 906 div#header div.i3 {
 907   background-color: #F1ECE6;
 908   padding: 10px 5px 0 5px;
 909   border-top-width: 1px;
 910   border-bottom-width: 1px;
 911   border-style: solid none;
 912   border-top-color: #F1ECE6;
 913   border-bottom-color: #F1ECE6;
 914 }
 915 div#header div.bb div {
 916   background-image: url(pix/beige_box.png);
 917   background-repeat: no-repeat;
 918   background-position: 0 100%;
 919   background-color: transparent;
 920   height: 12px;
 921   left: -13px;
 922   position: relative;
 923   width: 13px;
 924 }
 925 div#header div.bb {
 926   background-image: url(pix/beige_box.png);
 927   background-repeat: no-repeat;
 928   background-position: 100% 100%;
 929   margin: 0 0 0 13px;
 930   height: 12px;
 931   background-color: transparent;
 932 }
 933 div#header-home div.bt div {
 934   background-image: url(pix/beige_box.png);
 935   background-repeat: no-repeat;
 936   background-position: 0 0;
 937   background-color: transparent;
 938   height: 12px;
 939   left: -13px;
 940   position: relative;
 941   width: 13px;
 942 }
 943 div#header-home div.bt {
 944   background-image: url(pix/beige_box.png);
 945   background-repeat: no-repeat;
 946   background-position: 100% 0;
 947   margin: 0 0 0 13px;
 948   height: 12px;
 949   background-color: transparent;
 950 }
 951 div#header-home div.i1 {
 952   background-image: url(pix/beige_borders.png);
 953   background-repeat: repeat-y;
 954   background-position: 0 0;
 955   background-color: transparent;
 956   padding: 0 0 0 12px;
 957 }
 958 div#header-home div.i2 {
 959   background-image: url(pix/beige_borders.png);
 960   background-repeat: repeat-y;
 961   background-attachment: scroll;
 962   background-position: 100% 0;
 963   background-color: transparent;
 964   padding: 0 12px 0 0;
 965 }
 966 div#header-home div.i3 {
 967   background-color: #F1ECE6;
 968   padding: 10px 5px;
 969   border-top-width: 1px;
 970   border-bottom-width: 1px;
 971   border-style: solid none;
 972   border-top-color: #F1ECE6;
 973   border-bottom-color: #F1ECE6;
 974 }
 975 div#header-home div.i3 div.wraphome {
 976   background-color: #F1ECE6;
 977   border: 1px solid #F1ECE6;
 978   padding: 0 10px;
 979 }
 980 div#header-home div.bb div {
 981   background-image: url(pix/beige_box.png);
 982   background-repeat: no-repeat;
 983   background-position: 0 100%;
 984   background-color: transparent;
 985   height: 12px;
 986   left: -13px;
 987   position: relative;
 988   width: 13px;
 989 }
 990 div#header-home div.bb {
 991   background-image: url(pix/beige_box.png);
 992   background-repeat: no-repeat;
 993   background-position: 100% 100%;
 994   margin: 0 0 0 13px;
 995   height: 12px;
 996   background-color: transparent;
 997 }
 998 body.nolayouttable div#content div.bt div {
 999   background-image: url(pix/box.png);
1000   background-repeat: no-repeat;
1001   background-position: 0 0;
1002   background-color: transparent;
1003   height: 12px;
1004   left: -13px;
1005   position: relative;
1006   width: 13px;
1007 }
1008 body.nolayouttable div#content div.bt {
1009   background-image: url(pix/box.png);
1010   background-repeat: no-repeat;
1011   background-position: 100% 0;
1012   margin: 0 0 0 13px;
1013   height: 12px;
1014   background-color: transparent;
1015 }
1016 body.nolayouttable div#content div.i1 {
1017   background-image: url(pix/borders.png);
1018   background-repeat: repeat-y;
1019   background-position: 0 0;
1020   background-color: transparent;
1021   padding: 0 0 0 12px;
1022 }
1023 body.nolayouttable div#content div.i2 {
1024   background-image: url(pix/borders.png);
1025   background-repeat: repeat-y;
1026   background-attachment: scroll;
1027   background-position: 100% 0;
1028   background-color: transparent;
1029   padding: 0 12px 0 0;
1030 }
1031 body.nolayouttable div#content div.i3 {
1032   background-color: #FFFFFF;
1033   padding: 0 10px;
1034   border-width: 1px 0;
1035   border-style: solid;
1036   border-color: #FFFFFF;
1037 }
1038 body.nolayouttable div#content div.bb div {
1039   background-image: url(pix/box.png);
1040   background-repeat: no-repeat;
1041   background-position: 0 100%;
1042   background-color: transparent;
1043   height: 12px;
1044   left: -13px;
1045   position: relative;
1046   width: 13px;
1047 }
1048 body.nolayouttable div#content div.bb {
1049   background-image: url(pix/box.png);
1050   background-repeat: no-repeat;
1051   background-position: 100% 100%;
1052   margin: 0 0 0 13px;
1053   height: 12px;
1054   background-color: transparent;
1055 }
1056 /*info box section start */
1057 div#content div.ccbox div.bt div {
1058   background-image: url(pix/mask_box.png);
1059 }
1060 div#content div.ccbox div.bt {
1061   background-image: url(pix/mask_box.png);
1062 }
1063 div#content div.ccbox div.i1 {
1064   background-image: url(pix/mask_borders_le.png);
1065 }
1066 div#content div.ccbox div.i2 {
1067   background-image: url(pix/mask_borders_re.png);
1068 }
1069 div#content div.ccbox div.i3 {
1070   background-color: transparent;
1071   border-color: transparent;
1072 }
1073 div#content div.ccbox div.bb div {
1074   background-image: url(pix/mask_box.png);
1075 }
1076 div#content div.ccbox div.bb {
1077   background-image: url(pix/mask_box.png);
1078 }
1079 div#content div.ccbox div.bt div {
1080   z-index: 10;
1081 }
1082 div#content div.ccbox {
1083   background-image: url(pix/info_gradient.png);
1084   background-repeat: repeat-x;
1085   background-position: 50% 50%;
1086   padding: 0;
1087 }
1088 body#course-report div#content {
1089   padding: 0;
1090   margin: 10px 0;
1091 }
1092 /*info box section end */
1093 td#middle-column tr.section {
1094   background-image: url(pix/bottom_shadow_to_top.png);
1095   background-repeat: repeat-x;
1096   background-position: center bottom;
1097   border: 1px solid #F1ECE6;
1098 }
1099 td#middle-column tr.separator {
1100   background-image: none;
1101   height: 1.5em;
1102   border-style: none;
1103 }
1104 fieldset.clearfix {
1105   background-image: url(pix/bottom_shadow_to_top.png);
1106   background-repeat: repeat-x;
1107   background-position: center bottom;
1108 }
1109 th.header {
1110   background-image: url(pix/header.png);
1111   background-repeat: repeat-x;
1112   background-position: center bottom;
1113   background-color: #FFFFFF;
1114   padding-bottom: 5px;
1115 }
1116 form.mform legend {
1117   color: #0066ff;
1118   font-size: 120%;
1119 }
1120 div.coursebox div.summary {
1121   width: 45%;
1122 }
1123 body#mod-forum-view div.subscription {
1124   float: none;
1125   text-align: right;
1126   white-space: nowrap;
1127 }
1128 table.forumpost tr.header {
1129   background-image: url(pix/header.png);
1130   background-repeat: repeat-x;
1131   background-position: left bottom;
1132 }
1133 table.forumpost td.starter {
1134   background: inherit;
1135 }
1136 table.forumpost td.left {
1137   background: inherit;
1138 }
1139 table.forumpost td.picture {
1140   background: #fff;
1141 }
1142 table.forumpost {
1143   margin-top: 20px;
1144   border-style: none;
1145 }
1146 table.forumpost tr.header td.topic {
1147   padding-bottom: 10px;
1148   border-style: none;
1149 }
1150 table.forumpost div.commands {
1151   background-image: url(pix/bottom_shadow_to_top.png);
1152   background-repeat: repeat-x;
1153   background-position: center bottom;
1154   padding-bottom: 7px;
1155   border-top-width: 1px;
1156   border-bottom-width: 1px;
1157   border-style: solid none;
1158   border-top-color: #F1ECE6;
1159   border-bottom-color: #F1ECE6;
1160 }
1161 table.forumheaderlist {
1162   border-color: #F1ECE6;
1163 }
1164 table.forumheaderlist tr.discussion td {
1165   border-color: #F1ECE6;
1166 }
1167 td.content {
1168   border-right-width: 1px;
1169   border-right-style: solid;
1170   border-right-color: #F1ECE6;
1171 }
1172 div.glossarydisplay table.glossarypost {
1173   border-color: #F1ECE6;
1174 }
1175 div.glossarydisplay table.glossarycategoryheader {
1176   background-color: inherit;
1177 }
1178 div.glossarydisplay div.entrybox {
1179   border-color: #F1ECE6;
1180 }
1181 div.glossarydisplay hr {
1182   color: #F1ECE6;
1183   background-image: url(pix/bottom_shadow.png);
1184   background-repeat: repeat-x;
1185   background-position: left top;
1186   height: 10px;
1187   border-style: none;
1188 }
1189 body#mod-glossary-view div.glossarycontrol {
1190   float: none;
1191   text-align: right;
1192   white-space: nowrap;
1193   margin: 5px 0;
1194 }
1195 table.glossarypost div.concept h3 {
1196   display: inline;
1197 }
1198 table.glossarypost.continuous div.concept {
1199   display: inline;
1200 }
1201 div.mwiki div.tabtree {
1202   margin-top: 10px;
1203 }
1204 table#categoryquestions {
1205   margin-top: 10px;
1206 }
1207 div.que div.info {
1208   padding-bottom: 7px;
1209 }
1210 div.que div.ablock {
1211   padding-bottom: 5px;
1212   border-bottom-width: 1px;
1213   border-bottom-style: solid;
1214   border-top-style: none;
1215   border-bottom-color: #0066FF;
1216 }
1217 div.que div.qtext {
1218   background-image: url(pix/bottom_shadow_to_top.png);
1219   background-repeat: repeat-x;
1220   background-position: center bottom;
1221   padding-bottom: 7px;
1222   margin-bottom: 10px;
1223   padding-left: 5px;
1224   border-left-width: 1px;
1225   border-left-style: solid;
1226   border-left-color: #F1ECE6;
1227 }
1228 div.que div.content {
1229   margin: 5px 0 0;
1230 }
1231 body#course-user div.section {
1232   border: 1px solid #F1ECE6;
1233 }
1234 body#course-user div.tabtree {
1235   margin-bottom: 10px;
1236 }
1237 .tabrow0 div,
1238 .tabrow0 ul {
1239   top: 2em;
1240 }
1241 a.dimmed:link,
1242 a.dimmed:visited {
1243   color: #AAAAAA;
1244 }
1245 span.dimmed_text {
1246   color: #AAAAAA;
1247 }
1248 .dimmed_text {
1249   color: #AAAAAA;
1250 }
1251 tr.hidden div.summary {
1252   color: #AAAAAA;
1253 }
1254 tr.hidden td.left {
1255   color: #AAAAAA;
1256 }
1257 body#message-index div#header,
body#message-discussion div#header,
body#message-history div#header,
body#message-user div#header {
1258   display: none;
1259 }
1260 body#message-index div#footer,
body#message-discussion div#footer,
body#message-history div#footer {
1261   display: none;
1262 }
1263 body#message-index div#page,
body#message-user div#page,
body#message-history div#page {
1264   width: auto;
1265 }
1266 body#message-user div#page {
1267   margin: 0;
1268 }
1269 body#message-user div#content {
1270   padding: 0;
1271 }
1272 body#grade-index .grades th.header {
1273   font-weight: bold;
1274   font-size: 0.7em;
1275 }
1276 body.grade-edit-scale div.scale_options {
1277   font-size: 0.7em;
1278 }
1279 body.grade-report-grader table#user-grades tr.groupavg td.cell {
1280   font-weight: bold;
1281   color: #006400;
1282 }
1283 body.grade-report-grader table#user-grades {
1284   width: auto;
1285 }
1286 body.grade-report-grader table#user-grades tr.avg td.cell {
1287   font-weight: bold;
1288   color: #00008B;
1289 }
1290 body.grade-report-grader table#user-grades td.cat {
1291   font-weight: bold;
1292 }
1293 body.grade-report-grader table#user-grades td.course {
1294   font-weight: bold;
1295 }
1296 #admin-roles-override .capcurrent {
1297   background-color: #FFFFFF;
1298   border: 1px solid #cecece;
1299 }
1300 #admin-roles-manage .capdefault {
1301   background-color: #dddddd;
1302   border: 1px solid #cecece;
1303 }
1304 #admin-roles-manage .rolecap {
1305   border: none;
1306   border-bottom: 1px solid;
1307   border-bottom-color: #cecece;
1308 }
1309 #admin-roles-override .rolecap {
1310   border: none;
1311   border-bottom: 1px solid;
1312   border-bottom-color: #cecece;
1313 }
1314 #admin-roles-manage .rolecap .cap-desc .cap-name {
1315   color: #888;
1316 }
1317 #admin-roles-override .rolecap .cap-desc .cap-name {
1318   color: #888;
1319 }
1320 .plugincompattable {
1321   font-size: 90%;
1322   text-align: left;
1323 }
1324 .plugincompattable td.standard {
1325   font-weight: normal;
1326 }
1327 .plugincompattable td.nonstandard {
1328   font-weight: bold;
1329 }
1330 .plugincompattable td.missingplugin {
1331   font-weight: bold;
1332 }
1333 .plugincompattable td.warning {
1334   font-style: normal;
1335 }
1336 .plugincheckwrapper {
1337   text-align: center;
1338 }
1339 .plugincompattable td.ok {
1340   color: #008000;
1341 }
1342 .plugincompattable td.warning {
1343   color: #DF7800;
1344 }
1345 .plugincompattable td.error {
1346   color: #DF0000;
1347 }
1348 .tag_cloud .s20 {
1349   font-size: 1.5em;
1350   font-weight: bold;
1351 }
1352 .tag_cloud .s19 {
1353   font-size: 1.5em;
1354 }
1355 .tag_cloud .s18 {
1356   font-size: 1.4em;
1357   font-weight: bold;
1358 }
1359 .tag_cloud .s17 {
1360   font-size: 1.4em;
1361 }
1362 .tag_cloud .s16 {
1363   font-size: 1.3em;
1364   font-weight: bold;
1365 }
1366 .tag_cloud .s15 {
1367   font-size: 1.3em;
1368 }
1369 .tag_cloud .s14 {
1370   font-size: 1.2em;
1371   font-weight: bold;
1372 }
1373 .tag_cloud .s13 {
1374   font-size: 1.2em;
1375 }
1376 .tag_cloud .s12,
1377 .tag_cloud .s11 {
1378   font-size: 1.1em;
1379   font-weight: bold;
1380 }
1381 .tag_cloud .s10,
1382 .tag_cloud .s9 {
1383   font-size: 1.1em;
1384 }
1385 .tag_cloud .s8,
1386 .tag_cloud .s7 {
1387   font-size: 1em;
1388   font-weight: bold;
1389 }
1390 .tag_cloud .s6,
1391 .tag_cloud .s5 {
1392   font-size: 1em;
1393 }
1394 .tag_cloud .s4,
1395 .tag_cloud .s3 {
1396   font-size: 0.9em;
1397   font-weight: bold;
1398 }
1399 .tag_cloud .s2,
1400 .tag_cloud .s1 {
1401   font-size: 0.9em;
1402 }