style.css

一套完整的OA办公系统（JSP）的

	height: 22px;
	width: 104px;
	margin: 6px 0px;
}
img.frienddel{
	float: right;
	display: block;
	cursor: hand;
	background-image: url(bt_friend_del.gif);
	height: 18px;
	width: 18px;
	margin: 1px 2px;
}
img.friendfloder{
	float: right;
	display: block;
	cursor: hand;
	background-image: url(bt_friend_floder.gif);
	height: 18px;
	width: 18px;
	margin: 1px 2px;
}
img.friendfav{
	float: right;
	display: block;
	cursor: hand;
	background-image: url(bt_friend_fav.gif);
	height: 18px;
	width: 18px;
	margin: 1px 2px;
}
.submit{
	cursor: hand;
	background-image: url(bt_submit.gif);
	height: 19px;
	width: 48px;
	margin: 0px 5px;
}
.cancel{
	cursor: hand;
	background-image: url(bt_cancel.gif);
	height: 19px;
	width: 48px;
	margin: 0px 5px;
}
.add{
	cursor: hand;
	background-image: url(bt_add.gif);
	height: 19px;
	width: 48px;
	margin: 0px 5px;
	
}
.save{
	cursor: hand;
	background-image: url(bt_save.gif);
	height: 19px;
	width: 48px;
	margin: 0px 5px;
}
.preview{
	cursor: hand;
	background-image: url(bt_preview.gif);
	height: 19px;
	width: 48px;
	margin: -1px 5px;
}
.addclass{
	cursor: hand;
	background-image: url(../client/bt_addclass.gif);
	height: 19px;
	width: 57px;
	margin: -1px 5px;
}
.bt_add{
	background: url(../client/bt_add.gif) no-repeat left center;
	padding:3px 3px 0px 20px;
	color:#666;
	font-weight: normal;
	text-align: left;
	cursor: hand;
}
.bt_edit{
	background: url(../client/bt_edit.gif) no-repeat left center;
	padding:3px 3px 0px 20px;
	color:#0082BC;
	font-weight: normal;
	text-align: left;
	cursor: hand;
}
.bt_show{
	background: url(../client/bt_show.gif) no-repeat left center;
	padding:3px 3px 0px 20px;
	color:#666;
	font-weight: normal;
	text-align: left;
	cursor: hand;
}
.bt_showg{
	background: url(../client/bt_showg.gif) no-repeat left center;
	padding:3px 3px 0px 20px;
	color:#666;
	font-weight: normal;
	text-align: left;
	cursor: hand;
}
.bt_edit_blog{
	background: url(../client/bt_edit_blog.gif) no-repeat left center;
	padding:3px 3px 0px 20px;
	font-weight: normal;
	text-align: left;
	cursor: hand;
}
.bt_del_blog{
	background: url(../client/bt_del_blog.gif) no-repeat left center;
	padding:3px 3px 0px 20px;
	color:#666;
	font-weight: normal;
	text-align: left;
	cursor: hand;
}
.bt_appear{
	background: url(../client/bt_appear.gif) no-repeat left center;
	padding:3px 3px 0px 20px;
	font-weight: normal;
	text-align: left;
	cursor: hand;
}
.bt_page .bt_appear{
	padding:5px 3px 2px 20px;
}
.bt_comment{
	background: url(../client/bt_comment.gif) no-repeat left center;
	padding:3px 3px 0px 20px;
	font-weight: normal;
	text-align: left;
	cursor: hand;
}
.bt_page bt_comment{
	padding:5px 3px 2px 20px;
}
.bt_refurbish{
	background: url(../client/bt_refurbish.gif) no-repeat left center;
	padding:3px 3px 0px 20px;
	font-weight: normal;
	text-align: left;
	cursor: hand;
}
.bt_next{
	background: url(../client/bt_next.gif) no-repeat right center;
	padding:3px 18px 0px 3px;
	font-weight: normal;
	text-align: right;
	cursor: hand;
}
.bt_pre{
	background: url(../client/bt_pre.gif) no-repeat left center;
	padding:3px 3px 0px 18px;
	font-weight: normal;
	text-align: left;
	cursor: hand;
}
.bt_next_e{
	background: url(../client/bt_next_e.gif) no-repeat right center;
	padding:3px 3px 1px 3px;
	font-weight: normal;
	text-align: right;
	cursor: hand;
}
.bt_pre_e{
	background: url(../client/bt_pre_e.gif) no-repeat left center;
	padding:3px 3px 1px 3px;
	font-weight: normal;
	text-align: left;
	cursor: hand;
}
.bt_qute{
	background: url(../client/bt_qute.gif) no-repeat left center;
	padding:3px 3px 0px 20px;
	font-weight: normal;
	text-align: left;
	cursor: hand;
}
.bt_del{
	background: url(../client/bt_del.gif) no-repeat left center;
	padding:3px 3px 0px 20px;
	font-weight: normal;
	text-align: left;
	cursor: hand;
}
.bt_music_pay{
	background: url(../client/icon_music_pay.gif) no-repeat left center;
	padding:3px 3px 0px 20px;
	font-weight: normal;
	text-align: left;
	cursor: hand;
}
.bt_music_del{
	background: url(../client/icon_music_del.gif) no-repeat left center;
	padding:3px 3px 0px 20px;
	font-weight: normal;
	text-align: left;
	cursor: hand;
}
.menuline{
	margin:6px 2px;
	float:left;
	CURSOR: hand;
	HEIGHT: 20px;
	TEXT-ALIGN: center;
	background: #EDF8FF;
	border: 1px solid #84C1E1;
	padding: 2px 3px 0px;
}
.menuline img{
	margin:1px 2px 2px;
}
.outline{
	border: 1px dashed #ACDFF2;
}
.outsolidline{
	border: 1px solid #ACDFF2;
}
/*------------------主模块---------------------*/
#tall_div{
	/*外框主背景*/
	/*background-image: url(top.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
	padding: 18px 0px 46px 43px;
}
#bl_t{
	/*边线上部分*/
	width:772px;
	height: 13px;
	background-image: url(backline_t.gif);
	overflow: hidden;
}
#bl_f{
	/*边线下部分*/
	width:772px;
	height: 13px;
	background-image: url(backline_f.gif);
	overflow: hidden;
}
#bl_m{
	/*边线下部分*/
	width:772px;
	background-image: url(backline_m.gif);
}
#menu_top{
	/*上方菜单*/
	color:#B7B7B7;
	padding:8px 13px 9px 33px;
	margin: 0px 12px 0px 14px;
	background: url(logo.gif) no-repeat left top;
	/*display: none;*/
}
#main{
	/*主DIV存放主体内容*/
	margin: 3px 15px 3px 15px;
	position: relative;
	width:740px;
	height: 457px;
	overflow-x:hidden;
	overflow: auto;
}
#initd{
	/*主DIV存放主体内容*/
	margin: 3px 15px 3px 15px;
	position: relative;
	width:740px;
	height: 457px;
	overflow: hidden;
}
#copyright{
	/*版权信息*/
	color:#B7B7B7;
	text-align: center;
	padding:2px;
	margin: 0px 13px;
	display: none;
}
.underline{
	border-bottom: 1px dashed #dadada;
}
.upline{
	border-top: 1px dashed #dadada;
}
/*------------------二级页通用模块---------------------*/
.title_m{
	background: url(bg_title_m.gif);
	height: 18px;
	margin: 0px 0px 3px;
	padding:6px 0px 0px;
	font-weight: bold;
	color: #FFFFFF;
}
.title_l{
	background: url(bg_title_l.gif);
	height: 24px;
	width: 3px;
	margin: 0px 0px 3px 0px;
	float:left;
}
.title_r{
	background: url(bg_title_r.gif);
	height: 24px;
	width: 3px;
	margin: 0px 0px 3px 0px;
	float:right;
}
.title_icon{
	background: url(icon_title.gif);
	height: 8px;
	width: 8px;
	margin:0px 10px;
}
#mode_tall{
	margin:1px 0px 0px;
	width:100%;
}
.mlineon{
	background: url(bt_mline_on.gif) no-repeat left 180px;
	width:5px;
	float:left;
	margin-left:-2px;
	cursor: hand;
}
.mlineoff{
	background: url(bt_mline_off.gif) no-repeat left 180px;
	width:5px;
	float:left;
	margin-left:-2px;
	cursor: hand;
}
#index_blog_b{
	background: #ffffff url(bg_indexblog.gif) fixed no-repeat right bottom;
}
/*朋友圈的tmenu样式*/
.floder_friend_fav{
	background: url(icon_floder_friend_fav.gif) no-repeat left center;
	padding:3px 3px 0px 15px;
	margin-left:15px;
	font-weight: normal;
	text-align: left;
	cursor: hand;
	line-height: 1.7em;
}
.floder_friend_group{
	background: url(icon_floder_friend_group.gif) no-repeat left center;
	padding:3px 3px 0px 15px;
	margin-left:15px;
	font-weight: normal;
	text-align: left;
	cursor: hand;
	line-height: 1.7em;
}

/*------------------日志模块---------------------*/
.mode_blogr_menu{
	margin-top:8px;
	float: right;
	display: block;
}
.mode_blogr_menu img{
	margin:0px 3px;
}
.bt_page_blog{
	padding:8px 4px 2px;
	text-align: left;
	border-top: 1px dashed #e6e6e6;
}
#vote{
	display:none;
}
.mode_blog_succ{
	background-image: url(../client/toprotal_bg.gif);
	height: 298px;
	width: 532px;
	padding-top: 148px;
	text-align: center;
	font-weight: bold;
	margin: 25px 0px;
}
.blog_title{
	color:#2C86D2;
}
#addclass{
	/*添加分类*/
	background-color: #F5F5F5;
	height:20px;
	padding: 4px 10px;
	float:left;
	margin:6px 5px;
}
.blog_list_1{
	padding:2px 5px 0px 23px;
	line-height: 26px;
	background: #F2FAFF url(icon_bloglist.gif) no-repeat 8px center;
}
.blog_list_2{
	padding:2px 5px 0px 23px;
	line-height: 26px;
	background: url(icon_bloglist.gif) no-repeat 8px center;
}
/*------------------音乐盒模块---------------------*/
.bg_music_info{
	color:#E2BD8D;
	text-indent: 1.2em;
}
.bg_vote{
	background-color:#E8F5F8;
	height:35px;
	padding:0px 5px;
}
.bg_music_title{
	background-color:#D1EDF3;
	margin:5px 0px;
	padding:5px;
	font-weight: bold;
	color: #404040;
}
/*------------------朋友圈模块---------------------*/
.friend_table_guest{
	background-color: #C7C7C7;
	margin:0px 0px 6px;
	width:100%;
	border: 1px solid #C7C7C7;
}
.friend_table_guest td{
	background-color: #FCFCFC;
	padding: 7px;
	}
.friend_subtitle{
	color:#0099CC;
	font-weight:normal;
	}
.friend_table_pic{
	/*外框边线（宽度另外设置）*/
	border: 1px solid #ACDFF2;
	background-color: #FFFFFF;
	padding:2px 2px 2px 2px;
}
.friend_title_my{
	background: url(icon_star.gif) no-repeat left center;
	padding:3px 3px 0px 20px;
	margin-left:0px;
	font-weight: bold;
	text-align: left;
	cursor: hand;
	line-height: 1.7em;
	color:#666666;
}
.friend_subtitle_font{
    color:#8C8C8C;
}
.friend_fav_sort{
    color:#EF6363;
}
.friend_input{
    color:#666666;
	background-color:#F6F6F6;
	font-size:12px;
}
.friend_dotline{
	border: 1px dotted #C6C6C6;
}
.title_xmd{
	filter:glow(color=#FF6600,strength=3);
	color:#FFFFFF;
	text-indent: 0px;
	height:1; 
}
#index_interacts li{
	padding:0px 3px;
	line-height: 21px;
	border-bottom: 1px dashed #ACDFF2;
}
#index_coll li,#index_rank li,#index_idol li{
	padding:0px 0px 0px 4px;
	line-height: 23px;
	border-bottom: 1px dashed #ACDFF2;
	clear:right;
}
#index_coll li img,#index_rank li img,#index_idol li img{
	float: left;
	margin:8px 2px;
}
.index_tap li{
	padding: 1px 0px;
	margin: 2px 0px;
	border-bottom: 1px dashed #ACDFF2;
}
.index_smenu2{
	BORDER-RIGHT:#b8e8fa 1px solid;
}
.index_smenu2on{
	float:left;
	width:48%;
	padding: 5px 0px 3px;
	text-align: center;
	margin-bottom:2px;
	cursor: hand;
}
.index_smenu2off{
	float:left;
	width:49%;
	padding: 5px 0px 3px;
	text-align: center;
	border-bottom: 1px solid #b8e8fa;
	background: #F2FAFF;
	margin-bottom:2px;
	cursor: hand;
}
.mainltt{
	margin:2px;
	border: 1px solid #b8e8fa;
	padding:0px;
}
/*------------------set模块---------------------*/
.set_table_main{
	background-color: #DDDDDD;
	width:128px;
	border-left: 1px solid #939393;
	border-right: 1px solid #939393;
	border-top: 1px solid #939393;
	border-bottom: 1px solid #939393;
	padding:3px 3px 3px 3px;
}
.set_table_main td{
	background-color: #ffffff;
	color: #FFFFFF;
}
.set_top_td{
	width:110px;
	height:22px;
	background-image: url(set_title_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
	color:#FFFFFF;
	font-weight:bold;
	padding: 5px 5px;
}
img.set_dot{
	background-image: url(set_right_icon.gif);
	height: 8px;
	width: 5px;
	margin: 0px 10px 0px -5px;
}
img.set_del{
	float: right;
	display: block;
	cursor: hand;
	background-image: url(set_title_del.gif);
	height: 9px;
	width: 10px;
	margin: 1px -10px;
}
.set_icon{
	background-image: url(set_icon.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 45px;
}
.set_title_left{
	background-image: url(set_title_left.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 4px;
}
.set_title_right{
	background-image: url(set_title_right.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 4px;
}
.set_bg_title{
	background-color: #80C0F7;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	padding-left: 5px;
}
.table_bl{
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999999;
}
.table_sl{
	background-color: #FFFBEF;
	border: 1px solid #DDC07C;
	color: #A69079;
}
#index_guestbook_s li{
	padding:0px 0px 0px 18px;
	line-height: 21px;
	background: url(icon_gblist.gif) no-repeat left center;
}