/* ckoi.com */
/* Corus Quebec © 2010 */
/* romain.lefebvre@corusent.com */

/* *** Music *** */
#music .entry {
	overflow:hidden;
	margin:10px 20px;
	background:#e5e5e5;
	border:1px solid #f5f5f5;
	padding:10px 20px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#music .entry .pos {
	float:left;
	background:#131313;
	border:1px solid #131313;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	padding:4px 2px;
	width:28px;
	text-align:center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-right:20px;
}
#music .entry .cover {
	float:left;
	margin-right:20px;
}
#music .entry .data {
	float:left;
}
#music .entry .data .artist {
	font-size:18px;
}
#music .entry .data .title {
	font-size:13px;
}
#music .entry .data .listen {
	background:#fff url(../img/btn/play-simple.png) no-repeat 10px center;
	border:1px solid #dedede;
}
#music .entry .data .like {
	background:url(../img/misc/j-aime_15x15.png) no-repeat 10px center;
	border:1px solid #ffffff;
	margin-left:6px;
}
#music .entry .data .listen, 
#music .entry .data .like {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-top:6px;
	font-size:11px;
	float:left;
}
#music .entry .data .listen a, 
#music .entry .data .like a {
	padding:5px 8px 5px 30px;
	font-size:11px;
	color:#3a3a3a;
	display:block;
}
#music .entry .data .listen a:hover,
#music .entry .data .like a:hover {
	text-decoration:none;
	color:#6a6a6a;
}
#music .entry .data .listen a .time {
	color:#8a8a8a;
}

.itemtovote {
	overflow:hidden;
	margin:5px 20px;
	background:#f5f5f5;
	border:1px solid #e5e5e5;
	border-bottom:1px solid #acacac;
	border-right:1px solid #acacac;
	padding:6px 20px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.itemtovote .pos {
	float:left;
	background:#131313;
	border:1px solid #131313;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	padding:4px 2px;
	width:28px;
	text-align:center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-right:20px;
}
.itemtovote .cover { float:left; margin-right: 10px; width:34px; }
.itemtovote .cover img { height:34px;}
.itemtovote .data { float:left}
.itemtovote .artist { font-size:18px;}
.itemtovote .title { }
.itemtovote .listen { float:right}
.itemtovote .vote a { float:right; display:block; width: 80px; height: 34px; background: url(../img/btn/music-voter.png) no-repeat 0 0;}
.itemtovote .vote a:hover { background: url(../img/btn/music-voter.png) no-repeat 0 -34px;}
.itemtovote .vote a span { display:none;}

.nouveautestxt {
	clear:both;
	float:none;
	padding-top:10px;
}
.nouveautestxt .data {}

/* *** Pagination *** */
.pagination {
	overflow:hidden;
	margin:20px 5px;
	clear:both;
	float:right;
}
.pagination .nb {
	background:#9a9a9a;
	color:#ffffff;
	font-weight:bold;Z
	padding:3px 6px;
	display:block;
	float:left;
	margin-right:4px;
}
.pagination span {
	padding:2px 5px;
	display:block;
	float:left;
	margin-right:4px;
	border:1px solid #acacac;
}
.pagination a {
	background:#fff;
	color:#7a7a7a;
	padding:2px 5px;
	display:block;
	float:left;
	margin-right:4px;
	border:1px solid #acacac;
	text-decoration:none;
}
.pagination a:hover {
	color:#fff;
	padding:2px 5px;
	border:1px solid #7a7a7a;
	background:#9a9a9a;
	text-decoration:none;
}
.pagination .active {
	color:#fff;
	margin-right:4px;
	padding:2px 5px;
	border:1px solid #cdcdcd;
	background:#8a8a8a;
	text-decoration:none;
	float:left;
}

.messages {
	text-align:center;
	padding:10px;
	background:#e5e5e5;
	margin:10px;
	font-weight:bold;
}
#msg_err_voted {
	color:#ff0000
}
