body{background-color:#ffffff;}
body.loading{overflow: hidden;}
body.loading .modal{display: block;}
#other_dlgs{display:none;position:fixed;z-index:1000;top:70px;left:0;height:100%;width:100%;text-align:center;}
.modal{display:none;position:fixed;z-index:1000;top:70px;left:0;height:100%;width:100%;text-align:center;background:#ffffff url(../images/loading.gif) no-repeat center center; opacity:0.8;filter:alpha(opacity=50);}
#msg_txt{position:relative;top:100px;height:50%;width:100%;font-family:Helvetica;font-size:20pt;font-weight:bold;}
div.topBar{position:absolute;left:0px;top:0px;background-color:#dddddd;width:100%;height:70px;background:rgb(220,220,220);}
#logo{font-family:Helvetica;font-size:25pt;font-weight:bold;color:rgb(50,100,255);position:fixed;width:200px;height:65px;top:0px;}
div.topMenu{position: absolute;right: 5pt;top: 15pt;}
#language_sel{display: inline-block; margin-left:15pt;}
div.h_divider{position: absolute;left:0;bottom:0;height:1px;width:100%;background-color:#a0a0a0;}
img{border:0px;}
a{text-decoration:none;}
div.powered_by{color:#ccc;position:absolute;z-index:999;display:block;bottom:0;right:0;font-family:Helvetica;font-size:8pt;font-style:italic;}
.content_loader{display:none;position:absolute;z-index:1000;top:0px;left:0;height:100%;width:100%;text-align:center;background:#ffffff url(../images/loading.gif) no-repeat center center; opacity:0.8;filter:alpha(opacity=50);}
a.sub_menu_loading{background:#eeeeee url(../images/loading.gif) no-repeat center right; color:#C0C0C0 !important;}

#dev_page{position:absolute;right:5px;top:50px;display:none;}
#dev_icon{width:16px;height:16px;background:url(../images/icons.png) -48px 0px;}

.labels{font-family:Helvetica;font-size: 12pt;padding:5px 5px;color:#000;display:block;text-decoration:none;font-weight:bold;text-align:left;margin-top:10px;}
.sections{text-align:center;display:none;}
#profile_sel{width:13.5em;}
.ptz_tlc{background-color:#ccc;font-size:20pt;font-weight:bold;border-radius:10px; border:2px solid #aaa;margin-left:auto;margin-right:auto;margin-top:5px;}
.ptz_tlc td{margin:0px;padding:0px;width:32px;text-align:center;cursor:pointer;cursor:hand;color:#000;}
.ptz_tlc td.sel{color:#f00 !important; background-color:#ddd !important;}
.ptz_tlc td.dis{color:#aaa !important;}
.ptz_tlc tr{margin:0px;padding:0px;}

.v_mult_icon{float:left;width:16px;height:16px;margin-top:2px;margin-right:13px;background-image:url(../images/icons.png);background-repeat:no-repeat;background-position:-48px -16px;}
.v_mult{width:3em;border:1pt solid #aaa;background-color:#ccc;font-family:Helvetica;float:left;cursor:pointer;cursor:hand;}
.v_mult_sel{background-color:#666 !important;color:#fff !important;font-weight: bold;}
#device_name{margin-left:5pt;}
.status_bar{position:absolute;top:0px;right:0px;}
.status{width:10px;height:10px;float:right;margin-top:5px;margin-right:3px;border:1px solid #aaa;border-radius:6px;}
.rec{background-color:#f00 !important;}
.i_o{background-color:#07f !important;}
.motion{background-color:#0f0 !important;}

div.dialog_face{position:relative;background:#fff;border:1px solid #aaa;width:350px;min-height:200px;padding-top:30px;left:50%;margin-left:-150px;font-family:Helvetica;margin-top:50px;border-radius:10px;box-shadow:3px 3px 25px #222;}
div.dialog_bgnd{position:fixed;opacity:0.8;filter:alpha(opacity=50);top:70px;left:0px;height:100%;width:100%;background:#333;z-index:-1;box-shadow:0px 10px 50px black inset;}
span.dialog_title{font-weight:bold !important;font-size:16pt !important;font-variant:small-caps;}

.mobile_power{width:3px;border:1px solid #ccc;float:right;}
.mp_full{background-color:#aaa;}

.action_button{width:15em;height:2em;}

a.menuItemSel{font-family:Helvetica;font-variant:small-caps;font-weight:bold;font-size:16pt;color:#303030;text-decoration:none;margin-left:5pt;margin-right:5pt;}
a.menuItem{font-family:Helvetica;font-variant:small-caps;font-weight:normal;font-size:16pt;color:#606060;text-decoration:none;margin-left:5pt;margin-right:5pt;}

div.liveArea{position:absolute;left:0px;top:0px;border:1px #606060 solid;background-color:#cccccc;}
#videoPlaceholder{position:relative;background-image: url(../images/loading.gif);background-repeat: no-repeat;background-position: 50% 50%;}
#videoInfoPlaceholder{background-color:#cccccc;font-family:Helvetica;font-size:14pt;font-variant:small-caps;height:20px;}
#videoPlayerInfo{font-family:Helvetica; font-size:8pt;margin-right:5pt;margin-top:5pt;float:right;}

#content{position:absolute;top:70px;left:220px;bottom:0px;right:0px;margin:10pt;background-color:#ffffff;}

div.page-content {background-color:#ffffff;padding-left: 10pt;}
div.page-content form fieldset{ padding-left: 0pt;}
h1{	font-family: Helvetica;font-size: 16pt;font-variant: small-caps;}

div.leftBar{position:absolute;top:70px;left:0;bottom:0;width:220px;background-color:#eeeeee;}

/*  menu laterale di navigazione  */
.topnav{font-family:Helvetica;padding:5pt;margin:0;}
ul.topnav li a{line-height: 1em;font-size: 12pt;padding:5px 5px;color:#000;display:block;text-decoration:none;font-weight:bold;}
ul.topnav li a.is_hover{background-color:#606060;color:white;}
ul.topnav ul li a{padding-left:10px;font-size:10pt;font-weight:normal;}
ul.topnav ul li a.is_hover{background-color:#D3D3D3;color:#606060;}
ul.topnav .selected{background-color:#DADADA;}

/* info login */
#login_id{position:absolute;right:70pt;top:35pt;font-family:Helvetica;display:none;cursor:pointer;cursor:hand;}
#u_name{display:inline-block;margin-right:5pt;}
#lock_img{background:url(../images/icons.png) 0px -48px;width:16px;height:16px;display:inline-block;position:relative;top:2pt;}

/* info settaggi */
div.line{border-bottom: 1px #b0b0b0 solid;overflow:visible;height:9px;margin:5px 0 10px 0;}
div.line span{background-color:white;padding:0 5px;font-family:Helvetica;font-weight:bold;margin-left:-5px;color:#000;}

span.closed{
	font-family: Helvetica;
	color: #aaa;
	font-size: 10pt;
}

div.sub_section{
	margin-left: 120px;
	width: 500px;
}

fieldset{
	border: 0pt;
}

div.field{
	font-family: Helvetica;
	padding: 5pt;
	vertical-align:middle;
}

.fieldError{
	border: 2px solid #f00;
	background-color:#fee;
}
input[type="number"]:invalid{
	border: 2px solid #f00;
	background-color:#fee;
}

div.field label{
	clear: none;
	display: block;
	float: left;
	width: 230pt;
	text-align: right;
	margin-right: 10pt;
	margin-top: 3pt;
	vertical-align:middle;
}

div.field .small{
	width: 75pt !important;
}

div.field span.label{
	clear: none;
	display: block;
	float: left;
	width: 170pt;
	text-align: right;
	margin-right: 10pt;
	margin-top: 2pt;
	vertical-align:middle;
}

div.field span.label_2{
	text-align: left;
	margin-left: 2pt;
	margin-top: 2pt;
	vertical-align:middle;
}

div.field input{
	padding-left: 5pt;
	vertical-align:middle;
}

div.field input[readonly]{	
	background: #fff;
	color: #000;
	border: 0px;	
	font-weight: bold;
	font-family: Helvetica;
	font-size: 10.5pt;
	margin-top: 4pt;
}

span.radio-label{
	font-family: Helvetica;
	font-size: 12pt;
	color: #000;
	font-weight: normal;
	font-family: Helvetica;
}

input.info-num{
	width: 50pt;
}

input.info-check{
	margin-top: 2pt;
}

input.info-clock{
	width: 25pt;
}

select.info-sel{
	width: 75pt;
}

div.info-block{
	font-weight: bold;
	font-family: Helvetica;
	font-size: 10.5pt;
	padding-left: 5pt;
	margin-left: 180pt;
	margin-top: 4pt;
}

input.img_val{
	width: 50pt;
}

span.warning{
	font-style: italic;
	font-size: smaller;
}

span.error{
	font-family: Helvetica;
	font-weight: bold;
	font-size: large;
	background-color: #fff;
	margin-left: -1px;
	margin-right: -1px;
	padding-top: 1pt;
	padding-bottom: 3pt;
}

span.info-help{
	font-weight: normal;
	font-family: Helvetica;	
	font-size: smaller;
	color: #aaa;
	margin-left: 5pt;
}

div.line_draw{position:absolute;margin:0px;}

input[type="button"], input[type="submit"]{
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	height: 2em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	border-radius: .3em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

input[type="button"]:hover, input[type="submit"]:hover{
	text-decoration: none;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

input[type="button"]:active, input[type="submit"]:active{
	position: relative;
	top: 1px;
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

input[type="button"]:disabled, input[type="submit"]:disabled{
	background: #fff;
	color: #aaa;
	text-shadow: 0 0px 0px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0px 0px rgba(0,0,0,.2);
	box-shadow: 0 0px 0px rgba(0,0,0,.2);
}
input[type="button"][disabled], input[type="submit"][disabled]{
	background: #fff;
	color: #aaa;
	text-shadow: 0 0px 0px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0px 0px rgba(0,0,0,.2);
	box-shadow: 0 0px 0px rgba(0,0,0,.2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
}