/* -*- coding: utf-8 tab-width: 3 -*- */

html {
	overflow-y: scroll;
	color: #000000;
	background: #FFFFFF;
	font: 70% 'Verdana', sans-serif;
}


body {
	margin: 0;
}


@media print {
	.noprint {
		display: none;
	}
}


.blend_0 {
	opacity: 1.00;
	/*-moz-opacity: 1.00;
	-khtml-opacity: 1.00;*/
}
.blend_25 {
	opacity: 0.75;
	/*-moz-opacity: 0.75;
	-khtml-opacity: 0.75;*/
}
.blend_50 {
	opacity: 0.50;
	/*-moz-opacity: 0.50;
	-khtml-opacity: 0.50;*/
}
.blend_75 {
	opacity: 0.25;
	/*-moz-opacity: 0.25;
	-khtml-opacity: 0.25;*/
}
.blend_100 {
	opacity: 0.00;
	/*-moz-opacity: 0.00;
	-khtml-opacity: 0.00;*/
}


.searchhighlight {
	background: #FFF79F !important;
}


.pl_params {
	display: none !important;
}



/* Tag di formattazione ******************************************************/


h1 {
	margin: 0 0 0.5em 0;
	color: #0066CC;
	font: 225% 'Arial Black';
}


h2 {
	margin: 0.5em 0;
	font: bold 150% 'Verdana';
}


h3 {
	margin: 0.5em 0;
	font: bold 125% 'Verdana';
}


h6 {
	margin: 0 0 0.5em 0;
	font: bold 110% 'Verdana';
}


p {
	margin: 0.3em 0 0.5em 0;
}


small,
sup,
sub {
	font-size: 83%;
}


big {
	font-size: 120%;
}


code,
pre,
tt {
	font-size: 110%;
}


strong.warning {
	color: #DD0000;
}


.s {
	text-decoration: line-through;
}


.u {
	text-decoration: underline;
}


.nobr {
	white-space: nowrap;
}


hr {
	height: 1px;
	margin: 0.5em 0;
	border-width: 0;
	background: #BBBBBB;
}


img {
	vertical-align: middle;
}


img.icon_s2 {
	width:  20px;
	height: 20px;
}
img.icon_s3 {
	width:  28px;
	height: 28px;
}


ul,
ol {
	margin: 0;
	padding: 0.5em 0 0.5em 2.25em;
}


ul {
	list-style: disc;
}


dt {
	font-weight: bold;
}


dd {
	margin: 0.5em 0 2em 1em;
}


dl.compact dt {
	float: left;
	margin: 0 0.5em;
}


dl.compact dd {
	margin: 0.7em 0 0.3em 0;
}


.legal {
	width: 75%;
}


.legal ol {
	list-style-type: lower-roman;
}


.legal li {
	margin: 0 0.3em 1em 0.3em;
}


.legal p {
	margin: 1em 0.3em;
}


.legal li,
.legal p {
	text-align: justify;
	text-indent: 1em;
}


.positive {
	color: #00AA00 !important;
}


.positiveb {
	background: #00AA00;
}


.neutral {
	color: #BBAA00 !important;
}


.neutralb {
	background: #BBAA00;
}


.negative {
	color: #DD0000 !important;
}


.negativeb {
	background: #DD0000;
}


.fixedpos {
	position: fixed;
}


.scrollable {
	overflow: auto;
}


.spaced {
	margin: 0.3em;
}


.padded {
	padding: 0.3em;
}


.bpadded {
	padding-bottom: 0.3em;
}


.tpadded {
	padding-top: 0.3em;
}


.lightcolor {
	color: #999999;
}



/* <a>, <a class="tinybtn">, <a class="btn">, <button> ***********************/


a img {
	border-width: 0;
}


a:link {
	color: #0033CC;
	text-decoration: none;
}


a:visited {
	color: #0033CC;
	text-decoration: none;
}


a:hover {
	color: #0066FF;
	text-decoration: underline;
}


a:active {
	color: #0066FF;
	text-decoration: none;
}


a.tinybtn:link,
a.tinybtn:visited,
a.tinybtnr:link,
a.tinybtnr:visited {
	padding: 0 0.2em;
	text-decoration: none;
}


a.tinybtn:hover,
a.tinybtnr:hover {
	text-decoration: none;
}


a.tinybtnr:link {
	color: #FFFFFF;
	background: #96A0D2;
}


a.tinybtnr:visited {
	color: #FFFFFF;
	background: #B580C7;
}


a.tinybtnr:hover {
	color: #FFFFFF;
	background: #80CFF7;
}


a.btn {
	padding: 0 0.7em;
	white-space: nowrap;
}


button {
	padding: 0 0.2em;
	white-space: nowrap;
	font: 100% 'Verdana', sans-serif;
	vertical-align: middle;
}


button.lfit {
	padding-left: 0;
}


button.rfit {
	padding-right: 0;
}



/* <input>, <textarea>, <select> *********************************************/


input,
textarea {
	margin: 0;
	padding: 0.1em;
}


textarea {
	white-space: pre;
	overflow: auto;
}


input,
select {
	vertical-align: middle;
}


select optgroup {
	padding-left: 0.2em;
	font-weight: bold;
	font-style: normal;
}


select optgroup option {
	margin-left: 1em;
	padding-left: 0.2em;
}


input,
textarea,
select,
select optgroup,
select option {
	color: #000000;
	background: #FFFFFF;
}


input,
textarea,
select {
	border: 1px solid #BBBBBB;
	font: 95% 'Verdana', sans-serif;
}


input.disabled,
textarea.disabled,
select.disabled {
	border: 1px solid #AAAAAA;
}


input.invalid,
textarea.invalid,
select.invalid {
	border: 1px solid #BB6655;
}


input.disabled,
textarea.disabled,
select.disabled,
select.disabled optgroup,
select.disabled option {
	color: #000000;
	background: #EEEEEE;
}


input.invalid,
textarea.invalid,
select.invalid,
select.invalid option,
select.invalid optgroup {
	color: #000000;
	background: #FFAA99;
}


input.chk,
input.disabled_chk,
input.invalid_chk {
	margin: 0.2em 0.1em;
	border-width: 0;
}


input.invalid_chk {
	background: #DD3300;
}



/* <table> *******************************************************************/


table {
	border-collapse: collapse;
}


caption {
	padding-left: 1em;
	font-weight: bold;
	font-size: 70%;
	text-align: left;
}


td,
th {
	padding: 0;
}


p.al,
div.al,
th.al,
td.al,
td.al input {
	text-align: left;
}


p.ac,
div.ac,
th.ac,
td.ac,
td.ac input {
	text-align: center;
}


p.ar,
div.ar,
th.ar,
td.ar,
td.ar input {
	text-align: right;
}


th.at,
td.at {
	vertical-align: top;
}


th.am,
td.am {
	vertical-align: middle;
}


th.ab,
td.ab {
	vertical-align: bottom;
}


table.frame {
	border: 1px solid #BBBBBB;
}


table.frame th,
table.noframe th {
	text-align: left;
}


table.frame th,
table.noframe th,
table.frame td,
table.noframe td {
	padding: 0.1em 0.3em;
}



/* Popsame, popup e ombre ****************************************************/


.oPopsame {
	margin-bottom: 1em;
	border: 1px solid #EEEEEE;
	padding: 0.5em;
	color: #DD0000;
	background: #F8F8F8;
	font-weight: bold;
	font-size: 120%;
}


.oPopupParent {
	display: none;
}


.oPopupContainer {
	border: 1px solid #000000;
	color: #000000;
	background: #FFFFFF;
}


#oModalPopupBgShade {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index: 99;
}


img.oShadowTR {
	position: absolute;
	right: -15px;
	top: 0;
}
span.oShadowR {
	position: absolute;
	right: -15px;
	top: 15px;
	bottom: 3px;
	width: 15px;
}
img.oShadowBL {
	position: absolute;
	left: 0;
	bottom: -15px;
}
span.oShadowB {
	position: absolute;
	left: 15px;
	right: 3px;
	bottom: -15px;
	height: 15px;
}
img.oShadowBR {
	position: absolute;
	right: -15px;
	bottom: -15px;
}



/* <form> e <plform> *********************************************************/


form,
form noscript div {
	display: inline;
}


fieldset {
	display: none !important;
}


form.pl_form td.oFieldColumn {
	vertical-align: top;
}


form.pl_form div.oFieldGroup {
	position: relative;
}


form.pl_form .oLabel {
	position: absolute;
	/* OP BUG: se width non è definita, usa un valore arbitrario (casuale?). */
	width: 100%;
	margin-top: 0.2em;
}


form.pl_form .aPopupFieldOpts {
	float: left;
	margin: 0 0.1em 0 0;
}


form.pl_form .oField {
	position: absolute;
	line-height: 1.5em;
}


form.pl_form .oFieldSide {
	position: absolute;
	margin-top: 0.2em;
}


form.pl_form .oField input.chk,
form.pl_form .oField input.invalid_chk,
form.pl_form .oField input.disabled_chk {
	margin: 0;
}


table.form tr.field {
	vertical-align: top;
}


table.form tr.field td.label {
	width: 1%;
	padding-top: 2px;
	white-space: nowrap;
}


table.form tr.field td.label p {
	margin: 0;
}


table.form tr.field td.label p.labelextra {
	font-size: 83%;
}


table.form tr.field td.input {
	padding-right: 1em;
}


table.form tr.field td.input table {
	width: 100%;
}


table.form tr.field td.input table td.field {
	white-space: nowrap;
}


table.form tr.field td.input table td.fieldside {
	width: 100%;
	padding-left: 0.3em;
}


table.form tr.field td.input input,
table.form tr.field td.input textarea,
table.form tr.field td.input select {
	margin-bottom: 0.2em;
}



/* <* class="barh"> **********************************************************/


.barh {
	margin-bottom: 1em;
	border: 1px solid #EEEEEE;
	padding: 0.2em;
	color: #000000;
	background: #F8F8F8;
}


.barh i {
	width: 1px;
	border-left: 1px solid #CCCCCC;
	vertical-align: middle;
}


.barh form div {
	display: inline;
}



/* <barcode> ****************************************************************/


.pl_barcode {
	display: inline-block;
	position: relative;
	left: auto;
	right: auto;
	width: auto;
	height: 4.5em;
}


.pl_barcode table {
	height: 100%;
}


.pl_barcode td.barcode_blank,
.pl_barcode span.barcode_blank,
.pl_barcode .barcode_space {
	background: #fff;
}


.pl_barcode .barcode_bar {
	background: #000;
}


.pl_barcode td.barcode_blank,
.pl_barcode span.barcode_blank,
.pl_barcode .barcode_text {
	height: 1.5em;
	font-size: 66%;
	line-height: 1.5em;
}

.pl_barcode .barcode_text {
	position: absolute;
	text-align: center;
	z-index: 81;
}

.pl_barcode span.barcode_blank {
	position: absolute;
	z-index: 80;
}



/* <colul> *******************************************************************/


table.pl_colul {
	margin: 0.5em 0;
}


table.pl_colul thead th {
	border-bottom: 1px solid #0066FF;
	padding: 0 0.5em 0.2em 0.5em;
	white-space: nowrap;
}


table.pl_colul tbody tr.c1 {
	background: #FFFFFF;
}


table.pl_colul tbody tr.c2 {
	background: #EEEEFF;
}


table.pl_colul tbody tr.pl_colul_oHighlighted {
	background: #AADDFF;
}


table.pl_colul td {
	padding: 0.2em 0.4em;
}


table.pl_colul tfoot td.pl_colul_oFootLine {
	border-bottom: 1px solid #0066FF;
	font-size: 50%;
}


table.pl_colul tfoot td {
	vertical-align: top;
	white-space: nowrap;
}


table.pl_colul input,
table.pl_colul textarea,
table.pl_colul select {
	border-color: #BBBBBB;
	background: transparent;
}


table.pl_colul input.disabled,
table.pl_colul textarea.disabled,
table.pl_colul select.disabled {
	background: #EEEEEE;
}


table.pl_colul input.invalid,
table.pl_colul textarea.invalid,
table.pl_colul select.invalid {
	background: #FFAA99;
}



/* <ul class="toolbarh"> *****************************************************/


ul.toolbarh {
	list-style: none;
	margin-bottom: 1em;
	border: 1px solid #EEEEEE;
	padding: 0.2em;
	color: #000000;
	background: #F8F8F8;
}


ul.toolbarh li {
	display: inline;
	margin: 0 0.2em 0 0;
	padding: 0 0.2em 0 0;
	border-right: 1px solid #CCCCCC;
}


ul.toolbarh form div {
	display: inline;
}



/* <pl_aslisth> **************************************************************/


div.pl_aslisth {
	overflow: auto;
}


div.pl_aslisth td.pl_aslisth_oItem {
	vertical-align: top;
}



/* <autoscrollerlistv> *******************************************************/
/*
	<div class="autoscrollerlistv" style="width: ; height: ;">
		<span class="pl_params">
			<span title="scrollDelay">2500</span>
			<span title="scrollRate">1000</span>
			<span title="scrollDir">ttb</span>
		</span>
		<div>
			<div class="aslv_item">Elemento 1</div>
			<div class="aslv_item">Elemento 2</div>
		</div>
	</div>
*/


div.autoscrollerlistv {
	overflow: auto;
}



/* <pl_busyindicator> ********************************************************/


div.pl_busyindicator {
	height: 0.5em;
	background: #999999;
}


div.pl_busyindicator span {
	position: absolute;
	top: 0;
	height: 100%;
	background: #000000;
}



/* <formattedinput> **********************************************************/


ul.formattedinput_toolbar {
	margin-bottom: 0.3em;
}


div.formattedinput_editor {
	padding: 0.1em;
	border: 1px solid #BBBBBB;
	background: #FFFFFF;
	color: #000000;
	overflow: auto;
}



/* <graphh> ******************************************************************/


table.graphh th {
	padding: 0.2em;
	font-weight: normal;
	vertical-align: middle;
	text-align: right;
}


table.graphh td {
	padding: 0.2em 0;
	vertical-align: middle;
	text-align: left;
}


table.graphh td div.graphbar {
	float: left;
	min-width: 1px;
	margin: 0 0.75em;
}



/* <graphv> ******************************************************************/


table.graphv th {
	padding: 0.2em;
	font-weight: normal;
	vertical-align: top;
	text-align: center;
}


table.graphv td {
	padding: 0.5em 0.2em;
	vertical-align: bottom;
	text-align: center;
}


table.graphv td div.graphbar {
	min-height: 1px;
	margin: 0.5em auto 0 auto;
}



/* <pl_isinput> **************************************************************/
/*
	<div class="pl_isinput"><input type="text"/><input type="hidden"/></div>
*/


div.pl_isinput {
	display: inline;
}


ul.pl_isinput_oDropDown {
	display: none;
	left: 0;
	top: 0;
	max-height: 20em;
	list-style: none;
	padding: 0;
	border: 1px solid #BBBBBB;
	color: #000000;
	background: #FFFFFF;
	overflow: auto;
	cursor: pointer;
	z-index: 91;
}


ul.pl_isinput_oDropDown li {
	padding: 0.1em 1.75em 0.1em 0.2em;
	white-space: nowrap;
}


ul.pl_isinput_oDropDown li.pl_isinput_oHighlighted {
	color: #FFFFFF;
	background: #0066FF;
}



/* <pl_pwsecchk> *************************************************************/


div.pl_pwsecchk {
	position: relative;
	height: 1em;
	margin: 0.2em 0;
	padding: 0.2em 0;
	text-align: center;
	border: 1px solid #BBBBBB;
}


div.pl_pwsecchk_oLabel {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}


div.pl_pwsecchk_oBar {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 1;
}



/* <sizedimg> ****************************************************************/


table.sizedimg td {
	padding: 0;
	vertical-align: middle;
	text-align: center;
}


img.sizedimgx_fade {
	position: absolute;
} 



/* <tabsheet> ****************************************************************/


dl.pl_tabsheet {
	padding-top: 0.35em; /* > pl_tabsheet_oTab.padding-top */
}


dt.pl_tabsheet_tab,
dt.pl_tabsheet_oTab {
	display: inline;
	background: #FCFCFF;
}

dt.pl_tabsheet_oTab {
	margin-left: 0.5em;
	border: 1px solid #BBBBBB;
	border-bottom-width: 0;
	padding: 0.3em 0.5em; /* pl_tabsheet_oTab.padding-top decide tutto. */
	white-space: nowrap;
}


dt.pl_tabsheet_oSelTab {
	padding-bottom: 0.4em; /* > pl_tabsheet_oTab.padding-top */
	background: #FFFFFF;
}


dt.pl_tabsheet_oTab a {
	color: #000000;
	text-decoration: none;
}


dt.pl_tabsheet_oTab a:hover {
	color: #0066CC;
}


dt.pl_tabsheet_oSelTab a {
	color: #0066CC;
}



dd.pl_tabsheet_sheet {
	margin: 0.3em 0 1em 0.5em;
}

dd.pl_tabsheet_sheet,
div.pl_tabsheet_oSheet {
	border: 1px solid #BBBBBB;
	padding: 0.5em;
	color: #000000;
	background: #FFFFFF;
}


dd.pl_tabsheet_oContainer {
	margin: 0.3em 0 0 0; /* margin-top = pl_tabsheet_oTab.padding-top */
}



/* <treeview> ****************************************************************/
/*
	<ul class="treeview">
		<li>Foglia 1</li>
		<li>Nodo 2
			<ul>
				<li>Foglia 2.1</li>
			</ul>
		</li>
		<li>Foglia 2</li>
	</ul>
*/


ul.treeview {
	list-style: none;
	padding: 0;
}


ul.treeview ul {
	list-style: none;
	padding: 0 0 0 1.25em;
	text-align: left;
}


ul.treeview img.treeview_pm {
	width: 9px;
	height: 9px;
	margin-right: 0.5em;
	vertical-align: baseline;
}



/* <zoomableimage> ***********************************************************/


div.zoomableimage_toolbar {
	display: none;
	position: absolute;
	margin: 1em;
	border: 1px solid #000000;
	background: #CCCCCC;
	font: 14pt 'Arial', 'Helvetica', sans-serif;
	z-index: 90;
}


div.zoomableimage_toolbar a:link,
div.zoomableimage_toolbar a:visited {
	padding: 0 0.2em;
	color: #000000;
	text-decoration: none;
}


div.zoomableimage_toolbar a:hover {
	color: #000000;
	background: #EEEEEE;
	text-decoration: none;
}


/* oAlert ********************************************************************/


#oAlert {
	min-width: 20em;
	max-width: 90%;
}


/* frmLogin ******************************************************************/


#frmLogin_oFieldGroup1 {
	width: 18.5em;
	height: 6.0em;
}


#frmLogin_username_oLabel { left: 0em; top:  0em; }
#frmLogin_username_oField { left: 8em; top:  0em; }
#frmLogin_password_oLabel { left: 0em; top:  2em; }
#frmLogin_password_oField { left: 8em; top:  2em; }
#frmLogin_remember_oLabel { left: 0em; top:  4em; }
#frmLogin_remember_oField { left: 8em; top:  4em; }

#frmLogin_username { width: 11em; }
#frmLogin_password { width: 11em; }


#frmLogin_btnSubmit {
	position: absolute;
	top: 4.25em;
	left: 13.5em;
	width: 5.0em;
}