/**
 * COLOR Definition
 *
 * verde: #89CF01
 * verde chiaro: #CCFF66
 * grigio chiaro: #EEEEEE
 * rosa chiaro: #FDE0F0
 */

body { margin: 0; padding: 0; background: #fff; color: #333; font-size: 13px; font-family: 'Segoe UI', Arial, Helvetica, sans-serif; background-color:#d6d6d6 }

a:link, a:visited { text-decoration:none; color:#76B301; }
a:hover, a:active { text-decoration:underline; color:#76B301; }

input, textarea, option { font-size: 12px; font-family: 'Segoe UI', Arial, Helvetica, sans-serif;}

h1 { font-size: 18px; margin:0px 0px 10px; font-weight:bold; color: #89CF01;  }
h1 a:link, h1 a:visited { text-decoration:none; color:#89CF01; }
h1 a:hover, h1 a:active { text-decoration:none; color:#89CF01; }

#container {
  width: 960px;
  margin: 0px auto;
  padding: 10px;
  background-color:#FFF;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
}

#barra_carpooling { background-color:#666666; color:#CCCCCC; font-size:11px; padding: 5px; margin: -10px -10px 10px; border-bottom: 1px solid #CCC; text-transform:uppercase }
#barra_carpooling a:link, #barra_carpooling a:visited { text-decoration:none; color:#CCC; }
#barra_carpooling a:hover, #barra_carpooling a:active { text-decoration:underline; color:#CCC; }

#header { padding: 0px; margin: 0px -10px;
}

.testo { padding: 15px;}

.errore {
  color:#FF0000;
  font-weight:bold;
  margin: 5px 0px;
}
.conferma {
  color:#00BB00;
  font-weight:bold;
  margin: 5px 0px;
}

.pub { padding: 0px;
}

.titolo { font-size: 18px; color:#89CF01; margin-bottom:10px; font-weight:bold; }

.nota, .bruciato_passeggero, .bruciato_autista { color:#AAAAAA; }

.grande { color:#89CF01; font-size: 30px; font-weight: bold;}
.grandenero { color: #333; font-size: 30px; font-weight: bold; }
.medioverde { color:#89CF01; font-size: 24px; font-weight: bold;}
.medionero { color:#666666; font-size: 18px; font-weight: bold;}

.tag1 { font-size: 18px;}
.tag2 { font-size: 16px;}
.tag3 { font-size: 14px;}
.tag4 { font-size: 12px;}
.tag5 { font-size: 10px;}

.rientrato { padding-left: 30px;
}

.menu1 { color: #333; font-weight:normal; background-image:url(../img/bg_menu1.jpg); background-repeat:repeat-x; background-position:bottom;}
.menu1 a:link, .menu1 a:visited { color: #EEE; font-weight:normal; text-decoration:none; }
.menu1 a:hover, .menu1 a:active { color: #333; font-weight:bold; text-decoration:none; } 

.menu1 td:hover { background-color: #d6d6d6; padding: 0px 10px; }

.menu1s { background-color: #d6d6d6; padding: 0px 10px; }
.menu1s a:link, .menu1s a:visited { color: #333; font-weight:bold; text-decoration:none }
.menu1s a:hover, .menu1s a:active { color: 333; font-weight:bold; text-decoration:none } 

.menu2 { background-image:url(../img/bg_menu2.jpg); background-repeat:repeat-x; background-position:top;}
.menu2 a:link, .menu2 a:visited { color: #333; text-decoration:none; font-weight: normal }
.menu2 a:hover, .menu2 a:active { color: #333; text-decoration:underline } 

.menu2s a:link, .menu2s a:visited { font-weight: bold; }
.menu2s a:hover, .menu2s a:active { color: #333; text-decoration:underline } 

/* nuovi stili */
#cont_left { float: left; width: 670px; padding: 0px 10px; }
#cont_total { padding: 0px 10px; }
.riquadro { border: 1px solid #AAA; padding: 10px; margin-bottom: 20px;
	border-radius: 10px; box-shadow: 0px 0px 15px #BBB; 
	-moz-border-radius: 10px; -moz-box-shadow: 0px 0px 15px #BBB;
	-webkit-border-radius: 10px; -webkit-box-shadow: 0px 0px 15px #BBB;
}
#cont_left .riquadro { padding: 15px; }
#col_right { float: right; width: 250px; padding-right: 10px; padding-top: 10px; }
#bottom { clear: both; color: #AAA; text-align: center; padding-top: 20px; }

/* stili angolo login */
#angolologin { font-size: 12px; }
#angolologin .campo { border: 1px solid #CCC; width: 80px; }
.angolologin a:link, .angolologin a:visited { color: #333; text-decoration:none; }
.angolologin a:hover, .angolologin a:active { color: #333; text-decoration:underline } 

.frameset_barra a:link, .frameset_barra a:visited { color: #FFF; font-weight:normal; text-decoration:none; }
.frameset_barra a:hover, .frameset_barra a:active { color: #FFF; font-weight:normal; text-decoration: underline; } 

.t_titolo { font-weight:bold; border-bottom:dotted 1px #89CF01; border-top:dotted 1px #89CF01; text-align:center }
.t_titolog { font-weight:bold; border-bottom:dotted 1px #89CF01; border-top:dotted 1px #89CF01; text-align:center; background-color:#EEEEEE; }
.t_cellab { border-bottom: 1px solid #AAAAAA; }
.t_cella_vr { border-bottom: 1px solid #AAAAAA; background-color: #FDE0F0 }
.t_cellag { background-color:#EEEEEE; }

.codice { background-color:#EEE; border: 1px solid #CCC; font-family:"Courier New", Courier, monospace; font-size:12px; padding: 10px; margin: 10px 0px;}

.ombreggiato { border: 1px solid #CCC; background-color: #EEE; padding: 5px; }

/* stili per intro */
#introGuad { background-image: url('../img/introGuad-bg-guadagna-carpooling.jpg'); background-repeat: no-repeat; }
#introGuadCont { margin-left: 140px; }

/* stili per div numerati */
.divNum1 { background-image: url('../img/iconaNum-1.jpg'); }
.divNum2 { background-image: url('../img/iconaNum-2.jpg'); }
.divNum3 { background-image: url('../img/iconaNum-3.jpg'); }
.divNum4 { background-image: url('../img/iconaNum-4.jpg'); }
.divNum1, .divNum2, .divNum3, .divNum4 { background-repeat: no-repeat; padding-left: 80px; margin: 20px 10px; }

/* stili per posizionare le immagini */
.unposu {position: relative; top: -3px; }
.unpogiu {position: relative; top: 3px; }

/* inizio stili per tabella tappe/passaggi */
	table.tappe tr.comuni td {  }
    table.tappe tr.descrizioni td { color: #AAA;  }
    
    table.tappe td { width:50px ; text-align:center}
    table.tappe tr.stick td{ border-left:1px solid #333; border-right:1px solid #333; }
    table.tappe tr.stick td.no{ border-color:white ; width:50px}
    table.tappe tr.passaggio td{ border-left:1px solid #333; border-right:1px solid #333; }
    table.tappe tr.passaggio td.no{ border-color:white ; width:50px}
    .no{ font-size: 4px; }
    
    .tappaNuovaAntPost { display: none}
    .tappaNuova { padding: 3px; border: 1px solid #CCC; margin-bottom: 3px; background-color: #DDD; margin-left: 10px; }

/* fine stili per tabella tappe/passaggi ================================================================ */

/* inizio stili per icona aiuto */
      div.helpAnchor {
        position:relative;
        text-decoration:none;
		display:inline;
      }
      div.helpAnchor .helpText { 
        display:none; 
      }
      div.helpAnchor:hover .helpText {
        display:block;
        position:absolute;
        width:300px;
        top:-20px;
        left:20px;
        background-color: #333;
        color:#eee;
        border:dotted 0px #333; 
		font-size: 12px;
		padding:5px 10px;
		font-weight:normal;
		text-align:left;
		z-index:1000;
      }

/* fine stili per icona aiuto =============================================== */

/* inizio stili per autosuggest */
.search-wrap input{width:295px; font-size:20px; color:#999999; padding:4px; border:solid 1px #999999;}
.results{width:220px; background-color: #FFFFFF; border:solid 1px #DEDEDE; display: none; position: absolute; z-index:10000; }
.results ul, .results li{padding:0; margin:0; border:0; list-style:none;}
.results li {border-top:solid 1px #DEDEDE;}
.results li a{display:block; padding:4px; text-decoration:none; color:#000000; font-weight:bold;}
.results li a small{text-decoration:none; color:#999999; font-weight:normal;}
.results li a:hover{background:#89CF01;}
.results ul {padding:6px;}
/* fine stili per autosuggest */

/* stili per lista amici Facebook */
.selezionaTutti { margin-top: 20px; background: #EEE; width: 180px; border: 1px solid #CCC; border-bottom-width:0px; font-weight:bold; font-size:12px; text-transform: uppercase; padding: 0px 10px; }
div.fb_listaAmici { height: 260px; width: 260px; overflow: auto; border: 1px solid #CCC; padding: 10px; margin: 20px 0px }
.fb_listaAmici label { cursor: pointer }
.fb_listaAmiciElemento{color: BLACK;font-family: 'Segoe UI',Arial; font-size: 13px; }
.fb_listaAmiciElemento:hover {background-color: #89CF01; }
/* fine */

/* Fixed Positioned AddThis Toolbox */            
.addthis_toolbox.atfixed {
    position: fixed;
    top: 10%;
    left: 20px;
    border: 1px solid #eee;
    padding: 5px 5px 1px;
    width: 32px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.addthis_toolbox .custom_images a {
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.addthis_toolbox .custom_images a img { border: 0; margin: 0 0 1px; opacity: 1.0; }
.addthis_toolbox .custom_images a:hover img { margin: 1px 0 0; opacity: 0.75; }
/* fine AddThis */

/* stili dialog box */
#dialog-overlay {
 
    /* set it to fill the whil screen */
    width:100%; 
    height:100%;
     
    /* transparency for different browsers */
    filter:alpha(opacity=50); 
    -moz-opacity:0.5; 
    -khtml-opacity: 0.5; 
    opacity: 0.5; 
    background:#000; 
 
    /* make sure it appear behind the dialog box but above everything else */
    position:absolute; 
    top:0; left:0; 
    z-index:3000; 
 
    /* hide it by default */
    display:none;
}
 
 
#dialog-box {
     
    /* css3 drop shadow */
    -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 1);
     
    /* css3 border radius */
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
     
    background:#eee;
	padding: 20px;
    /* styling of the dialog box, i have a fixed dimension for this demo */
    width:320px; 
     
    /* make sure it has the highest z-index */
    position:absolute; 
    z-index:5000; 
 
    /* hide it by default */
    display:none;
}
#dialog-buttons { margin: 20px 0px; text-align: center };
 
#dialog-box .dialog-content {
    /* style the content */
    text-align:left; 
    padding:10px; 
    margin:13px;
    color:#666; 
    font-size:12px; 
}
 
a.button {
    /* styles for button */
    margin:10px;
    text-align:center;
    width:50px;
    padding: 5px 15px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    background-color: #89cf01;
     
    /* rounded corner */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
     
    /* drop shadow */
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
     
    /* text shaow 
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative; */
    cursor: pointer;
}
 
a.button:hover {
    background-color: #70aa01;  
}
 
/* extra styling */
#dialog-box .dialog-content p {
    font-weight:700; margin:0;
}
 
#dialog-box .dialog-content ul {
    margin:10px 0 10px 20px; 
    padding:0; 
    height:50px;
}
/* fine dialog box */