body{
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	font-size:12pt;
	font-family:sans-serif;
	background:#c6c6c6;

}
#sfondo{
	background: url(../images/malibran_posti-soci_all.png) no-repeat;
	width:469px;
	height:548px;
	z-index:0;
	position:absolute;
	top:10px;
	left:10px;
}

#stage1,#stage3,#stage4{
	position:absolute;
	z-index:1;
	border:2px solid black;
	background:#dee;	
}
#stage1{
	width:375px;
	left:525px;
	height:520px;
	top:15px;
}
#stage3,#stage4{
	width:1010px;
	left:-5px;
	height:525px;
	top:5px;

}
#stage3{
	text-align:left;
}	

#stage4{
	background:#c6c6c6;
	border:none;
}

#stage4>div{
	border:2px solid black;
	position:absolute;
	background:#dee;
}

#posti{
	background: url(../images/malibran_posti-soci_zoom.png) no-repeat!important;
	width:800px;
	height:454px;
	top:71px;
	left:0px;
}
#legenda{
	width:785px;
	height:55px;
	top:0px;
	left:10px;
}


#instruction_box,#confirm_box{
	width:700px;
	height:400px;
	top:90px;
	left:50px;
	z-index:4;
	padding:10px;
}

#instruction_box{
	display:none;
}

#sidebar{
	width:195px;
	height:525px;
	top:0px;
	right:0px;
}



p.libero{
	background: url(../images/posto_libero.png) no-repeat;
	
}

p.confermato{
	background: url(../images/posto_confermato.png) no-repeat;
	
}
p.selezionato{
	background: url(../images/posto_selezionato.png) no-repeat;
	
}
p.prenotato{
	background: url(../images/posto_prenotato.png) no-repeat;
	color:#aaa!important
}

p.riservato{
	background: url(../images/posto_riservato.png) no-repeat;
	color:#777!important
}

p.confirm,p.small,#istruzioni{
	background-color:#eef;
	border:1px solid black;
}

p.confirm,p.small,p.tiny, p.error,#istruzioni{
	margin:10px;
	padding:5px;
}


p.confirm
{
	cursor:pointer;
	font-size:18pt;
}
p.confirm a, p.confirm a:visited, p.confirm a:hover{
	color:black!important;
	text-decoration:none!important;
}

p.small, p.tiny
{
	cursor:default;
	font-size:10pt;
	font-weight:normal;
}
p.small input,p.tiny input{
	border:1px solid black;

}

input{
	margin-top:3px;
}

p.posto{
	position:absolute;
	width:28px;
	height:29px;
	z-index:2;
	text-align:center;
	color:white;
}

#posti p.posto{
	cursor:none;
}

p.posto span {
	position:absolute;
	width:28px;
	height:19px;
	text-align:center;
}
p.posto span.arrow {
	display:none;
}

#posti p.riservato,
#posti p.prenotato{
	cursor:default;
}

#posti p.riservato:hover span.arrow,
#posti p.prenotato:hover span.arrow {
	display:none!important;

}

p.posto span.label {
	top:5px;
	left:0px;
}
#posti p.posto:hover span.arrow{
	display:block;
	background: url(../images/freccia.png) no-repeat;
	left:-6px;
	width:40px;
	height:40px;
	z-index:3;
	top:-40px;
}

#legenda p.posto span.arrow{
	display:block;
	width:auto;
	height:40px;
	z-index:3;
	color:black;
	top:5px;
	left:32px;
}

#istruzioni {
 top:0px;
 left:620px;
 cursor:pointer;
	font-size:14pt;
	width:130px;
	height:25px;
}


p.label{
	width:40px;
	height:50px;
	position:absolute;
	background:none;
	color:black!important;
	font-size:21pt!important;
	line-height:21pt;
	padding:0px!important;
}

.error{
	color:red;
}

.red-border{
	border:2px solid red!important;
}
.red-border input{
	border:2px solid red!important;
}

h1,h2{
	margin:0px;
	padding:3px;
}
#exit{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
}

#labelA1{top:372px;left:159px;}
#labelA2{top:370px;left:613px;}

#labelB1{top:331px;left:155px;}
#labelB2{top:329px;left:617px;}

#labelC1{top:290px;left:153px;}
#labelC2{top:287px;left:621px;}

#labelD1{top:248px;left:152px;}
#labelD2{top:246px;left:621px;}

#labelE1{top:207px;left:151px;}
#labelE2{top:205px;left:622px;}

#labelF1{top:165px;left:148px;}
#labelF2{top:162px;left:622px;}

#labelG1{top:124px;left:149px;}
#labelG2{top:121px;left:622px;}

#labelH1{top:83px;left:153px;}
#labelH2{top:81px;left:619px;}

#labelI1{top:43px;left:153px;}
#labelI2{top:41px;left:618px;}

#labelSECTION{top:-7px;left:362px;}