/* CSS Document for home page*/

* {
margin:0;
padding:0;
font-family: Arial,Verdana, Helvetica, sans-serif;
color:#000000;
font-size:12px;
}

/*html {filter:progid:dximagetransform.microsoft.basicimage(grayscale=1); } */

#main_container {
	width:1034px;
	background:#01457e;
	height:auto;
	margin:0 auto auto auto;
	padding:0;
	overflow:hidden;
}

#main_container_inner {
	width:auto;
	border:0;
	background:#FFFFFF;
	height:auto;
	position:relative;
	margin:4px;
	padding:0;
	overflow:hidden;
}

.top_inner{
	width:100%;
	background:url(../Images/top_inner_bg.gif);
	border:0;
	height:20px;
	line-height:20px;
	position:relative;
	margin:0;
	padding:0;
	font-size:10px;
	color:#FFFFFF;
}

#ptz_window, #stream{
	margin:0 3px;
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#FFFFFF;
	border:0;
	cursor:pointer;
	padding:0;
}

.md_probe_alarming{
	width:14px;
	height:14px;
	margin-right:5px;
	margin-bottom:0;
	margin-left:0;
	margin-top:0;
	font-size:10px;
	color:#FFFFFF;
	border:0;
	cursor:pointer;
	padding:0px;
	background:url(../Images/alarming.gif);
	border:0;
}

#video_left{
	width:800px;
	float:left;
	position:relative;
	margin-left:0;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	padding:0;
	border:0px;
}

.video_plugin{
	width:800px;
	height:auto;
	vertical-align:middle;
	float:left;
	background:url(../Images/plugine_bg.gif);
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
	border:0px;
}


.video_right{
	width:226px;
	height:592px;
	float:left;
	position:relative;
	margin:0;
	padding:0;
	border:0;
	background-color: #0769ad;
	overflow:hidden;
	background-image: url(../Images/ptz_bg.gif);
}

span{
	color:#FFFFFF;
	cursor:pointer;
}

.videoctrlbutton{
	width:100%;
	background:url(../Images/button_bg.gif);
	height:40px;
	float:left;
	padding:0px;
	line-height:40px;
	border:0px #FF0000 solid;
}

.video_ctrl_button_img{
	margin:0px;
	margin-right:5px;
	margin-top:4px;
	width:32px;
	height:32px;
	line-height:32px;
	background:url(../Images/button_32_1.gif);
	border:0px #00FF00 solid;
	cursor:pointer;
}

.ptz_move_img{
	margin:0;
	width:50px;
	height:50px;
	background:url(../Images/ptz.gif);
	border:0;
	cursor:pointer;
}


.ptz_adj_img{
	margin:0;
	width:20px;
	height:20px;
	background:url(../Images/ptz_adj.png);
	border:0;
	cursor:pointer;
}


#stream_list, #language_list, #ptz_list{
	width:172px;
	height:auto;
	font-size:12px;
	padding:4px;
	padding-left:20px;
	border-left:1px solid #CCCCCC;
	border-right:2px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:2px solid #CCCCCC;
	background:#0579ca;
	z-index:1000000;
	position:absolute;
	display:none;
}

ul{
	width:auto;
}

li{
	list-style:none;
	height:25px;
	line-height:25px;
	cursor:pointer;
	text-indent:5px;
}

.li_hover{
	background:#FF6600;
}

.li_select{
	list-style:square;
	color:#FFFFFF;	
}

.slider3 {
	BACKGROUND-IMAGE: url(../Images/jslider.round.gif); WIDTH: 150px; HEIGHT: 20px; BACKGROUND-COLOR:transparent
}
.bar3 {
	BORDER-RIGHT: buttonhighlight 0px outset; BORDER-TOP: buttonhighlight 0px outset; FONT-SIZE: 0px; BACKGROUND-IMAGE: url(../Images/jslider.round.gif); background-position:-2px -40px; BORDER-LEFT: buttonhighlight 0px outset; WIDTH: 13px; CURSOR: pointer; BORDER-BOTTOM: buttonhighlight 0px outset; HEIGHT: 20px; BACKGROUND-COLOR: transparent; margin:0
}

.slider_color {
	BACKGROUND-IMAGE: url(../Images/jslider.roundcolor.gif); WIDTH: 190px; HEIGHT: 20px; BACKGROUND-COLOR:transparent
}
.bar_color {
	BORDER-RIGHT: buttonhighlight 0px outset; BORDER-TOP: buttonhighlight 0px outset; FONT-SIZE: 0px; BACKGROUND-IMAGE: url(../Images/jslider.roundcolor.gif); background-position:-2px -40px; BORDER-LEFT: buttonhighlight 0px outset; WIDTH: 13px; CURSOR: pointer; BORDER-BOTTOM: buttonhighlight 0px outset; HEIGHT: 20px; BACKGROUND-COLOR: transparent; margin:0
}

.slider3_off {
	BACKGROUND-IMAGE: url(../Images/jslider.round.gif);background-position:0 -15px; WIDTH: 150px; CURSOR: pointer; HEIGHT: 20px; BACKGROUND-COLOR:transparent
}
.bar3_off {
	BORDER-RIGHT: buttonhighlight 0px outset; BORDER-TOP: buttonhighlight 0px outset; FONT-SIZE: 0px; BACKGROUND-IMAGE: url(../Images/jslider.round.gif); background-position:-22px -41px; BORDER-LEFT: buttonhighlight 0px outset; WIDTH: 13px; CURSOR: pointer; BORDER-BOTTOM: buttonhighlight 0px outset; HEIGHT: 13px; BACKGROUND-COLOR: transparent; margin:0
}


.slider_ptz {
	BACKGROUND-IMAGE: url(../Images/jslider.roundptz.gif); WIDTH: 200px; HEIGHT: 20px; BACKGROUND-COLOR:transparent
}
.bar_ptz {
	BORDER-RIGHT: buttonhighlight 0px outset; BORDER-TOP: buttonhighlight 0px outset; FONT-SIZE: 0px; BACKGROUND-IMAGE: url(../Images/jslider.roundptz.gif); background-position:-2px -40px; BORDER-LEFT: buttonhighlight 0px outset; WIDTH: 13px; CURSOR: pointer; BORDER-BOTTOM: buttonhighlight 0px outset; HEIGHT: 20px; BACKGROUND-COLOR: transparent; margin:0
}

.slider_ptz_off {
	BACKGROUND-IMAGE: url(../Images/jslider.roundptz.gif);background-position:0 -15px; WIDTH: 150px; CURSOR: pointer; HEIGHT: 20px; BACKGROUND-COLOR:transparent
}
.bar_ptz_off {
	BORDER-RIGHT: buttonhighlight 0px outset; BORDER-TOP: buttonhighlight 0px outset; FONT-SIZE: 0px; BACKGROUND-IMAGE: url(../Images/jslider.roundptz.gif); background-position:-22px -41px; BORDER-LEFT: buttonhighlight 0px outset; WIDTH: 13px; CURSOR: pointer; BORDER-BOTTOM: buttonhighlight 0px outset; HEIGHT: 13px; BACKGROUND-COLOR: transparent; margin:0
}

.value3 {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: 24px; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: transparent;
	color:#FFFFFF; font-size:9px;margin:0
}
.span3 {
	MARGIN-TOP: 3px; FONT-SIZE: 12px; MARGIN-BOTTOM: 3px
}
.title3 {
color:#FFFFFF; font-size:9px;
}

.ptz_speed_select{
	background-color:#1897DD;
	color:#fff;
	width:40px;
	padding: 1px;
    border: 1px solid #BDC7D8;
}

.view_size_select{
	background-color:#1897DD;
	color:#fff;
	width:85px;
	padding: 1px;
    border: 1px solid #BDC7D8;
}

.top_inner_text{
	color:#FFFFFF;
}

.top_inner_text_title{
	color:#FFFFFF;
	text-indent:10px;
	font-size:14px;
	font-weight:bold;
}

a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}

.set_do{
	width:28px;
	height:14px;
	padding:0px;
	margin-right:5px;
	margin-top:3px;
	margin:0px;
	border:0px;
	background:url(../Images/setdo.gif) no-repeat;
	cursor:pointer;
}

#logout_id{
	margin-left:20px;
	padding-left:10px;
	padding-right:10px;
	border-left:1px #FFFFFF solid;
}

#logout_id:hover{
	color:#CC3300;
}

#ptz_set_a{
	width:200px;
	height:99px;
	margin:0 auto;
	padding:0px;
	margin-top:20px;
	background:url(../Images/new_ptzbtctlbg.gif) 0 0 no-repeat;
}

#ptz_set_a_direction{
	width:99px;
	height:99px;
	margin:0px;
	padding:0px;
	float:left;
}

.ptz_direction_bt{
	width:33px;
	height:33px;
	margin:0px;
	padding:0px;
	float:left;
	cursor:pointer;
	border:0px;
	background:url(../Images/ptz_ctl_bg.gif) 0px 0px no-repeat;
}

#ptz_set_a_bt{
	width:99px;
	height:90px;
	margin:0px;
	padding:0px;
	float:right;
	background:transparent;
	margin-top:5px;
}

.ptz_bt_bt_first{
	margin-top:10px;
}

.ptz_bt_bt{
	width:49px;
	height:30px;
	line-height:30px;
	margin:0px;
	padding:0px;
	float:left;
	cursor:pointer;
	border:0px solid #FF0000;
	background:url(../Images/ptz_right_bt.gif) 0px 0px no-repeat;
}

#ptz_set_b_speed{
	width:200px;
	height:20px;
	margin:0 auto;
	padding:0px;
	margin-top:5px;
	border:0px #FF0000 solid;
}

#ptz_set_c{
	width:200px;
	height:30px;
	padding:0px;
	margin-top:5px;
	border:0px #FF0000 solid;
	background:url(../Images/new_ptzbtbg.gif) 0px 0px no-repeat;
}

.ptz_set_c_bt{
	width:32px;
	height:30px;
	margin:0px;
	padding:0px;
	border:0px #FF0000 solid;
	cursor:pointer;
	float:left;
	background:transparent;
	background:url(../Images/presetbt.gif) 0px 0px no-repeat;
}

.span_vline{
	width:1px;
	height:22px;
	background:#0580d5;
	margin:0px;
	padding:0px;
	float:left;
	margin-top:4px;
}

.ptz_set_c_bt_ok{
	width:32px;
	height:30px;
	margin:0px;
	padding:0px;
	border:0px #FF0000 solid;
	cursor:pointer;
	float:left;
	background:url(../Images/presetbt.gif) 0px -30px no-repeat;
}

#ptz_set_d{
	width:200px;
	height:360px;
	padding:0px;
	margin-top:0px;
	border:0px #FF0000 solid;
	background:url(../Images/new_ptzbtpersetmbg.gif) 0px 0px repeat-y;
}

.ptz_preset{
	width:200px;
	height:30px;
	line-height:30px;
	text-align:left;
	text-indent:4px;
	vertical-align:middle;
	padding:0px;
	margin-top:0px;
	border:0px #FF0000 solid;
	cursor:pointer;
	color:#FFFFFF;
}

.ptz_preset:hover{
	background:#58ADDB;
}
.ptz_preset_bottomline{
	width:90%;
	height:1px;
	_height:1px;
	line-height:1px;
	_line-height:1px;
	padding:0px;
	margin-top:0px;
	border:0px #FF0000 solid;
	background:#58ADDB;
}

.ptz_set_d_set{
	width:200px;
	height:360px;
	padding:0px;
	margin-top:0px;
	float:left;
	border:0px #FF0000 solid;
	overflow:auto;
}

.ptz_set_e{
	width:200px;
	height:30px;
	margin:0px;
	margin-top:3px;
	padding:0px;
	border:0px #FF0000 solid;
	background:url(../Images/new_ptzbtbg.gif) 0px 0px no-repeat;
}

.set_span{
	text-align:left;
	text-indent:10px;
	line-height:30px;
	float:left;
}

.config_span{
	width:30px;
	height:30px;
	margin:0px;
	margin-right:6px;
	float:left;
	background:url(../Images/set_span.gif) 3px 0px no-repeat;
}

.lan_span{
	width:30px;
	height:30px;
	margin:0px;
	margin-right:6px;
	float:left;
	background:url(../Images/set_span.gif) -27px 0px no-repeat;
}

.color_span{
	width:30px;
	height:30px;
	margin:0px;
	margin-right:6px;
	float:left;
	background:url(../Images/set_span.gif) -57px 0px no-repeat;
}

.preset_title{
	width:auto;
	height:30px;
	line-height:30px;
	cursor:pointer;
	border:0px;
	float:left;
	color:#FFFFFF;
	font-size:12px;
}

.preset_title_span{
	width:auto;
	height:30px;
	line-height:30px;
	cursor:pointer;
	border:0px #FF0000 solid;
	float:left;
	color:#FFFFFF;
	margin-right:5px;
	font-size:12px;
}

.preset_title_span_id{
	width:20px;
	height:30px;
	line-height:30px;
	cursor:pointer;
	border:0px #FF0000 solid;
	float:left;
	color:#FFFFFF;
	margin-right:1px;
	font-size:12px;
}

.preset_go{
	width:16px;
	height:16px;
	margin-top:7px;
	margin-left:2px;
	background:url(../Images/preset_bt.gif) 0px 0px no-repeat;
	cursor:pointer;
	border:0px;
	display:none;
	float:left;
}

.preset_go:hover{
	background:url(../Images/preset_bt.gif) 0px -16px no-repeat;
}

.preset_save{
	width:16px;
	height:16px;
	margin-top:7px;
	margin-left:2px;
	background:url(../Images/preset_bt.gif) -16px 0px no-repeat;
	cursor:pointer;
	border:0px;
	display:none;
	float:left;
}

.preset_save:hover{
	background:url(../Images/preset_bt.gif) -16px -16px no-repeat;
}

.preset_del{
	width:16px;
	height:16px;
	margin-top:7px;
	margin-left:2px;
	background:url(../Images/preset_bt.gif) -32px 0px no-repeat;
	cursor:pointer;
	border:0px;
	display:none;
	float:left;
}

.preset_del:hover{
	background:url(../Images/preset_bt.gif) -32px -16px no-repeat;
}

.pattern_go{
	width:16px;
	height:16px;
	margin-top:7px;
	margin-left:2px;
	background:url(../Images/preset_bt.gif) -80px 0px no-repeat;
	cursor:pointer;
	border:0px;
	display:none;
	float:left;
}

.pattern_go:hover{
	background:url(../Images/preset_bt.gif) -80px -16px no-repeat;
}

.pattern_stop{
	width:16px;
	height:16px;
	margin-top:7px;
	margin-left:2px;
	background:url(../Images/preset_bt.gif) -96px 0px no-repeat;
	cursor:pointer;
	border:0px;
	display:none;
	float:left;
}

.pattern_stop:hover{
	background:url(../Images/preset_bt.gif) -96px -16px no-repeat;
}

.pattern_record{
	width:16px;
	height:16px;
	margin-top:7px;
	margin-left:2px;
	background:url(../Images/preset_bt.gif) -48px 0px no-repeat;
	cursor:pointer;
	border:0px;
	display:none;
	float:left;
}

.pattern_record:hover{
	background:url(../Images/preset_bt.gif) -48px -16px no-repeat;
}

.pattern_save{
	width:16px;
	height:16px;
	margin-top:7px;
	margin-left:2px;
	background:url(../Images/preset_bt.gif) -16px 0px no-repeat;
	cursor:pointer;
	border:0px;
	display:none;
	float:left;
}

.pattern_save:hover{
	background:url(../Images/preset_bt.gif) -16px -16px no-repeat;
}

.pattern_del{
	width:16px;
	height:16px;
	margin-top:7px;
	margin-left:2px;
	background:url(../Images/preset_bt.gif) -32px 0px no-repeat;
	cursor:pointer;
	border:0px;
	display:none;
	float:left;
}

.pattern_del:hover{
	background:url(../Images/preset_bt.gif) -32px -16px no-repeat;
}

.ptz_preset_patrol{
	width:200px;
	height:30px;
	line-height:30px;
	text-align:left;
	text-indent:2px;
	vertical-align:middle;
	padding:0px;
	margin-top:0px;
	border:0px #FF0000 solid;
	cursor:pointer;
	color:#FFFFFF;
}

#ptz_group_select{
	border:0px;
	margin-top:7px;
}

.patrol_go{
	width:16px;
	height:16px;
	margin-top:7px;
	margin-left:2px;
	background:url(../Images/preset_bt.gif) -80px 0px no-repeat;
	cursor:pointer;
	border:0px;
	float:left;
}

.patrol_go:hover{
	background:url(../Images/preset_bt.gif) -80px -16px no-repeat;
}

.patrol_stop{
	width:16px;
	height:16px;
	margin-top:7px;
	margin-left:2px;
	background:url(../Images/preset_bt.gif) -96px 0px no-repeat;
	cursor:pointer;
	border:0px;
	float:left;
}

.patrol_stop:hover{
	background:url(../Images/preset_bt.gif) -96px -16px no-repeat;
}

.patrol_add{
	width:16px;
	height:16px;
	margin-top:7px;
	margin-left:2px;
	background:url(../Images/preset_bt.gif) -64px 0px no-repeat;
	cursor:pointer;
	border:0px;
	float:left;
}

.patrol_add:hover{
	background:url(../Images/preset_bt.gif) -64px -16px no-repeat;
}

.patrol_save{
	width:16px;
	height:16px;
	margin-top:7px;
	margin-left:2px;
	background:url(../Images/preset_bt.gif) -16px 0px no-repeat;
	cursor:pointer;
	border:0px;
	float:left;
	display:none;
}

.patrol_save:hover{
	background:url(../Images/preset_bt.gif) -16px -16px no-repeat;
}

.patrol_del{
	width:16px;
	height:16px;
	margin-top:7px;
	margin-left:2px;
	background:url(../Images/preset_bt.gif) -32px 0px no-repeat;
	cursor:pointer;
	border:0px;
	float:left;
}

.patrol_del:hover, .patrol_sub_del:hover{
	background:url(../Images/preset_bt.gif) -32px -16px no-repeat;
}

.patrol_sub_del{
	width:16px;
	height:16px;
	margin-top:7px;
	margin-left:2px;
	background:url(../Images/preset_bt.gif) -32px 0px no-repeat;
	cursor:pointer;
	border:0px;
	float:left;
	display:none;
}

.patrol_edit, .patrol_sub_edit{
	width:16px;
	height:16px;
	margin-top:7px;
	margin-left:2px;
	background:url(../Images/preset_bt.gif) -48px 0px no-repeat;
	cursor:pointer;
	border:0px;
	float:left;
	display:none;
}

.patrol_edit:hover, .patrol_sub_edit:hover{
	background:url(../Images/preset_bt.gif) -48px -16px no-repeat;
}

.ptz_preset_patrol_list{
	width:200px;
	height:auto;
	text-align:left;
	padding:0px;
	margin-top:0px;
	border:0px #FF0000 solid;
	cursor:pointer;
	color:#FFFFFF;
}

#ptz_swing_select{
	border:0px;
	margin-top:7px;
}

.swing_go{
	width:16px;
	height:16px;
	margin-top:7px;
	margin-left:2px;
	background:url(../Images/preset_bt.gif) -80px 0px no-repeat;
	cursor:pointer;
	border:0px;
	float:left;
}

.swing_go:hover{
	background:url(../Images/preset_bt.gif) -80px -16px no-repeat;
}

.swing_stop{
	width:16px;
	height:16px;
	margin-top:7px;
	margin-left:2px;
	background:url(../Images/preset_bt.gif) -96px 0px no-repeat;
	cursor:pointer;
	border:0px;
	float:left;
}

.swing_stop:hover{
	background:url(../Images/preset_bt.gif) -96px -16px no-repeat;
}

.swing_edit{
	width:16px;
	height:16px;
	margin-top:7px;
	margin-left:2px;
	background:url(../Images/preset_bt.gif) -48px 0px no-repeat;
	cursor:pointer;
	border:0px;
	float:left;
}

.swing_edit:hover{
	background:url(../Images/preset_bt.gif) -48px -16px no-repeat;
}

.swing_save{
	width:16px;
	height:16px;
	margin-top:7px;
	margin-left:2px;
	background:url(../Images/preset_bt.gif) -16px 0px no-repeat;
	cursor:pointer;
	border:0px;
	float:left;
}

.swing_save:hover{
	background:url(../Images/preset_bt.gif) -16px -16px no-repeat;
}

.swing_del{
	width:16px;
	height:16px;
	margin-top:7px;
	margin-left:2px;
	background:url(../Images/preset_bt.gif) -32px 0px no-repeat;
	cursor:pointer;
	border:0px;
	float:left;
}

.swing_del:hover{
	background:url(../Images/preset_bt.gif) -32px -16px no-repeat;
}

.ptz_preset_swing{
	width:200px;
	height:auto;
	text-align:left;
	padding:0px;
	margin-top:0px;
	border:0px #FF0000 solid;
	cursor:pointer;
	color:#FFFFFF;
}

.ptz_edit_input{
	height:25px;
	line-height:25px;
	border:0px;
	background:transparent;
	padding:0px;	
	margin:0px;
	margin-left:5px;
	color:#FFFFFF;
}

.ptz_edit_input_enable
{
	border: 1px solid #BDC7D8;
	background:transparent;
	color:#FF0000;
}

#ptz_patrol_add{
	width:100%;
}

.patrol_preset{
	width:30px;
	height:30px;
	line-height:30px;
	cursor:pointer;
	border:0px;
	float:left;
	color:#FFFFFF;
	font-size:12px;
	background:url(../Images/presetbt.gif) 0px -32px no-repeat;
}

.patrol_pattern{
	width:30px;
	height:20px;
	line-height:20px;
	border:0px;
	float:left;
	background:url(../Images/presetbt.gif) 0px -92px no-repeat;
}

.patrol_swing{
	width:30px;
	height:20px;
	line-height:20px;
	border:0px;
	float:left;
	background:url(../Images/presetbt.gif) 0px -122px no-repeat;
}

#ptz_opt_tip{
	width:199px;
	height:25px;
	line-height:25px;
	position:relative;
	z-index:10000;
	padding:0px;
	margin:0px;
	margin-top:-26px;
	float:left;
	border:0px #FF0000 solid;
	overflow:auto;
	display:none;
}

.ptz_opt_ok{
	background-color:#FF9900;
}

.ptz_opt_fail{
	background-color:#FF0000;
}