@CHARSET "UTF-8";

#popupBackground
{
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: black url("../images/loading.gif") 50% 50% no-repeat;
  z-index: 1000;
}

#popupContainer
{
	position: fixed;
	z-index: 1001;
	width: 500px;
	color: black;
}

#popupContainerInner
{
	overflow: hidden;
}

#popupContainer form.popupForm div.popupTitle
{
	border-bottom: 1px solid #CCC;
	background-color: #EFEFEF;
	font-weight: bold;
	font-size: 1.4em;
	height: 30px;
}

#popupContainer form.popupForm div.popupTitleInner
{
	padding: 5px 0px 0px 5px;
}

#popupContainer form.popupForm div.popupContent
{
	min-height: 100px;
	height: 100%;
	overflow-y: auto;
	background-color: white;
}

#popupContainer div.popupContentInner
{
	/*padding: 10px; This property is set by code now. */
}

#popupContainer div.popupButtons
{
	background-color: #F2F2F2;
	border-top: 1px solid #CCC;
	width: 100%;
	height: 35px;
}

#popupContainer div.popupButtonsInner
{
	padding: 5px 5px 0px 0px;
	text-align: right;
}

#popupContainer div.popupButtons button
{
	border: 1px solid #CCC;
	background-color: #EFEFEF;
	font-weight: bold;
	cursor: pointer;
	height: 25px;
	margin-left: 10px;
}

#popupContainer>table
{
	border-collapse: collapse;
	width: 100%;
}

#popupContainer>table>tbody>tr>td
{
	padding: 0px;
}

#popupContainer td.tl,
#popupContainer td.br
{
	width: 10px;
	height: 10px;
}

#popupContainer td.tl
{
	background: transparent url("../images/tl.png") 0px 0px repeat;
}

#popupContainer td.tr
{
	background: transparent url("../images/tr.png") 0px 0px repeat;
}

#popupContainer td.bl
{
	background: transparent url("../images/bl.png") 0px 0px repeat;
}

#popupContainer td.br
{
	background: transparent url("../images/br.png") 0px 0px repeat;
}

#popupContainer td.t,
#popupContainer td.b,
#popupContainer td.l,
#popupContainer td.r
{
	background: transparent url("../images/b.png") 0px 0px repeat;
}