@CHARSET "ISO-8859-1";

.flag a:link, .flag a:visited, .inactive {
	filter:alpha(opacity=50);
}
.flag a:hover {
	filter:alpha(opacity=100);
}

/*********** WIP & WARNING ****************/

h2 {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color: #e1e1e1;
	color: #1f2352;
}

h2.loginFailed {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color: #ff0000;
	color: #ffffff;
}

span.form_asterisk {
	color:red;
	margin:0 5px;
	font-weight:bold;
	font-size:15px;
}

/* header */
#header_user {
	position:absolute;
	/*width:900px;
	height: 20px;*/
	font-size: 14px;
	text-align: right;
	color: #1f2352;
}

#wrap_sinottico {
	width:830px;
	height:620px;
	text-align:left;
	margin:0 auto;
	/*border-left: 1px solid #36c;
	border-right: 1px solid #36c;
	border-top: 1px solid #36c;
	border-bottom: 1px solid #36c;*/
	/*background:transparent url("../img/background.jpg") top center;*/
}

#wrap_contatori {
	font-family: Calibri, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;		
}

#header_sinottico {
	position:relative;
	width:830px;
	height: 48px;
	font-size: 14px;
	text-align: right;
	color: #1f2352;
	/*border: 1px solid #36c;*/
	background-color: #fff;
}

#header_sinottico h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em; 
	color:#fff; 
	line-height:1.2;
}

/* site logo */
a.logo {
	position:absolute;
	top:5px;
	left:20px;
}
	
/* connet logo */
a.logo2 {
	position:absolute;
	top:5px;
	left:830px;
}

/* main container */
#main {
	width:992px;
	margin:0 auto;
}

#main_footer_container {
	width:950px;
	margin:0 auto;
}

#main_footer {
	background-color:#dddddd;
	position:relative;
	margin-top:20px;
}

#main_footer_logo {
	position:absolute;
	top:0;
	right:0;
	background:transparent url("../img/connet_small_logo.gif") top center no-repeat;
	width:150px;
	height:58px;
	background-color:#dddddd;
}

#main_footer_logo a {
	display:block;
	width:150px;
	height:55px;
}

#main_sinottico {
	position:relative;
	width:834px;
	height:600px;
	/*border: 1px solid #36c;*/
	background: url("../img/background_for_main_content.jpg") no-repeat center transparent;
}

#main_sinottico_sx {
	width:448px;
	height:226px;
	/*border: 1px solid #36c;*/
}

#main_sinottico_dx {
	position:absolute;
	top:394px;
	width:448px;
	height:226px;
	left:464px;
	/*border: 1px solid #36c;*/
}

#main_sinottico_top {
	position:relative;
	width:820px;
	height:220px;
	/*border: 1px solid #36c;*/
}

#main_sinottico_middle {
	width:820px;
	height:200px;
	/*border: 1px solid #36c;*/
}

#main_sinottico_bottom {
	width:820px;
	height:200px;
	/*border: 1px solid #36c;*/
}

/*
#footer_sinottico {
	position:absolute;
	top:660px;
	width:900px;
	height: 50px;
	font-size: 14px;
	text-align: right;
	color: #1f2352;
	background-color: #fff;
	border: 1px solid #36c;
}
*/
#footer_sinottico {
	position:absolute;
	top:698px;
	width:980px;
	height: 60px;
	font-size: 14px;
	text-align: right;
	color: #1f2352;
	background-color: #dddddd;
	/*border: 1px solid #36c;*/
}

#footer_grafico {
	position:absolute;
	top:605px;
	width:900px;
	height: 50px;
	font-size: 14px;
	text-align: right;
	color: #1f2352;
	background-color: #fff;
	/*border: 1px solid #36c;*/
}

/*
#footer_sinottico_menu {
	position:relative;
	left:20px;
	width:400px;
	height:50px;
	text-align: left;
	border: 1px solid #36c;
}
*/
#footer_sinottico_menu {
	position:relative;
	top:5px;
	left:20px;
	width:400px;
	height:50px;
	text-align: left;
	/*border: 1px solid #36c;*/
}

#lang {
	top:55px;
	position:relative;
 	left:850px;
 	width:50px;
 	/*border: 1px solid #36c;*/
}

#main_graph_header {
	position:relative;
	width:830px;
	align:right;
	padding-top:0px;
	background-color:#cccccc;
	height:30px;
	/*border: 1px solid #36c;*/
}

#page_body {
	width:950px;
	margin:0 auto;
	height: 430px;
}

h1.page_title {
	float:left;
}

.bold14 {
	font-size:14px;
	color:#05073D;
	font-family: Calibri, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;		
	font-weight: bold;
}

.bold14Red {
	font-size:14px;
	color:#05073D;
	font-family: Calibri, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;		
	font-weight: bold;
	color: #ff0000;
}

.bold16 {
	font-size:16px;
	color:#05073D;
	font-family: Calibri, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;		
	font-weight: bold;
}

.bold18 {
	font-size:18px;
	color:#05073D;
	font-family: Calibri, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;		
	font-weight: bold;
}

td.bold24 {
	font-size:24px;
	color:#05073D;
	font-family: Calibri, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;		
	font-weight: bold;
}

td.bold18 {
	font-size:18px;
	color:#05073D;
	font-family: Calibri, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;		
	font-weight: bold;
}

td.bold20 {
	font-size:20px;
	color:#05073D;
	font-family: Calibri, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;		
	font-weight: bold;
}

#toolbar {    
	padding: 4px;
}

#toolbar_sx {    
	padding: 4px;    
	border: 1px solid #36c;
}

#toolbar_dx {    
	padding: 4px;    
	border: 1px solid #36c;
}

/*==== pulsanti di menu ====*/

/* Analisi istantanea */
#instBtn {
	position:absolute;
	left:10px;
	background-color: #ffffff;
	border:1px solid #C0C0C0;
	border-radius: 4px;
}

/* Analisi oraria */
#orariaBtn {
	position:absolute;
	left:70px;
	background-color: #ffffff;
	border:1px solid #C0C0C0;
	border-radius: 4px;	
}

/* Analisi giornaliera */
#giornBtn {
	position:absolute;
	left:130px;
	background-color: #ffffff;
	border:1px solid #C0C0C0;
	border-radius: 4px;	
}

/* Storici energia */
#storiciGiornBtn {
	position:absolute;
	left:190px;
	background-color: #ffffff;
	border:1px solid #C0C0C0;
	border-radius: 4px;	
}

/* Storici energia */
#storiciEnergiaBtn {
	position:absolute;
	left:250px;
	background-color: #ffffff;
	border:1px solid #C0C0C0;
	border-radius: 4px;	
}

/* Storici digitali */
#storiciDigBtn {
	position:absolute;
	left:310px;
	background-color: #ffffff;
	border:1px solid #C0C0C0;
	border-radius: 4px;	
}

/* Contatori */
#meterBtn {
	position:absolute;
	left:370px;
	background-color: #ffffff;
	border:1px solid #C0C0C0;
	border-radius: 4px;	
}

/* Stato IO */
#digitalBtn {
	position:absolute;
	left:430px;
	background-color: #ffffff;
	border:1px solid #C0C0C0;
	border-radius: 4px;	
}

/* Allarmi */
#alertBtn {
	position:absolute;
	left:490px;
	background-color: #ffffff;
	border:1px solid #C0C0C0;
	border-radius: 4px;	
}

/* Esci */
#quitBtn {
	position:absolute;
	left:550px;
	background-color: #ffffff;
	border:1px solid #C0C0C0;
	border-radius: 4px;	
}

/*==== fine pulsanti di menu ====*/

.textmiddle {
	vertical-align:middle;
}

/*
=========================
	popup MPTA view
=========================
*/
.apri{ 
	font-size:18px; 
	font-family: Verdana, Geneva, sans-serif; 
	float:right; 
	margin-right:50px;
}

.chiudi{ 
	font-size:18px; 
	color:#000; 
	font-weight:bold; 
	position:absolute; 
	right:2%; 
	top:0%;  
	cursor:pointer;
}

.overlay{    
	background:#000;    
	position:fixed;   
	top:0px;    
	bottom:0px;    
	left:0px;    
	right:0px;    
	z-index:100;    
	cursor:pointer;	/*Trasperenza cross browser*/
	opacity: .7; 
	filter: alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";    
}

#box{ 
	width:600px; 
	height:400px; 
	background-color:#FFF; 
	display:none; 
	z-index:+300; 
	position:absolute; 
	left:30%; 
	top:20%; 
	-moz-border-radius: 15px;  
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

/*
=========================
	fine popup MPTA view
=========================
*/
.dialog_style1 {color:#aaa;}

/*
*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
	
	/* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */
}

table.display thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
}

table.display tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}

#tabsLogin {
	height:450px;
}

#printChartFieldset {
	background-color:#FFF;
}

#printReportFieldset {
	background-color:#FFF;
}

#loginFormFieldset {
	height:150px;
}

#form_register {
	text-align: left; 
	/*background-image: url('beige-background.jpg');*/
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;  
	border-radius: 10px 10px 10px 10px;
	width: 370px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 1.5em 1.5em 1.5em;
	margin: 0 auto;
	overflow: hidden;
	}	
	
/*
#form_register fieldset{
	border: none;
	}
		
#form_register legend{
	display: block;
	font-size: 25px;
	padding: 10px;
	}
*/

#form_register label {
	padding: 0px;
	display: block;
	/*font-size: 0.6em;*/
	margin: 20px 0px 0px 0px;
	}

	/*LABEL GENERATO DA VALIDATE*/
#form_register label.error {
	color: #f33;
	padding: 0;
	margin: 2px 0 0 0;
	/*font-size: 0.5em;*/
	padding-left: 18px;
	background-image: url('../img/error.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	}

/*imput text e password*/
#form_register #reg_user, #form_register #reg_email, #form_register #reg_pass1, #form_register #reg_pass2 {
	height: 20px;
	width: 200px;
	display: block;
	/*border: none;*/
	font-size: 16px;
	line-height: 28px;
	}
	
/*imput type submit e reset*/
/*
#form_register #reg_submit, 	#form_register #reg_reset {
	height: 30px;
	width: 220px;
	color: #fff;
	font-weight: bold;
	opacity: 0.7;
	border: 1px solid #999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;  
	border-radius: 10px;
	-moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .6);
	-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .6);
	box-shadow: 0 0 .5em rgba(0, 0, 0, .6);
	-webkit-appearance: none;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
	display: block;
	}
	
#form_register #reg_submit{background: #0a0; margin-top: 40px;}
#form_register #reg_reset{background: #f33; margin-top: 20px;}
	
#form_register #reg_submit:hover,
#form_register #reg_submit:active,
#form_register #reg_reset:hover,
#form_register #reg_reset:active {
	cursor: pointer;
	opacity: 1;
}
*/

.group {
    border:1px solid #999;
    background:#f3f3f3;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    -moz-box-shadow:2px 2px 5px #ccc;
    -webkit-box-shadow:2px 2px 5px #ccc;
    box-shadow:3px 3px 10px #ddd;
    margin-bottom: 1em;
    padding-bottom: 1em;
}

.group h2 {
    background-color:   #bbb;
    padding: 0.1em 0.3em;
    margin-top: 0;
    color:#fff;
    font-size:1.6em;
    font-weight:normal;
    text-shadow:0 1px 0 #777;
    -moz-box-shadow: 1px 1px 15px  #999 inset;
    -webkit-box-shadow: 1px 1px 15px  #999 inset;
    box-shadow: 1px 1px 15px  #999 inset;
}

/*
input[type=button]{
    font-weight:bold;
    margin-left:14px;
    border: 1px solid #aaa;
    padding: 3px 7px;
    color: #111;
    text-decoration: none;
    background: #ddd;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    text-shadow: 0 1px 0 #fff;
    
    background-image: url(./themes/svg_gradient.php?from=ffffff&to=cccccc);
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
    background: -webkit-linear-gradient(top, #ffffff, #cccccc);
    background: -moz-linear-gradient(top, #ffffff, #cccccc);
    background: -ms-linear-gradient(top, #ffffff, #cccccc);
    background: -o-linear-gradient(top, #ffffff, #cccccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#cccccc");    
}

input[type=button]:hover {
	position: relative;
    cursor:pointer;
    background-image: url(./themes/svg_gradient.php?from=cccccc&to=ffffff);
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#ffffff));
    background: -webkit-linear-gradient(top, #cccccc, #ffffff);
    background: -moz-linear-gradient(top, #cccccc, #ffffff);
    background: -ms-linear-gradient(top, #cccccc, #ffffff);
    background: -o-linear-gradient(top, #cccccc, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#ffffff");
}

input[type=button]:active {
	position: relative;
    top: 1px;
    left: 1px;
}
*/

.levelCell {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em; 
	font-weight:bold;
	color:#000; 	
}

.levelInstanceCell {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em; 
	text-align: left;
	font-weight:bold;
	color:#000; 	
}

.emptyLevelInstanceCell {
	background-color: #e2e4ff;
}

#btnSinotticoMPTA {
	background-image: url(../img/mptaView.png);
}

#levelsTable tbody tr {
	min-height: 45px;
	background-color: #ffffff;
}

#levelsTable tbody tr td {
	min-height: 45px;
	/*background-color: #d4e8f1;*/
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

[id^="levelInstances_"] thead tr th {
	height: 15px;
	background-color: #d4e8f1;
}

[id^="levelInstances_"] tbody tr {
	height: 15px;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	background-color: #d4e8f1;
}

[id^="levelInstances_"] tbody tr td {
	border: 1px solid #cccccc;
	color: red;
	font-size:1.3em; 
	font-weight:bold;	
	background-color: #d4e8f1;
}

.chart_toolbar {
    font-weight:bold;
    margin-left:4px;
    border: 1px solid #aaa;
    padding: 3px 7px;
    color: #111;
    width: 60px;
    text-decoration: none;
    background: #ddd;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    text-shadow: 0 1px 0 #fff;
}

#meter_buttonset {
	width: 100px;
}

#ntc_buttonset {
	width: 100px;
}

/*
#meter_buttonset .ui-button.ui-state-active .ui-button-text {
    background-color: #AAFFA6;
}

#ntc_buttonset .ui-button.ui-state-active .ui-button-text {
    background-color: #AAFFA6;
}

#rele_azionamento_buttonset .ui-button.ui-state-active .ui-button-text {
    background-color: #AAFFA6;
}

#rele_azionamento_manuale_buttonset .ui-button.ui-state-active .ui-button-text {
    background-color: #AAFFA6;
}

#programmi_buttonset .ui-button.ui-state-active .ui-button-text {
    background-color: #AAFFA6;
}

[id^="buttonset_"] .ui-button.ui-state-active .ui-button-text {
	background-color: #AAFFA6;
}

#programmi_buttonset .ui-button.ui-state-active .ui-button-text {
    background-color: #AAFFA6;
}
*/

/* aspetto delle label nei tab */
.ui-tabs .ui-tabs-nav li a {font-weight:bold; font-size:10pt !important;}

#errorContainer {
    display: none;
    overflow: auto;
    background-color: #FFDDDD;
    border: 1px solid #FF2323;
    padding-top: 0;
}
 
#errorContainer label {
    float: none;
    width: auto;
}

#errorContainerAttuatoreCfgForm {
    display: none;
    overflow: auto;
    background-color: #FFDDDD;
    border: 1px solid #FF2323;
    padding-top: 0;
}
 
#errorContainerAttuatoreCfgForm label {
    float: none;
    width: auto;
}

.multiselect {
    width:20em;
    height:15em;
    border:solid 1px #c0c0c0;
    overflow:auto;
}
 
.multiselect label {
    display:block;
}
 
.multiselect-on {
    color:#ffffff;
    background-color:#000099;
}

#createReportError {
	color: #ff0000;
	font-weight:bold;
	font-size: 14px;
	/*padding-left: 18px;*/
}

#status h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em; 
	color:#fff; 
	line-height:1.2;
}

.lblFascia {
	font-family: Calibri, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;		
	font-weight: bold;	
	font-size:24px;
}

.numeriContatore {
	font-family: Calibri, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;		
	font-size:24px;
	text-align:right;
	color: #182258;
}

.totaliContatore {
	font-family: Calibri, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;		
	font-size:24px;
	font-weight: bold;	
	text-align:right;
	color: #182258;
}

.tableContatori {
	border: 1px solid #000;	
	background-color:#f4f4f4;
}

.tableContatori td {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	/*border-bottom: 1px solid #36c;*/	
}

#storiciIstantanei {
	font-family: Calibri, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;		
	font-weight: bold;	
	font-size:12px;
	top:627px;
	position:absolute;
 	left:36px;
 	width:90px;	
}

#pLabelTF {
	font-family: Calibri, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;		
	font-weight: bold;	
	font-size:38px;
}

#pLabelMF {
	font-family: Calibri, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;		
	font-weight: bold;	
	font-size:38px;
}

#vLabelTF {
	font-family: Calibri, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;		
	font-weight: bold;	
	font-size:38px;
}

#cLabelTF {
	font-family: Calibri, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;		
	font-weight: bold;	
	font-size:38px;	
}

#pastFiveMins {
	position:relative;
 	left:10px;
 	width:50px;	
}

#nextFiveMins {
	position:fixed;	
 	left:400px;
 	width:50px;		
 	float:right;
}

#btnGroupOrganization {
	border: none;
    width: 20px;
    height: 20px;
    background-image: url(../img/group-organisation-icon.png);
    background-repeat: no-repeat;
}

#btnEnAttiva {
    width: 90px;
}

#btnEnReattiva {
    width: 90px;
}

.plantStructure {
	height:260px;
}

.validateTips { 
	border: 1px solid transparent; 
	padding: 0.3em; 
}

li {
	text-align: left;
	padding: 0px;
	margin: 0px;
}

table.reportStructure {
	margin: 0 auto;
	clear: both;
	width: 100%;
}

table.reportStructure td {
	text-align: left;
	background-color:#f4f4f4;
}