style1.css

简易的聊天系统,实现在线非点对点的聊天功能,主要有用户登陆和发信息聊天.

A:hover {
	COLOR: #314e74; TEXT-DECORATION: underline
}
A:active {
	COLOR: #314e74; TEXT-DECORATION: underline
}
#table_config A {
	COLOR: #314e74; TEXT-DECORATION: none
}
 HTML #index_float {
	BORDER-RIGHT: #bfd6de 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #bfd6de 1px solid; MARGIN-TOP: 22px; DISPLAY: none; PADDING-LEFT: 6px; BACKGROUND: #fff; PADDING-BOTTOM: 2px; MARGIN-LEFT: -202px; BORDER-LEFT: #bfd6de 1px solid; WIDTH: 202px; PADDING-TOP: 2px; BORDER-BOTTOM: #bfd6de 1px solid; POSITION: absolute
}
UNKNOWN {
	BORDER-RIGHT: #bfd6de 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #bfd6de 1px solid; MARGIN-TOP: 18px; DISPLAY: none; PADDING-LEFT: 6px; BACKGROUND: #fff; PADDING-BOTTOM: 2px; MARGIN-LEFT: -202px; BORDER-LEFT: #bfd6de 1px solid; WIDTH: 202px; PADDING-TOP: 2px; BORDER-BOTTOM: #bfd6de 1px solid; POSITION: absolute
}
#index_float A {
	CLEAR: both; DISPLAY: block; WIDTH: 62px; LINE-HEIGHT: 22px; HEIGHT: 22px
}
#index_float A:hover {
	CLEAR: both; BORDER-RIGHT: #c5cde0 1px solid; BORDER-TOP: #c5cde0 1px solid; DISPLAY: block; BACKGROUND: #eff5f6; BORDER-LEFT: #c5cde0 1px solid; WIDTH: 60px; COLOR: #314e74; LINE-HEIGHT: 19px; BORDER-BOTTOM: #c5cde0 1px solid; HEIGHT: 19px
}
#file_info_box {
	BORDER-RIGHT: #c0d4db 1px solid; BORDER-TOP: #c0d4db 1px solid; DISPLAY: none; Z-INDEX: 5; BACKGROUND: #fff; LEFT: 200px; BORDER-LEFT: #c0d4db 1px solid; WIDTH: 814px; BORDER-BOTTOM: #c0d4db 1px solid; POSITION: absolute; TOP: 200px; HEIGHT: 522px
}
.left_info_box {
	FLOAT: left; WIDTH: 578px
}
.drag_banner {
	MARGIN-TOP: 5px; LINE-HEIGHT: 9px; POSITION: absolute; HEIGHT: 15px
}
.drag_banner .back {
	BORDER-TOP: #c1d4de 1px solid; MARGIN-TOP: 5px; FONT-SIZE: 2px; WIDTH: 100%; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 3px; BACKGROUND-COLOR: #e9f0f8
}
.drag_banner .drag_obj {
	BORDER-RIGHT: #c1d4de 1px solid; BORDER-TOP: #c1d4de 1px solid; MARGIN-TOP: -10px; FONT-SIZE: 11px; BORDER-LEFT: #c1d4de 1px solid; BORDER-BOTTOM: #c1d4de 1px solid; POSITION: absolute; HEIGHT: 13px; BACKGROUND-COLOR: #e9f0f8
}
.drag_banner .dragin {
	BORDER-RIGHT: #fff 0px solid; BORDER-TOP: #fff 1px solid; FONT-SIZE: 9px; BORDER-LEFT: #fff 1px solid; WIDTH: 4px; BORDER-BOTTOM: #fff 0px solid; HEIGHT: 11px; BACKGROUND-COLOR: #e9f0f8
}
.left_info_box_title {
	BORDER-TOP: #f4f4f4 1px solid; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#f0f0f0); COLOR: #314e74; LINE-HEIGHT: 26px; BORDER-BOTTOM: #fff 1px solid; FONT-FAMILY: simsun; HEIGHT: 26px
}
.left_info_box_title DIV A:link {
	COLOR: #314e74; FONT-FAMILY: simsun
}
.left_info_box_title DIV A:hover {
	COLOR: #00cccc; FONT-FAMILY: simsun
}
.left_info_box_title DIV A:active {
	COLOR: #314e74; FONT-FAMILY: simsun
}
.left_info_box_title DIV A:visited {
	COLOR: #314e74; FONT-FAMILY: simsun; TEXT-DECORATION: none
}
.left_info_box_body_title {
	BORDER-TOP: #f4f4f4 1px solid; FONT-SIZE: 12px; BACKGROUND: #f6f9fc; BORDER-BOTTOM: #dee9f3 1px solid; FONT-FAMILY: simsun; HEIGHT: 160px
}
.left_info_box_body_title A:link {
	COLOR: #314e74; TEXT-DECORATION: none
}
.left_info_box_body_title A:visited {
	COLOR: #314e74; TEXT-DECORATION: none
}
.left_info_box_body_title A:hover {
	COLOR: #00cccc; TEXT-DECORATION: none
}
.left_info_box_body_title_left {
	BORDER-RIGHT: #bfd3da 3px solid; BORDER-TOP: #bfd3da 3px solid; MARGIN-TOP: 6px; FLOAT: left; MARGIN-LEFT: 16px; BORDER-LEFT: #bfd3da 3px solid; WIDTH: 163px; BORDER-BOTTOM: #bfd3da 3px solid; HEIGHT: 114px
}
 HTML .lft_info {
	BACKGROUND: #f4f8fb; HEIGHT: 298px
}
UNKNOWN {
	BACKGROUND: #f4f8fb; HEIGHT: 298px
}
 HTML .lft_info_title {
	BORDER-TOP: #f4f4f4 1px solid; FONT-SIZE: 12px; BACKGROUND: #d9e6f3; MARGIN-BOTTOM: 10px; COLOR: #606060; TEXT-INDENT: 10px; LINE-HEIGHT: 22px; BORDER-BOTTOM: #ccd8e4 0px solid; FONT-FAMILY: simsun; HEIGHT: 22px
}
 HTML .lft_info_title_empty_the2show {
	MARGIN-TOP: 3px; FLOAT: left; WIDTH: 384px; BORDER-BOTTOM: #ccd8e4 1px solid; HEIGHT: 18px
}
 HTML .lft_info_title_empty {
	MARGIN-TOP: 3px; FLOAT: left; WIDTH: 470px; BORDER-BOTTOM: #ccd8e4 1px solid; HEIGHT: 18px
}
 HTML .lft_info_title_empty1 {
	MARGIN-TOP: 3px; FLOAT: left; WIDTH: 14px; BORDER-BOTTOM: #ccd8e4 1px solid; HEIGHT: 18px
}
UNKNOWN {
	BORDER-TOP: #f4f4f4 1px solid; FONT-SIZE: 12px; BACKGROUND: #d9e6f3; MARGIN-BOTTOM: 10px; COLOR: #606060; TEXT-INDENT: 10px; LINE-HEIGHT: 22px; BORDER-BOTTOM: #ccd8e4 0px solid; FONT-FAMILY: simsun; HEIGHT: 26px
}
UNKNOWN {
	MARGIN-TOP: 3px; FLOAT: left; WIDTH: 384px; BORDER-BOTTOM: #ccd8e4 1px solid; HEIGHT: 22px
}
UNKNOWN {
	MARGIN-TOP: 3px; FLOAT: left; WIDTH: 470px; BORDER-BOTTOM: #ccd8e4 1px solid; HEIGHT: 22px
}
UNKNOWN {
	MARGIN-TOP: 3px; FLOAT: left; WIDTH: 14px; BORDER-BOTTOM: #ccd8e4 1px solid; HEIGHT: 22px
}
.lft_info_title .fst_focus {
	BORDER-RIGHT: #ccd8e4 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ccd8e4 1px solid; MARGIN-TOP: 3px; PADDING-LEFT: 0px; BACKGROUND: #f4f8fb; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; BORDER-LEFT: #ccd8e4 1px solid; WIDTH: 82px; CURSOR: pointer; COLOR: #314e74; LINE-HEIGHT: 18px; PADDING-TOP: 3px; BORDER-BOTTOM: #f4f8fb 1px solid; HEIGHT: 18px; TEXT-ALIGN: center
}
.lft_info_title .fst_unfocus {
	BORDER-RIGHT: #f4f8fb 0px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ccd8e4 1px solid; MARGIN-TOP: 5px; PADDING-LEFT: 0px; BACKGROUND: #e9f0f7; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; BORDER-LEFT: #ccd8e4 1px solid; WIDTH: 74px; CURSOR: pointer; COLOR: #76a8d9; LINE-HEIGHT: 16px; PADDING-TOP: 3px; BORDER-BOTTOM: #ccd8e4 1px solid; HEIGHT: 16px; TEXT-ALIGN: center
}
.lft_info_title .secd_focus {
	BORDER-RIGHT: #ccd8e4 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ccd8e4 1px solid; MARGIN-TOP: 3px; PADDING-LEFT: 0px; BACKGROUND: #f4f8fb; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; BORDER-LEFT: #ccd8e4 1px solid; WIDTH: 82px; CURSOR: pointer; COLOR: #314e74; LINE-HEIGHT: 18px; PADDING-TOP: 3px; BORDER-BOTTOM: #f4f8fb 1px solid; HEIGHT: 18px; TEXT-ALIGN: center
}
.lft_info_title .secd_unfocus {
	BORDER-RIGHT: #ccd8e4 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ccd8e4 1px solid; MARGIN-TOP: 5px; PADDING-LEFT: 0px; BACKGROUND: #e9f0f7; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; BORDER-LEFT: #f4f8fb 0px solid; WIDTH: 74px; CURSOR: pointer; COLOR: #76a8d9; LINE-HEIGHT: 16px; PADDING-TOP: 3px; BORDER-BOTTOM: #ccd8e4 1px solid; HEIGHT: 16px; TEXT-ALIGN: center
}
.lft_info A:link {
	COLOR: #314e74; TEXT-DECORATION: none
}
.lft_info A:visited {
	COLOR: #314e74; TEXT-DECORATION: none
}
.lft_info A:hover {
	COLOR: #00cccc; TEXT-DECORATION: none
}
.lft_inf {
	HEIGHT: 200px
}
.lft_inf_all_inf {
	BORDER-RIGHT: #c6e67e 1px solid; BORDER-TOP: #c6e67e 1px solid; FONT-SIZE: 12px; MARGIN: 10px auto; BORDER-LEFT: #c6e67e 1px solid; WIDTH: 96%; COLOR: #3f3f3f; LINE-HEIGHT: 18px; BORDER-BOTTOM: #c6e67e 1px solid
}
.lft_inf_all_inf TR TD {
	PADDING-LEFT: 6px
}
.lft_inf_title {
	BORDER-TOP: #f4f4f4 1px solid; FONT-SIZE: 12px; BACKGROUND: #f6f9fc; COLOR: #314e74; TEXT-INDENT: 10px; LINE-HEIGHT: 24px; BORDER-BOTTOM: #ccd8e4 1px solid; FONT-FAMILY: simsun; HEIGHT: 24px
}
.lft_inf_title A {
	COLOR: #314e74
}
.lft_inf_title A:visited {
	COLOR: #314e74
}
.lft_inf_bt_list {
	BORDER-RIGHT: #ccd8e4 1px solid; BORDER-TOP: #ccd8e4 1px solid; OVERFLOW-Y: auto; BACKGROUND: #fff; OVERFLOW-X: hidden; MARGIN: 0px auto; BORDER-LEFT: #ccd8e4 1px solid; WIDTH: 96%; BORDER-BOTTOM: #ccd8e4 1px solid; HEIGHT: 237px
}
.lft_inf_bt_list .table_lise_tr {
	OVERFLOW: hidden; WIDTH: 370px; WHITE-SPACE: nowrap; HEIGHT: 18px; TEXT-OVERFLOW: ellipsis
}
.lft_inf_bt_list .table_lise_tr A:link {
	COLOR: #314e74; TEXT-DECORATION: none
}
.lft_inf_bt_list .table_lise_tr A:visited {
	COLOR: #314e74; TEXT-DECORATION: none
}
.lft_inf_bt_list .table_lise_tr A:hover {
	COLOR: #00cccc; TEXT-DECORATION: none
}
.lft_inf_bt_list TABLE TR TD {
	PADDING-LEFT: 8px; BORDER-BOTTOM: #e5e5e5 1px solid
}
#drag_banner_name_state {
	BORDER-RIGHT: #c0d4db 1px solid; BORDER-TOP: #c0d4db 1px solid; DISPLAY: none; FONT-SIZE: 12px; BACKGROUND: #ffffe9; BORDER-LEFT: #c0d4db 1px solid; WIDTH: 110px; COLOR: #314e74; BORDER-BOTTOM: #c0d4db 1px solid; POSITION: absolute; HEIGHT: 43px; TEXT-ALIGN: center
}
#drag_banner_name_state DIV {
	MARGIN-TOP: 4px; OVERFLOW: hidden; WIDTH: 110px; LINE-HEIGHT: 14px; HEIGHT: 14px; TEXT-OVERFLOW: ellipsis
}
.rect {
	CLIP: rect(0px 0px 0px 0px)
}
#res_for_com_box {
	BORDER-RIGHT: #dfebf8 1px solid; BORDER-TOP: #dfebf8 0px solid; OVERFLOW-Y: auto; FONT-SIZE: 12px; BACKGROUND: #fff; OVERFLOW-X: hidden; MARGIN: 0px auto; WORD-SPACING: normal; BORDER-LEFT: #dfebf8 1px solid; WIDTH: 96%; COLOR: #3f3f3f; LINE-HEIGHT: 12px; BORDER-BOTTOM: #dfebf8 1px solid; FONT-FAMILY: simsun; WHITE-SPACE: normal; POSITION: relative; HEIGHT: 138px
}
#res_for_com {
	PADDING-RIGHT: 20px; FONT-SIZE: 12px; BACKGROUND: #fff; MARGIN-LEFT: 5px; LINE-HEIGHT: 22px; MARGIN-RIGHT: 10px; FONT-FAMILY: simsun; POSITION: absolute
}
.file_name_noclick {
	DISPLAY: block; OVERFLOW: hidden; WIDTH: 240px; COLOR: #000; WHITE-SPACE: nowrap; HEIGHT: 18px; TEXT-OVERFLOW: ellipsis
}
.file_name_click {
	DISPLAY: block; OVERFLOW: hidden; WIDTH: 240px; CURSOR: pointer; COLOR: #314e74; WHITE-SPACE: nowrap; HEIGHT: 18px; TEXT-OVERFLOW: ellipsis
}
 HTML #content_mask1 {
	CLEAR: right; BACKGROUND: #fff; FILTER: Alpha(Opacity=70); FLOAT: right; MARGIN: -29px 131px 0px 0px; WIDTH: 65px; HEIGHT: 21px
}
UNKNOWN {
	CLEAR: right; BACKGROUND: #fff; FILTER: Alpha(Opacity=70); FLOAT: right; MARGIN: -29px 261px 0px 0px; WIDTH: 65px; HEIGHT: 21px
}
 HTML #content_mask2 {
	CLEAR: right; BACKGROUND: #fff; FILTER: Alpha(Opacity=70); FLOAT: right; MARGIN: -29px 94px 0px 0px; WIDTH: 65px; HEIGHT: 21px
}
UNKNOWN {
	CLEAR: right; BACKGROUND: #fff; FILTER: Alpha(Opacity=70); FLOAT: right; MARGIN: -29px 188px 0px 0px; WIDTH: 65px; HEIGHT: 21px
}
 HTML #p4pcon {
	OVERFLOW: hidden
}
UNKNOWN {
	MARGIN-LEFT: 4px; OVERFLOW: hidden
}
.round_div_fst {
	CLEAR: both; FONT-SIZE: 1px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#88b6e5,endColorStr=#88b6e5); MARGIN-LEFT: 2px; WIDTH: 100%; LINE-HEIGHT: 1px; MARGIN-RIGHT: 2px; HEIGHT: 1px
}
.round_div_scend {
	CLEAR: both; BORDER-RIGHT: #88b6e5 1px solid; FONT-SIZE: 1px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#ffffff); MARGIN-LEFT: 1px; BORDER-LEFT: #88b6e5 1px solid; WIDTH: 100%; LINE-HEIGHT: 1px; MARGIN-RIGHT: 1px; HEIGHT: 1px
}
.round_div_trd {
	CLEAR: both; BORDER-RIGHT: #88b6e5 1px solid; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#ffffff); BORDER-LEFT: #88b6e5 1px solid; WIDTH: 100%; WORD-WRAP: break-word
}
.tasklistbottom {
	MIN-HEIGHT: 1px; BACKGROUND: #fff; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 30px
}
.aAutoComplete {
	HEIGHT: 23px
}
.lAutoComplete {
	HEIGHT: 23px
}
.cAutoComplete {
	HEIGHT: 23px
}
.dAutoComplete {
	HEIGHT: 23px
}
.index_bottom {
	BORDER-TOP: #d1deed 1px solid; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e4ecf4,endColorStr=#f2f6f9); MARGIN: 3px 5px; LINE-HEIGHT: 26px; HEIGHT: 34px; TEXT-ALIGN: right
}
.index_bottom A:link {
	COLOR: #314e74; TEXT-DECORATION: none
}
.index_bottom A:visited {
	COLOR: #314e74; TEXT-DECORATION: none
}
.index_bottom A:hover {
	COLOR: #00cccc; TEXT-DECORATION: none
}