/* Set everything to zero */

* {
	margin:0;
	padding:0;
}



body {
	margin:0 auto;
	background:#EAF2F3;
	text-align:center;
	font-family: Arial,"Trebuchet MS",Georgia; font-size:12px;
	position:relative; color:#282b28; width:auto;
	
}



#bigtitle {font-size:18px; }
.container { position: relative; left: 1px; top: 1px;  color: #cccccc;}
.text { position: absolute; top:-2px; left:-2px; right:2px; color:#005E88; }

a {
	color:#008BC9;
	}
	
a:hover {
	background:#008BC9;
	color:#fff;
	text-decoration:none;
	}	
		
ul, li {
	list-style:none;
	
	}		
	
	
	#sideContent ul {background:#CEEDF3;padding:4px 0;}
	#sideContent li {margin-left:14px;font-size:13px;line-height:20px;font-weight:bold;
		
	padding-left:7px;
	background:url(media/arrow.gif) 2px center no-repeat;}
	
hr {
	visibility:hidden;
	clear:both;
	line-height:0;
	height:0;
	}
	
a img  {
		border:0;
		background-color: #fff;
		}	
		
		

img#logo {
	padding-bottom:15px;
		}

h1 {
	color:#005E88;
	font-weight:normal;
	font-size:28px;
	line-height:32px;
	padding:10px 10px 5px 10px;
	background: url(media/profile-grad.jpg) no-repeat left top #BFE7EF;margin-bottom:0;
	}
		
h1 small {
	color:#008BC9;
	font-size:20px;
	display:block;
	xfont-weight:bold;
	}
	
h1 small span {
	font-size:11px;
	margin-left:10px;
		}


/* Global wrap */

#global {
	position:relative;
	width:760px;
	margin:0 auto;
	padding:50px 10px 30px 10px;
	text-align:left;
	background:#fff;
	}
	
	
/* Positioning DIVs */

/* Main content and sidebar */

#mainContent {
	border-top:7px solid #00A1E9 /*008BC9*/;
	float:left;
	width:500px;
	background:#D5F2F9;
	padding:10px;
	}
	
#mainContent.sign {
	background:#D9F1F6;
	}

#sideContent {
	border-top:7px solid #00A1E9 /*008BC9*/;
	float:right;
	width:230px;
	padding:10px 0 10px 10px;
	background:#fff;
	}
	
/* Footer */	
	
#footer {
	clear:both;
	text-align:center;
	padding-top:10px;
	}
	
#footer p {	
	font-size:11px;
	color:#999;
	}
	
#footer li {
	display:inline;
	font-size:11px;
	}	
		
#footer a {
	text-decoration:none;
	color:#008BC9;
	font:11px Arial, sans-serif bold;
	margin-left:3px;
	padding:0 2px 0 5px;
	background:url(media/arrow.gif) left center no-repeat;
	}	
	
#footer a:hover {
	text-decoration:underline;
	background-color:transparent;
	}
	
	
/* Personal and service links  */

#topNav {
	position:absolute;
	top:6px;
	left:0;
	width:770px;
	margin: 0 auto 50px auto;
	background:#E4F5F9;
	}


#personalNav {
	position:absolute;
	top:0;
	right:0;
	}
	
#serviceNav {
	position:absolute;
	top:0;
	left:10px;
	padding:0 2px 0 0;
	}	
	
#personalNav li, #serviceNav li {
	display:inline;
	font-size:11px;
	font-weight:bold;
	color:#2C9C00;
	}
	
#personalNav li#mail a { 
	background: url(media/mail.gif) 4px center no-repeat;
	padding:0 6px 0 23px;
	color:#f60;
	border-right:1px solid #99D3EB;
	}
		
#personalNav li a {
	border-right:1px solid #99D3EB;
	padding-right:5px;
	padding-left:3px;
	margin-right:1px;
	}

#personalNav li#subscribe a {
	border:none;
	color:#CE5200;
	}
		
	
#personalNav li a, #serviceNav li a {
	text-decoration:none;
	color:#008BC9;
	}
	
#serviceNav li a {
	padding-left:5px;
	}	
	
#personalNav li a:hover, #serviceNav li a:hover {
	text-decoration:underline;
	background-color:transparent;
	
	}
	
#serviceNav li a {
	margin-left:3px;
	background:url(media/arrow.gif) left center no-repeat;
	}		

	
/* Main navigation */

#mainNav ul {
	padding-left: 0;
	margin-left: 0;
	background: url(media/mainnavback.jpg) repeat-x #3FDE00;
	float: left;
	width: 100%;
	font-family: Arial, sans-serif;
	border-top:20px solid #fff;
	}
		
#mainNav ul li { 
	display: inline; 
	}
		
#mainNav ul li a {
	padding: 10px 13px;
	font-size:12px;
	font-weight:bold;
	color: #fff;
	text-decoration: none;
	float: left;
	border-right: 1px solid #3DD700;
	text-transform:uppercase;
	}
		
#mainNav ul li a:hover {
	background-color: transparent;
	color: #fff;
	text-decoration:underline;
	}

#mainNav ul li a#active {
	background: url(media/activeback.jpg) repeat-x #008BC9;
	}
	
#mainNav ul li a#active:hover {
	text-decoration:none;
	}

	
/* Forms */

form {
	xmargin:left:10px;
	xdisplay:block;
	}
	
	
div.wrap, td.field div {
	border:1px solid #e6e6e6;
	padding:2px;
	margin:4px 10px;
	background:#fff;
	}
			
	

input, textarea, select {
	width:466px;
	border:1px solid #ccc;
	background: url(media/inputback.jpg) repeat-x #E4F5F9;
	padding:3px;
	color:#008BC9;
	font:13px Arial, sans-serif normal;
	line-height:17px;
	}
	
div.listo input {
	width:300px;
	}
	
table#signUp input {
	width:330px;
		}	
		


select {
	width:147px;
	font-size:11px;
	}

textarea {
	height:50px;
	}

textarea.thousand {
	height:100px;
	}	
	
textarea.comment {
	height:130px;
	}		
	
	div#selectWrap {
		margin:10px;
		}
				
div#selectOne {
	float:left;
	width:147px;
	margin:10px 0 10px 0;
	}	
	
div#selectTwo {
	float:left;
	width:148px;
	margin:10px 0 10px 5px;
	}	
	
div#selectThree {
	float:left;
	width:147px;
	margin:10px 0 10px 5px;
	}		

.check {
	width:auto;
	padding:1px;
	margin-top:10px;
	background:none;
	border:none;
	}

/* Search form at top */

#topSearch div {	
	border:1px solid #e6e6e6;
	padding:2px;
	width:294px;
	margin:0;
	}
	
div#topSearch {
	position:absolute;
	right:10px;
	top:55px;
	}
	
#topSearch form {
	position;relative;
	width:300px;
	}
	
#topSearch input {
	xmargin-left:0 !important;
	width:220px;
	}
	
#topSearch form p {
	color:#bbb;
	position:absolute;
	right:0;
	padding:1px 5px;
	font-size:11px;
	}	

input.knopf {
	xdisplay:block;
	font-size:12px;
	xborder-top:1px solid #00AD76;
	xborder-right:1px solid #00AD76;
	xborder-bottom:1px solid #00BC84;
	xborder-left:1px solid #00BC84;
	padding:3px;
	margin:2px 10px;
	background:url(media/button-back.gif) left center repeat-x #00804F;
	color:#fff;
	font-weight:bold;
	width:120px;
	}
		
input.knopf.standard {
	width:120px !important;
	}
	
input.add {
	width:120px !important;
	}	
				
input.knopf.cancel {
	width:50px;
	font-size:11px;
	padding:1px;
	background:#E4F5F9;
	border:1px solid #fff;
	color:#008BC9;
	}		
	
input#go {
	position:absolute;
	top:3px;
	right:3px;
	border:0;
	padding:0;
	width:64px;
	}
	


	
	
form p a {
	margin-left:5px;
	color:#008BC9;
	text-decoration:underline;
	}	
	
form p a:hover {
	color:#fff;
	background-color:#008BC9;
	text-decoration:underline;
	}	

label {
	color:#00804F;
	padding:10px 10px 0 10px;
	font-size:20px;
	display:block;
	}
	
label small {	
	color:#0098DC;
	margin-top:2px;
	display:block;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	}

label.minimal {
	font-size:16px;
	}
	
/* Table for member profile */	
	
#profileTable {
	background:#fff;
	width:100%;
	}	
	
#profileTable td {
	padding:5px 8px;
	font-size:12px;
	color:#666;
	vertical-align:top;
	border-bottom:1px solid #D5F2F9;
	}	
	
#profileTable td.item {	
	width:25%;
	font-weight:bold;
	color:#005E88;
	border-left:1px solid #B7ECF9;
	background:#EBFBFF;
	border-bottom:1px solid #EBFBFF;
	}

#profileTable td.edit {	
	text-align:right;
	padding-right:10px;
	width:10%;
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
	border-right:1px solid #B7ECF9;
	} 
	
#profileTable td.edit a {	
	color:#008BC9;
	text-decoration:none;
	}
	
tr.highlight td {
	background:#005E88; color:#FFFFFF;
	}
	
#profileTable td.edit a:hover {	
	text-decoration:underline; font-weight:bold;
	background:transparent;
	}
			
#profileTable thead td {
	background: url(media/profile-gradleft.jpg) no-repeat left top #C0E8F0;
	font-size:26px;
	padding-top:6px;
	color:#005E88;
	}		

#profileTable dd {
	font-size:11px;
	line-height:15px;
	font-weight:bold;
	}
	
#profileTable dd.rating {
	padding:6px 0 10px 0;
	}

#profileTable dd.rating img {
	margin-bottom:-3px;
	}	
	
#profileTable dd.rating a {
	font-size:11px;
	font-weight:bold;
	}		
	
#profileTable dd.person {
	text-transform:uppercase;
	color:#008BC9;
	font-weight:bold;
	}	
			
#profileTable dd span {
	text-transform:none;
	font-weight:normal;
	color:#005E88
	}
	
#profileTable dd.onlineStatus {
	text-indent:-100em;
	padding:3px;
	line-height:22px;	
	}	
	
#profileTable dd.onlineStatus.on {
	background: url(media/online.gif) no-repeat left 4px;
	color:#fff;
	}
	
#profileTable dd.onlineStatus.off {
	color:#666;
	background: url(media/offline.gif) no-repeat left 4px;
	}
			
#profileTable td#status {
	text-align:right;
	background: url(media/profile-gradright.jpg) no-repeat right top #fff;
	}
			
#profileTable td#status img {
	display: block; 
	width: 100px; 
	height: 100px; 
	overflow: hidden; 
	border: 5px solid #fff;
	float: right; 
	}
	
#profileTable td#status a {
	font-size:11px !important;
	background-color:#fff;
	text-align:center;
	padding:3px;
	display:block;
	}		
	
#profileTable td#status a:hover {
	background-color:#008BC9;
	text-decoration:none;
	}
	
#profileTable td#status a#upload {
	background-image: url(media/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#profileTable thead td#small {
	font-size:11px;
	background:none;
	border-bottom:1px solid #D5F2F9;
	}
	
	
#profileTable tbody td#morePhotos {
	background:#BFE7EF;
	padding-left:10px;
	}

#profileTable tbody td#morePhotos a {
	background:#D5F2F9
	}

#profileTable tbody td#morePhotos img {
	border:5px solid #fff;
	margin:0 10px 5px 0;
	float:left;
	width: 100px; 
	height: 100px; 
	overflow: hidden;
	}



	
#profileTable tfoot td {
	font-size:12px;
	color:#999;
	border-top:1px solid #B7ECF9;
	background:#D5F2F9;
	}
	
#profileTable tfoot td a {
	font-weight:bold;
	}
	
/* Sidebar Options table */
			
#optionsTable {
	background:#fff;
	width:100%;
	padding-bottom:10px;
	}	
	
#optionsTable td {
	padding:10px 8px;
	font-size:12px;
	color:#666;
	vertical-align:middle;
	border-bottom:1px solid #D5F2F9;
	}	
	
#optionsTable thead td {
	background: url(media/sidebarback.jpg) repeat-x #BFE7EF;
	padding: 8px;
	font-size:16px;
	color:#005E88;
	font-weight:bold;
	vertical-align:middle;
	border-bottom:1px solid #D5F2F9;
	}		
	
#optionsTable tbody td {
	background: #BFE7EF;
	padding: 6px;
	font-size:13px;
	color:#005E88;
	vertical-align:middle;
	border-bottom:1px solid #D5F2F9;
	}	
	
#optionsTable tbody td small {
	display:block;
	font-size:12px;
	font-weight:normal;
	color:#0094D6;
	}	
	
#optionsTable td.count {
	color:#0094D6;
	font-size:15px;
	line-height:20px;
	font-weight:bold;
	width:20%;
	text-align:center;	
	background-color:#D5F2F9;
	padding:2px;
	}
	
#optionsTable td.count small {
	font-weight:normal;
	display:block;
	font-size:10px;
	color:#005E88;
	}

/* Definition lists  */

/* Listo: Default for hobbies and wishes */

div.listo {
	background: url(media/listo-back-bottom.gif) left bottom no-repeat #CEEDF3;
	margin:20px 10px 0 10px;
	padding-bottom:10px;
	position:relative;
	width:480px;
	}
	
div.listo .editor  {
	position:absolute;
	top:-17px;
	left:0;
	font-size:11px;
	}
			
div.listo .editor a {	
	color:#008BC9;
	text-transform:uppercase;
	font-weight:bold;
	}
			
div.listo .editor a:hover {
	background:#008BC9;
	color:#fff;
	}
	
div.listo p {
	background:#E3F7FB;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	margin:5px 0;
	}

div.listo dl {
	padding:20px 10px 0 10px;
	background: url(media/listo-back-top.gif) left top no-repeat #CEEDF3;
	}

div.listo dl dt {
	font-size:16px;
	font-weight:bold;
	color:#00804F;
	padding-top:5px;
	padding-bottom:5px;
	background:#CEEDF3;
	}
	
div.listo dt.editorContainer {
	position:relative;
	}
	
	
div.listo dl dd {
	position:absolute;
	right:0;
	top:2px;
	font-size:11px;
	padding:4px 4px;
	color:#9ABAC0;
	}
	
div.listo dl dd a {
	background: url(media/arrow.gif) no-repeat 2px center;
	padding:2px 7px;
	margin-left:2px;
	text-decoration:none;
	}
	
div.listo dl dd a:hover {
	color:#fff;
	background: url(media/arrow-light.gif) no-repeat 2px center #008BC9;
	}
	
div.listo br {	
	clear:both;
	}	
	
div.listo p.attention a {
	background:#0098DC;
	margin:5px 0;
	padding:5px 9px;
	color:#ffffff;
	}	
	
/* DIV listo detail: hobby list */

.listo.detail ul.limitTo {
	position:absolute;
	top:5px;
	right:10px;
	}

.listo.detail ul.limitTo li {
	display:inline;
	font-size:11px;
	}
	
.listo.detail ul.limitTo li a {
	padding:2px 2px 2px 7px;
	margin-left:2px;
	text-decoration:none;
	background: url(media/arrow.gif) no-repeat 2px center;
	}

div.listo.detail li a:hover {
	color:#fff;
	background: url(media/arrow-light.gif) no-repeat 2px center #008BC9;
	}
	

.listo.detail h3 {
	color:#005E88;
	font-size:26px;
	padding:10px;
	font-weight:normal;
	padding:15px 10px 10px 10px;
	background: url(media/listo-back-top.gif) left top no-repeat #CEEDF3;
	}
	
.listo.detail h3 span {
	display:block;
	color:#008BC9;
	font-size:12px;
	}
	
.listo.detail h3 span span {
	display:inline;
	color:#005E88;
	font-size:20px;
	}
	
.listo.detail div.person {
	width:153px;
	float: left; 
	background:maroon;
	margin:5px 0 5px 5px;
	xheight:130px;
	}	
	
.listo.detail div.person img {
	background: url(media/person-back.gif) left top no-repeat #eaeaea;
	display: block; 
	width: 75px; 
	height: 75px; 
	overflow: hidden; 
	border: 3px solid #fff;
	float:left;
	}
	
.listo.detail div.person p {
		float:right;
		width:65px;
		font-size:10px;
		padding:3px;
		margin:0;
		background:#fff;
		border:none;
		}	
		
		.listo.detail div.person p.bot {clear:both;float:none;width:100%;}
		


dl.person {
	background:red;
	xborder:1px solid lime;
	float:left;
	width:153px;
	margin:0 10px 0 0;
	}
		
		
		dl.person dt {width:81px;float:left;}
		
	dl.person dt img {
	background: url(media/person-back.gif) left top no-repeat #eaeaea;
	display: block; 
	width: 75px; 
	height: 75px; 
	overflow: hidden; 
	border: 3px solid #fff;
	xfloat:left;
	}
	
dl.person dd {width:55px;padding-right:11px;float:right;font-size:10px;}

/* Sidebar definition list */

#sideContent dl {
	margin:0 0 10px 0;
	padding-bottom:5px;
	background: url(media/sidebarback.jpg) repeat-x #D5F2F9;
	}
		
#sideContent dt {
	padding:8px;
	color:#005E88;
	font-weight:bold;
	}	
			
#sideContent dd {
	color:#005E88;
	border-top:1px solid #D5F2F9;
	font-size:13px;
	line-height:20px;
	padding:2px 8px;
	background:#BFE7EF;
	}	
	
	
dd strong {
	xdisplay:block;
	}
	
/* Profile page links have arrows */	
	
dl.youCan dd a {
	font-weight:bold;
	padding-left:7px;
	background:url(media/arrow.gif) 2px 9px no-repeat;
	xdisplay:block;
	}
	
dl.youCan dd a:hover {
	background:url(media/arrow.gif) 2px 9px no-repeat #BFE7EF;
	color:#006C9C;
	text-decoration:underline;
	}
	
	
	
/* Darker background */
	
dl.youCan#heavy {
		background: url(media/sidebarback-dark.jpg) repeat-x #D5F2F9;
		}	
		
dl.youCan#heavy dt {
		color:#fff;
		}
	
/* Abuse link */	
	
dd.extra {
	background-color:#fff !important;
	}
	
dd.extra a {
	color:#00804F;
	font-size:12px;
	}
	
dd.extra a:hover {
	background-color:#fff !important;
	color:#00A968 !important
	}	
	
	
/* defaultInfos: Default container */	
	
div.defaultInfos {
	background: url(media/personal-info-back.gif) repeat-x #fff;
	margin: 20px 0 0 0;
	padding-bottom:10px;
	position:relative;
	}	
	

	
.defaultInfos h2 {
	font-size:22px;
	font-weight:normal;
	padding: 15px 0 5px 0;
	margin:10px;
	color:#005E88;
	border-bottom:1px solid #B7ECF9;
	line-height:20px;
	}
	

	
.defaultInfos h2 small {
	color:#0098DC;
	margin-top:2px;
	display:block;
	font-size:12px;
	font-weight:bold;
	}

	
.defaultInfos p {
	padding:5px 10px; 
	font-size:12px;
	color:#005E88;
	line-height:16px;
	}	
		
.defaultInfos p.attention {
	background:#0098DC;
	color:#ffffff;
	margin:5px;
	padding:7px;
	}	
	
/* Make a wish */

.makeWish {
	background:url(media/makewish-back.gif) left top no-repeat #00804F;
	margin:10px;
	}

.mlabel { font-size:17px; font-weight:bold;	}

.makeWish h3 {	
	font-size:16px;
	font-weight:normal;
	border:none;
	text-transform:uppercase;
	padding:10px;
	color:#005E88;
	}	
	
.makeWish h3 small {
	text-transform:none;
	display:block;
	color:#C5F5B2;
	}
	
.makeWish h3 a {
	color:#fff;
	}

.makeWish h3 a:hover {
	color:#00804F;background:#fff;
	}
	
div#signIn h3 {
	color:#fff;
	padding:8px;
	}

div#signIn  {
	background:url(media/signin-back.jpg) left top no-repeat #3FDD00;
	border-bottom:5px solid #f60;
	margin-bottom:10px;
	}	

div#signIn h3 a {
	color:#fff;
	display:block;
	}	

div#signIn h3 a:hover {
	background:#fff;
	color:#3FDD00;
	}
	
/* Alert message */	
	
div#alert h3 {
	color:#fff;
	font-size:14px;
	border-bottom:1px solid #f90;
	padding-bottom:5px;
	margin-bottom:5px;
	}
	
div#alert h3 span {
		font-size:22px;
		text-transform:uppercase;
		color:#ff0;
		}	
			
div#alert {
	background:#f60;
	padding:10px;
	margin:10px;
	}	

div#alert li {
	list-style-type:disc;
	color:#fff;
	font-size:12px;
	margin-left:20px;
	}
	
	

/* Tag cloud  */

div#tagCloud {
	width:480px;	
	background:#fff;
	padding:0 10px;
	margin:0;
	}
	
div#tagCloud ul {
	padding:10px;
	}	

div#tagCloud li {
	display:inline;
	font-size:11px;
	color:#666;
	}

div#tagCloud p {
	font-weight:bold;
	font-size:14px;
	text-align:right;
	}

#tagCloud a.one {
	font-size:12px;
	color:#00B0FE;
	}

#tagCloud a.one:hover {
	background:#00B0FE;
	color:#fff;
	}

#tagCloud a.two {
	font-size:14px;
	color:#009EE5;
	}

#tagCloud a.two:hover {
	background:#009EE5;
	color:#fff;
	}

#tagCloud a.three {
	font-size:16px;
	color:#008BC9;
	}

#tagCloud a.three:hover {
	color:#fff;
	background:#008BC9;
	}

#tagCloud a.four {
	font-size:18px;
	color:#0077AC;
	}

#tagCloud a.four:hover {
	color:#fff;
	background:#0077AC;
	}
	
	
	
	
p.categorywishing {
		font-size:11px;
		}
		
p.categorywishing span {
		font-weight:bold;
		}		
		
		
		
		
/* Signup form and table */	

table#signUp td {
	vertical-align:middle;
	}

table#signUp label {
	font-size:14px;
	text-align:right;
	line-height:16px;
	}

table#signUp label small {
	display:block;
	font-size:10px;
	color:#999;
	font-weight:normal;
	}

table#signUp input {
	width:300px;
	}

table#signUp td.field {
	width:320px;
	font-size:12px;
	color:#008BC9;
	}	

table#signUp td.labeling {
	width:175px;
	}	

table#signUp select {
	width:50px;
	display:inline;
	}

table#signUp div#birthday {
	width:178px
	}

table#signUp td.place select {
	width:100%;display:block
	}

table#signUp select#year {
	width:70px;display:inline;
	}

table#signUp .check {
	width:auto;
	padding:6px 1px;
	margin:5px 0 5px 10px;
	background:none;
	border:none;
	}
	
table#signUp .check input {
	margin:0 0 -3px 8px;
	}
	
table#signUp .knopf {
	width:80px;
	margin-top:10px;
	}

#signUp .minimal {
	font-size:11px;
	color:#999;
	}




/* SignUp tabs */

ul#tabs {
	margin-top:10px;
	padding:5px 10px 5px 0;
	background: url(media/profile-grad.jpg) no-repeat left top #BFE7EF;
	}
		
ul#tabs li {
	display:inline;
	font-size:16px;
	font-weight:bold;
	margin-right:-4px;
	background: url(media/tabs-back.jpg) no-repeat 0 0 #00A1E9;
	padding:5px 10px;
	}	
		
ul#tabs li a {
	color:#fff;
	text-decoration:none;
	}
	
ul#tabs li {
	background: url(media/user-back.gif) no-repeat 0 0 #00A1E9;
	}	
	
ul#tabs li.user {
	background: url(media/tabs-back.jpg) no-repeat 0 0 #00A1E9;
	}	
	
ul#tabs li.club, ul#tabs li.business {
	background: url(media/tabs-back.jpg) no-repeat -3px 0 #00A1E9;
	border-left:1px solid #fff;
	}	
	
ul#tabs li.user#activo {
	background: url(media/user-back.gif) no-repeat 0 0 #00A1E9;
	}		

ul#tabs li.club#activo, ul#tabs li.business#activo {
	background: url(media/user-back.gif) no-repeat -3px 0 #00A1E9;
	}
	
li.user#activo a, ul#tabs li.club#activo a, ul#tabs li.business#activo a {
	color:#fff;
	}
	
ul#tabs li#activo {
	background: url(media/tabs-back.jpg) no-repeat 0 0 #00A1E9;
	}
	
ul#tabs li a {
	color:#45A0C9;
	}
	
ul#tabs li a:hover {
	background-color:transparent;
	text-decoration:underline;
	}
	
ul#tabs li#active a:hover {
	background-color:transparent;
	text-decoration:none;
	}
	
	
/* Table for user list */	
	
#userTable {
	background:#fff;
	width:100%;
	}	
				
#userTable thead td {
	background: url(media/personal-info-back.gif) no-repeat left top #C0E8F0;
	font-size:18px;
	padding:10px;
	color:#00804F;
	}	
	
#userTable tfoot td {
	padding:10px;
	text-align:right; 
	font-size:14px;
	}

#userTable td {
	padding:5px ;
	color:#008BC9;
	vertical-align:top;
	background: #fff;
	xborder-bottom:1px solid #CEEDF3;
	}	

	
#userTable td img {
	float:left;
	display: block; 
	width: 75px; 
	height: 75px; 
	overflow: hidden; 
	border: 3px solid #e6e6e6;
	background: url(media/person-back.gif) no-repeat left top #C0E8F0;
	}
	
p.onlineStatus {
	text-indent:-100em;
	padding-left:1px;
	line-height:22px;	
	}	

p.onlineStatus.on {
	background: url(media/online.gif) no-repeat 2px 4px;
	color:#fff;
	}
	
p.onlineStatus.off {
	color:#666;
	background: url(media/offline.gif) no-repeat 2px 4px;
	}
	
#userTable td p.userName {
	font-weight:bold;
	font-size:12px;
	float:none;
	padding:2px 1px 2px 5px;
	width:100%;
	color:#005E88;
	}
	
#userTable thead td h3 {
	float:left;
	font-weight:normal;
	}
	
#userTable thead td small {
	float:right;
	font-size:11px;
	background:none;
	}
	
#userTable thead td small a {		
	padding-left:7px;
	background:url(media/arrow.gif) 2px center no-repeat;
	}
	
#userTable thead td small a:hover {
	color:#fff;
	background: url(media/arrow-light.gif) no-repeat 2px center #008BC9;
	}
	
#userTable td p {
	float:right;
	width:72px;
	padding:2px 0 0 3px;
	font-size:11px;
	margin:0;
	}	 
 



/*  Comments table */

#comments {
	vertical-align:top;
	}

#comments td {
	padding:0px;
	vertical-align:top;
	}

#comments td.comment {
	width:420px;
	font-size:12px;
	line-height:17px;
	color:#666;
	padding:0 0 15px 10px;
	}
	
#comments td.comment p {
	float:none;
	padding:5px 0;
	font-size:12px;
	font-weight:bold;
	}

#comments td.user img {
	margin-left:7px;
	float:left;
	display: block; 
	width: 50px; 
	height: 50px; 
	overflow: hidden; 
	border: 3px solid #e6e6e6;
	background: url(media/person-back.gif) no-repeat left top #C0E8F0;
	}

#comments td p {
	float:right;
	width:72px;
	padding:2px 0 0 3px;
	font-size:11px;
	margin:0;
	}	
	
#comments td.comment a.perma {
	font-size:11px;
	margin:5px 0;
	}
	
	

#comments td p.userName {
	font-weight:bold;
	font-size:12px;
	float:none;
	padding:2px 1px 2px 12px;
	width:100%;
	} 
	


/* "Popular" tables in sidebar */	

#sideContent table tr {
	width:100%;
	}
		
#sideContent thead td {
	background: url(media/sidebarback.jpg) repeat-x #D5F2F9;
	font-size:16px;
	padding:8px 10px;
	color:#005E88;
	font-weight:bold;
	}

#sideContent tbody td {
	background:#BFE7EF;
	width:115px;
	font-size:13px;
	font-weight:bold;
	padding:5px;
	border-top:1px solid #D5F2F9;
	color:#005E88
	}
	
#sideContent tbody td.people {
	text-align:right;
	font-weight:normal;
	font-size:12px;
	}	
		
#sideContent td a {
	background: url(media/arrow.gif) no-repeat 2px center;
	padding:2px 7px;
	margin-left:2px;
	}

#sideContent td a:hover {
	background: url(media/arrow.gif) no-repeat 2px center;
	text-decoration:underline;
	color:#005E88;
	}
	
#sideContent tfoot td  {
	background:#fff;
	padding:5px;
	font-size:12px;
	font-weight:bold;
	border-bottom:5px solid #fff
	}
	
#sideContent tfoot td a {	
	color:#00804F;
	}
	
	
	
/* Various classes */	


	h4 /* Comment link */ {
			font-size:14px;
			padding:10px;
			}
	
p.already {color:#f60;}
	

	p.minimal {
	color:#999;
	font-size:11px;
	line-height:14px;
	padding-top:0;
	margin-top:0;
		}	
		
	
		
span.showHide a {
		padding:2px 2px 2px 7px;
		background:url(media/arrow.gif) 2px center no-repeat;
		display:inline;
		position:absolute;
		right:30px;
		top:20px;
		font-size:11px;
		margin:-10px 0 0 0;
	
			}
			
span.showHide a:hover {
		color:fff;
		background:url(media/arrow-light.gif) 2px center no-repeat #008BC9;
		}			