/* CSS For 济源之窗会员管理系统 */
/* 主文本区 */
body {
	font-size: 14px;
	color: #4B4B4B;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	text-align: center;
	background-color: #ffffff;
}
/*发送短信层 处于屏幕中心 topic_view.jsp */
.msgdiv{
background-color:#4B4B4B;
width:500px;
height:200px;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=5);
position:absolute;
top:50%;
left:50%;
margin:-100px 0 0 -250px;
}
/*struts2 校验 返回错误信息的样式 */
.errorMessage{
	color:red;
	font-size: 12px;
}
table {
	font-size: 14px;
	
}
.line{
	height:1px;
	color:#bbbbbb;
}
.line_dotted{
	border-bottom-style:dotted;
	border-left-style:dotted;
	border-right-style:dotted;
	border-top-style:dotted;
	color:#bbbbbb;
	height:1px;
}
/* 兰色的装饰线颜色 横线*/
.line_h {
	background-color: #12638f;
	height:5px;
}
/* 兰色的装饰线颜色 竖线*/
.line_s {
	background-color: #12638f;
	width:4px;
}
/* 兰色的装饰线颜色 top.jsp*/
.line_item_top {
	/*background-color: #12638f;*/
	background-image:url(../images/bg_button.gif);
	border-top:1px #dfdedc solid;
	border-left:1px #dfdedc solid;
	border-bottom:1px #dfdedc solid;
	height:22px;
	font-weight:bold;
	color:#000000;
	padding-left: 10px;
	width:10%;
	text-align:center;
}
/* 兰色的装饰线颜色 标题栏*/
.line_item {
	/*background-color: #12638f;*/
	background-image:url(../images/top_4.gif);
	border:1px #dfdedc solid;
	height:25px;
	font-weight:bold;
	color:#000000;
	padding-left: 10px;
	width:10%;
}
/* 网站顶部logo图片的高度和宽度*/
.logo {
	height:195px;/*170px;*/
	width:215px;/*210px;*/
}
/* 网站顶部建筑图片的高度和宽度*/
.top_1 {
	height:195px;/*170px;*/
	width:786px;/*786px;*/
}
.top_2 {
	width:100%;
}
/* 左边宽度*/
.left_width{
	width:210px;/*210px;*/
}
/* 右边宽度*/
.right_width{
	width:786px;
}
/* 总体宽度*/
.all_width{
	width:1000;
	background-color: #ffffff;
	border-collapse: collapse;
	border-spacing: 1px;
	border: 1px solid #575757;
	color: #ffffff;
	font-size: 14px;
}
/*左边显示 用户登陆等 表格*/
.tb_left {
	width: 90%;
	font-size: 14px;
	border-collapse: collapse;
	border-spacing: 1px;
	margin-left:auto;
	margin-right:auto;
}
/*左边显示 用户登陆等 表格 上下间隙属性*/
.tb_left td{
	padding-top: 10px;
	padding-bottom: 5px;
}
.tb_left .table_line{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 1px;
	border: 1px solid #575757;
	color: #ffffff;
	font-size: 14px;
	
}
/*左边显示 个人信息页面的表格属性*/
.tb_right_user{
	width: 100%;
	border-collapse: inherit;
	border-spacing: 1px;
	border: 0px solid #12638f;
	color: #4B4B4B;
	font-size: 14px;
	
}
/*左边显示 日程安排页面的表格属性*/
.tb_right_schedule{
	width: 100%;
	border-collapse: inherit;
	border-spacing: 1px;
	border: 0px solid #12638f;
	color: #4B4B4B;
	font-size: 14px;
	
}
.tb_right_schedule tr{
	background-color:expression('#c4d8e3,#dbe7ee'.split(',')[rowIndex%2]);
}
.tb_right_schedule td{
	padding-left: 10px;
}
/*左边显示 公告的表格属性--灰色背景和灰色边框*/
.tb_right_notice{
	width: 100%;
	border: 1px solid #bbbbbb;
	color: #4B4B4B;
	font-size: 14px;
}
.tb_right_notice td{
	background-color: #ededed;
	height:25px;
	padding-left: 10px;
}
/*帖子显示 [精品]的属性 */
.post_ssence{
	color:red;
}
/*帖子显示 [置顶]的属性 */
.post_top{
	color:red;
}
/*左边显示 公告的表格属性--灰色背景和灰色边框*/

.tb_post_title{
	width: 100%;
	border: 1px solid #bbbbbb;
	color: #4B4B4B;
	font-size: 14px;
	border-collapse:collapse;
	border-spacing: 1px;
}
/*帖子浏览页 主题--灰色背景和灰色边框*/
.tb_post_title .td_title{
	background-color: #ededed;
	height:25px;
    padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	
}
/*帖子浏览页 = 显示 发贴人 发铁时间 --灰色背景和灰色边框*/
.tb_post_title .td_bottom{
	background-color: #ededed;
	height:25px;
    padding-left: 10px;
	padding-right: 10px;
}
.tb_post_title .td_title_center{
	background-color: #ededed;
	height:25px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	
	text-align:center;
}
.tb_post_title .td_content{
	background-color: #ffffff;
	height:25px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
/*发言内容和回复内容的显示表格属性*/
.tb_post_title .td_content .td_content_table{
	width:95%
}

/*发言内容和回复内容的显示表格属性*/
.tb_post_title .td_content .td_content_table td{
	width:780px;
	word-wrap:break-word;
}
/*左边显示 讨论区主题列表*/
.tb_post_list{
	width: 100%;
	border-collapse:collapse;
	border-spacing: 1px;
	color: #4B4B4B;
	font-size: 14px;
}
/*左边显示 讨论区主题列表--虚线*/
.tb_post_list td{
	BORDER-bottom: rgb(0,0,0) 1px dotted #bbbbbb; 
	height:28px;
}
/*左边显示 讨论区主题列表--实线*/
.td_line{
	BORDER-bottom: 1px solid #bbbbbb; 
	height:30px;
}
/*左边显示 用户登陆等 表格 两个不同颜色的单元格*/
.td_bbbbbb{
	background-color: #bbbbbb;
	height:30px;
	
	text-align:center;
	width:18%
}
/* 超链接样式 */
.td_575757{
	background-color: #575757;
	
	padding-left: 10px;
	width:82%
}



a:link {
	color: #4B4B4B;
	text-decoration: none;
	font-size: 14px;
}

a:visited {
	color:  #4B4B4B;
	text-decoration: none;
}

a:hover {
	color: #679de1;
	text-decoration: underline;
	position: relative;
}


/* 短按钮，适合2个字。按钮不在表格内时使用。 */
.btn_short {
	font-size: 12px;
	color: #666666;
	background-color: #ededed;
	text-align: center;
	vertical-align: middle;
	
	height: 20px;
	width: 50px;
	cursor: pointer;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;

	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	
	border-top-color: #575757;
	border-right-color: #575757;
	border-bottom-color: #575757;
	border-left-color: #575757;
}
/* .tb_left样式表格内的input，使用.tb_left时同时生效。 */
.input {
	width: 60%;
	height: 20px;

	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;

	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	
	border-top-color: #575757;
	border-right-color: #575757;
	border-bottom-color: #575757;
	border-left-color: #575757;
	
/* 对.tb_left样式表格内的checkbox, radio特殊处理，IE专用 */
	width: expression((this.type=="checkbox" || this.type=="radio") ? "20px" : "style");
	border: expression((this.type=="checkbox" || this.type=="radio") ? "none" : "style");
}


/* 配合表单使用的表格样式 */
.tb {
	font-size: 14px;
	width:100%;
	border-collapse: collapse;
	border: 1px solid #bbbbbb;
	border-spacing: 1px;
}
.tbtemp {
	font-size: 14px;
	width:598px;
	border-collapse: collapse;
	border: 1px solid #bbbbbb;
	border-spacing: 1px;
}

/* .tb样式表格内的单元格，使用.tb时同时生效 */
.tb td {
	border: 1px solid;
	border-spacing: 1px;
	height: 23px;
	background-color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: middle;
	white-space: nowrap;
}
.tbtemp td {
	border: 1px solid;
	border-spacing: 1px;
	height: 23px;
	background-color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: middle;
	white-space: nowrap;
}
/* .tb样式表格表头：背景图片、左对齐、字体加粗、字体颜色、缩近。用于“查询条件”所在表格表头。 */
.tb td.th_left {
	color: #4b4b4b;
	text-align: left;
	text-indent: 10px;
	background-color: #ededed;
	height:25px;
	font-weight: bold;
}
.tbtemp td.th_left {
	color: #4b4b4b;
	text-align: center;
	text-indent: 10px;
	background-color: #ededed;
	height:25px;
	font-weight: bold;
}

/* .tb样式表格表头：背景图片、居中对齐、字体加粗、字体颜色。用于流程“批量审核小站列表”和“系统提示信息”等表格表头。 */
.tb td.th_center {
	color: #4b4b4b;
	text-align: center;
	background-color: #ededed;
	height:25px;
	font-weight: bold;
}

/* .tb样式表格的表头：背景图片、居中对齐、字体加粗、字体颜色。定义在tr上时生效。 */
.tb tr.th_center td {
	color: #4b4b4b;
	text-align: center;
	background-color: #ededed;
	height:25px;
	font-weight: bold;
}

/* .tb样式表格数据项的值：左对齐。适用于“表单项”或者“查看详情”的值。 */
.tb td.td_left {
	border: 1px solid;
	border-spacing: 1px;
	height: 23px;
	
	background-color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: middle;
	white-space: nowrap;
	text-align: left;
}
.tb td.td_center {
	border: 1px solid;
	border-spacing: 1px;
	height: 23px;
	
	background-color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
}


/* .tb样式表格的值：左对齐。适用于数据列表的显示，定义在tr上时生效。 */
.tb tr.td_left td {
	border: 1px solid;
	border-spacing: 1px;
	height: 23px;
	
	background-color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: middle;
	white-space: nowrap;
	text-align: left;
}
/* .tb样式表格内的单元格，2列--发贴和回复时候的表格。 */
.tb td.td_2cols_post {
	border: 1px solid;
	border-spacing: 1px;
	height: 23px;
	
	background-color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: middle;
	white-space: nowrap;
	width: 80%;
	text-align: left;
}
/* 发表主题 */
.tb td.myself_post {
	border: none;
	border-spacing: inherit;
	height: auto;
	background-color: #FFFFFF;
	padding-left: inherit;
	padding-right: inherit;
	vertical-align: inherit;
	white-space: normal;
	width: auto;
	text-align: left;
}
.tb td.myself_post table{
	font-size: inherit;
	width:auto;
	border-collapse: inherit;
	border:none;
	border-spacing: inherit;
}
.tb td.myself_post td{
	border: none;
	border-spacing: inherit;
	height: auto;
	background-color: #FFFFFF;
	padding-left: inherit;
	padding-right: inherit;
	vertical-align: inherit;
	white-space: normal;
	text-align: left;
}
/* .tb样式表格内的单元格，2列。 */
.tb td.td_2cols {
	border: 1px solid;
	border-spacing: 1px;
	height: 23px;
	
	background-color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: middle;
	white-space: nowrap;
	width: 60%;
	text-align: left;
}

/* .tb样式表格内的单元格，4列。 */
.tb td.td_4cols {
	border: 1px solid;
	border-spacing: 1px;
	height: 23px;
	
	background-color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: middle;
	white-space: nowrap;
	width: 35%;
	text-align: left;
}

/* .tb样式表格内的单元格，6列。 */
.tb td.td_6cols {
	border: 1px solid;
	border-spacing: 1px;
	height: 23px;
	
	background-color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: middle;
	white-space: nowrap;
	
	width: 160px;
	text-align: left;
}



/* .tb样式表格内的input，使用.tb时同时生效。 */
.tb input {
	width: 80%;
	height: 20px;

	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;

	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	
	border-top-color: #575757;
	border-right-color: #575757;
	border-bottom-color: #575757;
	border-left-color: #575757;
	

	width: expression((this.type=="checkbox" || this.type=="radio") ? "20px" : "style");
	border: expression((this.type=="checkbox" || this.type=="radio") ? "none" : "style");
}

/* 对.tb样式表格内的checkbox, radio特殊处理，兼容firefox */
.tb input[type="checkbox"], input[type="radio"] {
	width: 20px;
	border: 0px;
}


.tb input.ipt_short {
	width: 32%;
}


.tb input.ipt_custom {
	width: auto;
}


.tb .btn_short {
	font-size: 12px;
	color: #666666;
	background-color: #ededed;
	text-align: center;
	vertical-align: middle;
	
	height: 20px;
	width: 50px;
	cursor: pointer;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;

	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	
	border-top-color: #575757;
	border-right-color: #575757;
	border-bottom-color: #575757;
	border-left-color: #575757;
}


.tb input.btn_long {
	font-size: 12px;
	color: #003366;
	background-color: #FFFFFF;
	background-image: url(../images/common/btn_long.gif);
	text-align: center;
	vertical-align: middle;
	border: none;
	height: 23px;
	width: 82px;
	cursor: pointer;
	background-repeat:no-repeat;
}


.tb textarea {
	width: 80%;
	height:200px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;

	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	
	border-top-color: #575757;
	border-right-color: #575757;
	border-bottom-color: #575757;
	border-left-color: #575757;
}

.tb textarea.ta_custom {
	width: auto;
}


