/*
    Copyright (C) 2008 Orbeon, Inc.

    This program is free software; you can redistribute it and/or modify it under the terms of the
    GNU Lesser General Public License as published by the Free Software Foundation; either version
    2.1 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 Lesser General Public License for more details.

    The full text of the license is available at http://www.gnu.org/copyleft/lesser.html
*/

/* ***** Summary Page *********************************************************************************************** */

.fr-summary-repeat-selection-checkbox { width: 1em } /*force minimum column width*/
.fr-summary-repeat-selection-checkbox label { display: none } /*prevent second line in td after checkbox*/

.fr-summary-repeat-column-number { text-align: right; width: 3em }

.fr-summary-search .xforms-label {
    display: block;     /* So control is not displayed next to the help icon but on a new line */
    /*margin-top: 0.3em;  *//* Insert some space between the label / help and the control */
    /*clear: both;*/
    margin-bottom: .1em;
}

.fr-summary-table tbody tr.fr-summary-row-not-selected:hover { background-image: url(logo-bg.gif) }

.fr-summary-row-selected { background-color: #e8e8ff }
.fr-summary-row-selected .xforms-repeat-selected-item-2 { background-color: #e8e8ff }/* HACK for IE 7 only otherwise cell has different background color */

.fr-summary-table .xforms-label { display: none }
.fr-summary-table, .fr-summary-table td, .fr-summary-table th { border: 1px solid #6E6E6E }
.fr-summary-table th { background-color: #f8f8f8 }
.fr-summary-table td, .fr-summary-table th { padding: 4px }

.fr-summary-table-div {
    overflow-x: auto;
    overflow-y: hidden;
    *padding-bottom: 17px;
}

/* Mainly to prevent dates to wrap */
.fr-summary-table td { white-space: nowrap }

/* Links in table must appear as normal text */
.fr-summary-table tbody a { text-decoration: none; color: black; outline: 0 } /*inherit not supported by IE 6/7*/

.fr-summary-table {
    margin: 1px;/* should't have to do this, but FF3 behaves funny otherwise */
    border-collapse: collapse;
    width: 99.5%;/* 100% causes FF 3 and IE 7 to still use a scrollbar; why? */
}

.fr-summary-welcome-message { display: block; margin-top: .5em; margin-bottom: .5em; clear: both }
.fr-summary-search-count {  display: block; margin-top: 1em; margin-bottom: 1em }

.fr-summary-search { display: block; margin: 2em 0 2em 0; }
.fr-summary-search-item { float: left; margin-right: .5em }
.fr-summary-search-item select {
    width: 100%;
    *width: auto;/* HACK: IE 7 misbehaves here, so don't use 100% */
}

.fr-summary-search .fr-search-button-td { vertical-align: bottom; padding-left: 1em; }
.fr-summary-search .fr-search-options-td { vertical-align: middle; font-size: 77%; padding-left: 1em; }
.fr-summary-search p { margin-bottom: 0 }
.fr-summary-search .fr-search-options-div { float: left; border: 1px solid #99C; padding: .5em 1em 1em 1em; background: #F8F8F8 url(logo-bg.gif) repeat-x scroll center top; }
.fr-summary-search .fr-search-options-title { font-weight: bold; padding: .2em 0 1em 0; }
.fr-summary-search .fr-search-options-buttons { clear: both; padding: 1em 0 0 0; }
.fr-summary-search .fr-search-options-buttons .yui-button { margin: 0; }
.fr-summary-search .fr-search-options-buttons a { vertical-align: middle; font-size: 77%; margin: 0 0 0 1em; }
.fr-summary-search .xforms-label { font-weight: normal; }

.fr-paging-buttons { padding-top: .5em }
.fr-paging-buttons button { vertical-align: middle }
.fr-paging-buttons button img { margin: 0 } /* as other buttons set an img margin */
.fr-paging-numbers { vertical-align: middle; margin-left: .5em; margin-right: .5em }

.fr-search-input input {
    padding: 3px 0 3px 3px; /* Make the input a bit bigger to look more proportional to the search button */
    margin: 2px 0 0 0;
    width: 25em; /* Wider text field, inspired by Gmail */
}

/* Controls added just to expose instance nodes to JavaScript */
.fr-expose-to-javascript { display: none }

.xforms-readonly input { background-color: white; background-image: none; border: 0 solid white }
