/* tooltip styling. uses a background image (a black box with an arrow) */ 

div.tooltip {
	  background-color:#ffffff; 
    border-width:2px;
    border-color: #cccccc; 
    border-style:solid;
    width:200px; 
    display:none;
    color:#000000; 
    text-align:left; 
    font-family:"Verdana, Times New Roman",Georgia,Serif;
    font-size:10px; 
	  vertical-align: top;
    /* outline radius for mozilla/firefox only */ 
    outline-radius:4px; 
    -moz-outline-radius:4px; 
    -webkit-outline-radius:4px; 	
}

div.tooltip .white { 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

div.tooltip .grey { 
    background-color:#D7D7D7;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px; 
}

div.tooltip .blue { 
    background-color:#CDEBF5;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px; 
}


div.tooltip .red { 
    background-color:#FF0000; 
    border-width:10px;
    border-color: #FF0000; 
    border-style:solid;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px; 
}

div.tooltip .lightred { 
 /*   background-color:#FF0000; */
    background: rgba(243, 60, 160, 0.4);
    border-width:1px;
    border-color: #FF0000; 
    border-style:solid;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px; 
}

 
div.tooltip .black_arrow_big{ 
    background: transparent url(/themes/wowoyo/img/black_arrow_big.png) no-repeat scroll 0 0;
    border-width:0px;
    border-color: transparent; 
    font-size:14px; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px; 
    display:none; 
    color:#ffffff; 
} 

div.tooltip .blue_image{ 
    background:transparent url(/themes/wowoyo/img/blue.png) no-repeat scroll 0 0;
    font-size:14px; 
    height:153px; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px; 
    width:310px; 
    font-size:14px; 
    display:none; 
    color:#ffffff; 
} 

div.tooltip .fett { 
    margin:0; 
    font-size:18px; 
    color:#000000;
}

/* tooltip title element (h3) */ 
div.tooltip h3 { 
    margin:0; 
    font-size:18px; 
    color:#000000; 
}


div.tooltip-image {
	background:transparent url(/themes/wowoyo/img/blue.png) no-repeat scroll 0 0;
	font-size:12px;
	height:100px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px; 
	width:180px;
	display:none;
	color:#000000;
}

/* tooltip title element (h3) */
div.tooltip-image h3 {
	margin:0;
	font-size:18px;
	font-style:inherit;
	color:#000000;
}

#bubble_tooltip{
	width:147px;
	position:absolute;
	display:none;
}
#bubble_tooltip .bubble_top{
	background-image: url('/lib/BubbleTip/images/bubble_top_blue.png');
	background-repeat:no-repeat;
	height:16px;	
	position:relative;
	top: 13px;
}
#bubble_tooltip .bubble_middle{
	background-image: url('/lib/BubbleTip/images/bubble_middle_blue.png');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:10px;
	padding-right:10px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:11px;
}
#bubble_tooltip .bubble_bottom{
	background-image: url('/lib/BubbleTip/images/bubble_bottom_blue_schrift.png');
	background-repeat:no-repeat;
	height:44px;
	position:relative;
	top:-11px;
}

#feetip {
	display:none;
	background:transparent url('/lib/tooltip/tooltip_image/white.png');
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}

/* style the trigger elements */
#fee img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}


#tooltip, #tooltip2 { width: 250px; }
#tooltip, #tooltip2, #preview {
color:#dddddd;
background:#222222;
border: 1px solid #333333;
padding:5px;
text-align:left;
display:none;
}