/* @override 
	http://dev.sucksorrules.com/css/profile.css
	http://www.sucksorrules.com/css/profile.css
*/

/* @group main profile */

div.obj {

}

div.obj div.total_votes {
background: none;
width: 330px;
height: auto;
left:  0;
bottom:  40px;	
}

div.obj div.total_votes p {
font-size: 14px;
margin: 0;
padding: 0;
}

ul#data {
padding-top: 135px;
height: 280px;
}

ul#data li.edit {
position: absolute;
top:  -25px;
right: 0;
width: auto;
}

ul#data li.blurb {
background: #131b20;
min-height: 110px;
height: auto !important;
height: 120px;
border: solid 1px #FFF;
margin: 5px;
position: absolute;
top: 0;
left: 0;
width: 208px;
}

ul#data li.blurb p#user_blurb {
padding:  10px 0;
height: 90px;
overflow: hidden;
}

ul#data li.blurb p#user_blurb.blurb_edit {

}
	
ul#data li.blurb span.arrow {
display: block;
width: 20px;
height: 32px;
background: url(../images/ui_profile_blurb_bg.gif) no-repeat;
position: absolute;
top: 40px;
left:  -17px;	
}

li.blurb inplaceeditor-form {
width: 200px;
}

li.blurb form.inplaceeditor-form textarea.editor_field {
width: 208px;
height: 75px;
margin: 5px 0 0;
}

li.blurb a#blurb_edit {
position: absolute;
bottom: 5px;
right: 5px;
}

li.blurb form.inplaceeditor-form input.editor_ok_button {
width: auto;	
background: #F2E78A;
border: none;
position: absolute;
bottom: 0;
}

li.blurb form.inplaceeditor-form a.editor_cancel_link {
position: absolute;
bottom:  5px;
right:  5px;
}

ul#data li.stats {
position: absolute;
bottom:  -5px;
left:  0;
background: #293339;
width: 220px;
height: 110px;

}

ul#data li.stats dl {
margin: 0;
}

ul#data li.stats dt {
background: #131B20;
color: #F2E78A;
margin: 0 -10px 10px -10px;
padding: 5px;
font-size: 14px;
}

ul#data li.stats dd {
margin: 0;
}

ul#data li.stats dd ul li {
padding: 0;
margin: 0 0 10px 0;
}

#toolbox ul li#create_content {
right:  -240px;
top: -80px;
z-index: 4;
}

#toolbox ul li#report_content {
top:  -60px;	
}

#featured_battle {
position: relative;
background: #15191C;
height: 185px;
}

#featured_battle h3 {
background: #7A1B1B;
padding: 5px;
text-align: center;	
}

#featured_battle h4 {
font-size: 14px;
}

#featured_battle h4.none {
text-align: center;
}

#featured_battle h4 a {
width: 100%;	
position: absolute;
top:  33px;
color: #FFF;
text-decoration: none;
text-align: center;
}

#featured_battle h4 a:hover {
color: #F2E78A;
text-decoration: underline;	
}

#featured_battle p.desc {
display: none;
}

#featured_battle div.vs {
text-align: center;
font-size: 40px;
font-weight: bold;
position: absolute;
width: 100px;
top:  70px;
left: 100px;
}

#featured_battle div.object {
position: absolute;
top: 55px;
}

#featured_battle div.object a {
border: solid 1px #FFF;
display: block;	
}

#featured_battle div.object a:hover {
border-color: #F2E78A;
}

#featured_battle div.object.obj1 {
left: 15px;
}

#featured_battle div.object.obj2 {
right: 15px;
}

#featured_battle div.object img {
width: 80px;
}

#featured_battle div.vote_meter {
left: 15px;
bottom: 3px;
background:  url(/images/ui_objectlist_meter_bg.gif) no-repeat;
}

#featured_battle div.vote_meter div.vote_container p.no_votes {
font-size: 11px;
padding: 2px 0 0 0;
}

div#content div.profile_edit {
width: 730px;
min-height: 590px;
height:  auto !important;
height: 590px;
position: relative;
}

div#content div.profile_edit {
color: #FFF;	
}

div#content div.profile_edit {
padding: 10px;
}

div.tabcontent.profile_edit dl {
width: 730px;
height: auto;
}

div.tabcontent.profile_edit dd {
width: 720px;
min-height: 520px;
height: auto !important;
height: 520px;
display: none;
}

div.tabcontent.profile_edit dd.on {
display: block;	
}

div.tabcontent.profile_edit dt.notifications {
left: 160px;	
}

div.tabcontent.profile_edit ul#notify_prefs {
margin: 0 10px 0 0;
}

div.tabcontent.profile_edit form#notifyForm input {
width: auto;	
margin: auto;
}

div.tabcontent.profile_edit form#notifyForm input.submit_button {
margin: 10px 0 0 0;
background: #F2E78A;
border: none;
padding: 2px 5px;	
}

div.tabcontent.profile_edit ul#notify_prefs li {
list-style: none;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
border-bottom: dotted 1px #BBB;	
position: relative;
height: 35px;
}

div.tabcontent.profile_edit ul#notify_prefs li strong {
position: absolute;
left:  160px;
top:  13px;
width: 230px;
}

div.tabcontent.profile_edit ul#notify_prefs li span.controls {
position: absolute;
left: 00px;	
width: 160px;
}

div.tabcontent.profile_edit ul#notify_prefs li span.controls span {
font-size: 10px;
float: left;
margin: 0 5px 0;
text-align: center;
width: 40px;
}

div.tabcontent.profile_edit ul#notify_prefs li span.controls span label {
display: block;
clear: both;	
}

div.tabcontent.profile_edit ul#notify_prefs li a.help {
font-size: 11px;
font-weight: normal;
background: #F2E78A;
color: #000;
text-decoration: none;
padding: 2px 5px;
/*display: block;
width: 10px;
text-align: center;
float: left;
margin: 0 10px 0 0*/;
}

div.container.profile_edit div#right {
position: absolute;
top: 10px;
left:  750px;
width: 160px;
}

div#avaLink,
div#avaForm {
width: 150px;
background: #636B76 url(/images/ui_object_creator_bg.gif) repeat-x;
z-index: 2;
position: absolute;
right: 10px;
top: 10px;
text-align: center;
padding: 10px;
border: 2px solid #A1A7AA;
}

div#avaLink img.avatar {
border: 2px solid #A1A7AA;
display: block;
margin: 10px auto 0 auto;
}

div#avaLink a {
color: #FFF;	
}

div#avaLink a:hover {
color: #F2E78A;
}

div#avaForm {
width: 230px;
}

div#avaForm input.input_button {
width: auto;	
background: #F2E78A;
border: none;
}

#pForm {
position: absolute;
top: 0;
}

#pForm h3 {
color: #F2E78A;
clear: both;
margin: 20px 0 5px 0;
}

#pForm input label {
font-weight: normal;
font-size: ;	
}

#pForm input, 
#pForm select {
width: auto;	
}

#pForm span.check_label label,
#pForm span.check_label input  {
display: inline;
margin: 0;
}

#pForm p {
margin: 0 0 10px 0;
}

#pForm div.date_span {
height: 40px;
width: 200px;
}

#pForm span.date {
float:  left;
margin: 0 10px 0 0;
}


/* @end */

form#friendForm #email_extra {
border: solid 1px #000;
height: 100px;
margin: 10px 0;
}

form#friendForm label#message_label span.error {
padding: 0 10px;
}

form#friendForm input.submit_button {
width: auto;
float: left;
margin: 0 10px 10px 0;
border: none;
background: #F2E78A;
padding: 2px 5px;
}

/* @group tabs */

div.tabcontent.profile {
padding: 0 10px 0 10px;
height:  290px;
}

div.tabcontent.profile dl {
width: 900px;
height: 290px;
}

div.tabcontent.profile dd {
width: 880px;
height: 240px;
padding: 10px;
overflow: hidden;
display: none;
}

div.tabcontent.profile dd.on {
display: block;
}

.tabcontent dt.friends {
left: 320px;	
}

.tabcontent dt.groups {
left: 480px;	
}

div.tabcontent dd div.group {
width: 890px;
margin: 0 10px 10px 0;
}

div.tabcontent dd a.tab_more,
div.tabcontent dd a.manage_friends {
background: #F2E78A;
position: absolute;
right: 11px;
bottom: 5px;
text-decoration: none;
color: #000;
padding: 3px 5px;	
}

div.tabcontent dd a.tab_more:hover,
div.tabcontent dd a.manage_friends:hover {
background: #000;
color: #F2E78A;
}

div.tabcontent dd a.manage_friends {
right:  100px;
}

div.tabcontent dd p.none {
color:  #FFF;
font-size: 16px;
font-weight: bold;
}

dl#content_tabs div.battle_list {
width: 262px;
height: 195px;
overflow: hidden;
}

dl#content_tabs div.battle_list.last {
margin-right: 0;	
}

dl#content_tabs div.battle_list h4 {
font-size: 14px;	
}

dl#content_tabs div.battle_list h4,
dl#content_tabs div.battle_list p.desc {
width: 262px;
}

div.friend {
width: 100px;
height: 110px;
float: left;
margin: 0 5px 0px 0;
position:  relative;
text-align: center;
white-space: nowrap;
overflow: hidden;
}

div.friend a.avatar {
display: block;
text-decoration: none;
font-size: 11px;
padding: 5px;
color: #FFF;
}

div.friend a.avatar:hover {
background: #F2E78A;
color: #000;
}

div.friend a.avatar img {
width: 88px;
height: 88px;
display: block;
border: solid 1px #FFF;
}

div.friend a.avatar:hover img {
border-color: #000;	
}

dl#content_tabs p.total {
position: absolute;
top: 234px;
left: 10px;
font-size: 16px;
color: #FFF;
background: #293339;
padding: 1px 10px;
}

dl#content_tabs p.total strong {
color: #F2E78A;
}

dl#content_tabs p.total a {
color: #FFF;
}

dl#content_tabs p.total a:hover {
color: #F2E78A;
}

/* @end */

/* @group object subindex */

dl#content_tabs div.obj_list {
position: relative;
float: left;
width: 262px;
height: 192px;
margin: 0 10px 10px 0;
padding: 10px;
background: #000 url(/images/ui_object_list_bg.gif) no-repeat;
border: solid 2px #151A1C;
overflow: hidden;
}

dl#content_tabs div.obj_list.last {
margin-right: 0;	
}

div.obj_list h3 {
font-size: 16px;
margin: 0 0 17px 0;
white-space: nowrap;
width: 262px;
overflow: hidden;
}

div.obj_list p.desc {
font-size: 11px;
white-space: nowrap;
overflow: hidden;
width: 262px;
}

div.obj_list h3 a {
color: #FFF;
text-decoration: none;	
}

div.obj_list h3 a:hover {
color: #F2E78A;
}

div.obj_list a.obj_thumb {
position: absolute;
top:  67px;
left: 10px;
border: solid 1px #FFF;
display: block;
width: 100px;
}

div.obj_list a.obj_thumb:hover {
border-color: #F2E78A;
}

div.obj_list ul {
position: absolute;
top:  65px;
left: 120px;
padding: 0 5px 0 0;
font-size: 11px;
height: 110px;
overflow: hidden;
}

div.obj_list ul li {
list-style: none;
margin: 0 0 5px 0;
}

div.obj_list ul li strong {
color: #F2E78A;	
}

div.obj_list ul li a {
color: #FFF;	
}

div.obj_list ul ul {
position: static;
display: inline;	
}

div.obj_list ul ul li {
display: inline;	
padding: 0 5px 0 0;	
}

div.obj_list ul ul li a {

}


div.obj_list ul li a:hover {
color: #F2E78A;	
}

div.obj_list div.voted {
width: 25px;
height: 25px;
background: url(/images/ui_comment_rulevote_o.gif) no-repeat;
position: absolute;
top:  142px;
left: 85px;
border: solid 1px #FFF;
}

div.obj_list div.voted.sucks {
background-image: url(/images/ui_comment_suckvote_o.gif);
}


div.obj_list div.voted.sucks span {
color: #197491;
}

div.obj_list div.voted span {
position: absolute;
background: #FFF;
color: #7A1B1B;
font-size: 9px;
text-align: center;
top:  -10px;
left: -1px;
width: 27px;
letter-spacing: -1px;
}

div.obj_list div.vote_meter {
bottom:  0;
background: url(/images/ui_objectlist_meter_bg.gif) no-repeat;
}

div.battle_list div.voted {
width: 25px;
height: 25px;
background: url(/images/ui_comment_rulevote_o.gif) no-repeat;
position: absolute;
top:  145px;
left: 85px;
border: solid 1px #FFF;
}

div.battle_list div.voted span {
position: absolute;
background: #FFF;
color: #7A1B1B;
font-size: 9px;
text-align: center;
top:  -10px;
left: -1px;
width: 27px;
letter-spacing: -1px;
}

div.battle_list div.voted.obj_2 {
left:  auto;
right:  84px;	
}

div.battle_list div.vote_meter {
background: url(/images/ui_objectlist_meter_bg.gif) no-repeat;
}

div.container.user_index div.obj_list {
height: 145px;
}

div.container.user_index div.obj_list.right {
margin-right: 0;	
}

div.container.user_index div.obj_list a.obj_thumb {
top:  50px;	
}

div.container.user_index div.obj_list ul {
top:  50px;
}

/* @end */

input.sort_save {
width: auto;
margin: 0 10px 10px 0;
border: none;
background: #CCC;
padding: 2px 5px;
float: left;
}

input.sort_save.live {
background: #F2E78A;;	
}

ul#friend_list {
height:  490px;
width: 100%;
overflow: auto;
clear: both;
}

ul#friend_list li.hover {
border-left: solid 2px red;
}

ul#friend_list li {
list-style: none;
float: left;
width: 100px;
text-align: center;
font-size: 11px;
margin: 0 10px 10px 0;
padding:  5px;
cursor: move;
position: relative;
}

ul#friend_list li.top {
background: #7A1B1B;
color: #FFF;
}

ul#friend_list li.deleted {
background: #197492;	
color: #FFF;
}

ul#friend_list li div {
margin: 5px 0 0;
padding: 2px;
}

ul#friend_list li div.marked {
background: #197492;	
color: #FFF;
}

ul#friend_list li label {
display: inline;
text-align: left;
padding: 0 5px 0 0;	
}

ul#friend_list li input {
width: auto;
display: inline;
margin:  0;
}

a.manage_button {
color: #000;
background: #F2E78A;
text-decoration: none;
padding: 2px 5px;
}

a.manage_button:hover {
color: #F2E78A;
background: #000;
}