div.sample_popup {
	cursor: default;
	width:500;
	height:260;
	left:30px;
}

.test {
  filter: DropShadow(filter:dropshadow(color=#00ffcc,offx=8,offy=8,positive=1,enabled=1));
}

div.sample_popup div.menu_form_header
{
	border: 1px solid black;
	border-bottom: none;
	width: 500px;
	height:      20px;
	line-height: 19px;
	vertical-align: middle;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 900;
	font-size:  13px;
	color:   #FFFFFF;
	cursor:  default;
	background-color: #999966;
	background-repeat: no-repeat;
}

div.sample_popup div.menu_form_body
{
	width: 500px;
	height:354px;
	background-color: #CCCC99;
}

div.sample_popup img.menu_form_exit
{
  float:  right;
  margin: 4px 5px 0px 0px;
  cursor: pointer;
}

div.sample_popup table
{
  width: 100%;
  border-collapse: collapse;
}

div.sample_popup th
{
  width: 1%;
  padding: 0px 5px 1px 0px;

  text-align: left;

  font-family: Times New Roman, Serif;
  font-weight: 900;
  font-size:  13px;
  color:   #004060;
}

div.sample_popup td
{
  width: 99%;
  padding: 0px 0px 1px 0px;
}

div.sample_popup form
{
  margin:  0px;
  padding: 8px 10px 10px 10px;
}

div.sample_popup input.field
{
  width: 95%;
  border: 1px solid #808080;

  font-family: Verdana, Sans-Serif;
  font-size: 12px;
}

div.sample_popup input.btn
{
  margin-top: 2px;
  border: 1px solid #808080;

  background-color: #DDFFDD;

  font-family: Verdana, Sans-Serif;
  font-size: 11px;
}

.tl, .tr, .tc, .bl, .br, .bc
{
	position: absolute;
	background-image: url(sprites.png);
	background-repeat: no-repeat;
}

.menu_form_exit {
  position: absolute;
  background-image: url(sprites.png);
  background-repeat: no-repeat;
  top: 0px;
  right: 2px;
  width: 20px;
  height: 20px;
  background-position: -16px -685px;
  cursor: pointer;
}

.ml, .mr
{
	position: absolute;
	background-image: url(dlg-sides.png);
	background-repeat: repeat-y;
}



.tl
{
	top: 0px;
	left: -15px;
	width: 16px;
	height: 16px;
	background-position: -16px -16px;
}


.tr
{
	top: 0px;
	right: -14px;
	width: 16px;
	height: 16px;
	background-position: -16px -76px;
}


.tc
{
	top: 0px;
	right: 0px;
	left: 0px;
	height: 2px;
	background-position: 0px -136px;
	background-repeat: repeat-x;
}

.ml
{
	top: 16px;
	left: -15px;
	width: 16px;
	bottom: 35px;
	background-position: 0px 0px;
}

.mr
{
	top: 16px;
	right: -14px;
	width: 16px;
	bottom: 35px;
	background-position: -16px 0px;
}

.bl
{
	bottom: -16px;
	left: -15px;
	width: 30px;
	height: 51px;
	background-position: -16px -196px;
}


.br
{
	bottom: -16px;
	right: -14px;
	width: 30px;
	height: 51px;
	background-position: -16px -263px;
}



.bc
{
	bottom: -16px;
	right: 16px;
	left: 15px;
	height: 51px;
	background-position: 0px -330px;
	background-repeat: repeat-x;
}


/* The layer used to cover the dialog when opening a child dialog. */
.cover
{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 0;
	opacity: 0.5;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	background-color: #ffffff;
}