/* r.a.d.tooltip DEFAULT skin */

/* r.a.d.tooltip resize element */
div.radtooltip_NavigationFlyout
{
	position: absolute;
	cursor: default;
	
	margin-left: 5px;
}

div.radtooltip_NavigationFlyout.LoadingSign
{	
	background: url(ToolTip/Loading.gif) no-repeat center !important;
	width: 100% !important; 
	height: 100% !important;
	text-align:left !important;
	border:0;
}

div.radtooltip_NavigationFlyout div
{
    position: relative;
    z-index: 500;
}


div.radtooltip_NavigationFlyout div.ToolTipCallout
{
	display:none;
}

div.radtooltip_NavigationFlyout.visiblecallout
{
	/**/	
}

div.radtooltip_NavigationFlyout.visiblecallout div.ToolTipCallout
{
	display: block;
}


div.radtooltip_NavigationFlyout table.ToolTipWrapper
{
	padding: 0; margin: 0;
	border-collapse: collapse;
}

div.radtooltip_NavigationFlyout table.ToolTipWrapper td
{		
	padding: 0; margin: 0;
	border-collapse: collapse;
	background: white;
	text-align:left;
}

/* -------------------------- CORNER SETTINGS BEGIN ---------------------------------- */
div.radtooltip_NavigationFlyout table.ToolTipWrapper td.ToolTipTopLeft,
div.radtooltip_NavigationFlyout table.ToolTipWrapper td.ToolTipTopRight,
div.radtooltip_NavigationFlyout table.ToolTipWrapper td.ToolTipBottomLeft,
div.radtooltip_NavigationFlyout table.ToolTipWrapper td.ToolTipBottomRight
{
	width: 8px;
	height: 8px;
	line-height: 0px; font-size: 1px;
}

div.radtooltip_NavigationFlyout table.ToolTipWrapper td.ToolTipTopCenter,
div.radtooltip_NavigationFlyout table.ToolTipWrapper td.ToolTipBottomCenter
{
	height: 8px;
	line-height: 0px;
	font-size: 1px;
}

/* -------------------------- CORNER SETTINGS END ---------------------------------- */

div.radtooltip_NavigationFlyout table.ToolTipWrapper td.ToolTipContent
{
	font: normal 12px/18px Arial, Verdana, Sans-serif;
	height: 100%;
	color:#000;

	background: white url('Images/bullet3-reverse.gif') top left no-repeat;
}

/* --------------------------------------------- TOOLTIP CALLOUT SETTINGS BEGIN --------------------------------------------- */
div.radtooltip_NavigationFlyout div.ToolTipCallout
{
	position: absolute; top: 0; left: 0;
}

/* position="Center" */
div.radtooltip_NavigationFlyout .Center
{
	background-color: white;
}

/* position="BottomRight" */
.radtooltip_NavigationFlyout .TopLeft
{
	margin-top: -11px; margin-left: 15px;
}

/* position="BottomCenter" */
.radtooltip_NavigationFlyout .TopCenter
{
	left: 50% !important;
	margin-top: -11px; margin-left: -5px;
	background-position: 0 -11px !important;
}

/* position="BottomLeft" */
.radtooltip_NavigationFlyout .TopRight
{
	left: 100% !important;
	margin-top: -11px; margin-left: -26px;
	background-position: 0 -22px !important;
}

/* position="TopCenter" */
.radtooltip_NavigationFlyout .BottomCenter
{
	top: 100% !important; left: 50% !important;
	margin-left: -5px !important; margin-top: 0 !important;
	width: 100% !important;
	background-position: 0 -55px !important;
}

/* position="TopLeft" */
.radtooltip_NavigationFlyout .BottomRight
{
	top: 100% !important; left: 100% !important;
	margin-left: -25px !important; margin-top: 0px !important;
	background-position: 0 -66px !important;
}

/* position="TopRight" */
.radtooltip_NavigationFlyout .BottomLeft
{
	top: 100% !important;
	margin-left: 26px !important; margin-top: 0px !important;
	background-position: 0 -88px !important;
}

/* position="MiddleRight" */
.radtooltip_NavigationFlyout .MiddleLeft
{
	top: 50% !important;
	margin-left: -11px; margin-top: -5px;
	background-position: 0 -44px !important;
}

/* position="MiddleLeft" */
.radtooltip_NavigationFlyout .MiddleRight
{
	left: 100% !important; top: 50% !important;
	margin-left: 0px; margin-top: -5px;
	background-position: 0 -33px;
}
/* --------------------------------------------- TOOLTIP CALLOUT SETTINGS END --------------------------------------------- */

div.radtooltip_NavigationFlyout table.ToolTipWrapper td.ToolTipTopLeft,   
div.radtooltip_NavigationFlyout table.ToolTipWrapper td.ToolTipTopCenter,   
div.radtooltip_NavigationFlyout table.ToolTipWrapper td.ToolTipTopRight,   
div.radtooltip_NavigationFlyout table.ToolTipWrapper td.ToolTipLeftMiddle,   
div.radtooltip_NavigationFlyout table.ToolTipWrapper td.ToolTipContent,   
div.radtooltip_NavigationFlyout table.ToolTipWrapper td.ToolTipRightMiddle,   
div.radtooltip_NavigationFlyout table.ToolTipWrapper td.ToolTipBottomLeft,   
div.radtooltip_NavigationFlyout table.ToolTipWrapper td.ToolTipBottomCenter,   
div.radtooltip_NavigationFlyout table.ToolTipWrapper td.ToolTipBottomRight   
{
    padding: 0;
    border: 0;
}











/* Client Portal */
div.radtooltip_NavigationFlyout div.ToolTipTitlebar
{
}

div.radtooltip_NavigationFlyout table.ToolTipWrapper 
{
	border-collapse: collapse;
	
	border: 2px solid #e3e3e3;
}

/*
div.radtooltip_NavigationFlyout table.ToolTipWrapper td.ToolTipTopLeft 
{
	background: transparent url('ToolTip/TopLeft.gif') top left no-repeat;
}
div.radtooltip_NavigationFlyout table.ToolTipWrapper td.ToolTipTopRight 
{
	background: transparent url('ToolTip/TopRight.gif') top right no-repeat;
}
div.radtooltip_NavigationFlyout table.ToolTipWrapper td.ToolTipBottomLeft 
{
	background: transparent url('ToolTip/BottomLeft.gif') bottom left no-repeat;
}
div.radtooltip_NavigationFlyout table.ToolTipWrapper td.ToolTipBottomRight 
{
	background: transparent url('ToolTip/BottomRight.gif') bottom right no-repeat;
}

div.radtooltip_NavigationFlyout table.ToolTipWrapper td.ToolTipLeftMiddle 
{
	background: #f0f2f2 url('ToolTip/Left.gif') repeat-y top left;
}
div.radtooltip_NavigationFlyout table.ToolTipWrapper td.ToolTipRightMiddle
{
	background: #f0f2f2 url('ToolTip/Right.gif') repeat-y top right;
}
div.radtooltip_NavigationFlyout table.ToolTipWrapper td.ToolTipTopCenter 
{
	white-space: nowrap;
	background: #f0f2f2 url('ToolTip/Top.gif') repeat-x top left;
}

div.radtooltip_NavigationFlyout table.ToolTipWrapper td.ToolTipBottomCenter 
{
	background: #f0f2f2 url('ToolTip/Bottom.gif') repeat-x bottom left;
}
*/

div.radtooltip_NavigationFlyout a.CloseButton, 
div.radtooltip_NavigationFlyout a.CloseButton:active, 
div.radtooltip_NavigationFlyout a.CloseButton:hover, 
div.radtooltip_NavigationFlyout a.CloseButton:visited
{
	width: 17px;
	height: 17px;
}
