.topFrame{
	z-index: 99999;
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:92px;
	border:0;
	background:#70BADC url("../../image/navigationbottom.png") repeat  scroll 20px 92px;
}
.topIE8Frame{
	z-index: 99999;
	position: absolute;
	top: 0;
	left: 0;
	width:101%;
	height:92px;
	border:0;
	background:#70BADC url("../../image/navigationbottom.png") repeat  scroll 20px 92px;
}
.bottomFrame{
	z-index: 99999;
	position: absolute;
	top: 92px;
	left: 0;
	width:100%;
	height:100%;
    overflow: auto;
}
.bottomIE8Frame{
	z-index: 99999;
	position: absolute;
	top: 92px;
	left: 0;
	width:100%;
	height:101%;
    overflow: auto;
}
.PwdFrame
{
	z-index: 100001;
    position: absolute;
	top: 30%;
	left: 40%;
	width:400;
	height:330;

}

.FrameDiv
{
 	/*z-index: 99999;*/
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 0;*/
	width:100%;
	height:100%;
    margin: 0;
    padding: 0;
}

.layer1{
    z-index: 1;
	top: 0px;
	left: 0px;
	height: 92px;
	width: 80%;
	position: absolute;
}

.layer3{
	color: #000000; 
	font-size: 15px; 
	font-family: Arial,"����";
	text-decoration:underline ;
	font-weight: bold;
	z-index: 5;
	top: 55px;
	right:15px;
	position: absolute;
	cursor:pointer;
	background:url('../../image/Exit.png') no-repeat 0px 0px;
	width:29px;
	height:32px;
}

.layer6{
	color: #000000; 
	font-size: 15px; 
	font-family: Arial,"����";
	text-decoration:underline ;
	font-weight: bold;
	z-index: 5;
	top: 55px;
	right:50px;
	position: absolute;
	cursor:pointer;
	width:29px;
	height:32px;
}
.liveVideoSelect{
    z-index: 2;
	top: 56px;
	left: 252px;
	height: 92px;
	width: 216px;
	position: absolute;
	cursor:pointer;
}

.liveVideoSelectLink{
    z-index: 3;
	top: 56px;
	left: 252px;
	height: 92px;
	width: 216px;
	position: absolute;
	cursor:pointer;
}

.deviceConfiguration{
    z-index: 2;
	top: 56px;
	left: 688;
	height: 36px;
	width: 216px;
	position: absolute;
	cursor:pointer;
}

.linkConf{
    z-index: 3;
	top: 56px;
	left: 688;
	height: 36px; 
	width: 216px; 
	position: absolute;
	cursor:pointer;
}

.layer5{
    Z-INDEX: 3;
	right: 150px;
	position: absolute;
	top: 57px;
	display:none;
	width:29px;
	height:32px;
}

.layer4{
    Z-INDEX: 3; 
	right: 110px;
	position: absolute;
	top: 57px;
	display:none;
	width:29px;
	height:32px;
}

table.topFrame{
	border:0;
    width:216px;
    height:36px;
	text-align:center;
}

.widthAndHight{
	width:216px;
	height:36px;
}

.height{
    height:32;
}

.picLoacte1{
     position:absolute;
	 top:62;
	 left:252;
	 width:216;
	 height:32;
     cursor: pointer;
}

.picLoacte2{
     position:absolute;
	 top:62;
	 left:470;
	 width:216;
	 height:32;
    cursor: pointer;
}

.picLoacte3{
     position:absolute;
	 top:62;
	 left:688;
	 width:216;
	 height:32;
    cursor: pointer;
}

.linkBack{
	z-index: 3;
	top: 56px;
	left: 470px;
	height: 92px;
	width: 216px;
	position: absolute;
	cursor:pointer;
}

.cursorHanderStyle{
   cursor:pointer;
 }
 
 td.ProducterLog{
	background-image:url("../../image/logo-d.png");
	width:252;
	/*height:92;*/
 }

.left{
	z-index: 99999;
	position: absolute;
	top: 0;
	left: 0;
	width:255px;
	height:100%;
	background-color : #a6d4f0;
 }
 
.right{
	z-index: 999999;
	position: absolute;
	top: 0;
	left:255px;
	height:100%; 
 }
 
 .menu
{
	border: 1px solid #83bbd9;
	width: 245px;
	overflow:hidden;
}

.title
{
	background:url(../../image/titleBar.gif);
	font-family:arial, '����', Times New Roman;
	font-weight: bold;
	font-style:normal;
	font-size:14px; 
	color: #2C2C2C; 
	line-height:32px;
	height:32px;
	width:245px;
	background-repeat:no-repeat;	
	padding-left:5px;
	word-wrap: break-word;
	overflow:hidden;
	text-overflow:ellipsis;
}

.treeDIV
{
	background-color: white;
	width:245px;
}

.bottomFrameDiv
{
	z-index: 99999;
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
}

.playback{
	z-index: 2;
	top: 56px;
	left: 470px;
	height: 92px;
	width: 216px;
	position: absolute;
	cursor:pointer;
}