﻿/*tooltip*/
.tooltip { position: absolute; }
.tooltip table td.corner { width: 12px; height: 12px; font-size: 3px; line-height: 3px; }
.tooltip table.tooltiptable { margin: 3px; }

.tooltip table td.topleft { background-position: 0 0; }
.tooltip table td.topcenter { background-position: center top; }
.tooltip table td.topright { background-position: right top; }
.tooltip table td.bodyleft { background-position: left center; }
.tooltip table td.bodycontent { background-position: center center; }
.tooltip table td.bodyright { background-position: right center; }
.tooltip table td.footerleft { background-position: left bottom; }
.tooltip table td.footercenter { background-position: center bottom; }
.tooltip table td.footerright { background-position: right bottom; }
.tooltip table td.bodycontent { padding: 3px 1px 2px 2px; font-size: 12px; color: #abc; /*	color:#653;*/ font-family: Tahoma, SimSun, Verdana, sans-serif; line-height: 15px; word-break: break-all; text-align: justify; text-justify: inter-ideograph; max-width:400px;}

.tooltip table td.topleft,
.tooltip table td.topcenter,
.tooltip table td.topright,
.tooltip table td.bodyleft,
.tooltip table td.bodycontent,
.tooltip table td.bodyright,
.tooltip table td.footerleft,
.tooltip table td.footercenter,
.tooltip table td.footerright { background-image: url(../images/tip_box.png); _background-image: url(../images/tip_box.gif); background-repeat: no-repeat; }

.tip_notice table td.topleft,
.tip_notice table td.topcenter,
.tip_notice table td.topright,
.tip_notice table td.bodyleft,
.tip_notice table td.bodycontent,
.tip_notice table td.bodyright,
.tip_notice table td.footerleft,
.tip_notice table td.footercenter,
.tip_notice table td.footerright { background-image: url(../images/tip_box_notice.png); _background-image: url(../images/tip_box_notice.gif); background-repeat: no-repeat;  }


.tooltip .tooltipfang { font-size: 1px; line-height: 1px; position: absolute; width: 11px; height: 11px; }
.tooltip .closebtn { position: absolute; z-index: 10; right: 15px; top: 8px; }
.tooltip .closebtn a { display: block; height: 10px; width: 14px; padding: 0 0 0 2px; color: #FF7744; line-height: 6px; +line-height: 7px;
font-size: 12px; border: #DDDDDD 1px solid; border-top: none; }
.tooltip .closebtn a:hover { color: #FFFFFF; text-decoration: none; border-color: #FFCC00; background-color: #FFBB66; }
.tooltip .tooltipfang {background-image: url(../images/tip_callouts.gif); background-repeat: no-repeat; background-position: 0 0; }
.tip_notice .tooltipfang {background-image: url(../images/tip_callouts_notice.gif); background-repeat: no-repeat; background-position: 0 0; }
.tip_notice table td.bodycontent{color: #757168;}

.tooltip-callout1 .tooltipfang { right: 13px; top: 0px; background-position: 0px -11px; }
.tooltip-callout1 .closebtn { right: 20px; }
.tooltip-callout2 .tooltipfang { top: 13px; right: 0px; background-position: 0px -33px; }
.tooltip-callout3 .tooltipfang { top: 50%; margin-top:-5px; right: 0px; background-position: 0px -33px; }
.tooltip-callout4 .tooltipfang { bottom: 13px; right: 0px; background-position: 0px -33px; }
.tooltip-callout5 .tooltipfang { right: 13px; bottom: 0px; background-position: 0px -66px; }
.tooltip-callout6 .tooltipfang { left: 50%; margin-left:-5px; bottom: 0px; background-position: 0px -55px; }
.tooltip-callout7 .tooltipfang { left: 13px; bottom: 0px; background-position: 0px -77px; }
.tooltip-callout8 .tooltipfang { left: 0px; bottom: 13px; background-position: 0px -44px; }
.tooltip-callout9 .tooltipfang { left: 0px; top: 50%; margin-top:-5px; background-position: 0px -44px; }
.tooltip-callout10 .tooltipfang { left: 0px; top: 13px; background-position: 0px -44px; }
.tooltip-callout11 .tooltipfang { left: 13px; top: 0px; background-position: 0px -22px; }
.tooltip-callout12 .tooltipfang { left: 50%; margin-left:-5px; top: 0px; background-position: 0px 0px; }

