1 /* jquery purr */

     2 

     3 #purr-container {

     4   position:fixed;

     5   bottom:0;

     6   right:0;

     7 }

     8 

     9 .tooltip {

    10   position: relative;

    11   width: 300px;

    12 }

    13 

    14 .tooltip .close {

    15   position: absolute;

    16   top: 12px;

    17   right: 12px;

    18   display: block;

    19   width: 18px;

    20   height: 17px;

    21   text-indent: -9999px;

    22   background: url('/soc/content/images/purrClose.png') no-repeat 0 10px;

    23 }

    24 

    25 .tooltip-body {

    26   min-height: 50px;

    27   padding: 22px 22px 0 22px;

    28   background: url('/soc/content/images/purrTop.png') no-repeat left top;

    29   color: #f9f9f9;

    30 }

    31 

    32 .tooltip-body img {

    33   width: 50px;

    34   margin: 0 10px 0 0;

    35   float: left;

    36 }

    37 

    38 .tooltip-body h3 {

    39   margin: 0;

    40   font-size: 1.1em;

    41 }

    42 

    43 .tooltip-body p {

    44   margin: 5px 0 0 60px; 

    45   font-size: 0.8em; 

    46   line-height: 1.4em;

    47 }

    48 

    49 .tooltip-bottom {

    50   height: 22px;

    51   background: url('/soc/content/images/purrBottom.png') no-repeat left top;

    52 }