/*

 Site colors list:

 - #422984: ARX logo standard blue
 - #ffad18: ARX logo standard orange
 - #e69c16: ARX logo 90% orange
 - #fff8d8: light orange
 - #e2e2e2: gray background of shaded world image (right column background image)
 - #e8e8e8: lighter gray (left column background column)
 - #ffffe0: very light yellow input background

REMIND

1) I contenuti annidati in cornici complesse, ottenute concatenando  tra  loro  pił 
   immagini, vanno sempre incapsulati in contenitori con margini nulli (ad  esempio
   delle DIV con classe "row") per evitare discontinuitą tra gli elementi che  com-
   pongono le cornici stesse.

*/

/*--------------------------------------------------------------------------------*/
*					/* site defaults */
{
 margin: 0px;				/* box model independent defaults */
 border: 0px none;
 padding: 0px;
 text-align: center;
 vertical-align: middle;
}
/*--------------------------------------------------------------------------------*/
html
{
 width: 100%;
 height: 100%;
}
/*--------------------------------------------------------------------------------*/
body
{
 width: 100%;
 min-width: 1072px; 			/* large enough for stop/run daily graphs */
 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 font-size: 12px;			/* best size depends on font-family in use */
 background-color: #c0c0c0;
 text-align: center;
 color: #422984;			/* arx standard  blue */
 overflow: auto;
}
/*--------------------------------------------------------------------------------*/
.hid					/* hidden elements */
{
 display: none;
}
/*--------------------------------------------------------------------------------*/
td.hid, th.hid				/* hidden table cells */
{
 width: 0px;				/* do NOT remove from flow */
}
/*--------------------------------------------------------------------------------*/
.shw					/* shown elements */
{
 display: block;
}
/*--------------------------------------------------------------------------------*/
.txl					/* left aligned text */
{
 text-align: left;
}
/*--------------------------------------------------------------------------------*/
.txr					/* right aligned text */
{
 text-align: right;
}
/*--------------------------------------------------------------------------------*/
.txc					/* centered text */
{
 text-align: center;
}
/*--------------------------------------------------------------------------------*/
tr.shw					/* shown table rows */
{					/* preserves table layout needed by chrome/FF */
 display: table-row;
}
/*--------------------------------------------------------------------------------*/
.jst					/* justified text */
{
 text-align: justify;
}
/*--------------------------------------------------------------------------------*/
.ico					/* icon images */
{
 width: 24px;
 height: 24px;
}
/*--------------------------------------------------------------------------------*/
.mhm					/* horizontal medium margin */
{
 margin-left: 16px;
 margin-right: 16px;
}
/*--------------------------------------------------------------------------------*/
.phm					/* horizontal medium padding */
{
 padding-left: 16px;
 padding-right: 16px;
}
/*--------------------------------------------------------------------------------*/
.nfb					/* standard color */
{
 color: #422984;			/* Arx standard blue */
}
/*--------------------------------------------------------------------------------*/
.rfb					/* highlight error messages */
{
 color: #ffad18;			/* Arx standard orange */
 background-color: #422984;		/* Arx standard blue */
}
/*--------------------------------------------------------------------------------*/
div.pag					/* centered page container and ... */
{					/* ... right column outer container (background) */
 background-image: url('../img/body.jpg');
 background-repeat: no-repeat;
 background-position: right top; 
 background-color: #e2e2e2; 		/* joins shaded background image */
 float: left;
 position: relative;
 width: 100%;
/*
 width: 96%;
 left: 2%;
*/
 clear: left;
 overflow: hidden;
}
/*--------------------------------------------------------------------------------*/
div.c1o					/* left column outer container (background) */
{
 background-color: #e8e8e8; 		/* a bit lighter than shaded background aside */
 position: relative;
 min-height: 1000px;			/* do NOT leave free space in browser window */
 width: 100%;
 float: left;
 left: -80%;				/* overflow:hidden container cuts of shifted 80% */
}
/*--------------------------------------------------------------------------------*/
div.c1i					/* left column inner container */
{
 position: relative;
 width: 18%;				/* total width = width+padding = 18%+1%+1% = 20% */
 padding: 1px 1%;
 float: left;
 left: 80%;
}
/*--------------------------------------------------------------------------------*/
div.c2i					/* right column inner container */
{
 position: relative;
 width: 80%;
 left: 80%;
 float: left;
}
/*--------------------------------------------------------------------------------*/
.lft					/* left floating */
{
 float: left;
}
/*--------------------------------------------------------------------------------*/
.rgt					/* right floating */
{
 float: right;
}
/*--------------------------------------------------------------------------------*/
.clr					/* floating clearer */
{
 clear: both;
}
/*--------------------------------------------------------------------------------*/
#DIVOWN					/* vehicles container */
{
 max-height: 400px; 
 overflow-x: hidden; 
 overflow-y: auto; 
}
/*--------------------------------------------------------------------------------*/
#TABOWN					/* vehicles list */
{
 width: 90%;
/* position: relative; */		/* ##@@## 2012/04/24 */
 left: 0px;
}
/*--------------------------------------------------------------------------------*/
#DIVTM1					/* current time */
{
 padding: 8px 0px 0px 8px;
 font-size: 1.2em;
}
/*--------------------------------------------------------------------------------*/
#DIVUSR					/* current user data container */
{
 width: 100%;
 padding: 8px 8px 0px 0px;
 font-size: 1.2em;
}
/*--------------------------------------------------------------------------------*/
#USRKEY, #USRSMS			/* current user & credit */
{
 border: 1px solid #422984;		/* ARX standard blue thin border */
}
/*--------------------------------------------------------------------------------*/
#DIVMAP, #DIVMP1			/* map containers */
{
 width: 100%;				/* width+overflow stretch height over ... */
 overflow: hidden;			/* ... floating children */
 margin: 10px auto;
/* ##@@## MLR 2016/03/11 Inizio */
 position: relative;
/* ##@@## MLR 2016/03/11 Fine */
}
/*--------------------------------------------------------------------------------*/
.map					/* map object */
{
 width: 100%;
 height: 100%;
}
/*--------------------------------------------------------------------------------*/
table
{
 width: 100%;
 empty-cells: show;
}
/*--------------------------------------------------------------------------------*/
table.fix
{
 table-layout: fixed;
}
/*--------------------------------------------------------------------------------*/
.hzc					/* horizontal centered container */
{
 height: auto;
 margin: 0px auto;
}
/*--------------------------------------------------------------------------------*/
div.h90					/* centered 90% wide container */
{
 width: 90%;
 margin: 10px 5%;
}
/*--------------------------------------------------------------------------------*/
div.h96					/* centered 96% wide container */
{
 width: 96%;
 margin: 10px 2%;
}
/*--------------------------------------------------------------------------------*/
div.bt_					/* forms top border */
{
 height: 96px;
 background-image: url('../img/FFNHC18.png');
 background-repeat: repeat-x;
 background-position: center left;
 margin: 0px 48px;			/* do not draw background over corners */
 clear: both;
}
/*--------------------------------------------------------------------------------*/
div.btl					/* forms border top-left corner */
{
 width: 48px;
 height: 96px;
 background-image: url('../img/FFNTL18.png');
 background-repeat: no-repeat;
 float: left;
 position: relative;
 left: -48px;				/* shifted over container margin */
}
/*--------------------------------------------------------------------------------*/
div.btr					/* forms border top-right corner */
{
 width: 48px;
 height: 96px;
 background-image: url('../img/FFNTR18.png');
 background-repeat: no-repeat;
 float: right;
 position: relative;
 right: -48px;				/* shifted over container margin */
}
/*--------------------------------------------------------------------------------*/
div.bb_					/* forms bottom border */
{
 height: 48px;
 clear: both;
 background-image: url('../img/FFNHC18.png');
 background-position: bottom left;
 background-repeat: repeat-x;
 margin: 0px 48px;			/* do not draw background over corners*/
}
/*--------------------------------------------------------------------------------*/
div.bbl					/* forms border bottom-left corner */
{
 width: 48px;
 height: 48px;
 background-image: url('../img/FFNBL18.png');
 background-repeat: no-repeat;
 float: left;
 position: relative;
 left: -48px;				/* shifted over container margin */
}
/*--------------------------------------------------------------------------------*/
div.bbr					/* forms border bottom-right corner */
{
 width: 48px;
 height: 48px;
 background-image: url('../img/FFNBR18.png');
 background-repeat: no-repeat;
 float: right;
 position: relative;
 right: -48px;				/* shifted over container margin */
}
/*--------------------------------------------------------------------------------*/
div.br_					/* form and right border container */
{
 width: 100%;				
 position: relative;
 left: 0px;
 background-image: url('../img/FFNCV18.png');
 background-position: top right;
 background-repeat: repeat-y;
}
/*--------------------------------------------------------------------------------*/
div.bl_					/* form and left border container .. */
{					/* .. drawn over right border */
 width: 100%;				
 background-color: transparent;		/* Preserve right border (already drawn) */
 background-image: url('../img/FFNCV18.png');
 background-position: top left;
 background-repeat: repeat-y;
}
/*--------------------------------------------------------------------------------*/
form
{
 width: 90%; 				/* preserve lateral borders */
 margin: 0px 5%; 
 overflow: hidden;
}
/*--------------------------------------------------------------------------------*/
div.fnd					/* list filters container */
{
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 width: 100%;				/* width+overflow stretch height over ... */
 overflow: hidden;			/* ... floating children */
 clear: both;
 border: 0px none;
 border-bottom: 2px solid #c0c0c0;
 margin: 5px 0px;
 padding: 0px 5px 0px 0px;
 height: 30px;				/* content height (24px) + borders! */
}
/*--------------------------------------------------------------------------------*/
div.ovf					/* overflow hidden container */
{
 width: 90%;
 margin: 0px 5%;
 max-height: 250px;
 overflow-x: hidden;
 overflow-y: auto;
}
/*--------------------------------------------------------------------------------*/
div.row					/* form row container */
{
 box-sizing: border-box;		/*????*/
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 width: 100%;				/* width+overflow stretch height over ... */
 overflow: hidden;			/* ... floating children */
 clear: both;
 padding: 5px 0px;
}
/*--------------------------------------------------------------------------------*/
div.hlf					/* half wide floating container */
{
 width: 50%;
 float: left;
 text-align: right;			/* by default labels allignment */
}
/*--------------------------------------------------------------------------------*/
input.int, select.int, textarea.int 	/* standard text input */
{
 width: 100%;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 border: 1px solid #422984;
 background-color: #ffffe0;
 color: #422984;			/* Arx standard blue */
}
/*--------------------------------------------------------------------------------*/
.fnd input.int
{
 height: 100%;
}
/*--------------------------------------------------------------------------------*/
.but, div.b8C				/* standard button container (140 px wide) */
{
 margin: 0px auto;
 background-image: url('../img/NewButGray1.gif'); 
 background-position: center center;
 background-repeat: no-repeat;
 width: 140px;
 height: 36px;
 line-height: 36px; 			/* to center vertical single line text */
 display: block; 
 overflow: hidden;			
}
/*--------------------------------------------------------------------------------*/
input.but				/* standard button */
{
 width: 100%;				/* fit container */
 background-color: transparent;		/* preserve container background */
 color: #422984;
}
/*--------------------------------------------------------------------------------*/
input.rad				/* standard radio */
{
 width: auto;
 background-color: transparent;		/* preserve container background */
}
/*--------------------------------------------------------------------------------*/
#DIVBAR
{					/* by default as wide as possible! */
 margin: 0px auto;			/* center content inside */
 font-size: 1.2em;
}
/*--------------------------------------------------------------------------------*/
#DIVBAR li 				/* menu items */
{
 background-image: url('../img/NewButGray.gif');
 background-position: center center;
 background-repeat: no-repeat;
 width: 180px;
 height: 36px;
 line-height: 36px; 			/* centers single line text vertically */
 margin: 0px auto;
 padding: 4px;				
 list-style-type: none;
 position: relative;			/* needed by absolute positioned inner ul */
 cursor: pointer;
}
/*--------------------------------------------------------------------------------*/
#DIVBAR li ul				/* submenu (roots excluded!) */
{
 width: 188px;				/* same as width+padding of inner li */
 position: absolute;	
/* border: 3px solid #c0c0c0; */
/* display: none; */			/* usually hidden */
 visibility: hidden;			/* usually hidden */
 left: 180px;				/* beside parent at its right */
 top: 0px; 				/* same as border size */
 z-index: 255;				/* on top other elements */

 background-color: #e8e8e8;		/* same as column container */
} 
/*--------------------------------------------------------------------------------*/
#DIVBAR li a				
{
 background-color: transparent;		/* Preserve father background */
} 
/*--------------------------------------------------------------------------------*/
#DIVBAR li:hover > ul 			/* hover submenu */
{
/* display: block; */			/* pops up when hover */
/* visibility: visible; */		/* pops up when hover */
} 
/*--------------------------------------------------------------------------------*/
#DIVBAR ul li:hover
{
 background-image: url('../img/NewButOrange.gif');
}
/*--------------------------------------------------------------------------------*/
#DIVTOL
{
 background-image: url('../img/halfbar.png');
					/* simulates bottom-border */
 background-position: left bottom;
 background-repeat: repeat-x;
 float: left;
 width: 100%;
}
/*--------------------------------------------------------------------------------*/
#DIVWTB
{
 float: left;
 width: 100%;
}
/*--------------------------------------------------------------------------------*/
#DIVTOL ul, #DIVWTB ul 
{
 margin: 0px;
 padding: 10px 10px 0px;
 list-style: none;
}
/*--------------------------------------------------------------------------------*/
#DIVTOL li, #DIVWTB li 
{
 background-image: url('../img/tbflft.gif');
					/* draws button left side */
 background-position: left top;
 background-repeat: no-repeat;
 float: left;
 margin: 0px;
}
/*--------------------------------------------------------------------------------*/
#DIVTOL span, #DIVWTB span 
{
 display: block;
 min-width: 96px;
 background-image: url('../img/tbfrgt.gif');
					/* draws button body and right side */
 background-position: right top;
 background-repeat: no-repeat;
 margin: 0px; 
 margin-left: 24px; 			/* do NOT overlap button left side */
 padding-top: 10px;
 padding-right: 24px;			/* same as margin-left to center content */
 padding-bottom: 8px;			/* do NOT overlap bar background (border surrogate) */
 padding-left: 0px;			/* content shifted by margin-left */
 vertical-align: middle;		/* vertical centered */
}
/*--------------------------------------------------------------------------------*/
#DIVTOL input, #DIVWTB input
{
 padding: 0px 20px;			/* enlarges clickable area */
 width: 24px;
 height: 24px;
 cursor: pointer;
}
/*--------------------------------------------------------------------------------*/
#DIVTOL li:hover, #DIVTOL li.sel, #DIVWTB li:hover, #DIVWTB li.sel
{
 background-image: url('../img/tbnlft.gif');
}
/*--------------------------------------------------------------------------------*/
#DIVTOL li:hover span, #DIVTOL li.sel span
{
 background-image: url('../img/tbnrgt.gif');
 padding-bottom: 10px; 			/* overlaps bar background (border surrogate) */ 
}
/*--------------------------------------------------------------------------------*/
#DIVWTB li:hover span, #DIVWTB li.sel span
{
 background-image: url('../img/tbnrgt.gif');
}
/*--------------------------------------------------------------------------------*/
table.rpt
{
 /* width: 96%; */			/* Do NOT waste space! */
 /* margin: 2% 2%; */
 empty-cells: show;
 border-collapse: collapse;
 background-color: #c0c0c0;
 color: #422984;			/* arx standard  blue */
}
/*--------------------------------------------------------------------------------*/
table.rpt tr
{
 width: 100%;
 min-height: 24px;
}
/*--------------------------------------------------------------------------------*/
table.rpt td
{
 background-image: url('../img/BCKCEL.png');
 background-repeat: repeat-y;
 background-color: #ffffff;
 border: 1px solid #808080;
 margin: 0px;
 padding: 4px;
}
/*--------------------------------------------------------------------------------*/
table.rpt td.pen			/* edit pending style */
{
 background-image: none;
 background-color: #c0c000;		/* yellow backgrund */
}
/*--------------------------------------------------------------------------------*/
table.rpt td.err			/* edit failed style */
{
 background-image: none;
 background-color: #c00000;		/* red background */
}
/*--------------------------------------------------------------------------------*/
table.rpt td.brk
{
 background-image: none;
 background-color: #c0c0c0;
}
/*--------------------------------------------------------------------------------*/
div.gyc					/* graph y-axis container */
{
 float: left;
 width: 10%;
 background-color: transparent;		
}
/*--------------------------------------------------------------------------------*/
div.gdc					/* gragh data container */
{
 float: left;
 width: 90%;
 background-color: transparent;		
}
/*--------------------------------------------------------------------------------*/
div.gyl					/* graph y-label */
{
 height: 25px;
 position: relative;
 top: 12px;
 text-align: right;
 padding-right: 8px;
}
/*--------------------------------------------------------------------------------*/
#SELEVE td, #SELCAR td, #SELMSG td, #SELDST td
{
 text-align: left;
}
/*--------------------------------------------------------------------------------*/
table.gph				/* graph table */
{
 table-layout: fixed;
 width: 100%;
 margin: 0px;
 border: 0px none;
 padding: 0px;
 text-align: center;
 empty-cells: show;
 border-collapse: collapse;
}
/*--------------------------------------------------------------------------------*/
tr.gdr					/* graph row */
{
 height: 125px;
}
/*--------------------------------------------------------------------------------*/
table.gph td.gcn 			/* graph cell */
{
 vertical-align: bottom;
 padding: 0px 4px;
 border: 0px solid #422984;
 border-bottom: 1px solid #422984;
 background-color: transparent;		
 background-image: url('../img/gphbck.png');
 background-position: bottom left;
 background-repeat: repeat;
}
/*--------------------------------------------------------------------------------*/
table.gph td.gch			/* graph cell with break on the left */
{
 vertical-align: bottom;
 padding: 0px 4px 0px 0px;
 border: 0px groove #422984;
 border-left: 4px groove #c0c0c0;
 border-bottom: 1px solid #422984;
 background-color: transparent;		
 background-image: url('../img/gphbck.png');
 background-position: bottom left;
 background-repeat: repeat;
}
/*--------------------------------------------------------------------------------*/
div.gph					/* graph bar */
{
 /*background-image: url('../img/GHBHC20.png');*/
 background-image: url('../img/GHBHC18.png');
					/* orange (blue reserved to overlapped text) */
 background-position: top center;
 background-repeat: repeat-y;
}
/*--------------------------------------------------------------------------------*/
div.gpv					/* graph value (vertical drawn) */
{
 position: relative;
 top: -125px;
 height: 0px;
/* font-size: small; */
 line-height: 1;
 background-color: transparent;
}
/*--------------------------------------------------------------------------------*/
.on_					/* on state bckground */
{
 background-image: url('../img/on.png');
 background-position: center center;
 background-repeat: no-repeat;
}
/*--------------------------------------------------------------------------------*/
.off					/* off state bckground */
{
 background-image: url('../img/off.png');
 background-position: center center;
 background-repeat: no-repeat;
}
/*--------------------------------------------------------------------------------*/
#TABREQ input, #TABALL input		/* buttons inside logs */
{
 width: 32px;
 height: 32px;
/* MLR 2013-05-16 Inizio */
 background-color: transparent;		/* Let image trnsparency rules applay */
/* MLR 2013-05-16 Fine */
}
/*--------------------------------------------------------------------------------*/
.unk, #TABREQ .unk			/* unknown state bckground */
{
 background-image: url('../img/unknown.png');
 background-position: center center;
 background-repeat: no-repeat;
}
/*--------------------------------------------------------------------------------*/
.dwn, #TABREQ .dwn			/* expanded bckground */
{
 background-image: url('../img/down.png');
 background-position: center center;
 background-repeat: no-repeat;
}
/*--------------------------------------------------------------------------------*/
.up_, #TABREQ .up_			/* collapsed bckground */
{
 background-image: url('../img/up.png');
 background-position: center center;
 background-repeat: no-repeat;
}
/*--------------------------------------------------------------------------------*/
.que, #TABREQ .que			/* waiting on queue bckground */
{
 background-image: url('../img/queue.png');
 background-position: center center;
 background-repeat: no-repeat;
}
/*--------------------------------------------------------------------------------*/
.snt, #TABREQ .snt			/* waiting answer background */
{
 background-image: url('../img/sent.png');
 background-position: center center;
 background-repeat: no-repeat;
}
/*--------------------------------------------------------------------------------*/
.rsp, #TABREQ .rsp			/* completed background */
{
 background-image: url('../img/answer.png');
 background-position: center center;
 background-repeat: no-repeat;
}
/*--------------------------------------------------------------------------------*/
.err, #TABREQ .err			/* error background */
{
 background-image: url('../img/noresp.png');
 background-position: center center;
 background-repeat: no-repeat;
}
/*--------------------------------------------------------------------------------*/
#RPTRBD td.prk				/* park state graph bar */
{
 padding: 0px 10px;
 height: 48px;
 vertical-align: top;		
 background-image: url('../img/dgs720.png');
 background-position: bottom left;
 background-repeat: no-repeat;
}
/*--------------------------------------------------------------------------------*/
div.prk					/* park state graph bar */
{
 width: 720px;
 height: 24px;
 background-color: #ffad18;		/* arx standard orange */
}
/*--------------------------------------------------------------------------------*/
.mov					/* move state graph bar */
{
 background-color: #422984;		/* arx standard blue */
 height: 24px;
 float: left;
 position: relative;
}
/*--------------------------------------------------------------------------------*/
.pop					/* MLR 2013-05-15 pop up */
{
 position: absolute;
 z-index: 10;
}
/*--------------------------------------------------------------------------------*/

table.ARXpgd, table.ARXhdr
{					/* Grid linked tables */
 table-layout: fixed; 			/* CAUTION! In buggy webkit involves box-sizing: border-box */
 width: 100%;
}

table.ARXpgd tr, table.ARXhdr tr
{					/* Linked tables rows */
/* min-height: 48px; */			/* Let user see empty rows (does NOT work on table elements)*/
 margin: 0px;
}

table.ARXpgd td, table.ARXpgd th, table.ARXhdr td, table.ARXhdr th
{					/* Linked tables cells */
 width: 180px;
 box-sizing: border-box;		/* Make all browsers work as buggy webkits, that .. */
 -moz-box-sizing: border-box;		/* .. silent set box-sizing: border-box to cells .. */ 
 -webkit-box-sizing: border-box;	/* .. of tables having table-layout: fixed .. */
 padding: 5px 5px;
 color: black;
 word-wrap: break-word;			/* Allows columns resize */
 word-break: break-all;			/* Lets word-wrap:break-word work in IE */
}

table.ARXpgd td
{					/* grid data cells */
 border: 1px solid #0000ff;
 background-color: #e0e0e0;
}

table.ARXpgd th, table.ARXhdr td, table.ARXhdr th
{					/* grid header cells */
 border: 5px groove #0000ff;
 background-color: #c0c0c0;
}

div.ARXtop th
{					/* grid header cells */
/* border-bottom: 0px groove #0000ff; */
}

div.ARXtop
{					/* grid header cells */
 border-bottom: 5px groove #0000ff;
}

table.ARXpgd div.ARXtcd
{					/* Grid data cells data containers */
 max-height: 160px;			/* max/min-height do NOT applay to table elements! */
 min-height: 28px;
 overflow: auto;
 background-color: transparent;
}

table.ARXhdr div.ARXtcd
{					/* Grid header cells data containers */
 max-height: 80px;
 min-height: 28px;
 overflow: hidden;
}

table.ARXpgd tr.ARXfoc div.ARXtcd
{					/* paged tables fucused cells */
 min-height: 96px;
}

table.ARXpgd tr.ARXfoc td.ARXfoc
{					/* paged tables fucused cells */
 background-color: yellow; 
}

table.ARXpgd tr.ARXpen td		/* Rimind, row background overwritten by cells! */
{					/* rows waiting server anser */
 background-color: yellow; 
}

table.ARXpgd tr.ARXerr td		/* Rimind, row background overwritten by cells! */
{					/* invalida data rows */
 background-color: red; 
}

table.ARXpgd td input, table.ARXpgd td select, table.ARXpgd td textarea
{					/* paged tables cells default */
 width: 100%;
}

table.ARXpgd td textarea
{					/* paged tables cells default */
 min-height: 100px;
}

table.ARXpgd tr.pen *			/* changes pending style */
{
 background-image: none;
 background-color: #c0c000;		/* yellow backgrund */
}

table.ARXpgd tr.err *			/* invalid changes style */
{
 background-image: none;
 background-color: #c00000;		/* red background */
}

.ARXtol li
{
 list-style-type: none;
 text-align: left;
 cursor: pointer;
 border: 1px solid #0000ff;
}

.ARXtol input
{
 border: 1px solid #0000ff;
 background-color: khaki;
}

.ARXtol *.ARXi25
{
 width: 25px;
 height: 25px;
 border-style: none;
 border-width: 0px;
}

p.hlp
{
 margin: 0px;
 padding: 5px 20px;
 text-align: justify;
 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 font-size: 16px;
}

/* ##@@## MLR 2016/03/11 Inizio */
div.mtb					/* map tools box container */
{
 width: 220px;
 position: absolute;
 top: 0px;
 left: 100px;
 border: 1px solid #a0a0a0;
 border-radius: 8px;

 padding: 2px;
 background-color: white;
 font-size: large;
 z-index: 1;				/* on top of map */
}

div.mtb	span:first-child		/* map tools box caption */
{
 cursor: pointer;
 text-decoration: underline;
}

div.mtb.opn				/* map tools opened box */
{
 opacity: 1.0;
 filter: alpha(opacity=100);		/* For IE8 and earlier */
}

div.mtb.cls				/* map tools closed box */
{
 opacity: 0.8;
 filter: alpha(opacity=80);		/* For IE8 and earlier */
}

div.mtb>div				/* inside map tools box */
{
 border-top: 1px solid #a0a0a0;
 font-size: x-small;			/* less than default (from large) */
}

div.mtb.cls>div				/* tools inner container inside closed box */
{
 display: none;
}

div.mtb.opn>div				/* tools inner container inside opened box */
{
 display: block;
}

div.mtb div.row				/* tools box option container */
{
 border-bottom: 1px solid #a0a0a0;
}

div.mtb input[type="image"]		/* map tools buttons */
{
 height: 2em;
 cursor: pointer;
}
/* ##@@## MLR 2016/03/11 Fine */