1 

     2 /**

     3  * Generic elements

     4  */

     5 body {

     6   margin: 0;

     7   padding: 0;

     8   background: #edf5fa;

     9   font: 76%/170% Verdana, sans-serif;

    10   color: #494949;

    11 }

    12 

    13 input {

    14   font: 1em/100% Verdana, sans-serif;

    15   color: #494949;

    16 }

    17 

    18 textarea,

    19 select {

    20   font: 1em/160% Verdana, sans-serif;

    21   color: #494949;

    22 }

    23 

    24 h1,

    25 h2,

    26 h3,

    27 h4,

    28 h5,

    29 h6 {

    30   margin: 0;

    31   padding: 0;

    32   font-weight: normal;

    33   font-family: Helvetica, Arial, sans-serif;

    34 }

    35 

    36 h1 {

    37   font-size: 170%;

    38 }

    39 

    40 h2,

    41 #center h1 {

    42   font-size: 160%;

    43   line-height: 130%;

    44 }

    45 

    46 h3 {

    47   font-size: 140%;

    48 }

    49 

    50 h4 {

    51   font-size: 130%;

    52 }

    53 

    54 h5 {

    55   font-size: 120%;

    56 }

    57 

    58 h6 {

    59   font-size: 110%;

    60 }

    61 

    62 quote,

    63 code,

    64 fieldset {

    65   margin: .5em 0;

    66 }

    67 

    68 code,

    69 pre,

    70 kbd {

    71   font-size: 115%;

    72 }

    73 

    74 p {

    75   margin: 0.6em 0 1.2em;

    76   padding: 0;

    77 }

    78 

    79 a:link,

    80 a:visited {

    81   color: #027AC6;

    82   text-decoration: none;

    83 }

    84 

    85 a:hover {

    86   color: #0062A0;

    87   text-decoration: underline;

    88 }

    89 

    90 a:active,

    91 a.active {

    92   color: #5895be;

    93 }

    94 

    95 hr {

    96   margin: 0;

    97   padding: 0;

    98   border: none;

    99   height: 1px;

   100   background: #5294c1;

   101 }

   102 

   103 ul,

   104 .block ul,

   105 ol {

   106   margin: 0.5em 0 1em;

   107   padding: 0 0 0 1.5em; /* LTR */

   108 }

   109 

   110 /* Default to menu leaf bullet for unordered list items. "ul" used here so it can cascade to list items and "li.leaf" to override the system leaf image. */

   111 ul,

   112 ul li.leaf {

   113   list-style-image: url(images/menu-leaf.gif);

   114 }

   115 

   116 /* This is used to cancel the list style image when an ordered list is embedded in an unordered list. */

   117 ol {

   118   list-style-image: none;

   119 }

   120 

   121 ul.menu,

   122 .item-list ul {

   123   margin: 0.35em 0 0 -0.5em; /* LTR */

   124 }

   125 

   126 ol li,

   127 ul li,

   128 ul.menu li,

   129 .item-list ul li,

   130 li.leaf {

   131   margin: 0.15em 0 0.15em .5em; /* LTR */

   132   padding-bottom: .1em;

   133 }

   134 

   135 ul li.expanded {

   136   list-style-image: url(images/menu-expanded.gif);

   137 }

   138 

   139 ul li.collapsed {

   140   list-style-image: url(images/menu-collapsed.gif); /* LTR */

   141 }

   142 

   143 ul li.leaf a,

   144 ul li.expanded a,

   145 ul li.collapsed a {

   146   display: block;

   147 }

   148 

   149 ul.inline li {

   150   background: none;

   151   margin: 0;

   152   padding: 0 1em 0 0; /* LTR */

   153 }

   154 

   155 ol.task-list {

   156   margin-left: 0; /* LTR */

   157   list-style-type: none;

   158   list-style-image: none;

   159 }

   160 ol.task-list li {

   161   padding: 0.5em 1em 0.5em 2em; /* LTR */

   162 }

   163 ol.task-list li.active {

   164   background: transparent url(images/task-list.png) no-repeat 3px 50%; /* LTR */

   165 }

   166 ol.task-list li.done {

   167   color: #393;

   168   background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%; /* LTR */

   169 }

   170 ol.task-list li.active {

   171   margin-right: 1em; /* LTR */

   172 }

   173 

   174 fieldset ul.clearfix li {

   175   margin: 0;

   176   padding: 0;

   177   background-image: none;

   178 }

   179 

   180 dl {

   181   margin: 0.5em 0 1em 1.5em; /* LTR */

   182 }

   183 

   184 dl dt {

   185 }

   186 

   187 dl dd {

   188   margin: 0 0 .5em 1.5em; /* LTR */

   189 }

   190 

   191 img,

   192 a img {

   193   border: none;

   194 }

   195 

   196 table {

   197   margin: 1em 0;

   198   width: 100%;

   199 }

   200 

   201 thead th {

   202   border-bottom: 2px solid #d3e7f4;

   203   color: #494949;

   204   font-weight: bold;

   205 }

   206 

   207 th a:link,

   208 th a:visited {

   209   color: #6f9dbd;

   210 }

   211 

   212 td,

   213 th {

   214   padding: .3em .5em;

   215 }

   216 

   217 tr.even,

   218 tr.odd,

   219 tbody th {

   220   border: solid #d3e7f4;

   221   border-width: 1px 0;

   222 }

   223 

   224 tr.odd,

   225 tr.info {

   226   background-color: #edf5fa;

   227 }

   228 

   229 tr.even {

   230   background-color: #fff;

   231 }

   232 

   233 tr.drag {

   234   background-color: #ffb;

   235 }

   236 

   237 tr.drag-previous {

   238   background-color: #ffd;

   239 }

   240 

   241 tr.odd td.active {

   242   background-color: #ddecf5;

   243 }

   244 

   245 tr.even td.active {

   246   background-color: #e6f1f7;

   247 }

   248 

   249 td.region-title,

   250 td.module,

   251 td.container,

   252 td.category {

   253   border-top: 1.5em solid #fff;

   254   border-bottom: 1px solid #b4d7f0;

   255   background-color: #d4e7f3;

   256   color: #455067;

   257   font-weight: bold;

   258 }

   259 

   260 tr:first-child td.region-title,

   261 tr:first-child td.module,

   262 tr:first-child td.container,

   263 tr:first-child td.category {

   264   border-top-width: 0;

   265 }

   266 

   267 span.form-required {

   268   color: #ffae00;

   269 }

   270 

   271 .submitted, .description,

   272 .vertical-tab-button .summary {

   273   font-size: 0.92em;

   274   color: #898989;

   275 }

   276 

   277 .description .more-help-link {

   278   font-size: 0.92em;

   279 }

   280 

   281 .description {

   282   line-height: 150%;

   283   margin-bottom: 0.75em;

   284   color: #898989;

   285 }

   286 

   287 .preview {

   288   margin: .75em 0 .75em;

   289   padding: .5em 1em;

   290 }

   291 

   292 .form-checkboxes,

   293 .form-radios,

   294 .form-checkboxes .form-item,

   295 .form-radios .form-item {

   296   margin: 0.25em 0;

   297 }

   298 

   299 #center form {

   300   margin-bottom: 2em;

   301 }

   302 

   303 .form-actions {

   304   margin: 2em 0 1em;

   305 }

   306 .form-button,

   307 .form-submit {

   308   margin: 0 0.5em 0 0; /* LTR */

   309 }

   310 

   311 /**

   312  * Skip link

   313  */

   314 #skip-link {

   315   left: 50%;

   316   margin-left: -5.25em;

   317   margin-top: 0;

   318   position: absolute;

   319   width: auto;

   320   z-index: 1000;

   321 }

   322 #skip-link a,

   323 #skip-link a:link,

   324 #skip-link a:visited {

   325   background: #444;

   326   background: rgba(0, 0, 0, 0.6);

   327   color: #fff;

   328   display: block;

   329   font-size: 0.94em;

   330   line-height: 1.7;

   331   margin-top: 1px;

   332   padding: 2px 10px;

   333   text-decoration: none;

   334   -khtml-border-radius: 0 0 2px 2px;

   335   -moz-border-radius: 0 0 2px 2px;

   336   -webkit-border-bottom-left-radius: 2px;

   337   -webkit-border-bottom-right-radius: 2px;

   338   -webkit-border-top-left-radius: 0;

   339   -webkit-border-top-right-radius: 0;

   340   border-radius: 0 0 2px 2px;

   341 }

   342 #skip-link a:hover,

   343 #skip-link a:active,

   344 #skip-link a:focus {

   345   outline: 0;

   346 }

   347 

   348 /**

   349  * Layout

   350  */

   351 .region-header {

   352   min-height: 1em;

   353   background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 100%;

   354 }

   355 

   356 .region-header .block {

   357   display: block;

   358   margin: 0 1em;

   359 }

   360 

   361 .region-header .block-region {

   362   display: block;

   363   margin: 0 0.5em 1em;

   364   padding: 0.5em;

   365   position: relative;

   366   top: 0.5em;

   367 }

   368 

   369 .region-header * {

   370   display: inline;

   371   line-height: 1.5em;

   372   margin-top: 0;

   373   margin-bottom: 0;

   374 }

   375 

   376 /* Prevent the previous directive from showing the content of script elements in Mozilla browsers. */

   377 .region-header script {

   378   display: none;

   379 }

   380 

   381 .region-header p,

   382 .region-header img {

   383   margin-top: 0.5em;

   384 }

   385 

   386 .region-header h2 {

   387   margin: 0 1em 0 0; /* LTR */

   388 }

   389 

   390 .region-header h3,

   391 .region-header label,

   392 .region-header li {

   393   margin: 0 1em;

   394   padding: 0;

   395   background: none;

   396 }

   397 

   398 #wrapper {

   399   background: #edf5fa url(images/body.png) repeat-x 50% 0;

   400 }

   401 

   402 /* Set container widths when we are using the "fixed width" option. */

   403 #wrapper #container {

   404   width: 560px;

   405   margin: 0 auto;

   406   padding: 0 20px;

   407 }

   408 

   409 body.one-sidebar #wrapper #container {

   410   width: 770px;

   411 }

   412 

   413 body.two-sidebars #wrapper #container {

   414   width: 980px;

   415 }

   416 

   417 /* Unset container width when we are using the "fluid width" option. */

   418 body.fluid-width #wrapper #container {

   419   width: auto;

   420   max-width: 1270px;

   421 }

   422 

   423 #wrapper #container #header {

   424   height: 80px;

   425 }

   426 

   427 #wrapper #container #header #logo-floater {

   428   position: absolute;

   429 }

   430 

   431 #branding,

   432 #branding a:link,

   433 #branding a:visited {

   434   line-height: 120px;

   435   position: relative;

   436   z-index: 2;

   437   white-space: nowrap;

   438 }

   439 

   440 #branding span {

   441   font-weight: bold;

   442 }

   443 

   444 #branding img {

   445   padding-top: 14px;

   446   padding-right: 20px; /* LTR */

   447   float: left; /* LTR */

   448 }

   449 

   450 /* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */

   451 body.two-sidebars {

   452   min-width: 980px;

   453 }

   454 /* With 2 columns, require a minimum width of 800px. */

   455 body.sidebar-first,

   456 body.sidebar-second {

   457   min-width: 780px;

   458 }

   459 

   460 /* We must define 100% width to avoid the body being too narrow for near-empty pages */

   461 #wrapper #container #center {

   462   float: left; /* LTR */

   463   width: 100%;

   464 }

   465 

   466 /* So we move the #center container over the sidebars to compensate */

   467 body.sidebar-first #center {

   468   margin-left: -210px; /* LTR */

   469 }

   470 body.sidebar-second #center {

   471   margin-right: -210px; /* LTR */

   472 }

   473 body.two-sidebars #center {

   474   margin: 0 -210px;

   475 }

   476 

   477 /* And add blanks left and right for the sidebars to fill */

   478 body.sidebar-first #squeeze {

   479   margin-left: 210px; /* LTR */

   480 }

   481 body.sidebar-second #squeeze {

   482   margin-right: 210px; /* LTR */

   483 }

   484 body.two-sidebars #squeeze {

   485   margin: 0 210px;

   486 }

   487 

   488 /* We ensure the sidebars are still clickable using z-index */

   489 #wrapper #container .sidebar {

   490   margin: 60px 0 5em;

   491   width: 210px;

   492   float: left; /* LTR */

   493   z-index: 2;

   494   position: relative;

   495 }

   496 

   497 #wrapper #container .sidebar .block {

   498   margin: 0 0 1.5em 0;

   499 }

   500 

   501 #sidebar-first .block {

   502   padding: 0 15px 0 0; /* LTR */

   503 }

   504 

   505 #sidebar-second .block {

   506   padding: 0 0 0 15px; /* LTR */

   507 }

   508 

   509 .block .content {

   510   margin: 0.5em 0;

   511 }

   512 

   513 #sidebar-first .block-region {

   514   margin: 0 15px 0 0px; /* LTR */

   515 }

   516 

   517 #sidebar-second .block-region {

   518   margin: 0 0px 0 15px; /* LTR */

   519 }

   520 

   521 .block-region {

   522   padding: 1em;

   523   background: transparent;

   524   border: 2px dashed #b4d7f0;

   525   text-align: center;

   526   font-size: 1.3em;

   527 }

   528 

   529 /* Now we add the backgrounds for the main content shading */

   530 #wrapper #container #center #squeeze {

   531   background: #fff url(images/bg-content.png) repeat-x 50% 0;

   532   position: relative;

   533 }

   534 

   535 #wrapper #container #center .right-corner {

   536   background: transparent url(images/bg-content-right.png) no-repeat 100% 0;

   537   position: relative;

   538   left: 10px;

   539 }

   540 

   541 #wrapper #container #center .right-corner .left-corner {

   542   padding: 60px 25px 5em 35px;

   543   background: transparent url(images/bg-content-left.png) no-repeat 0 0;

   544   margin-left: -10px;

   545   position: relative;

   546   left: -10px;

   547   min-height: 400px;

   548 }

   549 

   550 #wrapper #container .region-footer {

   551   float: none;

   552   clear: both;

   553   text-align: center;

   554   margin: 4em 0 -3em;

   555   color: #898989;

   556 }

   557 

   558 #wrapper #container .breadcrumb {

   559   position: absolute;

   560   top: 15px;

   561   left: 35px; /* LTR */

   562   z-index: 3;

   563 }

   564 

   565 body.sidebar-first .region-footer {

   566   margin-left: -210px;

   567 }

   568 

   569 body.sidebar-second .region-footer {

   570   margin-right: -210px;

   571 }

   572 

   573 body.two-sidebars .region-footer {

   574   margin: 0 -210px;

   575 }

   576 

   577 /**

   578  * Header

   579  */

   580 div#branding {

   581   font-family: Helvetica,Arial,sans-serif;

   582 }

   583 

   584 div#branding strong {

   585    font-weight: normal;

   586 }

   587 

   588 #branding,

   589 #branding a:link,

   590 #branding a:visited {

   591   color: #fff;

   592   text-shadow: #1659ac 0px 1px 3px;

   593   font-size: 1.5em;

   594 }

   595 

   596 #branding a:hover {

   597   text-decoration: none;

   598 }

   599 

   600 #wrapper #container .breadcrumb {

   601   font-size: 0.92em;

   602 }

   603 

   604 #wrapper #container .breadcrumb,

   605 #wrapper #container .breadcrumb a {

   606   color: #529ad6;

   607 }

   608 

   609 #highlighted {

   610   padding: 1em;

   611   background-color: #fff;

   612   border: 1px solid #e0e5fb;

   613   margin-bottom: 2em;

   614 }

   615 

   616 /**

   617  * Overlay

   618  */

   619 #overlay #overlay-tabs li a {

   620   background: #d9eaf5;

   621   color: #000;

   622 }

   623 #overlay #overlay-tabs li a:hover,

   624 #overlay #overlay-tabs li a:focus {

   625   background: #fff;

   626 }

   627 #overlay #overlay-tabs li.active a {

   628   background: url("images/body.png") repeat-x scroll 50% -58px #edf5fa;

   629   color: #fff;

   630 }

   631 #overlay-content {

   632   padding: 1px;

   633 }

   634 #overlay-content #header {

   635   display: none;

   636 }

   637 #overlay-content #wrapper {

   638   background-position: 50% -80px;

   639 }

   640 

   641 

   642 /**

   643  * Primary navigation

   644  */

   645 ul.main-menu {

   646   margin: 0;

   647   padding: 0;

   648   float: right; /* LTR */

   649   position: relative;

   650   z-index: 4;

   651 }

   652 

   653 ul.main-menu li {

   654   margin: 0;

   655   padding: 0;

   656   float: left; /* LTR */

   657   background-image: none;

   658 }

   659 

   660 ul.main-menu li a,

   661 ul.main-menu li a:link,

   662 ul.main-menu li a:visited {

   663   display: block;

   664   margin: 0 1em;

   665   padding: .75em 0 0;

   666   color: #fff;

   667   background: transparent url(images/bg-navigation-item.png) no-repeat 50% 0;

   668 }

   669 

   670 ul.main-menu li a:hover,

   671 ul.main-menu li a.active {

   672   color: #fff;

   673   background: transparent url(images/bg-navigation-item-hover.png) no-repeat 50% 0;

   674 }

   675 

   676 /**

   677  * Secondary navigation

   678  */

   679 ul.secondary-menu {

   680   margin: 0;

   681   padding: 18px 0 0;

   682   float: right; /* LTR */

   683   clear: right; /* LTR */

   684   position: relative;

   685   z-index: 4;

   686 }

   687 

   688 ul.secondary-menu li {

   689   margin: 0;

   690   padding: 0;

   691   float: left; /* LTR */

   692   background-image: none;

   693 }

   694 

   695 ul.secondary-menu li a,

   696 ul.secondary-menu li a:link,

   697 ul.secondary-menu li a:visited {

   698   display: block;

   699   margin: 0 1em;

   700   padding: .75em 0 0;

   701   color: #cde3f1;

   702   background: transparent;

   703 }

   704 

   705 ul.secondary-menu li a:hover,

   706 ul.secondary-menu li a.active {

   707   color: #cde3f1;

   708   background: transparent;

   709 }

   710 

   711 /**

   712  * Local tasks

   713  */

   714 ul.primary,

   715 ul.primary li,

   716 ul.secondary,

   717 ul.secondary li {

   718   border: 0;

   719   background: none;

   720   margin: 0;

   721   padding: 0;

   722 }

   723 

   724 #tabs-wrapper {

   725   margin: 0 -26px 1em;

   726   padding: 0 26px;

   727   border-bottom: 1px solid #e9eff3;

   728   position: relative;

   729 }

   730 ul.primary {

   731   padding: 0.5em 0 10px;

   732   float: left; /* LTR */

   733 }

   734 ul.secondary {

   735   clear: both;

   736   text-align: left; /* LTR */

   737   border-bottom: 1px solid #e9eff3;

   738   margin: -0.2em -26px 1em;

   739   padding: 0 26px 0.6em;

   740 }

   741 h1.with-tabs {

   742   float: left; /* LTR */

   743   margin: 0 2em 0 0; /* LTR */

   744   padding: 0;

   745 }

   746 

   747 ul.primary li a,

   748 ul.primary li.active a,

   749 ul.primary li a:hover,

   750 ul.primary li a:visited,

   751 ul.secondary li a,

   752 ul.secondary li.active a,

   753 ul.secondary li a:hover,

   754 ul.secondary li a:visited {

   755   border: 0;

   756   background: transparent;

   757   padding: 4px 1em;

   758   margin: 0 0 0 1px; /* LTR */

   759   height: auto;

   760   text-decoration: none;

   761   position: relative;

   762   top: -1px;

   763   display: inline-block;

   764 }

   765 ul.primary li.active a,

   766 ul.primary li.active a:link,

   767 ul.primary li.active a:visited,

   768 ul.primary li a:hover,

   769 ul.secondary li.active a,

   770 ul.secondary li.active a:link,

   771 ul.secondary li.active a:visited,

   772 ul.secondary li a:hover {

   773   background: url(images/bg-tab.png) repeat-x 0 50%;

   774   color: #fff;

   775 }

   776 ul.primary li.active a,

   777 ul.secondary li.active a {

   778   font-weight: bold;

   779 }

   780 

   781 /**

   782  * Nodes & comments

   783  */

   784 .node {

   785   border-bottom: 1px solid #e9eff3;

   786   margin: 0 -16px 1.5em;

   787   padding: 1.5em 16px;

   788 }

   789 

   790 ul.links li,

   791 ul.inline li {

   792   margin-left: 0;

   793   margin-right: 0;

   794   padding-left: 0; /* LTR */

   795   padding-right: 1em; /* LTR */

   796   background-image: none;

   797 }

   798 

   799 .node .links,

   800 .comment .links {

   801   text-align: left; /* LTR */

   802   padding-left: 0; /* LTR */

   803 }

   804 

   805 .user-picture,

   806 .comment .submitted {

   807   float: right; /* LTR */

   808   clear: right; /* LTR */

   809   padding-left: 1em; /* LTR */

   810 }

   811 

   812 .new {

   813   color: #ffae00;

   814   font-size: 0.92em;

   815   font-weight: bold;

   816   float: right; /* LTR */

   817 }

   818 

   819 .preview .node,

   820 .preview .comment,

   821 .node-sticky {

   822   margin: 0;

   823   padding: 0.5em 0;

   824   border: 0;

   825   background: 0;

   826 }

   827 

   828 .node-sticky {

   829   padding: 1em;

   830   background-color: #fff;

   831   border: 1px solid #e0e5fb;

   832   margin-bottom: 2em;

   833 }

   834 

   835 #comments {

   836   position: relative;

   837   top: -1px;

   838   border-bottom: 1px solid #e9eff3;

   839   margin: 1.5em -25px 0;

   840   padding: 0 25px;

   841 }

   842 

   843 #comments h2.comments {

   844   margin: 0 -25px;

   845   padding: .5em 25px;

   846   background: #fff url(images/gradient-inner.png) repeat-x 0 0;

   847 }

   848 

   849 .comment {

   850   margin: 0 -25px;

   851   padding: 1.5em 25px 1.5em;

   852   border-top: 1px solid #e9eff3;

   853 }

   854 

   855 .indented {

   856   margin-left: 25px; /* LTR */

   857 }

   858 

   859 .comment h3 a.active {

   860   color: #494949;

   861 }

   862 

   863 .node .content,

   864 .comment .content {

   865   margin: 0.6em 0;

   866 }

   867 

   868 /**

   869  * Aggregator.module

   870  */

   871 #aggregator {

   872   margin-top: 1em;

   873 }

   874 #aggregator .feed-item-title {

   875   font-size: 160%;

   876   line-height: 130%;

   877 }

   878 #aggregator .feed-item {

   879   border-bottom: 1px solid #e9eff3;

   880   margin: -1.5em -31px 1.75em;

   881   padding: 1.5em 31px;

   882 }

   883 #aggregator .feed-item-categories {

   884   font-size: 0.92em;

   885 }

   886 #aggregator .feed-item-meta {

   887   font-size: 0.92em;

   888   color: #898989;

   889 }

   890 

   891 /**

   892  * Color.module

   893  */

   894 #palette .form-item {

   895   border: 1px solid #fff;

   896 }

   897 #palette .item-selected {

   898   background: #fff url(images/gradient-inner.png) repeat-x 0 0;

   899   border: 1px solid #d9eaf5;

   900 }

   901 

   902 /**

   903  * Menu.module

   904  */

   905 tr.odd td.menu-disabled {

   906   background-color: #edf5fa;

   907 }

   908 tr.even td.menu-disabled {

   909   background-color: #fff;

   910 }

   911 

   912 /**

   913  * Poll.module

   914  */

   915 .poll .bar {

   916   background: #fff url(images/bg-bar-white.png) repeat-x 0 0;

   917   border: solid #f0f0f0;

   918   border-width: 0 1px 1px;

   919 }

   920 

   921 .poll .bar .foreground {

   922   background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;

   923 }

   924 

   925 .poll .percent {

   926   font-size: .9em;

   927 }

   928 

   929 /**

   930  * Autocomplete.

   931  */

   932 #autocomplete li {

   933   cursor: default;

   934   padding: 2px;

   935   margin: 0;

   936 }

   937 

   938 /**

   939  * Collapsible fieldsets

   940  */

   941 fieldset {

   942   margin: 1em 0;

   943   padding: 1em;

   944   border: 1px solid #d9eaf5;

   945   background: #fff url(images/gradient-inner.png) repeat-x 0 0;

   946 }

   947 

   948 /* Targets IE 7. Fixes background image in field sets. */

   949 *:first-child+html fieldset {

   950   padding: 0 1em 1em;

   951   background-position: 0 .75em;

   952   background-color: transparent;

   953 }

   954 *:first-child+html .text-format-wrapper .filter-wrapper {

   955   padding: 1.5em 0 1.5em;

   956   background-position: 0 0;

   957 }

   958 

   959 /* Keep the background position at 0 for filters and vertical tabs. */

   960 *:first-child+html fieldset.filter-wrapper,

   961 *:first-child+html fieldset.vertical-tabs-pane {

   962   background-position: 0 0;

   963 }

   964 

   965 *:first-child+html fieldset .fieldset-wrapper .fieldset-description {

   966   padding-top: 1em;

   967 }

   968 

   969 html.js fieldset.collapsed {

   970   background: transparent;

   971   padding-top: 0;

   972   padding-bottom: .6em;

   973 }

   974 

   975 html.js fieldset.collapsible .fieldset-legend {

   976   padding-left: 2em; /* LTR */

   977   background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */

   978 }

   979 html.js fieldset.collapsed .fieldset-legend {

   980   background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */

   981 }

   982 

   983 .fieldset-legend span.summary {

   984   color: #898989;

   985 }

   986 

   987 /**

   988  * Vertical tabs.

   989  */

   990 div.vertical-tabs {

   991   border-color: #d9eaf5;

   992 }

   993 

   994 div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane {

   995   padding: 0.5em 1em;

   996 }

   997 

   998 div.vertical-tabs ul.vertical-tabs-list {

   999   border-color: #d9eaf5;

  1000 }

  1001 

  1002 div.vertical-tabs ul.vertical-tabs-list li {

  1003   background-color: #edf5fa;

  1004   border-color: #d9eaf5;

  1005 }

  1006 

  1007 div.vertical-tabs ul.vertical-tabs-list li strong {

  1008   font-weight: normal;

  1009 }

  1010 

  1011 div.vertical-tabs ul.vertical-tabs-list li.selected strong {

  1012   font-weight: bold;

  1013 }

  1014 

  1015 div.vertical-tabs ul.vertical-tabs-list li.selected small {

  1016   color: #898989;

  1017 }

  1018 

  1019 div.vertical-tabs ul.vertical-tabs-list li.selected {

  1020   background: #fff repeat-x 0 0;

  1021 }

  1022 

  1023 div.vertical-tabs ul.vertical-tabs-list li.selected.first {

  1024   background-image: url(images/gradient-inner.png);

  1025 }

  1026 

  1027 div.vertical-tabs ul.vertical-tabs-list li.selected a strong {

  1028   color: #494949;

  1029 }

  1030 

  1031 /**

  1032  * Syndication icons and block

  1033  */

  1034 #block-node-syndicate h2 {

  1035   float: left; /* LTR */

  1036   padding-right: 20px; /* LTR */

  1037 }

  1038 

  1039 #block-node-syndicate img,

  1040 .feed-icon {

  1041   float: right; /* LTR */

  1042   padding-top: 4px;

  1043 }

  1044 

  1045 #block-node-syndicate .content {

  1046   clear: right; /* LTR */

  1047 }

  1048 

  1049 /**

  1050  * Login Block

  1051  */

  1052 #user-login-form {

  1053   text-align: center;

  1054 }

  1055 #user-login-form ul {

  1056   text-align: left; /* LTR */

  1057 }

  1058 #user-login .openid-links {

  1059   padding: 0;

  1060 }

  1061 #user-login-form .openid-links {

  1062   padding-left: 0.5em; /* LTR */

  1063 }

  1064 #user-login-form .openid-links li.user-link {

  1065   padding-left: 1em; /* LTR */

  1066 }

  1067 

  1068 /**

  1069  * User profiles.

  1070  */

  1071 .profile {

  1072   margin-top: 1.5em;

  1073 }

  1074 .profile h3 {

  1075   border-bottom: 0;

  1076   margin-bottom: 1em;

  1077 }

  1078 .profile dl {

  1079   margin: 0;

  1080 }

  1081 .profile dt {

  1082   font-weight: normal;

  1083   color: #898989;

  1084   font-size: 0.92em;

  1085   line-height: 1.3em;

  1086   margin-top: 1.4em;

  1087   margin-bottom: 0.45em;

  1088 }

  1089 .profile dd {

  1090   margin-bottom: 1.6em;

  1091 }

  1092 

  1093 /**

  1094  * Admin Styles

  1095  */

  1096 div.admin-panel,

  1097 div.admin-panel .description,

  1098 div.admin-panel .body,

  1099 div.admin,

  1100 div.admin .left,

  1101 div.admin .right,

  1102 div.admin .expert-link,

  1103 div.item-list,

  1104 .menu {

  1105   margin: 0;

  1106   padding: 0;

  1107 }

  1108 

  1109 div.admin .left {

  1110   float: left; /* LTR */

  1111   width: 48%;

  1112 }

  1113 div.admin .right {

  1114   float: right; /* LTR */

  1115   width: 48%;

  1116 }

  1117 

  1118 div.admin-panel {

  1119   background: #fff url(images/gradient-inner.png) repeat-x 0 0;

  1120   padding: 1em 1em 1.5em;

  1121 }

  1122 div.admin-panel .description {

  1123   margin-bottom: 1.5em;

  1124 }

  1125 div.admin-panel dl {

  1126   margin: 0;

  1127 }

  1128 div.admin-panel dd {

  1129   color: #898989;

  1130   font-size: 0.92em;

  1131   line-height: 1.3em;

  1132   margin-top: -.2em;

  1133   margin-bottom: .65em;

  1134 }

  1135 

  1136 table.system-status-report th {