/*
20100726: A-Ken 增加 JQuery Tools OVERLAY CSS Class.
*/

body
{
	margin:0px;
    font-size:15px;
    font-family:Arial,Verdana,Helvitica,sans-serif;
}

/*Title Lable*/
.titlelable
{
    font-size:18px;
    font-family:Arial, Verdana, Helvitica, sans-serif;
    font-weight:bold;
	color:#333333;
}

/*Master Page Bonner*/
.bannertable
{
	width:100%;
	height:82px;
	border-width:0px;
	border-spacing:0px;
	padding:0px;
	background-image: url(images/bg1.gif);
	background-repeat: repeat-x;
	border-collapse: collapse;
	vertical-align: top;
}

.bannertable
{
	white-space:nowrap;
}

.bannertable td.banner_left
{
	/*width:266px;*/
	width:720px;
	height:82px;
	background-image: url('images/top1-2.gif');
	background-repeat:no-repeat;
	/*20091020: SAM*/
	padding: 0 0 0 0;
	margin: 0 0 0 0;
    vertical-align: top;
}

.bannertable td.banner_center
{
	/*A-Ken 20090115 Del*/
	/*width: auto;*/
    /*height:82px;*/
    
    /*
	background-image: url(images/bg1.gif);
	background-repeat: repeat-x;
	background-position: center;
	vertical-align: top;
	*/
}

.bannertable td.banner_right
{
    height:82px;
	width:350px;
	background-image: url(images/bg1.gif);
	background-repeat: repeat-x;
	/*background-position: center; 20091020 SAM*/
	/*padding: 0;*/
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	vertical-align: top;
}

.bannersub
{
	/*width:273px;*/
	height:82px;
	background-image: url(images/top2-2.gif);
	background-repeat:no-repeat;
	background-position:right;
	text-align: right;
	vertical-align: top;
	white-space:nowrap;
	margin: 0 0 0 0;
	position:relative;
}

.bannersub div
{
	padding-right:18px;
	padding-top:40px;
}
.bannersub div a
{
   color: White;
   font-size:small;
   font-weight:bold;
   text-decoration:none;
}
.bannersub div a:hover {color: #FFFFCC; }

/*Navigation*/
#navigation
{
	height:39px;
	font-weight:normal;
	background:transparent url(images/bgOFF.gif) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	letter-spacing: 1px;
	white-space:nowrap;
}

.haderMenuItem table
{
	width:auto;
}
.haderMenuItem a
{
	display:block;
	float:left;
	text-decoration:none;
	color:#333333;
	padding:11px 10px 0 5px;
	height:23px;
	font-family: Arial, Helvetica, sans-serif;
}

.haderMenuItem a:hover, .haderMenuItem a:current 
{
	color:#0261A6;
	background:#fff url(images/bgON.gif) no-repeat top right;
	font-family: Arial, Helvetica, sans-serif;
}
.haderMenuItemSelected
{
	color:#02498A;
	background-image: url(images/bgON.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Arial, Helvetica, sans-serif;
}

/*header menu*/
.dymanicMenu
{
	display:block;
	width:150px;
	height:30px;
	color:#333333;
	text-align:left;
	vertical-align:text-bottom;
	background-color: #666666;
	color:Black;
	font-family: Arial, Helvetica, sans-serif;
}

.dymanicMenu a
{
	display:block;
	width:150px;
	background-color:#F5F5F5;
	font-family: Arial, Helvetica, sans-serif;
}

.dymanicMenu a:hover, .dymanicMenu a.current 
{
	color:#0261A6;
	background:#fff url(images/bgON.gif) no-repeat top right;
	font-family: Arial, Helvetica, sans-serif;
}

#centercol
{
   position: relative;
   text-align:center;
   padding: 0px;
   background-color: white;
   font-family: Arial, Helvetica, sans-serif;
}

#centercolcontent 
{
	/*padding: 15px 6px 15px 6px;*/
	margin:0px 0px 0px 0px;
	padding: 15px;
}

/*Master footer*/
.footertable
{
	width:100%;
	height:62px;
	border-width:0px;
	border-collapse:collapse;
	border-spacing:0px;
	padding:0px;
}

.footertable td
{
	white-space:nowrap;
}

.footermenu
{
	text-align: center;
	padding-top: 10px;
	color: White;          
}

.footermenu a {	color:White; }

.footermenu a:hover {color: #333333; }

.footertext
{
   text-align: center;
   padding-top: 20px;  
   color: #333333;
}

.footerMenuItem
{
   font-size: 12px;
   font-weight: bold;
}

.footerMenuItem a
{
	display:inline;
	float:left;
	text-decoration: none;
	color: White; 
}

/*D}T~Button*/
.groupbutton1st
{

    border: none;
    background: transparent url(images/upbutton.gif) repeat-x top left;
    font-size:medium;
    text-decoration:none;
    color: #02498A; /*20081225*/
    padding: 2px 8px;
}

.groupbutton1st_selected
{

    border: none;
    background: transparent url('images/downbutton1.gif') repeat-x top left;
    font-size:medium;
    text-decoration:none;
    color: #999999; /*20081225*/
    padding: 2px 8px;
}

.groupbutton1st:hover, .groupbutton1st_selected:hover
{

    border: none;
    background: transparent url('images/downbutton1.gif') repeat-x top left;
    font-size:medium;
    text-decoration:none;
    color: #333333; /*20081225*/
    padding: 2px 8px;
}

.groupbutton2nd
{

    border: none;
    background: url('images/upbutton.gif') repeat-x top left;
    font-size:medium;
    text-decoration:none;
    color: #02498A; /*20081225*/
    padding: 2px 8px;
}

.groupbutton2nd_selected
{
    border: none;
    background: url('images/downbutton2.gif') repeat-x top left;
    font-size:medium;
    text-decoration:none;
    color: #999999; /*20081225*/
    padding: 2px 8px;
}


.groupbutton2nd:hover, .groupbutton2nd_selected:hover
{
    border: none;
    background: url('images/downbutton2.gif') repeat-x top left;
    font-size:medium;
    text-decoration:none;
    color: #333333; /*20081225*/
    padding: 2px 8px;
}

/*BCs Lable*/
.BCsLable {	font-size:medium; }

/*BCs ComboBox*/
.BCsComboBox
{
	background-color:#FFFFCC;/*mÞr*/
	width:60px;
}
/*@S Lable*/
.IntervalLable {font-size:medium;}

/*@S ComboBox*/
.IntervalComboBox
{
	background-color:#FFFFCC;/*mÞr*/
	/*width:60px;*/
}

/*Use for FMemberBCs.aspx, FSponsorMemberBCs.aspx*/
.td_Terminated
{
	height: 20px;
	width: 20px;
	background-image: url(images/terminated.gif);
	background-repeat: no-repeat;
}

.td_Paused
{
	height: 20px;
	width: 20px;
	background-image: url(images/paused.gif);
	background-repeat: no-repeat;
}

.td_Effective
{
	background-image: url(images/effective.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
}

/*GridView*/
.GridView
{
	border:1px #999999 solid;
	color:#333333;
}

/*GridView Header*/
.GridViewHeader
{
	font-size:15px;
	border:2px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	height:30px;
}
/*20081225 Add*/
.GridViewHeader_Lutiin
{
	font-size:15px;
	border:2px;
	font-weight:bold;
	text-align: center;
	vertical-align:middle;
	height:30px;
	background-color: #DFF1FA;
	background-image: url(images/bg2.gif);
	color: White;
}

.GridViewHeader_Izumio
{
	font-size:15px;
	border: 1px;
	font-weight: normal;
	text-align:center;
	vertical-align:middle;
	height:30px;
	background-image: url(images/bg3.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
}

/*GridView DataRow*/
.GridViewDataRow
{
	border:2px;
	color:#333333;
	background-color: White;
}
/*20081225 Add*/
.GridViewDataRow:hover
{
	font-weight:bold;
	background-color:#FFFF99;
}
/*20081225 Add*/
.GridViewDataRow_Termination
{
	border:2px;
	color: #CC0033;
	background-color: White;
}

.GridViewDataRow_Termination:hover
{
	font-weight:bold;
	background-color:#FFFF99;
}

.GridViewDataRow_Pause
{
	border:2px;
	color:#CC6600;
	background-color: White;
}
.GridViewDataRow_Pause:hover
{
	font-weight:bold;
	background-color:#FFFF99;
}

.GridViewDataRow_Normal
{
	border:2px;
	color: #02498A;
	background-color: White;
}
.GridViewDataRow_Normal:hover
{
	font-weight:bold;
	background-color:#FFFF99;
}

/*GridView AlternatingRow*/
.GridViewAlternatingRow
{
	border:2px;
	background-color: White;
	font-family: Arial, Helvetica, sans-serif;
}
/*20081225 Add*/
.GridViewAlternatingRow:hover
{
	font-weight:bold;
	background-color:#FFFF99;
}
/*20081225 Add*/
.GridViewAlternatingRow_Termination
{
	border:2px;
	background-color: White;
	color: #CC0033;
}
.GridViewAlternatingRow_Termination:hover
{
	font-weight:bold;
	background-color:#FFFF99;
}
.GridViewAlternatingRow_Pause
{
	border:2px;
	background-color: White;
	color:#CC6600;
}
.GridViewAlternatingRow_Pause:hover
{
	font-weight:bold;
	background-color:#FFFF99;
}
.GridViewAlternatingRow_Normal
{
	border:2px;
	background-color: White;
	color: #02498A;
}
.GridViewAlternatingRow_Normal:hover
{
	font-weight:bold;
	background-color:#FFFF99;
}

/*GridView EmptyDataRow*/
.EmptyDataRowStyle
{
	color: #CC0033;/*.}r*/
	font-size:medium;
	font-weight:bold;
}


/*GridView DataPage*/
.GridViewDataPager { }

.GridViewDataPager td { text-align: center; }
.GridViewDataPager td table td
{
    font-family:arial,sans-serif;
    font-size: 16px;
    text-align:center;
    padding:6px;
}

.DataPager td table td span,
.DataPager td table td a
{
    color:#5a90ce;
    padding:0px 5px;
    text-decoration:none;
    border:none;
}

.DataPager td table td A.command:hover
{
    border:solid 2px #408BB6;
    background-color:#59A5D1;
    color:#fff;
    padding:0px 3px;
    text-decoration:none;
}        
.DataPager td table td SPAN.current
{
	border:none;
    font-weight:bold;
    color:#3e3e3e;
    padding:0px 6px;
    font-size:18px;
}
*/

/*ErrorMsg label*/
.ErrorMsg
{
	color: #CC0033;/*.;
	font-family: Arial, Helvetica, sans-serif;
}r*/
	font-size:medium;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
}

/*HTML Table*/
/* use for MemberInfo.apsx, Account.aspx */
.htmltable
{
	font-size: 14px;
	border-spacing:0px;
	border-collapse:collapse;
	width: 600px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
}

.htmltable td {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}

.htmltable td.title
{
	color: #333333;
	padding: 4px;
	text-align: center;
	font-size:15px;
	font-weight: bold;
	border:0px;
	width:auto;
	font-family: Arial, Helvetica, sans-serif;
}

.htmltable td.Columns
{
	color: #333333;
	padding: 4px;
	text-align: center;
	border: 2px solid #CCCCCC;
	width:210px;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/bg8.gif);
	background-repeat: repeat-x;		
}

.htmltable td.Rows
{
	color: #333333;
	padding: 4px;
	text-align: left;
	border: 2px solid #CCCCCC;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	width: auto;
	background: White;
}

.htmltable td.footer
{
	padding: 4px;
	text-align: center;
	border:0px;
	font-weight: bold;
	/*
		20090115 Del
		width: 395px;
	*/
}

/*HTML Table*/
/*use for FMemberTrees.apsx*/
.htmltable_Map
{
	font-size: 14px;
	border-spacing:1px;
	border-collapse:collapse;
	width: 860px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #999999;
	background-image: url(images/bg4.gif);
	background-repeat: repeat-x;
	color: White;
}

.htmltable_Map td.title
{
	color: #333333;
	padding: 4px;
	text-align: right;
	font-size:15px;
	font-weight: bold;
	border: 1px;
	width:auto;
	font-family: Arial, Helvetica, sans-serif;
}

.htmltable_Map td.title_left
{
	color: #333333;
	padding: 4px;
	text-align: left;
	font-size:15px;
	font-weight: bold;
	border: 1px;
	width:auto;
	font-family: Arial, Helvetica, sans-serif;
}

.htmltable_Map td.link
{
	padding:4px;
	text-align: left;
	font-size:15px;
}

.htmltable_Map td.link a
{
	padding:4px;
	display:block;
	width:160px;
	text-align:center;
	text-decoration:none;
	color: #333333;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #999999;
	background-image: url(images/bg4.gif);
	background-repeat: repeat-x;
	}

.htmltable_Map td.subtitle
{

	/*background-color:#FFFFCC;*/
	color: #333333;
	padding: 4px;
	text-align: center;
	font-size:15px;
	font-weight: bold;
	border: 1px solid #999999;
	width:auto;
	font-family: Arial, Helvetica, sans-serif;
}

/*20081229*/
.htmltable_Map td.subtitle_Lutein
{
	color: #333333;
	padding: 4px;
	text-align: center;
	font-size:15px;
	font-weight: bold;
	border: 1px solid #999999;
	width:auto;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/bg5.gif);
	background-repeat: repeat-x;
}
/*20081229*/
.htmltable_Map td.subtitle_Izumio
{
	color: #333333;
	padding: 4px;
	text-align: center;
	font-size:15px;
	font-weight: bold;
	border: 1px solid #999999;
	width:auto;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/bg6.gif);
	background-repeat: repeat-x;
}

.htmltable_Map td.Columns
{
	/*background-color: #FFFFCC;*/
	color: #333333;
	padding: 4px;
	text-align: right;
	border: 1px solid #999999;
	font-weight: bold;
	width:90px;
	font-family: Arial, Helvetica, sans-serif;
	background: White;
}

/*20081225 Add*/
.htmltable_Map td.Columns_Lutein
{
	color: #333333;
	padding: 4px;
	text-align: right;
	border: 1px solid #999999;
	width:90px;
	background-image: url(images/bg5.gif);
	background-repeat: repeat-x;
}
/*20081225 Add*/
.htmltable_Map td.Columns_Izumio
{
	color: #333333;
	padding: 4px;
	text-align: right;
	border: 1px #999999 solid;
	width:90px;
	background-image: url(images/bg6.gif);
	background-repeat: repeat-x;
}

.htmltable_Map td.Rows
{
	color:#333333;
	padding: 4px;
	text-align: left;
	border: 1px solid #999999;
	font-weight: normal;
	width:80px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: White;
	}

.htmltable_Map td.NameRows
{
	color:#333333;
	padding: 4px;
	text-align: left;
	border: 1px solid #999999;
	font-weight: normal;
	width:140px;
	font-family: Arial, Helvetica, sans-serif;
}

/*MemberTrees.aspx UpButton*/
.htmltable_upbutton { width:800px; }

.htmltable_upbutton td.data
{
	/*
	20090115
	AKen Del
	width: 800px;
	empty-cells:hide;
	text-align: center;
	padding-left:50px;
	vertical-align:bottom;
	position: fixed;
	*/
	width:183px;
	empty-cells:hide;
	text-align:left;
	padding-left:50px;
	vertical-align:bottom;
	
}
/*,{Nd\*/
.htmltable_trees1 {	width:800px; }

.htmltable_trees1 td.data
{
	width:183px;
	height:70px;
	text-align:left;
	padding-top:8px;
	padding-left:6px;
	vertical-align:middle;
	background-repeat:no-repeat;
	empty-cells:hide;
}

.htmltable_trees1 td.upButton { width:20px; }
/*,{Nd\*/

.htmltable_trees2 div:hover 
{ 
	cursor:pointer; 
	text-decoration:underline;
	color: #008B8B;
	font-family: Arial, Helvetica, sans-serif;
}

.htmltable_trees2 {	width:800px; }
.htmltable_trees2 td.data
{
	width:183px;
	height:70px;
	padding-bottom:6px;
	padding-left:6px;
	text-align:left;
	vertical-align:middle;
	background-repeat:no-repeat;
	empty-cells:hide;
}

/*,{	Nd\*/

.htmltable_trees3 div:hover 
{ 
	cursor:pointer; 
	text-decoration:underline;
	color: #008B8B;
	font-family: Arial, Helvetica, sans-serif;
}

.htmltable_trees3 {	width:800px; }

.htmltable_trees3 td.data
{

	width:183px;
	height:70px;
	padding-bottom:6px;
	padding-left:6px;
	text-align:left;
	vertical-align:middle;
	background-repeat:no-repeat;
	empty-cells:hide;
}

/*,{Vd\*/
.htmltable_trees4 div:hover 
{ 
	cursor:pointer; 
	text-decoration:underline;
	color: #008B8B;
	font-family: Arial, Helvetica, sans-serif;
}

.htmltable_trees4 {	width:850px; }

.htmltable_trees4 td.data
{
	width:100px;
	height:80px;
	text-align:left;
	vertical-align:baseline;
	padding-left:6px;
	padding-top:26px;
	font-size:14px;
	background-repeat:no-repeat;
	empty-cells:hide;
}

/*HTML Table*/

/*use for FMemberReports.aspx*/

.htmltable_TreesReport
{
	font-size: 11px;
	background-color: white;
	padding:4px;
	width: 1100px;
	height: auto;
	empty-cells:show;
	font-family: Arial, Helvetica, sans-serif;
}

/*.jL*/
.htmltable_TreesReport tr.Title td
{
	border-bottom-style:dashed;
	border-bottom-width:1px;
	border-bottom-color:#999999;
}

.htmltable_TreesReport tr.Title .mainTitle
{
	font-size: 18px;
	font-weight:bold;
}

.htmltable_TreesReport tr.Title .titleColumns
{
	text-align:left;
	vertical-align:bottom;
}

/*.gTnje*/
.htmltable_TreesReport tr.MemberData td
{
	border-bottom-style:dashed;
	border-bottom-width:1px;
	border-bottom-color:#999999;
}

.htmltable_TreesReport tr.MemberData .Columns
{
	width:20px;
	text-align:right;
	vertical-align:bottom;
}

.htmltable_TreesReport tr.MemberData .Rows
{
	width:20px;
	text-align:left;
	vertical-align:bottom;
}

.htmltable_TreesReport tr.MemberData .memberIDColumns
{
	width:86px;
	text-align:right;
	vertical-align:bottom;
}

.htmltable_TreesReport tr.MemberData .memberIDRows
{
	width:40px;
	text-align:left;
	vertical-align:bottom;
}
.htmltable_TreesReport tr.MemberData .BcColumns
{
	width:40px;
	text-align:right;
	vertical-align:bottom;
}

.htmltable_TreesReport tr.MemberData .BcRows
{
	width:20px;
	text-align:left;
	vertical-align:bottom;
}
.htmltable_TreesReport tr.MemberData .NameColumns
{
	width:40px;
	text-align:right;
	vertical-align:bottom;
}
.htmltable_TreesReport tr.MemberData .NameRows
{
	width:120px;
	text-align:left;
	vertical-align:bottom;
}

.htmltable_TreesReport tr.MemberData .StartDateColumns
{
	width:50px;
	text-align:right;
	vertical-align:bottom;
}
.htmltable_TreesReport tr.MemberData .StartDateRows
{
	width:50px;
	text-align:left;
	vertical-align:bottom;
}
.htmltable_TreesReport tr.MemberData .LimitDateColumns
{
	width:90px;
	text-align:right;
	vertical-align:bottom;
}
.htmltable_TreesReport tr.MemberData .LimitDateRows
{
	width:10px;
	text-align:left;
	vertical-align:bottom;
}
.htmltable_TreesReport tr.MemberData .LastSaleDateColumns
{
	width:140px;
	text-align:right;
	vertical-align:bottom;
}
.htmltable_TreesReport tr.MemberData .LastSaleDateRows
{
	width:50px;
	text-align:left;
	vertical-align:bottom;
}
/*.gTD}T~nj
*/
.htmltable_TreesReport tr.MemberTreeDataL td
{
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.htmltable_TreesReport tr.MemberTreeDataL .IDBCColumns
{
	width:40px;
	text-align:right;
	vertical-align:middle;
}
.htmltable_TreesReport tr.MemberTreeDataL .IDBCRows
{
	width:300px;
	text-align:left;
	vertical-align:middle;
}
.htmltable_TreesReport tr.MemberTreeDataL .Count
{
	width:300px;
	text-align:left;
}
.htmltable_TreesReport tr.MemberTreeDataL .SumBcp
{
	width:360px;
	text-align:left;
}
.htmltable_TreesReport tr.MemberTreeDataR td
{
	padding:0 0 0 0;
	margin:0 0 0 0;
	border-bottom-style:dashed;
	border-bottom-width:1px;
	border-bottom-color:#999999;
}
.htmltable_TreesReport tr.MemberTreeDataR .IDBCColumns
{
	width:40px;
	text-align:right;
	vertical-align:middle;
}
.htmltable_TreesReport tr.MemberTreeDataR .IDBCRows
{
	width:80px;
	text-align:left;
	vertical-align:middle;
}
/*.N}nje.jL*/
.htmltable_TreesReport tr.DownLineTitle td
{
	padding:2px;
	border-bottom-style:dashed;
	border-bottom-width:2px;
	border-bottom-color:#999999;
}
.htmltable_TreesReport tr.DownLineTitle .Columns
{
	width:20px;
	text-align:left;
	vertical-align:bottom;
}
.htmltable_TreesReport tr.DownLineTitle .ID
{
	width:200px;
	text-align:left;
	vertical-align:bottom;
}
.htmltable_TreesReport tr.DownLineTitle .Name
{
	width:120px;
	text-align:center;
	vertical-align:bottom;
}
.htmltable_TreesReport tr.DownLineTitle .Addr
{
	width:40px;
	text-align:center;
	vertical-align:bottom;
}
.htmltable_TreesReport tr.DownLineTitle .StartDate
{
	width:100px;
	text-align:center;
	vertical-align:bottom;
}
.htmltable_TreesReport tr.DownLineTitle .PAYStatus
{
	width:100px;
	text-align:center;
	vertical-align:bottom;
}
.htmltable_TreesReport tr.DownLineTitle .LimitDate
{
	width:100px;
	text-align:center;
	vertical-align:bottom;
}



.htmltable_TreesReport tr.DownLineTitle .LastSaleDate
{
	width:120px;
	text-align:center;
	vertical-align:bottom;
}
/*j }*/
.htmltable_TreesReport tr.Line td
{
	font-size:14px;
	font-weight:bold;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}
/*.N}.gTnj
 div*/
.DownLineDataDiv
{
	display:block;
	width:1100px;
}
.SL tr:hover
{
	background-color: #FFFF99;
	font-weight:bold;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0261A6;
	letter-spacing: 1px;
}

.IM tr:hover
{
	background-color:#FBE3F2;
	font-weight:bold;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}
.htmltable_TreesReport2
{
	font-size: 11px;
	background-color: white;
	padding:4px;
	width: 1100px;
	height: auto;
	empty-cells:show;
	font-family: Arial, Helvetica, sans-serif;
}
.htmltable_TreesReport2 td
{
	padding:2px;
	border-bottom-style:dashed;
	border-bottom-width:2px;
	border-bottom-color:#999999;
}
.htmltable_TreesReport2 td.ID
{
	width:280px;
	text-align:left;
	vertical-align:bottom;
}

.htmltable_TreesReport2 td.Name
{
	width:200px;
	text-align:left;
	vertical-align:bottom;
}
.htmltable_TreesReport2 td.Addr
{
	width:50px;
	text-align:center;
	vertical-align:bottom;
}
.htmltable_TreesReport2 td.StartDate
{
	width:70px;
	text-align:center;
	vertical-align:bottom;
}

.htmltable_TreesReport2 td.PAY
{
	width:30px;
	text-align:left;
	vertical-align:bottom;
}

.htmltable_TreesReport2 td.OD
{
	width:20px;
	text-align:left;
	vertical-align:bottom;
}

.htmltable_TreesReport2 td.BCP
{
	width:20px;
	text-align:left;
	vertical-align:bottom;
}

.htmltable_TreesReport2 td.FCK
{
	width:25px;
	text-align:center;
	vertical-align:bottom;
}

.htmltable_TreesReport2 td.CFC
{
	width:20px;
	text-align:center;
	vertical-align:bottom;
}

.htmltable_TreesReport2 td.FCL
{
	width:25px;
	text-align:center;
	vertical-align:bottom;
}

.htmltable_TreesReport2 td.SP
{
	width:80px;
	text-align:left;
	vertical-align:bottom;
}

.htmltable_TreesReport2 td.NG
{
	width:80px;
	text-align:left;
	vertical-align:bottom;
}

.htmltable_TreesReport2 td.LimitDateMark
{
	width:60px;
	text-align:left;
	vertical-align:bottom;
}

.divMemberSearch
{
	width:1100px;
	text-align:right;
	padding-right:60px;
}

.divPageButton
{
	width:1100px;
	text-align:center;
}

/*HTML Table*/
/*use for OnlinShopping.aspx Member*/
.htmltable_register
{
	font-size: 14px;
	background-color: white;
	border-spacing:0px;
	border-collapse:collapse;
	border:1px #999999 solid;
	width: 800px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
}
.htmltable_register td.Columns
{
	border-bottom: 2px #CCCCCCC solid;
	border-right: 2px solid #CCCCCC;
	background-color: #FFFFCC;
	/*margin:0 0 0.2em 0;*/
	padding-right:4px;
	text-align: right;
	font-weight: bold;
	width:200px;
	height:27px;
}

.htmltable_register td.Rows
{
	border-bottom: 1px #999999 solid;
	padding-left:4px;
	margin:0 0 0.2em 0;
	text-align: left;
	height:27px;
}
/*end*/

/*HTML Table*/
/*use for OnlinShopping.aspx SalonOrder*/
.htmltable_order
{
	font-size: 14px;
	background-color: white;
	border-spacing:0px;
	border-collapse:collapse;
	border:1px #999999 solid;
	width: 550px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
}
.htmltable_order td{ border-bottom: 1px #999999 solid;}

.htmltable_order td.Columns
{
	border-right: 1px #999999 solid;
	margin:0 0 0.2em 0;
	padding-right: 4px;
	text-align: right;
	font-weight: bold;
	background-color: #FFFFCC;
	width:150px;
	height:27px;
}

.htmltable_order td.Rows
{
	border-right: 1px #999999 solid;
	padding-left:4px;
	margin:0 0 0.2em 0;
	text-align: left;
	height:27px;
}

/*HTML Table*/
/*use for OnlinShopping.aspx Confirm */
.htmltable_confirm
{
	font-size: 14px;
	background-color: white;
	border-spacing:0px;
	border-collapse:collapse;
	border:1px #999999 solid;
	width: 550px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
}

.htmltable_confirm td{ border-bottom: 1px #999999 solid;}

.htmltable_confirm td.Columns
{
	border-right: 1px #999999 solid;
	margin:0 0 0.2em 0;
	padding-right: 4px;
	text-align: right;
	font-weight: bold;
	background-color: #FFFFCC;
	width:150px;
	height:27px;
}

.htmltable_confirm td.Rows
{
	border-right: 1px #999999 solid;
	padding-left:4px;
	margin:0 0 0.2em 0;
	text-align: left;
	height:27px;
}

/*Bank Query*/
.modalBackground
{
	background-color: #999999;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modaldiv
{
	padding:4px;
	font-size:14px;
	font-family:Arial, Verdana, Helvitica, sans-serif;
	font-weight:bold;
	background-color: #FFFFCC;/*mÞr*/
	border: 1px;
	color: #666666;
}

.modaldiv .title
{
	border:1px #F0F0F0 solid;
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
}
.modaldiv .zipCode {width:40px;	}
.modaldiv .Addr{ width:150px;}
/*Use for OnlineRegister.aspx QueryBank*/
.htmltable_QueryBank
{
	border-spacing:0px;
	border-collapse:collapse;
	/*border:1px #999999 solid;*/
	width:250px;
}

.htmltable_QueryBank tr:hover{background-color: #FFFFCC;}

.htmltable_QueryBank td.Columns1
{
	width:30px;
	text-align:right;
}

.htmltable_QueryBank td.Columns2
{
	width:80px;
	text-align:left;
}

.htmltable_QueryBank td.Columns3
{
	width:140px;
	text-align:left;
}
.elementHidden
{
	display:none;
	visibility:hidden;
}

.elementVisible
{
	display:block;
	visibility:visible;
}
.hiddenErrMsg
{
	color:Red;
	display:none;
	visibility:hidden;
}
/*use for OnlineShopping.aspx*/
/*Wizard*/
.Wizard
{
	width:900px;
	height:auto;
	border-collapse:collapse;
	border-width:1px;
	border-style:solid;
}
.Wizard .title 
{
	width:100%;
	height:40px;
	padding:0 0 0 0;
	margin: 0 0 0 0;
	background-color:#FFFFCC;
	font-family: Arial, Helvetica, sans-serif;
}
.WizardNavigation
{
	text-align:center;
	background-color:#FFFFCC;
	font-family: Arial, Helvetica, sans-serif;
}
.WizardNavigationButton
{
	width: 66px;
	height:27px;
}
/*20081223*/
.DataCheckErrorControl
{
    border-style:solid;
    border-width:2px;
    border-color:Red;
    background-color:#FFCCCC;
}

/*20081223 Use for Point.aspx*/
.PointNotice1 
{
	color:#FF0000;
	font-weight:bold;
}
.PointNotice2 {	color: #02498A; }

/*20081223 Use for Login.aspx*/
.htmltable_loginContact
{
	height:auto;
	font-size:14px;
}

.htmltable_loginContact td.Title {text-align:center;}
/*20081229 Add*/
.htmltable_loginContact td.imgColumn {text-align:right; width:100px;}
.htmltable_loginContact td.Column {text-align:left;}

.htmltable_loginContact td.Row {text-align:left;}

/*20081229 Add*/
.loginInfo {color:Red; font-weight:bold;}

/*Color*/
.TerminationColor{color: #CC0033;}

.PauseColor{color:#CC6600;}

.NormalColor{color: #02498A;}

/*20081225 MemberTree.aspx upButton*/
.upButton
{
	width: 70px;
	height: 25px;
	/*TODO*/
}
/*20081229 Add Thanks.aspx*/
.thanksInfo
{
	color:Red;
	font-weight:bold;
}

/*20090107 Add ReadOnly Color*/
.ReadOnlyColor { color:#797979; }

/*20090317 BonusPayment.aspx InvoiceNotice*/
.htmltable_invoiceNotice
{
	font-size: 15px;
	padding:4px;
	/*width: 200px;*/
	height: auto;
	empty-cells:show;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;/*mÞr*/
}
/*solid&*/
.htmltable_invoiceNotice .Title 
{
	padding: 2px;
	text-align:center;
	font-size: 17px;
	font-weight:bold;
	color: Black;
	background-color: #E3E3E3;
	border: 1px solid #CCCCCC;
	white-space:nowrap;
}

.htmltable_invoiceNotice .Title :hover { cursor: move; }

.htmltable_invoiceNotice .Columns
{
	padding: 2px;
	padding-left:20px;
	text-align: right;
	font-weight: normal;
	/*width:100px;*/
    background-image: url(images/bg8.gif);
	background-repeat: repeat-x;
	border: 1px solid #999999;
	white-space:nowrap;
	
}

.htmltable_invoiceNotice .Rows
{
	padding: 2px;
	padding-left:20px;
	background-color: #E6F8FF;
	text-align: right;
	font-weight: normal;
	border: 1px solid #999999;
	white-space:nowrap;
}

.htmltable_invoiceNotice .RowsCenter
{
	padding: 6px;
	padding-left:20px;
	background-color: #E6F8FF;
	text-align: center;
	font-weight: normal;
	border: 1px solid #999999;
	white-space:nowrap;
}

.htmltable_invoiceNotice_closeButton
{
	/*width: 350px;*/
	text-align:center;
}

.invoiceNotice_closeButton
{
	width: 66px;
	height:27px;
}

.modaldiv_invoiceNotice
{
	padding:4px;
	font-size:14px;
	font-family:Arial, Verdana, Helvitica, sans-serif;
	font-weight:bold;
	/*background-color: #FFFFCC;*/
	border: 1px;
	/*color: #666666;*/
}

/*20090506 獎金計算區間, 介紹人清單*/
.htmltable_SponsorMember
{
	border-collapse:separate;
	font-size: 15px;
	padding:4px;
	height: auto;
	empty-cells:show;
	font-family: Arial, Helvetica, sans-serif;
}

.htmltable_SponsorMember .Title
{
	padding: 2px;
	text-align:center;
	font-size: 17px;
	font-weight:bold;
	color: Black;
	background-color: #E3E3E3;
	border: 1px solid #CCCCCC;
	white-space:nowrap;
	empty-cells:show;
}

.htmltable_SponsorMember .Title :hover { cursor: move; }

.htmltable_SponsorMember .Column
{
	padding: 3px;
	text-align: center;
	font-weight: normal;
    background-image: url(images/bg8.gif);
	background-repeat: repeat-x;
	border: 1px solid #999999;
	white-space:nowrap;
	empty-cells:show;
}

.htmltable_SponsorMember .Rows
{
	padding: 3px;
	background-color: #E6F8FF;
	text-align: center;
	font-weight: normal;
	border: 1px solid #999999;
	white-space:nowrap;
	empty-cells:show;
}

.htmltable_SponsorMember_closeButton { }

.htmltable_SponsorMember_closeButton td { text-align:center; }

.SponsorMember_closeButton
{
	width: 66px;
	height:27px;
}

.modaldiv_SponsorMember
{
	padding:4px;
	font-size:14px;
	font-family:Arial, Verdana, Helvitica, sans-serif;
	font-weight:bold;
	border: 1px;
	background-color: #FFFFCC;
}

.htmltable_SponsorMemberPage { }

.htmltable_SponsorMemberPage td { text-align:center; }

/*20090506 獎金計算區間, 獎金減算會員清單*/
.htmltable_AdjustFee
{
	border-collapse:separate;
	font-size: 15px;
	padding:4px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
}

.htmltable_AdjustFee .Title
{
	padding: 2px;
	text-align:center;
	font-size: 17px;
	font-weight:bold;
	color: Black;
	background-color: #E3E3E3;
	border: 1px solid #CCCCCC;
	white-space:nowrap;
}

.htmltable_AdjustFee .Title :hover { cursor: move; }

.htmltable_AdjustFee .Column
{
	padding: 3px;
	text-align: center;
	font-weight: normal;
    background-image: url(images/bg8.gif);
	background-repeat: repeat-x;
	border: 1px solid #999999;
	white-space:nowrap;
	empty-cells:show;
}

.htmltable_AdjustFee .Rows
{
	padding: 3px;
	background-color: #E6F8FF;
	text-align: center;
	font-weight: normal;
	border: 1px solid #999999;
	white-space:nowrap;
	empty-cells:show;
}

.htmltable_AdjustFee_closeButton { }
.htmltable_AdjustFee_closeButton td 
{
	text-align:center; 
	font-size:14px;
	font-family:Arial, Verdana, Helvitica, sans-serif;
}

.AdjustFee_closeButton
{
	width: 66px;
	height:27px;
}

.modaldiv_AdjustFee
{
	padding:4px;
	font-size:14px;
	font-family:Arial, Verdana, Helvitica, sans-serif;
	font-weight:bold;
	border: 1px;
	background-color: #FFFFCC;
}

.htmltable_AdjustFeePage { }

.htmltable_AdjustFeePage td { text-align:center; }

/*分頁樣式*/
.PageStyle_link
{
	cursor:pointer; 
	text-decoration:underline;
	color: #3333FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
}

.PageStyle_linked
{
	font-size:18px;
}

/*非同步訊息Bar*/
.Asyncprogress
{
    display: block;
    position: absolute;
    padding: 2px 3px;
}
.Asynccontainer
{
    border: solid 1px #808080;
    border-width: 1px 0px;
}
.Asyncheader_SL
{
    /*background: url(images/sprite.png) repeat-x 0px 0px;*/
    /*border-color: #808080 #808080 #ccc;*/
    /*color: #000000;*/
    background: url(images/bg2.gif) repeat-x 0px 0px;
    border-color: #808080 #808080 #ccc;
    color: White;
    
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 0px 10px;
    font-size: 10pt;
    font-weight: bold;
    line-height: 1.9;  
    font-family: arial,helvetica,clean,sans-serif;
}
.Asyncheader_IM
{
    /*background: url(images/sprite.png) repeat-x 0px 0px;*/
    /*border-color: #808080 #808080 #ccc;*/
    /*color: #000000;*/
    background: url(images/bg3.gif) repeat-x 0px 0px;
    border-color: #808080 #808080 #ccc;
    color: #FFFFFF;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 0px 10px;
    font-size: 10pt;
    font-weight: bold;
    line-height: 1.9;  
    font-family: arial,helvetica,clean,sans-serif;
}
.Asyncbody
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding: 10px;
}

/*20100726*/
.OpenWindowButton
{
	padding:4px;
	font-size:15px;
	text-align:center;
	display:block;
	width:160px;
	color: #333333;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #999999;
	background-image: url(images/bg4.gif);
	background-repeat: repeat-x;
	cursor:pointer;
}

/*20100726*/
.apple_overlay 
{
	
	display:none;
	z-index:10000;
	/*background-color:#333;*/
	background-color:#333;
	/*width:675px;*/
	/*min-height:200px;*/
	border:1px solid #666;
    padding: 3px;
}
/*20100726*/
.apple_overlay .close 
{
	background-image:url(images/jquery_tools/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;

}