/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
 * Help link and supplimental popup definitions.
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.Help
{
	margin:				0;
	width:				26px;	/* supposed to always set width for floats */
	height:				20px;
}
.Help.Right
{
	float:				right;	/* can only float block elements */
}
.Help.Inline
{
	float:				none;	
	display:			inline-block;
}

a.Help
{
	text-decoration:	none	!important; /* had to override popup def */
}

a.Help.LinkIcon, 
a.Help.AlertIcon
{
	background:			transparent url('../image/icon/16/question_text.gif') no-repeat center center;
}


.Help.Popup, 
.Help.Popup:visited
{
	position: 			relative;
	background:			transparent url('../image/icon/16/question_balloon-white.png') no-repeat center center;
	cursor:				help;
	text-decoration:	underline;
}

/* right side triangle - removed - kinda hokey...
.Help.Popup:hover:after
{
    content: 			" ";
    position: 			absolute;
    top:				5px;
    right:				15px;
    width: 				0;
    height: 			0;

    border-left: 		10px solid transparent;
    border-right: 		10px solid transparent;
    border-top: 		10px solid #aaa;
	background-color: 	transparent;
	z-index: 			2;

	-webkit-transform: 	rotate(-90deg);
	-moz-transform: 	rotate(-90deg);
	-ms-transform: 		rotate(-90deg);
	-o-transform:		rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
*/

.Help.Popup:hover  .Container,
.Help.Popup:active .Container,
.Help.Popup:focus  .Container
{
	top:				17px;	/* can be 1 larger than the image size so that user can mouse over the container and have it stay open */
	left:				-250px;
}

.Help.Popup .Container .Content
{
	min-width:			250px;
	max-width:			400px;
	max-height: 		180px;
}
 

.Help.Popup .Container .Content a, 
.Help.Popup .Container .Content a:visited
{
	cursor:				pointer;
}

/*============================ End of Style Sheet ============================*/