@charset "UTF-8";
/* CSS Document */

table
	{
	width: 100%;
	border-collapse: collapse;
	background-color: white;
	
	color: black;
	font: 10pt verdana, arial;
	margin-bottom: 1%; /* %, px, em, ex ? */
	border: 2;
	}

body {
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	background-image:url(../img/bg_gradient.png);
	background-position:center top;
	background-repeat:repeat-y;
	background-color:#014a50;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

a:active {
	text-decoration:none;
	color: #039db7;
	font-weight:bold;
}

a:link {
	text-decoration:none;
	color: #039db7;
	font-weight:bold;
}

a:hover {
	text-decoration:none;
	color: #039db7;
	font-weight:bold;
}


a:visited {
	text-decoration:none;
	color: #006D74;
}

/* ========= COLORI ========== */

/*
AZZURRO: #039db7;
VERDE: #89b917;
BLU: #006D74;
*/

h1 {
	color:#006D74;
	font-size:21px;
	font-weight:bold;
}

h2 {
	color:#006D74;
	font-size:16px;
	font-weight:bold;
	margin:10px 0px;
}

.container {
	/*background-image:url(wall.png);
	background-position:center top;
	background-repeat:no-repeat;*/
	
	width:100%;
	padding-top:20px;
}

.content {
	/*background-image:url(blackboard.png);
	background-repeat:no-repeat;*/
	background-color:#FFF;
	
	width:960px;
	border-radius:10px;
	-moz-box-shadow: 2px 2px 4px #222;
	-webkit-box-shadow: 2px 2px 1px #222;
	box-shadow: 2px 2px 4px #222;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	overflow:hidden;
}

.header_bar {
	width:100%;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-shadow:1px 0px #333;
	height:100%
}

/*=========== LOGO * LOGIN ==========*/

.header_logo_column {
	width:22%;
	float:left;
}

.login_panel {
	width:90%;
	padding:4px;
	background-color:#019db4;
	margin-top:10px;
	height: 185px;
}

form.login_box {
	font-size:12px;
}

.form_line {
	margin:2px 0 2px;
	overflow:hidden;
}

form.login_box label {
	margin:4px;
	float:left;
}

form.login_box input {
	width:auto;
	float:right;
}

.button_entra {
	background-color:#89b917;
	height:15px;
	border:none;
	color:#FFF;
	-moz-box-shadow: 1px 1px 1px #222;
	-webkit-box-shadow: 1px 1px 1px #222;
	box-shadow: 1px 1px 1px #222;
}

/*=========== TOP NAVIGATION ===========*/

.header_line {
	background-color:#016e75;
	text-transform:uppercase;
	height:28px;
	overflow:hidden;
	float:right;
	width:75%;
	border-bottom:#FFF solid thin;
}

.header_line_left {
	background-color:#016e75;
	text-transform:uppercase;
	height:28px;
	overflow:hidden;
	float:left;
	width:75%;
	border-bottom:#FFF solid thin;
}

.header_line_alta {
	background-color:#016e75;
	text-transform:uppercase;
	height:56px;
	overflow:hidden;
	float:right;
	width:75%;
	border-bottom:#FFF solid thin;
}

.header_line_media {
	background-color:#016e75;
	text-transform:uppercase;
	height:42px;
	overflow:hidden;
	float:right;
	width:75%;
	border-bottom:#FFF solid thin;
}

.green_button {
	background-color:#89B917;
}

.azure_button {
	background-color:#039db7;
}

.header_obj {
	border-right:#FFF thin solid;
	float:left;
	padding:6px 0px 0px 10px;
	height:100%;
	/*border-left:#FFF thin solid;*/
}

.header_obj_right {
	/*border-right:#FFF thin solid;*/
	float:right;
	padding:6px 0px 0px 10px;
	height:100%;
	width:10;
	/*border-left:#FFF thin solid;*/
}

.header_obj  a:visited {
	text-decoration:none;
	font-weight:normal;
	color:#FFF;
}

.header_obj  a:link {
	text-decoration:none;
	font-weight:normal;
	color:#FFF;
}

.header_obj a:hover {
	text-decoration:none;
	color:#014a51;
	text-shadow:1px 0px #666 !important;
}

.header_obj_void {
	width:auto;
	border:none !important;
}

.header_w_button_10 {
	width:10%;
}

.header_w_button_15 {
	width:15%;
}

.header_w_button_20 {
	width:20%;
}
.header_w_button_25 {
	width:25%;
}

.header_w_button_30 {
	width:30%;
}

.header_w_button_35 {
	width:35%;
}

.header_w_button_40 {
	width:40%;
}

.header_w_button_45 {
	width:45%;
}

.header_w_button_50 {
	width:50%;
}

/* ============ BODY CONTENT ============*/

.body_content{
	width:90%;
	margin:10px;
	float:left;
	position:relative;
	overflow:hidden;
}

.four_column_division {
	width:22%;
	margin-right:15px;
	float:left;
}

.two_column_division {
	width:35%;
	margin-right:15px;
	float:center;
}

.combo_richiesta {
	height:22px;
	margin-top:10px;
}

.id_label {
	margin-top:6px;
}

/* ============ TABELLA RICHIESTA =============== */

.tabella_richiesta {
	width:99%;
	padding:4px;
	border:#006D74 thin solid;
	border-radius:6px;
	padding:2px;
	margin-left:6px;
	float:left;
}

.richiesta_row {
	height:60px;

	border-bottom:#666 thin solid;
	float:left;
	width:100%;
	height:auto;
}

.last_row {
	border-bottom:none;
}

.alternated_row {
	background-color:#E1EDC5;
}

.titoletti {
	height:40px;
	background-color:#DDD;
	font-weight:bold;
}


.titolini {
	height:15px;
	background-color:#E1EDC5;
	font-weight:bold;
}

.titoloni {
	height:40px;
	color:white;
	font-weight:bold;
}

.richiesta_cell {
	border-right:#CCC thin solid;
	float:left;
	padding:6px;
	min-height:44px;
	height:auto;
}

.rich_num {
	width:5%;
}

.riassunto {
	width:22%;
}

.comunicazioni {
	width:8%;
}

.cons {
	width:9%;
}

.preventivo {
	width:3%;
}

.pdf_icon {
	text-align:center;
}

.scadenza {
	width:6%;
}

.evasione {
	width:20%;
	}

.evasione_prec {
	width:8%;
}

.rich_coll {
	width:6%;
}

.last_cell {
	border-right:none !important;
}

.stato {
	width:99%;
	border-top:#666 thin dotted;
	min-height:32px;
	border: 1;
}

.stato_text {
	width:34%;
	margin-right:22px;
	padding-top:10px;
	font-weight:bold;
	float:left;
	color:#006D74;
}

.stato_block {
	margin-top:2px;
	padding:2px;
	height:20px;
	border:thin dotted #999;
	border-radius: 2px;
	width:210px;
	float:left;
	background-color:#FFF;
}


/* =============== BANDA A COLORAZIONE PROGRESSIVA ============*/

.progress {
	background-image:url(../img/progress_bg.png);
	width:100%;
	height:20px;
	border-radius:2px;
}

.prog_uno {
	width:10%;
}

.prog_due {
	width:20%;
}

.prog_tre {
	width:30%;
}

.prog_quattro {
	width:40%;
}

.prog_cinque {
	width:50%;
}

.prog_sei {
	width:60%;
}

.prog_sette {
	width:70%;
}

.prog_otto {
	width:80%;
}

.prog_nove {
	width:90%;
}

.prog_dieci {
	width:100%;
}

/* =============== BANDA A COLORAZIONE DIFFERENZIATA ============*/

.progress_different {
	width:100%;
	height:20px;
	border-radius:2px;
}

.prog_one {
	width:12%;
	height:20px;
	background-image:url(../img/progress_bg_1.png);
	/*background-color:#0F9;*/
	float:left;
	font-size: 12px;
	vertical-align: middle;
}

.prog_two {
	width:12%;
	height:20px;
	background-image:url(../img/progress_bg_2.png);
	/*background-color:#0C9;*/
	float:left;
	font-size: 12px;
	vertical-align: middle;
}
.prog_three {
	width:12%;
	height:20px;
	background-image:url(../img/progress_bg_3.png);
	/*background-color:#099;*/
	float:left;
	font-size: 12px;
}

.prog_four {
	width:12%;
	height:20px;
	background-image:url(../img/progress_bg_4.png);
	/*background-color:#069;*/
	float:left;
	font-size: 12px;
}

.prog_five {
	width:12%;
	height:20px;
	background-image:url(../img/progress_bg_5.png);
	/*background-color:#039;*/
	float:left;
	font-size: 12px;
}

.prog_six {
	width:12%;
	height:20px;
	background-image:url(../img/progress_bg_6.png);
	/*background-color:#009;*/
	float:left;
	font-size: 12px;
}
.prog_seven {
	width:12%;
	height:20px;
	background-image:url(../img/progress_bg_7.png);
	/*background-color:#036;*/
	float:left;
	font-size: 12px;
}

.prog_eight {
	width:10%;
	height:20px;
	background-image:url(../img/progress_bg_8.png);
	/*background-color:#006;*/
	float:left;
	font-size: 12px;
	vertical-align: middle;
}

.prog_nine {
	width:10%;
	height:20px;
	background-image:url(../img/progress_bg_9.png);
	/*background-color:#033;*/
	float:left;
}

.prog_ten {
	width:100%;
	height:20px;
	background-image:url(../img/progress_bg_10.png);
	/*background-color:#003;*/
	float:left;
}

.prog_a {
	width:10%;
	height:20px;
	background-image:url(../img/progress_bg_a.png);
	/*background-color:#0F9;*/
	float:left;
}


/*================ ALERT =================*/

.alert_text {
	width:520px;
	float:left;
	padding:8px;
}

.date_text {
	width:60px;
	float:left;
	padding:8px;
}

.stato_alert {
	width:6%;
	margin-top:4px;
	height:20px;
	float:left;
	background-repeat:no-repeat;
	background-position:center;
}

.red_alert {
	background-image:url(../img/red_alert.png);
}

.yellow_alert {
	background-image:url(../img/yellow_alert.png);
}

.green_alert {
	background-image:url(../img/green_alert.png);
}