#modalOverlay { background-color:#000; background-image: url(/design/images/gray.png); }

#modalContainer a.modalCloseImg { position: absolute; background: #CCCCCC url(/design/images/buttons/close.gif) no-repeat scroll 0 0; height: 20px; right: -14px; text-indent: -9999em; top: -5px; width: 55px; border: solid 1px silver; }


#modalContainer a:hover.modalCloseImg { position: absolute; background: #CCCCCC url(/design/images/buttons/close_hover.gif) no-repeat scroll 0 0; height: 20px; right: -14px; text-indent: -9999em; top: -5px; width: 55px; border: solid 1px silver; }


/* Image view page */
#image {
    padding-top: 5px;
}

    #image #information {
        float: left;
        margin-left: 5px;
        width: 220px;
        }

        #image #information #altSize {
            float: left;
            margin: 0px;
            overflow: hidden;
            padding: 5px 0px;
            width: 135px;
            }

        #image #information #altSizeLabel {
            float: left;
            font-weight: bold;
            margin: 0px;
            padding: 5px 0px;
            width: 85px;
            }

        #image #information #caption {
            border-bottom: 1px dotted #bbb;
            font-size: 11px;
            margin: 0px;
            overflow: hidden;
            padding: 5px 0px;
            width: 220px;
            }

        #image #information #date {
            color: #666;
            font-weight: bold;
            margin: 0px;
            padding-top: 5px;
            }

        #image #information #filename {
            float: left;
            margin: 2px 0 0 0;
            overflow: visible;
            padding-bottom: 5px;
            font-size: 12px;
            }

        #image #information #filenameLabel {
            float: left;
            font-weight: bold;
            margin: 0 5px 0 0;
            padding-bottom: 5px;
            width: 32px;
            font-size: 14px;
            }

        #image #information #functions {
            border-bottom: 1px dotted #bbb;
            border-top: 1px dotted #bbb;
            padding: 5px 0px 3px 0px;
            }

            #image #information #functions ul {
                list-style-type: none;
                margin: 0px;
                padding: 0px;
                }

                #image #information #functions ul li {
                    padding-bottom: 2px;
                    }

                    #image #information #functions ul p {
                        float: left;
                        height: 16px;
                        margin: 0px;
                        }

                    #image #information #functions ul .icon {
                        width: 16px;
                        }

                        #image #information #functions ul .icon img {
                            border: 0px;
                            }

                    #image #information #functions ul .text {
                        margin-left: 3px;
                        padding-top: 3px;
                        font-size: 12px;
                        }

        #image #information #tokens {
            border-top: 1px dotted #bbb;
            }

            #image #information #tokens h3 {
                font-size: 11px;
                font-weight: bold;
                margin: 5px 0px;
                }

            #image #information #tokens p {
                margin: 0px;
                padding-bottom: 5px;
                }

            #image #information #tokens #downloads {
                float: left;
                padding-top: 5px;
                width: 120px;
                }

            #image #information #tokens #downloadsLabel {
                float: left;
                font-weight: bold;
                padding-top: 5px;
                width: 100px;
                }

            #image #information #tokens #expires {
                float: left;
                width: 120px;
                }

            #image #information #tokens #expiresLabel {
                float: left;
                font-weight: bold;
                width: 100px;
                }

            #image #information #tokens #used {
                float: left;
                width: 120px;
                }

            #image #information #tokens #usedLabel {
                float: left;
                font-weight: bold;
                width: 100px;
                }

    #image #previewColumn {
        float: left;
        width: 400px;
        }

        #image #previewColumn p {
            background-repeat: repeat;
            margin: 0px;
            padding: 10px 0px;
            text-align: center;
            }

        #image #previewColumn #embargoed {
            background-image: url("/design/images/backgrounds/thumbnails/red.png");
            }

        #image #previewColumn #lightbox {
            background-image: url("/design/images/backgrounds/thumbnails/yellow.png");
            }

        #image #previewColumn #notPublished {
            background-image: url("/design/images/backgrounds/thumbnails/blue.png");
            }

        #image #previewColumn #preview {
            background-image: url("/design/images/backgrounds/thumbnails/gray.png");
            }