/*
// 
// 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;
}

p{
    clear:              both;
    margin:             0;
}

div.cell {
    display:            -moz-inline-stack;  /* For FF2 (untested) */
    display:            inline-block;
    background-color:   black;
    padding:            5px;
    border:             1px solid #404040;
    margin:             5px 5px;            /* Takes into account the 4px gap from having cells inline */
    visibility:         hidden;             /* Hide them initially until the page has loaded */
    zoom:               1;                  /* For IE7 */
    *display:           inline;             /* For IE7. see http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */
    }

/* The popup panel */
#preview {
    position:           absolute;
    border:             none;
    display:            none;
    color:              #d0d0d0;
    text-align:         center;
    /* Either: this for a white shadow which works only in moz and webkit... */
    padding:            0;
    -moz-box-shadow:    0px 0px 20px #fff;
    -webkit-box-shadow: 0px 0px 20px #fff;
    /* ... or this for a black shadow which should work in all browsers */
/*    padding:            15px; */
/*    background-image:   url('../images/popup-panel.png');     /* Add the shadow border */
    }

/* Inner box within the popup panel */
#popup {
    border:             2px solid #808080;
    padding:            15px;
    background-color:   black;
    text-align:         center;
/*    width:              440px; */
    height:             420px;
}

p.image-title {
    font-weight:        bold;
    font-size:          1.1em;
    margin-top:         10px;
}

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

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

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

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

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

img.thumb {
    border:             5px solid black;
    }

img.big-image {
/*    width:              440px; */
    height:             330px;
    }

a.preview {
    cursor:             default;        /* Prevent links showing up as such */
}

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;
}