body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label {
	margin: 0px;
	padding: 0px;
}

body {
	color: #444444;
	font-size: 13px;
	background: #f2f2f2;
	font-family: Arial, Helvetica, sans-serif;
}

#main {
	margin: 15px auto;
	width: 980px;
	position: relative;
}

ul {
	list-style: none outside;
}

#section {
	PADDING-LEFT: 40px;
	WIDTH: 656px;
	PADDING-RIGHT: 40px;
	FLOAT: right;
	PADDING-TOP: 2em
}

#section li {
	BORDER-BOTTOM: #e8e8e8 1px solid;
	PADDING-BOTTOM: 12px;
	PADDING-LEFT: 9px;
	PADDING-RIGHT: 15px;
	PADDING-TOP: 12px
}

#section.last.portlet-results {
	BORDER-BOTTOM: medium none
}

.boxcontent {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	WIDTH: 100.4%;
	PADDING-RIGHT: 0px;
	BACKGROUND: url(img/bg_box.png) repeat-y 0px 0px;
	FLOAT: left;
	CLEAR: both;
	PADDING-TOP: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.boxcontent .cap {
	WIDTH: 100%;
	BACKGROUND: url(img/bg_cap.png) no-repeat 0px 0px;
	HEIGHT: 5px;
	TOP: 0px;
	PADDING-LEFT: 10px;
	PADDING-TOP: 10px;
}

.boxcontent .boot {
	WIDTH: 100%;
	BOTTOM: 0px;
	BACKGROUND: url(img/bg_boot.png) no-repeat 0px 0px;
	HEIGHT: 7px;
	float: left;
}

#sidebar {
	Z-INDEX: 3;
	POSITION: relative;
	PADDING-BOTTOM: 10px;
	PADDING-LEFT: 10px;
	WIDTH: 224px;
	PADDING-RIGHT: 10px;
	FLOAT: left;
	MARGIN-LEFT: 2px;
	MARGIN-RIGHT: -3px;
	PADDING-TOP: 10px;
	_margin-left: 1px
}

#sidebar .nav {
	MARGIN: 0px -10px
}

#sidebar .nav LI {
	PADDING-BOTTOM: 4px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	PADDING-TOP: 4px
}

#sidebar .nav LI A {
	POSITION: relative;
	PADDING-BOTTOM: 6px;
	PADDING-LEFT: 13px;
	PADDING-RIGHT: 13px;
	DISPLAY: block;
	BACKGROUND: url(img/sidebarnav_arrow_grey20090909.gif) no-repeat 100%
		8px;
	COLOR: #8c8c8c;
	TEXT-DECORATION: none;
	PADDING-TOP: 6px;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.3s ease-in-out
}

#sidebar .nav:hover LI A {
	-webkit-transition: color 0.2s
}

#sidebar .nav LI A:hover {
	BACKGROUND-IMAGE: url(img/sidebarnav_arrow_blue20090909.gif);
	COLOR: #08c
}

#sidebar .nav .icon {
	POSITION: relative;
	MARGIN: -4px 14px 10px -3px;
	FLOAT: left
}

#sidebar .nav LI.selected {
	POSITION: relative;
	BACKGROUND: #f2f2f2
}

#sidebar .nav LI.selected A {
	BACKGROUND-IMAGE: url(img/sidebarnav_arrow_black20090909.gif);
	COLOR: #333;
	CURSOR: default
}

#sidebar .nav LI.title {
	PADDING-LEFT: 16px;
	COLOR: rgb(148, 148, 148);
	FONT-SIZE: 11px;
	PADDING-TOP: 4px
}

#sidebar .nav LI.multiline A {
	PADDING-BOTTOM: 3px;
	LINE-HEIGHT: 15px;
	PADDING-LEFT: 13px;
	PADDING-RIGHT: 13px;
	BACKGROUND-POSITION-Y: 12px;
	PADDING-TOP: 3px
}

#sidebar .nav LI.multiline IMG {
	MARGIN-TOP: 3px
}

#slidebar .item {
	background: #fafafa !important;
	border: 1px solid;
	border-color: #e5e5e5 !important;
	cursor: pointer;
}

#slidebar .item span {
	font-size: 14px;
	font-weight: normal;
	color: #000;
}

/*--------------- 对话框左侧 -------------------*/
.DisplayArea {
	float: left;
	width: 100%;
	/*background-color:#ccc;*/
	border: 1px solid #ccc;
}

.MessageList {
	width: 95%;
	height: 200px;
	/*border:1px solid blue;*/
	background-color: #fff;
	overflow: auto;
	word-wrap: break-word;
	margin-left: 5px;
	padding-left: 20px;
}

.MessageList font {
	line-height: 120%;
}

.DisplayArea .MessageList p {
	line-height: 170%;
	margin: 0;
	/*background-color:#666600;*/
}

.MessageList span.blue,.MessageList span.green {
	margin-left: -18px;
	/*z-index:1000;*/
}

.MessageList span.blue {
	color: #08c;
}

.MessageList span.green {
	color: green;
}

.MessageList div.sys {
	color: #66CCFF;
	background: url(img/sys.gif) no-repeat left top;
	padding-left: 18px;
	/*text-indent:18px;*/
	margin-left: -18px;
	/*background-color:#CCCCCC;*/
}

.MessageList a.disabled {
	color: #66CCFF;
	cursor: text;
	text-decoration: none;
}

.Input {
	width: 100%;
	/*border-bottom:10px solid black;*/
}

.Bottom {
	border-top: 1px solid #ccc;
	padding-left: 300px;
	cursor: move;
}

/*对话框右侧*/
#InputArea {
	float: right;
	width: 125px;
	background-color: #fff;
}

#UserList {
	width: 160px;
}

#myNick {
	margin-top: 5px;
	background-color: #FFFFCC;
}

.btnFn {
	cursor: pointer;
	background-image: url("img/bg_btn.gif");
	background-color: #F7FCFF;
	height: 21px;
	width: 60px;
	padding: 0px;
	margin: 5px 0px 5px 0px;
	border: 1px solid #ACA9A9;
	text-align: center;
	FONT-SIZE: 12px;
	color: #333;
}

#loginDiv {
	WIDTH: 350px;
	HEIGHT: 110px;
	TEXT-ALIGN: center;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 40px;
	BACKGROUND: #fafafb;
	BORDER-TOP: #ccc 5px solid;
	BORDER-LEFT: #ccc 5px solid;
	BORDER-RIGHT: #ccc 5px solid;
	BORDER-BOTTOM: #ccc 5px solid;
	PADDING-TOP: 10px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	PADDING-BOTTOM: 10px;
	MARGIN: 100px auto;
	COLOR: #868686;
}

#loginDiv .username {
	BORDER-BOTTOM: #ccc 1px solid;
	BORDER-LEFT: #ccc 1px solid;
	PADDING-BOTTOM: 2px;
	OUTLINE-STYLE: none;
	PADDING-LEFT: 2px;
	WIDTH: 170px;
	PADDING-RIGHT: 2px;
	COLOR: #868686;
	FONT-SIZE: 16px;
	BORDER-TOP: #ccc 1px solid;
	BORDER-RIGHT: #ccc 1px solid;
	PADDING-TOP: 2px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-border-radius: 10px;
}

a.login_btn {
	background: transparent url('img/login_btn_right.png') no-repeat scroll
		top right;
	display: block;
	height: 34px;
	margin-right: 6px;
	padding-right: 20px;
	text-decoration: none;
	COLOR: #868686;
	float: right;
}

a.login_btn span {
	line-height: 22px;
	padding: 7px 0 5px 18px;
	background: transparent url('img/login_btn_left.png') no-repeat;
	display: block;
}

.fileSapn {
	color: #08c;
	cursor: pointer;
}

/*----------- TAB ----------------*/
.tab_div {
	background-color: #CCCCCC;
	background: #DAE0D2 url("img/tab_bg.gif") repeat-x bottom;
	height: 32px;
	margin: 0;
}

.tabMenu {
	float: left;
	background: url("img/tab_right.gif") no-repeat right top;
	margin-left: 5px;
	margin-top: 3px;
	padding: 0;
}

.tabMenu a {
	display: block;
	height: 29px;
	line-height: 29px;
	margin-right: 15px;
	background: url("img/tab_left.gif") no-repeat left top;
	padding-left: 15px;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	color: #333333;
}

.tabMenu_off {
	float: left;
	background: url("img/tab_right_off.gif") no-repeat right top;
	margin-left: 5px;
	margin-top: 3px;
	padding: 0;
}

.tabMenu_off a {
	display: block;
	height: 29px;
	line-height: 29px;
	margin-right: 15px;
	background: url("img/tab_left_off.gif") no-repeat left top;
	padding-left: 15px;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	color: #333333;
}

.tab_close {
	float: right;
	margin-top: 7px;
	background: url("img/tab_close.gif") no-repeat;
}

/*----------- 聊天框 ----------------*/
.msgTab_content {
	POSITION: absolute;
	WIDTH: 400px;
	HEIGHT: 358px;
	BORDER-BOTTOM: #999 1px solid;
	BORDER-LEFT: #999 1px solid;
	BORDER-TOP: #999 1px solid;
	BORDER-RIGHT: #999 1px solid;
	MARGIN: 0px;
	OVERFLOW: hidden;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
}

.msgTab_titleBar {
	HEIGHT: 28px;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0;
	position: relative;
	cursor: move;
	BACKGROUND: url(img/titlebar_bg_cur.png) 0px -1px;
}

.msgTab_titleButtonBar {
	POSITION: absolute;
	OVERFLOW: hidden;
	TOP: 4px;
	RIGHT: 5px;
}

A.msgTab_action_button {
	WIDTH: 21px;
	BACKGROUND: url(img/sprite_main_png.png) no-repeat -122px -22px;
	HEIGHT: 19px;
}

A.msgTab_close {
	BACKGROUND-POSITION: -64px -59px;
}

A.msgTab_close:hover {
	BACKGROUND-POSITION: -64px -30px;
}

.msgTab_title {
	LINE-HEIGHT: 25px;
	LETTER-SPACING: 1px;
	OVERFLOW: hidden;
	TEXT-ALIGN: center;
	HEIGHT: 25px;
}

.msgTab_bodyOuter {
	POSITION: absolute;
	WIDTH: 100%;
	BOTTOM: 0px;
	TOP: 25px;
	BORDER-TOP: #ccc 1px solid;
	BACKGROUND: white;
}

.sys_msg {
	color: red;
	font-size: 15px;
}

.friend_left {
	BACKGROUND: url(img/ry_online.gif) no-repeat;
}

.friend_left_msg {
	BACKGROUND: url(img/ry_online_msg.gif) no-repeat;
}

.friend_offline {
	BACKGROUND: url(img/ry_offline.gif) no-repeat;
}

.friend_offline_msg {
	BACKGROUND: url(img/ry_offline_msg.gif) no-repeat;
}