/* Page Profil style sheet */
/* Unikity - Alexandre COLLIN - 19/12/08 */

/****** Action Bloc CSS *******/
#actions-bloc {
	margin: 10px 0 0 0;
}

#actions-bloc ul {
	list-style: none;
	margin: 0;
}

#actions-bloc ul li {
	list-style: none;
	margin: 0 2px;
	float: left;
}

#actions-bloc a.btn-action {
	display: block;
	background: url('/themes/blue/images/backgrounds/bg_action_profil.png') no-repeat;
	height: 29px;
	width: 150px;
	color: #3b3b3b;
	font-size: 83%;
	font-weight: bold;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.unikity.fr/themes/blue/images/backgrounds/bg_action_profil.png", sizingMethod="crop");
}

#actions-bloc a.btn-action:hover {
	/*text-decoration: none;*/
}

#actions-bloc a.btn-action .icon {
	width: 16px;
	height: 16px;
	float: left;
	margin: 7px 0 0 6px;
}

#actions-bloc a.btn-action .label {
	white-space: nowrap;
	width: 120px;
	float: left;
	margin: 9px 0 0 0;
	_margin: 7px 0 0 0; /* fix for ie6 */
	padding: 0 0 0 6px;
	text-align: left;
}

#actions-bloc a.add-friend .icon {
	background: url('/themes/blue/images/icons/profil/ico_addfriend.png') no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.unikity.fr/themes/blue/images/icons/profil/ico_addfriend.png", sizingMethod="crop");
}

#actions-bloc a.write .icon {
	background: url('/themes/blue/images/icons/profil/ico_write.png') no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.unikity.fr/themes/blue/images/icons/profil/ico_write.png", sizingMethod="crop");
}

#actions-bloc a.add-comment .icon {
	background: url('/themes/blue/images/icons/profil/ico_addcomment.png') no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.unikity.fr/themes/blue/images/icons/profil/ico_addcomment.png", sizingMethod="crop");
}

#actions-bloc a.suggest-friend .icon {
	background: url('/themes/blue/images/icons/profil/ico_suggestfriend.png') no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.unikity.fr/themes/blue/images/icons/profil/ico_suggestfriend.png", sizingMethod="crop");
}

#actions-bloc a.block-user .icon {
	background: url('/themes/blue/images/icons/profil/ico_blockuser.png') no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.unikity.fr/themes/blue/images/icons/profil/ico_blockuser.png", sizingMethod="crop");
}

#actions-bloc a.signal-user .icon {
	background: url('/themes/blue/images/icons/profil/ico_signaluser.png') no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.unikity.fr/themes/blue/images/icons/profil/ico_signaluser.png", sizingMethod="crop");
}

#actions-bloc a.delete-friend .icon {
	background: url('/themes/blue/images/icons/profil/ico_deletefriend.png') no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.unikity.fr/themes/blue/images/icons/profil/ico_deletefriend.png", sizingMethod="crop");
}


/****** Comments Module CSS *******/

#comment-module { }

#comment-list li {
	list-style: none;
	clear: both;
	width: 630x;
}

#comment-list li .picture {
	float: left;
	width: 50px;
	height: 50px;
	padding: 0 0 0 2px;
}

#comment-list li .picture img {
	border: solid 1px #bdc7d8;
	width: 50px;
	height: 50px;
	padding: 2px;
}

#comment-list li .message {
	min-height: 55px;
	margin: 0 0 0 15px;
	float: left;
}

#comment-list li .message p {
	margin: 0; 
	padding: 0 0 2px 0;
}


#comment-list li .message .title {
	color: #3b3b3b;
	margin: 0 0 2px 0;
}

#comment-module li .message .time {
	font-weight: normal;
	font-size: 85%;
	_font-style: italic; /* just for ie6, more userfriendly */
}

#comment-module li a.delete {
	margin: 8px 0 0 0;
	width: 13px;
	height: 12px;
	float: left;
	display: none;
}	

#previous-comments {
	float: left;
	margin: 5px;
	font-size: 85%;
}

#next-comments {
	float: right;
	margin: 5px;
	font-size: 85%;
}

/* Left Module */
.left #comment-module ul {
	padding: 6px 6px 0 6px;
}

.left #comment-list li .message {
	width: 535px;
}

.left #comment-list li {
	margin: 0 0 6px 0;
	padding: 0 0 3px 0;
}

/* Right Module */
.right #comment-list li .message {
	width: 240px;
}

.right #comment-list {
	padding: 6px 3px 0 3px;
}

.right #comment-list li {
	margin: 0 0 6px 0;
	padding: 0 0 2px 0;
	border-bottom: dotted 1px #b0d3e3;
}

/****** Advertising Module CSS *******/

#advertising-module { 
	width: 300px;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
	padding: 3px 0 3px 0;
}

/****** Universes Module CSS *******/

#universes-module { }

#universes-module ul {
	list-style: none;	
	_height: 1px; /* Fix ie6 bug with the height involved by the float */
}

#universes-module ul li {
	list-style: none;
	float: left;
}

#universes-module ul li .universe-item .description {
	padding: 5px 0 0 10px;
	float: left;
}

#universes-module .description h3 a, .module #universes-module .description h3 a:visited {
	font-size: 85%;
	color: #3b3b3b;
} 

#universes-module .description .nb-subscribe {
	font-size: 83%;
}

/* Left Module */
.left #universes-module .description h3 a, 
.left #universes-module .description h3 a:visited {
	font-size: 93%
}

.left #universes-module ul li .universe-item .picture,
.left #universes-module ul li .universe-item .picture img {
	width: 50px;
	height: 50px;
	float: left;
}

.left #universes-module ul li .universe-item .description { width: 132px; }
.left #universes-module ul { padding: 2px 0 3px 6px; }

.left #universes-module ul li {
	width: 195px;
	height: 50px;
	margin: 5px 5px 0 5px;
}

/* Right Module */
.right #universes-module ul li .universe-item .picture,
.right #universes-module ul li .universe-item .picture img {
	width: 45px;
	height: 45px;
	float: left;
}

.right #universes-module ul li .universe-item .description { width: 88px; }
.right #universes-module ul { padding: 2px 0 3px 0; }


.right #universes-module ul { padding: 0 0 0 2px; }
.right #universes-module ul li {
	width: 146px;
	height: 45px;
	margin: 3px 0 0 3px;
}


/****** Friends Module CSS *******/

#friends-module { padding: 3px; }

#friends-module .categ-header h3 {
	font-size: 1em;
	font-weight: normal;
	width: 45%;
	display: block;
	float: left;
}

#friends-module .categ-header span {
	font-size: 0.8em;
	text-align: right;
	width: 45%;
	display: block;
	float: right;
	padding-top: 2px;
}

#friends-module ul {
	list-style: none;	
	_height: 1px; /* Fix ie6 bug with the height involved by the float */
}

#friends-module ul li {
	list-style: none;
	float: left;
	margin: 4px;
	_margin: 3px; /* Hack for ie6 */
	width: 50px;
	height: 50px;
}


#friends-module ul li img {
	width: 50px;
	height: 50px;
	border: solid 1px #b0d3e3;
}

#friends-module #common-friends {
	padding-bottom: 10px;
}

#friends-module #all-friends { }

/* Left Module */
.left #friends-module .categ-header h3 { margin: 0 0 0 5px; }
.left #friends-module .categ-header span { margin: 0 5px 0 0; }
.right #friends-module ul { margin: 0 0 0 6px; }
.left #friends-module ul li { margin: 3px 6px; _margin: 3px 5px; }

/* Right Module */
.right #friends-module .categ-header h3 { margin: 0 0 0 5px; }
.right #friends-module .categ-header span { margin: 0 5px 0 0; }
.right #friends-module ul { margin: 0 0 0 4px; }
.right #friends-module ul li { 
	margin: 4px 4px;
	_margin: 3px; /* Hack for ie6 */ 
}


/****** Pictures Module CSS *******/

#pictures-module { }

#pictures-module ul {
	list-style: none;	
	_height: 1px; /* Fix ie6 bug with the height involved by the float */
}

#pictures-module ul li {
	list-style: none;
	width: 50px;
	height: 50px;
	float: left;
	_margin: 3px; /* Hack for ie6 */
}

#pictures-module ul li img {
	width: 50px;
	height: 50px;
	border: solid 1px #b0d3e3;
}

/* Left Module */
.left #pictures-module ul { padding: 6px 0 0 6px; }
.left #pictures-module ul li { margin: 3px 6px; _margin: 3px 5px; }

/* Right Module */
.right #pictures-module ul { padding: 2px 0 0 2px; }
.right #pictures-module ul li { 
	margin: 3px 5px;
	_margin: 3px; /* Hack for ie6 */ 
}


/****** Last Visitors Module CSS *******/

#visitors-module { min-height: 50px; padding-bottom: 4px; }

#visitors-module ul {
	list-style: none;	
	_height: 1px; /* Fix ie6 bug with the height involved by the float */
}

#visitors-module ul li {
	list-style: none;
	width: 50px;
	height: 50px;
	float: left;
	_margin: 3px; /* Hack for ie6 */
}

#visitors-module ul li img {
	width: 50px;
	height: 50px;
	border: solid 1px #b0d3e3;
}

/* Left Module */
.left #visitors-module ul { padding: 6px 0 0 6px; }
.left #visitors-module ul li { margin: 3px 6px; _margin: 3px 5px; }

/* Right Module */
.right #visitors-module ul { padding: 2px 0 0 2px; }
.right #visitors-module ul li { 
	margin: 3px 5px;
	_margin: 3px; /* Hack for ie6 */
}



/****** Favorite Places Module CSS *******/

#favoritePlaces-module { }

#favoritePlaces-module #places-list {
	float: left;
}

#favoritePlaces-module #places-list ul {
	list-style: none;
	_height: 1px; /* Fix ie6 bug with the height involved by the float */
	border-right: solid 1px #d8dfea;
}

#favoritePlaces-module #places-list ul li {
	list-style: none;
	border-bottom: solid 1px #d8dfea;
}

#favoritePlaces-module .rank {
	color: #fff;
	background: url('/themes/blue/images/backgrounds/bg_favoritePlaces-module_rank.png') no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.unikity.fr/themes/blue/images/backgrounds/bg_favoritePlaces-module_rank.png", sizingMethod="crop");
	height: 20px;
	width: 20px;
	float: left;
}

#favoritePlaces-module .rank p {
	text-align: center;
	padding: 2px 0 0 1px;
	font-weight: bold;
	font-size: 93%;
}

#favoritePlaces-module .infos {
	float: left;
}

#favoritePlaces-module .infos p {
	margin: 0;
	padding: 0;
	line-height: 85%;
}

#favoritePlaces-module .infos h3 {
	display: inline;
}

#favoritePlaces-module .infos .categ,
#favoritePlaces-module .infos .adress {
	font-size: 85%;
}

#favoritePlaces-module .rating {
	padding: 5px 0 0 0;
	width: 85px;
	height: 40px;
	float: right;
}

#favoritePlaces-module #places-map {
	width: 260px;
	height: 255px;
	float: left;
}

#favoritePlaces-module #places-map img {
	border: solid 1px #0075bd;
	margin: 7px;
}

/* Left Module */
.left #favoritePlaces-module #places-list { width: 365px; height: 30px; }
.left #favoritePlaces-module #places-list ul { margin: 3px 0 0 0; }
.left #favoritePlaces-module #places-list ul li { width: 360px; margin: 6px 0 0 0; }
.left #favoritePlaces-module .rank { margin: 5px 6px 0 6px; }
.left #favoritePlaces-module .infos { width: 235px; }
.left #favoritePlaces-module .see-all { margin: 0px 5px 5px 0; }

/* Right Module */
.right #favoritePlaces-module #places-list { width: 305px; }
.right #favoritePlaces-module #places-list ul { margin: 3px 0 0 0; }
.right #favoritePlaces-module #places-list ul li { margin: 6px 0 0 0; }
.right #favoritePlaces-module .rank { margin: 5px 6px 0 6px; }
.right #favoritePlaces-module .infos { width: 170px; }
.right #favoritePlaces-module #places-map { display: none; }

/****** Member actions Module CSS *******/

#action-module { }

#action-module ul.actions-list { }
#action-module ul.actions-list li { list-style: none; }

#action-module ul.actions-list li.date { 
	width: 615px;
	margin: 10px 0 8px 10px;  
	font-weight: bold; 
	color: #2d2d2d; 
	border-bottom: solid 1px #b0d3e3;
	padding-bottom: 3px;
}

#action-module ul.actions-list li.action-item { 
	list-style: none; 
	width: 600px;
	margin: 0 0 0 25px;
	padding-bottom: 8px;
}
#action-module ul.actions-list li.action-item .label {
	width: 570px;
	margin-right: 5px;
	float: left;
}

#action-module ul.actions-list a.delete {
	margin: 5px 0 0 0;
	width: 16px;
	height: 16px;
	float: left;
	display: none;
	border: solid 1px red;
}	





/****** Profil Module CSS *******/

#profil-module { padding-top: 20px; }

#profil-module #navbar {
	margin: 10px 0 0 0;	
}

.navlink ul {
	list-style: none;
	height: 21px;
}

.navlink li {
	list-style: none;
	height: 21px;
	float: left;
	font-weight: normal;
	text-align: center;
	line-height: 21px;
	margin: 0 1px 0 0;
	font-size: .9em;
}

	.navlink li.first {
		width: 115px;
		background: url('/themes/blue/images/buttons/profil/btn_navbar_first.png') no-repeat;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.unikity.fr/themes/blue/images/buttons/profil/btn_navbar_first.png", sizingMethod="crop");
	}
	
	.navlink li.second {
		width: 155px;
		background: url('/themes/blue/images/buttons/profil/btn_navbar_second.png') no-repeat;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.unikity.fr/themes/blue/images/buttons/profil/btn_navbar_second.png", sizingMethod="crop");
	}
	
	.navlink li.third {
		width: 75px;
		background: url('/themes/blue/images/buttons/profil/btn_navbar_third.png') no-repeat;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.unikity.fr/themes/blue/images/buttons/profil/btn_navbar_third.png", sizingMethod="crop");
	}

.navlink a, .navlink a:visited {
	color: #fff;
}

.navlink li.current {
	font-weight: bold;
}

.navlink ul li.current a:hover {
	text-decoration: none;
	cursor: default;
}

#profil-module #ajaxload {
	background: url('/themes/blue/images/backgrounds/bg_info_module.png') no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.unikity.fr/themes/blue/images/backgrounds/bg_info_module.png", sizingMethod="crop");
	padding: 5px 10px;
	margin: 0;
}

#ajaxload li {
	padding: 1px 4px 1px 4px;	
	margin: 1px 0;
}

#ajaxload li.hlight {
	background: #eaf6fa;
}


#ajaxload #loadingImg {
	margin-top: 15px;
	margin-bottom: 15px;
}

/* >> general information << */
#profil-module #general-info { }

/*left*/
#profil-module #general-info #left {
	width: 160px;
	float: left;
	font-size: 85%;	
}

#profil-module #general-info #profil-picture {
	margin: 0 0 6px 10px;
	text-align: right;
}

#profil-module #general-info img {
	border: solid 1px #9fcadd;
	width: 140px;
}

#profil-module #general-info #profil-rating, 
#profil-module #general-info #profil-ranking {
	margin: 0 0 6px 16px;
}

/*right*/
#profil-module #general-info #right {
	width: 457px;
	float: left;
	margin: 0 0 0 13px;
}

#profil-module #general-info #right h3 {
	display: inline;
	font-size: 138.5%;
	font-weight: bold;
	color: #2d2d2d;
	padding: 0 5px 0 0;
	margin: 0 0 0 2px;
	border: none;
}

#profil-module #general-info #right #gender {
	width: 13px;
	height: 13px;
	margin: 4px 4px 0 0;
	float: left;
}

#profil-module #general-info #right #informations {
	float: left;
	width: 437px;
}

#profil-module #informations ul.list-desc {
	list-style: none;	
	margin: 10px 0 20px 0;
	_height: 1px; /* Fix ie6 bug with the height involved by the float */	
}

#profil-module #informations ul.list-desc li {
	list-style: none;
	font-size: 93%;
	margin: 0 3px 2px 0;
}

#profil-module #informations ul.list-desc li span {
	width: 170px;
	font-weight: bold;
	display: inline-block;
}

#profil-module #general-info #right #gender.man {
	background: url('/themes/blue/images/icons/profil/ico_gender_man.png') no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.unikity.fr/themes/blue/images/icons/profil/ico_gender_man.png", sizingMethod="crop");
}

#profil-module #general-info #right #gender.woman {
	
		background: url('/themes/blue/images/icons/profil/ico_gender_woman.png') no-repeat;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.unikity.fr/themes/blue/images/icons/profil/ico_gender_woman.png", sizingMethod="crop");
	}

#profil-module #general-info #right .snippet {
	font-size: 100%;
	font-weight: bold;
	letter-spacing: -1px;
}

#profil-module #general-info #right .snippet, 
#profil-module #general-info #right .snippet a,
#profil-module #general-info #right .snippet a:visited {
	color: #5b5b5b;
}


#profil-module #general-info .add-personal-msg input {
	width: 400px;
	padding: 3px;
	margin: 1px;
	color: #333;
	background: none;
	border: 0;
	position: relative;
}

/***** Ne fonctionne pas sous ie6 et 7, utiliser le JS pour palier à cette lacune *****/
#profil-module #general-info .add-personal-msg input:focus {
	margin: 0;
	background: url('/themes/blue/images/backgrounds/bg_input.jpg') repeat-x;
	border: 1px solid #bdc7d8;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* >> training << */

/****** Common to ALL Module CSS *******/

.module .content .see-all {
	margin: 2px 5px 5px 0;
	text-align: right;
	font-size: 85%;
}

.module .content h3 {
	font-size: 100%;
}