@charset "utf-8";
/* CSS Document */

body,html {
	text-align:center;
	height:100%;
	margin:0;
	padding:0;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/bodybg.gif) repeat-y 50%;
	color:#010101;
	}

a{color:#ef6700; text-decoration:underline;}
a:hover{color:#5c5c5c; text-decoration:none;}
		
table, tr, td{
	color:#5c5c5c;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;}

.generaltxt {	
	color: #5c5c5c;	
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

img{border:0px;}

#body{
	width:900px;
	padding:0 5px 0 5px;
	margin:0 auto 0 auto;
	text-align:center;
}

input{
	border:0;
}


p.setPadding{
	margin:15px 0 0 0;
	padding:0;
}

p.setPadding2{
	margin:0 0 15px 0;
	padding:0;
}



.input{
	color:#636363; 
	border:1px solid #e5e5e5; 
	height:18px;
}
.inputBtn{
	background:#f8b71d; 
	height:22px; width:45px; 
	font-size:12px; 
	color:#fff; 
	font-weight:bold; 
	margin:5px;
}

#main{
	width:891px;
	margin:0 auto 0 auto;
	padding:0px;
}

#main .topArea{
	display:none;
}

/* Menu */

#main .menu{
	display:none;
}


#main #wrapper{
	width:700px;
	float:left;
	text-align:left;
	background:url(../images/share/bg.gif) repeat-x left top;
	line-height:18px;
	color:#5c5c5c;
}

/*common area*/
#main #wrapper p{padding:0 10px 0 10px;}
/*#main #wrapper ul{
	margin:0;
	padding:0;
	text-decoration:none;
}
#main #wrapper ul li{margin:0 0 0 30px; padding:0;}
#main #wrapper ol,
#main #wrapper li{
	margin:0 0 0 15px;
	padding:0;
	text-decoration:none;
}*/
#main #wrapper ol li{list-style-type:disc;}
#main #wrapper .tableTxt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#5c5c5c;
}

#main #wrapper .btn_q{
	background:url(../images/en/btn_q_a.gif) no-repeat 0 0;
	width:20px;
	height:20px;
}
#main #wrapper .btn_a{
	background:url(../images/en/btn_q_a.gif) no-repeat 0 -20px;
	width:20px;
	height:20px;
}

#main #wrapper .topbtn{
	display:block;
	background:url(../images/en/btn_top.gif) no-repeat 0 0;
	width:46px;
	height:22px;
}
#main #wrapper .topbtn_tc{
	display:block;
	background:url(../images/tc/btn_top.gif) no-repeat 0 0;
	width:46px;
	height:22px;
}
#main #wrapper .topbtn:hover,
#main #wrapper .topbtn_tc:hover{
	background-position: 0px -22px  ;
}
#main #wrapper .underline{
	border-bottom:1px solid #eee; 
	margin:0px; 
	padding:0 0 20px 0 ;
	display:block; 
	clear:both;
}


#main #wrapper .comment{
	border:1px solid #ccc; 
	margin:10px;
	padding:5px 10px 5px 10px; 
	width:230px!important;
	width:250px;
	float:right; 
}
#main #wrapper .comment2{
	border:1px solid #ccc; 
	margin:10px;
	padding:5px 10px 5px 10px; 
	width:630px!important;
	width:650px;
	float:right; 
}
#main #wrapper .comment h1,
#main #wrapper .comment2 h1,
#main #wrapper .ImagesTxt h1{
	background:url(../images/comment.gif) no-repeat;
	width:10px;
	height:10px;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#main #wrapper .comment h2,
#main #wrapper .comment2 h2,
#main #wrapper .ImagesTxt h2{
	background:url(../images/comment2.gif) no-repeat;
	width:15px;
	height:10px;
	float:right;
	display:inline-block;
	margin:0;
	padding:0;
}

/*images*/
#main #wrapper .images{
	padding:5px;
	margin:10px; 
	clear:both;
	text-align:right;
	border-top:1px solid #eee;
}

#main #wrapper .images2{
	padding:3px 0 0 3px;
	margin:5px 5px 0 5px; 
	background:url(../images/share/about_us/imgbg.gif); 
	width:122px; 
	height:170px; 
	float:right; 
}
#main #wrapper .images3{
	padding:2px 0 0 2px;
	margin:0 5px 0 5px; 
	background:url(../images/imgbg2.gif); 
	width:206px; 
	height:266px; 
	float:right; 
}
#main #wrapper .diagram{
	padding:5px;
	margin:15px 5px 0 5px; 
	float:right; 
	background:#f5f5f7;
}


#main #wrapper .ImagesTxt{
	padding:5px;
	margin:10px;
	background:#999;
	width:250px;
	float:right;
	font-size:90%;
}

#main #wrapper .ImagesReport{
	padding:5px;
	margin:10px;
	background:#f5f5f7;
	width:120px;
	font-size:95%;
	float:left;
	border:1px solid #efefef;
}

#main #wrapper .ImagesTxt_left{
	padding:5px;
	margin:0 10px 0 10px;
	background:#f5f5f7;
	width:250px;
	float:left;
	font-size:90%;
}


#main #wrapper .img_uesfulLink{ margin:15px 0 -15px 0;}

#main #wrapper .img_point{ margin:7px 0 0 5px;}

/*Form area*/
#main #wrapper h1{
	color:#fa7028; 
	font-weight:bold; 
	font-size:100%; 
	margin:15px 10px -13px 10px!important; 
	margin:auto 10px -20px 10px; 
	padding:0;
}
#main #wrapper .bgcolor{background:#f5f5f7!important;}
#main #wrapper .formtit{clear:both; display:inline-block; background:#efefef;  margin:0 10px 0 10px;}
#main #wrapper .formtit .input{border:1px solid #efefef; background:#fff;}
select,textarea{border:1px solid #efefef; color:#636363;}
#main #wrapper .formtit label{
	display:block; 
	float:left; 
	width:200px; 
	font-weight:bold;
	margin:0;
	padding:5px 0 5px 5px;
}

#main #wrapper .formtxt{clear:both; display:inline-block; margin:0 10px 0 10px;}
#main #wrapper .formtxt .small, 
#main #wrapper .formtit .small{width:100px;}
#main #wrapper .formtxt .pic, 
#main #wrapper .formtit .pic{width:150px;}
#main #wrapper .formtxt .Tsize1, 
#main #wrapper .formtit .Tsize1{width:40px; padding:5px 0 0 5px;}
#main #wrapper .formtxt .Tsize2, 
#main #wrapper .formtit .Tsize2{width:125px;}
#main #wrapper .formtxt .Tsize3, 
#main #wrapper .formtit .Tsize3{width:225px;}

#main #wrapper .formtxt label{
	display:block; 
	float:left; 
	width:200px;
	margin:0;
	padding:1px 0 1px 5px;
}
#main #wrapper .formtxt .bigerLabel{width:250px;}
#main #wrapper .formtit span,
#main #wrapper .formtxt span{
	display:block; 
	float:left; 
	width:430px;
	margin:0;
	padding:5px 0 5px 5px;
}

#main #wrapper .formpeer_self{clear:both; display:inline-block; margin:0 10px 0 10px;}
#main #wrapper .formpeer_self label{
	display:block; 
	float:left; 
	width:200px;
	margin:0;
	padding:0 0 0 5px;
}
#main #wrapper .formpeer_self span{
	display:block; 
	float:left; 
	width:430px;
	margin:0;
	padding:0 0 0 5px;
}

#main #wrapper .formtxt h3{
display:block;
margin:5px 0 5px 0;
}

#main #wrapper .formtxt2 {
	clear:both; 
	display:inline-block; 
	margin:0 10px 0 10px; 
	padding:0;
}

#main #wrapper .formtxt2 label{
	display:block; 
	float:left; 
	width:25px;
	margin:0;
	padding:1px 0 1px 5px;
}
#main #wrapper .formtxt2 span{
	display:block; 
	float:left; 
	width:630px;
	margin:0;
	padding:1px 0 1px 5px;
}
#main #wrapper .formtxt2 span ol{width:600px;}
#main #wrapper .formtxt2 span ol,
#main #wrapper .formtxt2 span li{
	text-decoration:none;
	margin:0 0 0 15px;
	padding:0px;
	/*list-style-type:disc;*/
	list-style-image:url(../images/img_dot_point.gif);
}
#main #wrapper .formtxt2 .size1{width:512px; display:block; float:left;}
#main #wrapper .formtxt2 .size2{width:300px; display:block; float:left;}

/*header area*/

/*#main .headBanner{display:none;}*/

#main #wrapper .headtxt{
	clear:both;
	margin:15px 0 0 0;
	color:#5c5c5c;
	padding:0 0 0 10px;
	font-size:11px;
}
#main #wrapper .headtxt .txt{color:#fa7028;}
#main #wrapper .headtxt .bookmark{float:right; margin:0 10px 0 0 ;}

#main #wrapper .highlight{color:#ab8753;}
#main #wrapper .OrangeTit{color:#fa7028;}
#main #wrapper .OrangeTitBig{color:#fa7028; font-size:140%;}
#main #wrapper .headtxt a{color:#5c5c5c; text-decoration:none;}
#main #wrapper .headtxt a:hover{color:#5c5c5c; text-decoration:underline;}



/*Free Services area*/
#main #wrapper dl#FreeServices,
#main #wrapper dl#Campaigns{
	clear:both;
	margin:15px 10px 0 0;
	float:left;
	width:650px;
}

#main #wrapper #FreeServices dd,
#main #wrapper dl#Campaigns dd{
	clear:both;
	margin:0;
	padding:0;
}
#main #wrapper #FreeServices img,
#main #wrapper dl#Campaigns img{
	margin:0;
	padding:0;
}
#main #wrapper #FreeServices a{
	display:block;
	width:135px;
	height:135px!important;
	height:137px;
	padding:0;
	margin:0 0 3px 3px;
	text-align:left;
	border:1px solid #fff;
	float:right;
	text-decoration:none;
	background:#3a3a3a;
}
#main #wrapper #FreeServices a:hover{
	color:#fff;
	text-decoration:none;
	border:1px solid #f8b71d;
	background:#f8b71d;
}

#main #wrapper #FreeServices a span{
	display:inline-block;
	height:40px; 
	height:34px!important; 
	padding:6px 0 0 5px;
	font-weight:bold;
	line-height:12px;
	color:#fff;
	font-size:95%;
	float:left;
}



/*Cancer Link Menu*/
div#cancerlink{
	margin:10px;
	clear:both;
}

div#cancerlink img{
	float:left;
	margin:1px 0 0 0;
}

div#cancerlink a{
	text-decoration:none;
	background:url(../images/content/) right repeat-y #ffeab7;
	padding:5px;
	font-size:12px;
	float:left;
	line-height:1.2em;
	color:#d69600;
	border-bottom:1px solid #c1a663;
	display:block;
	margin:1px 0 0 0;
}

div#cancerlink a:hover{
	background:url(../images/content/) right repeat-y #f8b71d;
	color:#fff;
	border-bottom:1px solid #dd9600;
}

/*Campaigns area*/

#main #wrapper #Campaigns a{
	display:block;
	width:200px;
	height:200px!important;
	height:202px;
	padding:0;
	margin:0 0 3px 3px;
	text-align:left;
	border:1px solid #fff;
	float:left;
	text-decoration:none;
	background:#3a3a3a;
}
#main #wrapper #Campaigns a:hover{
	color:#fff;
	text-decoration:none;
	border:1px solid #f8b71d;
	background:#f8b71d;
}

#main #wrapper #Campaigns a span{
	display:inline-block;
	height:40px; 
	height:34px!important; 
	padding:6px 0 0 5px;
	font-weight:bold;
	line-height:14px;
	color:#fff;
	font-size:12px;
	float:left;
}

/*index area*/


#main #wrapper .headimg{
	clear:both;
	height:103px;
	margin:4px 0 0 0;
}
.margin{margin:0 2px 0 0;}
#main #wrapper .headimg span{
	display:block; 
	height:19px; 
	padding:0 0 0 15px;
	font-weight:bold;
	line-height:17px;
	color:#fff;
	font-size:10px;
}
#main #wrapper .headimg span div{font-size:95%;}
#main #wrapper .headimg a{
	display:block;
	width:164px;
	height:103px;
	padding:0px;
	text-align:left;
	background:url(../images/share/index/head_txt_point.gif) no-repeat left bottom #333333;
	border:1px solid #fff;
	float:left;
	text-decoration:none;
}
#main #wrapper .headimg a:hover{
	color:#fff;
	background:url(../images/share/index/head_txt_point.gif) no-repeat left bottom #f8b71d;
	text-decoration:none;
	border:1px solid #f8b71d;
}
#main #wrapper .titimg{clear:both; margin:10px 0 0 0;}
#main #wrapper .tit{font-size:15px; font-weight:bold; line-height:18px;}
#main #wrapper .titText{
	clear:both;
	font-size:18px; 
	font-weight:bold; 
	line-height:18px; 
	color:#fa7028;
	border-bottom:4px solid #fa7028;
	padding:0 0 0 2px;
}
#main #wrapper .titText div{border-bottom:1px solid #fa7028; clear:both; margin:2px 0 0 0;}
#main #wrapper .news{
	clear:both;
	margin:10px 0 10px 0;
}



#main #wrapper .newsinfo{
	display:block;
	width:667px;
	height:128px;
	padding:10px 0 0 0;
	text-align:left;
	border-top:1px solid #fff;
	line-height:18px;
}
#main #wrapper .newsinfo a{
	color:#666;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
}
#main #wrapper .newsinfo a:hover{
	text-decoration:underline;
}
#main #wrapper .newsinfo img{
	margin:0 10px 0 10px;
	float:left;
}


#main #wrapper .sample {
position:absolute;
margin:50px 0 0 50px;
*filter:alpha(opacity=10);
-moz-opacity:0.1;
opacity:0.1;
z-index:50;
}


/* donate_oneoff_form */
.donate_oneoff_form_topbar{
display:block;
clear:both;
width:100%;
height:33px;
line-height:25px;
border-top:1px solid #efefef;
border-bottom:1px solid #efefef;
font-size:10px;
margin:10px 0 0 0;
padding:0 0 0 10px;
background:#fff;
color:#999;
}
.donate_oneoff_form_topbar img{
margin:5px 0 -5px 0;
}

.donate_oneoff_form_topbar strong{
display:inline-block;
color:#fb7b26;
padding:0 0 5px 20px;
background:url(../images/img_step.gif) no-repeat 0 5px;
}
.donate_oneoff_form_topbar label{
display:inline-block;
padding:0 0 5px 20px;
background:url(../images/img_step.gif) no-repeat 0 5px;
}


/* sitemap part star */
#sitemap{
display:block;
text-align:left;
clear:both;
float:left;
padding:20px 10px 0 10px;
margin:0;
font-family:Arial, Helvetica, sans-serif;
}
#sitemap span a{
color:#fff;
font-weight:bold;
text-decoration:none;
font-size:110%;
padding:3px 0 3px 10px;
background:#F8B71D;
height:20px;
border-bottom:2px solid #999;
width:630px!important;
width:640px;
clear:both;
display:block;
margin:0 10px 0 0;
}
#sitemap span a:hover{
background:#ffeab7;
color:#F8B71D;
}
#sitemap ul{
display:block;
margin:0 0 30px 0;
}

#sitemap ul,
#sitemap li{
list-style-type:none;
padding: 0;
margin: 0;
float:left;
/*border:1px solid #000;*/
}
#sitemap li a{
font-size:100%;
font-weight:bold;
text-decoration:none;
border-bottom:1px #aaa solid;
padding:3px 0px 3px 10px;
margin:15px 5px 0px 0px;
display:block;
width:200px!important;
width:210px;
height:20px;
color:#333;
background-color:#ded1a5;
}
#sitemap li a:hover{
color:#333;
background-color:#fff;
}
#sitemap ol{
text-decoration:none;
display:block;
margin:2px 0px 0px 0px;
padding: 0px;
width:210px;
}
#sitemap ol a{
font-weight:100;
text-decoration:none;
font-size:90%;
border:1px #efefef solid;
padding:3px 0px 3px 10px;
margin:0px 0px 5px 0px;
display:block;
width:210px;
height:auto;
color:#666;
background-color:#f5efd9;
}
#sitemap ol a:hover{
background:#fff;
color:#333;
border:1px #ccc solid;
}
#sitemap ol ul.sub{
border:1px #fafafa solid;
}
#sitemap ol ul.sub a{
font-weight:100;
text-decoration:none;
font-size:90%;
border:1px #efefef solid;
padding:3px 0px 3px 10px;
margin:0px 0px 5px 0px;
display:block;
width:210px;
height:auto;
color:#666;
background-color:#fff;
}
#sitemap ol ul.sub a:hover{
background:#fff;
color:#333;
border:1px #ccc solid;
} 

/* sitemap part end */

.hotline{
margin:10px; color:#333;
}

/*footer area*/
#footer{
	display:none;
}
/*-----------------------------
minor setting
-------------------------*/
.imgFloatR{
	float:right;
	clear:right;
}

.inputW{ width:200px;}
.formBg{background:#f8b71d; color:#fff;}