@CHARSET "UTF-8";


/* Bubble with an isoceles triangle
------------------------------------------ */



.tip {
	display: none;
	position:absolute;
	padding:5px;
	margin:5px 0 0;
	color:#000;
	background-color: transparent;
	border: 2px solid #f3961c;
	font-size: 0.8em;
	color: #444;
	  /* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	z-index: 9002;
}

body.nojs .tip{
	display: block;
	position:relative;
}

/* creates triangle */
.tip:after {
	
	content:"";
	position:absolute;
	border-style:solid;
	border-color:#f3961c transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
	z-index: 9000;
	
	top:-8px; /* value = - border-top-width - border-bottom-width */
	right:50px; /* controls horizontal position */
	bottom:auto;
	left:auto;
	border-width:0 8px 8px; /* vary these values to change the angle of the vertex */
	border-color:#f3961c transparent;
}

.tip:before {
	
	content:"";
	position:absolute;
	border-style:solid;
	border-color:#f3961c transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    
	
	
	top:-5px; /* value = - border-top-width - border-bottom-width */
	right:53px; /* controls horizontal position */
	bottom:auto;
	left:auto;
	z-index: 9001;
	border-width:0 5px 5px; /* vary these values to change the angle of the vertex */
	border-color:#fff transparent;
}