/*
// 
// Copyright (c) 2007-2012, BrightImaging. All Right Reserved.
//
// This source must be licensed for use, and must not be modified
// or distributed without permission from BrightImaging.
// All other rights reserved.
//
// THIS CODE AND INFORMATION ARE PROVIDED "AS IS" WITHOUT WARRANTY OF ANY 
// KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
// IMPLIED WARRANTIES OF MERCHANTABILITY AND/OR FITNESS FOR A
// PARTICULAR PURPOSE.
//
// Contact: photoexhib@brightimaging.com
//
*/

body {
    padding:            10px;
    background-color:   #080808;
    text-align:         center;
    font-family:        "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
    font-size:          75%;
    color:              #444;
}

div.cell {
    display:            inline-block;
    border:             1px solid #404040;
    background-color:   black;
    padding:            10px;
    margin:             5px 3px;            /* Takes into account the 4px gap from having cells inline */
    xvisibility:         hidden;             /* Hide them initially until the page has loaded */
    }

#div-popup {
    position:           absolute;
    display:            none;
    border:             2px solid #808080;
    color:              #d0d0d0;
    background-color:   black;
    text-align:         center;
    box-shadow:         0px 0px 20px #fff;
}

.glow-up {
    box-shadow:         0px 0px 20px #fff;
}

#img-popup {
    margin: 15px 15px 5px 15px;
}

#div-popup-txt-container {
    display:            flex;
    align-items:        center;
    justify-content:    center;
    background-color:   black;
    margin-bottom:      5px;
}    

p{
    margin:             0;
}

p.popup-title {
    font-weight:        bold;
    font-size:          1.1em;
}

p.popup-author {
    font-weight:        bold;
    font-size:          1.1em;
}

.popup-distinctions {
    font-weight:        normal;
    font-size:          0.9em;
}

p.popup-club {
    font-weight:        normal;
    font-size:          1.0em;
    font-style:         italic;
}

p.popup-award {
    font-weight:        bold;
    font-size:          1.0em;
}

p.popup-class {
    font-weight:        normal;
    font-size:          1.0em;
}

p.popup-score {
    font-weight:        normal;
    font-size:          1.0em;
}

/*----------------------------------------------------------------------------*/

div#header {
    width:              100%;
    display:            inline-block;
    }

div#title {
    text-align:         right;
    float:              right;
    }

div#controls {
    float:              left;
    }

.page-title {
    color:              #e0e0e0;
    font-weight:        bold;
    font-size:          1.4em;
    margin-bottom:      18px;
}

.class-title {
    color:              #e0e0e0;
    font-weight:        bold;
    font-size:          1.2em;
}

.class-subtitle {
    color:              #e0e0e0;
    font-weight:        normal;
    font-size:          1.1em;
    line-height:        normal;
    margin:             0 0 10px 0;
}

.btn_narr {
    width:              90px;
    height:             35px;
    margin:             0 5px 0 0;
    border-width:       0;
}

.btn_wide {
    width:              120px;
    height:             35px;
    margin:             0 5px 0 0;
    border-width:       0;
}