/* -----------------------------------------
   Tooltip
----------------------------------------- */
.xendo-tooltip { 
	/*border-bottom: 1px dotted #333;*/
	position: relative;
	cursor: pointer; }
.xendo-tooltip:hover:after { 
    content: attr(tip); 
    position: absolute; 
    white-space: nowrap; 
    background: rgba(0, 0, 0, 0.75); 
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
    padding: 3px 7px; color: #FFF; 
    margin-left: 7px; 
    margin-top: -3px;
	font-weight: normal; 
    font-size: 11px; 
    bottom: -30px; 
    left: -10%;}
.xendo-tooltip:hover:before {
	border: solid;
	/*border-color: #333 transparent;*/
	border-color: rgba(0, 0, 0, 0.75) transparent;
	border-width: 0 6px 6px 6px;
	bottom: -6px;
	content: "";
	left: 50%;
	position: absolute;
	z-index: 99;
}


a.xendo-tooltip { 
	/*border-bottom: 1px dotted #333;*/
	position: absolute;
	cursor: pointer; }
a.xendo-tooltip:hover:after { 
    content: attr(tip); 
    position: absolute; 
    white-space: nowrap; 
    background: rgba(0, 0, 0, 0.75); 
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
    padding: 3px 7px; color: #FFF; 
    margin-left: 7px; 
    margin-top: -3px;
	font-weight: normal; 
    font-size: 11px; 
    bottom: -30px; 
    left: -40%;}
a.xendo-tooltip:hover:before {
	border: solid;
	/*border-color: #333 transparent;*/
	border-color: rgba(0, 0, 0, 0.75) transparent;
	border-width: 0 6px 6px 6px;
	bottom: -6px;
	content: "";
	left: 30%;
	position: absolute;
	z-index: 99;
}

.xendo-tooltip-warning { 
	/*border-bottom: 1px dotted #333;*/
	position: relative;
	cursor: pointer; }
.xendo-tooltip-warning:hover:after { 
    content: attr(tip); 
    position: absolute; 
    /*white-space: nowrap;*/ 
    background: rgba(0, 0, 0, 0.75); 
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
    padding: 3px 7px; color: #FFF; 
    margin-left: 7px; 
    margin-top: -3px;
	font-weight: normal; 
    font-size: 11px; 
    /*bottom: -42px;*/
    top : 120%; 
    left: -40%;
    width: 150px;
    max-height: 36px;
    z-index: 1;}
.xendo-tooltip-warning:hover:before {
	border: solid;
	/*border-color: #333 transparent;*/
	border-color: rgba(0, 0, 0, 0.75) transparent;
	border-width: 0 6px 6px 6px;
	bottom: -1px;
	content: "";
	left: 9%;
	position: absolute;
	z-index: 99;
}

a.xendo-tooltip-top { 
	/*border-bottom: 1px dotted #333;*/
	position: absolute;
	cursor: pointer; }
a.xendo-tooltip-top:hover:after { 
    content: attr(tip); 
    position: absolute; 
    white-space: nowrap; 
    background: rgba(0, 0, 0, 0.75); 
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
    padding: 3px 7px; color: #FFF; 
    margin-left: 7px; 
    margin-top: -3px;
	font-weight: normal; 
    font-size: 11px; 
    bottom: 28px; 
    left: -40%}
a.xendo-tooltip-top:hover:before {
	border: solid;
	/*border-color: #333 transparent;*/
	border-color: rgba(0, 0, 0, 0.75) transparent;
	border-width: 6px 6px 0 6px;
	bottom: 22px;
	content: "";
	left: 25%;
	position: absolute;
	z-index: 99;
}


.xendo-tooltip-warning-top { 
	/*border-bottom: 1px dotted #333;*/
	position: relative;
	cursor: pointer; }
.xendo-tooltip-warning-top:hover:after { 
    content: attr(tip); 
    position: absolute; 
    /*white-space: nowrap;*/ 
    background: rgba(0, 0, 0, 0.75); 
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
    padding: 3px 7px; color: #FFF; 
    margin-left: 7px; 
    /*margin-top: 74px;*/
	font-weight: normal; 
    font-size: 11px; 
    bottom: 28px;
    /*top : -252%;*/ 
    left: -40%;
    width: 150px;
    max-height: 36px;
    z-index: 1;}
.xendo-tooltip-warning-top:hover:before {
	border: solid;
	/*border-color: #333 transparent;*/
	border-color: rgba(0, 0, 0, 0.75) transparent;
	border-width: 6px 6px 0 6px;
	bottom: 22px;
	content: "";
	left: 9%;
	position: absolute;
	z-index: 99;
}