html, body{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	overflow:hidden;
}
#map{
	cursor:crosshair;
	width:100%;
	height:100%;
	margin:auto;
}

#connect{
	position: fixed;
	bottom:15px;
	right:325px;
	height:40px;
	width:40px;
	border: solid 0px #000000;
	z-index:100;
	cursor:pointer;
}
#coinHG{
	position: fixed;
	top:0px;
	left:0px;
	height:70px;
	width:70px;
	border: solid 0px #000000;
	background: url(./image/coin_HG.png) no-repeat top left transparent;
	z-index:100;
}
#coinHD{
	position: fixed;
	top:0px;
	right:0px;
	height:70px;
	width:70px;
	border: solid 0px #000000;
	background: url(./image/coin_HD.png) no-repeat top left transparent;
	z-index:70;
}
#coinBD{
	position: fixed;
	bottom:0px;
	right:0px;
	height:70px;
	width:70px;
	border: solid 0px #000000;
	background: url(./image/coin_BD.png) no-repeat top left transparent;
	z-index:100;
}
#coinBG{
	position: fixed;
	bottom:0px;
	left:0px;
	height:70px;
	width:70px;
	border: solid 0px #000000;
	background: url(./image/coin_BG.png) no-repeat bottom left transparent;
	z-index:100;
}
#tomtomheaven{
	position:fixed;
	z-index:100;
	top:0px;
	left:90px;
	height:100px;
	width:662px;
	border: solid 0px #000000;
	background: url(./image/tomtomheaven.png) no-repeat bottom left transparent;
}

#radar_show{
	position: fixed;
	top:10px;
	left:10px;
	height:71px;
	width:71px;
	border: solid 0px #000000;
	background: url(./image/radar_show.png) no-repeat bottom left transparent;
	z-index:100;
	cursor:pointer;
}


#menu input{
	z-index:100;
}
input.input{
	-moz-border-radius:10px;
	border:solid 1px #FFFFFF;
	cursor:pointer;
	background: url(./image/fond_input.jpg) repeat-x top left #999999;
	margin-top:5px;
}
input.input:hover{
	border:solid 1px red;
}
#list{
	height:200px;
	overflow:hidden;
	overflow-y:auto;
}
#listpoint{
	width:120px;
	height:25px;
	overflow:hidden;
	overflow-y:auto;
}
.elementliste{
	width:380px;
	height:12px;
}
li, ul{
	text-indent:1px;
	margin: 0;
	padding:0;
}
li{
	width:380px;
	height:15px;
	cursor:move;
	color:#ffffff;
	text-align:left;
}
#distance{
	z-index:100;
	
	color:#ffffff;
}
div.slider { 
	z-index:100;
	top:93px;
	left:15px;
	width:3px; 
	margin:10px 0; 
	border:1px solid #000000;
	background: url(./image/slider.jpg) repeat top left #ffffff; 
	height:131px; 
	position: fixed; 
	-moz-border-radius:5px;
}
  div.slider div.handle { 
	width:15px; 
	height:15px; 
	background: url(./image/slider.png) no-repeat top left transparent;
	
	cursor:move; 
	position: absolute; 
}
div.slider2 { 
	width:100px; 
	margin:10px 0; 
	background-color:#ffffff; 
	border:1px solid #000000;
	height:4px; 
	position: relative; 
	-moz-border-radius:4px;
}
div.slider2 div.handle2 { 
	width:10px; 
	height:10px; 
	background-color:#f00; 
	cursor:move; 
	position: absolute; 
	top:-3px;
}
div.slider3 { 
	width:100px; 
	margin:10px 0; 
	background-color:#ffffff; 
	border:1px solid #000000; 
	height:4px; 
	position: relative; 
	-moz-border-radius:4px;
}
div.slider3 div.handle3 { 
	width:10px; 
	height:10px; 
	background-color:#f00; 
	cursor:move; 
	position: absolute; 
	top:-3px;
}
div.slider4 { 
	width:100px; 
	margin:10px 0; 
	background-color:#ffffff; 
	border:1px solid #000000;
	height:4px; 
	-moz-border-radius:4px;
	position: relative; 
}
div.slider4 div.handle4 { 
	width:10px; 
	height:10px; 
	background-color:#f00; 
	cursor:move; 
	position: absolute; 
	top:-3px;
}
div#zoom_element { 
	width:100px; 
	height:3px; 
	background:#ffcc00; 
	position:relative; 
	opacity:0.7;
}
.gmls-app, .gmls, .gmnoprint, .gmls-search-form{
	-moz-border-radius:20px 20px 20px 3px;
}
.gsc-input{
	-moz-border-radius:20px 0px 0px 3px;
}
.gsc-search-button{
	-moz-border-radius:0px 20px 20px 0px;
}
#amtc_option_0, #amtc_option_0 div {
	-moz-border-radius:20px 0px 0px 3px;
}
#amtc_option_3, #amtc_option_3 div{
	-moz-border-radius:0px 20px 20px 0px;
}

#menu2{
	position:fixed;
	top:100px;
	right:-100px;
	height:406px;
	width:123px;
	background: url(./image/fond_menu.png) no-repeat top left transparent;
	text-align:center;
	font: normal 0.7em Arial, Helvetica, sans-serif;
	z-index:90;
}
#ShowMenu2{

}
#ShowMenu{

}
#vertical_container{
	z-index:50;
	position:absolute;
	top:0px;
	left:26px;

	height:400px;
	width:97px;
	color:#FFFFFF;
}
.panelheader {
	background: url(./image/fond_ssmenu.jpg) repeat-x top left #999999;
	height: 26px;
	color : #ffffff;
	font-weight : normal;
	border-bottom:1px solid #000000;
	border-top:1px solid #CCCCCC;
	font-weight : normal;
	padding-left: 5px;
	font: normal 1.3em Arial, Helvetica, sans-serif;
}
.mdHover{
	background: url(./image/fond_ssmenu_hover.jpg) repeat-x top left #999999;
	height: 26px;
	color : #ffffff;
	font-weight : normal;
	border-bottom:1px solid #000000;
	border-top:1px solid #CCCCCC;
	font-weight : normal;
	padding-left: 5px;
}
.mdSelected{
	background: url(./image/fond_ssmenu_select.jpg) repeat-x top left #999999;
	height: 26px;
	color : #ffffff;
	font-weight : normal;
	border-bottom:1px solid #000000;
	border-top:1px solid #CCCCCC;
	font-weight : normal;
	padding-left: 5px;
}
.panelContent {
	border : 0px solid #1f669b;
	border-top-width    : 0px;
	border-bottom-width : 0px;
	padding-top:5px;
	font-size: smaller;
	overflow: none;
}
#MsgBox, #RadarBox{
	position:absolute;
	border: 0px solid #000000;
	z-index:100;
	width:300px;
	left:0;
	margin:0;
	display:none;
}
#MsgBox{
	top:200px;
}
#RadarBox{
	top:15px;
	left:90px;
	opacity:.8;
}
#MsgBoxH, #RadarBoxH{
	background: url(./image/MsgBoxHaut.png) no-repeat top left transparent;
	width:300px;
	height:10px;
}
#MsgBoxContent, #RadarBoxContent{
	background: url(./image/MsgBoxCentre.png) repeat-y top left transparent;
	color : #ffffff;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	padding-left:10px;
}
#MsgBoxQ {
	position: absolute;
	top: 4px;
	right:4px;
	height:12px;
	width:12px;
	background: url(./image/del.png) no-repeat top right transparent;
	cursor:pointer;
}
#RadarBoxContent{
	max-height:500px;
	overflow:hidden;
	overflow-y:auto;
}
#RadarBoxContent div{
	
}
#MsgBoxB, #RadarBoxB{
	background: url(./image/MsgBoxBas.png) no-repeat top left transparent;
	width:300px;
	height:10px;
}
#formconnect label{
	clear:left;
	display:block; 
	float:left;
	width:100px;
	margin-right:10px;
	text-align:right;
}
