@CHARSET "UTF-8";
html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,tr,td,th,img,div,label,span,dl,dd
{
	font:12px/1.8 Arial, Helvetica, sans-serif,'microsoft yahei',tahoma,verdana,'simsun';margin:0px;padding:0px; border:0px;
}

.noselect {
    -moz-user-select: none;
    -webkit-user-select: none;
}

a{
    outline:none;
    text-decoration:none;
}

*{
    word-wrap: break-word;
}

/*全局*/
.mousepointer {cursor:pointer;}
.lshide {
    display: none;
}
html,body{
    color:#000;
    font-size:12px;
    margin-top:0px; 
    font-family: Microsoft YaHei,​Verdana;
    font-size: 12px;
}

input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"], select {
    cursor: pointer;
    font-size:12px;
}
input[type="text"]{
    font-size:12px;
}
input[type="radio"]{
    margin:0px 8px;
    margin-top: 0px;
}
input[type="text1"]{
    font-size:12px;
}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}


.clear{clear:both; height:0px;}
.clears{clear:both; height:0px;}
.left{float:left;}
.right{float:right;}


#main{
    margin-top:0px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:0px;
	background-color:#3399FF;
    width: auto;
	height:auto;
}

#header{
    border-bottom: 1px solid #EAEAEA;
}

#header .container{
    width:auto;
    background-color: #282828;
    height: 40px;
}

#header .logo {
  float: left;
  width: 240px;
  height: 40px;
  background: url(img/logo.png) center center no-repeat;
  margin-left: 0px;
  margin-right: 0px;
}

#header .mainList{
    display: block;
    height: 40px;

	position:absolute;
	margin-left:240px;
    float: left;
	
}

#header .mainList li{
    display: block;
    height: 40px;
    line-height: 40px;
    width: 150px;
    float: left;
}

#header .mainList li a{
    display: block;
    height: 40px;
    line-height: 40px;
    width: 150px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

#header .mainList li a:hover{
    background-color: #282828;
}

#header .mainList li a.current{
	background-color: #3399ff;
    color: #fff;
}

#header .hsmainList li{
    display: block;
    height: 40px;
    line-height: 40px;
    width: 150px;
    float: left;
}

#header .hsmainList li a{
    display: block;
    height: 40px;
    line-height: 40px;
    width: 150px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

#header .hsmainList li a:hover{
    background-color: #282828;
}

#header .hsmainList li a.current{
	background-color: #3399ff;
    color: #fff;
}

#header .userInfo{
    float: right;
/*	background-color:#0F0;*/
    width: 350px;
}

#header .userInfo a{
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0px 25px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    display: inline-block;
}


.ico_user{
	
    background: url('img/header-icons.png') no-repeat 0 14px;
	/* 要显示文字的宽度 */  
   	float: right;/* 左对齐，不设置的话只在IE下好用 */
  	overflow: hidden; /* 超出的部分隐藏起来 */
  	white-space: nowrap;/* 不显示的地方用省略号...代替 */
 	text-overflow: ellipsis;/* 支持 IE */
   	-o-text-overflow: ellipsis;/* 支持 Opera */
}


.ico_logout{
    background: url('img/header-icons_logout.png') no-repeat 0 14px;
		float: right;
}

.ico_help{
    background: url('img/header-icons_help.png') no-repeat 0 14px;
		float: right;
}



#container{

	position: absolute;
	left:0px;
	right:0px;

	margin-bottom:0px;
	width: 100%;
    height: 100%;
}

#innerContainer{
    left:0px;
	right:10px;
	top:0px;
	bottom:0px;
	width:100%;
	height:100%;
    position: absolute;
	margin-top: 0px;

}

#innerContainer .realTime{
    /*background-color:#000;*/
    position: absolute;
    left:1px;
    top:35px;
    width:100%;
    height:89%;
    z-index: 0;
    display: block;
    visibility: visible;
    border: 1px solid #d4d4d4;
}


#innerContainer .channellist{
    background-color:#fff;
    position: absolute;
    left: 0px;
    top:0px;
    width: 200px;
    height:90%;
    z-index: 0;
    display: block;
    visibility: visible;
}

#innerContainer .ptzlist{
    background-color:#fff;
    position: absolute;
    /*right:0px;;*/
    top:0px;
    width: 200px;
    height:100%;
    z-index: 0;
    display: block;
    visibility: visible;
}

#innerContainer .btn_panel{
  position: absolute;
  left:0px;
  margin-top:35px;
  top:89%;
  width:100%;
  height:30px;
  border: 1px solid #d4d4d4;
    /*background-color: #e7e7e7;*/
}

#innerContainer .top_panel{
    position: absolute;
    left:0px;
    margin-top:0px;
    /*top:90%;*/
    width:100%;
    height:35px;
    /*border: 1px solid #d4d4d4;*/
    background-color: #e7e7e7;
}

/*//下拉按钮*/
.btnwndcutout
{
    float:left;
    width:40px;
    height:28px;
    margin:7px 0 0 2px;
    cursor:pointer;
    background:url(img/fisheye/wndcutbtn.png) no-repeat;

}
.btnwndcutover
{
    float:left;
    width:40px;
    height:28px;
    margin:7px 0 0 2px;
    cursor:pointer;
    background:url(img/fisheye/wndcutbtnon.png) no-repeat;

}
.fishmodebtn
{
    width:30px;
    height:18px;
    margin:4px 5px 6px 4px;
    background:url(img/fisheye/wndcut.png) no-repeat;

}
.prickline
{
    float:left;
    width:2px;
    height:30px;
    margin:6px 2px 7px 4px;
    background:url(img/fisheye/prickline.png) no-repeat;
}

/*************************************************
                 视频顶部工具栏 begin
*************************************************/
.toptoolbar
{
    width:704px;
    height:34px;
    background-color:#F0F0F0;
}

.hsmstreamover
{
    float:left;
    width:120px;
    height:25px;
    margin:4px 0 0 2px;
    cursor:pointer;
    background:url(img/public/mainstream_sel.png);
}

.hsmstreamout
{
    float:left;
    width:120px;
    height:25px;
    margin:4px 0 0 2px;
    cursor:pointer;
    background:url(img/public/mainstream.png);
}

.hssstreamover
{
    float:left;
    width:120px;
    height:25px;
    margin:4px 0 0 2px;
    cursor:pointer;
    background:url(img/public/mainstream_sel.png);
}

.hssstreamout
{
    float:left;
    width:120px;
    height:25px;
    margin:4px 0 0 2px;
    cursor:pointer;
    background:url(img/public/mainstream.png);
}

.size4to3over
{
    float:left;
    width:29px;
    height:26px;
    margin:4px 0 0 2px;
    cursor:pointer;
    background:url(img/public/fixed_sel.png);
 }
.size4to3out
{
    float:left;
    width:29px;
    height:26px;
    margin:4px 0 0 2px;
    cursor:pointer;
    background:url(img/public/fixed.png);
  }


.size16to9over
{
    float:left;
    width:29px;
    height:26px;
    margin:4px 0 0 0;
    cursor:pointer;
    background:url(img/public/size16to9_sel.png);
 }
.size16to9out
{
    float:left;
    width:29px;
    height:26px;
    margin:4px 0 0 0;
    cursor:pointer;
    background:url(img/public/size16to9.png);
 }
.originalover
{
    float:left;
    width:29px;
    height:26px;
    margin:4px 0 0 0;
    cursor:pointer;
    background:url(img/public/original_sel.png);
}
.originalout
{
    float:left;
    width:29px;
    height:26px;
    margin:4px 0 0 0;
    cursor:pointer;
    background:url(img/public/original.png);
  }
.pwsautoover
{
    float:left;
    width:29px;
    height:26px;
    margin:4px 0 0 0;
    cursor:pointer;
    background:url(img/public/sizeauto_sel.png);
}
.pwsautoout
{
    float:left;
    width:29px;
    height:26px;
    margin:4px 0 0 0;
    cursor:pointer;
    background:url(img/public/sizeauto.png);
}

.ptzshowout
{
    float:right;
    width:47px;
    height:26px;
    margin:4px 2px 0 0;
    cursor:pointer;
    background:url(img/public/ptzshow.png);
}
.ptzhideout
{
    float:right;
    width:47px;
    height:26px;
    margin:4px 2px 0 0;
    cursor:pointer;
    background:url(img/public/ptzhide.png);
}

.fullscreenout
{
    float:right;
    width:16px;
    height:16px;
    margin:4px 2px 0 0;
    cursor:pointer;
    background:url(img/fisheye/fullscreen.png);
}

.videoRight{
    width: 296px;
    height: 511px;
    float: right;
}

/*************************************************
                 预览左侧模块 begin
*************************************************/
.contentleft
{
    z-index:0;
    width: 100%;
}

#dvPreviewControl
{
    width:194px;
    margin:0;
    padding:0;
    /*border: 1px red solid;*/
    float:left;
}

#dvPreviewModeTitle
{
    padding-top: 3px;
    height:34px;
    width:100%;
    background-color: #e7e7e7;
    margin-bottom:10px;
    /*border: 1px solid #e7e7e7;*/
}

#dvPreviewModeList
{
    height:170px;
    width:194px;
    overflow:hidden;
}

#dvPreviewModeList li
{
    height:30px;
    line-height: 30px;
    margin:0px auto;
    padding:2px 0 2px 15px;
}

#dvPreviewModeList span
{
    padding-top: 3px;
    padding-left:30px;
    font-size:12px;
    height: 30px;
    display: inline-block;
}
#dvPreviewModeList label
{
    font-size:12px;
}
.FisheyeMode
{
    background:url(img/fisheye/wndMode1.png) no-repeat;
    background-position: 0 6px;
}

.PanoramaMode
{
    background:url(img/fisheye/wndMode2.png) no-repeat;
    background-position: 0 6px;
}

.Fisheye3PTZMode
{
    background:url(img/fisheye/wndMode6.png) no-repeat;
    background-position: 0 6px;
}

.Panorama3PTZMode
{
    background:url(img/fisheye/wndMode7.png) no-repeat;
    background-position: 0 6px;
}

.PTZ4
{
    background:url(img/fisheye/wndMode8.png) no-repeat;
    background-position: 0 6px;
}



.CustomiseMode
{
    background:url(img/fisheye/customMode.png) no-repeat;
    background-position: 0 6px;
}

#dvPreviewModeTitle span
{
    font-size:12px;
    font-weight:bolder;
    line-height:34px;
    margin-left:20px;
}

#dvPreviewChannelTitle
{
    height:34px;
    width:100%;
    background-color: #e7e7e7;
    margin-bottom:5px;
    /*border: 1px solid #e7e7e7;*/
}

#dvPreviewChannelTitle span
{
    font-size:12px;
    font-weight:bolder;
    line-height:34px;
    margin-left:20px;
}

#dvPreviewChannelList
{
    width:100%;
}

#dvPreviewChannel
{
    width: 194px;
}

#dvPreviewWindow
{
    width:556px;
    float: left;
    display:inline-block;
}



#dvCustomiseModeFour
{
    background: url(img/fisheye/wndMode8.png) no-repeat !important;
    margin: 4px 5px 6px 10px;
}

/*//----------*/


#datepicker .ui-datepicker{
    width: 292px !important;
    height: 300px !important;
    color: #000000;
}

.ui-state-default{
    text-align: center !important;
}

.ui-datepicker-next span{
    text-indent: 0px !important;
    cursor: pointer;
}

.ui-datepicker-prev span{
    text-indent: 0px !important;
    cursor: pointer;
}

.ui-datepicker{
	background-color: #F5F5F5;
}

.ui-datepicker-header{
    background-color: #D3D3D3;
    height: 32px;
    line-height: 32px;
}
.ui-datepicker-title{
    height: 32px;
    line-height: 32px;
    font-size: 14px;
}

.ui-datepicker-title span{
    line-height: 32px;
}

.ui-datepicker-calendar a{
    color: #000000;
    height: 25px;
    line-height: 25px;
}

.ui-datepicker-calendar a:hover{
    padding:1px;
    border: 1px solid #508FC2;
    color: #3399FF;
}
.ui-state-active{
    padding:1px !important;
    border: 1px solid #508FC2 !important;
    color: #3399FF !important;
    background-color: #ffffff;
}

.ui-state-highlight{
    padding:1px !important;
    border: 1px dashed #508FC2;
    color: #3399FF !important;
    background-color: #ffffff;
}

.ui-datepicker-calendar{
    height: 212px;
}

.ui-datepicker-current{
    float: right !important;
}

.buttonPanel{
    margin-top: 12px;
}

.buttonPanel a,.blockBtn{
    display: block;
    height: 30px;
    line-height: 30px;
    width: 300px;
    border:1px solid #C4C4C4;
    background-color: #F1F2F2;
    text-align: center;
    font-size: 14px;
    color: #000;
    margin-bottom: 12px;
}

.buttonPanel a:hover,.blockBtn:hover{
    background-color: #F5F5F5;
}
.buttonPanel a,.hsblockBtn{

    height: 30px;
    line-height: 30px;
    width: 366px;
    border:1px solid #C4C4C4;
    background-color: #fff;
    text-align: center;
    font-size: 14px;
    color: #000;
    margin-bottom: 12px;
}

.buttonPanel a:hover,.hsblockBtn:hover{
    background-color: #F5F5F5;
}


/*--------------------------------------------------------------------搜索按钮大小样式开始--------------------------------------------------------------------------------*/

.hsbuttonPanel{
    margin-top: 12px;
}

.hsbuttonPanel a,.blockBtn{
    display: block;
    height: 30px;
    line-height: 30px;
    width: 260px;
    border:1px solid #C4C4C4;
    background-color: #F1F2F2;
    text-align: center;
    font-size: 14px;
    color: #000;
    margin-bottom: 12px;
}

.hsbuttonPanel a:hover,.blockBtn:hover{
    background-color: #F5F5F5;
}
.hsbuttonPanel a,.hsblockBtn{
    display: block;
    height: 30px;
    line-height: 30px;
    width: 260px;
    border:1px solid #C4C4C4;
    background-color: #fff;
    text-align: center;
    font-size: 14px;
    color: #000;
    margin-bottom: 12px;
}

.hsbuttonPanel a:hover,.hsblockBtn:hover{
    background-color: #F5F5F5;
}

/*--------------------------------------------------------------------搜索按钮大小样式结束--------------------------------------------------------------------------------*/

#absoluteDiv{
    width: 230px;
    position: absolute;
    left:880px;
    top:446px;
    padding-left:11px;
    background: url('img/tips.gif') no-repeat #FFFFFF;
}

#absoluteDiv .borderDiv{
    border: 2px solid #B1B1B1;
    border-left: none;
    height: 77px;
}

#absoluteDiv .borderDiv .inputTime{
    width: 28px;
}

#absoluteDiv .borderDiv a{
    display: block;
    width: 55px;
    background: url('img/btnR.jpg') no-repeat;
    float: left;
    margin-left:6px;
}

#absoluteDiv .borderDiv a:hover{
    background: url('img/btnRH.jpg') no-repeat;
}

#absoluteDiv .borderDiv .btnBanel{
    height: 25px;
    line-height: 25px;
	background-color:#0F0;
    float: left;
}

#absoluteDiv .borderDiv .contentDiv{
    padding:14px;
}

.logMain{
	margin-left:20px;
    float: left;
    width: 746px;
    height: 511px;
    border: 1px solid #d2d2d2;
    position: relative;
    overflow: auto;
}

.logRight{
    width: 264px;
    padding:12px;
    padding-top:2px;
    height: 497px;
    float: left;
    background-color: #f2f2f2;
    border: 1px solid #d2d2d2;
	border-left:none;
}

.logRight label{
	height:25px;
    line-height: 25px;
}

.logMain .tabHead{
    padding-left:1px;

    padding-top:1px;
}

.logMain .tabHead ul{
    display: block;
    height: 25px;
}

.logMain .tabHead li{
    display: block;
    float: left;
    width: 140px;
    padding-left:5px;
    height: 25px;
    line-height: 25px;
    background-color: #f2f2f2;
}

.logMain .tabHead li .resizebtn{
    width: 2px;
    height: 30px;
    border-right: 1px solid #ffffff;
    cursor: col-resize;
    float: right;
}

.logMain .tabHead li span,.logMain .tabHead li a{
    padding: 0px 4px;
    display: block;
    float: left;
    color: #000000;
}

.logMain table{
    background-color: #ebebeb;
}

/*选项框样式SATRT*/
.tagBlock select{
   	/*background-color:#00F;*/
    font-size: 12px;
}
/*选项框样式END*/

.tagBlock input[type="text"]{
    /*width: 360px;*/
/*	background-color:#900;*/
	margin-top:0px;
	margin-bottom:0px;
    font-size: 14px;
}
.tagBlock input[type="text1"]{
	margin-top:0px;
	margin-bottom:0px;
    font-size: 12px;
}

.logMain table span{
    display: block;
    padding-left: 5px;
    height: 25px;
    line-height: 25px;
	font-size: 14px;
    overflow: hidden;
}

.logMain table tr.even{
    background-color: #ffffff;
}

.logMain table tr.odd{
    background-color: #F8F8F8;
}

.logMain .resizeLine{
    height: 200px;
    width: 2px;
    border-right: 1px solid #B1B1B1;
    position: absolute;
    cursor: col-resize;
    display: none;
}

input.time{
    padding: 0px;
	position:absolute;
	background-repeat: no-repeat;
    background: #FFF url('img/btnTime.bmp');
    margin: 0px;
	border:none;
    height: 30px;
    width: 254px;
    padding-left:6px;
    line-height: 25px;
}
.icoTime{
    width: 35px;
    height: 29px;
	line-height:29px;
    background: url('img/btnTime.png');
    float: left;
}

#optionsContainer{
	height:100%;
    width:100%;
    position: absolute;
	background-color:#ebebeb;
}
#optionsContainer .optionsMenu{
    padding:0px;
    width: 240px;
	position:absolute;
	background-color:#ebebeb;
}
#optionsContainer .optionsMain{
    width: 100%;
    height: 100%;
	background-color:#fff;
}

/*右边内容页宽度及背景颜色*/
#optionsBlock{
	/*background-color:#ff0000;*/
	width:100%;
    margin-top:0px;

}
#optionsBlock .tagHead{
    display: block;
    height: 30px;
	border-bottom:  1px solid #B1B1B1;
}
#optionsBlock .tagHead li{
    display: block;
    height: 30px;
    line-height: 30px;
    margin-right: 1px;
    float: left;
}
#optionsBlock .tagHead li a{
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #000000;
    font-size: 14px;
    padding-left:8px;
    padding-right: 8px;
}
#optionsBlock .tagHead li a.current{

	color: #3399ff;
    background-color: #fff;
    font-weight: bold;
	border-bottom:  2px solid #3399ff;
}


#optionsBlock .tagBlock{
    padding-left:0px;
	/*background-color: #000;*/

    /*padding-top: 20px;*/
	margin-top:25px;
}

.tagBlock table label,.tagBlock table span{
    display: block;
    height: 25px;
    line-height: 25px;
    text-indent: 4px;
    overflow: hidden;
}

.tagBlock table tr.odd{
    text-indent: 0px;
}
.tagBlock table tr.even{
    background-color: #FFFFFF;
}

/*标题导航背景颜色*/
.tagBlock .tbHead{
    height: 30px;
	line-height: 30px;
    font-size: 14px;
	border: 1px solid #e6e6e6;/*悬浮代码代阴影start*/
    box-shadow: 0 0 0px #b4b4b4;/*悬浮代码代阴影end*/
	margin-right:280px;
    text-indent: 15px;
    background-color: #f3f3f3;
}

.optionsMenu dl dt{
    height: 39px;
    line-height: 39px;
	border-bottom:1px #d2d2d2 solid;
    background: url('img/opMenuBg.png') no-repeat;

}

.optionsMenu dl .optBase{
    background-position: 0 -39px;
}
.optionsMenu dl .optHeight{
    background-position: 0 -78px;
}
.optionsMenu dl .optHeight1{
    background-position: 0 -117px;
}
.optionsMenu dl .optHeight2{
    background-position: 0 -156px;
}
.optionsMenu dl .optHeight3{
    background-position: 0 -195px;
}
.optionsMenu dl .optLocaled{
    background-position: 0 -234px;
}
.optionsMenu dl .optBaseed{
    background-position: 0 -273px;
}
.optionsMenu dl .optHeighted{
    background-position: 0 -312px;
}
.optionsMenu dl .optHeighted1{
    background-position: 0 -351px;
}
.optionsMenu dl .optHeighted2{
    background-position: 0 -390px;
}
.optionsMenu dl .optHeighted3{
    background-position: 0 -429px;
}

.optionsMenu dl dd li{
    display: block;
    height: 29px;
    line-height: 29px;
	background-color:#fff;

}

.optionsMenu dl a{
    color: #000000;
    display: block;
	padding-left:50px;
    font-size: 14px;
}
.optionsMenu dl a.current{
    color:#3399ff;
	font-weight:bold;
	padding-left:47px;
	border-left: 2px solid #3399ff;
	background-color:#fff;

}
.optionsMenu li a{
    color: #000000;
    display: block;

    font-size: 14px;
	background-color:#f8f8f8;
}

.optionsMenu li a.current{
    color:#3399ff;
	font-weight:bold;
	border-bottom: 1px solid #d9d9d9;
	background:url(img/img.png);
	background-color:#fff;

}

.optionsMenu .hide{
    display: none;
}

.specialTime input[type="text"]{
	font-size:12px;
}
.specialTime select{
	font-size:12px;
}
.specialTime label{
    display: inline !important;
}


.subTagBlock{
    width: 467px;
	/**width: 467px;*/
	margin-left:20px;
}
.subTagBlock .subTagHead{
    display: block;
    background-color: #fff;
    height: 25px;
    padding-top: 2px;
}
.subTagBlock .subTagContent{
    padding:14px;
    border: 1px solid #ccc;
}

.subTagBlock .subTagHead li{
    float: left;
    display: block;
}
.subTagBlock .subTagHead li a{
    display: block;
    height: 25px;
    border: 1px solid #ccc;
    border-left: none;
    text-align: center;
    line-height: 25px;
    border-bottom: none;
    color: #000000;
}
.subTagBlock .subTagHead li a.current{
    height: 25px;
    background-color: #ffffff;
    font-weight: 700;
}

/*码流信息框样式START*/
.subTagContent select{
	/*background-color:#FF0;*/
    font-size: 12px;
}
/*码流信息框样式END*/

.subTagContent input[type="text"]{
    font-size: 12px;
}

.ui-slider{
    background-color: #aeaeae;
    height: 5px;
    position: relative;
}
.ui-slider-handle{
    position: absolute;
    top: -4px;
	border-radius: 100px;
    height: 12px !important;
    width: 12px;
    background-color: #fff;
    border: 1px solid #aeaeae;
}

.ui-datepicker .ui-slider{
    width: 85%;
	background-color: #fff;
    margin-left: 7px;
}
.ui-timepicker-div{
    padding-left: 6px;
}
.ui_tpicker_hour_label{
    margin-top: 4px;
}
.ui_tpicker_minute_label{
    margin-top:4px;
}

.vedioBlock{
    width: 42.24em;
    height: 22.6em;
    float: left;
    margin-left: 20px;
	margin-right:20px;
    position: relative;
}



.optionsMenu{
    width: 350px;
    float: left;
}
.slideInput{
    width: 40px !important;
	margin-left:20px;
	height:20px;
	line-height:20px;
    text-align: left;
	border-left:1px #dddddd solid;
	border-top:1px #dddddd solid;
	border-right:1px #dddddd solid;
	border-bottom:1px #dddddd solid;
	/*border-bottom:1px #d2d2d2 solid;*/
    background-color: #fff;

}

.imgslideInput{
    width: 120px;
    background-color: #fff;

}
.optionsMenu .targetA{
    display: block;
    width: 362px;
    text-indent: 0px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 700;
	border-top: 1px solid #D9D9D9;
    border-bottom: 0px solid #D9D9D9;
    background-color: #fff;
}
.optionsMenu > .current{
    background: url('img/up.jpg') no-repeat 0 2px;
    color: #000000;
}
.optionsMenu select{

    font-size: 12px;
}
.optionsMenu input[type="text"]{
    font-size: 12px;
/*	background-color:#F0F;*/
}
.tagBlock .userList{
    width: 500px;
    height: 300px;
}
#optionsBlock .tagBlock tr td span,#optionsBlock .tagBlock tr td span a{
    color: #6B6B6B;
}
#all{
    background-color: #fff;
    position: absolute;
    height: 100%;
	width: 100%;
    z-index: 100;
}
#edit{
    z-index: 102;
    position: absolute;
    width: 420px;
    height: 350px;
    border: 1px solid #999;/*悬浮代码代阴影start*/
    box-shadow: 0 0 8px #b4b4b4;/*悬浮代码代阴影end*/
    top:45px;
    left:110px;
}
#edit .editHeader{
    height: 34px;
    line-height: 34px;
    background-color: #6B6B6B;
    color: #fff;
    font-size: 16px;
    text-indent: 14px;
    /*cursor: move;*/
}
#edit .editContent{
    padding:20px;
    background-color: #FFFFFF;
}
#edit .editContent label{
    display: block;
    padding:15px 0px;
	padding-left:40px;
    font-size: 14px;
}
#edit .editContent input[type="text"],#edit .editContent input[type="password"]{
    font-size: 12px;
	width:134px;
	font-family: Arial, Helvetica, sans-serif;
	height:20px;
	line-height:20px;
    text-align: left;
	border-left:1px #dddddd solid;
	border-top:1px #dddddd solid;
	border-right:1px #dddddd solid;
	border-bottom:1px #dddddd solid;
	/*border-bottom:1px #d2d2d2 solid;*/
    background-color: #fff;

}
#edit .editContent select{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	width:138px;
	position:relative;/*+1*/
	padding:3px;/*+1*/
	display:inline-block; /*+1*/
	zoom:1;/*+1*/
	height:24px;
	line-height:24px;
    text-align: left;
	border-left:1px #dddddd solid;
	border-top:1px #dddddd solid;
	border-right:1px #dddddd solid;
	border-bottom:1px #dddddd solid;
	/*border-bottom:1px #d2d2d2 solid;*/
    background-color:#fff;
}




#Tipall{
    background-color: #EBEBEB;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 100;
}
#Tipedit{
    background-color: #FFF;
    z-index: 102;
    position: absolute;
    width: 300px;
    height: 200px;
    border: 1px solid #000;/*悬浮代码代阴影start*/
    box-shadow: 0 0 8px #b4b4b4;/*悬浮代码代阴影end*/
    top:305px;
    left:45%;
}
#Tipedit .TipeditHeader{
    height: 34px;
    line-height: 34px;
    background-color: #6B6B6B;
    color: #fff;
    /*opacity:0.75;*/
    font-size: 16px;
    text-indent: 14px;
    /*cursor: move;*/
}
#Tipedit .TipeditContent{
    padding:0px;
}
#Tipedit .TipeditContent label{
    display: block;
    padding:15px 0px;
    padding-left:0px;
    font-size: 12px;
}






#ptzall{
    background-color: #fff;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 100;
}

#ptzedit{
    background-color: #D7D7D7;
    z-index: 102;
    position: absolute;
    width: 190px;
    height: 240px;
    border: 1px solid #999;/*悬浮代码代阴影start*/
    box-shadow: 0 0 8px #b4b4b4;/*悬浮代码代阴影end*/
    top:25px;
    right:0px;
}
#ptzedit .ptzeditHeader{
    height: 34px;
    line-height: 34px;
    padding-left:0px;
    background-color: #D7D7D7;
    color: #000;
    opacity:0.75;
    font-size: 16px;
    text-indent: 14px;
    /*cursor: move;*/
}
#ptzedit .ptzeditContent{
    padding:20px;
}
#ptzedit .ptzeditContent label{
    display: block;
    /*padding:15px 0px;*/
    padding-left:0px;
    font-size: 12px;
}
#ptzedit .ptzeditContent input[type="text"],#ptzedit .ptzeditContent input[type="password"]{
    font-size: 12px;
    width:100px;
    font-family: Arial, Helvetica, sans-serif;
    height:20px;
    /*line-height:20px;*/
    text-align: left;
    border-left:1px #dddddd solid;
    border-top:1px #dddddd solid;
    border-right:1px #dddddd solid;
    border-bottom:1px #dddddd solid;
    /*border-bottom:1px #d2d2d2 solid;*/
    background-color: #fff;

}
#ptzedit .ptzeditContent select{
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    width:100px;
    position:relative;/*+1*/
    padding:3px;/*+1*/
    display:inline-block; /*+1*/
    zoom:1;/*+1*/
    height:24px;
    line-height:24px;
    text-align: left;
    border-left:1px #dddddd solid;
    border-top:1px #dddddd solid;
    border-right:1px #dddddd solid;
    border-bottom:1px #dddddd solid;
    /*border-bottom:1px #d2d2d2 solid;*/
    background-color:#fff;
}

.serverLink a{
    color: #3399FF;
	width:300px;
	margin-right:15px;
}
.serverLink a:hover{
	width:300px;
	margin-right:15px;
    color: #666;
}
.showLogo label{
    width: 120px;
}
.showLogo input[type="checkbox"]{
    position: absolute;
    margin-top: 4px;
}
.showLogo .freeip{
    padding-left:20px;
	vertical-align:middle;
    width:95px;
    height: 25px;
	line-height:25px;
    background: url('img/freeip.jpg') no-repeat right 0px;
}
.showLogo .danale{
    padding-left:20px;
    width: 95px;
    height: 25px;
	line-height:25px;
    background: url('img/danale.jpg') no-repeat right 0px;
}
.code div{
    width: 120px;
    height: 120px;
/*	background: url('css/img/code.png') no-repeat right 0px;*/

}
.code label{
    width: 124px;
    text-align: center;
}

.save{
    margin-top: 8px;
}

#optionsBlock .tags .container select{
	font-size:12px;
}
#optionsBlock .tags .container input[type="text"]{

}

#optionsBlock .tags .container .xyInput{
    width: 33px !important;
}
#optionsBlock .tags .container .xyButton{
    margin-left: 8px;
}

.tagBlock .smallSelect{
	font-size:12px;
}
#vedioBlock1{
    position: absolute;
    width: 42.24em;
    height: 22.6em;
    left:0px;
    top:0px;
}
#vedioBlock1 .small{
    width: 58px;
    height: 25px;
	line-height:25px;
    border: 1px solid #3399FF;

}

.vedioBlock .mask{
    border:1px solid #fff;
    position: absolute;
}
#vedioBlock2{
    position: absolute;
    width: 42.24em;
    height: 22.6em;
    left:0px;
    top:0px;
}
#plugin{
    /*火狐中生效*/
    width:100%;
    height: 100%;
    position: absolute;
    z-index: 10;
}

#login input[type="text"],#login input[type="password"]{
    width: 188px;
	height:25px;
	line-height:25px;
	background-color:#fff;
}

.progressOuter{
	background-color:#fff;
	width: 362px;
	height: 18px;
	line-height:18px;
	border: 1px #ddd solid;
	position: absolute;
	text-align: center;
	vertical-align:middle;
	font-size: 12px;
	border-radius: 180px;
	/*    -moz-border-radius: 180px;
    -webkit-border-radius: 180px;*/
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	top:50%;
	margin-left:50%;
	left:-181px;
	padding:0px;
}
.progressInner{
    position: absolute;
	width: 0px;
    top:0px;    
	left:0px;
    height: 18px;
	vertical-align:middle;
	border-radius: 180px;
	line-height:18px;
	background:#82d843 url('img/slide.jpg');
   /* background-color: #E8F2FE;*/
}


#progressOuter{
	background-color:#fff;
	width: 362px;
	height: 18px;
	line-height:18px;
	border: 1px #ddd solid;
	position:relative;
	text-align: center;
	vertical-align:middle;
	font-size: 12px;
	border-radius: 180px;
	/*    -moz-border-radius: 180px;
    -webkit-border-radius: 180px;*/
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	padding:0px;
}

#progressOuterdc{
    background-color:#fff;
    width: 362px;
    height: 18px;
    line-height:18px;
    border: 1px #ddd solid;
    position:relative;
    text-align: center;
    vertical-align:middle;
    font-size: 12px;
    border-radius: 180px;
    /*    -moz-border-radius: 180px;
    -webkit-border-radius: 180px;*/
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    padding:0px;
}

#progressOuterdr{
    background-color:#fff;
    width: 362px;
    height: 18px;
    line-height:18px;
    border: 1px #ddd solid;
    position:relative;
    text-align: center;
    vertical-align:middle;
    font-size: 12px;
    border-radius: 180px;
    /*    -moz-border-radius: 180px;
    -webkit-border-radius: 180px;*/
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    padding:0px;
}

#progressInnerdr{
    position: absolute;
    width: 0px;
    top:0px;
    left:0px;
    height: 18px;
    vertical-align:middle;
    border-radius: 180px;
    line-height:18px;
    background:#82d843 url('img/slide.jpg');
    /* background-color: #E8F2FE;*/
}

#progressInnerdc{
    position: absolute;
    width: 0px;
    top:0px;
    left:0px;
    height: 18px;
    vertical-align:middle;
    border-radius: 180px;
    line-height:18px;
    background:#82d843 url('img/slide.jpg');
    /* background-color: #E8F2FE;*/
}

#progressInner{
    position: absolute;
	width: 0px;
    top:0px;    
	left:0px;
    height: 18px;
	vertical-align:middle;
	border-radius: 180px;
	line-height:18px;
	background:#82d843 url('img/slide.jpg');
   /* background-color: #E8F2FE;*/
}

#waitBlock{
    position: absolute;
	background-color:#000;
	opacity:.80;  
    filter: alpha(opacity=80);
	width:100%;
    height: 100%;
    /*background:#00F url('img/slide.jpg');*/
	vertical-align:middle;
	text-align:center;

}

.btn_panel input[type="button"]{
    border: 0px;
    padding: 0px;
    margin: 0px;
    display: block;
    float: left;
    margin-right: 12px;
    width: 32px; 
	height: 25px;
	line-height:25px;
}
.play_btn{
    background: no-repeat url('img/001235.png') -32px top;
}
.play_btn:active{
    background-position: -64px top;
}
.stop_btn{
    background: no-repeat url('img/stop.png') -32px top;
}
.stop_btn:active{
    background: no-repeat url('img/stop.png') -64px top;
}
.recordBtn{
    background: no-repeat url('img/004.png') -32px top;
}
.recordBtn:active{
    background: no-repeat url('img/004.png') -64px top;
}
.recording{
    background: no-repeat url('img/004.png') -128px top;
}

.set_pic{
    background: no-repeat url('img/007.png') -32px top;
}
.set_pic:active{
    background: no-repeat url('img/007.png') -128px top;
}

.fd{
    background: no-repeat url('img/fd.png') -32px top;
}
.fd:active{
    background: no-repeat url('img/fd.png') -64px top;
}
.fding{
    background: no-repeat url('img/fd.png') -128px top;
}

.set_talk{
    background: no-repeat url('img/003.png') -32px top;
}
.set_talk:active{
    background: no-repeat url('img/003.png') -64px top;
}
.set_talking{
    background: no-repeat url('img/003.png') -128px top;
}

.code img{
    padding-top:6px;
}
.code table{
    width: 116px;
    height: 116px;
    margin:0px !important;
}

/*0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000**/
.fisheyesinput {
    font-family: Arial, Helvetica, sans-serif;
    width:20px;
    height:20px;
    line-height:20px;
    text-align: left;
    border-left:1px #dddddd solid;
    border-top:1px #dddddd solid;
    border-right:1px #dddddd solid;
    border-bottom:1px #dddddd solid;
    background-color: #fff;

}
/*0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000**/

.portvoid{
    width: 5px;
}