/* jquery.myflickr base css */
table.myFlickr { margin: auto auto; }
    
div.flickrItem { border: none 1px #dedede; float:left; text-align:center; vertical-align:middle; line-height: 75px; position: relative; z-index: 1; }
div.flickrItem.highlighted { z-index: 2; }
    div.flickrItem a img { border: none; position: relative; z-index: 3; }
    div.flickrItem.highlighted a img { position: absolute; z-index: 1000; top: 0; left: 0; }
    
    div.flickrItem img.loader { display: inline; top:-50%; }
    
div.photoInfos { background-color:#FDFDFD;
                 border:1px solid #ACACAC;
                 color: #000000;
                 overflow: hidden;
                 position:absolute;
                 width: 200px; /* statica? */
                 z-index: 999;
                 padding: 5px;
                 top: -5px;
                 line-height: 1.1em;
                 font-size: 0.65em; }
    
div.photoInfos.toRight { left: -5px; padding-left: 84px; }
    div.photoInfos.toLeft { right: -5px; padding-right: 84px; }
        
        div.photoInfos h1 { font-size: 1.3em !important; padding: 0px; margin: 0px; line-height: 1.35em !important; text-align: left; color: #666666; }
        div.photoInfos #infoViews { float: left; font-weight: bold; font-size: 1.1em; }
        div.photoInfos #infoDescription,
        div.photoInfos #infoTags  { font-size: 1em; text-align: justify; display: inline-block; }
        div.photoInfos #infoLinkToOriginalFlickr { float: right; }
        
/* class for paginator div container */
.paginator div { text-align: center; display: table; margin: auto auto; }
    .paginator div #pagesStatus { display: table-cell; width: 33%; }
    .paginator div #pageNext { display: table-cell; width: 33%; padding-left: 10px; }
    .paginator div #pagePrev { display: table-cell; width: 33%; padding-right: 10px; }

#idGallery #flickrContainer { padding: 6px; border: solid 1px #dedede; -moz-border-radius: 4px; }
    #idGallery #flickrContainer .flickrItem { margin: 6px; }
    #idGallery #flickrContainer .photoInfos { background-image: url(../images/bg_photoinfo.jpg); background-repeat: repeat-x; background-position: top; border: dotted 2px #d9e7fe; }
    #idGallery .myFlickr .paginator { background-image: url(../images/bg_paginator.jpg); background-repeat: no-repeat; background-position: center top; height: 3px; font-style: italic; font-weight: bold; }