.tooltip { 
    
    padding-right: 50px; 
    z-index: 21; 
    overflow:visible;
    
}
div.bubbleTip p.header { background-color: #ffe77e !important; color: #5a5a5a; }
div.bubbleTip div.inner { background:url("/images/_template/_clueTips/bubbleTip_yellow.png") no-repeat scroll 17px bottom transparent; }
div.bubbleTip, .tooltip-contents-container {
    background-color: #ffffcc !important;
   -moz-box-shadow: 2px 2px 5px #888;
   -webkit-box-shadow: 2px 2px 5px #888;
   box-shadow: 2px 2px 8px #ccc;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   color: #484848;
   border:2px solid #ffe77e;
}
.tooltip-contents-container {
   z-index:2;        
   padding:0 15px 0 20px;
   position:absolute;
   left:9px;
}
.tooltip-triangle {
   border-bottom:12px solid transparent;
   border-right:11px solid #ffe77e;
   border-top:0 solid transparent;
   font-size:0;
   height:0;
   left:0;
   line-height:0;
   position:absolute;
   top:8px;
   width:0;
   z-index:3;
}
.tooltip-triangle .inner { 
   border-bottom:10px solid transparent;
   border-right:8px solid #FFFFCC;
   border-top:0 solid transparent;
   font-size:0;
   height:0;
   left:5px;
   line-height:0;
   position:absolute;
   top:2px;
   width:0;
}
.tooltip-text, .tooltip-errorMessage {
   white-space:nowrap;  
   font-size: 13px;
   line-height: 20px;
}
.tooltip p { padding: 5px 0 !important; } 
#frmTestCheckout .tooltip p.medium,
#frmTestCheckout .tooltip span.medium { line-height: 18px !important; }
.tooltip-errorMessage { color: #e25e52; font-size: 12px; }
img.error, img.ok {
   top: 4px;
   left: 18px;
   float: left;
   position: relative;
   
}
.validationMessage { display:none; }

img.error{
    z-index:20;
}

img.topMostError, img.ok{
    z-index:22;
}
#ccNumToolTip {
    width: 160px; 
    height: 55px;
}
#securityCodeToolTip { 
    width: 190px; 
    height: 150px; 
    margin-bottom: -10px;
}
.ie #securityCodeToolTip, 
.webkit #securityCodeToolTip { height: 160px; }