body{
	margin:0px;
	padding:0px;
	font-family:"Arial";
	font-size:13px;
	text-align:center;
	line-height:100%;
	background:url("../res/main_bg.jpg") repeat-x;
	background-color:#233950;
}
#LoginPage{
	/*display:none;*/
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	width:860px;
	
}
#LoginPage #loginContainer{
	width:100%;
	height:auto;
}
#LoginPage #loginContainer #loginBox{
	width:405px;
	height:332px;
	float:left;
}
#LoginPage #loginContainer #loginBox #lbLeft{
	width:8px;
	height:100%;
	float:left;
	background:url("../res/loginl.png") no-repeat;
}
#LoginPage #loginContainer #loginBox #lbMain{
	width:389px;
	height:100%;
	float:left;
	text-align:center;
	background:url("../res/loginm.png") repeat-x;
}

#LoginPage #loginContainer #loginBox #lbMain #lmainBox{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:380px;
	height:auto;
}
#LoginPage #loginContainer #loginBox #lbMain #lmainBox div.lt{
	line-height:100%;
	font-size:20px;
	width:380px;
	margin-bottom:25px;
	float:left;
}

#LoginPage #loginContainer #loginBox #lbMain #lmainBox div.l{
	margin-top:10px;
	width:380px;
	float:left;
}
#LoginPage #loginContainer #loginBox #lbMain #lmainBox div.ll{
	margin-top:10px;
	width: 140px;
	text-align:right;
	float:left;
}
#LoginPage #loginContainer #loginBox #lbMain #lmainBox div.lr{
	margin-top:10px;
	width: 240px;
	text-align:left;
	float:left;
}

#LoginPage #loginContainer #loginBox #lbMain #lmainBox input{
	width: 150px;
}
#LoginPage #loginContainer #loginBox #lbMain #lmainBox select{
	width: 156px;
}
#LoginPage #loginContainer #loginBox #lbMain #lmainBox button{
	width: 60px;
	height: 24px;
}

#LoginPage #loginContainer #loginBox #lbRight{
	width:8px;
	height:100%;
	float:left;
	background:url("../res/loginr.png") no-repeat;
}
#LoginPage #loginContainer #download{
	padding:0px 10px 0px 10px;
	width:400px;
	float:right;
}
#LoginPage #loginContainer #noticeBox{
	width:400px;
}
#LoginPage #loginContainer #noticeBox p{
	text-align:left;
	text-indent:2em;
	line-height:150%;
	color:#A0A0A0;
}
#LoginPage #loginContainer #downloadOCX{
	width:400px;
}
#LoginPage #loginContainer #downloadOCX p{
	text-align:center;
	color:#A0A0A0;
	height:40px;
    line-height:40px; 
    vertical-align:middle;
}
#LoginPage #loginContainer #downloadOCX p a{
	color:#99CC99;
}
#LoginPage #loginContainer #QRCode{
	padding:0px 10px 0px 10px; 
	text-align:center; 
	width:400px;
    text-align:center;
}
#LoginPage #loginContainer #QRCode table tr td a{
	color:#99CC99;
}

#mainBox{
	/*display:none;*/
	display:none;
	margin-left:auto;
	margin-right:auto;
	width:980px;

}
#mainBox #topBanner{
	width:100%;
	height:30px;
	background:url("../res/bannerBg.png") repeat-x;
    margin-bottom:5px;
}
#mainBox #topBanner #logo{
	width:230px;
	height:100%;
	float:left;
	background:url("../res/logo.png") no-repeat;
}
#mainBox #topBanner #menu
{
	width:auto;
	height:30px;
	float:left;
}
#mainBox #topBanner #menu2{
	width:auto;
	height:30px;
	float:right;
}
#mainBox #topBanner #menu a
{
	display:block;
	padding:8px 2px 8px 2px;
	width:115px;
	background:url("../res/bigbtn.png") repeat-x;
	color:#C6C5C8;
	line-height:100%;
	text-decoration:none;
	float:left;
}
#mainBox #topBanner #menu2 button{
	display:block;
	padding:8px 2px 8px 2px;
	width:115px;
	background:url("../res/bigbtn.png") repeat-x;
	color:#C6C5C8;
	line-height:100%;
	text-decoration:none;
	border-width:0px;
	float:left;
}
/*============================ #ContainerBox ==============================*/
#mainBox #ContainerBox{
	margin-top:3px;
	width:100%;
	height:620px;
}
#mainBox #ContainerBox #ocxBox{
	/*width:750px;
	height:562px;*/
	width:704px;
	height:569px;
	float:left;
    text-align:center;
    vertical-align:top;    
	/*background-color:#999900;*/
}
/*============================ #menu1 ==============================*/
#mainBox #ContainerBox #ocxBox #menu1
{
	width:704px;
	height:25px;
    line-height:25px;
    vertical-align:middle;
    text-align:left;
	/*background-color:#354253;*/
	background:url("../res/menu1_bg1.png") repeat-x;
    margin-bottom:3px;	
    margin-left:auto;
    margin-right:auto;  
}
/*============================ #menu3 ==============================*/
#mainBox #ContainerBox #ocxBox #menu3
{
	width:704px;
	height:25px;
    line-height:25px;
    vertical-align:middle;
    text-align:left;
	/*background-color:#354253;*/
	background:url("../res/menu1_bg1.png") repeat-x;
    margin-bottom:3px;	
    margin-left:auto;
    margin-right:auto;
    display:none;
}
/*============================ #divJbocx ==============================*/
#mainBox #ContainerBox #ocxBox #divJbocx
{
	width:704px;
	height:536px;
    vertical-align:top;
    text-align:center;
    margin-left:0;
    margin-right:auto;  
}
/*============================ #defaultScaleBtn ==============================*/
.defaultScaleBtn{
	width:18px;
	height:18px;
	float:left;
    padding:4px 0px 0px 2px;	
}
.defaultScaleBtn a{
	display:block;
	width:18px;
	height:18px;
	color:#C6C5C8;
	text-decoration:none;
	float:left;
	background:url("../res/DefaulScaleBtnNormal_on.png") no-repeat;
}
.defaultScaleBtn a.on{
	background:url("../res/DefaulScaleBtnNormal_on.png") no-repeat;
}
.defaultScaleBtn a.on:hover{
	background:url("../res/DefaulScaleBtnHover.png") no-repeat;
}
.defaultScaleBtn a.off{
	background:url("../res/DefaulScaleBtnNormal_off.png") no-repeat;
}
.defaultScaleBtn a.off:hover{
	background:url("../res/DefaulScaleBtnHover.png") no-repeat;
} 
/*============================ #originalBtn ==============================*/
.originalBtn{
	width:18px;
	height:18px;
	float:left;
	padding:4px 0px 0px 2px;
}
.originalBtn a{
	display:block;
	width:18px;
	height:18px;
	color:#C6C5C8;
	text-decoration:none;
	float:left;
	background:url("../res/OriginalBtnNormal_off.png") no-repeat;
}
.originalBtn a.on{
	background:url("../res/OriginalBtnNormal_on.png") no-repeat;
}
.originalBtn a.on:hover{
	background:url("../res/OriginalBtnHover.png") no-repeat;
}
.originalBtn a.off{
	background:url("../res/OriginalBtnNormal_off.png") no-repeat;
}
.originalBtn a.off:hover{
	background:url("../res/OriginalBtnHover.png") no-repeat;
} 
/*============================ #fitWindowBtn ==============================*/
.fitWindowBtn{
	width:18px;
	height:18px;
	float:left;
	padding:4px 0px 0px 2px;
}
.fitWindowBtn a{
	display:block;
	width:18px;
	height:18px;
	color:#C6C5C8;
	text-decoration:none;
	float:left;
	background:url("../res/FitWindowBtnNormal_off.png") no-repeat;
}
.fitWindowBtn a.on{
	background:url("../res/FitWindowBtnNormal_on.png") no-repeat;
}
.fitWindowBtn a.on:hover{
	background:url("../res/FitWindowBtnHover.png") no-repeat;
}
.fitWindowBtn a.off{
	background:url("../res/FitWindowBtnNormal_off.png") no-repeat;
}
.fitWindowBtn a.off:hover{
	background:url("../res/FitWindowBtnHover.png") no-repeat;
}

/*============================ #mainStreamBtn ==============================*/
.mainStreamBtn{
	width:65px;
	height:18px;
	text-align:center;
    float:left;	
    padding:4px 0px 0px 2px;
}
.mainStreamBtn a{
	display:block;
	width:65px;
	height:18px;
    line-height:18px;
    font-size:8pt;
    color:Black; 
	text-decoration:none;
	float:left;
	background:url("../res/StreamTypeBtnNormal_on.png") no-repeat;
}
.mainStreamBtn a.on{
	background:url("../res/StreamTypeBtnNormal_on.png") no-repeat;
}
.mainStreamBtn a.on:hover{
	background:url("../res/StreamTypeBtnHover.png") no-repeat;
}
.mainStreamBtn a.off{
	background:url("../res/StreamTypeBtnNormal_off.png") no-repeat;
}
.mainStreamBtn a.off:hover{
	background:url("../res/StreamTypeBtnHover.png") no-repeat;
}

/*============================ #subStreamBtn ==============================*/
.subStreamBtn{
	width:65px;
	height:18px;
	text-align:center;
	float:left;
	padding:4px 0px 0px 2px;
}
.subStreamBtn a{
	display:block;
	width:65px;
	height:18px;
    line-height:18px;
    font-size:8pt;
    color:Black; 
	text-decoration:none;
	float:left;
	background:url("../res/StreamTypeBtnNormal_on.png") no-repeat;
}
.subStreamBtn a.on{
	background:url("../res/StreamTypeBtnNormal_on.png") no-repeat;
}
.subStreamBtn a.on:hover{
	background:url("../res/StreamTypeBtnHover.png") no-repeat;
}
.subStreamBtn a.off{
	background:url("../res/StreamTypeBtnNormal_off.png") no-repeat;
}
.subStreamBtn a.off:hover{
	background:url("../res/StreamTypeBtnHover.png") no-repeat;
}
/*============================ #jbocx ==============================*/
#mainBox #ContainerBox #jbocx{
	/*width:750px;
	height:562px;*/
	width:704px;
	height:536px;
	/*float:left;
	background-color:#999900;*/
}

#mainBox #ContainerBox #panelBox{
	/*display:none;*/
	width:270px;
	float:left;
	/*background-color:#1A2129;*/
	background-color:#354253;
	text-align:center;
    margin-left:3px;    
}
#mainBox #ContainerBox #panelBox #playBox #playT,
#mainBox #ContainerBox #panelBox #ptzBox #ptzT{
	padding-top:7px;
	width:270px;
	height:21px;
	font-size:16px;
	color:#B8B8B8;
	background:url("../res/boxTitle.png") repeat-x;
}
/*============================ #playBox ==============================*/
#mainBox #ContainerBox #panelBox #playBox #playC{
	margin-bottom:0px;
	width:270px;
	height:102px;
	background-color:#354253;
	text-align:center;
}
#mainBox #ContainerBox #panelBox #playBox #playC #mainFunction,
#mainBox #ContainerBox #panelBox #playBox #playC #gridSwitch{
	margin-left:auto;
	margin-right:auto;
	width:233px;
}
#mainBox #ContainerBox #panelBox #playBox #playC #mainFunction table{
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:80%;
	height:100%;
}
#mainBox #ContainerBox #panelBox #playBox #playC #mainFunction a,
#mainBox #ContainerBox #panelBox #playBox #playC #gridSwitch a{
	margin:8px 3px 3px 3px;
	width:43px;
	height:33px;
}
#mainBox #ContainerBox #panelBox #playBox #playC a{
	display:block;
	text-decoration:none;
	/*float:left;*/
}
/*============================ ChannelBtn ==============================*/
.ChannelBtn{
	width:43px;
	height:38px;
}
.ChannelBtn a{
	width:43px;
	height:38px;
	float:left;
	background:url("../res/ChannelBtnNormal_on.png") no-repeat;
}
.ChannelBtn a.on{
	background:url("../res/ChannelBtnNormal_off.png") no-repeat;
}
.ChannelBtn a.on:hover{
	background:url("../res/ChannelBtnHover_off.png") no-repeat;
}
.ChannelBtn a.off{
	background:url("../res/ChannelBtnNormal_on.png") no-repeat;
}
.ChannelBtn a.off:hover{
	background:url("../res/ChannelBtnHover_on.png") no-repeat;
}
/*============================ snapBtn ==============================*/
.snapBtn{
	width:43px;
	height:38px;
}
.snapBtn a{
	width:43px;
	height:38px;
	float:left;
	background:url("../res/snapBtnNormal.png") no-repeat;
}
.snapBtn a:hover{
	background:url("../res/snapBtnHover.png") no-repeat;
}

/*============================ recordBtn ==============================*/
.recordBtn{
	width:43px;
	height:38px;
}
.recordBtn a{
	width:43px;
	height:38px;
	float:left;
	background:url("../res/recordBtnHover_off.png") no-repeat;
}
.recordBtn a.off{
	background:url("../res/recordBtnNormal_off.png") no-repeat;
}
.recordBtn a.off:hover{
	background:url("../res/recordBtnHover_off.png") no-repeat;
}
.recordBtn a.on{
	background:url("../res/recordBtnNormal_on.png") no-repeat;
}
.recordBtn a.on:hover{
	background:url("../res/recordBtnHover_on.png") no-repeat;
}

/*============================ talkBtn ==============================*/
.talkBtn{
	width:43px;
	height:38px;
}
.talkBtn a{
	width:43px;
	height:38px;
	float:left;
	background:url("../res/talBtnNormal_off.png") no-repeat;
}
.talkBtn a.on{
    float:left;
	background:url("../res/talBtnNormal_on.png") no-repeat;
}
.talkBtn a.on:hover{
    float:left;
	background:url("../res/talkBtnHover_on.png") no-repeat;
}
.talkBtn a.off{
    float:left;
	background:url("../res/talBtnNormal_off.png") no-repeat;
}
.talkBtn a.off:hover{
    float:left;
	background:url("../res/talkBtnHover_off.png") no-repeat;
}
/*============================ zoomBtn ==============================*/
.zoomBtn{
	width:43px;
	height:38px;
}
.zoomBtn a{
	width:43px;
	height:38px;
	float:left;
	background:url("../res/el_zoom_normal.png") no-repeat;
}
.zoomBtn a:hover{
	background:url("../res/el_zoom_focus.png") no-repeat;
}
/*============================ VoiceBtn ==============================*/
.VoiceBtn{
	width:43px;
	height:38px;
}
.VoiceBtn a{
	width:43px;
	height:38px;
	float:left;
	background:url("../res/MuteSwitchNormal_on.png") no-repeat;
}
.VoiceBtn a.on{
	background:url("../res/MuteSwitchNormal_on.png") no-repeat;
}
.VoiceBtn a.on:hover{
	background:url("../res/MuteSwitchHover_on.png") no-repeat;
}
.VoiceBtn a.off{
	background:url("../res/MuteSwitchNormal_off.png") no-repeat;
}
.VoiceBtn a.off:hover{
	background:url("../res/MuteSwitchHover_off.png") no-repeat;
}
/*============================ FullScreenBtn ==============================*/
#mainBox #ContainerBox #panelBox #playBox #playC #mainFunction #FullScreenBtn{
	background:url("../res/_fullNormal.png") no-repeat;
}
#mainBox #ContainerBox #panelBox #playBox #playC #mainFunction #FullScreenBtn:hover{
	background:url("../res/_fullHover.png") no-repeat;
}
/*============================ ptzBox ==============================*/
#mainBox #ContainerBox #panelBox #ptzBox{
	background-color:#354253;
}
#mainBox #ContainerBox #panelBox #ptzBox #ptzC{
	padding-top:10px;
	width:100%;
	text-align:center;
}
#mainBox #ContainerBox #panelBox #ptzBox #ptzC #ptz{
	margin-left:auto;
	margin-right:auto;
	width:136px;
	height:136px;
	text-align:center;
	background:url("../res/ptzBg.png") no-repeat;
	background-color:#E0E0E0;
}
#mainBox #ContainerBox #panelBox #ptzBox #ptzC #ptz #tb,
#mainBox #ContainerBox #panelBox #ptzBox #ptzC #ptz #mb,
#mainBox #ContainerBox #panelBox #ptzBox #ptzC #ptz #bb{
	margin-left:auto;
	margin-right:auto;
	width:136px;
	height:42px;
	float:left;
	/*text-align:center;*/
	clear:both;
}
#mainBox #ContainerBox #panelBox #ptzBox #ptzC #ptz #mb{
	/*background-color:#909090;*/
	text-align:left;
}
#mainBox #ContainerBox #panelBox #ptzBox #ptzC #ptz a{
	/*display:block;*/
	/*background-color:#F0F0F0;*/
}

#mainBox #ContainerBox #panelBox #ptzBox #ptzC #ptz #tb #ptzup{
	display:block;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	width:42px;
	height:27px;
	background:url("../res/PTZUP.png") no-repeat;
}
#mainBox #ContainerBox #panelBox #ptzBox #ptzC #ptz #tb #ptzup:hover{
	background:url("../res/PTZUP_hover.png") no-repeat;
}
#mainBox #ContainerBox #panelBox #ptzBox #ptzC #ptz #mb #ptzleft{
	margin-left:17px;
	width:32px;
	height:42px;
	background:url("../res/PTZLEFT.png") no-repeat;
	float:left;
}
#mainBox #ContainerBox #panelBox #ptzBox #ptzC #ptz #mb #ptzleft:hover{
	background:url("../res/PTZLEFT_hover.png") no-repeat;
}
#mainBox #ContainerBox #panelBox #ptzBox #ptzC #ptz #mb #ptzscan{
	width:42px;
	height:42px;
	background:url("../res/PTZAuto.png") no-repeat;
	float:left;
}
#mainBox #ContainerBox #panelBox #ptzBox #ptzC #ptz #mb #ptzscan:hover{
	background:url("../res/PTZAuto_hover.png") no-repeat;
}
#mainBox #ContainerBox #panelBox #ptzBox #ptzC #ptz #mb #ptzright{
	width:32px;
	height:42px;
	background:url("../res/PTZRIGHT.png") no-repeat;
	float:left;
}
#mainBox #ContainerBox #panelBox #ptzBox #ptzC #ptz #mb #ptzright:hover{
	background:url("../res/PTZRIGHT_hover.png") no-repeat;
}
#mainBox #ContainerBox #panelBox #ptzBox #ptzC #ptz #bb #ptzdown{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:42px;
	height:32px;
	background:url("../res/PTZDOWN.png") no-repeat;
}
#mainBox #ContainerBox #panelBox #ptzBox #ptzC #ptz #bb #ptzdown:hover{
	background:url("../res/PTZDOWN_hover.png") no-repeat;
}
/*============================ paramBox==============================*/
#mainBox #ContainerBox #panelBox #ptzBox #paramBox{
	padding-top:0px;
	width:100%;
	text-align:center;
}
#mainBox #ContainerBox #panelBox #ptzBox #paramBox table{
	width:100%;
}
#mainBox #ContainerBox #panelBox #ptzBox #paramBox div.paramBox{
	margin-top:4px;
	width:100%;
	height:28px;
    text-align:center;
    float:left;
}
#mainBox #ContainerBox #panelBox #ptzBox #paramBox div.paramBox a{
	display:block;
	width:28px;
	height:28px;
	float:left;
}
#mainBox #ContainerBox #panelBox #ptzBox #paramBox div.paramBox span{
	display:block;
	margin-top:5px;
	padding-top:3px;
	width:100px;
	height:17px;
	background:url("../res/ptzParamBg.png") no-repeat;
	color:#B8B8B8;
	float:left;
}
#mainBox #ContainerBox #panelBox #ptzBox #paramBox div.paramBox #zoomFar,
#mainBox #ContainerBox #panelBox #ptzBox #paramBox div.paramBox #focusFar,
#mainBox #ContainerBox #panelBox #ptzBox #paramBox div.paramBox #irisLarge{
	background:url("../res/PTZADD.png") no-repeat;
}
#mainBox #ContainerBox #panelBox #ptzBox #paramBox div.paramBox #zoomFar:hover,
#mainBox #ContainerBox #panelBox #ptzBox #paramBox div.paramBox #focusFar:hover,
#mainBox #ContainerBox #panelBox #ptzBox #paramBox div.paramBox #irisLarge:hover{
	background:url("../res/PTZADD_hover.png") no-repeat;
}
#mainBox #ContainerBox #panelBox #ptzBox #paramBox div.paramBox #zoomNear,
#mainBox #ContainerBox #panelBox #ptzBox #paramBox div.paramBox #focusNear,
#mainBox #ContainerBox #panelBox #ptzBox #paramBox div.paramBox #irisSmall{
	background:url("../res/PTZREDUCE.png") no-repeat;
}
#mainBox #ContainerBox #panelBox #ptzBox #paramBox div.paramBox #zoomNear:hover,
#mainBox #ContainerBox #panelBox #ptzBox #paramBox div.paramBox #focusNear:hover,
#mainBox #ContainerBox #panelBox #ptzBox #paramBox div.paramBox #irisSmall:hover{
	background:url("../res/PTZREDUCE_hover.png") no-repeat;
}
/*============================ wipper  light==============================*/
#mainBox #ContainerBox #panelBox #ptzBox #w_l{
	margin-top:5px;
	width:100%;
	height:33px;
}
#mainBox #ContainerBox #panelBox #ptzBox #w_l table{
	width:100%;
}
/*
#mainBox #ContainerBox #panelBox #ptzBox #w_l a{
	display:block;
	width:43px;
	height:33px;
	float:left;
}
*/
.wipper{
	display:block;
	width:43px;
	height:33px;
	float:left;
}
.wipper a{
	display:block;
	width:43px;
	height:33px;
	float:left;
	background:url("../res/wipperNormal_off.png") no-repeat;
}
.wipper a.on{
	float:left;
	background:url("../res/wipperNormal_on.png") no-repeat;
}
.wipper a.on:hover{
	background:url("../res/wipperHover_on.png") no-repeat;
}
.wipper a.off{
	float:left;
	background:url("../res/wipperNormal_off.png") no-repeat;
}
.wipper a.off:hover{
	background:url("../res/wipperHover_off.png") no-repeat;
}

.light{
	display:block;
	width:43px;
	height:33px;
	float:right;
}
.light a{
	display:block;
	width:43px;
	height:33px;
	float:left;
	background:url("../res/lightNormal_off.png") no-repeat;
}
.light a.on{
	float:right;
	background:url("../res/lightNormal_on.png") no-repeat;
}
.light a.on:hover{
	background:url("../res/lightHover_on.png") no-repeat;
}
.light a.off{
	float:right;
	background:url("../res/lightNormal_off.png") no-repeat;
}
.light a.off:hover{
	background:url("../res/lightHover_off.png") no-repeat;
}
/*============================ presetPoint==============================*/
#mainBox #ContainerBox #panelBox #ptzBox #presetPoint{
	/*margin-top:35px;*/
	margin-top:3px;
    text-align:left;
	width:100%;
}
#mainBox #ContainerBox #panelBox #ptzBox #presetPoint table{
	width:100%;
}
#mainBox #ContainerBox #panelBox #ptzBox #presetPoint span{
	color:#B8B8B8;
    font-weight:bold;
    height:23px;
}

#mainBox #ContainerBox #panelBox #ptzBox #presetPoint button{
    height:23px;
    line-height:20px;
}
#mainBox #ContainerBox #panelBox #ptzBox #presetPoint input{
	width: 35px;
}
/*============================ cruisePath==============================*/
#mainBox #ContainerBox #panelBox #ptzBox #cruisePath{
	/*margin-top:35px;*/
	margin-top:2px;
    padding-bottom:19px;	
    text-align:left;
	width:100%;
}
#mainBox #ContainerBox #panelBox #ptzBox #cruisePath table{
	width:100%;
}
#mainBox #ContainerBox #panelBox #ptzBox #cruisePath span{
	color:#B8B8B8;
    font-weight:bold;
}

#mainBox #ContainerBox #panelBox #ptzBox #cruisePath button{
    height:23px;
    line-height:20px;
}
#mainBox #ContainerBox #panelBox #ptzBox #cruisePath select{
	width: 40px;
}
/*============================ panelBox_playback==============================*/
#mainBox #ContainerBox #panelBox_playback
{
    display: none;
    width: 300px;
    height: 630px;
    float: left;
    background-color: #1A2129; /*#1A2129;*/
    text-align: center;
    margin-left: 3px;
}
#mainBox #ContainerBox #panelBox_playback #divSelectDate{
    padding-top:3px;
	width:300px;
	height:30px;
	color:#B8B8B8;
	text-align:left;
	background:url("../res/boxTitle.png") repeat-x;
}
#mainBox #ContainerBox #panelBox_playback #divSelectDate_1{
	height:30px;
	line-height:25px;
	text-align:left;
	float:left;
}
#mainBox #ContainerBox #panelBox_playback #divSelectDate_2{
	height:30px;
	line-height:25px;
	text-align:left;	
	float:left;
}

#mainBox #ContainerBox #panelBox_playback #divStartTime{
    padding-top:3px;
	width:300px;
	height:30px;
	color:#B8B8B8;
	text-align:left;
}
#mainBox #ContainerBox #panelBox_playback #divStartTime_1{
	height:30px;
	line-height:25px;
	text-align:left;
	float:left;
}
#mainBox #ContainerBox #panelBox_playback #divStartTime_2{
	height:30px;
	line-height:25px;
	text-align:left;	
	float:left;
}
#mainBox #ContainerBox #panelBox_playback #divEndTime{
    padding-top:3px;
	width:300px;
	height:30px;
	color:#B8B8B8;
	text-align:left;
}
#mainBox #ContainerBox #panelBox_playback #divEndTime_1{
	height:30px;
	text-align:left;
	float:left;
}
#mainBox #ContainerBox #panelBox_playback #divEndTime_2{
	height:30px;
	text-align:left;
	float:left;
}
#mainBox #ContainerBox #panelBox_playback #divRecordSearch{
	height:28px;
	padding-top:2px;
	/*padding-bottom:5px;
	width:270px;
	height:30px;*/
	color:#B8B8B8;
	text-align:left;
	vertical-align:bottom;
	background:url("../res/boxTitle.png") repeat-x;
}
#mainBox #ContainerBox #panelBox_playback #divRecordSearch select{
	height:20px;
	width:100px;
}
#mainBox #ContainerBox #panelBox_playback #divRecordSearch button{
    border: 1px solid #808080;
    height:20px;
    line-height:20px;
    background-color: #495D77; 
    color:#B8B8B8;
    width:85px; 
    display:inline;
}

#mainBox #ContainerBox #panelBox_playback #divRecordList
{  
    padding-top:3px;  
	width:300px;
	height:495px;
	color:Black;
    font-size:12px;
	text-align:left;
	background:url("../res/boxTitle.png") repeat-x;
	float:left;
}
#mainBox #ContainerBox #panelBox_playback #divRecordList #divRecordTable{
	height:440px;
	*height:435px;/*由js控制兼容多浏览器*/
	overflow-x: hidden; 
	overflow-y: auto;
}
#mainBox #ContainerBox #panelBox_playback #divRecordList #divRecordTable table{border-right:1px solid #cccccc;border-bottom:1px solid #cccccc; background-color:White;} 
#mainBox #ContainerBox #panelBox_playback #divRecordList #divRecordTable table tr{ height:24px;} 
#mainBox #ContainerBox #panelBox_playback #divRecordList #divRecordTable table th{border-left:1px solid #cccccc;border-top:1px solid #cccccc; background-color:#E4E4E4; padding-top:2px;} 
#mainBox #ContainerBox #panelBox_playback #divRecordList #divRecordTable table td{border-left:1px solid #cccccc;border-top:1px solid #cccccc;} 

#mainBox #ContainerBox #panelBox_playback #divRecordList #divDownload{
    padding-top:15px;
    text-align:center;
    height:50px;
}
#mainBox #ContainerBox #panelBox_playback #divRecordList #divDownload button{    
    border: 1px solid #808080;
    height:20px;
    line-height:16px;
    background-color: #495D77; 
    color:#B8B8B8;
    padding:0px 0px 0px 0px;
}

#mainBox #ContainerBox #ocxBox #divPlaybackControl
{
	width:686px;
	height:80px;
	padding-left:1px;
	display:none;
    float:left;
    margin-top:5px;
}
#mainBox #ContainerBox #ocxBox #divPlaybackControl button{     
    border: 1px solid #808080;
    height:20px;
    line-height:16px;
    background-color: #495D77; 
    color:#B8B8B8;
  }


#mainBox #ContainerBox #ocxBox #divPlaybackControl #divPlaybackSlider
{
	width:566px;
	float:left;
	margin-top:5px;
}
#mainBox #ContainerBox #ocxBox #divPlaybackControl #divPlaybackTime
{
	width:100px;
	float:left;
	color:White;
}
#mainBox #ContainerBox #ocxBox #divPlaybackControl #divPlaybackControlButton
{
	width:686px;
	float:left;
	text-align:left;
	padding-left:0px;
	margin-top:15px;
}