/*  posizionamento degli strumenti di navigazione cartografico   */


/* --------------------- */
/* CONTAINER MAPPA E TOOL*/
/* --------------------- */


body {
	
	background-color: #FFFFFF;
	background-image: url(/images/white.jpg)
}
#map-left {
	width:202px;
	float:left;
        text-align: left;
	margin-left:30px;
}
#wrapper {
	background-color: #FFFFFF;
}
	
.top_meteo {
	width:100%;
	height:52px;
	background:url(images/top_meteo.jpg) top center no-repeat;
	margin:5px 0 5px 0;
	}
.map-section-title {
/*	background:url(images/bkg_title.gif) top left; */
	background:#d2e2f1;
	border-left:2px solid #FFF;
	border-right:2px solid #FFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	font-weight:bold;
	font-size:12px;
	color:#5d686e;
	text-align:left;
	padding-left:10px;
}

/*  DEPRECATED 

  #map-center {
	width:424px;
	float:left;
	margin-left:4px;
	border:1px solid #FF0000;
}*/

.clear{
	width: 100%;
	height: 1px;
	clear: both;
}

#map-info {
	text-align:center;
	background:#FFFFFF;
	border-top:1px solid #999999;
	height:20px;
	padding-top:5px;
	color:#333333;
	font-variant:small-caps;
	font-size:1.2em;
}

form.dojo-CFormsForm {
	margin:0px;		
	margin-top:-2px;
	}

#map-right {
	width: 170px;
	float:left;
	font-size:1em;
	background:#FFFFFF;
        margin-top: 27px;

}

/* ID  */

#center_map {
	text-align: left;
	width: 430px;
	background-color: #eaeaea;
	border-top:1px solid #999999; 
	border-left:1px solid #999999; 
	border-right:1px solid #999999; 
	float:left;
        margin-top: 27px;
        
}
/* ------------------- */
/* 	STILE DI MAP	   */
/* ------------------- */

#map {
	border-top:1px solid #FFF; 
	border-left:1px solid #FFF; 
	border-right:1px solid #FFF; 
        
	float:left;
        
}

#themap {
	width:374px;
	height:444px;
        background:url(images/preload.gif) no-repeat center center;
	}
	
/* ------------------- */
/* STILI DEI PANNINGS  */
/* ------------------- */

.map-pan-active :hover {
	background: #ff9900;
}

#map-pan-nw {
	width:201px;
	height:27px;
	float:left;
}

#map-pan-nn {
	width:27px;
	height:27px;
	float:left
}

#map-pan-ne {
	width:201px;
	height:27px;
	float:left;
	text-align:right;
}

#map-pan-ee {
	width:27px;
	height:236px;
	padding-top:208px;
	float:left;
}

#map-pan-cc {
	float:left;

}

#map-pan-ww {
	width:27px;
	height:236px;
	padding-top:208px;
	float:left;
	clear:left;
}

#map-pan-sw {
	width:201px;
	height:27px;
	float:left;
}

#map-pan-ss {
	width:27px;
	height:27px;
	float:left;
}

#map-pan-se {
	width:201px;
	height:27px;
	float:left;
	text-align:right;
}



/* ------------------- */
/* STILI DELLE LEGENDE */
/* ------------------- */

#map-legend {
	background:#FFFFFF;
	color:#333;
	padding:0 0 0 10px;
	font-size:1.4em;
	font-weight:bold;
}
	
#map-legend-sea {
	margin: 10px 0 0 0;
	font-weight:normal;
	font-size:1.2em;
}	

.map-legend-entry {
	padding-top:5px;
	padding-left:10px;
	font-weight:1.2em;
	
	}
	
.map-legend-entry img {
	vertical-align:middle;
	width:20px;
}
#map-legend-wind {
	margin: 10px 0 0 0;
	font-weight:normal;
	font-size:1.2em;
}	

#map-legend-sky {
	margin: 10px 0 0 0;
	font-weight:normal;
	font-size:1.2em;
}	

#map-legend-pollsea {
	margin: 10px 0 0 0;
	font-weight:normal;
	font-size:1.2em;
}

/* ------------------------ */
/* COLONNA CONTENENTE TOOLS */
/* ------------------------ */


#map-right_column {
	width: 168px;
	float:left;
	background:#FFFFFF;
	text-align:center;
}

/* ------------------------- */
/* CONTAINER TOOL DI PANNING */
/* ------------------------- */

#map-pan-section {
	width:auto;
	height:140px;
	text-align:center;
	background:#FFFFFF;
	margin-left:20px;
	padding-top:5px;
	}

/* ------------------------- */
/* 		TOOL DI PANNING 	 */
/* ------------------------- */

#map-tool-pan-nw {
	width:42px;
	float:left;
}

#map-tool-pan-nn {
	width:42px;
	float:left
}

#map-tool-pan-ne {
	width:42px;
	float:left;
}

#map-tool-pan-ee {
	width:42px;
	float:left;
}

#map-tool-zoom {
	width:42px;
	float:left;
	text-align:center;
	}

#map-tool-pan-ww {
	width:42px;
	float:left;
}

#map-tool-pan-sw {
	width:42px;
	float:left;
	clear:left;
}

#map-tool-pan-ss {
	width:42px;
	float:left;
}

#map-tool-pan-se {
	width:42px;
	float:left;
	margin-left:0px;
}

/* ------------------------- */
/*		METEO DATE TOOLS	 */
/* ------------------------- */


#map-meteodate-section {
	float:left;
	clear:left;
	width:100%;
	text-align:center;
	padding: 10px 0 10px 0;
	background:#FFFFFF;
}


#map-meteodate-section .map-button {
	background:#EAEAEA;
	color:#333333;
	border:1px solid #333333;
	margin-top:3px;
	width:150px;
}
/* ------------------------- */
/*		ZOOMPARTS TOOLS 	 */
/* ------------------------- */


#map-zoomparts-section {
	width:143px;
	float:left;
	clear:left;
	text-align:center;
	padding:10px 0 5px 25px;
	background:#FFFFFF;
}

#map-zoomextent {
	float:left;
	width:70px;
}

#map-zoomnorth {
	float:left;
	width:70px;
}

#map-zoomcenter {
	float:left;
	width:70px;
}

#map-zoomsouth {
	float:left;
	width:70px;
}

#map-zoomsicily {
	float:left;
	width:70px;
}

#map-zoomsardinia {
	float:left;
	width:70px;
}

/* ------------------------- */
/*		METEOTYPE TOOLS 	 */
/* ------------------------- */

#map-meteotype-section{
	float:left;
	clear:left;
	width:100%;
	padding-left:10px;
	text-align:center;
}

#map-sky {
	float:left;
	width:50px;
}

#map-temp {
	float:left;
	width:50px;
	}
	
#map-rain {
	float:left;
	width:50px;
}