/* 
 Copyright 2005 Padraig O'hIceadha.

 Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License.
 You may obtain a copy of the License at 
 http://www.apache.org/licenses/LICENSE-2.0

 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed
 on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and limitations under the License.

    Document   : ajax.css
    Created on : 08 August 2005, 16:11
    Author     : Padraig O'hIceadha <Padraig.OhIceadha@Sabre.com>
    Description:
        Purpose of the stylesheet follows.
*/

* { font-size: 9pt }

div.auto_complete {
    position: absolute;
    background-color: white;
    border: 1px solid #888;
    margin: 0px;
    padding: 0px;
}

#subjectTooltip
{
    left: 300px;
    width: 100px;
    top: 100px;
}

div.tooltip {
    position: absolute;
    background-color: yellow;
    border: 1px solid #888;
    margin: 5px;
    padding: 1px;
    visibility: hidden;
}

ul.completions 
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul.completions li.selected
{
    background-color: rgb(102, 153, 204);
}

li.completion
{
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 2px;
    height: 14px;
}

#creator_auto_complete li.completion
{
    width: 315px;
}

#creator_auto_complete div.name
{
    width: 250px;
}

#subject_auto_complete li.completion
{
    width: 237px;
}

#subject_auto_complete div.name
{
    width: 170px;
}

li.completion div.image
{
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 8px;
}

li.completion div.name
{
    float: left;
    overflow: hidden;
}

li.completion div.name, .completionOption
{
    font-weight: bold;
    font-size: 12px !important;
    height: 1.2em;
}

div.name
{
    white-space: nowrap;
}

.completionOption
{
   color: navy;
}

/* items of class informal won't be copied back to the input field on selection
 */
li.completion div.informal
{
    float: right;
    font-size: 10px !important;
    color: navy;
}

body
{
    background-color: white;
    margin: 5px;
}

div
{
    font-size: 10pt !important;
}

ul li ul li
{
    background-color: white;
    border: none; 
}

.pageTitle
{
    font: normal normal bold 1.5em Verdana,Arial,Swiss;
    text-align: center;
    padding: 0px 10px 5px 10px;
    color: black;
    width: 913px;
    border: 1px solid;
    background: silver;
}

#archivesListDiv 
{
    display: inline;
}

#archivesListDiv select
{
    width: 10em;
}

.searchBar 
{
    width: 919px;
    font-weight: bold;
    margin: 0px;
    padding: 6px 8px 0px 5px;
    background: rgb(210, 228, 252);
    border: 1px solid rgb(153, 185, 227)
}

.searchButtonInactive
{
    border: 2px solid red;

}

.searchButton
{
    border: 1px;
    color: black;
}

.optionBox 
{
    background: rgb(220, 245, 252);
    border: 1px solid rgb(120, 140, 200);
    margin-top: 5px;
    width: 14em;
}

.optionBox div
{
   padding-left: 20px;
   font-size: 0.8em  !important;
   margin: 0px 0px 0px 0px;
}

#searchResults_container
{
    width: 983px;
    margin: 0px;
    padding: 0px;
    visibility: hidden;
}

#searchResults_header
{
    width: 935px;
    table-layout : fixed;
    background-color: silver;
    visibility: hidden;
}

.first
{
    text-align: left !important;
}

.first:before
{
    
}

#searchResults
{
    table-layout: fixed;
    float: left;
    width: 916px;
}

#searchResults tr, #searchResults td
{
height: 102px;
}

#searchResults td div:hover
{
    overflow: visible;
    background-color: rgb(210, 228, 252);
    padding: 5px 2px 0px 25px;
    border: 1px solid blue;
    color: black;
    height: auto;
}

.scrollFeedbackbar
{
    background-color: silver;
    padding: 0px;
    border-right: 1px solid ;
}

.searchScrollStartPos, .searchScrollEndPos, .searchScrollCurrentPos
{
    font-size: 9pt !important;
    border: 1px solid;
    padding: 2px;
    width: 30px;
    text-align: center;
    background-color: #E5E5E5;
}

.searchScrollStartPos
{
    vertical-align: top;
}


.fixedTable {
   table-layout : fixed;
}

.id
{
    padding: 0px 10px 0px 10px;
    background-color: #555;
    color: white;
}

.id :link
{
    color: white;
}

.id :visited
{
    color: yellow;
}

.searchIndex
{
    font-weight: bold;
    width: 90px;
    display: block;
    float: left;
    margin-right: 20px;
}

.searchId
{
    display: block;
    text-align: right;
}

.description
{
    color: blue;
    padding: 5px 2px 0px 25px;
    height: 1.2em;
    overflow: hidden;
    clear: both;
}

.description:first-letter 
{
    padding-left: 1em;
}

.creator
{
    overflow: hidden;
    height: 1.1em
}

.creator, .title, .subject
{

}

.title
{
    font: normal normal bold 1.1em Verdana,Arial,Swiss;
    padding: 5px 2px 5px 0px;
    height: 1em;
    overflow: hidden;
    margin-bottom: 5px;
}

.date
{
    text-align: right;
}

.subject
{
    float: left;
}

.expand
{
    height: auto !important;
    overflow: visible !important;
}

.expand :link
{
   color: blue;
}


.expand :visited
{
   color: black;
}

a:active
{
    color: purple;
}