/* ---------------------------------------------------------------------------------------
| CSS for thumbnail (used in display family)
|
*/

.groupe h1 {
    border-bottom: 1px dashed #999;

    margin-bottom: 10px;
    padding: 5px;
}

.groupe h3 {
    border-bottom: 1px dashed #999;

    margin-bottom: 10px;
    padding: 5px;
}

.buttonPrev {
    float: left;
    width: 40px;
    height: 40px;
    background-image: url("../images/album/previous.gif");
}

.buttonPrev:hover {
    background-image: url("../images/album/previous-hover.gif");
    cursor: pointer;
}

.buttonPrevDisabled {
    float: left;
    width: 40px;
    height: 40px;
    background-image: url("../images/album/previous-disabled.gif");
}

.buttonNext {
    float: right;
    width: 40px;
    height: 40px;
    background-image: url("../images/album/next.gif");
}

.buttonNext:hover {
    background-image: url("../images/album/next-hover.gif");
    cursor: pointer;
}

.buttonNextDisabled {
    float: right;
    width: 40px;
    height: 40px;
    background-image: url("../images/album/next-disabled.gif");
}

.groupe hr {
    clear: both;
    visibility: hidden;
}

a.toolBarButton {
    float: right;
    top: -5px;
    position: relative;
}

.toolBarButton img {
    border: 0;
}

.albumContent {
    margin: 0 auto;
    text-align: center;
    padding: 10px;
}

.thumbnail a {
    float: left;
    width: 75px;
    height: 110px;
    border: 1px solid white;
    margin: 0 10px 10px 0;
    padding: 5px;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
}

.tableTooltip {
    margin: 0 auto 20px;
    background: white url('../images/gradient.png') repeat-x left -45px;
    -webkit-box-shadow: 1px 1px 12px #555555;
    -moz-box-shadow: 1px 1px 12px #555555;
    box-shadow: 1px 1px 12px #555555;
}

div.more {
    margin: 0;
    padding: 0;
}

/* Hack for IE (not seen by other browser) */
* html div.more {
    float: right;
}

/* Hack for IE (not seen by other browser) */
* html .more img {
    margin-right: 10px;
}

.more img {
    float: right;
}

.more span {
    font-size: 10px;
    color: darkgray;
    margin: 0;
    padding: 0;
}

.thumbnail img {
    height: 60px;
    width: 60px;
    border: 0;
}

.thumbnail a:hover {
    background-color: beige;
    border-color: #6495ED;
    text-decoration: none;
}

img.moreRow {
    border: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
}