/* CSS Reset
---------------------------------------------------- */

html { min-height: 100%; }
body, form, ol, ul, dl, li, dt, dd, td, th, tr { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0 0 1em 0; padding: 0; }
ul { list-style: none; }
ol { margin-bottom: 1em; }
ol li { margin-left: 2em; }
img { border: 0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
a:focus { outline: 0; }

/* Typography
---------------------------------------------------- */

body {
	font: 76% "lucida grande",tahoma,verdana,arial,sans-serif; 
	color: #454545;
	background: #dbe5ec;
	line-height: 1.5em;
	}
	body.specialPage {
		background: #fff;
		}
textarea,
a.commentSort {
	font-family: "Lucida Grande", Arial, sans-serif;
	}
#menuPrimary,
#search #submit,
.sideTabList,
dl.jobs dt,
h1,
h2,
h3 {
	font-family: Arial, sans-serif;
	}


/* Basics
---------------------------------------------------- */

a {
	color: #1585DB;
	}
	a:hover {
		text-decoration: none;
		}

h1 {
	font-size: 20px;
	color: #454545;
	letter-spacing: -1px;
	}
	h1 a {
		color: #f95415;
		text-decoration: none;
		}
		h1 a:hover {
			color: #369;
			}
	h1 span {
		color: #999;
		font-weight: normal;
		}
	h1.noMenuSecondary {
		padding-top: 20px;
		}

h2 {
	font-size: 18px;
	color: #1585db;
	letter-spacing: -1px;
	}
	h2 a {
		color: #f95415;
		text-decoration: none;
		line-height:20px;
		}
		h2 a:hover {
			text-decoration: underline;
			}

h3 {
	color: #555;
	font-size: 14px;
	}
h4 {
	font-size: 13px;
	}

small {
	font-size: 10px;
	}

hr {
	background-color: #aaa;
	color: #aaa;
	border: 0;
	clear: both;
	height: 1px;
	margin: 0.75em 0;
	width: 100%;
	}
	* html hr {
		margin: 0.25em 0;
		}

	ul.bullet {
		margin: 0 0 1em 0;
		padding: 0 0 0 1.5em;
		}
		ul.bullet li {
			list-style: disc;
			padding: 0 0 0.2em 0;
			}
	ul.square {
		margin: 0 0 1em 0;
		padding: 0 0 0 1.5em;
		}
		ul.square li {
			list-style: square;
			padding: 0 0 0.2em 0;
			}
	ul.circle {
		margin: 0 0 1em 0;
		padding: 0 0 0 1.5em;
		}
		ul.circle li {
			list-style: circle;
			padding: 0 0 0.2em 0;
			}
ul.padded li {
		padding: 0 0 0.4em 0;
		}
	ul.xtraPadded li {
		padding: 0 0 1em 0;
		}
	ul.floated li {
		float: left;
		padding-right: 10px;
		}
	dl.padded dd {
		padding: 0 0 0.4em 0;
		}

th {
	text-align: right;
	}
	
address {
	font-style: normal;
	margin-left: 10px;
	}
		

/* ----------------------------------------------------

HEADER STYLES

---------------------------------------------------- */

#accessibility {
	position: absolute;
	left: 0px;
	top: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}

#headerWrapper {
	/*background-color: #1585DB;*/
	/*border-bottom: 2px solid #c81c00;*/
	min-width: 980px;
	}
	#header {
		background-color: #dbe5ec;
		border-bottom: 2px solid #78abcf;
		width: 960px;
		padding: 0 10px;
		margin: 0 auto;
		clear: both;
		position: relative;
		}
		body.specialPage #header {
			height: 60px;
			overflow: hidden;
			}

#logo {
	text-indent: -9999px;
	overflow: hidden;
	color: white;
	width: 220px;
	height: 63px;
	background: url(../images/lgo-nt-soft.png) no-repeat left top;
	float: left;
	margin: 5px 0 5px 1px;
	}
	#logo:hover {
		width: 220px;
		}

#userMenu {
	padding: 8px 8px 0 0;
	height: 44px;
	width: 292px;
	float: right;
	background: url(../images/interface/user_menu_bg.gif) right bottom;
	color: #888;
	line-height: 1.47em;
	font-size: 0.91em;
	}
	#userMenu p {
		text-align: right;
		float: right;
		margin: 0;
		}
	#userMenu img {
		float: right;
		width: 40px;
		height: 30px;
		border: 2px solid #ddd;
		margin-left: 6px;
		}
	#userMenu a {
		text-decoration: none;
		color: #454545;
		}
		#userMenu a:hover {
			text-decoration: underline;
			}
		#userMenu a:hover img {
			border-color: #aaa;
			}
		#userMenu a.userLogout {
			color: #454545;
			}
	#shortcuts {
		background: url(../images/interface/user_menu_bg.gif) no-repeat 0px top;
		float: right;
		padding: 8px 0;
		padding: 8px 0 0 0;
		height: 44px;
		}
		#shortcuts ul {
			border-right: 1px dotted #555;
			}
			#shortcuts li {
				float: left;
				}
				#shortcuts li a {
					display: block;
					overflow: hidden;
					text-indent: -9999px;
					height: 28px;
					width: 28px;
					margin: 5px 5px 3px 5px;
					background-repeat: no-repeat;
					}
					#shortcuts li a:hover {
						background-position: left 1px;
						}
					#shortcuts .contactList a { background-image: url(../images/interface/dock_contactlist.gif); }
					#shortcuts .applicationList a { background-image: url(../images/interface/outil.png); }
					#shortcuts .facebook a { background-image: url(../images/interface/addfacebook.gif); }
					#shortcuts .delicious a { background-image: url(../images/interface/delicious.png); }



					#shortcuts #shortcutsManage {
						background: url(../images/interface/dock_manage.png) no-repeat 5px 0;
						margin-right: 2px;
						margin-left: 0;
						}
						#shortcuts #shortcutsManage:hover {
							background-position: 5px -28px;
							}
		#shortcutsLink {
			float: left;
			overflow: hidden;
			text-indent: -9999px;
			height: 36px;
			width: 20px;
			background: url(../images/interface/dock_expand.gif) no-repeat;	
			}
			.expanded #shortcutsLink {
				width: 25px;
				background: url(../images/interface/dock_expand.gif) no-repeat left bottom;
				}
		
/* userMenu loggedOut */

.loggedOut #userMenu {
	width: auto;
	height: 40px;
	padding-top: 4px;
	}
	.loggedOut #userMenu label  {
		color: #454545;
		}
	.loggedOut #userMenu input  {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		padding: 1px 3px;
		margin: 8px 5px 9px 3px;
		}
		#headerLoginButton {
			color: #fff;
			background: #666;
			border: 0;
			font-weight: bold;
			}

	#userMenuExtension {
		font-size: 0.91em;
		background: url(../images/interface/user_menu_bg.gif) no-repeat left bottom;
		float: right;
		padding: 8px 0;
		}
		#userMenuExtension li {
			float: left;
			height: 28px;
			padding-right: 3px;
			margin-right: 3px;
			border-right: 1px dotted #555;
			}
		#userMenuExtension a {
			color: #3B5998;
			display: block;
			padding: 3px 3px;
			}
			#userMenuExtension .languageChoice {
				background: url(../images/interface/user_menu_globe.gif) no-repeat left bottom;
				padding-left: 20px;
				margin-left: 10px;
				}							
#search {
	clear: right;
	float: right;
	margin: 12px 0 3px;
	position: relative;
	}
	#search #q {
		width: 214px;
		height: 14px;
		padding: 3px 6px 3px 21px;
		border: 0;
		background: #fff url(../images/interface/search_icon.gif) no-repeat 3px 2px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		margin: 0;
		}
	#search #submit {
		margin: 0;
		padding: 2px 3px;
		font-weight: bold;
		background: #bbb;
		border: 0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		}
	.loggedOut #search{
		margin-top: 20px;
		}
	.searchSuggestions {
		position: absolute; 
		z-index: 10;
		overflow-y: hidden;
		}
	.searchSuggestions.autocompleterResults {
		overflow-y: hidden;
		}
		.searchSuggestions.autocompleterResults li {
			padding: 0;
			}	
			.searchSuggestions li a {
				display: block;	
				padding: 5px 4px 4px;
				text-decoration: none;	
				}
				.searchSuggestions li a:hover,
				.searchSuggestions li a.active {
					background: #E5EFFF;
					}
			
#menuPrimary {
	font-size: 1.19em;
	clear: left;
	}
	#menuPrimary li {
		float: left;
		margin: 2px 2px 0 0;
		}
		#menuPrimary li.selected {
			margin-top: 0;
			}
	#menuPrimary a {
		text-decoration: none;
		color: #454545;
		padding-right: 10px;
		display: block;
		background-color: #eee;
		}
		#menuPrimary li.last a {
			background: url(../images/interface/menu_primary_bg.gif) right 80px;
			}
			#menuPrimary li.selected a {
				background: #f90000 url(../images/interface/menu_primary_bg.gif) right top !important;
				color: white;
				}
	#menuPrimary strong {
		display: block;
		padding: 7px 0 7px 10px;
		}
		#menuPrimary li.first strong {
			background: url(../images/interface/menu_primary_bg.gif) left 80px;
			}
		#menuPrimary li.selected strong {
			background: #f90000 url(../images/interface/menu_primary_bg.gif) left top !important;
			padding: 8px 0 8px 10px;
			}
		#menuPrimary a:hover {
			color: #454545;
			background: #fff;
			}
			#menuPrimary li.last a:hover {
				background-position: right 40px;
				}
			#menuPrimary li.first a:hover strong {
				background-position: left 40px;
				}
		
	#menuPrimary span {
		color: #fff;
		background: #f00;
		padding: 3px 5px 1px 5px;
		font-size: 0.83em;
		line-height: 1em;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		}
		#menuPrimary li.selected span {
			color: #f99;
			background: none;
			}


/* ----------------------------------------------------

FOOTER STYLES

---------------------------------------------------- */
	

	#footer {
		background: #BBBBBB url(../images/interface/menu_footer_bg.png) repeat-x left top;
		text-align: center;
		width: 960px;
		height: 18px;
		padding: 4px 10px 0 10px;
		margin: 10px auto;
		font-size:0.91em;
		line-height:1em;
		clear: both;
		border: 1px solid #1585DB;
		}
		
	#footer a {
		text-decoration: none;
		color: #454545;
	}
	#footer a:hover {
		text-decoration: underline;
		color: #454545;
	}

/* ----------------------------------------------------

CONTENT BLOCKS

---------------------------------------------------- */

#contentWrapper {
	/*background: white url(../images/interface/menu_secondary_bg.png) repeat-x left top;*/
	min-width: 980px;
	}
	body.news #contentWrapper,
	body.directory #contentWrapper,
	body.directory2 #contentWrapper,
	body.contests #contentWrapper,
	body#home.downloads #contentWrapper,
	body.shop #contentWrapper,
	body.search #contentWrapper,
	body.helpdesk #contentWrapper,
	body.register #contentWrapper,
	body.remove #contentWrapper,
	body.specialPage #contentWrapper,
	body.login #contentWrapper,
	body.collectbirthdaygift #contentWrapper,
	body#home.statistics #contentWrapper,
	body#clan #contentWrapper,
	body#apps #contentWrapper,
	body.visitingflood #contentWrapper,
	body.nomail #contentWrapper {
		background: white;
		padding-top: 10px; /* prevent leaderboard sticking to header */
		}

#content {
	background-color: #fff;
	width: 960px;
	padding: 0 10px 60px 10px;
	margin: 0 auto;
	border-right: 1px solid #dedede;
	border-left: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	clear: both;
	}
	.contentRectangleLeft {
		float: left;
		width: 640px;
		}
	.contentRectangleRight {
		float: right;
		width: 300px;
		border: 0px solid #000;
		}
	.contentSkyscraperLeft {
		float: left;
		width: 780px;
		}
	.contentSkyscraperRight {
		float: right;
		width: 160px;
		}
	.contentSmall {
		width: 800px;
		margin: 0 auto;
		}

	.contentSideBox {
		background: #e9e9e9;
		padding: 10px;
		margin-bottom: 20px;
		overflow: hidden;
		}
	#dialog .contentSideBox {
		background-color: transparent;
		}
		
.halfColumnLeft {
	float: left;
	width: 300px;
	padding: 10px 20px 10px 0;
	border-right: 1px solid #ddd;
	}
.halfColumnRight {
	float: right;
	width: 300px;
	padding: 10px 0;
	}
	

.left {
	float: left;
	}
.right {
	float: right;
	}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
		
	
/* Secondary Menu */

#menuSecondary {
	background: white url(../images/interface/menu_secondary_bg.png) repeat-x left top;
	font-size: 0.91em;
	margin: 0 -10px 20px -10px;
	line-height: 1em;
	}
	#menuSecondary li {
		float: left;
		}
	#menuSecondary a {
		padding-right: 12px;
		float: left;
		text-decoration: none;
		color: #333;
		cursor: pointer;
		}
	#menuSecondary strong {		
		padding: 13px 0 0 12px;
		height: 21px;
		float: left;
		font-weight: normal;
		}
	#menuSecondary a:hover {
		background: #ddd url(../images/interface/menu_secondary_tab.png) right 34px;
		color: #000;
		}
		#menuSecondary a:hover strong {
			background: #ddd url(../images/interface/menu_secondary_tab.png) left 34px;
			}
		#menuSecondary li.selected a {
			background: #fff url(../images/interface/menu_secondary_tab.png) right -6px;
			color: #f95415;
			}
			#menuSecondary li.selected a:hover {
				background: #fff url(../images/interface/menu_secondary_tab.png) right -6px;
				color: #333;
				}
		#menuSecondary li.selected a strong,
		#menuSecondary li.selected a:hover strong {
			background: url(../images/interface/menu_secondary_tab.png) left -6px;
			}

	#menuSecondary #personalHomeArrow {
		display: block;
		overflow: hidden;
		float: left;
		text-indent: -9999px;
		width: 16px;
		height: 16px;
		background: url(../images/interface/personalHomeArrow.gif) no-repeat;
		margin: 12px 0 0 6px;
		border: 1px solid #E4E4DF;
		}
		#menuSecondary #personalHomeArrow.hover {
			background: url(../images/interface/personalHomeArrow_over.gif) no-repeat;
			border-color: #fff;
			}	


/* filter */

form.filter, div.filter {
	margin: 0 0 20px 0;
	padding: 15px;
	background: #B0CBEB url(../images/interface/filter_bg.gif) repeat-x ;
	color: #293548;
	border-top: 1px solid #d2d8e1;
	border-left: 1px solid #d2d8e1;
	border-bottom: 1px solid #bcc3cd;
	border-right: 1px solid #bcc3cd;
	}
	.filter fieldset {
		margin-bottom: 1.5em;
		padding-left: 15px;
		}
	.filter a {
		color: #369;
		}
	.filter h2 {
		color: #465670;
		margin-bottom: 0.5em;
		}
	.filter hr {
		margin-bottom: 20px;
		background: #BAC8DD;
		color: #BAC8DD;
		}
	.filter #countrySelect,
	.filter #regionSelect {
		max-width: 240px;
		}
	.filter #resetFilter {
		background: #ddd;
		border: 1px outset #ddd;
		padding: 3px 7px;
		color: #222;
		text-decoration: none;
		}
		.filter #resetFilter:active {
			border-style: inset;
			}
		
	.filter .selectAll span {
		background: #90aecc;
		float: left;
		margin-bottom: 3px;
		padding: 1px 7px 2px 0;
		}
		
	.filterProfile .description {
		width: 290px;
		float: left;
		padding: 0;
		}
	.filterProfile .who {
		float: left;
		width: 320px;
		margin: 0 0 0 13px;
		border-left: 1px solid #7389a9;
		min-height: 120px;
		}
	.filterProfile .where {
		float: left;
		width: 260px;
		margin: 0 0 0 13px;
		border-left: 1px solid #7389a9;
		min-height: 120px;
		}
	.filterProfile th {
		text-align: right;
		vertical-align: top;
		padding: 5px 5px 0 0;
		}
	.filterProfile td {
		vertical-align: top;
		}

/* Usertips
------------------------------------------------------------ */

#communityWarning, #usertips {
	padding: 4px 0 5px 0;
	background-color: #c81c00;
	}
	#communityWarning div, #usertips div {
		margin: 0 auto;
		width: 960px;
		color: #fff;
		}
	#communityWarning p, #usertips p {
		margin: 0;
		}
	#communityWarning a, #usertips a {
		color: #fff;
		}
	#usertips #usertips_close {
		float: right;
		width: 14px;
		height: 14px;
		background: url(../images/interface/usertips_close.gif) no-repeat;
		margin-top: 5px;
		text-indent: -999px;
		overflow: hidden;
		}


/* Javascript error messages
------------------------------------------------------------ */
#javascriptError {
	background-color:#C81C00;
	left:0;
	padding:4px 0 5px;
	position:fixed;
	top:0;
	width:100%;
	z-index:9999;
}
	#javascriptError div {
		margin: 0 auto;
		width: 960px;
		color: #fff;
		}
	#javascriptError p {
		margin: 0;
		}
	#javascriptError a {
		color: #fff;
		}
	#javascriptErrorCloseButton {
		float: right;
		width: 14px;
		height: 14px;
		background: url(../images/interface/usertips_close.gif) no-repeat;
		margin-top: 5px;
		text-indent: -999px;
		overflow: hidden;
		}



/* ----------------------------------------------------

COMMON STYLES

---------------------------------------------------- */


/* Status messages
------------------------------------------------------------ */

div.error,
div.success,
div.successloading,
div.info,
div.warning,
div.secure,
div.unavailable,
div.attention,
div.tip,
div.spotlightMessage {
	clear: right;
	padding: 10px 20px 10px 40px;
	margin: 0 auto 20px auto;
	color: #000;
	background-repeat: no-repeat;
	background-position: 9px 7px;
	}
	* html div.error, * html div.success, * html div.successloading, * html div.info, * html div.warning, * html div.secure {
		height: 1%;
		}
	div.error a,
	div.success a,
	div.successloading a,
	div.info a,
	div.warning a,
	div.secure a,
	div.attention a,
	div.tip a {
		color: #369;
		}
	div.error ul,
	div.success ul,
	div.successloading ul,
	div.info ul,
	div.warning ul,
	div.secure ul,
	div.unavailable ul,
	div.attention ul,
	div.tip ul {
		margin: 0 0 0 20px;
		}
		div.error li,
		div.success li,
		div.successloading li,
		div.info li,
		div.warning li,
		div.secure li,
		div.unavailable li,
		div.attention li,
		div.tip li {
			list-style: circle;
			}
		
	div.info {
		background-color: #E5EFFF;
		background-image: url(../images/interface/info.png);
		}
	div.success {
		background-color: #E5F4E5;
		background-image: url(../images/interface/succes.png);
		}
	div.successloading {
		background-color: #E5F4E5;
		background-image: url(../images/interface/loader.gif);
		}		
	div.warning {
		background-color: #FFECCC;
		background-image: url(../images/interface/warning.png);
		}
	div.error {
		background-color: #FFD9D9;
		background-image: url(../images/interface/error.png);
		}
	div.tip {
		background-color: #FFF5BD;
		background-image: url(../images/interface/tip.png);
		background-position: 0 0;
		padding: 15px 10px 15px 43px;
		}

	div.unavailable {
		background-image: url(../images/interface/unavailable_icon.gif);
		background-color: #edf4f8;
		color: #294b6e;
		}
	div.attention {
		background: #ffffe9 url(../images/interface/attention_bg.gif) repeat-x;
		background-position: top left;
		border: 1px solid #ecda6e;
		color: #3b3615;
		padding-left: 15px;
		}
	div.secure {
		background-color: #f3f3f3;
		color: #333;
		}
		
	div.error a.dismiss, div.tip a.dismiss, div.success a.dismiss, div.successloading a.dismiss, div.info a.dismiss, div.warning a.dismiss, div.secure a.dismiss {
		float: right;
		text-decoration: none;
		margin: 0 -6px 3px 10px;
		background: url(../images/interface/close.png) no-repeat left center;
		padding: 0 0 0 15px;
		color: #777;
		}
		div.tip a.dismiss {
			margin-right: 4px;
			}
	div.success a.undo, div.info a.undo {
		text-decoration: none;
		padding: 2px 4px;
		color: #fff;
		background: #41af2e;
		}
	div.spotlightMessage {
		padding-left: 35px; 
		background: #DD0000 url(../images/interface/spotlight_alt.png) no-repeat 10px 10px;
		color: #fff;
		}
		div.spotlightMessage a {
			color: #fff;
			}
		

/* Paging
------------------------------------------------------------ */

p.paging {
	font-weight: bold;
	clear: both;
	}
	div.pagingTop {
		margin: 0 0 15px 0;
		text-align: right;
		}
		div.pagingTop hr {
			margin: 0.6em 0 0 0;
			}
	div.pagingBottom {
		margin: 5px 0 30px 0;
		text-align: right;
		}
	div.paging span {
		float: left;
		margin-left: 0.4em;
		padding: 2px 0;
		}
	.paging a {
		text-decoration: none;
		padding: 2px 5px;
		}
		body#clan .paging a,
		body#explore .paging a,
		body#friends .paging a,
		body#home .paging a,
		body#logs .paging a,
		body#manage .paging a,
		body#messages .paging a {
			border: 1px solid #ddd;
			background: #fff;
			}
		body#clan .paging a:hover,
		body#explore .paging a:hover,
		body#friends .paging a:hover,
		body#home .paging a:hover,
		body#logs .paging a:hover,
		body#manage .paging a:hover,
		body#messages .paging a:hover {
			background-color: #369;
			color: #fff;
			}
		.paging a.next,
		.paging a.previous,
		.paging a.last,
		.paging a.first {
			border: none;
			padding: 2px 3px;
			}
	.paging strong {
		padding: 2px 5px;
		}
		body#clan .paging strong,
		body#explore .paging strong,
		body#friends .paging strong,
		body#home .paging strong,
		body#logs .paging strong,
		body#manage .paging strong,
		body#messages .paging strong {
			color: #f00;
			}
		
		

/* Avatars
------------------------------------------------------------ */

div.avatar {
	float: left;
	width: 80px;
	position: relative;
	text-align: center;
	font-size: 10px;
	overflow: hidden;
	margin: 0 5px;
	}
	div.avatar .nickname {
		text-decoration: none;
		display: block;
		border-bottom: 2px solid #ccc;
		width: 76px;
		padding: 0 2px;
		overflow: hidden;
		}
		div.avatar a.nickname:hover,
		div.avatar:hover a.nickname {
			border-bottom: 2px solid #F1F1F1;
			text-decoration: none;
			}
	div.avatar .imageWrap {
		display: block;
		height: 60px;
		overflow: hidden;
		background: #bbb;
		}
		div.avatar.male .imageWrap {
			border-top: 2px solid #68BEFF;
			}
		div.avatar.female .imageWrap {
			border-top: 2px solid #FF9FC4;
			}
		div.avatar.genderless .imageWrap {
			margin-top: 2px;
			}
			div.avatar.male a.imageWrap:hover,
			div.avatar.male:hover a.imageWrap {
				border-top: 2px solid #00A6FF;
				}
			div.avatar.female a.imageWrap:hover,
			div.avatar.female:hover a.imageWrap {
				border-top: 2px solid #FF6795;
				}
		
			div.avatar.online .nickname,
			div.avatar.online a.nickname:hover,
			div.avatar.online:hover a.nickname {
				border-bottom: 2px solid #11E600;
				}
			div.avatar.busy .nickname,
			div.avatar.busy a.nickname:hover,
			div.avatar.busy:hover a.nickname,
			div.avatar.brb .nickname,
			div.avatar.brb a.nickname:hover,
			div.avatar.brb:hover a.nickname,
			div.avatar.phone .nickname,
			div.avatar.phone a.nickname:hover,
			div.avatar.phone:hover a.nickname {
				border-bottom: 2px solid #E6C612;
				}
			div.avatar.away .nickname,
			div.avatar.away a.nickname:hover,
			div.avatar.away:hover a.nickname,
			div.avatar.lunch .nickname,
			div.avatar.lunch a.nickname:hover,
			div.avatar.lunch:hover a.nickname,
			div.avatar.invisible .nickname,
			div.avatar.invisible a.nickname:hover,
			div.avatar.invisible:hover a.nickname {
				border-bottom: 2px solid #F04834;
				}
	div.avatar .age {
		position: absolute;
		top: 43px;
		right: 3px;
		background: #666;
		color: #fff;
		padding: 2px;
		line-height: 1em;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}
		div.avatar.male .age {
			background: #00A6FF;
			top: 45px;
			}
		div.avatar.female .age {
			background: #FF6795;
			top: 45px;
			}

	div.avatar.drag {
		cursor: move;
		}
	div.avatar.small,
	div.avatar.small img {
		width: 40px;
		}
		div.avatar.small .imageWrap,
		div.avatar.small img {
			height: 30px;
			}
	div.avatar.medium,
	div.avatar.medium img {
		width: 48px;
		}
		div.avatar.medium .imageWrap,
		div.avatar.medium img {
			height: 36px;
			}
	div.avatar.music,
	div.avatar.music img {
		width: 56px;
		}
		div.avatar.music .imageWrap,
		div.avatar.music img {
			height: 42px;
			}
	div.avatar.messages,
	div.avatar.messages img {
		width: 30px;
		padding: 0;
		}
		div.avatar.messages .imageWrap,
		div.avatar.messages img {
			height: 23px;
			}

	div.avatar .person {
		background: #F1F1F1 url(../images/interface/avatar_nickname_bg.png) repeat-x bottom;
		color: #333 !important;
		}
		div.avatar a.person:hover,
		div.avatar:hover a.person {
			background: #F1F1F1;
			border-color: #F1F1F1;
			}
	div.avatar .brand {
		background: #000 url(../images/interface/avatar_brand_bg.png) repeat-x;
		color: #fff !important;
		}
		div.avatar a.nickname.brand {
			border-color: #000 !important;
			}	
		div.avatar a.brand:hover,
		div.avatar:hover a.brand {
			background: #000;
			}
		
/* AD styles
---------------------------------------------------- */

.adLeaderboard {
	width: 728px;
	margin: 0 10px 10px 10px;
	}
	.adLeaderboardTop {
		margin-top: 10px;
		}
	.adLeaderboardBottom {
		clear: both;
		padding-top: 30px;
		margin-bottom: 0;
		}
	.adLeaderboardFooter { 
		float: right; 
		margin: 10px 0 0 0; 
		width: 730px; 
		} 
	.adLeaderboard iframe {
	 	width: 728px;
		margin-bottom: 20px;
		border: 0;
		} 
.adRectangle {
	width: 300px;
	margin: 0 0 20px 0;
	}
.adSkyscraper {
	width: 160px;
	padding: 0 0 20px 0;
	}
	.adSkyscraper img {
		display: block;
		margin: 0 auto;
		}
.adMiniSkyscraper {
	width: 120px;
	height: 240px;
	margin: 0 0 20px 0;
	}

.adMiniBrandButton {
	margin-right: 2px;
	width: 142px;
	}
.adMaxiBrandButton {
	
	}
.adBrandButton {
	padding: 2px;
	border: 1px solid #ccc;
	margin-top: -43px;
	float: left;
	}
body.personalhomepage .adBrandButton {
	padding: 2px;
	border: 1px solid #ccc;
	margin-top: 0;
	margin-bottom: 20px;
	float: left;
	}
.adButton {
	width: 230px;
	margin: 0 auto;
	}

/* brandbuttons square */

.adhese {
	width: 142px;
	border: 1px solid #ccc;
	float: left;
	margin: 3px;
	} /*---- temp class-------*/
	
.adBrandButtonSquare {
	width: 142px;
	border: 1px solid #ccc;
	float: left;
	margin: 3px;}
	
.adBrandButtonSquareWrapper {
	width: 300px;
	margin-bottom: 10px;
	}
		
#splashWrap {
	padding-top: 20px;
	text-align: center;
	}

.adOneDotCom {
	float: right;
	width: 300px;
	text-align: center;
	margin: -10px 0 10px 0;
	line-height: 1em;
	font-size: 0.93em;
	}
	
.adBorder {
	border: 1px solid #ccc;
	padding: 5px 10px;
	}
	
table td.adInLogs {
	padding-top: 7px;
	padding-bottom: 6px ;
	}
	
.adInLogsCaption {
	float: right;
	line-height: 14px; 
	padding: 2px;
	font-size: 9px;
	color: #fff;
	background-color: #ccc;
	}
	

/* Wallpaper ads */
.adSuperLeaderboard {
	margin: 0 -10px 15px -10px;
	}
	
.adWallpaper #contentWrapper {
	background-color: transparent;
	}
	.adWallpaper #content {
		background: #fff url(../images/interface/menu_secondary_bg.png) repeat-x;
		}
		.adWallpaper #menuSecondary {
			margin-bottom: 0;
			}

/* Buttons
------------------------------------------------------------ */

a.button {
	float: right;
	padding: 0px 10px 0px 28px;
	font-weight: bold;
	text-decoration: none;
	margin-left: 7px;
	height:18px;
	font-size:90%
	}

	a.filter {
		background: transparent url(../images/interface/filter.png) no-repeat;
		border: 1px solid #a9bbd8;
		border-top: 1px solid #cedcf2;
		border-left: 1px solid #cedcf2;
		color: #8b9eca;
		}
		a.filter:hover {
			background-position: 0 -18px;
			color:#fff;
			}
		
	
	a.previewProfile,
	.previewing a.previewProfile:hover {
		background: url(../images/interface/preview.png) no-repeat;
		border: 1px solid #d9b4b4;
		border-top: 1px solid #d9b4b4;
		border-left: 1px solid #d9b4b4;
		color: #ff0000 !important;
		padding-left: 26px;
		}	
		a.previewProfile:hover,
		.previewing a.previewProfile {
			background-position:0 -18px;
			color: #fff !important;
			}

		.previewing a.previewProfile {
			background-position:0 -18px;
			color: #fff;
			}
		.previewing a.previewProfile:hover {
			background: transparent url(../images/interface/preview.png) no-repeat;
			color: #dd0000;
			}

	a.feed {
		background: #ececed url(../images/interface/feed.png) no-repeat;
		padding-left: 24px;
		color: #f69514 !important;
		border: 1px solid #ddcba8;
		border-top: 1px solid #ecddc0;
		border-left: 1px solid #ecddc0;
		}
		a.feed:hover {
			background-position:0 -18px;
			color: #fff !important;
			}
	
	a.slideshow {
		background: #ececed url(../images/interface/slideshow.png) no-repeat;
		padding-left: 45px;
		color: #6CB70B !important;
		border: 1px solid #b5db85;
		border-top: 1px solid #b5db85;
		border-left: 1px solid #b5db85;
		}
	a.quitSlideshow {
		background: #ececed url(../images/interface/quitSlideshow.png) no-repeat;
		padding-left: 34px;
		color: #6CB70B !important;
		border: 1px solid #b5db85;
		border-top: 1px solid #b5db85;
		border-left: 1px solid #b5db85;
		}
		a.slideshow:hover,
		a.quitSlideshow:hover {
			background-position:0 -18px;
			color: #fff !important;
			}
			
	a.blogAlign {
		position: relative;
		clear: both;
		top: 28px; /*fix for rss button next to h2*/
		}
	
	a.ical {
		background: #ececed url(../images/interface/ical.png) no-repeat;
		padding-left: 24px;
		color: #d22 !important;
		border: 1px solid #d88;
		border-top: 1px solid #fcc;
		border-left: 1px solid #fcc;
		}
		a.ical:hover {
			background-position:0 -18px;
			color: #fff !important;
			}
		
	a.manageProfile {
		background: #ececed url(../images/interface/manage.png) no-repeat;
		padding-left: 24px;
		border: 1px solid #ddcba8;
		border-top: 1px solid #ecddc0;
		border-left: 1px solid #ecddc0;
		color: #eca80a !important;
		}
		a.manageProfile:hover {
			background-position:0 -18px;
			color:#fff !important;
			}
			
	a.refreshXML {
		background: #ececed url(../images/interface/refresh.png) no-repeat;
		padding-left: 24px;
		border: 1px solid #b5db85;
		border-top: 1px solid #b5db85;
		border-left: 1px solid #b5db85;
		color: #6CB70B !important;
		}
		a.refreshXML:hover {
			background-position:0 -18px;
			color:#fff !important;
			}
		
	a.moderate {
		background: #eeeeee url(../images/interface/moderate.png) no-repeat;
		padding-left: 8px;
		color: #8c8c8c;
		border: 1px solid #ccc;
		}
		a.moderate:hover {
			background-position:0 -18px;
			color:#fff !important;
			}
		
	a.search {
		background: #ececed url(../images/interface/search.png) no-repeat;
		border: 1px solid #ddcba8;
		border-top: 1px solid #ecddc0;
		border-left: 1px solid #ecddc0;
		color: #eca80a;
		padding-left: 25px;
		}
		a.search:hover {
			color:#fff;
			background-position:0 -18px;
			}
	
	a.buttonStatistics {
		background: #e6e6e6 url(../images/interface/statistics.png) no-repeat;
		padding-left: 45px;
		border: 1px solid #ccc;
		color: #A0A0A0 !important;
		padding:0 10px 0 28px;
		}
	a.buttonStatistics:hover {	
		background-color: #B3B3B3;	
		color: #fff !important;
		background-position:0 -18px;
		}
		

/* iconized linkie-winkies
------------------------------------------------------------ */

.addItem {
	padding: 0 0 0 20px;
	background: url(../images/interface/add.png) no-repeat;
	}
	
.addToHomepage {
	background: #F2F2F2 url(../images/interface/addToHomepage.png) no-repeat center 0;
	border: 1px solid #ddd;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: block;
	overflow: hidden;
	text-indent: -9999px; 
	width: 39px;
	height: 19px;
	padding: 0 5px 0 4px;
	}
	.addToHomepage:hover {
		background-position: center -20px;
		border-color: #ccc;
		}	
	
a.deleteItem {
	padding: 0 0 0 20px;
	background: url(../images/interface/delete.png) no-repeat;
	}
a.removeItem {
	padding: 0 0 0 20px;
	background: url(../images/interface/remove.png) no-repeat;
	}
a.manage {
	padding: 0 0 0 20px;
	background: url(../images/interface/manage.png) no-repeat;
	}
a.refresh {
	padding: 0 0 0 20px;
	background: url(../images/interface/refresh.png) no-repeat;
	}
a.spotlight {
	padding: 0 0 0 20px;
	background: url(../images/interface/spotlight.png) no-repeat;
	}
a.statistics {
	padding: 0 0 0 20px;
	background: url(../images/interface/statistics.png) no-repeat;
	}
.checkItem {
	padding: 0 0 0 20px;
	background: url(../images/interface/check.png) no-repeat;
	}
.warningItem {
	padding: 0 0 0 20px;
	background: url(../images/interface/warning.png) no-repeat;
	}
a.denyItem {
	padding: 0 0 0 20px;
	background: url(../images/interface/deny.png) no-repeat;
	}
a.setItem {
	padding: 0 0 0 20px;
	background: url(../images/interface/set.png) no-repeat;
	}
a.tweak,
a.settings {
	padding: 0 0 1px 20px;
	background: url(../images/interface/wrench.png) no-repeat;
	}
a.logs {
	padding: 0 0 1px 20px;
	background: url(../images/interface/logs.png) no-repeat;
	}
a.messages {
	padding: 0 0 0 20px;
	background: url(../images/interface/message.png) no-repeat;
	}
a.friends {
	padding: 0 0 0 20px;
	background: url(../images/interface/friends.png) no-repeat;
	}
a.photos {
	padding: 0 0 0 20px;
	background: url(../images/interface/photo.png) no-repeat;
	}
a.videos {
	padding: 0 0 0 20px;
	background: url(../images/interface/video.png) no-repeat;
	}
a.blogs {
	padding: 0 0 0 20px;
	background: url(../images/interface/blog.png) no-repeat;
	}
a.events {
	padding: 0 0 0 20px;
	background: url(../images/interface/event.png) no-repeat;
	}
a.music {
	padding: 0 0 0 20px;
	background: url(../images/interface/music.png) no-repeat;
	}
a.polls {
	padding: 0 0 0 20px;
	background: url(../images/interface/poll.png) no-repeat;
	}
a.links {
	padding: 0 0 0 20px;
	background: url(../images/interface/links.png) no-repeat;
	}
a.user {
	padding: 0 0 0 20px;
	background: url(../images/interface/user.png) no-repeat;	
	}
a.embed {
	padding: 1px 0 0 20px;
	background: url(../images/interface/wrench.png) no-repeat;	
	}
a.postcard {
	padding: 0 0 0 20px;
	background: url(../images/interface/postcard.png) no-repeat;	
	}
a.setAvatar {
	padding: 0 0 0 20px;
	background: url(../images/interface/avatar.png) no-repeat;	
	}
a.brands {
	padding: 0 0 0 20px;
	background: url(../images/interface/brands.png) no-repeat;	
	}
a.apps {
	padding: 0 0 0 20px;
	background: url(../images/interface/app.png) no-repeat;	
	}
		
a.photonote{
	padding: 0 0 0 20px;
	background:url(../images/interface/photo_note.png) no-repeat;
	}
a.nicknameLink {
	padding: 0 0 0 20px;
	background:url(../images/interface/user.png) no-repeat;	
	}
	
a.iconized {
	display: block;
	width: 16px;
	text-indent: -9999px;
	overflow: hidden;
	}
	
a.actionLink {
	margin-left: 10px;
	}
	

/* other common classes
------------------------------------------------------------ */

p.more {
	text-align: right;
	font-size: 0.91em;
	}
	p.more a {
		padding-right: 10px;
		background: url(../images/interface/arrow_more_alt.png) no-repeat right 5px;
		}

.hide,
body.yesJS .hideIfJavascript,
body.noJS .hideIfNoJavascript {
	display: none;
	}
	
.center {
	text-align: center;
	}
	
.textAlign {
	display: block;
	}
	.textAlignLeft {
		text-align: left;
		}
	.textAlignRight {
		text-align: right;
		}
	.textAlignCenter {
		text-align: center;
		}
	
.clearBoth {
	clear: both;
	}

a.swapUnderline,
.swapUnderline a {
	text-decoration: none;
	}
	a.swapUnderline:hover,
	a.swapUnderline:hover *,
	.swapUnderline a:hover {
		text-decoration: underline;
		}
		
.empty {
	font-style: italic;
	color: #777;
	}
	div.empty {
		padding: 15px;
		text-align: center;
		}
	ul.empty {
		list-style: disc;
		margin: 0 0 2em 0;
		padding: 0 0 0 2em;
		}
	
.dimmed {
	color: #777;
	}

.counter {
	background: #666;
	font-weight: bold;
	color: #fff;
	padding: 1px 3px 2px;
	margin: 0 3px;
	}
	h2 .counter,
	h3 .counter {
		padding: 3px 6px 2px 5px;
		}
	.counter a {
		text-decoration: none;
		color: #fff;
		}
		
span.personalItem {
	width: 14px;
	height: 14px;
	position: absolute;
	top: 2px;
	right: 4px;
	background: url(../images/interface/personal_item.png) no-repeat;
	}
span.privateItem {
	width: 14px;
	height: 14px;
	position: absolute;
	top: 2px;
	right: 4px;
	background: url(../images/interface/private_item.png) no-repeat;
	}
	
#profile span.privatePhoto
{
	background: url(../images/interface/private_item.png) no-repeat left 2px;
	padding: 0 0 0 20px;
}

#profile span.personalPhoto
{
	background: url(../images/interface/personal_item.png) no-repeat left 2px;
	padding: 0 0 0 20px;
}
	
.personal {
	background: url(../images/interface/personal_item.png) no-repeat left center;
	padding: 0 0 0 20px;
	}

.tags {
	margin: 0.5em 0;
	font-size: 0.9em;
	float: right;
	}
	.tags a {
		margin-left: 0.2em;
		padding: 0 5px 1px;
		background-color: #eee;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		text-decoration: none;
		}
		.tags span {
			color: #1585db;
			margin-left: 0.2em;
			padding: 0 5px 1px;
			background-color: #eee;
			-webkit-border-radius: 7px;
			-moz-border-radius: 7px;
			text-decoration: none;
			}
			.tags a.selected {
				text-decoration: none;
				background: #369;
				color: #fff;
				}
			
span.balloonQuote {
	background: #f1f1f1 url(../images/interface/bg_balloonquote.png) no-repeat top left;
	display: block;
	padding: 12px 8px 6px 8px;
	color: #444;
	}

span.quote {
	background: #f1f1f1 url(../images/interface/quote_bg.gif) no-repeat;
	display: block;
	padding: 2px 8px 6px 8px;
	color: #29525D;
	}
	span.quote span.quote {
		margin: 0 0 0 10px;
		padding: 0 0 0 5px;
		border-left: 1px dotted #70a0cf;
		background: none;
		}
	span.quote strong {
		line-height: 20px;
		color: #369;
		}
		span.quote strong a {
			color: #369;
			text-decoration: none;
			}
			span.quote strong a:hover {
				text-decoration: underline;
				}
			span.quote strong a.toggleQuote {
				display: block;
				float: left;
				text-decoration: none;
				width: 15px;
				text-align: center;
				}
				span.quote strong a.toggleQuote:hover {
					text-decoration: none;
					}

img.smiley {
	vertical-align: middle;
	}

img.captcha {
	width: 200px;
	height: 50px;
	margin-bottom: 5px;
	}
#captchaInputField {
	text-transform: uppercase;
	}
	.trustCaptcha img.captcha {
		float: left;
		margin-right: 10px;
		}
	.trustCaptcha #captchaInputField {
		clear: both;
		display: block;
		}

a.toggle {
	background: url(../images/interface/toggle_more.gif) no-repeat left center;
	padding: 0 0 0 14px;
	text-decoration: none;
	}
	a.toggle:hover {
		text-decoration: underline;
		}
	a.toggleOpen {
		background-image: url(../images/interface/toggle_more_toggled.gif);
		}
ul.pageSort {
	margin-bottom: 1em;
	padding: 6px;
	background: #eee;
	color: #333;
	}
	.pageSort li {
		float: left;
		padding: 0 6px;
		border-right: 1px solid #bbb;
		}
		.pageSort .active {
			background: #fff;
			}
			.pageSort .active a {
				text-decoration: none;
				color: #333;
				}

.viewMode {
	margin-left: 10px;
	}
	.viewMode a,
	.viewMode span {			
		background-color: #eee;
		background-position: 2px 2px;
		background-repeat: no-repeat;
		padding: 3px 5px 3px 21px;
		margin-left: 5px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		}
		.viewMode a.viewDetails,
		.viewMode span.viewDetails {
			background-image: url(../images/interface/view_details.gif);
			}
		.viewMode a.viewGrid,
		.viewMode span.viewGrid {
			background-image: url(../images/interface/view_grid.gif);
			}

.betaBadge {
	background: #111;
	color: #fff;
	padding: 1px 2px;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 0;
	vertical-align: middle;
	}
.newBadge {
	background: #f00;
	color: #fff;
	padding: 1px 2px;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 0;
	vertical-align: middle;	
	}
	
a.formButton {
	background: #ddd;
	border: 1px outset #DDDDDD;
	color: #222;
	padding: 3px 7px;
	text-decoration: none;
	margin-right: 5px;
	}
	a.formButton:active {
		border-style: inset;
		}


/* ----------------------------------------------------

FORM STYLES

---------------------------------------------------- */

input[type="text"],
input[type="password"],
input[type="file"],
textarea {
	border: 1px solid #bbb;
	padding: 2px 3px;
	margin-right: 5px;
	}
	form.styled input[type="text"],
	form.styled input[type="file"],
	form.styled textarea {
		margin: 5px 5px 5px 0;
		}
	input.placeholder,
	textarea.placeholder { 
		color: #999;
		}
select {
	border: 1px solid #bbb;
	margin-right: 5px;
	}
	form.styled select {
		margin: 5px 5px 5px 0;
		}
input.button,
input[type="button"],
input[type="submit"] {
	background: #ddd;
	border: 1px outset #ddd;
	color: #222;
	padding: 1px 3px;
	margin: 5px 5px 5px 0;
	cursor: pointer;
	}
	input.button:active,
	input[type="button"]:active,
	input[type="submit"]:active {
		border-style: inset;
		}
	input.button:disabled,
	input[type="button"]:disabled,
	input[type="submit"]:disabled {
		background-color: #eee;
		border-color: #fff;
		color: #aaa;
		cursor: default;
		}
		input.buttonAccept {
			background: #ddd url(../images/interface/check.png) no-repeat 3px center;
			padding-left: 21px;
			}
		input.buttonDeny {
			background: #ddd url(../images/interface/deny.png) no-repeat 3px center;
			padding-left: 21px;
			}	
		input.buttonDelete {
			background: #ddd url(../images/interface/delete_alt.png) no-repeat 3px center;
			padding-left: 21px;
			}	

form.styled label {
	font-weight: bold;
	}
form.styled .editor {
	margin: 5px 0 5px 0;
	}
label.disabled {
	color: #777;
	}
		
				
span.required {
	font-weight: bold;
	font-size: 1.2em;
	color: #f00;
	}
form span.error {
	color: #c30;
	font-weight: bold;
	}
form .dimmed {
	font-size: 0.9em;
	}
	

table.form {
	width: 100%;
	}
	table.form td {
		padding-bottom: 15px;
		vertical-align: top;
		}
	table.form th {
		vertical-align: top;
		padding: 1px 8px 15px 0;
		width: 25%;
		}
	table.form th label,
	table.form th .label {
		font-weight: bold;
		}
	table.form tr.separator td,
	table.form tr.separator th {
		border-top: 1px solid #DFEFF5;
		padding-top: 12px;
		}

				
				
form .search {
	background: #666;
	border: 1px outset #666;
	color: #fff;
	padding: 1px 3px;
	margin: 5px 5px 5px 0;
	cursor: pointer;
	}
	form .search:active {
		border-style: inset;
		}
	form .search:disabled {
		border-color: #bbb;
		background: #bbb;
		cursor: default;
		}
	form.styled label small {
		font-weight: normal;
		}

a.formToggleMore {
	display: block;
	font-weight: bold;
	margin: 1em 0;
	background: url(../images/interface/gray_pixel.gif) repeat-x left center;
	}
	a.formToggleMore span {
		background: #fff url(../images/interface/toggle_more.gif) no-repeat left center;
		padding: 0 5px 0 14px;
		}
	a.formToggleMore:hover span {
			background-image: url(../images/interface/toggle_more_toggled.gif);
			text-decoration: underline;
			}
	a.formToggleMore.toggled span {
		background-image: url(../images/interface/toggle_more_toggled.gif);
		}
	.contentSideBox a.formToggleMore span {
		background-color: #e9e9e9;
		}
		
.formToggleFieldset {
	border-bottom: 1px solid #bbb;
	margin: 0 0 1em 0;
	padding: 0 0 1em 1em;
	}
/* tagcloud */

div.tagCloud {
	font-size: 0.91em;
	}
	div.tagCloud a {
		margin: 0;
		padding: 1px 3px;
		text-decoration: none;
		}
		div.tagCloud a:hover {
			color: #000;
			background-color: #fc3;
			}
		div.tagCloud a.l1 { font-size: 0.8em; line-height: 21px; background: #fffbee; color: #666; }
		div.tagCloud a.l2 { font-size: 0.9em; line-height: 23px; background: #fff6dd; color: #444; }
		div.tagCloud a.l3 { font-size: 0.95em; line-height: 25px; background: #fff2cd; color: #222; }
		div.tagCloud a.l4 { font-size: 1.0em; line-height: 27px; background: #ffeebb; color: #000; }
		div.tagCloud a.l5 { font-size: 1.1em; line-height: 29px; background: #ffeaab; color: #000; }
		div.tagCloud a.l6 { font-size: 1.2em; line-height: 31px; background: #ffe699; color: #000; }
		div.tagCloud a.l7 { font-size: 1.3em; line-height: 33px; background: #ffe188; color: #000; }
		div.tagCloud a.l8 { font-size: 1.4em; line-height: 35px; background: #ffdd77; color: #000; }
		div.tagCloud a.l9 { font-size: 1.5em; line-height: 37px; background: #ffdd77; color: #000; font-weight: bold; padding: 0 4px; }


/* tab lists */

.tabs .tab {
	clear: both;
	display: none;
	border-bottom: 2px solid #ddd;
	padding: 0 10px 15px 10px;
	}
	.tabs .tabBasic {
		border-bottom: 0;
		padding: 0;
		}
	.tabs .default-active-tab, .tabs .active-tab {
		display: block;
		}
.tabList {
	margin-bottom: 15px;
	border-bottom: 2px solid #888;
	}
	.tabList li {
		float: left;
		margin-right: 2px;
		}
	.tabList a {
		float: left;
		padding: 0.3em 0.9em;
		background-color: #eee;
		color: #666;
		text-decoration: none;
		-moz-border-radius: 4px 4px 0 0;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-top-left-radius: 4px;
		}
		.tabList a:hover {
			background-color: #ddd;
			}
		.tabList .default-selected a,
		.tabList .selected a {
			background-color: #777;
			color: #fff;
			font-weight: bold;
			}
		.tabList .default-selected a em, 
		.tabList .default-selected a:hover em,
		.tabList .selected a em,
		.tabList .selected a:hover em {
			color: #ddd;
			}
		.tabList .inactive a {
			color: #999;
			}
		.tabList li a em {
			font-style: normal;
			font-size: 0.9em;
			font-weight: normal;
			color: #999;
			}
			.tabList li a:hover em {
				color: #777;
				}



.sideTabs .tab {
	border: 0;
	clear: none;
	}
.sideTabs .tabList {
	border: 0;
	margin: 0;
	}
.sideTabs .sideTabList li {
	float: none;
	}
.sideTabs .sideTabList a {
	float: none;
	display: block;
	height: 37px;
	padding: 17px 0 0 25px;
	font-size: 16px;
	letter-spacing: -1px;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	background-color: transparent;
	-moz-border-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-top-left-radius: 0;
	}
	.sideTabs .sideTabList li {
		margin-bottom: 5px;
		margin-right: 0;
		}
		.sideTabs .sideTabList .default-selected, .sideTabs .sideTabList .selected {
			background: url(../images/interface/sidetab.png) no-repeat;
			background-color: transparent;
			}
	.sideTabs .sideTabList a:hover {
		color: #369;
		background-color: transparent;
		}
			
.contentSideBoxTabs li {
	margin-right: 3px;
	float: left;
	}
	.contentSideBoxTabs a {
		float: left;
		padding: 0.3em 0.9em;
		background-color: #bbb;
		color: #fff;
		text-decoration: none;
		-moz-border-radius: 4px 4px 0 0;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-top-left-radius: 4px;
		}
		.contentSideBoxTabs a:hover {
			background-color: #ccc;
			}
		.contentSideBoxTabs .selected a {
			background-color: #E9E9E9;
			color: #444;
			font-weight: bold;
			}
.editControls {
	float: right;
	}
	.editControls li {
		float: left;
		}
		.editControls li a {
			padding: 3px 5px 4px 23px;
			background-repeat: no-repeat;
			background-position: 3px center;
			background-color: #eee;
			text-decoration: none;
			float: left;
			margin-left: 6px;
			}
			.editControls li a:hover {
				text-decoration: underline;
				}
			.editControls li.spotlight a {
				background-image: url(../images/interface/spotlight.png);
				}
			.editControls li.edit a {
				background-image: url(../images/interface/edit.png);
				}
			.editControls li.manage a {
				background-image: url(../images/interface/manage.png);
				}
			.editControls li.delete a {
				background-image: url(../images/interface/delete.png);
				}
			.editControls li.block a {
				background-image: url(../images/interface/deny.png);
				}
			.editControls li.quote a {
				background-image: url(../images/interface/quote.png);
				}
			.editControls li.addPhotoNote a {
				background-image: url(../images/interface/photo_note.png);
				}
			.editControls li.share a {
				background-image: url(../images/interface/share.png);
				}
			.editControls li.abuse a {
				background-image: url(../images/interface/abuse.png);
				}
			.editControls li.forward a {
				background-image: url(../images/interface/forward.png);
				}
			.editControls li#addFavoriteVideo a {
				background-image: url(../images/interface/favorite_add.png);
				}
			.editControls li#deleteFavoriteVideo a {
				background-image: url(../images/interface/favorite_delete.png);
				background-position: 3px 5px;
				}
			.editControls li#addFavoriteVideo.loading a,
			.editControls li#deleteFavoriteVideo.loading a {
				background-image: url(../images/interface/favorite_loading.gif);
				}
			.editControls li.embed a {
				background-image: url(../images/interface/wrench.png);
				margin: 0;
				}
				.editControls li.embed a span {
					background: url(../images/interface/arrow_more_down.png) no-repeat right center;
					display: block;
					}
				.editControls li.embed ul {
					margin: 0 0 0 20px;
					}
					.editControls li.embed li a {
						background-image: none;
						padding: 3px 5px;
						}
			.editControls li.checkbox {
				margin-left: 6px;
				}
	.editControlsList,
	.editControlsList li,
	.editControlsList li a {
		float: none;
		}
		.editControlsList li a {
			display: block;
			margin: 10px 0;
			}
			

		
/* profile list styles */

.profileList li {
	float: left;
	}

.profileListStatistics {
	}
	.profileListStatistics li{
		width: 80px;
		float: left;
		text-align: center;
		margin: 0 11px 11px 0;
		font-size: 11px;
		}
		.profileListStatistics li.new{
			background: #cde;
			}
		.profileListStatistics .avatar  {
			margin: 0;
			}

body.visits .profileListStatistics li{
	position: relative;
	}
	.profileListStatistics .ignore  {
		background: url(../images/interface/close_box.png) no-repeat;
		width: 23px;
		height: 22px;
		position: absolute;
		top: -10px;
		left: -12px;
		overflow: hidden;
		text-indent: -999px;
		z-index: 2;
		display: none;
		}
		.profileListStatistics .ignore {
			display: block;
			}
		
	
/* comments styles */

ul.comments div.avatar {
	margin: 0 0 10px;
	}
ul.comments li.admin, li.moderator
{

}
	ul.comments li.admin .ownership,
	ul.comments li.moderator .ownership
	{
		text-transform: uppercase;
		font-weight: bold;
		font-size: 9px;
		color: #e00;
		background: #fff;
		padding: 1px 3px 0 3px;
	}
ul.comments li p {
	padding-left: 95px;
	}
	ul.comments li .dimmed {
		font-size: 0.9em;
		}
h2#comments,
h3#writeComment {
	margin-top: 30px;
	clear: both;
	}
#commentform, .commentform {
	margin-left: 15px;
	float: left;
	width: 645px;
	}
	#commentform input[type="submit"], .commentform input[type="submit"] {
		margin: 10px 0 0;
		}
	table.logs .commentform {
		margin: 0;
		width: 554px;
		clear: both; 
		}
#reportAbuseForm {
	margin: -20px 0 20px 0;
	}
	#clan #reportAbuseForm {
		margin-top: 0;
		}
		
a.commentSort {
	letter-spacing: 0;
	font-size: 12px;
	font-weight: normal;
	padding: 0 14px 0 8px;
	}
	a.commentSort.asc {
		background: url(../images/interface/arrow_more_up.png) no-repeat right center;
		}
	a.commentSort.desc {
		background: url(../images/interface/arrow_more_down.png) no-repeat right center;
		}


/* .meta styles*/
			
.meta {
	font-size: 0.91em;
	}
	ul.meta li {
		float: left;
		padding: 0;
		margin-right: 10px;
		}
	.meta .commentCount {
		background: url(../images/interface/comment_bubble.png) no-repeat left center;
		padding-left: 17px;
		}
		#explore .meta .commentCount,
		#explore .meta .commentCount a {
			color: #444;
			}
	.meta .ratingCounter {
		background: red;
		color: white;
		padding: 1px 3px 1px 2px;
		}
		#explore .meta .rating,
		#explore .meta .rating a {
			color: #444;
			}
		
			
/* blog styles */

.blogList br {
	line-height: 0.4em;
	}

li.blog {
	margin-bottom: 30px;
	}
	.blogList .blog h3 {
		background: url(../images/interface/blog.png) no-repeat 0 2px;
		border-bottom: 1px solid #ccc;
		padding: 0 0 4px 20px;
		margin-bottom: 5px;
		}
	.blogList .blog .body {
		margin: 0 0 8px 0;
		}
	.blog .meta {
		font-weight: bold;
		}
		.blog .meta .dimmed {
			font-weight: normal;
			}
		.blog .meta .commentCount {
			margin-left: 10px;
			padding-right: 8px;
			border-right: 1px solid #ccc;
			margin-right: 8px;
			}

.blogMiniList { 
	margin-bottom: 20px;
	}
	.blogMiniList li {
		padding: 0 0 6px 20px;
		background: url(../images/interface/blog.png) no-repeat; 
		}
			
				
/* photo styles */

.photoList li {
	float: left;
	font-size: 0.91em;
	text-align: center;
	margin: 0 3px 15px 0;
	width: 100px;
	line-height: 1.2em;
	}
	.photoList a {
		display: block;
		color: #666 !important;
		position: relative;
		height: 60px;
		margin: 0 auto 2px auto;
		text-align: center;
		text-decoration: none;
		}
	#componentBrowser .photoList a {
		position: static;
		}
		.photoList a span {
			display: block
			}
		.photoList a:hover span {
			color: #000;
			}
		.photoList a.unconfirmed {
			border-width: 1px;
			border-style: solid;
			padding: 8px 0 0 0;
			height: 50px;
			width: 78px;
			font-size: 11px;
			}

			
.photoSetList li {
	background: url(../images/interface/photoset.png) no-repeat;
	float: left;
	margin: 0 10px 10px 0;
	overflow: hidden;
	padding: 12px 0 0 0;
	text-align: center;
	width: 98px;
	font-size: 0.91em;
	}
	.photoSetList a {
		line-height: 1.2em;
		text-decoration: none;
		}
		.photoSetList a:hover {
			text-decoration: underline;
			}
		.photoSetThumb {
			display: block;
			margin: 0 6px 6px 0;
			}

.photoSetListSmall {
	margin-bottom: 10px;
	}
	.photoSetListSmall li {
		margin: 5px 0;
		}
		.photoSetThumbSmall {
			background: url(../images/interface/photoset_small.png) no-repeat;
			float: left;
			padding: 7px 10px 3px 3px;
			margin-right: 4px;
			}
		.photoSetListSmall img {
			width: 40px;
			height: 30px;
			}

/* ----------------------------------------------------

OTHER PAGES

---------------------------------------------------- */

/* LOGIN & LOGOUT */

#home.login h1 {
	padding-top: 20px;
	}

#home.login .contentBox {
	width: 40%;
	padding: 0 0 0 20px;
	}
	#home.login .contentBox table.form {
		margin-top: 20px;
		}
		#home.login .contentBox table.form th {
			width: 40%;
			}
#home.login .contentSideBox {
	width: 55%;
	}
	
/* NEWS */

.news .newsList li {
	margin-bottom: 40px;
	}
	.news .newsList h2 {
		color: #f00;
		}
	
/* HELP/FAQ */

#home.helpdesk h1 {
	padding-top: 20px;
	}
	.faqTopics li {
		width: 33%;
		float: left;
		}
	#home.helpdesk .faqQuestions {
		padding: 15px;
		background: #eee;
		}


/* SEARCH */		

body.search h1 {
	padding-top: 20px;
	}
body.search h2 strong {
	color: #666;
	padding-left: 3px;
	font-weight: normal;
	}

body.search .pagingTop,
body.search .pagingBottom {
	text-align: left;
	}

table.searchResults {
	width: 100%;
	margin-bottom: 15px;
	}
	table.searchResults td {
		border-bottom: 1px solid #ccc;
		vertical-align: top;
		padding: 10px;
		}
		table.searchResults h4 {
			margin-bottom: 0;
			}

body.search .profileList .avatar {
	margin: 0 11px 11px 0;
	}
body.search .photoList li {
	width: 103px;
	height: 85px;
	margin-bottom: 0;
	}
body.search .faqQuestions li {
	margin: 0 0 0.5em 3em;
	}

#filterProfilesExtended {
	background-position: top;
	}
	#filterProfilesExtended label {
		font-weight: normal;
		}
	#filterProfilesExtended h3 {
		margin-bottom: .5em;
		}
	#filterProfilesExtended hr {
		padding: 0px;
		margin-top: 5px;
		margin-bottom: 5px;
		}
	#activeFilters fieldset {
		margin-bottom: 5px;
		}
/* DIALOGS */

#dialogPlaceHolder {
	position: fixed;
	top: 0px;
	height: 100%;
	width: 100%;
	background: url(../images/interface/dialog_overlay.png);
	z-index: 500;
	}
	#dialogPlaceHolder #dialog { /* margin + width + max-height: via js */
		background: #fff url(../images/interface/dialog_bg.png) repeat-x left bottom;
		padding: 20px 25px 35px 25px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 8px;
		-webkit-box-shadow: 0 3px 100px #000;
		border: 3px solid #fff;
		overflow: auto;
		}
		#dialog #closeDialogLink {
			background: url(../images/interface/delete.png) no-repeat right center;
			padding: 0 18px 0 0;
			color: #aaa;
			text-decoration: none;
			font-size: 0.91em;
			}
			#dialog #closeDialogLink:hover {
				text-decoration: underline;
				}
		#dialog h2 {
			color: #333;
			font-size: 18px;
			}

#dialog div.shoutsComponent form {
	background: #e6e6e6;
	padding: 9px;
	margin-bottom: 15px;
	}
	#dialog div.shoutsComponent .dimmed {
		font-size: 0.91em;
		}
#dialog .photoList li,
#dialog .photoSetList li {
	margin: 0 8px 8px 0;
	}
	#dialog .photoList li {
		width: auto;
		}
	.dialogOverflow {
		height: 240px;
		overflow: auto;
		margin-bottom: 5px;
		}

/* CONTACT LIST
-------------------------------------------------------------*/

#contactList {
	width: 960px;
	margin: 0 auto;
	}
	#contactList div {
		position: absolute;
		width: 219px;
		background: #262626;
		margin: 42px 0 0 620px;
		z-index: 9;
		padding: 10px 5px 5px 5px;
		-webkit-box-shadow: 0px 3px 20px #000;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		}
		#contactListToolbar li {
			float: left;
			}
			#contactListToolbar li a {
				display: block;
				width: 20px;
				height: 20px;
				text-indent: -500px;
				overflow: hidden;
				margin: 0 8px 8px 0;
				}
				#contactListToolbar #contactListToolbarAdd {
					background: url(../images/interface/toolbar_add.png) no-repeat;
					}
				#contactListToolbar #contactListToolbarOffline {
					background: url(../images/interface/toolbar_offline.png) no-repeat;
					}
					#contactListToolbar #contactListToolbarOffline.disabled {
						background-position: left bottom;
						}	
				#contactListToolbar #contactListToolbarAway {
					background: url(../images/interface/toolbar_away.png) no-repeat;
					}
					#contactListToolbar #contactListToolbarAway.disabled {
						background-position: left bottom;
						}
	
		#contactListContacts {
			background: #333;
			height: 200px;
			overflow-y: auto;
			overflow-x: hidden;
			}
			#contactListContacts a {
				background-repeat: no-repeat;
				background-position: 2px 3px;
				display: block;
				text-decoration: none;
				color: #666;
				padding: 2px 0 2px 22px;
				}
				#contactListContacts li:nth-child(even) a {
					background-color: #3b3b3b;
					}
				#contactListContacts li.selected a {
					background-color: #555;
					color: #fff;
					}	

			#contactListContacts #contactListLoadingIndicator {
				background: url(../images/interface/loader.gif) no-repeat left center;
				padding-left: 20px;
				color: #fff;
				margin: 10px 0 0 10px;
				}
			#contactListContacts #contactListEmpty {
				color: #fff;
				margin: 10px 0 0 10px;
				}
			#contactListContacts #contactListEmpty a {
				background: none;
				display: inline;
				text-decoration: underline;
				color: #fff;
				padding: 0;
				}	

		#contactListResize,
		#applicationListResize {
			height: 2px;
			width: 30px;
			margin: 5px auto 0 auto;
			border: 1px solid #555;
			border-width: 1px 0;
			display: block;
			cursor: s-resize;
			}
	
	/* context menu */	
	.contextMenu {
		position: absolute;
		top: 0;
		left: 0;
		background: #fff;
		border: 1px solid #afafaf;
		border-bottom: 1px solid #737373;
		z-index: 100;
		width: 200px;
		}
		.contextMenu li a {
			display: block;
			padding: 1px 5px 2px 5px;
			text-decoration: none;
			}	
			.contextMenu li a:hover {
				background-color: #369;
				color: #fff;
				}	
/* MESSAGES
-------------------------------------------------------------*/


ul.messages {
	padding: 8px;
	background: #fff url(../images/interface/message_bg.png) repeat-x bottom;
	overflow: auto;
	font-size: 11px;
	list-style: none;
	color: #3E3E3E;
	width: auto;
	}
	.messages li {
		padding: 0 0 15px 46px;
		clear: both;
		zoom: 1;
		}
		.messages li.system {
			padding: 0 0 5px 46px;
			}

		.messages .avatar {
			float: left;
			width: 40px;
			margin-left: -46px;
			border: 0;
			height: 35px;
			overflow: hidden;
			}
			.messages li .avatar img {
				width: 40px;
				border: 0;
				}
		.messages li h2 {
			letter-spacing: 0;
			font-size: 11px;
			font-weight: bold;
			margin: 0 !important;
			padding: 0 3px !important;
			background: #AFAFAF;
			color: #fff;
			}
			*:first-child+html .messages li h2 { /* hack for IE7 only */
				margin-top: -14px;
				}
			*:first-child+html .messages li.system h2 { /* hack for IE7 only */
				margin-top: 0;
				}
	
			.messages li.you h2 {
				background: #FF2727;
				}
			.messages li.system h2 {
				background: #DBDBDB;
				color: #656565;
				font-weight: normal;
				padding: 3px 1px 3px 5px;
				}
				
			.messages li h2 p {
				padding: 0 6em 0 0;
				margin: 0;
				}
			.messages li h2 em {
				float: right;
				font-style: normal;
				font-weight: normal;
				color: #E3E3E3;
				font-size: 10px;
				padding: 1px 1px 0 0;
				}
				.messages li.you h2 em {
					color: #FFB3B3;
					}
				.messages li.system h2 em {
					color: #656565;
					}
	
		.messages li p {
			margin: 0;
			padding: 0.4em 0 0 0;
			}
			.messages li p img {
				margin: 0;
				}

		.messages li a {
			color: #d00;
			text-decoration: none;
			}
			.messages li a:hover {
				text-decoration: underline;
				}
	
.contentSideBox h4 {
	color: #888;
	}