/* ==================================================== */
/* TEMPLATE (DEFAULT color)
/* ==================================================== */
img.icons { vertical-align:middle; margin-right: 5px; }

#stepbkg, #misc, #googlemap #map, #legend, #cities, #listsubzones, #avail { width: 670px; position: relative; left:50%; margin-left: -335px; margin-bottom: 10px;}
#googlemap #map { height: 450px;margin-bottom: 10px;  border: 1px dotted #000; }
#legend, #cities, #listsubzones, #avail { clear: left;  padding-top: 10px; padding-bottom: 10px; }
div.data { float: left; width: 200px; margin-left: 10px;}
#legend div h2, #cities div h2, #listsubzones div h2, #avail div h2 { padding: 3px; padding-left: 10px; }
#avail table { width: 650px; margin: 10px; }

#title { text-align: left; }

#legend form {  border: 1px dotted #000;  }

#misc { padding: 10px 0px 10px 0px; }
#nbhtls { float: left; padding-left: 0px; }
.nbhtls { text-transform: uppercase; }
#viewlegend { text-align: right; padding-right: 0px; }
#googlemap #map h3 { padding: 10px; }

.box { vertical-align:top; }
.box h2 {
        text-indent: 0;
        font-size:1.1em;
        color:#FFF;
        background-color: #A7CC95;
        padding:0px 20px 0px 5px;
}

a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2 { font-size: 11px; }
#zip { float: left; margin-right: 5px; }
h1 span { font-size: 11px; letter-spacing: 0.2px; margin: 0px; padding: 0px;}
h1 { margin: 0px; padding: 0px;}
h2 span { font-size: 14px; font-weight: normal; }
#addr, #city, #zip { font-size: 9px; color: #000; }
#desc { font-size: 9px; color: gray; }
#desc .more {font-size: 9px; color: #FF0000; }
#photo1 {  width: 140px; float: left; vertical-align: top; }
/*#links {  clear: left; text-align: center; border-top: 1px dotted gray; padding: 10px; display: none; }*/
/*#links:hover { background-color: #D0E7AF; color: #FFF; }*/
#status { padding: 3px; background-color: #99B3CC; font-weight: bold; color: #FFF;}
#status a { color: #FFF; }
#more { padding: 5px; font-weight: bold; } 
#copyright { width: 650px; margin-left: 40px;}
td#infos { vertical-align: top; }
#selecthtl { width: 400px; height: 130px; overflow: auto; }
#nbhtls span#nbmarkers { font-weight: bold; font-size: 12px; }
#nbhtls span#nbmarkinzone { font-weight: bold; color: red; font-size: 12px; }

/*pour les infobulles de la carte*/
#gmapmarker { font: normal small verdana, arial, helvetica, sans-serif; font-size: 10pt; margin: 0px; width: 350px; overflow:auto; }
#gmapmarker p { margin : 0; padding : 2px 0 2px 0; }
#gmapmarker a {text-decoration: none; color: #0066CC; background-color: transparent;}
#gmapmarker a:hover {color: #F60; background-color: transparent;}
#gmapmarker h1 { font-weight: bold; font-size: 13px; color: #369; border-bottom: 2px solid #369; padding : 2px; margin : 0; }
#map { float : left; }

/* AVAILABILITY */
.CWButton { border:1px solid #809D9D; background: #FFF; padding: 3px; }
.CWButton div span { color: #56536E;}

#linklisthtl, #butlisthtl { clear: left; text-align: center; vertical-align: middle; }
#butlisthtl { display: none; padding: 20px; text-align: right; }
.listhtltop { padding-left: 20px; }

#legend table.legico { margin-left: 20px; width: 90%; }

div#map table, div#map div#star, div#map div#addr, div#map div#zip, div#map div#city, div#map div#desc, div#map div#more { width: 230px; }

.dhtmlgoodies_tabPane div#map { position:absolute; }