/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2003-2009 Coppermine Dev Team
  v1.1 originally written by Gregory DEMAR

  This program is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License version 3
  as published by the Free Software Foundation.

  ********************************************
  Coppermine version: 1.5.1
  $HeadURL: https://coppermine.svn.sourceforge.net/svnroot/coppermine/trunk/cpg1.5.x/css/coppermine.css $
  $Revision: 6335 $
  $LastChangedBy: nibbler999 $
  $Date: 2009-07-18 19:08:37 +0200 (Sa, 18 Jul 2009) $
  ********************************************
  This file contains the overall, theme-independant stylesheet definitions. 
  Do NOT edit this file unless you REALLY know what you're doing!
**********************************************/

form {
    margin-top:0px;
    margin-bottom:0px;
}

.inline {
    display:inline;
}

#vanity a {
    display:block;
    width:57px;
    height:20px;
    margin: 3px 20px;
}

#vanity img {
    border:0
}
#v_php {
    float:left;
    background-image:url(../images/vanity/powered-php.gif);
}
#v_php:hover {
    background-image:url(../images/vanity/h_powered-php.gif);
}
#v_mysql {
    float:left;
    background-image:url(../images/vanity/powered-mysql.gif);
}
#v_mysql:hover  {
    background-image:url(../images/vanity/h_powered-mysql.gif);
}
#v_xhtml {
    float:right;background-image:url(../images/vanity/valid-xhtml10.gif);
}
#v_xhtml:hover {
    background-image:url(../images/vanity/h_valid-xhtml10.gif);
}
#v_css {
    float:right;
    background-image:url(../images/vanity/valid-css.gif);
}
#v_css:hover {
    background-image:url(../images/vanity/h_valid-css.gif);
}

/* jQuery Bookmark styles */
.bookmark_list {
    display: block;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {  /* Safari3/Opera9 */
    .bookmark_list {
        font-size: 100%;
    }
}
html:first-child .bookmark_list {  /* Opera */
    /*font-size: 80%;*/
}
.bookmark_list li {
    float: left;
    width: 23%;
    margin: 0% 0.5%;
    padding: 2px;
    background-color: #eee;
    border: 1px outset;
    list-style-type: none;
}
.bookmark_compact {
    background-color: #eee;
    border: 1px outset;
}
.bookmark_compact li {
    width: 16px;
    height: 16px;
    margin: 0%;
    background-color: transparent;
    border: none;
}
.bookmark_list a {
    width: 100%;
}
.bookmark_list span {
    display: inline-block;
    width: 16px;
    height: 16px;
}
.bookmark_list img {
    border: none;
    vertical-align: bottom;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {  /* Safari3/Opera9 */
    .bookmark_list img {
        margin-bottom: 3px;
        vertical-align: middle;
    }
}
html:first-child .bookmark_list img { /* Opera */
    margin-bottom: 3px;
    vertical-align: middle;
}

#popupClose { 
    display: none; 
    vertical-align: top; 
} 
#popupBookmark { 
    display: none; 
    position: absolute; 
    z-index: 100; 
} 
#popupBookmark ul { 
    float: left; 
    width: 180px; 
    border: 1px solid #aaa; 
    background-color: #fff; 
}

.detail_head_collapsed, .detail_head_expanded {
	cursor: pointer;
	position: relative;
	padding: 5px 10px;
	background-repeat:no-repeat;
	background-position:center left;
}

.detail_head_collapsed {
	background-image:url('../images/tree/plus.gif');
}

.detail_head_expanded {
	background-image:url('../images/tree/minus.gif');
}

.detail_body {
}

input.spin-button {
	padding-right:20px;
	background-repeat:no-repeat;
	background-position:100% 0%;
	background-image:url(../images/spinbtn_updn.gif);
}

input.spin-button.up {
	cursor:pointer;
	background-position:100% -18px;
}
input.spin-button.down {
	cursor:pointer;
	background-position:100% -36px;
}

/* Greybox used for help pop-ups */
#GB_overlay {
  background-image: url(../images/overlay.png); 
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 100;
  width:  100%;
  height: 100%;
}

* html #GB_overlay {
  background-color: #000000;
  background-color: transparent;
  background-image: url(../images/spacer.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
}

#GB_window {
  top: 10px;
  left: 0px;
  position: absolute;
  overflow: auto;
  width: 600px;
  height: 400px;
  z-index: 150;
}

#GB_frame {
  border: 0;
  overflow: auto;
  width: 100%;
  height: 378px;
}

#GB_window img {
  position: absolute;
  top: 2px;
  right: 5px;
  cursor: pointer;
  cursor: hand;
}

.dragHandle {
	background-image: url(../images/icons/move.png)  ;
	background-position:center center;
	background-repeat:no-repeat;
	width: 50px;
	height: 14px;
}

.explanation {
    font-size: 80%;
}