/* The top header of the page */
/* ------------------------------------------------------------------------------------*/
.topTP
{
	font-family:		arial;
	font-size:			18px;
	font-weight:		bold;
	color:				#15428b;
	background-color:	#ffffff;
	height:				15px;
	padding:			10px;
	/*border-bottom:		1px solid #cccccc;*/
}
.topTPE
{
	font-family:		arial;
	font-size:			13px;
	font-weight:		normal;
	color:				#000000;
	height:				15px;
	padding:			10px;
}
.topTTP
{
	font-family:		arial;
	font-size:			12px;
	font-weight:		bold;
	color:				red;
	background-color:	#ffffff;
	height:				10px;
}



/* The style of the recoreds templates */
/* ------------------------------------------------------------------------------------*/
.ManageBlueHeader
{
	font-family:		arial;
	font-size:			13px;
	font-weight:		normal;
	color:				#000000;
	background-color:	#D1DEF1;
	height:				15px;
	padding:			2px;
}



/* Style for the form table */
/* ------------------------------------------------------------------------------------*/
#TableFormManage
{
	font-family:		arial;
	font-size:			12px;
	font-weight:		normal;
	color:				#000000;
	background-color:	#ffffff;
	border-width:		0px 0px 0px 0px;
	border-color:		#cccccc;
	border-style:		solid;
}
#TableFormManage tr
{
	font-family:		arial;
	font-size:			12px;
	font-weight:		normal;
	color:				#000000;
	background-color:	#ffffff;
	height:				20px;
	padding:			8px;
	border-width:		0px 0px 0px 0px;
	border-color:		#cccccc;
	border-style:		solid;
}
#TableFormManage tr.ManageBlueHeader
{
	font-family:		arial;
	font-size:			13px;
	font-weight:		normal;
	color:				#000000;
	background-color:	#D1DEF1;
	height:				15px;
	padding:			2px;
}
/*#TableFormManage input, select, textarea
{
	BORDER-BOTTOM:		1px solid; 
	BORDER-LEFT:		1px solid; 
	BORDER-RIGHT:		1px solid; 
	BORDER-TOP:			1px solid; 
	font-family:		arial;
	font-size:			12px;
	color:				#000000;
	background-color:	white;
	width:				5cm;
}
#TableFormManage input:focus, select:focus, textarea:focus
{
	BORDER-BOTTOM:		1px solid; 
	BORDER-LEFT:		1px solid; 
	BORDER-RIGHT:		1px solid; 
	BORDER-TOP:			1px solid; 
	font-family:		arial;
	font-size:			12px;
	color:				#000000;
	background-color:	orange;
	width:				5cm;
}
/* Checkbox & Radio button */
#TableFormManage .rachbox
{
	BORDER-BOTTOM:		1px solid; 
	BORDER-LEFT:		1px solid; 
	BORDER-RIGHT:		1px solid; 
	BORDER-TOP:			1px solid; 
	color:				#ffffff;
	background-color:	#ffffff;
	width:				0.5cm;
}
#TableFormManage .rachbox:focus
{
	BORDER-BOTTOM:		1px solid; 
	BORDER-LEFT:		1px solid; 
	BORDER-RIGHT:		1px solid; 
	BORDER-TOP:			1px solid; 
	color:				#ffffff;
	background-color:	orange;
	width:				0.5cm;
}
/* Update detail button */
#TableFormManage .buttonUpdateDetail
{
	font-family:		arial;
	font-size:			12px;
	font-weight:		normal;
	color:				#ffffff;
	background-color:	#626262;
	border-width:		1px;
	border-color:		#ffffff;
	border-width:		1px 1px 0px 0px;
	border-style:		solid;
	width:				6cm;
	height:				0.7cm;
}*/











/* Style for list of records */
/* ------------------------------------------------------------------------------------*/
#TableListRecords
{
	font-family:		arial;
	font-size:			12px;
	font-weight:		normal;
	color:				#000000;
	background-color:	#ffffff;
	border-width:		1px 1px 1px 1px;
	border-color:		#cccccc;
	border-style:		solid;
	border-collapse:	collapse;
}
#TableListRecords tr
{
	background-color:	#ffffff;
	height:				20px;
}
#TableListRecords tr td
{
	font-family:		arial;
	font-size:			12px;
	font-weight:		normal;
	color:				#000000;
	padding:			8px;
	border-width:		1px 1px 1px 1px;
	border-color:		#cccccc;
	border-style:		solid;
	border-collapse:	collapse;
}
#TableListRecords .ManageBlueHeader td
{
	font-family:		arial;
	font-size:			13px;
	font-weight:		normal;
	color:				#000000;
	background-color:	#D1DEF1;
	height:				15px;
	padding:			2px;
}
#TableListRecords .movePagesAndMore td
{
	font-family:		arial;
	font-size:			12px;
	font-weight:		bold;
	color:				#000000;
	background-color:	#d4e0f2;
	height:				20px;
	padding:			1px;
	border-width:		0px 0px 0px 0px;
}
#TableListRecords .NoRecords td
{
	font-family:		arial;
	font-size:			12px;
	font-weight:		normal;
	color:				#000000;
	background-color:	#ffffff;
	height:				20px;
	padding:			2px;
}


/* Tip box */
.TipBox
{
	font-family:		arial;
	font-size:			12px;
	cursor:				default;
	padding:			8px 10px 8px 8px;
	width:				500px;
	display:			block;
	background-color:	#ffffee;
	color:				black;
	border-top:			1px solid #999999;
	border-right:		2px solid #666666;
	border-bottom:		2px solid #666666;
	border-left:		1px solid #666666;
	line-height:		1.3;
	white-space:		normal;
	font-weight:		bold;
}

/* Success update box */
.UpdateSuccess
{
	font-family:		arial;
	font-size:			12px;
	cursor:				default;
	padding:			8px 10px 8px 8px;
	width:				500px;
	display:			block;
	background-color:	#62F778;
	color:				black;
	border-top:			1px solid #999999;
	border-right:		2px solid #666666;
	border-bottom:		2px solid #666666;
	border-left:		1px solid #666666;
	line-height:		1.3;
	white-space:		normal;
	font-weight:		bold;
}
/* Success search box */
.SearchSuccess
{
	font-family:		arial;
	font-size:			12px;
	cursor:				default;
	padding:			8px 10px 8px 8px;
	width:				500px;
	display:			block;
	background-color:	yellow;
	color:				black;
	border-top:			1px solid #999999;
	border-right:		2px solid #666666;
	border-bottom:		2px solid #666666;
	border-left:		1px solid #666666;
	line-height:		1.3;
	white-space:		normal;
}