source: extensions/floOS/2.0.x/picture.css @ 20289

/* $Id: picture.css 2295 2008-04-02 00:51:08Z rvelices $ */
#imageHeaderBar {
        padding-top: 2px;
        padding-bottom: 2px;
        overflow: hidden;
        width: 100%;
}

#imageHeaderBar .browsePath {
  float: left;
  margin-left: 10px;
}

#imageHeaderBar .imageNumber {
  float: right;
  margin-right: 10px;
}

#imageHeaderBar H2 {
  text-align: center;
  padding: 0;
  clear: both;
}

#imageToolBar {
  text-align: center;
  position: relative;
  clear: both;
  margin-bottom: 4px;
  padding: 0;
}

#imageToolBar {
    height: 50px;
}
#imageToolBar A, #imageToolBar IMG {
    display: inline;
    margin: 0; padding: 0;
}
#imageToolBar A {
        margin-right: 3px;
        margin-left: 5px;
}
#imageToolBar IMG { margin: 2px auto; }
#imageToolBar .randomButtons A { float: left; }
#imageToolBar .navButtons    A { float: right;  }



#theImage {
    clear: left;
}

#theImage>IMG {
    display: block;
    margin: 0 auto;
}

#theImage IMG {
  border-width: 3px;
  border-style: solid;
}

/**               les miniatures */
.thumbLink {
height:45px;
width:auto;
}
.navThumb {
    margin-top: 2px;
}
#thumbPrev {
    float: right;
        margin-right:0px;
}

#thumbNext {
    float: right;
        margin-left:0px;
}
#thumbCurrent {
    float: right;
        border:1px solid #FF0000;
}
#linkPrev {
    margin-right: 10px;
    margin-left: 5px;
}

#linkNext {
    margin-right: 5px;
    margin-left: 10px;
}
#action_pict {
/*      float:left;
        position: absolute;
        left: 5px;
        top: 300px;
    width:150px;*/
        width:600px;
        margin-left:auto;
        margin-right:auto;
        padding:0;
}
#action_pict A, #action_pict IMG{
        border: none;
        margin-right: 2px;
        margin-left: 2px;       
}

TABLE.infoTable .value {
    text-align: left;
}

TABLE.infoTable .label {
    font-weight: bold;
    text-align: right;
    padding-right: 0.5em;
}

TABLE.infoTable TD.value UL {
  margin: 0;
  padding: 0 0 0 1.5em;
  list-style-type: square;
}

#rateForm {
        display:block;
        height:20px;
        overflow:visible;
}
.rateButton, .rateButtonSelected, .rateButtonStarFull, .rateButtonStarEmpty  {
  padding:0;
  border:0;
  height:16px;
  width:16px;
}

.rateButton, .rateButtonStarFull, .rateButtonStarEmpty {
  cursor: pointer;
}

.rateButtonSelected {
  font-weight:bold;
  font-size:120%;
}

.rateButtonStarFull {
        background: url('icon/rating-stars.gif') no-repeat scroll; background-position:-16px center; width:16px;
}

.rateButtonStarEmpty {
        background: url('icon/rating-stars.gif') no-repeat scroll; background-position:0 center; width:16px;
}

#comments {
        text-align: left;
        margin:20px 30px 2em;
}

#comments .comment {
  margin: 1em 0;
}

#comments P {
  margin: 0 0.5em 0 1em;
}

#comments .author {
  font-weight: bold;
}

#thePicturePage #comments BLOCKQUOTE {
  margin: 0.5em 1em 1em 4em;
}

#comments P.userCommentDelete {
  float: right;
  margin: 0 0.5em 0 0;
}