/* 
    Document   : gmaps.jquery
    Created on : 10 oct. 2012, 10:50:32
    Author     : potier
    Description:
        Purpose of the stylesheet follows.
*/


/*
 * Zones du plugin
 */
 .gmap-container {
     margin: 0 auto;
     padding-top: 3px;
 }
 
 .gmap-tool-bar {
    height: 35px;
}
 
.gmap-places-placeholder {
    margin-top:10px;
}

.gmap-place,.gmap-main-place {
    font-size: 9pt;
    color: #333;
}

.gmap-main-place-placeholder {
    background-color: #f2f6ef;
    color: #333;
    font-family: "Arial", Helvetica, sans-serif;
    border: solid #dfe4da 1px;
    margin-top: 10px;
    padding-left: 10px;
    padding: 5px;
}

/*
 * Filtres
 */
.gmap-filters {
    font-size:9pt;
    font-family: "Arial", Helvetica, sans-serif;
    color:#333;
    margin: 15px 0 15px 15px;
}

.gmap-filters-col {
    width:45%;
    float:left;
}

.gmap-filters-col input {
    margin-left: 10px;
}

.gmap-place-directions {
    float:right;
    top:0;
    right:0;
}


/*
 * Toolbar
 */

button.gmap-link {
    border:none;
    width:16px;
    height:16px;
    cursor: pointer;
    text-decoration: none;
}

.gmap-tool-bar button {
    border: none;
    width: 32px;
    height:32px;
    cursor: pointer;    
    padding:0;
    margin:0;
    margin-right:5px;
    float:left;
}

.gmap-direction-query-placeholder {
    float:left;
}

.gmap-direction-query-placeholder input {
    float:left;
    line-height: 22px;
}

button.gmap-print-button {
    background: url(icons/print.png) no-repeat top left;
}

button.gmap-print-button:hover {
    background: url(icons/print-hover.png) no-repeat top left;
}

button.gmap-send-button {
    background: url(icons/send.png) no-repeat top left;
}

button.gmap-send-button:hover {
    background: url(icons/send-hover.png) no-repeat top left;
}

button.gmap-reload-button {
    background: url(icons/reload.png) no-repeat top left;
}

button.gmap-reload-button:hover {
    background: url(icons/reload-hover.png) no-repeat top left;
}

button.gmap-direction-goto-button {
    background: url(icons/map.png) no-repeat top left;
    margin-right:0;
    margin-left:2px;
}

button.gmap-direction-goto-button:hover {
    background: url(icons/map-hover.png) no-repeat top left;
}

button.gmap-direction-back {
    background: url(icons/switch.png) no-repeat top left;
}

button.gmap-direction-back:hover {
    background: url(icons/switch-hover.png) no-repeat top left;
}

/*
 * Barre de boutons des résultats du guide
 */
button.gmap-place-center-link {
    background: url(icons/target.png) no-repeat top left;
}
button.gmap-place-center-link:hover {
    background: url(icons/target-hover.png) no-repeat top left;
}

button.gmap-place-goto-link {
    background: url(icons/goto.png) no-repeat top left;
    margin-left: 5px; 
}
button.gmap-place-goto-link:hover {
    background: url(icons/goto-hover.png) no-repeat top left;
}

button.gmap-place-more-link {
    background: url(icons/info.png) no-repeat top left;
    margin-left: 5px;    
}
button.gmap-place-more-link:hover {
    background: url(icons/info-hover.png) no-repeat top left;
}

.gmap-map-placeholder .gmap-link {
    display: none;
}

/*
 * Guide touristique
 */
.gmap-places-placeholder .gmap-place {
    background-color: #eee;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;     
}

.gmap-place-header, .gmap-main-place-header {
    font-weight: bold;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 11pt;
}

.gmap-place-tel, .gmap-main-place-tel {
    display: block;
    font-style: italic;
}

.gmap-place-fax, .gmap-main-place-fax {
    display: block;
    font-style: italic;
}

.gmap-place-email, .gmap-main-place-email {
    display: block;
}

.gmap-main-place-email a{
    text-decoration: none;
    color: #999999;
}

.gmap-main-place-email a:hover {
    text-decoration: none;
    color: #000;
}

.gmap-direction-result-placeholder {
    background-color:#fff; 
    color: #333;
    margin-top:10px;
    font-size: 9pt;
    font-style: normal;
    font-family: "Arial", Helvetica, sans-serif;
    color: #333;
}

.gmap-link {
    font-size: 9pt;
}

.map-send-form {
    background-color:white; 
    border: solid 1px #555; 
    padding:5px;
    font-size: 9pt;
    font-family: "Arial", Helvetica, sans-serif;
    color: #333;
}

.map-send-col {
    width:47%;
    float:left;
}

.map-send-col input, .map-send-col textarea {
    width: 92%;
}
.map-send-col textarea {
    height: 110px;
}
.map-send-form .btn-cancel, .map-send-form .btn-submit {
    float:none;
    border: none;
    width: 24px;
    height:24px;
    cursor: pointer;    
    padding:0;
    margin: 5px 10px;
    font-size: 0pt;    
}

input.btn-cancel {
    background: url(icons/cancel.png) no-repeat top left;
}
input.btn-cancel:hover {
    background: url(icons/cancel-hover.png) no-repeat top left;
}

input.btn-submit {
    background: url(icons/submit.png) no-repeat top left;
}
input.btn-submit:hover {
    background: url(icons/submit-hover.png) no-repeat top left;
}

/*************     Mise en forme    *****************/

.gmap-place-name {
    font-size: 10pt;
    margin-left: 5px;
    text-transform:uppercase;
    color: #333; 
}

.gmap-place-coords {
    font-size: 9pt;
    font-style: normal;
    font-family: "Arial", Helvetica, sans-serif;
    margin-left: 27px;
    color: #666;
}