.colorTip{ display:none; position:absolute;	 left:50%; top:-30px; padding:6px; background-color:white; font-family:Arial,Helvetica,sans-serif; font-size:13px; font-style:normal; line-height:1; text-decoration:none; text-align:center; text-shadow:0 0 1px white; white-space:nowrap; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } .pointyTip,.pointyTipShadow{ border:6px solid transparent; bottom:-12px; height:0; left:50%; margin-left:-6px; position:absolute; width:0; } .pointyTipShadow{ border-width:7px; bottom:-14px; margin-left:-7px; } .colorTipContainer{ position:relative; text-decoration:none !important; } .t_white .pointyTip{ border-top-color:white;} .t_white .pointyTipShadow{ border-top-color:#ddd;} .t_white .colorTip{ background-color:white; color:#555555; opacity:0.8; } .t_yellow .pointyTip{ border-top-color:#f9f2ba;} .t_yellow .pointyTipShadow{ border-top-color:#e9d315;} .t_yellow .colorTip{ background-color:#f9f2ba; border:1px solid #e9d315; color:#5b5316; } .t_blue .pointyTip{ border-top-color:#d9f1fb;} .t_blue .pointyTipShadow{ border-top-color:#7fcdee;} .t_blue .colorTip{ background-color:#d9f1fb; border:1px solid #7fcdee; color:#1b475a; } .t_green .pointyTip{ border-top-color:#f2fdf1;} .t_green .pointyTipShadow{ border-top-color:#b6e184;} .t_green .colorTip{ background-color:#f2fdf1; border:1px solid #b6e184; color:#558221; } .t_red .pointyTip{ border-top-color:#bb3b1d;} .t_red .pointyTipShadow{ border-top-color:#8f2a0f;} .t_red .colorTip{ background-color:#bb3b1d; border:1px solid #8f2a0f; color:#fcfcfc; text-shadow:none; } .t_black .pointyTip{ border-top-color:#333;} .t_black .pointyTipShadow{ border-top-color:#111;} .t_black .colorTip{ background-color:#333; border:1px solid #111; color:#fcfcfc; text-shadow:none; } .t_default .pointyTip{ border-top-color:#E0AF1D;} .t_default .pointyTipShadow{ border-top-color:#E0AF1D;} .t_default .colorTip{ background-color:#E0AF1D; border:1px solid #E0AF1D; color:#fff; text-shadow:none; }