
/* CSS Document */
/*
常用颜色
篮色 #7BC2E0
粉红 #DD127B
淡清 #C6E7FF
*/
/*页面总体的css风格样式*/
/** {
	margin: 0;
	padding: 0;
}*/
body {
	width: 1000px;
	text-align: left;
	font-family: 宋体, Arial, Tahoma;
	margin: 0px auto 0px auto;
	padding: 0px;	
	background: white; /*#6d6d6d;*/
	font-size: 14px;
	color: #000000;
	overflow: auto;
	
}
div {
	margin: 0;
	padding: 0;
	border: 0;
}
input {
	height:24px;
	padding:2px 8px 0 3px;
	border:1px solid #A7A6FA;
}
.nobox {
	border:0px none;
}
ul {
	list-style-type:none; 
	padding:0px;
	margin:0px;
}
a{text-decoration: none;} /* 链接无下划线,有为underline */ 
a:link {color: #282580;} /* 未访问的链接 */
a:visited {color: #282580;} /* 已访问的链接 */
a:hover{color: #282580;text-decoration:underline;} /* 鼠标在链接上 */ 
a:active {color: #282580;text-decoration:underline;} /* 点击激活链接 */
/*超链接中的图片无边框*/
a img{
	border:0px;   
} 
/*表格通用部分*/
td {
	line-height: 19px;
}
/*总框架布局*/
.main{
	clear: both;
	margin: 0px auto;
	padding: 0px 10px 10px 10px;
	border: 0px solid red;
	background: #FFFFFF;
}
.top {
	clear: both;
	margin: 5px auto;
	padding: 0px 10px 0px 10px;
	border: 0px solid red;
	background: #FFFFFF;
}
.footer {
	clear: both;
	margin: 0px auto;
	padding: 20px 10px 20px 10px;
	border: 0px solid #666;
	background: #FFFFFF;
	height: 50px;
	text-align: center;
	color: #888888;
}
.footer .rights{
	width: 100%;
	font-size:12px;
	font-family: Arial,Tahoma;
	color: #888888;
}
.footer a{
	font-family: Arial,Tahoma;
	color: #888888;
}

.banner {
	float: left;
	margin: 10px 0px 0px 50px;
}
/*登陆状态栏*/
.login-nav {
	font-family: 宋体, Arial, Tahoma;
	font-size: 13px;
	margin-top: 12px;
	float: right;
}
.logo {
	float: left;	
}

/*---------------------------------*/
/*导航条*/
/*---------------------------------*/
.nav-bar{
	clear: both;
	margin-top: 10px;
}
.nav-bar ul {
  height: 25px;
  background: #7BC2E0;
}
.nav-bar li{ 
  padding: 0px;
  width: 150px;
  list-style: none;
  float:left; 
  text-align: center;
}
.nav-bar a {
  display:block;
  color: white;
  text-decoration:none;
  background: #7BC2E0;
  padding:0.34em 1em;
  border: 0px solid #36a;
}
.nav-bar li.activetab a {
  background: #DD127B;
  color: #ffffff;
}
.nav-bar.ul a:hover {
  background:#fff;
  color: #282580;
}

/*位置导航*/
.navigation{
	clear: both;
	margin: auto auto;
	padding: 10px 10px 10px 50px;
	border: 0px solid red;
	background: #FFFFFF;
	height: 20px;
	font-size: 13px;
}
.navigation .arrow{
	margin: 0px;
	padding: 0px;
}
.navigation a{
	text-decoration: underline;
}

.pop-body{
	clear: both;
	margin: 0px;
	padding: 30px 10px 10px 10px;
	border: 0px solid #666;
	background: #FFFFFF;
}


/*翻页*/
.page {
	clear: both;
	text-align: right;
	font-family: 宋体, Arial, Tahoma;
	font-size: 12px;
}
.page .enable{
	border: #7BC2E0 1px solid;
	padding: 3px 5px 3px 5px;
	color: #7BC2E0;
}
.page .disable{
	border: #C8C8C8 1px solid;
	padding: 3px 5px 3px 5px;
	color: #C8C8C8;
}
.page .current{
	border: #7BC2E0 1px solid;
	padding: 3px 5px 3px 5px;
	background-color: #7BC2E0;
	color: white;
}
.page A:hover {
	border: #7BC2E0 1px solid;
	background-color: #7BC2E0;
	color: white;
}
/*蓝色标题框*/
.text-title{
	color: #7BC2E0;
	font-weight: bold; 
	height: 26px;
	padding: 5px ;
}

/*在一行中显示*/
.inline {
	list-style-type: none;
	white-space : nowrap;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.inline li{
	FLOAT: left;
	overflow: hidden;
	padding: 0px 6px 0px 6px;  
	MARGIN-LEFT: -1px; 
	TEXT-ALIGN: center
}
/*在一行中显示并显示分割线*/
.inline-gray {
	list-style-type: none;
	white-space : nowrap;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.inline-gray li{
	FLOAT: left;
	overflow: hidden;
	padding: 0px 6px 0px 6px;
	BACKGROUND: url(/common/images/css.gif) no-repeat 0px -250px;  
	MARGIN-LEFT: -1px; 
	TEXT-ALIGN: center
}
.inline-gray li.activetab a {
  background: #fffffF;
  color: #DD127B;
}
/*---------------------------------*/
/*简单表格布局*/
/*---------------------------------*/
table.easy{
	margin: 0px auto 0px auto;
	padding: 0px;
}
table.easy thead{
	color: #FFFFFF;
	background-color: #7BC2E0;
	font-weight: bold; 
	font-size: 12px;
	border-width: 0px;
	height: 26px;
}
table.easy th{
	border-width: 0px;
	text-align: center;
}
table.easy td {
	border-width: 0px;
	border-style: solid;
	overflow: hidden;
	padding-left: 5px;
}
/*带细线的表格*/
table.solid {
	border-collapse:collapse; /* 关键属性：合并表格内外边框(其实表格边框有2px，外面1px，里面还有1px哦) */
	border:solid red; /* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */
	border-width:1px 1px 1px 1px; /* 设置边框状粗细：上 右 下 左 = 对应：1px 0 0 1px */
}
table.solid td {
	margin: 0px;
	padding:0px;
	border:solid red;
	border-width:1px 1px 1px 1px;
}
/*每行带虚线的表格*/
table.dashed{
	margin: 0px auto 0px auto;
	padding: 0px;
}
table.dashed thead{
	color: #FFFFFF;
	background-color: #7BC2E0;
	font-weight: bold; 
	font-size: 12px;
	border-width: 0px;
	height: 26px;
	text-align: center;
}
table.dashed td {
	border-width: 0px;
	border-style: solid;
	overflow: hidden;
	padding-left: 5px;
}
table.dashed tbody td {
	border-bottom: 1px dashed #ddd;
}
/*---------------------------------*/
/*蓝色背景表格列表*/
/*---------------------------------*/
.topic_list {
	width: 100%;
	border-color: #0000FF;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	TABLE-LAYOUT: fixed;
}
.topic_list thead {
	color: #FFFFFF;
	background-color: #0000FF;
	font-weight: bold; 
	height: 26px;
}
.topic_list tr {
	height: 32px;
}
.topic_list th {
	text-align: center;
}
.topic_list td {
	height: 32px;
	border-width: 1px;
	border-style: solid;
	overflow: hidden;
}
/*论坛的标题*/
.topic_list .forum_title{
	font-weight: bold;
	font-size: 14px;
}
/*---------------------------------*/
/*头像*/
/*---------------------------------*/
.small-photo {
	margin: 5px auto 5px auto;
	text-align: center;
	overflow: hidden;
}
.big-photo {
	margin: 5px auto 5px auto;
	text-align: center;
	overflow: hidden;
}
.imgList ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}
/*略缩图*/
.thumbnail {
	margin: 0px auto 0px auto;
	width: 120px;
	height:120px;
	overflow: hidden;
	background-color: #e4e4e2;
	background-repeat:no-repeat;
	background-attachment: inherit;
	background-position: center;
	border: #e4e4e2 1px solid;
}
A:hover .thumbnail {
	border: red 1px solid;
}
.imgList ul li {
	float: left;
	margin: 0px 7px 0px 7px;
	TEXT-ALIGN: center;
	width: 122px;
	height: 170px;
	overflow: hidden;
	padding:0px;
	text-align: center;
}
.thumbnail-title{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 120px;
	height:45px;
	font-size: 12px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	word-break: break-all;
	line-height: 15px;
}
.thumbnail-title .pr{
	color: #DD127B;
	font-size: 12px;
}
/*---------------------------------*/
/*论坛主题详情*/
/*---------------------------------*/
.title{
	clear: both;
	margin: 0px -10px 0px -10px;
	padding: 10px 10px 0px 50px;
	color: #FFFFFF;
	background-color: #7BC2E0;
	font-weight: bold; 
	font-size: 18px;
	height: 26px;
}
.title .remark{
	font-size: 12px;
	font-weight: normal;
	margin-left: 20px; 
}
.title .operate{
	font-size: 12px;
	font-weight: normal;
	margin-left: 20px; 
}
.title .operate a{
 	text-decoration: underline;
}
.topic_detail {
	padding-top: 10px;
	border-width: 0px;
	border-style: solid;
	font-family: 宋体, Arial, Tahoma;
	font-size: 12px;
}
.topic_detail  .body{
	padding: 0px 10px 0px 10px;
}
.topic_detail  .body .left{
	float: left;	
	width: 200px;
	overflow: hidden;
	margin-right: 10px;
}
.topic_detail  .body .right{
	float: left;
	width: 720px;
	overflow: hidden;
}
.topic_detail .title{
	margin: 0px 10px 0px 10px;
}
.topic_detail  .body .head{
	height: 20px;
	border-bottom-width: 0px;
	border-style: solid;
	border-color: #0000FF;
	padding: 10px 5px 0px 5px;
}
.topic_detail  .body .head .operate1{
	float: left;
	width: 500px;
}
.topic_detail  .body .head .operate2{
	float: right;	
}
.topic_detail .body .author{
	float: left;
	width: 120px;
	height: 120px;
	padding: 5px;
	margin: 5px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	text-align: center;
}
.topic_detail  .body .text{
	overflow: visible;
	padding: 0px 5px 10px 10px;
	word-break: break-all;
	font-size: 14px;
	line-height: 20px;
}
.topic_detail  .body .foot{
	clear: both;
	height: 20px;
	border-top-width: 1px;
	border-style: solid;
	border-color: #0000FF;
	padding: 10px 5px 0px 5px;
}
.topic_detail .botton{
	clear: both;
}
.critique {
	margin: 20px 10px 10px 10px;
}
.critique li {
	width: 100%;
	clear: both;
}
.critique .creator{
	margin: 1px 5px 1px 5px;
	width: 100px;
	float: left;
	word-break: keep-all;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.critique .date{
	margin: 1px 5px 1px 5px;	
	width: 100px;
	float: left;	
}
.critique .content{
	background-repeat:no-repeat;
	background-attachment: inherit;
	background-position: left;
	margin: 1px 5px 1px 5px;	
	padding-left: 25px;
	width: 400px;
	float: left;
	word-break: keep-all;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.user-scores {
	text-align: center;
}
/*---------------------------------*/

/*---------------------------------*/
/*技术文章*/
/*---------------------------------*/
.technic{
	border: 0px solid #36a;
}
.technic .name{
	border: 0px solid #36a;
}
.technic tr{
	height: 80px;
}
.technic .title{
	clear: both;
	margin: 0px 0px;
	padding: 2px 10px 1px 10px;
	color: #FF00;
	background-color: #C6E7FF;
	font-weight: bold; 
	font-size: 16px;
	height: 20px;
}
.technic .operate{
	clear: both;
	margin: 0px 0px 5px 0px;
	padding: 0px 10px 2px 10px;
	color: #FF00;
	background-color: #FFFFFF;
	font-size: 12px;
	height: 15px;
}
.technic .text{
	overflow: hidden;
	padding: 0px 10px 0px 10px;
	word-break: break-all;
	font-size: 13px;
	line-height: 20px;
	height: 100%;
}


/*---------------------------------*/
/*新建论坛主题*/
/*---------------------------------*/
.pop-window{
	background-color: white;
	width: 480px;
	text-align: left;
	margin: 20px 20px 0px 100px;
}
#loginId {
	width: 150px;	
}
#password {
	width: 150px;	
}
#password2 {
	width: 150px;	
}
/*---------------------------------*/



/*---------------------------------*/
/*新建论坛主题*/
/*---------------------------------*/
.create_topic {
	width: 100%;
	border-color: #0000FF;
	border-width: 0px;
	border-style: solid;
	border-collapse: collapse;
}
.create_topic thead {
	color: #FFFFFF;
	background-color: #7BC2E0;
	font-weight: bold; 
	height: 26px;
}
.create_topic tr {
	height: 32px;
}
.create_topic th {
	text-align: center;
}
.create_topic td {
	border-width: 0px;
	border-style: solid;
}
/*---------------------------------*/

/*---------------------------------*/
/*回复*/
/*---------------------------------*/
.revert_edit{
	padding-top: 20px;	
}
.revert_edit #content{
	width:700px;
	height:100px;
}
/*---------------------------------*/

/*---------------------------------*/
/*blog首页*/
/*---------------------------------*/
.blog .left{
	float: left;
	width: 200px;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	border: 0px solid #0000FF;
}
.blog .left .operate{
	border: 0px solid #0000FF;
	text-align: center;
	margin-top: 20px;
}
.blog .right{
	border: 0px solid #0000FF;
	float: right;
	width: 720px;
	margin: 0px 0px;
	padding: 0px 0px;
}
/*---------------------------------*/


/*---------------------------------*/
/*category*/
/*---------------------------------*/
.category {
	margin-top: 30px;
}
.category .title{
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 10px;
	font-weight: bold; 
	font-size: 14px;
	text-align: left;
	height: 20px;
}
.category ul {
	font-size: 14px;
	list-style-type:disc; 
	padding: 5px 5px 5px 15px;
	margin:0px;
	
}
.category ul li{
	margin:5px;
}

/*---------------------------------*/
/*message*/
/*---------------------------------*/
.message {
	font-family:宋体, Arial, Tahoma;
	font-size: 24px;
	font-weight:bold;
	color: #7BC2E0;
}
/*---------------------------------*/
/*tab*/
/*---------------------------------*/
.tab {  
  border-bottom:1px solid #36a;
  height: 25px;
  margin: 10px 0px 1px 0px;  
}
.tab li{ 
  margin: 0 12px;
  list-style: none;
  float:left; 
}
.tab a {
  display:block;
  color: white;
  text-decoration:none;
  background: #7BC2E0;
  padding:0.25em 1em;
  border: 1px solid #36a;
  border-bottom: none;
}
.tab li.activetab a {
  background:#fff;
  color: #282580;
  border-bottom:2px solid white;
}
ul.tab a:hover {
  background:#fff;
  color: #282580;
}
.tab-content{
	border-left: 0px solid #36a;
	border-right: 0px solid #36a;
	border-bottom: 0px solid #36a;
}

/*---------------------------------*/
/*tab list*/
/*---------------------------------*/
.tab-list{
	border: 1px solid #7BC2E0;
}
.tab-list .title{
	clear: both;
	margin: 0px 0px;
	padding: 4px 4px;
	color: #FFFFFF;
	background-color: #7BC2E0;
	font-size: 14px;
	height: 14px;
	text-align: center;
}
.tab-list .tab{
	clear: both;
	margin: 0px 0px;
	padding: 0px 0px;
	background-color: #7BC2E0;
	border: none;
	height: 20px;
}
.tab-list .tab li{
  margin: 0px; 
  padding: 0px;
  list-style: none;
  float:left; 
  text-align: center;
  font-size: 12px;
  border: none;
}
.tab-list .tab a {
  display:block;
  color: white;
  text-decoration:none;
  background: #7BC2E0;
  border: 0px solid #36a;
  border: none;
}
.tab-list .tab li.activetab a {
  background: #DD127B;
  color: #ffffff;
  border: none;
}
.tab-list .tab.ul a:hover {
  background:#fff;
  color: #282580;
}
/************************************************************/

/*方型按钮，一般为正式的按钮，如用于提交等*/
.button_default {
    background-image:url(/common/images/button/default.gif);
    width:45px;
	height:21px;
	font-size:12px;
	border:0px;
	padding-top:4px;
	text-align:center;
	cursor:pointer;
}
.button_down {
    background-image:url(/common/images/button/down.gif);
    width:45px;
	height:21px;
	font-size:12px;
	border:0px;
	padding-top:4px;
	text-align:center;
	cursor:pointer;
}
.button_over {
    background-image:url(/common/images/button/over.gif);
    width:45px;
	height:21px;
	font-size:12px;
	border:0px;
	padding-top:4px;
	text-align:center;
	cursor:pointer;
}
/*href做的按钮*/
A.button  {
	padding: 3px 6px;
	border: #36a 1px solid;
	color: white;
	background-color: #7BC2E0;
	font-weight: bold;
	text-decoration: none;
}
A:hover.button {
	background-color: #36a;
}

/*字体样式*/
/*蓝色字体，加粗，用于提示过警告*/
.font_bold{
font-size:12px;
color:#2A258A;
font-weight:bold;
}




/*blog中的独立设置*/
.blog .head{
	clear: both;
	margin: 0px -10px 0px -10px;
	padding: 20px 10px 0px 50px;
	color: #FFFFFF;
	background-color: #DD127B;
	font-weight: bold; 
	font-size: 24px;
	height:50px;
	border: 0px solid black;
}
.blog .head a{
	color: #FFFFFF;
}
.blog .head .domain{
	font-weight: normal; 
	font-size: 12px;
	text-align: right;
	padding-right: 5px;
	margin-top: 2px
}

/*省略号*/
.ellipsis-text {
	width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: keep-all;
	white-space: nowrap;
}

/*JPG的附加信息*/
.exif {
	color: #888888;
	margin: 5px 0px 20px 0px;
}
/*htmledit页面原图按钮*/
A.zoom{
	background: url(http://img.eaful.com/common/htmledit/images/zoom.gif) no-repeat ;
	padding-left: 20px;
}
/*页面字段提示*/
.tip_field_msg {
	position:absolute;
	height:22px;
	margin-left:5px;
	padding:3px 4px 0px 20px;
	font-size:12px;
	border-color: #7E9DB9;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	background:url(/common/actionmsg/images/info.gif) no-repeat;
	background-color:#E4FFFC;
	background-position:0px 50%;
	z-index:10000;
}
/*页面字段错误提示*/
.tip_field_error{
	position:absolute;
	height:22px;
	margin-left:5px;
	padding:3px 4px 0px 20px;
	color: red;
	font-size:12px;
	border-color: #FB7922;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	background:url(/common/actionmsg/images/error.gif) no-repeat;
	background-color:#FBF0B8;
	background-position:0px 50%;
	z-index:10000;
}
/*action中的提示信息*/
.tip_action_msg {
	position:absolute;
	/*height:22px; 不能固定高度*/
	padding:20px 4px 20px 30px;
	font-size:14px;
	border-color: #7E9DB9;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	background:url(/common/actionmsg/images/info.gif) no-repeat;
	background-color:#E4FFFC;
	background-position:0px 50%;
	overflow:visible;
	z-index:10000;
}
/*action中的错误提示信息*/
.tip_action_error{
	position: absolute;
	/*height:22px; 不能固定高度
	width:80%;*/
	padding:1px 4px 0px 20px;
	font-size:14px;
	border-color: #FB7922;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	background:url(/common/actionmsg/images/error.gif) no-repeat;
	background-color:#FBF0B8;
	background-position:0px 50%;
	overflow:visible;
	z-index:10000;
}
#dialog_back_panel {
	z-index:1000000;
	background:red;
	position:absolute;
	width:0px;
	left:0px;
	top:0px;
	visibility:hidden;
	filter:Alpha(opacity=10);
	-moz-opacity:.1;
	opacity:0.1;
}

#dialog_panel {
	z-index:1100000;
	position:absolute;
	left:0;
	top:0;
	width:0px;
	height:0px;
	visibility:hidden;
}

#dialog_close_img{
	float:right;
	border:0px;
	cursor:pointer;
	margin:5px 5px 0px 0px;
}
#dialog_title {
	cursor:move;
	font-family:verdana;
	text-align:left;
	color: #FFFFFF;
	background-color: #7BC2E0;
	margin:0;
	padding:5px 10px 5px 10px;
}
#dialog_iframe {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}