html, body { height:100%;  overflow:hidden; min-width:0px}

/* hover formatting *******************************/

	.wphover .instxtimg { float:left; margin: 0 1pt 0 0;}
	.wphover .insdsttxt {
		font-size:90%;
		color: gray;
		}
	.wphover p { padding:0; margin:0; }

	.hovermap {
		width:246px;
		}

/*   direction option formating */
	 .jz-sect-option {
		font-style: normal;
		font-weight: 500;
		float:right;
		font-size:90%;
		margin: 2px 4px;
		margin:0px;
		}

/*list sorties */



.sortie3conteiner, .sortie4conteiner { background: white; overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%}

.sortie3list, .sortie4list, .sortie5list {
    background: white;
    overflow:scroll;
    overflow-x:hidden;
    overflow-y:auto;
    position:absolute;
    top:0px; bottom:0px;
    right:0px; width:300px;
    padding:0px;
    padding-right:10px;
    
    
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    
    
    
    }
    
.sortie3map, .sortie4map, .sortie5map {
    border:1px solid black;
    position:absolute; 
    top:0px; bottom:0px;
    left:0px; right:311px; /* width + margins */
}



.wallkit_edit {
    
    background: white;
    overflow:hidden;
    position:relative;
    top:0px; height:auto;
    width:280px;
    padding:0px 6px 4px 6px;
    }


.wallkit_edit .numetape { display:none }

.wallkit_edit.jzOpened2 .numetape { 
    display:inline;
    background-image: none;
    background-repeat:no-repeat;
    padding-left:16px;
    margin-left:-10px;
    }


.wallkit_edit.jzOpened2 .numetape.error { 
    background-image: url("/static/icon/error.gif");
    }

.wallkit_edit.jzOpened2 .numetape.confirm { 
    background-image: url("/static/icon/confirm.gif");
    }

.wallkit_edit.jzOpened2 .wallkit_editcontent { }

.xwallkit_edit.jzOpened2 .wallkit_profilepic { display:none;  }


.jz-FloatRight {float: right }
.jz-FloatLeft  {float: left }
.jz-ClearBoth  {clear: both }

#fb_editor-ocbut .ui-button-text {
    padding:2px;
    font-size:66%
    }

#fb_editor-ocbut  .opened {
    display:none
    }

#fb_editor-ocbut  .closed {
    display:inline-block
    }



.wallkit_edit.jzOpened2 #fb_editor-ocbut  .opened {
    display:inline-block
    }

.wallkit_edit.jzOpened2 #fb_editor-ocbut  .closed {
    display:none
    }



.wallkit_editcontent {
    
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    
    margin-left:52px;
    background-color:#F2F2F2;
    border: 1px solid #CCC;
    }
    

.wallkit_editcontent div {
    
    margin:0px;
    padding:2px 8px 2px 8px;
    }
    
    
.wallkit_editcontent .ui-stars-star {
    
    padding:0px;
    margin:0px;
    }


.wallkit_editcontent .vx-picto.vx-picto-inline {
    
    margin-left:-8px;
    margin-right:-8px;
    }


.wallkit_editcontent .actionLabel {
    
    margin-top:4px;
    padding-left: 2px;
    font-weight:bold;
    font-size:1.1em
    }

    
.wallkit_editcontent textarea {
    
    background-color: white;
    border: 1px solid #BDC7D8;
    padding:3px;
    width:202px;
    }
 
#fb_editor .detail { display:none; } /* close editor on startup */


#fb-viewerinfo-div {
    font-size:8px
    }
    
#fb-login-div a {
    background-color: #5F78AB
    }

#fb-login-div span.fb_button_text {
    font-size:8px;
    margin-top:20px; margin-left:0px;
    padding:1px;
    border-top-width:0px;
    }
    
/* Aide  from fbcanvas*/
    #vxaide {padding:0; overflow:hidden; width:750px; height:700px; }

    #vxaide iframe { width:100%; height: 100% ; }


    
    
.listitem {
    
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;

    border:0px solid white;
    margin:6px;
    position: relative;
    width:280px;
  
    height:auto;
  /*
    overflow: hidden;
    */
    }
    
.sortie3list .listitem,    
.sortie4list .listitem,
.sortie5list .listitem {
    
    height:auto;
    min-height: 50px;
    margin: 4px 6px 6px 6px;
    padding-bottom: 5px;
    border-bottom: 1px solid #D8DFEA;
    }


.wallkit_postcontent {
    margin-left:50px;
	padding-left:10px;
    clear:both;
    }
    
.sortie5list .wallkit_postcontent,
.sortie5map .wallkit_postcontent {
    min-height:56px;
    }
    
    
.listitem h4 {
		display:block;
		font-weight:bold;
		margin:0px;
        padding: 0 5px 3px 0;
        color: #3B5998;
		}
		
.sortie5list .listitem h4,
.sortie5map .listitem h4 {
    font-weight: normal;
    color:grey;
}
		
		
.listitem  a {
		cursor: pointer;
		text-decoration: none;
        color: #3B5998;
        font-weight:bold;
}

.listitem  .wall_time{
		margin-left: 1px;
		font-size: 9px;
		padding: 2px 0 0 4px;
		color: gray;
		}
		
.listitem .lcomment {
        min-height: 2em;
    }
    
.listitem .mncond {
        margin-top: -2px ; /* lift up so border does not block underneath */
        width:7em;
        float:right;
        text-align:center;
        border: 1px solid grey;
        color:black;
        }
        
.mncond-excellente, .mncond-bonne {
        background-color: Lime;
        border: 2px solid Green;
    }

.mncond-acceptable, .mncond[value="Acceptable"] {
        background-color: Yellow;
        border: 2px solid DarkGoldenrod;
    }
    
.mncond-limitée  {
        background-color: Orange;
        border: 2px solid DarkOrange;
    }        
       
.mncond-fermée {
        background-color: Red;
        border: 2px solid DarkRed;
    }        
    
.mncond-vide {
        background-color: transparent;
        border: 2px solid transparent;
    }          
    
.wallkit_actionset {
		font-size: 9px;
		padding-bottom: 3px;
        direction: rtl;
		}



.wallkit_actionset  a {
		color: #3B5998;
		font-size: 9px;
		margin-right:4px;
		text-decoration: none;
        border:1px dotted transparent;
		}

.wallkit_actionset  a:hover { border-color: #3B5998; }

.wallkit_profilepic {
    
    position:absolute;
    width:50px; height:50px;
    top:0px;left:0px
    }

.sortie5list .wallkit_profilepic,
.sortie5map .wallkit_profilepic {
    position:static; float:left;
    margin-left: -60px;
    }

.sortie5list .wallkit_edit .wallkit_profilepic {
     margin-left: 0px;   
}


.sortie3map .vx-synthese,
.sortie4map .vx-synthese,
.sortie5map .vx-synthese {
    width:290px;
   }

      
.sortie3map .toolbar,
.sortie4map .toolbar, 
.sortie5map .toolbar{
   position:absolute;
   top:-1px; /* hide top border */
   left:200px; right:120px;
   height:auto;
   background-color: rgba(255,255,255,0.7) ;
   border: 1px solid rgba(0,0,0,0.5);
   display:none;  /* hide on start up */
   }      
   
div.toolbar div.jz_ButtonGroup { display:inline; }

 .toolbar .ui-button-text,
 .toolbar .ui-button-text {
    padding: 0.1em;
}


.jzAtRight { float:right ; }   

.listitem.vx-hover { background-color: #ffffe0 }

.listitem .lcol {
    
    position:absolute;
    display:none;
    }


.listitem .lphoto {
    
    display: block;
    top:0px; left:0px; width:50px; height:50px;
    }
    
    
.sortie4list .llieux,
.xsortie5list .llieux {
    color: #3B5998;
    }
    
    
.listitem .ldistance {    
    float:right;
    display: block;
}

.listitem .lhref {
    
    display: inline-block;
    position:absolute; top:2.4em; left:54px; height:1.2em;
    }
    
    
    
.listitem .lcondition {
    
    display: block;
    float:right;
    }
    
    
.listitem .ltxtcond {
    
    display: none;
    position:absolute; top:0; right:84px; height:1.2em;
    }
    
    
    
    
.mapdiv { width:100%; height:100%; }