/*
 * history:
 * code#	defect#		date		developer		description
 * 01					2011.02.23	wing siu		1) 
 **/
.body {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:	10px;
	text-decoration:none;
}

.body:visited {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:	10px;
	text-decoration:none;
	color: black;
}

.body:link {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:	10px;
	text-decoration:none;
	color: black;
}

.bold {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:	10px;
}

.bold1 {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:	10px;
	font-weight: 	bold;
	text-decoration:none;
	color: 		#000000;
}

.bold2{
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:	10px;
	font-weight: 	bold;
	color: 		red;
}

.bold3 {
	font-family:	"Arial", "Helvetica", "sans-serif";
	font-weight: 	bold;
	font-size:	11px;
}

.bold4 {
	font-family:	"Arial", "Helvetica", "sans-serif";
	font-weight: 	bold;
	font-size:	14px;
}

.search_label {
	font-family:		"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:			10px;
	font-weight:	 	none;
	text-decoration:	none;
	color: 				gray;
	background-color:	#dedede;
	border-top:			1px solid white;
	border-left:		1px solid white;
	border-bottom:		1px solid #909090;
	border-right:		1px solid #909090;
}

.search_field {
	font-family:		"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:			10px;
	font-weight:	 	none;
	text-decoration:	none;
	color: 				gray;
	background-color:	#efefef;
}

.datagrid_header {
	font-family:		"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:			10px;
	font-weight:	 	none;
	text-decoration:	none;
	color: 				gray;
	background-color:	#dedede;
	border-top:			1px solid white;
	border-left:		1px solid white;
	border-bottom:		1px solid #a0a0a0;
	border-right:		1px solid #a0a0a0;
}

.datagrid_column {
	font-family:		"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:			10px;
	text-decoration:	none;
	color: 				gray;
	border-top:			1pt none silver;
	border-left:		1pt solid white;
	border-bottom:		1pt solid silver;
	border-right:		1pt solid silver;
}

.body_white{
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:	10px;
	text-decoration:none;
	color: 		#FFFFFF;
}

.bedge_white{
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:	50px;
	text-decoration:none;
	color: 		#FFFFFF;
}

.body_grey{
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:	10px;
	text-decoration:none;
	color: 		#333333;
}

 .copy {
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt;  color: #000000; 
text-decoration: none
 }
 
.copy_en{
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:	10px;
	text-decoration:none;
	color:		#000000;
}

.compulsory {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:	8px;
	text-decoration:none;
	color: 		red;
}

.header {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 	11px;
	font-weight: 	bold;
}

.header2 {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 	14px;
	font-weight: 	bold;
}

.header4 {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 	43px;
	font-weight: 	bold;
}

.header5 {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 	20px;
	font-weight: 	bold;
}

.gheader2 {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 	14px;
	font-weight: 	bold;
	color:#666666;
}

.header3 {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 	11px;
	font-weight: 	bold;
	text-decoration:none;
	color: 		blue;
}

.td {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 	10px;
}

.th {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 	10px;
}

.form {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 	10px;
}

.input {
	border-top:	1px solid silver;
	border-left:	1px solid silver;
	border-bottom:	1px solid silver;
	border-right:	1px solid silver;
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:	8pt;
	height:		16px;
}

.textarea {
	font-family:	Verdana, Arial, sans-serif;
	font-size:	8pt;
}


.select {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:	8pt;
}

.ul {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 	10px;
	list-style-type: square;
	list-style-position: outside;
}

.li {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 	10px;
}

.ol {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 	10px;
	list-style-type: decimal;
	list-style-position: outside;
}

.small {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 	10px;
}

.big {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 	12px;
}

.bodystyle {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 	10px;
}

.box1 {
	padding: 	3px;
	border-width: 	thin;
	border-style:	 solid;
	border-color:	 #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	border-width:	3px;
	border-style: 	solid;
	padding: 	5px;
}

.description {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:	10px;
}

.more {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 	10px;
	font-weight: 	normal;
	color: 		#0099FF;
	text-decoration: underline
}

.more2 {
	font-family:	"Arial";
	font-size: 	11px;
	font-weight: 	normal;
	color: 		#0099FF;
	text-decoration: underline
}

.button	{
	border-top:	none;
	border-left:	none;
	border-bottom:	none;
	border-right:	none;
	background:	url("/services/images/css/button.gif");
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-weight: 	bold;
	font-size: 	10px;
	width:		80px;
	height:		20px;
}

.button2	{
	border-top:	none;
	border-left:	none;
	border-bottom:	none;
	border-right:	none;
	background:	url("/services/images/css/button2.gif");
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 	10px;
	font-weight: 	bold;
	width:		160px;
	height:		20px;

}

.table {
	border-width: 	1pt;
	border-color:	#000000;
	border-style:	solid;
}

.fullheighttable {
	border-width: 	1pt;
	border-color:	#000000;
	border-style:	solid;
	height:			100%;
}

.headerbold1 {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 	8pt;
	font-weight:	bold;
	color: 		#000000;
	text-decoration: none;
	background-color: #aac055
}

.headerbold2 {
	font-family:	"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 	8pt;
	font-weight: 	bold;
	color: 		#000000;
	text-decoration: none;
	background-color: #A3c8f0
}

.fullheight {
	height: 100%;
}

.normal {
font-family: Arial, Helvetica, sans-serif; 
font-size:	11px;
color: #000000; 
text-decoration: none
 }

.font_normal { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:10pt; text-decoration: none; color: Black;}

/* 01 - new stylesheet created here */
/*body, a, td, input, select, option,  */
/* common property */
label, legend, .FormLabel, .OptionalField, .CompulsoryField, .MenuMainItem, .DataGridColumn, .DataGridHeader
{
	color:				black;
	font-family:		Lucida Sans Unicode;
	font-size:			8pt;
	text-decoration:	none;	
	vertical-align:		middle;
}

/* common property for form */
.FormLabel
{
	background-color:	#f0f0f0;
	display:			block;
	padding:			1px 5px 5px 5px;
	text-align:			left;
	/*width:				100px;*/
	height:				25px;
}

/* optional field label */
.OptionalField
{
	border-right:		solid 2px grey;	
}

/* compulsory field label */
.CompulsoryField
{
	border-right:		solid 2px red;
}

/*
input[type="text"]
{
	border-top:			1px solid silver;
	border-left:		1px solid silver;
	border-bottom:		1px solid silver;
	border-right:		1px solid silver;
}

input[type="password"]
{
	border-top:			1px solid silver;
	border-left:		1px solid silver;
	border-bottom:		1px solid silver;
	border-right:		1px solid silver;
}

input[type="checkbox"]
{
	color:				black;
	font-family:		Lucida Sans Unicode;
	font-size:			9pt;
	text-decoration:	none;	
	vertical-align:		middle;
}
*/
/* this stylesheet can be removed after the tag <input> putted in the common property */
/*
input[type="submit"]
{
	color:				black;
	font-family:		Lucida Sans Unicode;
	font-size:			9pt;
	text-decoration:	none;	
	vertical-align:		middle;
}
*/
legend 
{
	font-family:		Arial;
	font-weight:		bold;
	font-size:			9pt;
}

table
{
	padding:			0px 0px 0px 0px;
}

.MenuMainItem
{
}

.DataGridHeader
{
	background-color:	#dedede;
	border-top:			1px solid white;
	border-left:		1px solid white;
	border-bottom:		1px solid #a0a0a0;
	border-right:		1px solid #a0a0a0;
}

.DataGridColumn
{
	border-top:			1pt none silver;
	border-left:		1pt solid white;
	border-bottom:		1pt solid silver;
	border-right:		1pt solid silver;
}

div#Container
{
	width:				100%;
	text-align:			center;
	
}