body,html{
  font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
}
body{padding-left:8;}
div,th,h1,h2,h3,h4,h5,h6,h7,h8{
	/*user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	cursor:default;*/
}

#loadingl{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	line-height:600px;
	text-align:center;
	font-size:12px;
	background-color:#F3F3F3;
	background-repeat:no-repeat;
	background-position:center 270px;
	background-image:url(../images/frk/loading.gif);
	opacity:0.6;
	z-index:10000;
}

.opera{
	/*margin:-35px 20px 0px 310px;
	margin-top:-30px;*/
	height:30px;
	text-align:left;
	z-index:10006;
	position:absolute;
	top:20px;
	right:15px;
}
#show .btn{
      padding: 3px 10px 3px 10px;
}
.opera input,.btn{
	margin-left:10px;
	background:#7d4cca;
	background-position:0px 0px;
	background-repeat:no-repeat;
	border-radius:5px;
	cursor:pointer;
	color:#ffffff;
	background-size:100% 100%;
	/* background-image:url(../images/frk/button.png);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='../images/frk/button.png',
    sizingMethod='scale');
	*/
    padding: 5px 20px;
}
.btn,.btn2{border:none;}
.btn2{
	margin:0px 0px 0px 10px;
	height:28px;
	width:118px;
	border-width:0px;
	background:#0691FD;
	background-position:0px 0px;
	background-repeat:no-repeat;
	border-radius:3px;
	cursor:pointer;
	/* background-color:#DAE9FC;
	border:1px solid #0C3F80; */
	color:#ffffff;
	background-image:url(../images/frk/button2.png);
	background-size:100% 100%;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/frk/button2.png',sizingMethod='scale');
}

.opera .btn_create{
	padding:0px;
	width:25px;
	border:none;
	background-image:url(../images/frk/opera-create.gif);
}

.opera .btn_save{
	padding:0px;
	width:25px;
	border:none;
	background-image:url(../images/frk/opera-save.gif);
}

.opera .btn_query{
	padding:0px;
	width:25px;
	background-image:url(../images/frk/opera-query.gif);
}

.opera .btn_upload{
	padding:0px;
	width:25px;
	background-image:url(../images/frk/opera-upload.gif);
}

.opera .btn_download{
	padding:0px;
	width:25px;
	background-image:url(../images/frk/opera-download.gif);
}

.opera .btn_back{
	padding:0px;
	width:25px;
	background-image:url(../images/frk/opera-back.gif);
}

.opera .btn_create{
	padding:0px;
	width:25px;
	background-image:url(../images/frk/opera-create.gif);
}

.opera .btn_close{
	padding:0px;
	width:25px;
	background-image:url(../images/frk/opera-close.gif);
}

h1{
	margin:0px;
	padding:0px 0px 0px 42px;
	height:42px;
	line-height:42px;
	color:#4d4d4d;
	font-weight:bold;
	font-size:13px;
	text-shadow:0px 1px 1px #FFFFFF;
	background:url(../images/frk/h1.png) no-repeat 0px center;
	backgeound-size:22px;
}
h2{font-size:12px;color:#4d4d4d;background:url(../images/frk/h2.png) no-repeat 5px center;backgeound-size:16px;padding-left:25px;height:16px;}
.column{
	position:relative;
	margin:10px 0 0 0;
	padding:4px;
	font-size:12px;
	border-radius:5px;
	background-color:#EBECF0;
	border:1px solid #ccc;
	height:auto;

}
.column_list{
	height:auto;
	width:100%;
	overflow:auto;
}
.column h2,.column2 h2{
	margin:0px 0px 0px -5px;
	padding:0px 0px 0px 30px;
	height:25px;
	line-height:25px;
	color:#7d4cca ;
	font-weight:bold;
	font-size:12px;
	text-shadow:0px 1px 1px #FFFFFF;
	background:url(../images/frk/h2.png) no-repeat 5px center;
}

.column2{
    margin-top:5px;
}
.message{
	margin:10px auto 10px 0px;
	padding:5px 10px 5px 10px;
	border:1px solid #DDDDDD;
	border-radius:5px;
	font-size:12px;
	color:#7d4cca;
}

.item{
	white-space:nowrap;
	display:inline-block;
	zoom:1;
	*display:inline;
	cursor:default;
	height: 30px;
	padding: 0px;
	margin: 1px;
	/* //overflow: hidden; */
}

.item .t,.item .v{
	height:100%;
	font-weight:600;
	font-size:11px;
	display:table-cell;
	vertical-align:top;
	white-space: normal;
	display:inline-block;
	zoom:1;
	*display:inline;

}

.item .t{
	text-align:right;
	padding-right:2px;
	min-width:150px;
	/* //width:160px; */
	text-align:right;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	line-height: 30px;
}

.item .v{
	text-align:left;
	font-family:verdana;
	font-weight:normal;

}
.item textarea,.item input{
    height:29px;
	border:1px solid #ccc;
	border-radius:3px;
	font-family:verdana;
	font-size:12px;
	word-wrap: break-word; word-break: normal;
}
.item .v input{width:170px;}
.item input{
	line-height:29px;
	text-overflow: ellipsis;
	text-indent:5px;
	background-repeat:no-repeat;

	margin-right:5px;
	background-position:98% center;
}
.item input[type='checkbox']{width:15px;height:15px;}
.item input .btn{height:26px;}


.item input[type="file"]{
	border:0px none;
}

.item input::-ms-clear{
	display:none;
}

.item input:focus,.item textarea:focus{
	box-shadow:0px 0px 5px #000000;
}

.item input.date{
	background-image:url(../images/frk/column-date.gif);
	cursor:pointer;
}
input.date{
	background-image:url(../images/frk/column-date.gif);
	cursor:pointer;
	 background-position: 99% 50%;
  	 background-repeat:no-repeat;
     cursor: pointer;
}
.item input.select{
	background-image:url(../images/frk/column-select.png);
	cursor:pointer;
	position:relative;z-index:1;
}

.item input.box{
	background-image:url(../images/frk/column-box.gif);
	cursor:pointer;
}

.item textarea{
	padding:0px;
	resize: none;
	height: 100%;
	width: 100%;
	text-indent: 5px;
}

.row{
	position:relative;
	margin:0px 10px 10px 10px;
	padding-bottom:0px;
	border:1px solid #eeeeee;
	border-radius:5px;
	/* //background-color:#FAFAFA; */
	display:block;
}
.row .item{
	height: 30px;
}
.row .item .v{
	margin-top: 5px;
	margin-right: 5px;
}
.row .move{
	position:absolute;
	right:30px;
	top:5px;
	width:20px;
	height:20px;
	background-color:transparent;
	background:url(../images/frk/column-move.gif) no-repeat center;
	opacity:0.5;
	cursor:pointer;
}

.row .move:hover{
	opacity:1;
}

.row .delete{
	position:absolute;
	right:5px;
	top:5px;
	width:20px;
	height:20px;
	background-color:transparent;
	background:url(../images/frk/column-delete.gif) no-repeat center;
	opacity:0.5;
	cursor:pointer;
}

.row .delete:hover{
	opacity:1;
}

.item a,.row a{
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 20px;
	height:24px;
	line-height:24px;
	background-position:0px center;
	background-repeat:no-repeat;
	background-image:url(../images/frk/column-a.gif);
	outline:none;
	text-decoration:none;
	color:#EBECF0;
	font-weight:bold;
}

.provdesc,.stuffdesc,.description{
	margin:10px;
	padding:5px 10px 5px 10px;
	line-height:20px;
	border:1px solid #DDDDDD;
	border-radius:5px;
	font-size:12px;
	color:#666666;
}

.description{
	border-width:0px;
}

.column .btn{
	margin:10px 0px 10px 20px;
}

.column .btn_add{
	position:absolute;
	top:2px;
	right:50px;
	width:20px;
	height:20px;
	border:none;
	background:url(../images/frk/column-add.gif) no-repeat transparent center;
	cursor:pointer;
}
.table_list{width:100%;}
.list{
	width:100%;
	margin:5px auto 5px auto;
	padding:0px;
	border-collapse:collapse;
	border:none;
	font-size:12px;
	border:1px solid #ccc;


}

.list tr:hover{
	background-color:#EBECF0;
}

.list tr.title{

	background-image:url(../images/frk/thbg.gif) ;
}
.list tr.title th{
    border:1px solid #ccc;
}
.list th,.list td{
	padding:0px 5px 0px 5px;
	height:25px;
	line-height:25px;
	border:1px #ccc dotted;
	cursor:default;
	overflow: hidden;
 	text-overflow:ellipsis;white-space:nowrap;overflow:hidden;


}

.list th{
	height:28px;
	line-height:28px;
	background-position:96% center;
	font-weight:600;
	color:#7d4cca;
	/* //text-shadow:0px -1px 0px #2f8071; */
	cursor:pointer;
	max-width:200px;
	text-align:left;
}

.list td{
	font-family:verdana;

}

.list th.asc{
	/*background-image:url(../images/frk/list-asc.gif);*/
	background:#ccc;
}

.list th.desc{
	/*background-image:url(../images/frk/list-desc.gif);*/
	background:#ccc;
}

.list textarea,.list input{
    height:28px;
	font-family:verdana;
	font-size:12px;
}
.money_right,.money{
    text-align:right;
}
.list .btn_update,.list .btn_delete{
	margin:0px 10px 0px 0px;
	width:24px;
	height:24px;
	border:none;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
}

.list .btn_update{
	background-image:url(../images/frk/list-update.gif);
}

.list .btn_delete{
	background-image:url(../images/frk/delete.png);
}
.list .btn_edit{
	background-image:url(../images/frk/edit.png);
}
.list a{
	margin-right:6px;
	padding:0px 0px 0px 0px;
	background-position:0px center;
	background-repeat:no-repeat;
	/*background-image:url(/bi/images/frk/list-a.gif);*/
	outline:none;
	text-decoration:none;
	font-family:verdana;
	font-weight:bold;
	color:#000000;

}

.paper{
	height:30px;
	line-height:30px;
	font-size:12px;
	text-indent:20px;
}

.paper a{
	margin:0px;
	padding:2px 5px 2px 5px;
	color:#000000;
	text-decoration:none;
	text-shadow:0px 1px 1px #FFFFFF;
	border-radius:3px;
	cursor:pointer;
}

.paper a:hover{
	background-color:#A3A3A3;
}
#selectCustomer div .select{
	color:#005566;
	height:28px;
	border: 1px solid #CCC;
    border-radius: 3px;
	background-image:url(../images/frk/column-select.png);
	background-repeat: no-repeat;
	background-position: 98% center;
}
#AutoDataPanel{
	position:absolute;
	/* //margin:1px 0px 0px 5px; */
	padding:0px;
	line-height:22px;
	display:block;
	text-align:left;
	background-color:#ffffff;
	border:1px solid #666666;
	overflow-x:hidden;
	overflow-y:auto;
	background-color:#F3F3F3;
	border:1px solid #eeeeee;
	border-radius:5px;
	box-shadow:0px 0px 10px #000000;
	opacity:0.9;
	cursor:default;
	z-index:100016;
}

#AutoDataPanel p{
	margin:0px;
	width:100%;
	height:22px;
	text-indent:5px;
	text-align:left;
	font-size:12px;
	color:#000000;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

#AutoDataPanel p:hover{
	background-color:#dddddd;
}

#AutoDataPanel div{
	width:100%;
	height:22px;
	text-indent:26px;
	text-align:left;
	font-size:12px;
	color:#000000;
	background-position:2px center;
	background-repeat:no-repeat;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

#AutoDataPanel div .select{
	color:#005566;
	background-image:url(../images/frk/column-box-select.gif);
}

#AutoDataPanel div:hover{
	background-color:#dddddd;
}

#AutoDataPanel.date{
	padding:32px 20px 0px 20px;
	overflow:hidden;
	cursor:default;
}

#AutoDataPanel.date div.t,#AutoDataPanel.date div.pre,#AutoDataPanel.date div.dt,#AutoDataPanel.date div.day,#AutoDataPanel.date div.daynrh,#AutoDataPanel.date div.daynow,#AutoDataPanel.date div.clock,#AutoDataPanel.date div.next{
	position:absolute;
	margin:0px;
	padding:0px;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	text-indent:0px;
	background-color:transparent;
	text-shadow:0px 1px 1px #FFFFFF;
	font-family:verdana;
	font-size:10px;
	font-weight:normal;
	cursor:pointer;
}

#AutoDataPanel.date div.pre{
	top:0px;
	left:0px;
	font-size:14px;
}

#AutoDataPanel.date div.next{
	top:0px;
	right:0px;
	font-size:14px;
}
.item .t #AutoDataPanel.date div.t{width:140px;}
#AutoDataPanel.date div.t{
	top: 0px;
	left: 50%;
	margin: 0px 0px 0px -90px;
	width: 180px;
	font-weight: bold;
	border: medium none;
}

#AutoDataPanel.date div.dt,#AutoDataPanel.date div.daynrh,#AutoDataPanel.date div.daynow,#AutoDataPanel.date div.day{
	position:static;
	margin:0px 1px 0px 1px;
	width:28px;
	height:22px;
	line-height:22px;
	border-radius:3px;
	color:#343443;
	float:left;
}

#AutoDataPanel.date div.day:hover{
	background-color:#787887;
}

#AutoDataPanel.date div.dt{
	background-color:#A3A3A3;
	color:#121212;
	font-size:11px;
}

#AutoDataPanel.date div.daynrh{
	color:#898998;
}

#AutoDataPanel.date div.daynow{
	background-position:90% 70%;
	background-repeat:no-repeat;
	background-image:url(../images/frk/column-date-now.gif);
}

#AutoDataPanel.date div.clock{
	bottom:10px;
	left:50%;
	margin:0px 0px 0px -50px;
	width:100px;
	height:25px;
	line-height:25px;
	background-repeat:no-repeat;
	background-position:10px center;
	background-image:url(../images/frk/column-date-clock.gif);
	background-color:#898989;
	border-radius:2px;
}

.CFM-SHADOW{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#7d4cca;
	opacity:0.2;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	z-index:10002;
}

.CFM{
	position:fixed;
	left:50%;
	top:50%;
	margin:-100px 0px 0px -230px;
	width:460px;
	background-color:#EBECF0;
	border:1px solid #EBECF0;
	border-radius:5px;
	box-shadow:0px 0px 10px #000000;
	cursor:default;
	overflow:hidden;
	font-size:14px;

	z-index:999999999;
}
.CFM{_position: fixed;
       _clear: both;
       _top:expression(eval(document.compatMode &&
               document.compatMode=='CSS1Compat') ?
               documentElement.scrollTop
               +(documentElement.clientHeight-this.clientHeight) - 1
               : document.body.scrollTop
               +(document.body.clientHeight-this.clientHeight) - 1); }
.CFM .icon-notification{
	color:#7d4cca;
	padding:10px;
	}
.CFM .TITLE{
	padding:0px 0px 0px 30px;
	height:30px;
	line-height:30px;
	color:#249d5d;
	font-weight:bold;
	background-color:transparent;
	background-position:10px center;
	background-repeat:no-repeat;
	background-image:url(../images/frk/pop-cfm.gif);
}

.CFM .MSG{
	padding:15px 15px 15px 10px;
	line-height:25px;
	color:#7d4cca;
	background-color:#ffffff;
	max-height: 150px;
	overflow: auto;
}
.MSG{width:95%; word-wrap: break-word;}

.CFM .OPERA{
	position:relative;
	top:0px;
	left:0px;
	margin:0px;
	paddig:0px;
	padding:10px 30px 6px 0px;
	text-align:right;
}

.CFM .OPERA div{
	margin:0px 5px 0px 5px;
	width:60px;
	height:25px;
	line-height:25px;
	text-align:center;
	display:inline-block;
	color:#454545;
	background-color:#7d4cca;
	border-radius:3px;
	cursor:pointer;
}

.CFM .OPERA div.YES{
	color:#ffffff;
}

.CFM .OPERA div:hover{
	background-color:#7d4cca;
}

.cbx,.cbxs{
	padding:0px 10px 0px 30px;
	width:100px;
	height:30px;
	line-height:30px;
	display:inline-block;
	overflow:hidden;
	border-radius:5px;
	font-size:12px;
	background-position:5px center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.cbx{
	background-image:url(../images/frk/cbx.gif);
}

.cbxs{
	background-image:url(../images/frk/cbxs.gif);
}

.cbx:hover,.cbxs:hover{
	box-shadow:inset 0px 0px 10px #A3A3A3;
}

.btn_download{
	margin:10px;
	padding:0px 5px 0px 35px;
	height:30px;
	font-size:14px;
	font-weight:bold;
	color:#EBECF0;
	border-width:0px;
	border-radius:5px;
	background-color:transparent;
	background-position:5px center;
	background-repeat:no-repeat;
	background-size:25px;
	background-image:url(/images/frk/btn-download.gif);
	cursor:pointer;
}

.btn_download:hover{
	box-shadow:inset 0px 0px 5px #A3A3A3;
}
#select_time{
	border:1px solid black;
	overflow-y: auto;
	border-top: none;
	background-color: #fff;
	z-index:9999999;
}
#select_time p{
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	border-top: 1px solid #ccc;
	cursor: pointer;
	text-indent: 1px;
}
#select_time p:first-child{
	border:none;
}
#select_time p:hover{
	background-color: #C2FFD9;
}
#AutoDataPanel.date div.t input{
	border:1px solid black;
	padding: 0px;
	margin: 0px;
	width: 50px;
	height: 20px;
	margin: 0px 5px;
}
#AutoDataPanel.date div.t input:last-child{
	width: 40px;
}
#AutoDataPanel.date div.clock input{
	border:1px solid black;
	padding: 0px;
	margin: 0px;
	width: 40px;
	height: 20px;
	margin: 0px 5px;
}

#AutoDataPanel.date div.clock input:last-child{
	width: 20px;
	background-image: url(../images/frk/time-machine.png);
	background-position: center;
	background-size: 30px;
	border:none;
	border-radius: 50%;
	color:transparent;
}
#AutoDataPanel.date div.clock{
	bottom:10px;
	left:15%;
	margin:0px;
	width:70%;
	height:25px;
	line-height:25px;
	background-repeat:no-repeat;
	background-position:10px center;
	/* background-image:url(../images/frk/column-date-clock.gif); */
	background-color:#898989;
	border-radius:2px;
}

#projectFiles{
	border:none;
	margin-left: -1.7%;
	height: 350px;
	width:100%;
}

#kaFiles{
    border:none;
    margin-left: -1.7%;
    height: 200px;
    width:100%;
}
.paper{
	height:30px;
	line-height:30px;
	font-size:15px;
	text-indent:20px;
	/* text-indent:0px; */
}

.paper div{
	float: left;
	height: 25px;
	margin:0px;
	padding:0px;
	/* padding-right:25px;
	padding-left:-10px; */
}

.paper div img{
	cursor: pointer;
	padding-top:4px;
}
.paper div:first-child{display:none;}

span.delete{
	background-image:url(../../images/deleteType.png);
	padding: 12px 15px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
}
span.export{
	background: #199BD4;
	text-align:center;
	font-size: 14px;
	border-radius:4px;
	color: #fff;
	display: block;
	height: 24px;
	width: 100px;
	cursor: pointer;
}
ul.tab,ul.tabbox{
	width: 100%;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
ul.tab{
	height: 27px;
}
ul.tab li{
	float: left;
	padding: 0px;
	margin: 0px;
	list-style: none;
	padding: 0px 20px;
	text-align: center;
	height: 100%;
	background: #8D9099;
	color: #fff;
	font-size: 14px;
	line-height: 27px;
	border-left: 1px solid #fff;
	min-width: 100px;
	cursor: pointer;
}
ul.tab li:hover{
	background: #7d4cca;
}
ul.tab li.choose{
	background: #7d4cca;
	/* color:black; */
}
ul.tabbox li{
	float: left;
	padding: 0px;
	margin: 0px;
	width: 100%;
	display: none;
}
ul.tabbox li div{
	/*width: 100%;
	display: inline-block;
	height: auto;*/
}
ul.tabbox li div table{
	width: 100%;
}
ul.tabbox li.choose{
	display: block;
}

input[type="text"]::-ms-clear {
	display: none;
}
input[type="text"]::-ms-reveal {
	display: none;
}