/* :: GENERAL :: */

.account .mobile {
display:none;
}

.account h2 {
margin:0 0 12px 0;
}

.account h2 a {
color:#111;
text-decoration:none;
}

.account h2 a:hover {
color:#05b;
}

.account h3.header {
font-size:18px;
}

.account .nomarg {
margin:0;
}

.account .width50 {
width:50%;
}

.account .col1, .account .col2 {
width:49%
margin:0;
padding:0;
border:none;
}

.account .col1 {
float:left;
}

.account .col2 {
float:right;
}

.account .left {
float:left;
}

.account .right {
float:right;
}

.account .clear {
clear:both;
}

.account div.clear {
height:1px;
line-height:1px;
overflow:hidden;
}

.account .pad {
padding:8px;
}

.account textarea, .account .w100, .account .labels {
width:100%;
}

.account .note {
font-size:11px;
font-weight:normal;
}

.account .edittable {
border-collapse:collapse;
margin:4px 0;
}

.account .edittable th {
background:#44639c;
border-collapse:collapse;
padding:2px;
color:#fff;
}

.account .edittable td {
border-collapse:collapse;
padding:3px 1px 1px 1px;
}

.account .smilie {
margin:0 3px -3px 3px;
}

.account .helpme, .account a.helpme {
color:#090;
}

.account .icon {
margin:0 5px -3px 1px;
}

.account .submit {
font-size:11px;
font-weight:bold;
padding:3px 15px;
}

.account .editform {
margin:1px 0 20px 0;
}

.account .editform .background {
width:100%;
}

.account .editform .section {
clear:both;
border-top:1px solid #aaa;
}

.account .editform .section h2 {
font-size:13px;
}

.account .editform .note {
margin-top:-6px;
font-size:11px;
color:#081;
}

.account .labels label {
display:block;
float:left;
width:140px;
}

.account .labels p {
clear:both;
}

.account .labels .col1 label, .account .labels .col2 label {
width:38%;
}

.account .labels input, .account .labels input {
min-width:60%;
}

.account .labels input[type=checkbox] {
min-width:0;
}

#main .editthis {
clear:both;
margin:10px 0;
font-size:10px;
}

#main .editthis img {
margin:0 5px -1px 0;
}

.account #newavatar p {
margin-top:0;
}

#content a.del:link, #content a.del:visited {
color:#a00;
}

.account #previewavatar {
float:right;
margin-top:5px;
}

.account #newavatar {
float:left;
width:550px;
}

.account .blockheader {
background:#3b5481;
color:#fff;
padding:4px 5px;
font-size:13px;
margin:0;
}

.account .block {
display:block;
}

.account .settings {
background:#fef7d4;
padding:7px 3px;
margin:8px 0;
}

.account .new {
background:#fefae1;
}

.account div.settings {
padding:7px;
}

.account .error {
margin:15px 0 15px 70px;
padding:10px;
border:2px solid #900;
width:446px;
background:#ff0;
}


/* :: TOP :: */

#edittitle {
padding-top:18px;
}

/* :: WELCOME :: */

#topinfo {
background:transparent url(/community/graphics/users/topinfo.gif) top left no-repeat;
width:600px;
height:96px;
}

#topinfo p {
margin:0;
padding:30px 10px 0 180px;
font-size:12px;
}


/* :: ACCOUNT :: */

#cssarea {
height:500px;
}

#cssform {
margin:35px 0;
}

#account {
font-size:11px;
color:#444;
}

#account h3, #account p {
margin:0 0 2px 85px;
}

#account .col1, #account .col2 {
padding-top:10px;
border-top:1px solid #ddd;
}

#sitestats dt {
font-weight:bold;
}

#sitestats dl, #sitestats dd {
margin:2px 0 5px 0;
}

#sitestats .border {
border:1px solid #555;
background:#fff;
}

#editag th {
background:#000;
color:#fff;
padding:1px 4px;
}

#editag td {
border-top:1px solid #333;
padding:1px 4px;
empty-cells:show;
}

#editag td.icon, #editag td.editag {
width:64px;
}

#editag td.def {
width:65%;
}

#menuitems {
margin-top:15px;
}


/* :: MY NEWS :: */

ol.log {
margin:0px 0 15px 0;
}

#content .log li {
list-style-position:outside;
list-style:none;
padding:0 5px 0 64px;
margin:1px 0;
line-height:27px;
border:1px solid #e3e3e3;
background-color:#fff;
color:#111;
}

.log-image-com {
background:#fff url(/community/graphics/users/log-img-com.gif) top left no-repeat;
}

.log-blog-com {
background:#fff url(/community/graphics/users/log-blog-com.gif) top left no-repeat;
}

#content .log li:hover {
border-color:#999;
cursor:hand;
}

.log span {
float:right;
font-size:11px;
width:150px;
color:#666;
text-align:right;
}

.log a:link, .log a:visited {
color:#1d77e6;
}

#content .oldnews li, #content .oldnews a:link, #content .oldnews a:visited {
color:#666;
}

/* :: MY GROUPS :: */

.group {
clear:both;
border-top:1px solid #ccc;
padding-top:2px;
padding-bottom:10px;
}

.grouppic {
float:left;
margin-right:15px;
}


/* :: SPOTLIGHTS :: */

#spotthis {
background:#f6f6f6;
border:1px solid #bbb;
padding:10px 5px;
}

/* :: GET STARTED GUIDE :: */


.account .start {
clear:both;
margin-top:15px;
background:#f3f3f3;
border:1px solid #000;
color:#000;
height:190px;
}

.account .start div {
padding:4px 10px;
}

.account .done, .account .done a {
color:#999 !important;
}


/* :: MESSAGES :: */

.account .writenew {
padding:3px 0;
}

.account .writenew img {
margin:0 4px -6px 0;
}

.account .multi, #recipient, #mymsg {
width:100%;
}

#messages {
width:100%;
border-collapse:collapse;
}

#messages th {
padding:3px 2px 3px 5px;
background: #000;
color:#fff;
border-collapse:collapse;
border-right:1px solid #fff;
}

#messages td {
padding:3px 2px 3px 5px;
border-collapse:collapse;
  border-bottom: 1px solid #666;
}

#messages tr.unread:hover, #messages tr.read:hover {
background:#eee;
cursor:hand;
color:#a00;
}

#currentmsg td {
background:#eee;
color:#a00;
}

.account td.subject {
width:65%;
}

.account td.time {
width:15%;
}

.account td.subject a {
display:block;
overflow:hidden;
width:400px;
min-width:100%;
max-width:100%;
}

.account td.carrow {
width:8px;
}

.account td.deleteme {
width:14px;
}

#showmsg {
border:1px solid #000;
}

#msgheader {
background:#f2f2f2;
padding:4px 8px 1px 8px;
}

#msgheader p {
clear:both;
margin:0 0 3px 0;
}

#msgtitle {
font-size:12px;
background:#000;
color:#fff;
margin:10px 0 1px 0;
padding:3px 5px;
}

#msgheader b {
display:block;
float:left;
width:60px;
}

#msgbody {
clear:both;
border-top:1px solid #999;
background:#fff;
padding:8px;
overflow:hidden;
}

#msgbody blockquote {
background:#fff url(/community/graphics/users/q1.gif) top left no-repeat;
color:#393;
padding:0 0 10px 27px;
font-size:11px;
}

.account .cite {
font-size:11px;
color:#333;
}

#showmsg .overflow {
width:100%;
overflow:hidden;
}

.account #tabs {
clear:both;
margin:3px 0 0 0;
height:44px;
background:#fff url(/community/graphics/users/tabs.gif) top left;
}

.account #tabs li {
margin:0 2px 0 1px;
padding:0;
width:117px;
height:24px;
text-align:center;
float:left;
list-style:none;
background:#eee url(/community/graphics/users/tab.gif) top left no-repeat;
}

.account #tabs a:link, #tabs a:visited, #tabs a:active {
display:block;
text-decoration:none;
width:117px;
height:24px;
line-height:23px;
background:transparent url(/community/graphics/users/tab.gif) top left no-repeat;
color:#000;
padding:0 !important;
}

.account #tabs a:hover, #tabs a:link.on, #tabs a:visited.on, #tabs a:active.on {
background-position:100% -24px;
}

.account #tabs .on {
font-weight:bold;
}

.account .color1 {
background:#ececef;
padding:10px;
}

.account .color2 {
background:#d6dfea;
padding:10px;
margin-top:10px;
}

.account .color1:before, .account .color2:before {
display:block;
height:9px;
background: transparent url(/community/graphics/c2.png) top right no-repeat;
content: url(/community/graphics/c1.png);
line-height:1px;
font-size:1px;
margin:-10px;
}

.account .color1:after, .account .color2:after {
display:block;
height:9px;
background: transparent url(/community/graphics/c4.png) bottom right no-repeat;
content: url(/community/graphics/c3.png);
line-height:1px;
font-size:1px;
margin:10px -10px -10px -10px;
}



/* :: BUTTONS :: */


.edit-buttons {
margin:0;
}

.edit-buttons img {
margin:0 2px 2px 0;
}

.buttons-float {
float:right;
width:146px;
margin:0;
}

.buttons-float img {
display:block;
margin:0 0 4px 0;
}



/* :: THEMES :: */

.account .theme {
width:204px;
height:194px;
float:left;
margin:10px 20px 10px 0;
border:1px solid #bbb;
background:#f2f2f2;
text-align:center;
}

.account .theme img {
display:block;
border:1px solid #888;
margin:5px 6px 0 6px;
}

#themenow {
background:#000;
color:#fff;
}


/* :: EDIT PROFILE :: */


#editprofile form {
padding:5px 0;
}

#editprofile h2 {
margin-top:5px;
font-size:13px;
background:#efefef;
padding:2px 0;
}

#thephoto {
float:left;
width:190px;
border-right:10px solid #fff;
}

#ff {
width:100%;
}

#ff label {
display:block;
color:#143b89;
}

#ff input, #ff select {
width:99%;
}

#tz {
width:400px;
}


/* :: ALBUM :: */

#main .toolicons img {
margin:0 3px 3px 0;
}

#prevalbum {
width:159px;
height:122px;
background:#fff;
border:1px solid #222;
margin-left:120px;
}

#prevalbum img {
margin:6px;
}

#addimg th {
background:#5c7492;
color:#fff;
padding:3px 5px;
}

#addimg th.tags {
background:#2d7133;
width:30%;
}

#addimg td {
background:#f4f4f4;
padding:6px 5px;
border-bottom:1px solid #aaa;
}

#addimg td.tags {
background:#e3f3e0;
}

#addimg td.addimg {
background:#f4f4f4;
width:20%;
}

#addimg td.nmbr {
width:1%;
}

#addimg img {
float:right;
margin:2px;
}


/* :: Edit all photos :: */

#editpix {
margin-bottom:1em;
}

#editpix .thumb1, #editpix .thumb2 {
float:left;
margin-top:5px;
padding:8px 0;
clear:both;
width:100%;
}

#editpix .thumb1 {
background:#f6f6f6;
border:1px solid #ddd;
border-width:1px 0;
}

#editpix .image {
float:left;
padding:6px;
width:160px;
height:120px;
border:1px solid #777;
background-color:#fff;
}

#editpix .fields {
margin-left: 180px;
max-width:100%;
}

#editpix div p {
font-size:10px;
margin:3px 0 0 0;
}

#editpix label[for] {
display:block;
float:left;
width:60px;
}

#editpix input[type='text'], #editpix textarea {
width:84%;
}

#editpix textarea {
height:35px;
}

#editpix .controls {
margin-top:1em;
padding:5px;
background:#f6f6f6;
border:1px solid #777;
}

#editpix .delbutton {
margin:-2em 6px 0 0;
float:right;
}

#editpix .delete {
border:1px solid #c00 !important;
}


/* :: EDIT IMAGE :: */


#picedit {
position:absolute;
width:51px;
height:19px;
bottom:2px;
right:2px;
}

#picedit img {
display:block;
}

#title {
font-size:18px;
}

.account .scaleif label {
color:#258;
}

.account .margtop {
margin-top:26px;
}


/* :: UPLOAD IMAGES :: */

.newphoto {
float:left;
border:1px solid #aaa;
padding:5px;
width:80px;
height:60px;
margin:0 8px 8px 0;
}

.newphoto img {
display:block;
}


/* :: BLOG :: */

#newpost {
width:100%;
}

#newpost h2 {
font-size:12px;
}

.account .bignote {
background:#fff;
color:#a00;
padding:5px;
margin-right:7px;
}

form #title, form #subtitle {
width:320px;
}

#previewbutton {
float:left;
margin-right:5px;
}

#blogtools {
margin-top:0;
line-height:23px;
padding-right:4px;
font-size:11px;
}

.mmskey {
color:#082;
}


/* :: LINKS :: */


#editcat, #addlinks td input {
width:100%;
}

#addlinks th.star {
background:#ffea00;
}

#addlinks .star {
width:19px;
text-align:center;
}

#catname {
color:#080;
font-size:16px;
margin:4px 0 -4px 0;
}

.account .url input {
color:#02a;
}

.account a.editcat:link, .account a.editcat:visited, .account a.editcat:active {
color:#073;
text-transform:uppercase;
font-size:11px;
}

.account p.editcat {
padding-bottom:4px;
border-bottom:1px solid #ccc;
}

#mylinks .icon {
margin-bottom:0;
}

.account .unapproved {
border:1px solid #bbb;
background:#eee;
}

.account .unapproved div {
padding:10px;
}

.account .unapproved p {
margin:0;
}

#applinks .appme {
margin-top:10px;
font-size:11px;
}

.account .submitted {
font-size:11px;
}


/* :: EVENTS :: */

.account .ev {
background:#f4f4f4;
color:#072;
}

.account .event {
border-top:1px solid #bbb;
padding-top:10px;
margin-top:10px;
}

.account .event p {
margin:0;
}

.account .event .small {
margin-top:5px;
}


/* :: FRIENDS :: */

.account .myfriend .small {
margin:0;
}

#friendmenu {
float:right;
margin:0;
}

.thanks {
font-size:16px;
color:#082;
}

#inviteform th {
width:25%;
}

#inviteform td {
width:75%;
}

.invfriend {
width:90%;
}


/* :: ACCESS :: */

#access {
border-collapse:collapse;
}

#access td {
border:1px solid #000;
border-collapse:collapse;
padding:2px 5px;
}

#access th {
background:#000;
color:#fff;
padding:2px 5px;
}

#access th.friend {
background:#33b400;
}

#access th.other {
background:#294b93;
}

#access td.friend {
background:#dcfad0;
}

#access td.other {
background:#dfe6f6;
}

.accesstitle {
padding-left:10px;
}

/* :: FILES :: */

#filebox {
background:#e0e6f3;
margin-top:8px;
height:330px;
font-size:11px;
}

#files, #files-big {
margin:0;
width:100%;
height:300px;
}

#files-big {
height:600px;
}


/* :: TAGS :: */

#tags {
width:100%;
}

#tagbox {
background:#e3f3e0;
margin-top:8px;
height:330px;
}

#tagbox h3 {
margin-top:0;
}

#taglist {
font-size:11px;
line-height:170%;
background:#f0f6ee;
height:162px;
overflow:scroll;
border:1px solid #fff;
}

.account #taglist p {
margin:4px 5px;
}

.mytag, a.mytag:link, a.mytag:visited, a.mytag:active {
color:#090;
}


/* :: "noscript" HELP POPUP :: */


.jsHelp {
background:#ffe url(/community/graphics/icons/question_big.png) 5px 5px no-repeat;
font-size:10px;
color:#333;
border:1px solid #333;
padding:5px 5px 5px 25px;
width:200px;
text-align:left;
}