﻿@charset "utf-8";
/*==========loading===========*/
.loading-indicator{
    height:80px;
    width:180px;
    background:url('../images/onLoad.gif');
    background-repeat:no-repeat;
    background-position:center center
}
.loading-indicator-overlay{
    background-color:#ccc;
    opacity:0.6;
    filter:alpha(opacity = 60)
}
#after_loading_div_font{
    position:absolute;
    width:100%;
    bottom: 0;
    text-align: center;
    font:18px/28px "微软雅黑 Light", "微软雅黑",arial,sans-serif;
}
.loading_icon{
    overflow:hidden;
    left:50%;
    margin-left: -35px;
    position:absolute;
    top:30%
}
.loading_icon .loading{
    -webkit-animation-name:bounce_circle;
    -moz-animation-name:bounce_circle;
    -webkit-animation-duration:1.5s;
    -moz-animation-duration:1.5s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -moz-animation-direction:linear;
     background-color:#ccc;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
    float:left;
    height:15px;
    margin-left:8px;
    opacity:0.3;
    width:15px
}
.loading_icon .loading#circle_1{
    -webkit-animation-delay:0.3s;
    -moz-animation-delay:0.3s
}
.loading_icon .loading#circle_2{
    -webkit-animation-delay:0.7s;
    -moz-animation-delay:0.7s
}
.loading_icon .loading#circle_3{
    -webkit-animation-delay:0.9s;
    -moz-animation-delay:0.9s
}

/*表单验证*/
.onShow,.onFocus,.onError,.onCorrect,.onLoad,.onTime{display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline; vertical-align:middle;background:url(../images/msg_bg.png) no-repeat;	color:#444;line-height:18px;padding:2px 10px 2px 23px; margin-left:10px;_margin-left:5px}
.onShow{background-position:3px -147px;border-color:#40B3FF;color:#959595}
.onFocus{background-position:3px -147px;border-color:#40B3FF;}
.onError{background-position:3px -47px;border-color:#40B3FF; color:red}
.onCorrect{background-position:3px -247px;border-color:#40B3FF;}
.onLamp{background-position:3px -200px}
.onTime{background-position:3px -1356px}



/*拖动条  statr */
.ui-slider { 
	margin-top:20px;
	position: relative;
	top:-14px;
}

#slider-range-min { position:relative;}
.right_bg{ 
	background:url(../images/bg_slider03.png) no-repeat; 
	display:block; 
	height:14px; 
	width:8px;                      /*拖动条右边圆角*/
	position:absolute; 
	left:360px; 
	top:0px;
}
.left_bg{
	 background:url(../images/bg_slider01.png) no-repeat; 
	 display:block; 
	 height:14px; 
	 width:6px; 
	 position:absolute;    /*拖动条左边圆角*/
	 left:-5px; 
	 top:0px;
}
.ui-slider .ui-slider-handle {
	position: absolute; z-index: 2; 
	width: 1.2em; height: 1.2em;     /*滑动按钮的宽高*/
	cursor:pointer;
}
.ui-slider .ui-slider-range { 
	position: absolute; z-index: 1; 
	font-size: .7em; display: block; 
	border: 0; background-position: 0 0; 
}

.ui-slider-horizontal { height:  .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }

.ui-widget-content { 
	width:360px;
	height:14px;
	cursor:pointer;
	background: #ffffff url(../images/bg_slider02.png) 50% 50% repeat-x; /*背景层颜色*/
	color: #222222; 
}

.ui-widget-header { 
	background: #67B603 url() 50% 50% repeat-x;     /*滑动层*/
	cursor:pointer; 
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { 
	position:absolute;
	top:-2px;
	background: url(../images/bg_slider05.png) 50% 90% no-repeat;      /*滑动按钮*/
	font-weight: normal;
	color: #555555; 
}
/*拖动条  end */
/*拖动条下方的虚线以及文字*/
.bg_line{ 
	width:480px; 
	margin-top:-10px; 
	margin-bottom:20px; 
	_margin-bottom:5px;
}
.bg_line span{ 
	display:block; 
	width:50px; 
	float:left; 
	border-left:1px dashed #ccc; 
	height:15px;
}
.first_line{ 
	margin-left:2px;
}
.last_line{
	 border-right:1px dashed #ccc;
}
.bg_time{
	 width:100%; 
	 font-size:12px;
}
.bg_time span{
	 width:48px; 
	 display:block; 
	 float:left; 
	 text-align:left; 
	 padding-left:1px;
}
.timetal{
	padding-left:10px; 
	text-align:right;
	width:40px;
}
.time3{
	 margin-left:6px;
}
.time4,.time5, .time8{
	margin-left:2px;
}
.time7{
	margin-left:3px;
}
.time9{
	 text-align:left; 
	 margin-left:-12px; 
	 width:30px;
}
.bg_hide{
	 color:#ccc; 
	 display:none; 
	 font-size:12px;
	 margin-left:120px; 
	 float:left; 
	 _margin-left:122px;
}
.bg{
	 background:url(../images/siderbar_35.png) no-repeat -15px 0px;
}
.bg2{
	 background:url(../images/siderbar_35.png) no-repeat 0px 0px;
}

/*报告内容设置 */
.reportset,.reportselect {
    border: 1px #cccccc solid;
    float: left;
    padding: 3px;
    margin-bottom: 5px;
    width: 100%;
}
.reportselect {
    background-color: #f7f7f7;
    min-height: 60px;
}
.reportsettitle{
    border-bottom: 1px #cccccc solid;
    font-size: 14px;
}
.reportset ul li,.reportselect ul li {
    float: left;
    border: 1px solid #E6E6E6;
    margin: 5px 5px 5px 5px;
    cursor: pointer;
    border-radius: 3px;
}
.reportset ul li {
    padding: 3px 12px;
}
.reportselect ul li {
    display: inline-block;
    padding: 3px 12px;
    border: 1px solid #E6E6E6;
    margin-left: 5px;
    margin-bottom: 8px;
    color: #333;
    cursor: pointer;
}
.reportselect ul li .icon_close {
    margin-left: 3px;
}
.reportselect ul li .delicon {
    background: url(../images/wtryreport.png) -83px -140px no-repeat;
    width: 11px;
    height: 12px;
    display: inline-block;
}
.reportselect ul li  a.delicon:hover {
   background-position: -94px -140px;
}


.black-remind{position:relative;padding:10px 10px 10px 60px;margin:0 0 10px 0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #cccccc;background-color:#fdf3cd;width:785px;}
.black-remind i{display:inline-block;position:absolute;left:15px;top:10px;width:30px;height:33px;background:url(../images/tip-icon1.png) no-repeat -32px -70px;}
.black-remind p{line-height:24px;color:#333;}