body {
	margin: 0;
	padding: 0;
	scrollbar-arrow-color: #565656; /*三角箭头的颜色*/
	scrollbar-face-bg: #fff; /*立体滚动条的颜色*/
	scrollbar-3dlight-color: #fff; /*立体滚动条亮边的颜色*/
	scrollbar-highlight-color: #c6c6c6; /*滚动条空白部分的颜色*/
	scrollbar-shadow-color: #c6c6c6; /*立体滚动条阴影的颜色*/
	scrollbar-darkshadow-color: #fff; /*立体滚动条强阴影的颜色*/
	scrollbar-track-color: #fff; /*立体滚动条背景颜色*/
	scrollbar-base-color: #f6f6f6; /*滚动条的基本颜色*/
	background-color: #fff;
	
}

* {
	font-family:Tahoma,"宋体";
}

img {
	border: 0;
}

a {
	hide-focus: expression(this . hideFocus = true);
	outline: none;
}

/* 6-8add  */

.g-in-box h6  {
    margin:0 0 0 12px;padding:0 0 0 12px;
	font-size:12px; font-weight:normal; float:left; background-position:0 5px;
	background: url(http://static.xiaoi.com/zone/images/gim-icons.gif) no-repeat;
}

.g-in-box h6 a {
	 color:#006bcb; text-decoration:none;
}
.g-in-box h6 a:hover {
	 color:#006bcb; text-decoration:underline;
}



/* icons */
.pageTitle,.pageSubtitle,.photoNav,.photoShowlist {
	background: url(http://static.xiaoi.com/zone/images/t-bg.gif) repeat-x;
}

.addThis {
	background: url(http://static.xiaoi.com/zone/images/pic-across.gif) no-repeat;
}

.toprBox {
	background: url(http://static.xiaoi.com/zone/images/search-bg.gif) repeat-x;
}

.searchBtn,.delBtn,.turnleft,.turnright {
	background: url(http://static.xiaoi.com/zone/images/function-icons.gif)
		no-repeat;
}

.rollPost,h4,h5,.yahooicon,.msnicon,.subNav ul.leftnavg li,.error,.dragZoomin,.dragZoomout,.msnAccount,.usermarked,.userCEO,.userAdmin,.msniconBig,.cGroupicon,.okicon,.noicon,.maleicon,.femaleicon
	{
	background: url(http://static.xiaoi.com/zone/images/gim-icons.gif) no-repeat;
}
.userAdmincn,.userCEOcn {
    background: url(http://static.xiaoi.com/zone/images/icon_mem.gif) no-repeat;
}
.bebo,.delicio,.digg,.facebook,.flickr,.friendfeed,.friendster,.hi5,.jaiku,.lastfm,.linkedin,.myspace,.netvbies,.orkut,.picasa,.pownce,.stemb,.twitter,.wls,.youtube
	{
	background: url(http://static.xiaoi.com/zone/images/im-icons.gif) no-repeat;
	padding-left: 22px;
	width: 18px;
	height: 22px;
}

/* iconimg */
.addThis {
	background-position: 0 -63px;
	width: 125px;
	height: 16px;
}

.yahooicon {
	background-position: 0 -292px;
	width: 17px;
	height: 17px;
	float: left;
	margin: 4px 5px 0 0;
}

.msnicon {
	background-position: 0 -323px;
	width: 17px;
	height: 17px;
	float: left;
	margin: 4px 2px 0 0;
}

.photoiconBox {
	width: 19px;
	height: 19px;
	margin: 0 2px;
}

.turnleft {
	background-position: 0 -60px;
	width: 19px;
	height: 19px;
	float: left;
}

.turnright {
	background-position: 0 -88px;
	width: 19px;
	height: 19px;
	float: left;
}


.closeBtng  {
	width:16px; 
	height:16px;
	float:left;
}
.closeBtng a {
	background-position:0 -93px!important;
	background-position:0 -88px;
}
.closeBtng a:hover {
	background-position:0 -117px!important;
	background-position:0 -112px;
}
.closeBtng a,.closeBtng a:hover
{
	background:url(http://static1.xiaoi.net/images/c-dot.gif) no-repeat;
}

.delBtn {
	background-position: 0 3px;
	width: 18px;
	height: 18px;
	margin: 3px;
	float: left;
}

.msnAccount {
	font-size: 12px;
	color: #000;
	background-position: 0 -321px;
	height: 18px;
	padding-left: 20px;
	line-height: 20px;
}

.userCEO {
	width: 20px;
	height: 20px;
	background-position: 0 -834px;
	padding-left: 18px;
	display: block;
	font-size: 12px;
	color: #666;
	font-weight: bold;
	line-height: 20px;
	margin: 0 auto;
}

.userAdmin {
	width: 30px;
	height: 20px;
	background-position: 0 -866px;
	font-size: 12px;
	padding-left: 18px;
	display: block;
	color: #666;
	font-weight: bold;
	line-height: 20px;
	margin: 0 auto;
}
.userCEOcn {
	width: 35px;
	height: 20px;
	background-position: 0 0px;
	padding-left: 18px;
	display: block;
	font-size: 12px;
	color: #666;
	font-weight: bold;
	line-height: 20px;
	margin: 0 auto;
}

.userAdmincn {
	width: 50px;
	height: 20px;
	background-position: 0 -27px;
	font-size: 12px;
	padding-left: 18px;
	display: block;
	color: #666;
	font-weight: bold;
	line-height: 20px;
	margin: 0 auto;
}

.okicon {
	background-position: 0 -1062px;
	width: 18px;
	height: 18px;
	float: left;
	margin-top: 8px;
}

.noicon {
	background-position: 0 -1097px;
	width: 18px;
	height: 18px;
	float: left;
	margin-top: 8px;
}

.femaleicon {
	background-position: 0 -1128px;
	height: 20px;
	line-height: 25px;
	padding-left: 20px;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
}

.maleicon {
	background-position: 0 -1160px;
	height: 20px;
	line-height: 25px;
	padding-left: 20px;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
}

.bebo {
	background-position: 2px 1px;
}

.delicio {
	background-position: 2px -56px;
}

.digg {
	background-position: 2px -27px;
}

.facebook {
	background-position: 2px -87px;
}

.flickr {
	background-position: 2px -214px;
}

.friendfeed {
	background-position: 2px -181px;
}

.friendster {
	background-position: 2px -148px;
}

.hi5 {
	background-position: 2px -119px;
}

.jaiku {
	background-position: 2px -353px;
}

.lastfm {
	background-position: 2px -318px;
}

.linkedin {
	background-position: 2px -281px;
}

.myspace {
	background-position: 2px -246px;
}

.netvbies {
	background-position: 2px -484px;
}

.orkut {
	background-position: 2px -452px;
}

.picasa {
	background-position: 2px -419px;
}

.pownce {
	background-position: 2px -385px;
}

.twitter {
	background-position: 2px -580px;
}

.wls {
	background-position: 2px -548px;
}

.stemb {
	background-position: 2px -610px;
}

.youtube {
	background-position: 2px -516px;
}

/* ad */
.google-a728 {
	float: left;
	width: 728px;
	height: 90px;
	border: 1px solid #003366;
}

.google-a250 {
	float: right;
	width: 250px;
	height: 250px;
	text-align: center;
	border: 1px solid #ccc;
	margin-right: 5px;
}

.google-a468x15 {
	width: 468px;
	height: 15px;
}

.google-a468 {
	width: 468px;
	height: 60px;
	border: 1px solid #ccc;
}

.google-a160 {
	width: 160px;
	height: 600px;
}

/* layout */
.headWrapper {
	width: 100%;
	text-align: center;
}

.mainBox {
	width: 975px;
	height: auto;
	padding-top: 0px;
	text-align: left;
	margin: 0 auto;
}

.wraperBlue {
	background: url(http://static1.xiaoi.net/images/i-c-bg.gif) repeat-x
		top;
}

.wraperGreen {
	background: url(http://static.xiaoi.com/zone/images/main-green-bg.gif) repeat-x
		top;
}

.mainInfoBlue {
	background: url(http://static.xiaoi.com/zone/images/main-info-bg.gif) repeat-x
		top;
	padding: 15px 0 0 0;
}
.mainInfoBlue span a {
    color:#fff; text-decoration: none;
}
.mainInfoBlue span a:hover {
    color:#fff; text-decoration: underline;
}
.mainInfodash {
	background: url(http://static.xiaoi.com/zone/images/main-info-dasbg.gif)
		repeat-x top;
	padding: 10px 0 0 0;
}

.mainInfoGreen {
	width: 145px;
	background-color: #e3f5bd;
}

.mainInfoGreen p {
	font-size: 12px;
	text-align: center;
	margin: 0 0 8px 0;
}

.left-user {
	padding: 15px 0 0 0;
}

.left-user p {
	font-size: 12px;
	text-align: center;
	margin: 0 0 8px 0;
}
s
.toprBox {
	width: 230px;
	height: 86px;
	padding-top: 4px;
	border: 1px solid #003366;
	background-position: 0 0;
	float: right;
	text-align: center;
}

.toprBox p {
	margin: 0;
	padding: 0;
	color: #a07902;
	font-weight: bold;
	font-size: 12px;
	line-height: 22px;
}

.searchBox {
	width: 195px;
	height: 25px;
	margin: 0 auto;
	clear: both;
}

.searchBox input {
	border: 1px solid #898989;
	border-right: none;
	width: 163px;
	height: 19px;
	line-height: 19px;
	font-size: 12px;
	background-color: #fff;
	color: #666;
	margin: 0;
	float: left;
}

.createGroup {
	width: 200px;
	height: 29px;
	background: url(http://static.xiaoi.com/zone/images/search-bg2.png) no-repeat
		bottom;
	margin: 0 auto;
	padding-top: 2px;
	text-align: center;
	display: block;
}

.cGroupicon {
	background-position: 45px -994px;
	height: 25px;
	padding-left: 25px;
	font-size: 14px;
	line-height: 27px;
	font-family:Tahoma,"宋体";
	font-weight: bold;
	display: block;
}

.cGroupicon a {
	color: #000;
	text-decoration: none;
}

.searchBtn {
	background-position: 0 -128px;
	width: 25px;
	height: 25px;
	float: left;
}

.rollPost {
	height: 26px;
	clear: both;
	line-height: 26px;
	background-position: 0 -257px;
	padding:0 8px;
}

.rollPost a {
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

.rollPost a:hover {
	font-size: 12px;
	color: #000;
	text-decoration: underline;
}

.pageTitle {
	background-position: 0 0;
	height: 26px;
	padding: 5px 10px 0 10px;
}

.pageTitle-r {
	float: right;
}

.pageTitle-r p {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	margin: 0;
	padding: 0;
	float: left;
	line-height: 21px;
}

.pageSubtitle {
	background-position: 0 -51px;
	height: 24px;
}

.contentBg {
	background-position: 0 -929px;
}


.pic75Box {
	border: 1px solid #000;
	width: 75px;
	height: 75px;
	float: left;
	margin: 5px 7px 0px 7px;
}

.pic75Selc {
	border: 4px solid #e7e7e7;
	width: 77px;
	height: 76px;
	float: left;
	background-color: #000;
	margin: 0 7px 0px 7px;
	padding-top: 1px;
}

.subNav {
	float: left;
	width: 115px;
	padding-left: 20px;
}

.subNav ul.leftnavg {
	margin: 0;
	padding: 0;
	width: 115px;
}

.subNav ul.leftnavg li {
	list-style: none;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	line-height: 22px;
	height: 30px;
}

.subNav ul.leftnavg li a {
	color: #006bcb;
	text-decoration: none;
	font-size: 14px;
}

.subNav ul.leftnavg li a:hover {
	color: #006bcb;
	text-decoration: underline;
	font-size: 14px;
}
ul.change_service_g {
	margin: 0;
	padding: 0;
	width: 115px;
}

ul.change_service_g li {
	list-style: none;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	line-height: 22px;
	height: 30px;
}

ul.change_service_g li a {
	color: #006bcb;
	text-decoration: none;
	font-size: 14px;
}

ul.change_service_g li a:hover {
	color: #006bcb;
	text-decoration: underline;
	font-size: 14px;
}

.rSidesmall {
	float: right;
	width: 170px;
	height: 600px;
	margin-top: 5px;
	background-color: #fff;
}

.rSideBig {
	float: right;
	width: 255px;
	margin-top: 5px;
	text-align: left;
	background-color: #fff;
}
.rSideBig p {
    font-size:12px;
}
.rSideBig p a {
	color:#006bcb;
	text-decoration:none;
}
.rSideBig p a:hover {
	color:#006bcb;
	text-decoration:underline;
}
.mSide {
	float: left;
	width: 660px;
	background-color: #fff;
}

.mSideBig {
	float: left;
	background-color: #fff;
	width:535px; padding:0 5px;
}

.leftSide {
	float: left;
	width: 145px;
	background-color: #fff;
}

.titleRow {
	height: 25px;
	border-bottom: 1px solid #e7e7e7;
	padding: 5px 5px 0 5px;
}

.photoBox {
	width: 620px;
	height: 610px;
	background-color: #e3e3e3;
	margin: 20px auto 25px auto !important;
	margin: 20px auto 10px auto;
	padding: 10px 0 0 0;
	text-align: center;
}

.photo525 {
	width: 525px;
	height: 395px;
	background-color: #000;
	padding: 5px;
	margin: 0 auto;
}

.photoNav {
	background-position: 0 -100px;
	width: 535px;
	height: 30px;
	text-align: center;
	margin: 0 auto;
	padding-top: 4px;
}

.photoInfo {
	width: 525px;
	height: 25px;
	margin: 0 auto;
	font-size: 12px;
	text-align: left;
	line-height: 25px;
}

.photoShowlist {
	background-position: 0 -163px;
	height: 88px;
	margin-top: 10px;
	padding: 5px 5px 3px 5px;
	clear: both;
}

.contBox {
	margin: 8px auto 0 auto;
	padding:10px 0 0 0;
	
}

.contBox th {
	font-size: 12px;
	font-weight: bold;
	color: #666;
	padding: 2px 5px 2px 2px;
	line-height: 18px;
}

.contBox td {
	font-size: 12px;
	color: #000;
	word-break:break-all; 
	word-wrap:break-word;
}

.contBox p {
	font-size: 12px;
	color: #666;
	margin: 10px;
	line-height: 20px;
	word-break:break-all; 
	word-wrap:break-word;
}

.contBox p a {
	color: #006bcb;
	font-size: 12px;
	text-decoration: none;
}

.contBox p a:hover {
	color: #006bcb;
	font-size: 12px;
	text-decoration: underline;
}

.fontbold {
	font-size: 12px;
	color: #666;
	font-weight: bold;
}

.fontnormal {
	font-size: 12px;
	color: #000;
}

.photo100 {
	margin: 0 5px;
	padding: 5px 0;
	width: 118px;
	height: 130px;
	text-align: center;
	float: left;
}

.photo100Box {
	width: 100px;
	height: 100px;
	background-color: #fff;
	border: 1px solid #000;
	margin: 0 auto;
}

.photo100 p {
	margin: 2px auto;
	padding: 0;
	line-height: 14px;
	word-break:break-all; 
	word-wrap:break-word;
}

.photo100 p a {
	color: #006bcb;
	font-size: 12px;
	text-decoration: none;
}

.photo100 p a:hover {
	color: #006bcb;
	font-size: 12px;
	text-decoration: underline;
}

.photo75 {
	margin: 0 6px;
	padding: 5px 0;
	width: 80px;
	height: 100px;
	text-align: center;
	float: left;
}

.photo75Box {
	width: 75px;
	height: 75px;
	background-color: #fff;
	border: 1px solid #000;
	margin: 0 auto;
}

.photo75 p {
	margin: 2px auto;
	padding: 0;
	line-height: 14px;
	word-break:break-all; 
	word-wrap:break-word;
}

.photo75 p a {
	color: #006bcb;
	font-size: 12px;
	text-decoration: none;
}

.photo75 p a:hover {
	color: #006bcb;
	font-size: 12px;
	text-decoration: underline;
}

.tipsBox {
	background: url(http://static.xiaoi.com/zone/images/tips-box-bg.gif) no-repeat;
	float: right;
	width: 250px;
	height: 150px;
}

.tipsBox p {
	margin: 15px 10px 10px 30px;
	color: #ff7200;
	font-size: 12px;
	line-height: 20px;
	word-break:break-all; 
	word-wrap:break-word;
}

.addInput2 {
	width: 200px;
	float: left;
	height: 14px;
	padding: 2px;
	margin: 3px;
	line-height: 14px;
	word-spacing: 2px;
}

.addInput1 {
	width: 275px;
	height: 22px; 
	#height: 19px;
	_height: 20px;
	padding: 2px;
	margin: 3px;
	line-height: 18px;
	word-spacing: 2px;
}

.setPhoto {
	width: 155px;
	height: 145px;
	float: left;
}

.setPhoto p {
	font-size: 12px;
	line-height: 15px;
	margin: 3px 0;
	word-break:break-all; 
	word-wrap:break-word;
}

.setPhoto p.error {
	color: #cc0000;
	background-position: 25px -210px;
	padding-left: 8px;
}

.setPhoto p.yes {
	color: #339900;
	font-weight: bold;
}

.setPhotoleft {
	width: 120px;
	height: 145px;
	float: left;
	text-align: center;
}

.sefPhotoright {
	float: right;
}

.Photo120Div {
	width: 120px;
	height: 90px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.showArrowl {
	width: 24px;
	float: left;
	padding: 35px 0;
}

.showArrowr {
	width: 24px;
	float: right;
	padding: 35px 0;
}

.commentDiv {
	padding-top:10px;
}

.number {
	float: left;
	width: 45px;
	text-align: center;
	font-size: 22px;
	line-height: 20px;
	font-style: italic;
	color: #339900;
	font-family:Tahoma,"宋体";
}

.details {
	float: left;
	width: 595px;
	font-size: 12px;
	color: #000;
	line-height: 15px;
}

.details p {
	margin: 4px 0 0 0;
	font-size: 12px;
	color: #333;
	line-height: 16px;
	word-break:break-all;
	word-wrap:break-word;
}

.details p.caption {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	padding-bottom: 3px;
	word-break:break-all;
	word-wrap:break-word;
}

.details p.timefont {
	font-size: 12px;
	color: #999;
	line-height: 12px;
}


.dateline {
	height: 25px;
	border-bottom: 1px solid #ccc;
	clear: both;
	padding: 0 5px 0 0;
	text-align: right;
	font-size: 12px;
	color: #666;
	line-height: 20px;
}

.turnPage {
	text-align: center;
	font-size: 12px;
	color: #666;
	height: 35px;
	clear: both;
	margin-top: 10px;
	padding: 3px 0;
}

.turnPage a {
	color: #006bcb;
	text-decoration: none;
	font-size: 12px;
	padding: 2px 5px 3px 6px;
	border: 1px solid #ccc;
	margin: 3px;
	line-height: 18px;
}

.turnPage a:hover {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	padding: 3px 5px 3px 6px;
	border: 1px solid #ccc;
	margin: 3px;
	background-color: #006bcb;
	line-height: 18px;
}

.currentPage {
	color: #fff;
	font-size: 12px;
	padding: 3px 5px 3px 6px;
	margin: 3px;
	border: 1px solid #ccc;
	background-color: #006bcb;
	font-weight: bold;
	line-height: 18px;
}

.nonactivPage {
	color: #ccc;
	font-size: 12px;
	padding: 2px 5px 3px 6px;
	border: 1px solid #ccc;
	margin: 3px;
	line-height: 18px;
}

.writeComment {
	margin: 0 auto;
	padding-top: 10px;
	width: 640px;
}

.writeArea {
	float: left;
	width: 345px;
}

.writeArea th {
	text-align: left;
	line-height: 14px;
}

.comentList {
	padding: 0 5px;
}

.comentList ul {
	margin: 0;
	padding: 0 7px;
	height: 25px;
	border-bottom: 1px dashed #ccc;
}

.comentList ul li {
	list-style: none;
	line-height: 18px;
	font-size: 12px;
	color: #333;
	padding-top: 3px
}

.comentList ul li.view {
	float: left;
	width: 40px;
}

.comentList ul li.reply {
	float: left;
	width: 50px;
}

.comentList ul li.discuss {
	float: left;
	width: 350px;
}

.comentList ul li.discuss a {
	color: #006bcb;
	text-decoration: none;
}

.comentList ul li.discuss a:hover {
	color: #006bcb;
	text-decoration: underline;
}
.comentList ul li.preview {
	float:left; width:250px;
}
.comentList ul li.preview a {
	color:#006bcb; text-decoration:none;
}
.comentList ul li.preview a:hover {
	color:#006bcb; text-decoration:underline;
}
.comentList ul li.author {
	float: left;
	width: 72px;
}
.comentList ul li.author a {
	color:#006bcb; text-decoration:none;
}
.comentList ul li.author a:hover {
	color:#006bcb; text-decoration:underline;
}
.comentList ul li.lasttime {
	float: left;
	width: 90px;
}

.comentList ul li.discussIndex {
	float: left;
	width: 285px;
}

.comentList ul li.discussIndex a {
	color: #006bcb;
	text-decoration: none;
}

.comentList ul li.discussIndex a:hover {
	color: #006bcb;
	text-decoration: underline;
}

.pMenuBox {
	margin: 3px 0 0 0;
	padding: 0;
	float: right;
}

.pMenuBox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pMenuBox ul li {
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #ccc;
	border-bottom: none;
	color: #666;
	background-color: #f3f3f3;
	margin: 1px 2px 0 2px;
	padding: 1px 8px;
	line-height: 18px;
	float: left;
}

.pMenuBox ul li a {
	color: #666;
	text-decoration: none;
}

.pMenuBox ul li a:hover {
	color: #666;
	text-decoration: none;
}

.pMenuBox ul li.seleMenu {
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #ccc;
	border-bottom: none;
	color: #666;
	background-color: #fff;
	margin: 0 2px;
	padding: 1px 8px 2px 8px;
	line-height: 18px;
	float: left;
	position: relative;
	top: 1px;
}

.editPic {
	float: left;
	width: 600px;
}

.editPicTi {
	font-size: 12px;
	font-weight: bold;
	color: #666;
	border-bottom: 1px dotted #ccc;
	line-height: 25px;
	margin: 0 0 10px 0;
	padding: 0 0 0 8px;
}

.cropPicBox {
	width: 250px;
	height: 240px;
	border: 2px solid #333;
	background-color: #fff;
	cursor: pointer;
	margin-top: 5px;
}

.cropPic96 {
	width: 96px;
	height: 96px;
	border: 1px solid #e6e6e6;
}

.dragDiv {
	width: 250px;
	margin: 5px 0 7px 0;
}

.dragZoomin {
	background-position: 1px -420px;
	width: 18px;
	height: 20px;
	margin-right: 3px;
	float: left;
}

.dragZoomout {
	background-position: 1px -389px;
	width: 18px;
	height: 20px;
	float: right;
}

.dragTrack {
	background: url(http://static.xiaoi.com/zone/images/track.gif) no-repeat;
	width: 205px;
	height: 20px;
	float: left;
}

.basicBox {
	padding: 10px 15px;
	margin: 0;
}

.basicBox th {
	font-size: 12px;
	font-weight: bold;
	color: #666;
	text-align: right;
	vertical-align: top;
}

.basicBox td {
	vertical-align: top;
	font-size: 12px;
	color: #000;
	line-height:20px;
	word-wrap:break-word;
	word-break:break-all;
}

.dotted {
	border-top: 1px dotted #ccc;
	height: 1px;
	margin: 5px 0;
	overflow: hidden;
}

ul.imList {
	margin: 0;
	padding: 0;
}

ul.imList li {
	padding: 2px 0;
	margin: 1px 0;
	list-style: none;
}

.groupList {
	width: 310px;
	float: left;
}

.groupList p {
	padding:0; line-height:14px; margin:7px 0;
}

.groupList p a {
	color: #006bcb;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.groupList p a:hover {
	color: #006bcb;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

.ruleDiv {
	border: 1px solid #e7e17e;
	background-color: #fffdd5;
	padding: 8px 10px 10px 10px;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 10px;
	height:110px;
}

.ruleDiv p {
	line-height: 16px;
	margin: 5px 0 0 3px;
	padding: 0;
	word-break:break-all;
	word-wrap:break-word;
}
.gcreDiv {
	border: 1px solid #e7e17e;
	background-color: #fffdd5;
	padding: 5px 10px ;
	font-size: 12px;
	margin-bottom: 10px;
	height:90px;
}
.remindDiv {
	width: 420px;
	height: auto;
	padding: 8px 0 10px 120px;
}

.remindDiv p {
	font-size: 12px;
	color: #666;
	padding-left: 5px;
}

.log {
	margin: 0 auto;
	width: 650px;
}

.logRemDiv {
	border: 1px solid #e7e17e;
	background-color: #fffdd5;
	padding: 10px 0 10px 25px;
	line-height: 25px;
	font-size: 16px;
}

.logBox {
	width: 505px;
	height: 300px;
	margin: 20px auto;
}

.cardBg {
	background: url(http://static.xiaoi.com/zone/images/card-bg.gif) no-repeat;
	width: 475px;
	height: 225px;
	padding: 35px 15px 10px 15px;
}

.cardBg p {
	font-size: 12px;
	color: #000;
	margin: 5px;
	line-height: 15px;
	word-break:break-all;
	word-wrap: break-word; 
}

.logMenu {
	height: 30px;
	margin: 3px 0 0 0;
	padding: 0;
}

.logMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.logMenu ul li {
	font-size: 16px;
	border: 1px solid #ccc;
	border-bottom: none;
	color: #666;
	background-color: #f3f3f3;
	margin: 1px 5px 0 5px;
	padding: 4px 15px;
	line-height: 20px;
	float: left;
}

.logMenu ul li a {
	color: #666;
	text-decoration: none;
}

.logMenu ul li a:hover {
	color: #666;
	text-decoration: none;
}

.logMenu ul li.seleMenu {
	font-size: 16px;
	border: 1px solid #ccc;
	border-bottom: none;
	color: #666;
	background-color: #fff;
	margin: 0 5px;
	padding: 4px 15px 5px 15px;
	line-height: 20px;
	float: left;
	position: relative;
	top: 1px;
}

.imDiv {
	float: left;
	width: 170px;
	height: 200px;
	text-align: center;
}

.imDiv p {
	font-size: 12px;
	font-weight: bold;
	color: #666;
	margin: 10px 0 5px 0;
	word-break:break-all;
	word-wrap:break-word;
}

.imLog {
	float: left;
	margin-left: 8px;
}

.imLog th {
	font-size: 14px;
	color: #666;
	text-align: right;
}

.imLog td {
	font-size: 12px;
	color: #666;
}

.resetBox {
	margin: 20px auto 0 auto;
}

.resetBox th {
	font-size: 14px;
	color: #666;
	text-align: right;
}

.resetBox td {
	font-size: 12px;
	color: #666;
}

.chatlogDiv {
	margin: 5px auto;
	border-bottom: 1px dotted #ccc;
	padding:0 5px;
	overflow: auto;
}

.chatlogDiv p {
	font-size: 12px;
	color: #000;
	line-height: 15px;
	margin: 8px 0;
	white-space: normal;
	word-break:break-all; 
	word-wrap:break-word;
	overflow: hidden;
}

.talkuser {
	font-size: 12px;
	color: #888;
	line-height: 22px;
}

.footWrapper {
	width: 100%;
	text-align: center;
}

/* alert */
.popups {
	border: 1px solid #666;
	background-color: #fff;
	width: 450px;
	height: 250px;
	text-align: center;
}

.maskDiv {
	position: absolute;
	left: 395px;
	top: 900px;
}

.mask {
	background-color: #000;
	filter: alpha(opacity = 60);
	opacity: 0.60;
}

.cropMask {
	background-color: #ccc;
	filter: alpha(opacity = 50);
	opacity: 0.50;
}

.popupsCont {
	width: 300px;
	margin: 20px auto 10px auto;
}

.popupsCont p {
	color: #666;
	margin: 5px 0;
	word-break:break-all; 
	word-wrap:break-word;
}

.promptDiv {
	border: 1px solid #ffadad;
	background-color: #ffeeee;
	color: #cc0000;
	font-size: 12px;
	padding: 2px 8px;
	line-height: 25px;
	text-align: center;
}

.promptFont {
	color: #cc0000;
	font-size: 12px;
}

.puNameFont {
	color: #0000ff;
	font-size: 12px;
}

/* memu */
textarea {
	border: 1px solid #98ceff;
	width: 100%;
	height: 100px;
	color: #666;
	font-size: 12px;
	line-height: 16px;
	word-spacing: 2px;
	overflow: auto;
	padding: 5px;
	margin-bottom: 5px;
}
.postTextarea { padding:0; line-height:14px; margin:0;
                overflow:inherit; height:85px; width:100%; border:0;background: #fffdd5} 

.btnSmall {
	border: 1px solid #98ceff;
	background-color: #f3fcff;
	font-size: 12px;
	color: #006bcb;
	text-align: center;
	margin: 3px;
	padding: 0 2px 0 3px;
	height: 22px;
	line-height: 18px;
	cursor: pointer;
}


select {
	margin: 3px;
	color: #666;
	font-size: 12px;
	line-height: 16px;
	word-spacing: 2px;
}

/* font */
h1,h3,h4,h5{
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 20px;
	font-family:Tahoma,"宋体";
	color: #fff;
	font-weight: normal;
	line-height: 25px;
	margin-bottom: 12px;
}


h3 {
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	line-height: 25px;
}

h4 {
	font-size: 14px;
	color: #333;
	font-weight: bold;
	padding-left: 22px;
	line-height:23px;
}

h5 {
	font-size: 12px;
	font-weight: normal;
	padding-left: 12px;
	float: left;
	background-position: 0 9px;
	line-height: 22px;
	margin-left: 12px;
}

h5 {
	color: #fff;
}

h5 a {
	color: #fff;
	text-decoration: none;
}

h5 a:hover {
	color: #fff;
	text-decoration: underline;
}

/* head */

.locationDiv {
	text-align: right;
	float: right;
}

.cuserDataDiv {

}

.title {
	width:80px;
	float:left;
	vertical-align:top;
	
}
.dCont {
        margin-left:0!important;
        margin-left:0;
	float:left;
	word-break:break-all;
	word-wrap:break-word;
	width:300px;
}

/* group manage*/

.yzBox {
background-color: #fff7e7;
border: 1px solid #f1d580;
color: #333; 
padding:10px; 
font-size:12px; 
line-height: 20px;
margin:10px 0 10px 28px; 
width:300px;
display:block;
}
.yzBox .leftTitDiv {
width:70px;
float:left;
line-height:25px;
} 
.yzBox .rightTitDiv {
float:left;
width:200px;
}
.yzBox .rightTitDiv input {
border:1px solid #ddd;
line-height:15px;
height:15px;
width:150px;
}
.c {
clear:both;
font:0 arial;
height:0px;
}
.findMem {
	font-size:12px;
	color:#333;
	float:right;
}
.manaMemDiv {
	padding:0 15px;
}
.manaMemList {
	border-bottom:1px dashed #ccc;
	padding:3px!important;
	padding:3px 3px 0 3px;
}
.memListRow {
	float:left;
	font-size:12px;
	line-height:45px;
	margin-right:10px;
}
.linkmanListRow {
       float:left;
       font-size:12px;
             }
             .linkmanListRow p {
 line-height:20px;
 margin:15px 0 0 0; padding:0;
 color:#333;
 float:left;
}
.pic25Boxbg {
	background: url(http://static.xiaoi.com/zone/images/photo-25-bg.png) no-repeat;
	width: 35px;
	height: 35px;
	padding: 8px 0 0 8px; 
	#padding: 8px 0 0 8px;
	_padding: 8px 0 0 8px;

}
.pic25Box {
	background-color:#FFFFFF;
	border:1px solid #ccc;
	height:25px;
	width:25px;
}
.linkmanList {
           border:1px solid #98ceff;
           width:500px;
           height:300px;
           overflow-y:auto;
           overflow-x:hidden;
             }
             .linkmanList table {
       font-size:12px;
             }
             .phoBorder {
           background-color:#FFFFFF; 
           width:48px; 
           height:48px; 
           border:1px solid #999999; 
           padding:3px;
           margin:5px 5px 5px 0;
           float:left;
              }