html {
	overflow:scroll;
}
html, body {
	padding:0px; margin:0px;
}
body, table{
	font-family:Verdana;
	font-size:12px;
}
body {
	background-color:#FFFFFF;
	/*background:url('../images/body_sfondo.gif');*/
	background:url('../images/bk.jpg');
	background-repeat:repeat-x;
}
form, ul, li{
	margin:0px; padding:0px;
}
li{
	list-style:none;
}
img{
	border:0px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#divFooter{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:20px;
	background-color:#ECECEC;
	border-top:1px solid #CCCCCC;
}
#divFooter a{
	font-size:10px;
	color:#666666;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#ht_loading{
	display:none;
	position:absolute;
	z-index:1000;
	top:5px;
	right:10px;
	width:80px;
	padding:3px;
	background-color:#CC0000;
	font-size:12px;
	color:#FFFFFF;
}
#ht_error{
	display:none;
	position:absolute;
	z-index:100;
	bottom:5px;
	left:5px;
	width:90%;
	height:90px;
	padding:3px;
	background-color:#FCFCFC;
	border:2px solid #CC0000;
	font-size:12px;
	color:#333333;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#tbSystem{
}
#tbSystem #tdMenu{
	width:200px;
}
#tbSystem #tdData{
	padding:0px 10px 10px 0px;
}

#divSystem{
	display:none;
}
#divSystem .title, #divSystem .panel{
	margin-bottom:5px;
}
#divSystem .title{
	height:18px;
	padding:3px;
	background-image: url(../images/titolo_sfondo.png);
	background-repeat: repeat-x;
	font-weight:bold;
	color:#666666;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#divPanelTab{
	height:20px;
	margin: 0px 0px 2px 3px;
	padding:0px;
	overflow:hidden;
	/*border:1px solid red;*/
}
#divPanelTab li{
	display:block;
	height:20px;
	float:left;
	margin:0px 5px 0px 0px;
	background-image: url(../images/pulsante_sfondo.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
#divPanelTab li a{
	display:block;
	width:60px;
	margin:0px;
	padding: 4px 5px 2px 22px;
	background-image: url(../images/pulsante_vuoto.gif);
	background-position: left top;
	background-repeat: no-repeat;
	color:#000000;
	font-size:10px;
	text-decoration:none;
}
#divPanelTab li a#tab_stat{
	background-image: url(../images/pulsante_histo.gif);
}
#divPanelTab li a#tab_synop{
	background-image: url(../images/pulsante_synop.gif);
}
#divPanelTab li a#tab_alarm{
	background-image: url(../images/pulsante_alarm.gif);
}
#divPanelTab li a#tab_histo{
	background-image: url(../images/pulsante_histo.gif);
}
#divPanelTab li a#tab_trend{
	background-image: url(../images/pulsante_trend.gif);
}
#divPanelTab li a#tab_infos{
	background-image: url(../images/pulsante_infos.gif);
}
#divPanelTab li a:hover{
	color:#0000CC;
}
#divPanelTab li.on a{
	color:#0000CC;
	font-weight:bold;
}
#divPanelTab li.on{
}

#divPanel{
	clear:both;
	padding:0px 3px 0px 3px;
	height:auto !important;
	min-height:505px;
	height:505px;
	/*overflow:hidden;*/
	/*border:1px solid red;*/
}	

.panel{
	display:none;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#tbData{
	table-layout: fixed;
	width:100%;
	font-weight:normal;
	font-size:10px;
	color:#000000;
	border-collapse: separate;
	border:1px solid #CBC7B8;
	border-bottom:2px solid #CBC7B8;
	empty-cells:show;
}
#tbData th{
	font-weight:normal;
	padding: 0px;
	background-color:#EBEADB;
	border-width: 1px 1px 0px 1px;
	border-style: solid solid solid solid;
	border-color: #FFFFFF #CBC7B8 #CBC7B8 #FFFFFF;
	-moz-border-radius: 0px 0px 0px 0px;
	white-space:nowrap;
	overflow:hidden;
}
#tbData th a{
	display:block;
	width:100%;
	padding:2px 0px 2px 0px;
	border-bottom:2px solid #CBC7B8;
	background-color:#EBEADB;
	text-decoration:none;
	color:#000000;
}
#tbData th a.asc{
	background-image: url(../images/asc.gif);
	background-repeat: no-repeat;
	/*background-position: 90% 50%;*/
	background-position: 5px 5px;
}
#tbData th a.desc{
	background-image: url(../images/desc.gif);
	background-repeat: no-repeat;
	/*background-position: 90% 50%;*/
	background-position: 5px 5px;
}
#tbData th a:hover{
	border-bottom:2px solid #FFC73C;
	background-color:#FFFFFF;
	cursor:default;
}
#tbData td{
	padding: 2px;
	background-color:#FFFFFF;
	border-width: 0px 0px 1px 0px;
	border-style: solid solid solid solid;
	border-color: #F1EFE2;
	-moz-border-radius: 0px 0px 0px 0px;
}
#tbData th.status{
	width:20px;
}
#tbData th.DTINSERT{
	width:110px;
}
#tbData th.fieldvalue{
	width:390px;
}
#tbData td.DTINSERT{
	background-color:#F1EFE2;
	border-color: #E0E0E0;
}

#tbData tr.onalarm td{
	background-color:#EE0000;
	color:#FFFFFF;
	font-weight:bold;
}
#tbData tr.onalarm td.DTINSERT{
	background-color:#CC0000;
	color:#FFFFFF;
	font-weight:normal;
}
#tbData tr.onalarm td.status{
	background-image: url(../images/error.gif);
	background-repeat: no-repeat;
	background-position: center;
}
html>body #tbData tr.onalarm td.status{
	background-image: url(../images/error.png);
}
#tbData tr.onalarm td.status a{
	display:block;
	width:18px;
	height:12px;
	font-size:11px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#tbMapMarker{
	table-layout: fixed;
	width:220px;
	font-weight:normal;
	font-size:10px;
	color:#000000;
	border-collapse: separate;
	border:0px;
	border-bottom:0px;
	empty-cells:show;
}
#tbMapMarker td{
	padding: 2px;
	background-color:#FFFFFF;
	border-width: 0px 0px 0px 0px;
	border-style: solid solid solid solid;
	border-color: #F1EFE2;
	-moz-border-radius: 0px 0px 0px 0px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#divSynopBar{
	height:20px;
}

#divSynop{
	position:relative;
	/*border:3px solid #E0E0E0;*/
	/*border-bottom:1px solid #74ACE3;*/
	/*width:98%;*/
	overflow:auto;
}
#divSynop img{
	/*border:1px solid red;*/
}
#divSynop .dato{
	position:absolute;
}


/* - - HEADER - - - - - - - - - - - - - - - - - - */
#divHpHeader.header{
	height:200px;
	background-color:#FFFFFF;
}
#divHpTop.shTop{
	height:80px;
	background: transparent url('../images/ombra_top_hp.png') repeat-x 0px 0px;
}
#divTop.shTop{
	height:50px;
	background: transparent url('../images/ombra_top.png') repeat-x 0px 0px;
}
.shBottom{
	height:20px;
	background: transparent url('../images/ombra_bottom.png') repeat-x 0px 0px;
	clear:left;
}
#divHpHeader.header .logo{
	width:280px;
	float:left;
	margin:20px 10px;
}

/* - - ASCOT - - - - - - - - - - - - - - - - - - - */

#ascotlogo {
	background-image: url('../images/ascot_logo.png');
	background-repeat: no-repeat;
	height:100px;
	background-position: center bottom;
	text-indent:-9000px;
	padding-top: 30px;
}
#redline {
	letter-spacing: 0;
	height: 10px;
	font-size:0px;
	background-color: #dc0027;
	margin-top: 5px;
	margin-bottom: 10px;
}
#note {
	text-align: center;
}
#content {
	background-color: #FFF;
}

.headtitle {
	font-size: 18px;
	color: #777777;
}

/* - - FORM - - - - - - - - - - - - - - - - - - - */
label{
	padding:2px 0px;
	display:block;
	font-weight:bold;
}
input {
	font: 12px/100% "Verdana";
	color: #494949;
}
.form-item{
	margin: 20px 10px;
	/*clear:both;*/
}
.form-item .description{
	font-size:80%;
	color:#999999;
}
#divLogin{
	margin-top:150px;
	text-align:center;
}
#divLogin label{
}
#divLogin .form-item{
	margin: 5px 10px;
}
#divLogin input{
	width:120px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#divHeader{
	position:relative;
}
#divSystemContainer{
	position:relative;
	top:20px;
	height:auto !important;
	height:400px;
	min-height:400px;
	margin-left:250px;
	margin-right:20px;
	display:none;
	/*border:1px solid blue;*/
}
#divSystem{
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-color:#FFFFFF;
	/*display:block;*/
}
.cornertop, .cornerbtm {
	position:relative;
	background-color:#FFFFFF;
	margin-left:6px;
	margin-right:6px;
	height:5px;
}
.cornertop{
	border-top:1px solid #CCCCCC;
}
.cornerbtm{
	border-bottom:1px solid #CCCCCC;
}
.cornertop .left, .cornerbtm .left{
	position:absolute;
	left:-6px;
}
.cornertop .right, .cornerbtm .right{
	position:absolute;
	right:-6px;
}
.cornertop .left, .cornertop .right{
	top:-1px;
}
.cornerbtm .left, .cornerbtm .right{
	top:0px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#divContentContainer{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}
#divContent{
	background-color:#FFFFFF;
}
#divLogo{
	padding: 10px 10px 5px 10px;
	width:240px;
	float:left;
}
#divMenu{
	float:left;
	clear:both;
	width:240px;
	padding:10px;
	
}
#divInfo{
	/*float:left;*/
	height:auto !important;
	height:1px;
}
.cleaner { clear:both; height:0px; overflow:hidden;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#divPage{
	height:20px;
	margin: 3px 0px 2px 3px;
	padding:0px;
	overflow:hidden;
	/*border:1px solid red;*/
}
#divPage div{
	float:left;
	height:18px;
	padding-top:2px;
	font-size:10px;
}
#divPage div span{
	font-size:12px;
	font-weight:bold;
}
#divPage ul{
	float:right;
	text-align:left;
}
#divPage li, #divToolBar li{
	display:block;
	height:20px;
	float:left;
	margin:0px 5px 0px 0px;
	background-image: url(../images/pulsante_sfondo.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
#divPage li a, #divToolBar li a{
	display:block;
	width:1px;
	margin:0px;
	padding: 4px 0px 2px 22px;
	background-image: url(../images/pulsante_vuoto.gif);
	background-position: left top;
	background-repeat: no-repeat;
	color:#000000;
	font-size:10px;
	text-decoration:none;
}

/*custom*/

#divPage li, #divToolBarHome li{
        display:block;
        height:20px;
        float:left;
        margin:0px 5px 0px 0px;
        background-image: url(../images/pulsante_sfondo.gif);
        background-position: right center;
        background-repeat: no-repeat;
}
#divPage li a, #divToolBarHome li a{
        display:block;
        width:1px;
        margin:0px;
        padding: 4px 0px 2px 22px;
        background-image: url(../images/pulsante_vuoto.gif);
        background-position: left top;
        background-repeat: no-repeat;
        color:#000000;
        font-size:10px;
        text-decoration:none;
}










#divPage li a#pg_prec_off{
	cursor:default;
	background-image: url(../images/pulsante_prec_off.gif);
}
#divPage li a#pg_succ_off{
	cursor:default;
	background-image: url(../images/pulsante_succ_off.gif);
}
#divPage li a#pg_prec{
	background-image: url(../images/pulsante_prec.gif);
}
#divPage li a#pg_succ{
	background-image: url(../images/pulsante_succ.gif);
}

#divPage li a#pg_first_off{
	cursor:default;
	background-image: url(../images/pulsante_first_off.gif);
}
#divPage li a#pg_last_off{
	cursor:default;
	background-image: url(../images/pulsante_last_off.gif);
}
#divPage li a#pg_first{
	background-image: url(../images/pulsante_first.gif);
}
#divPage li a#pg_last{
	background-image: url(../images/pulsante_last.gif);
}

#divPage li a#pg_refr{
	width:45px;
	padding-right: 5px;
	background-image: url(../images/pulsante_refr.gif);
}

#divToolBar{
	clear:both;
	height:22px;
	margin: 3px 0px 2px 0px;
	padding:0px;
	overflow:hidden;
	/*border:1px solid red;*/
}
#divToolBar div{
	float:left;
	height:18px;
	padding-top:2px;
	font-size:10px;
}
#divToolBar span, #divToolBar input, #divToolBar select{
	font-size:10px;
	vertical-align:middle;
}
#divToolBar ul{
	float:left;
	text-align:left;
	margin: 2px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
	/*border-left:1px solid #333333;*/
}
#divToolBar li#li_pg_dwld{
	margin: 0px 0px 0px 25px;
}
#divToolBar li a#pg_dwld{
	padding-right: 5px;
	width:45px;
	background-image: url(../images/pulsante_dwld.gif);
}
#divToolBar li a#pg_date{
	width:45px;
	padding-right: 5px;
	background-image: url(../images/pulsante_date.gif);
}

#divToolBar li a#pg_dtrf{
	background-image: url(../images/pulsante_refr.gif);
}



/*custom*/

#divToolBarHome{
        clear:both;
        height:20px;
        margin: 1px 0px 2px 0px;
        padding:20px;
       	position: relative;
	left:250px;

	/*border:1px solid red;*/
}



#divToolBarHome li a#pg_filter{
        width:45px;
        padding-right: 5px;
}

#divToolBarHome li a#pg_reset{
        width:45px;
        padding-right: 5px;
}

#divToolBarHome span, #divToolBarHome input, #divToolBarHome select{
        font-size:10px;
        vertical-align:middle;
}


/* tabella allarmi in homepage */
#tbHomeTitle{
	padding-top:10px;
	font-weight:bold;
}
#tbHomeAlarm{
	table-layout: fixed;
	margin-top:10px;
}
#tbHomeAlarm td{
	padding: 2px;
	background-color:#FFFFFF;
}
#tbHomeAlarm td span{
	font-size:12px;
	color:#666666;
}
#tbHomeAlarm td span, #tbHomeAlarm td img{
	vertical-align:middle;
}
#tbHomeAlarm td img{
	margin-left:25px;
	margin-right:3px;
}
#tbHomeAlarm td a{
	color:#666666;
	text-decoration:none;
}
#tbHomeAlarm td a:hover{
	text-decoration:underline;
}
#tbHomeAlarm td.status{
	width:20px;
}
#tbHomeAlarm tr.onalarm td a{
	color:#DF0000;
	font-weight:bold;
}
#tbHomeAlarm tr td.status{
	background-image: url(../images/allright.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#tbHomeAlarm tr.onalarm td.status{
	background-image: url(../images/homeerror.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#tbHomeAlarm tr.onalarm td.status a{
	display:block;
	width:18px;
	height:12px;
	font-size:11px;
}

/* Info sull'impianto */
#divInfos{
	padding:5px;
}
#divInfos img{
	float:left;
	margin:2px 10px 2px 0px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Pannello asse Y */
#divPanelYaxis {
	width:240px;
	height:458px;
	position:absolute;
	border:1px solid #CCCCCC;
	top:57px;
	right:10px;
	z-index:100;
	background-color:#FFFFFF;	
}

#divPanelYaxis li{
	/*border-bottom:1px solid #CCCCCC;*/
	padding:3px;
	margin:0px;
}
#divPanelYaxis li input, #divPanelYaxis li span{
	vertical-align:middle;	
	font-size:10px;
}
#divPanelYaxis li input.radYaxis{
	margin-bottom:3px;
}

#divToolbarYAxis{
	margin:5px 0px 0px 3px;
}
#divToolbarYAxis li{
	border:0px;
	padding:0px;
}
#divToolbarYAxis a#pg_refr_sx{
	width:50px;
	padding-right: 5px;
	background-image: url(../images/pulsante_refr.gif);
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Pannello asse X */
#divToolBar.trend{
	/*height:48px;*/
}
#divToolBar div#divPeriodXaxis{
	width:470px;
}

/*#divToolBar div#divPageXaxis{*/
#divPageXaxis{
/*	float:right; */
	position:absolute;
	top:520px;
	right:10px;
	height:20px;
	width:140px;
	padding:0px;
}

#divToolBar #divPageXaxis ul{
	float:right;
	text-align:left;
}
#divToolBar #divPageXaxis li, #divToolbarYAxis li{
	display:block;
	height:20px;
	float:left;
	margin:0px 5px 0px 0px;
	background-image: url(../images/pulsante_sfondo.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
#divToolBar #divPageXaxis li a, #divToolbarYAxis li a{
	display:block;
	width:1px;
	margin:0px;
	padding: 4px 0px 2px 22px;
	background-image: url(../images/pulsante_vuoto.gif);
	background-position: left top;
	background-repeat: no-repeat;
	color:#000000;
	font-size:10px;
	text-decoration:none;
}
#divToolBar #divPageXaxis li a#pg_prec{
	background-image: url(../images/pulsante_prec.gif);
}
#divToolBar #divPageXaxis li a#pg_prec_off{
	background-image: url(../images/pulsante_prec_off.gif);
}
#divToolBar #divPageXaxis li a#pg_succ{
	background-image: url(../images/pulsante_succ.gif);
}
#divToolBar #divPageXaxis li a#pg_succ_off{
	background-image: url(../images/pulsante_succ_off.gif);
}
#divToolBar #divPageXaxis li a#pg_first{
	background-image: url(../images/pulsante_first.gif);
}
#divToolBar #divPageXaxis li a#pg_last{
	background-image: url(../images/pulsante_last.gif);
}

#divToolBar #divPageXaxis li a#pg_refr{
	width:45px;
	padding-right: 5px;
	background-image: url(../images/pulsante_refr.gif);
}


#divTrendNoData{
	position:absolute;
	top:150px;
	left:140px;
	width:400px;
	height:200px;
	border:1px solid #666666;
	background-color:#F9F9F9;
	padding:5px;
	text-align:center;
}

/*-----------------Sortable---------------------------------*/

#tbDataHome{
	table-layout: auto;
	width:70%;
	font-weight:normal;
	font-size:10px;
	color:#000000;
	border-collapse: separate;
	border:1px solid #CBC7B8;
	border-bottom:2px solid #CBC7B8;
	empty-cells:show;
}
#tbDataHome th{
	font-weight:normal;
	padding: 0px;
	background-color:#EBEADB;
	border-width: 1px 1px 0px 1px;
	border-style: solid solid solid solid;
	border-color: #FFFFFF #CBC7B8 #CBC7B8 #FFFFFF;
	-moz-border-radius: 0px 0px 0px 0px;
	white-space:nowrap;
	overflow:hidden;
}
#tbDataHome td{
	padding: 2px;
	background-color:#FFFFFF;
	border-width: 0px 0px 1px 0px;
	border-style: solid solid solid solid;
	border-color: #F1EFE2;
	-moz-border-radius: 0px 0px 0px 0px;
}