/* ********** [ CONTENT HEADER ] ********** */

div#content div.header_wrap  {
        margin: 0px 0px 0px 0px;
        height: 29px;
        background: url('border.gif') repeat-x 0px 100%; }

div#content div.location_wrap {
        display: none; }

        div#content div.location { }

                div#content div.location ul {
                        list-style: none; }

                        div#content div.location ul li {
                                float: left; }

                                div#content div.location h1 {
                                        padding: 0px 5px;
                                        float: left;
                                        font: bold 11px/25px arial, verdana, sans-serif;
                                        color: #000000; }

                                div#content div.location ul li span {
                                        padding: 0px;
                                        display: block;
                                        float: left;
                                        font: 11px/25px arial, verdana, sans-serif;
                                        color: #000000; }

                                div#content div.location ul li a {
                                        padding: 0px 5px;
                                        display: block;
                                        float: left;
                                        font: bold 11px/25px arial, verdana, sans-serif;
                                        color: #000000;
                                        text-decoration: none; }

                                        div#content div.location ul li a:hover {
                                                text-decoration: underline; }

div#content div.options_wrap {
        height: 28px; }

        div#content div.title {
                float: left; }

                div#content div.title h1 {
                        font: bold 20px Trebuchet MS, tahoma;
                        color: #E55227; }

        div#content div.options {
                float: right;
                border-right: 1px solid #d4d4d4; }

                div#content div.options ul {
                        list-style: none; }

                        div#content div.options ul li {
                                float: left;
                                border: 1px solid #d4d4d4;
                                border-width: 1px 0px 0px 1px; }

                        div#content div.header_dynamic ul li {
                                float: right; }

                                div#content div.options ul li span {
                                        padding: 0px 10px;
                                        display: block;
                                        float: left;
                                        font: 11px/28px arial, verdana, sans-serif;
                                        color: #444444;
                                        background: #F8F8F8; }

                                div#content div.options ul li a {
                                        padding: 0px 8px;
                                        display: block;
                                        float: left;
                                        font: 11px/28px arial, verdana, sans-serif;
                                        color: #444444;
                                        background: #F8F8F8 url('border.gif') repeat-x 0px 100%;
                                        text-decoration: none; }

                                        div#content div.options ul li a.active {
                                                background: #ffffff; }

                                        div#content div.options ul li a:hover {
                                                background: #ffffff; }


/* ********** [ CONTENT SUB HEADER ] ********** */

div#content div.subtitle {
        margin: 10px 0px 0px 0px;
        height: 22px;
        background: url('hr.gif') repeat-x 0px 100%; }

        div#content div.subtitle h2 {
                margin: 0px;
                padding: 0px;
                font: bold 11px/22px arial, verdana, sans-serif;
                color: #8ea21d;
                border: 0px; }

        div#content div.subtitle a {
                font: bold 11px/22px arial, verdana, sans-serif;
                color: #8ea21d;
                text-decoration: none; }

                div#content div.subtitle a:hover {
                        text-decoration: underline; }

div#content div.suboptions_wrap {
        margin: 5px 0px;
        height: 22px;
        background: url('hr.gif') repeat-x 0px 100%; }

        div#content div.suboptions { }

                div#content div.suboptions ul {
                        list-style: none; }

                        div#content div.suboptions ul li {
                                float: left; }

                                div#content div.suboptions ul li span {
                                        padding-right: 10px;
                                        display: block;
                                        float: left;
                                        font: 11px/22px arial, verdana, sans-serif;
                                        color: #565656;
                                        background: #F8F8F8; }

                                div#content div.suboptions ul li a {
                                        margin-right: 10px;
                                        display: block;
                                        font: 11px/22px arial, verdana, sans-serif;
                                        color: #565656;
                                        text-decoration: none; }

                                        div#content div.suboptions ul li a.active { }

                                        div#content div.suboptions ul li a:hover {
                                                color: #D52525; }


/* ********** [ CONTENT FOOTER ] ********** */

div#content div.footer_wrap {
        margin: 10px 0px 0px 0px;
        font: 11px/16px arial, verdana, sans-serif;
        color: #222222; }

        div#content div.footer { }

                div#content div.footer p {
                        margin-right: 2px;
                        padding: 4px 8px;
                        display: block;
                        float: left;
                        color: #444444;
                        border: 1px solid #d4d4d4;
                        background: #F8F8F8;
                        font: 11px/16px arial, verdana, sans-serif; }

                div#content div.footer a {
                        margin-right: 2px;
                        padding: 4px 8px;
                        display: block;
                        float: left;
                        color: #444444;
                        font: 11px/16px arial, verdana, sans-serif;
                        border: 1px solid #d4d4d4;
                        background: #F8F8F8;
                        text-decoration: none; }

                div#content div.footer a.active { }

                        div#content div.footer a:hover {
                                background: #ffffff; }


/* ********** [ CONTENT WRAPPERS ] ********** */

div#content div.outter {
        position: relative; }

        /* media */
        div.typemedia  {
                padding-top: 10px; }

                div.typemedia div.dataitem {
                        margin-bottom: 5px;
                        padding: 5px 5px 10px 5px;
                        background: url('hr.gif') repeat-x 0px 100%; }

                        div.typemedia div.dataitemlast {
                                margin-bottom: 0px; }

        /* members */
        div.typemembers {
                padding-top: 10px; }

                div.typemembers div.dataitem {
                        margin-bottom: 5px;
                        padding: 5px 5px 10px 5px;
                        background: url('hr.gif') repeat-x 0px 100%; }

                        div.typemembers div.dataitemlast {
                                margin-bottom: 0px; }

        /* content */
        div.typecontent { }

                div.typecontent div.dataitem {
                        padding: 10px 0px;
                        background: url('hr.gif') repeat-x 0px 100%; }

                        div.typecontent div.dataitemlast {
                                padding-bottom: 0px;
                                margin: 0px;
                                background: none; }

                div.typecontent div.image img {
                        width: 50px; }

        /* comments */
        div.typecomments { }

                div.typecomments div.dataitem {
                        padding: 10px 0px;
                        background: url('hr.gif') repeat-x 0px 100%; }

                        div.typecomments div.dataitemlast {
                                padding-bottom: 0px;
                                margin: 0px;
                                background: none; }

                div.typecomments div.image img {
                        width: 50px; }

        /* page */
        div.typepage { }

                div.typepage div.dataitem {
                        padding-top: 10px; }

                div.typepage div.comments div.dataitem {
                        padding-bottom: 5px;
                        background: url('hr.gif') repeat-x 0px 100%; }

                        div.typepage div.comments div.dataitemlast { }

                        div.typepage div.comments div.image img {
                                width: 50px; }


        div#content div.odd,
        div#content div.even,
        div#content div.single  {
                position: relative; }

        div#content table {
                width: 100%;
                border: 0px;
                border-spacing: 0px;
                border-collapse: collapse;
                position: relative; }

                div#content table td {
                        vertical-align: top; }

                        div#content table td.data {
                                width: 100%; }


/* ********** [ GENERAL CONTENT ] ********** */

/* image */
div#content div.image {
        padding-right: 5px; }

        div#content div.image a img {
                border: 1px solid #222222; }

        div#content div.image a:hover img {
                border: 1px solid #436082; }

/* player */
div#content div.player {
        padding-bottom: 5px;
        font: 11px/16px arial, verdana, sans-serif;
        color: #222222; }

/* form */
div#content div.form { }

/* entry */
div#content div.entry {
        padding: 5px;
        text-align: justify; }

/* data */
div#content div.data {
        text-align: justify; }

/* header */
div#content h2.inner {
        margin: 0px;
        padding: 0px;
        font: bold 11px/16px arial, verdana, sans-serif;
        color: #222222;
        border: 0px;
        background: none; }

        div#content h2.inner a {
                font: bold 12px/16px arial, verdana, sans-serif;
                color: #222222;
                text-decoration: none; }

                div#content h2.inner a:hover {
                        text-decoration: underline; }

        div#content h2.inner span.online {
                font: 11px/16px arial, verdana, sans-serif;
                color: #2F8509; }

/* item header */
div#content div.itemheader {
        padding: 0px 5px;
        position: relative; }

        div#content ul.itemheader {
                height: 16px;
                position: relative;
                list-style: none; }

                div#content ul.itemheader li {
                        padding-right: 12px;
                        float: left;
                        font: 11px arial, verdana, sans-serif;
                        color: #777777;
                        position: relative; }

                div#content ul.itemheader li.report {
                        padding-right: 0px; }

                        div#content ul.itemheader li a {
                                font: 11px arial, verdana, sans-serif;
                                color: #222222;
                                text-decoration: none; }

                                div#content ul.itemheader li a:hover {
                                        text-decoration: underline; }

/* item footer */
div#content div.itemfooter {
        padding: 5px 5px 0px 5px;
        position: relative;
        background: url('hr.gif') repeat-x; }

        div#content ul.itemfooter {
                height: 16px;
                position: relative;
                list-style: none; }

                div#content ul.itemfooter li {
                        padding-right: 10px;
                        float: left;
                        font: 11px/16px arial, verdana, sans-serif;
                        color: #222222; }

                div#content ul.itemfooter li.report {
                        padding-right: 0px;
                        padding-left: 10px;
                        float: right; }

                        div#content ul.itemfooter li a {
                                height: 16px;
                                font: 11px/16px arial, verdana, sans-serif;
                                color: #565656;
                                text-decoration: none; }

                                div#content ul.itemfooter li a:hover {
                                        text-decoration: underline; }

/* gallery box */
div#content div.gallerybox {
        width: 720px; }

        div#content div.gallerybox div.image {
                padding: 6px;
                float: left; }

                        div#content div.gallerybox div.image a img {
                                padding: 7px;
                                background: #ffffff;
                                border: 1px solid #a83535; }

                        div#content div.gallerybox div.image a:hover img {
                                border: 1px solid #436082; }

/* preview box */
div#content div.previewbox div.image {
        padding: 12px;
        margin-right: 6px;
        float: left;
        background-image: url(http://singlejoy.de/templates/softgreen/media/imgback.jpg);
        background-repeat: no-repeat; }

                div#content div.previewbox div.image a img {
                        padding: 1px;
                        margin-left: 1px;
                        width: 64px;
                        background: #ffffff;
                        border: 0px solid #a83535; }

                div#content div.previewbox div.image a:hover img {
                        border: 0px solid #436082; }


/* datainfo */
div#content div.datainfo {
        padding-bottom: 5px; }

        div#content dl.datainfo {
                width: 100%; }

                div#content dl.datainfo dt {
                        padding-right: 5px;
                        width: 70px;
                        float: left;
                        font: 11px/16px arial, verdana, sans-serif;
                        color: #666666; }

                div#content dl.datainfo dd {
                        margin-left: 75px;
                        font: 11px/16px arial, verdana, sans-serif;
                        color: #D52525;
                        text-align: justify; }

                        div#content dl.datainfo dd a {
                                font: 11px/16px arial, verdana, sans-serif;
                                color: #D52525;
                                text-decoration: none; }

                                div#content dl.datainfo dd a:hover {
                                        text-decoration: underline; }

/* profile data */
div#content div.profile dl.datainfo dt {
        width: 100px; }

        div#content div.profile dl.datainfo dd {
                margin-left: 105px; }

/* gallery item */
div#content div.galleryitem div.arrows {
        padding: 0px 5px;
        height: 20px; }

div#content div.galleryitem div.image {
        padding: 0px;
        text-align: center; }

/* actions */
div#content div.actions {
        padding-left: 5px;
        width: 145px;
        float: right; }

        div#content div.actions ul.actions {
                list-style: none; }

                div#content div.actions ul.actions li {
                        width: 145px;
                        float: left;
                        display: block;
                        font: 11px/20px arial, verdana, sans-serif;
                        color: #565656;
                        border-bottom: 1px solid #D8DFEA; }

                        div#content div.actions ul.actions li.profile a {
                                background: url("icon_profile.gif") no-repeat 4px 2px; }

                        div#content div.actions ul.actions li.pictures a {
                                background: url("icon_pictures.gif") no-repeat 4px 2px; }

                        div#content div.actions ul.actions li.thumbnail a {
                                background: url("icon_thumbnail.gif") no-repeat 4px 2px; }

                        div#content div.actions ul.actions li.edit a {
                                background: url("icon_edit.gif") no-repeat 4px 2px; }

                        div#content div.actions ul.actions li.remove a {
                                background: url("icon_remove.gif") no-repeat 4px 2px; }

                        div#content div.actions ul.actions li.primary a {
                                background: url("icon_primary.gif") no-repeat 4px 2px; }

                        div#content div.actions ul.actions li.comments a {
                                background: url("icon_comments.gif") no-repeat 4px 2px; }

                        div#content div.actions ul.actions li.approve a {
                                background: url("icon_approve.gif") no-repeat 4px 2px; }

                        div#content div.actions ul.actions li.join a {
                                background: url("icon_approve.gif") no-repeat 4px 2px; }

                        div#content div.actions ul.actions li.guests a {
                                background: url("icon_guests.gif") no-repeat 4px 2px; }

                        div#content div.actions ul.actions li.leave a {
                                background: url("icon_remove.gif") no-repeat 4px 2px; }

                        div#content div.actions ul.actions li.chat a {
                                background: url("icon_chat.gif") no-repeat 4px 2px; }

                        div#content div.actions ul.actions li.friends a {
                                background: url("icon_friends.gif") no-repeat 4px 2px; }

                        div#content div.actions ul.actions li.favorites a {
                                background: url("icon_favorites.gif") no-repeat 4px 2px; }

                        div#content div.actions ul.actions li.wink {
                                position: relative; }

                        div#content div.actions ul.actions li.wink a {
                                background: url("icon_wink.gif") no-repeat 4px 2px; }

                        div#content div.actions ul.actions li.message a {
                                background: url("icon_message.gif") no-repeat 4px 2px; }

                        div#content div.actions ul.actions li.block a {
                                background: url("icon_remove.gif") no-repeat 4px 2px; }

                        div#content div.actions ul.actions li a {
                                padding-left: 24px;
                                width: 145px;
                                display: block;
                                font: 11px/20px arial, verdana, sans-serif;
                                color: #565656;
                                text-decoration: none; }

                                div#content div.actions ul.actions li a:hover {
                                        color: #D52525; }


/* ********** [ PRIVATE MESSAGES ] ********** */

/* list grid */

div.pmbox { }

        div.pmbox table tr.header td {
                padding: 6px 0px;
                background: #E6EFB3;
                border: 1px solid #B5CB3D;
                border-width: 1px 0px;
                font-weight: bold; }

                div.pmbox table tr.header td input.checkbox {
                        height: 16px; }

        div.pmbox table tr.row td {
                padding: 8px 0px;
                background: url('hr.gif') repeat-x 0px 100%; }

                div.pmbox table tr td.sender {
                        width: 200px; }

                        div.pmbox table tr td.sender div.image {
                                float: left; }

                                div.pmbox table tr td.sender div.image img {
                                        width: 40px; }

                        div.pmbox table tr td.sender div.date {
                                color: #999999; }

                div.pmbox table tr td.checkbox {
                        padding-left: 5px;
                        width: 25px;
                        vertical-align: middle; }

        div.pmbox table tr.new td {
                background: #ffffdd; }

                div.pmbox table tr.new td.subject a {
                        font-weight: bold; }

        div.pmbox table tr.footer td {
                padding-top: 5px; }


/* calendar */
div#content table.calendar {
        margin-top: 10px;
        width: 100%;
        background: #d4d4d4;
        border: 0px;
        border-spacing: 1px;
        border-collapse: inherit; }

        table.calendar td {
                background: #ffffff; }

                table.calendar tr.weekdays td {
                        padding: 4px;
                        font: 11px arial, verdana, sans-serif;
                        color: #222222;
                        font-weight: bold;
                        background: #F8F8F8;
                        text-align: center; }

                table.calendar td.eventdays {
                        padding: 4px 4px 0px 4px;
                        height: 50px;
                        width: 80px; }

                table.calendar td.eventtoday {
                        background: #FFFFEC; }

                table.calendar td p {
            margin: 0px 0px 4px 0px; padding: 0px;
                        font: 11px arial, verdana, sans-serif;
                        font-weight: bold;
                        color: #000000; }

                table.calendar td a {
            margin: 0px; padding: 0px;
                        font: 10px arial, verdana, sans-serif;
                        color: #436082;
                        text-decoration: none; }

                        table.calendar td a:hover {
                                text-decoration: underline; }


/* rating */
div#content div.ratingbox { }

        div#content div.ratingbox div.selection {
                padding-right: 5px;
                float: left; }

                div#content div.ratingbox div.selection a {
                        width: 12px;
                        height: 16px;
                        float: left;
                        display: block;
                        background: url('rate0.png') no-repeat center center;
                        text-decoration: none; }

                div#content div.ratingbox div.selection a.over {
                        background: url('rate1.png') no-repeat center center; }

                        div#content div.ratingbox div.selection a:hover {
                                text-decoration: none; }

        div#content div.ratingbox div.scores {
                padding-right: 5px;
                float: left; }

        div#content div.ratingbox div.progress {
                height: 16px; }


/* report */
div#content div.reportbox {
        position: relative; }

        div#content div.reportbox div.popup {
                padding: 10px;
                display: none;
                z-index: 1;
                position: absolute;
                bottom: 16px;
                right: 0px;
                background: #f5fbff;
                border: 1px solid #cccccc;
                width: 155px; }

                div#content div.reportbox div.popup div.reason {
                        padding-bottom: 5px; }

                        div#content div.reportbox div.popup div.reason select.select {
                                width: 150px; }

                div#content div.reportbox div.popup div.submit {
                        padding-right: 5px;
                        float: left; }

                        div#content div.reportbox div.popup div.submit a {
                                width: 70px;
                                height: 21px;
                                display: block;
                                font: 11px/21px arial, verdana, sans-serif;
                                color: #474646;
                                text-decoration: none;
                                text-align: center;
                                background: url("button_small_hover.gif") no-repeat; }

                                div#content div.reportbox div.popup div.submit a:hover {
                                        text-decoration: none;
                                        background: url("button_small_hover.gif") no-repeat 0px -21px; }

                div#content div.reportbox div.popup div.progress {
                        height: 21px; }

                div#content div.reportbox div.popup a.cancel {
                        height: 14px;
                        width: 14px;
                        right: 10px;
                        bottom: 10px;
                        position: absolute;
                        display: block;
                        text-decoration: none;
                        background: url('icon_upload_cancel.gif') no-repeat; }

                        div#content div.reportbox a.cancel:hover {
                                background: url('icon_upload_cancel.gif') no-repeat -14px 0px; }

/* winks */
div#content div.winkbox {
        padding: 10px;
        z-index: 1;
        position: absolute;
        top: 19px;
        right: 0px;
        background: #f5fbff;
        border: 1px solid #cccccc;
        width: 155px; }

        div#content div.winkbox select.select {
                width: 150px; }

        div#content ul.actions li.wink div.winkbox a {
                padding: 0px;
                margin-top: 5px;
                width: 70px;
                height: 21px;
                display: block;
                float: none;
                font: 11px/21px arial, verdana, sans-serif;
                color: #474646;
                text-decoration: none;
                text-align: center;
                background: url("button_small_hover.gif") no-repeat; }

                div#content ul.actions li.wink div.winkbox a:hover {
                        text-decoration: none;
                        background: url("button_small_hover.gif") no-repeat 0px -21px; }

                div#content ul.actions li.wink div.winkbox a.cancel {
                        height: 14px;
                        width: 14px;
                        right: 10px;
                        bottom: 10px;
                        position: absolute;
                        display: block;
                        text-decoration: none;
                        background: url('icon_upload_cancel.gif') no-repeat; }

                        div#content ul.actions li.wink div.winkbox a.cancel:hover {
                                background: url('icon_upload_cancel.gif') no-repeat -14px 0px; }


/* smilies */
div#content div.smilies {
        width: 16px;
        height: 16px; }

div#content div.smilies div.smilies-inner {
        position: relative; }

        div#content div.smilies p {
                margin: 0px;
                padding: 0px; }

                div#content div.smilies a {
                        font: 11px arial, verdana, sans-serif;
                        color: #404040;
                        text-decoration: none; }

                        div#content div.smilies a:hover {
                                text-decoration: underline; }

        div#content div.smiliesbox {
                padding: 4px 0px 0px 4px;
                width: 120px;
                z-index: 1;
                position: absolute;
                bottom: 16px; right: 0px;
                border: 1px solid #444444;
                background: #ffffff; }

                div#content div.smiliesbox div.smiliesitem {
                        margin: 0px 4px 4px 0px;
                        width: 16px;
                        height: 16px;
                        float: left; }


/* ********** [ MESSAGES ] ********** */

div#info_message {
        margin: 10px 0px 0px 0px;
        padding: 10px;
    font: 11px/16px tahoma, arial, verdana, sans-serif;
        color: #aa571b;
    background: #FFFFDF;
    border-top: 1px #d8b62d solid;
    border-bottom: 1px #d8b62d solid; }

        div#info_message a {
                font: 11px/16px arial, verdana, sans-serif;
                color: #aa571b;
                text-decoration: none; }

                div#info_message a {
                        text-decoration: underline; }

div#error_message {
        margin: 10px 0px 0px 0px;
        padding: 10px;
    font: 11px/16px arial, verdana, sans-serif;
        color: #800000;
    background: #FFEFEF;
    border-top: 1px #9D290D solid;
    border-bottom: 1px #9D290D solid; }

        div#error_message a {
                font: 11px/16px arial, verdana, sans-serif;
                color: #800000;
                text-decoration: none; }

                div#error_message a {
                        text-decoration: underline; }


/* ********** [ MISC ] ********** */

div.progress {
        width: 10px;
        height: 10px;
        display: none;
        float: left;
        background: url('progress.gif') no-repeat center center; }