/* :: GENERAL :: */

p img {
	vertical-align:middle;
	}

.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:11px;
	}

#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;
	font-size:11px;
	}

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

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

.account .friend {
	color:#082;
	}

.account .thumb {
	width:140px;
	height:130px;
	float:left;
	margin:4px 8px 4px 0;
	border:1px solid #bbb;
	background:#f2f2f2;
	text-align:center;
	}

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

.account .thumb p {
	margin:5px 6px 0 6px;
	font-size:11px;
	width:126px;
	height:20px;
	overflow:hidden;
	}





/* :: 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 {
	margin-top:8px;
	padding-top:8px;
	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;
	}

/* :: POLLS :: */

#oldpolls, #pollresults {
	list-style-position:outside;
	list-style:none;
	margin-left:0;
	}

#oldpolls li, #pollresults li, #addpoll {
	padding-bottom:13px;
	border-bottom:1px dotted #999;
	margin-bottom:7px;
	}

#oldpolls p {
	margin:7px 0 -3px 0;
	}

#oldpolls strong a:link, #oldpolls strong a:visited {
	color:#06c;
	}


/* :: MY GROUPS :: */

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

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


/* :: SPOTLIGHTS :: */

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

.account #spotthis p.nomarg {
	text-align:left;
	}

.account #spotthis .spotimg div {
	width:102px;
	}

.account #content .spotimg div {
	background:#fff;
	}

.account #content .spotimg a {
	color:#000;
	}

/* :: 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;
	font-size:12px;
	line-height:normal;
	}

.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;
	background:#eee url(/community/graphics/users/tab.gif) top left no-repeat;
	list-style:none;
	}

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

.account #tabs a:hover, .account #tabs a:link.on, .account #tabs a:visited.on, .account #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;
	}




/* :: 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 img, #editpix .thumb2 img {
	display:block;
	}

#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;
	}

#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;
	}

/* :: POLL :: */

#addpoll li {
	padding:4px 2px;
	}

#pollquestion {
	margin-top:4px;
	width:320px;
	}

.pollalt {
	width:200px;
	}

/* :: BLOG :: */

#newpost form {
	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 :: */

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

#files-big {
	height:600px;
	}


/* :: "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;
	}