/**
 * CSS styles common to all OpenLayers/Ext-JS 3.4 portlets developed for the new SoDa web site using Liferay.
 * Copyright (c) 2012-2013 MINES Paristech/Transvalor. All rights reserved.
 */

/* 
 * Main panel 
 */
 
#view {
}

/* 
 * Title 
 */
 
#title h1 {
    color: black;
    font-size: 130%;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #fcb100; /* yellow */
    padding-top: 0.5em;
    text-align: center;
}

/* 
 * Toolbar 
 */
 
 /* Max Extend button */
.toolBarExtent {
    background-image: url("../images/zoom-world-mini.png") !important;
    width: 0; /* ignored */
    height: 18px !important;
}

/* Back button */
.toolBarNavPrev {
    background-image: url(../images/navigation_prev.png) !important;
    width: 0; /* ignored */
    height: 24px !important;
}

/* Next button */
.toolBarNavNext {
    background-image: url(../images/navigation_next.png) !important;
    width: 0; /* ignored */
    height: 24px !important;
}

/*
 * Map
 */

/* Scale line */
.olControlScaleLine {
    left: 50px; /* Move scale line towards right to leave space for Google logo */
    color:black;
    background: rgba(255,255,255,0.4); /* semi-transparent background to be compatible with all maps */
}

/* 
 * Tree 
 */
 
.x-tree-node-el {
    border-bottom: 1px solid #ddd;
    padding-bottom: 3px;
}

.x-tree-ec-icon {
    width: 3px;
}

.gx-tree-layer-icon {
    display: none;
}

/* 
 * Legend 
 */
 
.mylabel {
    font-weight: bold;
    color: red;
}

/* 
 * Forms 
 */
 
.x-form-item {
    height: 30px !important; /* increase form items height to allow 2-lines labels with size 11 */
}
 
.x-form-item-small-label .x-form-item-label {
    font-size: 11px !important; /* smaller font size to allow form items with 2-lines labels */
    padding: 0 3px 3px 0 !important; /* center label vertically */
}

#responseLabel {
    font-size: 11px !important;
    color: blue;
}
 
/* grayed out combo box item */
.x-combo-disabled-list-item {
    color: gray;
    font-style: italic;
}