/* CSS Document */
a:hover, ul.site_map li a:hover{
color:#FF9900;
}

ol li{
text-align:left;
}

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

a.title{
color:#FFFFFF;
}

a.title:hover{
color:#400000;
}

/*ul,li {
margin-left: 0;
padding-left: 0;
}*/

/* site map*/
ul.site_map li{
	display: block;
}
/*level 1*/
ul.site_map li, ul.site_map li a{
	font-size:11px;
	font-weight:bolder;
	color:#535353;	
}

/*level 2*/
ul.site_map li ul li, ul.site_map li ul li a{
font-weight:normal;
font-size:11px;
color:#1391A8;
}

/*level 3*/
ul.site_map li ul li ul li, ul.site_map li ul li ul li a{
font-weight:normal;
font-size:11px;
color: #4F6D14;
}

/*level 4*/
ul.site_map li ul li ul li ul li, ul.site_map li ul li ul li ul li a{
font-weight:normal;
font-size:11px;
color: #535353;
}

/*level 5*/
ul.site_map li ul li ul li ul li ul li, ul.site_map li ul li ul li ul li ul li a{
font-weight:normal;
font-size:11px;
color:#BE6894;
}


/*sharine*/
div.main_container{
	vertical-align:text-top; 
	float:left; 
	width:760px; 
	margin-left:10px;
	/*padding-right:15px;*/

}

div.side_container{
	vertical-align:text-top; 
	float:left; 
	width:200px; 
}

div.main_content
{
margin:5px 25px 5px 0px; 
vertical-align:text-top; 
float:left; 
width:717px;
padding-left:15px;
}

td.content_title_icon
{

width:9px;
padding-top: 10px;
vertical-align:middle; 
}

td.content_title
{
background: url(../../image/title_box.gif) no-repeat 0px 50%;
font-weight:800;
font-size:16px;
color:#336666;
border-bottom-color:#999999;
border-bottom-style: solid;
border-bottom-width:1px;
padding: 3px 0px 1px 15px;
width: 717px;
}

table.margin
{
	margin-bottom: 10px;
}

td.contact_us
{
	vertical-align:bottom;
	text-align:justify;
}

td.contact_us h3
{
	background: url(../../image/icon/contactus.jpg) no-repeat 0px 2px;
	font-size:12px;
	margin-top: 20px;
	padding: 0px 0px 0px 25px;	
	vertical-align: bottom;
}

td.more_info h3
{
	background: url(../../image/icon/bulb.gif) no-repeat 0px 2px;
	font-size:12px;
	margin-top: 20px;
	padding: 0px 0px 0px 25px;	
	vertical-align: bottom;
}

td.title
{
    color:#C7A24A; 
	font-weight: bold;
	font-size:13px;
}

td.title2
{
    color:#333333; 
	font-weight: bold;
	font-size:13px;
}

td.title1
{
    color:#333333 ;
	font-weight: bold;
	font-size:12px;
}

td.sub_title8
{
	padding-top:10px;
	font-weight: bold;
	font-size:12px;
}

td.empty_line1
{
	height:15px;
}

td.empty_line2
{
	height:10px;
}

td.empty_line3
{
	height:4px;
}

td.empty_line4
{
	height:1px;
}

td.detail
{
	text-align:justify; 
	font-size:12px;
	line-height: 15pt;
}

font
{
	line-height: 15pt;
}

td.detail_sub
{
	text-align:justify; 
	font-size:12px;
	padding-left:14px;
}

td.detail_kindly
{
	text-align:justify; 
	font-size:11px;
	color:#333333;
	padding-left:14px; 
}

/* pop up */
div.popup_main
{
	background-color:#FFFFFD;
	margin:10px;
	width:810px;
}

div.popup_logo
{
	background-color:#FFFFFD;
	vertical-align:middle;
	width:100%;
}

table.popup_header
{
	background-color:#FFFFFD;
	width:810px;
}

table.popup_header td
{
	border:none 0px;
	padding:0px;
	margin:0px;
}

td.popup_left
{
	background:url(../../image/popup/yellow_left.gif) no-repeat;
	vertical-align:left;
	width:13px;
	height:45px;
}

td.popup_center
{
	background:url(../../image/popup/yellow_repeat.gif) repeat-x;
	vertical-align:left;
	color:#FFFFFF;
	font-size:18px;
	height:45px;
}

td.popup_right
{
	background:url(../../image/popup/yellow_right.gif) no-repeat;
	vertical-align:right;
	width:13px;
	height:45px;
}

td.popup_detail
{
	text-align:justify; 
	font-size:12px;
	padding:18px;
}

/*sharine end*/
h1, h2, h3
{
	margin: 0px;
	padding: 0px;
}


.style3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; 
text-align: center; 
color:#666666; 
}

body
{
	background-image:url(../../image/background_member.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	margin: 0px;
	padding: 0px;	
}

td, h1, h2, h3
{
	font-weight:normal;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
}

table.background{
background-color:#F9F9F5;
width:1000;
}

/* Calculator  */
table.analysis_alternative{
	width:100%; 
	border:solid 1px #E6E6E5;
	padding:0px 0px 0px 0px;
}

td.analysis_alternative_title{
	font-size:11px;
	vertical-align:middle;
	height:25px;
	border-bottom:solid 1px #E6E6E5;
	border-right:solid 1px #E6E6E5;
	padding-left:15px;
}
td.analysis_alternative_detail{
	font-size:11px;
	vertical-align:middle;
	border-bottom:solid 1px #E6E6E5;
	padding:5px 10px 5px 10px;
}
td.analysis_alternative_title_end{
	font-size:11px;
	vertical-align:middle;
	height:25px;
	border-bottom: none;
	border-right:solid 1px #E6E6E5;
	padding-left:15px;
}
td.analysis_alternative_detail_end{
	font-size:11px;
	vertical-align:middle;
	border-bottom:none;
	padding:5px 10px 5px 10px;
}

tr.analysis_table_header{
	background-color:#EFEBE4;
}

tr.analysis_table_header td{
font-weight:600;
border-right:none;
}


/*calculator header - same with wealth popup header*/
td.summary_header_left{
	background:url(../../image/summary/summary_header_left.gif) no-repeat left;
	width:15px;
	height:26px
}

td.summary_header_right{
	background:url(../../image/summary/summary_header_right.gif) no-repeat right;
	width:8px;
}

td.summary_header_center{
	background:url(../../image/summary/summary_header_center.gif) repeat-x;
	font-weight:600;
	font-size:13px;
	color:#2D585B;
	width: 760px;
}


/*  input */
input.standard_compulsory_analysis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	width: 100px; 
	border: solid #A7BCD6 1px; 
	background-color:#FFFFCF;/*#FFFFEA;*/
}

input.disabled_analysis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	width: 100px; 
	border: solid #A7BCD6 1px; 
	background-color:#F0F3F9;
}

/*  Side Content  */

/*  Main Content  */

/* Header */
table.header_content{
background-image: url(../../image/header_bg_member.gif);
background-position:bottom;
background-repeat:repeat-x;
width:100%;
height:165;
border: solid 1px #FDFDFD;
border-left:none;
border-right:none;
border-bottom:none;
}

table.header_logout{
	margin-right:15px;
	border:0px;
}

table.header_logout tr td{
	padding-left:3px;
	padding-right:3px;
}

table.main_manu{
width:600;
height:46;
vertical-align:middle;
font-family:Arial;
font-size:12px;
color:#575757;
}


td.main_menu_item, td.main_menu_item_on, td.main_menu_item_hover {
width:100;
text-align:center;
}

td.main_menu_item_on{
background:url(../../image/header_bg_member_hover.gif) repeat-x;
color:#FFFFFF;
}

td.main_menu_item:hover{
background:url(../../image/header_bg_member_hover.gif) repeat-x;
color:#FFFFFF;
border:solid 1px #FFFFFF;
cursor:pointer;
}

td.main_menu_item_hover{
background:url(../../image/header_bg_member_hover.gif) repeat-x;
color:#FFFFFF;
border:solid 1px #FFFFFF;
border-bottom:none;
border-top:none;
width:98;
cursor:pointer;
}

/*sub menu home*/
table.sub_menu{
font-family:Arial, Helvetica, sans-serif; font-size:12px;
}

td.sub_menu_on{
padding:0px 5px 8px 5px;
color:#400000;
font-size:11px;
}

td.sub_menu{
padding:0px 5px 8px 5px;
height:30px;
background-repeat:repeat-x;
color:#F4EBCD;
font-size:11px;
}

td.sub_menu a:hover{
text-decoration:none;
color: #400000;
font-size:11px;
}

td.sub_menu a{
text-decoration:none;
color: #F4EBCD;
font-size:11px;
}

/*header for wealth planner*/
table.main_manu_wealth{
width:700;
height:46;
text-align:center;
vertical-align:middle;
font-family:Arial;
font-size:12px;
background-color:#ECE8E4;
}

td.main_menu_wealth_item, td.main_menu_wealth_item_on, td.main_menu_wealth_item_hover, main_menu_wealth_item_next, main_menu_wealth_item_next_hover {
width:100;
}

td.main_menu_wealth_item_on{
background:url(../../image/header_bg_wealth_hover.gif) repeat-x 0px 50%;
color:#FFFFFF;
}

td.main_menu_wealth_item_hover, td.main_menu_wealth_item_next_hover{
color: #00CC99;
border-bottom:none;
border-top:none;
cursor:pointer;
}

td.main_menu_wealth_item h2, td.main_menu_wealth_item_hover h2{
background: url(../../image/header_bg_wealth_arrow.gif) no-repeat 0px 50%;
margin: 0px;
padding: 10px 0px 0px 15px;
height:100%;
vertical-align:middle;
}

td.main_menu_wealth_item_on h2{
background: url(../../image/header_bg_wealth_arrow_hover.gif) no-repeat 0px 50%;
margin: 0px;
padding: 10px 0px 0px 15px;
height:100%;
vertical-align:middle;
}

td.main_menu_wealth_item_next h2,  td.main_menu_wealth_item_next_hover h2 {
background:url(../../image/header_bg_wealth_arrow_hover_next.gif) no-repeat center left;
margin: 0px;
padding: 10px 0px 0px 15px;
height:100%;
vertical-align:middle;
}

table.sub_menu_wealth{
font-family:Arial, Helvetica, sans-serif; font-size:12px;
}

td.sub_menu_wealth_on{
padding:0px 20px 8px 20px;
color: #4F4F4F;
}

td.sub_menu_wealth{
padding:0px 20px 8px 20px;
height:30px;
background-repeat:repeat-x;
}

td.sub_menu_wealth a:hover{
text-decoration:none;
color:#00CC99;
}

/*  pop up box  */

/*  Side box  */
table.side_box, table.side_box_cal, table.side_box_tip, table.side_box_pointer{
	width:193px;
	border:0;
	background-repeat:no-repeat;
	margin-top:1;
	margin-bottom:1;
	margin-right:10;
}

table.side_box_pointer{
background-image:url(../../image/box_header_pointer.gif);
}

table.side_box_cal{
	background-image:url(../../image/box_header_calculator.gif);
}

table.side_box{
	background-image:url(../../image/box_header_member.gif);
}

table.side_box_tip{
	background-image:url(../../image/box_header_tip.gif)
}

td.right_side{
background-image:url(../../image/box_header_side.gif);
background-repeat:repeat-y;
background-position:right;
width:10px;
}

td.bottom_side{
background-image:url(../../image/box_header_bottom.gif);
background-repeat:repeat-x;
}

td.bottom_right_side{
background-image:url(../../image/box_header_bottom_side.gif);
background-repeat:no-repeat;
}

td.box_title{
padding-left:45;
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
color:#663300;
height:30;
}

td.box_content{
background-color:#F9F9F5;
padding:5px 0px 0px 15px;
}

/* side box --- kpi & key info display*/
td.right_side_kpi{
background-image:url(../../image/box_header_kpi_side.gif);
background-repeat:repeat-y;
background-position:right;
width:10px;
}

td.bottom_side_kpi{
background-image:url(../../image/box_header_kpi_bottom.gif);
background-repeat:repeat-x;
}

td.bottom_right_side_kpi{
background-image:url(../../image/box_header_kpi_bottom_side.gif);
background-repeat:no-repeat;
}

td.box_title_kpi{
padding-left:45;
padding-top:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
color:#FFFFFF;
height:30;
}

td.box_content_kpi{
background-color:#F9F6EB;
padding:0px 0px 0px 0px;
}

tr.box_content_line{
background:url(../../image/box_header_line_kpi.gif) bottom no-repeat left;
}

td.box_detail_kpi{
padding:5px;
}

/*/*  weath menu  
table.weath_menu{
width:100%;
}

td.wealth_menu_item{
color:#000000;
width:100px;
cursor:pointer;
}

td.wealth_menu_item_on{
color:#8F4900;
width:100px;
}

td.wealth_menu_item_hover{
color:#FF9900;
width:100px;
cursor:pointer;
}

table.wealth_sub_menu{
font-family:Arial, Helvetica, sans-serif; font-size:12px;
}

td.wealth_sub_menu_on{
padding:4px 20px 0px 20px; 
/*border-bottom: solid thick #DBCBA2; 
color:#8F4900;/
color: #FFFFFF;
}

td.wealth_sub_menu{
padding:0px 20px 5px 20px;
}*/

/* main title*/
table.main_title{
width:100%;
border:0px;
margin:5px 0px 0px 0px;
}

td.main_title{
width:auto;
border-bottom:solid medium #64828E;
font:Arial, Helvetica, sans-serif;
font-weight: bolder;
font-size:16px;
}

td.main_title_location{
width:606;
border-bottom:solid thin #CCCCCC;
text-align:right;
font-size:11px;
}

/*content*/
.content{
width:750px;
margin:0px 15px 15px 15px;
}

table.header{
vertical-align:top;
width:780px;
border:0px;
margin-top:5px;

background-color:#ffffff;
}

table.white_header{
vertical-align:top;
width:720px;
border:0px;
margin-top:5px;
background-color:#ffffff;
}


td.header_white{
background-color:#F9F9F5; 
width:600px;
border-bottom: solid 1px; 
border-color:#CFCFCE;
}

td.header_title{
width:170px;
padding:5px;
border-bottom:0px;
background:url(../../image/content_header_member.gif) repeat-x left bottom;
color:#ffffff;
font-size:13px;
}

td.header_title_side{
width:9px;
border-bottom:0px;
background:url(../../image/content_header_member_side.gif) no-repeat left bottom;
color:#ffffff;
font-size:13px;
}

td.header_title_left{
width:4px;
border-bottom:0px;
background:url(../../image/content_header_member_left.gif) no-repeat left bottom;
color:#ffffff;
font-size:13px;
}

td.content{
background:url(../../image/triangle_member.gif)  no-repeat  130px 0px;
border:solid 1px #CFCFCE;
border-top:0px; 
padding:10px 0px 10px 0px; 
vertical-align:top;
}
td.content_white{
border:solid 1px #CFCFCE;
border-top:0px; 
padding:10px 0px 10px 0px; 
vertical-align:top;
}
/*td.content{
border:solid 1px; 
border-top:0px; 
border-bottom:0px; 
border-color:#CFCFCE;
vertical-align:top;
}


/*Sub header*/
div.sub_header{
background:url(../../image/sub_header_white_member.jpg) repeat-x top;
width:100%;
}

div.sub_header2{
background:url(../../image/sub_header_white_member2.jpg) repeat-x top;
width:100%;
}

table.sub_header{
vertical-align:top; 
width:780px; 
border:0; 
border-bottom:solid 1px #FFFFFF;
}

td.sub_title{
width:159px;
height:22px;
background:url(../../image/sub_header_member.gif) bottom repeat-x;
padding-left:5px; 
color: #372B13; 
font-family:Arial, Helvetica, sans-serif; 
font-size:13px;
}

td.sub_title_header_side{
width:11px; 
background:url(../../image/sub_header_side_member.gif) no-repeat left bottom;
}

td.sub_title2{
width:600px;
height:22px;
background:url(../../image/sub_header_member2.gif) bottom repeat-x;
padding-left:5px; 
color:#333333;
font-family:Arial, Helvetica, sans-serif; 
font-size:13px;
}

td.sub_title_header_side2{
width:45px; 
background:url(../../image/sub_header_side_member2.gif) no-repeat left bottom;
}

/*collapse and expend all*/
td.collapse_expend_all, td.collapse_expend_all_hover{
padding:0px 15px 0px 15px;
cursor:pointer;
}

td.collapse_expend_all{
color:#999999; 
}

td.collapse_expend_all_hover{
color:#666666;
}

/* detail */
table.detail{
width:100%; 
margin:5px 15px 15px 15px;
}

tr.detail{
/*background:url(../../image/dot_line.gif) repeat-x bottom;*/
height:5px;
font-size:12px;

}

tr.detail_invisible{
display:none;
height:30px;
}

tr.detail td h1{
background: url(../../image/bullet_member.gif) no-repeat 0px 3px;
margin: 3px;
padding: 0px 0px 0px 15px;
text-align:justify;
font-size:12px;

}

tr.detail td{
font-size:12px;
}

tr.list_header
{
background-color:#E4D3B1; 
text-align:left; 
border-top:solid #408FC2 1px;
}

tr.list_content{
background:url(../../image/dot_line.gif) bottom repeat-x;
}

td.list_content{
text-align:left;
}

/* new table in main page*/
td.news_header, td.article_header, td.ann_header{
padding: 0px 0px 4px 45px;
width:75%;
font-size:14px;
font-weight:700;
color:#996600;
border-bottom-color: #333333;
border-bottom-style:dotted;
border-bottom-width:1px;
}

td.news_header{
background:url(../../image/home_news.gif) no-repeat left;
}

td.article_header{
background:url(../../image/home_article.gif) no-repeat left;
}

/*td.news_icon{
padding: 3px 0px 4px 0px;
width:10%;
color:#996600;
border-bottom-color: #333333;
border-bottom-style:dotted;
border-bottom-width:1px; 
}*/

td.news_header_more{
padding: 3px 0px 4px 0px;
text-align:right;
width:15%;
font-size:11px;
border-bottom-color: #333333;
border-bottom-style:dotted;
border-bottom-width:1px; 
}

td.news_content{
background:url(../../image/bullet_member.gif) no-repeat left center;
padding:3px 0px 3px 25px;
text-align:left;
font-size:11px;
border-bottom-color: #333333;
border-bottom-style: dotted;
border-bottom-width:1px;
width:100%
}

/* announcement in main page */
td.ann_header{
background:url(../../image/home_announcement.gif) no-repeat left;
/*padding: 3px 0px 4px 45px;
width: auto;
color:#996600;
font-size:14px;
font-weight:700;
border-bottom-color: #64828E;
border-bottom-style: solid;
border-bottom-width:2px;
background:url(../../image/home_announcement.gif) no-repeat left;*/
}

td.ann_header_more{
/*padding: 3px 0px 4px 0px;
text-align:right;
width:90%;
font-size:11px;
border-bottom-color: #333333;
border-bottom-style:solid;
border-bottom-width:1px; */

padding: 3px 0px 4px 0px;
text-align:right;
width:15%;
font-size:11px;
border-bottom-color: #333333;
border-bottom-style:dotted;
border-bottom-width:1px; 
}

td.ann_content{
text-align:justify;
font-size:11px;
}

/*    FORM  */
/* 
form {
	margin:0 0 0 0;
}


td.page_title {
	color:#302F2F;
	font-weight:bold;
}

td.header
{
	background: #F7E7CE url(../../image/table/header_bg.jpg) repeat-x;
	color:#333333;
	font-size:11px;
	height:25px;
	font-weight:bold;
	padding: 0px 5px 0px 5px;
}

tr.list_row, tr.list_row_curr, tr.list_row_hover, tr.list_row_warning
{
	color:#000000;
	font-size:11px;
	height:25px;
}

tr.list_row
{
	background-color:#F9F5E9;
}

tr.list_row_warning
{
	background: #FDE0D6;
}

tr.list_row_curr
{
	background-color:#FFDFA6;
}

tr.list_row_hover
{
	background-color:#F9EECC;
}

td.form_header {
	color:#6076A9;
	font-size:11px;
	font-weight:bold
}

*/


td.form_title {
	color: #000000;
	padding: 3px 0px 4px 0px;
	font-size:11px;
	background:url(../../image/dot_line.gif) repeat-x bottom;
}

td.form_title_other{
	/*text-align:right; */
	color:#666666; 
	font-size:10px;
	padding: 3px 0px 4px 22px;
	/*font-style:italic;*/
	background:url(../../image/dot_line.gif) repeat-x bottom;
}

td.form_title_empty { 
	color: #000000;
	padding: 3px 0px 4px 0px;
	font-size:11px;
	background:url(../../image/dot_line.gif) repeat-x bottom;
}

td.form_title_end {/* no dot line */
	color: #000000;
	padding: 3px 0px 4px 0px;
	font-size:11px;
}

td.form_title, td.form_title_empty, td.form_title_end, td.form_title_empty_end
{
	width: 130px;
}

td.form_content {
	color: #000000;
	padding: 3px 0px 4px 12px;
	font-size:11px;
	background:url(../../image/dot_line.gif) repeat-x bottom;
}

td.form_content_end {
	color:#000000;
	padding: 3px 0px 4px 12px;
	font-size:11px;
}

td.form_content, td.form_content_end
{
	width:240px;
}

td.form_space {
	width:10px; 
	background:url(../../image/dot_line.gif) repeat-x bottom;
}
td.form_space_end {
	width:10px; 

}

/*
td.form_description {
	color:#B0B0B0;
	font-size:11px;
}

td.box_header {
	color:#666666;
	font-size:11px;
}

td.box_title {
	color:#FFFF99;
	font-size:11px;
}

td.box_content {
	color:#ffffff;
	font-size:11px;
}

td.box_description {
	color:#ffffff;
	font-size:11px;
}

td.sublink {

	background: url(../../../elements/image/bx_search_item.gif) no-repeat 12px 1px;
	height: 16px; 
	font-family: Arial, Tahoma, Helvetica, San-serif;
	font-size: 8pt;
}
td.sublink a {
	color: #ffffff;
	text-indent: 30px;
}
td.sublink a:hover {
	color: #8DA5FE;
}


/*    INPUT   */
input.standard { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	width: 150px; 
	border: solid #A7BCD6 1px;
	background-color:#FFFFFF;
}

input.standard_compulsory {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	width: 150px; 
	border: solid #A7BCD6 1px; 
	background-color:#FFFFCF;/*#FFFFEA;*/
}

input.disabled { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	width: 150px; 
	border: solid #A7BCD6 1px; 
	background-color:#F0F3F9;	
}

/* use in list */
input.standard_short { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	width: 65px; 
	border: solid #A7BCD6 1px;
	background-color:#FFFFFF;
}

input.standard_compulsory_short {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	width: 65px; 
	border: solid #A7BCD6 1px; 
	background-color:#FFFFCF;/*#FFFFEA;*/
}

input.disabled_short { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	width: 65px; 
	border: solid #A7BCD6 1px; 
	background-color:#F0F3F9;	
}
/*
input.search{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	width: 150px; 
	border: solid #A7BCD6 1px; 
}
*/
input.form_button {
	font-family: Arial, Helvetica, sans-serif;
	border-width: 1px;
	border-color: #999999;
	border-style: solid;
	background-image:url(../../image/button_bg.gif);
	color: #666666;
	font-size: 11px;
	height: 20px;
	width : auto;
}

input.form_button:hover {
	font-family: Arial, Helvetica, sans-serif;
	border-width: 1px;
	border-color: #999999;
	border-style: solid;
	background-image:url(../../image/button_bg.gif);
	color: #FF6666;
	font-size: 11px;
	height: 20px;
	width : auto;
}

input.form_button_disabled {
	font-family: Arial, Helvetica, sans-serif;
	border-width: 1px;
	border-color: #999999;
	border-style: solid;
	background-color:#E7E7EB;
	color: #9E9DA8;
	font-size: 11px;
	height: 20px;
	width : auto;
}

input.form_button_selected {
	font-family: Arial, Helvetica, sans-serif;
	border-width: 2px;
	border-color:#000000;
	border-style: solid;
	background-color: White;
	color: #666666;
	font-size: 11px;
	height: 20px;
	width : auto;
}

input.box_button {
	font-family: Arial, Helvetica, sans-serif;
	border-width: 1px;
	border-color: #999999;
	border-style: solid;
	background-color: #EEEEEE;
	color: #666666;
	font-size: 9px;
	height: 22px;
}

input.file {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	width :150px;
	height: 18px;
	border:  1px solid #CCCCCC;
}
input.button_left{
font-family: Arial, Helvetica, sans-serif;
	border-width: 0px;
	background-image:url(../../image/next_left.gif);
	color: #666666;
	font-size: 11px;
	height: 21px;
	width : 51px;
}

input.button_right{
font-family: Arial, Helvetica, sans-serif;
	border-width: 0px;
	background-image:url(../../image/next_right.gif);
	color: #666666;
	height: 21px;
	width : 51px;
}

input.button_up{
font-family: Arial, Helvetica, sans-serif;
	border-width: 0px;
	background-image:url(../../image/up.gif);
	color: #666666;
	height: 21px;
	width : 51px;
}

input.button_down{
font-family: Arial, Helvetica, sans-serif;
	border-width: 0px;
	background-image:url(../../image/down.gif);
	color: #666666;
	font-size: 11px;
	height: 21px;
	width : 51px;
}

/*    FONT   
font.bigwhite		 {
	font-family: Arial, Tahoma, Helvetica, San-serif;
	font-size: 9pt;
	color: #FFFFFF;
	font-weight: bold;
}
font.smallwhite	 {
	font-family: Tahoma, Arial, Helvetica, San-serif;
	font-size: 8pt;
	color: #000000;
}

font.smallwhite_real	 {
	font-family: Tahoma, Arial, Helvetica, San-serif;
	font-size: 8pt;
	color: #FFFFFF;
}

font.smallorange	 {
	font-family: Arial, Tahoma, Helvetica, San-serif;
	font-size: 7pt;
	color: #FFCC00;
}


/*    SELECT  */ 
select.standard	{ 
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 2px; 
	padding-left: 2px; 
	padding-bottom: 2px; 
	padding-top: 2px; 
	font-size: 8pt; 
	border: solid #A7BCD6 1px; 
	background-color: #FFFFFF; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	width:150px;
}

select.disabled	{
	
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 2px; 
	padding-left: 2px; 
	padding-bottom: 2px; 
	padding-top: 2px; 
	font-size: 8pt; 
	border: solid #A7BCD6 1px; 
	background-color: #F2F2F2; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	width:150px;
}

select.standard_auto	{ 
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 2px; 
	padding-left: 2px; 
	padding-bottom: 2px; 
	padding-top: 2px; 
	font-size: 8pt; 
	border: solid #A7BCD6 1px; 
	background-color: #FFFFFF; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	width:auto;
}

select.standard_compulsory	{ 
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 2px; 
	padding-left: 2px; 
	padding-bottom: 2px; 
	padding-top: 2px; 
	font-size: 8pt; 
	border: solid #A7BCD6 1px; 
	background-color: #FFFFCF; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	width:150px;
}

select.search { 
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	padding-top: 0px; 
	font-size: 8pt; 
	border: solid #A7BCD6 1px; 
	background-color: #FFFFFF; 
	border-color : #FFFF66 #FFFF66 #FFFF66 #FFFF66; 
	border-style : none none none none; 
	width:150px;
}

select.dob_search { 
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	padding-top: 0px; 
	font-size: 8pt; 
	border: 1px solid #A7BCD6; 
	background-color: #FFFFFF; 
	border-color : #FFFF66 #FFFF66 #FFFF66 #FFFF66; 
	border-style : none none none none; 
	width:48px;
}

select.dob{ 
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	font-size: 8pt; 
	border:1px solid #A7BCD6;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	width: 48px;
}

select.dob_compulsory { 
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	font-size: 8pt; 
	border:1px solid #A7BCD6;
	background-color: #FFFFCF;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	width: 48px;
}

/* use in list */
select.standard_short	{ 
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 2px; 
	padding-left: 2px; 
	padding-bottom: 2px; 
	padding-top: 2px; 
	font-size: 8pt; 
	border: solid #A7BCD6 1px; 
	background-color: #FFFFFF; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	width:65px;
}

select.standard_compulsory_short	{ 
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 2px; 
	padding-left: 2px; 
	padding-bottom: 2px; 
	padding-top: 2px; 
	font-size: 8pt; 
	border: solid #A7BCD6 1px; 
	background-color: #FFFFCF; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	width:65px;
}

/*    TEXTAREA   */
textarea.disabled {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	width:150px;
	border: solid #A7BCD6 1px;
	border-style: solid; 
	background-color:#F2F2F2;
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}

textarea.standard {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	width:150px;
	border: solid #A7BCD6 1px;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	background-color:#FFFFFF;
}

textarea.standard_compulsory {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	width:150px;
	border: solid #A7BCD6 1px;
	background-color: #FFFFCF;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}
/*   LINK   
a {	
	text-decoration: none;
	font-family: Arial, Tahoma, Verdana, Helvetica, San-serif;
	color: #939393;
}

a:hover {	
	text-decoration: underline;
}

a.link_header_main {
	font-family: Arial, Tahoma, Verdana, Helvetica, San-serif;
	color: #4B4B4B;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 4px; 
}

a.link_title_main {
	color: #4B4B4B;
	font-size: 11px;
}

a.link_title_sub {
	color: #ffffff;
	font-size: 11px;
}

a.link_title_page {
	color: #4B4B4B;
	font-size: 11px;
}

/* font 
font.tiny			{
	font-family: Arial, Tahoma, Helvetica, San-serif;
	font-size: 7pt;
}
font.small		 {
	font-family: Arial, Tahoma, Helvetica, San-serif;
	font-size: 8pt;
}
font.error		  {
	font-family: Arial, Tahoma, Helvetica, San-serif;
	font-size: 8pt;
	color: Red;
}
font.info		  {
	font-family: Arial, Tahoma, Helvetica, San-serif;
	font-size: 8pt;
	color: #cccccc;
}

/* button */

.button_text {
	font-family: Arial, Helvetica, sans-serif;
	height: 22px;
	margin: 0px 0px 0px 0px;
	padding-left: 2px; 
    padding-right: 2px; 
	text-align: center;
	border-right: 1px solid #658DC9;
	border-bottom: 1px solid #4C79BA;
	border-left: 1px solid #84A4CA;
	border-top: 1px solid #A6BDDD;
	font-size: 12px;
	font-family: Microsoft Sans Serif;
	color: #235A95;

	text-decoration: none;
	cursor: hand;
	background-image:url(button_onMouseOut.gif);
	background-color: #EAF0F5;
	line-height: 100%;
} 

.button_onMouseOut {
	font-family: Arial, Helvetica, sans-serif;
	height:22px;
    margin: 0px 0px 0px 0px;
	padding-left: 2px; 
    padding-right: 2px; 
	text-align: center;
	border-right: 1px solid #658DC9;
	border-bottom: 1px solid #4C79BA;
	border-left: 1px solid #84A4CA;
	border-top: 1px solid #A6BDDD;
	font-size: 12px;
	font-family: Microsoft Sans Serif;
	color: #235A95;
	text-decoration: none;
	cursor: hand;
	background-image:url(button_onMouseOut.gif);
	background-color: #EAF0F5;
	line-height: 100%;
} 

.button_onMouseOver {
	height:20px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding-left: 2px; 
    padding-right: 2px; 
	
	text-align:center;
	border-right: 1px solid #9BD26A;
	border-bottom: 1px solid #81C73E;
	border-left: 1px solid #9ADB5E;
	border-top: 1px solid #C1E39F;
	font-size: 12px;
	font-family: Microsoft Sans Serif;
	color: #437117;
	text-decoration: none;
	cursor: hand;
    background-image:url(button_onmouseover.gif);
	background-color: #F1F6E8;
	line-height: 100%;
}

.button_onMouseDown {
	font-family: Arial, Helvetica, sans-serif;
	height:22px;
	margin: 0px 0px 0px 0px;
	padding-left: 2px; 
    padding-right: 2px; 
	text-align:center;
	border-right: 1px solid #9BD26A;
	border-bottom: 1px solid #81C73E;
	border-left: 1px solid #9ADB5E;
	border-top: 1px solid #C1E39F;
	font-size: 12px;
	font-family: Microsoft Sans Serif;
	color: #ffffff;
	text-decoration: none;
	cursor: hand;
    background-image:url(button_onmouseover1.gif);
	background-color: #ABF105;
	line-height: 100%;
}

a.step_no {color:#CCCCCC; font-size: 35pt;}

a.step_info {color:#CCCCCC; font-size: 8pt;}

font.step_no {color:#CCCCCC; font-size: 35pt;}

font.step_info {color:#CCCCCC; font-size: 8pt;}

font.step_no_selected {color:#606789; font-size: 35pt;}

font.step_info_selected {color:#606789; font-size: 8pt; font-weight: bold;}


/*Popup layer in asset*/
div.popup
{
background:#FFFFCC;
visibility:hidden;
position:absolute;
border-color:black;
border-style:solid;
border-width:1px 3px 3px 1px;
padding:10px;
width:150px;
z-index:10;
opacity:.75;
}

div.detail_invisible
{
	display:none;
}

div.detail
{
/*background:url(../../image/dot_line.gif) repeat-x bottom;*/
	display:block;
}


/************* photo list ***************/
table.photo_list
{
	width:700px;
	margin-top:15px;
}

table.photo_list tr
{
	vertical-align:middle;
}

td.photo
{
	width:146px;
	height:95px;
	text-align:center;
	border:solid #CCCCCC 1px;
	background:#FFFFFF;

}

td.photo_title
{
	height:27px;
	border:solid 1px #D9C18C;
	padding:1px 5px;
	color:#765F27;
	font-weight:800;
	font-size:12px;
}

td.photo_detail
{
	padding:0px;
	vertical-align:top;
}

td.photo_detail h1
{
    color:#C7A24A; 
	font-weight: bold;
	font-size:12px;
}

td.photo_more
{
	text-align:right;
	vertical-align:top;
}

div.large_photo
{
	width:700px;
	height:350px;
	border:solid 1px #CCCCCC;
	background:#FFFFFF;
	vertical-align:middle;
	text-align:center;
	padding:10px 0px 10px 0px;
	
}

/***** SIDE BOX STYLES ******
.box_container
{
	width:194px; 
	margin-left: 4px;
}

.box_top
{
	height: 50px;
}

.box_title
{
	padding: 19px 0px 0px 56px;
	color: #FFFFFF;
	font-size: 11pt;
	font-weight: bold;
	font-family: Arial;
}

.box_body_container
{
	background: url(../../image/box/box_bg.gif) repeat-y;
}

.box_contents
{
	padding-left:15px;
}

.box_bottom
{
	height: 20px;
	background: url(../../image/box/bottom.gif) no-repeat;
	margin-bottom: 5px;
}

/*** <li> Elements in BOX ***
ul.box_list
{
	margin: 0px 0px 0px 11px;
	padding: 5px 0px 0px 0px;
	list-style: none;
	font-size: 16pt;
}

ul.box_list li
{
	background: url(../../image/icon/icon_reg_b.gif) no-repeat 0% 3px;
	padding-left: 15px;
	margin-bottom: 0px;
	font-size: 10pt;
}

/*** NEWS SECTION (home) ***
table.news_table
{
	border: solid 1px #b1b1b1;
	background: #FFFFFF;
}

td.news_header
{
	background: #FFFFFF url(../../image/table/news_header_bg.jpg) repeat-x;
	height: 31px;
	font-weight: bold;
}

td.news_separator
{
	background: #FFFFFF url(../../image/table/news_header_sep_bg.jpg) no-repeat 50% 0;
}

tr.news_row td
{
	border-bottom: dotted 1px #b1b1b1;
	background: #FFFFFF;
}

tr.news_row_hover td
{
	border-bottom: dotted 1px #b1b1b1;
	background: #F9F9F9;
}

tr.news_row td, tr.news_row_hover td, td.news_header
{
	padding-left: 10px;
}

/* MEMBER HOME 
.tab_title
{
	background: #CCCCCC;
	float: left;
	margin: 0px 10px 0px 10px;
	display: inline;
}

.tab_title_actice
{
	display: inline;
	background: #CCFFFF;
	float: left;
	margin: 0px 10px 0px 10px;
} 

*/