/* CSS Document */
/*	Last update: 12Nov 2008
	By: Amy Wong
	Project: MaBelle.com - Sales Platfrom */

/* general setting */
.structurallabel{
display:none;
}
.cleardiv{
clear:both;
}
body{
padding:0px;
margin:0px;
}
.maincontent{
font-family:Verdana;
font-size:0.8em;
width:670px;
height:auto;
border:0px green solid;
}
.heading{
height:58px;
clear:both;
position:relative;
}
.heading h1{
display:block;
width:670px;
height:45px;
margin:0px;
float:left;
border-bottom:8px #cc99cc solid;
}

h1.chi_sp {
background:#fff url(../images/chi_sp_h1_sp.jpg) no-repeat;
}
h1.chs_sp {
background:#fff url(../images/chs_sp_h1_sp.jpg) no-repeat;
}
h1.chi_mcl {
background:#fff url(../images/chi_sp_h1_mcl.jpg) no-repeat;
}
h1.chs_mcl {
background:#fff url(../images/chs_sp_h1_mcl.jpg) no-repeat;
}
h1.chi_record {
background:#fff url(../images/chi_sp_h1_record.jpg) no-repeat;
}
h1.chs_record {
background:#fff url(../images/chs_sp_h1_record.jpg) no-repeat;
}
h1.chi_pm {
background:#fff url(../images/chi_sp_h1_userac.jpg) no-repeat;
}
h1.chs_pm {
background:#fff url(../images/chs_sp_h1_userac.jpg) no-repeat;
}
.subcontentA{
width:670px;
margin-top:15px;
padding:0px 0px 15px 10px;
position:relative;
}
.subcontentA{
background: #efe3e8 url(../images/subcontent_bg.gif) repeat-x left top;
}
.subcontentA table{
width:600px;
margin:0px 0px 0px 15px;
}
.subcontentA th{
width:70px;
color:#9a3393;
font-weight:normal;
}
.subcontentA p{
padding:10px 8px;
text-align:left;
}
.subcontent{
width:670px;
margin-top:15px;
padding:0px 0px 15px 0px;
position:relative;
}
.subcontent{
background: #efe3e8 url(../images/subcontent_bg.gif) repeat-x left top;
}

.subcontent p{
padding:10px 8px;
text-align:left;
}
.subcontent table{
margin:0px 35px 0px 35px;
}
.subcontent th{
width:70px;
color:#9a3393;
font-weight:normal;
}

/*end of general setting*/

/* button*/
.choicebutton{
background: url(../images/sp_button_choice.gif) no-repeat center top;
width:134px;
height:30px;
float:left;
color:#fff;
font-size:0.9em;
}
.redbutton,.bluebutton,.searchbutton{
width:82px;
height:26px;
float:right;
color:#fff;
font-size:0.9em;
padding-left:5px;
}
.redbutton{
background: url(../images/sp_button_red.gif) no-repeat center top;
}
.bluebutton{
background: url(../images/sp_button_blue.gif) no-repeat center top;
}
.searchbutton{
background: url(../images/sp_button_search.gif) no-repeat center top;
float:left;
}
a.bluebutton_link,a:link.bluebutton_link{
background: url(../images/sp_button_blue.gif) no-repeat center top;
width:82px;
height:26px;
color:#fff;
font-size:0.9em;
text-align:center;
float:left;
text-decoration:none;
}
a:hover.bluebutton_link{
background: url(../images/sp_button_blue_onclick.gif) no-repeat center top;
width:82px;
height:26px;
color:#fff;
font-size:0.9em;
text-align:center;
float:left;
text-decoration:underline;
}
a.redbutton_link,a:link.redbutton_link{
background: url(../images/sp_button_red.gif) no-repeat center top;
width:82px;
height:26px;
color:#fff;
font-size:0.9em;
text-align:center;
float:left;
text-decoration:none;
}
a:hover.redbutton_link{
background: url(../images/sp_button_red_onclick.gif) no-repeat center top;
width:82px;
height:26px;
color:#fff;
font-size:0.9em;
text-align:center;
float:left;
text-decoration:underline;
}
/*end of button*/

/*subheader*/
.subcontent h2.CHI_step1,.subcontent h2.CHI_step2,.subcontent h2.CHI_step3,.subcontent h2.CHI_step4,.subcontent h2.CHI_search,.subcontent h2.CHI_record,.subcontent h2.CHI_part1,.subcontent h2.CHI_part2,.subcontent h2.CHI_details,.subcontent h2.CHI_recorddetails,.subcontent h2.CHI_customer_info,.subcontent h2.CHS_step1,.subcontent h2.CHS_step2,.subcontent h2.CHS_step3,.subcontent h2.CHS_step4,.subcontent h2.CHS_search,.subcontent h2.CHS_record,.subcontent h2.CHS_part1,.subcontent h2.CHS_part2,.subcontent h2.CHS_details,.subcontent h2.CHS_recorddetails,.subcontent h2.CHS_customer_info,.subcontent h2.CHI_password,.subcontent h2.CHS_password,.subcontent h2.CHI_profile,.subcontent h2.CHS_profile,.subcontent h2.CHI_profile
{
display:block;
width:50%;
vertical-align:top;
margin:0px 0px 20px 5px;
float:left;
height:47px;
}
.subcontent h2.CHI_step1{
background: url(../images/chi_sp_h2_step1.gif) no-repeat left top;
}
.subcontent h2.CHS_step1{
background: url(../images/chs_sp_h2_step1.gif) no-repeat left top;
}
.subcontent h2.CHI_step2{
background: url(../images/chi_sp_h2_step2.gif) no-repeat left top;
}
.subcontent h2.CHS_step2{
background: url(../images/chs_sp_h2_step2.gif) no-repeat left top;
}
.subcontent h2.CHI_step3{
background: url(../images/chi_sp_h2_step3.gif) no-repeat left top;
}
.subcontent h2.CHS_step3{
background: url(../images/chs_sp_h2_step3.gif) no-repeat left top;
}
.subcontent h2.CHI_step4{
background: url(../images/chi_sp_h2_step4.gif) no-repeat left top;
}
.subcontent h2.CHS_step4{
background: url(../images/chs_sp_h2_step4.gif) no-repeat left top;
}
.subcontent h2.CHI_part1{
background: url(../images/chi_sp_h2_part1.gif) no-repeat left top;
}
.subcontent h2.CHS_part1{
background: url(../images/chs_sp_h2_part1.gif) no-repeat left top;
}
.subcontent h2.chi_part2{
background: url(../images/chi_sp_h2_part2.gif) no-repeat left top;
height:47px;
}
.subcontentA h2.chi_part2{
background: url(../images/chi_sp_h2_part2.gif) no-repeat left top;
height:47px;
}
.subcontent h2.chs_part2{
background: url(../images/chs_sp_h2_part2.gif) no-repeat left top;
height:47px;
}
.subcontentA h2.chs_part2{
background: url(../images/chs_sp_h2_part2.gif) no-repeat left top;
height:47px;
}
.subcontent h2.chi_record{
background: url(../images/chi_sp_h2_record2.gif) no-repeat left top;
}
.subcontent h2.chs_record{
background: url(../images/chs_sp_h2_record2.gif) no-repeat left top;
}
.subcontent h2.chi_search{
background: url(../images/chi_sp_h2_record1.gif) no-repeat left top;
height:47px;
margin:0px 0px 5px 5px;
}
.subcontent h2.chs_search{
background: url(../images/chs_sp_h2_record1.gif) no-repeat left top;
height:47px;
margin:0px 0px 5px 5px;
}
.subcontent h2.chi_details{
background: url(../images/chi_sp_h2_record2.gif) no-repeat left top;
}
.subcontent h2.chs_details{
background: url(../images/chs_sp_h2_record2.gif) no-repeat left top;
}
.subcontent h2.chi_recorddetails{
background: url(../images/chi_sp_h2_recorddetails.gif) no-repeat left top;
}
.subcontent h2.chs_recorddetails{
background: url(../images/chs_sp_h2_recorddetails.gif) no-repeat left top;
}
.subcontent h2.chi_customer_info{
background: url(../images/chi_sp_h2_customer_info.gif) no-repeat left top;
}
.subcontent h2.chs_customer_info{
background: url(../images/chs_sp_h2_customer_info.gif) no-repeat left top;
}
.subcontent h2.CHI_password{
background: url(../images/chi_sp_h2_userac_changepw.gif) no-repeat left top;
}
.subcontent h2.CHS_password{
background: url(../images/chs_sp_h2_userac_changepw.gif) no-repeat left top;
}
.subcontent h2.CHI_profile{
background: url(../images/chi_sp_h2_userac_acupdate.gif) no-repeat left top;
}
.subcontent h2.CHS_profile{
background: url(../images/chs_sp_h2_userac_acupdate.gif) no-repeat left top;
}
/* end of subheader */

/* check product */
table.check {
border:1px #6c253d solid;
border-collapse: collapse;
background-color: #d0b0b8;
text-align:center;
}
table.check th {
border:1px #6c253d solid;
padding: 3px;
background-color: #faf7f8;
font-weight:bold;
}
table.check td {
border:1px #6c253d solid;
padding: 3px;
background-color: #d0b0b8;
vertical-align:bottom;
}
table.check td img{
border: 1px #6c253d solid;
text-align:center;
}
table.check td.details{
background-color: #faf7f8;
vertical-align:top;
}
table.check td.details p{
color:#9a3393;
background-color: #faf7f8;
padding:2px 5px;
margin:0px;
}
/* end of check product*/

/*sales platform: select content*/

.selectcontentA{
width:565px;
border: 1px solid #572d5a;
background:#572d5a;
text-align:center;
Z-INDEX:100;
top:190px; 
POSITION:absolute;
padding:0px;	
display:none; 	
}

.selectcontent{
width:565px;
border: 1px solid #f4f0ff;
background:#f4f0ff;
text-align:center;
Z-INDEX:100;
POSITION:absolute;
padding:0px;	
display:none; 	
}

.selectcontentC{
width:500px;
border: 5px solid #572d5a;
background:#f4f0ff;
text-align:center;
Z-INDEX:100;
POSITION:absolute;
padding:0px;	
display:none
}

.selectcontent_inbox{
width:545px;
background-color:#fff;
margin:5px;
text-align:left;
padding:5px;
font-size:0.8em;
Z-INDEX:100;	
}
.selectcontent_inbox table{
width:545px;
border-collapse: collapse;
text-align:left;
Z-INDEX:100;
}
.selectcontent_inbox th {
border-top:0;
padding: 2px;
Z-INDEX:100;
vertical-align:bottom;
font-weight:normal;
}
.selectcontent_inbox td {
border-top:1px #6c253d solid;
padding: 2px;
}
.selectcontent_inbox h3,.selectcontent_inbox p{
font-size:0.9em;
margin:2px;
display:block;
width:420px;
}
/* end of sales platform: select content*/

/*customer list input*/
.customer input,.customer select,.customer textarea{
font-size:0.9em;
}
.customer th{
width:80px;
text-align:right;
}

/*end of customer list input*/

/* customer list */
table.customer_list {
border-top:1px #f4ebef solid;
border-collapse: collapse;
text-align:left;
border:1px;
}
table.customer_list th {
border-left:1px #f4ebef solid;
border-right:1px #f4ebef solid;
border-bottom:0px;
border-top:0px;
padding: 3px;
background-color: #582d5b;
color:#fff;
vertical-align:middle;
}
table.customer_list td {
border:0px #f4ebef solid;
padding:3px;
background-color:#f4ebef;
font-size:0.9em;
}
table.customer_list th.name,table.customer_list td.name{
width:140px;
}
table.customer_list th.email,table.customer_list td.email{
width:160px;
}
table.customer_list th.contactno,table.customer_list td.contactno{
width:105px;
text-align:center;
}
table.customer_list th.vip,table.customer_list td.vip{
width:70px;
text-align:center;
}table.customer_list th.potential,table.customer_list td.potential{
width:65px;
text-align:center;
}
table.customer_list th.status,table.customer_list td.status{
width:60px;
text-align:center;
}
table.customer_list td.remarks_data{
}
table.customer_list td.edit{
float:left;
width:60px;
}
table.customer_list td.edit img{
padding-right:5px;
vertical-align:text-bottom;
height:16px;
}
table.customer_list td.edit a, table.customer_list td.edit a:link{
color:#582d5b;
text-decoration:underline;
}
table.customer_list td.edit a:hover{
color:#582d5b;
text-decoration:none;
}
table.customer_list td.remarks_data,table.customer_list td.edit{
border-top:1px #f3dbfc solid;
border-bottom:1px #582d5b solid;
}
.active{
color:blue;
}
.inactive{
color:red;
}

/* end of customer list */

/*customer list :edit*/

.editcustomerlist{
width:565px;
border: 1px solid #572d5a;
background:#572d5a;
text-align:center;
}
.editcustomerlist_inbox{
width:545px;
background-color:#fff;
margin:5px;
text-align:left;
padding:5px;
font-size:0.8em;
}
.editcustomerlist_inbox table{
width:545px;
border-collapse: collapse;
text-align:left;
}
.editcustomerlist_inbox th,.editcustomerlist_inbox td {
border-top:0;
padding: 2px;
vertical-align:top;
font-weight:normal;
}
/* end of customer list :edit*/

/* success and fail */
.success_fail table{
text-align:center;
}

.success_fail td{
text-align:center;
}

.success_fail th{
background-color:#cb99cc;
text-align:center;
font-weight:bold;
width:100%;
height:25px;
}
.success_fail input{
float:none;
}
/* end of success and fail */

/* record */
table.recordsearch th {
width:40px;
}
table.recordsearch td {
width:285px;
font-size:0.7em;
}
table.recordsearch td.button {
width:85px;
font-size:1em;
}
table.recordsearch td.name {
width:150px;
}


table.record, table.recorddetails{
border-top:1px #f4ebef solid;
border-collapse: collapse;
text-align:left;
}
table.record th,table.recorddetails th{
border-left:1px #f4ebef solid;
border-right:1px #f4ebef solid;
border-bottom:0px;
border-top:0px;
padding: 3px;
background-color: #582d5b;
color:#fff;
vertical-align:middle;
text-align:center;
}
table.record td, table.recorddetails th{
border:0px #f4ebef solid;
padding:3px;
font-size:0.9em;
text-align:center;
}
table.record th.name,table.record td.name{
width:135px;
text-align:left;
}
table.record th.email,table.record td.email{
width:130px;
text-align:left;
}
table.record th.times,table.table.record td.times{
width:85px;
}
table.record th.date,table.record td.date,table.recorddetails td.date, table.recorddetails th.date{
width:70px;
}
table.record th.product,table.record td.product{
width:180px;
text-align:center;
}

table.record tr.even,table.recorddetails tr.even{
background-color:#efdeef;
border-top:1px #fff solid;
border-bottom:1px #fff solid;
}
table.record tr.odd,table.recorddetails tr.odd{
background-color:#f5ebef;
}
table.recorddetails th.product,table.recorddetails td.product{
width:440px;
padding-left:10px;
text-align:center;
}
table.recorddetails th.details,table.recorddetails td.details{
width:100px;
text-align:center;
}
table.recorddetails a,table.recorddetails a:link{
color:#582d5b;
text-decoration:underline;
font-size:0.85em;
}
table.recorddetails a:hover{
text-decoration:none;
}

.customer_info th{
width:120px;
text-align:right;
}
.customer_info td{
width:180px;
}

.password td{
width:400px;
}

/* end of record */
/* mail*/
.ref{
width:689px;
background-color:#fff/*pink*/;
font-size:0.65em;
display:block;
color:#666;
height:20px;
}
.refno{
width:300px;
color:#666;
float:left;
}
.readhtml a,.readhtml a:link{
width:389px;
color:#666;
float:right;
text-align:right;
}
.edmmaincontent{
background-color:#ffffff /*blue*/;
padding:0px;
margin:0px;
width:689px;
clear:both;
color:White;
}
.footer{
width:689px;
background: url(../images/edm_footer_bg.gif) no-repeat left top;
height:26px;
display:block;
font-size:0.7em;
color:#fff;
position:relative;
}
.copyright{
display:block;
height:15px;
margin-top:8px;
float:left;
padding-left:20px;
}
a.mabelleweb,a:link.mabelleweb {
display:block;
width:100px;
height:15px;
margin-top:8px;
float:right;
text-align:right;
padding-right:20px;
color:#fff;
}

.chs_edm_header{
background: url(../images/chs_edm_header.jpg) no-repeat left top;
width:689px;
height:135px;
margin:0px;
}
.eng_edm_header{
background: url(../images/eng_edm_header.jpg) no-repeat left top;
width:689px;
height:135px;
margin:0px;
}
.chi_edm_header{
background: url(../images/chi_edm_header.jpg) no-repeat left top;
width:689px;
height:135px;
margin:0px;
}
.message{
width:639px;
margin-top:0px;
clear:both;
padding:20px 25px 10px 25px;
font-size:0.8em;
height:auto;
/*background-color:yellow;*/
}
.customer{
width:600;
/*background-color:green;*/
height:auto;
padding:10px 0px;
}
.tandc{
color:White;
vertical-align:top;
}
.txt{
width:480px;
float:left;
color:White;
vertical-align:top;
}
.staff{
width:50px;
float:right;
vertical-align:top;
color:White;
text-align:right;
}
.staffpic{
float:right;
}
.staffinfo{
text-align:right;
width:100%;
padding-top:3px;
font-size:10pt;
color:White;
vertical-align:top;
}
.product{
position:relative;
clear:both;
}
.chi_edm_title{
background: url(../images/chi_edm_title.gif) no-repeat left top;
width:98px;
height:29px;
margin:0px;
}
.chs_edm_title{
background: url(../images/chs_edm_title.gif) no-repeat left top;
width:98px;
height:29px;
margin:0px;
}
.eng_edm_title{
background: url(../images/eng_edm_title.gif) no-repeat left top;
width:98px;
height:29px;
margin:0px;
}
div.left{
float:left;
width:271px;
/*background-color:green;*/
margin-left:28px;
margin-top:4px;
}
div.right{
float:right;
position:relative;
width:271px;
/*background-color:red;*/
margin-right:28px;
margin-top:4px;
}
table.items{
background: url(../images/edm_product_bg_mid.gif) repeat-y left top;
width:271px;
border-collapse: collapse;
border:0px;
padding-left:10px;
padding-right:5px;
color:#660066;
font-size:8pt;
}
td.bgtop{
background: url(../images/edm_product_bg_top.gif) left top;
padding-top:10px;
}
td.bgbot{
background: url(../images/edm_product_bg_bottom.gif) left bottom;
}
td.bgpic{
vertical-align:top;
width:144px;
height:144px;
background: url(../images/edm_product_bg_shadow.gif);
text-align:center;
}
td.bgpic img{
margin-top:10px;
}
.title a,.titlea:link{
color:#660066;
font-weight:bold;
padding-left:5px;

}
.contact{
width:100%;
clear:both;
text-align:center;
padding-top:5px;
color:White;
}
.confirm{
width:689px;
}
/* mail*/