/**
 * Web E-Stimate 3.0
 * Stili interni.
 *
 * Definizione degli stili interni al blocco "cnt".
 */
 
#cnt {
	font-family: arial;
	font-size:10pt;
	color: #666;
}


#cnt #flashMessage {
	display:block;
	background: #666;
	border: 1px solid #666;
	margin-bottom: 18px;
	
	font-size: 13pt;
	color:#fff;
	padding: 4px 13px 4px 13px;
}
#cnt #flashMessage.message { background: url(confirm_box.gif); }
#cnt #flashMessage.error { background: url(error_box.gif); }


#cnt h2 {
	margin: 0 0 10px 0;
	font-size: 10pt;
	color: #196bb7;
}


/*
 * Definizioni generali impostazioni form.
 */
#cnt form.gray {
	border: 1px solid #666;
	background: #eeeeee;
	padding: 10px;
}



#cnt form div.i1 {
	padding: 5px;
	margin-bottom: 10px;
	background:#fff;	
	border: 1px solid #ddd;
}
#cnt form div.i1 label {
	font-weight:bold;
	display:block;
	margin-top: 5px;
}
#cnt form div.i1 div.error_message {
	color: red;
}
#cnt form div.i1 input, #cnt form div.i1 textarea {
	border:1px solid #ddd;
	font-family: verdana;
	font-size: 13pt;
	color: #aaa;
}
#cnt form div.i1 input.form_error, #cnt form div.i1 textarea.form_error {
	border:1px solid red;	
}
#cnt form div.i1 input:focus, #cnt form div.i1 input.focus, #cnt form div.i1 textarea:focus, #cnt form div.i1 textarea.focus {
	border: 1px solid black;
	color: #003366;
	background: #D1FDE0;
}
#cnt form div.active {
	background: #ffffee;	
}

#cnt form div.s1 {
	text-align: right;
}


#cnt input.valuta {
	text-align:right;
}


#cnt .errors {
	background:#ffbcac;
	border:1px solid red;
	margin: 0 0 10px 0;
	padding:5px;
	color:#900;
}



/**
 * Elementi del form strani.
 */
#cnt form div.double p {
	display:block;
	width:350px;
	float:left;
}
#cnt form div.double p.value input {
	text-align: right;
}
#cnt form div.double p.price {
	display:block;
	width:180px;
	float:right;
	text-align: right;
}
#cnt form div.double p.price input {
	color:#aaa;
	width:180px;
	text-align: right;
}
#cnt form p.pair {
}
#cnt form p.pair label {
	float:left;
}
#cnt form p.pair input, #cnt form p.pair input.active, #cnt form p.pair input:focus {
	float:right;
	background:#fff;
	color:#aaa;
}

#cnt .total {
	border-top: 2px solid #000;
	margin-bottom:40px;
}
#cnt .total label {
	float:left;
	margin-left:10px;
	color:black;
}
#cnt .total input {
	background:#ededed;
	float:right;
	margin-right:5px;
	border:0;
	color:black;
}


/* Dimensioni fisse dei campi nella form di preventivo. */
#cnt #choose_agent input.label 		{ width:250px; }
#cnt #choose_contact input.label 	{ width:250px; }
#cnt #choose_veichle input.label 	{ width:250px; }
#cnt #choose_version input.label 	{ width:250px; }
#cnt #choose_color, #cnt #choose_equipement {
	display:block;
	width:695px;
}
#cnt #choose_color input.label, #cnt #choose_equipement input.label 		{ width:600px; }





#cnt #discount_data p {
	width:310px;
}

#cnt #spese p.desc, #cnt #permuta p.desc {
	width:650px;
}
#cnt #spese p.desc input, #cnt #permuta p.desc input  {
	width:600px;
}
#cnt #spese p.value, #cnt #permuta p.value {
	width:140px;
}
#cnt #spese p.value input, #cnt #permuta p.value input {
	width:130px;
	text-align: right;
}



#cnt #fin #durata {
	width: 180px;
}
#cnt #fin #rata {
	width: 230px;
}
#cnt #fin #anticipo {
	width: 230px;
}
#cnt #fin #riscatto {
	width: 230px;
}


#cnt div#riepilogo {
	border:1px solid black;
	background: #dfaaff;
	color:black;
}
#cnt div#riepilogo input {
	border: 1px solid black;
	color:black;
}
#cnt div#riepilogo .EuroComponent input {
	background: #dfaaff;
}






/**
 * Tabella di elenco.
 */
table.list {
	margin-bottom: 30px;
}
table.list thead tr th, table.list tbody tr th {
	background: #eee;
	border: 1px solid #ddd;
	padding: 6px 15px 6px 15px;
}
table.list tbody tr td {
	border-bottom: 1px solid #ddd;
	padding: 9px 15px 2px 4px;
}
table.list tbody tr.hover td {
	background: #eeeedd;
}
table.list tbody tr.selected td {
	background: #ffd196;
}
table.list tbody tr td a img {
	border:0;
}
table.list tbody tr td.actions {
	text-align:right;
	background: #eeeeff;
	border: 1px solid #ddd;
}



/**
 * Finestra modale semplice per la selezione dinamica in preventivi.
 */
.jqmWindow, .jqmID1 {
	
	width:650px;
	height:400px;
	margin-left:-325px;
	
	border:10px solid #fff;
	background: #fff;
	padding:0;
	
	text-align: left;
}
.jqmWindow .title{
	margin:0 0 10px 0;
	background:#666;
	color:#fff;
	padding:2px;
}
.jqmWindow table.list {
	font-size:9pt;
}
.jqmWindow .content {
	height:350px;
	overflow: auto;
}
.jqmWindow table.list tbody tr td.actions a {
	position:relative;
	display:block;
	width:16px;
	height:16px;
	overflow:auto;
	background: url(application_go.png);
	text-indent: -2000px;
}
.jqmWindow table.list tbody tr td.actions a span {
	position:absolute;
	top:0;
	left:0;
	
	display:block;
	width:16px;
	height:16px;
	
	background: url(application_go.png);
}

.jqmWindow table.list tbody tr td.desc {
	font-size: 8pt;
}
.jqmWindow table.list tbody tr td.price {
	white-space: nowrap;
	font-size: 8pt;
	text-align: right;
}
.jqmWindow table.list tbody tr td.sc {
	text-align: center;
}

.jqmWindow input.closeBt {
	margin-top:20px;
	float:right;
	font-weight:bold;
	border:1px solid #666;
}




/**
 * Elenco News
 */
#news {
	font-size:8pt;
}
#news h2 {
	margin:0;
	padding:2px;
}
#news p {
	margin:0;
	padding:10px;
	border-bottom: 1px solid #0070b3;
	background: #fff;
}
#news p span {
	font-weight:bold;
	display:block;
	color:black;
}


/**
 * Scadenziario
 */
#scadenze {
	margin-bottom:30px;
}
#scadenze h2 {
	background: #900;
	color:white;
	margin:0;
	padding:2px;
}




/**
 * Login Applicazione
 */
#login {
	
}
#login #notify {
	color:red;
	margin-bottom:10px;
}

#login form div.field label {
	display:block;
	float:left;
	width: 80px;
	font-size:8pt;
	color:black;
	font-weight:bold;
} 







/**
 * Barra di paginazione in pagine "normali"
 */
.navBar {
	position:relative;
	font-size: 9pt;
	font-weight:bold;
	color:black;
	margin-top: 10px;
}
.navBar img { border:0; }

.navBar a {
	color: #666;
}
.navBar a:hover {
	color: red;
}

.navBar div {
	display:block;
	float:left;
	margin:0;
}

.navBar .pg_nav {
	width:400px;
	padding-left:4px;
}
.navBar .pg_res {
	width:260px;
	position:absolute;
	left:50%;
	margin-left:-130px;
	text-align:center;
}
.navBar .pg_pager {
	width:400px;
	float:right;
	text-align:right;
	padding-right:4px;
}


/**
 * Paginazione in finestra modale (+ricerca)
 */
.navBarModal {
	position:relative;
	font-size: 9pt;
	font-weight:bold;
	color:black;
	margin-top: 10px;
}
.navBarModal img { border:0; }

.navBarModal a {
	color: #666;
}
.navBarModal a:hover {
	color: red;
}

.navBarModal div {
	display:block;
	float:left;
	margin:0;
}

.navBarModal .pg_nav {
	width:350px;
	padding-left:4px;
}
.navBarModal .pg_pager {
	width:230px;
	float:right;
	text-align:right;
	padding-right:4px;
}
.navBarModal .pg_pager p {
	margin:0;
}
.navBarModal .pg_pager input.t {
	border:1px solid black;
	width:100px;
	font-size:8pt;
}
.navBarModal .pg_pager input.s {
	border:1px solid black;
	font-size:8pt;
	font-weight:bold;
}



/**
 * Iconcina per l'apertura dell'immagine associata al preventivo
 * in creazione e modifica dei preventivi.
 */
a.icoVeichleImage, a.icoVeichleImage span {
	position:absolute;
	bottom:0;
	right:43px;
	
	display:block;
	width:25px;
	height:25px;
	
	overflow:hidden;
}
a.icoVeichleImage span {
	background:#fff url(image.png) no-repeat;
	right:0px;
}



/** 
 * Gestione dei semafori nella lista preventivi.
 * Viene utilizzato anche per la finestra di cambio stato.
*/
.estimate_status a, .estimate_status a span, .change_status a, .change_status a span {
	display:block;
	width:39px;
	height:50px;
	overflow:hidden;
	text-indent: 10000px;
}
.estimate_status a, .change_status a {
	position:relative;
}
.estimate_status a span, .change_status a span {
	position:absolute;
	top:0;
	left:0;
}
.estimate_status a.p span, .change_status a.p span { background: url(semaforo_giallo.gif); }
.estimate_status a.a span, .change_status a.a span { background: url(semaforo_verde.gif); }
.estimate_status a.r span, .change_status a.r span { background: url(semaforo_rosso.gif); }

.change_status {
	margin-top:10px;
	margin-left: 100px;
}
.change_status a {
	float:left;
	width:50px;
	border:1px solid #ddd;
	margin-right:10px;
}
.change_status a span {
	left: 3px;
}
.change_status a:hover {
	border: 1px solid black;
	background-color: #ddd;
}
.change_status a:hover span {
	background-color: #ddd;
}