.tooltip {width: 150px; color: #fff;}
.tooltip .title {background: #0F6788; font: italic 17px Georgia, serif; padding: 5px;}
.tooltip .content {background: dodgerblue; font: 11px Arial, Helvetica, sans-serif; padding: 5px;}
.pinktip {border: 5px solid #a1a1a1}
.pinktip .title {background: #ff1e53; color: #fff; font: italic 17px Georgia, serif; padding: 5px}
.pinktip .content {background: #fff; color: #555555; padding: 5px}
.darktip {width: 200px}
.darktip .title, .darktip .content {border: 5px solid #999999; padding: 5px}
.darktip .title {border-bottom: none; background: #606060; color: #fff; font: italic 17px Georgia, serif}
.darktip .content {border-top: none; background: #808080; color: #fff; font: 11px Arial, Helvetica, sans-serif}
.pictip {width: 90px; color: #fff;}
.pictip.title {font: italic 17px Georgia, serif; padding: 5px; display: block; background: #FFFFFF; color: #000000}
.pictip .content {font-size: 14px; padding: 5px; height: 75px; text-align: center; background: #FFFFFF; color: #fff}
.tip .title {font: italic 17px Georgia, serif; padding: 5px; display: block; background: #0F6788; color: #fff; z-index:2}
.tip .content {font-size: 13px; padding: 3px; width: 150px; text-align: center; background: #FFFF82; color: #000; border: 1px solid black; z-index:2}
.preview_tip .title {font: italic 17px Georgia, serif; padding: 5px; display: block; background: #0F6788; color: #fff; text-align: center}
.preview_tip .content {font-size: 14px; padding: 5px; width:35em; text-align: center; color: #fff}
.borderedTip {width: 200px}
.borderedTip .title {border: 5px solid #999999; border-bottom: none; padding: 5px; font: italic 17px Georgia, serif; display: block; background: #606060; color: #fff}
.borderedTip .content {font-size: 11px; padding: 10px; background: #808080; color: #fff; border: 5px solid #999999; border-top: none}
.tip {z-index:50}