/* Userprofile */

.join-utopia {background:#ECEBEA;margin:-20px 0 20px -20px;font-weight:bold;width:170px;
  float:left;height:16px;width:152px;padding:6px 9px 7px}

#content {float:left}
#content h1 {margin:10px 0 10px 0;color:#f07e01;font-size:12px;line-height:12px;
        font-weight:bold;letter-spacing:1px;text-transform:uppercase; font-family: arial, helvetica, geneva, sans-serif}
#content h2 {font-size: 18px;}
#content h2.setcard-italic{padding:4px 0 0; font-size: 14px}

/*#content .seperator {background:url(/images/backgrounds_seperators/seperator.png) -170px -13px no-repeat;}*/
#content .seperator-bottom {height:6px}
#content ul.content-tabs {width:471px; margin:-20px -20px 20px; float: right}
#content ul.first-content-tabs {width:471px; margin:0 -20px 0px;background-color:#F4F4F4;height:32px;}
#content .columns-two .column{width:185px;float:left;padding:0 20px;}

#content .box {clear:both;margin:0 0 20px 0;}
#content .box ul {list-style:none;padding:0;margin:0;float:left;}
#content .box .colums {float:left;}
#content .two {float:left; width:200px;}
#content .box .three {width:140px;}


/* header */
.user-img {float:left; width:167px; height:220px;position:relative;}
.user-img .edit-bg { background-color:#000;position:absolute;bottom:0px;left:0px;
  height:30px;width:167px;z-index:5;filter:alpha(opacity=80); /* Internet Explorer */
  -moz-opacity: 0.80; /* Mozilla Browser */opacity: 0.80; /* Opera */}
.user-img .edit-link {position:absolute;bottom:0px;left:0px;height:20px;width:167px;
  text-align:center;z-index:5}
.user-img .edit-link a {color:#fff;text-decoration:underline;}
.user-info {position:absolute;left:167px;z-index:2;background:transparent url(/images/backgrounds_seperators/black-transp.png);top:0;width:200px;height:200px;margin:0;color:#fff;}
.user-info.details {padding: 10px;}

ul.details li {margin:5px 0 0 0;}
.user-info h3{font-size: 12px; margin: 0 0 10px; font-family: arial, helvetica, sans-serif;
        color:#fff; font-weight: bold}
.user-info .status {background-color:#000; padding:5px; height:65px;}
.user-info .status h3 {font-family:sans-serif; color:white; float:left; margin:0 5px 0 0; font-weight:normal;}
.status-username {font-family:arial,helvetica,geneva,sans-serif;font-weight:bold;color:#f9950c}

.user-info .username {color:white; font-size:25px;font-family:serif;font-weight: normal}
.user-info .score {color:white; clear:both;}
.user-info .info {color:#CCCCCC; width:60px;}
.user-info .spacer {padding:42px 0 0 0;}
.user-info .value {color:white;}

.user-info .media {font-weight:normal;clear:both; float:left;color:#fff;padding:5px 0 0 10px;margin:10px 0 0 0;}
.user-info .media li {display:inline;}
#user-stage {float:right; background-color:#fff;height:220px}
#user-stage img {width: 798px; height: 220px}
.user-claim {position:absolute; top:180px; right:20px; font-size:28px;font-weight:bold;color:white;white-space:nowrap; font-family: Georgia, serif; letter-spacing:0.03em; }
.list-info{display: block; float: left; width: 70px; color: #ccc}
.list-value{display:block;margin-left:80px;color:#fff;line-height:14px;overflow:hidden;}
.list-info.user{width: 63px;}
.list-value.user{margin-left:68px;}
.list-info.full-width {width: 100%}

/* Sidebar */
#content h3 {font-family:sans-serif}

#content .user-options {width:167px; float:left;}
#content .user-options ul {float:left;}
#content .user-options li {clear:left; }
#content .user-options img {margin:0 10px 0 0;vertical-align:middle}
#content .user-options .add-friend img {
    background-position:0 -392px;background-repeat:no-repeat}
#content .user-options .send-message img {margin-left:3px;
    background-position:0 -408px;background-repeat:no-repeat;margin-right:6px}
#content .user-options .bookmark img {margin-left:2px;
    background-position:0 -421px;background-repeat:no-repeat;margin-right:8px}
#content .user-options .report img {margin-left:3px;margin-top: -3px;
    background-position:0 -469px;background-repeat:no-repeat;margin-right:10px}
#content .user-options a {color:black;padding:6px 0 5px 5px;
    background: transparent url(/images/tabs/bg_tabs.png);float:left;width:162px}
#content .user-options a:hover {text-decoration:underline;
    background: transparent url(/images/tabs/bg_tabs.png) 0 -32px;
    text-decoration:none}
#content .user-options a.outrage {background-color:#CCCCCC;
    padding-bottom:10px; border:1px solid red;}
#content .user-options a.outrage:hover {background-color:gray;}
/*Message Folders*/
#content .user-options .msg-menu .new-message {color:white;padding:0;
    background:#F07E01;float:left;width:165px;}
#content .user-options .msg-menu .new-message a {color:white;padding:6px 0px 5px 5px;
    background:#F07E01;float:left;width:165px;}
#content .user-options .msg-menu .new-message a:hover{background:#F07E01;}
#content .user-options .msg-menu .new-message a:active {color:black; background:white;}
#content .user-options .msg-menu a:hover {text-decoration:underline;
    background-image: url(/images/tabs/bg_tabs.png); background-position: 0 -32px;
    text-decoration:none}
#content .user-options .msg-menu a:active {background:white;}
#content .user-options .msg-menu .on a{background:white;}
#content .user-options .msg-menu .normal-button {color:black;padding:0;
    background: transparent url(/images/tabs/bg_tabs.png);float:left;width:170px;}
#content .user-options .msg-menu .normal-button .button-name a {color:black;padding:6px 0 5px 5px;
    background: transparent url(/images/tabs/bg_tabs.png);float:left;width:140px;}
#content .user-options .msg-menu .normal-button .button-name a:hover {text-decoration:underline;
    background-image: url(/images/tabs/bg_tabs.png); background-position: 0 -32px; text-decoration:none}
#content .user-options .msg-menu .normal-button .new-fold {color:white;padding:6px 1px 5px 2px;
    background: transparent url(/images/tabs/bg_tabs.png);float:right; height:12px; width:20px;}
#content .user-options .msg-menu .normal-button .new-fold a {color:white;padding:0;
    background-position:0 -783px;float:right; height:17px; width:21px;}
#content .user-options .msg-menu .normal-button .new-fold a:hover {
    background-position:0 -743px;}
#content .user-options .msg-menu .personal-message-folder {color:black;padding:0;
    background: transparent url(/images/btn1.png)0 -191px; float:left;width:170px;}
#content .user-options .msg-menu .personal-message-folder .name{background: transparent url(/images/btn1.png)0 -191px;}
#content .user-options .msg-menu .personal-message-folder .name a{color:black;padding:6px 0 5px 5px;
    background-image:url(/images/btn1.png); background-position:0 -191px; float:left;width:140px;}
#content .user-options .msg-menu .personal-message-folder .edit{color:black; padding:6px 3px 5px 2px; margin:0;
    background-image: url(/images/btn1.png); background-position:0 -191px; float:right; height:18px; width:20px;}
#content .user-options .msg-menu .personal-message-folder .edit:hover{background: transparent url(/images/btn1.png) 0 -157px;}
#content .user-options .msg-menu .personal-message-folder .edit a{color:black; padding:0; margin:0;
    background-position:0 -255px; float:inherit; height:12px; width:20px;}
#content .user-options .msg-menu .personal-message-folder .on .edit a{color:black; padding:0; margin:0;
    background-position:0 -255px; float:inherit; height:12px; width:20px;}
#content .user-options .msg-menu .personal-message-folder .edit a:hover, #content .user-options .msg-menu .personal-message-folder .edit a:active {color:black; padding:0; margin:0;
    background-position:0 -255px; float:inherit; height:12px; width:20px;}
#content .user-options .msg-menu .personal-message-folder a.delete-folder, #content .user-options .msg-menu .personal-message-folder .on a.delete-folder, #content .user-options .msg-menu .personal-message-folder a.delete-folder:hover, #content .user-options .msg-menu .personal-message-folder a.delete-folder:active {color:black; padding:0; margin:0;
    background-position:0 -95px; float:inherit; height:12px; width:20px;}
#content .user-options .msg-menu .personal-message-folder .name a:hover {
    background: transparent url(/images/btn1.png) 0 -157px;}
#content .user-options .msg-menu .personal-message-folder .name a:hover {
    background: transparent url(/images/btn1.png) 0 -157px;}
#content .user-options .msg-menu .personal-message-folder .on .name a:hover {
    background: white}
#content .user-options .msg-menu .personal-message-folder a:active {
    background:white;}
#content .user-options .msg-menu .personal-message-folder .on a {
    background:white;}
#content .user-options .msg-menu .personal-message-folder .on .edit {
    background:white;}
.friend-request .counter {padding:0 3px 6px}
table.myfriends {border:0; background:transparent;}
table.myfriends thead tr th{height:20px; background:white; color:black}
.cell-list li.buddieslist {width: 280px; }
.buddieslist-name {float: left}
ul.statement-list {margin:0; padding:0;list-style:none;}
.statement-list .statement-description {}
.statement-body {padding:0;}
.statement-list .statement-meta {font-size:10px; margin:5px 0 0 0; border-top:1px solid #CCCCCC}
.statement-list .statement-meta input {}
ul.statement-list li {margin:0 0 15px 0;}
/*forum tables*/
h1.forum-headline .icon_edit {background-position:0 -207px;}
h1.forum-headline .icon_delete {background-position:0 -95px; height:15px;}
#content ul.forum-list li {padding:3px 5px}
#content ul.forum-list li div.deleted {color:#959595}
#content ul.forum-list li, #content ul.forum-list li.grey {background-color:#f5f5f5}
table.forum th{background-color:#e5e5e5}
#content ul.forum-list li .action-footer {display:block;margin-top:20px}
#content ul.forum-list li .action-header {right:4px}
table.forum {border:0;width:600px;margin-bottom:4px;}
table.forum p{padding:0}
table.forum-post p{padding:0;width:500px;overflow:hidden}
table.forum-post p a{text-decoration: underline}
table.forum .right-col, table .right-col {text-align:right}
table.forum th{font-weight:normal;color:#000;white-space:nowrap;padding:4px}
table.forum td{padding:4px}
table.forum tr.data td {padding:0 4px 4px}
table.forum th.right-col {padding-right:3px}
#content .comment-container h2 {clear:both;margin:0;padding:0}
#content ul.comment, #content ul.comment li {padding:0}

.form-row {margin:0 0 10px 0;}

tr.create-thread td a:hover{text-decoration:none}
#content table.forum tr.create-thread td{}
#content table.forum tr.create-thread td a{height:26px;padding:7px 4px 0;
  display:block;margin:0 -4px -4px;background:url(/images/long-images.png) 0 0 no-repeat}
#content table.forum tr.create-thread td a:hover,
#content table.forum tr.create-thread td a:focus{background-position:0 -33px;color:#494949}
tr.create-thread td:hover{text-decoration:none}

table.forum td.avatar-col {width:52px;padding-right:0}
table.forum td .action-footer .right{margin-left:4px}
#content table.forum-post tr td {background-color:#fff}
#content table.forum-post th{background-color:#e5e5e5;text-align:left;}
#content table.forum-post table.mceLayout{width:534px ! important}
#content table.forum-post th a.avatar{margin:0}
.comment-form-container label {display:none}

#content table.forum-post td.deleted, #content table.forum-post th.deleted,
#content table.forum-post td.deleted a, #content table.forum-post th.deleted a{
  color:#aaa;background-color:#e5e5e5;font-size:11px;line-height:15px}
#content table.forum-post th.deleted{
  padding-bottom:0}
#content table.forum-post td.deleted{padding-top:0}
#content table.forum-post blockquote, #content table.forum-post q{display:block}

#forum_post_text_ifr {height:400px ! important}