@CHARSET "UTF-8";

body {
	font-size: 12px;
	text-align: left;
	color: #333;
	margin: 0;
	height: 100%;
	overflow-y: auto;
	overflow-x: auto;
	SCROLLBAR-FACE-COLOR: #F2F8FF;
	SCROLLBAR-HIGHLIGHT-COLOR: #F2F8FF;
	SCROLLBAR-SHADOW-COLOR: #F2F8FF;
	SCROLLBAR-3DLIGHT-COLOR: #7CAECD;
	SCROLLBAR-ARROW-COLOR: #13559F;
	SCROLLBAR-TRACK-COLOR: #F2F8FF;
	SCROLLBAR-DARKSHADOW-COLOR: #7CAECD;
	SCROLLBAR-BASE-COLOR: #000000;
}

a:visited {
	color: #0f0f0f;
	text-decoration: none
}

a:active {
	color: red;
	text-decoration: underline
}

a:link {
	color: #0f0f0f;
	text-decoration: none
}

a:hover {
	color: red;
	text-decoration: underline
}
a:visited.readrow{color: #0f0f0f;text-decoration: none}
a:active.readrow{color: #38A3F3;text-decoration: underline}
a:link.readrow{color: #0f0f0f;text-decoration: none}
a:hover.readrow{color: #38A3F3;text-decoration: underline;}

table {
	width: 100%;
	font-size: 12px;
	color: #000000;
	border-collapse: collapse;
	border: solid 1px #C0CCDD;
	text-align: center;
}

th {
	border-bottom: solid 1px #eee;
	font-weight: bold;
	height: 30px;
    color: #555;
    font-size: 12px;
}

td {
	border: solid 1px #C0CCDD;
}

.formtable {width:100%;border-collapse:collapse;border: solid 1px #C0CCDD;}
.formtable th{text-align:center;border: solid 1px #C0CCDD;}
.formtable td{text-align:left;border: solid 1px #C0CCDD;}
.formtable .formtitle {
	border: solid 1px #C0CCDD;
	font-weight: bold;
	height: 30px;
	box-shadow: 0px 0px 10px #c0c0c0;
    background: #eee;
    color: #555;text-align:center;
    font-size: 13px;}

.main_top_table {
	width: 100%;
	height: 69px;
	border: none;
	background-image: url(../images/main_top_bg.png);
	background-repeat: repeat-x;
}

.main_top_table td {
	border: none;
}

.main_top_left {
	width: 500px;
	font-size: 25px;
	color: white;
	font-weight:bold;
	/*background-image: url(../images/logo.png);
	background-repeat: no-repeat;*/
}

.main_top_right {
	width: auto;
	vertical-align: top;
	text-align: right;
}

.main_top_menu_table {
	width: 450px;
	height: 25px;
	border: none;
}

.main_top_menu_table td {
	border: none;
}

.main_top_menu {
	width: 60px;
	text-align: center;
	background-image: url(../images/main_top_menu_right_bg.png);
	background-repeat: repeat-x;
}

.main_top_menu_bar {
	width: 16px;
	background-image: url(../images/main_top_menu_bar.png);
}

.main_menu_table {
	border: none;
	background-image: url(../images/main_menu_bg.png);
	background-repeat: repeat-x;	
}

.main_menu_table td {
	border: none;
}

.main_menu {
	width: 80px;
	height: 34px;
	background-image: url(../images/main_menu.png);
	cursor:pointer;
}

.main_menu_over {
	width: 80px;
	height: 34px;
	background-image: url(../images/main_menu_over.png);
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.main_menu_current {
	width: 80px;
	height: 34px;
	background-image: url(../images/main_menu_current.png);
	background-position:center;
	background-repeat:no-repeat;}

.main_menu_right {
	width: auto;
	background-image: url(../images/main_menu_right.png);
	background-repeat: no-repeat;
}

.mid_bar {
	width: 100%;
	height: 8px;
	font-size: 8px;
	line-height: 8px;
	background-image: url(../images/mid_bar.png);
	background-repeat: repeat-x;
}

.bottom_table {
	border: none;
	background-color: #7CAECD;
}

.bottom_table td {
	border: none;
}

.bottom_table_info {
	height: 25px;
	text-align: center;
	color: #ffffff;
}

.sub_menu {
	width: 192px;
	vertical-align: top;
	background-image: url(../images/sub_menu_bg.png);
	background-repeat: repeat-y;
}

.sub_menu #sub_menu_title {
	width: 100%;
	background-image: url(../images/sub_menu_top.png);
	height: 31px;
	font-size:12px;
	line-height:31px;
	vertical-align:middle;
	text-align:center;
	color:#ffffff;	
}

.sub_menu #sub_menu_name {
	width: 100%;
	background-image: url(../images/sub_menu_name.png);
	height: 32px;
	line-height:32px;
	text-align:left;
	font-weight:bold;
}

.bottom_top_left {
	width: 192px;
	height: 5px;
	font-size: 5px;
	line-height: 5px;
	background-image: url(../images/bottom_top_left.png);
}

.collapse_bar {
	width: 8px;
	font-size: 8px;
	vertical-align: middle;
}

.main_window {
	width: auto;
	vertical-align: top;	
}

.main_window #main_window_title {
	width: 100%;
	text-align: left;
	text-align: left;
}

.main_window_name_table {
	width: 100%;
	border: none;
}

.main_window_name_table td {
	border: none;
}

.main_window_name_logo {
	width: 40px;
	height: 29px;
	background-image: url(../images/main_window_title_left.png);
}

.main_window_name {
	width: auto;
	height: 29px;
	text-align: left;
	background-image: url(../images/main_window_title_bg.png);
	background-repeat: repeat-x;
}

.main_window #main_window_form {
	width: 100%;
	height: 455px;
	background-color: #ffffff; 
	background-repeat: repeat-y;
	background-image: url(../images/main_window_form_bg.png);	
}
.main_window #main_window_form table{border:none;height:100%;}
.main_window #main_window_form td{border:none;}

.bottom_top_right {
	background-image: url(../images/bottom_top_right.png);
	background-repeat: repeat-x;
	height: 5px;
	text-align: left; font-size : 5px;
	line-height: 5px;
	font-size: 5px;
}

.bottom_top_right #bottom_top_right_core {
	width: 6px;
	height: 5px;
	background-image: url(../images/bottom_top_right_core.png);
	background-repeat: no-repeat;	
}
.menutree_table{width:100%;border:none;}
.menutree_table td{border:none;border-bottom:solid 1px #C0CCDD;border-right:solid 1px #C0CCDD;}
.menutree_td_title{text-align:left; height:18px;}

.mgrbar{width:100%;height:25px;background-image:url(../images/mgrbar_bg.png);background-repeat: repeat-x;
color:#ffffff;font-size:13px;font-weight:bold;text-align:left;border:none;}
.mgrbar td{border:none;}

.mgrbtn{height:20px;border:solid 1px #DBDADA;background-color:#EDEDED;}

.tbl_noborder{border:none;}
.tbl_noborder td{border:none;}
.fill_answer{width:180px;border:none;border-bottom:solid 1px #000;}

.datepicker{background-image: url(img/date.png);
	  background-repeat: no-repeat;
	  background-position:top right;
	  width:111px;}
.tchlal{width:120px;text-align:right;background-color:#c0c0c0;font-size:14px;}
.tchfld{width:200px;text-align:left;}
.fld{width:100%;border:none;border-bottom:solid 1px #000;}
.tchright{width:auto;text-align:center;vertical-align:middle;}

.dayblk{width:80px;height:30px;text-align:center;line-height:30px;
font-size:14px;font-weight:bold;border:solid 1px #1D599A;cursor:hand;
background-color:#B0D1EA;position:absolute;top:5px;color:gray;}
.dayblk_selected{width:80px;height:30px;text-align:center;cursor:hand;
line-height:30px;font-size:14px;font-weight:bold;position:absolute;top:5px;
border:solid 1px green;background-color:#1D599A;color:#fff;}

.timeblk{width:100px;height:20px;text-align:center;line-height:20px;
font-size:12px;border:solid 1px #1D599A;cursor:hand;
background-color:#B0D1EA;margin-left:20px;margin-top:5px;color:gray;}
.timeblk_selected{width:100px;height:20px;text-align:center;cursor:hand;
line-height:20px;font-size:12px;margin-left:20px;margin-top:5px;
border:solid 1px green;background-color:#1D599A;color:#fff;}

.btn{border:solid 1px blue;height:26px;width:80px;border-radius:4px;}

.firstTr{background:#b0b0ae;color:#555;font-size:13px;}
.firstTr th{background:#eee;color:#555;font-size:13px;}

.txt20{width:120px}
.txt50{width:300px}
.txt200{width:100%}

#dialogbg{
	background-color: gray;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 0;
	z-index: 3;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}
#dialog{
	background-color: #fff;
	height: 435px;
	left: 50%;
	margin: -225px 0 0 -300px;
	position: fixed !important;
	position: absolute;
	top: 50%;
	width: 600px;
	z-index: 5;
	border-radius:8px;box-shadow:0px 2px 8px #666;overflow:hidden;
}
#dialog span.title{color:rgba(0,0,0, 0.4);position:absolute;left:5px;top:5px;font-weight:bold;border-radius: 5px 5px 0px 0px;}
#dialog p{
	margin: 0 0 12px;
	height: 24px;
	line-height: 24px;
	background: #0A86ED;color:#fff;
}
#dialog p.close{
	text-align: right;
	padding-right: 5px;
}
#dialog p.close a{
	color: #fff;
	text-decoration: none;
}
#dialog p.clear{
	text-align:right;
	padding-right:42px;
	margin-top:-36px;
}
#dialog p.clear a{
	color: #fff;
	text-decoration: none;
}

.anno_view{
	padding-left:14px;line-height:14px;font-weight:bold;
	color:#0A86ED;background-image:url(../images/chakan.png);background-position:left center;background-size:12px 12px;
	background-repeat:no-repeat;
}
a.anno_view:link{color:#0A86ED;text-decoration:none;}
a.anno_view:visited{color:#0A86ED;text-decoration:none;}
a.anno_view:hover{color:#0A86ED;text-decoration:underline;cursor:hand;}
a.anno_view:active{color:#0A86ED;text-decoration:none;}

.anno_edit{
	padding-left:14px;line-height:14px;font-weight:bold;
	color:#0A86ED;background-image:url(../images/bianji.png);background-position:left center;background-size:12px 12px;
	background-repeat:no-repeat;
}
a.anno_edit:link{color:#0A86ED;text-decoration:none;}
a.anno_edit:visited{color:#0A86ED;text-decoration:none;}
a.anno_edit:hover{color:#0A86ED;text-decoration:underline;cursor:hand;}
a.anno_edit:active{color:#0A86ED;text-decoration:none;}

.anno_del{
	padding-left:14px;line-height:14px;font-weight:bold;
	color:#0A86ED;background-image:url(../images/shanchu.png);background-position:left center;background-size:12px 12px;
	background-repeat:no-repeat;
}
a.anno_del:link{color:#0A86ED;text-decoration:none;}
a.anno_del:visited{color:#0A86ED;text-decoration:none;}
a.anno_del:hover{color:#0A86ED;text-decoration:underline;cursor:hand;}
a.anno_del:active{color:#0A86ED;text-decoration:none;}

.anno_op{
	padding-left: 4px;
	border-radius: 4px;
	border: solid 1px #7b7ccc;
	padding-right: 4px;
	color: #7b7ccc;
}
a.anno_op:link{color: #7b7ccc;text-decoration:none;border: solid 1px #7b7ccc;}
a.anno_op:visited{color: #7b7ccc;text-decoration:none;border: solid 1px #7b7ccc;}
a.anno_op:hover{color: #7b7ccc;text-decoration:none;border: solid 1px red;}
a.anno_op:active{color: #7b7ccc;text-decoration:none;border: solid 1px #7b7ccc;}

.swich{width:60px;margin:0px auto;}
.swich .box{width:60px;height:30px;background:#ccc;border-radius:20px;transition: all .5s ease;}
.swich .box span{display:inline-block;height:26px;width:26px;border-radius:15px;background:#fff;transform:translateX(-14px);transition: all .5s ease;margin-top: 2px;}
.swich-on .box{background:forestgreen;transition: all .5s ease;}
.swich-on .box span{transform:translateX(14px);transition: all .5s ease;}

.modal-mask{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	transition: all 0.3s;
	cursor: pointer;
}
.modal-mask .content{
	width: 320px;
	height: 240px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -160px;
	margin-top: -120px;
	background-color: #fff;
	transition: all 0.3s;
	border-radius: 10px;
}
.modal-mask .loading{width:100%;height:24px;text-align:center;position: absolute;
	top: 50%;
	left: 0px;margin-top: -12px;}
.modal-mask .loading span{line-height:24px;font-size:14px;background-color:#fff;
	padding:15px 20px 15px 20px;border:solid 1px #333;}

.radiono{width:50px;height:26px;border-radius:13px;background-color:#eee;margin:0 auto;position:relative;}
.radiono div{width:20px;height:20px;border-radius:10px;background-color:#fff;position:absolute;left:4px;top:3px;}
.radioyes{width:50px;height:26px;border-radius:13px;background-color:#0A86ED;margin:0 auto;position:relative;}
.radioyes div{width:20px;height:20px;border-radius:10px;background-color:#fff;position:absolute;right:4px;top:3px;}
.checker{cursor:pointer;}
