docs/themes/default/styles.css

   1 /************************************************************************/
   2 /* Transformable                                                        */
   3 /************************************************************************/
   4 /* Copyright (c) 2009                                                   */
   5 /* Adaptive Technology Resource Centre / University of Toronto          */
   6 /*                                                                      */
   7 /* This program is free software. You can redistribute it and/or        */
   8 /* modify it under the terms of the GNU General Public License          */
   9 /* as published by the Free Software Foundation.                        */
  10 /************************************************************************/
  11 /* @import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold); */
  12
  13 @font-face {
  14   font-family: 'Droid Sans';
  15   font-style: normal;
  16   font-weight: bold;
  17   src: local('Droid Sans'), url('fonts/DroidSans-Bold.ttf') format('truetype');
  18 }
  19
  20 @font-face {
  21   font-family: 'Droid Sans';
  22   font-style: normal;
  23   font-weight: normal;
  24   src: local('Droid Sans'), url('fonts/DroidSans.ttf') format('truetype');
  25 }
  26
  27 html,body{
  28   height:100%;
  29 }
  30 /* main body attributes */
  31 body {
  32   font-family: 'Droid Sans', Cantarell, Tahoma, Geneva,sans-serif;;
  33   font-size:.9em;
  34   margin:0px;
  35   background-color:  #FFFFFF;
  36   /* background-image:url('images/texture_bg.png'); */
  37 }
  38 p {
  39     /*text-align: justify;*/
  40   line-height: 150%;
  41   font-size: 1em;
  42 }
  43 p a {
  44   text-decoration: underline;
  45 }
  46 p a:visited {
  47   color: #3F2670;
  48   background-color: transparent;
  49 }
  50 p a:active {
  51   color: #A50707;
  52   background-color: transparent;
  53 }
  54 h1, h2, h3, h4, h5, h6 {
  55   color: #000000;
  56   clear: right;
  57   font: 100% Verdana, Helvetica, Arial, sans-serif;
  58   font-weight: bold;
  59   margin: 0;
  60   padding-top: 0.5em;
  61   /*border-bottom: 1px solid #B8AE9C;*/
  62 }
  63 h1 {
  64   font-size: 160%;
  65   color: #000;
  66 }
  67 h2 {
  68     font-size: 120%;
  69 }
  70 h3 {
  71     font-size: 100%;
  72 }
  73 h4 {
  74     font-size: 90%;
  75 }
  76 h5 {
  77     font-size: 100%;
  78 }
  79 p.subgroup {
  80   margin:0 0 0 2em;
  81 }
  82 /* list attributes */
  83 ul {
  84   margin-bottom: 0px;
  85   margin-top: 0px;
  86   margin-right: 0px;
  87 }
  88 li {
  89   margin-bottom: 0px;
  90   margin-top: 0px;
  91   margin-right: 0px;
  92 }
  93 img {
  94   border: none;
  95 }
  96 ul.msg {
  97   line-height: 150%
  98 }
  99 li.msg_err, li.msg_info {
 100   margin-bottom: 30px;
 101   margin-top: 0px;
 102   margin-right: 10px;
 103   margin-left: 10px;
 104   font-size: 110%;
 105   list-style: none;
 106 }
 107
 108 /* span attributes */
 109 span.err_type{
 110   padding: .1em .5em;
 111   font-size: smaller;
 112 }
 113 span.msg{
 114   line-height: 150%;
 115 }
 116 span.congrats_msg{
 117   line-height: 120%;
 118   color: green;
 119   padding: 1em 1em;
 120   font-size: large;
 121   font-weight: bold;
 122   white-space:nowrap;
 123 }
 124 span.info_msg{
 125   line-height: 100%;
 126   color: blue;
 127   padding: 1em 1em;
 128   font-size: large;
 129   font-weight: bold;
 130 }
 131 span.padding_left {
 132   padding-left: 1em;
 133 }
 134 em {
 135   font-weight: bold;
 136 }
 137 span.small_font {
 138   font-size: smaller;
 139 }
 140
 141 /* link attributes */
 142 a:link, a:visited  {
 143   color: #1A4A72;
 144 }
 145 a:hover {
 146   color: #932318;
 147   color:#ffffff;
 148 }
 149 a:active {
 150   color: #932318;
 151 }
 152 /* align text to the left */
 153 .left {
 154   text-align: left;
 155 }
 156
 157 /* main submit button */
 158
 159 input[type=button] {
 160   cursor:pointer;
 161   border:outset 1px #ccc;
 162   font-weight:bold;
 163   padding: 1px 2px;
 164 }
 165 input[type=submit] {
 166   cursor:pointer;
 167   border:outset 1px #ccc;
 168   font-weight:bold;
 169 }
 170 input[type=text] {
 171   cursor:pointer;
 172   border-bottom:solid 1px #ccc;
 173   border-right:solid 1px #ccc;
 174   border-top:solid 1px #000;
 175   border-left:solid 1px #000;
 176   font-weight:bold;
 177   background:#fff;
 178   padding: 1px 2px;
 179 }
 180 .button:focus {
 181   border:1px solid #A50707;
 182   background-color:  #FFDAB9;
 183 }
 184 /* small submit button at top */
 185 .button2 {
 186   background-color: #E9F4F3;
 187 }
 188 .button2:focus {
 189   background-color: #E9F4F3;
 190   border:  #ACCFCC  solid 1px;
 191 }
 192 .center {
 193   text-align: center;
 194 }
 195 /* paging */
 196 div.paging {
 197   width: 100%;
 198   text-align: center;
 199   margin: 0.5em auto;
 200   font-size: smaller;
 201 }
 202 div.paging ul {
 203   list-style: none;
 204   display: inline;
 205   padding: 0px;
 206 }
 207 div.paging li {
 208   display: inline;
 209   padding-left: 1px;
 210   padding-right: 1px;
 211 }
 212 div.paging li a {
 213   padding-left: 4px;
 214   padding-right: 4px;
 215 }
 216 div.paging li a:hover, div.paging li a.current {
 217    color: #FFA20C;
 218 }
 219 /* floating layout */
 220 #contentwrapper{
 221   width: 99%;
 222 }
 223 #contentcolumn {
 224   margin-left: 0.5em;
 225   padding-right: 5px;
 226 }
 227 #contentcolumn_shiftright {
 228   margin-left: 18em;
 229 }
 230 #leftcolumn{
 231   float: left;
 232   width: 17em;
 233   margin-left: 5px;
 234   margin-top:-10px;
 235 }
 236 #footer{
 237   /*position:absolute;
 238   bottom:0px;*/
 239   clear: left;
 240   width: 100%;
 241   text-align: center;
 242   padding: 4px 0px;
 243 }
 244 #side-menu{
 245   overflow:hidden;
 246   padding:.2em;
 247 }
 248
 249 /* sequence links */
 250 div#sequence-links {
 251   float:right;
 252   padding-right: 5px;
 253   padding-top:.3em;
 254 }
 255 div#sequence-links a {
 256   text-decoration: none;
 257 }
 258
 259 /***************************************************************/
 260 /* NEW STUFF */
 261 table.tabbed-table {
 262   width: 100%;
 263   border:1px black solid;
 264 }
 265 table.tabbed-table th#left-empty-tab {
 266   background-color: transparent;
 267   width: 15px;
 268   border-bottom: 1px solid #B8AE9C;
 269 }
 270 table.tabbed-table th#right-empty-tab {
 271   text-align: right;
 272   background-color: transparent;
 273   border-bottom: 1px solid #B8AE9C;
 274   width: 400px;
 275   padding-right: 5px;
 276 }
 277 table.tabbed-table th#right-empty-tab a {
 278   text-decoration: underline;
 279 }
 280 table.tabbed-table th.tab-spacer {
 281   background-color: transparent;
 282   width: 5px;
 283   border-bottom: 1px solid #B8AE9C;
 284 }
 285 table.tabbed-table td.tab-spacer {
 286   background-color: transparent;
 287   width: 5px;
 288   border-bottom: 1px solid #B8AE9C;
 289 }
 290
 291
 292 table.tabbed-table th.tab {
 293   padding-top: 2px;
 294   padding-bottom: 2px;
 295   width: 110px;
 296   background-color: #E9F4F3;
 297   border-bottom: 1px solid #B8AE9C;
 298   border-left: 1px solid #B8AE9C;
 299   border-top: 1px solid #B8AE9C;
 300   border-right: 1px solid #B8AE9C;
 301 }
 302 table.tabbed-table th.tab:hover {
 303   background-color: #ACCFCC;
 304 }
 305
 306 table.tabbed-table th.tab a:focus {
 307   color: white;
 308 }
 309 table.tabbed-table th.selected {
 310   padding-top: 2px;
 311   padding-bottom: 2px;
 312   width: 110px;
 313   background-color: #ACCFCC;
 314   border-left: 1px solid #B8AE9C;
 315   border-top: 1px solid #B8AE9C;
 316   border-right: 1px solid #B8AE9C;
 317 }
 318
 319 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
 320   color: black;
 321   text-decoration: none;
 322 }
 323
 324 #banner h1 {
 325   display: inline;
 326   font-size: 130%;
 327 }
 328 #banner {
 329   /* border: 1px #365D95 solid; */
 330   margin: 1.5em 1em 0em 1em;
 331   /* border-bottom: black 1px solid; */
 332   padding-top:4px;
 333   padding-left:4px;
 334   vertical-align:middle;
 335 }
 336 #banner a:visited {
 337   color: #365D95;
 338 }
 339 #banner a:hover {
 340   color: white; background-color: #365D95
 341 }
 342 #banner a:active {
 343   color: white; background-color: #365D95
 344 }
 345 #banner #logininfo {
 346   font-size: small;
 347   font-weight:bold;
 348   margin-left: 10px;
 349   margin-top: 2px;
 350   color: black;
 351   background-color: white;
 352   padding-left: 70%;
 353   padding-right: 5px;
 354 }
 355
 356 #logininfo {
 357 float:right;
 358   font-size: small;
 359   font-weight:bold;
 360   margin-left: 10px;
 361   margin-top: 2px;
 362   color: black;
 363   background-color: transparent;
 364   padding-left: 70%;
 365   padding-right: 5px;
 366 }
 367 #banner #versioninfo {
 368   font-size: 8pt;
 369   margin-right: 500px;
 370   margin-top: 2px;
 371   position: absolute;
 372   right: 0px;
 373   top: 0px;
 374   color: black;
 375   background-color: white;
 376   padding-left: 5px;
 377   padding-right: 5px;
 378 }
 379 #versioninfo{
 380 float:right;
 381 clear:right;
 382 }
 383 h2 #title {
 384   padding: 0px 0px 0px 0px;
 385   margin: 0px 0px 0px 0px;
 386   color: #053188;
 387 }
 388 a#back-to {
 389   padding-left: 20px;
 390   background-image: url(images/back.gif);
 391   background-repeat: no-repeat;
 392   background-position: 0px 0px;
 393 }
 394 div#breadcrumbs {
 395     /* The path bar, including breadcrumbs and add to favorites */
 396   font-size: 0.85em;
 397   margin: 0em 2em 1em 2em;
 398   padding-left:4px;
 399 }
 400 h2.page-title {
 401   clear:right;
 402   margin-left:1em;
 403 }
 404 h1 {
 405    margin-bottom: 5px;
 406 }
 407 div#sub-menu {
 408     color: #555;
 409   background-color:#FAEBD7;
 410   padding-top: 3px;
 411    font-size:0.85em;
 412     border-top:1px solid #cccccc;
 413     height:2.1em;
 414 }
 415 div#sub-navigation {
 416    float:left;
 417 }
 418 div#subnavlistcontainer {
 419   width:95%;
 420   height:auto;
 421   height:1.6em;
 422 }
 423 ul#subnavlist {
 424   margin-top: 0px;
 425   font-size:.8em;
 426   margin-left:.5em;
 427 }
 428 ul#subnavlist li {
 429   background-color: #FFFFFF;
 430   list-style: none;
 431   display: inline-block;
 432   text-align:center;
 433   border-top:1px solid #cccccc;
 434   border-left:1px solid #cccccc;
 435   border-right:1px solid #cccccc;
 436   border-radius: .3em .3em 0em 0em;
 437   -moz-border-radius: .3em .3em 0em 0em;
 438   padding: .4em 1em .35em 1em ;
 439 }
 440 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li:hover{
 441   color: black;
 442   text-decoration:none;
 443   background-color: #FFF5EE;
 444   height:1.2em;
 445 }
 446 ul#subnavlist li.active{
 447   padding-bottom: .5em;
 448   background-color: #FFF5EE;
 449 }
 450 ul#subnavlist li a {
 451   /* The normal, unselected tabs. They are all links */
 452   color: #555;
 453   height: 1.0em;
 454   text-decoration:underline;
 455   font-weight:500;
 456 }
 457 div#subnavbacktopage {
 458   padding-top:5px;
 459   padding-left:5px;
 460   float:left;
 461 }
 462 a#guide {
 463   background-image: url('images/guide.png');
 464   background-repeat: no-repeat;
 465   background-position: 2px 2px;
 466   padding: 3px 10px 1px 25px;
 467   text-decoration:none;
 468   font-size:0.85em;
 469   float:right;
 470 }
 471 div#guide_box{
 472   background-color:#FAEBD7;
 473 /*
 474   border-left:1px solid #cccccc;
 475   border-right:1px solid #cccccc;
 476   border-bottom:1px solid #cccccc;
 477 */
 478   border-radius: 0em 0em .5em .5em;
 479   -moz-border-radius: 0em 0em .5em .5em;
 480   line-height:1.5em;
 481   float:right;
 482   margin-right:2em;
 483   padding:.1em;
 484 }
 485 div#guide {
 486   padding-right: 5px;
 487   float:right;
 488 }
 489 div#sub-navigation strong {
 490   color: black;
 491 }
 492 div#help {
 493   border-left: 1px solid black;
 494   border-right: 1px solid black;
 495   border-bottom: 1px solid black;
 496   padding-left: 5px;
 497   padding-right: 5px;
 498   padding-bottom: 5px;
 499   background-color: #F7F3ED;
 500   margin-left: 5px;
 501   margin-right: 5px;
 502   font-size: small;
 503 }
 504 h3#help-title {
 505   margin-left: 5px;
 506   margin-right: 5px;
 507   border-left: 1px solid black;
 508   border-right: 1px solid black;
 509   padding: 1px;
 510   background-color: #F7F3ED;
 511 }
 512 .line {
 513   border-bottom: 1px solid black;
 514 }
 515 div#help p {
 516   padding: 0px;
 517   margin: 0px;
 518 }
 519 div#toctoggle {
 520   float: left;
 521   padding-left: 10px;
 522 }
 523 h1#section-title {
 524   float: left;
 525   white-space:nowrap;
 526   margin-left:1em;
 527   margin-bottom: -0.5em;
 528 }
 529 div#top-links {
 530   float:right;
 531   padding-right: 5px;
 532   margin-right:205px;
 533   margin-top:1em;
 534   white-space:nowrap;
 535 }
 536 div#top-links a:link, div#top-links a:visited {
 537   text-decoration:none;
 538   margin-left:10px;
 539 }
 540 div#top-links a:focus{
 541   color:black;
 542   background-color:#F6EAD6;
 543 }
 544
 545 /* for filter tables */
 546 table.filter {
 547   clear:left;
 548   margin-left: auto;
 549   margin-right: auto;
 550   text-align: left;
 551 }
 552 table.filter th {
 553   font-weight: bold;
 554 }
 555 table.filter td {
 556   padding: 5px;
 557   white-space: nowrap;
 558 }
 559
 560 /* for data tables */
 561 table.data {
 562   clear:right;
 563   width: 95%;
 564   margin-right: auto;
 565   margin-left: auto;
 566   text-align: left;
 567 }
 568 table.data th {
 569   background-color: #F6EAD6;
 570   padding: 3px;
 571   white-space: nowrap;
 572 }
 573 table.data th a {
 574   color: #595241;
 575   padding-right: 15px;
 576   margin-right: 15px;
 577   background-image: url('../default/images/sort.gif');
 578   background-repeat: no-repeat;
 579   background-position: right;
 580 }
 581 table.data tbody {
 582   border-top: 1px solid #B8AE9C;
 583   border-bottom: 1px solid #B8AE9C;
 584 }
 585 table.data tbody th {
 586   text-align: left;
 587   background-color: #F7F3ED;
 588   cursor: auto;
 589 }
 590 table.data td {
 591   padding: 3px;
 592 }
 593 table.data tbody tr:hover {
 594   background-color: #efefef;
 595   cursor: pointer;
 596 }
 597 table.data tbody tr.selected {
 598   background-color: #E9F4F3;
 599   cursor: auto;
 600 }
 601 table.data tfoot {
 602   background-color: #F7F3ED;
 603   /*border-top: 1px solid #B8AE9C;*/
 604 }
 605 table.data tfoot tr:first-child td {
 606   /*border-top: 1px solid #B8AE9C;*/
 607   padding: 5px;
 608   background-image: url('images/arrow_ltr.gif');
 609   background-repeat: no-repeat;
 610   background-position: 4px 5px;
 611   padding-left: 40px;
 612 }
 613 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
 614   border-top: 1px solid #B8AE9C;
 615   padding: 15px;
 616   background-image: none;
 617   padding-left: 0px;
 618 }
 619 /*buttons*/
 620 table.data tfoot input {
 621   background-color: #efefef;
 622   font-weight: normal;
 623   border:  #AAA  solid 1px;
 624 }
 625 table.data tfoot input:focus {
 626   background-color: #FFDAB9;
 627   border:  #AAA  solid 1px;
 628 }
 629
 630 /* used for static tables with no form elements: */
 631 table.data.static tbody tr:hover {
 632   background-color: transparent;
 633   cursor: auto;
 634 }
 635 .data-table-tip {
 636   margin-left: 2em;
 637 }
 638 div#error {
 639   width: 50%;
 640   margin-left: auto;
 641   margin-right: auto;
 642   margin-top: 15px;
 643   margin-bottom: 15px;
 644   border: 1px solid #DD0000;
 645   padding: 5px;
 646   background-color: #F4DCDC;
 647   color: #A50707;
 648   background-color: #F4DCDC;
 649   padding-left: 25px;
 650   font-weight: bold;
 651   border-radius:.3em .3em .3em .3em;
 652   -moz-border-radius:.3em .3em .3em .3em;
 653 }
 654 div#error h4 {
 655   color: black;
 656   margin-left: 0px;
 657 }
 658 div#error ul, div#feedback ul, div#help ul {
 659   position: relative;
 660   list-style: none;
 661   margin-left: 0px;
 662   padding-left: 0px;
 663
 664 }
 665 div#error ul li{
 666   margin-top: 5px;
 667 }
 668 div#feedback {
 669   width: 50%;
 670   margin-left: auto;
 671   margin-right: auto;
 672   margin-top: 15px;
 673   margin-bottom: 15px;
 674   border: 1px solid #17B506;
 675   padding: 5px;
 676   background-color: #F2FCF0;
 677   color: #595241;
 678   font-weight: bold;
 679   border-radius:.3em .3em .3em .3em;
 680   -moz-border-radius:.3em .3em .3em .3em;
 681 }
 682 div#help {
 683   width: 50%;
 684   margin-left: auto;
 685   margin-right: auto;
 686   margin-top: 15px;
 687   margin-bottom: 15px;
 688   border: 1px solid #ACCFCC;
 689   padding: 5px;
 690   background-color: #E9F4F3;
 691   color: #024C41;
 692   border-radius:.3em .3em .3em .3em;
 693   -moz-border-radius:.3em .3em .3em .3em;
 694 }
 695 div#info {
 696   width: 50%;
 697   margin-left: auto;
 698   margin-right: auto;
 699   margin-top: 15px;
 700   margin-bottom: 15px;
 701   border: 1px solid #B8AE9C;
 702   padding: 5px;
 703   background-color: #EFE6FF;
 704   color: #595241;
 705   font-weight: bold;
 706   border-radius:.3em .3em .3em .3em;
 707   -moz-border-radius:.3em .3em .3em .3em;
 708 }
 709 div#warning {
 710   width: 50%;
 711   margin-left: auto;
 712   margin-right: auto;
 713   margin-top: 15px;
 714   margin-bottom: 15px;
 715   border: 1px solid #FF8400;
 716   padding: 5px;
 717   background-color: #FFF6ED;
 718   color: #D95900;
 719   font-weight: bold;
 720   border-radius:.3em .3em .3em .3em;
 721   -moz-border-radius:.3em .3em .3em .3em;
 722 }
 723 acronym {
 724   cursor: help;
 725 }
 726 .required {
 727   font-weight: bold;
 728   color: red;
 729   padding-right: 2px;
 730 }
 731 form {
 732   clear: none;
 733   display:inline;
 734 }
 735 h3.indent {
 736   width: 90%;
 737   padding: 0px 0px 10px 60px;
 738 }
 739 h4.box {
 740   font-size:0.85em;
 741   padding: 3px;
 742   background-color:#FAEBD7;
 743   /*border-top: 1px solid #B8AE9C;
 744   border-left: 1px solid #B8AE9C;
 745   border-right: 1px solid #B8AE9C;
 746   */
 747   -moz-border-radius:.5em .5em 0em 0em;
 748   border-radius:.5em .5em 0em 0em;
 749 }
 750 div.box {
 751   padding: 5px;
 752   background-color: #FAEBD7;
 753   color: black;
 754   /*
 755   border-left: 1px solid #B8AE9C;
 756   border-right: 1px solid #B8AE9C;
 757   border-bottom: 1px solid #B8AE9C;
 758   */
 759   font-size:0.8em;
 760   font-weight: normal;
 761   padding:2px;
 762   -moz-border-radius:.0em .0em .5em .5em;
 763   border-radius:.0em .0em .5em .5em;
 764 }
 765 h5.box {
 766   background-color: #6F7172;
 767   border: 1px solid #B8AE9C;
 768   border-style: solid solid none solid;
 769   color: Black;
 770   padding: 0em 1em 0em 1em;
 771   display: inline;
 772   font-size:  1em;
 773   height: 1em;
 774 }
 775 div.box a:link {
 776   text-decoration: none;
 777 }
 778 div.box a:visited {
 779   color: #2A6C28;
 780   text-decoration: none;
 781 }
 782 div.box a:hover {
 783   text-decoration: underline;
 784 }
 785 .boxDetails {
 786   text-align: right;
 787 }
 788 div.box .content {
 789   padding: 1em;
 790   font-size:  1em;
 791 }
 792 div.box a.close {
 793   float: right;
 794   text-transform: none;
 795   border-left: 1pt solid #B8AE9C;
 796   padding: 0em 0.2em;
 797 }
 798 div.box h1,
 799 div.box h2,
 800 div.box h3,
 801 div.box h4 {
 802     margin: 0;
 803     padding: 0;
 804 }
 805 div.box .even {
 806     background-color: #F7F3ED;
 807 }
 808 div.box .odd {
 809     background-color: transparent;
 810 }
 811 div#container {
 812   text-align: left;
 813   margin: 0px auto;
 814   padding: 0px;
 815   border:0;
 816   width: 95%;
 817 }
 818 div#menutoggle{
 819   text-align: right;
 820   padding-bottom: 10px;
 821   padding-right: 10px;
 822   float: left;
 823   margin-top: 10px;
 824   padding-right: 5px;
 825   font-size:0.95em;
 826 }
 827
 828 /*** header ***/
 829 /*
 830 ul.topnavlist {
 831   padding-top: 10px;
 832   white-space: nowrap;
 833   list-style-position:inside;
 834   list-style: disc inside;
 835   line-height:1.0em;
 836   border:1px solid black;
 837 }
 838 ul.topnavlist li {
 839   list-style: none;
 840   list-style-position:inside;
 841   display: inline;
 842   margin: 0px;
 843 }
 844 ul.topnavlist li a:hover, ul.topnavlist li a:focus, ul.topnavlist li a.active {
 845     background-color: #FAEBD7;
 846     color: black;
 847     text-decoration:none;
 848     line-height:1.6em;
 849 }
 850 ul.topnavlist li a {
 851   color: #555;
 852   font-weight:bold;
 853   padding: 0em .5em 0em;
 854   text-decoration:none;
 855   background-color:white;
 856 }
 857 ul.topnavlist li a.selected {
 858     color: #555;
 859     font-weight: normal;
 860 }
 861 */
 862 ol.remove-margin-left {
 863   margin-left:-3em;
 864 }
 865 /*  form fields grouping for WCAG 2.0 conformance*/
 866 fieldset.group_form{
 867   margin:.5em;
 868   min-height: 40px;
 869 border:none;
 870
 871 }
 872 legend.group_form{
 873   background-color: #eeeeee;
 874   font-weight: 600;
 875   color: black;
 876   height:1.5em;
 877   display:none;
 878 }
 879 fieldset.group_form1{
 880   margin:.5em;
 881   min-height:15em;
 882 }
 883 table.qdb_table{
 884   width:100%;
 885 }
 886 table.qdb_table td{
 887   vertical-align:top;
 888 }
 889 /* highlight active links for WCAG 2.0 conformance */
 890 a:active,a:hover,a:focus{
 891   background-color:#FAEBD7;
 892   color:#000000;
 893 }
 894 .highlight, a.highlight {
 895   background-color: #5B8E88;
 896   color: white;
 897 }
 898 .selected {
 899   font-size : 14px;
 900   color : black;
 901   background: #E6E6E6;
 902   font-weight : bold;
 903   padding: 2px;
 904   width: 45%;
 905 }
 906
 907 table.form-data th,table.form-data td {
 908   padding: 4px;
 909 }
 910 table.form-data{
 911   width:80%;
 912 }
 913 th.box {
 914   border-bottom: #006699 solid 1px;
 915   color: white;
 916   background-color: #006699;
 917 }
 918 table.box {
 919   background-color: white;
 920   border-right: #006699 solid 1px;
 921   border-left: #006699 solid 1px;
 922   border-top: #006699 solid 1px;
 923   margin-right: 500px;
 924   margin-bottom: 10px;
 925 }
 926 table.box th, table.box td {
 927   border-bottom: #006699 solid 1px;
 928   font-size: smaller;
 929 }
 930 #source ol {
 931   background:#F6EAD6 none repeat scroll 0 0;
 932   border:1px solid black;
 933   font-family:"Bitstream Vera Sans Mono",monospace;
 934   list-style-position:inside;
 935   list-style-type:decimal;
 936   margin-top:1em;
 937   line-height: 200%;
 938 }
 939 img.inline-badge {
 940   float:left;
 941   margin-left:3em;
 942   padding:12px;
 943 }
 944 pre.badgeSnippet {
 945   margin-bottom:2em;
 946   margin-left:108px;
 947   padding-left:3em;
 948 }
 949
 950 /* Liquid Round theme elements */
 951 #liquid-round {
 952   background-image:url('images/books_top.jpg');
 953   background-repeat:repeat-x;
 954   width:99%;
 955   margin-left:auto;
 956   margin-right:auto;
 957 }
 958
 959 /*
 960 #liquid-round {
 961 background-color:#ffffff;
 962 background-image:url('images/books_top.jpg');
 963 background-repeat:repeat-x;
 964 border:1px solid #000000;
 965 width:97%;
 966 margin-top:.2em;
 967 margin-left:auto;
 968 margin-right:auto;
 969 -moz-border-radius:.8em .8em .8em .8em;
 970 border-radius:.8em .8em .8em .8em;
 971
 972 }
 973 */
 974 .top {
 975   width:100%;
 976   height:15px;
 977 }
 978 .top span {
 979   display:block;
 980   position:relative;
 981   height:20px;
 982 }
 983 .center-content {
 984   position:relative;
 985   padding:1px 0px 1px 0px;
 986   margin:-1px 0 -50px 0;
 987 }
 988 .bottom {
 989   margin-left:auto;
 990   margin-right:auto;
 991   height:60px;
 992 /*  background-image:url('images/trans_logo2.png'); */
 993   background-repeat: no-repeat;
 994   background-position:98% 0%;
 995 }
 996 .bottom span {
 997   display:block;
 998   position:relative;
 999   height:60px;
1000 }
1001
1002 /* Navigation tab style */
1003 div.topnavlistcontainer {
1004   margin-left:-2.5em;
1005 }
1006 .navigation a
1007 {
1008   color: #000;
1009   background-color: #ffffff;
1010   text-decoration: none;
1011   padding-left: 1em;
1012   padding-right: 1em;
1013   padding-top: .2em;
1014   padding-bottom: -.1em;
1015   font-weight:700;
1016   text-decoration:underline;
1017   margin-left:.1em;
1018   border-left:1px solid #cccccc;
1019   border-right:1px solid #cccccc;
1020   border-top:1px solid #cccccc;
1021   border-radius:.3em .3em 0em 0em;
1022   -moz-border-radius:.3em .3em 0em 0em;
1023 }
1024 .navigation li
1025 {
1026   list-style: none;
1027   list-style-position:inside;
1028   display: inline-block;
1029   margin: 0;
1030 }
1031 .navigation a:hover
1032 {
1033   color: #fff;
1034   background: #FAEBD7;
1035   text-decoration:underline;
1036   padding-bottom: -.4em;
1037   padding-top: .2em;
1038   padding-bottom: .1em;
1039 }
1040 .navigation a.active
1041 {
1042   background-color:#FAEBD7;
1043   padding-bottom: -.6em;
1044   font-weight:700;
1045   padding-top: .2em;
1046   padding-bottom: .1em;
1047 }
1048 #logo{
1049   float:left;
1050   clear:right;
1051   margin-left:2em;
1052 }
1053 ul.navigation li a:hover, ul.navigation li a:focus, ul.navigation li a.active {
1054   background-color:#FAEBD7;
1055   color: #000000;
1056   text-decoration:none;
1057 }
1058 ul.navigation li a.active{
1059   background-color: #FAEBD7;
1060   padding-right: 10px;
1061 }
1062
1063 /* course search result display */
1064 .results {
1065   margin: 0 16px;
1066   padding-right: 1em;
1067 }
1068 .search_top{
1069   white-space:nowrap;
1070   font-size:.8em;
1071   margin-right:1em;
1072   float:right;
1073 }
1074 #search_text_at_header{
1075   border:1px solid #cccccc;
1076   background-color:#ffffff;
1077   margin-right: .5em;
1078   border-radius:.3em .3em .3em .3em;
1079   -moz-border-radius:.3em .3em .3em .3em;
1080 }
1081 .search_top input[type=submit]{
1082   -moz-border-radius:.2em;
1083   border-radius:.2em;
1084   font-size:8pt;
1085   border:1px solid #cccccc;
1086 }
1087 li.course {
1088   font-size:smaller;
1089   margin:1em 0;
1090 }
1091 ol li{
1092   list-style:none;
1093 }
1094 div.box ol{
1095   list-style:none;
1096   list-style-position:inherit;
1097   padding:0px;
1098   margin:0px;
1099 }
1100 li.mine{
1101   background-image: url('images/my_own_course.gif');
1102   background-repeat: no-repeat;
1103   background-position: 0px 0px;
1104   padding-left: 18px;
1105   line-height:1.5em;
1106 }
1107 div.box ol li.theirs{
1108   list-style-position:outside;
1109   list-style-image: url('images/others_course.png');
1110   list-style-type: disc;
1111   /*list-style: disc inside url("themes/default/images/my_own_course.gif"); */
1112 }
1113 li.theirs{
1114   background-image: url('images/others_course.png');
1115   background-repeat: no-repeat;
1116   background-position: 0px 0px;
1117   padding-left: 18px;
1118   line-height:1.5em;
1119 }
1120 .results h3 {
1121   display:inline;
1122   font-size:small;
1123   font-weight:normal;
1124   margin:0;
1125   padding:0;
1126 }
1127
1128 /* content display */
1129 div#content-text {
1130   padding-right: 5pt;
1131   line-height:150%;
1132 }
1133 div#content-text li {
1134   margin-left: 15pt;
1135 }
1136 div#content-test {
1137   float: left;
1138   margin-top: 2em;
1139   padding-right: 5pt;
1140   width: 80%;
1141 }
1142 div#content-test ol{
1143   margin-right: 5pt;;
1144 }
1145 div#content-test ol ul li{
1146   list-style: none;
1147   padding: 0px 2px 0px 15px;
1148   margin-bottom: 1px;
1149   line-height: 200%;
1150   background-color: #fdfdfd;
1151   border-bottom: 1px solid #efefef;
1152   /* -moz-border-radius: 4px;  */
1153   border: 1px solid #eeeeff;
1154 }
1155 div#content-info {
1156   margin: 5pt;
1157   font-size: small;
1158   color: #b8ae9c;
1159   clear: both;
1160 }
1161 fieldset#shortcuts {
1162   float: right;
1163   background-color: #FEFDEF;
1164   border: 1pt solid #B8AE9C;
1165   margin: -5pt 5pt 5pt 5pt;
1166   padding-right: 10pt;
1167   padding-bottom: 5pt;
1168   padding-left: 10pt;
1169 }
1170 .shortcuts ul {
1171   position: relative;
1172   margin-top: 0pt;
1173   margin-bottom: 0pt;
1174   margin-left: 0pt;
1175   list-style-type:  none;
1176   padding-left: 0pt;
1177 }
1178 div.menuedit{
1179   float:right;
1180   margin-top:-1.2em;
1181 }
1182 .hidden {
1183   display: none;
1184 }
1185 .nowrap {
1186   white-space: nowrap;
1187 }
1188 .clickable {
1189   cursor: pointer;
1190 }
1191
1192 /* Content editor wrapper div */
1193 .editor_wrapper{
1194   border:1px solid #cccccc;
1195   border-radius:.5em;
1196   -moz-border-radius: .5em .5em .5em .5em;
1197   padding: .1em .5em .1em .5em ;
1198 }
1199 /* Content editor tabs */
1200 table.etabbed-table  {
1201   padding-left:.5em;
1202   font-size:10pt;
1203   width: 95%;
1204 }
1205 table.etabbed-table input[type=submit] {
1206   border:0;
1207 }
1208 table.etabbed-table td.tab-spacer {
1209   background-color: transparent;
1210   width: 5px;
1211 }
1212 .editor_buttontab {
1213   color:#000000;
1214   font-size:10pt;
1215   border:0;
1216   white-space: nowrap;
1217   background-color: #ffffff;
1218   margin: 0px;
1219   font-weight:500;
1220   padding:0em 0em .1em 0em;
1221 }
1222 .editor_tab{
1223   border-top: 1px solid #cccccc;
1224   border-left: 1px solid #cccccc;
1225   border-right: 1px solid #cccccc;
1226   border-bottom:0;
1227   margin-bottom:-.5em;
1228   white-space: nowrap;
1229   background-color: #ffffff;
1230   border-radius: .3em .3em 0em 0em;
1231   -moz-border-radius: .3em .3em 0em 0em;
1232   padding: 0em .5em 0em .5em ;
1233   height:1.4em;
1234   width:5%;
1235 }
1236 .editor_tab:hover, .editor_tab input[type=submit]:hover{
1237   background-color:#FAEBD7;
1238 }
1239
1240 .editor_tab_selected{
1241   border-top: 1px solid #cccccc;
1242   border-left: 1px solid #cccccc;
1243   border-right: 1px solid #cccccc;
1244   border-bottom: #FAEBD7;
1245   padding: .0em .5em 0em .5em ;
1246   background-color: #FAEBD7;
1247   font-weight:bold;
1248   white-space: nowrap;
1249   text-decoration:none;
1250   border-radius: .3em .3em 0em 0em;
1251   -moz-border-radius: .3em .3em 0em 0em;
1252   width:5%;
1253   height:1.5em;
1254 }
1255 .editor_tab input[type=submit]{
1256   height:1.2em;
1257 }
1258 .unsaved {
1259   color: red;
1260   background-color: #FFFDE0;
1261   font-weight: bold;
1262   margin-left:.5em;
1263 }
1264 .saved {
1265   background-color: #FFFDE0;
1266   margin: 10px;
1267 }
1268 .shortcut_icon{
1269   border:0;
1270   vertical-align:middle;
1271 }
1272 div.shortcuts{
1273   border-left:1px solid #cccccc;
1274   border-right:1px solid #cccccc;
1275   border-bottom:1px solid #cccccc;
1276   border-radius: 0em 0em .5em .5em;
1277   -moz-border-radius: 0em 0em .5em .5em;
1278   float:right;
1279   margin-right:2em;
1280   padding: 0.1em 0.3em 0.3em 0.5em;
1281   line-height: 1.5em;
1282 }
1283 .shortcuts ul {
1284   position: relative;
1285   margin-top: 0pt;
1286   margin-bottom: 0pt;
1287   margin-left: 0pt;
1288   list-style-type:  none;
1289   padding-left: 0pt;
1290 }
1291 .shortcuts li{
1292   display: inline;
1293 }
1294 dl.form_layout dt{
1295   text-align:center;
1296   float:left;
1297   clear:left;
1298   padding-bottom:.5em;
1299 }
1300 dl.form_layout dd{
1301   margin-left: 12em;
1302   padding-bottom:.5em;
1303 }
1304 ul#content-tool-links {
1305   list-style: none outside none;
1306 }
1307 ul#content-tool-links li{
1308   display: inline;
1309   float: left;
1310   width: 5em;
1311   padding: 0 3em 0 0;
1312   text-align: center;
1313   font-size: 0.7em;
1314   font-weight:bold;
1315   color: #1A4A72;
1316   line-height:120%;
1317 }
1318 ul#content-tool-links img{
1319   border: 0 none;
1320   display: block;
1321   padding-left: 10px;
1322 }
1323 .hidden {
1324   display: none;
1325 }
1326 .clickable {
1327   cursor: pointer;
1328 }
1329 .nowrap {
1330   white-space: nowrap;
1331 }
1332 .selected-sidemenu {
1333   font-weight:bold;
1334   color: #ffffff;
1335 }
1336 div#alternatives_shortcuts {
1337   float: right;
1338   margin: 0 2em;
1339   border-radius: .5em .5em .5em .5em;;
1340   -moz-border-radius: .5em .5em .5em .5em;
1341   border:1px solid #cccccc;
1342   padding-top: .2em;
1343   padding-left: .2em;
1344   padding-right: .2em;
1345 }
1346 #filesDiv{
1347   width:95%;
1348 }