/* GENERALI */

acronym { border-bottom: 1px dashed #cacaca; }
big { font-weight: bold; color:#555; font-size: 16px; }
p { padding:0; margin:0 0 10px 0; }
ol li { margin:0 0 10px 0; }
ol li ul { margin:5px 0; }
hr { clear: both; color:#ccc; background-color:#ccc; height:1px; border:none; margin:0 0 10px 0; }

h1 { padding:0; margin: 12px 0 0 0; float:left; }
h1 a { margin-right: 12px; }
h1 a,
h1 img { float:left; }

h3  
{
	 width:755px;
	 color:#ffffff; font-size:13px; font-weight:bold;  line-height:22px;  border:1px solid #CCCCCC; 
	 display:block;   margin:0px; padding:0 0 0 15px; clear:both; 
	 background-color :#D60000; 
}

h4  
{
	 width:770px;
	 color:#ffffff; font-size:13px; font-weight:bold;  line-height:22px; border:1px solid #CCCCCC;  
	 display:block;   margin:0px; padding:0 0 0 15px; clear:both;
	 background-color :#D60000; 
}


.float-left { float:left; }
.float-right { float:right; }
.no-float { float:none; }
 
.aspNetDisabled
{
	color:#eaeaea !important;
	font-style:italic  !important;
}

.LinkAspNetDisabled
{
	color:#ccc !important;
	font-style:italic  !important;
    cursor:default  !important;  
    text-decoration:none !important; 
}
 
/* FANCYBOX */ 
.fancybox-custom, .fancybox-skin
{
	box-shadow: 0 0 50px #222;
}

/* PARTs */
/*#header { background-image: url(../../images/Template/bg-header.png); background-repeat: repeat-x; height: 88px; overflow: hidden; }*/
#header { height: 90px; padding-top:20px;z-index:2}
#container-header { margin: 0 auto; height: 80px; width: 976px; 
                    background-image: url(../../images/Template/backgroundHeader.png); 
                    background-repeat: repeat-x;  
                    -moz-border-radius: 4px;   
	                -webkit-border-radius: 4px;    
	                border-radius: 4px; 
	                border : 1px solid #CCCCCC;
	                vertical-align :middle; z-index:3;
                    }

#container { margin: 0 auto; width: 980px; overflow:hidden; min-height:600px; }

.content-header { margin: 0 auto; height:22px; 
                  width: 772px; overflow:hidden;
                  background-color :#D60000;    
                    -moz-border-radius: 5px;   
	                -webkit-border-radius: 5px;    
	                border-radius: 5px; 
	                border : 1px solid #999999;
	                vertical-align :middle; 
	                color:#ffffff;
	                font-size:13px;
	                font-weight:bold; 
                    }
                    
.content-header-maps { margin: 0 auto; height:22px; 
                  width: 98%; overflow:hidden;
                  background-color :#D60000;    
                    -moz-border-radius: 5px;   
	                -webkit-border-radius: 5px;    
	                border-radius: 5px; 
	                border : 1px solid #999999;
	                vertical-align :middle; 
	                display:block;
	                color:#ffffff;
	                font-size:13px;
	                font-weight:bold; 
	                clear:both; 
                    }
                    




.ChartDiv {   overflow :auto; width:765px;height:0px; }


#main #col-sx { width:170px; float:left; overflow:hidden; background: url(images/bg-col-sx.gif) left top repeat-x; padding:15px; }
 
.UserNameLabel
{
	
	color:#C41B21;
	font-size: 12px;
	font-weight: Bold;
	font-style:italic;
}
#hl_changeDataUser
{
	float:right;
	color:#3366CC;
	font-size: 11px;
} 
#l_lastConnection
{
	color:#333333;
	font-size: 11px;
}



 
 /* UPDATE PANEL */ 
#OuterTableCellOverlay    
{        
	background-color: white;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: .5;  
	z-index: 999;        
	width: 100%;        
	height: 100%;        
	position:absolute;        
	top: 0;        
	left: 0;
 }
  
  
 
 /* BUTTONS */
.GrayButton
{
	display: inline-block;
	border: 1px solid #888888;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px arimo;
	font-weight:bold;
	padding: 3px 12px;
	color: #000000;
	background: #bbbbbb;
	-moz-border-radius: 4px;   
	-webkit-border-radius: 4px;    
	border-radius: 4px;    
}

.EcButton
{
	display: inline-block;
	border: 1px solid #888888;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px arimo;
	font-weight:bold;
	padding: 3px 12px;
	color: #000000;
	background: #D8D6DA;
	-moz-border-radius: 4px;   
	-webkit-border-radius: 4px;    
	border-radius: 4px;    
}

.GrayButton2
{
    height :27px;
	display: inline-block;
	border: 1px solid #DBDBDB;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 11px arimo;
	font-weight:bold;
	padding: 3px 12px;
	color: #444;
	background: rgb(245,245,245);
	-moz-border-radius: 4px;   
	-webkit-border-radius: 4px;    
	border-radius: 4px;    
}

.GrayButton2:hover
{
    color: #333;
    text-decoration : none;
    border: 1px solid #c6c6c6;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    background-color: rgb(248, 248, 248);
}

.GrayButton2[disabled] {
    cursor: default !important;
    color: #ecebed;
}


.GrayButton2:hover[disabled]
{
    color: #ecebed;
    text-decoration : none;
    border: 1px solid #DBDBDB;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    background: rgb(245,245,245);
}
 
 
 
.greenBorder
{
   border:1px solid #4D9F16;
}

 .blueBorder
{
   border:1px solid #2AA7C5;
}


.redBorder
{
	border:1px solid #D32638;
}
 
 
 
/* Griglia */ 

.GridSearch
{
	border : solid 1px #E4E4E4;
	background-color : White; 
}


.GridHeader
{
	background-color: #60676D;
	color :White;
	height:25px; 
	border : solid 1px #E4E4E4;
	text-decoration:none; 
}


.GridHeader a:link
{
	background-color: #60676D;
	color :White;
	font-weight :bold ; 
	text-decoration:none; 
}

.GridHeader a:visited
{
	background-color: #60676D;
	color :White;
	font-weight :bold ; 
	text-decoration:none; 
}

.GridHeader a:hover
{
	background-color: #60676D;
	color : gray;
	font-weight :bold ; 
	text-decoration:none; 
}

.GridItem
{
	font-family:  arimo, Helvetica, sans-serif;
	border : solid 1px #E4E4E4;
	height:21px; 
	padding-left :3px;
	color:#222222;
} 

.GridPager a:link
{
	text-decoration :none;
}

.GridPager a:hover
{
	text-decoration : underline;     
}

.GridPager span
{
    color: #C41B21;
    font-weight :bold;
}

/*------------------ */ 

.ImgAlign
{
	vertical-align:middle; 
}
 
.ChartTitleBold
{
	font-weight :bold;
	font-size : 14px; 
	padding-left :6px; 
}
 
.ChartTitle
{
	font-size : 13px; 
	padding-left :6px; 
}
 
.ChartTitleTot
{
	font-size : 13px; 
	padding-left :6px; 
	text-decoration : underline;
	padding-top :6px;  
} 
 
.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
 
 .modal_bkg_Top
{
    background-image : url(../../images/modal_bkg_Top.png);
    background-repeat : repeat-x ;
    Font-Size : 9pt;
    font-weight :bold;
    vertical-align : middle;
    padding-left : 6px;
} 
 
#ui-datepicker-div
{
    z-index: 9999999;
}
    
.AllarmList
{
    border-left: 4px solid #818181;
    border-bottom: 1px solid #818181;
    padding-left : 5px 
}

.SiteNameAllarm
{
    color :#333333;
    font-size : 13px;
    font-weight :bold; 
}

.SiteNameNumAllarm
{
    color :#C41B21;
    font-size : 13px;
    font-weight :bold; 
}

.collapsibleContent
{
	overflow: hidden;
	padding-top :1px; 
}

.MapSiteName
{
    color :#333333;
    font-size : 12px;
    font-weight :bold; 
}

.MapSiteInfo
{
    color :#333333;
    font-size : 12px;
}

.MapSiteSap
{
    color :#C41B21;
    font-size : 12px;
     
}

.boxInfoPreviewRedux
{
    background-color: White;
    height: 0px;
	visibility:hidden;	
	width: 0px;
}
 
 .boxInfoPreviewZoomed{
	border: 2px solid #666666;
    background-color: White;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 4px 4px 4px 0px #696969;
    -moz-box-shadow: 2px 2px 5px 0px #696969;
    -webkit-box-shadow: 2px 2px 5px 0px #696969;
    font-family: arimo, Helvetica, sans-serif;
	font-size: 11px;
	color: White;
	cursor:pointer;
	position:fixed;
	width:300px;
	vertical-align:top;
	top:15px;
	left:80px;
	color: #666666;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	font-family: arimo, Helvetica, sans-serif;
	font-size:10pt;
	visibility:visible;
	padding: 5px 5px 5px 5px;
}




 
.LinkRed       { text-decoration: none; cursor:pointer; font-weight:normal;color:#D60000;}
.LinkRed:link  { color:#D60000;text-decoration: none; cursor:pointer;font-weight:normal }
.LinkRed:visited { color:#D60000;text-decoration: none; cursor:pointer;font-weight:normal}
.LinkRed:hover { color:#D60000;text-decoration: underline; cursor:pointer;font-weight:normal}


.progressGreen{background-color: #AACC22;}
.progressYellow{background-color: #DDC102;}
.progressRed{background-color: #C41B21;}
.progressEmpty{background-color: #CCCCCC;}

.Information
{
    vertical-align:middle
}

.boxDisabled
{        
	background-color: white;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: .5;  
	
	width: 100%;        
	height: 100%;        
	position:relative;        
	top: 0;        
	left: 0;
 }
 
.boxWidget
{
    width: 184px;
    margin: 5px  4px 10px 5px;
    padding: 0px 0px 00px 0px;
    height: 90px;
    float: left;
}

.boxWidgetMiddle
{
    width: 184px;
    margin: 5px  4px 10px 6px;
    padding: 0px 0px 00px 0px;
    height: 90px;
    float: left;
}

.boxWidgetLeft
{
    width: 184px;
    margin:   5px 5px 10px  0px;
    padding: 0px 0px 00px 0px;
    height: 90px;
   float: left;
}

.boxWidgetRight
{
    width: 184px;
    margin:   5px 0px 10px  3px;
    padding: 0px 0px 00px 0px;
    height: 90px;
    float: right;
}

.boxWidgetChart
{
    width: 740px;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 290px;
    float: left;
}



.boxButtons
{
    border: 1px solid #cccccc;
	background: url(data:image/png;base64,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) no-repeat top left;
	background-size: 100% 100%;
	-moz-border-radius: 4px;   
	-webkit-border-radius: 4px;    
	border-radius: 4px;    
}



.wmp_left
{
    background-image : url(../../images/player/mediaplayer_left.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    width:14px; 
    height:58px;
}

.wmp_right
{
    background-image : url(../../images/player/mediaplayer_right.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    width:14px; 
    height:58px;
    }

.wmp_center
{
    background-image : url(../../images/player/mediaplayer_central.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    width:48px; 
    height:58px;
    }

.wmp_rep
{
    background-image : url(../../images/player/mediaplayer_repeat.png);
    background-repeat: repeat-x ;
    height:58px;}

.wmp_prev
{
    background-image : url(../../images/player/mediaplayer_repeat.png);
    background-repeat: repeat-x ;
    height:58px;
    width:50px; 
    }
    
.wmp_next
{
    background-image : url(../../images/player/mediaplayer_repeat.png);
    background-repeat: repeat-x ;
    height:58px;
    width:50px; 
    }
    
.wmp_start
{
    background-image : url(../../images/player/mediaplayer_repeat.png);
    background-repeat: repeat-x ;
    height:58px;
    width:50px; 
    }