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, Segoe UI;
}

img {
	border: 0;
}

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

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

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

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

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

.rollPost,h4,h5,h6,.yahooicon,.msnicon,.subNav ul li,.error,.dragZoomin,.dragZoomout,.msnAccount,.usermarked,.userCEO,.userAdmin,.msniconBig,.cGroupicon,.okicon,.noicon,.maleicon,.femaleicon
	{
	background: url(http://static.groups.im/zone/images/gim-icons-090715.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.groups.im/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;
}

.closeBtn {
	float: right;
	width: 18px;
	height: 18px;
	background-position: 2px -26px;
}

.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: 11px;
	color: #666;
	font-weight: bold;
	line-height: 20px;
	margin: 0 auto;
}

.userAdmin {
	width: 30px;
	height: 20px;
	background-position: 0 -866px;
	font-size: 11px;
	padding-left: 18px;
	display: block;
	font-size: 11px;
	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: 11px;
	font-weight: bold;
	display: inline-block;
}

.maleicon {
	background-position: 0 -1160px;
	height: 20px;
	line-height: 25px;
	padding-left: 20px;
	font-size: 11px;
	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://static.groups.im/zone/images/main-blue-bg.gif) repeat-x
		top;
	background-color: #fff;
}

.wraperGreen {
	background: url(http://static.groups.im/zone/images/main-green-bg.gif) repeat-x
		top;
	background-color: #fff;
}
.wraperBlank {
	background-color: #fff;
}

.mainInfoBlue {
	background: url(http://static.groups.im/zone/images/main-info-bg.gif) repeat-x
		top;
	padding: 10px 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.groups.im/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;
}

.content {
	width: 975px;
	height: auto;
	text-align: left;
	padding: 0 0 10px 0;
	background-color: #fff;
}

.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.groups.im/zone/images/search-bg2.png) no-repeat
		bottom;
	margin: 0 auto;
	padding-top: 2px;
	text-align: center;
	display: block;
}

.cGroupicon {
	background-position: 15px -994px;
	height: 25px;
	padding-left: 25px;
	font-size: 14px;
	line-height: 27px;
	font-family: tahoma, Segoe UI;
	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-left: 18px;
}

.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: 31px;
	padding: 0 10px;
}

.pageTitle-r {
	float: right;
	padding-top: 5px;
}

.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;
}

.pic96Boxbg {
	background: url(http://static.groups.im/zone/images/photo-bg-2.png) no-repeat;
	width: 120px;
	height: 116px;
	padding: 16px 0 0 16px;
	float: left;
	position: relative;
	top: -8px;
	left: 7px;
}

.pic96Box {
	border: 1px solid #000;
	width: 96px;
	height: 96px;
	background-color: #fff;
}

.pic48Boxbg {
	background: url(http://static.groups.im/zone/images/photo-48-bg.png) no-repeat;
	width: 75px;
	height: 63px;
	padding: 12px 0 0 12px; #
	padding: 12px 0 0 0;
	_padding: 12px 0 0 0;
}

.pic48Boxbg2 {
	background: url(http://static.groups.im/zone/images/photo-48-select-bg.png) no-repeat;
	width: 75px;
	height: 63px;
	padding: 12px 0 0 12px; #
	padding: 12px 0 0 0;
	_padding: 12px 0 0 0;
}

.pic48Box {
	border: 1px solid #000;
	width: 48px;
	height: 48px;
	background-color: #fff;
}

.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 {
	margin: 0;
	padding: 0;
	width: 115px;
}

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

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

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

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

.rSideBig {
	float: right;
	width: 255px;
	margin-top: 5px;
	text-align: left;
}

.mSide {
	float: left;
	width: 645px;
}

.mSideBig {
	float: left;
	width: 565px;
}

.leftSide {
	float: left;
	width: 135px;
}

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

.photoBox {
	width: 620px;
	height: 595px;
	background-color: #e3e3e3;
	margin: 20px auto 25px auto !important;
	margin: 20px auto 5px 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: 11px;
	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: 0;
}

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

.contBox td {
	font-size: 11px;
	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: 11px;
	color: #666;
	font-weight: bold;
}

.fontnormal {
	font-size: 11px;
	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: 11px;
	text-decoration: none;
}

.photo100 p a:hover {
	color: #006bcb;
	font-size: 11px;
	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: 11px;
	text-decoration: none;
}

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

.tipsBox {
	background: url(http://static.groups.im/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: 11px;
	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: 11px;
	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: 8px;
}

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

.details {
	float: left;
	width: 595px;
	font-size: 11px;
	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: 11px;
	color: #999;
	line-height: 12px;
}

.userphotoInfo {
	float: right;
	width: 75px;
	margin: 0 4px 5px 4px;
	text-align: center;
}

.userphotoInfo p {
	margin: 0;
	padding: 0;
	line-height: 13px;
	font-size: 11px;
	color: #000;
	word-break:break-all; 
	word-wrap:break-word;
}

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

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

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

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

.currentPage {
	color: #fff;
	font-size: 11px;
	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: 11px;
	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: 11px;
	color: #000;
	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.author {
	float: left;
	width: 72px;
}

.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.groups.im/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: 11px;
	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: 11px;
	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;
}

.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.groups.im/zone/images/card-bg.gif) no-repeat;
	width: 475px;
	height: 225px;
	padding: 35px 15px 10px 15px;
}

.cardBg p {
	font-size: 11px;
	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: 150px;
	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;
	width:280px;
}

.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 {
	width: 610px;
	margin: 5px auto;
	border-top: 1px dotted #ccc;
	padding: 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;
}

.foot {
	height: 50px;
	border-top: 1px solid #ccc;
	font-size: 12px;
	color: #666;
	line-height: 20px;
	padding: 0 5px;
	margin-top: 10px !important;
}

.foot a {
	color: #006bcb;
	text-decoration: none;
	font-size: 12px;
	line-height: 20px;
	margin: 0 5px;
}

.foot a:hover {
	color: #006bcb;
	text-decoration: underline;
	font-size: 12px;
	line-height: 20px;
	margin: 0 5px;
}

/* 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: 11px;
}

/* memu */
textarea {
	border: 1px solid #98ceff;
	width: 100%;
	height: 100px;
	color: #666;
	font-size: 11px;
	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} 
.btnBig {
	border: 1px solid #98ceff;
	background-color: #f3fcff;
	font-size: 14px;
	font-weight: bold;
	color: #006bcb;
	text-align: center;
	padding: 0 20px 2px 21px;
	padding: 0 5px 2px 6px;
	_padding: 0 6px 2px 7px;
	margin: 5px 3px;
	height: 24px;
	line-height: 18px;
	cursor: pointer;
}

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

input {
	border: 1px solid #98ceff;
	background-color: #fff;
	color: #666;
	font-size: 11px;
	height: 14px;
	padding: 2px;
	margin: 3px;
	line-height: 14px;
	word-spacing: 2px;
}

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

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

h1 {
	font-size: 20px;
	font-family: Segoe UI, tahoma;
	color: #fff;
	font-weight: normal;
	line-height: 25px;
	margin-bottom: 12px;
}

h2 {
	font-size: 20px;
	font-family: Segoe UI, tahoma;
	color: #fff;
	font-weight: normal;
	float: left;
}

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

h4 {
	font-size: 16px;
	color: #666;
	font-weight: bold;
	padding-left: 22px;
}

h5,h6 {
	font-size: 11px;
	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;
}

h6 {
	margin-left: 12px !important;
	margin-left: 5px;
}

h6 a {
	color: #006bcb;
	text-decoration: none;
	line-height: 23px;
}

h6 a:hover {
	color: #006bcb;
	text-decoration: underline;
	line-height: 23px;
}

.grayFont {
	font-size: 11px;
	color: #999;
	line-height: 15px;
}

/* head */
.head {
	height: 55px;
	margin-bottom: 17px;
}

.logo {
	float: left;
}

.head ul {
	float: left;
	margin: 0;
	padding: 18px 0 0 20px;
}

.head ul li {
	list-style: none;
	border-left: 1px solid #c4c4c4;
	padding: 0 15px;
	height: 28px;
	float: left;
}

.head ul li a {
	color: #333;
	text-decoration: none;
	font-size: 16px;
	font-family: Segoe UI, tahoma;
}

.head ul li a:hover {
	color: #0094e1;
	text-decoration: underline;
	font-size: 16px;
	font-family: Segoe UI, tahoma;
}

.smallNav {
	float: right;
	width: 305px;
	text-align: right;
}

.smallNav ul {border:0;
	margin: 0;
	padding: 0;
	float: right;
}

.smallNav ul li {
	list-style: none; margin:0;
	border: none;
	background: url(http://static.groups.im/zone/images/gim-icons-090715.gif) no-repeat;
	background-position: 0 9px;
	padding: 0 0 0 12px;
	margin-left: 5px;
}

.smallNav ul li a {
	font-size: 11px;
	color: #0188e7;
	text-decoration: none;
	font-weight: normal;
	font-family: tahoma, Segoe UI;
}

.smallNav ul li a:hover {
	font-size: 11px;
	color: #0188e7;
	text-decoration: underline;
	font-weight: normal;
	font-family: tahoma, Segoe UI;
}

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