/* GENERAL */
html, body{
    height : 100%;
    margin : 0px;
    background:#FFFFFF;
    scroll : auto;
}

div, a, td, input, select{
    font-family : arial, helvetica;
}

input, select{
	font-size : 11px;
}

img{
    border : none;
}

a, a:LINK, a:VISITED {
	text-decoration:none;
	color: #0000FF;
}
a:HOVER {
	text-decoration: underline;
	color: #0000FF;
}

.OPObut{
    background : rgb(0,67,136);
    color : white;
    font-size : 11px;
}

.placetitle {
	font-family: arial;
	font-size: 36px;
	font-weight: bold;
	text-transform: uppercase;
	color:#999999;
}

.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{
    position : absolute;
    top : 0px;
    left : 0px;
    background : rgb(247,247,247);
    width : 227px;
    border-bottom : 19px solid rgb(0,67,136);
    font-size : 11px;
    padding-bottom:19px;
}

#tabLeft .searchBlock{
    margin : 0px 0px 10px 0px;
}

#tabLeft .subtitle{
    width : 227px;
    height : 19px;
    background : rgb(0,67,136);
}

#tabLeft .subtitle td{
	color : white;
    font-weight : bold;
    font-size : 12px;
}

#SMLogoContainer {
	text-align:center;
	padding-top:10px;
}
/* BLOC POI */

.poiSearchDiv_ResultTable {
	margin:10px 10px 0px 10px;
	width:200px;
}

#selectBoxPOI {
    margin : 10px auto 0px auto;
    width : 200px;
	background:#FFFFFF;
	border: 1px solid #004388;
}

#poiIndex{
	margin : 0px 0px 0px 12px;
}

/* BLOC CHALET */

#chaletSearchDiv #chaname{
    width : 200px;
    border: 1px solid #004388;
    padding: 2px;
}

#chaletSearchDiv .OPObut{
    margin-top : 5px;
}

.chaletSearchDiv_ResultTable {
	margin:10px 10px 0px 10px;
	width:200px;
}

#chaletIndex{
	margin : 0px 0px 0px 12px;
}

/* BLOC ADRESSE */

.addressSearchDiv_ResultTable {
	margin:10px 10px 0px 10px;
	width:200px;
}

#adr_ville {
	border: 1px solid #004388;
	width:130px;
	padding: 2px;
}

#adr_rue {
	border: 1px solid #004388;
	padding: 2px;
}

#adr_no {
	border: 1px solid #004388;
	padding: 2px;
	width : 20px;
}

.fieldDisabled {
	background: #DDDDDD;
}

.fieldEnabled{
	background: white;
}

.fieldRed{
	background : red;
}

#addressSearchDiv .OPObut{
    /*margin-top : 5px;*/
}

#adrIndex{
	margin : 0px 0px 0px 12px;
}

#cityName_list {
	background: white;
	border: 1px solid black;
}
#cityName_list ul{
	list-style-type : none;
	padding : 0px;
	margin : 0px;
	width : 100%;
}

#cityName_list ul li{
	margin : 0px;
	padding : 3px;
	cursor : pointer;
}

#cityName_list ul li.selected{
	background : rgb(231,239,247);
}

/* GASTRO BLOC */

.gastroSearchDiv_ResultTable {
	margin:10px 10px 0px 10px;
	width:200px;
}

#selectBoxGastro {
    margin : 10px auto 0px auto;
	background:#FFFFFF;
	border: 1px solid #004388;
	width:210px;
}

#gastroIndex{
	margin : 0px 0px 0px 12px;
}

/* FIRM BLOC */

.firmSearchDiv_ResultTable {
	margin:10px 10px 0px 10px;
	width:200px;
}

#selectBoxFirms {
    margin : 10px auto 0px auto;
	background:#FFFFFF;
	border: 1px solid #004388;
	width:210px;
}

#firmIndex{
	margin : 0px 0px 0px 12px;
}

/* FIRM POPUP */

#firmPopUp {
	position : absolute;
	background : white;
	border : 1px solid #004388;
	z-index : 5;
	display : hidden;
}

#firmPopUp .subtitle {
    width : 100%;
    height : 19px;
    background : #004388;
    color : white;
    font-weight:bold;
    font-size : 12px;
    padding : 0px;
    border:0px;
}

#firmPopUp .content {
	padding: 3px;
	font-size : 11px;
}

#firmPopUp .popUpCloser {
	width : 100%;
	font-weight:bold;
	position:absolute;
	top:2px;
	right:5px;
	text-align:right
}

#firmPopUp .popUpCloser a, #firmPopUp .popUpCloser a:ACTIVE, #firmPopUp .popUpCloser a:VISITED, #firmPopUp .popUpCloser a:LINK,#firmPopUp .popUpCloser a:HOVER {
	text-decoration:none;
	color:#FFFFFF;
}

#firmLogo {
	padding: 3px;
	border: 1px solid #004388;
	background: #FFFFFF;
}

#hikeSearchDiv .link {
    margin : 5px 10px 5px 10px;
    font-size : 11px;
}
#hikeSearchDiv .linkExt {
    margin : 5px 10px 5px 10px;
    font-size : 12px;
	text-align:center;
}
#hikeSearchDiv .linkExt a {
	color:black;
}
/* TAB RIGHT*/
#tabRight{
    position : absolute;
    right : 0px;
    top : 0px;
    background : rgb(247,247,247);
    width : 227px;
    font-size : 11px;
    border-top : 19px solid rgb(0,67,136);
    border-bottom : 19px solid rgb(0,67,136);
}

#OPOactions{
	margin : 10px 0px 0px 5px;
	border-spacing:0px;
	width:220px;
}

#OPOactions td{
	/*width : 30px;*/
	padding:2px;
}

#tabRight .subtitle{
	margin : auto;
    width : 100%;
    height : 19px;
}

#tabRight .subtitle td{
	height : 19px;
	background : rgb(0,67,136);
	color : white;
    font-weight:bold;
    font-size : 12px;
}

#tabRight #poiInfo{
    margin-top : 5px;
    background : rgb(247,247,247);
    
}


#tabRight #poiInfoContainer{
    background : white;
}

#tabRight .table_detailsPOI{
	width : 100%;
	border-left : 1px solid rgb(247,247,247);
	border-right : 1px solid rgb(247,247,247);
}

.logoToggler {
	width : 9px;
	height: 9px;
        border : 1px solid rgb(172,172,172);
	position:relative;
	/*left:215px;*/
	display:block;
	margin-left:auto;
}
#pubGeolives {
	border: 2px solid #004388;
	color: #000000;
	font-size: 120%;
	font-weight:bold;
	margin-left:20px;
	margin-right:20px;
	padding: 10px;
	text-align:center;
}
#smWanderlandChoice {
	display:none;
	color:#000000;
}

.switchBtn:hover {
	cursor:pointer;
	color: black;
}
.switchBtn {
	color: #666666;
}
.legendImg {
	padding-left:3px;
}

/* TAB CENTER */
#tabCenter{
    margin-left : 232px;
    margin-right : 232px;
    text-align : center;
    background : rgb(247,247,247);
    border-top : 19px solid rgb(0,67,136);
    border-bottom : 19px solid rgb(0,67,136);
    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 : 11px;
	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;
    bottom : 10px;
    overflow : hidden;
    border: 1px solid #000000;
    left: 13px;
}

#linkDiv {
	width:207px;
	padding-left:10px;
	padding-right: 10px;
	padding-top:10px;
	margin-top:10px;
	border-top:1px solid #004388;
}
#linkDiv .sep {
	border-top: 1px solid #004388;
	border-left:0px;
	border-right:0px;
	border-bottom:0px;
	margin-top:5px;
	margin-bottom:5px;
	height:1px;
	width:207px;
}
#KMLPopUp {
	font-family : arial, helvetica;
	font-size : 13px;
	border: 1px solid #004388;
	text-align:center;
	background: #FFFFFF;
	width : 370px;
	height : 240px;
	z-index : 10;
}
#PopUpDisabler {
	background: #000000;
	opacity:0.7;
	filter:Alpha(opacity=70);
	z-index : 10;
	zoom : 1;
}

#sbbContainer {
	width: 220px;
}
#sbbContainer table {
	width:100%;
	font-size:12px;
	color:#000000;
	border:1px solid #004388;
	background:#D1D7EF;
}
/* ROUTING DIV */
#routingDiv{
    margin-top : 10px;
    background : white;
}

#routingDiv .subtitle{
	margin : auto;
    width : 100%;
    height : 19px;
}

#routingDiv .subtitle td{
	height : 19px;
	background : rgb(0,67,136);
	color : white;
    font-weight:bold;
    font-size : 12px;
}

#r_streetName{
    width : 150px;
}

#r_streetNo{
    width : 35px;
}

#r_NPA{
    width : 60px;
}

#r_city{
    width : 125px;
}

#r_country{
    margin : 10px 0px 10px 0px;
    font-size : 11px;
    font-family : arial, helvetica;
}

#r_goRouting{
    margin : 0px 0px 10px 0px;
    font-size : 11px;
    background : rgb(0,67,136);
    color : white;
    font-family : arial, helvetica;
}

#ambiguousLocationsDiv{
    background : white;
    padding : 10px;
}

#ambiguousLocationsDiv select{
    width : 200px;
    margin : 5px 0px 5px 0px;
    font-size : 11px;
    font-family : arial, helvetica;
}

#ambiguousLocationsDiv input{
    color : white;
    background : rgb(0,67,136);
    font-family : arial, helvetica;
    margin : 5px 0px 5px 0px;;
}

/* POPUP ROUTING */
#VMPopUp{
	width : 800px;
	z-index : 11;
	zoom : 1;
}

#VMItinerary{
    padding : 20px;
    background : white;
    border : 1px solid black;
    overflow : auto;
}

#r_print{
    font-size : 12px;
}

#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 : rgb(239,244,251);
	width : 750px;
   }

#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:11px; 
	width : 750px;
}


/* HIKING POPUP */
#hikePopUp{
	width : 650px;
	z-index : 10;
}

/* LANG Switcher */
#langSwitcher {
	color: #FFFFFF;
	padding: 5px;
	right: 2px;
	font-size:11px;
	position:absolute;
	z-index:10;
}
#langSwitcher a {
	color: white;
}

/* Login */
.loginBox{
	background : rgb(200,200,255);
	border: 1px solid rgb(0,67,136);
	font-size : 12px;
	padding : 5px 10px 5px 10px;
}

.loginBox .LoginUserMsg {
	font-weight:bold;
	font-size:110%;
}

#loginUserMsg {
	font-weight: bold;
	color: #FF0000;
}

/* Admin */
#toolTab {
	position:absolute;
	width:150px;
	top:-10000px;
	right:0px;
	display:hidden;
	background:none;
	font-size:11px;
	z-index:20;
}
#adminControl {
	border: 1px solid #000000;
	background: #FFFFFF;
	padding: 3px;
}
#linkContainer {
	width:250px;
}
.floatingDiv {
	border: 1px solid #004388;
	background: white;
	left: 250px;
	top:100px;
	position:absolute;
	font-size: 11px;
}
.floatingDivHandle {
	height: 15px;
	background: #004388;
	color: white;
	font-weight: bold;
	cursor:move;
	padding:2px 2px 2px 5px;
}
.floatingDivHandle img {
	position: absolute;
	right:2px;
	top:2px;
	cursor: pointer;
}
.floatingDivContent {
	padding: 2px 2px 10px 2px;
}
.adminLinkHelp {
	border:1px solid #FF0000;
	background-color: #ef9696;
	padding: 4px;
	margin: 0px 5px 5px 0px;
}
.adminLinkTitle {
	background-color:#004388;
	color:white;
	font-size:12px;
	font-weight:bold;
	height:13px;
	width:140px;
	padding-left:2px;
}
.adminLinkFieldTitle {
	text-align:right;
}
.adminLinkFieldContent {
	padding-left:2px;
}
.adminUserField {
	padding: 2px;
	border: 1px solid #004388;
}
.adminUserFieldRO {
	background-color:#E0E4EF;
}
.adminLinksPage {
	text-decoration:underline;
	cursor:pointer;
	color:#0000FF;
}
.adminLinkItem:hover {
	background:#fffcad;
	cursor:pointer;
}
.active {
	font-weight:bold;
	text-decoration:none;
}
.battypOpt {
	background: white;
	color: #000000;
}
optgroup.battypOpt {
	background: white;
	color: #000000;
	font-weight:bold;
}
.infoMessage {
	width:200px;
	border: 1px solid #004388;
	text-align:center;
	padding:5px;
}
#adminControl ul {
	margin:0px;
	padding:0px;
}
#adminControl li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin:0px;
	padding:2px 2px 2px 5px;
	cursor: pointer;
	color: #000;
}
#adminControl li:hover {
	background: #d0dbfc;
}
#adminControl li.adminTitle {
	font-weight: bold;
	padding:2px;
	cursor:default;
	color:#fff;
	background:#004388;
}
#adminControl li.adminTitle:hover {
	background:#004388;
}

#accountDiv {
	width:350px;
}
#listAccountDiv {
	width:350px;
	left:10px;
	top:50px;
}
.loginInput {
	border: 1px solid #004388;
	padding: 2px;
}

/* Gastro */
#modifyGastro {
	width:630px;
}
#newRestoPosition {
	border: 1px solid #FF0000;
	background: #edb8b8;
	padding: 5px;
	width:200px;
}
#definePositionContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 80px;
	border: 2px solid #FF0000;
	background: #edb8b8;
	cursor:pointer;
	font-size:11px;
	font-weight: bold;
	padding:5px;
}