[Sommaire] [Imprimer]

   1  /* STYLESHEET FORMAT GUIDE *****************************************************
   2  
   3    split the following sections:
   4    - semantics (direct formatting for <td>, <a > etc
   5    - classes (.whatever)
   6    - common plugin CSS
   7    - navbar
   8    Within these sections, entries are to be strictly alphabetized.
   9  
  10    SAMPLE:
  11    .poll-vote,
  12    .poll-vote-results {
  13      background:transparent;
  14      color:#000000;
  15      font-size:smaller;
  16    }
  17  
  18    These are the rough rules:
  19    - always put a ';' after the last entry
  20    - always a linebreak before .
  21    - always a linebreak after , ; { and }
  22    - always a . before all classes
  23    - two spaces indent
  24    - no tabs
  25    - no spaces after colons
  26  */
  27  
  28  /* SEMANTICS ******************************************************************/
  29  a:link.non-ul,
  30  a:visited.non-ul,
  31  a:hover.non-ul,
  32  a:active.non-ul {
  33    color:#000000;
  34    background:transparent;
  35    text-decoration:none;
  36  }
  37  a:link {
  38    background:transparent;
  39    color:#0000FF;
  40  }
  41  a:visited {
  42    background:transparent;
  43    color:#800080
  44  }
  45  a:hover {
  46    background:transparent;
  47    color:#008000
  48  }
  49  a:active {
  50    background:transparent;
  51    color:#FF0000
  52  }
  53  body {
  54    width:99%;
  55    background:#FFFFFF;
  56    color:#000000;
  57    font:.8em arial,sans-serif,verdana,tahoma,helvetica;
  58    padding:0px;
  59    margin:0px auto;
  60    border-bottom:1px solid #E7E7E7;
  61    border-left:1px solid #E7E7E7;
  62    border-right:1px solid #E7E7E7;
  63    border-top:1px solid #E7E7E7;
  64    padding-left:1px;
  65    padding-right:1px;
  66    text-align:left;
  67  }
  68  fieldset {
  69    margin-bottom:1em;
  70  }
  71  fieldset p {
  72    padding:5px;
  73    margin:0px;
  74  }
  75  fieldset p {
  76    margin-top:5px;
  77    margin-bottom:0px;
  78  }
  79  fieldset legend {
  80    font-size:.9em;
  81  }
  82  form {
  83    margin-top:5px;
  84    margin-bottom:5px;
  85  }
  86  form div.notes p,
  87  form div small {
  88    line-height:125%;
  89  }
  90  
  91  form div.notes li {
  92    margin-left:10px;
  93  }
  94  form fieldset div.notes {
  95    float:right;
  96    width:170px;
  97    height:auto;
  98    margin:0px 0px 10px 10px;
  99    padding:5px;
 100    border:1px solid #666666;
 101    background-color:#ffffe1;
 102    color:#666666;
 103    font-size:.75em;
 104  }
 105  
 106  form fieldset div.notes h4 {
 107    background-image:url(images/icon_info.png);
 108    background-repeat:no-repeat;
 109    background-position:top left;
 110    padding:3px 0px 2px 27px;
 111    border-width:0px 0px 1px 0px;
 112    border-style:solid;
 113    border-color:#666666;
 114    color:#666666;
 115    margin-bottom:5px;
 116    margin-top:0px;
 117    font-size:1.3em;
 118  }
 119  
 120  form fieldset div.notes p {
 121    margin:0em 0em 1.2em 0em;
 122    color:#666666;
 123  }
 124  
 125  form fieldset div.notes p.last {
 126    margin:0em;
 127    padding-bottom:5px;
 128  }
 129  h1 {
 130    font-size:125%;
 131  }
 132  h2 {
 133    font-size:100%;
 134  }
 135  h3 {
 136    font-size:100%;
 137    margin:0px;
 138  }
 139  img {
 140    border:0;
 141  }
 142  input {
 143    font-size:.9em;
 144  }
 145  input,
 146  submit,
 147  td {
 148    color:#000000;
 149  }
 150  textarea {
 151    color:#000000;
 152    font-family:arial,sans-serif,verdana,tahoma,helvetica;
 153  }
 154  th {
 155    color:#000000;
 156    background-color:#DAE0ED;
 157    font-weight:bold;
 158    font-size:larger;
 159    padding-left:3px;
 160    text-align:left;
 161  }
 162  p {
 163    margin-top:5px;
 164  }
 165  select {
 166    color:#000000;
 167    font-size:.9em;
 168  }
 169  
 170  /* CLASSES ********************************************************************/
 171  
 172  /* Admin lists ****************************************************************/
 173  .admin-list-icon {
 174    float:left;
 175    padding:5px;
 176  }
 177  .admin-list-table {
 178    width:100%;
 179    text-align:left;
 180    border-spacing:1px;
 181  }
 182  .admin-list-table form {
 183    margin:0px;
 184  }
 185  .admin-list-search{
 186    text-align:center;
 187    margin-top:5px;
 188    margin-bottom:5px;
 189  }
 190  .admin-list-field {
 191    text-align:left;
 192    padding-left:5px;
 193    padding-right:5px;
 194  }
 195  .admin-list-headerfield {
 196    text-align:left;
 197    padding-left:5px;
 198    padding-right:5px;
 199    font-size:larger;
 200  }
 201  /* general alignment classes **************************************************/
 202  .alignleft {
 203    text-align:left;
 204  }
 205  .alignright {
 206    text-align:right;
 207  }
 208  .aligncenter {
 209    text-align:center;
 210  }
 211  .aligntop {
 212    vertical-align:top;
 213  }
 214  /* Blocks *********************************************************************/
 215  .block-box-left {
 216    margin:10px;
 217  }
 218  .block-box-left,
 219  .block-box-right,
 220  .block-box {
 221    margin:5px 10px 15px 10px;
 222  }
 223  .block-box-left ul,
 224  .block-box-right ul {
 225    /* do not indent lists in the blocks too much */
 226    padding-left:20px;
 227    margin-top:0px;
 228    margin-bottom:0px;
 229  }
 230  .block-bg-left,
 231  .block-bg-right{
 232    border-top:1px solid #FFFFFF;
 233  }
 234  .block-bg-spreader {
 235    /* this is making sure that the blocks have a minimum width */
 236    background:transparent;
 237    width:180px;
 238    height:1px;
 239  }
 240  .block-content,
 241  .block-content-right,
 242  .block-content-left {
 243    background:transparent;
 244    color:#000000;
 245    padding-bottom:2px;
 246    padding-top:2px;
 247    clear:both;
 248  }
 249  .block-content-left ul,
 250  .block-content-right ul,
 251  .block-content ul {
 252    margin-top:0;
 253    margin-bottom:0;
 254    margin-left:16px;
 255    padding-left:0;
 256    border:none;
 257  }
 258  .block-divider {
 259    background:#FFFFFF;
 260    border-bottom:1px solid #F7F7F7;
 261    border-top:1px solid #E7E7E7;
 262    color:#000000;
 263    padding-top:2px;
 264  }
 265  .block-divider-left {
 266    border-top:1px solid #E7E7E7;
 267    border-bottom:1px solid #FFFFFF;
 268    width:90%;
 269    margin:0 auto;
 270    line-height:0px;
 271  }
 272  .block-divider-right {
 273    border-top:1px solid #CCCCCC;
 274    border-bottom:1px solid #FFFFFF;
 275    width:90%;
 276    margin:0 auto;
 277    line-height:0px;
 278  }
 279  .block-featured-left {
 280    background:#F7F7F7;
 281    border-right:1px solid #FFFFFF;
 282    color:#000000;
 283  }
 284  .block-featured-right {
 285    background:#E7E7E7;
 286    border-left:1px solid #FFFFFF;
 287    color:#000000;
 288  }
 289  .block-helpicon {
 290    padding-top:0px;
 291    text-align:right;
 292    float:right;
 293  }
 294  .block-outerborder-left {
 295    border-left:1px solid #E7E7E7;
 296  }
 297  .block-outerborder-right {
 298    border-right:1px solid #CCCCCC;
 299  }
 300  .block-title,
 301  .blocktitle,
 302  .block-title-left,
 303  .block-title-right {
 304    background:transparent;
 305    color:#1A3955;
 306    font-weight:bold;
 307    padding-top:5px;
 308    padding-bottom:5px;
 309    text-align:left;
 310  }
 311  
 312  /* Block Lists ****************************************************************/
 313  .list-feed,
 314  .list-new-plugins,
 315  .list-new-comments,
 316  .list-new-trackbacks,
 317  .list-older-stories { 
 318    margin:0px;padding:0px;
 319  }
 320  
 321  /* Comments *******************************************************************/
 322  .commentbar-line1 {
 323    background:transparent;
 324    color:#000000;
 325    padding:3px 3px;
 326    text-align:center;
 327  }
 328  .commentbar-line2 {
 329    background:#E7E7E7;
 330    border-bottom:1px solid #FFFFFF;
 331    border-top:1px solid #FFFFFF;
 332    text-align:center;
 333  }
 334  .commentbar-line3 {
 335    background:#FFFFFF;
 336    border-bottom:1px solid #FFFFFF;
 337    border-top:1px solid #E7E7E7;
 338    color:#000000;
 339    padding:3px 3px;
 340    text-align:center;
 341  }
 342  .commenttitle {
 343    background:#F7F7F7;
 344    border-bottom:1px solid #E7E7E7;
 345    border-left:1px solid #E7E7E7;
 346    border-right:1px solid #E7E7E7;
 347    border-top:1px solid #E7E7E7;
 348    font-weight:bold;
 349    font-size:smaller;
 350    padding:3px 0px 3px 10px;
 351  }
 352  /******************************************************************************/
 353  .edit-perm-down {
 354    text-align:center;
 355  }
 356  .edit-perm-up{
 357    text-align:center;
 358    padding-right:10px;
 359    padding-left:10px;
 360  }
 361  .fieldhelp {
 362    font-size:0.8em;
 363    color:#666666;
 364  }
 365  /* Footer *********************************************************************/
 366  .footerblock {
 367    background:#1A3955;
 368    border-top:1px solid #CCCCCC;
 369    color:#FFFFFF;
 370    font-size:0.85em;
 371    padding-bottom:10px;
 372    padding-top:10px;
 373    padding-left:4px;
 374    padding-right:4px;
 375    vertical-align:middle;
 376    text-align:left;
 377  }
 378  .footerblock a:link {
 379    background:transparent;
 380    color:#FFFFFF;
 381    text-decoration:none;
 382  }
 383  .footerblock a:visited {
 384    background:transparent;
 385    color:#FFFFFF;
 386    text-decoration:none;
 387  }
 388  .footerblock a:hover {
 389    background:transparent;
 390    color:#008000;
 391    text-decoration:none;
 392  }
 393  .footerblock a:active {
 394    background:transparent;
 395    color:#FFFFFF;
 396    text-decoration:none;
 397  }
 398  .footer-divider-top {
 399    background:#FFFFFF;
 400    border-top:1px solid #CCCCCC;
 401    padding-top:1px;
 402    color:#000000;
 403  }
 404  /* Forms **********************************************************************/
 405  .form-description {
 406    font-weight:bold;
 407    float:left;
 408    width:100px;
 409    text-align:right;
 410    padding-right:5px;
 411    display:block;
 412  }
 413  .form-field {
 414    padding-bottom:5px;
 415    margin-left:105px;
 416  }
 417  /* Header *********************************************************************/
 418  .header-logobg-left {
 419    padding-top:4px;
 420    text-align:left;
 421    vertical-align:middle;
 422    margin-top:11px;
 423    padding-left:15px;
 424    width:50%;
 425    height:78px;
 426  }
 427  .header-logobg-right {
 428    padding-top:4px;
 429    text-align:right;
 430    padding-right:15px;
 431    vertical-align:middle;
 432    width:50%;
 433    height:78px;
 434  }
 435  .header-logobg-container-inner {
 436    background:url(images/header-bg.png) #1A3955;
 437    border-bottom:1px solid #CCCCCC;
 438  }
 439  .header-logobg-container-outer {
 440    background:#FFFFFF;
 441    padding-bottom:1px;
 442  }
 443  .header-navigation-container {
 444    border-bottom:1px solid #FFFFFF;
 445  }
 446  .header-navigation-line {
 447    background:#E7E7E7;
 448    border-bottom:1px solid #CCCCCC;
 449    color:#FFFFFF;
 450    padding-bottom:3px;
 451    padding-top:4px;
 452    text-align:right;
 453  }
 454  .header-navigation-line a:link {
 455    background:transparent;
 456    border-bottom:0px solid #CCCCCC;
 457    color:#0000FF;
 458    font-size:.9em;
 459  }
 460  .header-navigation-line a:visited {
 461    background:transparent;
 462    border-bottom:0px solid #CCCCCC;
 463    color:#800080;
 464    font-size:0.9em;
 465  }
 466  .header-navigation-line a:hover {
 467    background:transparent;
 468    border-bottom:0px solid #CCCCCC;
 469    color:#008000;
 470    font-size:0.9em;
 471  }
 472  .header-navigation-line a:active {
 473    background:transparent;
 474    border-bottom:0px solid #CCCCCC;
 475    color:#FF0000;
 476    font-size:0.9em;
 477  }
 478  .header-welcomeanddate-box {
 479    border-bottom:1px solid #CCCCCC;
 480    height:52px;
 481  }
 482  .header-welcomeanddate-text {
 483    position:relative;
 484    top:12px;
 485    left:4px;
 486  }
 487  /******************************************************************************/
 488  .highlight {
 489    color:#000000;
 490    background-color:yellow;
 491    text-decoration:none;
 492  }
 493  .inputTable td {
 494    padding:4px;
 495    vertical-align:top;
 496  }
 497  .inputTable label {
 498    font-weight:bold;
 499    float:right;
 500    white-space:nowrap;
 501  }
 502  .moderation-cc {
 503    width:100%;
 504  }
 505  .moderation-cc-row {
 506    clear:both;
 507    height:80px;
 508    width:100%;
 509  }
 510  .moderation-cc-item {
 511    float:left;
 512    text-align:center;
 513  }
 514  .pagenav {
 515    text-align:center;
 516  }
 517  .row_center td {
 518    text-align:center;
 519  }
 520  .searchauth {
 521    background:transparent;
 522    color:#000000;
 523    text-align:left;
 524  }
 525  .searchdate {
 526    background:transparent;
 527    color:#000000;
 528    text-align:right;
 529  }
 530  .searchform-box {
 531    background:#E7E7E7;
 532    text-align:right;
 533    border-bottom:1px solid #CCCCCC;
 534    height:52px;
 535    padding:0px 4px 0px 1px;
 536    margin:0px;
 537  }
 538  .searchform-elements{
 539    display:inline;
 540    position:relative;
 541    top:6px;
 542  }
 543  .searchform-elements input{
 544    font-size:0.9em;
 545  }
 546  .searchhits {
 547    background:transparent;
 548    color:#000000;
 549    text-align:right;
 550  }
 551  .site-slogan {
 552    color:#ffffff;
 553    background:transparent;
 554  }
 555  /* Stats **********************************************************************/
 556  .stats-list-count {
 557    text-align:right;
 558    padding-left:5px;
 559    padding-right:5px;
 560  }
 561  .stats-header-title {
 562    text-align:left;
 563    width:90%;
 564    padding-left:5px;
 565    padding-right:5px;
 566  }
 567  .stats-header-count {
 568    text-align:left;
 569    width:10%;
 570    padding-left:5px;
 571    padding-right:5px;
 572  }
 573  /* Story **********************************************************************/
 574  .story {
 575    /* the frame around all elements of one story */
 576    background:transparent;
 577    color:#000000;
 578  }
 579  .story h1{
 580    /* the title of a story */
 581    background:transparent;
 582    color:#000000;
 583    font-weight:bold;
 584    padding-left:1px;
 585  }
 586  .story-body {
 587    /* this is the actual content of the story */
 588    padding:3px;
 589  }
 590  .story-featured {
 591    /* the frame around all elements of a featured story */
 592    background:transparent;
 593    color:#000000;
 594  }
 595  .story-featured h1 {
 596    /* the title of a featured story */
 597    background:transparent;
 598    color:#000000;
 599    font-weight:bold;
 600    font-size:1.4em;
 601    padding-left:1px;
 602  }
 603  .story-icons {
 604    /* print & mail icons in a storybox */
 605    float:right;
 606  }
 607  .story-container {
 608    /* frame around all stories & centerblocks*/
 609    padding-right:9px;
 610  }
 611  .story-footer {
 612    /* the bottom of the story with edit-links etc */
 613    padding:3px;
 614    text-align:center;
 615  }
 616  .story-information {
 617    /* the author, views and date of a story */
 618    padding:3px;
 619    font-size:0.85em;
 620    background:transparent;
 621    color:#000000;
 622  }
 623  /******************************************************************************/
 624  .topicoption,
 625  .topicoption-off {
 626  }
 627  .warning {
 628    background:transparent;
 629    color:#FF0000;
 630    font-weight:bold;
 631  }
 632  .warningsmall {
 633    background:transparent;
 634    color:#FF0000;
 635  }
 636  
 637  /* Default Plugin CSS Declarations */
 638  /* Recommended CSS to be used by Plugin Authors - allows easier site themeing */
 639  
 640  .plugin {
 641    color:#000000;
 642    background-color:#EFEFEF;
 643    font-weight:normal;
 644    border:1px solid #CCCCCC;
 645  }
 646  .plugin th {
 647    color:#000000;
 648    background-color:#B7C1DC;
 649    padding:5px;
 650    text-align:left;
 651  }
 652  .plugin tr {
 653    vertical-align:top;
 654  }
 655  .plugin td {
 656    padding:2px 5px 2px 5px;
 657  }
 658  .pluginBG {
 659    color:#FEFEFE;
 660    background-color:#7398BA;
 661  }
 662  .pluginAltBG {
 663    background-color:#7398BA;
 664  }
 665  .pluginAltBG td {
 666    color:#FFFFFF
 667  }
 668  .pluginCellTitle {
 669    color:#FFFFFF;
 670    font-weight:bold;
 671    background-color:#7398BA;
 672    padding:5px;
 673  }
 674  .pluginCellFill {
 675    background-color:#F8FAFD;
 676  }
 677  .pluginCellText {
 678    color:#636363;
 679    font-weight:normal;
 680  }
 681  .pluginHeader {
 682    color:#204275;
 683    font-weight:bolder;
 684    padding-top:3px;
 685    padding-bottom:3px;
 686  }
 687  .pluginFooter, .pluginFooter td {
 688    background-color:#507AA1;
 689    color:#FFFFFF;
 690    }
 691  .pluginAlert {
 692    padding:5px 15px 5px 15px;
 693    color:#D8010E;
 694    background-color:#FEF1B4;
 695    font-weight:bold;
 696  }
 697  .pluginInfo {
 698    padding:5px 15px 5px 15px;
 699    color:#707070;
 700    background-color:#FEF1B4;
 701    font-weight:normal;
 702  }
 703  .pluginSubTable {
 704    color:#000000;
 705    background-color:#CCCCCC;
 706    font-weight:normal;
 707    border:1px solid #CCCCCC;
 708  }
 709  .pluginSubTable th {
 710    color:#000000;
 711    background-color:#C9D1E4;
 712    padding:5px;
 713    text-align:left;
 714  }
 715  .pluginSubTable tr {
 716    vertical-align:top;
 717  }
 718  .pluginSolidOutline {
 719    background-color:#CCCCCC;
 720  }
 721  .pluginSolidFill {
 722    background-color:#1A3955;
 723  }
 724  .pluginTitle {
 725    background-color:#507AA1;
 726    color:#F5F9FF;
 727    padding:4px;
 728    padding-left:6px;
 729    padding-right:6px;
 730  }
 731  .pluginCellSubTitle {
 732    background-color:#F7F7F7;
 733    color:#000000;
 734    padding:4px;
 735    padding-left:6px;
 736    padding-right:6px;
 737  }
 738  .pluginTinyText {
 739    font-size:0.70em;
 740  }
 741  .pluginSmallText {
 742    font-size:0.8em;
 743  }
 744  .pluginMediumText {
 745    font-size:1em;
 746  }
 747  .pluginLargeText {
 748    font-size:1.25em;
 749  }
 750  .pluginAltText {
 751    color:#FFFFFF;
 752  }
 753  .pluginRow1, .pluginRow1 td {
 754    color:#000000;
 755    background-color:#F7F7F7;
 756    line-height:120%;
 757  }
 758  .pluginRow2, .pluginRow2 td {
 759    color:#000000;
 760    background-color:#E7E7E7;
 761    line-height: 120%;
 762  }
 763  .pluginRow1 .pluginRollOver,
 764  .pluginRow2 .pluginRollOver,
 765  .pluginRollOver {
 766    color:#000000;
 767    background-color:#FFFFFF;
 768    line-height:120%;
 769  }
 770  .pluginRow1 .pluginRollOut,
 771  .pluginRow2 .pluginRollOut,
 772  .pluginRollOut {
 773    color:#000000;
 774    background-color:#F7F7F7;
 775    line-height:120%;
 776  }
 777  .pluginLinks A:link {
 778    color:#000000;
 779    font-style:normal;
 780    font-weight:normal;
 781    text-decoration:none;
 782  }
 783  .pluginLinks A:visited {
 784    color:#000000;
 785    font-style:normal;
 786    font-weight:normal;
 787    text-decoration:none;
 788  }
 789  .pluginLinks A:hover {
 790    color:#000000;
 791    font-style:normal;
 792    font-weight:normal;
 793    text-decoration:underline;
 794  }
 795  .pluginBreadCrumbs,
 796  .pluginBreadCrumbs A:link {
 797    color:#FFFFFF;
 798    font-style:normal;
 799    font-weight:normal;
 800    text-decoration:none;
 801  }
 802  .pluginBreadCrumbs A:visited {
 803    color:#FFFFFF;
 804    font-style:normal;
 805    font-weight:normal;
 806    text-decoration:none;
 807  }
 808  .pluginBreadCrumbs A:hover {
 809    color:#FFFFFF;
 810    font-style:normal;
 811    font-weight:normal;
 812    text-decoration:none;
 813  }
 814  a.pluginButton:link, a.pluginButton:visited {
 815    color:#000000;
 816    text-align:center;
 817    padding-top:2px;
 818    display:block;
 819    height:19px;
 820    text-decoration:none;
 821    background-color:transparent;
 822  }
 823  a.pluginButton:hover {
 824    color:blue;
 825    text-align:center;
 826    padding-top:2px;
 827    background:center url(navbar/images/button_over.gif);
 828    background-repeat:repeat-x;
 829    display:block;
 830    height:19px;
 831    text-decoration:none;
 832    background-color:transparent;
 833  }
 834  
 835  /* Navbar Class CSS ***********************************************************/
 836  #navcontainer {
 837    float:left;
 838    width:100%;
 839    background:#F4F4F4;
 840    font-size:93%;
 841    line-height:normal;
 842    border-bottom:1px solid #24618E;
 843    }
 844  #navcontainer ul {
 845    margin:0px;
 846    padding:10px 10px 0 50px;
 847    list-style:none;
 848  }
 849  #navcontainer li {
 850    display:inline;
 851    margin:0px;
 852    padding:0px;
 853  }
 854  #navcontainer a {
 855    float:left;
 856    background:url("navbar/images/tableftJ.gif") no-repeat left top;
 857    margin:0px;
 858    padding:0px 0px 0px 5px;
 859    text-decoration:none;
 860  }
 861  #navcontainer a span {
 862    float:left;
 863    display:block;
 864    background:url("navbar/images/tabrightJ.gif") no-repeat right top;
 865    padding:5px 15px 4px 6px;
 866    color:#24618E;
 867  }
 868  /* Commented Backslash Hack hides rule from IE5-Mac \*/
 869  #navcontainer a span {
 870    float:none;
 871  }
 872  /* End IE5-Mac hack */
 873  #navcontainer a:hover span {
 874    color:#FFFFFF;
 875  }
 876  #navcontainer a:hover {
 877    background-position:0% -42px;
 878  }
 879  #navcontainer a:hover span {
 880    background-position:100% -42px;
 881  }
 882  #navcontainer a#current span {
 883    background:url("navbar/images/tabrightI.gif") no-repeat left top;
 884    background-position:100% -42px;
 885    color:#FFFFFF;
 886  }
 887  #navcontainer a:link#current,
 888  #navcontainer a:visited#current,
 889  #navcontainer a:hover#current {
 890    background:url("navbar/images/tableftI.gif") no-repeat left top;
 891    background-position:0% -42px;
 892  }
 893  
 894  /* Common CSS for on-hover tooltip feature */
 895  a.tooltip {
 896    position: relative; /*this is the key*/
 897    z-index:10;
 898    color:#000;
 899    text-decoration:none;
 900  }
 901  a.tooltip:hover  {
 902    z-index:100;
 903    text-decoration:none
 904  }
 905  a.tooltip span {
 906    display: none
 907  }
 908  a.tooltip:hover span {
 909    /*the span will display just on :hover state*/
 910    z-index:100;
 911    color:#033666;
 912    font-style:normal;
 913    font-size:.8em;
 914    line-height: 125%;
 915    display:block;
 916    position:absolute;
 917    border:1px solid #C8DAF7;
 918    background-color:#E5EFFF;
 919    padding:4px;
 920    text-align: left;
 921    text-decoration:none;
 922    left:-20px;
 923    top:10px;
 924    min-width:150px;
 925  }
 926  /* End of common CSS for on-hover info feature */
 927  
 928  /* End of Common Plugin CSS */
 929  
 930  /* Poll Plugin ****************************************************************/
 931  .poll-vote,
 932  .poll-vote-results {
 933    background:transparent;
 934    color:#000000;
 935    font-size:smaller;
 936  }