/****************************************************************
* 52°North WPS OpenLayers Client
* for using WPS-based processes in browser-based applications.
*
* Copyright (C) 2010
* Janne Kovanen, Finnish Geodetic Institute
* Raphael Rupprecht, Institute for Geoinformatics
*
* This program is free software; you can redistribute it and/or
*
* modify it under the terms of the GNU General Public License
* as published by the Free Software Foundation; either version 2
* of the License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
*
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
*
* along with this program; if not, write to the Free Software
*Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
***************************************************************/

img.usageCheckbox {}
input.valueCheckbox {}

input.hiddenCheckbox {
        /* visibility: collapse;// hidden; */
        display: none;
}

td.inputValue {
        text-align: left;
}

td.button {
        padding-left: 5px;
        text-align: center;
}

select.inputValue {
        width: 100%;
        text-align: left;
}

th.usageValue {
        width: 40px;
        text-align: center;
}

td.usageValue {
        text-align: left;
}

table.processInputs {
        width: 100%;
}

div.minMax {
        position: absolute;
        top: 5px;
    right: 0px;
}

h1.wpsMainLabel {
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 4px;
        margin-bottom: 0px;
}

div.wpsSubLabel {
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 3px;
        margin-bottom: 2px;
        border-bottom: 1px solid black;
        font-weight: bold;
        font-family: arial;
        font-size: 12px;
}

div.xmlViewer {
        display: block;
        position: relative;
        /*left: 20px;*/
        margin: 20px 20px 20px 20px;
        padding: 0px 0px 0px 0px; 
        width: 100%; 
}

div.xmlViewer {
        display: block;
        position: relative;
        left: 20px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px; 
}

span.xmlViewerTagSymbol {}
span.xmlViewerNodeName {}
span.xmlViewerAttrName {}
span.xmlViewerAttrValue {}

div#scrollableInputsDiv {
        top: 0px;
        right: 0px;
        bottom: 0px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 100%;
        max-height: 120px;
        overflow: auto;
}

div#wpsDiv {
        padding: 0px 0px 0px 0px;
    width: 100%;
    height: 100%;
    background-color: #e1e5d8 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    overflow: hidden;
    filter: alpha(opacity=100) !important;
}

div#wpsDiv select,
div#wpsDiv input {
	font-family: Arial, Helvetica, sans-serif !important;
	border:1px solid #B5B8C8 !important;
	font-size: 12px !important;
}

div#wpsDiv td.button input {
	color: #333333 !important;
	font-size: 11px !important;
	border: 1px solid #c7c7c7 !important;
    background-image: url("../img/boton-bg.gif");
    background-repeat: repeat-x;
    background-position: top;
    background-color: #dbdbdb;
    overflow: visible;
    padding: 3px;
}

div#wpsDiv table.verticalArray th,
div#wpsDiv table.verticalArray td,
div#wpsDiv table.dataArray th,
div#wpsDiv table.dataArray td {
	color: #000;
}

div#wpsDiv div#wpsProcessResultDiv td {
	font-size: 10px;
}

div.WOCWPSClient.olControlNoSelect div span {
    background-color: #e1e5d8 !important;
    filter: alpha(opacity=100) !important;
}

div.WOCWPSClient.olControlNoSelect #OpenLayers_Control_MinimizeDiv img {
	width: auto !important;
	height: auto !important;
}

div#wpsDiv h1 {
	color: #2B6F18 !important;
}

select#serviceList {
        display: block;
        width: 100%;
        height: 100%;
}

input#newService {
        width: 100%;
}

div.dataArray {
        top: 0px;
        right: 0px;
        bottom: 0px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 100%;
        max-height: 120px;
        height: expression(this.scrollHeight > 120 ? "120px" : "auto");
        overflow: auto;
}