div#gmDirections{
	width  : 630px;
	/*height : 200px;
	overflow:auto;*/
}

.titre{
	font-size: 14px;
	font-weight: bold;
}

/*message de chargement pour la map*/
div#gmMarkerLoader{
	position:absolute;
	top:215px;
	left:230px;
	width:230px;
	font-size:11px;
z-index:999999;
}

div#cmSearching{
	position:absolute;
	/*top:210px;
	left:255px;*/
	z-index:999999;
	top:215px;
	left:230px;
	width:180px;
	font-size:11px;
}

/*message de chargement pour la info d'un markeur*/
div#cmInfosLoader{
	width:200px;	
	position:absolute;
	top:20px;
	left:260px;
}

div#legend_box{
	background-color:#E0E0E0;
	border : 1px black solid;
	padding:7px;
	width:100%;
	height:90px;
}

div#viewer{
	width:713px;
	height : auto;
}

div#map{
	width  : 640px;
	height : 440px;
	/*border : 1px black solid;*/
	
}

div.cmList{
	/*width   : 98%;*/
	height  : 180px;
	border  : 1px #CCCCCC solid;
	padding : 4px;
	overflow:auto;
}

div#compListItem{
	cursor:pointer;
}
.itemSelected{
	background-color:#CCCCCC;
}

a#changeSrch{
	position:absolute;
	width:150px;
	top:-13px;
	font-weight:bold;
	font-size:10px
}

img#addCompCtrl{
	position:absolute;
	top:-32px;
	left:40px;
}

/*TABS*/

.tab{
	float:left;
	width:130px;
	cursor:pointer;
}

.tabSpacer{
	width:5px;
	float:left
}

.tabText{
	text-align : center;
	font-weight:bold;
}

.tabInactive{
	opacity:0.5;
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5;
}

.tabContent{
	position:absolute;	
	padding:3px;
	width:625px;
}

.tabContentActive{
	opacity:1;
	filter: alpha(opacity=100); 
	-moz-opacity: 1;
	z-index:2;
}


.tabContentInactive{
	opacity:0;
	filter: alpha(opacity=0); 
	-moz-opacity: 0;
	z-index:1
}



.gmInactiveLoader{
	opacity:0;
	filter: alpha(opacity=0); 
	-moz-opacity: 0;
}

.gmActiveLoader{
	opacity:1;
	filter: alpha(opacity=100); 
	-moz-opacity: 1;
}