/* Copyright 2007 SpaceBuilder.cn. All Rights Reserved. */

/* general style  */
* {margin: 0px;padding: 0px;}
body, h1, p, input, textarea, select { font: 12px Arial, Helvetica, sans-serif, "????"; }
ol, ul{ list-style: none;}
hr{ border: 0; border-top: 1px solid #cacaca; height: 1px; }
img{ border: 0;}
a { color: #069; text-decoration: none; }
a:hover { color: #f60; text-decoration: underline; }

/* layout */ 
#commonDoc{}
	#commonHeader{margin: 0 auto;width:1002px;overflow: hidden;height: 144px;background:White url(Img/Bannerbg.gif) repeat-x top;position: relative;zoom: 1; }
	#commonContent{ width: 978px; margin: 0 auto; padding: 6px;}
		#commonLeftColumn{ float: left; }
			.containerLeft { width: 228px; padding-right: 6px; overflow: hidden; }
			.containerLeftIn { width: 742px; overflow: hidden; }
		#commonCenterColumn{ float: left; }
			.containerCenter { width: 369px; overflow: hidden; }
			.containerCenterNoAround { width: 978px; overflow: hidden; }
			.Main{margin:0px auto;width: 1002px;}
			.Main .MainIn{	margin:0px auto;width: 100%;padding-top: 20px;}
			.Main .Wp_Center{	float: left;   width: 100%;}
		#commonRightColumn{ float: right;}
			.containerRight { width: 369px; overflow: hidden; }
			.containerRightIn { width: 744px; overflow: hidden; }
			.containerRightNarrow { width: 230px; overflow: hidden; }
	.commonContentArea{ background: #fff; text-align: left;}
	.clear { clear: both; }
	.clearFloat { clear: both; height: 0; font-size: 1px; line-height: 0px; }
/*Begin Insert By Cry*/
/*TabA Table*/
.TabA{float: left; background: White;}
.TabA tr td{	padding: 0px; margin: 0px;}
.TabA_TopLeft {background:url(Img/Bg-TabA-top-L.gif) no-repeat left bottom;width: 18px; }
.TabA_TopRight{background:url(Img/Bg-TabA-top-R.gif) no-repeat right bottom;width: 18px;}
.TabA_TopTop  {background:url(Img/Bg-TabA-top-T.gif) repeat-x bottom;height: 62px;}
.TabA_MidLeft {background:url(Img/Bg-TabA-left-L.gif) repeat-y left top;width: 18px;overflow: hidden;}
.TabA_MidRight{background:url(Img/Bg-TabA-right-R.gif) repeat-y right top;width: 18px; overflow: hidden;}
.TabA_FotLeft {background:url(Img/Bg-TabA-foot-L.gif) no-repeat left bottom;width: 18px; }
.TabA_FotRight{background:url(Img/Bg-TabA-foot-R.gif) no-repeat right bottom;width: 18px; }
.TabA_FotFot  {background:url(Img/Bg-TabA-foot-B.gif) repeat-x bottom;height: 18px;}

/*TabB Table*/
.TabB{	 float: left;  background: White;margin-left: 12px;}
.TabB tr td{	padding: 0px; margin: 0px;}
.TabB_TopLeft {background:url(Img/Bg-TabB-top-L.gif) no-repeat left bottom;width: 18px;  }
.TabB_TopRight{background:url(Img/Bg-TabB-top-R.gif) no-repeat right bottom;width: 18px;}
.TabB_TopTop  {background:url(Img/Bg-TabB-top-T.gif) repeat-x bottom;height: 58px;}
.TabB_MidLeft {background:url(Img/Bg-TabB-left-L.gif) repeat-y left top;width: 18px;overflow: hidden;}
.TabB_MidRight{background:url(Img/Bg-TabB-right-R.gif) repeat-y right top;width: 18px; overflow: hidden;}
.TabB_FotLeft {background:url(Img/Bg-TabB-foot-L.gif) no-repeat left top;width: 18px;}
.TabB_FotRight{background:url(Img/Bg-TabB-foot-R.gif) no-repeat right top;width: 18px; }
.TabB_FotFot  {background:url(Img/Bg-TabB-foot-B.gif) repeat-x top;height: 100px;}

/*TabC Table*/
.TabC{ float: left;margin-top: 18px;  background: White;}
.TabC tr td{	padding: 0px; margin: 0px;}
.TabC_TopLeft {background:url(Img/Bg-TabC-top-L.gif) no-repeat left bottom;width: 24px; }
.TabC_TopRight{background:url(Img/Bg-TabC-top-R.gif) no-repeat right bottom;width: 24px; }
.TabC_TopTop  {background:url(Img/Bg-TabC-top-T.gif) repeat-x bottom;height: 68px;}
.TabC_MidLeft {background:url(Img/Bg-TabC-left-L.gif) repeat-y left top;width: 24px;overflow: hidden;}
.TabC_MidRight{background:url(Img/Bg-TabC-right-R.gif) repeat-y right top;width: 24px; overflow: hidden;}
.TabC_FotLeft {background:url(Img/Bg-TabC-foot-L.gif) no-repeat left bottom;width: 24px; height: 24px;}
.TabC_FotRight{background:url(Img/Bg-TabC-foot-R.gif) no-repeat right bottom;width: 24px; height: 24px;}
.TabC_FotFot  {background:url(Img/Bg-TabC-foot-B.gif) repeat-x bottom;height: 24px;}
/**/

.Wp_TabA{float: left; position: relative;margin-left: 12px;}
.Wp_TabC{float: left; position: relative;margin-left: 12px;}
/**/
.Wp_Roll{width:274px; height: 100px; margin: 0px; padding: 0px; float: left;	background:url(Img/Bg-Roll.gif) no-repeat;}
.Wp_Roll marquee{ width: 190px; margin-left: 90px; margin-top: 58px;	line-height: 24px; float: left;}
.Wp_Roll marquee a{	color: White; font-size: 12px;}
.hot{ margin-right: 10px;}
/**/
.MenuNav_ListA{	float: left; height: 44px; overflow: hidden;position: absolute; left: 11px;width:450px;}
.MenuNav_ListA ul li{	float: left;}

.MenuNav_ListB{	float: left; height: 44px; overflow: hidden;position: absolute; left: 23px;}
.MenuNav_ListB ul li{	float: left;}

.MenuNav_ListC{	float: left; height: 44px; overflow: hidden;position: absolute; left: 11px;width:450px;}
.MenuNav_ListC ul li{	float: left;}

.MenuNav_ListD{	float: left; height: 44px; overflow: hidden;position: absolute; left: 11px;width:450px;}
.MenuNav_ListD ul li{	float: left;}

.MenuNav_ListE{	float: left; height: 44px; overflow: hidden;position: absolute; left: 11px;width:450px;}
.MenuNav_ListE ul li{	float: left;}

.MenuNav_ListF{	float: left; height: 44px; overflow: hidden;position: absolute; left: 11px;}
.MenuNav_ListF ul li{	float: left;}

.MenuNav_ListG{	float: left; height: 44px; overflow: hidden;position: absolute; left: 11px;width:600px;}
.MenuNav_ListG ul li{	float: left;}

.MenuNav_ListH{	float: left; height: 44px; overflow: hidden;position: absolute; left: 11px;width:700px;}
.MenuNav_ListH ul li{	float: left;}

.MenuNav_ListI{	float: left; height: 44px; overflow: hidden;position: absolute; left: 11px;width:450px;}
.MenuNav_ListI ul li{	float: left;}

.PictureTabs{ list-style-type:none;margin:0;width:400px;}

.MenuNav_ListA .selected{width: 133px; height: 44px; overflow: hidden; background:url(Img/TitleBg-O-133.gif) no-repeat;text-align: center;padding-top: 14px; }
.MenuNav_ListA .selected a{ display: block; width: 133px; height: 32px;color: White; font:16px "??????";  font-weight: bold;}
.MenuNav_ListA .selected a:hover{ text-decoration: underline;color: White; }
.MenuNav_ListA li{width: 133px; height: 44px; overflow: hidden; background:url(Img/TitleBg-B-133.gif) no-repeat;text-align: center;padding-top: 14px; }
.MenuNav_ListA li a{ display: block; width: 133px; height: 32px;color: White; font:16px "??????";  font-weight: bold;}
.MenuNav_ListA li a:hover{ text-decoration: underline;color: White; }

.MenuNav_ListC .selected{width: 133px; height: 44px; overflow: hidden; background:url(Img/TitleBg-O-133.gif) no-repeat;text-align: center;padding-top: 14px; }
.MenuNav_ListC .selected a{ display: block; width: 133px; height: 32px;color: White; font:16px "??????";  font-weight: bold;}
.MenuNav_ListC .selected a:hover{ text-decoration: underline;color: White; }

.MenuNav_ListD .selected{width: 133px; height: 44px; overflow: hidden; background:url(Img/TitleBg-B-133.gif) no-repeat;text-align: center;padding-top: 14px; }
.MenuNav_ListD .selected a{ display: block; width: 133px; height: 32px;color: White; font:16px "??????";  font-weight: bold;}
.MenuNav_ListD .selected a:hover{ text-decoration: underline;color: White; }

.MNav_Green-A{	width: 133px; height: 44px; overflow: hidden; background:url(Img/TitleBg-G-133.gif) no-repeat;text-align: center;padding-top: 14px; }
.MNav_Green-A a{ display: block; width: 133px; height: 32px;color: White; font:16px "??????";  font-weight: bold;}
.MNav_Green-A a:hover{ text-decoration: underline;color: White; }

.MenuNav_ListE .MNav_Green-B{ width: 163px; height: 44px; overflow: hidden; background:url(Img/TitleBg-G-163.gif) no-repeat;text-align: center;padding-top: 14px;}
.MenuNav_ListE .MNav_Green-B a{ display: block; width: 163px; height: 32px;color: White; font:16px "??????";  font-weight: bold;}
.MenuNav_ListE .MNav_Green-B a:hover{ text-decoration: underline;color: White; }



.MNav_Orange{width: 133px; height: 44px; overflow: hidden; background:url(Img/TitleBg-O-133.gif) no-repeat;text-align: center;padding-top: 14px; }
.MNav_Orange a{ display: block; width: 133px; height: 32px;color: White; font:16px "??????";  font-weight: bold;}
.MNav_Orange a:hover{ text-decoration: underline;color: White; }

.MNav_Orange123{width: 123px; height: 44px; overflow: hidden; background:url(Img/TitleBg-O-123.gif) no-repeat;text-align: center;padding-top: 14px; }
.MNav_Orange123 a{ display: block; width: 123px; height: 32px;color: White; font:16px "??????";  font-weight: bold;}
.MNav_Orange123 a:hover{ text-decoration: underline;color: White; }

.MNav_Blue{width: 133px; height: 44px; overflow: hidden; background:url(Img/TitleBg-B-133.gif) no-repeat;text-align: center;padding-top: 14px; }
.MNav_Blue a{ display: block; width: 133px; height: 32px;color: White; font:16px "??????";  font-weight: bold;}
.MNav_Blue a:hover{ text-decoration: underline;color: White; }

.MNav_Blue123{width: 123px; height: 44px; overflow: hidden; background:url(Img/TitleBg-B-123.gif) no-repeat;text-align: center;padding-top: 14px; }
.MNav_Blue123 a{ display: block; width: 123px; height: 32px;color: White; font:16px "??????";  font-weight: bold;}
.MNav_Blue123 a:hover{ text-decoration: underline;color: White; }

.MNav_Green-A{	width: 133px; height: 44px; overflow: hidden; background:url(Img/TitleBg-G-133.gif) no-repeat;text-align: center;padding-top: 14px; }
.MNav_Green-A a{ display: block; width: 133px; height: 32px;color: White; font:16px "??????";  font-weight: bold;}
.MNav_Green-A a:hover{ text-decoration: underline;color: White; }

.MNav_Green-B{ width: 163px; height: 44px; overflow: hidden; background:url(Img/TitleBg-G-163.gif) no-repeat;text-align: center;padding-top: 14px;}
.MNav_Green-B a{ display: block; width: 163px; height: 32px;color: White; font:16px "??????";  font-weight: bold;}
.MNav_Green-B a:hover{ text-decoration: underline;color: White; }

.MNav_Gray{ width: 113px; height: 44px; overflow: hidden; background:url(Img/TitleBg-G-113.gif) no-repeat;text-align: center;padding-top: 14px;}
.MNav_Gray a{ display: block; width: 113px; height: 32px;color: White; font:16px "??????";  font-weight: bold;}
.MNav_Gray a:hover{ text-decoration: underline;color: White; }

.MenuNav_ListG .MNav_Purple133{width: 133px; height: 44px; overflow: hidden; background:url(Img/TitleBg-P-133.gif) no-repeat;text-align: center;padding-top: 14px; }
.MenuNav_ListG .MNav_Purple133 a{ display: block; width: 133px; height: 32px;color: White; font:16px "??????";  font-weight: bold;}
.MenuNav_ListG .MNav_Purple133 a:hover{ text-decoration: underline;color: White; }

.MenuNav_ListG .selected{width: 123px; height: 44px; overflow: hidden; background:url(Img/TitleBg-P-123.gif) no-repeat;text-align: center;padding-top: 14px; }
.MenuNav_ListG .selected a{ display: block; width: 123px; height: 32px;color: White; font:16px "??????";  font-weight: bold;}
.MenuNav_ListG .selected a:hover{ text-decoration: underline;color: White; }
.MenuNav_ListG li{width: 123px; height: 44px; overflow: hidden; background:url(Img/TitleBg-B-123.gif) no-repeat;text-align: center;padding-top: 14px; }
.MenuNav_ListG li a{ display: block; width: 123px; height: 32px;color: White; font:16px "??????";  font-weight: bold;}
.MenuNav_ListG li a:hover{ text-decoration: underline;color: White; }

.MenuNav_ListH .selected{ width: 133px; height: 44px; overflow: hidden; background:url(Img/TitleBg-G-133.gif) no-repeat;text-align: center;padding-top: 14px;}
.MenuNav_ListH .selected a{ display: block; width: 133px; height: 32px;color: White; font:16px "??????";  font-weight: bold;}
.MenuNav_ListH .selected a:hover{ text-decoration: underline;color: White; }
.MenuNav_ListH li{width: 123px; height: 44px; overflow: hidden; background:url(Img/TitleBg-B-123.gif) no-repeat;text-align: center;padding-top: 14px; }
.MenuNav_ListH li a{ display: block; width: 123px; height: 32px;color: White; font:16px "??????";  font-weight: bold;}
.MenuNav_ListH li a:hover{ text-decoration: underline;color: White; }

/**/
.Wp_PictureA{ float: left;width:118px;  text-align: center;  padding: 7px 0px 4px 0px;}
.Wp_PictureA .PicA{margin: 0 auto; width:75px; height: 75px; overflow: hidden;  border: solid 1px #CCCCCC;  padding: 1px; background: White;}
.Wp_PictureA .FilenameA{	margin: 0 auto; width:110px; overflow: hidden; text-align: center; line-height: 28px;}
.Wp_PictureA .FilenameA a{ color: #4A78A1;}
.Wp_PictureA .FilenameA a:hover{ color: #4A78A1; text-decoration: underline;}

.Wp_PictureB{ float: left;width:88px;  text-align: center;  padding-top: 3px;}
.Wp_PictureB .PicB{margin: 0 auto; width:48px; height: 48px;overflow: hidden; border: solid 1px #CCCCCC;  padding: 1px; background: White;}
.Wp_PictureB .FilenameB{	margin: 0 auto; width:80px; overflow: hidden; text-align: center; line-height: 28px;}
.Wp_PictureB .FilenameB a{ color: #4A78A1;}
.Wp_PictureB .FilenameB a:hover{ color: #4A78A1; text-decoration: underline;}


.Wp_PictureC{ float: left;width:148px;  text-align: center;  padding: 7px 0px 4px 0px;}
.Wp_PictureC .PicC{margin:0 auto; width:105px; height: 105px; overflow: hidden;  border: solid 1px #CCCCCC;  padding:15px 1px 1px 1px; background: White;}
.Wp_PictureC .FilenameC{	margin: 0 auto; width:110px; overflow: hidden; text-align: center; line-height: 28px;}
.Wp_PictureC .FilenameC a{ color: #4A78A1;}
.Wp_PictureC .FilenameC a:hover{ color: #4A78A1; text-decoration: underline;}
.Wp_PictureC .FilenameC ul li{	margin: 0 auto; width:110px; overflow: hidden; text-align: center; line-height: 20px; color: #666;}

.Wp_PictureD{ float: left;width:99%;  text-align: center;  padding-top: 3px; margin-bottom: 10px;}
.Wp_PictureD .PicD{float: left; width:48px; height: 48px;overflow: hidden; border: solid 1px #CCCCCC;  padding: 1px; background: White;}
.Wp_PictureD .FilenameD{	float: left;; width:170px; overflow: hidden;text-align: left;  line-height: 28px; padding-left: 4px;}


.MoreA{	float: left; text-align: right; width: 97%; line-height: 20px;}
.MoreA a{color: #4A78A1;}
.MoreA a:hover{ color: #4A78A1; text-decoration: underline;}
/**/

.InfolistA1{float:left;}
.InfolistA1 a{float:left;line-height:24px;width: 320px;color: #4A78A1;white-space: nowrap;clear: left;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.InfolistA1 a:hover{text-decoration: underline; color: #4A78A1;}

.InfolistA2{float:left;}
.InfolistA2 ul{float: left;padding:4px;list-style: none;height: inherit; padding-top: 6px;}
.InfolistA2 ul li{float: left;width: 100%;line-height:24px;}
.InfolistA2 ul li a{float:left;width: 195px;white-space: nowrap;clear: left;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.InfolistA2 ul li a:hover{text-decoration: underline; color: #4A78A1;}

.InfolistA2 span{float:right;}


.InfolistA3{float:left;width: 100%;}
.InfolistA3 ul{float: left;padding:4px;list-style: none;height: inherit; padding-top: 6px;width: 100%;}
.InfolistA3 ul li{float: left;width: 80px;line-height:24px; background:url(Img/ListimageK01.gif) no-repeat 0px 6px; padding-left: 20px;}
.InfolistA3 ul li a{float:left;color: #4A78A1;}
.InfolistA3 ul li a:hover{text-decoration: underline; color: #4A78A1;}
.InfolistA3 span{float:right;}

.InfolistA4{float:left;}
.InfolistA4 ul{float: left;padding:4px;list-style: none;height: inherit; padding-top: 6px;}
.InfolistA4 ul li{float: left;width: 100%;line-height:24px;}
.InfolistA4 ul li a{float:left;width: 195px;white-space: nowrap;clear: left;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.InfolistA4 ul li a:hover{text-decoration: underline; color: #4A78A1;}

.InfolistA4 span{float:right;}
.InfolistA4 .F12Blue{float:right;width:40px; overflow: hidden; line-height:24px;text-align: left;font-size:12px;	color:#4A78A1;white-space: nowrap;font-family: Arial;}

.F12Blue{float:right;width:70px; overflow: hidden; line-height:24px;text-align: left;font-size:12px;	color:#4A78A1;white-space: nowrap;font-family: Arial;}
.F12Blue a{color:#4A78A1;}
.F12Blue a:hover{text-decoration: underline; color: #4A78A1;}

.F12Gray{float:right;width:40px; overflow: hidden; line-height:24px;text-align: left;font-size:12px;	color:#666666;white-space: nowrap;font-family: Arial;}
.F12Gray a{color:#666666;}
.F12Gray a:hover{text-decoration: underline; color: #666666;}

.F12Red{float:right;width:48px; overflow: hidden; line-height:24px;text-align: left;font-size:12px;	color:red;white-space: nowrap;font-family: Arial;}
.F12Red a{color:red;}
.F12Red a:hover{text-decoration: underline; color: red;}

/**/
/*End Insert By Cry*/

/* top toolbar */
.topbarMenuPage { background: url(../Images/bg_x.gif) no-repeat left top; }
	/* --on-off button */
	.topbarMenuOn { background: url(../Images/bg_x.gif) no-repeat center -320px; position: absolute; top: 0px; right: 10px; width: 33px; height: 30px;}
	/* --tool bar content */
	.commonTopWrap { background: url(../Images/bg_page.gif) no-repeat right top; padding-left: 7px; }
		.commonTopPanel { background: url(../Images/bg_x.gif) repeat-x center -280px ; height: 30px; }
			/* --site logo area */
			.siteLogo { float: left; width: 30%; }
				.siteLogoLink { background: url(../../../../Images/topbar_logo.png) no-repeat center center; display: block; width: 170px; height: 30px; }
				* html .siteLogoLink { background-image: url(../../../../Images/topbar_logo.gif); }
			/* --tool menu */
			.siteMenu { float: right; width: 65%; }
			.siteMenu a { color: White; text-decoration: none; }
			.siteMenu a:hover { text-decoration: underline; }
				/* --tool close button */
				.topbarMenuOff { width: 20px; float: right; padding-top: 5px; margin-left: 10px; }
				/* --user info */
				.topbarMenuUserInfo {}
					.topbarMenuUserInfoAt { float: right; padding-top: 8px }
					.topbarUserInfoLink { line-height: 30px; height: 30px; display: inline-block; padding-left: 6px; padding-right: 2px; }
					.topbarUseRunwrap { background: url(../../../../Utility/Icons/unwrap.gif) no-repeat center center; padding-right: 9px; }
					.topbarMenuSiteInfo { float: right; }
					.topbarMenuSiteInfo p { line-height: 30px; }
					/* --drop menu touch */
					.chromestyle ul li { display: inline; }
					.chromestyle:after { content: "."; display: block; height: 0; visibility: hidden; }
					.chromestyleUser { float: right; margin-right: 30px; }
					.chromestyleUser ul li, .chromestyleUser ul li a:hover { color: #fff; }
					/* --drop menu */
					.dropmenudiv { position: absolute; top: 0; border: 1px solid #ccc; z-index: 100; background-color: #333; width: 100px; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); }
					.dropmenudiv a{ display: block; margin: 5px; line-height: 24px; text-decoration: none; text-indent: 10px; color: #fff; }
					.dropmenudiv a:hover{ background: url(../Images/bg_x.gif) repeat-x center -281px; text-decoration: none; color: #fff; }
					* html .dropmenudiv a{ width: 100%; }
					
/* login Area */
.login { padding-top: 15px; overflow: hidden; zoom:1; }
	.loginName { width: 75px; float: left; padding-right: 5px }
	.loginName p { text-align: right; height: 20px;  padding: 5px 0; line-height: 25px;}
	.loginForm { width: 150px; float: left; }
	.loginForm p{ height: 20px; padding: 5px 0; }

/* pageheader */
/* --site logo */
.TopLogo{padding-top:8px;}
.TopLogo a{margin-left:15px;}
.logo {display: block;background: url(../../../../Images/Logo-277.gif) no-repeat;width:277px;height:51px; float: left; }
.Logo2{position: absolute; left: 77px; top: 63px;width:277px;height:51px;  }
/* --navigation */

#commonHeader .Nav{position:absolute; left:600px; top:17px;width:570px;}
#commonHeader .Nav ul li{display: block;float: left;width: 53px; height: 85px; margin-right: 12px;}
#commonHeader .Nav li a { display: block; font-size: 0px; color: #333; min-width: 53px; text-align: center; padding-top: 0px; text-decoration: none; white-space: nowrap; margin-left: 0px; padding-left: 3px; padding-right: 3px; }
#commonHeader .Nav li a:hover { color: #f30}
#commonHeader .Nav li a.navHome { display: block;}
#commonHeader .Nav li a.navFriend { display: block;}
#commonHeader .Nav li a.navBlog {  display: block;}
#commonHeader .Nav li a.navPhoto {  display: block;}
#commonHeader .Nav li a.navBookmark {  display: block; }
#commonHeader .Nav li a.navClub {  display: block; }
#commonHeader .Nav li a.navSearch {  display: block;}
#commonHeader .Nav li a.navForum {  display: block;}
/*
#commonHeader .Nav li a.navHome { display: block;background: url(../Images/Nav01.gif) no-repeat; }
#commonHeader .Nav li a.navFriend { display: block;background: url(../Images/Nav02.gif) no-repeat; }
#commonHeader .Nav li a.navBlog {  display: block;background: url(../Images/Nav03.gif) no-repeat; }
#commonHeader .Nav li a.navPhoto {  display: block;background: url(../Images/Nav04.gif) no-repeat; }
#commonHeader .Nav li a.navBookmark {  display: block;background: url(../Images/Nav05.gif) no-repeat; }
#commonHeader .Nav li a.navClub {  display: block;background: url(../Images/Nav06.gif) no-repeat; }
#commonHeader .Nav li a.navSearch {  display: block;background: url(../Images/Nav08.gif) no-repeat;  }
#commonHeader .Nav li a.navForum {  display: block;background: url(../Images/Nav07.gif) no-repeat; }
*/

#commonHeader .Nav li a.navNews {  background-position: center -1400px; }
#commonHeader .Nav li a.navEvent { background-position: center -1400px; }
#commonHeader .Nav li a.navFile { background-position: center -1600px; }

/* 
.pageNav { display: block; margin: 30px 10px 10px 0px; text-align: right; float: right; white-space: nowrap; }
.pageNav li { display: block; float: left; white-space: nowrap; overflow: hidden }
.pageNav li a { display: block; background: url(../Images/Channels_navbg.gif) no-repeat; font-size: 14px; color: #333; min-width: 40px; text-align: center; padding-top: 55px; text-decoration: none; white-space: nowrap; margin-left: 0px; padding-left: 5px; padding-right: 5px; }
* html .pageNav li a { width: 40px; padding-left: 5px; padding-right: 5px; }

.pageNav li a:hover { color: #f30}
.pageNav li a.navHome { background-position: center 0px; }
.pageNav li a.navNews { background-position: center -200px; }
.pageNav li a.navFriend { background-position: center -400px; }
.pageNav li a.navBlog { background-position: center -600px; }
.pageNav li a.navPhoto { background-position: center -800px; }
.pageNav li a.navBookmark { background-position: center -1000px; }
.pageNav li a.navClub { background-position: center -1200px; }
.pageNav li a.navEvent { background-position: center -1400px; }
.pageNav li a.navFile { background-position: center -1600px; }
.pageNav li a.navSearch { background-position: center -1800px; }
.pageNav li a.navForum { background-position: center -2000px; }
.pageNav li a.navHome:hover { background-position: center -100px; }
.pageNav li a.navNews:hover { background-position: center -300px; }
.pageNav li a.navFriend:hover { background-position: center -500px; }
.pageNav li a.navBlog:hover { background-position: center -700px; }
.pageNav li a.navPhoto:hover { background-position: center -900px; }
.pageNav li a.navBookmark:hover { background-position: center -1100px; }
.pageNav li a.navClub:hover { background-position: center -1300px; }
.pageNav li a.navEvent:hover { background-position: center -1500px; }
.pageNav li a.navFile:hover { background-position: center -1700px; }
.pageNav li a.navSearch:hover { background-position: center -1900px; }
.pageNav li a.navForum:hover { background-position: center -2100px; }
.pageNav li a.navHomeCurrent { background-position: center -100px; color: #069; }
.pageNav li a.navNewsCurrent { background-position: center -300px; color: #069; }
.pageNav li a.navFriendCurrent { background-position: center -500px; color: #069; }
.pageNav li a.navBlogCurrent { background-position: center -700px; color: #069; }
.pageNav li a.navPhotoCurrent { background-position: center -900px; color: #069; }
.pageNav li a.navBookmarkCurrent { background-position: center -1100px; color: #069; }
.pageNav li a.navClubCurrent { background-position: center -1300px; color: #069; }
.pageNav li a.navEventCurrent { background-position: center -1500px; color: #069; }
.pageNav li a.navFileCurrent { background-position: center -1700px; color: #069; }
.pageNav li a.navSearchCurrent { background-position: center -1900px; color: #069; }
.pageNav li a.navForumCurrent { background-position: center -2100px; color: #069; }
*/

/* breadcrum and search */
.commonContentTopWrap { background: #f3ffeb; border: #b1d990 1px solid; margin-bottom: 6px; padding: 6px; clear: both; }
	.commonBreadCrumbArea{ float: left; line-height: 20px;}
	.commonBreadCrumbArea a{ color: #000; }
	.commonBreadCrumbArea a:hover{ color: #f60; text-decoration: underline; }
	.searchArea { text-align: right; }

/* page element */
.commonSideMenuContent { padding-left: 20px; padding-right: 20px }
.commonSideMenuContent li { line-height: 25px; }
.commonSideMenuContent li a { padding-left: 20px; }
/* --tag list | hot*/
.commonHotTag {}
.commonHotTag li { display: block; float: left; white-space: nowrap; line-height: 26px; height: 28px; margin-right: 10px; }
.commonHotTag li a { white-space: nowrap; }
.commonHotTag li em { color: #666; margin-left: 3px; font: normal 11px Tahoma; }
.inContentClass li { float: left; width: 95px; line-height: 26px; height: 28px; }
.inContentClass li em { color: #666; margin-left: 6px; font: normal 11px Tahoma; }
.inContentClassSelected { font-weight: bold; float: left; width: 95px; line-height: 26px; height: 28px; }

/* News */
/*.newsPhotoHot { height: 268px; text-align: center; padding-top: 20px; }
.newsPhotoHot p { line-height: 25px; }
.newsPictureArea li { padding-top: 6px; text-align: center; }
.newsPictureArea li p{ line-height: 30px; height: 30px; overflow: hidden; padding: 0 5px; }
.newsPicture { border: #ccc solid 1px; width: 120px; height: 90px; padding: 1px; margin: 0 auto; overflow: hidden; }*/
/* --news | new | hot */
.newsTabWrap { margin-bottom: 6px; }
/* --news category */
.newsSortArea { overflow: hidden; zoom: 1; }
	.newsSortListModule { width: 50%; overflow: hidden; float: left; clear: none; }
	.newsSortListModule h2 { font-size: 12px; height: 25px; text-align: left; color: #000; border-bottom: dotted 1px #ccc; margin: 6px; }
/* --news List */
.newsTitleList { margin: 6px; }
.newsTitleList li { line-height: 25px; height: 25px; overflow: hidden; float: none; }
.newsTitleList li cite { float: right; width: 80px; font-style: normal; line-height: 25px; overflow: hidden; color: #666; }
/* --news view */
.newsViewArea { padding: 30px; }
.newsViewArea h1 { font-size: 24px; font-weight: bold; line-height: 48px; border-bottom: dashed #ccc 1px; text-align: center; }
.newsViewArea h2 { font-size: 12px; font-weight: normal; color: #666; line-height: 30px; text-align: center; }
.newsViewArea p { font-size: 14px; line-height: 28px; padding-top: 14px; text-indent: 28px; }

/* Friend */
/* --member portrait */
.portrait { width: 160px; padding: 1px; background: #fff; border: solid #ccc 1px; margin: 10px auto; overflow: hidden; }
.portraitMiddleSized { border: #ccc solid 1px; width: 46px; height: 46px; padding: 1px; overflow: hidden; margin: 3px auto; }
.portraitMiddlingSized { border: #ccc solid 1px; width: 75px; height: 75px; padding: 1px; overflow: hidden; }
.portraitMini { width: 25px; height: 25px; padding: 1px; border: solid #ccc 1px; float: left; margin: 3px; overflow: hidden; }
/* --member List | new | hot */
.memberPortraitList { display: block; }
.memberPortraitList li { width: 72px; float: left; overflow: hidden; display: block; }
.memberPortraitList li p { line-height: 25px; height: 25px; width: 66px; text-align: center; padding-left: 3px; padding-right: 3px; overflow: hidden; text-overflow: ellipsis; }
/* --member list | commend | rank */
.friendList li { width: 135px; float: left; margin-bottom: 10px; margin-left: 10px; }
.friendList li p { line-height: 25px; height: 25px; text-align: center; overflow: hidden; }
/* --all member list */
.friendListFull {}
.friendListFull li { width: 49.9%; height: 80px; float: left; }
.friendListFullPortrait { width: 25%; float: left; }
.friendListFullContent { float: left; width: 70%; }
.friendListFull p { line-height: 18px; height: 18px; overflow: hidden; }
/* --member search results */
.friendSearchResults {}
.friendSearchResults li { width: 352px; float: left; padding: 6px; display: block; background: url(../../../../Utility/images/ccc.gif) repeat-x bottom; }
.friendSearchResultsPortrait { width: 100px; float: left; }
.friendSearchResultsPortrait p { line-height: 22px; height: 22px; overflow: hidden; color: #666; }
.friendSearchResultsPortrait .portraitMiddlingSized { margin-bottom: 9px; }
.friendSearchResultsContent { float: right; width: 240px; }
.friendSearchResultsContent h1 { line-height: 22px; height: 22px; overflow: hidden; font-weight: bold }
.friendSearchResultsContent p { line-height: 22px; height: 22px; overflow: hidden; color: #666; }
.friendSearchResultsOption { line-height: 28px; overflow: hidden; color: #666; clear: both; }

/* Blog */
/* --blog commend | new */
.blogList_l { margin-bottom: 10px;}
.blogList_l p { line-height: 18px; height: 18px; overflow: hidden; }
/* --blog list | rank */
.blogList {}
.blogListHeader, .blogListItem { padding: 10px; border-bottom: dotted #ccc 1px; color: #666; clear: both; }
.blogListItem:hover { background: #eee; cursor: default; }
.blogListPlace, .blogListPlaceFirst, .blogListPlaceSecond, .blogListPlaceThird { background: url(../../../../Utility/images/img_bg.gif) no-repeat; width: 16px; float: left; text-align: center; font-weight: bold; font-size: 8pt; line-height: 16px; margin-right: 6px; }
.blogListPlaceFirst { background-position: 0px -128px; color: #fff; }
.blogListPlaceSecond { background-position: -16px -128px; color: #fff; }
.blogListPlaceThird { background-position: -32px -128px; color: #fff; }
.blogListPlace { background-position: -48px -128px; }
.blogListTitle { line-height: 16px; }
.blogListAuthor { width: 100px; float: right; line-height: 16px; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.blogListComment, .blogListView { width: 40px; float: right; line-height: 16px; padding-left: 10px; }
.blogListRating, .blogListTime { width: 135px; float: right; line-height: 16px; padding-left: 10px; }
/* --blog member rank */
.blogPhotobox li { width: 120px; float: left; text-align: center; padding-top: 9px; padding-bottom: 4px; background-position: 30px top; background-repeat: no-repeat; }
	.blogPhotoList { border: #ccc solid 1px; width: 46px; height: 46px; padding: 1px; margin: 0px auto; overflow: hidden; }
	.blogPhotobox p{ line-height: 25px; height: 25px; overflow: hidden; }
/* --blog rank number */
.serialNumber01 { background-image: url(../../../../Utility/Icons/serial_number_01.gif); }
.serialNumber02 { background-image: url(../../../../Utility/Icons/serial_number_02.gif); }
.serialNumber03 { background-image: url(../../../../Utility/Icons/serial_number_03.gif); }
.serialNumber04 { background-image: url(../../../../Utility/Icons/serial_number_04.gif); }
.serialNumber05 { background-image: url(../../../../Utility/Icons/serial_number_05.gif); }
.serialNumber06 { background-image: url(../../../../Utility/Icons/serial_number_06.gif); }
.serialNumber07 { background-image: url(../../../../Utility/Icons/serial_number_07.gif); }
.serialNumber08 { background-image: url(../../../../Utility/Icons/serial_number_08.gif); }
.serialNumber09 { background-image: url(../../../../Utility/Icons/serial_number_09.gif); }
.serialNumber10 { background-image: url(../../../../Utility/Icons/serial_number_10.gif); }
/*.blogPictureArea li { width: 146px; float: left; padding-top: 6px; text-align: center; }
.blogPictureArea li p{ line-height: 30px; height: 30px; overflow: hidden; padding: 0 5px; }
.blogPicture { border: #ccc solid 1px; width: 120px; height: 90px; padding: 1px; margin: 0 auto; overflow: hidden; }
.blogClassentry dt { float: left; }
.blogClassentryModule { width: 345px; padding: 10px; overflow: hidden; }
.blogClassentryModule h2 { font-size: 12px; height: 25px; text-align: left; color: #000; border-bottom: dotted 1px #ccc; }
.blogClassentryModule ul { margin-top: 5px; }*/

/* Photo */
/* --commend photo */
.galleryCommend { padding-left: 10px; }
.galleryCommendShow { width: 460px; height: 345px; overflow: hidden; float:left; }
.galleryCommendList { width: 220px; height: 345px; overflow: hidden; float:left; margin-left: 15px; margin-right: 1px; text-align: left; }
.galleryCommendListRow { display: block; height: 73px; white-space: nowrap; overflow: hidden; }
.galleryCommendListArea { display: inline-block; float: left; width: 70px; height: 73px; }
.galleryCommendMiniature { width: 50px; height: 50px; }
/* --new photo | hot */
.imageListTabloid { padding: 20px 0px 0px 15px; }
.imageListTabloid li { display: block; width: 140px; height: 140px; float: left; text-align: center; }
.imageListTabloid li img { border: solid #ccc 1px; padding: 1px; }
.imageListTabloid li p { line-height: 22px; height: 22px; overflow: hidden; text-align: center; color: #666; padding-left: 10px; padding-right: 10px; }
/* --all photo rank */
.imageListTabloidFull { padding: 20px 0px 0px 15px; }
.imageListTabloidFull li { display: block; width: 133px; height: 140px; float: left; text-align: center; overflow: hidden }
.imageListTabloidFull li img { border: solid #ccc 1px; padding: 1px; }
.imageListTabloidFull li p { line-height: 22px; height: 22px; overflow: hidden; white-space: nowrap; text-align: center; padding-left: 10px; padding-right: 10px; color: #666; }
.imageListTabloidFullRating { padding-left: 35px; }
/* -- */
.imageListTabloidFirstpage { padding-top: 14px; }
.imageListTabloidFirstpage li { width: 115px; height: 118px; float: left; text-align: center; overflow: hidden; }
.imageListTabloidFirstpage li img { border: solid #ccc 1px; padding: 1px; }
.imageListTabloidFirstpage li p { line-height: 25px; height: 25px; width: 114px; overflow: hidden; white-space: nowrap; padding-left: 3px; padding-right: 3px; text-overflow: ellipsis; }
.galleryOrderTop .portraitMiddleSized { margin: 3px 10px 3px 3px; float: left }
.galleryOrderTop li { display: block; overflow: hidden; padding: 6px; }
.galleryOrderTop li p { line-height: 25px; height: 25px; overflow: hidden; display: block; }

/* Bookmark */
/* --bookmark list */
.discoverNews{ border-bottom: dashed #ccc 1px; margin-bottom: 6px; display: block; display: inline-block; }
	.discoverDiggArea { float: left; width: 90px; }
		.discoverDigg{ text-align: center; width: 50px; margin: 0 auto; }
			.discoverCount { margin-bottom: 6px; }
			.discoverCount a { display: block; height: 40px; padding-top: 10px; text-align: center; background: url(../../../../Utility/images/img_bg.gif) no-repeat -10px -30px; }
			.discoverCount a:hover { background-position: -70px -30px; text-decoration: none; }
			.discoverVote{ background: url(../../../../Utility/images/img_bg.gif) no-repeat -10px -85px; }
			.discoverVote a{ display: block; text-align: center; line-height: 22px; text-decoration: none; }
			.discoverVote a:hover { text-decoration: none; background: url(../../../../Utility/images/img_bg.gif) no-repeat -70px -85px; }
			.discoverVote .ed { color: #666; line-height: 22px; }
	.newsBody{ float: left; width: 630px; }
		.newsBody h1 { font-size: 14px; line-height: 28px; }
		.newsBody h2 { font-size: 12px; font-weight: normal; line-height: 25px; color: #666; }
		.newsSummary{ line-height: 25px; color: #666; }
		.newsContent{ line-height: 25px; }
			.newsContentImg { float: left; padding: 5px; }
		.news_source{ clear:both; color:#1F9B45; margin-bottom:3px;padding-top:3px}
		.newsKeyword{ line-height: 25px; color: #666; }
		.newsTools{ line-height: 25px; color: #666; }
		.newsTools .comments { background: url(../../../../Utility/Icons/comment.gif) no-repeat left center; padding-left: 20px; }
/* --comment list */
.commentList li { margin: 10px; border-bottom: dashed #ccc 1px; display: block; }
.commentList li h5 { font-size: 12px; font-style: normal; font-weight: normal; display: block; float: left; clear: right; width: 90%; padding-left: 10px; line-height: 20px; }
.commentList li em { font-style: normal; font-weight: normal; color: #666; display: block; float: left; white-space: nowrap; width: 90%; padding-left: 10px; margin-bottom: 6px; }
.commentList li p { line-height: 25px; text-indent: 2em; display: block; clear: both; word-wrap: break-word; }
/* -- */
.favoriteFriendList li {padding: 10px; border-bottom: dashed #ccc 1px; }
.favoriteFriendList li h5 { font-size: 12px; font-style: normal; font-weight: normal; text-align: left; line-height: 25px; }
.favoriteFriendList li p em { font-style: normal; font-weight: normal; color: #666;}
.favoriteFriendList li p { line-height: 25px; margin: 10px auto; text-indent: 2em; }
/* --add bookmark area */
.addBookmark { width: 700px; margin: 20px auto; }

/* Club */
/* --create club */
.createClub li { line-height: 25px;}
/* --new club | hot */
#clubHotArticle { width: 369px; float: left;}
#clubNewArticle { width: 369px; float: right;}
	.clubHot { padding: 6px 0 1px 6px; overflow: auto; zoom: 1; }
		.clubHotPortrait { float: left; width: 50px; }
		.clubHotInfo { float: right; }
			.clubHotInfo p { line-height: 25px; height: 25px; overflow: hidden; }
			.clubHotInfo p cite { float: right; font-style: normal; color: #666; }
		.clubIntro { height: 25px; overflow: hidden; line-height: 25px; clear: both; } 
#clubHotArticle .clubHotInfo, #clubNewArticle .clubHotInfo { width: 290px; }
/* --hot club */
.clubHotRolloutArea { padding-top: 1px; }
	.clubHotRollout { padding: 6px 0px 7px 6px; overflow: auto; zoom: 1; }
		.clubHotPortraitRollout { float: left; width: 50px; }
		.clubHotInfoRollout { float: right; width: 150px; }
			.clubHotInfoRollout p { line-height: 25px; height: 25px; overflow: hidden; }
			.clubHotInfoRollout p cite { float: right; font-style: normal; color: #666; }
/* --all club list */
.clubListFull { clear: both;}
	.clubListFull li { border-bottom: dotted #ccc 1px; display: block; padding: 10px; overflow: hidden; }
		.clubListFullPortrait { float: left; width: 75px; }
		.clubListFullContent { float: right; width: 600px; }
			.clubListFull cite { float: right; font-style: normal; color: #666; }
		.clubListFull p { line-height: 25px; text-align: left; }
		.clubIntroduce { clear: both; line-height: 25px; }
/* --club portrait */
.clubPortrait { width: 160px; padding: 1px; border: solid #ccc 1px; margin: 10px auto; overflow: hidden; }
.clubPortraitMiddleSized { border: #ccc solid 1px; width: 46px; height: 46px; padding: 1px; overflow: hidden; margin: 0px auto; }
.clubPortraitMini { width: 25px; height: 25px; padding: 1px; border: solid #ccc 1px; float: left; margin: 3px; }
.clubPortraitList li { width: 72px; float: left; }
.clubPortraitList li p { line-height: 25px; height: 25px; text-align: center; overflow: hidden; }
/* --club category */
.clubCategoryList { padding: 10px; overflow: auto; zoom:1; clear: both; }
	.clubCategoryGrand { margin-bottom: 6px; display: block; }
		.clubCategoryGrandName { display: block; display: inline-block; padding-left: 25px; font-weight: bold; font-size: 14px; line-height: 35px; border-bottom: dashed #ccc 1px; margin-bottom: 6px; }
		.clubCategoryGrandAmount { font-style: normal; font-weight: normal; font-size: 12px; color: #666; padding-left: 3px; }
	.clubCategoryParent { display: block; overflow: auto; zoom:1; margin-bottom: 6px; }
		.clubCategoryParent strong { display: block; padding-left: 25px; font-weight: normal; color: #666; line-height: 30px; background: url(../../../../Utility/Icons/categoryArrow.gif) no-repeat left center; }
		.clubCategoryParent strong a { font-weight: bold; margin-right: 10px; }
	.clubCategoryBasal { padding-left: 25px; }
		.clubCategoryBasal li { float: left; display: block; margin-right: 6px; line-height: 25px; padding-right: 10px; white-space: nowrap; }
		.clubCategoryBasal li a { white-space: nowrap; }
		.clubCategoryBasal li a.clubCategoryCurrent { font-weight: bold; }
		.clubCategoryBasal li em { font-style: normal; color: #666; padding-left: 3px; }
/* --club area category *//* custom-built for A0001 */
.clubAreaTop { font-size: 14px; font-weight: bold; }
	.clubAreaSub { display: block; overflow: hidden; zoom: 1; margin-bottom: 10px; }
		.clubAreaSubPlacename {	 font-size: 12px; font-weight: bold; float: left; line-height: 25px;}
		.clubAreas { float: left; padding-left: 10px; }
			.clubAreas ul { }
				.clubAreas li { display: inline; line-height: 25px; margin-right: 6px; }
					.clubAreas li a { white-space: nowrap; }
					.clubAreas li em { color: #666; font-style: normal; }
.clubAreaStat { color: #666; font-weight: normal; font-style: normal; padding-left: 3px; font-size: 12px; }
/* custom-built for A0001 end */
/* --club area picker select */
.clubAreaPicker { padding: 20px; }
	.clubAreaPickerFirstLevel { margin-bottom: 6px; }
		.clubAreaPickerFirstLevel li { display: inline; padding-right: 10px; }
	.clubAreaPickerChildAreas { margin-bottom: 6px; }
		.clubAreaPickerChildAreas td { padding: 2px; }

/* Event */
/* --create ecent */
.createEvent li { line-height: 25px;}
/* --event photo new | full */
.eventPictureArea li { width: 146px; float: left; padding-top: 6px; text-align: center; }
	.eventPictureArea li p{ line-height: 30px; height: 30px; overflow: hidden; padding: 0 5px; }
	.eventPicture { border: #ccc solid 1px; width: 120px; height: 90px; padding: 1px; margin: 0 auto; overflow: hidden; }
.eventPictureListArea li { display: block; float: left; height: 320px; width: 49%; }
	.eventPictureTitle{ font-weight: bold; color: #333; line-height: 28px; text-align: left; width: 240px; margin: 0 auto;}
	.eventPictureListMiniature { width: 240px; margin: 0 auto 6px; overflow: hidden; }
	.eventPictureListInfo { width: 240px; margin: 0 auto; }
		.eventPictureListInfo p{ line-height: 25px; height: 25px; overflow: hidden; clear: both; }
		.eventPictureListInfo p em { width: 65px; display: block; float: left; line-height: 25px; overflow: hidden; text-align: right; font-style: normal; }
.eventContent { overflow: hidden; display: inline-block; }
.eventContent p { line-height: 25px; clear: both; color: #666; }
.eventContent p em { display: block; float: left; font-style: normal; width: 90px; text-align: right; margin-right: 10px; color: #000; }
/* --all event list */
.eventListFull { clear: both;}
	.eventListFull li { border-bottom: dotted #ccc 1px; display: block; padding-top: 10px;}
		.eventListFullPictureArea { float: left; width: 75px; }
			.eventListFullPicture { border: #ccc solid 1px; width: 46px; height: 46px; padding: 1px; overflow: hidden; margin: 0px auto; }
		.eventListFullContent { float: right; width: 620px; }
			.eventListFull cite { float: right; font-style: normal; color: #666; }
			.eventListFull p { line-height: 25px; text-align: left; }
		.eventIntroduce { clear: both; }
/* --event thematic panel */
.thematic { font-size: 14px; font-weight: bold; text-align: center; line-height: 25px; }
.thematicInfo { overflow: hidden; }
.thematicInfo p { line-height: 25px; clear: both }
.thematicInfo p em { display: block; float: left; font-style: normal; width: 90px; text-align: right; margin-right: 10px; }
/* --event category */
.eventCategoryList { padding: 10px; overflow: auto; zoom:1; clear: both; }
	.eventCategoryGrand { margin-bottom: 6px; display: block; }
		.eventCategoryGrandName { display: block; display: inline-block; padding-left: 25px; font-weight: bold; font-size: 14px; line-height: 35px; border-bottom: dashed #ccc 1px; margin-bottom: 6px; }
		.eventCategoryGrandAmount { font-style: normal; font-weight: normal; font-size: 12px; color: #666; padding-left: 3px; }
	.eventCategoryParent { display: block; overflow: auto; zoom:1; margin-bottom: 6px; }
		.eventCategoryParent strong { display: block; padding-left: 25px; font-weight: normal; color: #666; line-height: 30px; background: url(../../../../Utility/Icons/categoryArrow.gif) no-repeat left center; }
		.eventCategoryParent strong a { font-weight: bold; margin-right: 10px; }
	.eventCategoryBasal { padding-left: 25px; }
		.eventCategoryBasal li { float: left; display: block; margin-right: 6px; line-height: 25px; padding-right: 10px; white-space: nowrap; }
		.eventCategoryBasal li a { white-space: nowrap; }
		.eventCategoryBasal li a.eventCategoryCurrent { font-weight: bold; }
		.eventCategoryBasal li em { font-style: normal; color: #666; padding-left: 3px; }
/* --event area category *//* custom-built for A0001 */
.eventAreaTop { font-size: 14px; font-weight: bold;	}
	.eventAreaSub { display: block; overflow: hidden; zoom: 1; margin-bottom: 10px; }
		.eventAreaSubPlacename {	 font-size: 12px; font-weight: bold; float: left; line-height: 25px;}
		.eventAreas { float: left; padding-left: 10px; }
			.eventAreas ul { }
				.eventAreas li { display: inline; line-height: 25px; margin-right: 6px; }
				.eventAreas li a { white-space: nowrap; }
				.eventAreas li em { color: #666; font-style: normal; }
.eventAreaStat { color: #666; font-weight: normal; font-style: normal; padding-left: 3px; font-size: 12px; }
/* custom-built for A0001 end */

/* file */
/* --file download rank | new */
.filetitleList li { line-height: 25px; height: 25px; overflow: hidden; float: none; text-overflow: ellipsis; }
.filetitleList li cite { float: right; width: 5.5em; text-align: right; font-style: normal; line-height: 25px; text-overflow: ellipsis; overflow: hidden; margin-left: 5px; color: #666; }
/* --file list | commend | hot rank */
.file {}
	.fileHeader, .fileItem { padding: 12px; border-bottom: dotted #ccc 1px; color: #666; clear: both; }
	.fileItem:hover { background: #eee; }
		.fileIcon { width: 16px; float: left; }
			.fileName { margin-left: 26px; line-height: 16px; }
			.fileAuthor { width: 100px; float: right; line-height: 16px; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
			.fileDownloadHow, .fileComment, .fileHit { width: 40px; float: right; line-height: 16px; padding-left: 10px; }
			.fileSize, .fileUploadTime { width: 65px; float: right; line-height: 16px; padding-left: 10px; }
/* --all file list */
.fileList { display: block; clear: both; padding: 6px; }
.fileList li { padding: 10px 6px; background: url(../../../../Utility/images/ccc.gif) repeat-x bottom; display: block; display: inline-block; clear: both; }
	.fileListHeader { height: 30px; padding: 6px; }
		.fileListHeader h1 { display: block; float: left; font-size: 14px; font-weight: bold; line-height: 28px; margin-right: 6px }
		.fileListHeader div a { line-height: 28px;}
	.fileList p { line-height: 25px; }
	.fileListInfo { color: #666; }
/*.sortList { display: block; overflow: hidden; zoom: 1; }
.sortList dt { float: left; }
.sortModule { width: 345px; padding: 10px; overflow: hidden; }
.sortModule h2 { font-size: 12px; height: 25px; text-align: left; color: #000; border-bottom: dotted 1px #ccc; }
.sortModule ul { margin-top: 5px; }*/
	
/* Search */
#searchCover { margin-top: 150px; }
#searchCover h1 { text-align: center; font-size: 14px; font-weight: bold; color: Green; }
#searchCover h1 img { vertical-align: middle; }
#searchResults { margin-bottom: 6px;}
#searchResults h1 { font-size: 14px; font-weight: bold; color: Green; display: block; margin-bottom: -20px; }
#searchResults h1 img { vertical-align: middle; }
.searchResultsList li { margin: 25px; }
.searchResultsList h3 { font-size: 14px; font-weight: normal; line-height: 25px; }
.searchResultsList em { color: #666; line-height: 25px; font-style: normal; }
.searchResultsList p { line-height: 25px; }
.searchResultsPhoto li { float: left; width: 168px; height: 250px; border: solid #fff 1px; overflow: hidden; padding: 6px; margin-bottom: 25px }
.searchResultsPhoto li:hover { border: solid #ccc 1px; }
.searchResultsPhoto .innerPhoto { width: 150px; margin: auto; }
.searchResultsPhoto .innerPhoto img { vertical-align: baseline; }
.searchResultsPhoto .innerPhoto p { color: #666; line-height: 20px; }
.noResult { padding: 30px; display: block; display: inline-block }
.noResult h1 { font-weight: normal; line-height: 50px; padding-left: 20px; background: url(../../../../Utility/Icons/exclamation.gif) no-repeat left center; }
.noResult dd { line-height: 35px; font-weight: bold; font-size: 14px; }
.noResult dt { line-height: 28px; }
.searchResultsOther li { line-height: 25px; text-indent: 30px; }
.searchResultsHint { line-height: 28px; text-align: right; color: #666; }
.searchResultsAt { background: #f3ffeb; border-top: dashed #b1d990 1px; border-bottom: dashed #b1d990 1px; margin-bottom: 6px; padding: 6px; clear: both; }
.searchResultsAt p { line-height: 25px; color: #666; }
.searchResultsAtGray { background: #F5F5F5; border-top: dashed #ccc 1px; border-bottom: dashed #ccc 1px; margin-bottom: 6px; padding: 6px; clear: both; }
.searchResultsAtGray p { line-height: 25px; color: #666; }

/* login info */
.registerArea { width: 750px; margin: 0 auto;}
.registerArea fieldset { border-top: #ccc 1px dashed; border-right: 0px; border-bottom: 0px; border-left: 0px; }
.registerArea legend { font-size: 14px; font-weight: bold; background: #fff; padding: 3px; line-height: 30px; }
.registerArea legend em { color: #f30; font-size: 12px; font-weight: normal; font-style: normal; }
.loginArea { width: 750px; margin: 0px auto; padding: 20px }
.loginCue { list-style-type: circle; margin-left: 25px; }
.loginCue li { line-height: 25px; }
.loginFrame { width: 450px; border: solid #ccc 1px; margin: 0 auto 20px; }
.loginFrame h1 { line-height: 30px; font-size: 14px; font-weight: bold; background-color: #eee; padding-left: 6px; padding-right: 6px; }
.loginFrame h1 em { display: block; float: right; line-height: 30px; font-size: 12px; font-style: normal; font-weight: normal; }
.loginFrameInput { padding: 30px 20px; }
.loginFrameLogo { float: left; width: 40%; height: 170px; border-right: dashed #ccc 1px; background: url(../../../../Images/loginLogo.gif) no-repeat center top; }
.loginFrameContent { float: left; width: 55%; }
.inviteContentArea { padding: 20px; }
.inviteContentArea h1 { font-size: 14px; font-weight: bold; line-height: 30px; padding-top: 6px; }
.inviteContentArea p { line-height: 30px; font-size: 14px; }

/* join club apply */
.applyArea { width: 600px; margin: 0 auto; }
.applyHeader {}
.applyHeaderPortrait { float: left; width: 90px; }
.applyHeaderContent { float: right; width: 500px; }
.applyHeaderContent h1 { font-size: 14px; font-weight: bold; line-height: 28px; }
.applyHeaderContent p { line-height: 25px; color: #666; }
.applyLeaveword h1 { font-size: 14px; font-weight: bold; line-height: 28px; }
.applyLeaveword p { line-height: 25px; color: #666; }

/* Links */
#commonLink { border: #99cc33 1px solid; width: 976px; clear: both; overflow: hidden; }
	#commonLink dl { list-style: none; padding: 6px; overflow: hidden; zoom:1; }
		#commonLink dt { display: block; float: left; line-height: 25px; font-weight: bold; }
		#commonLink dd { display: block; float: left; margin-left: 10px; white-space: nowrap; }
		#commonLink dd a { line-height: 25px; white-space: nowrap; }

/* footer */
#commonFooter { background: url(../Images/bg_footer.gif) repeat-x center top; width: 978px; text-align: center; margin: 0 auto; padding-top: 10px; height: 100px; }
#commonFooter p { line-height: 25px; }
	.SpaceBuilder { font: italic bold 12px Tahoma; }
	.SpaceBuilder a { color: #069; text-decoration: none;}
	.SpaceBuilder a:hover { color: #f60; text-decoration: none;}

/* ---------- Common style ---------- */
/* modules */
.module { margin-bottom: 6px; clear: both; }
	.moduleHeader { background: url(../Images/bg_x.gif) no-repeat left -39px; padding-left: 7px;}
		.moduleHeaderContainer { color: #333; height: 22px; padding: 10px 6px 0 18px; text-align: left; font-weight: bold; background: url(../Images/bg_page.gif) no-repeat right -39px; }
			.moduleHeaderContainer h1 { font-weight: bold; }
			.moduleHeaderTitle { cursor: pointer; }
			.expanderPanelButtonOpened, .expanderPanelButtonClosed { float: right; display: block; width: 16px; height: 16px; background: url(../Images/bg_x.gif) no-repeat; cursor: pointer; }
			.expanderPanelButtonOpened { background-position: left -390px; }
			.expanderPanelButtonClosed { background-position: left -370px; }
	.moduleFrameCenter {background: url(../Images/bg_y.gif) repeat-y left; padding-left: 6px;}
		.moduleFrameCenterContainer { background: url(../Images/bg_y.gif) repeat-y right;}
			.moduleFrameContent { padding: 6px 6px 6px 0; overflow: hidden; }
			.moduleFrameContentLoose { padding: 15px;}
	.moduleFrame { background: url(../Images/bg_x.gif) no-repeat left -107px; clear: both;  padding-left: 7px;}
		.moduleFrameContainer { background: url(../Images/bg_page.gif) no-repeat right -107px; height: 7px;}
			.moduleFrameContentBottom { height: 7px; line-height: 7px; }
.simpleFolderArea{ text-align: left; }
	.simpleFolderTitle { border-bottom: dashed #ccc 1px; padding: 11px 10px 3px; color: #333; font-weight: bold; height: 20px; }
		.simpleFolderTitle em { display: block; float: right; }
		.expanderPanelLightButtonOpened, .expanderPanelLightButtonClosed { float: right; display: block; width: 16px; height: 16px; background: url(../Images/bg_x.gif) no-repeat; cursor: pointer; }
		.expanderPanelLightButtonOpened { background-position: left -430px; }
		.expanderPanelLightButtonClosed { background-position: left -410px; }
	.simpleFolderContent { padding: 6px; overflow: hidden; }
	.simpleFolderBottom { clear: both;}
.wrap { margin-bottom: 6px; clear: both; }
	.wrapHeader { background: url(../Images/bg_x.gif) no-repeat left -119px; padding-left: 7px; }
		.wrapHeaderContainer { background: url(../Images/bg_page.gif) no-repeat right -119px; line-height: 7px; height: 7px; }
	.wrapContent { background: url(../Images/bg_y.gif) repeat-y left; padding-left: 7px; }
		.wrapContentContainer { background: url(../Images/bg_y.gif) repeat-y right; padding-right: 7px; overflow: hidden; }
	.wrapBottom { background: url(../Images/bg_x.gif) no-repeat left -147px; padding-left: 7px; }
		.wrapBottomContainer { background: url(../Images/bg_page.gif) no-repeat right -147px;  line-height: 7px; height: 7px;}

/* Tab page */
.generalTabs{ display: block; height: 27px; /*background: url(../Images/bg_x.gif) repeat-x center -469px;*/ clear: both; border-bottom: solid #D6EBAD 1px; }
.generalTabs li{ float: left; display: block; background: url(../Images/bg_x.gif) no-repeat left -204px; padding-left: 4px; line-height: 27px; }
.generalTabs li a{ display: block!important; background: url(../Images/bg_page.gif) no-repeat right -204px; text-align: center; margin-right: 3px; color: #333; padding-left: 6px; padding-right: 10px; line-height: 27px; }
.generalTabs li a:hover{ text-decoration: underline; color: #069; }
.generalTabs li.selected{ background: url(../Images/bg_x.gif) no-repeat left -164px; border-bottom: solid 1px #fff; }
.generalTabs li.selected a{ background: url(../Images/bg_page.gif) no-repeat right -164px; font-weight: bold; border-bottom: solid 1px #fff; }
.generalTabs li.selected a:hover{ text-decoration: underline; }
.generalTabs li.leftExplain { background: none; }
.generalTabs li.rightExplain { background: none; text-align: right; float: right; }
.generalTabs li.rightExplain a { background: none; }
.generalTabsContent{ clear: both; padding-top: 6px; overflow: hidden; }

/* space div */
.space6 { height: 6px; clear: both; font-size: 1px; }
.spaceLine { background: url(../../../../Utility/images/ccc.gif) repeat-x bottom; height: 6px; clear: both; font-size: 1px; }
.spaceLineM10 { background: url(../../../../Utility/images/ccc.gif) repeat-x bottom; height: 6px; clear: both; font-size: 1px; margin: 10px; }

/* text */
a.blacktext { color: #333; text-decoration: none; }
a.blacktext:hover { color: #f60; text-decoration: underline; }
.textRoutine p { line-height: 25px; text-align: left; text-indent: 2em; }
.textCenter { text-align: center; clear: both; padding: 10px; }
.commonTitle { font-weight: bold; font-size: 14px; line-height: 25px; text-align: left; clear: both; padding: 10px; }
.commonSubTitle { line-height: 25px; color: #666; }
.commonSubTitle a { padding-left: 3px; padding-right: 3px; clear: both; }
.right { text-align: right; }
.left { text-align: left; }
.more { clear: both; line-height: 25px; text-align: right; margin-right: 6px }
.contentList li { overflow: hidden; white-space: nowrap; clear: both; display: block; display: inline-block; line-height: 25px; height: 25px; }
.contentList li p { line-height: 25px; height: 25px; float: left; overflow: hidden; } 
.contentList li em { font-style: normal; font-weight: normal; margin-left: 6px; color: #666; }
.explainArea { background: #F5F5F5; border-top: dashed #ccc 1px; border-bottom: dashed #ccc 1px; margin: 6px auto; padding: 6px; clear: both; }
.explainArea h1 { font-size: 14px; font-weight: bold; line-height: 28px; }
.explainArea p { line-height: 25px; color: #666; }
.titleListDefault li { line-height: 25px; height: 25px; overflow: hidden; float: none; }
.titleListDefault li cite { float: right; width: 6em; font-style: normal; line-height: 25px; overflow: hidden; color: #666; margin-left: 10px; }

/* Ico link style */
.icoLinkUpdate { background: url(../../../../Utility/Icons/update.gif) no-repeat left center; }
.icoLinkSignUp { background: url(../../../../Utility/Icons/raisehand.gif) no-repeat left center; }
.icoLinkInvite { background: url(../../../../Utility/Icons/icon_friendAdd.gif) no-repeat left center; }
.icoLinkWriteMessage { background: url(../../../../Utility/Icons/icon_write.gif) no-repeat left center; }
.icoLinkPicture { background: url(../../../../Utility/Icons/picture.gif) no-repeat left center; }
.icoLinkHelp { background: url(../../../../Utility/Icons/help.gif) no-repeat left center; }
.icoLinkIE { background: url(../../../../Utility/Icons/ie.gif) no-repeat left center; }
.icoLinkIEuninstall { background: url(../../../../Utility/Icons/ie_uninstall.gif) no-repeat left center; }
.icoLinkFirefox { background: url(../../../../Utility/Icons/firefox.gif) no-repeat left center; }
.icoLinkPhotoUpload { background: url(../../../../Utility/Icons/image_upload.gif) no-repeat left center; }
.icoLinkFileUplead { background: url(../../../../Utility/Icons/icon_outbox.gif) no-repeat left center; }
.icoLinkAttachUpload { background: url(../../../../Utility/Icons/attach_upload.gif) no-repeat left center; }

.commonContentSelectorOptionsArea { line-height: 20px; font-size: 12px; }
.contentSelectButton { padding-left: 20px; }
.commonContentSelectorOptionsArea em { color: #999; font-style: normal; }

/* Tag Styles */
.tagLevel10 a { color: #ff6f28; font-size: 30px; }
.tagLevel9 a {color: #a1ca00; font-size: 28px; }
.tagLevel8 a {color: #00afca; font-size: 26px;}
.tagLevel7 a { color: #2988a4; font-size: 24px; }
.tagLevel6 a { color: #ff5858; font-size: 22px; }
.tagLevel5 a { color: #a03ee9; font-size: 20px; }
.tagLevel4 a { color: #c43e00; font-size: 18px; }
.tagLevel3 a { color: #52a32a; font-size: 16px; }
.tagLevel2 a { color: #882254; font-size: 14px; }
.tagLevel1 a { color: #069; font-size: 12px;}
.tagLevel10 a:hover { background: #ff6f28; color: #fff; font-size: 30px; text-decoration: none; }
.tagLevel9 a:hover { background: #a1ca00; color: #fff; font-size: 28px; text-decoration: none; }
.tagLevel8 a:hover { background: #00afca; color: #fff; font-size: 26px; text-decoration: none; }
.tagLevel7 a:hover { background: #2988a4; color: #fff; font-size: 24px; text-decoration: none; }
.tagLevel6 a:hover { background: #ff5858; color: #fff; font-size: 22px; text-decoration: none; }
.tagLevel5 a:hover { background: #a03ee9; color: #fff; font-size: 20px; text-decoration: none; }
.tagLevel4 a:hover { background: #c43e00; color: #fff; font-size: 18px; text-decoration: none; }
.tagLevel3 a:hover { background: #52a32a; color: #fff; font-size: 16px; text-decoration: none; }
.tagLevel2 a:hover { background: #882254; color: #fff; font-size: 14px; text-decoration: none; }
.tagLevel1 a:hover { background: #069; color: #fff; font-size: 12px; text-decoration: none; }

/* toolbar */
.toolbarArea { padding: 10px; clear: both;}
.toolbarArea a, .toolbarButton { padding-left: 20px; padding-right: 20px; }
.selectedToolbarButton { font-weight: bold; padding-left: 20px; padding-right: 20px; }

/* dataGrid */
.tableGrid { width: 100%; border: 0px; border-collapse: collapse; border-spacing: 0px; }
.tableGrid th { padding: 3px; border: none; font-weight: normal; color: #666; white-space: nowrap; border-bottom: #ccc dotted 1px; }
.tableGrid td { padding: 3px; background: url(../../../../Utility/images/ccc.gif) repeat-x bottom; overflow: hidden; white-space: nowrap; }
.tableGrid td p { line-height: 20px; }
.tableGrid span { display: block; height: 25px; line-height: 25px; overflow: hidden; white-space: normal; cursor: pointer; }
.gridHeader{ line-height: 25px; font-weight: bold; text-align: left; color: #666; }
.gridHeader2{ line-height: 25px; font-weight: bold; text-align: left; color: #666; }
.gridFooter{ line-height: 25px; color: #000000; font-weight: bold; background-color: #D9DFC1; }
.gridItem{ line-height: 25px; color: #666; }
.gridAltItem{ background-color: #f9f9f9; line-height: 25px; }
.gridEditItem{ background-color: #FFFFff; line-height: 25px; }
.gridSelectedItem{ background-color: #FFFFff; line-height: 25px; }

/* PagingArea */
.paging { clear: both; padding: 6px 10px; height: 25px; float: none; margin-bottom: 6px; font-size:12px; }
.paging_l { float: left; line-height: 25px;}
.paging_r { float: right; }
.paging_r a { text-decoration: none; padding: 2px 6px; border: solid #ccc 1px; display: inline-block; }
.paging_r a:hover { color: #fff; text-decoration: none; background: #069; }
.paging_r a.pagingSelect { color: #f30; padding: 2px 6px; text-decoration: none; font-weight: bold; display: inline-block; border: solid #ccc 1px; }
.paging_r a.papagingSelect:hover { color: #ff3300; text-decoration: underline; }
.currentPage{ font-weight: bold; color: #f60; padding: 2px 6px; display: inline-block; }
.pagingFull { padding: 2px 20px; color: #666; float: right; display: inline-block; }

/* from style  */
.commonFormArea{ width: 100%;}
.commonFormTitle{ background: url(../../../../Utility/images/ccc.gif) repeat-x bottom; font-weight: bold; padding: 3px; line-height: 26px; text-align: center; clear: both; }
.commonFormDescription{ color: #999; }
.commonFormFieldName{ text-align: right; padding: 3px; line-height: 26px; vertical-align: top; }
.commonFormFieldDescription{ color: #666; padding: 3px; line-height: 26px; vertical-align: top; }
.commonFormField{ padding: 3px; vertical-align: top; }
/* --from input box */
.textBox{ border: solid #ccc 1px; padding: 2px 1px; }
.textBoxWaterMarked { background-color: #F0F8FF; color: gray; }
.SearchBox { border: solid #ccc 1px; margin: 0; padding: 3px 1px 2px; }
.textBoxSearch{ border: solid #ccc 1px; margin: 2px 0; padding: 2px 1px; }
.passwordBox { border: 1px solid #ccc; }
.radiobutton {}
.radiobutton td,.radiobutton th {padding:0px; margin:0px; }
.radiobutton label {padding:0px 5px 0px 0px; margin:0px; }
.checkbox {}
.dropDownList { border: solid #ccc 1px; padding: 1px }
.textareaBox { border: 1px solid #ccc; }
.fileUpload { background: transparent; border: 1px solid #ccc; padding: 2px 1px; }
.noteRequired { margin: auto 5px; color: #f00; }
/* from input */
.commonImageTextButton{ display: inline-block; padding: 4px; margin: 1px; border: solid 1px #888; background-color: #eeeeee; color: #333333; background-repeat: no-repeat; background-position: 1px 1px; padding-left: 22px; }
.commonImageTextButton:hover{ text-decoration: underline; padding: 5px; padding-left: 21px; padding-top: 3px; background-position: 0px 0px; background-color: #dddddd; }
.inputButton{ padding: 2px 6px 1px; * + padding: 3px 6px 0px; border: solid #9db0bc 1px; background: url(../../../../Utility/images/btn_bg.gif) repeat-x 0 -38px; text-decoration: none; font-weight: bold; cursor: default; color: #333; cursor: pointer; }
.commonButton{ display: inline-table; padding: 3px 6px 2px; * + padding: 4px 6px 1px; border: solid 1px #9db0bc; background: url(../../../../Utility/images/btn_bg.gif) repeat-x 0 -38px; text-decoration: none; font-weight: bold; cursor: default; color: #333; }
.commonButton:hover{ background: url(../../../../Utility/images/btn_bg.gif) repeat-x 0 -68px; text-decoration: none; border: solid 1px #adb9c2; color: #333; }
.confirm { background-position: 0 -98px; border-bottom-color: #333; border-left-color: #eee; border-right-color: #333; border-top-color: #eee; color: #fff; font-weight: normal; }
.confirm:hover { background-position: 0 -98px; border-bottom-color: #333; border-left-color: #eee; border-right-color: #333; border-top-color: #eee; color: #fff; font-weight: normal; }
.cancel { background-position: 0 -118px; border-bottom-color: #666; border-left-color: #eee; border-right-color: #666; border-top-color: #eee; color: #333; font-weight: normal; }
.cancel:hover { background-position: 0 -118px; border-bottom-color: #666; border-left-color: #eee; border-right-color: #666; border-top-color: #eee; color: #333; font-weight: normal; }
.smallImageButton{ padding: 0px; padding-left: 5px; padding-right: 5px; }
.pagingTextfield { width: 27px; height: 19px; line-height: 21px; color: #999; border: 1px #ccc solid; padding: 0px 2px; margin: auto 6px; }
.pagingBtnGo { background:  url(../../../../Utility/images/btn_bg.gif) repeat-x -773px; border: 1px #ccc solid; padding: 1px; font: bold 11px Tahoma; }

/* Help Icon */
.helpIcon{ }
.helpIcon img{ height: 20px; width: 16px; vertical-align: middle; }
a.helpIcon{ height: 20px; background: url(../../../../Utility/Icons/help_out.gif) left center no-repeat; padding-right: 3px; padding-left: 3px; }
a.helpIcon:hover{ background: url(../../../../Utility/Icons/help_hover.gif) left center no-repeat; cursor: help; }

/* Rating */
.ratingStar { display: block; width: 16px; cursor: pointer; background: url(../../../../Utility/images/img_bg.gif) no-repeat; line-height: 16px; }
.filledRatingStar { 	background-position: 0px -160px; }
.emptyRatingStar {	background-position: -16px -160px; }
.savedRatingStar { 	background-position: -32px -160px;}

/* Skin Select */
.skinSelect { display: block; overflow: hidden; padding: 20px; }
.skinSelect li { width: 100px; height: 160px; float: left; display: block; display: inline-block; margin-right: 20px; }
.skinSelect li p { line-height: 25px; text-align: center; }
.skinMiniature { border: solid #ccc 1px; padding: 1px; overflow: hidden; }

/* calendar and input */
input.DatePicker{ width: 80px; padding: 2px 2px 2px 24px; border: 1px solid #ccc; background: url(../../../../Utility/Icons/date.gif) no-repeat left center; cursor: pointer; margin-right: 10px; }
input:focus.DatePicker{ background: #eee url(../../../../Utility/Icons/datefocus.gif) no-repeat top left; }
.dp_container{ position: relative; padding: 0; z-index: 500; }
.dp_cal{ background-color: #fff; border: 1px solid #ccc; position: absolute; width: 177px; top: 22px; left: 0; margin: 0px 0px 3px 0px; }
.dp_cal table{ width: 100%; border-collapse: collapse; border-spacing: 0; }
.dp_cal select{ margin: 2px 3px; font-size: 11px; }
.dp_cal select option{ padding: 1px 3px; }
.dp_cal th,
.dp_cal td{ width: 14.2857%; text-align: center; font-size: 11px; padding: 2px 0; }
.dp_cal th{ border: solid #ccc; border-width: 1px 0; background: #eee; }
.dp_cal td{ cursor: pointer; }
.dp_cal thead th{ background: #ddd; }
.dp_cal td.dp_roll{ color: #333; background: #eee; }
	/* must have this for the IE6 select box hiding */
.dp_hide{ visibility: hidden; }
.dp_empty{ background: #eee; }
.dp_today{ background: #eee; }
.dp_selected{ color: #fff; background: #aaa; }

/* message hint  */
.commonMessageSuccess, .commonMessageError, .commonMessageHint, .commonSmallMessageError{ padding: 3px; font-weight: bold; border: solid 1px #ccc; background-color: #eee; }
.commonMessageHint li{ margin: 5px; }
.errorMessage{ color: #F30; }
.commonSmallMessageError{ padding: 2px; font-weight: bold; color: #f30; }
.commonSmallMessageSuccess{ color: #f30; }
.commonSmallMessageHint{ color: #666; }

/* ohter */
.validatorCalloutHighlight{ background-color: lemonchiffon; }	
.ajaxUpdateProgress{ padding: 2px; background: rgb(204, 68, 68) none repeat scroll 0%; position: absolute; z-index: 3; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: white; font-size: 120%; top: 1px; right: 16px; }
.ad { margin-bottom: 6px; clear: both; width: 100%; overflow: hidden; }

/* modal window content */
.selectFriend { padding: 10px; }
.selectFriend fieldset { border: none; }
.selectFriend legend { display: block; font-size: 14px; padding: 5px 20px; font-weight: bold; border-bottom: solid #eee 1px; }
.selectFriendLabel { padding-left: 20px; }
.selectFriendBox { padding: 10px; }
.selectFriendList { padding: 10px; }
.selectFriendList h4 { display: block; font-size: 14px; padding: 5px 20px; font-weight: bold; border-bottom: solid #eee 1px; margin-bottom: 5px; }
.selectFriendTable { }


 .Wp_Left {  float: left;	width: 600px;	overflow:hidden;}

 .Wp_Right{  float: left;	width: 340px;	overflow:hidden;}

 .Wp_Left02{  float: left;	width: 280px;	overflow:hidden;}
 .Wp_Right02{  float: left;	width: 690px;	overflow:hidden;}

 .Wp_TabA{float: left; position: relative;margin-left: 12px;_margin-left: 6px;padding-top: 10px;}

.Wp_TabC{float: left; position: relative;margin-left: 12px;_margin-left: 6px;padding-top: 10px;}

.Wp_Roll{width:274px; height: 100px; margin: 0px; padding: 0px; float: left;	background:url(Img/Bg-Roll.gif) no-repeat;}
.Wp_Roll marquee{ width: 190px; margin-left: 90px;_margin-left: 45px;  margin-top: 58px;	line-height: 24px; float: left;}
.Wp_Roll marquee a{	color: White; font-size: 12px;}
.hot{ margin-right: 10px;}

.Wp_Roll-Blog{width:274px; height: 100px; margin: 0px; padding: 0px; float: left;	background:url(Img/Bg-Roll-Blog.gif) no-repeat;}
.Wp_Roll-Blog marquee{ width: 190px; margin-left: 90px;_margin-left: 45px; margin-top: 58px;	line-height: 24px; float: left;}
.Wp_Roll-Blog marquee a{	color: White; font-size: 12px;}

.Wp_Roll-Pic{width:326px; height: 58px; float: left;	background:url(Img/Bg-Roll-Pic.gif) no-repeat;margin-left: 10px; _margin-left: 5px; margin-top: 12px;}
.Wp_Roll-Pic marquee{ width: 200px; margin-left: 106px; _margin-left: 53px; margin-top: 16px;	line-height: 24px; float: left;}
.Wp_Roll-Pic marquee a{	color: White; font-size: 12px;}

.Wp_Roll-Wang{width:296px; height: 58px;  float: left;	background:url(Img/Bg-Roll-Wang.gif) no-repeat; margin-left: 10px; _margin-left: 5px; margin-top: 12px;}
.Wp_Roll-Wang marquee{ width: 170px; margin-left: 106px; _margin-left: 53px; margin-top: 16px;	line-height: 24px; float: left;}
.Wp_Roll-Wang marquee a{	color: White; font-size: 12px;}

.Wp_Roll-Circle{width:296px; height: 58px;  float: left;	background:url(Img/Bg-Roll-Circle.gif) no-repeat; margin-left: 10px; _margin-left: 5px; margin-top: 12px;}
.Wp_Roll-Circle marquee{ width: 170px; margin-left: 106px; _margin-left: 53px; margin-top: 16px;	line-height: 24px; float: left;}
.Wp_Roll-Circle marquee a{	color: White; font-size: 12px;}

.MenuNav_Cur{  color: Black;}
.MenuNav_Cur a{  color: Black;}



.Wp_Center{	float: left;   width: 100%;}

.State {float: left; width: 70px; height: 70px; background:url(Img/Statebg.gif) no-repeat -74px 0;  margin-left: 10px;_margin-left: 2px; }
.State .StateNumeral{ width: 100%; float:left; font-size:17px; line-height:20px; color:#A13B22; font-weight:normal; text-align: center; padding-top: 13px;}
.State .StateType{ width: 100%; float:left; font-size:12px; line-height:26px; color:#666666; font-weight:bold; text-align: center;}
.Btn-State{	float: left; width:70px; height: 32px; background:url(Img/Statebg02.gif) no-repeat; margin-top: 16px;
line-height:30px; color:#666666; font-weight:bold; text-align: center;}
.Btn-State a{	color:#FE8600;  display: block; width:70px; height: 32px; font-size: 14px;}
.Btn-State a:hover{	color:#009DDE; }

.Wp_News{	float: left; border-bottom: dotted 1px #B7B7B7; padding-bottom: 10px;  margin-top: 10px;}
.Wp_News_Left{	 float: left; width: 90px;}
.Wp_News_Right{	float: left;width: 506px; padding-top: 2px;}
.Wp_News_Right h1{	font-size: 12px; font-weight: normal; line-height: 18px; color: #666;}
.Wp_News_Right h1 a{ color: #009DDE ;}
.Wp_News_Right h1 a:hover{	text-decoration: underline;}
.Wp_News_Right h2{	font-size: 12px; font-weight: normal; line-height: 20px; color: #000; padding: 4px 0px;}
.Wp_News_Right h2 a{ color: #000 ;}
.Wp_News_Right h2 a:hover{	text-decoration: underline;}

.Wp_Club{	float: left; border-bottom: dotted 1px #B7B7B7; padding-bottom: 10px;  margin-top: 10px;}
.Wp_Club_Left{	 float: left; width: 450px;}
.Wp_Club_Right{	float: left;width: 146px; padding-top: 2px;}
.Wp_Club_Right h1{	font-size: 12px; font-weight: normal; line-height: 24px; color: #666;}
.Wp_Club_Right h1 a{ color: #009DDE ;}
.Wp_Club_Right h1 a:hover{	text-decoration: underline;}

.Wp_Club_Detail{	 float: left; width: 99%; line-height: 24px; padding-left: 4px;}

.Tab_Foot{ margin: 0 auto;  width:1002px;height: 128px;	background:url(Img/Foot-Bg.gif) repeat-x 0px 20px;}
.F_wordA{ float: left;  width: 100%; height: 28px; padding-top: 20px;}
.F_wordA ul{  width: 240px;margin: 0 auto;}
.F_wordA ul li{	float: left; text-align: center;line-height: 28px; margin-left: 6px; _margin-left: 3px;}
.F_wordA ul li a{	 color: #000; font-size: 12px;}
.F_wordB{   width: 100%; text-align: center;line-height: 28px;color: #000; font-size: 12px;}