/*========================================================*/
/* The Main STYLESHEET USED BY LOCAL EROTIC SERVICES !!!!       */
/*========================================================*/
/*

/*========================================================*/
/* COLOR GUIDE                                            */
/*========================================================*/
/*
dark grey #464337
light grey #a2a19b

blue link #06f

h3 yellow border #ffd735

alt blue light #e1ecff

alt blue dark #94beff

========================================================= */

/*========================================================*/
/*    Cascading Style Sheet for the Community Engine      */
/*========================================================*/

/*========================================================*/
/*                  Table of Contents                     */
/*========================================================*/
/*  1. UNIVERSAL THINGS                                   */
/*  2. HEADER                                             */
/*  3. WELCOME                                            */
/*  4. BOX and ALTBOX                                     */
/*  5. BODY                                               */
/*  6. SIDEBAR                                            */
/*  7. FOOTER                                             */
/*  8. COMMUNITY FOOTER                                   */
/*  9. CLEARFIX                                           */
/*  10. SORTABLES                                         */
/*  11. PAGINTATION                                       */
/*  12. CLIPPINGS                                         */
/*  13. TAG CLOUDS                                        */
/*  14. USER LIST                                         */
/*========================================================*/

span.localized {
    font-style: italic;
    color: red;
}

/* =============================================== */
/* 1. UNIVERSAL THINGS                             */
/* =============================================== */
#doc2 {
    color: #464337;
}

a {
    color: blue;
}

a:hover {
    color: blue;
    text-decoration: none;
}

p {
    margin: 0 0 0.1em 0;
}

div.auto_complete {
    width: 350px;
    background: #ffffff;
}

div.auto_complete ul {
    border: 1px solid #888888;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: auto;
}

div.auto_complete ul li {
    margin: 0;
    padding: 3px;
}

div.auto_complete ul li.selected {
    background-color: #FFFDC0;
}

.clear {
    clear: both;
}

.right {
    float: right;
}

.left {
    float: left;
}

.centered {
    text-align: center;
}

img.polaroid {
    padding: 5px;
    border: 1px solid #A2A19B;
}

img.polaroid_compact {
    margin: 0 10px 0 10px; 
    padding: 4px;
    border: 1px solid #ccccff;
}

.alert {
    color: crimson;
}

.info {
    color: orchid;
}

/* =============================================== */
/* 2. HEADER                                       */
/* =============================================== */

#hd {
    border-top: 0px solid #780000;
}

#hd h1 {
    float: left;
}

#hd h1 a {
    font-size: 182%;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    margin: 20px 0 10px 0;
    color: aliceblue; /* #9999ff*/;
}

#hd h1 a:hover {
    text-decoration: underline;
}

#hd h2 {
    float: right;
    font-size: 110%;
    margin-top: 25px;
}

#hd h2#newmail {
    float: right;
    padding-left: 20px;
    margin-right: 20px;
    background-color: transparent;
    background-image: url(/plugin_assets/community_engine/images/icons/email_open.png);
    background-repeat: no-repeat;
    background-position: left center;
}

#hd h2#newfriendrequests {
    float: right;
    padding-left: 20px;
    margin-right: 20px;
    background-color: transparent;
    background-image: url(/plugin_assets/community_engine/images/icons/user_add.png);
    background-repeat: no-repeat;
    background-position: left center;
}

h4 .status {
    color: deepskyblue;
}

#HeaderLinks div {
    display: block;
    text-align: right;
    padding-right: 0em;
    margin-top: 5.5em;
}

#HeaderLinks a {
    color: #ba49ff;
    font-size: 90%;
    font-weight: lighter;
    text-decoration: none;
    font-family: Tahoma, "MS Reference Sans Serif";
}

/* Navbar */

#NavBar {
/* SS Changed the path to the image */
    background: url(/plugin_assets/community_engine/images/bg_navbar.gif) repeat-x 0 0;
    border-top: 1px solid #d9d6d3;
    clear: both;
}

#NavBar ul, #NavBar ul li {
    float: left;
}

/* for most of the categories  */
#NavBar ul li a {
    display: block;
    font-size: 90%; /*set the top-bottom and left-right space on main top menu */
    padding: 5px 20px; /* Sets the space between main/top navigation, that's vertical-align: middle; */
    text-transform: none;
    font-family: Tahoma, "MS Reference Sans Serif";
    font-weight: bold;
    border-right: 1px solid #fff;
    color: #000099;
    text-decoration: none;
}

/* for Daily Listings  */
#NavBar ul li.new a {
    display: block;
    font-size: 90%; /*set the top-bottom and left-right space on main top menu */
    padding: 5px 20px; /* for Daily Listings vertical-align: middle; */
    text-transform: none;
    font-family: Tahoma, "MS Reference Sans Serif";
    background: url(/plugin_assets/community_engine/images/icons/new.png) no-repeat left center;
    font-weight: bold;
    border-right: 1px solid #fff;
    color: #000099;
    text-decoration: none;
}

#NavBar ul li#active a, #NavBar ul li.current a {
    background: #fff;
    text-decoration: none !important;
}

#NavBar ul li a:hover {
    text-decoration: underline;
}

#NavBar form {
    float: right;
}

#NavBar form label {
    display: none;
}

#NavBar form input {
    font-size: 108%;
    padding: 2px 10px 2px 3px;
    margin: 11px 10px 0 0;
    background: #fff url(/plugin_assets/community_engine/images/search.gif) no-repeat right center;
    border: none;
}

/* =============================================== */
/* 3. WELCOME                                      */
/* =============================================== */

#welcome .box {
    background: #fff1b2;
    margin-top: 1em;
    padding: 1em;
    border-bottom: 2px solid #ffd735;
    border-top: 1px solid #ffd735;
}

#welcome .box h2 {
    font-size: 197%;
    margin-bottom: .5em;
}

#welcome .box h2 a {
    color: #464337;
}

#welcome .box p {
    font-size: 108%;
}

#welcome .box h4 {
    background: url(/plugin_assets/community_engine/images/bg_h6btn.gif) repeat-x left center;
}

#welcome .box h4 a {
    background-color: transparent;
    background-image: url(/plugin_assets/community_engine/images/icons/52.png);
    background-repeat: no-repeat;
    background-position: .5em center;
    display: block;
    padding: 1em 1em 1em 3.5em;
    font-size: 138.5%;
    text-decoration: none;
    text-transform: uppercase;
    color: #384016;
    font-weight: bold;
    border: 1px solid #9ec500;
}

#welcome .first .box h4 a {
    background-image: url(/plugin_assets/community_engine/images/icons/31.png);
}

#welcome .box h4 a:hover {
    background-color: #9ec500;
}

/* =============================================== */
/* 4. BOX and ALTBOX                               */
/* =============================================== */

.box {
    margin-bottom: .5em;
}

.box h2 {
    margin-bottom: .5em;
    font-weight: bold;
    font-size: 14px;
}

/* SS Changed border from 1 to 0*/
.box h3 {
    font-size: 12px;
    font-weight: bold;
    color: #4288b1;
    text-transform: none;
    background-color: #ecfcfc;
    border-top: 1px solid #83d7f2;
    border-bottom: 0px;
    margin: 0.5em 0 0.5em 0;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

.box h4 {
    font-size: 11px;
    font-weight: bold;
    color: #666666;
    text-transform: none;
    border-top: 0px;
    border-bottom: 2px solid #cde4ec;
    margin: 0.6em 0 0.6em 0;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

.box h5 {
    font-size: 12px;
    font-weight: bold;
    color: #cc00cc;
    text-transform: none;
    margin: 0.6em 0 0.6em 0;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

.status h2 {
    font-size: 85%;
    margin: 0.2em 0 .3em 0;
    color: #9999ff;
}

.alt {
    /* SS Changed border from 1 to 0.
This is the main box for menus and the
surrounding the box elements */
    margin-top: 0.4em;
    border: 1px solid #ffedff;
    background: #fcf5fc;
    padding: 0;
}

.alt h2 {
    font-size: 10%;
    font-weight: bold;
    color: #4288b1;
    text-transform: none;
    background-color: aliceblue;
    border-top: 1px solid lightblue;
    border-bottom: 0px;
    margin: 1.5em 0 1em 0;

}

.alt h3 {
    border: none;
    border-top: 1px solid #fac8e9;
    margin: 0 0 .3em 0;
    padding: 0 0 .2em 0; /* SS Note: Can't remove properties, you can only override it! */
    background: #ffedff;
    color: #953967;
}

h3.success_factors {
/* TODO Add better img icon:  background: transparent url(/plugin_assets/community_engine/images/icons/vote.png) no-repeat left center; */
}

.alt h4 {
    border: none;
    font-size: 60%;
    margin: 0 0 .5em 0;
    padding: .5em; /* SS Note: Can't remove properties, you can only override it! */
    background: #fff;
    color: #ff9933;
}

/* SS Code */
.alt li {
    padding: .2em;
}

.first_alt {
    margin-top: 0.3em;
}

.side_nav_small_text {
    color: #8ba1b6;
    font-size: 11px;
    font-style: italic;
}

.side_nav_small_text_strong {
    color: slategray;
    font-weight: bold;
    font-size: 11px;
}

/* =============================================== */
/* 5. BODY                                         */
/* =============================================== */

.disabled_link {
    color: #ff6600;
}

/* blog entry */

.about_me {
    border-color: aqua;
}

.hentry {
    margin: 0 0 1em 0;
}

.comments .hentry {
    border-bottom: 1px dotted #a2a19b;
}

.comments .hentry:last-child {
    border: none;
}

.hentry h4 {
    font-size: 153.9%;
    font-weight: bold;
    margin-bottom: 15px;
}

.hentry h4 a {
    text-decoration: none;
    color: #464337;
}

.hentry h4 a:hover {
    text-decoration: underline;
}

.hentry h5 {
    font-size: 120%;
    color: #cfc4e4;
    font-weight: bold;
    margin: 8px 0 2px 0;
}

.hentry h5 a {
    text-decoration: none;
    color: orchid;
}

.hentry h5 a:hover {
    text-decoration: underline;
}

.hentry .vcard {
    float: left;
    width: 13.8461em; /* about 180px */
    *width: 13.5em; /* for IE */
}

div.main div.vcard {
    width: 9.2307em; /* about 120px */
    *width: 9em; /* for IE */
}

.entry-content {
    margin-left: 15.3846em; /* about 200px */
    *margin-left: 15em; /* for IE */
}

div.main div.entry-content {
    margin-left: 10.4769em; /* about 140px */
    *margin-left: 10.5em; /* for IE */
}

.page-content, .event-content {
    margin-left: 0px; /* Use formatting for blog post except for left margin */
}

.hentry .vcard h5 {
    float: left;
    width: 66px;
}

.hentry .vcard h5 a img {
    display: block;
    border: 1px solid #a2a19b;
    padding: 2px;
    background: #fff;
}

.hentry .vcard h5 a:hover img {
    background: #a2a19b;
}

.hentry .vcard ul {
    margin-left: 66px;
    font-size: 85%;
}

div.main .vcard ul {
    margin-left: 0;
}

.hentry .vcard ul li {
    padding: 3px 0;
    border-bottom: 1px dotted #a2a19b;
    padding-left: 20px;
    background-color: transparent;
    background-position: left 3px;
    background-repeat: no-repeat;
}

.hentry .vcard ul li.fn {
    font-size: 130%;
    font-weight: bold;
    padding: 0 0 3px 0;
}

.hentry .vcard ul li.update {
    background-image: url(/plugin_assets/community_engine/images/icons/date.png)
}

.hentry .vcard ul li.view {
    background-image: url(/plugin_assets/community_engine/images/icons/page_white_magnify.png)
}

.hentry .vcard ul li.comments {
    background-image: url(/plugin_assets/community_engine/images/icons/comments.png)
}

.hentry .vcard ul li.msg {
    background-image: url(/plugin_assets/community_engine/images/icons/email_go.png)
}

.hentry .vcard ul li.addfriend {
    background-image: url(/plugin_assets/community_engine/images/icons/user_add.png)
}

.hentry .vcard ul li.noaddfriend {
    background-image: url(/plugin_assets/community_engine/images/icons/user_add_disabled.png)
}

.hentry .vcard ul li.report_user {
    background-image: url(/plugin_assets/community_engine/images/icons/flag.png)
}

.hentry .vcard ul li.print {
    background-image: url(/plugin_assets/community_engine/images/icons/printer.png)
}

.hentry .vcard ul li.email {
    background-image: url(/plugin_assets/community_engine/images/icons/user_go.png)
}

.hentry .vcard ul li.share {
/*	background-image: url(/plugin_assets/community_engine/images/icons/group_go.png) */
    padding-left: 0;
}

.hentry .vcard ul li.tags {
    background-image: url(/plugin_assets/community_engine/images/icons/tag_blue.png)
}

.hentry .vcard ul li.skills {
    background-image: url(/plugin_assets/community_engine/images/icons/wrench.png)
}

.hentry .vcard ul li.geo {
    background-image: url(/plugin_assets/community_engine/images/icons/world.png)
}

.hentry .vcard ul li.edit {
    background-image: url(/plugin_assets/community_engine/images/icons/post.png)
}

.hentry .vcard ul li.delete {
    background-image: url(/plugin_assets/community_engine/images/icons/delete.png)
}

.entry-content h6 {
    border-bottom: 1px dotted #a2a19b;
    border-top: 1px dotted #a2a19b;
    text-align: right;
    padding: 2px 0;
}

.entry-content h6 a {
    font-size: 85%;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    background: transparent url(/plugin_assets/community_engine/images/icons/add.png) no-repeat left center;
    padding-left: 20px;
    padding: 2px 2px 2px 20px;
}

.entry-content h6 a:hover {
    text-decoration: underline;
}

/* brings back styles for entry elements */
.entry-content blockquote, .entry-content ul, .entry-content ol {
    margin: 1em;
}

.entry-content ol, .entry-content ul {
    margin-left: 2em;
}

.entry-content ol li {
    list-style: decimal outside;
}

.entry-content ul li {
    list-style: disc outside;
}

.entry-content strong {
    font-weight: bold;
}

.entry-content em, .entry-content blockquote {
    font-style: italic;
}

.entry-content blockquote {
    font-family: Georgia, Times, serif;
}

.hentry .tags {
    margin-left: 0;
}

.hentry .tags li {
    list-style: none;
    float: left;
}

.hentry .tags li a {
    background: red;
    display: block;
    margin: 0 10px 5px 0;
    padding: 2px 0 2px 15px;
    background: url(/plugin_assets/community_engine/images/icons/tag_blue.png) no-repeat left center;
}

/* =============================================== */
/* 6. SIDEBAR                                      */
/* =============================================== */

.list {
}

.list li {
    padding: 3px 0;
    border-bottom: none;
}

.checks li, .page li {
    padding-left: 20px;
    vertical-align: top;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left center;
}

.checks li.green_check {
    background-image: url(/plugin_assets/community_engine/images/icons/check.png)
}

.checks li.view_all_photos {
    background-image: url(/plugin_assets/community_engine/images/icons/slides.png)
}

.checks li.new_photo {
    background-image: url(/plugin_assets/community_engine/images/icons/photo.png)
}

.checks li.new_album {
    background-image: url(/plugin_assets/community_engine/images/icons/photo_album.png)
}

.checks li.bad_client_search {
    background-image: url(/plugin_assets/community_engine/images/icons/bad_client_go.png)
}

.checks li.bad_client_add {
    background-image: url(/plugin_assets/community_engine/images/icons/bad_client_add.png)
}

.checks li.bad_client_edit {
    background-image: url(/plugin_assets/community_engine/images/icons/bad_client_edit.png)
}

.checks li.view_posts {
    background-image: url(/plugin_assets/community_engine/images/icons/view_posts.png)
}

.checks li.new_post {
    background-image: url(/plugin_assets/community_engine/images/icons/post_add.png)
}

.page li {
    background-image: url(/plugin_assets/community_engine/images/icons/page_white.png);
}

/* user list */
dl.vcard {
    margin-bottom: 1em;
}

dl.vcard dt.photo {
    float: left;
    width: 66px;
    margin: 0;
}

dl.vcard dt.photo_recommended {
    position: relative;
    margin: 0;
}

dl.vcard dt.photo a img {
    display: block;
    padding: 2px;
    border: 1px solid #a2a19b;
    background: #fff;
}

dl.vcard dt.photo a:hover img {
    background: #a2a19b;
}

dl.vcard dd {
    margin-left: 66px;
}

dl.vcard dd.fn a {
    font-size: 108%;
    font-weight: bold;
}

dl.vcard dd.member, dl.vcard dd.post, dl.vcard dd.rss {
    padding: 2px 0 2px 20px;
    border-top: 1px dotted #a2a19b;
    background-position: left center;
    background-repeat: no-repeat;
    background-color: transparent;
}

.test {
    color: #ff3399;
}

dl.vcard dd.member {
    background-image: url(/plugin_assets/community_engine/images/icons/user.png);
}

dl.vcard dd.post {
    background-image: url(/plugin_assets/community_engine/images/icons/page_white.png);
}

dl.vcard dd.rss {
    background-image: url(/plugin_assets/community_engine/images/icons/rss.png);
}

h6.all {
    margin: .5em 0;
}

h6.all .left {
}

h6.all .right {

}

h6.all a {
    font-size: 85%;
    font-weight: bold;
    text-transform: uppercase;
    background: transparent url(/plugin_assets/community_engine/images/icons/add.png) no-repeat left center;
    padding: 3px 0 3px 20px;
    color: #930893;
}

/* Main Form ========================= */

.MainForm {
}

.MainForm label {
    display: block;
    margin: 1em 0 2px 0;
}

.MainForm label em {
    font-style: italic;
    font-family: Georgia, Times, serif;
    font-size: 85%;
    color: #aeaec1;
}

.MainForm select {
    border: 1px solid #ccc;
}

.MainForm input, .MainForm textarea {
    border: 1px solid #ccc;
    padding: 4px;
    font-size: 100%;
    font-weight: normal;
    color: #000000;
    width: 150px;
    background: #ffffff;
}

.MainForm input:focus, .MainForm textarea:focus {
    color: #000;
    border-color: #777;
    background: #fff;
}

.MainForm input.wrong, .MainForm .fieldWithErrors input {
    border-color: #f00;
    color: #f00;
    background: #ffd5d5;
}

/* SS the submit button throughout the application */
.MainForm p input, .MainForm p button {
    padding-left: 0em;
    padding-right: 0em;
    background: none;
    border: none;
    color: blue;
    margin: 0em 0;
    width: auto;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}

.MainForm p input:hover {
    background: none;
}

.MainForm strong {
    color: #f00;
}

.MainForm strong.ok {
    color: #008000;
}

.MainForm strong em {
    text-decoration: underline;
    font-weight: bold;
}

.MainForm textarea {
    width: 550px;
    color: #777;
}

/* checks */

.MainForm fieldset {
    margin: 1em 0 0 0;
}

.MainForm fieldset label {
    margin: 4px 0;
    color: #333333;
}

.MainForm fieldset input {
    border: none;
    width: auto;
}

.MainForm fieldset.inline label {
    display: inline;
    margin-right: 1em;
}

/* ================= SS MainForm Compact version =========================*/

.MainFormCompact {
}

.MainFormCompact label {
    display: block;
    margin: 1em 0 2px 0;
}

.MainFormCompact label em {
    font-style: italic;
    font-family: Georgia, Times, serif;
    font-size: 85%;
    color: #aeaec1;
}

.MainFormCompact select {
    border: 1px solid #ccc;
}

.MainFormCompact input, .MainFormCompact textarea {
    border: 1px solid #ccc;
    padding: 4px;
    font-size: 100%;
    font-weight: normal;
    color: #000000;
    width: 170px;
    background: #ffffff;
}

.MainFormCompact input:focus, .MainFormCompact textarea:focus {
    color: #000;
    border-color: #777;
    background: #fff;
}

.MainFormCompact input.wrong, .MainFormCompact .fieldWithErrors input {
    border-color: #f00;
    color: #f00;
    background: #ffd5d5;
}

/* SS the submit button throughout the application */
.MainFormCompact p input, .MainFormCompact p button {
    padding-left: 0em;
    padding-right: 0em;
    background: none;
    border: none;
    color: blue;
    margin: 0em 0;
    width: auto;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}

.MainFormCompact p input:hover {
    background: none;
}

.MainFormCompact strong {
    color: #f00;
}

.MainFormCompact strong.ok {
    color: #008000;
}

.MainFormCompact strong em {
    text-decoration: underline;
    font-weight: bold;
}

.MainFormCompact textarea {
    word-wrap: break-word;
    height: 40px;
    color: #777;
}

/* checks */

.MainFormCompact fieldset {
    margin: 1em 0 0 0;
}

.MainFormCompact fieldset label {
    margin: 4px 0;
    color: #333333;
}

.MainFormCompact fieldset input {
    border: none;
    width: auto;
}

.MainFormCompact fieldset.inline label {
    display: inline;
    margin-right: 1em;
}

/* ====================== End MainFormCompact version ===================*?

/* SS The properties for Warning messages */
.warning, #errorExplanation, .errorExplanation {
    padding: 0.5em 0.5em 0.5em 0.5em;
    margin: 0.5em 0;
    border: 1px solid #ffffff;
    background: #ffffff;
}

.info {
    color: cadetblue;
}

.notice {
    color: limegreen;
}

.error {
    color: tomato;
}

.info_strong {
    color: #3300ff;
    font-size: 14px;
    margin-left: 0.5em;
    padding: 0.5em 1em 0.5em 1.5em;
    border: 1px solid;
    background: #ffffcc url(/plugin_assets/community_engine/images/icons/information.png) no-repeat left center;
}

.warning_strong {
    color: #000000;
    margin-top: 1em;
    padding: 0.5em 0 0.5em 1.5em;
    border: 0.5px solid;
    border-color: #dad413;
    background: #ffff99 url(/plugin_assets/community_engine/images/icons/warning.png) no-repeat left center;
}

.attention_strong {
    color: #35b30b;
    margin-top: 1em;
    border: 0.5px solid;
    border-color: #33ff00;
    padding: 0.5em 0 0.5em 1.5em;
    background: url(/plugin_assets/community_engine/images/icons/attention.png) no-repeat left center;
}

.error_strong {
    color: #000000;
    margin-top: 1em;
    padding: 0.5em 0 0.5em 1.5em;
    border: 0.5px solid;
    border-color: #bf8b8b;
    background: #ffb8b8 url(/plugin_assets/community_engine/images/icons/warning.png) no-repeat left center;
}

.operation_disallowed {
    color: #000000;
    margin-top: 1em;
    padding: 0.5em 0 0.5em 1.5em;
    background: #ffff99 url(/plugin_assets/community_engine/images/icons/operation_disallowed.png) no-repeat left center;
}

flash_message info warning

/* =============================================== */
/* 7. FOOTER                                       */
/* =============================================== */
#ft {
    background: #fff;
    padding-bottom: 1em;
    border-top: 0px solid #fff;
}

#ft .yui-u .box {
    margin: 0 1em 0 0;
}

#ft .first .box {
    margin: 0 0 0 1em;
}

#ft .yui-u .box h3 {
    color: #000;
    border-color: #fff;
    border-top: 1px solid lightblue;
}

/* whats fresh */

.fresh dl {
    clear: both;
    border-bottom: 1px dotted #ccc;
    padding: 3px 0;
}

.fresh dt {
    float: left;
    width: 10.8461em; /* about 180px - 3em */
    *width: 10.5em; /* for IE */
}

.fresh dd {
    margin-left: 12.3846em; /* about 200px - 3em*/
    margin-left: 12em; /* about 200px */
}

/* TODO: SS - When upgrading Community Engine (CE) ensure that you delete ".fresh dt" from the original CE screen.css */
.fresh dt.model {
    padding-left: 20px;
    background-image: url(/plugin_assets/community_engine/images/icons/activity_default.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
}

/* Separate dt image icon for models and clients */
.fresh dt.client {
    padding-left: 20px;
    background-image: url(/plugin_assets/community_engine/images/icons/activity_default_man.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
}

.fresh .comment dt {
    background-image: url(/plugin_assets/community_engine/images/icons/comment.png);
}

.fresh .photo dt {
    background-image: url(/plugin_assets/community_engine/images/icons/picture.png);
}

.fresh .clipping dt {
    background-image: url(/plugin_assets/community_engine/images/icons/book.png);
}

.fresh .updated_profile dt {
    background-image: url(/plugin_assets/community_engine/images/icons/user_edit.png);
}

.fresh .favorite dt {
    background-image: url(/plugin_assets/community_engine/images/icons/heart_add.png);
}

.fresh .post dt, .fresh .sb_post dt, .fresh .topic dt {
    background-image: url(/plugin_assets/community_engine/images/icons/post.png);
}

.fresh .rsvp dt, .fresh .event dt {
    background-image: url(/plugin_assets/community_engine/images/icons/date.png);
}

/* =============================================== */
/* 8. COMMUNITY FOOTER                             */
/* =============================================== */

#CommunityFooter {
    margin: 20px 0;
    font-size: 85%;
}

#CommunityFooter ul, #CommunityFooter ul li {
    float: left;
}

#CommunityFooter li a {
    padding: 2px 10px;
    display: block;
    border-left: 1px solid #ccc;
}

#CommunityFooter li#rss a {
    color: #fff;
    background: orange;
    text-decoration: none;
}

#CommunityFooter li:first-child a {
    border: none;
    padding-left: 0;
}

#CommunityFooter p {
    float: right;
    padding: 2px 0 2px 120px;
    background: url(/plugin_assets/community_engine/images/logo.gif) no-repeat left center;
}

/* =============================================== */
/* 9. CLEARFIX                                     */
/* =============================================== */

#NavBar:after, .hentry:after, .box:after, dl.vcard:after, .fresh dl:after, #CommunityFooter:after, .hentry .tags:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html #NavBar, * html .hentry, * html .box, * html dl.vcard, * html .fresh dl, * html #CommunityFooter, * html .hentry .tags {
    display: inline-table;
}

/* Hides from IE-mac \*/
#NavBar, .hentry, .box, dl.vcard, .fresh dl, #CommunityFooter, .hentry .tags {
    height: 1%;
}

#NavBar, .hentry, .box, dl.vcard, .fresh dl, #CommunityFooter, .hentry .tags {
    display: block;
}

/* End hide from IE-mac */

/* SORTABLES */
ul.sortable {
    list-style: none;
    border: 1px solid #ccc;
    min-height: 20px;
    line-height: 1.5em;
    padding: 0;
}

ul.sortable li {
    cursor: move;
}

ul.sortable_hover {
    border: 1px dashed #328E01;
    background: #efefef;
}

ul#skills {
    width: 250px;
    height: 200px;
    overflow: auto;
}

ul#skills li {
    background: #ffffff;
    margin: .5em;
    padding: .5em;
    border: 1px solid #cccccc;
}

ul#users_skills {
    width: 250px;
    background: #eee;
    overflow: hidden;
}

ul#users_skills li {
    background: #ffffff;
    margin: .5em;
    padding: .5em;
    border: 1px solid #cccccc;
}

ol.how_to {
}

ol.how_to li {
    margin-top: 0.5em;
}

ol.how_to p {
    font: italic 12px Georgia, Times, serif;
    color: blueviolet;
}

ol.how_to p.tip {
    font: italic 11px Georgia, Times, serif;
    background-color: #f5f0f6;
    border: 1px solid;
    color: blueviolet;
    padding: 4px;
}

.handle {
    cursor: move;
}

/*	PAGINATION	*/
div.pagination {
    margin: 10px;
    clear: both;
}

div.pagination div.pagination_info {
    float: right;
}

div.pagination a {
    margin-right: 0.3em;
    padding: 0.4em;
}

div.pagination a:hover {
    background: #828282;
    color: #ffffff;
    margin-right: 0.3em;
    padding: 0.4em;
}

div.pagination a.active {
    background: #828282;
    border: none;
    color: #ffffff;
}

div.recommended {
    text-align: right;
}

div.report_user {
    background-color: green;
}

/* CLIPPINGS */
.clippings_grid {
    background: #fff;
}

.clippings_grid .row .clipping {
    border: 1px solid #ccc;
    padding: 10px 15px 20px 15px;
    margin: 10px 20px 20px 20px;
    width: 200px;
    float: left;
}

.clippings_grid .row .clipping img.clipping_image {
    width: 200px;
}

.clippings_grid .row .clipping p {
    font-size: 85%;
    margin-top: 10px;
}

/* Tag Clouds */
.nube1 {
    font-size: 13px;
}

.nube2 {
    font-size: 15px;
}

.nube3 {
    font-size: 17px;
}

.nube4 {
    font-size: 1.5em;
}

.nube5 {
    font-size: 1.6em;
}

.nube6 {
    font-size: 1.8em;
}

.selected {
    color: #268999;
}

/* USER LIST */
div.user_list .row {
    border: 1px solid #cccccc;
    margin: 0.1em 0 0.1em 0;
    margin-bottom: 1.5em;
    padding: 0.1em;
}

div.user_list .row h3 {
}

div.user_list div.vcard {
    width: 100%;
}

div.user_list div.vcard ul {
    margin-left: 0;
    font-size: 85%;
}

/*PHOTOS & CLIPPINGS*/
#photos img.polaroid, #clippings img.polaroid {
    margin: 5px 12px 5px 0;
}

#photos img.polaroid_compact {
    margin: 0px 12px 5px 0;
}

.my_photo_rating {
    margin-right: 1.5em;
    margin-bottom: 1.5em;
    float: right;
}

/*USER PROFILE SIDEBAR*/
#profile_details div.vcard {
    width: 100%;
}

#profile_details .vcard ul {
    margin-left: 0px;
}

/* CATEGORY PAGES */
.box h3 ul.subnav {
    display: inline;
    font-size: .7em;
    font-weight: normal;
    text-transform: none;
    margin: 0 0 0 10px;
}

ul.subnav li {
    display: inline;
}

ul.subnav li a.active {
    color: #000;
    text-decoration: none;
}

/*SWF UPLOAD*/
.progressWrapper {
    width: 357px;
    overflow: hidden;
}

.progressContainer {
    margin: 5px;
    padding: 4px;
    border: solid 1px #E8E8E8;
    background-color: #F7F7F7;
    overflow: hidden;
}

.progressContainer .red {
    border: solid 1px #B50000;
    background-color: #FFEBEB;
}

.progressContainer .green {
    border: solid 1px #DDF0DD;
    background-color: #EBFFEB;
}

.progressContainer .blue {
    border: solid 1px #CEE2F2;
    background-color: #F0F5FF;
}

.progressName {
    font-size: 8pt;
    font-weight: bold;
    color: #555555;
    width: 323px;
    height: 14px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
    font-size: 0px;
    width: 0%;
    height: 2px;
    background-color: blue;
    margin-top: 2px;
}

.progressBarComplete {
    width: 100%;
    background-color: green;
    visibility: hidden;
}

.progressBarError {
    width: 100%;
    background-color: red;
    visibility: hidden;
}

.progressBarStatus {
    margin-top: 2px;
    width: 337px;
    font-size: 7pt;
    font-family: Verdana;
    text-align: left;
    white-space: nowrap;
}

div.uploadStatus {
    margin: 5px;
}

div.progressBar {
    margin: 5px;
}

div.progressBar div.border {
    background-color: #fff;
    border: 1px solid gray;
    width: 100%;
}

div.progressBar div.background {
    background-color: #333;
    height: 18px;
    width: 0%;
}

.mceEditor .left {
    float: none;
}

.mceEditor table {
    margin: 0;
}

.mceEditor table th {
    padding: 0;
    margin: 0;
    border: inherit;
    font-weight: normal;
}

.mceEditor table td {
    padding: 0;
    margin: 0;
    border: inherit;
}

.mceEditor table tfoot {
    font-style: inherit;
}

.mceEditor table caption {
    background: none;
}

.mceEditor table img {
    margin: 0 0 0;
}

/* TABLES SS: Added my code as well*/
table th.les_main {
/*background-color: #347878;*/
    color: #fff;
    background-color: #b5a9c8;
    border-bottom: 1px solid #ccc;
    padding: 1px 20px 1px 10px;
}

table td.les_main {
    padding: 5px 20px 5px 10px;
    background: #f4f2f4;
    color: #444;
}

/* MESSAGES */
ul.message_nav li {
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 20px;
}

ul.message_nav li.inbox_new {
    background-image: url(/plugin_assets/community_engine/images/icons/email_open.png);
}

ul.message_nav li.inbox {
    background-image: url(/plugin_assets/community_engine/images/icons/email.png);
}

ul.message_nav li.sent {
    background-image: url(/plugin_assets/community_engine/images/icons/email_go.png);
}

li.compose {
    background-image: url(/plugin_assets/community_engine/images/icons/email_edit.png);
}

li.delete {
    background-image: url(/plugin_assets/community_engine/images/icons/delete_action.png);
}

li.friend_note {
    background-image: url(/plugin_assets/community_engine/images/icons/friend_note.png);
}

.messages .photo a img {
    float: left;
    display: block;
    padding: 2px;
    border: 1px solid #a2a19b;
    background: #fff;
}

table.messages tbody td {
    border-bottom: 1px solid #ccc;
}

.messages .photo a:hover img {
    background: #a2a19b;
}

.messages em {
    font-style: italic;
    font-family: Georgia, Times, serif;
    color: #777;
}

.messages td.meta {
    font-size: 85%;
    text-align: right;
}

pre.message_body {
    padding: 10px;
    border: 1px solid #ccc;
    background: #efefef;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

table.poll {
    width: 100%;
    margin-bottom: 3em;
}

table.poll td {
    border-bottom: none;
}

table.poll td .vote {
    display: block;
    float: left;
    background: url(/plugin_assets/community_engine/images/icons/vote.png) no-repeat left;
    padding: 0 10px 0 20px;
    height: 20px;
    margin-right: 10px;
    border-right: 1px solid #ccc;
}

table.poll td.bars {
    width: 50%;
}

table.poll td.bars div.bar-container {
    border: 1px solid #ccc;
    width: 90%;
    margin: 0px 5px 2px 0;
    padding: 1px;
    float: left;
    background: white;
    height: 1em;
}

table.poll td.bars div.bar-container .bar {
    background-color: #cfe1f1;
    height: 12px;
    font-size: 10px;
    text-align: right;
    padding-right: 2px;
}

/* User Menu Dropdown*/
#user-menu {
    padding-right: 15px;
    background: url(/plugin_assets/community_engine/images/icons/bullet_arrow_down_50.png) no-repeat right;
}

#user-menu:hover {
    background: url(/plugin_assets/community_engine/images/icons/bullet_arrow_down.png) no-repeat right;
}

.icon_row a {
    margin-right: 5px;
}

.icon_row a img {
    border: 0;
    vertical-align: middle;
}

/*========================================================*/
/* TAB NAVIGATION                                         */
/*========================================================*/
.main_tabnav {
    background-color: #FFFFFF;
    padding: 5px;
    height: 2em;
    font-size: 10pt;
}

.main_tabnav ul {
    height: 2em;
    margin: 0;
    padding: 0;
}

.main_tabnav li {
    display: inline;
    line-height: 1.167em;
    padding: 0;
}

.main_tabnav li.secondary {
    float: right;
}

.main_tabnav li a {
    background: #fee7fe;
    color: #9933ff;
    text-decoration: none;
    border: 0.083em solid #FFFFFF;
    border-bottom: 0.083em solid #ffffff;
    padding: 0.5em 0.667em 0.417em 0.5em;
    float: left;
}

.main_tabnav li a.active {
    color: #ffffff;
    font-weight: bold;
    background: #ff99ff;
    border: 0.083em solid #FFFFFF;
    border-bottom: 0.083em solid #ffffff;
}

.main_tabnav li a:hover {
    color: #ff99ff;
}

.main_tabnav li a.active:hover {
    color: #990099;
}

.main_tabnav_content {
    background-color: white;
    padding: 1.5em 0.417em;
}

/*========================================================*/
/* Local Erotic Services                                  */
/*========================================================*/

td.add_bad_client_comment {
    font-weight: bold;
    color: #e05d06;
    background-color: #ffff99
}

td.bad_client_info {
    background: #ffff99 url(/plugin_assets/community_engine/images/icons/bad_client.png) no-repeat left center;
    padding-left: 1.5em;
    border-bottom-color: #cc0000;

}

/* 'Bad Clients List', shows the CSS boxes with quotes */
#author_comments {
    background-color: #ffccff;
    width: 35em;
    height: auto;
    position: relative;
    padding: 15px 30px;
}

#sp_comments {
    background-color: #e4e4fc;
    width: 30em;
    height: auto;
    position: relative;
    margin-left: 5em;
    padding: 25px 30px;
}

/* these are the other three spans. classes were used to allow multiuse on a page */
.tl, .tr, .bl, .br {
    position: absolute;
    width: 19px;
    height: 19px; /* corner images are 40x40 */
    display: block;
    margin-bottom: -1px; /* this is for IE */
}

.tl {
    background: transparent url(/plugin_assets/community_engine/images/elements/top-left.png) no-repeat;
    top: 0;
    left: 0;
}

/* change position and image: top-right */
.tr {
    background: transparent url(/plugin_assets/community_engine/images/elements/top-right.png) no-repeat;
    top: 0;
    right: 0;
}

/* change position and image: bottom-left */
.bl {
    background: transparent url(/plugin_assets/community_engine/images/elements/bottom-left.png) no-repeat;
    bottom: 0;
    left: 0;
}

/* change position and image: bottom-right */
.br {
    background: transparent url(/plugin_assets/community_engine/images/elements/bottom-right.png) no-repeat;
    right: 0;
    bottom: 0;
}

table.bad_client_table td.bad_client_comment {
    background-color: #8862d5;
}

/* SP Room Announcements */
.sp_room_news {
    border: solid;
    border-top-color: #9900cc;
}

#forum_title_sps {
  color: #ff00cc;
    color:slategray;

}

