/*---------------------------------
 @box 
 questo css comanda la disposizione
 dei .box in relazione al
 contenitore.
 posso anche decidere se gli 
 elementi interni a .box si
 sviluppano in orizzontale o in 
 verticale
---------------------------------*/

/*-----------------------
 basic .box
-----------------------*/

.box {
overflow:hidden;
position:relative;
vertical-align:top;
padding:5px 0;
margin:0;
_height:100%;
}

.thumb {
margin:0;
padding:0 0 0 5px;
}

.thumb a {
display:block;
margin:0;
line-height:0;
}

.large {
	float:left;
}
.large a {
	min-width: 150px;
	width:auto !important;
	width:150px;
	height: 150px;
	margin-right:10px;
}

.thumb img {display:block;margin:0;padding:0}

.thumb .female {}
.thumb .male {}

.presence1, .presence2 {
/*width:15px;
height:15px;
position:absolute;
bottom:3px;*/
display: none;
}

.presence1 {
left:3px;
}

.presence2 {
left:21px;
}

.detail {
vertical-align:top;
padding:0;
}

.detail p {
margin:0;
padding:0;
}

.detail .nickname {}

.detail .nickname a {font-weight:bold}

.detail .info {line-height: 110%}

.detail .info .minus {font-size:5px;}

.actions {
margin:5px 0 0 0;
font-size:0
}

.actions .presence {display: inline-block; margin-right: 2px}

.actions a{
display:inline-block;
width:16px;
height:16px;
margin:0 3px 0 0;
}

.bottom-link {
display:block;
text-align:right;
margin-right:5px
}

/*----------------------------
 foto e video
------------------------------*/
.thumb span.popup {display:none}

.mask {
display:block;
position:absolute;
font-weight:bold;
color:#FFF;
z-index:3;
height:;
width:;
}

.video {
background:;
}

.photo {
background:;
}

.detail .title {
font-weight:bold;
}

.title a {color:black;}

.rating {
display:block;
border:1px solid #fff122;
min-height:13px;
height:auto;
*height:13px;
margin:3px 0;
max-width:100px;
width:auto;
*width:100px;
}

/*--------------------------------
status update
---------------------------------*/

.messages .thumb {
margin:0;
float:left
}

.messages .separator {
width:auto;
height:5px;
}

.dateup {
font-style:italic;
color:#666
}

.button-action {
position:absolute;
right:5px;
top:6px;
}

a.report,
a.delete {
display:block;
width:16px;
height:16px;
}

a.report {
background:url("../gfx/abuso.gif") no-repeat center
}

a.delete {
background:url("../gfx/ico_rimuovi.gif") no-repeat center
}

/*-----------------------
messaggi sms/mms/video
------------------------*/
.message {
	float:left;
	font-size:12px;
	width:368px;
	border:1px solid #DFDFDF;
	min-height:56px;
	height: auto !important;
	height:56px;
}

.type-date-button {
	margin:0;
	padding:0;
	height:20px;
	position:relative;
	font-size:11px;
	background-color:#f1f1f1;
	border-bottom:1px solid #DFDFDF
}

.type-date-button span {
	display:inline-block;
	margin:0;
	vertical-align: middle;
}

.type-date-button span.in {
	background: url("../gfx/ico-mail-in.gif") no-repeat center center;
	width:22px;
	height: 20px;
}

.type-date-button span.out {
	background: url("../gfx/ico-mail-out.gif") no-repeat center center;
	width:22px;
	height: 20px;
}

.type-date-button  .date {
	font-style:italic;
}

.type-date-button .button {
	position:absolute;
	top:0;
	right:3px;
	height:20px;
	padding-left:20px;
	font-size:10px;
	line-height:20px;
}

.message-text {
	margin:0;
	padding:5px;
}

/*-------------------------------
paginazione
--------------------------------*/
.pagination {
height: 30px;
}

.pagination span {
height:15px;
line-height:15px;
display:block;
float:left;
}

.pagination span a {
margin:0 5px;
text-decoration:none;
}

.pagination span.prev {
width:25%;
text-align:left;
}

.pagination span.page {
text-align:center;
width:50%;
}

.pagination span.next {
width:25%;
text-align:right;
float:right;
clear:right;
}