body,h1 
{
	font-family:Microsoft YaHei;
}

/*scrollbar*/
::-webkit-scrollbar
{
	width: 5px;
	height: 5px;
	background-color: #eee;
}

/*scrollbar*/
::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #999999;
}

.id{ width:60px;}
.parent{ background:#FAFAD2;}
.main-footer{ font-family:'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.main-footer .pull-right{ font-family:Microsoft YaHei;}

.content-wrapper-simple{ background:#ECF0F5}

.label-back {
  background-color: #6C7B8B;
  color: #fff;
}
.radio-hidden input[type=radio]{
	opacity: 0;
}

.tips{ color:#999;}
.sort a{ color:#333;}
.sort img{ margin:-5px 0 0 5px}
.report-tb td{ border-bottom:solid 1px #F4F4F4;}
th.report{ text-align:center;}
.report{ border-left:solid 1px #F4F4F4;}
.amount{ text-align:right; width:100px}

/*Pager*/
#pager {border-top:solid 1px #F5F5F5; padding:10px 0; margin-top:-10px; background:#FAFAFA; overflow:hidden;}
#pager1 {border-top:solid 1px #F5F5F5; padding:10px 0; margin-top:-10px; background:#FAFAFA; overflow:hidden;}
div.Pager{font-size:9pt; text-align:right;}
div.Pager .Pager{padding:4px 0}
div.Pager .CurrentPage{background: url(main_menu_button.png) no-repeat left center; padding:5px 0 5px 3px; font-weight:bold;}
div.Pager .CurrentPage span{color:#000 !important;}
div.Pager span.Pager{margin-left:2px; background:#fff; background: url(main_menu_button.png) no-repeat right center; padding:15px 10px 15px 5px; color:#999}
div.Pager .Pager a{text-decoration:none; background: url(main_menu_button.png) no-repeat left center; padding:5px 0 5px 3px}
div.Pager .Pager a:hover{ color:#fff}
div.Pager input{ display:none}
div.Pager span.btnLink{margin-left:2px; background:#fff; background: url(main_menu_button.png) no-repeat right center; padding:15px 10px 15px 5px;}
div.Pager span.btnLink img{margin-bottom:3px}
div.Pager a.Pager{text-decoration:none;}
div.Pager .CustomInfo{padding:4px 0; text-align:left}
div.Pager .CustomInfo span{color:#000; font-weight:bold; padding:5px}
div.Pager .cleft{ margin-left:5px}
/*Pager End ----- */

 /* Loading */
.loading-bg{ position:fixed; _position:absolute; width:100%; height:100%; background:#ECF0F5; top:0; _top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight); left:0; _left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth); z-index:998; opacity:0.8}
.loading{width:64px; height:64px; position:fixed; top:50%; left:50%;  margin:-32px 0px 0px -32px; background: url(load.gif) no-repeat; z-index:999; color:#fff; text-align:center; background-size:64px 64px;}

/*Calendar*/
.calendar{ width:100%; font-family:Arial;}
.calendar_title { color:#333; background:#F4F4F4; font-size:13pt; font-family:Microsoft YaHei;}
.calendar_title a{ color:#333; padding:0 10px;}
.calendar_header{ text-align:center; height:30px; font-size:12pt; background:#FAFAFA; font-family:Microsoft YaHei; font-weight:normal;}
.calendar_day{ font-size:15pt; text-align:right; background:#fff; color:#333; padding-right:5px; height:110px;}
.calendar_selected{ font-size:15pt; text-align:right; background:#eee; color:#333; padding-right:5px;}
.calendar_today{ font-size:15pt; text-align:right; background:#FCF8E3; color:#333; padding-right:5px;}
.calendar_weekend{ font-size:15pt; text-align:right; background:#FAFAFA; color:#333; padding-right:5px;}
.calendar_other{ font-size:15pt; text-align:right; background:#fff; padding-right:5px; height:110px;}
.calendar_other a{ color:#ccc !important;}
.calendar_next{ font-size:20pt;}
.fc_content{ background:#25A8DF; border-radius:5px; line-height:15px; text-align:left; padding:0 5px; margin-left:5px; padding-bottom:3px; margin-bottom:2px;}
.fc_title{ color:#fff; font-size:9pt;}
/*Calendar End -----*/

.user-edit-image{ clear:both; padding:10px;}
.user-edit-image img{ width:100px; height:100px; border-radius:100px;}

.tab-date{position:absolute; right:170px; top:9px;}
.tab-date span{background:#E7E7E7; color:#333; padding:5px 10px; border-radius:5px; font-size:10pt;}

/*Image Size*/
.image_size_small{width:50px; height:50px; margin-right:10px;}
.image_size_icon {
	width: 25px;
	height: 25px;
	margin: 10px;
}
.image_size_none {width: 0px; height: 0px;}
/*Image Size End -----*/

/*Image Delete*/
.image_delete{display:inline-block; position:relative;}
	.image_delete .image_delete_icon {position: absolute; top: -10px; right: 10px; width: 10px; height: 10px; cursor: pointer; z-index: 8040; background:none;}
/*.image_delete:hover .image_delete_icon{display:inline-block;}*/
/*Image Delete End -----*/

/*Input ScrollBar*/
.input_scroll {
	display: block;
	-webkit-appearance: none;
	background-color: transparent;
	border-radius: 5px;
	margin: 10px auto;
	outline: none;
	box-sizing: content-box;
}

/*webkit内核*/
	.input_scroll::-webkit-slider-runnable-track {
		background: linear-gradient(to right, #49a9ee, white 100%, white) no-repeat white;
		background-size: 50% 100%;
		border-radius: 10px;
		height: 5px;
	}
	.input_scroll::-webkit-slider-thumb {
		-webkit-appearance: none;
		background-color: #49a9ee;
		width: 20px;
		height: 20px;
		margin-top: -7px;
		border-radius: 50%;
		border: 2px solid white;
		cursor: progress;
		transition: 0.3s ease-in-out;
	}
		.input_scroll::-webkit-slider-thumb:hover {
			background-color: white;
			border: 2px solid #49a9ee;
		}
		.input_scroll::-webkit-slider-thumb:active {
			transform: scale(1.6);
		}

	/*Firefox内核*/
	.input_scroll::-moz-range-track {
		background-color: white;
		border-radius: 10px;
		height: 5px;
	}
	.input_scroll::-moz-range-thumb {
		-webkit-appearance: none;
		background-color: #49a9ee;
		width: 20px;
		height: 20px;
		margin-top: -7px;
		border-radius: 50%;
		border: 2px solid white;
		cursor: progress;
		transition: 0.3s ease-in-out;
	}
		.input_scroll::-moz-range-thumb:hover {
			background-color: white;
			border: 2px solid #49a9ee;
		}

		.input_scroll::-moz-range-thumb:active {
			transform: scale(1.6);
		}
	.input_scroll::-moz-range-progress {
		background: linear-gradient(to right, #49a9ee, white 100%, white);
		height: 5px;
		border-radius: 10px;
	}

/*ie内核*/
	.input_scroll::-ms-track {
		height: 25px;
		border-radius: 10px;
		margin: 10px;
		border-color: transparent;
		color:transparent;
		background-color: transparent;
		transition: 0.3s ease-in-out;
	}
	.input_scroll::-ms-thumb {
		background-color: #49a9ee;
		width: 20px;
		height: 20px;
		margin-top: -2px;
		border-radius: 50%;
		border: 2px solid white;
		cursor: progress;
		transition: 0.3s ease-in-out;
	}
		.input_scroll::-ms-thumb:hover {
			background-color: white;
			border: 2px solid #49a9ee;
		}

		.input_scroll::-ms-thumb:active {
			-ms-transform: scale(1.6);
		}
	.input_scroll::-ms-fill-lower {
		height: 5px;
		border-radius: 10px;
		background: linear-gradient(to right, #49a9ee, white 100%, white);
	}
	.input_scroll::-ms-fill-upper {
		height: 5px;
		border-radius: 10px;
		background-color: white;
	}

/*Input ScrollBar End -----*/


/*----屏幕宽度小于1024px的时候使用 -----*/
@media screen and (max-width:1024px) {
    #ctl00_cphMain_GridView1,#ctl00_cphMain_GridView2{ width:1000px !important}
    .tab-date{position:absolute; right:10px; top:60px;}
    .search-bar{ position:inherit !important; margin-left:10px !important; width:50% !important;}
    #MemoDiv,#ReplyDiv{ width:300px !important}
}

#ctl00_cphSimple_ImageDiv{ padding-left:5px;}
.image-item{ float:left; padding:5px; border:solid 1px #eee; margin:5px; width:113px;}
.image-item-img{ text-align:center; height:90px; overflow:hidden;}
.image-item-title{ text-align:center;}
.image-item-btn{ text-align:center; padding:2px 0;}
.image-item-btn a{ margin:0 3px;}
.image-item-btn .del{ color:Red;}

.showimg{ float:right;}
.showimg-del{ position:absolute; top:5px; right:20px;}

.flow{ padding:10px;}
.flow-item{ float:left; padding:10px; background:#3C8DBC; color:#fff; border-radius:5px; margin:5px 0px;}
.flow-start{background:#00A65A; color:#fff; border-radius:100px; width:40px; height:40px; text-align:center;}
.flow-end{background:#DD4B39; color:#fff; border-radius:100px; width:40px; height:40px; text-align:center;}
.flow-gray{background:#999; color:#fff;}
.flow-arrow{ float:left; width:100px; height:40px; background:url(arrow.png) no-repeat; margin-top:5px;}

.flow-comment{ width:100%;}
.flow-comment td{ padding:5px; border:solid 1px #ddd;}
.flow-comment-title{ font-weight:700; text-align:center;}
.flow-comment-td{ width:130px; text-align:center;}

.project-item{width:1750px}
.project-item-h{ font-weight:700; background:#ddd;}
.project-item-h2{ background:#F5F5F5; text-align:left !important;}
.project-item td{border:solid 1px #eee; text-align:center}
.project-item-m{ width:50px;}
.project-item-row{ border-radius:50px; line-height:1.8em; padding:3px 0px; font-size:9pt;}
.project-item-row a{color:#000 !important}

.show-item{width:100%}
.show-item-h{ font-weight:700; background:#ddd;}
.show-item td{border:solid 1px #eee; text-align:center}

.show-item2{width:100%;}
.show-item-h2{ font-weight:700; background:#ddd;}
.show-item2 td{border:solid 1px #ccc !important; text-align:center}

.follow-tb{border:1px solid #ddd;border-left:3px solid #aaa; background:#fff; width:100%; margin:2px;text-align:left; margin-bottom:8px;}
.follow-tb tr,.follow-tb tr td{margin:0px; padding:0px;vertical-align:top;}
.follow-tb .Name{border-right:1px solid #eee;padding:1px 6px; width:100px; }
.follow-tb .Name .Time{color:#999; font-size:10px;}
.follow-tb .Name .Type{color:#693;}
.follow-tb .Content{color:#999;}
.follow-tb .Info{padding-left:2px; word-break:break-all; padding:6px}
.follow-tb .Del{width:12px; float:right}
.follow-tb .Del a{ text-decoration:none;}