﻿/* 页面通用样式 general style  */
* {margin: 0px;padding: 0px;}
body, h1, p, input, textarea, select { font: 13px Arial, Helvetica, sans-serif, "宋体"; }
body
{
	background-color:#E3E5DC;
}
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; }

.commonTr { height:30px; font-weight:bold; background:#def3d6;}
/*content layout */
.clear { clear: both; }
#commonHeader { width: 978px; background: #f3ffeb; border: #b1d990 0px solid; margin: 0 auto; padding: 0px; }

#commonContent { width: 978px; margin: 0 auto; padding: 0px; background-image:url(../../images/main/mainback.gif)}
#commonContentAdmin { width: 978px; margin: 0 auto; padding: 0px; background-image:url(../../images/main/mainback2.gif)}
  #commonLeftColumn  {float: left;width: 228px; padding-right: 6px; padding-left:6px; padding-top:3px; overflow: hidden; }
  #commonCenterColumn { float: left; width: 500px; padding-right:6px; padding-top:3px;}
  #commonRigthColumn  {float: right;width: 223px; padding-right: 6px; padding-top:3px;overflow: hidden;}
	
#commonBottom { width: 978px; background: #f3ffeb; border: #b1d990 0px solid; margin: 0 auto; padding: 0px; }

/* 协作组 club */
#clubHeader { width: 978px; background: #f3ffeb; border: #b1d990 0px solid; margin: 0 auto; padding: 0px; }

#clubContent { width: 978px; margin: 0 auto; padding: 0px; background-image:url(../../images/main/mainback.gif)}
  #clubLeftColumn  {float: left;width: 228px; padding-right: 6px; padding-left:6px; padding-top:3px; overflow: hidden; }
  #clubCenterColumn { float: left; width: 500px; padding-right:6px; padding-top:3px;}
  #clubRigthColumn  {float: right;width: 223px; padding-right: 6px; padding-top:3px;overflow: hidden;}
  
#clubBottom { width: 978px; background: #f3ffeb; border: #b1d990 1px solid; margin: 0 auto; padding: 6px; }

/* 新闻 news */
#newsHeader { width: 978px; background: #f3ffeb; border: #b1d990 0px solid; margin: 0 auto; padding: 0px; }

#newsContent { width: 978px; margin: 0 auto; background-image:url(../../images/main/mainback.gif)}
  #newsLeftColumn  {float: left;width: 228px; border: #b1d990 0px solid; padding-right: 6px; padding-bottom:0px; padding-top:3px; padding-left:6px; overflow: hidden; }
  #newsCenterColumn { float: right;width: 732px; padding-right:6px; padding-top:3px; overflow: hidden;}
	
#newsBottom { width: 978px; background: #f3ffeb; border: #b1d990 0px solid; margin: 0 auto; padding: 0px; overflow: hidden;}
	

/* 博客 blog */
#blogHeader { width: 978px; background: #f3ffeb; border: #b1d990 1px solid; margin: 0 auto; padding: 0px; }

#blogContent { width: 978px; margin: 0 auto; background-image:url(../../images/main/mainback.gif)}
  #blogLeftColumn  {float: left;width: 228px; border: #b1d990 0px solid; padding-right: 6px;padding-bottom:0px; padding-top:3px; padding-left:6px; overflow: hidden; }
  #blogCenterColumn { float: right;width: 732px; padding-right:6px; padding-top:3px; overflow: hidden;}
  #blogRightColumn  {}
	
#blogBottom { width: 978px; background: #f3ffeb; border: #b1d990 1px solid; margin: 0 auto; padding: 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 TitleList */
.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 */
.s { padding: 10px; }
.newsViewArea {padding-left:15px;}
.newsViewArea h1 { font-size: 20px; font-weight: bold; line-height: 45px; 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; }

/* 新闻列表/排行news list | rank */
.newsList {}
.newsListHeader, .newsListItem { padding:4px 0px 3px 0px; border-bottom: dotted #ccc 1px; color: #666; clear: both;}
.newsListItem1 { padding:4px 0px 3px 0px; border-bottom: dotted #ccc 1px; color: #666; clear: both; }
.newsListItem:hover { background: #eee; cursor: default; }
.newsListPlace, .newsListPlaceFirst, .newsListPlaceSecond, .newsListPlaceThird { background: url(../../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; }
.newsListPlaceFirst { background-position: 0px -128px; color: #fff; }
.newsListPlaceSecond { background-position: -16px -128px; color: #fff; }
.newsListPlaceThird { background-position: -32px -128px; color: #fff; }
.newsListPlace { background-position: -48px -128px; }
.newsListTitle {width:60%; line-height: 16px;}      
.newsCategory {width:55%; line-height: 16px;}                                        
.newsListAuthor { width: 13%;  line-height: 16px; padding-left: 10px; overflow: hidden; white-space: nowrap; float:right;}
.newsListComment, .newsListView { width: 5%; float: right; line-height: 16px; padding-left: 5px; }
.newsListRating, .newsListTime {  float: right; line-height: 16px; padding-left: 5px; }

.tagnewsList {}
.tagnewsListHeader, .tagnewsListItem { padding: 5px; border-bottom: dotted #ccc 1px; color: #666; clear: both; }
.tagnewsListItem:hover { background: #eee; cursor: default; }
.tagnewsListPlace, .tagnewsListPlaceFirst, .tagnewsListPlaceSecond, .tagnewsListPlaceThird { background: url(../../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; }
.tagnewsListPlaceFirst { background-position: 0px -128px; color: #fff; }
.tagnewsListPlaceSecond { background-position: -16px -128px; color: #fff; }
.tagnewsListPlaceThird { background-position: -32px -128px; color: #fff; }
.tagnewsListPlace { background-position: -48px -128px; }
.tagnewsListTitle { line-height: 16px; }
.tagnewsListAuthor { width: 80px; float: right; line-height: 16px; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tagnewsListComment, .tagnewsListView { width: 20px; float: right; line-height: 16px; padding-left:2px; }
.tagnewsListRating, .tagnewsListTime { width: 80px; float: right; line-height: 16px; padding-left: 2px; }


/* 标签 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; }

/* 博客列表 bloglist */
.blogPostList{}
.blogPostArea{ display: block; margin-bottom: 10px; border-bottom: dotted #ccc 1px; }
.blogPostHeader { height: 20px; padding: 6px; }
.blogPostHeader a { font-size: 14px; font-weight: bold; line-height: 28px; }
.blogPostHeader cite { color: #666; font-size: 12px; font-weight: normal; font-style: normal; margin: auto 6px; }
.blogPostHeader em { display: block; float: right; margin-top: 6px; margin-right: 10px; }
.blogTimeTagTitle { height: 30px; }
.blogTimeTitle { float: left; color: #666; padding: 6px; }
.blogTagTitle { float: right; color: #666; padding: 6px; }
.blogRating{ width: 80px; height: 80px; margin: 5px 10px 0px 0px; background-color: #FFF799; vertical-align: top; text-align: center; padding: 8px 2px 2px 2px; font-family: Arial; line-height: 20px; }
.blogCommentCount{ font-size: 22px; font-weight: bold; font-family: Arial Narrow, Arial; }
.blogPostContent{ color: #333; font-size: 14px; line-height: 15px; padding: 10px; }
.blogPostFooter{ color: #666; padding: 6px; text-align: right; }
.blogPostFooter q { padding: 0 8px; }
.blogFullContentHeader { height: 30px; padding: 6px; }

/* --协作组 分类 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: 25px; background: url(../../Images/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 list */
.clubListFull { clear: both;color: #666;}
	.clubListFull li { line-height: 20px; display: block; padding: 5px; overflow: hidden; }
		.clubListFullPortrait { float: left; width: 55px; }
		.clubListFullBrief { float: left; width: 130px; }
		.clubListFullContent { float: left; width: 500px; }
			.clubListFull cite { float: right; font-style: normal; color: #666; }
		.clubListFull p { line-height: 25px; text-align: left; }
		.clubIntroduce { clear: both; line-height: 25px; }
		
/* 协作组 申请加入 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; }
/* --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; }

/* common style */
.commonSideContent { padding:0 0 0 5px; display: block; overflow: hidden; zoom:1; }
.commonSideMenuContent { padding: 0 10px; display: block; overflow: hidden; zoom:1; }
.commonSideMenuContent li { background-position: left center; background-repeat: no-repeat; padding: 5px 0 5px 20px; padding: 7px 0 3px 20px; height: 16px; width: 78px; float: left; display: block; }
.commonSideMenuContent li em { color: #666; font-style: normal; padding-left: 2px; }
.commonSideMenuContent2 { padding: 0 10px; display: block; overflow: hidden; zoom:1; }
.commonSideMenuContent2 li { background-position: left center; background-repeat: no-repeat; padding: 5px 0 5px 20px; padding: 7px 0 3px 20px; height: 14px; width: 140px; float: left; display: block; }

/* modules */
.module { margin-bottom: 3px; clear: both;}
	.moduleHeader { background: url(Images/bg_x.gif) no-repeat left -39px; padding-left: 7px;}
		.moduleHeaderContainer { color: #333; height: 18px; 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: 3px 6px 0px 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;}
/* Tab page */
.generalTabs{ display: block; height: 27px; 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; 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(../../Images/images/ccc.gif) repeat-x bottom; height: 6px; clear: both; font-size: 1px; }
.spaceLineM10 { background: url(../../Images/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; text-align: right; margin-right: 6px;margin-top: 2px }
.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 h2 { font-size: 12px; font-weight: bold; line-height: 24px; }
.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; }		
.secondTitle { font-size: 12px; font-weight: normal; color: #666; line-height: 25px; text-align: center; }
/* form style  */
.commonFormArea{ width: 100%;}
.commonFormTitle{ background: url(Images/images/ccc.gif) repeat-x bottom; font-weight: bold; padding: 3px; line-height: 26px; text-align: center; clear: both; }
.commonFormDescription{ color: #999; }
.commonFormFieldName{ padding-left: 10px; line-height: 30px; }
.commonFormFieldDescription{ color: #666; padding: 3px; line-height: 22px; vertical-align: top; }
.commonFormField{ padding: 3px; vertical-align: top; }
.commonFormText{ padding-left: 10px; line-height: 30px; color: #666; text-align:left; }
.commonFormText2{ padding-left: 10px; line-height: 30px; color:#215803 ; }
/* form button */
.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(../../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(../../images/btn_bg.gif) repeat-x 0 -38px; text-decoration: none; font-weight: bold; cursor: default; color: #333; }
.commonButton:hover{ background: url(../../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(../../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(../../Images/Icons/help_out.gif) left center no-repeat; padding-right: 3px; padding-left: 3px; }
a.helpIcon:hover{ background: url(../../Images/Icons/help_hover.gif) left center no-repeat; cursor: help; }

/* Rating */
.ratingStar { display: block; width: 16px; cursor: pointer; background: url(../../Images/img_bg.gif) no-repeat; line-height: 16px; }
.filledRatingStar { 	background-position: 0px -160px; }
.emptyRatingStar {	background-position: -16px -160px; }
.savedRatingStar { 	background-position: -32px -160px;}

/* 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; }

/* Ico link style */

.icoLinkWriteNewMessage { background: url(../../Images/Icons/icon_message_create.gif) no-repeat left center; }
.icoLinkInbox { background: url(../../Images/Icons/icon_inbox.gif) no-repeat left center;}
.icoLinkSent { background: url(../../Images/Icons/icon_outbox.gif) no-repeat left center;}
.icoLinkTrash { background: url(../../Images/Icons/trash.gif) no-repeat left center;}
.icoLinkInvite { background: url(../../Images/Icons/link.gif) no-repeat left center;}
.icoLinkInviteSend { background: url(../../Images/Icons/icon_SendedInvites.gif) no-repeat left center; }
.icoLinkInviteReceive { background: url(../../Images/Icons/icon_ReceivedInvites.gif) no-repeat left center; }
.icoLinkInviteAccept { background: url(../../Images/Icons/icon_AcceptInvite.gif) no-repeat left center;}
.icoLinkInviteRefuse { background: url(../../Images/Icons/icon_RefuseInvite.gif) no-repeat left center;}
.icoLinkFriend { background: url(../../Images/Icons/icon_friend.gif) no-repeat left center; }
.icoLinkFriendAll { background: url(../../Images/Icons/user_connection.gif) no-repeat left center; }
.icoLinkFriendLink { background: url(../../Images/Icons/user_link.gif) no-repeat left center; }
.icoLinkContact { background: url(../../Images/Icons/icon_contact.gif) no-repeat left center; }
.icoLinkContactAll { background: url(../../Images/Icons/icon_contact_all.gif) no-repeat left center; }
.icoLinkAttach { background: url(../../Images/Icons/attach.gif) no-repeat left center; }
.icoLinkEdit { background: url(../../Images/Icons/icon_edit.gif) no-repeat left center ;}
.icoLinkComment { background: url(../../Images/Icons/comment.gif) no-repeat left center ; }
.icoLinkCommentManage { background: url(../../Images/Icons/comment_manage.gif) no-repeat left center; }
.icoLinkCommentGood { background: url(../../Images/Icons/icon_GoodAppraisement.gif) no-repeat left center ; }
.icoLinkCommentNotBad { background: url(../../Images/Icons/icon_MiddleAppraisement.gif) no-repeat left center ; }
.icoLinkCommentBad { background: url(../../Images/Icons/icon_BadAppraisement.gif) no-repeat left center ; }
.icoLinkConnection { background: url(../../Images/Icons/user_connection.gif) no-repeat left center;}
.icoLinkConcessionary { background: url(../../Images/Icons/icon_ConcessionaryUser.gif) no-repeat left center;}
.icoLinkBookmark { background: url(../../Images/Icons/icon_favorite.gif) no-repeat left center;}
.icoLinkDownloadCard { background: url(../../Images/Icons/icon_vcard.gif) no-repeat left center;}
.icoLinkSendMessage { background: url(../../Images/Icons/icon_sendMessage.gif)  no-repeat left center;}
.icoLinkReplyMessage { background: url(../../Images/Icons/icon_ReplyMessage.gif)  no-repeat left center;}
.icoLinkCheck { background: url(../../Images/Icons/check.gif) no-repeat left center; }
.icoLinkPloughunder { background: url(../../Images/Icons/bomb.gif) no-repeat left center;}
.icoLinkWriteComment {  background: url(../../Images/Icons/icon_createAppraise.gif) no-repeat left center;}
.icoLinkManageComment {  background: url(../../Images/Icons/comment_manage.gif) no-repeat left center;}
.icoLinkFlag { background: url(../../Images/Icons/flag.gif) no-repeat left center; }
.icoLinkFlagRed { background: url(../../Images/Icons/flag_red.gif) no-repeat left center; }
.icoLinkDel { background: url(../../Images/Icons/icon_trashbox.gif) no-repeat left center; }
.icoLinkAlreadyRead {  background: url(../../Images/Icons/icon_message_isread.gif) no-repeat left center; }
.icoLinkNoRead { background: url(../../Images/Icons/icon_message_notread.gif) no-repeat left center; }
.icoLinkWriteArticle { background: url(../../Images/Icons/icon_write.gif) no-repeat left center; }
.icoLinkManageArticle { background: url(../../Images/Icons/article_manage.gif) no-repeat left center; }
.icoLinkTag { background: url(../../Images/Icons/tag.gif) no-repeat left center; }
.icoLinkTagManage { background: url(../../Images/Icons/tag_manage.gif) no-repeat left center; }
.icoLinkSet { background: url(../../Images/Icons/icon_setting.gif) no-repeat left center; }
.icoLinkYes { background: url(../../Images/Icons/icon_true.gif) no-repeat left center; }
.icoLinkNo { background: url(../../Images/Icons/icon_false.gif) no-repeat left center; }
.icoLinkPhotoAnotherSize { background: url(../../Images/Icons/icon_viewsizes.png) no-repeat left center; }
.icoLinkPhotoProperty { background: url(../../Images/Icons/icon_viewexif.png) no-repeat left center; }
.icoLinkPhotoExif { background: url(../../Images/Icons/icon_viewexif.gif) no-repeat left center; }
.icoLinkPhotoUpload { background: url(../../Images/Icons/image_upload.gif) no-repeat left center; }
.icoLinkPhotoManage { background: url(../../Images/Icons/image_manage.gif) no-repeat left center; }
.icoLinkPhotoSize { background: url(../../Images/Icons/image_size.gif) no-repeat left center; }
.icoLinkAlbumManage { background: url(../../Images/Icons/album_manage.gif) no-repeat left center; }
.icoLinkUpload { background: url(../../Images/Icons/upload.gif) no-repeat left center; }
.icoLinkDownload { background: url(../../Images/Icons/download.gif) no-repeat left center; }
.icoLinkFolderManage { background: url(../../Images/Icons/folder_manage.gif) no-repeat left center; }
.icoLinkConfigure { background: url(../../Images/Icons/icon_configure.gif) no-repeat left center; }
.icoLinkhelp { background: url(../../Images/Icons/help_hover.gif) no-repeat left center; }
.icoLinkAdd { background: url(../../Images/Icons/add.gif) no-repeat left center; }
.icoLinkFolder { background: url(../../Images/Icons/icon_folder.gif) no-repeat left center; }
.icoLinkFolderAll { background: url(../../Images/Icons/icon_Managefolder.gif) no-repeat left center; }
.icoLinkFavorite { background: url(../../Images/Icons/icon_favorite.gif) no-repeat left center; }
.icoLinkArchives { background: url(../../Images/Icons/archives.gif) no-repeat left center; }
.icoLinkPortrai { background: url(../../Images/Icons/portrai.gif) no-repeat left center; }
.icoLinkSkin { background: url(../../Images/Icons/skin.gif) no-repeat left center; }
.icoLinkSpeaker { background: url(../../Images/Icons/icon_speaker.gif) no-repeat left center; }
.icoLinkTeachIndex { background: url(../../Images/Icons/post_go.gif) no-repeat left center; }
.icoLinkTeach { background: url(../../Images/Icons/dotfang.gif) no-repeat left center;}
.icoLinkTeach2 { background: url(../../Images/Icons/dotfang.gif) no-repeat left center;}
.icoLinkTeach2 a { color:Red;}
.icoLinkImg { background: url(../../Images/Icons/image.gif) no-repeat left center; }
.icoLinkQA { background: url(../../Images/Icons/update.gif) no-repeat left center; }
/* 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:0px 4px 4px 4px; background: url(../../Images/default/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; }

.tableGrid2 td { background: url(../../Images/default/ccc.gif) repeat-x bottom; }
.tableGrid2 td p { line-height: 20px; }

.gridHeader{ line-height: 20px; 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: 22px; color: #666; }
.gridItem2{ line-height: 25px; color: #666; }
.gridItem3{ line-height: 18px; 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: 0px; }
.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; }
