/* CSS Document */

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* CSS PARA LA PAGINA PRINCIPAL
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#links1 a:link {color: #FFFFFF;	text-decoration: none;}
#links1 a:visited {color: #FFFFFF; text-decoration: none;}
#links1 a:hover {color: #FF0000; text-decoration: none;}
#links1 a:active {color: #FFFFFF; text-decoration: none;}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#links2 a{font-size: 10px; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif;}
#links2 a:link {color: #666666; text-decoration: none;}
#links2 a:visited {color: #666666; text-decoration: none;}
#links2 a:hover {color: #FFFFFF; text-decoration: none;}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#links3 a:link {color: #000000;	text-decoration: none;}
#links3 a:visited {color: #000000; text-decoration: none;}
#links3 a:hover {color: #999999; text-decoration: none;}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#links4 a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
#links4 a:link {color: #EE1C25;	text-decoration: none;}
#links4 a:visited {color: #EE1C25; text-decoration: none;}
#links4 a:hover {color: #999999; text-decoration: none;}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
body { background-image: url(../images/background.jpg); background-repeat: no-repeat; background-position:top; background-color: #000000; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.botton_nav { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.3boxs {font-size: 10px; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif;}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.redtitle {font-size: 16px; color: #ff0000; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.redsubtitle {font-size: 14px; color: #7e7e7e; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.whitesubtitle {font-size: 12px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.whitetitle {font-size: 16px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.redsubtitle {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FF0000}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.simpletext {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:18px}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.entradas{ width:115px; font-family:Arial, Helvetica, sans-serif; font-size:9px;}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.footertext {color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.redtitlebig {font-size: 20px; color: #FF0000; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.whitetitlebig {font-size: 15px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.userdata {color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.trackdescription {color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.dateblack {color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.comments {color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.bigtext {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.entradas250{ width:250px; font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold;}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.entradas200{ width:200px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;border:1px solid #999999;}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.divContest{ width:100%;height:16px;padding-top:3px;cursor:pointer;font-size: 12px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

a.lnkEntries:active, a.lnkEntries:visited, a.lnkEntries:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:600;
	text-decoration:none;
}
a.lnkEntries:hover{
	text-decoration:underline;
}

a.lnkDown:active, a.lnkDown:visited, a.lnkDown:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	font-weight:600;
	text-decoration:none;
}
a.lnkDown:hover{
	text-decoration:underline;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

	/*             styles for the star rater                */	
	.star-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 100px;
		height: 20px;
		position: relative;
		background: url(../images/star_rating.gif) top left repeat-x;		
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		height:20px;
		width: 20px;		
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:20px;
		height: 20px;
		line-height:20px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}
	.star-rating li a:hover{
		background: url(../images/star_rating.gif) left center;
		z-index: 2;
		left: 0px;
		border:none;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:20px;
	}
	.star-rating a.two-stars{
		left:20px;
	}
	.star-rating a.two-stars:hover{
		width: 40px;
	}
	.star-rating a.three-stars{
		left: 40px;
	}
	.star-rating a.three-stars:hover{
		width: 60px;
	}
	.star-rating a.four-stars{
		left: 60px;
	}	
	.star-rating a.four-stars:hover{
		width: 80px;
	}
	.star-rating a.five-stars{
		left: 80px;
	}
	.star-rating a.five-stars:hover{
		width: 100px;
	}
	.star-rating li.current-rating{
		background: url(../images/star_rating.gif) left bottom;
		position: absolute;
		height: 20px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
	/* remove halo effect in firefox   */
	a:active{
		outline: none;
	}		
#linknav a:link{ /* AS� ES COMO SE VAN A MOSTRAR TODOS LOS LINKS */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

#linknav a:visited { /* AS� LOS VISITADOS */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

#linknav a:hover { /* AS� CUANDO TENGAN EL MOUSE ENCIMA */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	text-decoration: underline;
}

#linknav a:active { /* AS� CUANDO ESTEMOS EN ESTA PAGINA */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#profileTabs
{
    height: 20px;
    padding: 0px 7px;
    background: #5a6060;
}

#bioTab, #videoTab, #imageTab, #trackTab
{
    
}

.activeTab, #bioTab:hover, #videoTab:hover, #imageTab:hover, #trackTab:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 4px 4px 4px;
    margin: 0px 1px;
    background: #5a6060;
    color: #FFFFFF;
    border: 2px solid #5A6060;
    border-top: none;
}

.inActiveTab
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    background: #FFFFFF;
    text-decoration: none;
    padding: 0px 4px 4px 4px;
    margin: 0px 1px;
    border: 2px solid black;
    border-top: none;
}

#bioTab:hover, #videoTab:hover, #imageTab:hover, #trackTab:hover
{
    cursor: pointer;
}

.hideContent
{
    display: none;
}

.showContent
{
    display: block;
}