/****
	CSS pointer technique from http://www.filamentgroup.com/examples/fg-tooltip/
*****/
.valBubbleHolder
{
	position:absolute;
	z-index:999;
} 
.valBubble 
{
	background: lemonChiffon;
	border:2px solid #fad42e;
	padding:8px 8px 15px 8px;
	-moz-border-radius: 7px;
	width:150px;
	/*margin-top:-10px; this was chopping off the top of the bubble*/
	min-height:25px;
}
.valBubble .li
{
	float: left;
	margin-right:10px;
	width:34px;
}

.valBubbleHolder .pointer, .valBubbleHolder .pointer-inner {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent none repeat scroll 0 0;
	border-bottom-width:0;
	height:0;
	position:absolute;
	width:0;
}

.valBubbleHolder .left .pointer {
	border-left:0 none;
	border-right:17px dotted transparent;
	border-top:12px solid #fad42e;
	margin-left:158px;
	/*right:190px !important;*/
	top:7px;
}

.valBubbleHolder .left .pointer-inner{
	border-left:0 none;
	border-right:12px dotted transparent;
	border-top: 9px solid lemonChiffon;
	top:-10px;
}

.valBubbleHolder .right .pointer {
	border-right:0 none;
	border-left:17px dotted transparent;
	border-top:14px solid #fad42e;
	margin-right:17px;
	left:0px;
	top:7px;
}

.valBubbleHolder .right .pointer-inner{
	border-right:0 none;
	border-left:12px dotted transparent;
	border-top: 10px solid lemonChiffon;
	top:-12px;
	left:-12px;

}

/* Tooltip bubble styles */
#infoBubbleHolder
{
    position:absolute;
    z-index:99999;
    overflow:visible;
    top:500px;
    left:20px;
} 

#infoBubble 
{
    background:none repeat scroll 0 0 #E0FFFF;
    border:2px solid #87CEFA;
    padding:8px 8px 8px;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 3px 6px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 3px 6px;
    box-shadow: rgba(0,0,0,0.2) 0px 3px 6px;
    -moz-border-radius:7px 7px 7px 7px;
}

#infoBubble .li
{
    float: left;
    margin-right:10px;
    width:34px;
}

#infoBubble .pointer, #infoBubble .pointer-inner {
    background:transparent none repeat scroll 0 0;
    height:0;
    position:absolute;
    width:0;
}

.infoBubbleHolder .left .pointer {
    border-left:0 none;
    border-right:17px dotted transparent;
    border-top:12px solid #87CEFA;
    right:-15px;
    top:7px;
}

.infoBubbleHolder .left .pointer-inner{
    border-left:0 none;
    border-right:12px dotted transparent;
    border-top:7px solid #E0FFFF;
    top:-10px;
}

.infoBubbleHolder .right .pointer {
    border-left:17px dotted transparent;
    border-right:0 none;
    border-top:14px solid #87CEFA;
    height:13px;
    left:-15px;
    margin-top:5px;
    top:0;
}

.infoBubbleHolder .right .pointer-inner{
	border-right:0 none;
	border-left:12px dotted transparent;
	border-top: 10px solid #E0FFFF;
	top:-12px;
	left:-12px;
}

.infoBubbleHolder .above .pointer {
    border-bottom:17px dotted transparent;
    border-left:14px solid #87CEFA;
    border-top:0 none;
    left:0;
    margin-left:14px;
    padding-right:20px;
}

.infoBubbleHolder .above .pointer-inner{
    border-bottom:12px dotted transparent;
    border-left:10px solid #E0FFFF;
    border-top:0 none;
    left:-12px;
    top:0;
}

.infoBubbleHolder .below .pointer {
    border-bottom:0 none;
    border-left:14px solid #87CEFA;
    border-top:17px dotted transparent;
    left:0;
    margin-left:8px;
    top:-16px;
}

.infoBubbleHolder .below .pointer-inner{
    border-bottom:0 none;
    border-left:10px solid #E0FFFF;
    border-top:12px dotted transparent;
    left:-12px;
    top:-11px;
}

.infoBubbleHolder .sp 
{
    max-width:500px;
}


/***
Validators
***/
/*.validationError_cmb, .validationError_txt, .validationError_chk, .validationError_cal, .validationError_dbl, .validationError_num, */.validationError, .validationSummary
{
	background: LemonChiffon !important;
	border: 1px solid #bb0000 !important;
}

.validationSummary
{
	padding:3px;
	margin-right:5px;
	display: inline;
}

.validationSummary ul
{display: none;}

.valBubbleHolder .left
{margin-right:15px !important;}