/*
 * 	Pathfinder Social
 *	Project started @ September 1, 2010
 *
 *	Designed by Zaharenia Atzitzikaki
 *  http://sugarenia.com
*/

@import url("reset.css");

/* 
===================================================================================
TEMPLATES (Yeah is that serious - that's why there are two freaking lines here!)
=================================================================================== 
*/

@import url("templates/1/css.css");
@import url("templates/2/css.css");
@import url("templates/3/css.css");
@import url("templates/4/css.css");
@import url("templates/5/css.css");

/* Generic
----------------------------------------*/
body	{ 
	font: 12px Helvetica, Arial, sans-serif;
	background: #eef0f3;
	color: #444;
}
table, button, input, textarea, select, option								{ font: 12px Arial, Helvetica, sans-serif; }
input[type=submit], input[type=checkbox], input[type=radio], label, select	{ cursor: pointer; }
a {
	color: #2251A6;
	text-decoration: none;
}
a:hover		{ text-decoration: underline; }
textarea	{ resize: vertical; }

/* Headers
----------------------------------------*/
h1	{ font: bold 22px Arial, Helvetica, sans-serif; }
h2	{ font: bold 18px Arial, Helvetica, sans-serif; }
h3	{ font: bold 16px Arial, Helvetica, sans-serif; }
h4	{ font: bold 14px Arial, Helvetica, sans-serif; }
h5	{ font: bold 13px Arial, Helvetica, sans-serif; }
h6	{ font: bold 12px Arial, Helvetica, sans-serif; }

/* Layout
----------------------------------------*/
#header-wrapper {
	position: fixed; top: 0; left: 0;
	width: 100%;
	background: #fff;
	z-index: 9999;
	background: url("img/header-bg.jpg") repeat-x;
/*	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .3); box-shadow: 0 1px 5px rgba(0, 0, 0, .3);*/
}

#header-wrapper.betaCountDown {
	top: 90px;
}
#header-wrapper.betaCountDown ~ #wrapper {
	margin-top: 160px;
}
#header-fade	{
	width: 100%;
	height: 25px;
	position: fixed; top: 44px; left: 0;
	background: none!important;
	/* background: url("img/header-mask.png") repeat-x; 
	opacity: .96;
	*/
	pointer-events: none;
	z-index: 9998;
}
#header	{
	width: 960px; height: 30px;
	margin: 0 auto; 
	padding: 7px 0; 
	-moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;
}
#wrapper	{ margin-top: 40px; }
#content	{
	width: 960px;
	margin: 0 auto;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
#main	{ 
	float: left; 
	width: 720px;
}
#side	{ 
	float: right; 
	width: 220px;
}
#footer	{
	width: 960px;
	border-top: 1px solid #fff;
	padding-top: 20px;
	margin: 0 auto 20px;
	text-align: center;
	color: #999;
}
#footer p	{ margin-bottom: 10px; }
.full #main	{ width: 960px; float: none; }


/* Header
----------------------------------------*/
#header-logo	{ 
	float: left; 
	margin: 2px 20px 0 0;
	padding-right: 20px;
	background: url("img/separator.png") no-repeat center right;
	position: relative;
}
#header-logo.no-sep {
	background: none;
}
#header-logo a			{ text-decoration: none; }
#header-logo a span		{ 
	display: none;
	position: absolute; left: -90px; top: 3px;
	background: #47525f;
	background: rgba(0, 0, 0, .1);
	padding: 4px 8px;
	color: #EEF0F3;
	font-size: 11px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .6);
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
#header-logo a:hover span	{ display: block;}
#header-search				{ 
	float: left; 
	position: relative;
	margin-top: 2px;
}
#header-search input	{
	/* width: 5.3em; */
	position: relative; top: 3px;
	padding: 3px 9px 3px 25px;
	border: none;
	background: #fff url("img/icons/12_search.png") no-repeat 7px 5px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	/* -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .7); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .7); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .7); */
}
#header-search .autocomplete	{
	width: 250px;	
	top: 25px;
	left: 1px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
#header-menu	{
	float: right;
	position: relative;
	margin-top: 2px;
}
#header-menu .menu li	{
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
	position: relative;
	background: url("img/icons/top.png") no-repeat;
}
#header-menu .menu a	{
	color: #fff;
	text-shadow: 0 1px 0 #000;
	font-weight: bold;
	display: block;
	text-indent: -9999em;
	width: 30px;
	height: 30px;
}
#header-menu .menu li .tip	{
	position: absolute; 
	top: 30px; 
	left: -27px;
	display: none;
}
#header-menu .menu li .tip-inner	{ width: 60px;  }
#header-menu .menu li:hover .tip	{ display: block; }
#header-menu .menu img	{
	padding: 2px;
	background: #fff;
	display: inline-block;
	vertical-align: middle;
	position: relative; top: -2px;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.8); box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
#header-menu #header-user,
#header-menu li.sep {
	padding-right: 20px;
	margin-right: 10px !important;
	background: url("img/separator.png") no-repeat center right;
}
#header-menu .sep	{
	height: 24px;
	padding-right: 10px !important;
}
#header-menu #header-user a	{
	display: inline-block;
	text-indent: 0;
	width: auto;
	height: auto;
}
#header-menu #header-notifications			{ background-position: 0 0; }
#header-menu #header-notifications:hover,
#header-menu #header-notifications.active	{ background-position: 0 -30px; }
#header-menu #header-messages 				{ background-position: -30px 0; }
#header-menu #header-messages:hover,
#header-menu #header-messages.active		{ background-position: -30px -30px; }
#header-menu #header-settings 				{ background-position: -60px 0; margin-right: 0; }
#header-menu #header-settings:hover,
#header-menu #header-settings.active		{ background-position: -60px -30px; }
#header-menu #header-logout	 				{ background-position: -90px 0; }
#header-menu #header-logout:hover,
#header-menu #header-logout.active			{ background-position: -90px -30px; }
#header-menu #header-update	 				{ background-position: -120px 0; }
#header-menu #header-update:hover,
#header-menu #header-update.active			{ background-position: -120px -30px; }
#header-menu #header-upload	 				{ background-position: -150px 0; margin-right: 0; }
#header-menu #header-upload:hover,
#header-menu #header-upload.active			{ background-position: -150px -30px; }

#header-menu #header-login					{ 
	padding-right: 40px;
	background: url("img/icons/top-login.png") no-repeat top right;
}
#header-menu #header-login a				{ 
	text-indent: 0;
	width: auto;
	position: relative; top: 8px;
}
#header-menu #header-login:hover,
#header-menu #header-login.active			{ background-position: 100% -30px; }


#notifications-popup	{
	position: absolute; top: 43px; right: 152px;
	width: 300px;
}
#notifications-popup li	{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
}
#notifications-popup li .avatar		{ float: left; }
#notifications-popup li .info		{ 
	margin-left: 25px; 
	line-height: 1.3em;
}
#notifications-popup li .date		{ margin-left: 3px; }
#notifications-popup li.bottom		{
	border-bottom: none;
	padding-bottom: 0;
}
#notifications-popup .buttons		{
	margin: 5px 0 0 0;
	font-size: 11px;
}
#notifications-popup .cancel		{ margin-left: 5px; }
#notifications-popup .button		{ font-size: 11px; }

/* User box
----------------------------------------*/
#user-box	{
	margin: 75px 0 20px;
/*	margin: 15px 0 20px;*/
	padding: 0;
	position: relative;
	background: #fff;
	border: 1px solid #ddd;
	/* -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .05); box-shadow: inset 0 0 3px rgba(0, 0, 0, .05); */
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
#user-avatar	{
	padding: 15px;
	float: left;
}
#user-avatar a			{ position: relative; }
#user-avatar a span		{
	position: absolute; top: 0; left: 0;
	display: block;
	width: 96px;
	height: 96px;
	background: #000 url("img/icons/48_zoom.png") no-repeat center center;
	text-indent: -9999em;
	visibility: hidden;
	opacity: 0.4;
}
#user-avatar a:hover span	{ visibility: visible; }
#user-menu	{
	margin-left: 128px;
	padding: 15px;
	border-left: 1px solid #ddd;
	min-height: 100px;
}
#user-menu .sections	{ margin-top: 15px; }

#user-status			{ 
	margin-top: 10px; 
	color: #666;
}
#user-status .actions	{ 
	display: inline-block;
	margin-left: 5px; 
}

#answer-request	{
	position: absolute; top: -7px; right: 7px;
	background: url("img/request.png") no-repeat;
	color: #666;
	padding: 10px 15px;
	width: 200px;
	height: 50px;
	font-size: 11px;
	text-align: center;
	z-index: 99;
}
#answer-request p			{ 
	margin-bottom: 5px; 
	white-space: nowrap;
}
#answer-request .decline	{
	padding-left: 12px;
	background: url("img/icons/8_x.png") no-repeat 0 2px;
	color: #666;
	margin-left: 10px;
}
	
/* Post status form
----------------------------------------*/
#post-status	{
	background: #e8e9ed;
	padding: 15px;
	margin: -21px 0 0;
	position: relative;
	border: 1px solid #ddd;
	-moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0;
	/* -moz-box-shadow: 0 1px 0 #FFFFFF, 0 0 3px rgba(0, 0, 0, 0.05) inset; -webkit-box-shadow: 0 1px 0 #FFFFFF, 0 0 3px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 1px 0 #FFFFFF, 0 0 3px rgba(0, 0, 0, 0.05) inset; */
}
#post-status:before	{
	content: " ";
	background: url("img/arrows.png") no-repeat 0 0;
	display: block; 
	position: absolute;
	top: -10px; 
	left: 53px; 
	width: 18px;
	height: 10px;
}
#post-status .box-content	{
	background: none;
	border: none;
	position: relative;
}
#post-status .ccounter		{ position: absolute; top: 9px; right: 7px; }
#post-status .field	{
	font-size: 14px;
	padding: 8px;
	width: 670px;	
	background: #fff;
	padding: 8px 38px 8px 8px;
	width: 640px;
}
#post-status .buttons		{ margin-top: 10px;  }
#post-status .buttons input	{ margin-right: 10px;  }
#post-status .buttons a	{ 
	margin-top: 6px; 
	display: inline-block; 
}

#share-url			{ margin-top: 10px; }
#share-url .field	{
	font-size: 12px;
	padding: 3px;
	display: block;
	width: 440px;
	margin-bottom: 10px;
}
#share-url .share-img	{ 
	float: left; 
	margin-right: 15px; 
	text-align: center;
}
#share-url .share-img a,
#share-url .share-photo-container	{
	display: inline-block;
	vertical-align: middle;
}
#share-url .share-photo-container	{ 
	margin: 0 5px; 
	width: 152px;
	height: 112px;
	text-align: center;
}
#share-url .share-photo-container .no-img {
	width: 144px;
	height: 106px;
	background: #fff url("img/no-img.png") no-repeat center center;
	text-indent: -9999em;
}
#share-url .share-body				{ margin-left: 240px; }
#share-url textarea					{ height: 70px; }
#share-url.onephoto	.share-body		{ margin-left: 180px; }
#share-url.onephoto	.field			{ width: 500px; }

/* Filters
----------------------------------------*/
#filters	{
	margin: 30px 0 20px;
	position: relative;
}
#filters.top	{ margin-top: 10px; }
#filters h4		{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #fff;
	position: relative;
	color: #435662;
}
#filters h4 a	{
	position: absolute;
	top: -10px; 
	left: 0;
	padding-right: 20px;
	color: #435662;
	background: #EEF0F3 url("img/arrow-down.png") no-repeat 96% 7px;
}
#filters .popup		{
	width: 200px;
	top: 20px;
}
#filters .popup li				{ border-bottom: 1px dotted #ccc; }
#filters .popup li:hover		{ background-color: #ffe; }
#filters .popup li:hover span	{ background-position: 0 -20px; }
#filters .popup li.active	{ 
	font-weight: bold; 
	background: #ffc;
}
#filters .popup li.bottom	{
	padding-bottom: 0;
	border-bottom: none;
}
#filters .popup li a	{
	color: #435662;
	text-decoration: none;
	padding: 7px 0 7px 7px;
	display: block;
}
#filters .popup:before	{ left: 12px; }

/* Profile
----------------------------------------*/
#profile-progress .progress	{ margin-bottom: 15px; }
#profile-progress li	 	{
	margin-bottom: 5px;
	padding-left: 25px;
	line-height: 20px;
	background: url("img/icons/16_ok.png") 0 -18px no-repeat;
}
#profile-progress li.done	{
	background: url("img/icons/16_ok_solid.png") 0 2px no-repeat;
	color: #999;
	text-decoration: line-through;
}

/* Settings
----------------------------------------*/
.settings h2	{
	margin-bottom: 20px; 
	color: #999; 
	text-shadow: 0 -1px 0 #fff;
}
/* expandable boxes */
.settings .box-header	{ 
	padding-left: 45px; 
	position: relative;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 10px 12px; 
}
.settings .box-header span	{
	background: #eee;
	color: #999;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	width: 24px;
	height: 24px;
	line-height: 24px;
	display: block;
	position: absolute; top: 13px; right: 13px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
	border: 1px solid rgba(0, 0, 0, .1);
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .2); box-shadow: 0 0 2px rgba(0, 0, 0, .2);
}
.settings .box-header:hover { 
	background-color: #f5f5f5; 
	background-position: 10px -28px; 
	cursor: pointer;
}
.settings .expanded .box-header:hover	{ background-position: 10px 12px; }
.settings .expanded	{ -moz-box-shadow: }
.settings .expanded .box-header	{
	background-color: #566873;
	color: #fff;
	text-shadow: 0 -1px 0 #000;
}
.settings .box-header:hover span,
.settings .expanded .box-header span	{
	background: #6fb121;
	color: #fff;
}
.settings .box-content,
.settings .box-footer	{ display: none; }
.settings .box-header	{
	border-bottom: 1px solid #ddd;
	-moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;
}
.box-header.profile		{ background-image: url("img/icons/24_profile.png"); }
.box-header.contact		{ background-image: url("img/icons/24_contact.png"); }
.box-header.location	{ background-image: url("img/icons/24_location.png"); }
.box-header.privacy		{ background-image: url("img/icons/24_privacy.png"); }
.box-header.block		{ background-image: url("img/icons/24_block.png"); }
.box-header.link		{ background-image: url("img/icons/24_link.png"); }
.box-header.settings	{ background-image: url("img/icons/24_settings.png"); }
.box-header.appearance	{ background-image: url("img/icons/24_appearance.png"); }

/* forms */ 
.settings .expanded		{
	border: 1px solid #999;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .4); box-shadow: 0 0 5px rgba(0, 0, 0, .4);
}
.settings .expanded .box-header	{
	border-bottom: none;  
	-moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;
}
.settings .expanded .box-content,
.settings .expanded .box-footer	{ display: block; }

.settings form li			{ 
	padding: 15px;
	border-bottom: 1px solid #eee;
}
.settings form li:hover			{ 
	background-color: #ffc;
	background-image: -moz-linear-gradient(top, #ffe, #ffc);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffe),color-stop(1, #ffc));  
}
.settings form li.bottom			{ border-bottom: none; }
.settings form li.bottom .fields	{ margin-left: 173px; }
.settings form li.bottom:hover		{ background: #fff; }
.settings form li label	{
	display: inline-block;
	width: 150px;
	margin-right: 20px;
	vertical-align: top;
	padding-top: 4px;
	text-align: right;
}
.settings form li .fields	{ 
	display: inline-block; 
	width: 750px;
}
.settings form li input.field,
.settings form li textarea.field		{ width: 300px; }
.settings form li select.field			{ width: 310px; }
.settings form li span.sub				{ margin-left: 10px; }
.settings form li .fields p				{ padding-top: 4px; }

.settings .help,
.albums .help,
.overlay-inner .help	{
	background: #E8E9ED url("img/help.png") no-repeat center right;
	border-bottom: 1px solid #ddd;
	padding: 15px;
	color: #666;
}
.settings .help h6	{ margin-bottom: 15px; }
.settings .help p	{ line-height: 1.3em; }
.settings .help a	{ text-decoration: underline; }

#contact-section select { 
	width: 100px; 
	margin-right: 7px;
}

/* special cases */
.settings .user-avatar		{ overflow: hidden; }
.settings .user-avatar img	{
	padding: 4px;
	background: #fff;
	border: 1px solid #ddd;
	float: left;
	margin-right: 15px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.settings .user-avatar .tip	{
	background-image: none;
	color: #999;
	margin: 10px 0;
	font-size: 12px;
	opacity: 1;
	font-weight: normal;
	padding: 4px 0 0;
}
.settings .user-avatar .cancel	{ 
	text-decoration: underline; 
	cursor: pointer;
}

.settings .blocked-users			{ padding: 0; }
.settings .blocked-users:hover		{ background: #fff; }
.settings .blocked-users li			{ width: 288px !important; }
.settings .blocked-users li .button	{ font-size: 11px; }

.linked-services li 	{ 
	float: left;
	text-align: center;
	width: 208px;
	border-right: 1px solid #ddd;
}
.linked-services li.last	{ border-right: none; }
.linked-services li label	{
	width: auto !important;
	margin-right: 0 !important;
}
.linked-services li img			{ margin: 10px 0 20px; }
.linked-services li .sub		{ margin-top: 5px; }
.linked-services li .service	{
	margin-bottom: 20px;
	min-height: 100px;
}

/* Template chooser */
#template-chooser {
	margin: 10px 0;
	position: relative;
}
#template-scroller {
	width: 720px;
	height: 170px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
#template-chooser ul {
	position: absolute;
	left: 0;
	top: 0;
}
#template-chooser ul li {
	float: left;
	width: 150px;
	border: none;
	border-radius: 10px;
	cursor: pointer;
}
#template-chooser ul li.selected {
	background: #f5f5f5;
	font-weight: bold;
}
#template-chooser ul li .thumb {
	width: 120px;
	margin: 0 auto;
}
#template-chooser ul li p {
	text-align: center;
}
#template-chooser .template-button {
	position: absolute;
	top: 70px;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	color: #666;
	display: block;
	border: 1px solid #999;	
}
#template-chooser .template-button:hover {
	border: 1px solid #333;
	color: #333;
	text-decoration: none;
}
#template-previous 	{ left: 70px; }
#template-next 		{ right: 70px;}
#template-preview { 
	width: 920px;
	height: 500px;
	overflow-x: hidden;
	margin: 15px;
	border: 1px solid #999;
}

/* REUSABLE STUFF
==================================================================================== */

/* Navigation
----------------------------------------*/
.arrows a		{
	display: inline-block;
	vertical-align: middle;
	border: 1px solid rgba(0, 0, 0, 0.1);
	width: 24px; height: 24px; 
	text-indent: -9999em;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .1); box-shadow: 0 0 1px rgba(0, 0, 0, .1);
}
.arrows .prev		{ background: #eee url("img/icons/16_arrow_left.png") no-repeat 4px 3px; }
.arrows .next		{ background: #eee url("img/icons/16_arrow_right.png") no-repeat 4px 3px; }
.arrows a:hover	{ 
	background-color: #6FB121; 
	background-position: 4px -17px;
}

/* JS Alerts
----------------------------------------*/
.alert	{
	position: fixed; top: 0; 
	padding: 20px 0; 
	background: #ffc; 
	color: #8E5C2A;
	width: 100%; 
	text-align: center;
	z-index: 9999;
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .2); box-shadow: 0 3px -3px rgba(0, 0, 0, .2);
}

/* User badges
----------------------------------------*/
.user-badge-container		{ margin-top: 5px; }
.user-badge-container span	{
	display: inline-block;
	padding: 3px 6px;
	margin: 3px 3px 0 0;
	background: #E8E9ED;
	color: #435662;
	border: 1px solid rgba(0, 0, 0, .1);
	font-size: 11px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.user-badge-container span img	{
	vertical-align: middle;
	margin-left: 3px;
	cursor: pointer;
	opacity: 0.5;
}
.user-badge-container span:hover img	{ opacity: 1; }

/* Notifications
----------------------------------------*/
.notifications li 	{
	padding: 15px;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}
.notifications li.bottom	{ border-bottom: none; }
.notifications li .img	{
	float: left;
	margin-right: 10px;
}
.notifications li .info	{
	padding-right: 155px;
	position: relative;
}
.notifications li .date	{
	margin-top: 5px;
}
.notifications li .icon-date a	{
	color: #999;
	font-size: 11px;
}
.notifications li .actions	{
	position: absolute;
	top: 0;
	right: 0;
	width: 150px;
	text-align: center;
}
.notifications li .actions a.button	{
	margin: 0 7px 0 0;
	text-decoration: none;
}
.notifications li .actions a.decline	{
	background: url("img/icons/8_x.png") no-repeat 0 2px;
	font-size: 11px;
	margin-right: 0;
	padding-left: 12px;
}
.notifications li:hover	{
	background-color: #ffc;
	background-image: -moz-linear-gradient(top, #ffe, #ffc);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffe),color-stop(1, #ffc));  
}
.notifications li:hover a.button	{
	background: #6FB121 url("img/shine.png") repeat-x;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
}
.notifications li:hover a.decline	{
	text-decoration: underline;
}

/* Overlays
----------------------------------------*/
.overlay-window		{ background-color: #000; }
.overlay-content	{ 
	background: #354047; 
	padding: 8px; 
	width: 500px; 
	position: relative; 
	-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; 
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); 
}
.overlay-header		{ 
	color: #fff; 
	text-shadow: 0 -1px 0 #000; 
	padding: 2px 2px 6px 2px;
	position: relative; 
	min-height: 28px;
}
.overlay-header h4		{ 
	line-height: 28px;
	/* margin-left: 7px; */
}
.overlay-header .img	{ 
	vertical-align: middle;  
	margin-right: 7px;
}
.overlay-header em		{ font-style: normal; }
.overlay-header span.close	{ 
	position: absolute; top: 7px; right: 0; 
	border: 1px solid #586066;
	margin-right: 7px; 
	width: 13px;
	height: 13px;
	text-align: center;
	line-height: 12px;
}
.overlay-header span.close:hover	{ 
	background: #4c5c66; 
	cursor: pointer;
}
.overlay-header span.close img		{ position: relative; top: -1px; }

.friends-header,
.overlay-menu 			{
	background: #E8E9ED;
	margin-bottom: -4px;
	position: relative; z-index: 999; 
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .4); box-shadow: 0 1px 4px rgba(0, 0, 0, .4);
	-moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-right-radius: 6px; border-top-left-radius: 6px;
}
.friends-header {
	background-color: #fff !important;
	background-image: -moz-linear-gradient(center top , #fff, #E8E9ED) !important;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #E8E9ED)) !important;
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
	-moz-radius: 0; -webkit-radius: 0; border-radius: 0;
	margin-bottom: 0;	
}
.friends-header li,
.overlay-menu li		{
	display: inline-block;
	padding: 8px;
}
.friends-header li a,
.overlay-menu li a		{ 
	display: block;
	padding: 4px 8px;
	color: #435662;
	font-weight: bold;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;	
}
.friends-header li a:hover,
.friends-header li.active a,
.overlay-menu li a:hover,
.overlay-menu li.active a	{
	text-decoration: none;
	background: #6fb121;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, .4); -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .4); box-shadow: inset 0 0 3px rgba(0, 0, 0, .4);
}
.overlay-body 			{ 
	background: #fff; 
	padding: 15px; 
	max-height: 250px;
	overflow: auto;
	-moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-right-radius: 6px; border-top-left-radius: 6px;
}
.overlay-body.standalone	{ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.overlay-body.slim			{ padding: 0; }
.overlay-footer				{ 
	background: #fff;
	color: #999;
	padding: 7px 0; 
	text-align: center;
	border-top: 1px dotted #ccc; 
	position: relative;
	-moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;
}

/* better scrollbar for webkit */
.overlay-body::-webkit-scrollbar,
#near-userlist::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
.overlay-body::-webkit-scrollbar-button:start:decrement,
#near-userlist::-webkit-scrollbar-button:start:decrement	{
	display: block;
	height: 9px;
}
.overlay-body::-webkit-scrollbar-button:end:increment,
#near-userlist::-webkit-scrollbar-button:end:increment {
	display: block;
	height: 5px;
}
.overlay-body::-webkit-scrollbar-track-piece,
#near-userlist::-webkit-scrollbar-track-piece {
	background-color: #E8E9ED;
	-webkit-border-radius: 6px;
}
.overlay-body::-webkit-scrollbar-thumb:vertical,
.overlay-body::-webkit-scrollbar-thumb:horizontal,
#near-userlist::-webkit-scrollbar-thumb:vertical,
#near-userlist::-webkit-scrollbar-thumb:horizontal {
	height: 50px;
	background-color: #707173;
	border: 1px solid rgba(0, 0, 0, .1);
	-webkit-border-radius: 6px;
}

/* elements & special cases */
.overlay-body label	{
	display: inline-block;
	width: 100px;
	margin-right: 20px;
}
.overlay-body .fields	{
	display: inline-block;
}
.overlay-body .progress-header	{
	text-align: center;
	margin-bottom: 10px;
}
.overlay-body .progress	{
	width: 350px;
	margin: 0 auto 20px;
}
.overlay-body h1.loading	{ 
	text-align: center;
	color: #666; 
	margin: 20px 0;
}
.overlay-body h1.loading strong	{
	padding: 10px 0 10px 40px;
	background: url("img/animated-loader.gif") no-repeat center left;
}
.overlay-body.status textarea	{
	width: 450px;
	height: 80px;
	font-size: 18px;
	line-height: 1.2em;
}
.overlay-body.social p			{ line-height: 1.4em; }
.overlay-body .social-buttons		{ 
	text-align: center; 
	margin: 20px 0 0;
}
.overlay-body .social-buttons li	{ 
	display: inline-block; 
	margin-right: 10px; 
}
.overlay-body .friends li		{ 
	width: 211px;  
	position: relative;
}
@-moz-document url-prefix()         { .overlay-body .friends li { width: 210px; } }

.overlay-body .friends li.top-left	{ -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.overlay-body .friends li.top-right	{ -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.overlay-body .friends li.last	{ width: 212px; }
.overlay-body .friends li.selected span.ok {
	display: block;
	position: absolute; bottom: 10px; right: 10px;
	background: url("img/icons/24_ok.png") no-repeat;
	width: 24px;
	height: 24px;
	text-indent: -9999em;
}
.overlay-body .friends .info	{ padding-right: 0; }
.overlay-body .friends .sec		{
	font-size: 11px;
	color: #858585;
}
.overlay-body .friends .more	{
	border-right: none;
	text-align: center;
	width: 455px;
}
.overlay-body .friends .more:hover	{ background: #fff; }
.overlay-body .clubs-list li		{ margin-bottom: 10px; }
.overlay-footer .ccounter			{ position: absolute; top: 10px; right: 10px; }

/* Popup windows
----------------------------------------*/
.popup	{
	background: #354047;
	padding: 5px;
	position: absolute;
	z-index: 99;
	border: 1px solid rgba(255, 255, 255, .5);
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3); box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}
.popup:before	{
	content: " ";
	background: url("img/arrows.png") no-repeat -18px 0;
	width: 15px;
	height: 8px;
	display: block; 
	z-index: 1;
	position: absolute;
	top: -8px; 
	right: 12px; 
}
.popup-header {
	color: #fff;
	padding: 2px 0 4px 4px;
	position: relative;
}
.popup-header .more	{
	position: absolute; right: 0; bottom: 4px;
	font-size: 11px;
	font-weight: normal;
	color: #ccc;
}
.popup-header .clear	{
	padding-left: 12px;
	background: url("img/icons/8_x.png") no-repeat 0 3px;
}
.popup-content	{
	background: #fff;
	padding: 15px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}

/* Autocomplete
----------------------------------------*/

/*
.autocomplete		{ 
	position: absolute; top: 100%; left: 0; 
	z-index: 99; 
	background: #fff; 
	width: 306px; 
	border: 1px solid #ddd; border-top: none;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2); box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	-moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;
}
.autocomplete li	{ 
	padding: 5px !important; 
	margin-bottom: 0 !important;
}
.autocomplete li.bottom		{
	-moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;
}
.autocomplete li.active	{
	background-color: #1976D9 !important;
	background-image: -moz-linear-gradient(center top , #319BE7, #1976D9) !important;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #319BE7),color-stop(1, #1976D9)) !important;   
	color: #fff;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .1);
	cursor: pointer;
}
.autocomplete li.active .sec	{ color: #CDE7FD !important; }
.autocomplete p 				{ padding-top: 0 !important; }
.autocomplete li .info			{ margin-left:  30px; }
*/
/* AutoComplete */
.autocomplete {
	margin: 0;
	padding: 0;
	width: 300px !important;
	background: #fff;
	border: 1px solid #ddd; border-top: none;
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2); box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
	-moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;
}
.autocomplete li span { float: right; }
.autocomplete li {
	padding: 5px;
	overflow: hidden;
	border-top: 1px dotted #ddd;
}
.autocomplete-highlight {
	background-color: #1976D9 !important;
	background-image: -moz-linear-gradient(center top , #319BE7, #1976D9) !important;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #319BE7),color-stop(1, #1976D9)) !important;   
	color: #fff;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .1);
	cursor: pointer;
	cursor: pointer;
}
.autocomplete li img {
	float: left;
	margin-right: 5px;
}
.autocomplete li div {
	margin-left: 30px;
	font-size: 12px;
	line-height: 1em;
}
.autocomplete li strong {
	border-bottom: 1px solid #bbb;
}
.autocomplete li small {
	font-size: 5px;
	color: #999;
	font-size: 11px;
	display: block;
	margin-top: 3px;
}
.autocomplete li span {
	font-weight: bold;
	color: #333;
}
.autocomplete-highlight small,
.autocomplete-highlight span {
	color: #CDE7FD !important;
}
.autocomplete-content {
	padding: 5px;
	color: #999;
}

/* Boxes
----------------------------------------*/
.box	{
	margin-bottom: 20px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.box.offset		{ margin-top: 37px; }
.box-header		{
	padding: 15px;
	border: 1px solid #ddd;
	border-bottom: none;
	background: #fff;
	-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-left-radius: 4px;
}
.box-header h3	{ position: relative; }
.box-header h3 span.more	{
	position: absolute;
	top: 0;
	right: 0;
	color: #ccc;
}
.box-header h3 span.action	{
	position: absolute;
	top: -2px;
	right: -2px;
	font-size: 12px;
}
.box-header .tools		{ margin-top: 5px; }
.box-header .tools a	{
	color: #435662;
	font-weight: bold;
	margin-left: 10px;
}
.box-header span.right a.button:hover	{
	background: #6fb121 url("img/shine.png") repeat-x;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
}
.subheader {
	background-color: #909faa;
	color: #fff;
	padding: 4px 15px;
	border: 1px solid rgba(0, 0, 0, .2);
	border-width: 1px 0;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
}
.subheader a	{ 
	color: #fff; 
	text-decoration: underline; 
}
.box-header.tabs-container	{
	border: none;
	padding: 0;
	background: transparent;
}
.box-header.tabs-container .button	{ position: relative; top: 3px; }
.box-content		{ 
	background: #fff;
	padding: 15px; 
	border:  1px solid #ddd;
	border-bottom: none;
}
.box-content.slim	{ padding: 0; }
.box-content.standalone	{ 
	border-bottom: 1px solid #ddd; 
	-moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;
}
.box-footer	{
	padding: 15px;
	border: 1px solid #ddd;
	border-top: 1px dashed #ddd;
	background: #fafafa;
	-moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;
}
.box-footer .actions .icon-date	{ float: right; }
#side .box	{
	background: none;
	border: none;
	margin-bottom: 20px;
}
#side .box-header	{
	background: #566873;
	color: #fff;
	padding: 6px 12px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
	border: 1px solid rgba(0, 0, 0, .1);
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	position: relative;	
	-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-left-radius: 4px;
}
#side .box-header:after	{
	content: " ";
	background: url("img/arrows.png") no-repeat -18px -21px;
	width: 15px;
	height: 9px;
	display: block; 
	z-index: 1;
	position: absolute;
	bottom: -8px; 
	left: 10px; 
}
#side .box-header.hi		{ background: #6fb121; }
#side .box-header.hi:after	{ background: url("img/arrows.png") no-repeat -33px -21px; }
#side .box-header h4	{ 
	font-size: 12px; 
	position: relative;
	z-index: 9;
}
#side .box-header h4 span	{
	position: absolute;
	top: -6px;
	right: -12px;
}
#side .box-header h4 span a	{
	display: block;
	height: 26px;
	line-height: 26px;
	padding: 0 6px 0 25px;
	font-weight: normal;
	background: #4d5d67 url("img/arrow-engraved-right.png") no-repeat center left;
	color: #ccc;
}
#side .box-header h4 span a:hover	{
	text-decoration: none;
	background-color: #44535c;
	color: #fff;
}
#side .box-content	{ 
	background: none;
	padding: 15px 0 0; 
	border-top: 1px solid #fff;
	border-width: 1px 0 0;
}

/* Giortes box */
#side .festives .box-content {
	background: #6FB121;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	padding: 10px 5px 10px 10px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-bottom: 1px solid rgba(0, 0, 0, .2);
}
#side .festives .box-content span { color: #fff; }

/* call to action button */
#side .box.cta	{
	border: 1px solid rgba(0, 0, 0, .1);
	background-color: #E9E9E9;
	background-image: -moz-linear-gradient(top, #F7F7F7, #E9E9E9);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F7F7F7),color-stop(1, #E9E9E9));  
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	-moz-box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff;
}
#side .box.cta a {
	color: #435662;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;
	display: block;
	padding: 10px;
	text-shadow: 0 -1px 0 #fff;
}
#side .box.cta a#add-friends {
	background: url("img/icons/24_friends.png") no-repeat 10px 50%;
}
#side .box.cta a#users-near {
	background: url("img/icons/24_near.png") no-repeat 10px 50%;
}
#side .box.cta span		{
	display: block;
	padding-left: 10px;
	margin-left: 35px;
	border-left: 1px solid #ccc;
}
#side .box.cta:hover	{
	border-color: #999;
	-moz-box-shadow: 0 0 3px #566873; -webkit-box-shadow: 0 0 3px #566873; box-shadow: 0 0 3px #566873;
}
#side .box.cta:hover a	{ text-decoration: none; }

/* Sub navigation
----------------------------------------*/
.sections li	{
	display: inline-block;
	margin-right: -4px;
}
.sections li a	{
	background-color: #F7F7F7;
	background-image: -moz-linear-gradient(top, #F7F7F7, #E9E9E9);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F7F7F7),color-stop(1, #E9E9E9));  
	color: #435662;
	padding: 6px 12px;
	display: block;
	font-weight: bold;
	border: 1px solid rgba(0, 0, 0, .1);
	border-right: none;
	text-shadow: 0 -1px 0 #fff;
	position: relative;
	-moz-box-shadow: inset 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .05); box-shadow: inset 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .05);
}
.sections li.first a	{ -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.sections li.last a	{
	-moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;
	border-right: 1px solid rgba(0, 0, 0, .1);
}
.sections li.standalone a	{
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, .1);
}
.sections li a:hover,
.sections li.active a	{
	background-color: #e0e0e0;
	background-image: -moz-linear-gradient(top, #d7d7d7, #e0e0e0);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #d7d7d7),color-stop(1, #e0e0e0));  	
	-moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .05); box-shadow: inset 0 2px 2px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .05);
	text-decoration: none;
}
.sections li a:hover span,
.sections li.active a span	{ background-position: 0 -20px; }

.arrow-left	{
	display: inline-block;
	padding: 5px 10px 5px 15px;
	background: #e5ecf3 url("img/arrow-mask-left.png") no-repeat center left;
}
.arrow-right	{
	display: inline-block;
	padding: 5px 15px 5px 10px;
	background: #e5ecf3 url("img/arrow-mask-right.png") no-repeat center right;
}


/* Events stream
----------------------------------------*/
.events li	{ margin-bottom: 15px; }
.events li.more	{
	background: #E8E9ED;
	padding: 15px;
	margin-left: 65px;
	text-align: center;
	border: 1px solid #ddd;
	/* -moz-box-shadow: 0 1px 0 #FFFFFF, 0 0 3px rgba(0, 0, 0, 0.05) inset; -webkit-box-shadow: 0 1px 0 #FFFFFF, 0 0 3px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 1px 0 #FFFFFF, 0 0 3px rgba(0, 0, 0, 0.05) inset; */
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.events li.more a	{
	font-size: 14px;
	color: #435662;
	background-position: 0 -20px;
}
.events li.unique .descr,
.events li.unique .share			{ font-size: 14px; }
.events li.unique.no-avatar .inset	{ display: none; }
.events li.unique.no-avatar .body	{ margin-left: 0; }
.events li.unique.no-avatar .body:before		{
	left: 53px;
	top: -9px;
	background: url("img/arrows.png") no-repeat -54px -1px;
	width: 17px;
	height: 13px;
}
.events li .avatar	{
	float: left;
	position: relative;
	top: 1px; left: 1px;
}
.events li .body	{
	position: relative;
	border: 1px solid #ddd;
	margin: 0 0 0 65px;
	padding: 15px;
	background: #fff;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	/* -moz-box-shadow: 0 1px 0 #fff, 0 0 3px rgba(0, 0, 0, 0.05) inset; -webkit-box-shadow: 0 1px 0 #fff, 0 0 3px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 1px 0 #fff, 0 0 3px rgba(0, 0, 0, 0.05) inset; */
}
.events li .body:before	{
	content: " ";
	background: url("img/arrows.png") no-repeat 0 -10px;
	width: 12px;
	height: 19px;	
	display: block; 
	position: absolute;
	top: 10px; 
	left: -9px; 
}
.events li .body .delete-event	{
	position: absolute; top: -8px; right: -8px;
	display: block;
	background: url("img/close.png") no-repeat;
	width: 16px; height: 16px;
	text-indent: -9999em;
	display: none;
	-moz-box-shadow: 0 0 5px #fff;
}
.events li:hover .delete-event,
.events li:hover .delete-event	{ display: block; }
.events li a.profile	{ 
	font-weight: bold; 
	margin-right: 0;
	color: #2251A6;
}
.events li p.descr		{ 
	font-size: 13px; 
	line-height: 1.4em;
}
.events .share  { 
	margin-top: 10px; 
	overflow: hidden;
	background: #fafafa;
	padding: 10px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.events .share.slim	{
	padding: 0 0 0 10px;
	background: none;
}
.events .share-img  {
	float: left;
	margin-right: 15px;
	position: relative;
	cursor: pointer;
}
.events .share-img img	{
	background: #fff;
	padding: 4px;
	border: 1px solid #ddd;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.events .share-img em	{
	background: rgba(0, 0, 0, .5);
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 38px;
	right: 53px;
	font-size: 30px;
	font-style: normal;
	text-align: center;
	line-height: 40px;
	color: #fff;
	text-shadow: 0 -1px 0 #000;
	cursor: pointer;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.events .share-video p		{
	font-weight: bold;
	margin-top: 10px;
	overflow: hidden;
}
.events .share-video strong		{ float: left; }
.events .share-video .cancel	{
	float: right;
	font-weight: normal;
}
.events .share-body .title	{ font-weight: bold; }
.events .share-body .url	{
	color: #666;
	margin-bottom: 10px;
}
.events .share-body p  	{ 
	line-height: 1.4em; 
	color: #999;
}
.events .share-body .extra	{
	font-size: 11px;
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px dotted #ccc;
	clear: both;
}
.events .share.gallery img	{ margin: 0 6px 6px 0; }
.events .actions			{
	margin: 10px 0 0;
	overflow: hidden;
}
.events .actions span.icon-tiny	{ float: right; }
.events .actions iframe {
	border: none;
	height: 20px;
	width: 400px;
	overflow: hidden;
	vertical-align: middle;
}
.geocoded	{
	display: inline-block;
	vertical-align: middle;
	margin-left: -5px;
	width: 16px;
	height: 16px;
	background: url("img/icons/16_location.png") no-repeat;
}
.geocoded:hover	{ 
	background-position: 0 -20px; 
	text-decoration: none;
}
.events .likes			{
	padding: 10px 15px;
}
.events .likes.border	{
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding-bottom: 10px;
}
.events .activity	{
	background: #E8E9ED;
	border-top: 1px solid rgba(0, 0, 0, .1);
	margin: 15px -15px -15px;
	position: relative;
	-moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;
}
.events .activity:before	{
	content: " ";
	background: url("img/arrows.png") no-repeat 0 0;
	width: 18px;
	height: 10px;
	display: block; 
	z-index: 1;
	position: absolute;
	top: -10px; 
	left: 13px; 
}
.events .comments li	{
	padding: 10px 15px;
	margin-bottom: 0;
	/* border-top: 1px solid rgba(255, 255, 255, .9); */
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	/* -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .9); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .9); box-shadow: 0 1px 0 rgba(255, 255, 255, .9); */
}
/* .events .comments li.top		{ border-top: none; } */
.events .comments li.bottom		{ 
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none; 
	border-bottom: none;
}
.events .comments li .info		{ 
	margin: 3px 0 0 40px; 
	line-height: 1.5em;
}
.events .comments li input		{ margin-right: 10px; }

/* Like + comment actions
----------------------------------------*/
.actions	  	{ line-height: 1.2em; }
.actions a,
.actions span		{ 
	color: #666; 
	text-decoration: none;
	font-weight: normal;
	margin-right: 10px;
}
.actions a:hover	{ 
	background-position: 0 -20px; 
	text-decoration: underline;
}
.actions span.icon-tiny, 
.actions span.icon-tiny a		{ 
	font-size: 11px;
	color: #999; 
	margin-right: 0;
}

/* Users
----------------------------------------*/
.users		{ margin-top: -15px; }
.users li	{
	float: left;
	margin: 20px 0 0 20px;
	position: relative;
	z-index: 1;
}
.users li:hover	{ 
	z-index: 99; 
	cursor: pointer;
}
.users li p		{
	background-color: #F7F7F7;
	background-image: -moz-linear-gradient(top, #F7F7F7, #E9E9E9);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F7F7F7),color-stop(1, #E9E9E9));  	
	padding: 5px 10px;
	position: absolute;
	left: 0; top: 60px;
	white-space: nowrap;
	z-index: 99;
	text-shadow: 0 1px 0 #fff;
	border: 1px solid rgba(0, 0, 0, .1);
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1); box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	display: none;
}
.users li p:before	{
	content: " ";
	background: url("img/arrows.png") -33px 0;
	width: 13px;
	height: 10px;
	display: block; 
	z-index: 1;
	position: absolute;
	top: -10px; 
	left: 10px;
}
.users li p a	{
	font-size: 11px;
	font-weight: bold;
	color: #435662;
}
.users li p span	{
	display: block;
	margin-top: 3px;
	font-size: 11px;
	color: #999;
}
.users li:hover p	{ display: block; }

.micro-users li	{
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}

.autocomplete .micro-users {
	position: absolute; top: 25px; left: 0; 
	z-index: 99; 
	background: #fff; 
	width: 306px; 
	border: 1px solid #ddd; border-top: none;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2); box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	-moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;
}
.autocomplete .micro-users li	{ 
	margin: 0 !important;
	padding: 5px 5px 10px;
	position: relative;
	border-bottom: none;
}
.autocomplete .micro-users li.bottom		{
	-moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;
}
.autocomplete .micro-users li.active	{
	background-color: #1976D9 !important;
	background-image: -moz-linear-gradient(center top , #319BE7, #1976D9) !important;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #319BE7),color-stop(1, #1976D9)) !important;   
	color: #fff;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .1);
	cursor: pointer;
}
.autocomplete .micro-users li.active .sec	{ color: #CDE7FD !important; }
.autocomplete .micro-users p 				{ padding-top: 0 !important; }
.autocomplete .micro-users li .info			{ margin-left:  30px; }

.micro-users li .avatar	{
	float: left;
	margin: 2px 10px 0 2px;
}
.micro-users li .info p	{
	margin-top: 4px;
}
.micro-users li .info p.sec	{
	font-size: 11px;
	color: #858585;
}
.micro-users li .info p.sec a	{ color: #858585; }
.micro-users li .add	{
	background: #eee;
	border: 1px solid rgba(0, 0, 0, 0.1);
	color: #999;
	display: block;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
	position:absolute; top: 5px; right: 0;
	width: 20px; height: 20px; 
	line-height: 20px;
	text-decoration: none;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
#near-userlist li .add {
	display: none;
	top: auto;
	bottom: 5px;
	right: 5px;
}
#near-userlist li:hover .add {
	display: block;
	opacity: 0.5;
}
#near-userlist li .add:hover {
	opacity: 1.0;
}
.micro-users li:hover .add	{
	background: #6FB121;
	color: #fff;
}
.micro-users li.bottom	{ border: none; }
.micro-users li.today	{ font-size: 14px; }
.micro-users li.today .info	{ margin-left: 40px; }
.micro-users li.today .sec	{ font-size: 12px; }
.micro-users li.today .button	{
	margin-top: 7px;
	font-size: 11px;
}

.generic-info dt	{
	color: #9ca1a6;
	margin-bottom: 5px;
	padding-top: 10px;
	border-top: 1px solid rgba(255, 255, 255, .9);
}
.generic-info .top	{
	padding-top: 0;
	border-top: none;
}
.generic-info .bottom	{
	border-bottom: none;
	padding-bottom: 0;
}
.generic-info dd	{
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.generic-info dd#map-location	{
	width: 220px;
	height: 180px;
}
.generic-info .icon	{ padding-left: 25px; }

.generic-actions	{ 
  padding-top: 10px; 
  border-top: 1px solid #fff;
}
.generic-actions.top	{ 
	padding-top: 0; 
	border-top: none;
}
.generic-actions li 	{ margin-bottom: 10px; }
.generic-actions li a.icon, 
.generic-actions li span.icon	{
	display: block;
	padding-left: 25px;
	color: #435662;
}
.generic-actions li a:hover			{ background-position: 0 -20px; }
.generic-actions li span.icon		{ color: #999; }

.friends	{ overflow: hidden; }
.friends li	{
	float: left;
	width: 328px;
	padding: 15px;
	overflow: hidden;
	border: 1px solid #ddd;
	border-width: 0 1px 1px 0;
}
.friends li.unique	{
	border: none;
	width: 688px;
}
.friends li.last	{
	border-right: none;
	width: 329px;
}
.friends li.bottom	{
	border-bottom: none;
}
.friends li .avatar	{
	float: left;
	display: block;
	margin-right: 10px;
}
.friends li .info	{
	position: relative;
	padding-right: 85px;
	margin-left: 65px;
}
.friends li h5	{
	padding: 5px 0 5px;
	font-size: 12px;
}
.friends li .actions	{
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	text-align: center;
}
.friends li .actions a.decline	{
	font-size: 11px;
	padding-left: 12px;
	margin-right: 0;
	background: url("img/icons/8_x.png") no-repeat 0 2px;
}
.friends li .actions a.button	{
	margin:  0 0 7px 0;
	text-decoration: none;
}
.friends li:hover	{
	background-color: #ffc;
	background-image: -moz-linear-gradient(top, #ffe, #ffc);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffe),color-stop(1, #ffc));  	
}
.friends li:hover a.button	{
	background: #6fb121 url("img/shine.png") repeat-x;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
	border: 
}
.friends li:hover a.decline	{ text-decoration: underline; }

.friends.full li		{ width: 288px; }
.friends.full li.last	{ width: 289px; }


/* Social
----------------------------------------*/
.social-buttons li	{ margin: 0 0 20px; }
.social-buttons a	{
	padding: 10px 10px 9px 50px;
	display: block;
	width: 80px;
	margin: 0 auto;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	color: #fff;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 0 2px rgba(0, 0, 0, .4); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 0 2px rgba(0, 0, 0, .4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 0 2px rgba(0, 0, 0, .4);
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;	
}
.social-buttons a.facebook	{
	background-color: #3b578a;
	background-image: -moz-linear-gradient(top, #6d8fbe, #3b578a);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #6d8fbe),color-stop(1, #3b578a));  	
	border: 1px solid #3b578d;
	text-shadow: 0 -1px 0 #3b578d;
}
.social-buttons a.twitter	{
	background-color: #6cabac;
	background-image: -moz-linear-gradient(top, #abd7d8, #6cabac);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #abd7d8),color-stop(1, #6cabac));  	
	border: 1px solid #74a2a2;
	text-shadow: 0 -1px 0 #305859;
}
.social-buttons a.google	{
	background-color: #01963a;
	background-image: -moz-linear-gradient(top, #4eb940, #01963a);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #4eb940),color-stop(1, #01963a));  	
	border: 1px solid #00742b;
	text-shadow: 0 -1px 0 #00742b;
}
.social-buttons a span	{
	position: absolute;
	top: -6px;
	left: 8px;
	display: block;
	width: 32px;
	height: 32px;
}
.social-buttons a.facebook span	{ background: url("img/icons/32_facebook.png") no-repeat; }
.social-buttons a.twitter span	{ background: url("img/icons/32_twitter.png") no-repeat; }
.social-buttons a.google span	{ background: url("img/icons/32_google.png") no-repeat; }
.social-buttons a:active		{ position: relative; top: 1px; }

/* Information
----------------------------------------*/
dl.info		{ overflow: hidden; }
dl.info dt,
dl.info dd 	{ margin-bottom: 10px; }
dl.info dt 	{
	color: #666;
	float: left;
}
dl.info dd 	{ margin-left: 200px; }
dl.info #all-clubs	{ 
	font-weight: bold; 
	padding-top: 10px;
}
#contact dl.info p {
	margin-bottom: 5px;
}

/* Photos & Albums
----------------------------------------*/
.albums li	{
	position: relative;
	display: inline-block;
	margin: 0 14px 15px 0;
	padding: 5px;
	vertical-align: top;
	background: url("img/album-mask.png") no-repeat;
}
.albums li a.cover,
.albums li a.zoom {
	display: block;
	width: 130px;
	height: 120px;
}
.photos li a.zoom {
	display: block;
	width: 138px;
	height: 92px;
}
.albums li .cover img,
.albums li .zoom img,
.photos li .zoom img { 
	z-index: 3; 
	position: absolute;
	top: 2px;
	left: 2px;	
	border: 3px solid #fff;
	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s ease-in;
	-moz-backface-visibility: hidden;
	-moz-transition: -moz-transform 0.3s ease-in;
	-o-backface-visibility: hidden;
	-o-transition: -o-transform 0.3s ease-in;
	backface-visibility: hidden;
	transition: transform 0.3s ease-in;
}
.photos li a.zoom img { 
	border: 1px solid #DDD; 
	top: 0;
	left: 0;
}

.albums li .cover img {
	-webkit-transform-origin: 50% 300%;
	-moz-transform-origin: 50% 300%;
	-o-transform-origin: 50% 300%;
	transform-origin: 50% 300%;
}
.albums .album-rot-image {
	position: absolute;
	left: 5px;
	top: 5px;
	-webkit-transform-origin: 50% 300%;
	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s ease-in;
	-moz-transform-origin: 50% 300%;
	-moz-backface-visibility: hidden;
	-moz-transition: -moz-transform 0.3s ease-in;
	-o-transform-origin: 50% 300%;
	-o-backface-visibility: hidden;
	-o-transition: -o-transform 0.3s ease-in;
	transform-origin: 50% 300%;
	backface-visibility: hidden;
	transition: transform 0.3s ease-in;
}
.albums .image-0 { z-index: 2; }
.albums .image-1 { z-index: 1; }

.albums li:hover .zoom img,
.photos li:hover .zoom img {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
	z-index: 12;
	box-shadow: 1px 1px 2px #666;	
	-webkit-box-shadow: 1px 1px 2px #666;
	-moz-box-shadow: 1px 1px 2px #666;
	-o-box-shadow: 1px 1px 2px #666;
}
.albums li:hover .cover img	 { 
	-webkit-transform: rotate(-5deg) scale(1.07); 
	-moz-transform: rotate(-5deg) scale(1.07);
	-o-transform: rotate(-5deg) scale(1.07);
	transform: rotate(-5deg) scale(1.07);
	z-index: 12;
	box-shadow: 1px 1px 2px #666;
	-webkit-box-shadow: 1px 1px 2px #666;
	-moz-box-shadow: 1px 1px 2px #666;
	-o-box-shadow: 1px 1px 2px #666;
}
.albums li:hover .image-0 { 
	-webkit-transform: rotate(5deg) scale(1.07); 
	-moz-transform: rotate(5deg) scale(1.07);
	-o-transform: rotate(5deg) scale(1.07);
	transform: rotate(5deg) scale(1.07);
	z-index: 11;
	border: 3px solid #fff;
	box-shadow: 1px 1px 2px #666;
	-webkit-box-shadow: 1px 1px 2px #666;
	-moz-box-shadow: 1px 1px 2px #666;
	-o-box-shadow: 1px 1px 2px #666;
}
.albums li:hover .image-1 {
	-webkit-transform: rotate(15deg) scale(1.07); 
	-moz-transform: rotate(15deg) scale(1.07);
	-o-transform: rotate(15deg) scale(1.07);
	transform: rotate(15deg) scale(1.07);
	z-index: 10;
	border: 3px solid #fff;
	box-shadow: 1px 1px 2px #666;
	-webkit-box-shadow: 1px 1px 2px #666;
	-moz-box-shadow: 1px 1px 2px #666;
	-o-box-shadow: 1px 1px 2px #666;
}


.albums li img	{ margin-bottom: 20px; }
.albums li h5	{ margin-bottom: 5px; }
.albums li span	{
	color: #858585;
	font-size: 11px;
}
.albums li.new	{
	width: 140px;
	height: 121px;
	line-height: 121px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 0;	
}
.albums li.new a	{ 
	color: #6fb121; 
	text-shadow: 0 -1px 0 #fff;
}
.albums li.new a:hover	{ color: #444; }
.albums li.no-img a.thumb	{
	display: block;
	width: 130px;
	height: 97px;
	margin-bottom: 23px;
	background: url("img/no-img.png") no-repeat center center;
	text-indent: -9999em;
}

.photos li	{
	display: inline-block;
	margin: 0 14px 15px 0;
	position: relative;
}
.photos li img	{
	padding: 4px;
	background: #fff;
	border: 1px solid #ddd;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.photos li span		{
	position: absolute; top: 5px; left: 5px;
	display: block;
	width: 130px;
	height: 97px;
	background: #000 url("img/icons/48_zoom.png") no-repeat center center;
	text-indent: -9999em;
	visibility: hidden;
	opacity: 0.4;
}
.photos li a:hover span	{ visibility: visible; }

.photo-container	{
	text-align: center;
	margin-bottom: 20px;
	position: relative;
}
.photo-nav				{ position: relative; }
.photo-nav .right		{ position: absolute; top: 10px; right: 10px; }

/* photo tagging */
.text-note	{
	text-align: left; 
	clear: both; 
	padding: 5px; 
	background: #E8E9ED; 
	line-height: normal; 
	white-space: nowrap; 
	z-index: 10; 
	border: 1px solid #ddd;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.text-note.self		{
	background: #ffc;
	border: 1px solid #dada99;
}
.text-note img		{ 
	vertical-align: middle; 
	margin-right: 3px; 
}
.text-note .remove	{ margin-left: 5px; }
.text-note-form 	{
	padding: 5px; 
	z-index: 50; 
	background: #E8E9ED; 
	border: 1px solid #ddd; 
	width: 240px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.text-note-form .field	{
	width: 240px; 
	padding: 2px 0; 
	display: block; 
	margin-bottom: 5px; 
}
.text-note-form .buttons	{
	margin-top: 5px;
	text-align: left; 
	font-size: 11px;
}
.text-note-form .button		{ font-size: 11px; }
.text-note-form .cancel		{ margin-left: 5px; }
.text-note-form .user-badge-container	{ 
	margin: 0 0 10px;
	text-align: left;
}

#tag-list li {
	margin: 0 0 5px 0;
	padding: 3px;
	text-align: left;
}
#tag-list li.active { 
	background: #D0D1D4;
	background: rgba(0, 0, 0, .1); 
}
#tag-list li span	{ color: #999; }

/* uploading photos */
#files-container .subheader	{ border-width: 1px; }
#files-container table		{
	width: 100%;
	background: #fafafa;
	border: 1px solid #ddd;
	border-bottom: none;
}
#files-container tbody th,
#files-container tbody td	{
	border-bottom: 1px solid #ddd;
	padding: 10px;
}
#files-container .file-remove	{ text-align: right; }
#files-container tfoot td		{ padding: 10px; }
#files-container tfoot a		{ margin-right: 5px; }

/* sidebar user photos */
.user-photos		{ margin: -20px 0 0 -20px; }
.user-photos li		{
	float: left;
	margin: 20px 0 0 20px;
	position: relative;
	z-index: 1;
}
.user-photos li:hover	{ 
	z-index: 99; 
	cursor: pointer;
}
.user-photos li p		{
	background-color: #E9E9E9;
	background-image: -moz-linear-gradient(top, #F7F7F7, #E9E9E9);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F7F7F7),color-stop(1, #E9E9E9));  	
	padding: 5px 10px;
	position: absolute;
	left: 0; top: 85px;
	white-space: nowrap;
	z-index: 99;
	text-shadow: 0 1px 0 #fff;
	border: 1px solid rgba(0, 0, 0, .1);
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1); box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	display: none;
}
.user-photos li p:before	{
	content: " ";
	background: url("img/arrows.png") -33px 0;
	width: 13px;
	height: 10px;
	display: block; 
	z-index: 1;
	position: absolute;
	top: -10px; 
	left: 10px; 
}
.user-photos li p a	{
	font-size: 11px;
	font-weight: bold;
	color: #435662;
}
.user-photos li:hover p	{ display: block; }
.user-photos li img	{
	padding: 2px;
	background: #fff;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .4); box-shadow: 0 0 2px rgba(0, 0, 0, .4);
}

/* Comments
----------------------------------------*/
.comments li	{
	padding: 10px 15px;
	margin-bottom: 0;
	/* border-top: 1px solid rgba(255, 255, 255, .9); */
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .9); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .9); box-shadow: 0 1px 0 rgba(255, 255, 255, .9);
}
.comments li .info		{ 
	margin: 3px 0 0 45px; 
	line-height: 1.2em;
}
.comments li.bottom,
.comments li.sum		{  -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.comments li.sum a		{
	font-weight: bold;
	color: #435662;
	padding-right: 12px;
	background: url("img/arrow-right.png") no-repeat center right;
}
.comments li .avatar	{
	float: left;
	position: relative;
	top: 1px;
	left: 1px;
}
.comments li .comment-footer	{ 
	margin-top: 3px;
	font-size: 11px; 
}
.comments li .comment-footer .cancel	{ margin-left: 5px; }
.comments li textarea	{
	width: 500px;
	margin-bottom: 10px;
}
.comments li .buttons	{ padding-left: 3px; }

.commentable .actions					{ 
	margin: 10px 0 0; 
	position: relative;
}
.commentable .actions span.icon-tiny	{ position: absolute; top: 0; right: 0; }
.commentable .likes			{ padding: 15px; }
.commentable .likes.border	{
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding-bottom: 15px;
}
.commentable .activity	{
	background: #e0e5e8;
	border: 1px solid rgba(0, 0, 0, .1);
	margin: 15px 0 0;
	position: relative;
	-moz-box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.commentable .activity:before	{
	content: " ";
	background: url("img/arrows.png") no-repeat 0 0;
	width: 18px;
	height: 10px;
	display: block; 
	z-index: 1;
	position: absolute;
	top: -10px; 
	left: 13px; 
}

/* Messages
----------------------------------------*/
/* message list */
.messages		{ width: 100%; }
.messages .img	{
	float: left;
	margin-right: 10px;
}
.messages th,
.messages td	{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	padding: 15px;
}
.messages th:hover,
.messages td:hover		{ cursor: pointer; }
.messages .bottom th,
.messages .bottom td,
.messages .more th		{ border: none; }
.messages .unread		{ -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1); box-shadow: 0 0 3px rgba(0, 0, 0, .1); }
.messages .unread th,
.messages .unread td	{
	background: #ffc; 
	background-image: -moz-linear-gradient(top, #ffe, #ffc); 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffe),color-stop(1, #ffc)); 
}
.messages .more th		{ text-align: center; }
.messages .more th a	{
	font-size: 14px;
	color: #435662;
}
.messages .more th a:hover	{ text-decoration: underline; }
.messages h5		{
	margin: 10px 0 5px;
	font-weight: normal;
}
.messages .unread h5	{ 
	font-weight: bold; 
	text-shadow: 1px 1px 0 #fff;
}
.messages .icon-date	{
	font-size: 11px;
	color: #999;
}
.messages .preview	{ color: #999; }
.messages a 		{
	color: #444;
	text-decoration: none;
}
.messages .avatar			{ width: 25%; }
.messages .avatar a			{ color: #2251A6; }
.messages .avatar a:hover	{ text-decoration: underline; }
.messages td			{ 
	text-align: right; 
	padding-right: 20px;
	width: 1%;
	white-space: nowrap;
}
.messages a.delete	{
	opacity: .6;
	position: relative; top: 17px;
}
.messages a.delete:hover	{ opacity: 1; }

/* message view */
.message-header	{
	padding: 15px;
	border-bottom: 1px solid #ddd;
	position: relative;
}
.message-header h2		{ margin-bottom: 10px; }
.message-header span 		{
	color: #999;
	white-space: nowrap;
	}
.message-header .tools	{
	position: absolute;
	bottom: 15px;
	right: 15px;
	max-width: 350px;
}
.message-header .tools a {
	font-weight: bold;
	margin-left: 10px;
	color: #435662;
}
.message		{ width: 100%; }
.message th,
.message td		{
	border-bottom: 1px solid #ddd;
	padding: 15px;
	vertical-align: top;
}
.message th	{
	width: 1%;
	white-space: nowrap;
	border-right: 1px solid #ddd;
}
.message .bottom th,
.message .bottom td	{
	border-bottom: none;
}
.message .user	{
	color: #999;
	margin-bottom: 10px;
}
.message .body p	{
	line-height: 1.4em;
	margin-bottom: 5px;
}
.message textarea	{
	width: 500px;
	height: 100px;
	display: block;
	margin-bottom: 10px;
}
.message .icon-date	{
	font-size: 11px;
	font-weight: normal;
	margin-left: 5px;
}

/* Maps
----------------------------------------*/
#map-location	{
	position: relative;
	display: block;
	margin: 0 auto;
	cursor: pointer;
}
#map-location.full	{
	width: 640px;
	height: 400px;
	cursor: default;
}
#map-location img				{ position: absolute; top: 0; left: 0; }
#map-location #location-knob	{
	padding: 20px;
	position: absolute;
	top: 65px;
	left: 87px;
}
#map-location.full #location-knob 	{ top: 175px; left: 304px; }

#overlay-map .location-knob {
	position: absolute;
	top: 125px;
	left: 250px;
}

#friends-map .knob,
#near-map .knob { cursor: pointer; }

@-webkit-keyframes bounce {
	
   	from 	{ 
		-webkit-transform: translate(0, -10px);
	}
	to 		{ 
		-webkit-transform: translate(0, 10px);
	}
}

.agent-chrome #near-map .knob { -webkit-transition: all 0.3s ease-in-out; }
.agent-chrome #near-map .active .avatar-pop {
	-webkit-backface-visibility: hidden;
	-webkit-animation: bounce 0.5s infinite alternate ease-in-out;
}

#near-map .knob {
	opacity: 0.5;
	z-index: 0;
}
#near-map .active {
	opacity: 1;
	z-index: 999;
}

#near-map .knob em,
#overlay-map .location-knob em,
#friends-map .knob em,
#map-location #location-knob em		{
	background: url("img/icons/16_bullet_green.png") no-repeat;
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -99999em;
}
#near-map .active em { background: url("img/icons/16_bullet_green_active.png") no-repeat; }

#near-map .knob .avatar-pop,
#overlay-map .location-knob .avatar-pop,
#friends-map .knob .avatar-pop,
#map-location #location-knob .avatar-pop	{
	position: absolute;
	top: -22px;
	left: 10px;
	background: url("img/map-pin.png") no-repeat;
	width: 36px;
	height: 42px;
}
#near-map .active .avatar-pop { 
	background: url("img/map-pin-active.png") no-repeat; 
}

#near-map .knob .avatar-pop,
#overlay-map .location-knob .avatar-pop,
#friends-map .knob .avatar-pop {
	top: -40px;
	left: -10px;
}

#near-map .knob .avatar-pop div,
#overlay-map .location-knob .avatar-pop div,
#friends-map .knob .avatar-pop div,
#map-location #location-knob .avatar-pop div {
	text-align: center;
	letter-spacing: -0.1em;
	position: relative;
	top: -1px;
	font-size: 6px;
}

#near-map .knob .avatar-pop img,
#overlay-map .location-knob .avatar-pop img,
#friends-map .knob .avatar-pop img,
#map-location #location-knob .avatar-pop img	{
	position: absolute;
	top: 6px;
	left: 6px;
}

#friends-map {
	width : 718px;
	height: 500px;
	position: relative;
}

#friends-map strong {
	display: block;
	width: 100px;
	text-align: center;
	margin: 0 auto;
	color: #ddd;
	padding-top: 200px;
	font-size: 30px;
}

#near-map {
	width : 580px;
	height: 560px;
	float: left;
	max-height: 560px;
	position: relative;
	margin-right: 1px;
}
#near-userlist {
	width: 204px;
	height: 550px;
	zoom: 1;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #f9f9f9;
	padding: 5px 10px 5px 5px;
}
#near-map strong {
	display: block;
	text-align: center;
	margin: 0 auto;
	color: #ddd;
	padding-top: 110px;
	font-size: 30px;
}
#near-userlist .info p {
	white-space: nowrap;
}
#near-userlist li {
	overflow: hidden;
	padding: 5px;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
	margin-bottom: 0;
}
#near-userlist li:hover,
#near-userlist li.active {
	background-color: #b2caed;
	background-color: rgba(178, 202, 237, 0.3);
}

.overlay-inner .help {
	margin-top: 1px;
}

/* Forms
----------------------------------------*/
.field 	{
	border: 1px solid #bbb;
	/* border-color: #6f6f6f #ccc #ccc #ccc; */
	border-color: #bbb;
	padding: 3px;
	background-color: #FAFAFA;
	outline: none;
	vertical-align: middle;
	font-size: 12px;
}
textarea.field 	{ overflow: auto; }
select.field 	{ padding: 2px; }
.field-focus,
.field:focus 	{ background-color: white; }
.field-pale		{ color: #999; }
.field-auto		{ width: auto !important; }

.button {
	background: #eee url("img/shine.png") repeat-x;
	display: inline-block;
	padding: 4px 8px !important;
	color: #666;
	text-decoration: none;
	font-weight: bold !important;
	line-height: 1;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
	text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(0,0,0,0.25) !important;
	position: relative;
	cursor: pointer;
}
.button:focus	{ 
	border: 1px solid rgba(0, 0, 0, .8); 
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.8); box-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
.button:active	{ position: relative; top: 1px; }
a.button:hover	{ text-decoration: none; }
.button-orange	{ background-color: #e37400; color: #fff; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); }
.button-green	{ background-color: #6fb121; color: #fff; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); }
.button-blue	{ background-color: #2176b1; color: #fff; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); }
.button-red		{ background-color: #c00; color: #fff; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); }
.button-simple	{
	border: 1px solid rgba(0, 0, 0, .1);
	color: #666;
	text-shadow: none;
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
.button-simple:hover	{ background-color: #fafafa; color: #444; }
.button-loading			{
	background: #eee url("img/loader.gif") no-repeat 5px 50%;
	color: #999;
	padding-left: 25px !important;
	text-shadow: 0 -1px 1px #fff;
}

.form-inline li			{
	margin-bottom: 10px;
}
.form-inline label		{
	display: inline-block;
	width: 80px;
	margin-right: 20px;
	vertical-align: top;
	color: #6e757a;
	padding-top: 4px;
	text-align: right;
}
.form-inline .fields	{
	display: inline-block;
	width: 360px;
}
.form-inline .fields .field	{
	width: 320px;
}

.form-simple .buttons			{ margin-top: 10px; }
.form-simple .buttons input		{ margin-right: 10px; }

/* Icons
----------------------------------------*/
.icon				{ 
	padding-left: 20px; 
	text-decoration: none; 
	background-repeat: no-repeat;
	background-position: top left;
}
.icon-like				{ background-image: url("img/icons/16_like.png"); }
.icon-like.liked,
.icon-like.liked:hover	{ background-position: 0 -40px; }
.icon-comment			{ background-image: url("img/icons/16_comment.png"); }
.icon-comment.commented,
.icon-comment.commented:hover	{ background-position: 0 -40px; }
.icon-date			{ background-image: url("img/icons/16_date.png"); }
.icon-home			{ background-image: url("img/icons/16_home.png"); }
.icon-photos		{ background-image: url("img/icons/16_photo.png"); }
.icon-info			{ background-image: url("img/icons/16_info.png"); }
.icon-sent			{ background-image: url("img/icons/16_sent.png"); }
.icon-email			{ background-image: url("img/icons/16_email.png"); }
.icon-message		{ background-image: url("img/icons/16_message.png"); }
.icon-friends		{ background-image: url("img/icons/16_friends.png"); }
.icon-friend-remove	{ background-image: url("img/icons/16_friend_remove.png"); }
.icon-profile		{ background-image: url("img/icons/16_profile.png"); }
.icon-view			{ background-image: url("img/icons/16_eye.png"); }
.icon-add			{ background-image: url("img/icons/16_add.png"); }
.icon-delete		{ background-image: url("img/icons/16_delete.png"); }
.icon-ok			{ background-image: url("img/icons/16_tick.png"); }
.icon-link			{ background-image: url("img/icons/16_link.png"); }
.icon-pathfinder	{ background-image: url("img/icons/16_pathfinder.png"); }
.icon-edit			{ background-image: url("img/icons/16_edit.png"); }
.icon-status		{ background-image: url("img/icons/16_status.png"); }
.icon-note			{ background-image: url("img/icons/16_note.png"); }
.icon-block			{ background-image: url("img/icons/16_block.png"); }
.icon-tag			{ background-image: url("img/icons/16_tag.png"); }
.icon-fullsize		{ background-image: url("img/icons/16_fullsize.png"); }
.icon-loading		{ background-image: url("img/icons/16_loading.png"); }
.icon-present		{ background-image: url("img/icons/16_present.png"); }
.icon-move			{ background-image: url("img/icons/16_move.png"); }
.icon-twitter		{ background-image: url("img/icons/16_twitter.png"); }
.icon-slideshow		{ background-image: url("img/icons/16_slideshow.png"); }
.icon-report		{ background-image: url("img/icons/16_report.png"); }

.icon-tab-suggested	{ background-image: url("img/icons/16_tab_suggested.png"); }
.icon-tab-friends	{ background-image: url("img/icons/16_tab_friends.png"); }
.icon-tab-requests	{ background-image: url("img/icons/16_tab_requests.png"); }
.icon-tab-outgoing	{ background-image: url("img/icons/16_tab_outgoing.png"); }

.icon-tiny				{ padding-left: 16px; }
.icon-tiny.icon-date	{ background: transparent url("img/icons/12_date.png") no-repeat top left; }
.icon-tiny.icon-edit	{ background: transparent url("img/icons/12_edit.png") no-repeat top left; }
.icon-tiny.icon-upload	{ background: transparent url("img/icons/12_upload.png") no-repeat top left; }

.icon-tiny.icon-delete-white 	{ background: transparent url("img/icons/12_delete_white.png") no-repeat left 2px; }
.icon-tiny.icon-edit-white 		{ background: transparent url("img/icons/12_edit_white.png") no-repeat left top; }
.icon-tiny.icon-move-white 		{ background: transparent url("img/icons/12_move_white.png") no-repeat left 3px; }

.icon-online,
.icon-away {
	position: relative;
}
.icon-online span,
.icon-away span {
	position: absolute;
	left: 5px;
	top: 2px;
	display: block;
	width: 10px;
	height: 10px;
	text-indent: -999999px;
}

.icon-online span 	{ background: transparent url("http://sobpool.phaistosnetworks.gr/pathfinder/core/assets/matrix/matrix.png?v=1") no-repeat scroll 0 0 !important; }
.icon-away 	 span 	{ background: transparent url("http://sobpool.phaistosnetworks.gr/pathfinder/core/assets/matrix/matrix.png?v=1") no-repeat scroll -44px 0 !important; }

.icon-addA			{ 
	width: 16px;
	height: 16px;
	position: relative;
	top: -2px;
	display: inline-block;
	text-indent: -99999px;
	background-image: url("img/icons/16_addA.png"); 	
	padding: 0;
}
.icon-addA:hover	{ background-position: 0 -16px; }

.icon-removeA		{ 
	position: relative;
	top: -2px;
	padding: 0;
	width: 16px;
	height: 16px;
	display: inline-block;
	text-indent: -99999px;
	background-image: url("img/icons/16_removeA.png"); 
}
.icon-removeA:hover	{ background-position: 0 -16px; }

/* Pagination
----------------------------------------*/
.pagination		{
	text-align: center;
	background: #f2f2f2; 
	background-image: -moz-linear-gradient(top, #fff, #f2f2f2); 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #f2f2f2)); 
	border: 1px solid #ccc;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.pagination li 	{ float: left; }
.pagination li a,
.pagination li span	{
	padding: 4px 10px 5px;
	display: block;
	font-weight: bold;
	color: #999;
	text-shadow: 1px 1px 0 #fff;
	text-decoration: none;
	position: relative;
	border-right: 1px solid rgba(0, 0, 0, .1);
	border-left: 1px solid rgba(255, 255, 255, .1);
}
.pagination li.inactive a,
.pagination li.inactive span	{ color: #ccc; }
.pagination li.active span,
.pagination li a:hover			{ color: #444; }
.pagination li.active span:after	{
	content: " ";
	background: url("img/arrows.png") no-repeat -46px -5px;
	width: 8px;
	height: 5px;
	display: block; 
	z-index: 1;
	position: absolute;
	bottom: -1px; 
	left: 10px; 
}
.pagination li.last a,
.pagination li.last span	{ border-right: none; }
.pagination-legend		{
	color: #999;
	position: relative; top: 5px;
}

/* Tabs
----------------------------------------*/
.tabs		{ position: relative; top: 1px; }
.tabs li	{ display: inline-block; }
.tabs li a	{
	background-color: #f8f8f8;
	color: #999;
	display: block;
	padding: 4px 8px;
	border: 1px solid #dfdfdf;
	border-bottom: none;
	text-shadow: 1px 1px 0 #fff;
	-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px;
}
.tabs li a:hover	{ color: #666; }
.tabs li.active a	{
	background-color: #fff;
	color: #444;
	padding-bottom: 5px;
	border-color: #ddd;
}
.tabs li.right	{
	float: none;
	position: relative; top: 0; right: 0;
}

.tabs.big li a	{
	padding: 10px 16px;
	font-size: 14px;
	font-weight: bold;
}
.tabs.big li.active a	{ padding-bottom: 11px; }

.tabs li a.icon	{
	padding-left: 30px;
	background-position: 9px 8px;
}

#friends-tab .pale {
	margin: 20px;
}

/* Progress bar
----------------------------------------*/
.progress {
	-moz-border-radius: 19px; -webkit-border-radius: 19px; border-radius: 19px;
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 0 0 #fff; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 0 0 #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 0 0 #fff;
	background: rgba(0, 0, 0, 0.1);
	height: 22px;
	padding-right: 2px;
	position: relative;
}
.progress div {
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	-moz-box-shadow: 0 1px 0 0 #fff0e4 inset, 0 -1px 1px #854717 inset; -webkit-box-shadow: 0 1px 0 0 #fff0e4 inset, 0 -1px 1px #854717 inset; box-shadow: 0 1px 0 0 #fff0e4 inset, 0 -1px 1px #854717 inset;
	background: #E37400 url("img/shine.png") repeat-x;
	border: 1px solid #a3571d;
	display: block;
	height: 20px;
	overflow: hidden;
	position: relative;
}
.progress div span {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45);
  color: rgba(0, 0, 0, 0.6);
  font-weight: bold;
  line-height: 22px;
  padding-right: 12px;
  position: absolute;
  right: 0;
  white-space: nowrap;
}


/* Misc
----------------------------------------*/
.left			{ float: left !important; }
.right			{ float: right !important; }
.clr			{ 
	min-height: 0px; 
	zoom: 1;
}


.clr:after 		{
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
}
.foo	{
	color: #2251A6;
	text-decoration: underline;
	cursor: pointer;
}
.hi		{
	background: #ffffad;
	padding: 1px 2px;
}
.pale	{
	margin-top: 10px;
	padding-left: 60px;
	background: url("img/alert.png") no-repeat top left;
	min-height: 48px;
}
.pale h4	{
	padding: 3px 0 5px;
	color: #999;
}
.pale p		{ color: #ccc; }
.warning	{
	padding-left: 60px;
	background: url("img/alert.png") no-repeat top left;
	min-height: 48px;
}
.warning h4,
.success h4	{ padding: 3px 0 5px; }
.warning ul	{ margin-top: 15px; }
.warning li	{
	margin: 10px 0 0 20px;
	list-style: disc;
	color: #666;
}
.warning p,
.success p	{ line-height: 1.5em; }
.success	{
	padding-left: 60px;
	background: url("img/ok.png") no-repeat top left;
	min-height: 48px;
}
.last	{ margin-right: 0 !important; }
.bottom { margin-bottom: 0 !important; }
.cancel	{
	padding-left: 12px;
	color: #666;
	background: url("img/icons/8_x.png") no-repeat 0 3px;
}
.badge	{
	position: absolute;
	top: -8px; right: -8px;
	background: #b00; 
	background-image: -moz-linear-gradient(top, #ed3939, #b00); 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ed3939),color-stop(1, #b00)); 
	display: block;
	width: 17px; height: 17px;
	text-align: center;
	color: #fff;
	font: bold 9px "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 17px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 1);
	border: 1px solid rgba(0, 0, 0, .1);
	-moz-border-radius: 19px; -webkit-border-radius: 19px; border-radius: 19px;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 0 rgba(0, 0, 0, .4); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 0 rgba(0, 0, 0, .4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 0 rgba(0, 0, 0, .4);
}
.badge a	{ 
	text-indent: 0 !important; 
	width: auto !important;
	height: auto !important;
	text-decoration: none !important;
}
.date	{
	font-size: 11px;
	color: #999;
}
.date a	{ color: #999; }
.profile	{
	font-weight: bold;
}
.img	{
	padding: 2px;
	background: #fff;
	/* -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .4); box-shadow: 0 0 2px rgba(0, 0, 0, .4);
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
	*/
}
.inset,
.users li	{
	position: relative;
	z-index: 1;
}
.inset a:after,
.users li a.avatar:after	{
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 2;
	width: 50px;
	height: 50px;
	background: url("img/avatar-mask.png") no-repeat;
}
.editable		{ padding: 5px; }
.editable:hover	{
	background: #ffe;
	cursor: pointer;	
}
.editable:hover .icon-tiny	{ text-decoration: underline; }
.editable .icon-tiny		{	 
	font-size: 11px;
	color: #666;
	margin-left: 5px;
}
.sub	{
	font-size: 11px;
	color: #999;
}
.tip	{
	padding: 5px;
	font-size: 10px;
	font-weight: bold;
	opacity: .8;
	filter: alpha(opacity=80);
	background-repeat: no-repeat;
	background-image: url("img/tooltip.gif");
}
.tip-inner {
	padding: 5px 8px 4px 8px;
	background-color: #ffa;
	color: #435662;
	max-width: 200px;
	text-align: center;
	display: inline-block;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.tip-north 	{ background-position: top center; }
.tip-south 	{ background-position: bottom center; }
.tip-east  	{ background-position: right center; }
.tip-west	{ background-position: left center; }

.ccounter	{
	font-size: 16px;
	color: #999;
}
.ccounter.red	{ color: #c00; }

.chat_avatar {
	display: block;
	position: relative;
	
}
.chat_avatar:hover {
	text-decoration: none !important;
	border: none !important;
}
.chat_avatar strong {
	position: absolute;
	display: block;
	top: -3px;
	left: -3px;
	width: 8px;
	height: 8px;
	overflow: hidden;
	text-indent: -99999px;
	z-index: 20;
	-moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;
	-moz-box-shadow: 0 0px 1px rgba(255, 255, 255, 1); -webkit-box-shadow: 0 0px 1px rgba(255, 255, 255, 1); box-shadow: 0 0px 1px rgba(255, 255, 255, 1);	
}
.chat_avatar strong.online 	{ background: transparent url("http://sobpool.phaistosnetworks.gr/pathfinder/core/assets/matrix/matrix.png?v=1") no-repeat scroll 0 0 !important; }
.chat_avatar strong.away 	{ background: transparent url("http://sobpool.phaistosnetworks.gr/pathfinder/core/assets/matrix/matrix.png?v=1") no-repeat scroll -44px 0 !important; }

#images-box a.selected img {
	border-color: #2176b1;
	background-color: #2176b1;
	-moz-box-shadow: 0 0px 1px #2176b1; -webkit-box-shadow: 0 0px 3px #2176b1; box-shadow: 0 0px 1px #2176b1;
}
#images-box .pale {
	margin: 10px 0;
}
#images-box ul.photos {
	width: 625px;
	margin: 0 auto;
}
#edit-images-footer .subheader a {
	text-decoration: none;
	font-size: 12px;
	margin-right: 10px;
}

#edit-images-footer .subheader a.disabled {
	background-color: #777;
	color: #dd;
}

/* Mobile Code
----------------------------------------*/
#mobile-code	{
	font: bold 18px Arial, "Times New Roman", serif;
	}	
#mobile-code em	{
	color: green;
	font-style: normal;
	}

#notifier {
	width: 960px;
	margin: 60px auto 0 auto;
	background: #4c6177;
	overflow: hidden;
	line-height: 2.3em;
	color: white;
	text-shadow: 1px 1px 0px rgba(0,0,0,.08);
	border-radius: 3px;
	font-size: 11px;
	font-weight: bold;
}
#notifier strong {
	color: #fcfccc;
}
#notifier .left {
	color: #e9e9e9;
	border-right: 2px solid white;
	float: left;
	background: #343e48;
	width: 170px;
	text-align: right;
	padding-right: 10px;
	margin-right: 10px;
}
#notifier a,
#notifier a:hover,
#notifier a:visited,
#notifier a:active {
	text-decoration: underline;
	color: white;
}



/* Webkit-only hacks
 * ugly I KNOW, but :/
----------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #side .box.cta a					{ letter-spacing: -1px; }
}