/*Stili comuni*/

body{
    background-color:#F4F4D9;
    font-family:Verdana,Arial, Geneva, Helvetica,sans-serif;
    margin:0.5em auto 0em auto;
    text-align:center;
    line-height:1.45em;
    color:#000000;
    font-size:69%;
    min-width:1000px;
    width:99%!important;
	height: 98%!important;
    padding: 5px;
    padding-top: 0px;
}

h3{
	text-align:left;
	font-size:1.1em;
	font-weight: bold;		
	margin:0 0 0 0.45em;
	/*width:50%;*/
	float:left;
}

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

a img {
	border:0;	
	}

.imageLink {
	text-decoration: none;
	}
	
.alignLeft{text-align:left;}
.alignCenter{text-align:center;}
.alignJustify{text-align:justify;}
.clearBoth{clear:both;}
.left{float:left;}
.right{float:right;}
.nomargin{margin:0;}
.pointer{cursor:pointer;}
.width100{width:100%;}
.width98{width:98%;}
.width95{width:95%;}
.width90{width:90%;}
.width85{width:85%;}
.width80{
		width:80%!important;
		width:75%;
	}
.width75{width:75%;}
.width50{width:50%;}
.width25{width:25%;}
.width20{width:20%;}
.width10{width:10%;}
.width20px{width:20px;}
.paddingl{padding-left:0.45em;}
.paddingr{padding-right:0.45em;}
.padding{padding:4px}
.bold{font-weight:bold;}
.column{width:15em;}
.firstColumnDetail{width:18.5em;}
.secondColumnDetail{width:38.5em;}
.inputCol{width:11em;}

.t-space{margin-top:1.44em!important;display:inline;}
.r-space{margin-right:1.40em!important;display:inline;}
.b-space{margin-bottom:1.44em!important;display:inline;}
.l-space{margin-left:1.44em!important;margin-left:10px;display:inline;}
.hl-space{margin-left:0.72em!important;display:inline;}
.hr-space{margin-right:0.72em!important;display:inline;}
.ht-space{margin-top:1.62em!important;display:inline;}
.hb-space{margin-bottom:0.723em!important;display:inline;}
.qt-space{margin-top:0.361em!important;display:inline;}
.hidden{display:none;}
.show{display:block;}
.hand{cursor: url("./../img/mp/cursoreMano.cur"),move;}
.crosshair{cursor: crosshair}
.nounderlinelink{text-decoration: none;}
/**************************************** Stili specifici ***************************************/
.box {
    height:25px;
    text-align:left;
    width:18%;
    }
    
.opened_button {left: 8px;}
.closed_button {left: 348px;}
.opened_map {left: 7px;}

#map {
    background-color:#f4f4d9;
    border:1px solid #C80813;
    bottom:5px;
    position:absolute;
    /*top:147px;*/
    top:13em;
    left:6px;
    min-width:1000px;
    width: 99%;
	cursor: default;
}

/*
#mapPrint {
    background-color:white;
    border:1px solid #D2CD68;
    width:638px;
    height:361px;
}
*/

#normalPageDiv{
	width: expression(Math.max(document.body.clientWidth-10, 1000)+'px');	
	width: 100%;
}

.header{	
	background-color:#D2CD68;/*#C5BA00;*/
	margin-top: 0em;
	padding-top:0.3em;
	padding-bottom: 0.2em;
    text-align:left;
    height:8em;
    /*width:100%;*/    
    /*border-bottom: 0.2em solid #C5BA00;*/
 }

#detailPageDiv{
	margin-bottom:2em;
}

#headerPrintDiv{
	height:90px;
}

#legendPrintDiv{
	
}

#trovaLocalitaDiv{
	background-color : white;
	position : absolute;
	overflow:auto;
	text-align:left;
	z-index:3000;
}

#trovaLocalitaDiv a{
	margin-left : 0.45em;
	text-decoration : none; 
}

#trovaLocalitaDiv a:hover{
	text-decoration : none; 
}

.btnclick {
    cursor:pointer}
    
.btnflat{
    background-color:#9ECEFF;
    border-right:0px!important;
    cursor:default;}

#button{
    position:absolute;
    top:160px;
    width:14px;
    text-align: center;
    z-index:1001;}

#legendContentsDiv img{
	width:1.8em;
}

.leftDivStatusBarImg{
	margin:0.45em 0.45em 0 0;
}

.titleLeftDiv {
    background-color:#D2CD68;
    border-top: 1px solid white;
    border-right: 1px solid white;
    color:#000000;
    height: 20px;
    margin-bottom: 5px;
    text-align:left;
    vertical-align: middle;
    left:0px;
    right:2px!important;
}

.logo{
	text-align:left;
	margin-right:0px;
	margin-top:0.45em;
	width:18%;
}

.logo img {
	width:137px;
	height:78px;
	}
	
.logo-reg{
	width:124px;    
	margin:0 0 0;    
}

.navbar-top{
	border-bottom: 2px solid #c80813;
	/*margin-bottom:1.3em;*/
	color:#D2CD68;
    height:19px;
    width:100%;
}

.navbar-top a{
	color:#000000;
	font-weight:bold;
	padding-left:0.5em;
	padding-right:0.5em;
}

.navbar-top a:hover{
	color:#000000;
	font-weight:bold;	
}

.navbar-top .linksSep {
	color: #000000; /*#C80813;*/
	font-weight:bold;
}
	
#output {
    background-color:#F4F4D9;
    border-top:1px solid #C80813;
    border-right:1px solid #C80813;
    border-bottom:1px solid #C80813;
    border-left: 0;
    bottom:5px;
    display:none;
    top:147px;
    width:340px!important;
    left:7px;
    overflow:auto;
    position:absolute;
    z-index:2000;
}

#resultsContentsDiv ol {
	margin-top:20px;
	font-weight:bold;	
}
#resultsContentsDiv li {
	margin-top:1.5em;
}
#resultsContentsDiv li div {
	font-weight:normal;
}
#resultsContentsDiv .label{
	font-weight:bold;
}
#resultsContentsDiv p {
	margin: 0.4em;
}

*:first-child+html .resultWidth /* solo IE 7.0 */
{
	width:auto;
}

.resultWidth{
	width:100%;
}

/*
#printPageDiv{

}

#printPageDivContainer{
	width:640px;
}

#printPageDiv .todo_bar {
	height:2.4em;
}
*/

.search_panel {
    clear:both;
    height:8em;
    overflow:hidden;
    width: 100%;    
}

.todo_bar {
    clear:both;
    height:2.4em;
    overflow:hidden;
    width: 100%;    
}

.todo_bar ul {
    background-color: #C80813;
	clear: both;
    float:left;
    font-size: 1.1em;
    /*height:25px;*/
    height:2em;
    list-style:none;
    margin: 0px;
    padding: 0px;
    width:100%;
}

.separator{
	color:#FFFFFF;
	font-weight:bold;	
}
.todo_bar ul li.selected {
    font-weight: bold;
    color:#FFFFFF;    
}
    
.todo_bar ul li.unselected a{
	border: 0px solid #f29e00;	
	color:#FFFFFF;
    text-decoration:none;
}

.todo_bar ul div.selected {   
}

.todo_bar ul div.unselected {	
}

.todo_bar ul div a{	
	text-decoration:none;	
}

/* Stili dei link Stampa e Info sulla todo_bar*/
.todo_bar ul div.selected a{
    color: #FFFFFF;
    font-weight:bold;
}
.todo_bar ul div.unselected a{
	color:#FFFFFF;
	/*font-weight:bold;*/
}

.todo_bar ul li.nopadding{
	padding:0;
}

.todo_bar .inputSearchDiv {	
	height: 4.19em;
}

.todo_bar ul li{
    float:left;
    padding-left:2em;    
    padding-bottom:0.3em;
    padding-top:0.3em;
    text-align:center;
}
.todo_bar ul li.auto{
    border-top: 0px solid #f29e00;
    width:70%;}
    
.todo_bar label {
	/*color:#000000;/*#046c05;*/
	/*font-weight:bold;*/	
}
.todo_bar input.text {color:#999999;}
.todo_bar input.lungo {width:33.5em;}

.stampa {
	text-align:right;
	float:right;
	margin-right:10px;
	color:#D2CD68; /*#0000CC;*/
	text-decoration:underline;
}

.stampa a{
	text-align:right;
	float:right;
	color:#D2CD68; /*#0000CC;*/
	text-decoration:underline;
}

.outscreen {
    display:none;
   }
    
 .lower-footer {
    background-color: #F4F4D9;
    bottom: 0px;
    height:20px;
    left: 0.5%;
    position: absolute;
    right: 0.5%;
    text-align: right;
    vertical-align: middle;
    z-index: 5;}
.lower-footer p {
    margin: 0px;
    padding: 0px;}

.listSelected{
	background-color:#F4F4D9;
}

.listUnselected{
	background-color:white;}
	

.resultPanelTitle{
	margin-left:8.5em;
}


#ricercaPercorsiLocDiv .inputCol{
	/*width:12em;*/
	width: 100%;
}
#ricercaPercorsiLocDiv .comboInputCol{
	/*width:9em;*/
	width: 100%;
}
#ricercaPercorsiLocDiv .hl-space{
	margin-left:1.69em !important;	
}
#ricercaPercorsiNomeDiv .inputCol{
	/*width:14em;*/
	width: 100%;
}
#ricercaPercorsiNomeDiv .hl-space{
	margin-left:1.69em !important;	
}
#ricercaItinerarioLocDiv .inputCol{
	/*width:12em;*/
	width: 100%;
}
#ricercaItinerarioLocDiv .hl-space{
	margin-left:1.69em !important;	
}
#ricercaItinerarioPuntiDiv .inputCol{
	/*width:11em;*/
	width: 100%;
}
#ricercaItinerarioPuntiDiv .hl-space{
	margin-left:1.71em !important;	
}
#ricercaLocalita .inputCol{
	/*width:17em;*/
	width: 100%;
	}
.autoCompletePanel{
	width:25.5em;
	}

.thumbnail{
	width:125px;
	height:125px;
}

/* STILI PER LE PAGINE ESTERNE */
.redLine{
	background-color:#C80813; 
	height:27px;
}
.informazioni {
	padding-left:5em;
	padding-right:5em;
	font-size:1.2em;	
}
.labelColor {
	color:#C80813;	
}

/* STILI PER IL PANNELLO DELL'INFO PUNTUALE */
.infoLayerHeader {
	border-bottom:4px solid #C80813;	
}
	
.infoTable {
	border-spacing:0px;
	border-collapse: collapse;
	border-top:1px solid #C80813;
	border-left:2px solid #C80813;
	border-right:2px solid #C80813;
	border-bottom:2px solid #C80813;	
	font-size:100%;
}
.infoTable th{
	border:1px solid #C80813;
	border-spacing:0px;
}

.infoTable td{
	border:1px solid #C80813;
	border-spacing:0px;
}