a { color:black; font-size:12px; text-decoration:none; }

table {font-size:12pt; border:0; cellspacing:0; cellpadding:0;}
.titlelink {color:white; font-size:12px;  font-weight:bold;text-decoration:none; font-family: arial;}
img {border:0}
.table_title {color:black; font-size:12px; font-weight:bold; font-family: arial;}
.tablesubtitle { font-size:12px; font-weight: bold; padding-left: 12px; font-family: arial; }
.top_title { color:white; font-size:12px; font-family: arial; font-weight: bold; }
.warn_text { background-color:red; color: white; font-size:12px; font-weight:bold; font-family: arial; }
.table_item {color:black; font-size:12px; font-family: arial; }
.normal_text { color:black; font-size:12px; font-family: arial; }
.bold_text {color:black; font-size:12px;font-weight:bold; font-family: arial; }
pre {color:black; font-size:12px;}

.toolbar_title { color:black; font-size: 12px; font-weight:bold; font-family: arial; }

body
	{ margin: 0px; padding: 0px; color:black; font-size:12px; overflow: auto; }

image.imagelink
	{ cursor: hand; }

form
	{ margin: 0px; padding: 0px; }
input
	{ padding-left: 3px; }
input, textarea, select
	{ font-size: 12px; font-family: arial; }
input.normalform
	{ background-color: #ffffff; border-style: none; }
input.normalbutton
	{
		background-color: #d4d0c8; color: black;
		border-top: 1px solid white; border-right: 1px solid gray; border-bottom: 1px solid gray; border-left: 1px solid white;
		padding: 1px 5px;
	}
input.pressedbutton
	{
		background-color: #d4d0c8; color: black;
		border-top: 1px solid gray; border-right: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid gray;
		width: 100%; padding: 1px 5px;
		text-align: justify; text-justify: distribute-all-lines;
	}
input.maillistbutton
	{
		background-color: #D8DFA2; color: black;
		padding: 1px 5px; border: outset 1px white; margin: -1px;
	}
input.logintext
	{
		background-color: #ffffff;
		border: solid 1px white; padding: 1px 4px;
		font-size: 12px; font-family: arial; font-family: arial;
		line-height: 16px; height: 21px;
	}
input.brief
	{
		border: 1px solid #c0c0c0; width: 100%;
	}
textarea.brief
	{
		border: 1px solid #c0c0c0; width: 100%; overflow: auto; padding: 3px;
	}
select.loginselect
	{ background-image: url('../../webadmin/images/bg_metal_lighter.gif'); }

.flatbutton
	{
		background-color: #d4d0c8; border: solid 1px #d4d0c8; color: black;
		width: 100%;
		text-align: justify; text-justify: distribute-all-lines;
	}

div.button
	{ border: outset 1px white; background-color: #ffffff; padding: 2px; }
td.button
	{ border: outset 2px white; background-color: #d0d0d0; padding: 2px 5px; }
td.button1
	{ border: outset 2px white; background-color: #d0d0d0; color: black; }
td.bigtitle
	{ background-color: #eeeee2; font-size: 16px; color: #000000; padding: 5px 10px; border-left: solid 5px #d0d0d0; font-family: Georgia; }
td.infocell
	{ padding: 5px; font-family: arial; font-size: 12px; }
td.status_subtitle
	{ vertical-align: top; background-color: #fffff2; padding-right: 20px; }
.status_title
	{ background-color: #E7ECD2; font-family: "Times New Roman", arial; font-size: 15px; line-height:22px; color: #000000; padding: 2px 10px; margin-bottom: 4px; }
td.status_titlecell
	{ font-family: "Times New Roman", arial; font-size: 15px; color: #000000; }

td.groove
	{ border: groove 1px white; background-color: #f0f0f0; background-color: #d4d0c8; }
td.outset
	{ border: outset 1px white; background-color: #d0d0d0; background-color: #d4d0c8; }
td.inset
	{ border: inset 1px white; background-color: #f0f0f0; background-color: #d4d0c8; }

div.groove
	{
		background-color: #d9d8d6; line-height: 18px; height: 20px;
		border-top: solid 1px white; border-right: solid 1px black; border-bottom: solid 1px black; border-left: solid 1px white; 
	}
div.groove1
	{
		background-color: #d9d8d6; line-height: 18px; height: 20px;
		border-top: solid 1px white; border-right: solid 1px black; border-bottom: solid 1px black; border-left: solid 1px white; 
	}
div.outset
	{ border: outset 2px white; background-color: #d0d0d0; background-color: #d4d0c8; padding: 2px; }
div.outset1
	{ border: outset 1px white; background-color: #d0d0d0; padding: 2px; }
div.inset
	{ border: inset 1px white; background-color: #f0f0f0; }

.subdiv1
	{ background-color: #f0f0f0; padding: 5px 10px; font-size: 16px; font-family: arial; }
td.subdiv1
	{ background-color: #f0f0f0; padding: 0px; font-size: 16px; font-family: arial; }
td.normal_list
	{ padding: 3px 8px; }

td.moduletitle
	{
		font-famiy: "Times New Roman", Arial; font-size: 15px; padding-top: 20px; padding-right: 10px; color: #707070;
		text-align: justify; text-justify: distribute;
	}


/* for TAB */

.activetab
{
	border: outset 2px white; border-bottom-style: none;
	height: 22px; line-height: 18px; font-size: 12px;
	padding: 2px 11px 2px 11px; margin-bottom: -1px;
	cursor: hand;
}
/*add by SkyCnIT 20060606*/
.activetab_ad
{
	border: outset 2px white; border-bottom-style: none;
	height: 22px; line-height: 18px; font-size: 12px;
	font-weight: bold;
	padding: 2px 11px 2px 11px; margin-bottom: -1px;
	cursor: hand;
}
.inactivetab0
{
	border: outset 2px white; border-bottom: solid 1px white;
	height: 19px; line-height: 15px; font-size: 12px;
	padding: 2px 11px 1px 11px; margin: 0px;
	cursor: hand;
}
.inactivetab1
{
	border: outset 2px white; border-bottom: solid 1px white; border-left: none 1px white;
	height: 19px; line-height: 15px; font-size: 12px;
	padding: 2px 11px 1px 11px; margin: 0px 0px 0px -4px;
	cursor: hand;
}
.inactivetab2
{
	border: outset 2px white; border-right: none 1px white; border-bottom: solid 1px white; border-left: none 1px white;
	height: 19px; line-height: 15px; font-size: 12px;
	padding: 2px 11px 1px 11px; margin: 0px -4px 0px -4px;
	cursor: hand;
}
.inactivetab3
{
	border: outset 2px white; border-right: none 1px white; border-bottom: solid 1px white;
	height: 19px; line-height: 15px; font-size: 12px;
	padding: 2px 11px 1px 11px; margin: 0px -4px 0px 0px;
	cursor: hand;
}
.visible_tab { display: block; }
.invisible_tab { display: none; }



/* for BUTTON-STYLE LINK */

a.buttonlink
{
	line-height: 25px; padding: 2px 15px; font-size: 12px; font-family: arial;
	background-image: url('images/bg_gradient1.gif');
}
a.buttonlink:link
	{ border: outset 1px white; }
a.buttonlink:visited
	{ border: outset 1px white; }
a.buttonlink:active
	{ border: groove 1px white; }
a.buttonlink:hover
	{ border: groove 1px white; }

a.buttonlink1
	{
		font: 12px/16px arial; background-color: #d9d7d8; margin: 0px; padding: 2px 8px; height: 16px;
	}
a.buttonlink1:link
	{ border-top:1px solid white;border-right:1px solid gray;border-bottom:1px solid gray;border-left:1px solid white; }
a.buttonlink1:visited
	{ border-top:1px solid white;border-right:1px solid gray;border-bottom:1px solid gray;border-left:1px solid white; }
a.buttonlink1:active
	{ border-top:1px solid white;border-right:1px solid gray;border-bottom:1px solid gray;border-left:1px solid white; }
a.buttonlink1:hover
	{ border-top:1px solid gray;border-right:1px solid white;border-bottom:1px solid white;border-left:1px solid gray; }
a.buttonlink1active
	{
		font: 12px/16px arial; background-color: #d4d0c8; margin: 0px; padding: 2px 8px; height: 16px;
		border-top:1px solid gray;border-right:1px solid white;border-bottom:1px solid white;border-left:1px solid gray;
	}

a.buttonlink1w
	{
		font: 12px/15px arial; background-color: #d4d0c8; margin: 0px; padding: 2px 8px; width: 100%;
	}
a.buttonlink1w:link
	{ border-top:1px solid white;border-right:1px solid gray;border-bottom:1px solid gray;border-left:1px solid white; }
a.buttonlink1w:visited
	{ border-top:1px solid white;border-right:1px solid gray;border-bottom:1px solid gray;border-left:1px solid white; }
a.buttonlink1w:active
	{ border-top:1px solid white;border-right:1px solid gray;border-bottom:1px solid gray;border-left:1px solid white; }
a.buttonlink1w:hover
	{ border-top:1px solid gray;border-right:1px solid white;border-bottom:1px solid white;border-left:1px solid gray; }
a.buttonlink1wactive
	{
		font: 12px/15px arial; background-color: #CCD9B3; margin: 0px; padding: 2px 8px; width: 100%;
		border-top:1px solid gray;border-right:1px solid white;border-bottom:1px solid white;border-left:1px solid gray;
	}

a.buttonlink2
	{ line-height: 16px; height: 22px; font-size: 12px; font-family: arial; width: 100%; }
a.buttonlink2:link
	{ border: groove 2px white; padding: 2px 10px 2px 10px; }
a.buttonlink2:visited
	{ border: groove 2px white; padding: 2px 10px 2px 10px;}
a.buttonlink2:active
	{ border: groove 2px white; padding: 2px 10px 2px 10px;}
a.buttonlink2:hover
	{ border: inset 2px #E7FF37; padding: 3px 9px 1px 11px;}
a.buttonlink2active
	{
		line-height: 16px; height: 22px; font-size: 12px; font-family: arial; width: 100%;
		border: inset 2px #E7FF37; padding: 3px 9px 1px 11px;
	}

a.buttonlink3
	{ line-height: 16px; height: 22px; font-size: 12px; font-family: arial; width: 100%; }
a.buttonlink3:link
	{ background-image: url('../../webadmin/images/bg_metal_light.gif'); padding: 4px 8px 3px 8px; }
a.buttonlink3:visited
	{ background-image: url('../../webadmin/images/bg_metal_light.gif'); padding: 4px 8px 3px 8px; }
a.buttonlink3:active
	{ background-image: url('../../webadmin/images/bg_metal_light.gif'); padding: 4px 8px 3px 8px;  }
a.buttonlink3:hover
	{
		background-image: url('../../webadmin/images/bg_metal_lighter.gif'); padding: 2px 8px 3px 6px;
		border: outset 1px white;  border-top: solid 1px #f0f0f0; border-left: solid 1px #f0f0f0;
	}
a.buttonlink3active
	{
		line-height: 16px; height: 22px; font-size: 12px; font-family: arial; width: 100%;
		background-image: url('../../webadmin/images/bg_metal_lighter.gif'); padding: 2px 8px 3px 6px;
		border: outset 1px white;  border-top: solid 1px #f0f0f0; border-left: solid 1px #f0f0f0;
	}

a.buttonlink3red
	{ line-height: 16px; height: 22px; font-size: 12px; font-family: arial; width: 100%; background-image: url('../../webadmin/images/bg_metal_light.gif'); padding: 4px 8px 3px 8px; }
a.buttonlink3red:hover
	{
		background-image: url('../../webadmin/images/bg_metal_lighter_red.gif'); padding: 2px 8px 3px 6px;
		border: outset 1px white;  border-top: solid 1px #f0f0f0; border-left: solid 1px #f0f0f0;
	}

a.buttonlink4
	{ line-height: 16px; height: 22px; font-size: 12px; font-family: arial; width: 100%; }
a.buttonlink4:link
	{ padding: 2px 7px; }
a.buttonlink4:visited
	{ padding: 2px 7px; }
a.buttonlink4:active
	{ padding: 2px 7px; }
a.buttonlink4:hover
	{
		padding: 3px 6px 1px 6px; border: inset 1px white;
	}
a.buttonlink4active
	{
		line-height: 16px; height: 22px; font-size: 12px; font-family: arial; width: 100%;
		padding: 3px 6px 1px 6px; border: inset 1px white;
	}

a.buttonlink5
	{
		background-color: #d0d0d0; background-color: #d4d0c8;
		margin: 0px; padding: 1px 4px;
	}
a.buttonlink5:link
	{ border: outset 1px white; border-top: solid 1px white; border-left: solid 1px white; }
a.buttonlink5:visited
	{ border: outset 1px white; border-top: solid 1px white; border-left: solid 1px white;  }
a.buttonlink5:active
	{ border: outset 1px white; border-top: solid 1px white; border-left: solid 1px white;  }
a.buttonlink5:hover
	{ border: inset 1px white; }
a.buttonlink5active
	{
		background-color: #c0c0c0; margin: 0px; padding: 2px 8px;
		border: inset 1px white;
	}

a.hoverlink
	{ padding: 3px; width: 32px; height: 32px; }
a.hoverlink:link
	{ border: solid 2px #e0e0e0; }
a.hoverlink:visited
	{ border: solid 2px #e0e0e0; }
a.hoverlink:active
	{ border: inset 2px white; }
a.hoverlink:hover
	{ border: outset 2px white; }

a.titlelink
	{ color: black; }
a.titlelink:link
	{ color: black; }
a.titlelink:visited
	{ color: black; }
a.titlelink:active
	{ color: black; }
a.titlelink:hover
	{ color: white; }

a.redlink
	{ color: black; }
a.redlink:link
	{ color: black; }
a.redlink:visited
	{ color: black; }
a.redlink:active
	{ color: black; }
a.redlink:hover
	{ color: red; }

.setlink0
	{ padding: 0px 1px 0px 1px; width: 32px; height: 32px; border: solid 2px #e0e0e0; }
.setlink1
	{ padding: 0px 1px 0px 1px; width: 32px; height: 32px; border: solid 2px white; }
.setlink2
	{ padding: 1px 2px 1px 2px; width: 32px; height: 32px; border: inset 1px white; }

.imglink0
	{ padding: 0px 1px 0px 1px; border: solid 2px #e0e0e0; }
.imglink1
	{ padding: 0px 1px 0px 1px; border: solid 2px white; }
.imglink2
	{ padding: 1px 2px 1px 2px; border: inset 1px white; }
.imglink3
	{ padding: 0px 1px 0px 1px; border: outset 2px white; }

td.buttoncell1a /* normal */
	{
		font-size: 12px; font-family: arial; padding: 5px 5px 2px 5px;
		border-style: none;
	}
td.buttoncell1b /* outset */
	{
		font: 12px arial; padding-top: 2px; padding-bottom: 2px; text-align: center;
		border-top: 1px solid white; border-right: 1px solid gray; border-bottom: 1px solid gray; border-left: 1px solid white;
	}
td.buttoncell1c /* inset */
	{
		font-size: 12px; font-family: arial;
		padding: 1px 4px 0px 4px;
		border-top: solid 1px black; border-right: solid 1px white; border-bottom: solid 1px white; border-left: solid 1 px black;
	}

td.buttoncell2a /* normal */
	{
		font-size: 12px; font-family: arial; padding: 5px 5px 2px 5px;
		border: none 1px white;
	}
td.buttoncell2b /* outset */
	{
		font-size: 12px; font-family: arial;
		padding: 2px 4px 2px 4px; cursor: hand;
		border: outset 1px white; border-top: solid 1px white; border-left: solid 1px white;
	}
td.buttoncell2c /* inset */
	{
		font-size: 12px; font-family: arial;
		padding: 1px 4px 0px 4px;
		border: inset 1px white;
	}


/* for STATUS REPORT */

.bluecell
	{ background-color: #0080FF; width: 10px; height: 10px; line-height: 10px; border: outset 1px white; margin: 3px;  }
.greencell
	{ background-color: #86BA1B; width: 10px; height: 10px; line-height: 10px; border: outset 1px white; margin: 3px;  }
.goldcell
	{ background-color: gold; width: 10px; height: 10px; line-height: 10px; border: outset 1px white; margin: 3px;  }
.silverell
	{ background-color: silver; width: 10px; height: 10px; line-height: 10px; border: outset 1px white; margin: 3px;  }


/* for layer DISPLAY */

.display_block
	{ display: block; }
.display_none
	{ display: none; }
.display_inline
	{ display: inline; }


/* for Administration page */

body.adminpage
	{ background-color: #FFFFF2; }
.pagetitle
	{
		background-image: url('../../webadmin/images/bg_metal_light.gif');
		border-top: solid 1px #e0e0e0; border-right: solid 1px black; border-bottom: solid 1px black; border-left: solid 1px #e0e0e0;
		font-size: 15px; color: white;
	}
td.pagetitlecell
	{
		background-color: #d4d0c8; background-image: url('../../webadmin/images/bg_metal_light.gif');
		font-weight: bold; font-size: 15px; color: #000000; height: 35px;
		padding: 5px 10px 5px 10px;
	}
td.listheader
	{
		background-color: #d4d0c8;
		font-family: arial; font-size: 12px;
		border-top: solid 1px white; border-right: solid 1px #505050; border-bottom: solid 1px #505050 border-left: solid 1px white;
		padding: 2px 10px;
	}
td.listheader1
	{
		background-color: #d9d8d6;
		font-family: arial; font-size: 12px;
		border-top: solid 1px white; border-right: solid 1px #505050; border-bottom: solid 1px #505050 border-left: solid 1px white;
		padding: 2px 10px;
	}
td.listcell
	{ padding: 1px 10px; font-family: arial; font-size: 12px; }
td.numcell
	{ padding-right: 10px; text-align: right; }
input.admbutton
	{ border: outset 1px #e0e0e0; padding: 1px 5px; background-image: url('../../webadmin/images/bg_metal_lighter.gif'); }

.memotext
	{ font-family: arial; font-size: 12px; color:#505050; }


td.listheaderhand
	{
		border-top: 1px solid white; border-right: 1px solid gray; border-bottom: 1px solid gray; border-left: 1px solid white;
		font: 12px/24px arial; cursor: hand; text-align: center;
		background-color: #d9d8d6; padding: 0px 4px;
	}
td.listheaderhand1
	{
		border-top: 1px solid white; border-right: 1px solid gray; border-bottom: 1px solid gray; border-left: 1px solid white;
		font: 12px/24px arial; cursor: hand; text-align: center;
		background-color: #d9d8d6; padding: 0px 4px;
	}