/* @override http://mega981.com/components/css-default.css */

img 				{ border:none }
body				{ behavior:url(/components/csshover.htc); margin:0; padding:0; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:12px; color: #000; background-color:#000; text-align:center;   background-image:url(/images/misc/skybackground.jpg); background-repeat: repeat-x; margin-top: 0px; background-attachment:fixed;
}

.pagephotos #shakira{ 
	position: absolute;	 
	left: 760px;
	top: 130px;	 
}

.pagephotos #pitbull{ 
	position: absolute;	 
	left: -170px;
	top: 150px;	 
}

select				{ color:#19303A; width:160px; font-family:  "Trebuchet MS", sans-serif ; font-weight: bold; font-size: 10px; }
.headline 			{ margin-top:10px; font-family:"Trebuchet MS", sans-serif; line-height:105%; font-size:17px; font-weight:bold; color: #003369;}
.headline a 		{ text-decoration:none; }
.subheadline, .question	{ margin-top:3px; font-family:"Trebuchet MS", sans-serif; line-height:14px; font-size:12px; font-weight:bold; color: #53648C;}
.summary 			{ margin-top:3px; line-height:130%;}
.hide				{ display:none; }

.even { 
	background-color: #dedede; 
}

#bodyarea			{ width:761px; margin:0px auto; text-align:left; clear:both;}
#siteheader			{ width:761px; clear:both;  position:relative; z-index:1}
#topofsitebanner	{ background-color:#000; width:720px; padding:10px 20px 10px 20px; text-align:center; clear:both; }
#leftnav			{ width:210px; float:left; border-right: 1px solid #000;}
#maincontentarea	{ width: 550px; float:left; background-color:#FFF; }
form 				{ margin-top: 0; margin-bottom: 0;}

#columns			{ text-align:left; width:550px; background-color:#FFF; float:left;}
.columnleft					{ width:183px; float:left;}
.columnleft .promo			{ padding: 10px 11px 15px 12px; width:160px; }
.columnleft .thumbnail		{ margin-top:15px; }
	
.columnmiddle				{ width:183px; float:left;}
.columnmiddle .promo		{ padding: 10px 11px 15px 12px; width:160px; }
.columnmiddle .thumbnail	{ margin-top:15px; }

.columnright				{ width:184px; color:#FFF; float:left; background-color:#111; background-image:url(/images/misc/background-thirdcolumn.gif);}
.columnright .promo 		{ padding: 10px 11px 12px 12px; width:160px; }
.columnright .headline		{ color: #FC3; }
.columnright .promo 		{ padding: 10px 11px 15px 12px; width:160px; clear:both; }
.columnright a:hover 		{ color:#FC3; background-color:#111; }
.columnright a:visited		{ color:#FC3; }
.columnright .subheadline	{ color: #F60; }
.columnright .link a 		{ color:#FC3; background-image:url(/images/icons/newicon-linkreversed.gif); }
.programslist,.djslist 		{ margin-bottom:15px; }
.columnright a 				{ color:#FC3;}


#expandedslideshow			{ width:183px; }
#expandedslideshow .header	{ padding:35px 10px 10px 10px; background-repeat:no-repeat; background-image:url(/images/misc/headerslideshow-dark.gif);}

#expandedslideshow img			{ width:160px; height:77px; padding-top:5px; padding-bottom:10px; }
#expandedslideshow ul 			{ margin: 0; padding: 0 0px 0 0; list-style-type: none; }
#expandedslideshow li 			{ width:183px; clear:both; border-top:1px solid #000;}

#expandedslideshow li a 		{ display:block; padding-bottom:10px; padding-top:10px; padding-left:11px; padding-right:12px; line-height:12px; text-decoration:none; color:#FFF }
#expandedslideshow li a:hover 	{ display:block; background-color:#222; text-decoration:none; color:#FFF }
#expandedslideshow .summary 	{ line-height:110%; }


#loginarea		{ clear:both;}

.menuarea 				{ }
.menuarea ul 			{ margin: 0px; padding:0px; list-style-type: none;}
.menuarea li 			{ clear:both; }
.menuarea a 			{ display:block; border-bottom:1px solid #000; margin: 0px;  width:120px; padding-left: 15px; padding-top: 5px; padding-bottom:5px; padding-right:5px; text-align:left; color:#DDD; text-decoration:none; font-weight:bold; background-image: url(/images/misc/newmenuitembackground.jpg); background-repeat: repeat-y;}
.menuarea a:hover		{ color:#FC3; background-image: url(/images/misc/newmenuitembackground-highl.jpg); background-repeat: repeat-y;}
.menuarea a:visited		{ color:#DDD; }

.favoritephotos				{ margin-top:15px; margin-bottom:15px; width:160px; }
.favoritephotos-left		{ float:left; padding-right:6px; padding-bottom:6px; }
.favoritephotos-right		{ float:left; padding-left:6px; padding-bottom:6px; }

.thumbnails-onecolumn		{ margin-top:15px; margin-bottom:15px; width:160px; clear:both; overflow:hidden; }
.thumbnails-onecolumn img 	{ float:left; margin-bottom:3px; margin-right:3px; }

.thumbnails-sixcolumn		{margin-top:15px; margin-left:20px; margin-bottom:15px; width:516px; clear:both; overflow:hidden;}
.thumbnails-sixcolumn img 	{float:left; margin-bottom:9px; margin-right:9px;}

.individualdjphotos {float:left; width:80px;margin-bottom:10px;}

.thumbnails-onecolumn		{ margin-top:15px; margin-bottom:15px; width:160px; clear:both; overflow:hidden; }

a			{ color: #036; text-decoration:underline; }
a:hover 	{ background-color: #DDD;text-decoration:none; }
a:visited 	{ color: #036; }

.link a		{ font-size:10px; font-weight: normal; padding-left:15px; margin-top:5px; background-image:url(/images/icons/newicon-link.gif); background-repeat:no-repeat;}

#nuevadepaquete { background-image:url(/images/misc/sidebarbackground-rincon.jpg); }
#reyesmagos { background-image:url(/images/misc/sidebarbackground-magos.jpg); }
#musicafavorita { background-image:url(/images/misc/sidebarbackground-musicafavorita-b.jpg); }
#leftnav .poll	{ padding:0 10px 10px 10px; background-color:#000;  background-repeat:no-repeat; color:#FFF;}
#leftnav .poll .headline	{ display: none;}
#leftnav .poll .subheadline	{ padding-top:155px; color:#393939}
#leftnav .poll .summary		{ color:#FFF;}
#leftnav .poll img			{ border:0px;}
#leftnav .poll a 			{ color:#393939;}
#leftnav .poll a:link 		{ color:#393939;}
#leftnav .poll a:visited 	{ color:#393939;}
#leftnav .poll a:active 	{ color:#393939;}


#columns .poll { background-color:#FC3; margin-bottom:20px; margin-left:10px; margin-right:10px; padding-left:10px; }
#columns .poll .headline {padding-top:10px; margin-bottom:10px;}
#columns .poll img.thumbnail { padding:0px; margin: 0px; width:60px;}
#columns .poll .pollitem {width: 75px;  float: left;}
#columns .poll .pollresults { 
	padding-top: 10px;
	padding-bottom: 10px;
	float: left; 
}
#columns .poll .polltext {font-size: 12px; font-family: arial; font-weight: bold; width: 70px; padding-bottom: 3px; padding-top: 5px; line-height: 12px;}


.individualvote 				{ clear:both;}
.individualvote a:hover img 	{ border:1px #333 solid;}
.individualvote .thumbnail img 	{ width:50px; height:50px; border:1px #FFF solid; margin-right:5px;}
.individualvote .thumbnail 		{ float:left;}

.individualvote .polldata 		{ width: 80px; padding-top:15px; float:left;}
.individualvote .polltext 		{ font-size:12px; line-height:12px; color:#00559B; font-weight:bold; margin-bottom:3px;}
.individualvote .polltext a 	{ color:#00559B; text-decoration:none;}
.individualvote .country 		{ font-family:"Trebuchet MS"; font-size:9px; font-weight:bold;}
.inputsubmit 					{ padding-top:10px; padding-bottom:10px;}
.individualvote .pollinput { width:20px; }

#leftnav .individualvote .polltext a { color:#00559B; }
#leftnav .individualvote 		{ padding-top:10px;}
#leftnav .individualvote .polldata 		{ padding-top:0px; width: 100px;}

#leftnav #traffic					{ padding:50px 10px 10px 10px; background-color:#D6EDFF; background-image:url(/images/misc/header-leftnavtraffic.gif); background-repeat:no-repeat; border-top: 5px solid #2A6FD6;}
#leftnav #traffic .thumbnail		{ float:left;}
#leftnav #traffic .thumbnail img	{ margin-right:5px;}
#leftnav #traffic .summary a 		{ color:#235DB3;}

#leftnav #weatherinclude			{ padding:45px 10px 10px 10px; background-color:#FFF5CD; background-image:url(/images/misc/header-leftnavweather.gif); background-repeat:no-repeat; border-top: 5px solid #C00; }
#leftnav #weatherinclude .link a 	{ color: #900; background-image:url(/images/icons/newicon-link.gif);background-repeat:no-repeat;}
#weatherinclude .thumbnail 			{ float:left;}
#weatherinclude .thumbnail img 		{ margin-right:5px;}
#weatherinclude .currentconditions 	{ font-family:"Trebuchet MS"; font-weight:bold; line-height:13px; font-size:13px; margin-bottom:1px;}
#weatherinclude .temperature		{ color:#C00; font-family:"Trebuchet MS", Verdana, sans-serif; font-weight:bold; font-size:18px; }

br {clear:both;}

#footerarea { margin:10px; }
#footerarea ul li { display:inline; margin:5px; }
#footerarea a { color:#FFF; text-decoration:none; font-weight: bold; }
#footerarea ul { margin: 0; padding: 0 0px 0 0; list-style-type: none;}
#footerarea a:hover {text-decoration:underline; color:#FC3; background-color:#000; font-weight: bold;}

#addressinfo { margin-top:2px; color:#FFF; }

#loginarea {font-weight:bold;  padding:5px; background-image:url(/images/misc/background-brushedsteel.jpg);}
#loginarea a {color:#333;}
#loginarea a:hover { color:#000; background-color:#FFF;}


.individualwallpaper {margin-top:8px;}


.djspage .columnleft{width:365px; float:left;}
.djspage .columnright{width:185px; float:left;}
.djspage .bio,.djspage .interview {margin:10px;}

.directoriopage .columnleft{width:365px; float:left;}
.directoriopage .columnright{width:160px; float:left;}
.directoriopage .content {margin:10px;}


#include-directorio-form input {width:150px; }
#include-directorio-form select {width:150px; }
#include-directorio-form textarea {width:150px; height:100px; }
#include-directorio-form .send {margin-top:15px;  }
#include-directorio-form .subheadline {margin-top:10px;}
#include-directorio-form .summary {margin-top:10px;}

#include-directorio .link a {font-size:11px;}
#include-directorio  .link { margin-top:5px;}

.individualartist img 	{ float:left; margin-bottom:3px; margin-right:3px; }

.tableheaderrow 		{background-color: #333; color: #FFF; font-weight: bold;}
.tabledata				{background-color:#CCC;}
.tabledataalternate		{background-color:#FFF;}

td, table 		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}


#flashheader {width:550px; height:275px; position:relative; z-index:1}
#megachicaheader {width:550px; height:350px;}
.admintable {width:500px;}


#migente {width: 530px; margin: 10px;}
#column-personalinfo {width: 250px; ;float: left;}
#column-newestmembers {width: 280px; float: left;}

.columnright #include-wallpapers { background-image:url(/images/headers/header-megawallpapers.gif);  background-repeat: no-repeat;}


.small {font-size:9px; font-weight:bold;}
#promos- #pagecontent {margin-left:15px; margin-right:15px; float:left;}
* html #promos- #pagecontent {width:500px; margin-left:10px; margin-right:10px; float:left;}

#promos- #additionalcontent {width:160px; float:right; border-left:1px dashed #000; padding-left:5px;}
#promos- #additionalcontent .headline {margin-left:0px;}


a.tooltip{
    position: absolute;
    z-index:24; background-color:#F00;
    color:#FFF;
    text-decoration:none;
}

a.tooltip:hover{z-index:25; background-color:#ff0}
a.tooltip span {display: none}
a.tooltip:hover span { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0px; left:9px; width:200px;
	padding:10px;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
}

a.tooltipsecond
{
	position: relative;
	z-index: 22;
	background-color: #00F;
	color: #FFF;
	text-decoration: none;
	top:0px; left: 9px;
}


ul#latestnews { 
	margin: 0px;
	padding: 0px;
	list-style: none;
	padding-top: 10px;
}

ul#latestnews li { 
	padding-bottom: 5px;
}


a.tt{
    position: relative;
    z-index:24;;
    text-decoration:none; 
	color: #003369;
}

a.tt span { display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/

a.tt:hover {z-index:25; background:;}

a.tt:hover span.texttip { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-26px; left:-230px; width:218px;
	padding:10px;
    color:#000;
    filter:alpha(opacity:90);
	opacity: 0.90;
}

a.tt:hover span.top {
    position:relative;
	background: url(/images/misc/textip-top.png) no-repeat; 
    display:block;
	height: 12px;
}

a.tt:hover span.middle { 
    position:relative;
    display:block;
    padding-left: 15px;
    padding-right: 38px;
    font-weight: bold;
	background: url(/images/misc/textip-filler.png) repeat-y; 
}

a.tt:hover span.bottom { 
    position:relative;
    display:block;
	height: 8px;
	background: url(/images/misc/textip-bottom.png) no-repeat bottom; 
}




a.ht{
    position: relative;
    z-index:24;;
    text-decoration:none; 
	color: #003369;
}

a.ht span { display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/

a.ht:hover {z-index:25; background:;}

a.ht:hover span.texttip { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-26px; left:-230px; width:218px;
	padding:10px;
    color:#000;
    filter:alpha(opacity:90);
	opacity: 0.90;
}

a.ht:hover span.top {
    position:relative;
	background: url(/images/misc/textip-top.png) no-repeat; 
    display:block;
	height: 12px;
}

a.ht:hover span.middle { 
    position:relative;
    display:block;
    padding-left: 15px;
    padding-right: 38px;
    font-weight: bold;
	background: url(/images/misc/textip-filler.png) repeat-y; 
}

a.ht:hover span.bottom { 
    position:relative;
    display:block;
	height: 8px;
	background: url(/images/misc/textip-bottom.png) no-repeat bottom; 
}

ul.photogroup { 
	margin: 0px;
	padding: 0px;
}

ul.photogroup li { 
	list-style: none;
	width: 77px;
	height: 98px;
	float: left;
	display: block;
}

ul.photogroup li img { 
	width: 77px;
	height: 77px;
}

ul.photogroup li a.photolink { 
	text-decoration: none;
}

ul.photogroup li a.tt { 
	display: block;
	width: 50%;
	float: left;
	text-align: center;
}

.audiolink a		{ font-size:10px; padding-left:15px; margin-top:5px; background-image:url(/images/icons/icon-audio.gif); background-repeat:no-repeat; text-decoration:none; }
.audiolink a:hover	{ text-decoration:underline; }

.feedlink a			{ font-size:10px; padding-left:15px; margin-top:5px; background-image:url(/images/icons/podcast-chicklet.gif); background-repeat:no-repeat; text-decoration:none; } 
.feedlink a:hover	{ text-decoration:underline; } 

.commentflip { margin-top:10px; margin-bottom:20px; }
a.linkadd			{ padding-left:15px; font-size:13px; font-weight:bold; background-image:url(/images/icons/icon-add.png); background-repeat:no-repeat; text-decoration:none; }
a:hover.linkadd		{ text-decoration:underline; }

.mycomment { background-color:#CCC; padding:20px;}
.singlecomment { border-bottom:1px dotted #000; padding-bottom:10px;  padding-top:10px;}
.singleblogentry { padding-top:10px; border-top:1px solid #000; margin-top:50px;}
#latestaudiobar {  height:22px; padding-top:8px; border-top:1px #000 solid; border-bottom:1px #000 solid; padding-left:85px; background-image:url(/images/template/metalback3.jpg); background-repeat:no-repeat; font-weight:bold; clear: both;}
#latestaudiobar select {font-size:10px;}
#latestaudiobar a {color:#600b07;text-decoration:none;}
.highlight { color:#F00; font-weight:bold; }

#page-trabajo iframe { 
	width: 550px;
	height: 500px; 
	border: 0px;
}

#include-mggetnewphotos.promo li { 
	width: 53px;
	height: 53px;
}

#include-mggetnewphotos.promo li img { 
	width: 53px;
	height: 53px;
}

#include-mggetnewphotos.promo #megagentewideheader { 
	padding-top: 160px;
	background-image: url(/images/misc/megagente160x160.png);
	background-repeat: no-repeat;
}

#include-mggetnewphotos.promo #newphotos h3 { 
	padding: 0px;
	margin: 0px;
	padding-top: 10px;
}




/* Search Bar Style */
#loginarea { 
	float: left; 
	display: block;
	height: 25px;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

#loginarea #welcomebar{ 
	float: left; 
}

#loginarea #welcomebar #welcometext { 
	float: left;
	padding-top: 5px;
	padding-left: 10px;
}

#loginarea #welcomebar #searchbox { 
	float: left;
	padding-left: 10px;
}

#loginarea #welcomebar #icons {
	float: left;
	padding-left: 7px;
}

#loginarea #welcomebar #searchbox {
	float: left;
}

#loginarea #welcomebar #welcometext {
	float: left;
}


#loginarea #welcomebar #icons ul { 
	margin: 0px;
	padding: 0px; 
	position: absolute;
}

#loginarea #welcomebar #icons ul li { 
	list-style: none;
	float: left;
	padding-top: 5px;
	padding-right: 3px;
	width: 16px;

}

#loginarea #welcomebar #icons ul li a:hover .tiptext {
	position: relative;
	display: block;
	float: right;
	background-color: #CCC;
	border: 1px solid #FFF;
	padding: 5px;
	width: 150px;
	text-align: right;
}


#loginarea #welcomebar #icons ul li a .tiptext {
	position: relative;
	display: none;
	top: 0px;
	right: 0px;
	z-index: 50;
}

#include-youtubevideos {
	height: 500px;
	clear: both;
}

#include-youtubevideos ul {
	margin: 0px;
	padding: 0px;
}

#include-youtubevideos ul li {
	list-style: none;
	display: block;
	float: left;
}

#include-youtubevideos ul li img {
	width: 77px;
	margin-right: 3px;
	margin-bottom: 3px;
}

#escuchaporiphoneblackberry {
	display: box;
	height: 440px;
	background:  url(/images/misc/escuchaportodoslados.jpg);
	float: left;
	overflow: hidden;
}

#escuchaporiphoneblackberry ul {
	padding: 0px;
	margin-top: 250px;
	padding-left: 20px;
	padding-right: 20px;
}

#escuchaporiphoneblackberry ul li { 
	list-style: none;
	padding-bottom: 7px;
}

#escuchaporiphoneblackberry li a {
	color: #FFF;
	text-decoration: none;
}


#escuchaporiphoneblackberry li a:hover {
	color: #000;
}


#escuchaporiphoneblackberry li a img {
	display: block;
	padding-bottom: 20px;
	padding-right: 5px;
	float: left;
}


