/* popup */

.popup
{
	position: absolute;
	display: none;
	z-index: 50;
}

.popup .tl
{
	width: 9px;
	height: 16px;
	background: transparent url(../images/popup-top-left.gif) no-repeat bottom;
}

.popup .tc
{
	height: 16px;
	background: transparent url(../images/popup-top-center.gif) repeat-x bottom;
}

.popup .ta
{
	width: 16px;
	height: 16px;
	background: transparent url(../images/popup-top-arrow.gif) no-repeat bottom;
}

.popup .tr
{
	width: 9px;
	height: 16px;
	background: transparent url(../images/popup-top-right.gif) no-repeat bottom;
}

.popup .ml
{
	width: 9px;
	background: transparent url(../images/popup-middle-left.gif) repeat-y;
}

.popup .mr
{
	width: 9px;
	background: transparent url(../images/popup-middle-right.gif) repeat-y;
}

.popup .bl
{
	width: 9px;
	height: 16px;
	background: transparent url(../images/popup-bottom-left.gif) no-repeat  top;
}
	
.popup .bc
{
	height: 16px;
	background: transparent url(../images/popup-bottom-center.gif) repeat-x top;
}

.popup .ba
{
	width: 16px;
	height: 16px;
	background: transparent url(../images/popup-bottom-arrow.gif) no-repeat top;
}

.popup .br
{
	width: 9px;
	height: 16px;
	background: transparent url(../images/popup-bottom-right.gif) no-repeat top;
}

.popup .content
{
	background: #311C6B;
}

.popup .close
{
	width: 14px;
	height: 14px;
	background: transparent url(../images/popup-close.gif) no-repeat;
	cursor: pointer;
}