body {
	font-size: 12px;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-left: 10px;
	font-family: '����', arial;	
	color: #000000;
}

input.button {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	border: 1px solid #183ead;
	line-height: normal;
	background-color: #666666;
	color: #000000;
	height: 20px;
}
input.reset {  
  	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
   	padding: 0px;   
   	color: #000000;   
   	background-image: url("../image/reset.png");   	 
   	outline: 1px solid #D3E0E7;
   	border: 0;  
  	height: 31px;
  	width: 55px;    
  	text-align: center;	
}
input.restore {  
  	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
   	padding: 0px;   
   	color: #000000;   
   	background-image: url("../image/button.gif");   
   	outline: 0px solid #D3E0E7;  
   	border: 0px solid #FFFFFF;      
  	border: 0px solid #D3E0E7;   
  	height: 21px;
  	width:84px;
}
input.ok {  
  	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
   	padding: 0px;   
   	color: #000000;   
   	background-image: url("../image/ok.png");    	 
   	outline: 1px solid #D3E0E7;
   	border: 0;
  	height: 31px;
  	width: 55px;     	
  	text-align: center;	
}
input.loginText{
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;	
   	padding: 2px;   
   	height: 28px;
	width:210px;
	border: 1px solid #628889;
	color: #000000;	
}
input.restart {  
  	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
   	padding: 0px;   
   	color: #000000;   
   	background-image: url("../image/restart.gif");   
   	background-repeat: repeat-x;  
   	background-position: 10%;   
   	outline: 1px solid #D3E0E7;  
   	border: 1px solid #FFFFFF;      
  	border: 1px solid #D3E0E7;   
  	height: 26px;
  	width:81px;   
  	line-height: 26px;
}
input.scheduletime {  
  	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
   	padding: 0px;   
   	color: #000000;   
   	background-image: url("../image/button.gif");    	 
   	outline: 0px solid #D3E0E7;  
   	border: 0px solid #FFFFFF;      
  	border: 0px solid #D3E0E7;   
  	height: 21px;
  	width:84px;    
}
input.diskformat {  
  	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
   	padding: 0px;   
   	color: #000000;   
   	background-image: url("../image/diskformat.gif");   
   	background-repeat: repeat-x;  
   	background-position: 10%;   
   	outline: 1px solid #D3E0E7;  
   	border: 1px solid #FFFFFF;      
  	border: 1px solid #D3E0E7;   
  	height: 26px;
  	width:86px;   
  	line-height: 26px;
}
input.detection {  
  	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
   	padding: 0px;   
   	color: #000000;   
   	background-image: url("../image/button.gif");     	
   	outline: 0px solid #D3E0E7;  
   	border: 0px solid #FFFFFF;      
  	border: 0px solid #D3E0E7;   
  	height: 21px;
  	width:84px;   
}
input.commbutton {  
  	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;	
   	padding: 0px;   
   	color: #000000;   
   	background-image: url("../image/button.gif");  
   	outline: 0px solid #D3E0E7;  
   	border: 0px solid #FFFFFF;      
  	border: 0px solid #D3E0E7;   
  	height: 21px;
  	width:84px;     	
}
input.play {  
  	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
   	padding: 0px;   
   	color: #ffffff;   
   	background-image: url("../image/play.gif");   
   	background-repeat: repeat-x;  
   	background-position: 10%;   
   	outline: 0px solid #D3E0E7;  
   	border: 0px solid #FFFFFF;      
  	border: 0px solid #D3E0E7;   
  	height: 24px;
  	width:58px;   
  	line-height: 24px;
}
input.stop {  
  	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
   	padding: 0px;   
   	color: #ffffff;   
   	background-image: url("../image/stop.gif");   
   	background-repeat: repeat-x;  
   	background-position: 10%;   
   	outline: 0px solid #D3E0E7;  
   	border: 0px solid #FFFFFF;      
  	border: 0px solid #D3E0E7;   
  	height: 24px;
  	width:58px;   
  	line-height: 24px;
}
input.audiostartup {  
  	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
   	padding: 0px;   
   	color: #ffffff;   
   	background-image: url("../image/audiostartup.gif");   
   	background-repeat: repeat-x;  
   	background-position: 10%;   
   	outline: 0px solid #D3E0E7;  
   	border: 0px solid #FFFFFF;      
  	border: 0px solid #D3E0E7;   
  	height: 24px;
  	width:58px;   
  	line-height: 24px;
}
input.audiostop {  
  	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
   	padding: 0px;   
   	color: #ffffff;   
   	background-image: url("../image/audiostop.gif");   
   	background-repeat: repeat-x;  
   	background-position: 10%;   
   	outline: 0px solid #D3E0E7;  
   	border: 0px solid #FFFFFF;      
  	border: 0px solid #D3E0E7;   
  	height: 24px;
  	width:58px;   
  	line-height: 24px;
}
input.ptzup {  
  	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
   	padding: 0px;   
   	color: #000000;   
   	background-image: url("../image/dome_up.gif");   
   	background-repeat: repeat-x;  
   	background-position: 10%;   
   	outline: 1px solid #D3E0E7;  
   	border: 1px solid #FFFFFF;      
  	border: 1px solid #D3E0E7;   
  	height: 21px;
  	width:20px;   
  	line-height: 21px;
}
input.ptzdown {  
  	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
   	padding: 0px;   
   	color: #000000;   
   	background-image: url("../image/dome_down.gif");   
   	background-repeat: repeat-x;  
   	background-position: 10%;   
   	outline: 1px solid #D3E0E7;  
   	border: 1px solid #FFFFFF;      
  	border: 1px solid #D3E0E7;   
  	height: 21px;
  	width:20px;   
  	line-height: 21px;
}
input.ptzleft {  
  	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
   	padding: 0px;   
   	color: #000000;   
   	background-image: url("../image/dome_left.gif");   
   	background-repeat: repeat-x;  
   	background-position: 10%;   
   	outline: 1px solid #D3E0E7;  
   	border: 1px solid #FFFFFF;      
  	border: 1px solid #D3E0E7;   
  	height: 21px;
  	width:20px;   
  	line-height: 21px;
}
input.ptzright {  
  	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
   	padding: 0px;   
   	color: #000000;   
   	background-image: url("../image/dome_right.gif");   
   	background-repeat: repeat-x;  
   	background-position: 10%;   
   	outline: 1px solid #D3E0E7;  
   	border: 1px solid #FFFFFF;      
  	border: 1px solid #D3E0E7;   
  	height: 21px;
  	width:20px;   
  	line-height: 21px;
}
input.ptzmiddle {  
  	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
   	padding: 0px;   
   	color: #000000;   
   	background-image: url("../image/dome_preset.gif");   
   	background-repeat: repeat-x;  
   	background-position: 10%;   
   	outline: 1px solid #D3E0E7;  
   	border: 1px solid #FFFFFF;      
  	border: 1px solid #D3E0E7;   
  	height: 21px;
  	width:20px;   
  	line-height: 21px;
}
input.ptzmiddle {  
  	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
   	padding: 0px;   
   	color: #000000;   
   	background-image: url("../image/dome_preset.gif");   
   	background-repeat: repeat-x;  
   	background-position: 10%;   
   	outline: 1px solid #D3E0E7;  
   	border: 1px solid #FFFFFF;      
  	border: 1px solid #D3E0E7;   
  	height: 21px;
  	width:20px;   
  	line-height: 21px;
}
input.ptzincrease {  
  	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
   	padding: 0px;   
   	color: #000000;   
   	background-image: url("../image/dome_increase.gif");   
   	background-repeat: repeat-x;  
   	background-position: 10%;   
   	outline: 1px solid #D3E0E7;  
   	border: 1px solid #FFFFFF;      
  	border: 1px solid #D3E0E7;   
  	height: 21px;
  	width:20px;   
  	line-height: 21px;
}
input.ptzdecrease {  
  	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
   	padding: 0px;   
   	color: #000000;   
   	background-image: url("../image/dome_decrease.gif");   
   	background-repeat: repeat-x;  
   	background-position: 10%;   
   	outline: 1px solid #D3E0E7;  
   	border: 1px solid #FFFFFF;      
  	border: 1px solid #D3E0E7;   
  	height: 21px;
  	width:20px;   
  	line-height: 21px;
}
input.text {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	height: 20px;
	width:150px;
	border: 1px solid #97c9e2;
	color: #000000;
}
input.textport {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	height: 18px;
	width:65px;
	border: 1px solid #97c9e2;
	color: #000000;
}
input.hidetext {
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	height: 18px;
	border: 1px solid #97c9e2;
	color: #003399;
	padding-right: 3px;
	padding-left: 3px;
}
input.hidetext1 {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	height: 14px;
	border: 1px solid #97c9e2;
	color: #003399;
	padding-right: 3px;
	padding-left: 3px;
}
input.ptz{
	padding: 0px;   
   	color: #000000;      	   
   	background-repeat: repeat-x;
   	border: 0px none;     
   	
  	height: 42px;
  	width:31px
}
input.localization {
	padding: 0px;   
   	color: #000000;        
   	background-repeat: repeat-x;
   	border: 0px none;
  	height: 42px;
  	width:31px
}

input.textRight {
	text-align:right;
	border:0px;
	height:16px;
	width:35px;
	font-weight:bold;
	padding-top: 0;
	cursor: pointer;
	background-color: #FAFAFA;
}

input.textLeft {
	text-align:left;
	border:0px;
	height:16px;
	width:35px;
	font-weight:bold;
	padding-top: 0;
	cursor: pointer;
	background-color: #FAFAFA;
}

input.textRightBorder {
	text-align:right;
	border:1px solid #97c9e2;
	height:16px;
	width:35px;
	font-weight:bold;
	padding-top: 0;
	background-color: #FAFAFA;
}

input.textLeftBorder {
	text-align:left;
	border:1px solid #97c9e2;
	height:16px;
	width:35px;
	font-weight:bold;
	padding-top: 0;
	background-color: #FAFAFA;
}

td.selectLabel{
	font-size: 14px;
	font-family: '����', arial;	
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 0px;
	word-spacing: 0px;
	padding-right: 2px;
	color: #A2A2A2;
}
td.liveVideo {
	font-size:17px;
	font-family:'����', arial;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	word-spacing: 1px;
	color: #000000;
}
td.title {
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	font-family: '����', arial;
	letter-spacing: 0px;
	word-spacing: 1px;
	color: #000000;
}
td.loginTitle {
	color: #A2A2A2;
	font-size: 18px;
	font-family: '����', arial;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	padding-right:2px;
}
td {
	font-size: 13px;
	font-family: '����', arial;	
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 0px;
	word-spacing: 0px;	
}
td.leftPadding {
	font-size: 13px;
	font-family: '����', arial;	
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 0px;
	word-spacing: 0px;
	padding-left: 5px;
	color: #000000;
}
td.bottom {
	color: #000000;
	font-size: 14px;
	font-family: '����', arial;	
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 0px;
	word-spacing: 0px;
}
td.loginButton {
	color: #2A2A2A;
	font-size: 18px;
	font-family: '����', arial;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	padding-right:2px;
}
.space {
	margin-top: 10px;
	margin-bottom: 10px;
}
.bklogin{
	background-color: #E7EEF5;
}
.bklogintop
{
	background-color: #FFFFFF;
}
td.login{
	background-color: #3366CC;
}
table.top {	
	height: 36px;
}
.diskStatus{
    width:7px;
    height: 7px;
    border: 0px;
}

select.list {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	height: 20px;
	color: #000000;
	border: 1px solid #97c9e2;
	width:130px
}
select.timelist {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	height: 20px;
	color: #000000;
	border: 1px solid #97c9e2;
	width:60px
}
select.listwidth {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	height: 20px;
	color: #000000;
	border: 1px solid #97c9e2;
	width:150px
}
input.buttonface {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	border: 1px solid #97c9e2;
	line-height: normal;
	background-color: #ddddff;
	color: #000000;
	height: 18px;
}
td.top {
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;
	vertical-align: top;
}
  

input.textspecial {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	height: 18px;
	border: 1px solid #183ead;
	color: #000000;
}

div.about { 
	z-index: 1; 
	right: 50px; 
	position: absolute; 
	top: 10px; 
	height: 42px; 
	
} 
div.quit { 
	z-index: 1; 
	right: 15px;
	width: 45px;
	position: absolute; 
	top: 10px; 
	height: 25px; 
}
div.configuration {
	z-index: 1; 
	right: 60px;
	width: 140px;
	position: absolute; 
	top: 10px; 
	height: 25px;
}
div.ipcconfiguration {
	z-index: 1; 
	right: 200px;
	width: 140px;
	position: absolute; 
	top: 10px; 
	height: 25px;
}  
div.dbottom  {
	position:fixed;
	_position:absolute;
	bottom:0px;
	_bottom:0px;
	_margin-top:expression(this.style.pixelHeight+document.documentElement.scrollTop)
}

div.mask {
	filter:alpha(opacity=50);
	opacity:0.5;
}

a.top{ 
	color: #000000; 
	font-size: 13px; 
	text-decoration:underline ;
	font-weight: bold;
	margin: 10px;
}
img {
	border: 0;
}

.paddingleft {
	font-family:Arial, ����;
	font-size:13px;
	padding-left:6px;
	color:#000000;
}

.SelectedRow
{
  background-color:#5F5FBF;
  color:#FFFFFF;
}

.text_overflow{
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}