.bodyclass{
background-color:#F2F2F2;
font-family:Verdana;
}

.bgcolor{
background-color:#F2F2F2;
}

.mainbord{
border:1px solid #000;
text-align:center;
}

#liveTabM{
color:#777777;
}

#liveTabM:hover{
color:#000000;
}

#clientTabM{
color:#777777;
}

#clientTabM:hover{
color:#000000;
}

#ptzTabM{
color:#777777;
}

#ptzTabM:hover{
color:#000000;
}

#focusTabM{
color:#777777;
}

#focusTabM:hover{
color:#000000;
}

.settop{
border-right:1px solid #000;
width:173px;
padding-top:10px;
background-color:#FFFFFF
}

.setbutton{
color:#777777;
font-weight:bold;
font-size:12px;
font-family:Verdana;
background-color:#FFFFFF;
border-right:1px solid #000;
}

.settreetmp{
color:#777777;
}

.topL{
background-image:url("./image/bg_banner_L.png");
height:55px;
width:12px;
}

.topM{
background-image:url("./image/bg_banner_M.png");
background-repeat:repeat-x;
font-weight:bold;
font-size:21px;
color: #4D4D4D;
height:55px;
}

.topR{
background-image:url("./image/bg_banner_R.png");
height:55px;
width:12px;
}

.midL{
background-image:url("./image/img_frame_L.png");
width:10px;
}

.midR{
background-image:url("./image/img_frame_R.png");
width:10px;
}

.botL{
background-image:url("./image/img_frame_BL.png");
background-repeat:no-repeat;
width:10px;
height:10px;
}

.botM{
background-image:url("./image/img_frame_B.png");
background-repeat:repeat-x;
height:10px;
}

.botR{
background-image:url("./image/img_frame_BR.png");
background-repeat:no-repeat;
width:10px;
height:10px;
}

.cliTL{
background-image:url("./image/img_Liveview_DialogBG_T.png");
background-repeat: repeat-x;
height:10px;
}

.cliTR{
background-image:url("./image/img_Liveview_DialogBG_TR.png");
background-repeat: no-repeat;
height:10px;
width:5px;
}

.cliML{
background-image:url("./image/img_Liveview_DialogBG_T.png");
background-repeat: repeat;
width:190px;
}

.cliMR{
background-image:url("./image/img_Liveview_DialogBG_R.png");
background-repeat: repeat-y;
}

.cliBR{
background-image:url("./image/img_Liveview_DialogBG_BR.png");
height:10px;
width:5px;
}

.cselect{
font-size:9px;
width:90px;
}

.cliBtnL{
background-image:url("./image/btn_Liveview_DialogText_L.png");
height:19px;
width:1px;
}

.cliBtnM{
background-image:url("./image/btn_Liveview_DialogText_M.png");
background-image:repeat-x;
height:19px;
width:50px;
font-size:9px;
color: #4D4D4D;
text-align:center;
overflow:hidden;
}

.cliBtnM1{
background-image:url("./image/btn_Liveview_DialogText_M.png");
background-image:repeat-x;
height:19px;
width:50px;
font-size:9px;
color: #4D4D4D;
text-align:center;
overflow:hidden;
cursor:pointer;
}

.cliBtnR{
background-image:url("./image/btn_Liveview_DialogText_R.png");
height:19px;
width:1px;
}

.statusBarL{
background-image:url("./image/img_Liveview_L.png");
background-repeat:no-repeat;
height:25px;
width:7px;
}

.statusBarM{
background-image:url("./image/img_Liveview_M.png");
background-repeat: repeat-x;
height:25px;
overflow:hidden;
}

.statusBarR{
background-image:url("./image/img_Liveview_R.png");
background-repeat:no-repeat;
height:25px;
width:7px;
}

.live_viewer{
display:block;
float:left;
background-color:#FFFFFF;

}

.live_setting{
display:block;
float:right;
background-color:#FFFFFF;
}

.live_btn{
display:block;
float:left;
}

.tabOnL{
background-image:url("./image/img_TabPress_L.png");
height:28px;
width:9px;
}

.tabOnM{
background-image:url("./image/img_TabPress_M.png");
background-repeat: repeat-x;
height:28px;
font-weight:bold;
font-size:10pt;
color: #777777;
cursor:pointer;
}

.tabOnR{
background-image:url("./image/img_TabPress_R.png");
height:28px;
width:9px;
}

.tabOffL{
background-image:url("./image/img_TabEnable_L.png");

height:28px;
width:9px;
}

.tabOffM{
background-image:url("./image/img_TabEnable_M.png");
background-repeat: repeat-x;
height:28px;
font-weight:bold;
font-size:10pt;
color: #777777;
cursor:pointer;
}

.tabOffR{
background-image:url("./image/img_TabEnable_R.png");
height:28px;
width:9px;
}

.displayNone{
display:none;
}