@charset "utf-8";
* {  margin:0; padding: 0;}
body  {
    	font: 12px Arial, Helvetica, sans-serif;
    	background: #FFF url(../images/site/bck_page.gif) left top repeat-x;
    	text-align: center; 
    	color: #036;
		}

h1 {
	font-size: 18px;
	background: transparent url(../images/site/bck_h1.png) left top no-repeat;
	display: block;
	height: 27px;
	padding-left: 10px;
	margin: 10px 0;
	line-height: 27px;
	}
h2 { 
	background: transparent url(../images/site/bck_h2.png) center top no-repeat;
	font-size: 16px; 
	font-weight: bolder;
	line-height: 20px;
	text-align:center;
	margin: 0px auto;
	width: 275px;
	}
#popularPlayers h2, #recentPlayers h2 { 
	background: transparent url(../images/site/bck_h2home.png) center top no-repeat;
	}	
	
img{
	border:none;
}	
/******* MAQUETATION
*********************/
    #container { 
	width: 960px;  
	margin: 0 auto;
	text-align: left;
    } 
    #header {
	background: url(../images/site/bck_header.png) left bottom no-repeat;
	height: 150px;
	padding: 0 10px 0 20px;
    } 
    #colLft {
	float: left;
	width: 198px;
	padding: 0;
	text-align: center;
    }
	#wrapperContent {
		background: url(../images/site/bg_white.jpg) repeat-y;
		background-position:200px 0;
	}
    #mainContent {
	color: #036;
	width:740px;
	margin: 0 0 0 200px;
	padding:5px 10px 0;
	background:#FFFFFF url(../images/site/bck_mainContent.gif) repeat-x;
	text-align:left;
    }
    #footer {
	padding:20px 20px;
	background:#FFFFFF url(../images/site/bck_footer.png) left no-repeat;
	height: 33px;
	font-size: 14px;
    } 
	
/******* ID´s
****************/
#adSense {
	background: url(../images/site/bck_col_ads.gif) left top repeat-y;
	padding: 10px;
	border-top: 3px solid  #FFF;
	height:1010px;
	}
#carousel {
	width:760px; 
	margin: 0 0 0 200px;
	border-bottom:4px solid #FFFFFF;
	}

#topFive, #popularPlayers, #recentPlayers  {
	text-align: center;
	}
	#topFive ul, #popularPlayers ul, #recentPlayers ul {
	padding:15px 0;
	text-align: center;
	}
	#topFive ul li, #popularPlayers ul li, #recentPlayers ul li {
	float:left;
	list-style-type:none;
	background: url(../images/site/bck_thumb-player.png) top left no-repeat;
	margin: 0 3px 0 10px;
	height: 213px;
	width: 130px;
	text-align: center;
	}
	.playersthDv{
	height:110px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width: 130px;
	}
	/*#topFive ul li div img, #popularPlayers ul li div img, #recentPlayers ul li div img{
		vertical-align:middle;
	}*/
#topFive {background: url(../images/site/bck_topfive.png) top left no-repeat;	padding: 32px 0 0 0; height: 286px;}

#popularPlayers ul li{ height:228px;}
#popularPlayers {
	background: url(../images/site/bck_popular.png) top left no-repeat;
	/*background: transparent url(../images/site/bck_popular.png) center top no-repeat !important;
	background-image: none;
 	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader("../images/site/bck_popular.png");*/
	padding: 10px 0 0 0;
	height: 300px;
}
#recentPlayers {
	background: url(../images/site/bck_recent.png) top left no-repeat;
	padding: 10px 0 0 0;
	height: 286px;
}
	
/******* CLASS
******************/
.thumbPlayer {margin:10px 5px;}

.fltrt { 
float: right;
margin-left: 8px;
}

.fltlft { 
float: left;
margin-right: 8px;
}

 
.litle{
	font-size:10px;}
	
.btnViewMorePlayers a {
	background: url(../images/site/btn_viewmoreplayers.png) left top no-repeat;
	display:block;
	width: 128px;
	height: 23px;
	padding:7px 5px 0 30px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	text-align: left;
	color:#FFF;
	float:right;
	/*top: 10px;*/
	left: -20px;
	position: relative;
	}

.btnViewMorePlayers a:hover {
	background:url(../images/site/btn_viewmoreplayers.png) left -30px no-repeat;
	padding:7px 5px 0 30px;
	}
	
.playersthBtm,.playersthBtmPop{
	width:115px;
	height:28px;
	text-align:left;
	font-size:10px;
	padding-left:15px;
	overflow:hidden;
	text-align:center}
	
.playersthBtmPop{
	height:42px;
}			

#playersX20 {
	text-align: center;
	padding: 10px 0 0 0;
	}

	#playersX20 h2 {
	background: transparent url(../images/site/bck_playersX10_h2.png) left top no-repeat;
	font-size: 16px;
	font-weight: bolder;
	line-height: 18px;
	text-align: center;
	width: 710px;
	height: 20px;
	padding: 12px 10px 0 20px;
	margin:0;
	}

#playersX20 ul {
	background: url(../images/site/bck_playersX10_bd.png) left top repeat-y;
	padding:15px 0;
	text-align: center;
	float: left;
	width: 740px;
	}

	#playersX20 ul li {
	float:left;
	list-style-type:none;
	background: url(../images/site/bck_thumb-player.png) top left no-repeat;
	margin: 0 2px 10px 10px;
	height: 213px;
	width: 132px;
	text-align: center;
	}

	#playersX20 .closePlayerX20 {
	background: url(../images/site/bck_playersX10_close.png) top left no-repeat;
	height: 20px;
	float: left;
	width: 740px;
	}

/*****************************************************************************/
div.navega {		
		width:280px;
		text-align:center;
		color:#003366;
		font-size:90%;
		height:20px;
		margin:0px 2px 5px 0px;	
		background:#E1EAF4;	
	}

#playersX20 div.navega {width:720px;}

#playersX10 div.navega {width:360px; background:none;}
	
div.navega a {
	margin-right:3px;
	padding:3px 5px;
	text-decoration: underline;
	color: #003366;		
}
div.navega a:hover, div.navega a:active {
	color: #003366;
	text-decoration: none;
}
div.navega span.current {
	margin-right:3px;
	padding:3px 5px;
	font-weight: bold;
	color: #003366;
}
div.navega span.disabled {
	margin-right:3px;
	padding:3px 5px;
	color: #CEE3FF;
}

.btnViewMorePlayers a {
	background: url(../images/site/btn_viewmoreplayers.png) left top no-repeat;
	display:block;
	width: 128px;
	height: 23px;
	padding:7px 5px 0 30px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color:#FFF;
	float:right;
	/*top: 10px;*/
	left: -20px;
	position: relative;
	}

.btnViewMorePlayers a:hover {
	background:url(../images/site/btn_viewmoreplayers.png) left -30px no-repeat;
	padding:7px 5px 0 30px;
	}

#mini_links	a{
	color:#003366;
	text-decoration:underline;
	font-size:10px;
	}
	
#mini_links	a:hover{
	color:#003366;
	text-decoration:none;
	}	
	
.detailsPlayer p{
	margin:5px 0;
	height:25px;
}

#notifyTextCopied {
	position:absolute;
	left:300px;
	z-index:99;
	width:65px;
	height:12px;
	padding:2px;
	text-align:center;
	font: 10px verdana bold;
	border:1px solid black;
	background-color:#FFFFAA;
}

#choseSocialDv a img{
	margin:35px 10px 5px 10px;
}

.starboxDv{ padding-left:6px; padding-top:3px;}


a#btn_newPlayer img{
	width:157px;
	height:33px;
	background-image:url(../images/site/btn_createnewplayer.png);
	}
 
a#btn_newPlayer:hover img{background-position:0 -33px;}

#logo_header{
	float:left;
	width:280px;
	}
#logo{
	float:left;
}	
#user_name{
	float:left;
	color:#FFFFFF; 
	font-size:11px; 
	margin-top:10px; 
	margin-left:25px;
	width:255px;
}

#createHeader{
	float:right; 
	margin-top:20px;
}

#colLft2{
	width:360px;
	float:left;
	margin-right:10px;
	}
	
#colRgt2{
	float:left;
	width: 360px;
	}

#playersX10{
	float:left;
	border-top:2px solid #AFC7E2;
	}
	
#mini_links{
	float:right; 
	width:82px; 
	background:url(../images/site/ico_mini_bck.png) no-repeat; 
	height:93px; 
	padding:7px 0 10px 10px;
	}
	
#playersX10 li{
	width:420px; 
	display:block; 
	border-bottom:2px solid #AFC7E2; 
	height:110px; 
	padding:5px 0;
	list-style-type:none;
	}
	
/**************************************************/
/***TAGCLOUD***/
#tagclouds{
	width:740px;
	margin-top:15px;
	border-top:1px solid #AFC7E3;
	}
	
#tagclouds a{
	color:#000;
	text-decoration:none;
}

#tagclouds a:hover{
	color:000;
	text-decoration:underline;
}

#tagclouds .word {
font-family: "Trebuchet MS";
padding: 0px 4px 0px 4px;
letter-spacing: 0px;
}
#tagclouds span.size1 {
color: #000;
font-size: 2.4em;
}
#tagclouds span.size2 {
color: #000;
font-size:2.2em;
}
#tagclouds span.size3 {
color: #000;
font-size: 2.0em;
}
#tagclouds span.size4 {
color: #000;
font-size: 1.8em;
}
#tagclouds span.size5 {
color: #000;
font-size: 1.6em;
}
#tagclouds span.size6 {
color: #000;
font-size: 1.4em;
}
#tagclouds span.size7 {
color: #000;
font-size: 1.2em;
}
#tagclouds span.size8 {
color: #000;
font-size: .8em;
}
#tagclouds span.size0 {
color: #000;
font-size: .6em;
}	

/* Starbox.css */
.starbox .stars { background: #FFDF71; }
.starbox .rated .stars { background: #F7F0D4; }
.starbox .rated .hover .stars { background: #FFC80B; }
.starbox .colorbar { background: #FC8E0B; }
.starbox .hover .colorbar { background: #FC8A10; }
.starbox .rated .colorbar { background: #FFC80B; }
.starbox .rated .hover .colorbar { background: #FFC80B; }
.starbox .ghost { background: #a1a1a1; }
.starbox .indicator { clear: both; }

.starbox .dotted .stars,
.starbox .dotted .hover .stars,
.starbox .dotted .rated .stars, 
.starbox .dotted .rated .hover .stars { background: url(../images/site/starbox/background_dotted.gif) top left repeat-x; }
.starbox .dotted .colorbar,
.starbox .dotted .hover .colorbar,
.starbox .dotted .rated .colorbar, 
.starbox .dotted .rated .hover .colorbar { background: #000000; }
.starbox .dotted .ghost { background: #666666; }

.starbox .pointy .colorbar { background: #ffcc1c; }
.starbox .pointy .hover .colorbar { background: #ff9231; }

.starbox .inverse .stars { float: right; }
.starbox .inverse .indicator { clear: both; display: block; text-align: right; }