1#livePreview {
2  background: #fff;
3  display: block;
4  height: 0;
5  margin: 0;
6  overflow: visible;
7  padding: 0;
8  position: absolute;
9  width: 0;
10}
11#livePreview .livePreviewIcon {
12  /*
13  *  place for the icon
14  * background: transparent url("icons/exit.gif") no-repeat center left;
15  */
16  background: #fff;
17  /*
18  *  rest of the styles to make the icon work
19  *  padding-left: 12px; height: 11px; margin-left: 2px;
20  */
21  border: 1px dotted #cc12ef;
22  border-top: 0;
23  border-right: 0;
24  color: #000;
25  font-size: 12px;
26  font-weight: normal;
27  left: 0;
28  line-height: 1.2;
29  margin: 0;
30  padding: 2px;
31  position: absolute;
32  text-decoration: none;
33  top: -7px;
34  z-index: 10;
35}
36#livePreview .livePreviewIcon span {
37/*
38*  hide it, if real icon is used
39*/
40/*  display: none*/
41}
42
43/* insitu-footnotes */
44div.livePreviewTooltip {
45  background: __light__;
46  border: 1px solid __dark__;
47  display: block;
48  line-height: 1;
49  overflow: hidden;
50  height: auto !important;
51  max-height: 400px;
52  text-align: left;
53  padding: 4px;
54  max-width: 80%;    /* IE's width is handled in javascript */
55  width: 80%;
56}
57html>body div.livePreviewTooltip {
58  width: auto;
59}