/* GENERAL */
html, body{
    height : 100%;
    margin : 0px;
    background:#FFFFFF;
    scroll : auto;
}

div, a, td, input, select{
    font-family : arial, helvetica;
}

input, select{
	font-size : 12pt;
}

img{
    border : none;
}

a{
	text-decoration:none;
	color: #0000FF;
}

.row1 {
	background : rgb(239,242,247);
	padding: 2px;
}
.row0 {
	background : rgb(229,233,243);
	padding: 2px;
}

.rowselected {
	background : rgb(200,211,231);
	padding: 2px;
	border-top: 1px solid #004388;
	border-bottom: 1px solid #004388;
}


/* MAIN */
#mainContainer{
    position : relative;
    margin : auto;
}

/* TAB LEFT */
#tabLeft{
	display : none;
}


/* FIRM POPUP */

#firmPopUp{
	background : white;
	border : 1px solid rgb(99,113,173);
	position : absolute;
	width : 500px;
	z-index : 10;
}

#firmPopUp .subtitle {
	background : rgb(99,113,173);
	color : white;
	font-size : 12pt;
	font-weight : bold;
	height : 19px;
	padding : 0px;
	width : 100%;
}

#firmPopUp .content {
	font-size : 12pt;
	padding : 3px;
}

#firmPopUp .popUpCloser {
	font-weight : bold;
	position : absolute;
	right : 5px;
	text-align : right;
	top : 2px;
	width : 100%;
}

/* TOOLBAR */
#toolBarContainer{
	display : none;
}

/* TAB RIGHT*/
#tabRight{
    position : absolute;
    left : 800px !important;
    right : auto !important;
    top : 0px;
    background : white;
    width : 227px;
}

#OPOactions{
	display : none;
}

#OPOactions td{
	width : 30px;
}

#tabRight .subtitle{
	margin : auto;
    width : 100%;
    height : 19px;
}

#tabRight .subtitle td{
	height : 19px;
	background : rgb(102,115,175);
	color : white;
    font-weight:bold;
    font-size : 12pt;
}

#tabRight #poiInfo{
    margin-top : 5px;
    background : rgb(247,247,247);
}


#poiInfoContainer{
    background : white;
}

.POIdetailsBloc{
	background : white;
	border : 1px solid rgb(99,113,173);
	margin-bottom : 5px;
}

.POIdetailsBloc_over{
	background : rgb(247,247,247);
	border : 1px solid rgb(99,113,173);
	margin-bottom : 5px;
}

.POIdetailsBloc .table, .POIdetailsBloc_over .table{
	background : transparent;
	border : none;
	margin : 5px;
	width : 200px;
}

.POIdetailsBloc .table .label, .POIdetailsBloc_over .label{
	font-weight : bold;
}


/* TAB CENTER */
#tabCenter{
    margin-left : 10px;
    width : 600px;
    text-align : center;
    background : white;
    min-width : 400px;
}

#viewportContainer{
	margin : auto;
	width : 100%;
	position : relative;
}

#viewport {
    position : relative;
    margin : 0px auto 0px auto;
    border : 1px solid black;
}


#copyrightViewport{
	z-index : 4;
	font-size : 11pt;
	position : absolute;
	bottom : 0px;
	left : 0px;
	width : 100%;
	border-top : 1px solid black;
	background : white;
	opacity : 0.7;
	filter : Alpha(opacity=70);
}



/* KEYMAP */
#keymap{
	position : absolute;
    overflow : hidden;
    border: 1px solid #000000;
    bottom : 13px;
}

#KMLPopUp {
	display : none
}

#popUpDisabler {
	display : none;
}

#sbbContainer {
	display : none;
}

/* ROUTING DIV */
#routingDiv{
    display : none;
}


/* POPUP ROUTING */
#VMPopUp{
	width : 100%;
	position : static !important;
	top : auto !important;
	left : auto !important;
}

#VMPopUp .title{
	width : auto !important;
}

#VMItinerary{
    padding : 0px;
    background : white;
    height : auto !important;
}

#r_print{
    font-size : 12pt;
}

#detailsPOI{
    width : 400px;
    margin : 20px auto 20px auto;
    padding : 5px 0px 5px 0px;    
	text-align : center;
    background : white;
    border : 1px solid black;
}

#mapContainer{
    border : 1px solid black;
    text-align : center;
    padding : 0px;
	margin : 0px;
	background : white;
   }

#dynCarte{
	margin : 30px 0px 10px 0px;
	text-align : center;
	margin-left : auto;
	margin-right : auto;
	margin-top : 30px;
	margin-bottom : 30px;
	width : 600px;
}

#itiContainer{
	font-size:12pt; 
}


/* HIKING POPUP */
#hikePopUp{
	width : 650px;
}


/* extra layers */

#extraLayersContainer{
	display : none;
}

.flyingPopUp{	
	display : none;
}

/* dist mesureur */

#distMeasurerInfo{
	background : yellow;
	opacity : 0.9;
	moz-opacity : 0.9;
	filter : Alpha(opacity=90);
	border : 1px solid rgb(102,115,175);
	font-size : 12pt;
	color : black;
	width : 140px;
}
