/* Competition/Game CSS Document */

#container-game-list{
	
}

.comp_container{
	width:323px;
	margin:10px 40px 10px 0;
}

#container-game-list .comp_container{
	float:left;
}

.comp-content-top{
	background-image:url(/assets/mago/images/game_header.gif);
	background-repeat:no-repeat;
	width:323px;
	height:17px;
}

.comp-content-mid{
	background-image:url(/assets/mago/images/game_bg.gif);
	background-repeat:repeat-y;
	width:323px;
	
}

.comp-content-bot{
	background-image:url(/assets/mago/images/game_footer.gif);
	background-repeat:no-repeat;
	width:323px;
	height:50px;
	
}

.comp_wrapper{
	padding:0 10px 0 20px;
}

.comp_left{
	float:left;
}

.comp_picture{
	
	padding:2px;
	background-color:#fff;
	width:45px;
	height:45px;
}


.comp_details{
	float:left;
	padding:10px 5px 0px 5px;
	width:230px;
}

.comp_name{

	color:#B32B2D;
	font-size:16px;
}

.comp_name a:link, .comp_name a:visited{
	font-weight:bold;
	color:#B32B2D;
	margin-bottom:10px;
	font-size:14px;
}

.comp_name a:hover{
	color:#666;
	text-decoration:underline;
}

.comp_countdown{
	font-style:italic;
	font-size:11px;
	background:url(/assets/mago/images/time.gif) no-repeat top left;
	padding: 0 0 0 14px;
}

.comp_desc{
	color:#666;
	
}

.comp_metadata{

	margin-top:10px;
}

.comp_widget{
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding:14px 2px 2px 40px;
	float:left;
}

.comp_widget a:link, .comp_widget a:visited{

}

.comp_widget a:hover{

}

.comp_widget.token{
	background-image:url(/assets/mago/images/token2.gif);
	background-repeat:no-repeat;
	background-position:left;
}

.comp_widget.player{
	background-image:url(/assets/mago/images/player.gif);
	background-repeat:no-repeat;
	background-position:left;
}




.comp_btnplay{
	text-align:right;
	padding:10px 20px 0 0;
}

.comp_require{
	font-size:11px;
	font-style:italic;
	color:#FFF;
}


.comp-rank-container{
	padding-bottom:5px;
	margin:20px 20px 20px 0;
	width:45%;
	float:left;
}

.comp-rank-countdown{
	
}

.comp-ranking-game-container{
	background-color:#f5f5f5;
}

.comp-ranking-result-container{
	border-bottom:1px solid #EEE;
	border-top:1px solid #EEE;

}

.comp-ranking-result-container ul{
	padding:5px 10px 10px 0px;
}

.comp-ranking-result-container ul li{
	display:block;
	padding:5px;
	margin:0;
}

.comp-ranking-result-container ul li.prize{
	
}

.comp-ranking-result-container ul li.prize .user{
	padding-left:40px;
	font-size:18px;
	color:#336699;
	font-weight:bold;
	float:left;
	
}

.comp-ranking-result-container ul li.prize .user a:link, .comp-ranking-result-container ul li.prize .user a:visited{	
	color:#336699;
}

.comp-ranking-result-container ul li.prize .user a:hover{	
	text-decoration:underline;
}

.comp-ranking-result-container ul li.prize .user p{
	color:#ccc;
	font-size:11px;
	font-weight:normal;
	font-style:italic;
}


.comp-ranking-result-container ul li.prize .score{
	font-weight:bold;
	font-size:18px;
	color:#333;
	float:right;
}


.comp-ranking-result-container ul li.prize .points, .comp-ranking-result-container ul li.normal .points{
	font-size:11px;
	color:#ccc;
}

.comp-ranking-result-container ul li.normal .user{
	padding-left:40px;	
	color:#336699;
	font-weight:bold;
	float:left;
}

.comp-ranking-result-container ul li.normal .user a:link, .comp-ranking-result-container ul li.normal .user a:visited{	
	color:#336699;
}

.comp-ranking-result-container ul li.normal .user a:hover{	
	text-decoration:underline;
}


.comp-ranking-result-container ul li.normal .score{
	font-weight:bold;
	color:#666;
	float:right;
}

#comp-ranking-result-100-container{
	width:45%;
	padding-bottom:10px;
	
}

#comp-ranking-result-100-container .comp-ranking-result-container ul li.normal .user a:link, #comp-ranking-result-100-container .comp-ranking-result-container ul li.normal .user a:visited{	
	color:#5E5E5E;
}

.comp-ranking-section{
	color:#14A4C7;
	background-image:url(/assets/shared/images/hdot.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-top:20px;
	padding-bottom:2px;
	font-size:24px;
	letter-spacing:-1px;
}