/***************   Screen Background and Display Area - Text Color   ***************/
HTML {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url("../images/header_img.jpg") #ffffff left top; background-repeat: repeat-x; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #555555; LINE-HEIGHT: 1.2em; PADDING-TOP: 94px; FONT-FAMILY: arial, sans-serif; TEXT-ALIGN: center; border: 0px solid #000000;
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000000; LINE-HEIGHT: 1.2em; PADDING-TOP: 0px; FONT-FAMILY: arial; TEXT-ALIGN: center;
}
IMG {
	BORDER: #000000 solid 0px;
}


fieldset {
	border:1px solid #ccc; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
}

legend {
	background: #FF9; border: solid 1px black; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 6px;
}

.Content_Design1 {       
	COLOR: #000000; BACKGROUND-COLOR: #f7f7f7; BORDER:1px solid #d3d3d3; TEXT-ALIGN:right; PADDING:5px 20px; TEXT-DECORATION: none; FONT-SIZE: 12px; FONT-WEIGHT: BOLD; BORDER-TOP: #d3d3d3 1px solid; BORDER-RIGHT: #d3d3d3 0px solid; BORDER-BOTTOM: #d3d3d3 0px solid; BORDER-LEFT: #d3d3d3 0px solid;
}
.Content_TableHeader {
	border-collapse: collapse;
}
.Content_TableDes {
	CURSOR: HAND; CURSOR: POINTER; BACKGROUND:url('../images--/table_header.jpg') no-repeat #CAE8EA; PADDING: 5px 4px 5px 4px; BORDER-TOP: 1px solid #C1DAD7; BORDER-LEFT: 1px solid #C1DAD7; FONT: normal 14px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; BORDER-RIGHT: 1px solid #C1DAD7; BORDER-BOTTOM: 1px solid #C1DAD7; COLOR: #000000;
}
.Content_InfoDes {
	PADDING: 5px 4px 5px 4px; MARGIN: 0 auto 1.5em auto; BORDER-COLLAPSE:collapse; FONT: normal 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; COLOR: #000000; BORDER-LEFT: 0px solid #C1DAD7; BORDER-TOP: 1px solid #C1DAD7; BORDER-RIGHT: 0px solid #C1DAD7; BORDER-BOTTOM: 1px solid #C1DAD7;
}

.body
{	color: #000000;
	background-color: #ededed;
}
#homeBg {
	BORDER-RIGHT: #a6a69a 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: #a6a69a 0px solid; PADDING-LEFT: 0px; BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; MARGIN: 10px auto; BORDER-LEFT: #a6a69a 0px solid; WIDTH: 100%; PADDING-TOP: 0px; BORDER-BOTTOM: #a6a69a 0px solid; TEXT-ALIGN: center
}
#container {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 100%! important; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#SenHengFooter {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 15px; BACKGROUND: url("../images/footer_img.jpg") #00a651 left top; background-repeat: repeat-x; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #555555; LINE-HEIGHT: 1.2em; PADDING-TOP: 0px; FONT-FAMILY: arial, sans-serif; TEXT-ALIGN: center;
}

/*   Display Area   */
.body-box
{	background-color: #ffffff;
}

/*   Display Area for IFRAME    */
.body-box2
{	background-color: #ffffff;
}

/*  Header and Footer Title  */
.header_footer{
	color:#333;
	font-size: 8pt;
}

a{
	color:#000;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

/******************************   Main Title   ******************************/
/*   Main Title   */
.title
{	color: #5555cc;
	font-weight: bold;
	text-decoration: underline;
	font-size: 12pt;
}

/*   Sub Title   */
.sub_title
{	color: #5555cc;
	font-weight: bold;
	text-decoration: underline;
	font-size: 10pt;
}

/*   Small Title   */
.small_title
{	color: #5555cc;
	font-weight: normal;
	text-decoration: underline;
	font-size: 9pt;
}

.small_title_no_underline
{	color: #5555cc;
	font-weight: normal;
	text-decoration: normal;
	font-size: 9pt;
}

/******************************   Menu Link Button  ******************************/
/*   Menu Link Button    */
.menu:hover
{	color: #ffffff;
	background-color: #ccddff;
	border: #faffff 2px solid;
}

.menu
{	color: #3333dd;
	font-weight: bold;
	text-decoration: none;
	font-size: 9pt;
	text-align: center;
	padding: 4px;
	background-color: #8fb0ff;
	height : 25px;
	border: #aacaff 2px solid;
	cursor: hand;
}

/*   Menu Link Button - (Important Menu - different color)    99b0ff*/
.menu2:hover
{	color: #ffffff;
	background-color: #cceeff;
	border: #faffff 2px solid;
}

.menu2
{	color: #eeffff;
	font-weight: bold;
	text-decoration: none;
	font-size: 9pt;
	text-align: center;
	padding: 4px;
	background-color: #88ddff;
	height : 25px;
	border: #aaefff 2px solid;
	cursor: hand;
}


/*   Menu Link Button - Small    */
.menu_small:hover
{	color: #6666ee;
	font-weight: normal;
	text-decoration: none;
	font-size: 7pt;
	text-align: center;
	padding: 2px;
	background-color: #ccddff;
	height : 17px;
	border: #6666ee 1px solid;
	cursor: hand;
}

.menu_small
{	color: #3333dd;
	font-weight: normal;
	text-decoration: none;
	font-size: 7pt;
	text-align: center;
	padding: 2px;
	background-color: #aac0ff;
	height : 17px;
	border: #6666cc 1px solid;
	cursor: hand;
}


/*   Menu Link Button - LEFT SIDE MENU   */
.sub_menu:hover
{	color: #ffffff;
	background-color: #c0d3ff;
	padding: 6px;
	border-left: #faffff 2px solid;
	border-right: #faffff 2px solid;
}

.sub_menu
{	color: #3333dd;
	font-weight: bold;
	text-decoration: none;
	font-size: 9pt;
	text-align: center;
}


/*   Menu Link Button Selected   */
.menu_selected
{	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font-size: 9pt;
	text-align: center;
	padding: 4px;
	height : 25px;
	background-color: #ffbb33;
	border: #ffdf4f 2px solid;
}

/*   Sub Menu Link Button Selected   */
.sub_menu_selected
{	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font-size: 9pt;
	text-align: center;
}


/*   Menu Background   */
.menu_background
{	height : 40px;
	padding:4px;
	background-color:#8888ff;
	border: #6666cc 2px solid;
}

/*   Menu Background - Left Border   */
.menu_background_left
{	height : 40px;
	padding:4px;
	background-color:#2a7594;/*8888ff;*/
	border-top: #6666cc 2px solid;
	border-bottom: #6666cc 2px solid;
	border-left: #6666cc 2px solid;
}

/*   Menu Background - Right Border   */
.menu_background_right
{	height : 40px;
	padding:4px;
	background-color:#8888ff;
	border-top: #6666cc 2px solid;
	border-bottom: #6666cc 2px solid;
	border-right: #6666cc 2px solid;
}

/*   Menu Background - LEFT SIDE MENU   */
.sub_menu_background
{	padding:0px;
	background-color:#8888ff;
	border: #6666cc 2px solid;
}


/*   Menu User Info Text   */
.menu_user_info
{	color: #FF0000;/*5555cc;*/
	font-size: 8pt;
	font-weight: bold;
}



.header_footer3
{	
	background:#f37a1f;
	font-size: 9pt;
}

td.header_footer3:hover
{
	background:#3150a4;
	font-size: 9pt;
}

.header_footer3 a{
	color:#fff;
}


/******************************   Main Menu   ******************************/
.main_menu
{	color: #00000;
	font-weight: normal;
	text-decoration: none;
	font-size: 9pt;
	text-align: center;
	padding: 4px;
	background-color: #ccddff;
	height : 25px;
	border: #d0e0ff 2px solid;
	cursor: hand;
}

.main_menu_link
{	color: #3333dd;
	font-weight: bold;
	text-decoration: none;
	font-size: 9pt;
	text-align: center;
	padding: 4px;
	background-color: #ddeeff;
	height : 25px;
	border: #bbddff 2px solid;
	cursor: hand;
}




/******************************   Custom Button (SPAN)   ******************************/
/*   Button (use span)    */
/*.custom_button_link
{	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font-size: 9pt;
	text-align: center;
	padding-top: 1px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 1px;
	height : 20px;
	background-color: #99ccff;
	border: #88bbff 2px solid;
	cursor: hand;
}*/



/*.custom_button
{	color: #effaff;
	font-weight: bold;
	text-decoration: none;
	font-size: 9pt;
	text-align: center;
	padding-top: 1px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 1px;
	height : 20px;
	background-color: #88aaff;
	border: #7799ff 2px solid;
	cursor: hand;
}*/


.custom_button_link
{
	cursor: pointer;
	cursor: hand;
	color: #000000;
	border: 1px solid #f37a1f;
	font-size: 12px;
	
    margin-left: auto;
    *margin-top: 2px;
    margin-right: auto;
    padding: 3px 7px 3px;
    *display: inline-block;
    background: #f37a1f;
    /*filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=50, Style=1, StartX=70, FinishX=100, StartY=0, FinishY=0)
	filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=50, FinishOpacity=100, Style=1, StartX=0, FinishX=30, StartY=0, FinishY=0)
	*/


	
}

.custom_button
{
	cursor: pointer;
	cursor: hand;
	color: #FFFFFF;
	border: 1px solid #f37a1f;
	font-size: 12px;
	
    margin-left: auto;
    *margin-top: 2px;
    margin-right: auto;
    padding: 3px 7px 3px;
    *display: inline-block;
    background: #f37a1f;
}
/*
.custom_button_link
{	
	border              : 1px solid #285E82; 
    border-top-color    : #43708C;
    border-bottom-color : #1C5478;
    padding             : 4px 0 5px;
    *padding            : 0; 
    _background         : white;
    border              : 1px solid #B3E3FF;
    padding             : 3px 7px 4px;
    background          : #0066A6 ("http://gfx1.hotmail.com/mail/uxp/w2/pr03/HIG/img/h/headerBG_24_~HeaderGradientImageType~.png") center;
    _background         : #0066A6;
    margin              : 0 4px; 
    border              : 1px solid #61A0C9; 
    border-top-color    : #81B4D4;
    border-bottom-color : #5394BD;
    padding             : 4px 0 5px;
    *padding            : 0;
    _background         : white;
    border               : 1px solid #000000; 
    border-bottom-width  : 0;
    _border-bottom-width : 1px;
    padding              : 3px 7px 5px;
    background           : #0086BF ("http://gfx1.hotmail.com/mail/uxp/w2/pr03/HIG/img/h/headerBG_24_~HeaderGradientImageType~.png") bottom;
    _background          : #0086BF;
    _filter:
        progid:DXImageTransform.Microsoft.Alpha(Opacity=45, FinishOpacity=100, Style=1, StartX=0, FinishX=0, StartY=0, FinishY=65)

}*/

/*#uxp_hdr_tabs a:hover{border-width:1px;border-style:solid;border-color:#ffffff #fafafa #f0f0f0;padding:4px 0px 5px;*padding:0;_background:white;}
*/
/*********/
/*
.custom_button{margin-left:auto;*margin-top:2px;}
.custom_button{margin-right:auto;}
.custom_button{font-size:8pt;*display:inline-block;}
.custom_button, .custom_button_link{border-width:1px;border-style:solid;border-color:#748c44 #638229 #59781c;_background:white;}
.custom_button{padding:4px 10px 4px;line-height:31px;*display:inline-block;*line-height:normal;color: #ffffff;background-color: #5a9cc5;border: #000000 1px solid; cursor: hand;}




.custom_button_link{border:1px solid #ffffff;padding:4px 10px 4px;background:#5292ac url(hig/img/h/headerBG_24_~HeaderGradientImageType~.png) center;_background:#5292ac;}

.custom_button_link{border-width:1px;border-style:solid;border-color:#b8d482 #a5c962 #9abd54;margin:0px 0px;padding:4px 0px 5px;*padding:0;_background:white;}
.custom_button_link{border-width:1px 1px 0px;border-style:solid;border-color:#000;padding:4px 10px 4px;_border-bottom-width:1px;background:#ff8e43 url(hig/img/h/headerBG_24_~HeaderGradientImageType~.png) bottom;_background:#5a9cc5;}
.custom_button_link{_filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=45, FinishOpacity=100, Style=1, StartX=0, FinishX=0, StartY=0, FinishY=65);}
*/
/*********/




/******************************   TABLE   ******************************/
/*  Standard Text Size & Background Transparent  */
.table
{	
	font-size: 10pt;
}

/*   New / Edit Record table Area   */
.table2
{
	
	font-size: 10pt;
	border: #CCCCCC 1px solid;/*#dde6ff*/
}

.table2_NoBorder
{	background-color: #eff6ff;
	
	font-size: 10pt;
}

/*   Search Result Table Line   */
.table3
{	background-color: #ccddff;
	
	font-size: 10pt;
}

/*   Search Result Table Line (diffent color)   */
.table4
{	background-color: #ccddee;
	
	font-size: 10pt;
}



/******************************   FORM   ******************************/
/*   TEXTBOX   */
.textbox
{	color: #000000;
	
	font-size: 9pt;
	text-align: left;
	background-color: #ffffff;
	border: #aaccff 1px solid;
}

/*   TEXTBOX for Number   */
.textbox_num
{	color: #000000;

	font-size: 9pt;
	text-align: right;
	background-color: #ffffff;
	border: #aaccff 1px solid;
}

/*   TEXTBOX for Number - Small   */
.textbox_num_small
{	color: #000000;
	font-size: 8pt;
	text-align: right;
	background-color: #ffffff;
	border: #aaccff 1px solid;
}

/*   TEXTBOX Readonly   */
.textbox_readOnly, .textbox_salesreport
{	color: #000000;
	font-size: 9pt;
	text-align: left;
	background-color: #dddddd;
	border: #888888 1px solid;
}

.textbox_salesreport
{	
	font-size: 12pt;
}

/*   TEXTBOX for Number Readonly   */
.textbox_num_readOnly
{	color: #000000;
	font-size: 9pt;
	text-align: right;
	background-color: #dddddd;
	border: #888888 1px solid;
}

/*   TEXTAREA   */
.textarea
{	color: #000000;
	font-size: 9pt;
	text-align: left;
	background-color: #ffffff;
	border: #aaccff 0px solid;
}

/*   TEXTAREA Readonly   */
.textarea_readOnly
{	color: #000000;
	font-size: 9pt;
	text-align: left;
	background-color: #dddddd;
	border: #888888 1px solid;
}

/*   TEXTAREA Readonly - Small   */
.textarea_small_readOnly
{	color: #000000;
	font-size: 8pt;
	text-align: left;
	background-color: #dddddd;
	border: #888888 1px solid;
}

/*   BUTTON ~~~ NOT USE ~~~ USE CUSTOM BUTTON   */
.button
{	color: #3333dd;
	font-size: 9pt;
	text-align: center;
	padding: 1px;
}

/*   SELECT - Drop Down List   */
.select
{	color: #000000;
	font-size: 9pt;
	text-align: left;
	background-color: #ffffff;
	border: #aaccff 1px solid;
}

/*   RADIO Button   */
.radio
{	color: #000000;
	font-size: 9pt;
	text-align: left;
}

/*   CHECKBOX   */
.checkbox
{	color: #000000;
	font-size: 9pt;
	text-align: left;
}



/******************************   SEARCH TABLE   ******************************/
/*   Search Table Header   */
.search_filter
{	
	/*border: #dde6ff 1px solid;*/
	font-size: 9pt;
}

.Report_Design
{	background-color: #eff6ff;
	border: #000000 1px solid;
	font-size: 9pt;
}

.search_result_header
{	
	font-size: 10pt;
	font-weight: normal;
	color: #effaff;
	white-space: nowrap;
	padding: 2px;
	background-color: #006699;/*8f9fee;*/
	border: #667799 1px solid;
}

/*   Search Table Detail Line 1,3,5,..   */
.search_result_detail1
{	
	font-size: 10pt;
	padding: 1px;
	vertical-align: middle;
	background-color: #e9e9e9;
	color: #000000;
}

/*   Search Table Detail  Line 2,4,6,..   */
.search_result_detail2
{	
	font-size: 10pt;
	padding: 1px;
	vertical-align: middle;
	background-color: #dedede;
	color: #000000;
}

.Font10Pt
{	
	
	font-size: 10pt;
	vertical-align: middle;
}

/*   Search Table Detail - Highlight Link  */
.search_link_hand
{	
	font-size: 10pt;
	padding: 1px;
	vertical-align: middle;
	background-color: #0bbbd0;
	color: #ffffff;
	cursor: hand;
}

/*	Delete Link	*/
.search_link_delete
{	
	font-size: 10pt;
	padding: 1px;
	vertical-align: middle;
	background-color: #f99f9f;
	cursor: hand;
}


/*	Active Link	*/
.search_link_active
{	
	font-size: 10pt;
	padding: 1px;
	vertical-align: middle;
	background-color: #3bdf15;
	cursor: hand;
}

/*   Search Table Detail - Highlight background  */
.search_bg_color
{	
	font-size: 10pt;
	padding: 1px;
	vertical-align: middle;
	background-color: #bbbbbb;
}

/*   Search Table View/Edit Link   */
.search_edit
{	
	font-size: 9pt;
	color: #5555dd;
	font-weight: bold;
	text-decoration: none;
}

/*   Search Table Delete Link   */
.search_delete
{	
	font-size: 9pt;
	color: #ff0000;
	font-weight: bold;
	text-decoration: none;
}

.search_delete2
{	
	font-size: 9pt;
	color: #a5a5a5;
	font-weight: bold;
	text-decoration: none;
}

/*   Search Table Total Record   */
.search_record_total
{	
	font-size: 8pt;
	color: #6677dd;
}

/*   Search Table Previous/Next Link Button   */
.search_prev_next:hover
{	
	font-size: 8pt;
	color: #0000ff;
	font-weight: normal;
	text-decoration: none;
	background-color: #cccccc;
	height : 20px;
	border: #7777ff 2px solid;
}

.search_prev_next
{	
	font-size: 8pt;
	color: #3333ff;
	font-weight: normal;
	text-decoration: none;
	background-color: #bbbbbb;
	height : 20px;
	border: #8888ff 2px solid;
}

/*   Search Table More Link Button   */
.more:hover
{	
	font-size: 9pt;
	color: #3333ff;
	font-weight: normal;
	text-decoration: none;
	background-color: #cccccc;
	height : 20px;
	border: #8888ff 2px solid;
}

.more
{	
	font-size: 9pt;
	color: #0000ff;
	font-weight: normal;
	text-decoration: none;
	background-color: #bbbbbb;
	height : 20px;
	border: #7777ff 2px solid;
}




/******************************   Message   ******************************/
/*  Require Filed Mark(*)  */
.require
{	color: #ff0000;
	font-size: 10pt;
}

/*  Require Field Notice  */
.require_notice
{	color: #ff0000;
	font-size: 8pt;
}

/*  Notice Text  */
.notice
{	color: #1133aa;
	font-size: 8pt;
}

/*  Important  */
.important
{	color: #ff0000;
	font-size: 10pt;
}

/*  Record Last Update Info  */
.last_update
{	color: #1133aa;
	font-size: 8pt;
}


/*  Save Successfully message  */
.save_success
{	color: #387C44;
	font-weight: bold;
	font-size: 10pt;
}

/*  Save Unsuccessfully message  */
.save_error
{	color: #ee0000;
	font-weight: bold;
	font-size: 10pt;
}

/*  Message  */
.message
{	color: #000000;
	font-size: 10pt;
}

.hrClass { 
	color: #CAE8EA; 
	background-color: #CAE8EA; 
	height: 2px; 
}




.SubTitle5 {
	color: #ff3333; background-color: #f8f8f8; text-align:center; text-decoration: none; font-size: 10pt; padding:6px 10px 6px 10px; font-weight: bold; BORDER-BOTTOM: #ffaaaa 1px solid; BORDER-LEFT: #cccccc 0px solid; BORDER-TOP: #ffaaaa 1px solid; BORDER-RIGHT: #cccccc 0px solid;
}

.SubTitle6 {
	color: #000000; background-color: #ffffff; text-align:center; text-decoration: none; font-size: 10pt; padding:6px 10px 6px 10px; font-weight: bold; BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 0px solid; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 0px solid;
}



/*************************************************
	Table Design
*************************************************/

.speButton {
        color:#000000;
        font:12px Futura, 'Century Gothic', AppleGothic, sans-serif;
        /*font-weight: bold;*/
        padding:4px;
        background:url('../images/overlay.png') repeat-x center #95B9C7;

        border:1px solid #95B9C7;
        -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
        border-bottom:1px solid #9f9f9f;

        -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
        cursor:hand;
}
.speButton:hover {color:#000000;background-color: #CAE8EA;}
.speButton:active {position:relative;top:2px;}

.speButton2{
        color:#000000;
        font:10px Futura, 'Century Gothic', AppleGothic, sans-serif;
        /*font-weight: bold;*/
        padding:3px;
        background:url('../images/overlay.png') repeat-x center #95B9C7;

        border:1px solid #95B9C7;
        -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
        border-bottom:1px solid #9f9f9f;
        -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
        cursor:hand;
}
.speButton2:hover {color:#000000;background-color: #CAE8EA;}
.speButton2:active {position:relative;top:2px;}

.speTextbox {color: #000000;font-family: arial;font-size: 10pt;text-align: left;background-color: #ffffff;border: #aaccff 1px solid;}
.speTableHeader {
	
}
.speTableDes {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background-color: #00a651;
	padding: 3px 4px 3px 4px;
	color: #fff;
	border-style: solid;
	border-width: 1px;
	border-color: #00a651 #008641 #00a651 #1cc16d;
}
.speTableTotalHover {
	font: normal 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background-color: #727171;
	padding: 1px 4px 1px 4px;
	color: #fff;
	border-style: solid;
	border-width: 1px;
	border-color: #adabab #727171 #373535 #727171;
	cursor: pointer;
    cursor: hand;
}
.speTableTotalHover:hover {
	font: normal 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background-color: #acabab;
	padding: 1px 4px 1px 4px;
	color: #fff;
	border-style: solid;
	border-width: 1px;
	border-color: #727171 #656565 #727171 #adabab;
	cursor: pointer;
    cursor: hand;
}

.speTableDesHand {
    font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background-color: #00a651;
	padding: 3px 4px 3px 4px;
	color: #fff;
	border-style: solid;
	border-width: 1px;
	border-color: #00a651 #008641 #00a651 #1cc16d;
    cursor: pointer;
    cursor: hand;
}
.speTableDesHand:hover, .speTableDesHandSelected {
    font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background-color: #008842;
	padding: 3px 4px 3px 4px;
	color: #fff;
	border-style: solid;
	border-width: 1px;
	border-color: #00a651 #006531 #00a651 #0e5832;
    cursor: pointer;
    cursor: hand;
}

.speTable {
    margin: 0 auto 1.5em auto;
    border-top: 0px solid #909090;
    border-left: 0px solid #909090;
    border-collapse:collapse;
    font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    border-right: 0px solid #909090;
    border-bottom: 1px solid #dee7ee;
    padding: 2px 5px 2px 5px;
    color: #000000;
    cursor: pointer;
}
.speTableBlack {
    margin: 0 auto 1.5em auto;
    border-top: 0px solid #909090;
    border-left: 0px solid #909090;
    border-collapse:collapse;
    font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    border-right: 0px solid #909090;
    border-bottom: 1px solid #000000;
    padding: 2px 5px 2px 5px;
    color: #000000;
    cursor: pointer;
}
.speTableGray {
    margin: 0 auto 1.5em auto;
    border-top: 0px solid #909090;
    border-left: 0px solid #909090;
    border-collapse:collapse;
    font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    border-right: 0px solid #909090;
    border-bottom: 1px solid #dee7ee;
    padding: 2px 5px 2px 5px;
    color: #000000;
    background-color: #eeeeee;
    cursor: pointer;
}
.speTableBold {
    padding: 0;
    margin: 0 auto 1.5em auto;
    border-top: 0px solid #909090;
    border-left: 0px solid #909090;
    border-collapse:collapse;
    font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    border-right: 0px solid #909090;
    border-bottom: 1px solid #dee7ee;
    padding: 2px 4px 2px 4px;
    color: #000000;
    cursor: pointer;
}
.speCancelTable {
	padding: 0;
    margin: 0 auto 1.5em auto;
    border-top: 0px solid #909090;
    border-left: 0px solid #646464;
    border-collapse:collapse;
    font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    border-right: 0px solid #909090;
    border-bottom: 1px solid #dee7ee;
    padding: 2px 4px 2px 4px;
    color: #FF0000;
    cursor: pointer;
}



.RepTableDesHand {
        padding: 2px 4px 2px 4px;
        border-top: 1px solid #C1DAD7;
        border-left: 1px solid #C1DAD7;
        font: normal 12px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        color: #000000;
        cursor: pointer;
}

.RepTable {
        width: auto;
        padding: 0;
        margin: 0 auto 1.5em auto;
        border-top: 1px solid #C1DAD7;
        border-left: 0px solid #C1DAD7;
        border-collapse:collapse;
        font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        border-right: 0px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        padding: 2px 4px 2px 4px;
        color: #000000;
        cursor: pointer;
}

.RepTable2 {
        width: auto;
        border-top: 1px solid #C1DAD7;
        border-left: 1px solid #C1DAD7;
        border-collapse:collapse;
        font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        color: #000000;
        cursor: pointer;
}

.RepTable3 {
        width: auto;
        padding: 0;
        margin: 0 auto 1.5em auto;
        border-top: 0px solid #C1DAD7;
        border-left: 0px solid #C1DAD7;
        border-collapse:collapse;
        font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        border-right: 0px solid #C1DAD7;
        border-bottom: 0px solid #C1DAD7;
        padding: 2px 4px 2px 4px;
        color: #000000;
        cursor: pointer;
}




.speTableDesNoLeftRight {
        background:url('../images/table_header.jpg') no-repeat #CAE8EA;
        padding: 2px 4px 2px 4px;
        border-top: 1px solid #C1DAD7;
        border-left: 0px solid #C1DAD7;
        font: normal 12px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
        border-right: 0px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        color: #000000;
        cursor: pointer;
}
.speTableNoLeft {
        width: auto;
        padding: 0;
        margin: 0 auto 1.5em auto;
        border-top: 1px solid #C1DAD7;
        border-left: 1px solid #C1DAD7;
        border-collapse:collapse;
        font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        padding: 2px 4px 2px 4px;
        color: #000000;
        cursor: pointer;
}





.speTableWhite {
        width: auto;
        padding: 0;
        margin: 0 auto 1.5em auto;
        border-top: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        border-collapse:collapse;
        font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        border-right: 1px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
        padding: 2px 4px 2px 4px;
        color: #000000;
        cursor: pointer;
}
.tinyspeTableDes {
        background:url('../images/table_header.jpg') no-repeat #CAE8EA;
        padding: 4px 25px 2px 25px;
        width: auto;
        border-top: 1px solid #C1DAD7;
        border-left: 1px solid #C1DAD7;
        font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        color: #000000;/*4f6b72;*/
        cursor: pointer;
}
.tinyspeTable {
        width: auto;
        padding: 0;
        margin: 0 auto 1.5em auto;
        border-top: 1px solid #C1DAD7;
        border-left: 1px solid #C1DAD7;
        border-collapse:collapse;
        font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        padding: 1px 25px 1px 25px;
        color: #000000;/*4f6b72;*/
        cursor: pointer;
}
/*************************************************
	End Table Design
*************************************************/








/******************************   Excel XML   ******************************/
/*   Table Header   */
.table_title_xml
{
	color: #effaff;
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	padding: 1px;
	background-color: #8f9fee;
	border: #667799 1px solid;
}

/*   Table Detail - line 1	*/
.table_detail_xml
{
	font-size: 10pt;
	padding: 1px;
	vertical-align: middle;
	background-color: #e0e0e0;
}

/*   Table Detail 1 - line 2	*/
.table_detail1_xml
{
	font-size: 10pt;
	padding: 1px;
	vertical-align: middle;
	background-color: #d0d0d0;
}

/*   Table Detail 2 - new record	c0d0e0*/
.table_detail2_xml
{
	font-size: 10pt;
	padding: 1px;
	vertical-align: middle;
	background-color: #aaccee;
}




/******************************   Miscellane   ******************************/
/*   HR (Line)   */
.line
{	border: #c0d0ff 1px solid;
}

/*   Box - Link Clickable   */
.box1
{	font-size: 9pt;
	color: #0000ff;
	font-weight: normal;
	text-decoration: none;
	background-color: #eeeeee;
	border: #7777ff 2px solid;
}

/*   Box - Link Disable   */
.box2
{	font-size: 9pt;
	color: #aaaaaa;
	font-weight: normal;
	text-decoration: none;
	background-color: #eeeeee;
	border: #aaaaaa 2px solid;
}


/*  Highlight Link  */
.link_hand
{	cursor: hand;
	color: #0000d0;
	font-weight: bold;
}


/*  Highlight Link Area  */
.area_link_hand
{	cursor: hand;
	background-color: #99ccff;
}


/*  Highlight Link Area  */
.area_link_hand_red
{	cursor: hand;
	background-color: #ffaa99;
}
.staff_manage
{	color: #AAAAAA;
	font-size: 8pt;
}
.staff_manage2
{	color: #000000;
	font-size: 8pt;
}
.staff_manage3
{	color: #000000;
	font-size: 9pt;
	font-weight: bold;
}
.SubTitle2 {
	color: #FFFFFF; background-color: #00a651; BORDER-TOP: #5F5F5F 1px solid; BORDER-RIGHT: #5F5F5F 0px solid; BORDER-BOTTOM: #5F5F5F 1px solid; BORDER-LEFT: #5F5F5F 0px solid; font-weight: bold; text-decoration: none; font-size: 10pt;
}
.SubTitle3 {
	color: #FFFFFF; background-color: #CAE8EA; text-decoration: none; font-size: 10pt;
}
.SubTitleIconMsg{ background-image:url("../images/icons/thread.gif"); background-repeat:no-repeat; background-position:left center; }
.SubTitleIconNote{ background-image:url("../images/icons/star.gif"); background-repeat:no-repeat; background-position:left center; }
.SubMessagePost
{	color: #000000; background-color: #F4F4F4; BORDER-TOP: #CCCCCC 1px solid; BORDER-RIGHT: #CCCCCC 0px solid; BORDER-BOTTOM: #CCCCCC 1px solid; BORDER-LEFT: #CCCCCC 0px solid; font-weight: bold; text-decoration: none; font-size: 10pt; PADDING: 2px 4px 2px 4px;
}
.SubMessagePost_Title
{	color: #000000; background-color: #F4F4F4; BORDER-TOP: #CCCCCC 1px solid; BORDER-RIGHT: #CCCCCC 0px solid; BORDER-BOTTOM: #CCCCCC 1px solid; BORDER-LEFT: #CCCCCC 0px solid; font-weight: bold; text-decoration: none; font-size: 11pt; PADDING: 5px 4px 5px 4px;
}
.SubMessageNote
{	color: #000000; background-color: #ED9837; BORDER-TOP: #5F5F5F 1px solid; BORDER-RIGHT: #5F5F5F 0px solid; BORDER-BOTTOM: #5F5F5F 1px solid; BORDER-LEFT: #5F5F5F 0px solid; font-weight: bold; text-decoration: none; font-size: 10pt; PADDING: 2px 4px 2px 4px;
}


.textbox_readOnlyField
{	color: #000000;
	font-size: 11px;
	text-align: left;
	background-color: #dddddd;
	border: #888888 1px solid;
	HEIGHT: 18px;
}
.DisplayTable
{	
	font-size: 8pt;
}

.hr_design1 {
	border-bottom: #CCCCCC solid 1px;
}

/*************************************************
	Menu Design
*************************************************/
#basic-accordian {
	/*BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #eee 1px solid; MARGIN-TOP: -100px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; Z-INDEX: 2; LEFT: 181px; PADDING-BOTTOM: 3px; MARGIN-LEFT: -175px; BORDER-LEFT: #eee 1px solid; WIDTH: 187px; PADDING-TOP: 3px; BORDER-BOTTOM: #eee 1px solid; POSITION: absolute; TOP: 288px*/
}
.accordion_headings {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; BORDER-LEFT: #fff 1px solid; CURSOR: pointer; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM: #fff 1px solid; FONT-SIZE: 12px;
}
.accordion_headings:hover {
	BACKGROUND: #ff9900
}
.accordion_child {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #eee; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; FONT-SIZE: 12px;
}
.header_highlight {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; BORDER-LEFT: #fff 1px solid; CURSOR: pointer; PADDING-TOP: 5px; BORDER-BOTTOM: #fff 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ff9900;  FONT-SIZE: 12px;
}
.style3 {
	FONT-WEIGHT: bold
}
.style5 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px
}
.style6 {
	FONT-WEIGHT: normal; COLOR: #ffffff
}
.accordion_child1 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #f3f3f5; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; FONT-SIZE: 12px;
}
.accordion_headings1 {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: #999999; PADDING-BOTTOM: 5px; BORDER-LEFT: #fff 1px solid; CURSOR: pointer; COLOR: #ffffff; PADDING-TOP: 5px; BORDER-BOTTOM: #fff 1px solid; FONT-SIZE: 12px;
}
.header_highlight1 {
	BACKGROUND: #00ccff
}

A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
	 COLOR: #666666; TEXT-DECORATION: none
}
A:active {
	COLOR: #333; TEXT-DECORATION: none
}

/*****************************************************
	End Menu Design
*****************************************************/


.arrowgreen{
	width: 220px; /*width of menu*/
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff #ffffff #ffffff #ffffff;
}

.arrowgreen ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.arrowgreen li a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background-color: #f7f7f7;
	color: #000000;
	height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
	
.arrowgreen li a:link, .arrowgreen li a:visited {
	color: #000000;
	border-style: solid;
	border-width: 1px;
	border-color: #dcd9d9 #dcd9d9 #ffffff #dcd9d9;
}

.arrowgreen li a:hover{
	color: #fff;
	background-color: #4498c7;
}

.arrowgreen li a.selected{
	color: #fff;
	background-color: #838383;
}

.arrowgreen li a.selectedhome{
	color: #0000ff;
	background-color: #B8B8B8;
}

.arrowgreen li a.login{
	padding: 24px 0 24px 0px;
	height: 130px;
}
.arrowgreen li a.login:hover{
	padding: 24px 0 24px 0px;
	height: 130px;
	border-top-color: #404040 !important;
	border-left-color: #505050;
	background-color: #333;
}

.arrowgreen li a.loggedin{
	color: #fff;
	background-color: #00a651;
	padding: 14px 0 24px 10px;
	border-color: #08c464 #08c464 #08c464 #08c464;
}
.arrowgreen li a.loggedin:hover{
	color: #fff;
	background-color: #00a651;
}

.arrowgreen li a.empty_left{
	padding: 14px 0 24px 10px;
}
.arrowgreen li a.empty_left:hover{
	color: #fff;
	background-color: #f7f7f7;
}


.relogin_info {
	padding: 114px 0 24px 10px;
}