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



*{padding:0px;margin:0px;}


html,dody,*{}

dl,dt,dd,ul,ol,li,pre,form,fieldset,input,blockquote,img,h1,h2,h3,h4,h4,h5 {margin:0;padding:0;}

fieldset,img {border:0;}

img {float:left; padding:0 10px 0 0}

.fl {float:left;}

.fr {float:right;}

.cl {clear:both; height:0; overflow:hidden;}

.block { display:block;}

.none { display:none;}

hr {height:1px; border:solid 1px #333; overflow:hidden; margin:10px; background:#333; display:block;}



.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}

*html .clear{height:1%;}

.clear{display:block;}



ol,ul,dl {list-style:none;}

body{font-family:Verdana, Arial, Helvetica, sans-serif;background-color:#000000; background-image:url(../images/bg.gif); background-repeat:repeat-x}
/***********************************/
/************             **********/
/* --------- Link   style ---------*/
/************             **********/
/***********************************/

a:link,a:visited { text-decoration:none; color:#ffffff}

a:hover,a:active { text-decoration:underline; color:#C3A462}

a.white:link, a.white:visited{color:#FFFFFF; text-decoration:none}
a.white:hover{color:#FFFFFF; text-decoration:underline}

a.black:link, a.black:visited{color:#000000; text-decoration:none;}
a.black:hover{color:#000000; text-decoration:underline;}

a.purple:link, a.purple:visited{color:#863D6B; text-decoration:none; font-weight:bold}
a.purple:hover{color:#863D6B; text-decoration:underline}

/***********************************/
/************             **********/
/* --------- Font   style ---------*/
/************             **********/
/***********************************/

h1 {font-size:16px; color:#ffffff; line-height:30px;}

h2 {}

h3 {font-size:12px; color:#C3A462; font-weight:bold;line-height:30px;}

h4 {}

h5 {}

/***********************************/
/************             **********/
/* --------- Main   style ---------*/
/************             **********/
/***********************************/

#page {width:865px;margin:0 auto;padding:0 auto; height:auto;}
#bannar{ width:597px; height:251px; margin:0 0 2px 0}
#descript{width:563px; height:auto; background-color:#F48120;  color:#ffffff; padding:10px 17px 0px 17px}
#item{width:574px; height:119px; margin:40px 0 0 0 }
.bigfont{font-size:1.4em}
.midfont{font-size:0.8em}
#item p{width:335px; float:right}
.top{
	height:45px;
	line-height:45px;
	text-indent:10px;
	color:#FFFFFF; 
	padding:0;margin:0;width:100%
}
.topbg1{background-image: url(../images/content_r.gif);background-repeat: repeat-x;}
.topbg2{background-image: url(../images/flowertop.gif);background-repeat:no-repeat}
.topspace{ margin:2px 0 0 0; float:left}
.more{padding:15px 25px 5px 0px;font-size:0.7em; float:right; width:150px; text-align:right}
	
#content_r{ background-color:#D1C7BF; padding:12px 0 0 10px; width:170px;float:left }
#content_r p{padding:0 10px 12px 2px; width: 66px; height:51px; float:left}
#content_r ul{padding:0 0 0 4px; margin:0;width:140px}
#content_r ul li{ }
#content_r ul li a:link,#content_r ul li a:visited{color:#000000}
#content_r ul li a:hover{color:#CC3300}
.icon{
	background-image:url(../images/point.gif);
	background-repeat:no-repeat;
	background-position: 0px 0.2em !important; background-position: 0px 0.6em;
	 padding-left:16px;
}


#work{
	width:593px;
	/*background-image: url(../images/bottombg.gif);
	background-repeat: no-repeat;
	background-position: right;*/
	height:107px;
	float:left;
	border: 2px solid #E7E8E9;
}
#work p{padding:0 0 0 16px}
.work{ width:528px; padding-left:16px}
.semail{width:120px; float:left; padding-left:80px; font-size:11px}
#content{width:597px; height:705px; background-image:url(../images/content_bg.gif); background-repeat:no-repeat; padding:50px 0 0 35px !important; padding:50px 0 0 15px}
#content2{width:597px; height:705px; background-image:url(../images/content_bg2.gif); background-repeat:no-repeat; padding:50px 0 0 35px !important; padding:50px 0 0 15px}
#pic{width:142px; height:159px; background-image:url(../images/picbg.gif); background-repeat:no-repeat; float:left; margin:30px 0 0px 20px}
#pic_rank{width:142px; height:159px; background-image:url(../images/picbg.gif); background-repeat:no-repeat; float:left; margin:10px 0 0px 20px}
#picimage{width:127px;height:118px; margin:8px 0 0 6px}
#pictext{ font-size:0.6em; width:127px; margin:3px 0 0 6px; text-align:center;  word-break:break-all;overflow:hidden; }
#star{width:122px; margin:0px 0 0 10px; }
.comments{font-size:0.6em; width:50px; float:right; text-align:right}
#paging{width:100%; text-align:center; height:40px; margin:20px auto 0 auto}
.paging{width:13px;  margin:0 auto ; height:13px; float:left}
.center{
	margin:0 auto;
	text-align: center;
}

.lipoint{list-style-type:disc; padding-left:0px; margin-left:12px; list-position:top}

#rank{
	width:144px;
	height:98px;
	border: 1px solid #FFFFFF;
	overflow-y:auto;
	
}

.rank{ padding:0 0 0 24px; font-size:.7em;}
.rankEx{ padding:0 0 0 5px; font-size:.7em;}

.ranktext{padding:0 0 0 2px;}
.ranktitle{ padding:6px 0 6px 0; font-size:.7em; float:left; width:100%}

#rankitem{ width:44px; float:left; padding-right:8px}
#rankt{float:left; font-size:0.7em; width:44px; text-align:center; padding-top:3px;}

#emailsearch{width:100%; height:24px; float:left; padding:4px 0 10px 0}

.emailinput{ width:110px; height:14px !important;height:17px; padding-top:1px !important;padding-top:3px; border:1px solid #ffffff; background-color:#E0D7D0}
.emailbt{ background-color:#AA9A8D;border:1px solid #ffffff; font-size:0.7em; padding-top:0px !important;padding-top:3px}


#flower{ width:100%; height:599px!important;height:599px}
#floSearch{ padding-left:295px !important; padding-left:315px}
.picbt{padding-bottom:3px; height:26px !important; height:26px; background-color:#61462B; color:#FFFFFF;border:1px solid #61462B;font-size:0.7em; width:50px;padding-top:0px !important;padding-top:3px}

#piccontentl{ width:476px; height:600px; background-image:url(../images/pic.gif); background-repeat:no-repeat; float:left}
#piccontentl p{width:372px; margin: 5px 0 0 63px; font-size:0.7em; }
#picimg{ width:372px; height:293px; margin: 85px 0 0 63px !important;margin: 85px 0 0 31px  ; float:left}
#pictxt{width:372px;margin: 10px 0 0 63px !important;margin: 15px 0 0 32px; font-size:0.7em; float:left}

#piccontentr{width:121px; height:576px; background-image:url(../images/pic1.gif); background-repeat:no-repeat; float:left}
#picitem{width:66px; height:52px;float:left;margin:10px 0 0 22px !important;margin: 10px 0 0 11px }
#up{width:44px; height:14px;float:left; margin:140px 0 0 35px !important;margin: 140px 0 0 17px }

#down{width:44px; height:14px;float:left; margin:20px 0 0 35px !important;margin: 20px 0 0 17px}
#commentlist{width:100%; float:left; margin:0 0 2px 0 }
.commentitem{padding-left:43px; line-height:25px; height:25px}
.commenttxt{width:430px; height:38px; margin:12px 0 12px 0; border:1px solid #9E9D9C; float:left}
.commentsub{ font-size:12px;padding-bottom:3px; height:26px !important; height:26px; background-color:#F48120; color:#FFFFFF;border:1px solid #F48120;width:50px;padding-top:0px !important;padding-top:3px;float:left; margin:20px 0 0 5px;}
.commentsubdisabled{padding-bottom:3px; height:26px !important; height:26px; background-color:gray; color:#FFFFFF;border:1px solid gray;width:50px;padding-top:0px !important;padding-top:3px;float:left; margin:20px 0 0 5px;}
.commentform{height:65px}
#bottom{ float:left; widht:100%; height:30px}

.popup{width:515px; height:328px;border:1px solid #D5D5D5;background: #ffffff;}
.popupl{ width:68px; height:318px; background-color:#F58320; margin: 5px 25px 0 3px ; float:left}
.popupm{ width:385px; height:280px; margin:43px 0 0 0; float:left; }
.popupm p{float:left; width:322px; text-align:left; text-align:left}
.popupm ul {padding-bottom:10px}
.popupm ul li{ /*float:left;*/width:293px; text-align:left;  margin-left:20px !important; margin-left:-60px; font-size:11px;}
.poptitle{color:#F58320;font-size:12px;}
.ta{font-size:0.7em; padding-left:4px; line-height:16px; height:16px}
.popupr{width:20px ; height:318px; margin: 5px 0 0 3px ; float:left}
.popword{ width:361px; height:112px; border:1px solid #F48120; overflow-y:auto; padding:9px; float:left}
.popword p{padding:0; line-height:16px; /*height:16px;*/ font-weight:normal}
.popwordt{ width:73px; color:#F48120;}

/*add by Justin */
.awards{width:530px; height:400px;border:1px solid #D5D5D5;background: #ffffff;}
.awardsl{ width:68px; height:380px; background-color:#F58320; margin: 5px 25px 0 3px ; float:left}
.awardsm{ width:285px; height:280px; margin:13px 0 0 0; float:left; }
.awardsr{ width:120px; height:280px; margin:13px 0 0 0; float:left; }
/*end */

.popwordta{margin:0px;width:380px; height:52px; border:1px solid #F48120; margin-top:3px;float:left;font-size:12px;}
.popwordta2 {border:1px solid #F48120;float:left;height:52px;margin:3px 0 0;width:220px;font-size:12px;}
.popwordin{height:22px;border:1px solid #F48120; float:left;font-size:12px;}
#newFeeling p{font-size:12px;}
#feelingList p{font-size:12px;}
#newExperience p{font-size:12px;}
#experienceList p{font-size:12px;}