﻿@charset "utf-8";
body {  
    margin: 0;
    padding: 0;
    background-color:#FAFAFA;
}
div, form, img, ul, ol, li, dl, dt, dd, option, td, th {
    border: 0 none;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6, p, span, blockquote, input, select, textarea {
    margin: 0;
    padding: 0;
}
table {
    border: 0 none;
    border-collapse: collapse;
    border-spacing: 0;
}
select {   
    font-size: 12px;
}
textarea {
    border: 1px solid #D5D5D5;
    font-size: 12px;
}
em {
    font-style: normal;
}
a {
    color: #006699;
    text-decoration: none;
}
a:hover {
    color: #CD0200;
    text-decoration: underline;
}
.clear {
    clear: both;
}
.clear:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
}
*::-moz-focus-inner {
    border: medium none;
}
.contextDivs
{
    margin: 0 auto 0px;
    position: relative;
    width:100%;   
}
.clear {
    clear: both;
}
/*------------load-----------*/
.datagrid-mask-fixed{
	position:fixed;
	left:0;
	top:0;
	background:#ccc;
	opacity:0.3;
	filter:alpha(opacity=30);
	display:none;
}
.datagrid-mask-msg-fixed{
	position:fixed;
	left:100px;
	top:50px;
	width:auto;
	height:16px;
	padding:12px 5px 10px 30px;
	background:#fff url('../Img/pagination_loading.gif') no-repeat scroll 5px 10px;
	border:2px solid #6593CF;
	color:#222;
	display:none;
}
/*---------------树使用选择框--------------*/
.h3tree-boxList {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #B9B7B7;
    display:none;   
    width:220px;
    height:250px;
    position: absolute;   
    padding:10px 10px 10px 10px;  
    text-align:left;
    line-height: 16px;
    overflow:auto;
    z-index:9999;
    -webkit-box-shadow:-2px 3px 5px rgba(0,0,0,.3);-moz-box-shadow:-2px 3px 5px rgba(0,0,0,.3);box-shadow:-2px 3px 5px rgba(0,0,0,.3);border-radius:5px;
}

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
.hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
    width:auto;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(../Img/treeview-default-line.gif) 0 0 no-repeat;background-color:#fff; }
.treeview li.collapsable{ background-position: 0 -176px;}
.treeview li.expandable { background-position: 0 -176px;}

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../Img/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(../Img/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../Img/treeview-red.gif); } 

.treeview .placeholder {
	background: url(../Img/ajax-loader.gif) 0 0 no-repeat;
	height: 16px;
	width: 16px;
	display: block;
}
.hmk-treetool {
    font-weight:400;
    padding-left:5px;   
    color:#888;
}
.hmk-treetool a {
    color:#888;
}
.DialogMsShowBox {
  width: 400px; 
  height: 220px; 
  list-style: none; 
  margin: 0px; 
  overflow-y:auto;
}

.DialogMsShowBox .title {
    font-weight: bold;
    text-align:center;
}
.DialogMsShowBox .context {
   text-align:left;
   margin-top:10px;
}
/*-----------------------插入视频对话框---------------------------*/
.Videofacebox { padding: 8px; width: 330px; border: 1px solid #CCC; background: #FFF; z-index: 100000;}
.Videofacebox ul li { float: left; width: 330px; height: 30px; overflow: hidden; }
 .i_currentselected{background: url(../Img/treeBox.gif) no-repeat right -48px;}
 /*-----------------------selectBox---------------------------*/
.h3seleBoxs{position:absolute;font-size:12px; z-index: 9999;}
.i_selectoption{overflow-x:hidden;overflow-y:auto;padding:5px;background-color:#fff;-webkit-box-shadow:-2px 3px 5px rgba(0,0,0,.3);-moz-box-shadow:-2px 3px 5px rgba(0,0,0,.3);box-shadow:-2px 3px 5px rgba(0,0,0,.3);border-radius:5px;border:1px solid #B9B7B7;} 
.i_selectoption dt{height:18px;background-color:#eee;text-indent:5px;font-style:italic;color:#333;line-height:18px;} 
.i_selectoption dd{height:24px;border-bottom:1px dashed #ccc;cursor:pointer;text-indent:10px;line-height:24px} 
.i_selectoption dd:hover{background-color:#888;color:#fff}
.i_selectoption dd.selected{background-color:#B9B7B7;color:#fff}
.DialogOutputExcel {
    width:220px;   
    font-size:12px;
}
.DialogOutputExcel p{
    height:32px;
    line-height:32px;
}