/* Combined style sheet for the index pages and the slide pages. */

/* Style for all bodies and to control the margin on top. */
body {
    font-family:                Verdana, Arial, Helvetica, Helv, sans-serif;
    font-size:                  11px;
    color:                      #a0a0a0;
    SCROLLBAR-FACE-COLOR:       #dddddd;
    SCROLLBAR-HIGHLIGHT-COLOR:  #fbfeff;
    SCROLLBAR-SHADOW-COLOR:     #fbfeff;
    SCROLLBAR-3DLIGHT-COLOR:    #dddddd;
    SCROLLBAR-ARROW-COLOR:      #fbfeff;
    SCROLLBAR-TRACK-COLOR:      #fbfeff;
    SCROLLBAR-DARKSHADOW-COLOR: #dddddd;
    SCROLLBAR-BASE-COLOR:       #fbfeff;
}

body.index {
    background-color:  #000820;
    background-image:  url(mtblanc.jpg);
    background-repeat: repeat;
    margin-top:        7px;
}

/* Style for the Title */
.xptitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:   12px;
    font-weight: bold;
    color:       #efefef;
}

#slide.xptitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:   12px;
    font-weight: bold;
    color:       #dfdfdf;
}

.xptitle2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:   12px;
    font-weight: bold;
    color:       white;
}

h1.xptitle, h2.xptitle, h1.xptitle2, h2.xptitle2 {
    display:     inline;
}

.xpfolder {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:   12px;
    color:       #dfdfdf;
}
.xpsmallfolder {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:   11px;
    color:       #dfdfdf;
}

/* Custom link styles */
div.mypictext {
    padding-top: 4px;
}

.thumbs td > a.mypic:hover,
.thumbs td > a.mypic:focus {
    background-color: rgba(255, 255, 255, 0.4);
    color:            #101000;
    outline:          medium none;
}

.thumbs td > a.mypic {
    background-color: rgba(255, 255, 255, 0.15);
    display:          block;
    position:         relative;
    overflow:         hidden;
    text-align:       center;
    padding:          11px;
    padding-bottom:   8px;
    border-radius:    6px;
    transition:       background-color 250ms linear 0s;
}

a.fullsize:hover,
a.fullsize:focus {
    background-color: rgba(255, 255, 255, 0.60);
    color:            #101000;
    outline:          medium none;
}

a.fullsize { 
    display:          block;
    border:           19px solid rgba(255, 255, 255, 0.30);
    border-radius:    9px;
    transition:       background-color 250ms linear 0s;
}

a:active {
    text-decoration: none;
    color:           #efefef;
}
a.xptitle_a:active {
    text-decoration: none;
    color:           #dfdf7f;
}

a.gray:active {
    text-decoration: none;
    color:           #ffaaaa;
}

a.blue:active {
    text-decoration: none;
    color:           #4040a0;
}

a:visited {
    text-decoration: none;
    color:           #efefef;
}
a.xptitle_a:visited {
    text-decoration: none;
    color:           #cfcfcf;
}

a.gray:visited {
    text-decoration: none;
    color:           #cfcfcf;
}

a.blue:visited {
    text-decoration: none;
    color:           #6060ff;
}

a:hover {
    text-decoration: underline;
    color:           #efefef;
    font-weight:     bold;
}
a.xptitle_a:hover {
    text-decoration: underline;
    color:           #efefef;
}

a.gray:hover {
    text-decoration: underline;
    color:           #ffffa0; /*#d0d0d0;*/
    font-weight:     bold;
}

a.blue:hover {
    text-decoration: underline;
    color:           #ffffa0; /*#d0d0d0;*/
    font-weight:     bold;
}

a:link {
    text-decoration: none;
    color:           #efefef;
}
a.xptitle_a:link {
    color: #efefef;
}

a.gray:link {
    color: #cfcfcf;
}

a.blue:link {
    color: #4040a0;
}

.comment {
    color:       white;
    font-weight: bold;
    font-size:   11px;
}

.image {
    margin-top:    2px;
    margin-bottom: 2px;
}

.fullsizeimage {
    margin:    0px;
}

/* To control the font of the image label */
td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:   11px;
    color:       #999999;
}

.imageinfotext, tr.imageinfotext td {
    color: #444499;
}

.imageinfotitle {
    color:       #444499;
    font-weight: bold;
    text-align:  left;
}

.imageinfo {
    position:               absolute;
    left:                   373px;
    top:                    73px;
    z-index:                1;
    background-color:       #ddddaa;
    layer-background-color: white;
    width:                  360px;
    visibility:             hidden;
    border:                 2px dotted;
    color:                  #22228c;
}

.imageinfoclose {
    position:    absolute;
    left:        345px;
    top:         1px;
    width:       13px;
    z-index:     2;
    font-weight: bold;
    font-size:   12px;
}

a.imageinfoclosebutton {
    color:           #222282;
    text-decoration: none;
}
a.imageinfoclosebutton:visited {
    color:           #222282;
}
a.imageinfoclosebutton:hover   {
    color:           red;
    text-decoration: none;
}

.thumbnail {
}

.foldertree {
    position:               absolute;
    left:                   313px;
    top:                    73px;
    z-index:                2;
    background-color:       #293663;
    layer-background-color: white;
    width:                  350px;
    visibility:             hidden;
    border:                 2px dotted;
}

.foldersign {
    position: relative;
    left:     -28px;
    top:      0;
    z-index:  1;
    border:   0;
}

.newsign {
    position: relative;
    right:    -28px;
    top:      0;
    z-index:  1;
    border:   0;
}

.sitestandardcompliance {
    float:     right;
    position:  relative;
    top:       -60px;
}

.footercite {
    margin-top:    1em;
    margin-bottom: 1em;
    font-style:    italic;
}

.footerciteauthor {
    font-style:    normal;
}

.footernotice {
    color:         #4040a0;
    font-size:     9px;
    margin-top:    0px;
    margin-bottom: 0px;
}

.imagecount {
    color:     #dfdfdf;
    font-size: 9px;
}

.imagedate {
    position:  absolute;
    left:      8px;
    top:       32px;
    z-index:   1;
    font-size: 9px;
}

.sitemap {
    font-style:      italic;
    position:        relative;
    top:             -16px;
    float:           right;
}

.sitemap a {
    font-size:       8px;
    color:           #ccc;
}

.sitemap a:hover {
    font-weight:     normal;
    text-decoration: underline;
}

@media (max-width: 700px) {
    body {
        font-size: 9px;
    }

    .xptitle,
    .xptitle2,
    .xpfolder {
        font-size: 10px;
    }

    .xpfoldersmall,
    .comment {
        font-size: 9px;
    }

    .footernotice,
    .imagecount {
        font-size: 8px;
    }

    .footernotice {
        font-size: 7px;
    }
}