BODY {
	background: url('img/body.jpg') #dcdcdc repeat-x top left;
}

FORM {
	margin: 0;
}

TABLE {
	font: normal 14px arial;
}

HR {
	color: silver;
	height: 1;
}

H3 {
	margin: 20px;
}

PRE {
	font-size: 12px;
	overflow: auto;
}

A IMG {
	border: none;
}

TH B {
	font-size: 18px;
	color: green;
}

BR.spc {
	line-height: .5;
}

.red {
	color: red;
}
.err {
	background: #ffc0c0;
}

A.x, A.s, A.b, A.lnk {
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	padding: 1;
	cursor: hand;
}
A.x:Hover, A.s:Hover, A.b:Hover {
	background: yellow;
}
A.b {
	color: orange;
}
A.s {
	color: green;
}
A.x {
	color: red;
}
A.small {
	font-size: 10px;
	color: black;
	text-decoration: none;
	cursor: hand;
}
A.small:Hover {
	text-decoration: underline;
}



#header {
   height: 85px;
}


TABLE.page {
	width: 100%;
	height: 100%;
	background: transparent;
	border-collapse: collapse;
}

TD.body {
	text-align: left;
	vertical-align: center;
	padding: 10px 0px;
}

TR.header TD {
	padding: 5px;
	height: 70px;
}
TR.header TD.bb_c {
	background: url('img/bg_head_center.gif') white repeat-x top center;
}
TR.header TD.bb_l {
	background: url('img/bg_head_left.gif') transparent no-repeat top left;
	width: 20px;
}
TR.header TD.bb_r {
	background: url('img/bg_head_right.gif') transparent no-repeat top right;
   width: 20px;
}

TR.footer TD {
	color: white;
	height: 32px;
	background-color: transparent;
} 
TR.footer TD.bbs_c {
	background: url('img/bg_bottom_center.gif') transparent repeat-x bottom center;
}
TR.footer TD.bbs_l {
	background: url('img/bg_bottom_left.gif') transparent no-repeat bottom left;
   width: 20px;
}
TR.footer TD.bbs_r {
	background: url('img/bg_bottom_right.gif') transparent no-repeat bottom right;
   width: 20px;
}

TABLE.box, TABLE.list {
	border-collapse: collapse;
	border: solid 2px silver;
	margin: 2px;
	vertical-align: top;
}
TABLE.box TH, TABLE.list TH {
	border-bottom: solid 1px silver;
	background: #d0f0d0 repeat-x center center;
	color: black;
	padding: 3px 10px;
}
TABLE.box TD {
	padding: 1 5 1 5;
	vertical-align: top;
	background: #f0fff0;
}
TABLE.box SMALL {
   font-size: 10px;
}


TABLE.list TH {
	font-size: 12px;
	text-align: left;
	padding: 1 5 1 5;
}
TABLE.list TD {
	padding: 1 5 1 5;
	vertical-align: top;
	font-size: 14px;
   background-color: white; 
}
TABLE.list TR.title TH {
	text-align: center;
	font-size: 16px;
	color: black;
	border-bottom: none;
}

TABLE.list SMALL, TABLE.list I {
	font-size: 10px;
	font-style: normal;
	vertical-align: top;
}
TABLE.list U {
	background: yellow;
	text-decoration: blink;
}
TABLE.list TR:Hover {
	cursor: hand;
}
TABLE.list TR:Hover TD {
	background: #ffff60;
}
TABLE.list TR.bt TD, TABLE.list TR.bb TD {
	border-top: solid 1px #006699;
}
TABLE.list TR.selected TD {
	background: #ffffa0;
}

TABLE.data {
	border: solid 1px #006699;
	background-color: white;
	margin-bottom: 5;
	border-collapse: collapse;
	padding: 0;
	width: 100%;
	vertical-align: middle;
}
TABLE.data IMG {
	cursor: hand;
}
TABLE.data TR.th TH {
	background-color: #e0e0e0;
	text-align: left;
	padding: 0 4 0 4;
}
TABLE.data TR.th TH SMALL {
	font-size: 8px;
}
TABLE.data TR.title TH {
	background-color: #e0e0e0;
	border: none;
	text-align: center;
	padding: 3;
	font-size: 16px;
}
TABLE.data TD {
	border-bottom: dotted 1px silver;
	font-size: 12px;
	vertical-align: top;
	background: white;
}
TABLE.data TR.new {
	background: yellow;
}
TABLE.data TR.new TD {
	font-weight: bold;
}
TABLE.data TR.red TD {
	font-weight: bold;
	color: red;
}

TABLE.data INPUT {
	font-size: 12px;
}
TABLE.data I {
	font-variant: normal;
	font-size: 10px;
}
TABLE.data A {
	color: blue;
	text-decoration: none;
}

DIV.body {
	padding: 10;
	text-align: left;
}
DIV.shortdata, DIV.meddata, DIV.longdata, DIV.field {
	border: solid 1px silver;
	background: white;
	padding: 2px 10px;
	margin-bottom: 5px;
	width: 300px;
}
DIV.shortdata {
   width: 100px;
   text-align: center;
}
DIV.field {
   width: 194px;
   font-size: 12px;
}
DIV.data A {
	text-decoration: none;
	color: black;
}
DIV.data A.peri0 {
	color: red;
	font-weight: bold;
}
DIV.data A.peri1 {
	color: green;
	font-weight: bold;
}
DIV.meddata {
	text-align: justify;
	width: 300px; 
	height: 100px; 
	overflow: auto;
	font-size: 12px;
}
DIV.longdata {
	text-align: justify;
	overflow: auto;
	height: 100;
	font-size: 12px;
}

INPUT.submit, .button {
   cursor: hand;
   white-space: nowrap;
	background: url("img/bg_button.gif");
	font: bold 12px arial;
	text-decoration: none;
	color: #606060;
	padding: 4px 7px;
   border: solid 1px;
	border-color: #a0c0c0 #709090 #709090 #a0c0c0;
}
INPUT.submit:Hover, .button:Hover {
	background: #c0c0ef;
}
DIV.button {
   vertical-align: middle;
   display: inline;
}
A.button {
	padding: 4px 10px;
	position: relative;
	top: -1px;
}

IMG.button {
	border: none;
}


TABLE.dbox TH {
	border-bottom: solid 1px black;
	text-align: left;
	padding: 1 5 1 5;
	font-size: 14px;
}

INPUT, TEXTAREA, SELECT {
	border: inset 1px silver;
	font: normal 14px arial;
	background: white;
	margin: 1px;
}
INPUT.cb, INPUT.radio {
	border: none;
	background: transparent;
}
SELECT {
	margin-bottom: 1px;
}

DIV.float {
	position: absolute;
}

TD.cmd A {
	text-decoration: none;
	font: bold 12px verdana;
	color: red;
}

DIV.pages {
	text-align: right;
}

DIV.pages A {
	text-decoration: none;
	color: blue;
	border: solid 1px silver;
	padding: 1 5 1 5;
	height:12;
	position: relative;
	top: 2;
}

DIV.pages A#selected {
	font-weight: bold;
	border: none;
}

TABLE.contatti {
	border: solid 1px silver;
	border-collapse: collapse;
	width: 100%;
}
TABLE.contatti TD {
	font-size: 12px;
	background-color: white;
}
TABLE.contatti TR.th TH {
	background: none;
	text-align: left;
	padding: 1 5 1 5;
}
TABLE.contatti TR:Hover TD {
	background: #ffff80;
	cursor: hand;
}
TABLE.contatti TR:Hover DIV.popup {
	display: block;
}

TABLE.contatti DIV.popup {
	display: none;
	position: absolute;
	background: white;
	border: solid 1px silver;
	padding: 5px;
	margin: 20px 0 0 20px;
	z-index: 500;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow:3px 3px 10px #e0e0e0;	
	-moz-box-shadow:3px 3px 10px #e0e0e0;
	-webkit-box-shadow:3px 3px 10px #e0e0e0;	
}
TABLE.contatti DIV.popup DIV.field {
	width: 300px;
	text-align: left;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	border: none;
	border-bottom: dotted 1px #f0f0f0;	
}
TABLE.contatti DIV.popup DIV.desc {
	width: 70px;
	font-weight: bold;
	display: inline;
	padding: 0px;
	margin: 0 10px;
}

TD.pad INPUT, TD.pad TEXTAREA, TD.pad SELECT {
	width: 180px;
}
TD.pad INPUT.submit, 
TD.pad INPUT.cb,
TD.pad INPUT.button {
	width: auto;
}
TD.pad TEXTAREA {
	vertical-align: top;
	height: 80px;
}
TD.pad INPUT.cb {
	vertical-align: middle;
}

INPUT.cal {
	width: 80px;
}

SMALL.serv_lista_punti {
	font-size: 10px;
}
SMALL.serv_lista_punti B {
	cursor: hand;
	font-size: 14px;
}
TABLE.box TD.padl {
	padding-top: 5px;
}


/* Calendario */
DIV.calendario {
	padding: 15px 10px;
	cursor: hand;
	white-space: nowrap;
	width: 720px;
}

DIV.calendario B {
	display: block;
	float: left;
	border: solid 1px silver;
	font: normal 10px arial;	
	text-align: center;	
	vertical-align: middle;
	background-color: #f0f0f0;
	overflow: hidden;
	height: 18px;
	line-height: .95;
}

DIV.calendario B:Hover {
	border: solid 1px green;
	background-color: white;
}

DIV.calendario DIV.month {
	font: normal 12px arial;
	float: left;
	clear: left;
	display: block;
	width: 30px;
	text-align: right;
	padding-right: 4px;
}

DIV.calendario DIV.daynum {
	font: normal 12px arial;
	display: block;
	float: left;
	clear: none;
	text-align: center;
	border: dotted 1px white;
}

DIV.calendario DIV.daynum, DIV.calendario B {
	width: 16px;
	padding: 1px 1px;
	margin: 1px 1px;
}

DIV.calendario U {
	text-decoration: none;
}
DIV.calendario U B {
	border: solid 1px #ff4040;
}

DIV.calendario DIV.punto {
	border-bottom: dotted 1px silver;
}

DIV.calendario B.diff {
	background: yellow;
}
DIV.calendario B.forn {
	background: lime;
}
DIV.calendario B.dotted {
	border: dotted 1px white;
}
DIV.calendario B.dotted:Hover {
	background: #f0f0f0;
}

DIV.calendario B I {
	font-size: 14px;
	font-style: normal;
	position: absolute;
	background: white;
	margin-top: 0px;
	margin-left: 18px;
	border: solid 1px silver;
	padding: 2px;
	display: none;
	opacity: .90;
	-moz-opacity: .90;
	filter: alpha(opacity=90);
}
DIV.calendario B:Hover I {
	display: block;
}

LABEL.field {
	display: inline;
	width: 150px;
	text-align: right;
	padding-right: 4px;
}

DIV.faxes A {
   font-size: 10px;
   text-decoration: none;
   font-weight: bold;
   color: black;
}
DIV.faxes A:Hover {
   text-decoration: underline;
}
DIF.faxes IMG {
   vertical-align: middle;
}

DIV.menu {
   text-align: left;
   padding-left: 20px;
	font: bold 16px arial;
	border-top: solid 6px transparent;	
	text-shadow:  2px 2px 4px #a0d0a0;
}

DIV.menu A {
	text-decoration: none;
	color: green;	
	position: relative;
}

DIV.menu A.disabled {
	color: #a0a0a0;
}
DIV.menu A.disabled:Hover {
	color: #a0a0a0;
}

DIV.menu DIV.item {
	display: inline;
	cursor: hand;
	padding: 0px 10px;
	margin: 0px;
}

DIV.menu DIV.sub {
   display: none;
	z-index: 500;
	margin-top: 19px;
	margin-left: 0px;
	padding: 5px 1px;
	position: absolute;
	text-align: left;
	border: solid 1px silver;
	background: #f0fff0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow:5px 5px 10px silver;	
	-moz-box-shadow:5px 5px 10px silver;
	-webkit-box-shadow:5px 5px 10px silver;	
	text-shadow:  none;
}
DIV.menu DIV.item:Hover {
	color: blue;
}

DIV.menu DIV.item:Hover DIV.sub {
	display: inline; 
}

DIV.menu DIV.sub A {
	display: block;
	width: auto;
	padding: 1px 10px 1px 16px;
}

DIV.menu A:Hover {
	color: blue;
	text-decoration: none;
}

DIV.menu A#selected {
	color: black;
}

TR.body TD.body {
	background: white;
}
TR.body TD.body_l {
	background: url('img/bg_body_left.gif') transparent repeat-y top left;
	width: 10px;
}
TR.body TD.body_r {
	background: url('img/bg_body_right.gif') transparent repeat-y top right;
   width: 10px;
}

TABLE.box TH B {
	color: green;
}


DIV.menu_bg {
	height: 32px;
	margin-top: -25px;
}
DIV.menu_bgl {
	height: 32px;
}
DIV.menu_bgr {
	height: 32px;
}

DIV.msg {
   font-size: 24px;
   color: silver;
   padding: 50px;
}

#checkframe {
	text-align: right;
	font: bold 12px courier new;
}
#checkframe EMBED {
	width:0px; 
	height:0px;
}	
#checkframe B {
	padding: 1px 5px;
}
#checkframe B.fault {
	background: red;
	color: white;
	text-decoration: blink;
}
#checkframe B.alarm {
	background: yellow;
	color: black;
	text-decoration: blink;
}
#checkframe B.serv {
	background: orange;
	color: black;
	text-decoration: blink;
}
#checkframe B.ok {
	background: green;
	color: white;
}

#events {
	width: 320px;
	min-width: 300px;
	padding-right: 10px;
}
#events P.nothing {
	color: gray;
	text-align: center;
	border: solid 1px silver;
	padding: 10px;
	margin: 0 20px;
}
#events .evento {
	font: normal 12px arial;
	cursor: hand;
	border: solid 1px silver;
	margin-top: 5px;
	padding: 1px;
}
#events .evento:Hover {
	background: #ffffe0;
}
#events .evento B {
	display: block;
	font-size: 14px;
	text-align: left;
}
#events .codici {
	float: left;
	width: 75px;
	text-align: right;
	padding-right: 5px;
	font-size: 10px;
}
#events .codici B {
	text-align: right;
}
#events .evento .codici I{
	display: block;
	font-style: normal;
}
#events DIV.allarmi {
	clear: both;
	padding: 2px 0 0 50px;
	color: gray;
}
#events DIV.allarmi U {
	color: red;
	text-decoration: blink;
	font-weight: bold;
}	
#evlist_open H3, #evlist_new H3 {
	margin: 0;	
	padding: 2px;
	font-size: 16px;
	text-align: center;
	border: solid 1px gray;
}
#evlist_open H3 {
	background: #ffff80;
}
#evlist_new H3 {
	background: #ff8080;
}