body
{
	background-color:white; margin:0px; padding:0px;
    font-family:"Verdana","Arial","Helvetica","sans-serif";
	font-size:10pt;
}
img		{ border-width:0px; }
table	{ border-width:0px; }
colgroup	{ width:100%; }

input.text, input.password, select
{
	color:#333333; background-color:#E7E7E7;
	height:18px; border:1px #666666 solid;
}

input.button
{
  color:white; background-color:#FF0099;
  border:1px #CC0066 solid;
}

div.queryForm, div.queryCondition, div.queryResult, div.help, div.queryBar
{ width:100%; }

span.header
{
	padding:0px 0px 2px 0px; width:100%;
	background-image:url(../images/main/header.gif);
}
span.header table.bar	{ height:29px;}
span.header table.bar col.left { width:6px; }
span.header table.bar col.center
{
	background-color:#3366CC; color:white;
	font-size:9pt; font-weight:bold;
 	word-break:keep-all; white-space:nowrap; word-wrap:normal; width:auto;
 }

span.header table.bar col.right { width:26px; }

span.footer		{ padding:2px 0px 0px 0px; width:100%; }
span.footer table.bar	{ background-color:#FEE0F0; width:100%; }
span.footer table.bar col { text-align:center; padding:2px 0px 2px 0px; }
span.formbar
{
	color:#3300CC; background-color:#E6EFFF; font-weight:normal;
 	text-align:left; padding:2px; width:100%;
}

div.queryForm table.body, div.queryCondition table.body,
div.queryResult table.body, div.help table.body
{ background-color:#E7E7E7; width:100%; }

div.queryBar span.body { width:100%; border:1px #FF6699 dashed; padding:3px; }
div.queryBar table.body { background-color:#FEE0F0; width:100%; }

div.queryForm table.body col.item, div.queryCondition table.body col.item,
div.queryResult table.body col.item
{
	width:20%; background-color:white; color:#003399;
 	padding:2px; text-align:left; vertical-align:top;
}

div.queryForm table.body col.input, div.queryCondition table.body col.input,
div.queryResult table.body col.data, div.help table.body col.description
{
	width:auto; color:#333333; background-color:white;
	padding:2px; text-align:left;
}

div.queryBar table.body col.input
{
	width:auto; color:#003333;
 	padding:2px 0px 2px 10px; text-align:left;
}

div.queryBar table.body col.button
{
	width:auto; color:#003333;
 	padding:2px 10px 2px 0px; text-align:left;
}

div.queryResult table.body tr.itembar	{ background-color:#E6EFFF; }

div.queryResult table.body tr.itembar th
{
  font-weight:bold; color:#3300CC; text-align:center;
  word-break:keep-all; white-space:nowrap; word-wrap:normal;
}

div.queryResult span.top 	{ width:100%; padding:0px 0px 2px 0px; }
div.queryResult span.bottom { width:100%; padding:2px 0px 0px 0px; }
div.queryResult table		{ width:100%; }
div.queryResult	table col.count	{ font-size:9pt; text-align:left; color:black; }
div.queryResult table col.pageControl { text-align:right; white-space:nowrap; }
div.queryResult span.queryTime
{
	width:100%; text-align:center; font-size:9px;
	color:black; padding:10px 0px 0px 0px;
}

div.help span.formbar
{ text-align:left; padding:2px 0px 0px 2px; }

div.help table.body col.item
{
	width:20px; color:#333333; background-color:white;
	padding:2px; text-align:center;
}