source: extensions/gally/gally-pink-wedding/css/theme.css @ 17582

/* -----------------------------------------------------------------------------
  PINK-WEDDING
  Theme for Piwigo
  ------------------------------------------------------------------------------
  file: gally/pink-wedding/theme.css
  file version: 1.0.0
  ------------------------------------------------------------------------------
  author: grum at piwigo.org
  << May the Little SpaceFrog be with you >>
  ------------------------------------------------------------------------------
  Pink-Wedding for template "Gally"

  to convert icon into pink style :
  * inactivated : T:320, S:40, L:35
  * hover       : T:320, S:65, L:15
----------------------------------------------------------------------------- */

div.errors {
  background:#FFB0B0;
  border:4px solid #802020;
  color:#802020;
  padding:8px;
}
div.errors a {
  color:#800000;
  font-weight:bold;
}

div.infos {
  background:#B0FFB0;
  border:4px solid #208020;
  color:#208020;
  padding:8px;
}
div.infos a {
  color:#008000;
  font-weight:bold;
}

div.errors ul, div.infos ul {
  text-align:justify;
  padding-left:0px;
}

div.errors ul li, div.infos ul li {
  margin-bottom:4px;
}

div.ui-widget-overlay {
  background:#ffffff;
  opacity:0.88;
  filter:alpha(opacity:88);
  position:absolute;
  left:0px;
  top:0px;
}

.ui-dialog-buttonpane {
  margin-bottom:8px;
}


/*
 page
*/

body {
  background:#FFFFFF url(./../icon/fond.jpg) repeat fixed 0 0;
  color:#cc0a72;
}

#the_page {
  display:block;
  margin:auto;
  width:1012px;
  background:transparent;
}

a {
  color: #a80fa6;
}

A:hover {
  color: #730a71;
}


a.button, a.navButton {
  display:block;
  display:inline-block;
  /*display:table-cell;*/
  width:28px;
  height:28px;
}





/* index.tpl */
#icon_menu {
  background:url(./../icon/menu-show.png);
}
#icon_menu:hover {
  background:url(./../icon/menu-show_h.png);
}

#icon_menu.button2 {
  display:block;
  display:inline-block;
  /*display:table-cell;*/
  width:28px;
  height:28px;
  background:url(./../icon/menu-hide.png);
}
#icon_menu.button2:hover {
  display:block;
  display:inline-block;
  /*display:table-cell;*/
  width:28px;
  height:28px;
  background:url(./../icon/menu-hide_h.png);
}


#icon_caddie {
  background:url(./../icon/caddie_add.png);
}
#icon_caddie:hover {
  background:url(./../icon/caddie_add_h.png);
}

#icon_category_edit {
  background:url(./../icon/category_edit.png);
}
#icon_category_edit:hover {
  background:url(./../icon/category_edit_h.png);
}

#icon_search_rules {
  background:url(./../icon/search_rules.png);
}
#icon_search_rules:hover {
  background:url(./../icon/search_rules_h.png);
}

#icon_start_slideshow {
  background:url(./../icon/start_slideshow.png);
}
#icon_start_slideshow:hover {
  background:url(./../icon/start_slideshow_h.png);
}

#icon_flat {
  background:url(./../icon/flat.png);
}
#icon_flat:hover {
  background:url(./../icon/flat_h.png);
}

#icon_normal_mode {
  background:url(./../icon/normal_mode.png);
}
#icon_normal_mode:hover {
  background:url(./../icon/normal_mode_h.png);
}

#icon_calendar {
  background:url(./../icon/calendar.png);
}
#icon_calendar:hover {
  background:url(./../icon/calendar_h.png);
}

#icon_calendar_created {
  background:url(./../icon/calendar_created.png);
}
#icon_calendar_created:hover {
  background:url(./../icon/calendar_created_h.png);
}

/* about.tpl */
/* comments.tpl */
/* identification.tpl */
/* nbm.tpl */
/* notification.tpl */
/* password.tpl */
/* tags.tpl */
/* profile.tpl */
/* register.tpl */
/* upload.tpl */
#icon_home {
  background:url(./../icon/home.png);
}
#icon_home:hover {
  background:url(./../icon/home_h.png);
}

/* identification.tpl */
/* menubar_identification.tpl */
#icon_lost_password {
  background:url(./../icon/lost_password.png);
}
#icon_lost_password:hover {
  background:url(./../icon/lost_password_h.png);
}

#icon_register, #icon_register2, #icon_register3 {
  background:url(./../icon/register.png);
}
#icon_register:hover, #icon_register2:hover, #icon_register3:hover {
  background:url(./../icon/register_h.png);
}

#icon_lost_password, #icon_lost_password2, #icon_lost_password3 {
  background:url(./../icon/lost_password.png);
}
#icon_lost_password:hover, #icon_lost_password2:hover, #icon_lost_password3:hover {
  background:url(./../icon/lost_password_h.png);
}

/* menubar_categories.tpl */
#icon_start_filter {
  background:url(./../icon/start_filter.png);
}
#icon_start_filter:hover {
  background:url(./../icon/start_filter_h.png);
}

#icon_stop_filter {
  background:url(./../icon/stop_filter.png);
}
#icon_stop_filter:hover {
  background:url(./../icon/stop_filter_h.png);
}

/* picture.tpl */
#icon_high_res {
  background:url(./../icon/display_high_res.png);
}
#icon_high_res:hover {
  background:url(./../icon/display_high_res_h.png);
}

#icon_start_slideshow {
  background:url(./../icon/start_slideshow.png);
}
#icon_start_slideshow:hover {
  background:url(./../icon/start_slideshow_h.png);
}

#icon_stop_slideshow {
  background:url(./../icon/stop_slideshow.png);
}
#icon_stop_slideshow:hover {
  background:url(./../icon/stop_slideshow_h.png);
}

#icon_metadata {
  background:url(./../icon/metadata.png);
}
#icon_metadata:hover {
  background:url(./../icon/metadata_h.png);
}

#icon_save {
  background:url(./../icon/save.png);
}
#icon_save:hover {
  background:url(./../icon/save_h.png);
}

#icon_favorite {
  background:url(./../icon/favorite.png);
}
#icon_favorite:hover {
  background:url(./../icon/favorite_h.png);
}

#icon_del_favorite {
  background:url(./../icon/del_favorite.png);
}
#icon_del_favorite:hover {
  background:url(./../icon/del_favorite_h.png);
}

#icon_delall_favorite {
  background:url(./../../../icon/del_favorite.png);
}
#icon_delall_favorite:hover {
  background:url(./../../../icon/del_favorite_h.png);
}

#icon_representative {
  background:url(./../icon/representative.png);
}
#icon_representative:hover {
  background:url(./../icon/representative_h.png);
}

#icon_preferences {
  background:url(./../icon/preferences.png);
}
#icon_preferences:hover {
  background:url(./../icon/preferences_h.png);
}

/* tags.tpl */
#icon_cloud {
  background:url(./../icon/tag_cloud.png);
}
#icon_cloud:hover {
  background:url(./../icon/tag_cloud_h.png);
}

#icon_tag_letters {
  background:url(./../icon/tag_letters.png);
}
#icon_tag_letters:hover {
  background:url(./../icon/tag_letters_h.png);
}

/* picture_nav_buttons.tpl */
#icon_last {
  background:url(./../icon/last.png);
}
#icon_last:hover {
  background:url(./../icon/last_h.png);
}

#icon_right {
  background:url(./../icon/right.png);
}
#icon_right:hover {
  background:url(./../icon/right_h.png);
}

#icon_play {
  background:url(./../icon/play.png);
}
#icon_play:hover {
  background:url(./../icon/play_h.png);
}

#icon_pause {
  background:url(./../icon/pause.png);
}
#icon_pause:hover {
  background:url(./../icon/pause_h.png);
}

#icon_up {
  background:url(./../icon/up.png);
}
#icon_up:hover {
  background:url(./../icon/up_h.png);
}

#icon_left {
  background:url(./../icon/left.png);
}
#icon_left:hover {
  background:url(./../icon/left_h.png);
}

#icon_first {
  background:url(./../icon/first.png);
}
#icon_first:hover {
  background:url(./../icon/first_h.png);
}

#icon_start_repeat {
  background:url(./../icon/start_repeat.png);
}
#icon_start_repeat:hover {
  background:url(./../icon/start_repeat_h.png);
}

#icon_stop_repeat {
  background:url(./../icon/stop_repeat.png);
}
#icon_stop_repeat:hover {
  background:url(./../icon/stop_repeat_h.png);
}

#icon_dec_period {
  background:url(./../icon/dec_period.png);
}
#icon_dec_period:hover {
  background:url(./../icon/dec_period_h.png);
}

#icon_inc_period {
  background:url(./../icon/inc_period.png);
}
#icon_inc_period:hover {
  background:url(./../icon/inc_period_h.png);
}

/* popuphelp.tpl */
/* search_rules.tpl */
#icon_exit {
  background:url(./../icon/exit.png);
}
#icon_exit:hover {
  background:url(./../icon/exit_h.png);
}

/* search.tpl */
#icon_help {
  background:url(./../icon/help.png);
}
#icon_help:hover {
  background:url(./../icon/help_h.png);
}

/*
 * page : header
*/
#theHeader {
  background:transparent url(./../icon/skin_top.png) no-repeat scroll 0 0;
  height:120px;
}


/*
 page : title
*/
.titrePage {
  height:auto;
  padding:0 12px 0 30px;
  min-height:31px;
}

.titrePageEmpty {
  height:0px;
  min-height:0px;
}


.titrePage, .navigationBar, #imageHeaderBar {
  background:#D83D8B url(./../icon/bgmenu.png) no-repeat scroll 0 0;
  border-left:3px solid #D83D8B;
  border-right:3px solid #D83D8B;
  margin-left:8px;
  margin-right:10px;
  padding-left:8px;
  padding-right:8px;
  color:#9a0856;
}

.titrePage a, #imageHeaderBar a {
  color:#ffffff;
}

.navigationBar {
  font-weight:bold;
  color:#ffffff;
}


.titrePage .categoryActions {
  padding-top:2px;
  height:28px;
}

#titrePageID {
  min-height:62px;
  height:auto;
  padding-bottom:1px;
}

#titrePageID h2 a {
  font-size:140%;
}


ul.categoryActions li.selector {
  font-weight: bold;
}

/*
 * page content
*/
#content {
  background:transparent url(./../icon/skin_page.png) repeat scroll 0 0;
  min-height:450px;
}

#content h2 {
  clear:left;
  padding-bottom:4px;
}

#content2 {
  padding:8px;
}

/*
 * page : identification, register, profile
*/
#identification, #register, #profile {
  margin:0;
  padding:16px;
}

/*
 page content : thumbnails
*/

#additional_infoTOP, #additional_infoBOTTOM {
  background-color:#F8F1F4;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  -khtml-border-radius:8px;
  border-radius:8px;
  margin:12px 26px 16px 16px;
  border:2px solid #ffffff;
}

.additional_info {
  padding:8px 8px 8px 16px;
}

#thumbnails {
  font-size:80%;
  font-weight:bold;
}

/*
  page content : categories thumbnails
*/

#subContent {
  background: url("./../icon/bgsubcontent.png") no-repeat scroll 10px 0 transparent;
  padding:0px;
  clear:both;
}

#subContent h2 {
  font-size: 150%;
  padding-bottom:4px;
}


.thumbnailCategory {
  background: #f5cee1 url(./../icon/bgcat.png) repeat-x scroll 0 0;
  border:1px solid #ffffff;
  display:block;
  margin:8px;
  padding:8px 8px 0 4px;
  -moz-border-radius:12px;
  -webkit-border-radius:12px;
  -khtml-border-radius:12px;
  border-radius:12px;
}

.thumbnailCategory:hover {
  border:1px solid #a80fa6;
}

ul.thumbnailCategories {
  padding:16px 0 0;
}

ul.thumbnailCategories li {
  float:none;
  margin:auto;
  width:96%;
}

#thumbContents {
  margin:0px;
}

.illustration {
  text-align:center;
  padding-left:20px;
  padding-right:20px;
}

li.odd1 .illustration {
  float:right;
}


.illustration a img {
  border:12px #ffffff solid;
}

p.thumbCatDesc {
  text-align:justify;
}

p.thumbCatDescNbImg {
  text-align:right;
  font-style:italic;
}

.content ul.thumbnails img, #linkPrev img, #linkNext img {
  border:12px solid #FFFFFF;
}

.content ul.thumbnails img.newImage {
 display:none;
}

.content ul.thumbnails span.wrap2 {
  display:table-cell;
  margin:0;
  vertical-align:middle;
  height:160px;
  -moz-border-radius: 8px;  /* round corners with Geko */
  -webkit-border-radius: 8px;  /* round corners with webkit */
  -khtml-border-radius: 8px;  /* round corners with khtml */
  border-radius:8px; /* round corners with CSS3 compliant browsers */
  background-color:#F8B0CF;
  border:none;
}

#content UL.thumbnails SPAN.wrap2:hover {
  background-color: #cc0a72;
}

table.wrap1 {
  padding:15px;
}

/*
 * page :search
*/
form.filter {
  margin:0;
  padding:16px;
}

/*
 * page:help
*/
.help {
  margin:8px;
}

/*
 page : copyright
*/
#copyright {
  font-size:8px;
  background:transparent url(./../icon/skin_bottom.png) no-repeat;
  width:1012px;
  height:45px;
  padding:16px;
  position:relative;
  color:#CC0A72;
  z-index:800;
}

/*
 page : menubar
*/
#menubar {
  display:block;
  width:100%;
  z-index:1000;
  height:30px;
  margin:0;
  padding:0;
  position:relative;
  visibility:visible;
  overflow:visible;
  left:-6px;
  color:#ffffff;
}

#menubar dt {
  font-size:120%;
  font-weight:bold;
  cursor:default;
  z-index:1010;
}

#menubar dt a {
  color:#ffffff;
}


#menubar dl:hover dt:hover, #menubar dl:hover dt a:hover {
  color:#cc0a72;
}

#menubar dl:hover dt, #menubar dl:hover dt a {
  color:#a80fa6;
}

#menubar dl {
  float:left;
  margin:1px 1px 1px 10px;
  padding:0px 6px 0;
  max-height:30px;
}

#menubar dl:hover {
  background-color:#f8f1f4;
  border:1px #d83d8b solid;
  border-bottom:none;
  -moz-border-radius-topleft:12px;
  -moz-border-radius-topright:12px;
  -webkit-border-top-left-radius:12px;
  -webkit-border-top-right-radius:12px;
  -khtml-border-top-left-radius: 12px;
  -khtml-border-top-right-radius: 12px;
  border-radius:12px 0px;
  margin:-4px 0px 0px 9px;
  padding-top:4px;
}

#menubar ul {
  list-style-type:disc;
  font-size:92%;
  margin:8px 0 0;
  padding:0 0 0 10px;
}

#menubar ul ul {
  font-size:100%;
  padding-bottom:0px;
  padding-top:0px;
}

#menubar dt .button {
  display:none;
}

#menubar p.totalImages {
  font-size:80%;
}


div#menubar dd,
div#menubar ul ul,
div#menubar ul li:hover ul ul,
div#menubar ul ul li:hover ul ul,
div#menubar ul ul ul li:hover ul ul,
div#menubar ul ul ul ul li:hover ul ul,
div#menubar ul ul ul ul ul li:hover ul ul,
div#menubar ul ul ul ul ul ul li:hover ul ul {
  display:none;
}

#menubar dd ul ul {
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  left:99%;
  position:absolute;
  padding-top:8px;
  padding-bottom:8px;
  padding-left:10px;
  margin:-23px 0px 0px -8px; /* for FF, Opera, Safari... */
  /* #margin:-8px 0px 0px -8px; */ /* for the M$IE (f**k M$IE and the bad tips) */
}

div#menubar dl:hover dd,
div#menubar ul li:hover ul,
div#menubar ul ul li:hover ul,
div#menubar ul ul ul li:hover ul,
div#menubar ul ul ul ul li:hover ul,
div#menubar ul ul ul ul ul li:hover ul,
div#menubar ul ul ul ul ul ul li:hover ul,
div#menubar ul ul ul ul ul ul ul li:hover ul {
  display:block;
  background:#f8f1f4;
  border:1px solid #d83d8b;
  padding-bottom:6px;
  min-width:180px;
  color:#cc0a72;
}

div#menubar dl:hover dd a,
div#menubar ul li:hover ul a,
div#menubar ul ul li:hover ul a,
div#menubar ul ul ul li:hover ul a,
div#menubar ul ul ul ul li:hover ul a,
div#menubar ul ul ul ul ul li:hover ul a,
div#menubar ul ul ul ul ul ul li:hover ul a,
div#menubar ul ul ul ul ul ul ul li:hover ul a {
  color:#a80fa6;
}

div#menubar dl:hover dd a:hover,
div#menubar ul li:hover ul a:hover,
div#menubar ul ul li:hover ul a:hover,
div#menubar ul ul ul li:hover ul a:hover,
div#menubar ul ul ul ul li:hover ul a:hover,
div#menubar ul ul ul ul ul li:hover ul a:hover,
div#menubar ul ul ul ul ul ul li:hover ul a:hover,
div#menubar ul ul ul ul ul ul ul li:hover ul a:hover {
  color:#730a71;
  font-weight:bold;
}



#menubar dd {
  position:absolute;
  z-index:-1;
  margin:-1px 0 0 -7px;
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -webkit-border-bottom-left-radius:4px;
  -webkit-border-bottom-right-radius:4px;
  -khtml-border-bottom-left-radius:4px;
  -khtml-border-bottom-right-radius:4px;
  border-radius:0px 4px;
}


#menubar li {
  padding:0px;
  padding-right:8px;
  margin-left:8px;
}

#mbCategories dt {
  height:18px;
  overflow:hidden;
}


/*
 calendar bar
*/
.calendarBar {
  margin-top:2px;
  text-align:center;
  padding:0 15px;
}
span.calItemP {
  float:left;
}
span.calItemN {
  float:right;
}

span.calItem, span.calItemEmpty {
  display:inline-table;
  margin:1px;
  min-width:15px;
  padding-left:2px;
  padding-right:2px;
  border:1px solid #303030;
  font-weight:bold;
}

td.calDayHead {
  font-size:14px;
  font-weight:normal;
  padding-bottom:12px;
}

table.calMonth tbody td.calDayCellFull, table.calMonth tbody td.calDayCellEmpty {
  border: 1px solid #F5CEE1;
  overflow:hidden;
}

.calBackDate {
  color:#9A0856;
  padding-left:10px;
  padding-top:7px;
}
.calForeDate {
  color: #fff;
  padding-left:10px;
  padding-top:6px;
}

table.calMonth tbody td.calDayCellEmpty, table.calMonth tbody td.calDayCellBlank {
  height:97px;
  width:84px;
}

td.calDayCellEmpty {
  padding-left:12px;
  padding-top:8px;
}

div.calImg {
  position:relative;
  left:8px;
  top:8px;
}


.calendarCalBar {
  border-bottom:1px dotted #D83D8B;
  padding-left:16px;
  padding-top:8px;
  margin-left:8px;
  margin-right:12px;
}

table.calMonth {
  margin-left:auto;
  margin-right:auto;
  left:0px;
}

table.calMonth td.calDayCellFull:hover {
  background-color:#ffffff;
}



/*
  inputs
*/
input[type="text"], input[type="password"], select, textarea, file {
  background:none repeat scroll 0 0 #F8F1F4;
  border:1px solid #D83D8B;
  color:#CC0A72;
  margin:0px;
  max-width:640px;
}

input:focus, select:focus {
  background: #ffffff;
  color:#000000;
}

input[type="submit"], input[type="button"], input[type="reset"], button {
  background:none repeat scroll 0 0 #F8B0CF;
  border-color:#FFFFFF #D83D8B #D83D8B #FFFFFF;
  border-style:solid;
  border-width:1px;
  color:#A80FA6;
  cursor:pointer;
  font-family:monospace;
}

input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
  border-bottom:1px #ffffff solid;
  border-right:1px #ffffff solid;
  border-top:1px #D83D8B solid;
  border-left:1px #D83D8B solid;
}

fieldset {
  border:1px #D83D8B dotted;
  margin:3px;
  padding:8px;
}

fieldset legend {
  padding-left:3px;
  padding-right:3px;
}



/*
  picture page
*/
#imageHeaderBar {
  height:20px;
}


.imageNumber {
  background:none repeat scroll 0 0 #F8F1F4;
  border:1px solid #D83D8B;
}

#theImage {
  position:static;
  padding-bottom:0px;
}

#theImage p {
  margin:0;
}

#theImgContainer {
  border:24px #ffffff solid;
  margin-top:30px;
}

#theImgHighBg {
  background-color:#000000;
  opacity:0.88;
  filter:alpha(opacity:88);
}

#theImgHighContainer {
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -khtml-border-radius:10px;
  border-radius:10px;
  background:#FFFFFF url(./../icon/processing.gif) no-repeat scroll 82px 42px;
}

#theImgHighCloseButton {
  width:28px;
  height:28px;
  background:transparent url(./../icon/close_high.png) no-repeat scroll 0px 0px;
  top:15px;
  right:-15px;
  cursor:pointer;
}

#theImgHighZoomButton {
  width:28px;
  height:28px;
  top:45px;
  right:-15px;
  cursor:pointer;
}

#theImgHighZoomButton.fit {
  background:transparent url(./../icon/zoom_fit_high.png) no-repeat scroll 0px 0px;
}

#theImgHighZoomButton.full {
  background:transparent url(./../icon/zoom_1-1_high.png) no-repeat scroll 0px 0px;
}


#imageHeaderBar.browsePath h2 {
  font-weight:normal;
}

#imageToolBar {
  height:37px;
  top:0px;
  overflow:visible;
  margin-left:9px;
  width:992px;
}

.imageToolBarBg {
  background:url("./../icon/bgmenu.png") repeat scroll 0 -20px #303030;
  border-left:2px solid #D83D8B;
  border-right:2px solid #D83D8B;
  left:0;
  width:988px;
  z-index:-1;
}

#imageToolBar h2 {
  color:#f0f0f0;
  margin-top:6px;
}

#navThumbNext {
  right:auto;
  margin-left:824px;
}

#navThumbPrev {
  left:auto;
  margin-left:-14px;
}

#navThumbNext, #navThumbPrev {
  top:310px;
  max-height:200px;
  height:200px;
}

#navThumbPrevContainer, #navThumbNextContainer {
  height:200px;
}

.navThumbPrevContent a img, .navThumbNextContent a img {
  border:12px solid #FFFFFF;
}

.navThumbPrevContent a:hover img, .navThumbNextContent a:hover img {
  border:12px solid #FFFFFF;
}

.navThumbNextBg, .navThumbPrevBg {
  -moz-border-radius:12px;
  -webkit-border-radius:12px;
  -khtml-border-radius:12px;
  border-radius:12px;
  background:#F8B0CF;
  border:1px solid #d83d8b;
  height:180px;
  width:180px;
  margin:10px;
}

#navThumbNextContainer:hover div.navThumbNextBg,
#navThumbPrevContainer:hover div.navThumbPrevBg {
  background:#ffffff;
}


#imageInfos {
  z-index:100;
}

#imageInfosContainer {
  padding-bottom:8px;
}

.infoTable {
  margin:auto;
  font-size:90%;
  max-width:94%;
  color:#CC0A72;;
  z-index:200;
  border-collapse:collapse;
  position:relative;
  left:25px;
}

.infoTable td {
  padding-bottom:5px;
  padding-left:4px;
  padding-right:5px;
}

.infoTable td.value, .infoTable td.label {
  padding-right:50px;
}

.infoTable .label {
  font-weight:bold;
  border-left:1px dotted #cc0a72;
}

.infoTable tr:hover {
  cursor:default;
}
.infoTable tr.emptyrow td {
  height:4px;
  padding:0px;
}

.imageMeta {
  padding-top:16px;
}

#updateRate {
  margin-right:25px;
  float:left;
}
#rateForm {
  float:left;
  position:relative;
  top:-2px;
}
#rateForm input[type="button"].rateButtonStarFull,
#rateForm input[type="button"].rateButtonStarFull:focus,
#rateForm input[type="submit"].rateButtonStarFull  {
  background: url('./../icon/rating-stars.png') no-repeat scroll; background-position:-16px center; width:16px;
}

#rateForm input[type="button"].rateButtonStarEmpty,
#rateForm input[type="button"].rateButtonStarEmpty:focus,
#rateForm input[type="submit"].rateButtonStarEmpty {
  background: url('./../icon/rating-stars.png') no-repeat scroll; background-position:0 center; width:16px;
}

#rateForm input[type="button"],
#rateForm  input[type="button"]:active,
#rateForm input[type="submit"],
#rateForm  input[type="submit"]:active {
  cursor:pointer;
  border:none;
  padding:0;
}

.commentList {
  margin-left:8px;
  padding:10px 4px 10px 10px;
}

#theCommentsPage ul.commentList {
  margin-bottom:0;
  margin-left:8px;
  margin-right:8px;
  padding-left:0px;
}

.commentDetail {
  border-bottom:1px dotted #D83D8B;
}

.commentDetail ul {
  list-style-type:none;
  padding:4px;
}

.commentDetail ul li {
  display:inline;
}

.commentDetail .description .author,
.commentDetail .description .date {
  font-weight:bold;
  color:#f0f0f0;
}

.commentDetail .description blockquote {
  margin:0;
  padding:4px 4px 8px 12px;
  text-align:justify;
}

.commentDetail fieldset legend {
  background:none;
}

#titleComment h3:hover {
  background:#303030;
}

.comment_icon {
  margin-left:5px;
  padding:0;
  position:absolute;
}

#theCommentContainer {
  clear:both;
}

#theCommentContainer input, #theCommentContainer textarea {
  max-width:458px;
}

#theCommentContainer #contentEditId {
  max-width:410px;
}

#theCommentContainer form {
  padding-right:8px;
  padding-left:8px;
  padding-top:0px;
}

#theCommentList {
  width:489px;
  height:75%;
}

/*
 * tabs
*/
#theTabs {
}

#theTabsBg {
  background:url("./../icon/bgsubcontent.png") no-repeat scroll 10px 0 #F8F1F4;
  border-color:#D83D8B;
  border-style:solid;
  border-width:1px 2px;
  width:988px;
}

#theTabsheets {
  margin:6px 0 0;
}

#theTabsheets li.tab {
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  background-color:#F8B0CF;
  border:1px solid #d83d8b;
  display:block;
  float:left;
  margin:0 0 0 4px;
  padding:2px 8px;
  position:relative;
  top:-2px;
}

#theTabsheets li.ui-tabs-selected {
  border-bottom-width:3px;
  padding:4px 8px;
  top:-3px;
}

#theTabsContainer {
  margin-left:9px;
  position:absolute;
  width:992px;
}

#theTabsContainer .navigationBar {
  background:transparent;
  margin:0px;
  border:none;
  float:right;
}



/*
  tags
*/

#fullTagCloud SPAN a:hover {
  background:#303030 url(./../icon/backgd.png) repeat scroll 0 0;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -khtml-border-radius:3px;
  border-radius:3px;
}

#menuTagCloud SPAN {
  margin:0px;
}

#fullTagCloud span a {
  padding:4px;
  margin:0px;
}

#fullTagCloud {
  padding:8px 16px;
  margin:0px;
}

.tagLetters {
  padding:8px 16px;
}

.nbEntries {
  text-align:right;
  padding-left:20px;
}

.tagaddbutton {
  left:-4px;
  position:relative;
  top:-3px;
}


.mandatorystar {
  color:#A04040;
}

.mandatorynfo {
  font-size:90%;
  margin:0 0 4px 8px
}

/*
  help
*/
#thePopuphelpPage h1 {
  background:transparent;
  padding-top:30px;
}


#thePopuphelpPage #the_page {
  width:auto;
}

#thePopuphelpPage #theHeader {
  -moz-border-radius-topleft:12px;
  -moz-border-radius-topright:12px;
  -webkit-border-top-left-radius:12px;
  -webkit-border-top-right-radius:12px;
  -khtml-border-top-left-radius:12px;
  -khtml-border-top-right-radius:12px;
  border-radius:12px 0px;
  background:#000000 none repeat scroll 0 0;
  border-color:#FFFFFF;
  border-style:solid solid none;
  border-width:1px 1px medium;
  height:80px;
  margin:8px 8px 0;
}

#thePopuphelpPage #content {
  background:#000000 none repeat scroll 0 0;
  border-color:-moz-use-text-color #FFFFFF;
  border-style:none solid;
  border-width:medium 1px;
  margin:0 8px;
  min-height:0;
  padding:16px;
}

#thePopuphelpPage #copyright {
  -moz-border-radius-bottomleft:12px;
  -moz-border-radius-bottomright:12px;
  -webkit-border-bottom-left-radius:12px;
  -webkit-border-bottom-right-radius:12px;
  -khtml-border-bottom-left-radius:12px;
  -khtml-border-bottom-right-radius:12px;
  border-radius:0px 12px;
  background:#000000 none repeat scroll 0 0;
  border-color:#FFFFFF;
  border-style:none solid solid;
  border-width:1px;
  height:25px;
  margin:0 8px 8px;
  width:auto;
}

#thePopuphelpPage ul.categoryActions {
  margin:-16px 0 0;
  padding:0;
}

/*
 * diaporama
*/
#imageHeaderBar h2.showtitle {
  display:inline;
}

#imageHeaderBar div.slideShow {
  padding:2px 0 0 5px;
}

/*
 vd language switch plugin
*/
.menuf ul li a, .menuf ul li a:visited {
  height:27px;
  line-height:27px;
  margin-top:5px;
}

.menuf ul.flag-pan .flags:hover, .menuf a img.flags {
  border:1px solid #303030;
}

.menuf ul.flag-pan .flags {
  border:1px solid #000000;
}

.menuf ul.flag-pan {
  background:#000000 url(./../icon/backgd.png) repeat scroll 0 -2px;
  -moz-border-radius-bottomleft:12px;
  -moz-border-radius-bottomright:12px;
  -webkit-border-bottom-left-radius:12px;
  -webkit-border-bottom-right-radius:12px;
  -khtml-border-bottom-left-radius:12px;
  -khtml-border-bottom-right-radius:12px;
  border-radius:12px;
  padding-bottom:4px;
  border:none;
}

/*
 * PWG Stuff plugin
*/
div.stuffs_block {
  background:transparent url(./../icon/skin_page.png);
  margin:0px;
  padding:0px;
}

div.stuffs_block .stuffs {
  margin:0px;
  padding:0px;
  background:transparent;
}

div.stuffs_block .stuffs h2 {
  margin:0px;
  padding-top:4px;
}

/*
 * Comment editor compatibility
*/

#theCategoryPage div#ce-content.content,
#theCategoryPage div#ce-message-block.content {
  background:transparent url(./../icon/skin_page.png);
}


#thePicturePage div#ce-content.content,
#thePicturePage div#ce-message-block.content {
  margin:70px auto auto;
  border:1px solid #FFFFFF;
}

div#ce-content .titrePage, div#ce-message-block .titrePage {
  background:#303030 url(./../icon/backgd.png);
  height:31px;
  border:none;
  margin:0;
}

#theCategoryPage div#ce-content .titrePage,
#theCategoryPage div#ce-message-block .titrePage {
  margin:0 11px 0 9px;
}

div#ce-content h2, div#ce-message-block h2 {
  padding-top:4px;
  margin:0px;
}

div#ce-content.content ul.categoryActions {
  padding-top:1px;
}

div#ce-comments {
  padding-bottom:0;
  padding-top:16px;
}




/*
 * AMM compatibility
*/
div#menubar dd.randompicdd {
  margin-left:-7px;
}

div#irandompicinner.illustration {
  height:auto;
  padding:0px;
}

.additional_info {
  font-size:120%;
  width:280px;
  padding-left:32px;
}

.description h3 {
  font-size:135%;
}

.description div.text {
  font-size:120%;
}

img.icon {
  display:none;
}

#imageHeaderBar div.browsePath h2 {
  font-size:110%;
}

div ul.thumbnails li {
  width:220px;
}

p.thumbCatDescNfoDate, p.thumbCatDescNbImg {
  font-size:60%;
  position:relative;
  top:-3px;
}