/**
 * $Horde: ansel/themes/screen.css,v 1.50 2008/06/08 19:37:58 mrubinsk Exp $
 */

/* Table CSS. */
th {
    text-align: left;
}

.coord {
    font-size: 90%;
    border: 1px solid #999;
    color: #aaa;
}

.breadcrumbs, .instructions {
    border: 1px solid #ccc;
    padding: 2px;
    margin: 8px;
}
.breadcrumbs p, .instructions p {
    margin: 0;
    background: #e9e9e9;
}
.breadcrumbs {
    font-weight: bold;
}
.instructions {
    margin: 10px;
    font-weight: bold;
}

/* Slideshow controls. */
.slideControls {
    text-align: center;
    margin: 5px;
    padding: 2px;
}
.slideControls a {
    margin: 2px;
    padding: 3px;
}
.slideControls a:hover {
    background: #e9e9e9;
    padding: 2px;
    border: 1px solid #ccc;
}

/* Gallery Group view. */
#galleryGroups {
    width: 100%;
}
#galleryGroups table {
    border-collapse: collapse;
}
#galleryGroups td {
    margin: 0;
}
.galleryGroupsTile {
    padding: 1em;
}

#Container {
    text-align: center;
}
#CaptionContainer {
    margin: 0 auto;
    text-align: left;
}
#Caption {
    padding: 1em;
}

#sortContainer {
    margin: 10px;
    border: 1px solid #ccc;
}
#sortContainer div {
    cursor: move;
    margin: 10px;
    height: 170px;
    float: left;
}
#sortContainer a {
    cursor: move;
}

/* Widgets */
.anselWidget {
    border: 1px solid #ccc;
}
.anselWidgets {
    margin-right: 5px;
    margin-left:5px;
    vertical-align: top;
}
.anselWidgets .header {
    background: none;
    color: #333333;
}
.anselWidgets .header a {
    color: #333333;
}
.anselWidgets #similar img {
    padding: 1px;
}
.tagTitle {
    font-size: 100%;
    border: none;
}
#tags {
    padding: 4px;
}
#tags li {
    list-style: none;
}
#tagform {
    white-space: nowrap;
    padding: 4px;
}
.tag-list {
    display: inline;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 80%;
}
.tag-list li {
    margin: 0;
    padding: 0 .2em;
    display: inline;
}
.tag-list img {
    vertical-align: middle;
}

a.earliest:link, a.earliest:visited, a.earliest:hover, a.earliest:active {
    color: #ccc;
}

a.earlier:link, a.earlier:visited, a.earlier:hover, a.earlier:active {
    color: #99c;
}

a.later:link, a.later:visited, a.later:hover, a.later:active {
    color: #99f;
}

a.latest:link, a.latest:visited, a.latest:hover, a.latest:active {
    color: #00f;
}

#ansel_preview {
    position: absolute;
}

.face-tile {
    margin: 5px;
    padding: 0;
    float: left;
}

.face-div {
    position:absolute;
}

.bordered-facethumb {
    border: 1px solid black;
    margin: 2px;
    float: left;
}

.ansel-tile {
    padding-top: 10px;
    verticle-align: top;
    text-align: center;
}

/* Gallery styles */
.gallery-desc {
    background: #fff;
    padding: 1em;
}

/* Gallery tiles */
.gallery-tile-caption {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 100%;
}
.gallery-tile p {
    margin: 0;
    padding: 0;
}

/* Image tiles */
.image-tile-caption {
    display: block;
    font-size: 90%;
    padding: .2em;
}

#gallery-actions a:hover {
    text-decoration: underline;
}
#gallery-actions a.widget {
    color: #000;
    white-space: normal;
}
#gallery-actions-toggle.show {
    background: url('graphics/plus.png') center left no-repeat;
    padding-left: 15px;
}
#gallery-actions-toggle.hide {
    background: url('graphics/minus.png') center left no-repeat;
    padding-left: 15px;
}

/* Actions */
.anselActions {
    margin-left: 0;
    background: #e9e9e9;
    padding: 4px;
    border: 1px #cccccc solid;
}
.anselActions a, .anselActions a:visited, .anselActions label {
    text-decoration: none;
    color: #000;
    font-size: 90%;
    line-height: 90%;
    white-space: nowrap;
    font-weight: bold;
    padding: 4px;
}
.anselActions a img {
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 2px;
}
.anselActions a:hover {
    text-decoration: none;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 3px;
}

.success {
    background: url('graphics/success.png') center left no-repeat;
    padding-left: 15px;
}
.problem {
    background: url('graphics/problem.png') center left no-repeat;
    padding-left: 15px;
}

/* For in place editing */
form.inplaceeditor-form {
    background: none;
}
form.inplaceeditor-form input[type="submit"] {
    background:#AAFFAA none repeat scroll 0%;
    border:1px solid #000000;
    cursor:pointer;
    font-weight:bold;
    padding:2px;
}
form.inplaceeditor-form a {
    background:#FFAAAA none repeat scroll 0%;
    border:1px solid #000000;
    cursor:pointer;
    font-weight:bold;
    padding:2px;
}
.inplaceeditor-empty {
    font-style: italic;
    color: #999;

}