#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }






#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('tooltip/shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('tooltip/shadow2.png');
	padding-top: 5em;
	height: 100px;
}
#tooltip.fancy.viewport-right {
	background: url('tooltip/shadow2-reverse.png');
}
/*
 *  Tooltip do wyświetlania komentarzy w listingach i ankietach
 */
#tooltip.fabulous {
    background: url('tooltip/shadow2.png') !important;
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    padding: 20px;
    word-wrap: break-word;    
}
#tooltip.pretty.fabulous{
    opacity: 1 !important;
}
#tooltip.fabulous div{
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
#tooltip.fabulous.viewport-right.viewport-bottom{
    -ms-transform: rotateX(180deg) rotateY(180deg);
    -webkit-transform: rotateX(180deg) rotateY(180deg);
    transform: rotateX(180deg) rotateY(180deg);    
}
#tooltip.fabulous.viewport-right.viewport-bottom h3{
    -ms-transform: rotateX(180deg) rotateY(180deg);
    -webkit-transform: rotateX(180deg) rotateY(180deg);
    transform: rotateX(180deg) rotateY(180deg);    
}
#tooltip.fabulous.viewport-right h3{
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);    
}
#tooltip.fabulous > h3{
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    width: 210px;
    top: 50%;    
}