﻿/*****************************************************************************/

.PopupPanel
{
	position:absolute;
	z-index:300;
	display:none;
}

.PopupPanelLeftTop
{
	background-image:url(../../Images/EC/PopupLT.png);
	background-repeat:no-repeat;
}

.PopupPanelRightTop, .PopupPanelRight, .PopupPanelRightBottom
{
	margin-left:4px;
}

.PopupPanelContentTop, .PopupPanelContent, .PopupPanelContentBottom
{
	margin-right:6px;
}

.PopupPanelContentTop, .PopupPanelContent, .PopupPanelContentBottom
{
	width:350px;
}


.PopupPanelRightTop
{
	background-image:url(../../Images/EC/PopupRT.png);
	background-repeat:no-repeat;
	background-position:right top;
}

.PopupPanelContentTop
{
	background-color:#faf7e3;
	border-top:solid 1px #989a95;
	height:4px;
	overflow:hidden;
}


.PopupPanelLeft
{
	background-image:url(../../Images/EC/PopupL.png);
	background-repeat:repeat-y;
}

.PopupPanelRight
{
	background-image:url(../../Images/EC/PopupR.png);
	background-repeat:repeat-y;
	background-position:right;
}

.PopupPanelContent
{
	background-color:#faf7e3;
	color:#383838;
}

.PopupPanelLeftBottom
{
	background-image:url(../../Images/EC/PopupLB.png);
	background-repeat:no-repeat;
}

.PopupPanelRightBottom
{
	background-image:url(../../Images/EC/PopupRB.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}

.PopupPanelContentBottom
{
	background-image:url(../../Images/EC/PopupB.png);
	background-repeat:repeat-x;
	height:7px;
	overflow: auto;
	font-size: 1px;
}

.PopupPanelPointerB
{
	position:absolute;
	width:16px;
	height:18px;
	background-image:url(../../Images/EC/PopupPointerB.png);
	background-repeat:no-repeat;
	
	bottom:-15px !important;	/* IE6 and Firefox seem to be out by 1 pixel, so handle this */
	bottom:-16px;
	right:50px;
}

.PopupPanelPointerL
{
	position:absolute;
	width:22px;
	height:19px;
	background-image:url(../../Images/EC/PopupPointerL.png);
	background-repeat:no-repeat;
	
	top:20px;
	left:-21px;
}

.PopupPanelPointerT
{
	position:absolute;
	width:13px;
	height:15px;
	background-image:url(../../Images/EC/PopupPointerT.png);
	background-repeat:no-repeat;
	
	top:-14px;
	left:20px;
}



/* the default settings for an info poup */
.InfoPopup .PopupPanelContentTop, .InfoPopup .PopupPanelContent, .InfoPopup .PopupPanelContentBottom
{
	width:200px;
}

.InfoPopup .PopupPanelContent
{
	min-height:100px;
	height:auto !important;
	height:100px;
}
