﻿/* ====================
     公共样式
==================== */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img {margin:0;padding:0;}
body, button, input, select, textarea {font:12px/1.5 tahoma, arial, Verdana, sans-serif;}
html.off,html.off body {background: #e2e9ea url(../images/left_bg.png) repeat-y -40px top;}
html.on,html.on body{background: #e2e9ea; background-image:none;}
html.addbg,html.addbg body{background:#e2e9ea}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
ol, ul, li, dl, dd, dt {list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
.fl {float:left;}
.fr {float:right;}
.cb {clear:both;}
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
fieldset, img {border:0;}
input,label,img,th{vertical-align:middle;}
button, input, select, textarea {font-size:100%;}
.hidden {display:none;}
.invisible {visibility:hidden;}
.hand { cursor:pointer; }
.cu,.cu-li li,.cu-span span {cursor: hand;!important;cursor: pointer}
.clearfix:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	clear:both;
	zoom:1;
}
/*字体样式*/
.fb { font-weight:bold; }
.em{ font-style:italic;}
.u{ text-decoration:underline;}
.strike{ text-decoration:line-through;}
.f11 { font-size:11px; }
.f14 { font-size:14px; }
address,cite,dfn,em,var{font-style:normal;}
.expandable{ 
	cursor:pointer;
}
/*链接样式*/
a{text-decoration:none; color:#444;}
a:hover{text-decoration:none;}
.white,.white a{color:#fff}.blue,.blue a{color:#004499}.gray4,a.gray4{color:#999}
.red, .red a, a.red{color:red;}
.black,.black a{color:#111}
/*颜色*/
.green{ color:#00CC00;}
.green1{ color:#008000; }
.green2{ color:#258C83; }
.blue{color:#0000FF; }
.blue1{ color:#2673C4; }
.gray { color:#666666; }

.c_pointer { cursor:pointer; }

.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}

input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
.pad-6{padding:6px; overflow:hidden}.pad-10{padding:10px; overflow:hidden}.pad_10,.pad-lr-10{padding:0 10px}.pad-lr-6{padding:0 6px}
.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}
.line-x{border-bottom:1px solid #eee;}
.title-1{border-bottom:1px solid #eee; padding-left:5px}
.title-2{text-align:left;height:25px;*height:24px;font:14px "MicroSoft YaHei","SimHei";color:#333;*line-height:25px; margin:0; padding:4px 0 3px 0px}
.title-3{ text-align:left; font-size:12px; font-weight:normal; padding:4px 0 4px 0px}

body fieldset{border:1px solid #D8D8D8; padding:10px;}
body fieldset legend{padding:3px 8px;font-weight:700;border:1px solid #D8D8D8;background-color: #F9F9F9;}
body fieldset.blue{border:1px solid #dce3ed}
body fieldset.blue legend{padding:3px 8px;font-weight:700;color:#347add; background:none; border:none}

.ib, .ib-li li, .ib-a a, .ib-span span,.common-form ul li span.text,.fixed-bottom .fixed-but .button,.arrowhead,.arrowhead-b,#Skin li,.shortcut a,.shortcut a span,.picBut a,.tab-use{display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;}
.cut_line span{ color:#4d82bc; padding:0 4px}

.table-other{border:1px solid #d5dfe8;}
.table-other td,.table-other th{ padding:0 10px;border:1px solid #d5dfe8;padding:5px 10px;}

.table-list{border:1px solid #d5dfe8;}
.table-list td,.table-list th{ padding:0 5px;}
.table-list thead th{ height:30px; background:#78B7BA; font-weight:normal;font-weight:700; border:1px solid #ffffff; border-bottom-width:0; }
.table-list tbody td,.table-list .btn{border-top:1px solid #d5dfe8; padding-top:5px; padding-bottom:5px}
div.btn{background:#f6f6f6; padding:6px 12px 0 12px; height:30px;line-height:30px}
.table-list tr:hover,.table-list table tbody tr:hover{ background:#5BD3CF}
.nHover tr:hover,.nHover tr:hover td{ background:none}
.table-list .input-text-c{ padding:0; height:18px}
.input-text-c{border:1px solid #A7A6AA;height:18px;padding:2px 0 0; text-align:center}
.td-line{border:1px solid #eee}
.td-line td,.td-line th{border:1px solid #eee}
.table-list tr.on,.table-list tr.on td,.table-list tr.on th,.table-list td.on,.table-list th.on{background:#fdf9e5;}
.table-list tr.check {background:#DFF2FB}
a.close-own{background: url(../images/cross.png) no-repeat left 3px; display:block; width:16px; height:16px;position: absolute;outline:none;right:7px; top:8px; text-indent:200px; overflow: hidden}
a.close-own:hover{background-position: left -46px}

/*字段排序*/
.order_sort_0{background:url(../images/desc.gif) no-repeat right; padding-right:12px;}
.order_sort_1{background:url(../images/asc.gif) no-repeat right; padding-right:12px;}

/*通用表单*/
.common-form{ margin:0 10px;}
.common-form div.contentWrap{padding-right:20px}
.common-form ul li{clear:both; vertical-align:middle}
.common-form ul li span.text{width:60px}
.common-form .set{border:1px dashed #e0e7ed;zoom:1; background:#f2f7fb; padding:10px; font-size:12px; margin-bottom:10px}
.common-form .set table td,.common-form .set table th{padding-left:12px}
.common-form .set table th{font-weight:normal; text-align:left;padding:0 8px}
.common-form .set table td{ padding:3px 0 3px 5px}
.common-form .set table td.y-bg{background: url(../images/set_y_line.png) repeat-y right top}
.common-form .set table td input{ background-image:none; height:18px; font-size:12px}
input.date,input.endDate{background: #fff url(../images/input_date.png) no-repeat right 3px; padding-right:18px;font-size:12px;}
textarea,textarea.input-text,textarea.input-focus{font-size:12px;height:auto; padding:5px; margin:0;}
select{ vertical-align:middle;background:none repeat scroll 0 0 #F9F9F9;border-color:#666666 #CCCCCC #CCCCCC #666666;border-style:solid;border-width:1px;color:#333;padding:2px;}

.search-form{ margin-bottom:10px}
.explain-col{ border:1px solid #B3D1FC;zoom:1; background: #D2FBFA; padding:8px 10px; line-height:20px}

.table_block{border:1px solid #ccc;zoom:1; float:left; margin:0 5px 10px;}
.table_block th{font-weight:normal; text-align:right;padding:4px 8px; color:#777}
.table_block td,.table_block th{border-bottom:1px solid #eee;}

/*ajax加载*/
#ajax_loading{ border:1px #CCC solid; color:#03F; padding:2px 5px 2px 25px; background:url(../images/ajax_loading.gif) #9CF no-repeat 3px 2px; position:absolute; right:0; top:0; display:none;}

/*登陆页面*/
/* .login_body{background:#29AFB2;}
.login_table{width:450px;height:140px;margin:150px auto 0;}
.login_table td.logo{width:210px;background:url(../images/login_bg.gif) no-repeat right;}
.login_table td.logo h1{width:200px;height:54px;overflow:hidden;background:url(../images/logo.gif) no-repeat; text-indent:-9999px;}
.login_table td.logo p{color:#e0e0e0;line-height:25px;}
.login_table td.loginform{padding:28px 0 0 25px;vertical-align:top;}
.login_table td.loginform table th{color:#FFF;font-weight:normal; height:38px; padding-right:5px;}
.login_table td.loginform table input.text{width:125px;height:22px; line-height:22px; border:1px #e3f0fc solid; border-top:1px #8cb7e1 solid; border-left:1px #8cb7e1 solid;}
.login_table td.loginform table input.user{ background:url(../images/login_user_bg.gif) #FFF no-repeat 5px 4px;; padding-left:22px;}
.login_table td.loginform table input.pass{ background:url(../images/login_pass_bg.gif) #FFF no-repeat 5px 4px;; padding-left:22px;}
.login_table td.loginform table input.login_btn{width:71px;height:24px; background:url(../images/login_btn.gif) no-repeat; border:none; cursor:pointer;} */
.logo { margin:0 auto; width:569px; height:49px; }
.login { margin:76px auto 0 auto; width:760px; }

/*控制面板*/
.table_panel{text-align:left;line-height:30px;}
.table_panel th{vertical-align:middle;padding:0 10px;color:#333;width:120px; text-align:right;}
.table_panel td{ width:250px;}

/*头部*/
#header {background:url(../images/headerbg.jpg) repeat-x left top; height:70px}
#header .logo{float:left;width:225px;height:65px;margin-right:10px;_margin-right:7px;background: url(/public/images/logo.jpg) no-repeat 0px 0px;}
#header .logo a{display:block;height:70px;text-decoration: none;}
#header .log{padding:10px 0 0 6px; height:16px;position:relative;}
#header .log_right{ 
	position:absolute;
	top:10px;
	right:20px;
}
#header .fr{width:290px;}
#header .tab_style{padding:16px 14px 0 0}

#header .nav{ display:block; height:34px; position:relative; bottom:-10px}
#header .col-auto{ overflow:visible}
#header .nav li,
	#header .nav li a{background: url(../images/nav_bg1.jpg) no-repeat;display:block;_float:left;height:34px; line-height:38px; font-size:14px; font-weight:700; color:#666; }
	#header .nav li{float:left;padding:0 0 0 8px}
	#header .nav li a{background: url(../images/nav_bg1.jpg) no-repeat right top; padding:0 15px 0 7px}
	#header .nav li.on{background: url(../images/nav_bg2.jpg) no-repeat;}
	#header .nav li.on a{background: url(../images/nav_bg2.jpg) no-repeat right top; color:#30A599;}

#header .top_menu { margin-right:5px; }

.left_menu{margin-right:12px;_margin-right:10px;padding:12px;_padding:12px 0 12px 12px;width:110px; position:relative; display:block;}
.left_menu_on{ width:0; padding:0;}
.left_menu_on div{ visibility:hidden;_display:none}
.left_menu h3{font-weight: 700;color: #2D8184;border-bottom:1px solid #ADF5F6; line-height:24px; height:24px; margin-bottom:4px;_width:112px;_margin-right:12px}
.left_menu ul li a{line-height:24px;padding-left:8px;display:block;text-decoration: none;background-color:#f7fbfc;_width:100px;}
.left_menu ul li a:hover,
	.left_menu ul li.on,.left_menu h3 span{background: url(../images/left_menu.png) no-repeat;text-decoration: none}
	.left_menu ul li.on{width:104px; height:29px; padding-left:20px; margin:0}
	.left_menu ul li.on a{ height:29px; line-height:29px; background:none; padding:0; display:block}
	.left_menu ul li.on a:hover{background:none}
.left_menu ul li a:hover{background-position: left -38px}
.left_menu a.open,.left_menu a.close{background: url(../images/left_menu_openClose.png) no-repeat 3px center;width:10px; display:block; position:absolute; z-index:100; height:auto; right:-11px; top:0}
.left_menu a.open:hover,.left_menu a.close:hover{ background-color:#d6e1e4}
.left_menu a.close{background-position:right center}
.left_menu h3 span{background-position: left -78px; display:block; float:right; height:14px; width:14px; margin-top:5px}
.left_menu h3 span.on{background-position: -33px -78px;}

.right_main {margin-right:8px;overflow:hidden;_zoom:1;_float:left;}

/*当前位置*/
.crumbs{background: url(../images/icon_use.png) no-repeat;background-position:left -18px; height:22px; padding:6px 0 0 18px;*height:20px;*padding:8px 0 0 18px;}
.shortcut{ float:right; position:relative; top:-3px;*top:-4px;}
.shortcut div{ float:left; margin-top:3px;}
.shortcut a{ margin-left:6px; padding-left:6px; color:#30A599}
.shortcut a,.shortcut a span{background: url(../images/bnt_bg.png) no-repeat 0 -83px; height:21px; line-height:21px;*line-height:24px;_line-height:20px; text-align:center;}
.shortcut a span{background-position: right -83px; padding-right:6px;}

.rmc {border:1px solid #f4f6f5;zoom:1; background:#fff;}
.rmc div.content{border:1px solid #c2d1d8;zoom:1;}

.subnav{ padding:10px;}

/*容器样式*/
.col-tab{ }
.col-tab ul.tabBut{height:27px; padding-left:14px;position:relative;bottom:-1px}
.col-tab ul.tabBut li{float:left; border:1px solid #dce3ed; height:25px; line-height:26px; margin-right:5px;}
.col-tab ul.tabBut li{ background:#eaeef4; padding:0 8px;}
.col-tab ul.tabBut li.on{position:relative; background:#fff;border-bottom:0;height:26px;_height:27px; font-weight:700;}
.col-tab ul.tabBut li.icon{background-image:url(../images/icon/exclamation_small.png);padding-left:18px;background-repeat: no-repeat;background-position: 3px center;}
.col-tab .content{border:1px solid #dce3ed;_zoom:1;}
.col-tab .content-r{border-top:1px solid #dce3ed}
.col-tab .contentList{border:1px solid #dce3ed;_zoom:1;}

.col-1{ border:1px solid #f4f6f5;zoom:1; background:#fff}
.col-1 div.content{border:1px solid #c2d1d8;zoom:1;}

.col-2{ border:1px solid #c7d8ea;zoom:1;}
.col-2 h6{border-bottom:1px solid #c7d8ea; color:#3a6ea5; background:#f8fafa; height:26px; line-height:28px; padding:0 10px}
.col-2 div.content{ padding:9px 10px}

/*内容菜单*/
.content-menu{ padding:0 0 6px}
.content-menu a:hover{text-decoration: none}
.content-menu a em{display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;}
.content-menu a.add,.content-menu a.add em,
	.content-menu a.on,.content-menu a.on em{background: url(../images/bnt_bg.png) no-repeat;height:28px; line-height:28px;*line-height:28px}
.content-menu span{color:#ddd; padding:0 8px}
.content-menu a{cursor:pointer;}
.content-menu a.add{ padding:0 0 0 5px;}
.content-menu a.add em{ padding:0 10px 0 5px;color:#fff;background-position: right top}
.content-menu a.on{background-position: left -40px;*background-position: left -41px;_background-position: left -39px; color:#fff; padding:0 0 0 5px;}
.content-menu a.on em{background-position: right -40px;*background-position: right -41px;_background-position: right -39px; padding:0 10px 0 5px}

/*分页*/
#pages {font-family:宋体; text-align:right; float:right;}
#pages a { display:inline-block; height:22px; line-height:22px; background:#4d81bb; border:1px solid #e3e3e3; text-align:center; color:#fff; margin-left:4px; padding:0 4px;}
#pages a.current { display:inline-block; width:26px; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center; }
#pages a.page_prev,#pages a.page_first,#pages a.page_last,#pages a.page_next { background:#4d81bb  0 5px; width:50px;}
#pages a:hover { background:#F96; color:#000; text-decoration:none; }

.ke-container td,.ke-container th{padding:0;}

/*团购列表*/
.group_pic{ border:1px #CCC solid; padding:1px;}
.group_subject{ height:34px; overflow:hidden; display:block;}
.group_subject:hover{ height:inherit; text-decoration:none; color:#F30;}

.loading{
	padding:0px 0px 0px 25px; 
	background:url(../images/ajax_loading.gif) no-repeat;
	line-height:20px;
}
/*首页面板*/
#home_panel{ 
	width:100%;
	line-height:25px;
}
#home_panel .col-2{ 
	width:49%;
	margin-bottom:10px;
}
#home_panel .col-2 h6{ 
	border-bottom: 1px solid #C7D8EA;
	color: #2D8184;
	background: url(../images/x_bg.png) repeat-x left -42px;
	height: 26px;
	line-height: 28px;
	padding: 0 10px;	
}
.hr {
	background: url(../images/uline.gif) repeat-x center center;
}
.hr hr{ 
	display:none;
}
.bk20 {
	height: 20px;
}

/*提示信息*/
.html_clew_box { border:3px solid #7ad3ff; color:#1b9103; position:absolute; z-index:999999; background:#fff url(../images/html_clew_box.gif) repeat-x 0 0; padding:0 25px 0 68px; ; margin-top:1px; float:left; }
.clew_error { background-position:0 bottom; color:#f00 }
.html_clew_box_close { clear:both; display:none }
.html_clew_box_close a { background: url(../images/pop_ico_x.gif) no-repeat 0 0; width:8px; height:8px; overflow: hidden; text-indent: 10px; display: block; float: right; }
.html_clew_box_con { font-size:14px; padding:20px 0; white-space: nowrap; font-weight: bold; }
.ico_waiting { background:url(../images/icon_waiting.gif) no-repeat 0 0; height:32px; line-height:32px; display:inline-block; padding-left:40px; }
.boxy-content { text-align:left; padding:10px; }
.boxy-content p{padding:0;margin:10px 0;*margin:7px 0;}
#input_dismissed { margin:10px 0 10px 0; }

.bg_on { background-color:  #CCEFF4; }

.sub_wrap { padding: 5px; border-top:1px solid #eeeeee; text-align:right; }

.btn_y, .btn_n { width:60px; height:24px; font-weight:bold; line-height:24px; text-align:center; float:right; display:inline; cursor:pointer; }
.btn_y { background: url(../images/btn_y.gif) no-repeat 0 0;  margin-right:4px; }
.btn_n { background: url(../images/btn_n.gif) no-repeat 0 0; }

.top_opt { background-color: #DBF1FC; color:#000; font-weight:bold; }


/*内容页头部*/
h1 {
  background: #F4FAFB;
  border: 1px solid #BBDDE5;
  color: #0A3A2A;
  font-size: 14px;
  padding: 7px 10px;
  margin: 0 0 10px 0;
  overflow:hidden;
}

h1 a:visited {
  color: #333;
}

h1 a:link {
  color: #333;
}

h1 a:hover {
  color: #EB8A3D;
}

h1 span{zoom:1;}

h1 .action-span {
  float: right;
  padding-left: 10px;
}

h1 .action-span a {
  color: #666;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  display:block;
  padding:2px 5px 2px 23px;
  *padding:4px 5px 2px 23px;
  border:1px solid #278296;
  border-right:2px solid #278296;
  border-bottom:2px solid #278296;
  background:#DDEEF2 url(../images/icon_add.gif) no-repeat 3px center;
  *background:#DDEEF2 url(../images/icon_add.gif) no-repeat 3px 3px;
}

h1 .action-span a:hover {
  border:1px solid #5FA6B6;
  border-right:2px solid #5FA6B6;
  border-bottom:2px solid #5FA6B6;
  background:#FFF url(../images/icon_add.gif) no-repeat 3px center;
  *background:#FFF url(../images/icon_add.gif) no-repeat 3px 3px;
  color:#666;
  text-decoration:none;
}

.main-div {
  background: #F4FAFB;
  border: 1px solid #BBDDE5;
  margin-bottom: 10px;
  padding: 2px;
}

.main-div table {
  background: #FFF;
  border-top: 10px solid #FFF;
  border-bottom: 10px solid #FFF;
  width: 100%;
}

.form-div {
  background: #F4FaFb;
  border: 1px solid #BBDDE5;
  padding: 5px;
  color: #808080;
  margin: 0 0 10px 0;
}

.form-div select, .form-div input, .form-div img {
  vertical-align: middle;
}

/*
 标签部分的样式
 */
.tab-div {
  border: 1px solid #BBDDE5;
  margin: 0 0 10px 0;
  padding: 1px;
}
#tabbar-div {
  background: #2D8184;
  padding-left: 10px;
  height: 22px;
  padding-top: 1px;
}

#tabbar-div p {
  margin: 2px 0 0 0;
}

.tab-front {
  background: #84E0D4;
  line-height: 20px;
  font-weight: bold;
  padding: 4px 15px 4px 18px;
  cursor: hand;
  cursor: pointer;
}

.tab-back {
  color: #FFF;
  line-height: 20px;
  padding: 4px 15px 4px 18px;
  border-right: 1px solid #FFF;
  cursor: hand;
  cursor: pointer;
}

.tab-hover {
  color: #FFF;
  background: #94C9D3;
  line-height: 20px;
  padding: 4px 15px 4px 18px;
  border-right: 1px solid #FFF;
  cursor: hand;
  cursor: pointer;
}

#tabbody-div {
  padding: 10px;
  background: #FFF;
}

#tabbody-div img {
  vertical-align: middle;
}

.tab-body {
  border: 0px solid #BBDDE5;
  padding: 10px;
}

/*表单部分*/
td.label {
  text-align: right;
  vertical-align: top;
  font-weight: bold;
  padding: 5px 1em;
  width: 30%;
}

span.require-field {
  margin-left: 1em;
  font: 12px verdana;
  color: #FF0000;
}

input, textarea, select {
	line-height: 15px;
	padding: 1px 0;
	font: 12px "courier new";
}

.button-div {
  text-align: center;
  padding: 3px 0;
}

input.button {
  padding: 2px 8px 0px;
  margin: 2px 2px;
  border: 1px solid #2D5082;
  background: url(../images/button_bg.gif) repeat-x;
  cursor: pointer ;
}

/*
 列表部分的样式
 */
.list-div {
  width: 100%;
  background: #EEF8F9;
  border: 1px solid #BBDDE5;
}

.list-div-ad {
  border: 0px solid #BBDDE5;
}

.list-div table {
  width: 100%;
}

.list-div th {
  line-height: 24px;
  background: #BBDDE5 url("../images/th_bg.gif") repeat-x;
  white-space: nowrap;
}

.list-div td {
  background: #FFF;
  line-height: 22px;
}

.list-div td.first-cell{
  font-weight: bold;
  padding-left: 10px;
}

.list-div input {
  vertical-align: middle;
}

.list-div a:visited, .list-div a:link {
  text-decoration: underline;
  color: #192E32;
}

.list-div a:hover {
  color: #9D7250;
}

.list-div input, list-div img {
  vertical-align: middle;
}

.list-div .footer {
  background: #F4FAFB;
  text-align: right;
}

.list-div table {
  border-collapse: separate ;
  border-spacing: 1px 1px ;
}

#page-table {
  width: 100%;
}

#page-link {
  margin-left: 1em;
  padding-left: 1em;
  border-left: 1px solid #999;
}

a.special:link, a.special:visited{
  margin:0 5px;
  padding:1px 5px;
  *padding:2px 5px 0;
  border:1px solid #91C4D0;
  border-right:2px solid #278296;;
  border-bottom:2px solid #278296;
  background:#DDEEF2;
  text-decoration:none;
  font-weight:400;
}

a.special:hover{
  color:#666;
}

a.special:active{
  margin:1px 5px 0 6px;
  border:1px solid #5FA6B6;
  background:#F2F9FA;
  color:#666;
  outline:none;
}

input.date {
    background: url("../images/input_date.png") no-repeat scroll right 3px #FFFFFF;
    border: 1px solid #D0D0D0;
    font-size: 12px;
    height: 18px;
    padding: 2px 18px 2px 5px;
}
