/*
**  OSSP quos - Query On Steroids
**  Copyright (c) 2004 Ralf S. Engelschall <rse@engelschall.com>
**  Copyright (c) 2004 The OSSP Project <http://www.ossp.org/>
**
**  This file is part of OSSP quos, a Web user interface for querying
**  a database which can be found at http://www.ossp.org/pkg/tool/quos/.
**
**  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., 59 Temple Place - Suite 330, Boston, MA 02111-1307,
**  USA, or contact Ralf S. Engelschall <rse@engelschall.com>.
**
**  quos.css: Cascading Style-Sheet (CSS)
*/

/*
**  Style Canvas
*/

TABLE.quos {
    width:           100%;
    background:      #f0f0f0;
    font-family:     sans-serif, helvetica, arial;
}

.quos TD.browse {
    width:           100%;
    background:      #d0d0d0;
}
.quos TD.browse SPAN.title {
    font-weight:     bold;
    font-size:       200%;
    color:           #000000;
}
.quos TD.query {
    width:           100%;
    background:      #d0d0d0;
}
.quos TD.query SPAN.title {
    font-weight:     bold;
    font-size:       200%;
    color:           #000000;
}
.quos TD.view {
    width:           100%;
    background:      #d0d0d0;
}
.quos TD.view SPAN.title {
    font-weight:     bold;
    font-size:       200%;
    color:           #000000;
}
.quos TD.result {
    width:           100%;
    background:      #d0d0d0;
}
.quos TD.result SPAN.title {
    font-weight:     bold;
    font-size:       200%;
    color:           #000000;
}

/*
**  Style Query Part
*/

.quos .query .expr INPUT {
    background:          inherit;
    border-top:          1px solid #c0c0c0;
    border-left:         1px solid #c0c0c0;
    border-right:        1px solid #999999;
    border-bottom:       1px solid #999999;
}
.quos .query .expr INPUT.default {
    background:          inherit;
}
.quos .query .expr INPUT.changed {
    background:          #ffffff;
}
.quos .query .expr INPUT.error {
    border:              2px solid #cc3333;
    background:          #cc3333;
    color:               #ffffff;
}
.quos .query .expr SELECT {
    background:          inherit;
    border-top:          1px solid #c0c0c0;
    border-left:         1px solid #c0c0c0;
    border-right:        1px solid #999999;
    border-bottom:       1px solid #999999;
}
.quos .query .expr SELECT.default {
    background:          inherit;
}
.quos .query .expr SELECT.changed {
    background:          #ffffff;
}
.quos .query .expr SELECT.error {
    border:              2px solid #cc3333;
    background:          #cc3333;
    color:               #ffffff;
}
.quos .query .expr TABLE {
    border-collapse: collapse;
    border-spacing: 0px;
}

.quos .query .button TABLE {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}
.quos .query .button INPUT {
    width: 100%;
}
.quos .query .button INPUT.update {
    background: #f0f0ff;
}
.quos .query .button INPUT.clear {
    background: #fff0f0;
}
.quos .query .button INPUT.submit {
    background: #000000;
    color: #ffffff;
    font-weight: bold;
}

.quos .query .define TABLE {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}
.quos .query .define INPUT {
    width: 100%;
}
.quos .query .define INPUT.hyperlink {
    background: #f0f0ff;
}
.quos .query .define INPUT.load {
    background: #f0fff0;
}
.quos .query .define INPUT.delete {
    background: #fff0f0;
}
.quos .query .define INPUT.save {
    background: #fff0f0;
}
.quos .query .define SELECT.nameget {
    width: 100%;
}
.quos .query .define INPUT.nameset {
    width: 100%;
}

.quos .query .status TABLE {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}
.quos .query .status .msg {
    color: #cc3333;
    font-weight: bold;
}