/**
 * title: theme
 * @author: ZHUWEI zzwiaiao@126.com
 * @version: 2.0
 */
html, body,.wrap{width: 100%; height:100%;}
body{ margin:0; padding:0; font-family: "微软雅黑","宋体",Helvetica,Arial,sans-serif; font-size:13px; }
ul, li, form, img{margin:0; padding:0; border: 0; list-style: none;}
h1,h2,h3,h4,h5{ margin:0; padding:0;}

/** layout start **/
.wrap { float:left; }
.tbl_layout{
	margin: 0;
	padding:0;
	border:0;
	width: 100%;
	height:100%;
	border-spacing: 0;
}
.tbl_layout .td_main{
	width: 100%;
	height:100%;
}

.header {
	background-color: #145ccd;
	border-color: #10479f;
	border-bottom:1px;
	height:50px;
	line-height:50px;
	min-width:1024px;
	box-shadow: 0 3px 2px 0px rgba(0, 0, 0, 0.2);
}
	.header_logo { float:left; width:200px; height:50px; background-color:#FFF; display:inline-block;}
	.header_logo img{width:200px; height:50px; }
	.header ul{ list-style:none; display:inline-block; margin:0; padding:0;}
	.header a{ color:#FFF; text-decoration: none; font-size:16px; }
	.header_left { float:left; height:50px; }
	.header_right { float:right; width:auto; height:50px; min-width:200px;}
	
	.header_left li{float:left;}
	.header_left li a{ display:block; width:110px; text-align:center;}
	.header_left li a:hover, .header_left li a.on{ display:block; background-color:#2a74ea; }
	
	.header_right ul{ width: 100%;}
	.header_right li{float:right;}
	.header_right li a{ display:block; text-align:center; width: 80px;}
	.header_right li a:hover{ display:block; background-color:#2a74ea; }
    .header_right li a.user_info{width:auto;padding: 0 14px 0 14px;}  

.main {
	width: 100%;
	float:right;
	min-height: 600px;
	margin-left:-190px;
}
.main_body {
	width: auto;
	min-height: 600px;
	margin-left:200px;
	margin-top:10px;
	margin-right:10px;
	vertical-align: top;
}

.main_menu_box {
	width: 180px;
	float:left;
	padding-top:10px;
	padding-left:10px;
}
.footer {position: absolute; bottom: 0; left: 0; z-index: 999;}
.footer .copyright {margin: 10px; width: 175px; text-align: center;}
.footer .copyright h4 { color:#666;  font-weight: normal; }
.footer .copyright h4+h4 {margin-top:4px;}
.footer .copyright h4 a {
	color:#666; text-decoration: none; display: inline-block; 
	padding-left:10px; padding-right:10px;border-radius: 4px;
	filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;
}
.footer .copyright h4+h4 a{color:#FFF; background-color: #339900; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;}
.footer .copyright h4 a:hover{color:#FFF; background-color: #339900; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
/** layout end **/

/** component start **/
.main_menu {
	box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.2);
	width: 100%;
	border-radius: 4px;
}
.main_menu li {margin: 0; padding:0;}
.main_menu li.li_hr { margin-bottom:10px;}
.main_menu li button{
	width: 100%; border-radius: 0;
	border: #CCC 1px solid;
	height:35px;line-height: 35px;
	text-align: center;
	text-decoration: none;
	background-color: #FFF;
	outline: none;
	cursor: pointer;
}
.main_menu li button:hover, 
.main_menu li button:focus, 
.main_menu li button.on{
	background-color: #3280fc;
	border-color: #035eed;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
	color:#FFF;
}
.main_menu li button .icon-chevron-right{float:right; line-height: 35px; margin-right:6px;}
.main_menu li + li {
  	margin-top: -1px;
}
.main_menu .head button{
	background-color: #3280fc;
	border-color: #035eed;
	height:40px;
	color:#FFF;
	border-radius: 4px 4px 0 0;
}
.main_menu > li:last-child:not(:first-child) > button{
  	border-radius: 0 0 4px 4px;
}

.panel_box {
	width: 100%;
	height:auto;
	border-radius: 4px;
    border:1px solid #BBB;
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1);
    min-height:60px;
}
.panel_box h3 {
	margin:0; padding:0;
    background-color: #f1f1f1;
    background-image: -moz-linear-gradient(#fafafa, #f1f1f1);
    background-image: -webkit-linear-gradient(#FAFAFA, #f1f1f1);
    background-image: linear-gradient(#FAFAFA, #f1f1f1);
    background-repeat: repeat-x;
    height:38px;
    line-height:38px;
    
    padding-left: 15px;
    border-radius: 4px 4px 0 0;
    border-bottom:1px solid #BBB;
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1);
}
.pannel_body {
	margin:4px;
	height:auto;
	overflow: auto;
}
.panel_box + .panel_box { margin-top:10px; }


.tbl_bar_box {  width:99.8%; height:35px; line-height:35px; display: none;}
.tbl_bar_box .tbl_bar_box_p { display: none; }
.tbl_bar_box p { 
	border: #CCC 1px solid; 
	background-color: #EEE; display: block; 
	height:31px; 
	line-height:31px; 
	padding: 0 0 0 8px; 
	border-radius: 4px; margin: 4px 2px 0 4px;
}

.tbl {
	width:100%;
	max-width:100%;
	background: transparent;
	border-collapse: collapse;
	border-spacing: 0;
}
.tbl th, .tbl td { 
	text-align: left;
	padding: 8px;
	line-height: 1.33846154;
	-webkit-transition: all .3s cubic-bezier(0.175,.885,.32,1);
	transition: all .3s cubic-bezier(0.175,.885,.32,1);
	display: table-cell;
	vertical-align: inherit;
}
.tbl tr:hover td { background-color: #ebf2f9; }
.tbl .bg_wihte td{background-color: #FFF;}
.tbl .bg_blue td{background-color: #f1f7fe;}
.tbl .t_left{text-align: left;}
.tbl .t_right{text-align: right;}
.tbl .t_center{text-align: center;}


.tbl_list_line { }
.tbl_list_line th, .tbl_list_line td { border-bottom: 1px solid #ddd; }
.tbl_list_line th { background-color: #f1f1f1; }
.tbl_list_line td { line-height: 1.23846154; }

.tbl_list_border { border: 1px solid #ddd; }
.tbl_list_border th, .tbl_list_border td { border: 1px solid #ddd; }
.tbl_list_border th { background-color: #f1f1f1; }
.tbl_list_border td { line-height: 1.23846154; }

.tbl_form {}
.tbl_form th, .tbl_form td {
	background-color: transparent;
	padding: 0 2px 0 2px;
	height:36px;
	line-height:36px;
}
.tbl_form th { text-align: right; width:80px;}
.tbl_form .td_col1 { width:180px; }
.tbl_form tr:hover td{background-color: #FFF;}
.tbl_form tr th.title{ 
	text-align: left; 
	background-color: #D1D1D1;
    background-image: -moz-linear-gradient(#E1E1E1, #D1D1D1);
    background-image: -webkit-linear-gradient(#E1E1E1, #D1D1D1);
    background-image: linear-gradient(#E1E1E1, #D1D1D1);
    background-repeat: repeat-x;

	padding-top:2px; padding-bottom:2px; height:20px; line-height: 20px;
}
.loading_01{
	background: rgba(0,0,0, 0.75) url("img/loading_01.gif") 0 0 no-repeat;
	padding-left:15px;
	font-size: 13px;
	border-radius: 3px;
	color:#FFF;
}
.t_red_s{
	background: rgba(0,0,0, 0.75);
	border-radius: 3px;
	color:#FF0000;font-weight:bold;
	-webkit-animation-name: shineRed; 
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite; 
}
.t_green_s{
	background: rgba(0,0,0, 0.75);
	border-radius: 3px;
	color:#07DA07;font-weight:bold;
	-webkit-animation-name: shineGreen; 
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite; 
}
/** component end **/

/** page controller start **/
.pageController {
	border-radius: 0px;
	display:inline-block;width:100%;height:34px;line-height:34px;text-align:center;
	_word-wrap:normal;_word-break:normal; text-align: left;
	background: #FFF;
	font:13px "微软雅黑",arial,sans-serif; 
}
.pageController span{height:30px;line-height:30px;padding-left:5px;}
.pageController a,.page span {
	display:inline-block;
	min-width:17px;
	margin-top:5px;
	margin-left:4px;
	text-align:center;
	
	color:#333;text-decoration:none;
	border-radius: 2px;
	padding:4px 5px 4px 5px;
	border: 1px solid #666;
}
.pageController input[type=text] {
    background-color: #fff;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
    width: 40px;
    min-width:17px;
    height: 28px;
    line-height: 28px;
    padding: 0 0 0 8px;
    margin:0 4px 0 6px;
    font-size: 13px;
    color: #222;
    border: 2px inset;
    border: 1px solid #ccc;
    border-radius: 4px;
    
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.pageController a:hover{
	border:1px solid #FFF;color:#FFF;border-radius: 2px;
	font-weight:bold;
	border: 1px solid #3079ed;
	background-color: #357ae8;
	background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
}
.pageController span {vertical-align:middle; font-size: 13px; color:#333;}
.pageController .currPage{
	font-weight:bold;color:#FFF;
	border: 1px solid #145ccd;
	background-color: #3280fc;
	background-image: -webkit-linear-gradient(top,#145ccd,#3280fc);
	background-image: -moz-linear-gradient(top,#145ccd,#3280fc);
	background-image: -ms-linear-gradient(top,#145ccd,#3280fc);
	background-image: -o-linear-gradient(top,#145ccd,#3280fc);
}
.pageController .currPage:hover{
	border:1px solid #FFF;color:#FFF;border-radius: 2px;
	font-weight:bold;
	border: 1px solid #3079ed;
	background-color: #357ae8;
	background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
}
.pageController a.thispage {background:#fc389a;color:#fff;border:1px solid #f00;}
.pageController a.thispage:hover{
	background:linear-gradient(to bottom, #CD5555 0%, #CD6600 100%) repeat scroll 0 0 transparent;
	color:#fff;border:1px solid #FFF;
}
/** page controller end **/

/** other style start **/
.list_box_f{float:left; width:300px; margin-top:10px; margin-left:10px;}
.list_box_scroll{
	width: 100%;
	height: 300px;/** 使用时需要指定 宽、高 */
	overflow-y: auto;
}
.list_box_scroll_x{
	width: 100%;
	height: 300px;/** 使用时需要指定 宽、高 */
	overflow-x: auto;
}
.tap_ul{
	height: 32px;
    line-height: 32px;
    width: 100%;
}

.tap_ul li{
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15) inset;
    color: #FFFFFF;
    float:left;
    font-size: 13px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    width: 86px;
    font-weight: normal;
    cursor: pointer;
    background: linear-gradient(to bottom, #aaaaaa 0%, #969696 100%) repeat scroll 0 0 transparent;
    border: 1px solid #4B8A02;
    text-shadow: 0 1px 2px #306E00;
    list-style-type: none;
}
.tap_ul li.selected{
	 background: linear-gradient(to bottom, #64AC14 0%, #498700 100%) repeat scroll 0 0 transparent;
}
.tap_ul li:hover{
	background: linear-gradient(to bottom, #72C514 0%, #529800 100%) repeat scroll 0 0 transparent; 
}

#recordImgBox {
	position: absolute; top:0; right: 0; width: 502px; height:352px; z-index: 999;
	background-color: #333; border-radius: 6px 6px 6px 6px;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.8);
	display: none;
}
#recordImgBox img {width:500px;height:350px;}
/** other style end **/
/** js page controller style start  */
.page_controller {height: 32px; line-height: 32px; position: relative; width: 100%;padding-bottom:3px;
    background-color: #f1f1f1;
    background-image: -moz-linear-gradient(#fafafa, #f1f1f1);
    background-image: -webkit-linear-gradient(#FAFAFA, #f1f1f1);
    background-image: linear-gradient(#FAFAFA, #f1f1f1);
    background-repeat: repeat-x;
    border-top:1px solid #BBB;
    display: none;
}
.page_controller .page_controller_box {margin-right:10px; float:right;}
.page_controller .select { padding:1px; width:50px; }
.page_controller .text { padding:1px; height:18px; line-height:16px; width:46px; }
/** */
.couter_box {
 	display:none; border:#CCC 1px solid; border-radius:4px; height:30px; line-height:30px; padding-left:8px; background: #EEE;
}
.couter_box span {display: inline-block; margin-right:15px;}