source: extensions/gally/gally-minimalist/css/theme.css @ 21997

/* -----------------------------------------------------------------------------
  MINIMALIST
  A Gally's theme for Piwigo
  ------------------------------------------------------------------------------
  file: gally/gally-minimalist/theme.css
  file version: 1.1.0
  ------------------------------------------------------------------------------
  author: grum at grum.fr
  << May the Little SpaceFrog be with you >>
  ------------------------------------------------------------------------------
  Minimalist for template "Gally"
----------------------------------------------------------------------------- */

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


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

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:#101010;
  opacity:0.88;
  filter:alpha(opacity:88);
  position:absolute;
  left:0px;
  top:0px;
}

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


/*
 page
*/

body {
  background:#ffffff;
  color:#000000;
  font-size:14px;
}

#the_page {
  display:block;
  background:transparent;
  margin: auto auto auto 180px;
  position: relative;
}

#thePicturePage #the_page {
  margin: auto 40px;
  min-width: 0;
  position: relative;
  width: auto;
}

a {
  color: #666666;
  outline:none;
}

a:hover {
  color: #000000;
}

a:focus {
  outline:none;
}


a.button {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -khtml-border-radius:5px;
  border-radius:5px;
  display:block;
  display:inline-block;
  width:43px;
  height:43px;
  cursor:pointer;
  border: 2px solid transparent;
}
a.navButton {
  display:block;
  display:inline-block;
  width:16px;
  height:15px;
  cursor:pointer;
  border:1px solid transparent;
  border-radius:2px;
}
span.button {
  display: inline-block;
  cursor:pointer;
}

a.button, a.navButton, span.button {
  background-image:url(./../icon/buttons.png);
  background-repeat:no-repeat;
}

a.button:hover{
  border:2px solid #000000;
}



/* index.tpl */

#icon_caddie {
  background-position:0px 0;
}
#icon_caddie:hover {
  background-position:0px 0px;
}

#icon_category_edit {
  background-position:-132px 0;
}
#icon_category_edit:hover {
  background-position:-132px 0px;
}

#icon_search_rules {
  background-position:-704px 0;
}
#icon_search_rules:hover {
  background-position:-704px 0px;
}

#icon_start_slideshow {
  background-position:-792px 0;
}
#icon_start_slideshow:hover {
  background-position:-792px 0px;
}

#icon_flat {
  background-position:-308px 0;
}
#icon_flat:hover {
  background-position:-308px 0px;
}

#icon_normal_mode {
  background-position:-528px 0;
}
#icon_normal_mode:hover {
  background-position:-528px 0px;
}

#icon_calendar {
  background-position:-44px 0;
}
#icon_calendar:hover {
  background-position:-44px 0px;
}

#icon_calendar_created {
  background-position:-88px 0;
}
#icon_calendar_created:hover {
  background-position:-88px 0px;
}

#icon_sort {
  background-position:-1892px 0;
}
#icon_sort:hover {
  background-position:-1892px 0px;
}

/* about.tpl */
/* comments.tpl */
/* identification.tpl */
/* nbm.tpl */
/* notification.tpl */
/* password.tpl */
/* tags.tpl */
/* profile.tpl */
/* register.tpl */
/* upload.tpl */
#icon_home {
  background-position:-396px 0;
}
#icon_home:hover {
  background-position:-396px 0px;
}

/* identification.tpl */
/* menubar_identification.tpl */
#icon_lost_password {
  background-position:-440px 0;
}
#icon_lost_password:hover {
  background-position:-440px 0px;
}

#icon_register, #icon_register2, #icon_register3 {
  background-position:-572px 0;
}
#icon_register:hover, #icon_register2:hover, #icon_register3:hover {
  background-position:-572px 0px;
}

#icon_lost_password, #icon_lost_password2, #icon_lost_password3 {
  background-position:-440px 0;
}
#icon_lost_password:hover, #icon_lost_password2:hover, #icon_lost_password3:hover {
  background-position:-440px 0px;
}

/* menubar_categories.tpl */
#icon_start_filter {
  background-position:-1936px 0px;
  width:16px;
  height:16px;
}
#icon_start_filter:hover {
  background-position:-1936px 0px;
}

#icon_stop_filter {
  background-position:-1958px 0px;
  width:16px;
  height:16px;
}
#icon_stop_filter:hover {
  background-position:-1958px 0px;
}

/* picture.tpl */
#icon_high_res {
  background-position:-264px 0;
}
#icon_high_res:hover {
  background-position:-264px 0px;
}

#icon_stop_slideshow {
  background-position:-748px 0;
}
#icon_stop_slideshow:hover {
  background-position:-748px 0px;
}

#icon_metadata {
  background-position:-484px 0;
}
#icon_metadata:hover {
  background-position:-484px 0px;
}

#icon_save {
  background-position:-660px 0;
}
#icon_save:hover {
  background-position:-660px 0px;
}

#icon_favorite {
  background-position:-176px 0;
}
#icon_favorite:hover {
  background-position:-176px 0px;
}

#icon_del_favorite {
  background-position:-220px 0;
}
#icon_del_favorite:hover {
  background-position:-220px 0px;
}

#icon_delall_favorite {
  background-position:-220px 0;
}
#icon_delall_favorite:hover {
  background-position:-220px 0px;
}

#icon_representative {
  background-position:-616px 0;
}
#icon_representative:hover {
  background-position:-616px 0px;
}

#icon_preferences {
  background-position:-132px 0;
}
#icon_preferences:hover {
  background-position:-132px 0px;
}

#icon_derivatives {
  background-position:-1848px 0;
}
#icon_derivatives:hover {
  background-position:-1848px 0px;
}

/* tags.tpl */
#icon_cloud {
  background-position:-836px 0;
}
#icon_cloud:hover {
  background-position:-836px 0px;
}

#icon_tag_letters {
  background-position:-880px 0;
}
#icon_tag_letters:hover {
  background-position:-880px 0px;
}

/* picture_nav_buttons.tpl */
#icon_last {
  background-position:-1144px 0;
}
#icon_last:hover {
  border-color:#000000;
  background-position:-1144px 0px;
}
#icon_last_unactive {
  background-position:-1144px -88px;
  cursor:default;
}
#icon_right {
  background-position:-1232px 0;
}
#icon_right:hover {
  border-color:#000000;
  background-position:-1232px 0px;
}
#icon_right_unactive {
  background-position:-1232px -88px;
  cursor:default;
}
#icon_play {
  background-position:-1364px 0;
}
#icon_play:hover {
  border-color:#000000;
  background-position:-1364px 0px;
}

#icon_pause {
  background-position:-1408px 0;
}
#icon_pause:hover {
  border-color:#000000;
  background-position:-1408px 0px;
}

#icon_up {
  background-position:-1320px 0;
}
#icon_up:hover {
  background-position:-1320px 0px;
  border-color:#000000;
}

#icon_left {
  background-position:-1276px 0;
}
#icon_left:hover {
  background-position:-1276px 0px;
  border-color:#000000;
}
#icon_left_unactive {
  background-position:-1276px -88px;
  cursor:default;
}
#icon_first {
  background-position:-1188px 0;
}
#icon_first:hover {
  background-position:-1188px 0px;
  border-color:#000000;
}
#icon_first_unactive {
  background-position:-1188px -88px;
  cursor:default;
}

#icon_start_repeat {
  background-position:-1496px 0;
}
#icon_start_repeat:hover {
  border-color:#000000;
  background-position:-1496px 0px;
}

#icon_stop_repeat {
  background-position:-1452px 0;
}
#icon_stop_repeat:hover {
  border-color:#000000;
  background-position:-1452px 0px;
}

#icon_dec_period {
  background-position:-1540px 0;
}
#icon_dec_period:hover {
  border-color:#000000;
  background-position:-1540px 0px;
}
#icon_dec_period_unactive {
  background-position:-1540px -88px;
  cursor:default;
}
#icon_inc_period {
  background-position:-1584px 0;
}
#icon_inc_period:hover {
  border-color:#000000;
  background-position:-1584px 0px;
}
#icon_inc_period_unactive {
  background-position:-1584px -88px;
  cursor:default;
}

/* popuphelp.tpl */
/* search_rules.tpl */
#icon_exit {
  background-position:-1100px 0;
}
#icon_exit:hover {
  background-position:-1100px 0px;
}

/* search.tpl */
#icon_help {
  background-position:-352px 0;
}
#icon_help:hover {
  background-position:-352px 0px;
}

/* pseudo icons */
span.id_recent {
  background-position:-968px 0;
  height: 11px;
  width: 11px;
  margin: -3px -3px 2px 2px;
}
span.id_recent_cat {
  background-position:-990px 0;
  height: 16px;
  width: 22px;
  position: relative;
  top: 0px;
  left:-6px;
}
span.id_recent_cat_by_child {
  background-position:-990px 0;
  height: 16px;
  width: 22px;
  position: relative;
  left:-6px;
}
span.id_delete {
  background-position:-1012px 0;
  height: 16px;
  width: 16px;
}
span.id_delete:hover {
  background-position:-1012px 0px;
}
span.id_edit {
  background-position:-1034px 0;
  height: 16px;
  width: 16px;
}
span.id_edit:hover {
  background-position:-1034px 0px;
}
span.id_validate {
  background-position:-1056px 0;
  height: 16px;
  width: 16px;
}
span.id_validate:hover {
  background-position:-1056px -0px;
}

/*
 * page : header
*/
#theHeader {
}

#theHeader h1 {
  margin:0px;
}

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

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


.titrePage, .navigationBar, #imageHeaderBar {
  margin-top: 8px;
  padding: 0px 16px;
  color:#000000;
}

.navigationBar {
  padding: 2px;
  position: fixed;
  right: 0;
  bottom:18px;
}

#categories .navigationBar {
    position: inherit;
}

.navigationBarBG
{
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 8px 0 0 0;
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 0;
  opacity:0.5;
  filter:alpha(opacity:50);
}

.navigationBarFG
{
  z-index: 900;
  padding: 4px 0 0 4px;
  position:relative;
  color:#c0c0c0;
}

.navigationBarFG a {
  font-weight:bold;
}
.navigationBarFG span.separator {
  color:#000000;
}


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

div.categoryActionsContentBG {
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -khtml-border-radius:2px;
  border-radius: 2px;
  background: none repeat scroll 0 0 #FFFFFF;
  height: 100%;
  opacity: 0.75;
  position: absolute;
  width: 100%;
  z-index: -1;
}


#titrePageID {
  background: none; /* repeat scroll 0 0 #FFFFFF; */
  border-radius: 4px 4px 4px 4px;
  height: auto;
  padding-bottom: 1px;
  position: fixed;
  right: 10px;
  z-index: 800;
}
#titrePageID:hover {
  visibility:visible;
}

#titrePageID div.browsePath {
  float: none;
  left: 20px;
  position: fixed;
  padding: 0;
  z-index: 1050;
}

#titrePageID h2 a:hover, div.browsePath h2 a:hover {
  border-bottom:1px dotted #666666;
}

#titrePageID h2 {
  padding:2px 0;
  clear: both;
}

div.browsePathBG {
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -khtml-border-radius:2px;
  border-radius: 2px;
  background: none repeat scroll 0 0 #FFFFFF;
  height: 100%;
  opacity: 0.75;
  position: absolute;
  width: 100%;
  z-index: -1;
}

/*
 * page content
*/
#content {
  min-height:450px;
}


.titrePage h2 {
  font-size:28px;
}

#content2 {
  padding:8px;
  position: relative;
  top: 100px;
}

#content2 a {
  border-bottom:1px dotted #666666;
}

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

/*
 page content : thumbnails
*/

#additional_infoTOP, #additional_infoBOTTOM {
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  -khtml-border-radius:8px;
  border-radius:8px;
  background-color: #202020;
  margin: 8px 0;
  padding: 8px 0;
}

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

#thumbnails {
  font-size:80%;
  font-weight:bold;
  margin-bottom: 16px;
}

/*
  page content : categories thumbnails
*/

#subContent {
  padding: 60px 0 0;
  clear:both;
}

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


.thumbnailCategory {
  display: block;
  margin: 40px;
  padding: 0;
}

div.thumbnailCategory span.id_recent_cat,
div.thumbnailCategory span.id_recent_cat_by_child {
  top:-5px;
}
div.thumbnailCategory:hover span.id_recent_cat {
  background-position:-990px 0px;
}
div.thumbnailCategory:hover span.id_recent_cat_by_child {
  background-position:-990px 0px;
}


.thumbnailCategory h3 {
  font-size: 120%;
  position:absolute;
}
.thumbnailCategory:hover h3 {
  font-size: 150%;
}

.thumbnailCategory h3.odd0 {
  margin: -17px 0 0;
  text-align: left;
}
.thumbnailCategory:hover h3 {
  margin: -21px 0 0;
}

.thumbnailCategory h3.odd1 {
  margin: -2px 0 0;
  text-align: right;
  min-height:30px;
}



.thumbnailCategory div.imgContainer {
  border:8px solid #000000;
}
.thumbnailCategory img {
  opacity:0.75;
  filter:alpha(opacity:75);
  display:block;
}
.thumbnailCategory:hover img {
  opacity:1;
  filter:alpha(opacity:100);
}


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

ul.thumbnailCategories li {
  float:none;
  margin:auto;
  display: inline-block;
  width: auto;
  min-width:0;
}

#thumbContents {
  margin:0px;
}

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

div.illustration img {
  border:4px solid #000000;
}

li.odd1 .illustration {
}


li p.thumbCatDesc, li p.thumbCatDescNbImg {
  margin-left:-8px;
  padding: 0 8px;
}

li p.thumbCatDescNbImg {
  font-style: italic;
  float:right;
  margin-top: -2px;
  color: #666666;
}

li p.thumbCatDesc {
  margin-top: 4px;
  padding-top: 4px;
  text-align: justify;
}

div.thumbnailCategory div.description {
  height:auto;
}

div ul.thumbnails {
  padding-bottom:40px;
}

div ul.thumbnails li {
  width: auto;
  height: auto;
  margin:40px;
  display: inline-block;
  float:none;
}

div ul.thumbnails li {
  border:4px solid #000000;
}

div ul.thumbnails li a img {
  display:block;
  opacity:0.75;
  filter:alpha(opacity:75);
}

div ul.thumbnails li:hover a img {
  opacity:1;
  filter:alpha(opacity:100);
}


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

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

/*
 page : copyright
*/
#copyright {
  color: #000000;
  font-size: 10px;
  left: 0px;
  border-top:1px solid #000000;
  padding: 3px;
  width: 100%;
  z-index: 800;
  background:#ffffff;
  height:14px;
}

/*
 page : menubar
*/
#menubar {
  color: #000000;
  display: block;
  height: 30px;
  left: -6px;
  margin: 0;
  overflow: visible;
  padding: 50px 0 0;
  position: fixed;
  top: auto;
  width: 200px;
  z-index: 1000;
  visibility:visible;
}

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

#menubar dt a {
  color:#000000;
}

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

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

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

#menubar dl:hover {
  background-color:#000000;
  color:#ffffff;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
}

#menubar ul {
  list-style-type:none;
  font-size:92%;
  margin:0;
  padding:0;
}

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

#menubar dt .button {
  display:none;
}

#menubar p.totalImages {
  font-size:65%;
  margin-right:12px;
  color:#ffffff;
}


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:4px;
  padding-bottom:4px;
  margin:-23px 0px 0px -6px; /* 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:#000000;
  padding-bottom:6px;
  min-width:180px;
  border: 2px solid #000000;
  color:#ffffff;

  left: 85%;
  margin: -35px 0 0 0;
  position: absolute;
  z-index: 500;
}

#menubar dd {
  position:absolute;
  z-index:-1;
  border: 2px solid #000000;
  margin: 0px 0 0 -8px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
}


#menubar li {
  padding: 1px 8px;
  white-space: nowrap;
}
#menubar li a {
  color:#ffffff;
}

#menubar li:hover {
  background:#ffffff;
  color:#000000;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -khtml-border-radius:2px;
  border-radius:2px;
}

#menubar li:hover>a {
  color:#000000;
}

#menubar li a.button {
  background-color:#ffffff;
  border:2px solid transparent;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -khtml-border-radius:2px;
  border-radius:2px;
}


#menubar ul.actions li:hover {
  background-color:#ffffff;
}

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


.menuInfoCat, .menuInfoCatByChild {
  font-size: 70%;
  color:#ffffff;
}

li:hover > span.menuInfoCat,
li:hover > span.menuInfoCatByChild {
  color:#666666;
}

#mbIdentification dd p {
  color:#ffffff;
}


/*
 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 #000000;
  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 #000000;
  overflow:hidden;
}

.calBackDate {
  color:#000000;
  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 {
  color:#666666;
  padding-left:12px;
  padding-top:8px;
}

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

div.calImg img {
  opacity:0.75;
  filter:alpha(opacity:75);
}

div.calImg:hover img {
  opacity:1;
  filter:alpha(opacity:100);
}


.calendarCalBar {
  padding-left:16px;
  padding-top:8px;
  margin-left:8px;
  margin-right:12px;
  margin-bottom: 8px;
}

.calendarBar span {
  font-size:90%;
}

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

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

div.calendarViews {
  margin-top: 4px;
}

span.calCalHead a {
  font-weight:bold;
  font-size:150%;
}
span.calCalHead span.calCalNbImg,
span.calCal span.calCalNbImg {
  color:#666666;
}
span.calCalNbImg {
    font-size: 70%;
    left: -3px;
    position: relative;
    top: -8px;
}

/*
  inputs
*/
input[type="text"], input[type="password"], select, textarea, file {
 font-family: monospace;
 background: #d9d9d9;
 color:#333333;
 border:none;
 margin:0px;
 max-width:640px;
}

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

input[type="submit"], input[type="button"], input[type="reset"], button {
  -moz-border-radius: 8px;
  -webkit-border-radius:8px;
  -khtml-border-radius:8px;
  border-radius:8px;
  background:#000000;
  border:none;
  color: #C0C0C0;
  font-family: monospace;
  font-weight: bold;
  padding: 4px;
  margin-top:1px;
  cursor: pointer;
}

input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:hover {
  color: #ffffff;
}

input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active, button:active {
  background:#c0c0c0;
  color: #000000;
  outline:none;
}


/*
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 #606060 solid;
  border-left:1px #606060 solid;
}
*/

fieldset {
  border: 2px solid #000000;
  margin: 16px 4px;
  padding: 8px;
  font-size: 12px;
}

fieldset legend {
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  background: none repeat scroll 0 0 #000000;
  color:#ffffff;
  font-size: 14px;
  font-weight: bold;
  padding: 1px 16px;
}

#quickconnect {
  color:#ffffff;
}
#quickconnect fieldset {
  border: 2px solid #ffffff;
  background:#000000;
  margin: 16px 4px 4px;
  padding: 4px;
}
#quickconnect fieldset legend {
  background: none repeat scroll 0 0 #ffffff;
  color:#000000;
}
#quickconnect #iValid {
  margin-top:12px;
}
#quickconnect ul.actions {
  float:right;
}

/*
  picture page
*/
.switchBox {
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  background-color: #ffffff;
  border: 2px solid #000000;
  margin-left:4px;
  z-index:15000;
  margin-top:12px;
}

.switchBoxTitle {
  font-size: 12px;
  font-weight: bold;
}

.switchBoxCat {
  margin-top:25px;
}

#thePicturePage #titrePageID {
  min-height:0;
  padding:0;
  border:0;
  margin:0;
}

#imageHeaderBar {
  z-index: 1000;
  position: relative;
}

#imageHeaderBar div {
  color:#000000;
}

#imageHeaderBar div.browsePath {
  float: none;
  left: 20px;
  position: fixed;
  padding: 0;
}

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

#theImage p {
  margin:0;
}

#theImgContainer {
  border:8px #000000 solid;
  margin-top:30px;
}

#theImageHigh {
  position: fixed;
}

#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:22px;
  height:22px;
  background:transparent url(./../icon/buttons.png) no-repeat scroll -1804px 0px;
  top:-14px;
  right:15px;
  cursor:pointer;
}
#theImgHighCloseButton:hover {
  background-position:-1804px -44px;
}

#theImgHighZoomButton {
  width:22px;
  height:22px;
  top:-14px;
  right:40px;
  cursor:pointer;
  background:transparent url(./../icon/buttons.png);
}

#theImgHighZoomButton.fit {
  background-position:-1760px 0px;
}
#theImgHighZoomButton.fit:hover {
  background-position:-1760px -44px;
}

#theImgHighZoomButton.full {
  background-position:-1716px 0px;
}
#theImgHighZoomButton.full:hover {
  background-position:-1716px -44px;
}


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

#imageToolBar {
  top:0px;
  margin-top: 15px;
  position: fixed;
  right: 10px;
}

.imageToolBarBg {
  z-index:-1;
  left:0px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  -khtml-border-radius:6px;
  border-radius:6px;
  min-height: 23px;
}

div.navButtons {
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -khtml-border-radius:3px;
  margin-right: 5px;
  padding: 1px;
  position: absolute;
  right: 0;
  top: 5px;
  width: auto;
  z-index: 800;
}


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

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

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

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

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

.navThumbNextBg, .navThumbPrevBg {
  -moz-border-radius:12px;
  -webkit-border-radius:12px;
  -khtml-border-radius:12px;
  border-radius:12px;
  background: none repeat scroll 0 0 #202020;
  height:180px;
  width:180px;
  margin:10px;
}

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


#imageInfos {
  z-index:100;
}

#imageInfosContainer {
  padding-bottom:8px;
}

.imageMetaBg, .imageInfosBg {
  background:#ffffff;
  opacity:0.85;
  filter:alpha(opacity:85);
}

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

.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;
}

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

#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/buttons.png') no-repeat scroll; background-position:-1695px -2px; width:22px; height:20px;
  outline:none;
}

#rateForm input[type="button"].rateButtonStarEmpty,
#rateForm input[type="button"].rateButtonStarEmpty:focus,
#rateForm input[type="submit"].rateButtonStarEmpty {
  background: url('./../icon/buttons.png') no-repeat scroll; background-position:-1673px -2px; width:22px; height:20px;
  outline:none;
}

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

#privacyLevelBox {
  font-weight:normal;
}

#privacyLevelBox a {
  cursor:pointer;
}

#iPrivacyLevelLink {
  cursor:pointer;
  font-style:italic;
}

#comments {
  padding:16px;
}

#theCommentsPage ul.commentList {
  padding:0;
}

#theCommentsPage ul.commentList li {
  margin-bottom: 8px;
  padding: 4px;
}

#theCommentList ul.commentList {
  padding: 0 0 0 17px;
}

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

#theCommentsPage ul.commentList li .commentDetail ul li {
  display:inline;
  margin:0;
  padding:0;
}

.commentDetail .description {
  padding-top: 12px;
}

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

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

.commentDetail fieldset legend {
  background:none;
}

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

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

#theCommentBG {
  background: none repeat scroll 0 0 #FFFFFF;
  opacity: 0.85;
}

#theCommentContainer {
  clear:both;
  min-height:250px;
  display:inline-block;
}

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

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

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

#theCommentList {
  height:75%;
}

#theCommentsContainer {
  z-index:800;
}

.imageNumber {
  font-size: 60%;
  font-style: italic;
  font-weight: normal;
  left: 40px;
  margin: 16px 0;
  padding: 0;
  position: fixed;
}

div.imageNumberTxt {
  padding:4px;
}

/*
 * tabs
*/
#theTabs {
}

#theTabsBg {
  background:url("./../icon/1x1transp.gif") repeat scroll 0 0 transparent;
}

#theTabsheets {
  margin:2px;
}

#theTabsheets li.tab, #theTabs div.tab {
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  background-color:transparent;
  color:#ffffff;
  display:block;
  margin:0 2px 2px 4px;
  padding:2px 8px;
  position:relative;
  top:2px;
  font-size:11px;
  height:14px;
  clear: right;
  float: right;
}
#theTabs #tabNavigate {
  background-color:#ffffff;
}
#theTabsheets li.tab {
  background-color:#ffffff;
  border:1px solid transparent;
}

#theTabsheets li.tab a {
  color:#000000;
}

#theTabsheets li.tab:hover {
  border-color:#000000;
}

#theTabsheets li.ui-tabs-selected {
  border-color:#000000;
  border-left-width:8px;
  background:#ffffff;
}
#theTabsheets li.ui-tabs-selected a {
  color:#000000;
}

#theTabsContainer {
  position:absolute;
  z-index:850;
  width:0px;
  top:0px;
}

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

#theTabs #tabNavigate {
  float:right;
  margin:4px;
  height:13px;
  top:0;
}


#theTabs #tabNavigate div.navButtons {
  margin: 0;
  padding: 0;
  position: relative;
  top: -2px;
  width: auto;
  z-index: 100;
}



#theTabs #tabRandomButtons {
  height: auto;
  margin: 4px;
  position: absolute;
  padding:0px;
  top:0;
}

#theTabs #tabImageInfos {
  margin-left: 42px;
}

#theTabs div.tabPanel {
  width:100%;
  position:fixed;
  left:0;
  bottom:40px;
}

#theTabs div.tabPanel>div {
  border:1px solid #000000;
  margin:10px;
  position:relative;
}

.randomButtons {
  left: 0;
  z-index: 110;
  margin-left:0;
  position:relative;
  top:0;
}

div.randomButtons a.button {
  display:block;
  margin-top: 2px;
  background-color: #FFFFFF;
}


/*
  tags
*/

#fullTagCloud SPAN a:hover {
  border-bottom:1px dotted #666666;
}

#menuTagCloud {
  padding:6px;
}

#menuTagCloud SPAN {
  margin:0px;
}

#menuTagCloud SPAN a {
  color:#ffffff;
}
#menuTagCloud SPAN:hover a {
  border-bottom:1px dotted #ffffff;
}
#menuTagCloud SPAN.add_tag:hover, #menuTagCloud SPAN:hover a.tagaddbutton {
  border:none;
}



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

#fullTagCloud {
  padding:8px 16px;
  margin:0px;
  position: relative;
  top: 100px;
}

.tagLetters {
  padding:8px 16px;
}

.nbEntries {
  text-align:right;
  padding-left:20px;
  font-size:75%;
}

.tagaddbutton {
  left:-4px;
  position:relative;
  top:-6px;
}
span.add_tag {
  background-image:url(./../icon/buttons.png);
  background-repeat:no-repeat;
  width:9px;
  height:9px;
  background-position:-947px -1px;
  display:inline-block;
}
span.add_tag:hover {
  background-position:-947px -45px;
}

.mandatorystar {
  color:#A04040;
}

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

tr.tagLine {
  border-bottom:1px solid transparent;
}

tr.tagLine:hover {
  border-bottom:1px dotted #666666;
}

.tagLetterContent {
  border-collapse: collapse;
}

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


#thePopuphelpPage #the_page {
  left: 0;
  width: 96%;
  margin:auto;
}

#thePopuphelpPage #theHeader {
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  border-radius: 12px;
  background: none repeat scroll 0 0 #202020;
  margin-top: 8px;
  padding: 0px 16px;
  border-top: 4px solid;
  color:#666666;
}

#thePopuphelpPage #content {
  margin:0 8px;
  min-height:0;
  padding:16px 16px 52px;
}

#thePopuphelpPage #copyright {
  width: 96%;
}

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

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

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

/*
 * notification
 */
span.rssFeed {
  display:inline-block;
  width:11px;
  height:14px;
  background-image:url(./../icon/buttons.png);
  background-repeat:no-repeat;
  background-position:-1628px 0;
  margin-right: 4px;
  position: relative;
  top: 2px;
}




/*
 * tips
 */

#iSimpleTipContent {
  background: none repeat scroll 0 0 #C0C0C0;
  border: none;
  color: #202020;
  font-family: sans-serif;
  font-size: 11px;
  max-width: 200px;
  padding: 4px;
  min-height: 15px;
}
#iSimpleTipShadow, #iSimpleTipContent {
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
}

#iSimpleTipContent span.title {
  font-weight:bold;
}
#iSimpleTipContent ul, #iSimpleTipContent ol {
  margin:4px;
  padding-left:15px;
}

#iSimpleTipContent img {
  margin:8px;
}

#iSimpleTipContent span.navDesc {
  text-align:center;
  display:block;
}

#iSimpleTipContent span.navAction {
  font-weight:bold;
}
#iSimpleTipContent span.navTitle {
  font-style:italic;
}

.cSimpleTipArrow {
    background-image: url("./../icon/sTipArrows.png");
}

.cSimpleTipArrow {
    background-repeat: no-repeat;
    height: 12px;
    position: absolute;
    width: 12px;
}


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

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

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

.menuf ul.flag-pan {
  -moz-border-radius: 4px;
  -webkit-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  background: #ffffff;
  border: 2px solid #000000;
  padding-bottom: 4px;
  margin-left: 6px;
  margin-top: -4px;
}

li.menuf {
  left: 15px;
  margin-top: 10px;
  position: fixed;
  z-index:1500;
}

li.menuf ul li:hover ul {
  display:block;
  left:-15px;
}
li.menuf ul li {
  margin-left:0;
  top:8px;
}
li.menuf ul li ul.flag-pan li {
  margin-left:5px;
  top:0px;
}

/*
 * PWG Stuff plugin
*/
div.stuffs_block {
  margin:0px;
  padding:0px;
}

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

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

div.stuffs_block div.personal_block,
div.stuffs_block #comments {
  -moz-border-radius: 12px;
  -webkit-border-radius:12px;
  -khtml-border-radius:12px;
  border-radius:12px;
  background: #202020;
  margin-top: -24px;
  margin-bottom: 8px;
  padding: 35px 15px 15px;
}

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

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



/*
 * GMaps compatibility
 */
#icon_gmaps {
  height:43px;
}
#icon_gmaps.size42x28 {
  background-image:url(./../icon/gmaps/i42x28.png);
  width:65px;
}
#icon_gmaps.size28x28 {
  background-image:url(./../icon/gmaps/i28x28.png);
  width:43px;
}

/*
 * LMT compatibility
 */
#copyright img.logo80x15 {
  top: 2px;
}
#theImage table img.logo88x31 {
  top:2px;
}

/*
 * Histogram compatibility
 */
#iHistoContent {
  margin:5px;
}