﻿/* r.a.d.tooltip TELERIK skin */

/* r.a.d.tooltip resize element */
div.radtooltip_ThreeColumn.ResizeElement
{
	border: solid 1px #d3fd2c;
	background: #f8fce0;
}

div.radtooltip_ThreeColumn.LoadingSign
{	
	background: url(RadToolTip/Loading.gif)  no-repeat center;
	width: 100%; height: 100%;
}

div.radtooltip_ThreeColumn
{
	position: absolute;
	cursor: default;
}

div.radtooltip_ThreeColumn div.ToolTipCallout
{
	display:none;
}

div.radtooltip_ThreeColumn.visiblecallout
{
	/**/
}

div.radtooltip_ThreeColumn.visiblecallout div.ToolTipCallout
{
	display: block;
}


div.radtooltip_ThreeColumn table.ToolTipWrapper
{
	padding: 0; margin: 0;
	border-collapse: collapse;
}

div.radtooltip_ThreeColumn table.ToolTipWrapper td
{		
	padding: 0; margin: 0;
	border-collapse: collapse;
	/*text-align:left;*//*RTL support*/
}

/* -------------------------- CORNER SETTINGS BEGIN ---------------------------------- */
div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipTopLeft,
div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipTopRight,
div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipBottomLeft,
div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipBottomRight
{
	width: 3px; height: 3px; line-height: 0px;
	font-size: 1px;
	background-image: url(RadToolTip/TooltipCorners.gif) ;
	background-repeat: no-repeat;
}

div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipTopLeft
{
	background-position: 0 0;
}

div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipTopRight
{
	background-position: right 0;
}

div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipBottomLeft
{
	background-position: 0 bottom;
}

div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipBottomRight
{
	background-position: right bottom;
}

div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipTopCenter,
div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipBottomCenter
{
	height: 3px; line-height: 0px;
	font-size: 1px;
	background: url(RadToolTip/ToolTipTopParts.gif) ;
	background-repeat: repeat-x;
}

div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipTopCenter
{
	background-position: 0 0;
}

div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipBottomCenter
{
	background-position: 0 bottom;
}

div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipLeftMiddle,
div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipRightMiddle
{
	background-image: url(RadToolTip/TooltipSideParts.gif) ;
	background-repeat: repeat-y;
	font-size: 1px;
	width: 3px;
}

div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipLeftMiddle
{
	background-position: 0 0;
}

div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipRightMiddle
{
	background-position: right 0;
}
/* -------------------------- CORNER SETTINGS END ---------------------------------- */
div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipContent
{
	font: normal 12px Arial, Verdana, Sans-serif;
	height: 100%;
	background: #f3e7c7;
	color:#272722;
	padding: 5px;
}
div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipContent p
{
	margin: 5px 0 0 2px;
	
}

div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipContent ul
{
	margin: 5px 5px 10px 25px;
	padding:0
	
}

div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipContent ul li
{
	margin: 0;
	padding: 2px 0 10px 0;
	list-style-type: square;
	color: #760f2b;
}

div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipContent ul li span
{
	margin: 0;
	padding: 0;
	color: Black;
}

div.radtooltip_ThreeColumn div.ToolTipTitlebar
{	
	color: black;
	font: bold 11px Verdana, Arial, Sans-serif;
	float:left;
	line-height: 22px;
}

/* close button */
div.radtooltip_ThreeColumn a.CloseButton,
div.radtooltip_ThreeColumn a.CloseButton:hover
{
	display: block; float: right;
	width: 15px; line-height: 1px; height: 14px; font-size: 1px;
	margin-top: 4px;
	margin-right: 1px;
	background: url(RadToolTip/close.gif)  no-repeat;
	text-indent: -9999px;
	border: dashed 1px #760f2b;
	outline: none;
}

/* RTL */
div.radtooltip_ThreeColumn_rtl a.CloseButton,
div.radtooltip_ThreeColumn_rtl a.CloseButton:hover
{
	float: left !important;
	text-decoration: none !important;
    outline: none;
}

div.radtooltip_ThreeColumn_rtl div.ToolTipTitlebar,
div.radtooltip_ThreeColumn_rtl table.ToolTipWrapper td.ToolTipTopCenter div.ToolTipTitlebar div
{
	float: right !important;
}

/* position="Center" */
div.radtooltip_ThreeColumn_rtl .Center
{
	right: 0;
	left: auto;
}

/* position="BottomRight" */
.radtooltip_ThreeColumn_rtl .TopLeft
{
	margin-right: -5px;
}

/* position="BottomCenter" */
.radtooltip_ThreeColumn_rtl .TopCenter
{
	margin-right: 5px;
}

/* position="BottomLeft" */
.radtooltip_ThreeColumn_rtl .TopRight
{
	margin-right: 20px;
}

/* position="TopCenter" */
.radtooltip_ThreeColumn_rtl .BottomCenter
{
	margin-right: 5px !important;
}

/* position="TopLeft" */
.radtooltip_ThreeColumn_rtl .BottomRight
{
	margin-right: 20px !important;
}

/* position="TopRight" */
.radtooltip_ThreeColumn_rtl .BottomLeft
{
	margin-right: -5px !important;
}

/* position="MiddleRight" */
.radtooltip_ThreeColumn_rtl .MiddleLeft
{
	margin-right: 9px;
}

/* position="MiddleLeft" */
.radtooltip_ThreeColumn_rtl .MiddleRight
{
	margin-right: 2px;
}

/* RTL END */

/* --------------------------------------------- TOOLTIP CALLOUT SETTINGS BEGIN --------------------------------------------- */
div.radtooltip_ThreeColumn div.ToolTipCallout
{
	position: absolute; top: 0; left: 0;
	height: 11px; width: 11px;
	line-height: 1px; font-size: 1px;
	background-image: url(RadToolTip/Callouts.gif) ;
	background-repeat: no-repeat;
}

/* position="Center" */
div.radtooltip_ThreeColumn .Center
{
	background: none !important;
}

/* position="BottomRight" */
.radtooltip_ThreeColumn .TopLeft
{
	margin-top: -9px; margin-left: 5px;
	background-position: 0 -22px;
}

/* position="BottomCenter" */
.radtooltip_ThreeColumn .TopCenter
{
	left: 50% !important;
	margin-top: -9px; margin-left: -5px;
	background-position: 0 0 !important;
}

/* position="BottomLeft" */
.radtooltip_ThreeColumn .TopRight
{
	left: 100% !important;
	margin-top: -9px; margin-left: -20px;
	background-position: 0 -11px !important;
}

/* position="TopCenter" */
.radtooltip_ThreeColumn .BottomCenter
{
	top: 100% !important; left: 50% !important;
	margin-left: -5px !important; margin-top: -2px !important; _margin-top: -1px !important;
	width: 100% !important;
	background-position: 0 -55px !important;
}

/* position="TopLeft" */
.radtooltip_ThreeColumn .BottomRight
{
	top: 100% !important; left: 100% !important;
	margin-left: -20px !important; margin-top: -2px !important; _margin-top: -1px !important;
	background-position: 0 -66px !important;
}

/* position="TopRight" */
.radtooltip_ThreeColumn .BottomLeft
{
	top: 100% !important;
	margin-left: 5px !important; margin-top: -2px !important; _margin-top: -1px !important;
	background-position: 0 -77px !important;
}

/* position="MiddleRight" */
.radtooltip_ThreeColumn .MiddleLeft
{
	top: 50% !important;
	margin-left: -9px; margin-top: -5px;
	background-position: 0 -33px !important;
}

/* position="MiddleLeft" */
.radtooltip_ThreeColumn .MiddleRight
{
	left: 100% !important; top: 50% !important;
	margin-left: -2px; margin-top: -5px;
	background-position: 0 -44px;
}
/* --------------------------------------------- TOOLTIP CALLOUT SETTINGS END --------------------------------------------- */

div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipTopLeft,   
div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipTopCenter,   
div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipTopRight,   
div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipLeftMiddle,   
div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipContent,   
div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipRightMiddle,   
div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipBottomLeft,   
div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipBottomCenter,   
div.radtooltip_ThreeColumn table.ToolTipWrapper td.ToolTipBottomRight   
{
    padding: 0;
    border: 0;
}
