/* ------------------------------------------- */
/* ----------------- TOOLTIPS ---------------- */
/* ------------------------------------------- */
.tooltip								{ position: absolute; z-index: 100000; }
.tooltip-arrow							{ position: absolute; background:url(../../../img/plugins/tooltip/tooltipArrow.png) no-repeat top left; }
/* -------------------------------black------------------------------------------ */
.tooltip-black							{ font-size:11px; line-height:15px; }
.tooltip-black .tooltip-load			{ width:25px; height:20px; background:url(../../../img/plugins/tooltip/tooltipLoader-black.gif) no-repeat center; }
.tooltip-black .tooltip-inner 			{ padding:5px 9px 5px; background:rgba(0,0,0,0.75); color:white; max-width:250px; text-align:center; }
.tooltip-black .tooltip-arrow			{ width:9px; height:5px; }
.tooltip-black-b,.tooltip-black-bl,.tooltip-black-br { padding-top:5px; }
.tooltip-black-t,.tooltip-black-tl,.tooltip-black-tr { padding-bottom:5px; }
.tooltip-black-l,.tooltip-black-lt,.tooltip-black-lb { padding-right:5px; }
.tooltip-black-r,.tooltip-black-rt,.tooltip-black-rb { padding-left:5px; }
.tooltip-black-b   .tooltip-arrow		{ background-position: left top; top: 0; left:50%; margin-left:-4px; }
.tooltip-black-bl  .tooltip-arrow		{ background-position: left top; top: 0; left:20px; }
.tooltip-black-br  .tooltip-arrow		{ background-position: left top; top: 0; right:20px; }
.tooltip-black-t   .tooltip-arrow		{ background-position: left -4px; bottom: 0; left:50%; margin-left:-4px; }
.tooltip-black-tl  .tooltip-arrow		{ background-position: left -4px; bottom: 0; left:20px; }
.tooltip-black-tr  .tooltip-arrow		{ background-position: left -4px; bottom: 0; right:20px; }
.tooltip-black-l   .tooltip-arrow		{ background-position: -4px top; right: 0; width:5px; height:9px; top:50%; margin-top:-4px; }
.tooltip-black-lt  .tooltip-arrow		{ background-position: -4px top; right: 0; width:5px; height:9px; top:15px; margin-top:-4px; }
.tooltip-black-lb  .tooltip-arrow		{ background-position: -4px top; right: 0; width:5px; height:9px; bottom:15px; margin-top:-4px; }
.tooltip-black-r   .tooltip-arrow		{ background-position: left top;  left: 0;  width:5px; height:9px; top:50%; margin-right:-5px; margin-top:-4px; }
.tooltip-black-rt  .tooltip-arrow		{ background-position: left top;  left: 0;  width:5px; height:9px; top:15px; margin-right:-5px; margin-top:-4px; }
.tooltip-black-rb  .tooltip-arrow		{ background-position: left top;  left: 0;  width:5px; height:9px; bottom:15px; margin-right:-5px;  margin-top:-4px;}

/* -------------------------------red------------------------------------------ */
.tooltip-red							{ font-size:11px; line-height:15px; }
.tooltip-red .tooltip-load				{ width:25px; height:20px; background:url(../../../img/plugins/tooltip/tooltipLoader-red.gif) no-repeat center; }
.tooltip-red .tooltip-inner 			{ padding:5px 9px 5px; background:rgba(255,0,0,0.65); color:white; max-width:250px; text-align:center; }
.tooltip-red .tooltip-arrow				{ width:9px; height:5px; }
.tooltip-red-b,.tooltip-red-bl,.tooltip-red-br { padding-top:5px; }
.tooltip-red-t,.tooltip-red-tl,.tooltip-red-tr { padding-bottom:5px; }
.tooltip-red-l,.tooltip-red-lt,.tooltip-red-lb { padding-right:5px; }
.tooltip-red-r,.tooltip-red-rt,.tooltip-red-rb { padding-left:5px; }
.tooltip-red-b   .tooltip-arrow			{ background-position: right top; top: 0; left:50%; margin-left:-4px; }
.tooltip-red-bl  .tooltip-arrow			{ background-position: right top; top: 0; left:20px; }
.tooltip-red-br  .tooltip-arrow			{ background-position: right top; top: 0; right:20px; }
.tooltip-red-t   .tooltip-arrow			{ background-position: right -4px; bottom: 0; left:50%; margin-left:-4px; }
.tooltip-red-tl  .tooltip-arrow			{ background-position: right -4px; bottom: 0; left:20px; }
.tooltip-red-tr  .tooltip-arrow			{ background-position: right -4px; bottom: 0; right:20px; }
.tooltip-red-l   .tooltip-arrow			{ background-position: right top; right: 0; width:5px; height:9px; top:50%; margin-top:-4px; }
.tooltip-red-lt  .tooltip-arrow			{ background-position: right top; right: 0; width:5px; height:9px; top:15px; margin-top:-4px; }
.tooltip-red-lb  .tooltip-arrow			{ background-position: right top; right: 0; width:5px; height:9px; bottom:15px; margin-top:-4px; }
.tooltip-red-r   .tooltip-arrow			{ background-position: -24px top;  left: 0;  width:5px; height:9px; top:50%; margin-right:-5px; margin-top:-4px; }
.tooltip-red-rt  .tooltip-arrow			{ background-position: -24px top;  left: 0;  width:5px; height:9px; top:15px; margin-right:-5px; margin-top:-4px; }
.tooltip-red-rb  .tooltip-arrow			{ background-position: -24px top;  left: 0;  width:5px; height:9px; bottom:15px; margin-right:-5px;  margin-top:-4px;}

/* -------------------------------white(normal)------------------------------------------ */
.tooltip-white { }
.tooltip-white .tooltip-load			{ width:50px; height:16px; background:url(../../../img/plugins/tooltip/tooltipLoader-white.gif) no-repeat center; }
.tooltip-white .tooltip-inner			{ border:1px solid #333;background:#fff; padding:6px 6px; min-height:15px; box-shadow:0 0 3px #999; min-width:50px; }
.tooltip-white .tooltip-arrow			{ width:13px; height:8px; }
.tooltip-white-b,.tooltip-white-bl,.tooltip-white-br { padding-top:7px; }
.tooltip-white-t,.tooltip-white-tl,.tooltip-white-tr { padding-bottom:7px; }
.tooltip-white-l,.tooltip-white-lt,.tooltip-white-lb { padding-right:7px; }
.tooltip-white-r,.tooltip-white-rt,.tooltip-white-rb { padding-left:7px; }
.tooltip-white-b   .tooltip-arrow		{ background-position: -10px top; top: 0; left:50%; margin-left:-7px; }
.tooltip-white-bl  .tooltip-arrow		{ background-position: -10px top; top: 0; left:20px; }
.tooltip-white-br  .tooltip-arrow		{ background-position: -10px top; top: 0; right:20px; }
.tooltip-white-t   .tooltip-arrow		{ background-position: -10px bottom; bottom: 0; left:50%; margin-left:-7px; }
.tooltip-white-tl  .tooltip-arrow		{ background-position: -10px bottom; bottom: 0; left:20px; }
.tooltip-white-tr  .tooltip-arrow		{ background-position: -10px bottom; bottom: 0; right:20px; }
.tooltip-white-l   .tooltip-arrow		{ background-position: -16px -1px; right: 0; width:8px; height: 13px; top:50%; margin-top:-7px; }
.tooltip-white-lt  .tooltip-arrow		{ background-position: -16px -1px; right: 0; width:8px; height: 13px; top:20px; margin-top:-7px; }
.tooltip-white-lb  .tooltip-arrow		{ background-position: -16px -1px; right: 0; width:8px; height: 13px; bottom:20px; margin-top:-7px; }
.tooltip-white-r   .tooltip-arrow		{ background-position: -9px -1px;  left: 0;  width:8px; height: 13px; top:50%; margin-top:-7px; }
.tooltip-white-rt  .tooltip-arrow		{ background-position: -9px -1px;  left: 0;  width:8px; height: 13px; top:20px; margin-top:-7px; }
.tooltip-white-rb  .tooltip-arrow		{ background-position: -9px -1px;  left: 0;  width:8px; height: 13px; bottom:20px; margin-top:-7px; }