/* ----------------------------- ZoiPPE stylesheet ----------------------------- */

/* ----------------------------- Global -------------------------------- */

a
{
	color: #F66013;
	text-decoration: none;
	font-family: @·ÂËÎ_GB2312;
}
a:hover
{
	text-decoration: none;
	border-bottom: 1px solid #2780A1;
	color: #2780A1;
	font-family: @·ÂËÎ_GB2312;
}

hmtl, body
{
	margin: 0px auto;
	padding: 0px;
	height: 100%;
	width: 100%;
	text-align: center;
}
html > body
{
	height: auto;
}
body
{
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	text-align: left;
}
img
{
	border: 0;
}
.divider
{
	background-image: url(images/zsp_divider_rep.gif);
	background-repeat: repeat-x;
	width: 150px;
	text-align: center;
}
.redtxt
{
	color: #C90505;
	font-size: 10px;
}
.fieldheader
{
	text-align: left;
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
}
.smalltxt
{
	font-size: 10px;
	color: #002A31;
}
.text_box_big
{
	background-color: #ffffff;
	padding: 2px;
	border: 1px solid #505050;
	height: 100px;
}
.text_box
{
	background-color: #ffffff;
	padding: 2px;
	border: 1px solid #505050;
	height: 14px;
}

/* ----------------------------- Body Elements -------------------------------- */
.topdiv
{
	background: url(images/topimage.jpg);
	width: 750px;
	height: 107px;
	text-align: right;
	margin: auto;
}
/* ----------------------------- Body Elements -------------------------------- */
#wrapper
{
	margin: 0 auto;
	padding: 0;
	width: 750px;
	border: 0;
}


/*-----------Menu-------------*/
.topmenu
{
	font-weight: bolder;
	font-size: 16px;
	vertical-align: bottom;
}

.tophomediv
{
	width: 569px;
	height: 120px;
	background-image: url(images/zsp_header_zoippe_single.gif);
}
.foothomediv
{
	width: 569px;
	height: 30px;
	background-image: url(images/zsp_footer_zoippe.gif);
}
.menudiv
{
	height: 40px;
	width: 750px;
	text-align: center;
	padding: auto;
	margin: auto;
	background-image: url(images/menutopbg.jpg);
}

.menuleftdiv
{
	background-image: url(images/menubg.gif);
	text-align: center;
	font-size: small;
	font-weight: normal;
	color: White;
	width: 180px;
	height: 30px;
}

.footdiv
{
	background: #FFFFFF url(images/zsp_footer_orange.gif) top left repeat-x;
	text-align: center;
	vertical-align: bottom;
	height: 37px;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	margin: auto;
	padding: auto;
	width: 750px;
}
/*---------------------------------- Header ---------------------------------*/
.toporangestrip
{
	background-color: #F66013;
	height: 9px;
}
.logingray
{
	background-color: #F2F2F2;
	color: #F66013;
	font-size: 9px;
}
.login_char
{
	border: none;
	width: 17px;
	height: 14px;
	font-size: 10px;
	font-weight: bolder;
}
.login_textbox
{
	border: 1px solid #666666;
	width: 81px;
	height: 14px;
	background-color: #ffffff;
}
.login_button
{
	border: none;
	background: #FFFFFF url(images/zsp_btn_login_go.gif) bottom left no-repeat;
	width: 17px;
	height: 14px;
	color: #ffffff;
	font-size: 8px;
}
.logoutgray
{
	background-color: #F2F2F2;
	color: #F66013;
	font-size: 12px;
	font-weight: bold;
	padding-right: 30px;
}
.languagemenu
{
	border: 1px solid #F66013;
	background-color: #44515A;
	color: #ffffff;
	font-size: 8px;
}
/*.gradientbg{background: #FFFFFF url(images/zsp_header_gradbg.gif) bottom left repeat-x; color:#F66013; font-size:10px; padding:0 5px 0 120px; width:152px;}*/
.gradientbg
{
	background: #FFFFFF url(images/zsp_header_gradbg.gif) bottom left repeat-x;
	color: #F66013;
	font-size: 10px;
	padding: 0 5px 0 70px;
	width: 130px;
}

.gradientbg1
{
	background: #FFFFFF url(images/zsp_header_gradbg.gif) bottom left repeat-x;
	color: #F66013;
	font-size: 10px;
	padding: 0 5px 0 70px;
	width: 300px;
}

/*-------------------------------- Footer -------------------------------*/
#footer
{
	background: #FFFFFF url(images/zsp_footer_orange.gif) top left repeat-x;
	text-align: center;
	vertical-align: middle;
	height: 37px;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	padding-left: 10px;
}



#footer a
{
	color: #7D1717;
	text-decoration: none;
	border: none;
}
.footer_color
{
	color: #7D1717;
}
.footer_zoippe
{
	background-color: #F66013;
	text-align: right;
	width: 569px;
	height: auto;
}

/*-------------------------------- Main contents --------------------------------*/
.orangebg
{
	background-color: #F66013;
	width: 569px;
	margin-left: auto;
	margin-right: auto;
}

.orangeprobg
{
	background-color: #F66013;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	border: 0px;
}
.bg_voicemail
{
	background: transparent url(images/zsp_Main_bg_voicemail.gif) top left no-repeat;
	width: 140px;
	height: 79px;
	font-size: 13px;
	color: #ffffff;
	padding: 60px 216px 30px 17px;
}
.bg_globalsms
{
	background: transparent url(images/zsp_Main_bg_hots.jpg) top right no-repeat;
	width: 144px;
	height: 79px;
	font-size: 13px;
	color: #ffffff;
	padding: 66px 216px 30px 17px;
}
.bg_globalsms
{
	background: transparent url(images/zsp_Main_bg_hots.jpg) top right no-repeat;
	width: 144px;
	height: 79px;
	font-size: 13px;
	color: #ffffff;
	padding: 55px 216px 38px 17px;
}

.bg_pctopc
{
	background: transparent url(images/zsp_Main_bg_pctopc.gif) top left no-repeat;
	width: 94px;
	height: 90px;
	font-size: 13px;
	color: #ffffff;
	padding: 58px 140px 29px 17px;
}
.bg_divert
{
	background: transparent url(images/zsp_Main_bg_divert.gif) top right no-repeat;
	width: 124px;
	height: 90px;
	font-size: 13px;
	color: #ffffff;
	padding: 42px 110px 29px 13px;
}
.bg_im
{
	background: transparent url(images/zsp_Main_bg_im.gif) top right no-repeat;
	width: 84px;
	height: 90px;
	font-size: 13px;
	color: #ffffff;
	padding: 58px 153px 29px 15px;
}

.bluebg
{
	background-color: #96A3AB;
}
.newstitle
{
	color: #545F67;
	font-weight: bold;
	font-size: 11px;
	padding: 10px 12px 3px 10px;
}
.newstxt
{
	color: #ffffff;
	font-size: 10px;
	padding: 0 12px 12px 10px;
}
.readmore
{
	padding: 10px 12px 12px 10px;
	text-align: right;
}
.dotdot
{
	border-right: 1px dotted #EFF1F2;
	width: 2px;
}

/* -------------------------------- Download contents ---------------------------- */
.sub_left
{
	width: 179px;
	background-color: #96A3AB;
	text-align: right;
	color: #FFFFFF;
}
.sub_leftheader
{
	font-size: 16px;
	font-weight: bold;
	padding-right: 15px;
	background: transparent url(images/menuleftbg.jpg) top left repeat-y;
}
.sub_leftcontent
{
	font-size: 11px;
	font-weight: normal;
	padding-right: 15px;
	background: transparent url(images/menuleftbg.jpg) top left repeat-y;
	word-spacing: -0.8px;
	line-height: 1.5em;
}

.sub_right
{
	width: 569px;
	background-color: #F66013;
}
.sub_right2
{
	width: 569px;
	background: #F6933B url(images/zsp_download_mainbg.gif) top left repeat-y;
}
.sub_rightheader
{
	font-size: 16px;
	font-weight: bold;
	padding-left: 15px;
	color: #63270A;
}
.sub_rightsubheader
{
	font-size: 14px;
	font-weight: bold;
	padding-left: 32px;
	color: #AC0101;
}
.sub_rightcontent
{
	font-size: 12px;
	font-weight: normal;
	padding-left: 32px;
	color: #FFFFFF;
}

.clickhere a
{
	color: #63270A;
	text-decoration: underline;
	font-weight: bold;
}
.clickhere a:hover
{
	text-decoration: none;
	border-bottom: 1px dotted #F5C2A7;
	color: #F5C2A7;
}

.liststyle1 li
{
	list-style-type: none;
	margin: 0px;
	background-image: url(images/zsp_arrow_green.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding-left: 20px;
	padding-bottom: 0px;
	padding-top: 5px;
}

/* -------------------------------- About Us contents ---------------------------- */
.sub_left
{
	width: 181px;
	background-color: #96A3AB;
	text-align: right;
	color: #FFFFFF;
}

.sub_right
{
	width: 569px;
	background-color: #F66013;
}
.aboutUs_background
{
	width: 569px;
	background: #F6933B url(images/zsp_bkgd_blue.gif) top left repeat-y;
}
.aboutUs_rightheader
{
	font-size: 16px;
	font-weight: bold;
	padding-left: 15px;
	color: #004C64;
}
.aboutUs_rightcontent
{
	font-size: 12px;
	font-weight: normal;
	padding-left: 64px;
	padding-right: 64px;
	color: #004C64;
	text-align: justify;
}

/* -------------------------------- Features contents ---------------------------- */
.sub_butmenu
{
	background-color: #96A3AB;
}

/*backgrounds*/
.bg_feature_email
{float :left ;
	width: 568px;
	background: #F6933B url(images/zsp_bkgd_email.gif) top left repeat-y;
}
.bg_feature_pc
{float :left ;
	width: 568px;
	background: #F6933B url(images/zsp_bkgd_pc.gif) top left repeat-y;
}
.bg_feature_out
{float :left ;
	width: 568px;
	background: #F6933B url(images/zsp_bkgd_out.gif) top left repeat-y;
}
.bg_feature_sms
{float :left ;
	width: 568px;
	background: #F6933B url(images/zsp_bkgd_sms.gif) top left repeat-y;
}
.bg_feature_divert
{float :left ;
	width: 568px;
	background: #F6933B url(images/zsp_bkgd_divert.gif) top left repeat-y;
}
.bg_feature_im
{float :left ;
	width: 568px;
	background: #F6933B url(images/zsp_bkgd_im.gif) top left repeat-y;
}
.bg_feature_vm
{float :left ;
	width: 568px;
	background: #F6933B url(images/zsp_bkgd_vm.gif) top left repeat-y;
}
.bg_feature_in
{float :left ;
	width: 568px;
	background: #F6933B url(images/zsp_bkgd_in.gif) top left repeat-y;
}
.fea_link_repeat
{
	float :left ;
	width: 568px;
	background: #F6933B url(images/fea_link_repeat.gif) top left repeat-y;
}
/*end of backgrounds*/

/*paddings*/
.features_pad
{
	padding: 22px 50px 22px 45px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
}
.features_pad2
{
	padding: 22px 50px 22px 45px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	line-height: 23px;
}
.features_pad3
{
	padding: 22px 0 22px 45px;
	color: #ffffff;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
}
.features_pad3_1
{
	padding: 0px 30px 22px 45px;
	color: #ffffff;
	color: #ffffff;
	font-size: 13px;
	font-weight: normal;
}
.features_pad4
{
	padding: 22px 0 0 45px;
	color: #ffffff;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
}
.features_dot
{
	padding: 0 33px 0 29px;
}
/*end of paddings*/

/*color texts*/
.divert_color
{
	color: #8C8347;
}
.vm_color
{
	color: #F66013;
}
.in_color
{
	color: #EBB4D0;
}
/*end of color texts*/

/*red*/
.dldl a
{
	text-decoration: underline;
	border: none;
	color: #AC0101;
}
.dldl a:hover
{
	text-decoration: underline;
	border-bottom: none;
	color: #CF0F0F;
}

/*orange*/
.dldl2 a
{
	text-decoration: underline;
	border: none;
	color: #F66013;
}
.dldl2 a:hover
{
	text-decoration: underline;
	border-bottom: none;
	color: #FB7C3B;
}

/*white*/
.dldl3 a
{
	text-decoration: underline;
	border: none;
	color: #ffffff;
}
.dldl3 a:hover
{
	text-decoration: underline;
	border-bottom: none;
	color: #EDEDED;
}

/*privacy page */
.pri_tableleft
{
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
	vertical-align: top;
}

/* ----------------------------- Body Elements for Invite Friends -------------------------------- */
.invite_blue
{
	background: transparent url(images/zsp_bkgd_blue.gif) top left repeat-y;
}
.invite_mainheader
{
	font-size: 20px;
	font-weight: 400;
	color: #004C64;
}
.invite_text1
{
	color: #FFFFFF;
}
.invite_text2
{
	color: #004C64;
	font-weight: bold;
}
.invite_text3
{
	color: #004C64;
	font-weight: bold;
	font-size: 12px;
}
.invite_fieldheader
{
	text-align: left;
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
}

/* ----------------------------- Body Elements for Voicemail -------------------------------- */

.vm_blue
{

	background: transparent url(images/zsp_bkgd_green.gif) top left repeat-y;
}
.vm_mainheader
{
	font-size: 20px;
	font-weight: 400;
	color: #004F5D;
}
.vm_text1
{
	color: #002A31;
	font-size: 12px;
}
.vm_text2
{
	color: #F66013;
	font-weight: bold;
}
.vm_text3
{
	color: #002A31;
	font-weight: bold;
	font-size: 12px;
}
.vm_text_box_big
{
	background-color: #ffffff;
	padding: 2px;
	border: 1px solid #505050;
	height: 100px;
}
.vm_text_box
{
	background-color: #ffffff;
	padding: 2px;
	border: 1px solid #505050;
	height: 15px;
}
.vm_smalltxt
{
	font-size: 10px;
	color: #002A31;
}

/* ----------------------------- Body Elements for Profile n Namecard -------------------------------- */
.pro_lorange
{
	background: transparent url(images/zsp_bkgd_lorange.gif) top left repeat-y;
}
.pro_mainheader
{
	font-size: 20px;
	font-weight: 400;
	color: #996600;
}
.pro_text3
{
	color: #996600;
	font-weight: bold;
	font-size: 12px;
}

.nc_lgreen
{
	background: transparent url(images/zsp_bkgd_lgreen.gif) top left repeat-y;
}
.nc_mainheader
{
	font-size: 20px;
	font-weight: 400;
	color: #607727;
}
.nc_text3
{
	color: #708833;
	font-weight: bold;
	font-size: 12px;
}

.pn_text1
{
	color: #343434;
	font-size: 12px;
}
.pn_text2
{
	color: #42511D;
	font-size: 12px;
}
.pn_text4
{
	color: #343434;
	font-size: 14px;
	font-weight: bold;
}
.pn_text5
{
	color: #708833;
	font-size: 12px;
}

/* ----------------------------- Body Elements for SMS -------------------------------- */
.sms_blue
{
	background: transparent url(/images/zsp_bkgd_dblue.gif) top left repeat-y;
}
.sms_mainheader
{
	font-size: 20px;
	font-weight: 400;
	color: #004F5D;
}
.sms_text1
{
	color: #ffffff;
	font-size: 12px;
}
.sms_text2
{
	color: #004F5D;
	font-size: 12px;
}
.sms_text3
{
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}
.sms_th
{
	background-color: #EAE4D0;
	color: #5C4B1A;
	font-size: 12px;
	padding: 5px;
	font-weight: bold;
}
.sms_td
{
	background-color: #F4F1E7;
	color: #43423F;
	font-size: 10px;
	padding: 5px;
}

/* ----------------------------- Body Elements for Call Details -------------------------------- */
.cd_yellow
{
	background: transparent url(/images/zsp_bkgd_yellow.gif) top left repeat-y;
}
.cd_mainheader
{
	font-size: 20px;
	font-weight: 400;
	color: #5C4B1A;
}
.cd_text1
{
	color: #800101;
	font-size: 14px;
	font-weight: bold;
}
.cd_text2
{
	color: #845225;
	font-size: 12px;
}
.cd_text3
{
	color: #5C4B1A;
	font-size: 12px;
}
.cd_th
{
	background-color: #99CCCC;
	color: #5C4B1A;
	font-size: 12px;
	padding: 5px;
	font-weight: bold;
}
.cd_td
{
	background-color: #C3DEE4;
	color: #43423F;
	font-size: 10px;
	padding: 5px;
}

/* ----------------------------- Body Elements for Recharge -------------------------------- */
.rc_lblue
{

	background: transparent url(images/zsp_bkgd_lblue.gif) top left repeat-y;
}

.rc_lorange
{
	background: transparent url(images/zsp_bkgd_signup_lorange.gif) top left repeat-y;
}
.rc_mainheader
{
	font-size: 20px;
	font-weight: 400;
	color: #004F5D;
}
.rc_text1
{
	color: #002A31;
	font-size: 12px;
}
.rc_text2
{
	color: #F66013;
	font-weight: bold;
}
.rc_text3
{
	color: #002A31;
	font-weight: bold;
	font-size: 12px;
}
.rc_text4
{
	color: #002A31;
	font-weight: bold;
	font-size: 14px;
}

/*=========================================================================================*/
/*--- top buttons ---*/
#home
{
	float: left;
	width: 40px;
	height: 14px;
	background: transparent url(images/zsp_but_home.gif) no-repeat 0 -14px;
}
#chinese
{
	float: left;
	width: 45px;
	height: 14px;
	background: transparent url(images/zsp_but_sc.gif) no-repeat 0 -14px;
}
#member
{
	float: left;
	width: 75px;
	height: 14px;
	background: transparent url(images/zsp_but_member.gif) no-repeat 0 -14px;
}
#contact
{
	float: left;
	width: 80px;
	height: 14px;
	background: transparent url(images/zsp_but_contact.gif) no-repeat 0 -14px;
}
#about
{
	float: left;
	width: 70px;
	height: 14px;
	background: transparent url(images/zsp_but_about.gif) no-repeat 0 -14px;
}
#logout
{
	float: left;
	width: 75px;
	height: 14px;
	background: transparent url(images/zsp_but_logout.gif) no-repeat 0 -14px;
}
#profile
{
	float: left;
	width: 75px;
	height: 14px;
	background: transparent url(images/zsp_but_profile.gif) no-repeat 0 -14px;
}
#feature
{
	float: left;
	width: 159px;
	height: 46px;
	background: transparent url(images/zsp_but_feature.gif) no-repeat 0 -46px;
}
#download
{
	float: left;
	width: 143px;
	height: 46px;
	background: transparent url(images/zsp_but_download.gif) no-repeat 0 -46px;
}
#sms
{
	float: left;
	width: 159px;
	height: 46px;
	background: transparent url(images/zsp_but_sms.gif) no-repeat 0 -46px;
}
#out
{
	float: left;
	width: 154px;
	height: 46px;
	background: transparent url(images/zsp_but_out.gif) no-repeat 0 -46px;
}
#news
{
	float: left;
	width: 159px;
	height: 46px;
	background: transparent url(images/zsp_but_news.gif) no-repeat 0 -46px;
}
#help
{
	float: left;
	width: 135px;
	height: 46px;
	background: transparent url(images/zsp_but_help.gif) no-repeat 0 -46px;
}

/* FEATURES SUB BUTTONS LEFT MENU*/
#sub_pc
{
	float: left;
	width: 181px;
	height: 30px;
	background: transparent url(images/zsp_but_sub_pc.gif) no-repeat 0 -30px;
}
#sub_out
{
	float: left;
	width: 181px;
	height: 30px;
	background: transparent url(images/zsp_but_sub_out.gif) no-repeat 0 -30px;
}
#sub_lu
{
	float: left;
	width: 181px;
	height: 30px;
	background: transparent url(images/zsp_but_sub_linkup.gif) no-repeat 0 -30px;
}
#sub_sms
{
	float: left;
	width: 181px;
	height: 30px;
	background: transparent url(images/zsp_but_sub_sms.gif) no-repeat 0 -30px;
}
#sub_calldivert
{
	float: left;
	width: 181px;
	height: 30px;
	background: transparent url(images/zsp_but_sub_divert.gif) no-repeat 0 -30px;
}
#sub_im
{
	float: left;
	width: 181px;
	height: 30px;
	background: transparent url(images/zsp_but_sub_im.gif) no-repeat 0 -30px;
}
#sub_mail
{
	float: left;
	width: 181px;
	height: 30px;
	background: transparent url(images/zsp_but_sub_email.gif) no-repeat 0 -30px;
}
#sub_voicemail
{
	float: left;
	width: 181px;
	height: 30px;
	background: transparent url(images/zsp_but_sub_vm.gif) no-repeat 0 -30px;
}
#sub_in
{
	float: left;
	width: 181px;
	height: 30px;
	background: transparent url(images/zsp_but_sub_in.gif) no-repeat 0 -30px;
}
/* END OF FEATURES SUB BUTTON */

/* MEMBER SUB BUTTONS */
#sub_details
{
	float: left;
	width: 181px;
	height: 30px;
	background: transparent url(images/zsp_but_member_details.gif) no-repeat 0 -30px;
}
#sub_recharge
{
	float: left;
	width: 181px;
	height: 30px;
	background: transparent url(images/zsp_but_member_recharge.gif) no-repeat 0 -30px;
}
#sub_linkup
{
	float: left;
	width: 181px;
	height: 30px;
	background: transparent url(images/zsp_but_member_linkup.gif) no-repeat 0 -30px;
}
#sub_invite
{
	float: left;
	width: 181px;
	height: 30px;
	background: transparent url(images/zsp_but_member_linkup.gif) no-repeat 0 -30px;
}
#sub_send_SMS
{
	float: left;
	width: 181px;
	height: 30px;
	background: transparent url(images/zsp_but_member_sms.gif) no-repeat 0 -30px;
}
#sub_cdr
{
	float: left;
	width: 181px;
	height: 30px;
	background: transparent url(images/zsp_but_member_cdr.gif) no-repeat 0 -30px;
}
#sub_divert
{
	float: left;
	width: 181px;
	height: 30px;
	background: transparent url(images/zsp_but_member_divert.gif) no-repeat 0 -30px;
}
#sub_vm
{
	float: left;
	width: 181px;
	height: 30px;
	background: transparent url(images/zsp_but_member_vm.gif) no-repeat 0 -30px;
}
#sub_invite
{
	float: left;
	width: 181px;
	height: 30px;
	background: transparent url(images/zsp_but_member_invite.gif) no-repeat 0 -30px;
}
/* END OF MEMBER SUB BUTTON */

#home a
{
	background: transparent url(images/zsp_but_home.gif) no-repeat;
}
#chinese a
{
	background: transparent url(images/zsp_but_sc.gif) no-repeat;
}
#member a
{
	background: transparent url(images/zsp_but_member.gif) no-repeat;
}
#contact a
{
	background: transparent url(images/zsp_but_contact.gif) no-repeat;
}
#about a
{
	background: transparent url(images/zsp_but_about.gif) no-repeat;
}
#logout a
{
	background: transparent url(images/zsp_but_logout.gif) no-repeat;
}
#feature a
{
	background: transparent url(images/zsp_but_feature.gif) no-repeat;
}
#download a
{
	background: transparent url(images/zsp_but_download.gif) no-repeat;
}
#sms a
{
	background: transparent url(images/zsp_but_sms.gif) no-repeat;
}
#out a
{
	background: transparent url(images/zsp_but_out.gif) no-repeat;
}
#news a
{
	background: transparent url(images/zsp_but_news.gif) no-repeat;
}
#help a
{
	background: transparent url(images/zsp_but_help.gif) no-repeat;
}

/* FEATURES SUB BUTTON */
#sub_pc a
{
	background: transparent url(images/zsp_but_sub_pc.gif) no-repeat;
}
#sub_out a
{
	background: transparent url(images/zsp_but_sub_out.gif) no-repeat;
}
#sub_lu a
{
	background: transparent url(images/zsp_but_sub_linkup.gif) no-repeat;
}
#sub_sms a
{
	background: transparent url(images/zsp_but_sub_sms.gif) no-repeat;
}
#sub_calldivert a
{
	background: transparent url(images/zsp_but_sub_divert.gif) no-repeat;
}
#sub_im a
{
	background: transparent url(images/zsp_but_sub_im.gif) no-repeat;
}
#sub_mail a
{
	background: transparent url(images/zsp_but_sub_email.gif) no-repeat;
}
#sub_voicemail a
{
	background: transparent url(images/zsp_but_sub_vm.gif) no-repeat;
}
#sub_in a
{
	background: transparent url(images/zsp_but_sub_in.gif) no-repeat;
}
/* END OF FEATURES SUB BUTTON */

/* MEMBER SUB BUTTON */
#sub_details a
{
	background: transparent url(images/zsp_but_member_details.gif) no-repeat;
}
#sub_recharge a
{
	background: transparent url(images/zsp_but_member_recharge.gif) no-repeat;
}
#sub_linkup a
{
	background: transparent url(images/zsp_but_member_linkup.gif) no-repeat;
}
#sub_send_SMS a
{
	background: transparent url(images/zsp_but_member_sms.gif) no-repeat;
}
#sub_cdr a
{
	background: transparent url(images/zsp_but_member_cdr.gif) no-repeat;
}
#sub_divert a
{
	background: transparent url(images/zsp_but_member_divert.gif) no-repeat;
}
#sub_vm a
{
	background: transparent url(images/zsp_but_member_vm.gif) no-repeat;
}
#sub_invite a
{
	background: transparent url(images/zsp_but_member_invite.gif) no-repeat;
}
/* END OF MEMEBR SUB BUTTON */

#home a, #chinese a, #member a, #contact a, #about a, #logout a
{
	float: left;
	text-indent: -1000em;
	height: 14px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	border-bottom: 0;
}

#feature a, #download a, #sms a, #out a, #news a, #help a
{
	float: left;
	text-indent: -1000em;
	height: 46px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	border-bottom: 0;
}
#footdiv
{
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dotted #F5C2A7;
	font-style: oblique;
}

/* FEATURES SUB BUTTON */
#sub_pc a, #sub_out a, #sub_lu a, #sub_sms a, #sub_calldivert a, #sub_im a, #sub_mail a, #sub_voicemail a, #sub_in a
{
	float: left;
	text-indent: -1000em;
	height: 30px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	border-bottom: 0;
}
/* END OF FEATURES SUB BUTTON */

/* MEMBER SUB BUTTON */
#sub_details a, #sub_recharge a, #sub_linkup a, #sub_send_SMS a, #sub_cdr a, #sub_divert a, #sub_vm a, #sub_invite a
{
	float: left;
	text-indent: -1000em;
	height: 30px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	border-bottom: 0;
}
/* END OF MEMBER SUB BUTTON */

#home a
{
	width: 40px;
}
#chinese a
{
	width: 35px;
}
#member a
{
	width: 75px;
}
#contact a
{
	width: 80px;
}
#about a
{
	width: 70px;
}
#logout a
{
	width: 75px;
}
#feature a
{
	width: 159px;
}
#download a
{
	width: 143px;
}
#news a
{
	width: 159px;
}
#out a
{
	width: 154px;
}
#help a
{
	width: 135px;
}

/* FEATURES SUB BUTTON */
#sub_pc a
{
	width: 181px;
}
#sub_out a
{
	width: 181px;
}
#sub_lu a
{
	width: 181px;
}
#sub_sms a
{
	width: 181px;
}
#sub_calldivert a
{
	width: 181px;
}
#sub_im a
{
	width: 181px;
}
#sub_mail a
{
	width: 181px;
}
#sub_voicemail a
{
	width: 181px;
}
#sub_in a
{
	width: 181px;
}
/* END OF FEATURES SUB BUTTON */

/* MEMBER SUB BUTTON */
#sub_details a
{
	width: 181px;
}
#sub_recharge a
{
	width: 181px;
}
#sub_linkup a
{
	width: 181px;
}
#sub_send_SMS a
{
	width: 181px;
}
#sub_cdr a
{
	width: 181px;
}
#sub_divert a
{
	width: 181px;
}
#sub_vm a
{
	width: 181px;
}
#sub_invite a
{
	width: 181px;
}
/* END OF MEMBER SUB BUTTON */

/*  IE 5 hack */
#home a, #chinese a, #member a, #about a, #contact a, #logout a, #feature a, #download a, #sms a, #news a, #out a, #help a
{
	overflow: hidden;
}
#sub_pc a, #sub_out a, #sub_lu a, #sub_sms a, #sub_calldivert a, #sub_im a, #sub_mail a, #sub_voicemail a, #sub_in a
{
	overflow: hidden;
}
#sub_details a, #sub_recharge a, #sub_linkup a, #sub_send_SMS a, #sub_cdr a, #sub_divert a, #sub_vm a, #sub_invite a
{
	overflow: hidden;
}
/* end hack */

#home a:hover, #chinese a:hover, #member a:hover, #about a:hover, #contact a:hover, #logout a:hover, #feature a:hover, #download a:hover, #sms a:hover, #news a:hover, #out a:hover, #help a:hover
{
	background-image: none;
	border-bottom: 0;
}

#sub_pc a:hover, #sub_out a:hover, #sub_lu a:hover, #sub_sms a:hover, #sub_calldivert a:hover, #sub_im a:hover, #sub_mail a:hover, #sub_voicemail a:hover, #sub_in a:hover
{
	background-image: none;
	border-bottom: 0;
}

#sub_details a:hover, #sub_recharge a:hover, #sub_linkup a:hover, #sub_send_SMS a:hover, #sub_cdr a:hover, #sub_divert a:hover, #sub_vm a:hover, #sub_invite a:hover
{
	background-image: none;
	border-bottom: 0;
}
/*---end of main menu ---*/

/*=========================================================================================*/

/*--- top Imagediv ---*/
.headerimagedivhome
{
	float: left;
	width: 568px;
	height: 47px;
	background: url(images/zsp_header_zoippe_home.gif)
}
.headerimagedivchinese
{
	float: left;
	width: 568px;
	height: 47px;
	background: url(images/zsp_header_zoippe_sc.gif)
}
.headerimagedivmember
{
	float: left;
	width: 568px;
	height: 47px;
	background: url(images/zsp_header_zoippe_member.gif)
}
.headerimagedivcontact
{
	float: left;
	width: 568px;
	height: 47px;
	background: url(images/zsp_header_zoippe_contact.gif)
}
.headerimagedivabout
{
	float: left;
	width: 568px;
	height: 47px;
	background: url(images/zsp_header_zoippe_about.gif)
}
.headerimagedivlogout
{
	float: left;
	width: 568px;
	height: 47px;
	background: url(images/zsp_header_zoippe_logout.gif)
}
.headerimagedivprofile
{
	float: left;
	width: 568px;
	height: 47px;
	background: url(images/zsp_header_zoippe_profile.gif)
}
.headerimagedivfeature
{
	float: left;
	width: 568px;
	height: 47px;
	background: url(images/zsp_header_zoippe_feature.gif)
}
.headerimagedivdownload
{
	float: left;
	width: 568px;
	height: 47px;
	background: url(images/zsp_header_zoippe_download.gif)
}
.headerimagedivsms
{
	float: left;
	width: 568px;
	height: 47px;
	background: url(images/zsp_header_zoippe_sms.gif)
}
.headerimagedivout
{
	float: left;
	width: 568px;
	height: 47px;
	background: url(images/zsp_header_zoippe_out.gif)
}
.headerimagedivnews
{
	float: left;
	width: 568px;
	height: 47px;
	background: url(images/zsp_header_zoippe_news.gif)
}
.headerimagedivhelp
{
	float: left;
	width: 568px;
	height: 47px;
	background: url(images/zsp_header_zoippe_help.gif)
}
.headerimagedivemail
{
	float: left;
	width: 568px;
	height: 47px;
	background: url(images/zsp_header_zoippe_email.gif)
}

.headerimagedivvm
{
	float: left;
	width: 568px;
	height: 47px;
	background: url(images/zsp_header_zoippe_vm.gif)
}


.headerimagedivpc
{
	float: left;
	width: 568px;
	height: 47px;
	background: url(images/zsp_header_zoippe_pc.gif)
}
.headerimagedivin
{
	float: left;
	width: 568px;
	height: 47px;
	background: url(images/zsp_header_zoippe_in.gif)
}
.headerimagedivim
{
	float: left;
	width: 568px;
	height: 47px;
	background: url(images/zsp_header_zoippe_im.gif)
}
.headerimagedivdivert
{
	float: left;
	width: 568px;
	height: 47px;
	background: url(images/zsp_header_zoippe_divert.gif)
}

.headerimagedivlinkup
{
	float: left;
	width: 568px;
	height: 47px;
	background: url(images/header_fea_link.gif)
}

/*=========================================================================================*/
/*--- foot Imagediv ---*/
.footerimagedivhome
{
	float: left;
	width: 568px;
	height: 29px;
	background: url(images/zsp_footer_zoippe_home.gif)
}
.footerimagedivchinese
{
	float: left;
	width: 568px;
	height: 29px;
	background: url(images/zsp_footer_zoippe_sc.gif)
}
.footerimagedivmember
{
	float: left;
	width: 568px;
	height: 29px;
	background: url(images/zsp_footer_zoippe_member.gif)
}
.footerimagedivcontact
{
	float: left;
	width: 568px;
	height: 29px;
	background: url(images/zsp_footer_zoippe_contact.gif)
}
.footerimagedivabout
{
	float: left;
	width: 568px;
	height: 29px;
	background: url(images/zsp_footer_zoippe_about.gif)
}
.footerimagedivlogout
{
	float: left;
	width: 568px;
	height: 29px;
	background: url(images/zsp_footer_zoippe_logout.gif)
}
.footerimagedivprofile
{
	float: left;
	width: 568px;
	height: 29px;
	background: url(images/zsp_footer_zoippe_profile.gif)
}
.footerimagedivfeature
{
	float: left;
	width: 568px;
	height: 29px;
	background: url(images/zsp_footer_zoippe_feature.gif)
}
.footerimagedivdownload
{
	float: left;
	width: 568px;
	height: 29px;
	background: url(images/zsp_footer_zoippe_download.gif)
}
.footerimagedivsms
{
	float: left;
	width: 568px;
	height: 29px;
	background: url(images/zsp_footer_zoippe_sms.gif)
}
.footerimagedivout
{
	float: left;
	width: 568px;
	height: 29px;
	background: url(images/zsp_footer_zoippe_out.gif)
}
.footerimagedivnews
{
	float: left;
	width: 568px;
	height: 29px;
	background: url(images/zsp_footer_zoippe_news.gif)
}
.footerimagedivhelp
{
	float: left;
	width: 568px;
	height: 29px;
	background: url(images/zsp_footer_zoippe_sms.gif)
}
.footerimagedivemail
{
	float: left;
	width: 568px;
	height: 29px;
	background: url(images/zsp_footer_zoippe_email.gif)
}

.footerimagedivvm
{
	float: left;
	width: 568px;
	height: 29px;
	background: url(images/zsp_footer_zoippe_vm.gif);
}
.footerimagedivpc
{
	float: left;
	width: 568px;
	height: 29px;
	background: url(images/zsp_footer_zoippe_pc.gif)
}
.footerimagedivin
{
	float: left;
	width: 568px;
	height: 29px;
	background: url(images/zsp_footer_zoippe_in.gif)
}
.footerimagedivim
{
	float: left;
	width: 568px;
	height: 29px;
	background: url(images/zsp_footer_zoippe_im.gif)
}
.footerimagedivdivert
{
	float: left;
	width: 568px;
	height: 29px;
	background: url(images/zsp_footer_zoippe_divert.gif)
}

.footerimagedivlinkup
{
	float: left;
	width: 568px;
	height: 29px;
	background: url(images/fea_link_foot.gif)
}


/*--- headhome Imagediv ---*/

.headerhomedivcard
{
width: 568px;
	height: 17px;
	background: url(images/zsp_topround_lgreen.gif)
}
.headerhomedivprofile
{
width: 568px;
	height: 17px;
	background: url(images/zsp_topround_lorange.gif)
}
.headerhomedivsms
{
width: 568px;
	height: 17px;
	background: url(images/zsp_topround_dblue.gif)
}
.headerhomedivcalldetail
{
width: 568px;
	height: 17px;
	background: url(images/zsp_topround_yellow.gif)
}

.headerhomedivinvite
{
width: 568px;
	height: 17px;
	background: url(images/zsp_topround_blue.gif)
}
/*--- foothome Imagediv ---*/
.footerhomedivcard
{
width: 568px;
	height: 17px;
	background: url(images/zsp_bottomround_lgreen.gif)
}
.footerhomedivprofile
{
width: 568px;
	height: 17px;
	background: url(images/zsp_bottomround_lorange.gif)
}
.footerhomedivsms
{
width: 568px;
	height: 17px;
	background: url(images/zsp_bottomround_dblue.gif)
}
.footerhomedivcalldetail
{
width: 568px;
	height: 17px;
	background: url(images/zsp_bottomround_yellow.gif)
}
.footerhomedivinvite
{
width: 568px;
	height: 17px;
	background: url(images/zsp_bottomround_blue.gif)
}