/*
// ************************************************************************************
// *
// * Proj: SDD W
// * Node: stile
// * File: metro_w.css
// * Date: 30/10/2010
// * 
// * Notes:
// *	File principale di stile per l'applicazione.
// *
// * Changes:
// *	- revisione generale
// *	- personalizzato per Metro W
// *
// * Copyright: IMG Srl - System definition
// * Copyright: A&C2000 Srl - Application design and development
// *
// ************************************************************************************
*/

body
     { font: 69% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
       background-color: White;
       color: Black;
       margin: 0;
       padding: 0; }
table
      { font: 100% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; }
a
  { color: #436976; }
ul
   { line-height: 1.5em;
     margin: 0.5em 0em 0em 1.5em;
     padding: 0;
     list-style-type: square; }
li
   { margin-bottom: 0.5em; }

/* STILIZZAZIONE CAMPI DI INPUT */
select {
  font-size: 12px;
  padding: 0px;
  border: 1px solid lightgrey;
  border-radius: 2px;
  background-color: white
}
input[type=text], input[type=textbox], input[type=password] {
  font-size: 12px;
  padding: 0px;
  border: 1px solid lightgrey;
  border-radius: 2px;
  background-color: white;
}
input[type=button], input[type=submit], input[type=reset] {
  font-size: 14px;
  font-family: Arial;
  padding: 2px 8px;
  border: 1px solid grey;
  border-radius: 2px;
  background-color: #f0f0f0; 
  cursor: pointer;
} 
/* FINE STILIZZAZIONE CAMPI DI INPUT */
   
#portal-header
		{ margin-top: 0em; }
/*********XXXXXXXXXXX*********/
#portal-globalnav
		{ padding: 0em 2em 0em 2em;
			white-space: nowrap;
			list-style: none;
			margin-right: 1em;    /* distanza dei tab dal bordo destro della pagina */
			height: auto;
			line-height: normal;
			text-align: center; }
/*********************************/
#portal-globalnav li
		{ display: inline; }
/*********XXXXXXXXXXX TOO*********/
#portal-globalnav li a
		{ background-color: transparent;
			border-color: #8cacbb;
			border-width: 1px;
			border-style: solid solid none solid;
			color: #436976;
			height: auto;
			margin-right: 0.5em;	/*distanza fra un tab e il successivo*/
			padding: 0em 1.25em;
			text-decoration: none;
			text-transform: lowercase; }
#portal-globalnav li.selected a
		{ background-color: #dee7ec;
			border: 1px solid #8cacbb;
			border-bottom: #dee7ec 1px solid;
			color: #436976; }
#portal-globalnav li a:hover
		{ background-color: #dee7ec;
			border-color: #8cacbb;
			border-bottom-color: #dee7ec;
			color: #436976; }
/*********************************/
#portal-personaltools
		{ background-color: #dee7ec;
			border-top-color: #8cacbb;
			border-top-style: solid;
			border-top-width: 1px;
			border-bottom-color: #8cacbb;
			border-bottom-style: solid;
			border-bottom-width: 1px;
			line-height: 1.4em;
			color: Black;
			padding: 0em 0em 0em 3em;
			margin: 0em 0em 1em 0em;
			text-transform: lowercase;
			list-style: none; }
#data-list
		{ border: 1px solid #8cacbb;
			margin: 1em; }
#data-list-fascia
		{ background-color: #dee7ec;
			line-height: 1.6em;
			border-bottom: 1px solid #8cacbb;
			text-align: center; }
#data-list-body
		{	padding: 0.5em;
			overflow: auto; }
#docs-list
		{ border: 1px solid #8cacbb;
			margin: 1em; }
#docs-list-fascia
		{ background-color: #dee7ec;
			line-height: 1.6em;
			border-bottom: 1px solid #8cacbb;
			text-align: center; }
#docs-list-body
		{ max-height: 297px;
			padding: 0.5em;
			overflow: auto; }
#map-block
		{ border: 1px solid #8cacbb;
		  position: absolute;
		  background-color: rgb(192, 192, 192);
		  z-index: 1; }
#maptools-block
		{ position: absolute;
		  border: 1px solid #8cacbb;
		  background-color: #8cacbb; } 
#commutatore
        { border-style:solid;
          border-width:1px;
          border-color:#f7f7f7 #494949 #494949 #f7f7f7;
          cursor:pointer;
          line-height:21px;
          font-size:10px;
          width:76px; 
          height:23px;
          position:absolute;
          top: 8px;
          left:368px; 
          background-color: #e0e0e0;
          text-align:center;
          z-index: 7; }
div.indice { border:1px solid;
            border-color:#f7f7f7 #494949 #494949 #f7f7f7;
            cursor:pointer;
            font-size:10px;
            line-height:21px;
            position:absolute;
            top: 8px;
            height:23px;
            background-color: #e0e0e0;
            text-align:center;
            z-index: 7; }
#indice-ortof { left:270px; 
                width:49px; } 
#indice-layers { left:323px; 
                width:41px; } 
#indice-legend { left:368px; /* 448px; */
                 width:50px; } 
div.indice-block-opere
        { border: 1px solid #8cacbb;
          position:absolute;
          height: 37px; 
	        /* top: 447px;
          width: 160px; */
          z-index: 7; }
div.indice-opere { border:1px solid;
            border-color:#f7f7f7 #494949 #494949 #f7f7f7;
            cursor:pointer;
            font-size:11px;
            line-height:6px;
            position:absolute;
            height: 35px;
	          /* top: 448px; 
            width: 158px; */
            background-color: #e0e0e0;
          	text-align:center;
						overflow:hidden;
            z-index: 7; }
#block-PS { left: 11px; }
#indice-PS { left:12px; }
span.micro { font-size: 10px; }
/* #block-stazioni { left: 181px; }
#indice-stazioni { left:182px; }
#block-sitiMon { left: 351px; }
#indice-sitiMon { left:352px; } */
div.indice-block-pulsanti
        { border: 1px solid #8cacbb;
          position:absolute;
          height: 30px;
	  /* top: 492px;
          width: 246px; */
          z-index: 7; }
div.indice-pulsanti { border:1px solid;
            border-color:#f7f7f7 #494949 #494949 #f7f7f7;
            cursor:pointer;
            line-height:26px;
            font-size:13px;
            position:absolute;
            height: 28px;
	    /* top: 493px;
            width: 244px; */
            background-color: #e0e0e0;
          text-align:center;
            z-index: 7; }
#block-spostMP { left: 11px; }
#indice-spostMP { left: 12px; }
/* #block-subsid { left: 265px; }
#indice-subsid { left: 266px; } */
div.indice-block-BIG
        { border: 1px solid #8cacbb;
          position:absolute;
          left: 811px;
          height: 25px;
          width: 160px;
          text-align: left;
          z-index: 7; }
div.indice-BIG 
        { border:1px solid;
          border-color:#f7f7f7 #494949 #494949 #f7f7f7;
          cursor:pointer;
          font-size:10px;
          line-height:21px;
          position:absolute;
          left: 812px;
          height:23px;
          width: 158px;
          background-color: #e0e0e0;
          text-align:center;
          z-index: 7; }
#block-ortof-BIG { top: 15px; }
#indice-ortof-BIG { top: 16px; }
#block-layers-BIG { top: 50px; }
#indice-layers-BIG { top: 51px; }
#block-legend-BIG { top: 85px; }
#indice-legend-BIG { top: 86px; }
#block-spostMP-BIG { top: 120px; }
#indice-spostMP-BIG { top: 121px; }
#block-subsid-BIG { top: 155px; }
#indice-subsid-BIG { top: 156px; }
div.indice-block-opere-BIG
        { border: 1px solid #8cacbb;
          position:absolute;
          left: 811px;
          height: 37px; 
          width: 160px; } 
div.indice-opere-BIG 
        { border:1px solid;
          border-color:#f7f7f7 #494949 #494949 #f7f7f7;
          cursor:pointer;
          position:absolute;
          left: 812px;
          height: 35px; 
          width: 158px; } 
#block-TBM-BIG { top: 290px; } 
#indice-TBM-BIG { top: 291px; 
                  background-image:url('../immagini/img2custom/pulsanti/TBM_158x35_up.gif'); } /* lineaTBM_BIG_up */
#block-stazioni-BIG { top: 337px; } 
#indice-stazioni-BIG { top: 338px; 
                       background-image:url('../immagini/img2custom/pulsanti/stazioni_158x35_up.gif'); } /* stazione_BIG_up */
#block-sitiMon-BIG { top: 384px; } 
#indice-sitiMon-BIG { top: 385px; 
                      background-image:url('../immagini/img2custom/pulsanti/colosseoSTY_158x35_up.gif'); } /* colosseo_BIG_up */
#refmap-block
		{ position: absolute;
		  border: 1px solid #8cacbb;
		  z-index: 110; }
#refmap-button
		{ position: absolute;
		  border: 1px solid #8cacbb;
		  z-index: 111; }
#scalebar-box
	      { background-color: white;
	        position: absolute;
            border: 1px solid #8cacbb;
            z-index: 110; }

/* HOME PAGE */

#auth_box_title {
/*	font-family: arial; */
	font-size: 12px;
	background-color: #dee7ec;
	line-height: 1.6em;
	border: 1px solid #8cacbb;
	border-bottom: 0px;
	text-align: center;
	width: 300px;
	margin: 40px 0px 0px 0px;
}
#auth_box {
/*	font-family: arial;	*/
	font-size: 12px;
	border: 1px solid #8cacbb;
	width: 300px;
	margin: 0px 0px 40px 0px;
}

/* HOME PAGE */

.guide_box_title {
/*	font-family: arial; */
	font-size: 12px;
	background-color: #dee7ec;
	line-height: 1.6em;
	border: 1px solid #8cacbb;
	border-bottom: 0px;
	text-align: left;
	width: 600px;
	margin: 15px 0px 0px 0px;
	padding-left: 10px;
	padding-right: 10px;
}
.guide_box {
/*	font-family: arial; */
	font-size: 12px;
	border: 1px solid #8cacbb;
	width: 600px;
	margin: 0px 0px 15px 0px;
	text-align: left;
	background-color:white;
	padding-left: 10px;
	padding-right: 10px;
	max-height: 500px;	
	overflow: auto;
}

/*** DIV CORNICE ***/

#cornice_sx { margin: 0px;
              padding: 0px;
              border: 0px solid black;
              background-color: white;
              position: absolute;
              top: 0px;
              left: 0px;
              width: 11px;
              z-index: 6; }
#cornice_dx {	margin: 0px;
		padding: 0px;
		border: 0px solid black;
		background-color: white;
		width: 20px;
		position: absolute;
		top: 0px;
		z-index: 6;	}
#cornice_su {	margin: 0px;
		padding: 0px;
		border: 0px solid black;
		background-color: white;
		width: 533px;
		height: 33px;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 6;	}
#cornice_giu {	margin: 0px;
		padding: 0px;
		border: 0px solid black;
		background-color: white;
		height: 20px;
		position: absolute;
		left: 0px;
		z-index: 6;	}
.mapunits { font-family:arial,helvetica,sans-serif;
            font-size:8pt;
            font-weight:normal;
            color:#000000;
            background-color:#ffffff;
            border:0; }
#cursx { position: absolute;
         top: 0px;
         left: 0px;
         z-index: 102;
         width: 1px;
         visibility: hidden;
         background-color: #444444; }
#cursy { position: absolute;
         top: 0px;
	 left: 0px;
	 height: 1px;
	 z-index: 102;
	 visibility: hidden;
         background-color: #444444; }
#myCanvas { position: absolute;
            top: 0px;
	    left: 0px;
	    z-index: 103;
	    visibility: hidden; }
#myCanvas-ie5 { position: absolute;
		top: 0px;
		left: 0px;
		z-index: 103;
		visibility: hidden; }
#zoomrect { position: absolute;
	    top: 0px;
	    left: 0px;
	    height: 1px;
	    width: 1px;
	    z-index: 105;
	    border: 2px solid red;
	    visibility: hidden; }
#loadmap-img { position: absolute;
	       top: 0px;
	       left: 0px;
	       z-index: 110;
	       visibility: hidden; }