@CHARSET "UTF-8";

#main-container .box{
	border: 1px solid #aaa;
	padding: 0.5em 0.5em 0.5em;
	margin: 1.5em 0.5em;	
}

	#main-container .tab-panel .box{
		border: 0;
		padding: 0;
		margin: 0;	
				
	}

	#main-container fieldset.box{
		margin: 0.5em;
	}
	#main-container fieldset.box legend,
	#main-container .box h4{
		font-size: 0.8em;
		font-weight: bold;
		padding: 0.5em;
		border: 1px solid #aaa;
		background-color: #fff;
		color: #444;	
	}

		#main-container .box h4{
			margin: -2em 0 0 0;
			position: absolute;
		}


		/* SEZIONE A 2 COLONNE */
		
		#main-container .box .left,
		#main-container .box .right{
			width: 50%;
			clear: both;
			margin-bottom: 0;
		}
			#main-container .box .left{
				float: left;
			}
			#main-container .box .right{
				float: right;
				clear: right;
			}

		/* SEZIONE A 4 COLONNE */
		#main-container .box .four-columns{
			margin-top: 0;
			padding-top: 0;
		}
			#main-container .box .four-columns .first-column,
			#main-container .box .four-columns .second-column,
			#main-container .box .four-columns .third-column,
			#main-container .box .four-columns .fourth-column{
				width: 24%;
				margin-left: 0.5%;
				margin-right: 0.5%;
				margin-bottom: 0;
				float: left;
			}
	
				#main-container .box .four-columns .first-column{
					clear: both;
				}
				#main-container .box .four-columns .second-column,
				#main-container .box .four-columns .third-column,
				#main-container .box .four-columns .fourth-column{
					clear: none;
				}

			
		/* SEZIONE A 3 COLONNE */
		#main-container .box .three-columns{
			margin-top: 0;
			padding-top: 0;
		}
			#main-container .box .three-columns .first-column,
			#main-container .box .three-columns .second-column,
			#main-container .box .three-columns .third-column{
				width: 32.5%;
				margin-left: 0.5%;
				margin-right: 0.5%;
				margin-bottom: 0;
				float: left;
			}
	
				#main-container .box .three-columns .first-column{
					clear: both;
					margin-left: 0;
				}
				#main-container .box .three-columns .second-column{
					clear: none;
				}
				#main-container .box .three-columns .third-column{
					clear: none;
					margin-right: 0;
				}
			
			/* ----- */
			
			#main-container .box dl.left dt,
			#main-container .box dl.left dd,
			#main-container .box div.left label,
			#main-container .box div.left input
			
			{
				margin-right: 0.3em;
			}
		
			#main-container .box dl.right dt,
			#main-container .box dl.right dd,
			#main-container .box div.right label,
			#main-container .box div.right input
			{
				margin-left: 0.2em;
			}
			
			#main-container .box dl.left dt,
			#main-container .box dl.left dd,
			#main-container .box div.left label,
			#main-container .box div.left input
			
			{
				margin-right: 0.3em;
			}
		
			#main-container .box dl.right dt,
			#main-container .box dl.right dd,
			#main-container .box div.right label,
			#main-container .box div.right input
			{
				margin-left: 0.2em;
			}
		
		#main-container .box dl dt,
		#main-container .box div label{
			font-weight: bold;
		}
		
		#main-container .box div{
			padding-top: 0.975em;
			clear: left;
		}
		
		#main-container .box div.first-row,
		#main-container .box dl.first-row dt{
			padding-top: 0em;
		}
		
		#main-container .box dl dd,
		#main-container .box div input,
		#main-container .box div select,
		#main-container .box div textarea{
			margin: 0;
			padding: 0.5em;
			border: 1px solid #ccc;
			display: block;
			width: 100%;
			
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			box-sizing: border-box;
		
		}
			#main-container .box div select{
				padding: 0.3em;
			}
			
			#main-container .box .address-box{
				margin: 0;
				padding: 0.5em;
				border: 1px solid #ccc;
				display: block;
				width: 100%;
				
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				box-sizing: border-box;
			}
			
			#main-container .box .w16em
			{
				width: 16em;
				margin-right: 1em;
			}
			
			#main-container .box .w20perc{
				width: 20%;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				box-sizing: border-box;
			}
			
			#main-container .box .w60perc{
				width: 60%;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				box-sizing: border-box;
			}
			
			#main-container .box .w40perc{
				width: 40%;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				box-sizing: border-box;
			}
			
			#main-container .box .pr02em{
				padding-right: 0.2em;
			}
			#main-container .box .pl02em{
				padding-left: 0.2em;
			}

			
			
#main-container .box div.dateControl{
	padding-top: 0;
}
/* In caso di modifica */
.edit-mode{
	opacity: 0.2;
}


#notification-type{
	display: block;
	position: absolute;
	margin-top: -38px;
	margin-left: 45px;
	width: 20px;
	height: 20px;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;

	
}

#notification-type.error{
	background-color: red; 
	border: 1px solid #c00;
	background-image: url('images/errore.png');
	
	
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.4);
	box-shadow: 0 1px 4px rgba(0,0,0,0.4);
}


#notification-type.info{
	background-color: #369; 
	border: 1px solid #147;
	background-image: url('images/commento.png');
	
	
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.4);
	box-shadow: 0 1px 4px rgba(0,0,0,0.4);
	
}

#popup-annotazioni {
	padding: 1em;
	width: 600px;
	height: 400px;
}

#popup-annotazioni textarea{
	display: block;
	width: 100%; 
	height: 300px;
	border: 1px solid #444;
	font-family: Arial;
}