/* CSS Document */
/*页面结构*/
/*c-container 内容部分*/
/*l-left 左， r-right 右*/
/*m-main 主体*/
/*mcright -- 主体部分下的内容部分的右边栏*/
* {
	margin: 0;
	padding: 0;
}

html,
body {
	width: 100%;
	height: 100%;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: none;
	background: #262626;
	scrollbar-arrow-color: white;
	/*图6,三角箭头的颜色*/
	scrollbar-face-color: #333;
	/*图5,立体滚动条的颜色*/
	scrollbar-3dlight-color: #262626;
	/*图1,立体滚动条亮边的颜色*/
	scrollbar-highlight-color: #262626;
	/*图2,滚动条空白部分的颜色*/
	scrollbar-shadow-color: #262626;
	/*图3,立体滚动条阴影的颜色*/
	scrollbar-darkshadow-color: #262626;
	/*图4,立体滚动条强阴影的颜色*/
	scrollbar-track-color: #262626;
	/*图7,立体滚动条背景颜色*/
	scrollbar-base-color: #262626;
	/*滚动条的基本颜色*/
}

.paddingleft5 {
	display: inline-block;
	width: 80px;
	text-align: right;
	padding-right: 5px;
}

.selectwidth {
	width: 160px;
	font-size: 12px;
	height: 22px
}

#dvrocx {
	width: 1px;
	height: 1px;
	position: relative;
	z-index: 101;
}

.container {
	height: 100%;
	width: 100%;
	position: relative;
	min-width: 1024px;
	min-height: 768px;
}

.header {
	height: 0px;
	overflow: hidden;
}

.headermune {
	height: 40px;
	overflow: hidden;

}

#LoginLOGO {
	background-image: url(../images/logo.png);
}

#login_logo_1 {
	height: 40px;
	width: 190px;
	position: absolute;
	top: 100px;
	right: 50px;
	background: url(../images/logo.png);
}

.mheader {
	height: 14px;
	overflow: hidden;
	position: relative;
	/*display:none;*/
}

.main {
	position: absolute;
	top: 54px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
	/*width:1px;*/
	_height: 80%;
	_min-height: 760px;
	_padding-top: 54px;
	_padding-bottom: 0px;
	height: 1px;
}

.mcontainer {
	height: 100%;
	position: absolute;
	width: 100%;
}

.mcleft {
	width: 244px;
	height: 100%;
}

.mcmain {
	float: left;
	position: absolute;
	right: 0px;
	/*244px*/
	left: 244px;
	top: 0px;
	bottom: 0px;
	_height: 100%;
	/*_padding-right:244px;*/
}

.mcright {
	width: 244px;
	height: 100%;
	float: right;
	overflow: hidden;
	_position: relative;
	/*_right:-244px;*/
}

.mclcontainer {
	width: 100%;
	height: 100%;
	/*float:right;*/
	/*overflow:hidden;*/
	/*left:0*/
}

.mcrborder {
	width: 18px;
	height: 100%;
	float: right;
	position: relative;
}

.mcmcontainer {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	_position: absolute;
}

.mcmcmain {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 57px;
	right: 244px;
	_height: auto;
	_padding-bottom: 57px;
	_width: auto;
	_padding-right: 244px;
}

.mcmbottom {
	position: absolute;
	bottom: 0px;
	height: 57px;
	width: 100%;
	background: #262626;
	overflow: hidden;
}

#IPCTooltip {
	bottom: 0px;
	width: 100%;
	background: url(../images/paopaotitie.gif);
	height: 31px;
	line-height: 31px;
	font-family: Arial;
	color: #FFF;
	text-align: center;
	display: none;
}

a:link {
	font-size: 16px;
	color: red;
	/*#0099FF;/*连接默认的颜色变化*/
}

a:visited {
	font-size: 16px;
}

#IPCTooltip a:link {
	color: #69F;
}

#IPCTooltip a:visited {
	color: #F60;
}

.logo {
	position: absolute;
	right: 10px;
	top: 0px;
	height: 40px;
	width: 190px
}

.mcrcmain {
	position: absolute;
	bottom: 57px;
	top: 0px;
	width: 100%;
	background: #262626;
}

#playback_slider,
#safari_pbDownList {
	display: none;
}

.selItem {
	background: url("../images/nav.png") 0 0;
	color: #fff;
}

#LiveMenu,
#PlayBackMenu,
#LogMenu,
#ConfigMenu,
#PathMenu,
#LogoutMenu {
	height: 40px;
	float: left;
}

/*
.Menu1{ background:url(../images/livebtn.gif); width:44px; height:39px;float:left;}
.Menu2{ background:url(../images/playbackbtn.gif); width:39px; height:39px;float:left;}
.Menu3{ background:url(../images/configbtn.gif); width:44px; height:39px;float:left;}
.Menu4{ background:url(../images/pathbtn.gif); width:44px; height:39px;float:left;}
.Menu5{ background:url(../images/logoutbtn.gif); width:37px; height:39px;float:left;}
*/
.Menu1,
.Menu2,
.Menu3,
.Menu4,
.Menu5,
.Menu6 {
	font-weight: bold;
	font-size: 16px;
	white-space: nowrap;
}

.MenuText {
	width: 80px;
	float: left;
}

#LiveMenu,
#PlayBackMenu,
#LogMenu,
#ConfigMenu,
#PathMenu,
#LogoutMenu {
	width: 160px;
	line-height: 40px;
	height: 40px;
	margin-right: 40px;
	cursor: pointer;
}

#LiveMenu:hover,
#PlayBackMenu:hover,
#LogMenu:hover,
#ConfigMenu:hover,
#PathMenu:hover,
#LogoutMenu:hover {
	background: url("../images/nav.png") 0px 0px;
}

/*左边结构*/
#left {
	position: relative;
}

#playbackleft {
	width: 216px;
	display: none;
	height: 100%;
	margin: 0 14px;
	/*height:100%;*/
	/*float:left;*/
	/*position:absolute;*/
	/*top:0px;*/
	/*bottom:57px;*/
	/*left:226px;*/
}

#logleft {
	width: 216px;
	color: #FFFFFF;
	display: none;
	margin: 0 14px;
	/*height:100%;*/
	/*position:absolute;*/
	/*top:0px;*/
	/*bottom:57px;*/
	/*left:452px;*/
}

#configleft {
	width: 244px;
	display: none;
	/*height:100%;*/
	float: left;
	/*position:absolute;*/
	/*top:0px;*/
	/*bottom:52px;*/
	/*left:678px;*/
}

#pathConfig {
	width: 226px;
	/*height:100%;*/
	float: left;
	position: absolute;
	top: 0px;
	bottom: 52px;
	left: 678px;
}

#liveleft {
	/* margin-left:20px; */
	width: 206px;
	/*height:100%;*/
	float: left;
	overflow-y: auto;
	position: absolute;
	top: 0px;
	bottom: 57px;
	overflow-x: hidden;
	background: url(../images/content_bg.png);
	margin: 0 20px;
}

#login {
	overflow: hidden;
}

/*底部*/
.liveBtnBt1,
.liveBtnBt2,
.liveBtnBt5,
.liveBtnBt6,
.liveBtnBt7,
.liveBtnBt9,
.liveBtnBt10,
.liveBtnBt11,
.liveBtnBt12 {
	background: url(../images/live_icons.png);
	height: 32px;
	width: 32px;
	float: left;
	cursor: pointer;
}

.liveBtnBt1 {
	background-position: 0px 0px;
}

.liveBtnBt1:hover {
	background-position: -32px 0px;
}

.liveBtnBt2 {
	background-position: 0px -32px;
}

.liveBtnBt2:hover {
	background-position: -32px -32px;
}

.liveBtnBt5 {
	background-position: 0px -128px;
}

.liveBtnBt5:hover {
	background-position: -32px -128px;
}

.liveBtnBt10 {
	background-position: 0px -160px;
}

.liveBtnBt6 {
	background-position: 0px -192px;
}

.liveBtnBt6:hover {
	background-position: -32px -192px;
}

.liveBtnBt7 {
	float: right;
	background-position: 0px -160px;
}


.liveBtnBt9 {
	background: url(../images/sound.png) -32px 0;
	width: 32px;
	height: 32px;
}

.liveBtnBt12 {
	background-position: 0px -256px;
}


.liveBtnBt11 {
	background: url(../images/zoom.png) -32px 0;
	width: 32px;
	height: 32px;
}

.liveSSBtn {
	height: 25px;
	margin-top: 3px;
	float: left;
	width: 240px;
	overflow: hidden;
}

.liveBtnSbt1,
.liveBtnSbt2,
.liveBtnSbt3,
.liveBtnSbt4,
.liveBtnSbt5,
.liveBtnSbt6,
.liveBtnSbt7,
.liveBtnSbt8,
.liveBtnSbt9,
.liveBtnSbt10,
.liveBtnSbt11,
.liveBtnSbt12,
.liveBtnSbt12_13,
.liveBtnSbt13,
.liveBtnSbt14 {
	background: url(../images/style.png);
	height: 25px;
	width: 25px;
	float: left;
	margin-top: 0px;
}

.liveBtnSbt1 {
	background-position: 0px 0px;
}

.liveBtnSbt2 {
	background-position: 0px -25px;
}

.liveBtnSbt3 {
	background-position: 0px -50px;
}

.liveBtnSbt4 {
	background-position: 0px -75px;
}

.liveBtnSbt5 {
	background-position: 0px -100px;
}

.liveBtnSbt6 {
	background-position: 0px -125px;
}

.liveBtnSbt7 {
	background-position: 0px -150px;
}

.liveBtnSbt8 {
	background-position: 0px -175px;
}

.liveBtnSbt9 {
	background-position: 0px -200px;
}

.liveBtnSbt10 {
	background-position: 0px -225px;
}

.liveBtnSbt11 {
	background-position: 0px -250px;
}

.liveBtnSbt12 {
	background-position: 0px -275px;
}

.liveBtnSbt12_13 {
	background-position: 0px -300px;
}

.liveBtnSbt13 {
	background-position: 0px -325px;
}

.liveBtnSbt14 {
	background-position: 0px -350px;
}

.style4 {
	position: absolute;
	top: 34px;
	height: 100%;
	width: 100%;
	background: #262626
}

.style7 {
	position: absolute;
	bottom: 0px;
	height: 72px;
	width: 100%;
	background: #262626;
}

.style10 {
	float: left;
	width: 10px;
}

.style11 {
	position: relative;
	display: none;
	height: 100%;
	width: 100%;
}

.style12 {
	width: 171px;
	height: 93px;
	/*background:url(../images/LOGO.gif);*/
	float: left;
}

.style13 {
	float: right;
	height: 40px;
	margin: 35px 40px;
}

.style17 {
	width: 18px;
	height: 34px;
	background: #262626;
}

.style18 {
	position: absolute;
	top: 34px;
	bottom: 72px;
	width: 18px;
	_height: 100%;
	background: #262626;
}

.style21 {
	position: absolute;
	bottom: 0px;
	height: 72px;
	width: 18px;
	background: #262626;
}

.style28 {
	width: 410px;
	height: 32px;
	float: left;
}

.style29 {
	display: none;
	/*margin-top:10px;*/
	/*height:900px;*/
	/*overflow:hidden;*/
	margin-left: 10px;
	min-height: 900px;
}

.style29 input[type='text'] {
	background: #3F444e;
	color: #FFF;
	border: 1px solid #FFFFFF;
}

.style30 {
	background: url(../images/content_bg.png);
	padding-top: 10px;
	height: 100%;
}

.cfgactive {
	display: block;
}

/*calendar*/
.datepicker {
	border-collapse: collapse;
	border-collapse: separate;
	width: 199px;
	height: 199px;
	/*180*/
	position: absolute;
	background: url(../images/calendar_bg.png);
	z-index: 5000;
	/*top:0px; */
	/*5*/
}

.datepicker table thead tr.controls {
	height: 20px;
	overflow: hidden;
}

.datepicker table thead tr.controls th {
	height: 20px;
	font-size: 11px;
	text-align: center;
	overflow: hidden;
}

.datepicker select {
	font-size: 13px;
	font-weight: bold;
	color: #CCC;
	background: transparent;
	border: 0px;
}

.datepicker tr.days {
	width: 199px;
}

.datepicker tr.days th {
	height: 21px;
	font-size: 10px;
	text-align: center;
	width: 27px;
	overflow: hidden;
	background: transparent;
	border-top: 1px solid #272727;
	border-right: 1px solid #272727;
	color: #777777;
}

.datepicker tfoot td {
	height: 20px;
	text-align: center;
	text-transform: capitalize;
	background: transparent;
}

.datepicker th,
.datepicker tfoot td {
	font: 10px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #CCC;
	background: transparent;
}

.datepicker th span,
.datepicker tfoot td span {
	font-weight: bold;
}

.ToData {
	height: 50px;
	line-height: 50px;
	top: 35px;
	width: 80px;
	text-align: center;
	vertical-align: middle;
	font-size: 50px;
	position: absolute;
	z-index: 50001
}

.ToDayS {
	position: absolute;
	top: 88px;
	width: 80px;
	text-align: center;
	z-index: 50001
}

.prevMonth {
	background: url(../images/rll.gif);
	width: 27px;
	height: 20px;
}

.prevMonth:hover {
	background-position: -27px 0px;
}

.nextMonth {
	background: url(../images/rlr.gif);
	width: 27px;
	height: 20px;
}

.nextMonth:hover {
	background-position: -27px 0px;
}

.datepicker tbody td {
	height: 10px;
	font: 10px/13px Arial, Helvetica, sans-serif;
	color: #CCC;
	text-align: center;
	overflow: hidden;
	background: transparent;
	border-top: 1px solid #272727;
	border-right: 1px solid #272727;
	height: 21px;
}

.datepicker tbody td.date {
	cursor: pointer;
	width: 28px;
	/*22px*/
	overflow: hidden;
}

.datepicker tbody td.date.chosen {
	font-weight: bold;
	width: 28px;
	/*18px*/
	background: url(../images/bgactive0_1_2.gif) 0 0 no-repeat;
}

.datepicker tbody td.date.chosen2 {
	font-weight: bold;
	width: 28px;
	/*18px*/
	background: url(../images/bgactive0_1_2.gif) -54px no-repeat;
}

.datepicker tbody td.date.chosen3 {
	font-weight: bold;
	width: 28px;
	/*18px*/
	background: url(../images/bgactive0_1_2.gif) -27px 0px no-repeat;
}

.selectMonth {
	width: 22px;
	overflow: hidden;
	float: left;
	margin-left: 6px;
	/*background:transparent;*/
	margin-top: 6px;
}

#selectMonth option {
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 2px;
	/*background:url(../../images/content_bg.png);*/
	background: rgb(38, 38, 38);
	color: #FFF;
}

.yearselect {
	float: left;
	width: 40px;
	overflow: hidden;
	/*background:transparent;*/
	margin-top: 6px;
}

#yearselect option {
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 2px;
	/*background:url(../../images/content_bg.png);*/
	background: rgb(38, 38, 38);
	color: #FFF;
}

.calendar_ctrl {
	background: transparent;
}

.calendar_ctrl:hover {
	cursor: pointer;
}

/*timer*/
.timer tr td div {
	background: #000;
	width: 20px;
	overflow: hidden;
}

.timer tr td div select {
	margin: -2px;
}

#MaskLayout {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
	right: 0px;
	bottom: 0px;
	background: #999;
	z-index: 10;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=60, finishOpacity=40);
	opacity: 0.6;
}

#MsgPaop {
	z-index: 20000;
	width: 240px;
	height: 150px;
	background-color: #CCC;
	left: 2px;
	bottom: 2px;
	font-size: 12px;
	display: none;
	position: fixed;
	_position: absolute;
}

#PaopBg {
	width: 240px;
	height: 36px;
	background: url(../images/paopaotitie.png);
	line-height: 36px;
}

#PaopContant {
	height: 94px;
	width: 240px;
	background: #676767;
	color: #ffffff;
	text-align: center;
	padding-top: 20px;
}

.paopao_close {
	background: url(../images/close.png);
	float: right;
	margin-top: 13px;
	margin-right: 13px;
	width: 15px;
	height: 15px;
	float: right;
}

.paopao_close:hover {
	background-position: -15px 0;
}

#Paoptitle {
	width: 200px;
	overflow: hidden;
	float: left;
	padding-left: 10px;
	color: #cccccc;
}

.input1 {
	border: 0px;
	background: inherit;
	height: 18px;
	color: #FFF
}

#userlogin {
	color: #000;
	font-size: 18px;
	text-align: center;
}

#usermodifi {
	color: #000;
	margin-left: 100px;
	_margin-left: 45px;
	font-size: 18px;
	padding-top: 15px;
	float: left;
	width: 260px;
	text-align: center;
}

#usermodifi {
	margin-left: 12px;
}

.loginleft {
	height: 28px;
	line-height: 28px;
	color: #000;
	margin-right: 20px;
	font-size: 12px;
	text-align: right;
}

.loginright1 {
	height: 18px;
	margin: 4px 0 4px 10px;
	width: 150px;
}

.loginright2 {
	height: 20px;
	margin: 4px 0 4px 10px;
	width: 152px;
}

.loginBtn {
	background: url(../images/loginButton.gif) no-repeat;
	width: 80px;
	height: 20px;
	float: left;
	margin-left: 80px;
	line-height: 20px
}

/*************************************************
                 left模块
*************************************************/
.liveChannelRow {
	background: url("images/content_bg.png");
	width: 204px;
	height: 25px;
	line-height: 25px;
	margin-top: 10px;
}

.liveChannelRow:hover {
	background: #0f2c47;
}

.live_td {
	width: 70px;
	text-align: right;
	color: #ffffff;
	font-size: 12px;
	float: left;
}

.play_div {
	background: url("../images/chanel_icon.png") no-repeat 0px 0px;
	width: 31px;
	height: 25px;
	font-size: 12px;
	float: left;
	cursor: pointer;
}

.rec_div {
	background: url("../images/chanel_icon.png") no-repeat 0px -25px;
	width: 31px;
	height: 25px;
	font-size: 12px;
	float: left;
	cursor: pointer;
}

.cap_div {
	background: url("../images/chanel_icon.png") no-repeat 0px -50px;
	width: 31px;
	height: 25px;
	font-size: 12px;
	float: left;
	cursor: pointer;
}

/*************************************************
                 right模块
*************************************************/
#LIVE_YT {
	height: 160px;
	width: 160px;
	margin-left: 15px;
	overflow: hidden;
	background: url(../images/yt.png) no-repeat;
	position: relative;
}

#TurnUp_1_0 {
	width: 25px;
	height: 25px;
	position: absolute;
	left: 68px;
	top: 12px;
	cursor: pointer;
}

#live_yt2_5 {
	width: 25px;
	height: 25px;
	position: absolute;
	left: 30px;
	top: 30px;
}

#live_yt3_6 {
	height: 25px;
	width: 25px;
	position: absolute;
	left: 110px;
	top: 28px;
}

#TurnLeft_1_0 {
	width: 25px;
	height: 25px;
	position: absolute;
	left: 15px;
	top: 70px;
	cursor: pointer;
}

#live_yt6_21 {
	width: 35px;
	height: 35px;
	position: absolute;
	left: 62px;
	top: 62px;
}

#TurnRight_1_0 {
	height: 25px;
	width: 25px;
	position: absolute;
	left: 125px;
	top: 68px;
	cursor: pointer;
}

#live_yt2_7 {
	width: 25px;
	height: 25px;
	position: absolute;
	left: 30px;
	top: 105px;
}

#live_yt3_8 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 105px;
	top: 105px;
}

#TurnDown_1_0 {
	width: 30px;
	height: 30px;
	position: absolute;
	left: 67px;
	top: 120px;
	cursor: pointer;
}

/*************************************************
                 云台模块
*************************************************/
.jjjiao,
.gqjiao,
.bjjiao {
	background: url(../images/cruise.png) 0px 0px;
	width: 30px;
	height: 25px;
	float: left;
	margin: -15px 0px -15px 0px;
	cursor: pointer;
}

.jjjiao:hover,
.gqjiao:hover,
.bjjiao:hover {
	background-position: -30px 0;
}

.jjline {
	float: left;
	background: url(../images/yt_set_bg.png);
	width: 105px;
	height: 25px;
	overflow: hidden;
	margin: -15px 0px -15px 30px;
}

.jjjian,
.gqjian,
.bjjian {
	background: url(../images/cruise.png) 0 -30px;
	width: 30px;
	height: 25px;
	float: left;
	margin: -15px -15px -15px 135px;
	cursor: pointer;
}

.jjjian:hover,
.gqjian:hover,
.bjjian:hover {
	background-position: -30px -30px;
}

.rtstyle1 {
	background-image: url(../images/cruise.png);
	width: 28px;
	height: 28px;
	float: left;
}

.rtstyle2 {
	background-position: 0 -90px;
	margin-right: 5px;
}

.rtstyle2:hover {
	background-position: -27px -90px;
}

.rtstyle3 {
	background-position: 0 -60px;
	margin-right: 5px;
}

.rtstyle3:hover {
	background-position: -27px -60px;
}

.rtstyle4 {
	background-position: 0 -120px;
}

.rtstyle4:hover {
	background-position: -27px -120px;
}

.rtstyle1_1 {
	background-image: url(../images/cruise.png);
	width: 43px;
	height: 28px;
	margin-left: 50px;
	margin-top: 10px;
	cursor: pointer;
}

.rtstyle6 {
	background-position: 0 -150px;
	margin: 0 0 0 88px;
}

.rtstyle6:hover {
	background-position: -43px -150px;
}

.rtstyle7 {
	background-position: 0 -180px;
	margin: -28px 0 0 140px;
}

.rtstyle7:hover {
	background-position: -43px -180px;
}

#preset option {
	background: black;
	color: white;
}

#cruise option {
	background: black;
	color: white;
}

/* 拖动条改为点击1E232A*/
.cursorCube {
	/*border-top:1px solid #262626;*/
	border: none;
	width: 21px;
	height: 2px;
	line-height: 2px;
	font-size: 0;
}

.cursorPar {
	width: 21px;
	height: 212px;
}

ol {
	padding: 0px;
	list-style-type: none;
	margin: 0px;
	width: 21px;
	height: 200px;
}

em {
	font-style: normal;
	font-size: 12px;
	/*width:21px;
	height:21px; 无用 */
}

/*---滚动条默认显示样式--*/

::-webkit-scrollbar-thumb {
	background-color: #333;
}

/*---鼠标点击滚动条显示样式--*/
/*
::-webkit-scrollbar-thumb:hover{
	background-color:#FB4446;
	height:50px;
	-webkit-border-radius:4px;
}
*/
/*---滚动条大小--*/
::-webkit-scrollbar {
	width: 16px;
	height: 16px;
}

/*---滚动框背景样式--*/
::-webkit-scrollbar-track-piece {
	background-color: #262626;
}

/*---滚动条两端的按钮--*/
/*
::-webkit-scrollbar-button:vertical {
    background-color: red;
    border: 1px dashed blue;
}*/

/*边角*/
::-webkit-scrollbar-corner {
	background-color: #262626;
}

#devchange_prompt div li,
#reboot_prompt div li,
#user_prompt div li,
#cloud_prompt div li {
	line-height: 30px;
	font-style: normal;
	list-style-position: inherit;
	list-style-type: none;
}

#devchange_title,
#reboot_title,
#user_title,
#cloud_title {
	width: 400px;
	height: 30px;
	background: #999;
	border: 1px solid #aaa;
	border-bottom: none;
}

#devchange_content,
#reboot_content,
#user_content,
#cloud_content {
	padding-top: 10px;
	width: 400px;
	height: 80px;
	background: #CCC;
	border: 1px solid #aaa;
	border-top: none;
}

#devchange_prompt em,
#reboot_prompt em,
#user_prompt em,
#cloud_prompt em {
	line-height: 30px;
	font-style: normal;
}

#reboot_input,
#cloud_input {
	width: 150px;
}

#btn_devchange_ok,
#btn_devchange_cancle,
#btn_reboot_ok,
#btn_reboot_cancle,
#btn_user_ok,
#btn_user_cancle,
#btn_cloud_ok,
#btn_cloud_cancle,
#btn_cloud_ok2 {
	margin: 0 0 0 20px;
	width: 70px;
}

#btn_devchange_ok,
#btn_reboot_ok,
#btn_user_ok,
#btn_cloud_ok,
#btn_cloud_ok2 {
	margin-left: 0px;
}

#devchange_prompt,
#reboot_prompt,
#user_prompt,
#cloud_prompt {
	position: absolute;
	left: 35%;
	width: 400px;
	top: 35%;
	z-index: 10005;
	text-align: center;
	display: none;
}

.rec_type_normal {
	height: 20px;
	width: 20px;
	float: left;
	background-color: #00BFFF;
	margin-right: 6px;
}

.rec_type_motion {
	height: 20px;
	width: 20px;
	float: left;
	background-color: #FF0;
	margin-right: 6px;
}

.rec_type_alarm {
	height: 20px;
	width: 20px;
	float: left;
	background-color: #F00;
	margin-right: 6px;
}

.rec_type_no {
	height: 20px;
	width: 20px;
	float: left;
	background-color: #ffffff;
	margin-right: 6px;
}

/*************************************************
                 主模块
*************************************************/
.configDiv {
	/*padding-top:20px; */
	color: #fff;
	font-size: 13px;
	padding-left: 45px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 55px;
}

.configHead {
	width: 250px;
	height: 55px;
	text-align: left;
	text-indent: 30px;
	color: #999999;
	cursor: pointer;
}

.notselected {
	background-image: url(../images/settings_menu_bg2.png);
	width: 250px;
	height: 45px;
	font-size: 12px;
	line-height: 45px;
	color: #fff;
	cursor: pointer;
	text-align: center;
}

.selectedb {
	background-image: url(../images/settings_menu_bg3.png);
}

.leftCenter {
	width: 100%;
	position: absolute;
	top: 0px;
	bottom: 52px;
	_height: 100%;
	height: 100%;
	/*height:620px;*/
}

.calendarDiv {
	height: 175px;
	width: 199px;
	position: relative;
	overflow: hidden;
	margin-left: 25px;
}


/*************************************************
                 回放模块
*************************************************/
.searchBtn {
	float: left;
	width: 127px;
	margin-top: 30px;
	background-image: url(../images/bigbtn_bg.png);
	cursor: pointer;
	font-size: 12px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	color: #FFF;
}

.playdisable {
	display: inline-block;
	width: 23px;
	height: 18px;
	margin-top: 4px;
	background: url(../images/play.gif);
}

.pause {
	display: inline-block;
	width: 23px;
	height: 18px;
	margin-top: 4px;
	background: url(../images/pause.gif);
}

.stopdisable {
	display: inline-block;
	width: 23px;
	height: 18px;
	margin-top: 4px;
	background: url(../images/stopDis.gif);
}

.stop {
	display: inline-block;
	width: 23px;
	height: 18px;
	margin-top: 4px;
	background: url(../images/stop.gif);
}

.slowlyforwarddisable {
	display: inline-block;
	width: 23px;
	height: 18px;
	margin-top: 4px;
	background: url(../images/slowDis.gif);
}

.slowlyforward {
	display: inline-block;
	width: 23px;
	height: 18px;
	margin-top: 4px;
	background: url(../images/slow.gif);
}

.fastforwarddisable {
	display: inline-block;
	width: 23px;
	height: 18px;
	margin-top: 4px;
	background: url(../images/fastDis.gif);
}

.fastforward {
	display: inline-block;
	width: 23px;
	height: 18px;
	margin-top: 4px;
	background: url(../images/fast.gif);
}

.singleframedisable {
	display: inline-block;
	width: 23px;
	height: 18px;
	margin-top: 4px;
	background: url(../images/singleframeDis.gif);
}

.singleframe {
	display: inline-block;
	width: 23px;
	height: 18px;
	margin-top: 4px;
	background: url(../images/singleframe.gif);
}

.capture {
	display: inline-block;
	width: 23px;
	height: 18px;
	margin-top: 4px;
	background: url(../images/capture.gif);
}

.capturedisable {
	display: inline-block;
	width: 23px;
	height: 18px;
	margin-top: 4px;
	background: url(../images/captureDis.gif);
}

.volume {
	float: left;
	width: 23px;
	height: 18px;
	margin: 4px 0 0 5px;
	background: url(../images/opensound.gif);
}

.volumedisable {
	display: inline-block;
	width: 23px;
	height: 18px;
	margin-top: 4px;
	background: url(../images/closesound.gif);
}

.sounddisable {
	float: left;
	width: 23px;
	height: 18px;
	margin: 4px 0 0 5px;
	background: url(../images/soundDis.gif);
}

.closesound {
	float: left;
	width: 23px;
	height: 18px;
	margin: 4px 0 0 5px;
	background: url(../images/closesound.gif);
}

.volumemouseout {
	float: left;
	width: 115px;
	height: 28px;
	line-height: 28px;
	cursor: pointer;
	margin: 7px 1px 0 1px;
	text-align: center;
	background: url(../images/volumebg.gif);
}

.volumemouseover {
	float: left;
	width: 115px;
	height: 28px;
	cursor: pointer;
	margin: 7px 1px 0 1px;
	text-align: center;
	background: url(../images/volumebgon.gif);
}

.recording {
	display: inline-block;
	width: 23px;
	height: 18px;
	margin-top: 4px;
	background: url(../images/savingfile.gif);
}

.recorddisable {
	display: inline-block;
	width: 23px;
	height: 18px;
	margin-top: 4px;
	background: url(../images/savefileDis.gif);
}

.download {
	display: inline-block;
	width: 23px;
	height: 18px;
	margin-top: 4px;
	background: url(../images/download.gif);
}

.picturedownload {
	display: inline-block;
	width: 23px;
	height: 18px;
	margin-top: 4px;
	background: url(../images/picturedownload.gif);
}

.imageslider1 {
	margin-top: 12px;
	padding: 0;
	height: 6px;
	width: 73px;
	background: url("../images/scrollvol.gif") no-repeat;
}

.imageBar2 {
	margin: 6px 0 0 0;
	height: 13px;
	width: 10px;
	background: url(../images/Scrollvol1.gif) no-repeat;
}

.buttonmouseout {
	float: left;
	width: 32px;
	height: 28px;
	margin: 7px 0 0 2px;
	text-align: center;
	background: url(../images/buttonbg.png) 0px 0px no-repeat;
}

.buttonmouseover {
	float: left;
	width: 32px;
	height: 28px;
	margin: 7px 0 0 2px;
	text-align: center;
	cursor: pointer;
	background: url(../images/buttonbg.png) -32px 0px no-repeat;
}


.downloadbg {
	margin-left: 5px;
	padding-left: 20px;
	cursor: pointer;
	background: url(../images/picturedownload.gif) no-repeat;
}

.progressbar_3 {
	height: 22px;
	width: 160px;
	display: block;
	background: #D5D5D5;
	float: left;
	margin: 5px 0 0 5px;
	*margin: 5px 0 0 0;
}

.column {
	height: 35px;
	line-height: 35px;
}

.search {
	float: left;
	width: 100px;
	height: 26px;
	margin: 20px 0 10px 25px;
	text-align: center;
	line-height: 26px;
	cursor: pointer;
	background: url(../images/search_btn.gif) repeat-x;
	border-left: 1px solid #b7b7b7;
	border-right: 1px solid #b7b7b7;
	color: #000000;
}

.playback_02 {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url(../images/playbck_02.png) -9px 0;
	*margin-bottom: 2px;
}

.playback_03 {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url(../images/playbck_02.png) 0 0;
	*margin-bottom: 2px;
}

.playback_04 {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url(../images/playbck_02.png) -17px 0;
	*margin-bottom: 2px;
}

.playback_05 {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url(../images/playbck_02.png) -26px 0;
	*margin-bottom: 2px;
}

/*************************************************
                 日志模块
*************************************************/

.righttitle {
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	background-image: url(../images/head_bg.png);
}

.contentleft {
	float: left;
	width: 720px;
	height: 90%;
	border: 1px solid #FFFFFF;
	border-top: none;
	/*margin-left: 20px;*/
}

.bgcolor {
	background-color: #dedede;
}

.logtitle {
	width: 720px;
	;
	height: 30px;
	background: url(../images/head_bg.png);
}

.tableheader {
	width: 720px;
	height: 30px;
	border-collapse: collapse;
}

.logmiddle {
	width: 720px;
	height: 570px;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: -1;
}

.logbottom {
	width: 720px;
	text-align: right;
	height: 30px;
	line-height: 30px;
	background: url(../images/head_bg.png);
}

/*************************************************
                 本地设置
*************************************************/
.pathcontent {
	border: 1px solid #CCC;
	width: 540px;
	height: 200px;
	border: none;
}

#DiskDriver,
#Path_2,
#Path_3,
#Path_1,
#Path_fileType {
	width: 260px;
	height: 20px;
	line-height: 20px;
	float: left;
	background: #262626;
	border: 1px solid #069;
	color: white;
}

#recordfile,
#longfiledown,
#localDisk,
#filetype {
	font-size: 12px;
	margin-left: 30px;
	float: left;
	width: 100px;
	height: 20px;
	margin-right: 10px;
}

.pathconfig {
	height: 35px;
}

#configPath123 {
	height: 30px;
	font-size: 14px;
}

.pathSave {
	background: url(../images/bigbtn_bg.png) 0 -40px no-repeat;
	width: 128px;
	height: 36px;
	margin: 0 0 0 340px;
	cursor: pointer;
	font-size: 14px;
	color: #FFF;
	text-align: center;
	line-height: 32px;
}

.image-btn {
	height: 30px;
	width: 85px;
	cursor: pointer;
	float: left;
	font-size: 14px;
	text-align: center;
	background: url(../images/Button_Bg.png) 0 0;
	border: none;
	color: white;
	line-height: 30px;
}

.image-btn:hover {
	color: #757575;
	cursor: pointer;
	background-position: -85px 0;
}

.image-btn:active {
	cursor: pointer;
	color: #0669d4;
	background-position: -170px 0;
}

.noselect {
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Chrome/Safari/Opera */
	-khtml-user-select: none;
	/* Konqueror */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently */
}

.armblock {
	width: 539px;
	overflow: hidden;
	height: 20px;
	position: absolute;
}

.no-record {
	background-color: #000000;
}

.time-record {
	background-color: #00BFFF;
}

.motion-record {
	background-color: #FFFF00;
}