/*
    Document   : main
    Created on : 29-mar-2012, 8.35.36
    Author     : Selex-ES
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root {
    display:            block;
}

html, body {
    width:		100%;
    height:		100%;
    margin:		0;
}

#mainMap {
    float:		left;
    width:		100%;
    height:		100%;
    margin:		0;
    border:		0;
    position:relative;
}

#ttDiv {
    position:           absolute;
    height:             1px;
    width:              1px;
    z-index:            100;
}

.tooltip.in {
  opacity:              1;
  filter:               alpha(opacity=100);
}

.tooltip.top .tooltip-arrow {
  border-top-color:     white;
}

.tooltip-inner {
  border:               1px solid black;
  background-color:     lightyellow;
  color:                black;
  padding:              2px 2px;
}

div.infoPann {
    font-family:        Helvetica, Arial;
    font-size:          0.8em;
}

table.infoTable {
    border:             solid 1px gray;
    margin:             0px;
    border-collapse:    collapse;
}

td.infoHeader {
    border:             solid 1px gray;
    font-family:        Helvetica, Arial;
    font-size:          1em;
    font-weight:        bold;
    padding:            2px;
    background-color:   #03B045;
    opacity:            0.8;
    filter:             alpha(opacity=80); /* For IE8 and earlier */
}

td.infoField {
    border:             solid 1px gray;
    font-family:        Helvetica, Arial;
    font-size:          1em;
    padding:            2px;
    background-color:   #efeffc;
    opacity:            0.8;
    filter:             alpha(opacity=80); /* For IE8 and earlier */
}

td.infoFieldPann {
    /*border:             solid 1px gray;*/
    font-family:        'Courier New',Courier,monospace;
    font-size:          1em;
    background-color:   #333300;
    color:              #ff9900;
    padding:            2px;
}

table.infoFieldTable {
    border:             none;
    margin:             0px;
    border-collapse:    collapse;
}

div.olControlAttribution {
    left:1em;
    bottom:1em;
}

/* Stili IKON per popup */
html{font-family:Tahoma;}
/*.mappa_popUp{background-image:url(/Cartografia/immagini/popup_bottom.png); background-position:center bottom; padding-bottom:31px; background-repeat:no-repeat;}
.mappa_popUp .olPopupContent{padding:0px;overflow:hidden;}
.mappa_popUp > div{/*width:260px;}*/
/*.mappa_popUp .olPopupCloseBox{position:absolute; background-image:url(img/RIT_popup_ballon_close.png); width:20px !important; height:22px !important; top:5px; right:5px; }*/

/*.mappa_popUp .olPopupContent .popup_bg{background-color:#ffffff; border:solid 1px #00BF4E; border-bottom:none; height:100%;}
.mappa_popUp .olPopupContent .wrapper{padding:0px;   }
.mappa_popUp .olPopupContent .title{height:22px; line-height:22px; margin-bottom:5px; background-color:#00C14F; color:#ffffff; padding-left:5px; font-weight:bold; /*width:245px;*//*}
.mappa_popUp .olPopupContent .abstract{min-height:80px;  font-size:12px; line-height:15px;}
.mappa_popUp .olPopupContent .greenbar{height:32px; line-height:32px; background-color:#00C14F; color:#ffffff; padding-left:5px; font-weight:bold; position:relative; font-size: 10pt;}
.mappa_popUp .olPopupContent .greenbar .tabContainer {position:absolute; top:7px; left:8px;}
.mappa_popUp .olPopupContent .greenbar .tabContainer a{float:left; display:block; width:25px; height:25px; line-height:25px; text-align:center; margin-right:2px; background-color:#CDF2DC; text-decoration:none; color:#00C14F;}
.mappa_popUp .olPopupContent .greenbar .tabContainer a.active{background-color:#ffffff;}
.mappa_popUp .olPopupContent .pageContainer{min-height:80px;  font-size:12px; line-height:15px; overflow:auto; scrollbar-base-color:#00C14F;scrollbar-base-color:#00C14F; scrollbar-track-color:#AAFCCB;  scrollbar-face-color:#00C14F; scrollbar-arrow-color:white;}
.mappa_popUp .olPopupContent .pageContainer .page{display:none; padding:12px; overflow:auto;}
.mappa_popUp .olPopupContent .pageContainer .page.active{display:block;}
.mappa_popUp .olPopupContent .pageContainer .page .title{line-height:30px; color:#00C14F; font-weight:bold; font-size:18px; }
.mappa_popUp .olPopupContent .pageContainer .page .html{font-size:12px;}*/

.ol-popup {
    padding:            0px;
    overflow:           hidden;
    //display:            none;
}
.greenbar{height:32px; line-height:32px; background-color:#00C14F; color:#ffffff; padding-left:5px; font-weight:bold; position:relative; font-size: 10pt;}
.greenbar .tabContainer {position:absolute; top:7px; left:8px;}
.greenbar .tabContainer a{float:left; display:block; width:25px; height:25px; line-height:25px; text-align:center; margin-right:2px; background-color:#CDF2DC; text-decoration:none; color:#00C14F;}
.greenbar .tabContainer a.active{background-color:#ffffff;}

.pageContainer .page{display:none; padding:12px; overflow:auto;}
.pageContainer .page.active{display:block;}
.pageContainer .page .title{line-height:30px; color:#00C14F; font-weight:bold; font-size:18px; }
.pageContainer .page .html{font-size:12px;}

#infoPopup_close /*.olPopupCloseBox*/ {
    position:           relative; 
    background-image:   url(img/RIT_popup_ballon_close.png); 
    width:              20px !important; 
    height:             22px !important; 
    top:                5px; 
    left:               5px; 
    z-index:            1100;
    //display:            none;
}

.olPopupCloseBox:hover {
    cursor:             pointer;
}

.olPopupContent {
    overflow: hidden !important;
}

.infrastruttura .titolo{
    font-weight: bold;
}
.infrastruttura .label{
    float:left;
    padding-right:10px;
}
.infrastruttura .valore{
    clear: right;
}



/* Stili per scritte popup */

table.infoPopupTable {
    border:             none;
    margin:             0px;
    border-collapse:    collapse;
}

td.infoPopupHeader {
    border:             none;
    font-family:		Tahoma;
    font-size:          12px;
    font-weight:        bold;
    padding:            2px;
}

td.infoPopupField {
    border:             none;
    font-family:        Tahoma;
    font-size:          12px;
    padding:            2px;
}

/*td.infoPopupFieldPann {
    font-family:        'Courier New',Courier,monospace;
    font-size:          1em;
    background-color:   #333300;
    color:              #ff9900;
    padding:            2px;
}

table.infoPopupFieldTable {
    border:             none;
    margin:             0px;
    border-collapse:    collapse;
}*/

td.infoPopupFieldPann {
    font-family:        'Courier New',Courier,monospace;
    font-size:          1em;
    background:         url("img/sfondo_pmv_tile.gif") repeat scroll 0% 0% transparent;
    color:              #FFFF00;
    padding:            2px;
}

table.infoPopupFieldTable {
    border:             none;
    margin:             0px;
    border-collapse:    collapse;
    background:         url("img/sfondo_pmv_tile.gif") repeat scroll 0% 0% transparent;
}

/*Navigatore*/
.navigation_wrapper{position:absolute; left:19px; top:19px; z-index:1010; background-image:url("img/controller_mappa.png"); width:52px; height:147px}
.navigation_wrapper a.fullmap{position:absolute; top:2px; left:9px; height:33px; width:34px; }
.navigation_wrapper a.up{position:absolute; top:49px; left:21px; height:10px; width:10px;}
.navigation_wrapper a.right{position:absolute; top:65px; left:38px; height:12px; width:10px;}
.navigation_wrapper a.down{position:absolute; top:83px; left:21px; height:10px; width:10px;}
.navigation_wrapper a.left{position:absolute; top:65px; left:4px; height:12px; width:10px;}
.navigation_wrapper a.center{position:absolute; top:63px; left:19px; height:14px; width:14px;}
.navigation_wrapper a.z_in{position:absolute; top:105px; left:18px; height:19px; width:16px;}
.navigation_wrapper a.z_out{position:absolute; top:125px; left:18px; height:19px; width:16px;}

.navigation_wrapper a.closePA{position:absolute; top:1px; left:52px; height:37px; line-height:37px; text-align:center; color:#0137d9; font-weight:bold; width:202px; background:url("../Images/map_hidePA.jpg"); display:none;}
.navigation_wrapper a.closePA.open{display:block;}

.KML_infrastruttura {font-size:12px;}
.KML_infrastruttura .tipo{color:#03B045; font-weight:bold; padding-bottom:5px; font-size:15px;}
.KML_infrastruttura .nome{padding-bottom:5px; font-weight:bold;}
.KML_infrastruttura .posizione{padding-bottom:15px;}
.KML_infrastruttura .tagWrapper{padding-bottom:15px;}
.KML_infrastruttura .link{}

/* Percorsi alternativi su evento */

.percAltText {
    color:              #0000FF;
    font-weight:        bold;
}

.percAltText a:link, .percAltText a:visited {
    color:              #0000FF;
    font-weight:        bold;
}
.percAltText a:hover, .percAltText a:active {
    color:              #FF0000;
    font-weight:        bold;
}

.navigation_wrapper a.closePA{
    position:           absolute; 
    top:                5px; 
    left:               65px; 
    height:             37px; 
    line-height:        37px; 
    text-align:         center; 
    color:              #0137d9; 
    font-weight:        bold; 
    width:              202px; 
    background:         url("img/map_hidePA.jpg"); 
    display:            none;
    text-decoration:    none;
    font-size:          13px;
}

.navigation_wrapper a.closePA.open{
    display:            block;
}

.popover {
    border:             1px solid #00bf4e;
    border-radius:      0px;
    padding:            0px;
}

.popover.top > .arrow {
    border-top-color:   #00bf4e;
}

.popover-content
{
    padding:            0px;
}

.mapAttributions {
    position:           absolute;
    left:               10px;
    bottom:             10px;
    font-size:          smaller;
    z-index:            100;
}

.popover
{
	background-color:#fff;
}
.popover.top {
    margin-top: -10px;
}
.popover.top > .arrow::after {
    border-bottom-width: 0;
    border-top-color: #fff;
    bottom: 1px;
    content: " ";
    margin-left: -10px;
}
.popover > .arrow::after {
    border-width: 10px;
    content: "";
}
.popover > .arrow, .popover > .arrow::after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}
.popover.top > .arrow {
    border-bottom-width: 0;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
}
.popover > .arrow {
    border-width: 11px;
}
.popover > .arrow, .popover > .arrow::after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}
.popover.top > .arrow {
    border-top-color: #00bf4e;
}

.KML_infrastruttura .fonte {
    padding-top:        5px;
    padding-bottom:     5px;
    font-size:          9px;
    text-transform:     uppercase;
    color:              #7b7b7b;
    font-weight:        bold;
}