.photo-list {}
.photo-list .rating {display: inline-block; margin: 0 5px; text-align: center; width: 100px;}
.photo-item {display: inline-block; width: 100px; height: 120px; padding: 10px; border: solid 1px transparent; margin: 5px;}
.photo-item img {width: 100px; height: 100px; border: 0}
.photo-item:hover {border: dashed 1px gray}
.photo-item .controls {padding: 5px; text-align: center}

.rate {}
.photo-rate-inc {display: inline-block; width: 16px; height: 16px; background: url("/layout/images/plus_gray.png") !important;}
.photo-rate-dec {display: inline-block; width: 16px; height: 16px; background: url("/layout/images/minus_gray.png") !important; }
.inc-active { background: url("/layout/images/plus.png") !important; }
.dec-active { background: url("/layout/images/minus.png") !important; }

.contact-dialog {position: absolute; z-index: 1; display: none; left: 40%; top: 30%; text-align: right; padding: 5px;}
.contact-dialog select, .contact-dialog input[type=text] {width: 150px; }
.contact-dialog .controls {padding: 10px; text-align: center;}

.pagination {padding: 5px; position: relative;}
.pagination span {
    display: inline-block;
    background: none repeat scroll 0 0 #F0F5FA;
    border: 1px solid #072A66;
    padding: 1px 3px;
}
.pagination a {
    text-decoration: none;
    color: #222222;
    }
.pagination span.pagecurrent {
    background: none repeat scroll 0 0 #FFC9A5;
}

.new-topic {padding: 5px; }
.new-topic input[type=text] {width: 98%}
.new-topic textarea {width: 98%; height: 100px; }

.new-post {padding: 5px; }
.new-post textarea {width: 98%; height: 100px;}
.edit-post {text-align: right; }

.last-topic {margin: 5px; }

.photo-controls {display: inline-block;}
.photo-controls .rating {display: inline-block; margin: 0 5px;}
.photo-controls .actions {display: inline-block; margin: 0 5px;}
.photo-controls .save {display: inline-block; width: 16px; height: 16px; background: url("/layout/images/save.png")}
.photo-controls .fav {display: inline-block; width: 16px; height: 16px; background: url("/layout/images/fav.png")}
.photo-controls .fav1 {display: inline-block; width: 16px; height: 16px; background: url("/layout/images/fav1.png")}
.photo-controls .paste {display: inline-block; width: 16px; height: 16px; background: url("/layout/images/paste.png")}
.photo-controls .link {display: inline-block; width: 16px; height: 16px; background: url("/layout/images/link.png")}
.paste-dialog, .link-dialog {width: 200px; height: 100px; position: absolute; left: 50%; top: 50%;
    display: none; z-index: 100000; background: silver; border: solid 1px gray; }
.paste-dialog textarea, .link-dialog textarea {width: 92%; height: 68%; font-family: Verdana; }
.paste-dialog a, .link-dialog a {display: block; float: right; background: url('/layout/images/dialog-close.png');
    width: 16px; height: 16px; cursor: pointer; }
.paste-dialog div, .link-dialog div {float: left; padding: 2px; }

.index-random-photo { text-align: center; }
.index-random-photo div {display: inline-block;}
.index-random-photo img {width: 80px; max-height: 80px;}

.old-user-list {text-align:center;}
.old-user-list .old-user {display: inline-block;vertical-align:top;margin-left:10px;margin-bottom:10px;width:250px;height:250px;}
.old-user-list .old-user .avatar { height: 100px; }
.old-user-list .old-user .avatar img {max-width: 100px; max-height: 100px; }
.old-user-list .old-user .photo { padding-top: 5px; vertical-align:middle; height: 150px; }
.old-user-list .old-user .photo img {max-width: 150px; max-height: 150px; }
.old-user-list .old-user .nick { height: 100px; padding-left: 5px; }

.link-image-form {position: absolute; z-index: 1; left: 50%; top: 50%; display: none; }
.link-image-form textarea {margin: 5px; width: 200px; height: 50px; }
.link-image-form .apply-cancel {text-align: center; padding: 5px;}

.tags {text-align: left; padding: 2px; }
.tags a { margin-right: 20px; }

.random-old-users { text-align: center; }
.random-old-users .old-user {display: inline-block; margin-bottom:5px;}
.random-old-users .old-user .avatar {width: 80px; height: 80px;}
.random-old-users .old-user .avatar img {max-width: 80px; max-height: 80px;}
.random-old-users .old-user .nick {text-align: center}

.users-list {}
.users-list .user-item {border: dashed 1px silver; margin: 5px; padding: 5px;}
.users-list .user-item .user-info {display: inline-block; vertical-align: top; }
.users-list .user-item .avatar {display: inline-block;}
.users-list .user-item .avatar img {width: 100px; height: 100px;}
.users-list .user-item .login {padding: 5px; }
.users-list .user-item .name {padding: 5px; }
.users-list .user-item .nicks {padding: 5px; }

.user-profile {text-align: left;}
.user-profile .avatar {text-align: left; margin: 5px; }
.user-profile .avatar span {display: block;}
.user-profile .avatar img {max-width: 100px; max-height: 100px; }
.user-profile .photo {text-align: left; margin: 5px; border-top: 1px dashed gray; }
.user-profile .photo span {display: block;}
.user-profile .photo img { }
.user-profile .name {margin: 5px;}
.user-profile .nicks {margin: 5px;}
.user-profile .activity {margin: 5px;}
.user-profile .address {margin: 5px;}
.user-profile .about {margin: 5px;}
.user-profile span {font-weight: bold; }
.user-profile .details {display: inline-block; vertical-align: top; }

.user-profile .contacts {margin: 5px; border-top: dashed 1px gray; font-weight: bold;}
.user-profile table {}
.user-profile table .contact-name { text-align: right;}
.user-profile table .contact-value { }

.user-profile-update {text-align: left; vertical-align: top;}
.user-profile-edit {width: 300px; text-align: right; display: inline-block;}
.user-profile-edit textarea {height: 100px;}

.user-contacts-edit {display: inline-block; vertical-align: top; border-left: dashed 1px silver; padding: 10px; margin-left: 20px;}
.user-contacts-edit span {font-weight: bold;}
.user-contacts-edit span {font-weight: bold;}
.user-contacts-edit table {}
.user-contacts-edit table .contact-name { text-align: right; cursor: pointer; }
.user-contacts-edit table .contact-value {color: gray; cursor: pointer;}

.index-random-profiles { text-align: center; }
.random-user { display: inline-block; }
.random-user .avatar {}
.random-user .nick {text-align: center;}
.random-user img {max-width: 80px; max-height: 80px;}

.postdetails img {max-width: 100px; max-height: 100px;}

.validation-error {background: #F4E7EA; border: 1px solid #986265; margin: 5px; padding: 5px; text-align: center;}

.favorites {}
.favorites .favorites-image {margin: 5px; padding: 5px; border: dashed 1px silver; display: inline-block;}

.screen-form {}
.screen-form .screen-file {}
.screen-form .screen-text {}
.screen-form .screen-text textarea {width: 220px; height: 80px; }

.field-error {color: red; }

.pagination-input {display: inline-block; margin-left: 30px;}
.pagination-input input[type=text] {width: 30px; margin: 0;}
.pagination-input input[type=submit] {margin: 0}

.pp_social a {display: inline-block;}
.order {position:absolute;right:5px; padding: 3px; z-index:99;}

@media screen and (max-width: 980px) {
    .order {
        position: static;
        display: block;
        padding: 8px 10px 0 10px;
        text-align: left;
        line-height: 1.6;
    }

    .pagination {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
        padding: 8px 10px;
    }

    .pagination span {
        margin: 0;
    }

    .pagination #paginator_menu {
        top: 34px !important;
        left: 10px;
        right: auto;
    }
}

@media screen and (max-width: 640px) {
    .photo-list {
        text-align: center;
    }

    .photo-item {
        width: 92px;
        height: auto;
        padding: 8px;
        margin: 4px;
        vertical-align: top;
    }

    .photo-item img {
        width: 92px;
        height: 92px;
    }

    .photo-list .rating {
        width: auto;
        min-width: 76px;
        margin: 4px 0 0 0;
    }

    .pagination {
        gap: 4px;
        padding-top: 6px;
    }

    .pagination span {
        padding: 2px 5px;
    }

    .order a {
        display: inline-block;
        margin-top: 4px;
    }
}