/*se uso il # è un id, ce ne può essere solo uno in una pag web
se uso il . è una classe, questa la posso usare dove voglio che è meglio!!!
<group=Generali>*/
body { background: url(/img/IndexBkg.jpg) repeat-y;
	font-family: verdana, helvetica, serif; font-size: 11px; margin:0 }
H1 { 
	font-size: 18px;
	margin: 0 0 0 115px; background: lightsteelblue; padding: 1px 1px 2px 1px;}
	
div#contenuto { padding-left: 116px;
	margin-top: 5px;
	}
/*rosso - rientro MAGAS*/
div#contenuto2 { margin-left: 116px; background: IndianRed}
/*giallo - rientro MAGAR e MAGAC*/
div#contenuto3 { margin-left: 116px; background: Khaki}
/*blu - rientro MAGA*/
div#contenuto4 { margin-left: 116px; background: SteelBlue}

div#piede { 
	background:lightsteelblue; 
	width:100%; 
	text-align:center; 
	font-size: 10px;
	left: 95px;
}

.piccolo {
	font-size: 10px; background: white
}
.infetto {
	color: white; background: #ff0033
}
.mysmall {
	font-size: 9px;
	background:lightsteelblue; 
}
.grande {
	font-size: 23px
}
.mediogrande {
	font-size: 18px
}
/* @end */

/* @group Menu di Navigazione */
#menu  { 
	position: absolute; 
	top: 115px; 
	left: 0;
	padding: 1em 0 1em 0; 
	margin-bottom: 1em; 
	margin-right: 1em; 
	color: #333;
	font-size: 10px;
	width: 110px;
}
#menu ul { list-style: none; margin: 0; padding: 0; border: none;
	font-size: 10px;
	color: #000000;
}
#menu li a {
    display: block; /*0.5em;*/
    border-left: 0px solid #6699cc; border-right: 5px solid #6699cc; /*0.5em;*/
    background-color: #6699cc; color: #fff;
    text-decoration: none; width: 100%;
	padding: 5px 0px 5px 0px;
}
#menu li a:hover {
    border-left: 0px solid #2586d7; border-right: 5px solid #2586d7;
    background-color: #2586d7; color: #fff;
}
#menu li.palm a:hover {
    border-left: 5px solid #2586d7; border-right: 5px solid #2586d7;
    background-color: #2586d7; color: red;
}
/* @end */

/* @group Chiamate */

table#chiamate {
	font-size: 10px;
	margin: 0px;
	border-collapse: collapse;
	border-bottom: 1px solid gray;
	width: 100%;
	border-style: none;
}

table#chiamate th {
	background: white;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 1px solid white;
	border-right: 1px solid white;
	}
	
table#chiamate tr.pari {
	background: lightcyan; color: teal;}
	
/*blu - rientro MAGA*/
table#chiamate tr.pari4 {
	background: SteelBlue; color: white;}
		
/*rosso - rientro MAGAS*/	
table#chiamate tr.pari2 {
	background: IndianRed; color: white;}	
	
/*giallo - rientro MAGAR e MAGAC*/	
table#chiamate tr.pari3 {
	background: Khaki; color: teal;}
	
table#chiamate tr.esplosi {
	background: lightgreen; color: gray;}
	
table#chiamate tr.dispari { background: white;}

table#chiamate td {
	border-left: 1px solid #dddddd;
	padding: 0px 0px 0px 0px;
	margin-bottom: 0;
	line-height: 14px;
}

table#chiamate td.grande {
	border-left: 1px solid #dddddd;
	padding: 0px 0px 0px 5px;
	margin-bottom: 0;
	line-height: 14px;
	font-size: 23px;
}

table#chiamate td p {
	margin: 0.2em 0 -2em 0; }

table#celleFlag {
	border-collapse: collapse;
	border: 1px solid #dddddd;
}

table#celleFlag td {
	border-right: 1px solid silver;
	padding: 0px 5px 0px 5px;

}

div#newcall {
	margin-top: 0px;
}	

table#piede {
	font-size: 10px;
	margin: 0px;
	border-collapse: collapse;
	border-bottom: 0px;
	width: 100%;
	border-style: none;
}

table#piede th {
	border: 0px; background: white;}

table#piede td {
	border-left: 0px;
	padding: 0px 0px 0px 5px;
	margin-bottom: 0;
	line-height: 14px;
}

table#piede td p {
	margin: 0.2em 0 -2em 0; }


/*</group nuovi>*/

#Dati { 
	margin-left: 18em;  
	width: 99%;
	height:95%;
	padding-left: 10em;
	}

#contenitore {
	width: 97%; line-height: 130%;
	background-color: #fff; color: #333; /*border: 1px solid gray;*/
	height:97%;
	}

#MyFrame {
	left: 115px;
	width: 99%;
}

#filtro {
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	background-color: #c2feff;
}